.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: url(//www.karl-heizung-sanitaer.de/wp-content/themes/firma-karl/assets/fonts/g-fonts/roboto-v30-latin-100.eot); src: local(''),
url(//www.karl-heizung-sanitaer.de/wp-content/themes/firma-karl/assets/fonts/g-fonts/roboto-v30-latin-100.eot?#iefix) format('embedded-opentype'), url(//www.karl-heizung-sanitaer.de/wp-content/themes/firma-karl/assets/fonts/g-fonts/roboto-v30-latin-100.woff2) format('woff2'), url(//www.karl-heizung-sanitaer.de/wp-content/themes/firma-karl/assets/fonts/g-fonts/roboto-v30-latin-100.woff) format('woff'), url(//www.karl-heizung-sanitaer.de/wp-content/themes/firma-karl/assets/fonts/g-fonts/roboto-v30-latin-100.ttf) format('truetype'), url(//www.karl-heizung-sanitaer.de/wp-content/themes/firma-karl/assets/fonts/g-fonts/roboto-v30-latin-100.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(//www.karl-heizung-sanitaer.de/wp-content/themes/firma-karl/assets/fonts/g-fonts/roboto-v30-latin-regular.eot); src: local(''),
url(//www.karl-heizung-sanitaer.de/wp-content/themes/firma-karl/assets/fonts/g-fonts/roboto-v30-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.karl-heizung-sanitaer.de/wp-content/themes/firma-karl/assets/fonts/g-fonts/roboto-v30-latin-regular.woff2) format('woff2'), url(//www.karl-heizung-sanitaer.de/wp-content/themes/firma-karl/assets/fonts/g-fonts/roboto-v30-latin-regular.woff) format('woff'), url(//www.karl-heizung-sanitaer.de/wp-content/themes/firma-karl/assets/fonts/g-fonts/roboto-v30-latin-regular.ttf) format('truetype'), url(//www.karl-heizung-sanitaer.de/wp-content/themes/firma-karl/assets/fonts/g-fonts/roboto-v30-latin-regular.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url(//www.karl-heizung-sanitaer.de/wp-content/themes/firma-karl/assets/fonts/g-fonts/roboto-v30-latin-700.eot); src: local(''),
url(//www.karl-heizung-sanitaer.de/wp-content/themes/firma-karl/assets/fonts/g-fonts/roboto-v30-latin-700.eot?#iefix) format('embedded-opentype'), url(//www.karl-heizung-sanitaer.de/wp-content/themes/firma-karl/assets/fonts/g-fonts/roboto-v30-latin-700.woff2) format('woff2'), url(//www.karl-heizung-sanitaer.de/wp-content/themes/firma-karl/assets/fonts/g-fonts/roboto-v30-latin-700.woff) format('woff'), url(//www.karl-heizung-sanitaer.de/wp-content/themes/firma-karl/assets/fonts/g-fonts/roboto-v30-latin-700.ttf) format('truetype'), url(//www.karl-heizung-sanitaer.de/wp-content/themes/firma-karl/assets/fonts/g-fonts/roboto-v30-latin-700.svg#Roboto) format('svg'); }
*{
margin: 0;
padding: 0;
}
p{
font-family: 'Open Sans';
}
ul li{
font-family: 'Open Sans';
}
body{
background:white;
}
.section{
padding: 150px 0px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.section .section-content{
max-width:1320px;
width:100%;
box-sizing: border-box;
padding:0px 20px;
}
.section .section-content h2{
font-family: 'Source Sans Pro', sans-serif;
color: black;
margin-bottom: 19px;
text-align: center;
font-size: 50px;
font-weight: 900;
line-height: 1.1;
text-transform: uppercase;
}
.section .section-content .main-text-parts p{
color: #333;
line-height: 1.6em;
text-align: center;
margin-bottom: 035px;
max-width: 750px;
margin-left: auto;
margin-right: auto;
font-family: 'Open Sans';
margin-top:1em;
margin-bottom:1em;
} .slick-prev{
position:absolute;
left:-100px;
top:40%;
font-size:50px;
color:rgba(51,51,51,0.13);
-webkit-transition:0.2s all;
transition:0.2s all;
cursor:pointer;
}
.slick-prev-partner{
position:absolute;
left:-100px;
top:40%;
font-size:50px;
color:rgba(255,255,255,.6);
-webkit-transition:0.2s all;
transition:0.2s all;
cursor:pointer;
}
.slick-next{
position:absolute;
right:-100px;
top:40%;
font-size:50px;
color:rgba(51,51,51,0.13);
-webkit-transition:0.2s all;
transition:0.2s all;
cursor:pointer;
}
.slick-next:hover, .slick-prev:hover{
color:rgba(51,51,51,0.33);
}
.contact-inner{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-top:20px;
}
.contact-inner .contact-box-info, .contact-inner .contact-box-action{
-webkit-box-flex:1;
-ms-flex:1 50%;
flex:1 50%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.contact-inner .contact-box-info{
padding-right:15px;
}
.contact-map{
-webkit-box-flex:1;
-ms-flex:1 100%;
flex:1 100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#map{
height:250px;
}
.contact-box-info-content{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
.contact-box-info-content i{
margin-right:10px;
color:black;
}
.contact-box-info-content a{
color:black;
text-decoration:none;
}
.contact-box-info-content a:hover{
text-decoration:underline;
}
.contact-box-action-content{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.contact-box-action-content i{
font-size:44px;
color:black;
margin-bottom:3px;
}
.contact-box-action-content h5{
font-size:26px;
color:black;
margin-bottom:5px;
} .sub-header{
background:white;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
justify-content: center;
}
.sub-header-content, .main-header-content{
max-width:1320px;
width:100%;
}
.sub-header-content{
display:flex;
justify-content: flex-end;
align-items: center;
padding:0px 20px;
box-sizing: border-box;
}
.slick-prev-top{
color:rgba(255,255,255,0.6);
position:absolute;
top:380px;
z-index:2;
left:20px;
font-size:40px;
-webkit-transition:0.2s all;
transition:0.2s all;
}
.slick-next-top{
color:rgba(255,255,255,0.6);
position:absolute;
top:380px;
right:20px;
font-size:40px;
z-index:2;
-webkit-transition:0.2s all;
transition:0.2s all;
}
.slick-next-top:hover, .slick-prev-top:hover{
color:white;
}
.sub-header-content, .main-header-content{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.sub-header-content{
font-size:12px;
justify-content: space-between;
}
.sub-header-left{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.sub-header-right{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.sub-header-right a{
margin-left:8px;
margin-top:2px
}
.sub-header-content i{
color:#0080c8;
}
.sub-header-content a{
color:#0080c8;
}
.sub-header-content p{
color:#0080c8;
}
header{
position:fixed;
width:100%;
z-index:100000;
}
.main-header{
background:white;
color:white;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
padding:0px 0px;
height:60px;
}
.main-header .logo-box{
width:120px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.main-header .logo-box img{
width:100%;
}
.main-header-right ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
list-style-type:none;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
height:100%;
}
.main-header-right ul li{
margin-left:35px;
}
.parallax-window{
-webkit-box-shadow: inset 0px 19px 19px -17px rgba(0,0,0,0.5);
box-shadow: inset 0px 19px 19px -17px rgba(0,0,0,0.5);
}
.top-slider{
width:100%;
}
.top-slider .single-slide{
height:800px;
display:-webkit-box;;
display:-ms-flexbox;;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-size:cover;
background-position:center center;
}
footer{
background:rgba(0,0,0,0.05);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.acf-map{
height:400px;
width:100%;
}
.kurzbeschreibung{
font-family: 'Open Sans';
font-size:20px;
color:#333;
margin-bottom:30px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:0px 30px 0px 0px;
}
.acf-map{
-webkit-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.1);
box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.1);
}
#responsive-menu-pro-title {
padding-top: 10px!important;
padding-bottom: 10px!important;
}
#menu-main-menu a{
color: black;
font-size: 14px;
line-height: 1.1;
font-weight: 500;
text-decoration: none;
letter-spacing: 0.5px;
text-transform:uppercase; 
}
#googleMapsActivate span{
font-family: 'Roboto', sans-serif!important;
border-radius:0px;
padding:15px 20px!important;
color:white;
background:#0080c8!important;
border:1px solid #0080c8;
}
#googleMapsActivate span:hover{
opacity:0.8;
}
#primary{
padding-top:0px;
}
.contact-border{
background:#f4f4f4;
padding:20px;
}
.post-title-size{
font-family: 'Source Sans Pro', sans-serif;
color: #333;
margin-bottom: 19px;
text-align: center;
font-size: 50px;
font-weight: 900;
line-height: 1.1;
}
.section .section-content h2{
margin-bottom:5px;
}
#menu-main-menu-side li{
height: 100%;
margin-left: 0px;
background:black;
border-bottom:4px solid white;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#menu-main-menu-side li i{
font-size:11px;
margin-right:5px;
}
#menu-main-menu-side li a {
height: 100%;
margin-left: 0px;
padding: 0px 20px;
font-weight:600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: white;
font-size: 14px;
line-height: 1.1;
text-decoration: none;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.top-slider .slick-active{
-webkit-box-shadow: inset 0px -4px 16px -7px rgba(0,0,0,0.75);
box-shadow: inset 0px -4px 16px -7px rgba(0,0,0,0.75);
}
.parallax-container{
overflow:hidden;	
}
.home .vorstellungstext h1, .section .section-content h2{
text-align: center;
font-family: 'Source Sans Pro';
font-size: 36px;
font-weight: 700;
font-style: normal;
direction: ltr;
list-style-type: disc;
text-decoration: none;
text-transform: none;
background-size: auto;
background-repeat: repeat;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
float: none;
overflow: visible;
visibility: visible;
display: block;
clear: none;
position: static;
border-top-width: 0px;
border-top-style: none;
border-right-width: 0px;
border-right-style: none;
border-bottom-width: 0px;
border-bottom-style: none;
border-left-width: 0px;
border-left-style: none;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.error404 .main-text-parts{ 
font-family: 'Open Sans';
color: #333;
text-align: center; 
font-size: 20px;
line-height: 1.4;
letter-spacing: 1.1px;
}
.error404 #page{
min-height:70vh;
}
#googleMapsActivate{
background-color: white; cursor: pointer; text-align: center; display: flex; justify-content: center; height: 100%; align-items: center;
}
#googleMapsActivate span{
background-color:white; padding:15px;
}
.acf-map{
overflow:hidden;
position:relative;
}
.cookies-akzeptieren{
width:100%;
height:100%;
position:absolute;
position:absolute;
left:0px;
top:0px;
display:flex;
justify-content:center;
align-items:center;
background:white;
font-family:"Open Sans";
}
.cookies-akzeptieren p{
font-family: 'Open Sans' !important;
border-radius: 100px;
padding: 15px 20px !important;
color: white;
background: black !important;
font-weight: 600;
border: 1px solid black;
}
@media screen and (max-width:600px){
#responsive-menu-pro-container #responsive-menu-pro-title #responsive-menu-pro-title-image img {
width: 150px;
max-width: 100%;
}
}
.parallax-container {
overflow: hidden;
}
.parallax-window{
position:static;
width:100%;
-webkit-box-shadow:none;
}
.parallax-window *{
z-index:99;
} .main-text-parts{
margin-bottom:30px;
}
.top-content-box{
padding-top:100px;
height:calc(100vh - 120px);
}
.single-slide, .top-slider, .slick-list, .slick-track{
height:calc(100vh - 120px)!important;
}
.slick-prev-top{
background:white;
color:black;
padding:10px 15px 10px 10px;
}
.slick-prev-top:hover{
color:rgba(0,0,0,0.6);
}
.slick-next-top{
background:white;
color:black;
padding:10px 10px 10px 15px;
}
.slick-next-top:hover{
color:rgba(0,0,0,0.6);
}
a{
cursor:pointer;
}
.main-header-right{
display:flex;
align-items:center;
}
.slider-box-main .slider-box-1, .slider-box-2 {
margin: 10px;
box-shadow: 0px 2px 25px -6px rgba(0,0,0,0.3);
padding: 10px;
padding-bottom: 10px!important;
}
.slider-box-main {
display: flex;
}
.leistungen-details{
display:flex;
padding:0px 50px;
}
.leistungen-details-single{
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
padding:0px 0px;
margin:8px;
box-shadow: 0px 2px 25px -6px rgba(0,0,0,0.3);
}
.leistungen-details-single-icon{
background:black;
color:white;
border-radius:200px;
height:80px;
width:80px;
display:flex;
justify-content:center;
align-items:center;
font-size: 40px;
}
.leistungen-details-single h3{
font-weight: 500;
font-size: 25px;
margin-bottom: 25px;
color: rgba(13,13,13,1.0);
margin-top: 15px;
font-family: 'Source Sans Pro';
}
.leistungen-details-single-text{
color: #333;
line-height: 1.6em;
text-align: center;
max-width: 750px;
margin-left: auto;
margin-right: auto;
font-family: 'Open Sans';
margin-top: 1em;
margin-bottom: 1em;
}
.contact-infos{
display:flex;
}
.contact-infos-single{
flex:1;
display:flex;
flex-direction:column;
justify-content:flex-start;
text-align:center;
background:white;
padding: 35px;
box-shadow: 0px 2px 25px -6px rgba(0,0,0,0.3);
margin:10px;
}
.contact-infos-single a{
color:black;
}
.contact-infos-single i{
font-size:35px;
margin-bottom:10px;
}
.contact-infos-single h3{
font-size: 20px;
margin-bottom: 8px;
color: rgba(13,13,13,1.0);
font-family:"Open Sans";
font-weight: 600;
}
.contact-infos-single .contact-infos-text{
font-size:14px;
margin-bottom:0px;
color: #333;
}
.contact-infos-single .contact-infos-detail{
font-size: 16px!important;
font-family: "Source Sans Pro";
font-weight: bold;
color: rgba(13,13,13,1.0);
}
.contact-map{
margin:10px;
padding:25px;
box-shadow: 0px 2px 25px -6px rgba(0,0,0,0.3);
}
.footer-content{
max-width:1320px;
width:100%;
color:white;
display:flex;
padding-top: 50px;
padding-right: 20px;
padding-bottom: 50px;
padding-left: 20px;
box-sizing:border-box;
}
.footer-content .footer-headline{
letter-spacing: 1px;
color:#333;
font-size: 13px;
font-weight:600;
text-transform: uppercase;
margin-bottom: 8px;
}
.footer-content .footer-headline::after{
content:"";
height:1px;
width:50px;
background:#0080c8;
display:block;
margin-top:6px;
}
.footer-single{
flex:1;
}
.footer-socials{
display:flex;
}
.footer-single div a{
color:#333;
font-size:20px;
margin-right:20px;
font-size:14px;
text-decoration: none;
}
.footer-single div a:hover{
text-decoration: underline;
}
.footer-single div .navigation{
color:#333;
font-size:16px;
font-weight:400;
margin-right:20px;
text-decoration:none;
margin-bottom: 5px;
display:block;
}
.sub-footer a:hover{
text-decoration:underline;
color:rgba(255,255,255,0.7);
}
.top-slider .single-slide .text-box div{
display:flex;
flex-direction:column;
justify-content:center;
border-radius: 10px;
padding:40px 40px;
color:white;
box-sizing:border-box;
}
.top-slider .single-slide{
align-items:center;
justify-content:center;
}
.top-slider .single-slide .text-box{
width:1120px;
border-radius: 10px;
}
.top-slider .single-slide .text-box *{
text-align: center;
}
.top-slider .single-slide .text-box h2{
color: rgba(255,255,255,1);
color: black;
font-weight: 600;
font-size: 54px;
line-height: 1.2em;
font-family: 'Source Sans Pro';
text-align:center;
}
.top-slider .single-slide .text-box h3{
color: rgba(255,255,255,1);
color: black;
font-weight: 300;
margin-bottom: 20px;
font-size: 40px;
line-height: 1.2em;
font-family: 'Source Sans Pro';
text-align:center;
}
.top-slider .single-slide .text-box a{
width:250px;
color:white;
text-decoration: none;
padding:10px 30px;
font-size:16px;
background:#0080c8;
margin:0 auto;
margin-top:20px;
box-shadow: 0px 2px 25px -6px rgb(0 0 0 / 30%);
}
.top-slider .single-slide .text-box a:hover{
opacity:0.9;
}
@media screen and (max-width:947px){
.section-content{
max-width:100%;
}
} @media screen and (max-width: 885px){
#responsive-menu-pro-container #responsive-menu-pro-title {
background-color: rgba(13, 13, 13, 1);
color: #ffffff;
font-size: 13px;
text-align: left;
}
#responsive-menu-pro-container #responsive-menu-pro-title #responsive-menu-pro-title-image {
margin-bottom: 0px!important;
}
#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a {
line-height: 50px;
border-bottom: 1px solid rgba(13, 13, 13, 1);
color: rgba(255, 255, 255, 1);
background-color: rgba(13, 13, 13, 1);
height: 50px;
font-size: 18px;
font-family: "Source Sans Pro";
}
#responsive-menu-pro-container li.responsive-menu-pro-item {
width: 100%;
list-style: none;
}
}