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

* { box-sizing: inherit; background-repeat: no-repeat; }
html { box-sizing: border-box; }

body {font-family: 'Montserrat', sans-serif; color: #2a2a2a; background:#eeeeee; 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; }
.mtop{margin-top:1em!important;}

input, textarea, select { font-size: 1em; }
input[type="submit"], .wk-button, .cookie input.accept[type="submit"] { background-color: #ffd320; color: #424242; }
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: #ffde59; }

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

/*==== H E A D E R ============================================*/
#menueToggle { background: #ffd320 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: #ffd320 url(../img/close.svg) center/cover no-repeat; }

header{background:  url(../img/headerbg.jpg) 80% bottom no-repeat #ffd320;}
header .breite{padding: 5em 0 2em;}
#logo { display: inline-block; }
#logo img { display: block; }

nav.wk-horizontal{background:#424242;}
nav.wk-horizontal ul,
nav.wk-horizontal ul ul{background:#424242;}
nav.wk-horizontal ul li a, nav.wk-horizontal ul li .nav-header{display:block; color:#eeeeee; font-weight: 600; padding: 1em 0em;}
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:#ffd320;}
nav.wk-horizontal ul li:hover, nav.wk-horizontal ul li.active{background:none;}

nav.wk-horizontal .nav-child{background:#424242; width:14em; padding:0 0 0.5em; margin-top:-0.5em;}
nav.wk-horizontal .nav-child li a, nav.wk-horizontal .nav-child li .nav-header{padding: 0.5em 1em; font-size: 0.95em; font-weight: 400;}

/*==== C O N T E N T ==========================================*/
.tp-caption.medium_text{display:none!important;}
#elektro{display:flex; flex-flow: row wrap; background:#ffd320; border-top:4px solid #ffd320; justify-content: center;}
#elektro p{width: 100%; margin:0 0.05%; overflow: hidden;}
#elektro a{color:#eeeeee; text-decoration: none; font-weight:700; font-size:1.3em; }
.elektrotitel{display: block; padding: 1em 1.5em; background:#424242; position: relative; z-index: 999;}
.elektrotitel small{font-weight:600;}
#elektro img{display:block; width:100%; transition: all 0.6s;}
#elektro a:hover{color:#ffd320;}
#elektro a:hover img{ transform: scale(1.05);}

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

h1{font-weight:700; font-size:1.75em;}
h1 small{font-weight:600; background:#ffd320; font-size:70%; padding:0.2em 0.5em;}
.h1abstand{margin-bottom:1em;}
h3{font-weight:600;}
.h3icon{margin:0.25em 0 0; font-weight:600;}
.page-140 h2{font-size: 1.35em;}

.trenner{background:#e3e0e0; height:1px; margin:1.5em 0 0.8em;}
.page-134 .trenner, .page-116 .trenner{margin: 2.2em 0 2em;}
.page-117 .trenner{margin: 0.5em 0 2em;}
.page-140 .trenner{margin: 2.2em 0 1em;}
main ul{list-style-type:none; padding-left:1.5em;}
.page-113 main ul{margin-bottom: 2.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: #ffd320; content: "";}
.box{background:#e6e4e4; padding: 1.5em 1.5em 1em;}
.box h3{margin-top:0;}
.galerieabstand{margin:2em 0;}

.wk-table{width:100%!important; border: 1px solid #bfbebe; font-size: 0.85em;}
.wk-table td, .wk-table th{border-left: 1px solid #bfbebe;}
.wk-table-striped tr:nth-child(2n-1) td {background-color: #e6e4e4;}

.wk-akkordeon{margin:2em 0;}
.wk-akkordeon .pane-sliders .title{margin:0 0 2px;background-color:#e6e4e4;color:#2a2a2a; font-size:1.2em;}
.wk-akkordeon .pane-sliders .title:hover, .wk-akkordeon .pane-sliders .title.pane-toggler-down{background-color:#ffd320;color:#2a2a2a;}

.wk-form input[type="text"], .wk-form select, .wk-form textarea{box-shadow:none; border: 1px solid #bfbebe; border-radius: 0; background:#e6e4e4;}
.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 #bfbebe; }
.page-107 .responsive-container{margin-bottom:2em;}

#tesla{background:#424242; color:#eeeeee;}
#tesla h2{background:  url(../img/batterie.jpg) left/contain no-repeat; font-weight: 600; font-size: 2em; line-height: 0.8em; padding: 0.3em 0 0.1em 1.4em;}
#tesla h2 small{color:#ffde59; font-size: 70%;}
#tesla figure{margin:0 0;}
#tesla figure img{display:block;}
.teslaabstand{padding: 2em 1.5em;}
#tesla .wk-button{font-weight:600; border-radius:20px; margin-top: 1.5em;}

#leistungen .breite{padding:2em 0 3em; border-top: 1px solid #bfbebe;}
#leistungen h2{font-weight:600; font-size:1.6em;}
.galerieabstand{margin:2em 0;}
.fragen{font-size:1.1em;}
#leistungen a{text-decoration: none; color:#787878; font-weight:700;}
#leistungen a:hover{text-decoration: underline;}

#parallax{background:  url(../../../images/postcontent/parallax.jpg) center/cover no-repeat; font-weight: 700; line-height: 1.1em; font-size: 1.5em;}
#parallax .breite{padding: 10% 0 80%;}

/*==== F O O T E R ============================================*/
footer{background:#424242; color:#eeeeee;}
footer .breite { padding: 1.5em 0 1.3em; position:relative;}
footer a { color: inherit; text-decoration: none;}
footer a:hover{text-decoration: underline;}

#copyright{margin-top: 3.4em;}

footer .nav { padding: 0; font-size:0.9em; list-style-type:none;}
footer .nav li {margin:0.5em 0; }
footer .nav li:last-of-type { margin-right: 0; }
footer .nav li a { text-decoration: none; }
footer .nav li:hover a, footer .nav li.active a{color:#ffd320;}

/* ==== M E D I A  Q U E R I E S ==============================*/
@media only screen and (min-width: 768px){
    .breite{width:95%;}
    nav.wk-horizontal ul li{display:block;}
    nav.wk-horizontal .nav-child{position:static;}

    header .breite{padding: 1.2em 0 1em;}
    .tp-caption.medium_text{display:block!important; background:#424242!important; color:#ffd320!important; text-shadow:none!important; font-family: 'Montserrat', sans-serif!important; font-weight:400!important; padding:1em 1em!important; max-width:750px!important; line-height:1.4em!important; font-size:0.9em!important;}
    #elektro p{width: 33.2%;}
    #elektro a{font-size:0.9em; }
    .elektrotitel{padding: 1em 0.8em;}

    h1{font-size:2em; line-height: 1.1em;}
    h1 small{font-size:50%;}
    main ul{padding-left:2.5em;}
    .page-134 main ul, .page-135 main ul, .page-141 main ul{padding-left: 46%;}
    .wk-table{font-size: 1em;}
    .page-111 .wk-grid figure img{width:100%;}

    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%; }
    .page-101 main figure.right{margin: -11.3em 0 0 1.5em;}
    .page-135 figure.right{display:none;}
    figure.left.iconfig{margin: 0 1em 0 0;}
    .page-111 figure.right{margin: -1em 0 0 1.5em;}
    .page-114 figure.left{margin: 0.5em 1.5em 0 0; max-width: 45%;}

    #parallax{font-size: 2.5em;}
    #parallax .breite{padding: 5% 0 30%;}
    #parallax small{font-size:70%;}

    footer .nav li { display: inline-block; margin:0 1.5em 0 0; }
}
@media only screen and (min-width: 1024px){
    #menueToggle { display: none; }
    .hiddenmobile { display: block; }
    nav.wk-horizontal ul li{display:inline-block;}
    nav.wk-horizontal ul li a, nav.wk-horizontal ul li .nav-header{padding: 1.5em 0.8em; font-size:0.85em;}
    nav.wk-horizontal .nav-child li a, nav.wk-horizontal .nav-child li .nav-header{padding: 0.5em 0.9em; font-size:0.8em;}
    nav.wk-horizontal .nav-child{position:absolute;}

    .tp-caption.medium_text{font-size:1em!important;}
    #elektro a{font-size:1em; }
    .elektrotitel{padding: 1em 1.3em;}

    .page-107 .responsive-container{padding-bottom: 45%;}
    .page-328 h2{font-size: 1.25em;}
    .page-135 figure.right{margin: -2em 0 0 1.5em; display:block; max-width: 30%;}

    .teslaabstand{padding: 1em 1.5em;}
    #tesla figure{margin: 3.5em 0 0;}
    #parallax{background-attachment: fixed; font-size:2em;}
    #parallax .breite{padding: 10% 0;}

    /* GoTop-Link */
    #gotop { position: absolute; top: 1.7em; left: 95%; z-index: 1000; width: 50px; height: 50px; background: #424242 url("../img/top-link.svg") no-repeat center/cover; }
}
@media only screen and (min-width: 1280px){
    nav.wk-horizontal ul li a, nav.wk-horizontal ul li .nav-header{padding: 1.5em 1em; font-size:1em;}
    nav.wk-horizontal .nav-child li a, nav.wk-horizontal .nav-child li .nav-header{padding: 0.5em 1.1em; font-size:0.95em;}

    .tp-caption.medium_text{padding:1.5em 1.5em!important;}
    #elektro a{font-size:1.3em; }
    .elektrotitel{padding: 1em 1em;}

    h1{font-size:2.3em;}
    .page-328 h2{font-size: 1.5em;}
    .page-134 main ul, .page-135 main ul, .page-141 main ul{padding-left: 43%;}
    .spalten{-moz-column-count: 2; -moz-column-gap: 3em; -webkit-column-count: 2; -webkit-column-gap: 3em; column-count: 2; column-gap: 3em; padding-left: 1.7em!important;}
    .page-141 .trenner{margin: 3.8em 0 2em;}
    .page-135 figure.right{margin: -6em 0 0 1.5em; max-width: 40%;}

    .teslaabstand{padding: 1em 1.5em 2em;}

    #parallax{font-size: 2.5em;}
    #tesla figure{margin: 2.3em 0 0;}
    footer .nav{font-size: 0.8em; margin-top: 1.4em;}
    #gotop {left: 44%;}
}
@media only screen and (min-width: 1366px){
    .page-134 main ul, .page-135 main ul, .page-141 main ul{padding-left: 40%;}
    .page-135 figure.right{margin: -10em 0 0 1.5em;}

    #tesla figure{margin:0 0;}
    .teslaabstand{padding: 0 1.5em;}
}
@media only screen and (min-width: 1440px){
    .breite{width:90%;}
    nav.wk-horizontal ul li a, nav.wk-horizontal ul li .nav-header{padding: 1.5em 1.35em;}
    nav.wk-horizontal .nav-child li a, nav.wk-horizontal .nav-child li .nav-header{padding: 0.5em 1.4em;}

    .tp-caption.medium_text{font-size:1.1em!important;}
    .elektrotitel{padding: 1em 2em;}

    footer .nav{font-size: 0.9em; margin-top: 1em;}
}
@media only screen and (min-width: 1600px){
    .page-134 main ul, .page-135 main ul, .page-141 main ul{padding-left: 38%;}

    .teslaabstand{padding: 1em 1.5em;}
    #tesla h2{font-size: 2.5em;}
}
@media only screen and (min-width: 1900px){
    .teslaabstand{padding: 2em 5em 2em 29.3%;}
}