/*
 Theme Name:   Ordination Bayer Child-Theme
 Theme URI:    https://graphiks.info/
 Description:  Child Theme für Ocean WP
 Author:       Andreas Hartl
 Author URI:   https://graphiks.info/
 Template:     oceanwp
 Version:      1.0.0
*/

/* =================================================================================================
Abweichende Styles */


@font-face {
    font-family: 'RobotoCondensedLight';
    src: url('fonts/RobotoCondensedLight.eot');
    src: url('fonts/RobotoCondensedLight.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedLight.woff2') format('woff2'),
         url('fonts/RobotoCondensedLight.woff') format('woff'),
         url('fonts/RobotoCondensedLight.ttf') format('truetype'),
         url('fonts/RobotoCondensedLight.svg#RobotoCondensedLight') format('svg');
}

@font-face {
    font-family: 'DINProRegular';
    src: url('fonts/DINProRegular.eot');
    src: url('fonts/DINProRegular.eot') format('embedded-opentype'),
         url('fonts/DINProRegular.woff2') format('woff2'),
         url('fonts/DINProRegular.woff') format('woff'),
         url('fonts/DINProRegular.ttf') format('truetype'),
         url('fonts/DINProRegular.svg#DINProRegular') format('svg');
}

*  {-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease; outline: none !important;}

body {font-family:'RobotoCondensedLight', 'Lucida Grande',Verdana, Arial, Helvetica, sans-serif !important;font-size:16px;line-height:1.5em;font-weight: 300; color: #333;}
h1, h2,h3,h4,h5,h6, #navi a { font-family: 'DINProRegular','RobotoCondensedLight', 'Lucida Grande',Verdana, Arial, Helvetica, sans-serif !important; }

a[href*="tel"] { text-decoration: none !important;}

.page-header { background: #fff; padding: 7px 0; text-align: center;}

#headerbar {height: 20px; display: block; width: 100%;background-position: center top; background-repeat: no-repeat;  background-size: 100% ; background-image: url(image/Header_Leiste.png);}

#main { background-position: left bottom; background-repeat: no-repeat; background-size: 65% auto; background-image: url(image/Icon_Footer_.png); border: 0; }
#right-sidebar, #content, #primary, .single-page-article { border: 0 !important;}

.page-template-page-narrow .site-content {max-width: 950px; margin: 0 auto; padding-bottom: 100px;}

#footer { background-color:#90ad3f; border-top: 2px solid #fff;     }
#footer h3 { color: #fff; font-size: 24px;}
#footer td { padding: 0px 7px 2px 0; border:0;}
#footer a:hover { color: #ddd  !important;}

/*Gutenberg*/
.infobox { background: #f2f4f6; border-radius: 10px ; padding: 25px; height: auto;}
.infobox-white p {background:#fff;  padding: 0 0 25px 0; height: auto; margin: 0; }

/*Button*/
.imagebutton:hover, imagebutton:active {opacity: .8; }

#herrkarl { max-width: 350px; width: 100%; float: right; margin: 25px 0 25px 25px;}

.clear {display: block; }

@media screen and (max-width:550px) {

    .page-header h1.page-header-title { font-size: 14px !important; font-weight: bold;}
    
    #site-logo { max-width: 55% !important;}

}

@media screen and (max-width:650px) {

    .page-header h1.page-header-title { font-size: 18px !important; font-weight: bold;}

}

@media screen and (min-width:851px) {

    #herrkarl { max-width: 33%; margin-top: -25px; }

}

@media screen and (max-width:800px) {

    h1.page-header-title { font-size: 23px !important; font-weight: bold;}

}

@media screen and (min-width:1250px) {

    #main {background-size: 30% auto;
    
}