/*
Theme Name: Zahnarztpraxis René Reichelt - Team - Fonts lokal -
Theme URI: http://friebelwv.de/
Author: FRIEBEL Werbeagentur und Verlag GmbH
Author URI: http://www.friebelwv.de/
Description: Vorab-Design Zahnarztpraxis René Reichelt
Version: 1.5
Text Domain: reichelt
Domain Path: /languages/
*/

/* prefix:
    box-shadow
    border-radius
*/



/* heebo-regular - latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/heebo-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/heebo-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/heebo-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/heebo-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/heebo-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/heebo-v17-latin-regular.svg#Heebo') format('svg'); /* Legacy iOS */
}
/* heebo-700 - latin */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/heebo-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/heebo-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/heebo-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/heebo-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/heebo-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/heebo-v17-latin-700.svg#Heebo') format('svg'); /* Legacy iOS */
}



* {
    border:0px none;
    margin:0;
    padding:0;
}

header , footer , nav , article , section , aside {
    display:block;	/* IE < 9 */
}

/* TEMP! */
#search ,
#archives ,
#meta ,
.site-info ,
.entry-meta
{
    display:none;
}

@media all {
    
   html , body {
    	width:100%;
    	height:100%;
    }

    body {
        font-size:100.01%;
        overflow:visible;
        overflow-x:hidden;
        overflow-y:visible;
        line-height:0;
        min-height:100%;
        height:auto;
        _height:100%;
        font-family:'Heebo' , 'Helvetica Neue' , 'Helvetica' , OpenSans , sans-serif;
        font-weight:300;
    }
    body * {
        line-height:1.5em;
    }
    
    .site {
        position:relative;
        z-index:1;
        top:0;
        width:100%;
        height:100%;
        background:transparent url('images/bg-site.png') bottom center repeat-x;
        background-size:contain;
    }
    
    .site-wrapper {
    }

    .site-header {
        position:relative;
        z-index:0;
        width:100%;
        height:auto;
        text-align:right;
    }
    .header-inner {
        position:absolute;
        z-index:1;
        top:0;
        left:50%;
        width:640px;
        height:100%;
        margin:0 0 0 -320px;
        text-align:left;
        overflow:visible;
    }
    
    .site-footer {
    }

    .site-content {
        position:relative;
        z-index:0;
        width:640px;
        height:auto;
        margin:0 auto;
        padding:0;
    }
    
    .content-area {   
    }
    
    .header-presentation {
        position:relative;
        z-index:0;
        left:35%;
        margin:0 0 0 0;
        width:65%;
        height:auto;
        max-height:240px;
        overflow:hidden;
    }
    .header-presentation .header-presentation-image {
        position:relative;
        display:block;
        margin:0;
        width:100%;
        height:auto;
    }
    
    .logo-zahnarztpraxis-reichelt {
        position:relative;
        top:20px;
        left:-110px;
        width:320px;
        height:auto;
    }
    .screen-reader-text.skip-link {
        position:absolute;
        z-index:-1;
        top:-1000px;
        left:-1000px;
    }
    
    .clearfix:after {
        content:'.';
        display:block;
        clear:both;
        visibility:hidden;
        line-height:0;
        height:0;
        margin:0;
    }
    .clearfix {
        display:inline-block;
        line-height:0;
        height:0;
        margin:0;
    }
    html[xmlns] .clearfix {
    	display:block;
    }
    * html .clearfix {
    	height:1%;
    }



    
/* SPECIAL */

/* FORMS */

/* TYPO */

    h1 , h2 , h3 , h4 , h5 , h6 , h7 {
        color:#a88d27;
    }
    h1 , h2 {
        font-size:1.75em;
        line-height:1.25;
        margin:1.5em 0 0.75em 0;
 margin:2.5em 0 0.75em 0;
        font-weight:300;
    }
    
    p , li {
        font-size:0.875em;
        line-height:1.5;
        color:#505050;
        font-weight:300;
    }
    
    ul li {
        list-style-position:outside;
        list-style-type:square;
        margin:0 0 0 1.25em;
    }
    ol li {
        list-style-position:outside;
        list-style-type:decimal;
        margin:0 0 0 1.5em;
    }
    .list-wrapper li {
        color:#a88d27;
    }
    .list-wrapper li span {
        color:#505050;
    }
    
    p , ul , ol {
        margin:0 0 0.35em 0;
    }

    table {
        border-collapse:collapse;
        margin:1em 0;
        width:auto;
        border:0px none;
    }
    td {
    	padding:0 1em 0 0;
    	vertical-align:top;
    }
    
    strong , b {
    	font-weight:bold;
    	color:#505050;
    }
    
    em , i {
    	font-style:italic;
    }
    
    a {
        color:inherit;
        _color:#505050;
        text-decoration:none;
    }
    .site-content a , .site-footer a {
        text-decoration:underline;
    }
   
    hr {
    }
    
    em {
        font-style:italic;
    }
    strong {
        font-weight:700;
    }
    
    p.to-top {
        color:#707070;
        text-align:center;
        padding:1em 0 3em 0;
    }

    .huge {
        font-size:115%;
    }

/* CORONA */

.vc_row.corona-updates .wpb_text_column {
   padding:1.25em 2em 1.5em 2em;
   margin:1em 0 2.5em 0;
   background-color:#a88d27;
   box-shadow:rgba(0,0,0,0.15) 2px 3px 15px 5px;
}
.vc_row.corona-updates .wpb_text_column * {
   color:#fff !important;
}
.vc_row.corona-updates .wpb_text_column h2 {
   margin-top:0;
} 
    
/* MENU */


/* VSEL */


/* MAPS LEAFLET */
.leaflet-map {
	margin: 1em auto;
	width: auto;
	max-width: var(--element-max-width);
}

@media ( hover:hover ) {
	.leaflet-map .leaflet-tile-pane {
		filter: grayscale(1);
	}
	.leaflet-map:hover .leaflet-tile-pane {
		filter: grayscale(0);
	}
}

    
/* VC */

    .vc_tta-container {
margin-bottom:2.5em !important;
    }
    .zar-services .vc_tta-panel-heading {
        background-color:transparent !important;
        border:0px none !important;
        margin-left:0;
        border-bottom:1px solid #e9e2c9 !important;
    }
    .zar-services .vc_tta-panel-heading .vc_tta-panel-title {
        font-weight:300;
        font-size:0.9375em;
    }
    .zar-services .vc_tta-panel-title > a {
        padding:0 0 0 1.25em !important;
        color:#a88d27 !important;
    }
    .zar-services .vc_tta-controls-icon-position-left .vc_tta-controls-icon {
        left:0 !important;
    }
    .zar-services .vc_tta-panel-body {
        padding-left:0 !important;
    }
    
}


