/*
Theme Name: physio
Theme URI: https://www.intermedia-werbeagentur.de
Author: Intermedia Peters GmbH | Werbeagentur
Author URI: https://www.intermedia-werbeagentur.de
Description: 
Version: 1.0
*/

#top-line {background-color: #fff; position: absolute; top: 32px; width: 100%; padding: 15px 0px;}
#main-navi ul {margin: 0px; padding: 0px; list-style: none; text-align: right; padding-top: 23px;}
#main-navi ul svg {display: none !important}
#main-navi ul li {display: inline-block;}
#main-navi ul li a {display: block; padding: 16px 24px; font-size: 18px; color: #00aad2; font-weight: bold;transition:background-color .5s ease}
#main-navi ul li.current_page_item a, #main-navi ul li:hover a, #main-navi ul li.current-menu-parent a { text-decoration: none; color: #fff; background-color: #00aad2;}
#main-navi ul li ul {position: absolute; text-align: left; padding: 16px;background-color: #00aad2;display: none; z-index: 50000;transition:all .5s ease}
#main-navi ul li:hover ul {display: block;}
#main-navi ul li ul li {display: block;}
#main-navi ul li ul li a {color: #fff; font-size: 14px}
#main-navi ul li ul li.current_page_item a, #main-navi ul li ul li a:hover {background-color: #fff;color: #00aad2;}
#contact-bar {position: absolute; bottom: 64px; width: 100%;}
#contact-bar .row {transition:all .5s ease}
#contact-bar .row:hover {-moz-transform: scale(0.95);-webkit-transform: scale(0.95);-o-transform: scale(0.95);-ms-transform: scale(0.95);transform: scale(0.95); cursor: pointer;}
#contact-bar .col-md-4 {color: #fff; background-color: #00aad2; font-size: 24px; text-align: center; text-transform: uppercase; font-weight: 700; padding: 15px 0px;}
#contact-bar .col-md-4 span {font-size: 40px; display: block;margin-bottom: -48px;}
#contact-bar .col-md-8 {color: #00aad2; background-color: #fff;font-size: 34px; text-align: center; text-transform: uppercase; font-weight: 700; padding-top: 36px; }
#contact-bar .col-md-8 i {margin: 0px 24px 0px 48px;}
main {padding: 64px 0px;}
.gallery-item{display:inline-block;max-width:33.33%;text-align:center;vertical-align:top;width:100%;/* padding:16px 0 */}
.gallery-columns-1 .gallery-item{max-width:100%}
.gallery-columns-2 .gallery-item{max-width:50%}
.gallery-columns-3 .gallery-item{max-width:33.33%}
.gallery-columns-4 .gallery-item{max-width:25%}
.gallery-columns-5 .gallery-item{max-width:20%}
.gallery-columns-6 .gallery-item{max-width:16.66%}
.gallery-columns-7 .gallery-item{max-width:14.28%}
.gallery-columns-8 .gallery-item{max-width:12.5%}
.gallery-columns-9 .gallery-item{max-width:11.11%}
.gallery-icon img {margin: 0 auto;width: 100%;height: auto;padding: 16px;}
.gallery-caption{color:#3d3c3f;display:block;font-size:12px;}
h1 {border-bottom: 2px solid #00aad2; height: 22px; font-size: 30px; color: #00aad2; margin-bottom: 64px;}
h1:before { content: url("images/h1-before.png"); padding-right: 0px; background-color: #fff; padding-left: 24px;}
h1:after { content: url("images/h1-after.png"); padding-left: 0px; background-color: #fff; padding-right: 24px;}
h1 span {background-color: #fff; padding: 0px 24px; position: relative; top: -10px;}
h2, h3 {font-size: 24px; color: #00aad2; font-weight: 700;}
footer {background-image: url("images/footer.png"); background-position: top center; background-repeat: no-repeat; background-color: #00aad2; padding: 100px 0px 32px 0px; color: #fff; background-size: 100%;}
footer a {color: #fff; text-decoration: none;}
footer a:hover {color: #eaeaea; text-decoration: none;}
footer ul {margin: 0px; padding: 0px; list-style: none; text-align: right;}
footer ul li {display: inline-block;}
footer ul li:after {content:  ' | ';}
footer ul li:last-child:after {content: '';}
.cbox {position: relative; min-height: 460px;}
.cbox h2 {font-size: 20px;}
.cbox .btn {position: absolute; bottom: 0px; left: 0px;}
.btn-fritz{color:#fff;background-color:#00AAD2;border-color:#008FB6}
.btn-fritz:hover,.btn-fritz:focus,.btn-fritz:active,.btn-fritz.active,.open .dropdown-toggle.btn-fritz{color:#fff;background-color:#008FB6;border-color:#008FB6}
.btn-fritz:active,.btn-fritz.active,.open .dropdown-toggle.btn-fritz{background-image:none}
.btn-fritz.disabled,.btn-fritz[disabled],fieldset[disabled] .btn-fritz,.btn-fritz.disabled:hover,.btn-fritz[disabled]:hover,fieldset[disabled] .btn-fritz:hover,.btn-fritz.disabled:focus,.btn-fritz[disabled]:focus,fieldset[disabled] .btn-fritz:focus,.btn-fritz.disabled:active,.btn-fritz[disabled]:active,fieldset[disabled] .btn-fritz:active,.btn-fritz.disabled.active,.btn-fritz[disabled].active,fieldset[disabled] .btn-fritz.active{background-color:#00AAD2;border-color:#008FB6}
.btn-fritz .badge{color:#00AAD2;background-color:#fff}
hr { margin:36px 0px; border-color: #00AAD2;}
#menutoggle {display: none;}
.wp-post-image {width: 100%; height: auto; display: block;}
header {position: relative;}
.hausbesuch {position: absolute; bottom: -120px; right: 50px; z-index: 50000}
/* RESPONSIVE */

@media screen and (max-width: 1199px) {
	.gallery-columns-1 .gallery-item{max-width:33.33%}
	.gallery-columns-2 .gallery-item{max-width:33.33%}
	.gallery-columns-3 .gallery-item{max-width:33.33%}
	.gallery-columns-4 .gallery-item{max-width:33.33%}
	.gallery-columns-5 .gallery-item{max-width:33.33%}
	.gallery-columns-6 .gallery-item{max-width:33.33%}
	.gallery-columns-7 .gallery-item{max-width:33.33%}
	.gallery-columns-8 .gallery-item{max-width:33.33%}
	.gallery-columns-9 .gallery-item{max-width:33.33%}
	#contact-bar {position: absolute; bottom: 15px; width: 100%;}
	#contact-bar .row {transition:all .5s ease}
	#contact-bar .row:hover {-moz-transform: scale(0.95);-webkit-transform: scale(0.95);-o-transform: scale(0.95);-ms-transform: scale(0.95);transform: scale(0.95); cursor: pointer;}
	#contact-bar .col-md-4 {color: #fff; background-color: #00aad2; font-size: 14px; text-align: center; text-transform: uppercase; font-weight: 700; padding: 8px;}
	#contact-bar .col-md-4 span {font-size: 18px; display: block;margin-bottom: -26px;}
	#contact-bar .col-md-4 p {margin-bottom: 0px;}
	#contact-bar .col-md-8 {color: #00aad2; background-color: #fff;font-size: 18px; text-align: center; text-transform: uppercase; font-weight: 700; padding-top: 17px; }
	#contact-bar .col-md-8 i {margin: 0px 24px 0px 48px;}
	#main-navi ul li a { font-size: 14px;}
	#top-line {padding: 8px 0px; top: 16px;}
	#main-navi ul { padding-top: 16px;}
	.hausbesuch {width: 120px; height: auto; bottom: -50px; right: 25px;}
}

@media screen and (max-width: 991px)  {
	#top-line { position: relative;}
	.carousel-inner {position: absolute; top: 100px;}
	#contact-bar {bottom: 32px;}
	#main-navi ul li a { padding: 6px 12px;}
	#slider {min-height: 360px;}
	#slider.slide-start {min-height: 420px;}
	.gallery-columns-1 .gallery-item{max-width:50%}
	.gallery-columns-2 .gallery-item{max-width:50%}
	.gallery-columns-3 .gallery-item{max-width:50%}
	.gallery-columns-4 .gallery-item{max-width:50%}
	.gallery-columns-5 .gallery-item{max-width:50%}
	.gallery-columns-6 .gallery-item{max-width:50%}
	.gallery-columns-7 .gallery-item{max-width:50%}
	.gallery-columns-8 .gallery-item{max-width:50%}
	.gallery-columns-9 .gallery-item{max-width:50%}
	h1 {font-size: 24px;}
	h1:before {content:''; display: none;}
	h1:after {content: ''; display: none;}
	h2 {font-size: 16px;}
	.cbox { min-height: 500px;}
	.hausbesuch {width: 150px; height: auto; top: 75px; bottom: auto; right: 25px;}
}

@media screen and (max-width: 767px)  {
	.gallery-columns-1 .gallery-item{max-width:50%}
	.gallery-columns-2 .gallery-item{max-width:50%}
	.gallery-columns-3 .gallery-item{max-width:50%}
	.gallery-columns-4 .gallery-item{max-width:50%}
	.gallery-columns-5 .gallery-item{max-width:50%}
	.gallery-columns-6 .gallery-item{max-width:50%}
	.gallery-columns-7 .gallery-item{max-width:50%}
	.gallery-columns-8 .gallery-item{max-width:50%}
	.gallery-columns-9 .gallery-item{max-width:50%}
	.logo {max-width: 250px;}
	#main-navi ul { padding-bottom: 16px; text-align: center;}
	.carousel-inner { top: 170px;}
	h1 {border-bottom: 0px;}
	#slider {min-height: 400px;}
	#slider.slide-start {min-height: 521px;}
	#contact-bar .col-md-8 { border: 1px solid #00aad2;}
	.cbox {min-height: inherit; padding-bottom: 32px; margin-bottom: 48px; text-align: center;}
	.cbox .btn {position: relative; bottom: 0px; left: 0px;}
	.hausbesuch { display: none;}
}

@media screen and (max-width: 575px)  {
	.gallery-columns-1 .gallery-item{max-width:100%}
	.gallery-columns-2 .gallery-item{max-width:100%}
	.gallery-columns-3 .gallery-item{max-width:100%}
	.gallery-columns-4 .gallery-item{max-width:100%}
	.gallery-columns-5 .gallery-item{max-width:100%}
	.gallery-columns-6 .gallery-item{max-width:100%}
	.gallery-columns-7 .gallery-item{max-width:100%}
	.gallery-columns-8 .gallery-item{max-width:100%}
	.gallery-columns-9 .gallery-item{max-width:100%}
	#menutoggle {display:block; color:#fff; padding:8px 16px; margin-top:12px; background-color: #00aad2; text-align:right;}
	#menutoggle .fas {float:left; margin-top: 4px;}
	#main-navi {width: 100%;max-width: 100%;margin: 0px;padding: 0px;position: relative;}
	#main-navi ul {display: none; position: absolute; padding: 16px; background-color: #fff; border: 1px solid #00aad2; width: 100%; z-index: 50000;}
	#main-navi ul li {display: block; text-align: left;}
	#main-navi ul li ul {position: relative; background-color: #fff; border: 0px;}
	#main-navi ul li ul li {text-align: left; padding-left: 16px;}
	#main-navi ul li ul li a {background-color: #fff;color: #00aad2; font-size: 12px;}
	#contact-bar .col-md-8 i {margin: 0px 8px;}
	#slider {min-height: 320px;}
	#slider.slide-start {min-height: 450px;}
	#contact-bar {padding: 0px 15px;}
	#contact-bar .col-md-8 { font-size: 16px;}
	main {padding: 32px 0px;}
	h1 span {padding: 0px;}
	footer {text-align: center;}
	footer ul {text-align: center;}
}