/**
* Theme Name: oengoer
*Template: wp-bootstrap-starter
*/
@import url('../wp-bootstrap-starter/style.css');

body { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 1.3em; line-height: 1.6em; color: #2a2a2a;  }

.widget { border-top: 0px; list-style-type: none;}

#page { padding: 0;}

a:hover { text-decoration: none;}

@media screen and (min-width: 790px) {
	body { font-size: 1.2em;} 
}

/** ################################ header ################################# */

header#masthead { background: #eaf5f6}
header#masthead .container { max-width: 1100px}

.kopf { padding: 20px 0 10px}
#Kopfname ul, #Kopfname li { padding: 0; margin: 0; }
.headname { color: #057788;   }
img.headlogokopf { width: 90px; margin: 0 10px 0 0; float: right; }
.headlogotext { text-align: left; margin-left: 0px; float: left; padding-right: 20px }
.headlogoschrift { font-size: 2.5em; margin: 0 0 0.30em 0; line-height: 1.5em; line-height: 1.3em }
.headlogounterschrift { margin: 0; font-size: 1.6em }

.adressekopf { display: none; padding: 10px 0 0 0}
.adressekopf p {text-align: right; padding: 0; margin: 0 0 0.3em 0; color: #057788; font-size: 1.4em}
.adressekopf .kopfadressetel { font-size: 1.4em; padding-top: 0.4em; margin-bottom: 0;}
.adressekopf p a { color: #057788}

.kopfmenue { margin: 10px auto 25px auto; }

#mysticky-nav.wrapfixed { padding-bottom: 10px; border-bottom: 1px solid #c3dde0}

@media screen and (min-width: 590px) { 
.adressekopf { display: block }
}
@media screen and (min-width: 768px) { 
img.headlogokopf { width: 110px; }
}

/** ################################ /header ################################# */

/** ################################ navigation ################################# */



/** ################################ /navigation ################################# */

/** ################################ content ################################# */

#content.site-content { padding-top: 2em}

.entry-content h1 { text-align: center; font-weight: 400; color: #057788; font-size: 1.6em; margin-bottom: 1em; line-height: 1.8em}
.entry-content h1 .h1gr { font-size: 1.6em;}

.corona-hinweis { border: 1px solid #057788; padding: 20px 20px 0px 20px; margin: 1em 0 0 0; padding-bottom: 20px; max-width: 800px }
.corona-hinweis p { margin: 0 0 0.5em 0; text-align: left; font-size: 0.9em}

.entry-content h2 { text-align: center; font-weight: 400; color: #057788; font-size: 1.9em; margin-bottom: 0.5em; line-height: 1.8em}

.entry-content h3 { text-align: center; font-weight: 400; color: #057788; font-size: 1.6em; margin-bottom: 0.75em; line-height: 1.8em}

.entry-content h4 { margin: 0.25em 0 0.75em 0; text-align: center; color: #057788 }
.entry-content h4 a {color: #057788}

.entry-content h6 {text-align: center; margin: 1em 0 2em 0; font-size: 1.1em}

.sprechzeiten  { width: 100%; margin: 0 }
.sprechzeiten .wochentag { background: #5CC6D0; text-align: center; color: #fff; border-right: 1px solid #fff; padding: 10px 5px; margin-bottom: 0px}
.sprechzeiten .vormittags { text-align: center; border-right: 1px solid #aaa; border-left: 1px solid #aaa; border-bottom: 1px solid #aaa; line-height: 60px; margin-bottom: 0px; background: #fff}
.sprechzeiten .vormittags { text-align: center; border-right: 1px solid #aaa; border-left: 1px solid #aaa; border-bottom: 1px solid #aaa; line-height: 60px; margin-bottom: 0px; background: #fff}
.sprechzeiten .nachmittags { text-align: center; border-left: 1px solid #aaa; border-right: 1px solid #aaa; line-height: 60px; border-bottom: 1px solid #aaa;background: #fff}
.sprechzeiten .zweizeiler { line-height: 1.5em; height: 60px; top: 50%; }
.sprechzeiten p.zweizeiler { padding: 0.5em 25px 0 25px; }
.sprechzeiten p.sondersprechst { text-align: center; height: 60px; border-right: 1px solid #aaa; border-left: 1px solid #aaa; border-bottom: 1px solid #aaa; padding-top: 20px; background: #fff }
.sprechzeiten .randlinks { border-left: 1px solid #aaa}
.sondersprechst { padding: 0 20px}



.weissingruen { background: #fff; padding: 30px 20px 0px 20px; margin: 40px 0px 0px 0px; border: 1px solid #aaa; }
.weissingruen h4 { font-size: 1.06em; font-weight: 400 }
.weissingruen p { font-size: 0.9em;line-height: 1.5em }

.praxisurlaub h4 { margin: 30px auto 0 auto; max-width: 800px; line-height: 1.7em}

#Leistungen ul li { list-style-type: "- "; font-weight: 600 }
#Leistungen ul li ul { padding-left: 25px }
#Leistungen ul li ul li { font-weight: normal }


#Team strong { font-weight: 600; color: #057788 }

#Zugang { width: calc(100% + 0px); margin: 0 }
.zugangshinweis { background: #F2F9F9; padding: 25px 15px 25px 15px; margin-top: 25px; margin-left: 0px; border: 1px solid #c3dde0}
.zugangshinweis p { margin-bottom: 0.25em; max-width: 500px}


.gruen { color: #057788; }

.bold { font-weight: 600 }

p.tellink { margin-bottom: 0.75em}
p.tellink a { background: #057788; color: #fff; padding: 15px 30px; margin-top: 0px; display: inline-block; border-radius: 7px; transition: 0.3s}
p.tellink a:hover { background: #68b3be; }
p.fax { padding-left: 25px; }

.impressum a { color: #2a2a2a}
.impressum h2, .impressum h3 { color: #2a2a2a; text-align: left; margin: 0px; font-size: 1.4em}

#Anfahrt .kc_column { padding: 5px 0px 0px 0px;}

@media screen and (min-width: 768px) { 
	.sprechzeiten .vormittags { line-height: 90px; border-left: 0px solid #fff;}
	.sprechzeiten .nachmittags {  line-height: 90px;border-left: 0px solid #fff; }
	.sprechzeiten .zweizeiler { line-height: 1.5em; height: 91px; top: 50%;border-left: 0px solid #fff; }
	.sprechzeiten p.sondersprechst {  height: 182px; padding-top: 60px; border-left: 0px solid #fff;  }
	.sprechzeiten .randlinks { border-left: 1px solid #aaa}
	.praxisslider { width: calc(100% + 30px); }
	#Zugang { width: calc(100% + 30px); }
}

/** ################################ /content ################################# */

/** ################################ /formulare ################################# */

.formulare .kc_col-sm-8 .kc-col-inner-container { overflow: hidden;background: #fff;; padding: 30px 20px 40px 20px; margin-bottom: 20px;border: 1px solid #c3dde0; border-radius: 5px}
.caldera-grid label { font-weight: 400!important;}
.caldera-grid small a { color: #2a2a2a;}

.kontaktbutton a { background: #057788; color: #fff; padding: 15px 30px; margin-top: 0px; display: inline-block; border-radius: 7px; transition: 0.3s}
.kontaktbutton a:hover { background: #68b3be; }

.c7formular p { margin-bottom: 1em }
.c7formular label { font-size: 0.9em; margin-bottom: 0; width: 100% }
.c7formular .form-control {height: calc(1.5em + .75rem + 8px); }
.c7formular .datencheck { padding-bottom: 20px}
.c7formular .datencheck .form-control { border: 0; padding: 0; }
.c7formular .datencheck .wpcf7-list-item { margin: 0;}
.c7formular p.datencheckcheckbox { margin: 0}
.c7formular .formpflichtfeld { font-size: 0.8em; padding-top: 20px }
.formsenden input { background: #057788; color: #fff; padding: 10px 20px; margin: 0; display: inline-block; border: 0px; border-radius: 7px; transition: 0.3s}
.formsenden input:hover { background: #68b3be; }


/** ################################ /formulare ################################# */

/** ################################ footer ################################# */

#footer-widget { background: #eaf5f6; padding: 50px 0 20px 0; font-size: 0.5em}


.footerlinks, .footermitte, .footerrechts { max-width: 350px; margin: 0 auto; font-size: 1.2em}
.footerlinks { color: #057788; padding: 10px 0 20px 0 }
.footerlinks .footername { font-size: 1.9em; margin: 0 0 0.25em 0 }
.footerlinks .footeruntername { font-size: 1.3em; margin: 0 0 0.75em 0 }
.footerlinks .footerstrasse { font-size: 1.2em; margin: 0 }
.footerlinks .footerort { font-size: 1.2em; margin: 0 }

.footermitte { color: #057788; padding: 30px 0 20px 0  }
.footermitte a { color: #057788 }
.footermitte i {padding-right: 5px;}
.footermitte .footertel { margin-bottom: 1.0em}
.footermitte .footertel a { font-size: 1.6em; padding: 10px 20px; border-radius: 5px}
.footermitte .footertel a:hover {background: #f7fefe }
.footermitte .footer-email {  }
.footermitte .footer-email a { font-size: 1.2em; padding: 10px 20px; border-radius: 5px  }
.footermitte .footer-email i {font-size: 1.3em; }
.footermitte .footer-email a:hover {background: #f7fefe }

.footerrechts { text-align: center; }
.footerrechts img { width: 150px; }


body:not(.theme-preset-active) footer#colophon { color: #ccc; background-color: #057788; padding-bottom: 60px}
#Menueimpressum ul, #Menueimpressum ul li { padding: 0; margin: 0}
ul#menu-impressum  { flex-direction: row!important; padding: 0; margin: 0}
ul#menu-impressum li { padding: 0; margin: 0}
#menu-impressum li a { font-size: 17px; color: #ddd }
#menu-impressum li a.nav-link { padding: 0.5em 1em 0 0}
#menu-impressum li a:hover { color: rgb(226, 229, 238);  background: transparent}

/** ################################ /footer ################################# */



@media screen and (min-width: 500px) { }  
@media screen and (min-width: 44.375em) { }  /**  >= 710px */
@media screen and (min-width: 769px) { 
	
}  
@media screen and (min-width: 56.875em) { }  /**  >= 910px */
@media screen and (min-width: 61.5625em) {  }  /**  >= 985px */