/* TABLET / SMALL SCREENS */

@media screen and (max-device-width: 768px) ,
screen and (max-width: 720px) {
    
    body {
    }
    .site-content {
        width:90%;
        margin-left:5%;
        margin-right:5%;
    }
    .header-presentation {
        max-height:180px;
    }
    .header-inner {
        left:auto;
        width:95%;
        margin:0 5% 0 0;
    }
    .logo-zahnarztpraxis-reichelt {
        top:20px;
        left:0;
        margin:0;
        width:50%;
    }
    
    .zar-services .vc_tta-panel-heading {
        margin-left:0;    
    }
}



/* TABLET ONLY (LANDSCAPE) / HUGE SCREENS */
@media screen and (max-device-width:980px) {
} 
@media screen and (min-width:1280px ) {
    body {
    }

    .site-content {
        width:960px;
    }
    .header-presentation {
        max-height:320px;
    }
    .header-inner {
        width:960px;
        margin-left:-480px;
    }
    .logo-zahnarztpraxis-reichelt {
        top:80px;
    }

}

    
/* TABLET ONLY (PORTRAIT) */
/* SMALLER TBALETS / PHONES */

/*
@media screen and (max-device-width:980px) and (orientation:portrait) , screen and (max-device-width:720px) {
}

@media screen and (max-device-width:980px) and (orientation:portrait) , screen and (max-device-width:720px) , screen and (max-width:720px) , print {
   
    body {
	-webkit-hyphens:auto !important;
	-moz-hyphens: auto !important;
	-o-hyphens: auto !important;
	-ms-hyphens:auto !important;
	hyphens:auto !important;
    }
}
*/


/* SMALLEST SCREENS */
@media screen and (max-device-width:540px) , screen and (max-width:540px) {
    
    #catapult-cookie-bar .ctcc-inner {
        display:block;
    }
    #catapult-cookie-bar .ctcc-left-side , #catapult-cookie-bar .ctcc-right-side {
        font-size:0.875em;
        display:block;
        float:none !important;
        text-align:center;
    }
    button#catapultCookie , #catapult-cookie-bar a {
        margin:0.5em auto !important;
        display:block;
    }

}

/*
@media screen and (max-device-width:540px) and (orientation:portrait) , screen and (max-width:480px) {

    .site-footer {
	height:auto;
	text-align:center;
    }
    .site-footer .footer-nav {
	width:90%;
	margin:0 0 2em 0;
	float:none;
	text-align:center;
    }
    .syndication {
	float:none;
	width:90%;
	text-align:center;
	margin:0 0 2em 0;
    }
    
    .pu-newsgroup {
	display:none !important;
    }
    
    .widget-area , .content-area {
	width:100% !important;
	margin:0 0 2em 0 !important;
	float:none;
    }
    
    table, thead, tbody, tfoot, th, td, tr {
	padding-top:0.5em;
	padding-right:0;
	display:block;
    }
    tr + tr {
	margin-top:0.5em;
    }
    
}
*/

@media print {
}