/* =======================================
	Reset
======================================= */
* { padding: 0; margin: 0; border: 0; }
body { position: relative; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 100%; font-style: normal; color: #666; background-color: #e5e0c9; background-size: 100% auto; background-repeat: no-repeat; background-position: 0 80px; }
img { width: 100%; height: auto; }

.bg_home { background-image: url(../img/bg_home.jpg); }
.bg_arztpraxis { background-image: url(../img/bg_arztpraxis.jpg); }
.bg_therapie { background-image: url(../img/bg_therapie.jpg); }
.bg_team { background-image: url(../img/bg_team_2022.jpg); }
.bg_aktuelles { background-image: url(../img/bg_aktuelles.jpg); }


/* Typography   =========================== */
p { line-height: 1.375em; }
h1 { font-size: 1.438em; line-height: 1.25em; font-weight: 300; margin-bottom: 15px; }
h2 { font-size: 1.125em; line-height: 1.25em; font-weight: 600; margin: 20px 0 10px 0; }
h3 { font-size: 1em; line-height: 1.25em; font-weight: 400; padding-bottom: 5px; margin: 20px 0 4px 0; border-bottom: 1px solid #8bc47d; }
h2:first-child, h3:first-child { margin: 5px 0 10px 0; }
header { font-size: 1.25em; }
.ci_color_brown { color: #993300; }
.ci_color_orange { color: #efa267; }
.ci_color_lila { color: #8565b0; }
.ci_color_green { color: #8bc47d; }
header ul { list-style-type: none; }
#wrapper_content ul { list-style-type: disc; margin-left: 0.5em; padding-left: 0.5em; }
#wrapper_content li { line-height: 1.375em; padding-bottom: 10px; }
#wrapper_content .flexslider ul { list-style-type: none; margin-left: 0; padding-left: 0; }
#wrapper_content .flexslider li { line-height: normal; padding-bottom: 0; }
#wrapper_content i, #wrapper_footer i { margin-right: 8px; }

/* Linkverhalten   =========================== */
a:link, a:visited, a:active { color: #8bc47d; text-decoration: none; }
a:focus, a:hover { text-decoration: none; color: #53764b; border-bottom: 1px solid #53764b; }
header a:link, header a:visited, header a:active { color: #8bc47d; border-bottom: none; }
header a:focus, header a:hover { color: #53764b; border-bottom: none; }
.content .content_50:last-of-type a:focus, .content .content_50:last-of-type a:hover { border-bottom: none; }
.flexslider a:focus, .flexslider a:hover { border-bottom: none; }
ul .current a { color: #53764b; }

/* Layout   =========================== */
#wrapper_header { position: relative; z-index: 5; width: 92%; padding: 0 4%; min-width: 300px; background-color: rgba(255,255,255,0.95); transition-duration: 0.25s; 
-webkit-box-shadow: 0 10px 8px -2px rgba(25,0,0,0.4);
-moz-box-shadow: 0 10px 8px -2px rgba(25,0,0,0.4);
-ms-box-shadow: 0 10px 8px -2px rgba(25,0,0,0.4);
-o-box-shadow: 0 10px 8px -2px rgba(25,0,0,0.4);
box-shadow: 0 10px 8px -2px rgba(25,0,0,0.4); }

header { position: relative; height: 80px; max-width: 1230px; margin: 0 auto; transition-duration: 0.5s; }
#logo { min-width: 140px; max-width: 275px; width: 40%; padding-top: 7px; transition-duration: 0.5s; }

#utility { position: absolute; right: 0; top: 5px; transition-duration: 0.5s; }
#utility li { float: left; padding: 0 15px; transition-duration: 0.5s; }
#utility li:nth-child(3) { padding-right: 0; }
#utility li:nth-child(4) { display: none; }
.navi_mobile { display: none; }

#wrapper_content { width: 100%; padding-top: 20%; min-width: 300px; }
.wrapper_content2 { padding: 0 4% 40px 4%; background-color: rgba(255,255,255,0.9); }
.content { max-width: 1230px; margin: 0 auto; overflow: visible; transition-duration: 0.5s; }
.content_50 { padding: 20px 0; }

#wrapper_footer { position: relative; width: 92%; padding: 0 4% 0 4%; min-width: 300px; background-color: rgba(255,255,255,0.9); }
footer { padding: 10px 0 60px 0; max-width: 1230px; margin: 0 auto; border-top: 1px solid #8bc47d; transition-duration: 0.5s; }


/* Extras   ========================== */
.clear { clear: both; }
.tabelle { width: 100%; border-collapse: collapse; }
.td_1 { padding: 5px 10px 5px 0; vertical-align: top; border-bottom: 1px solid #8bc47d; }
.td_1_aktuelles { min-width: 40%; }
.td_2 { padding: 5px 0; vertical-align: top; border-bottom: 1px solid #8bc47d; }
.td_2_aktuelles {  }

/* =======================================
	Responsive
======================================= */
@media screen and (min-width: 600px) {
#utility li:nth-child(n) { padding: 0 15px; }
#utility li:nth-child(4) { display: inline-block; }
#utility li:nth-child(4) { padding-right: 0; }

.content { overflow: hidden; }
.content .content_50 { width: 45%; margin-right: 10%; padding: 40px 0; float: left; }
.content .content_50:nth-of-type(2n) { margin-right: 0; }

footer { padding: 20px 0 120px 0; overflow: hidden; }
footer .content_50:nth-of-type(n) { width: 45%; margin-right: 10%; float: left; }
footer .content_50:nth-of-type(2n) { margin-right: 0; }
}


@media screen and (min-width: 1000px) {
h1 { font-size: 2em; margin-bottom: 30px; }
h2 { font-size: 1.25em; }

body { background-position: 0 135px; }
#wrapper_header { position: fixed; top: 0; height: 135px; }
#logo { padding-top: 10px; }

.navi_mobile { display: inline-block; font-size: 0.85em; padding-left: 8px; }
#utility { top: 25px; }
#utility li:nth-child(3) .navi_mobile { padding-left: 2px; }

#wrapper_content { margin-top: 135px; }
.wrapper_content2 { padding: 0 4% 80px 4%; }
}


@media screen and (min-width: 1400px) {
#utility li:nth-child(n) { padding: 0 25px; }
#utility li:nth-child(4) { padding-right: 0; }
}


@media only screen and (min-device-width: 600px) and (max-device-width: 1024px) and (orientation: portrait) {
#wrapper_header { position: fixed; top: 0; height: auto; }
#wrapper_content { margin-top: 80px; }
.content .content_50 { width: 100%; margin-right: 0; padding: 20px 0; float: none; }
}

@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
#wrapper_header { position: relative; top: auto; }
#wrapper_content { margin-top: 0; }
}