/*
 * custom child theme styles
 */



/* Allgemeine Definitionen
=========================================================== */

html {margin-top: 0px; /*word-break: break-all;*/}
body {height: 100%; width: 100%; background: #fff;}

.only-smartphone {display: none;}


/* -------------------- Paddings/Margins -------------------- */
.container {margin: 0 auto; padding-left: 0px !important; padding-right: 0px !important;}
.container-fluid {margin: 0 auto; padding-left: 0px !important; padding-right: 0px !important;}
.row {margin-left: 0px !important; margin-right: 0px !important;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, 
.col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, 
.col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, 
.col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, 
.col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left: 0px !important; padding-right: 0px !important;}


/* -------------------- NAVBAR -------------------- */
.navbar-default {border: none !important; background: none !important;}
.navbar {border-radius: 0px !important;}
.navbar {min-height: 10px !important; border: none !important;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none !important;}
.navbar-collapse {padding-right: 0px !important; padding-left: 0px !important; border-top: none !important; box-shadow: none !important;}
.nav > li > a {padding: 0px !important;}
.navbar-brand {display: none;}


/* -------------------- LIMAIN -------------------- */
.limain-navbar-fixed-top {padding-top: 0px;}
.limain-footer {width: 100%;}
.limain-search {width: 100%;}

/* ---------------- ANKER ---------------- */
#ankerid:before {content: ""; display: block; margin-top: -100px; height: 100px;}


/* ------------------------------- HEADER -------------------------------- */
.headbar {position: absolute; background: #fff; border-bottom: 1px solid #ccc; top: 0px; left: 0px; z-index: 600; width: 100%;}
.header {width: 100%;}
.headerbild img{width: 100%; height: auto;}
.servicenav {width: 100%;}
.servicenav ul {list-style: none; width: 100%; margin: 0px; padding: 0px;}
.servicenav ul li {float: left;}
.servicenav ul li a {color: #aaa; font-weight: 600; text-transform: uppercase; font-family: 'Raleway', sans-serif;}
.servicenav ul li a:hover {text-decoration: underline;}
.logo {display: block; position: absolute; top: 0px; z-index: 610; display: flex; justify-content: center; align-items: center;}
.logo a {text-indent: -9999px; outline: none; display: block; background: url('images/logo_gross.png') 0 0 no-repeat;}

.revslider {width: 100%; position: relative;}
.start-to-scroll {position: absolute; bottom: 40px; height: 1px; left: 0px;}
.start-to-scroll2 {position: absolute; bottom: 30px; height: 1px; left: 0px;}

.headernavbar {left: 0px; z-index: 600; width: 100%; background: #fff; position: absolute;}
.headernavbar-wrapper {width: 100%; display: flex; justify-content: space-between;}
.headernav {width: 100%; margin: 0px;}
.headernav ul {width: 100%; display: flex; justify-content: space-around; list-style: none; margin: 0px; padding: 0px;}
.headernav ul li a {display: block; color: #333; text-transform: uppercase; font-weight: 600;}
.headernav ul li a:hover {color: #069088; text-decoration: underline;}
.logo2 {display: flex; justify-content: center; align-items: center;}
.logo2 a {text-indent: -9999px; outline: none; display: block; background: url('images/logo_klein.png') 0 0 no-repeat;}
.telephonebutton a {background: url('images/phone.png') 26px center no-repeat #069088; float: left; display: block; color: #fff; font-weight: bold;}
.telephonebutton a:hover {color: #fff; text-decoration: underline;}


/* --------------------STICKY HEADBAR-------------------- */
.headbar.sticky {position: fixed; background: #333; border: none !important; z-index: 620 !important; width: 100%; animation: fadein 0.3s forwards;}
@keyframes fadein {from {opacity: 0;} to {opacity: 1;}}
.headbar.sticky .servicenav ul {display: flex; justify-content: center;}
.headbar.sticky .servicenav ul li a {color: #fff;}
.headbar.sticky .servicenav ul li a:hover {color: #fff; text-decoration: underline;}
.headbar.sticky .logo {display: none;}
.headernavbar.sticky {position: fixed; z-index: 620 !important;}


/* ------------------------------ CONTENT -------------------------------- */
.contentbereich {width: 100%; overflow: hidden;}
.home .contentbereich {background: url('images/teaser_bg.png') center top no-repeat; background-size: contain !important;}
#content {width: 100%;}
#content h1 {text-align: center;}
.h1-small {display: block; width: 100%; text-align: center; color: #069088;}

.heizung_text img.alignleft {
    float: left;
    margin: 5px 10px 0 0;
}

.iframe_spezial iframe{
    display: block;
width: 100%;
min-height: 670px;
}


/* ------------------------------- FOOTER -------------------------------- */
.footer-bg {width: 100%; background: url('images/footer_bg.png') center top no-repeat #fff; background-size: cover !important;}
.footer {width: 100%;}
.footerlogo {height: auto; width: 100%; display: flex; align-items: center;}
.footerlogo a {background: url('images/logo_klein.png') center top no-repeat; display: block; color: #333; text-align: center; float: left; width: 100%;}
.footerinfo {width: 100%; display: flex; justify-content: space-around;}
.footerinfo a {font-weight: bold;}
.footerinfo a:hover {text-decoration: underline;}
.footernav {width: 100%; background: url('images/footer_trenner.png') center top no-repeat;}
.footernav ul {width: 100%; display: flex; justify-content: space-around; list-style: none; margin: 0px;}
.footernav ul li a {display: block; color: #a8abab; text-transform: uppercase; font-weight: 600;}
.footernav ul li a:hover {color: #a8abab; text-decoration: underline;}

.nach-oben {position: fixed; bottom: 10px; right: 10px; width: 42px; height: 42px; z-index: 600;}
.nach-oben a {width: 42px; height: 42px; display: block; text-indent: -9999px; outline: none; background: url('images/nach-oben.png') center center no-repeat #069088;}
.nach-oben a:hover {background-color: #333;}



/* -------------------------- DESKTOP-ANSICHT ----------------------------- */

@media (min-width: 1500px) {
.headernav {height: 80px; padding: 0 20px;}
.headernav ul li a {padding: 30px 0; font-size: 15px;}
.logo2 {height: 80px; width: 100px; padding: 0 7px 0 10px;}
.logo2 a {width: 83px; height: 45px;}
.telephonebutton {min-width: 291px;}
.telephonebutton a {font-size: 30px; line-height: 80px; padding: 5px 25px 0 75px;}
.tel-text {
    font-size: 12px;
    font-family: "Raleway";
    color: rgb(255, 255, 255);
    float: left;
    position: absolute;
    padding: 10px 25px 0 75px;
}
}

@media (min-width: 1161px) and (max-width: 1499px) {
.headernav {height: 80px; padding: 0 14px;}
.headernav ul li a {padding: 30px 0; font-size: 13px;}
.logo2 {height: 80px; width: 77px; padding: 0 2px 0 10px;}
.logo2 a {width: 65px; height: 35px; background-size: cover !important;}
.telephonebutton {min-width: 208px;}
.telephonebutton a {font-size: 20px; line-height: 80px; padding: 5px 25px 0 50px; background-size: 26px !important; background-position: 18px center !important;}
.tel-text {
    font-size: 10px;
    font-family: "Raleway";
    color: rgb(255, 255, 255);
    float: left;
    position: absolute;
    padding: 15px 0 0 50px;
}
}

@media (min-width: 1161px) {
.container {width: 1140px !important;}
.logo {left: 39%; height: 130px; width: 22%;}
.logo a {width: 227px; height: 105px;}
.servicenav {padding: 92px 0px 0 0px; height: 130px;}
.servicenav ul li {padding: 0 24px;}
.servicenav ul li:first-child {padding: 0 24px 0 0;}
.servicenav ul li:last-child {padding: 0 0 0 24px;}
.servicenav .service-left:first-child {padding-left: 50px !important;padding-right: 150px !important;}
.servicenav .service-left {padding-right: 200px !important;}
.servicenav .service-right {padding-left: 175px !important;}
.servicenav .service-right:last-child{padding-left: 109px !important;}
.servicenav ul li a {font-size: 15px;}
.headbar.sticky .servicenav {padding: 7px 0; height: 36px !important;}
.headbar.sticky .servicenav ul li {padding: 0px 18px !important;}
.headbar.sticky .servicenav ul li a {font-size: 12px;}
.revslider {margin-top: 130px;}
.headernavbar.sticky {top: 36px;}
.contentbereich {margin-top: 80px;}
#content {padding: 60px 0 70px 0;}
#content h1 {margin-bottom: 5px;}
.h1-small {margin: 10px 0 50px 0; font-size: 22px;}
.footer {padding: 42px 0 0 0;}
.footerlogo a {background-size: 65px !important; font-size: 17px; line-height: 40px; padding: 60px 0 0px 0;}
.footerlogo b {font-size: 18px; }
.footerinfo {padding: 32px 160px;}
.footernav ul {padding: 25px 100px;}
.footernav ul li a {font-size: 14px;}
}


@media (min-width: 1160px){
    .vc_tta-panel > div > div.wpb_text_column.wpb_content_element {
        padding: 0 18%;
    }
}


/* --------------------------- TABLET-ANSICHT ------------------------------- */
@media (min-width: 768px) and (max-width: 1160px){
.container {width: 750px !important;}

.tel-text {
    display: none;
}

.logo {height: 95px; padding-top: 4px; width: 100%;}
.logo a {width: 158px; height: 75px; background-size: cover !important;}
.servicenav {padding: 100px 0px 0 0px; height: 130px;}
.servicenav ul {width: 100%; display: flex; justify-content: space-between;}
.servicenav ul li {padding: 0 0px;}
.servicenav ul li a {font-size: 14px;}
.headbar.sticky .servicenav {padding: 7px 0; height: 36px !important;}
.headbar.sticky .servicenav ul li {padding: 0px 18px !important;}
.headbar.sticky .servicenav ul li a {font-size: 12px;}
.headernav {height: 80px;}
.headernav ul li a {text-align: center; display: flex; justify-content: center; align-items: center; padding: 5px 10px; height: 80px; font-size: 13px;}
.headernav ul li:first-child a {padding-left: 0px !important;}
.headernav ul li:last-child a {padding-right: 0px !important;}

.headernav {height: 80px; padding: 0 14px;}
.logo2 {height: 80px; width: 77px; padding: 0 2px 0 10px;}
.logo2 a {width: 52px; height: 30px; background-size: cover !important;}
.telephonebutton {position: absolute; top: 80px; right: 0px; min-width: 144px;}
.telephonebutton a {font-size: 15px; line-height: 24px; padding: 6px 12px 6px 32px; background-size: 15px !important; background-position: 12px center !important;}

.revslider {margin-top: 130px;}
.headernavbar.sticky {top: 36px;}
.contentbereich {margin-top: 80px;}
#content {padding: 60px 0 70px 0;}
#content h1 {margin-bottom: 5px;}
.h1-small {margin: 10px 0 50px 0; font-size: 22px;}
.footer {padding: 42px 0 0 0;}
.footerlogo a {background-size: 65px !important; font-size: 17px; line-height: 40px; padding: 60px 0 0px 0;}
.footerlogo b {font-size: 18px; }
.footerinfo {padding: 32px 0px;}
.footernav ul {padding: 25px 0px;}
.footernav ul li a {font-size: 14px;}
}

/*  ------------------------ SMARTPHONE-ANSICHT ---------------------------  */
@media (max-width: 767px) {

.container {width: 100% !important;}
.headerbild{display: none; /*position: absolute;top: 200px;width: 100%;height: auto;*/}
.logo {height: 95px; padding-top: 4px; width: 100%;}
.logo a {width: 158px; height: 75px; background-size: cover !important;}
.servicenav {padding: 100px 10px 10px 10px;}
.servicenav ul {width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.servicenav ul li {padding: 0 5px;}
.servicenav ul li a {font-size: 13px;}
.headbar.sticky .servicenav {padding: 7px 0; height: 36px !important;}
.headbar.sticky .servicenav ul li {padding: 0px 18px !important;}
.headbar.sticky .servicenav ul li a {font-size: 12px;}
.headernav {order: 3; width: 100%; background: #028d85 !important;}
.headernav ul {display: block; width: 100%;}
.headernav ul li {width: 100%; border-top: 1px solid rgba(255,255,255,0.1);}
.headernav ul li a {width: 100%; padding: 10px 16px 8px 16px; height: auto; font-size: 15px; color: #fff;}
.headernav ul li a:hover {color: #fff; background: rgba(0,0,0,0.1); text-decoration: none;}
.headernavbar-wrapper {position: relative; flex-wrap: wrap;}
.logo2 {display: none !important; order: 1; width: 52px; height: 80px; background: #fff;}
.logo2 a {width: 52px; height: 30px; background-size: cover !important;}
.telephonebutton {border-bottom: 1px solid rgba(255,255,255,0.3); order: 2; width: 100%; background: #028d85 !important;}
.telephonebutton a {width: 100%; font-size: 15px; text-align: center; line-height: 24px; padding: 6px 12px 6px 12px; background-size: 15px !important; background-position: 16px center !important;}

.revslider {margin-top: 130px;display: none;}
.headernavbar.sticky {top: 36px;}
.contentbereich {margin-top: 79px;}
.home #content {padding: 130px 20px 40px 20px;}
#content {padding: 160px 20px 40px 20px;}
#content h1 {margin-bottom: 5px;}
.h1-small {margin: 10px 0 50px 0; font-size: 22px;}
.footer {padding: 42px 15px 0 15px;}
.footerlogo a {background-size: 65px !important; font-size: 15px; line-height: 26px; padding: 64px 0 0px 0;}
.footerlogo b {font-size: 16px; }
.footerinfo {padding: 15px 0px; flex-wrap: wrap;}
.footerinfo div {width: 100%; margin: 5px 0; text-align: center; font-size: 15px; line-height: 26px;}
.footernav ul {padding: 20px 0px; flex-wrap: wrap;}
.footernav ul li a {font-size: 14px; padding: 5px 8px;}

.navbar-burger {position: absolute; right: 10px; top: 10px;}
.navbar-brand {float: left; display: block !important; height: 22px !important; text-transform: uppercase; padding: 1px 0 0px 0px !important; width: 100%; font-weight: 500; color: #fff !important;}
.navbar-default .navbar-toggle {z-index: 700; height: auto; color: #fff; border: none !important; width: 100%; margin: 0px !important; float: right; padding: 10px 12px 10px 12px;}
.navbar-toggle .icon-bar {width: 34px; height: 4px; border-radius: 4px; background: #fff !important;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background: transparent;}
.navbar-default .navbar-toggle:active {background: transparent;}

.wpcf7-form-control{max-width: 100%;}

.only-smartphone {display: block;}
}


@media (min-width: 464px) and (max-width: 767px) {
.headernavbar {top: 130px;}
}

@media (max-width: 463px) {
.headernavbar {top: 155px;}
.home #content {padding: 180px 20px 40px 20px;}
}






/*Font Definitionen
============================================================== */
body {color: #333; font-size: 16px; font-family: 'Raleway', sans-serif; font-weight: 400;}
#content {letter-spacing: 0.0em;}

h1, h1 a {color: #333; font-weight: 900; font-family: 'Raleway', sans-serif; text-transform: uppercase;}
h2, h2 a {color: #333; font-weight: bold; font-family: 'Raleway', sans-serif; text-transform: uppercase;}
h3, h3 a {color: #333; font-weight: bold; font-family: 'Raleway', sans-serif; text-transform: uppercase;}
h4, h4 a {color: #333; font-weight: bold; font-family: 'Raleway', sans-serif; font-size: 20px; text-transform: uppercase;}
h5, h5 a {color: #333; font-weight: 400; font-family: 'Raleway', sans-serif; font-size: 20px;}
h6, h6 a {color: #333; font-weight: 400; font-family: 'Raleway', sans-serif; font-size: 20px;}

/* --------------------------- DESKTOP-ANSICHT ---------------------------- */
@media (min-width: 1161px) {
#content {line-height: 26px;}
h1, h1 a {font-size: 40px;}
h2, h2 a {font-size: 30px;}
h3, h3 a {font-size: 22px;}
}

/* ---------------------------- TABLET-ANSICHT ------------------------------ */
@media (min-width: 768px) and (max-width: 1160px){
#content {line-height: 26px;}
h1, h1 a {font-size: 35px;}
h2, h2 a {font-size: 28px;}
h3, h3 a {font-size: 20px;}
}

/*  -------------------------- SMARTPHONE-ANSICHT --------------------------  */
@media (max-width: 767px) {
#content {line-height: 26px;}
h1, h1 a {font-size: 32px;}
h2, h2 a {font-size: 26px;}
h3, h3 a {font-size: 18px;}
}

p {margin: 0 0 10px 0;}
a {color: #069088; text-decoration: none;}
a:hover {color: #069088; text-decoration: none;}

#content a {color: #069088; text-decoration: none; font-weight: bold;}
#content a:hover {color: #069088; text-decoration: underline;}