/*==== B A S I S ==============================================*/

* { -webkit-box-sizing: inherit; box-sizing: inherit; background-repeat: no-repeat; }
html { -webkit-box-sizing: border-box; box-sizing: border-box; scroll-behavior: smooth;}

body { font-family: 'Open Sans', sans-serif; color: #080808; background:#ffffff; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }

.breite { width: 90%; max-width: 1340px; margin: 0 auto; }

.label { display: inline-block; min-width: 5em; }
.center { text-align: center; }
.upper { text-transform: uppercase; letter-spacing: 0.02em; }
.italic { font-style: italic; }
.hiddenmobile { display: none; }

iframe { border: 0; }

input, textarea, select { font-size: 1em; }
input[type="submit"], .wk-button, .cookie input.accept[type="submit"] { background-color: #2a9f5a; color: #fff; }
input[type="submit"]:hover, input[type="submit"]:active, .wk-button:hover, .wk-button:active, .cookie input.accept[type="submit"]:hover, .cookie input.accept[type="submit"]:active { background-color: #5ae996; }

.sitemap ul { padding: 0; }
.sitemap ul li:before{display:none;}

/*==== H E A D E R ============================================*/
#menueToggle { background: #336a4a url(../img/menu.svg) center/cover no-repeat; position: fixed; top: 10px; right: 10px; width: 60px; height: 60px; z-index: 1000; cursor: pointer; }
#menueToggle.close { background: #336a4a url(../img/close.svg) center/cover no-repeat; }

header{background:#336a4a;}
#logo { display: inline-block; margin: 1em 0 -0.35em;}
#logo img { display: block; }

nav.wk-horizontal ul{background:none; margin: 1.5em 0!important;}
nav.wk-horizontal ul li a, nav.wk-horizontal ul li .nav-header{color:#ffffff; padding: 0.5em 1em;}
nav.wk-horizontal ul li:hover > a, nav.wk-horizontal ul li.active > a, nav.wk-horizontal ul li:hover > .nav-header, nav.wk-horizontal ul li.active > .nav-header{color:#5ae996;}
nav.wk-horizontal ul li:hover, nav.wk-horizontal ul li.active{background:none;}

/*==== C O N T E N T ==========================================*/
.rev_slider_wrapper{display:none!important;}
.tp-caption.excerpt{font-family: 'Open Sans', sans-serif!important; text-shadow:none!important; font-size:0.9em!important; background:none!important; font-weight:700!important; top:43.5%!important; right:1%!important; left:auto!important;}
.tp-caption.large_text{font-family: 'Open Sans', sans-serif!important; text-shadow:none!important; font-weight:700!important; font-size:1.5em!important; line-height: 1.2em!important;}
.tp-caption.large_text .green{display:block; color:#5ae996!important; font-size:50%!important; line-height: 1.4em!important;}
.tp-caption.large_text small{display:block; font-weight:400!important; font-size:65%!important; line-height: 1.8em!important;}
.tp-caption.medium_text, .tp-caption.medium_light_white{font-family: 'Open Sans', sans-serif!important; text-shadow:none!important; font-weight:400!important; font-size:1em!important;}

.tp-caption.medium_text .slideli{display:block; background: url(../img/pfeil.png) left no-repeat; padding:0.1em 0 0.1em 1.5em!important; background-size:3%; margin:0.5em 0!important; font-size:0.75em!important; line-height:1.2em!important;}
.tp-caption.medium_light_white .slideli{display:block; margin:0.5em 0!important; position:relative; font-size:1em!important; line-height:1.2em!important;}
.tp-caption.medium_light_white .slideli:before{position: absolute; top: 0; left:-2em; display: inline-block; background: #5ae996; border-radius:50%; padding: 0 0.5em!important; font-size: 0.85em!important;}
.tp-caption.medium_light_white .slideli:nth-of-type(1):before{content: "1";}
.tp-caption.medium_light_white .slideli:nth-of-type(2):before{content: "2";}
.tp-caption.medium_light_white .slideli:nth-of-type(3):before{content: "3";}
.tp-caption.medium_light_white .slideli:nth-of-type(4):before{content: "4";}

.tp-caption .wk-button{font-family: 'Open Sans', sans-serif!important; color:#ffffff!important; border-radius:20px; font-size:2.2em!important; padding:0.8em 1.5em!important; font-weight:400!important;}
.tp-caption.modern_medium_fat{font-family: 'Open Sans', sans-serif!important; text-shadow:none!important; color:#212121!important; font-weight:700!important; left: 27%!important; top: 57.5%!important; font-size:0.9em!important;}
.tp-caption.modern_medium_fat small{font-weight:400!important; display:block; margin-top:0.5em; line-height:1.5em!important; font-size:52%!important;}

main .breite { padding: 2em 0 3em; }
main a{color:#336a4a; text-decoration: none;}
main a:hover{text-decoration: underline;}
main a.wk-button:hover{text-decoration: none;}

h1{color:#336a4a; font-weight:700; margin-bottom:1em; font-size: 1.9em;}
h1 small{color:#545454; font-weight:400; font-size: 70%;}

#sidebar figure{margin: 2em 0 0;}
#sidebar figure img{width:100%; display:block;}
.kontaktbox{background:#336a4a; color:#ffffff; padding: 0.5em 2em 1.5em; margin:0.1em 0 0; position:relative;}
.kontaktbox a{color:#ffffff;}
.kontaktbox h2{color:#5ae996; font-size:1.3em;}
.kontaktmail{background: url(../img/mail-white.png) left 0.3em no-repeat; padding:0.1em 0 0.1em 2.5em; background-size: 9%; margin-top: 2em;}
.mtop{margin-top:1em;}
main ul{list-style-type:none; padding-left:1.5em;}
main ul li{padding:0.1em 0; position:relative;}
main ul li:before{position: absolute; top: 0.5em; left:-1.3em; display: inline-block; width: 10px; height: 10px; background: #336a4a; content: "";}
.galerieabstand{margin-bottom:2em;}

.wk-akkordeon{margin:1.5em 0;}
.wk-akkordeon .pane-sliders .title{margin:0 0 2px;background-color:#e8e8e8;color:#080808; font-size:1.2em;}
.wk-akkordeon .pane-sliders .title:hover, .wk-akkordeon .pane-sliders .title.pane-toggler-down{background-color:#336a4a;color:#ffffff;}

.wk-form input[type="text"], .wk-form select, .wk-form textarea{box-shadow:none; border: 1px solid #d0d0d0; border-radius: 0; background:#f4f2f2;}
.wk-form input:focus,.wk-form input[type=text]:focus,.wk-form textarea:focus,.wk-form select:focus,.wk-form select:active, .wk-form input[type=text]:active, .wk-form input:active, 
.wk-form textarea:active {background:#fff; border: 1px solid #d0d0d0; }
.page-109 .responsive-container{margin-bottom:2em;}

#leistungen{background:#e8e8e8;}
#leistungen .breite{padding: 1em 0;}
#leistungen h2{color:#336a4a; font-weight:700; font-size:1.7em;}
.leistung{display:flex; flex-flow: row wrap;}
.leistbox{width: 100%; background:#ffffff;}
.leistbox figure{margin:0 0;}
.leistbox figure img{width:100%; display:block;}
.leistbox figcaption{color: #080808; font-size:1em; margin:0em 1em 1em; padding: 0.5em 0;}
.leistbox.gewerke{background: url(../../../images/postcontent/baumbg.jpg) center/cover no-repeat; color:#ffffff;}
.leistbox.gewerke ul{list-style-type:none; margin: 4em 2em 4em 1em; padding-left:0;}
.leistbox.gewerke ul li{padding:0.1em 0 0.1em 1.5em; background: url(../img/pfeil-white.png) left no-repeat; background-size:5%; font-weight:700; font-size:1.1em;}
.leistbox h3{font-weight:700; font-size: 1.4em;}
.leistabstand{padding: 2em 1em;}
.leistbox figure.thermofloc{margin:2em 0 0;}
.leistbox figure.thermofloc img{width:auto; display:inline-block;}

.parallax{background: url(../../../images/postcontent/parallax.jpg) center/cover no-repeat; height:250px;}

/*==== F O O T E R ============================================*/
footer{background:#336a4a; color:#ffffff;}
footer .breite { padding: 2em 0; }
footer a { color: inherit; text-decoration: none;}
footer a:hover{text-decoration: underline;}
footer a.wk-button:hover{text-decoration: none;}

.mail{color:#5ae996; background: url(../img/mail.png) left no-repeat; padding:0.1em 0 0.1em 2.5em; font-size:1.3em; font-weight:700;}
.tel{color:#5ae996; font-size: 1.35em; font-weight: 700;}
footer .wk-button{border-radius:40px; padding:0.7em 1em; margin-top: 2.3em;}

.down{margin-top:1em;}
footer .nav { padding: 0; }
footer .nav li { display: inline-block; margin-right: .7em; }
footer .nav li:last-of-type { margin-right: 0; }
footer .nav li a { text-decoration: none; }

/* ==== M E D I A  Q U E R I E S ==============================*/
@media only screen and (min-width: 768px){
    .breite{width:95%;}
    #menueToggle { display: none; }
    .hiddenmobile { display: block; }
    nav.wk-horizontal ul li a, nav.wk-horizontal ul li .nav-header{padding: 0.5em 0.7em; font-size: 0.92em;}

    #logo {margin: 0 0 -0.35em;}

    h1{line-height: 1em;}
    .kontaktmail{padding:0.1em 0 0.1em 1.7em; background-size: 3%;}
    #sunlogger{position:absolute; right:-1em; top:-8.5em; width: 45%;}
    main ul{padding-left:2.5em;}

    figure.left { float: left; margin: 0 1.5em 0 0; max-width: 40%; }
    figure.right { float: right; margin: 0 0 0 1.5em; max-width: 40%; }
    figure.right.solteq{margin: 1em 0 0 1.5em; max-width: 50%;}

    .leistbox{width: 50%;}
    .leistbox.gewerke ul{margin: 4em 2em 4em 20%;}
    .leistabstand{padding: 2em 2em;}

    .mail{padding:0.1em 0 0.1em 1.7em; font-size:1.5em;}
}
@media only screen and (min-width: 1024px){
    nav.wk-horizontal ul li a, nav.wk-horizontal ul li .nav-header{padding: 0.5em 1em; font-size:1em;}

    .rev_slider_wrapper{display:block!important;}
    .tp-caption.excerpt{font-size:1em!important; right:1.5%!important;}
    .tp-caption.medium_light_white .slideli{font-size:1.15em!important;}
    .tp-caption.modern_medium_fat small{font-size:64%!important; line-height:1.4em!important;}

    h1{font-size: 2em;}
    .kontaktmail{background-size: 8%;}
    #sunlogger{top:-5.5em;}
    .page-109 .responsive-container{padding-bottom: 45%;}
    figure.right.solteq{max-width: 38%;}

    .leistbox figcaption{margin:-2.4em 1em 0; font-size: 0.65em;}
    .leistbox.gewerke ul li{background-size:4%;}
    .parallax{background-attachment: fixed; height:580px;}

    .mail{font-size:1.3em;}
    /* GoTop-Link */
    #gotop {opacity: 1; -webkit-transition: opacity 500ms ease; transition: opacity 500ms ease; position: fixed; bottom: 10px; right: 10px; z-index: 1000; width: 40px; height: 40px; border-radius: 50%; background: #336a4a url("../img/top-link.svg") no-repeat center/cover;}
    #gotop.hide { z-index: -1; opacity: 0; }
}
@media only screen and (min-width: 1280px){
    nav.wk-horizontal ul{margin: 4.9em 0 0!important;}
    nav.wk-horizontal ul li a, nav.wk-horizontal ul li .nav-header{font-size:0.94em;}

    .tp-caption.large_text{font-size:2em!important;}
    .tp-caption.medium_text .slideli{margin:0.3em 0!important; font-size: 1em!important; line-height: 1.2em!important;}
    .tp-caption.excerpt{font-size:1.2em!important;}
    .tp-caption.medium_light_white .slideli{font-size:1.3em!important;}
    .tp-caption .wk-button{font-size:1.7em!important;}
    .tp-caption.modern_medium_fat{font-size:0.95em!important;}
    .tp-caption.modern_medium_fat small{font-size:75%!important;}

    .kontaktmail{background-size: 6.5%;}

    .leistbox figcaption{font-size: 0.8em;}
    .leistbox.gewerke ul{margin: 4em 2em 4em 30%;}
    .leistabstand{padding: 2em 5em;}

    .mail{font-size:1.5em;}
}
@media only screen and (min-width: 1366px){
    .tp-caption.modern_medium_fat{font-size:1.02em!important;}
}
@media only screen and (min-width: 1440px){
    .breite{width:90%;}
    nav.wk-horizontal ul li a, nav.wk-horizontal ul li .nav-header{font-size:1em;}

    .tp-caption.large_text{font-size:2.2em!important;}
    .tp-caption.excerpt{right:4%!important;}

    h1{font-size: 2.3em;}
    .kontaktmail{background-size: 5%;}
    figure.right.solteq{max-width: 30%;}

    .leistbox figcaption{font-size: 0.9em;}
    .leistbox.gewerke ul li{background-size:3%;}
    .leistabstand{padding: 2em 10em 2em 5em;}
}
@media only screen and (min-width: 1600px){
    .tp-caption.excerpt{font-size:1.3em!important;}
    .tp-caption.medium_light_white .slideli{font-size:1.5em!important;}
    .tp-caption .wk-button{font-size:1.5em!important;}
    .tp-caption.modern_medium_fat{font-size:1.2em!important;}

    #sunlogger{right:-4em; width: 55%;}

    .leistbox figcaption{margin:-2.5em 1em 0; font-size: 1em;}
    .leistbox.gewerke ul{margin: 4em 2em 4em 40%;}
}
@media only screen and (min-width: 1900px){
    .tp-caption.large_text{font-size:2.5em!important;}
    .tp-caption.excerpt{font-size:1.5em!important;}
    .tp-caption .wk-button{font-size:1.3em!important;}
    .tp-caption.modern_medium_fat{font-size:1.4em!important;}
}