@font-face {
	font-family:'bauhaus_bold';
	src: local('bauhaus_bold'), url('fonts/bauhaus_bold.woff2') format('woff2')
}
@font-face {
	font-family:'rubik';
	src: local('rubik'), url('fonts/Rubik-Regular.woff2') format('woff2')
}

*{outline:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-khtml-box-sizing:border-box}
.slow,#li,#re,#li::after,#re::after,#bottom-link{transition:1s;-moz-transition:.8s;-webkit-transition:.6s;-o-transition:.6s;-khtml-transition:.6s}
.fast,.visible,nav,nav a,#intro [href="#impressum"]{transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;-khtml-transition:.3s}
html,body{height:100%}
html,body,header *{margin:0;padding:0}
body,a,input,textarea,select{font-family:'rubik','Arial';font-size:1em;color:#444}
a:hover,nav a{text-decoration:none}
.wrapper,article{max-width:1100px;margin:0 auto}
header,section,nav,footer{position:relative;width:100%}
section{position:relative;min-height:100%;padding-bottom:250px}
header{position:absolute;top:0;left:0;user-select:none}
header h1{text-align:center;line-height:0}
header h1 *{font-family:'bauhaus_bold';font-style:italic;color:#e00;text-shadow:6px -6px 0px #0066b0;text-decoration:none}
header .name{letter-spacing:-2px;display:block;font-size:100px}
header .ixl{font-size:150px;line-height:170px;font-weight:100}
header strong{font-family:'rubik';font-size:20px;text-shadow:none;text-transform:uppercase;color:#0066b0}
nav{margin-top:50px;position:relative;z-index:4;background:#0066b0;border-bottom:0px solid #aaa;box-shadow:inset 0 0 0 0px #ddd}
nav a{display:table-cell;width:1%;text-align:center;text-transform:uppercase;font-size:1em;padding:10px 0;white-space:nowrap;background:none;color:#fff;font-weight:100;box-shadow:inset 0 0 0 0px #ddd;-moz-box-shadow:inset 0 0 0 0px #ddd;-webkit-box-shadow:inset 0 0 0 0px #ddd;-o-box-shadow:inset 0 0 0 0px #ddd;-khtml-box-shadow:inset 0 0 0 0px #ddd;-ms-box-shadow:inset 0 0 0 0px #ddd}
nav a{border-right:0px solid #fff}
nav a:nth-of-type(1){margin-left:0;border-left:0px solid #fff}
nav a:hover,nav .current{background:#bfd9eb;z-index:5;color:#0066b0;text-shadow:none}
nav .current{cursor:default}
.main_nav_is_fixed{position:fixed;top:0;left:0;margin:0;width:100%;z-index:5;box-shadow:0 0 10px #333}
article{padding:330px 0 20px 0;min-height:750px}
article{display:none;margin-top:-4000px}
article:target{display:block;margin-top:0px}
article ul{list-style-type:none;margin-left:40px;padding:0}
article ul li{margin-left:0;margin:0 0 5px 0}
article ul li:not(.price)::before{content:'';display:inline-block;width:12px;height:12px;vertical-align:middle;background:#e00;margin:-3px 15px 0 -28px;border-radius:120px;-moz-border-radius:120px;-webkit-border-radius:120px;-o-border-radius:120px;-khtml-border-radius:120px;-ms-border-radius:120px}
article .h2,article h3{margin:0 0 .5em 0}
article .h2{position:relative;font-style:normal;font-size:1.7em;letter-spacing:-2px;color:#e00;text-transform:uppercase;background:none}
article .h2 span{margin-left:10px;font-size:.6em;letter-spacing:0;color:#444;text-transform:none}
article h3{color:#e00;margin-top:2em}
article label{display:inline-block;width:115px}
article hr{clear:both;margin:40px 0 30px 0;border:0;border-top:1px solid #ddd}
article iframe{margin-top:3em;width:100%;height:800px}
.text-red{color:#e00}
#address,#formular{display:inline-block;vertical-align:top;width:50%}
.right{float:right;margin:0 0 30px 30px;width:40%;height:auto}
.claim{position:absolute;right:-40px;top:0;display:inline-block;padding:20px 10px;text-align:center;font-weight:bold;font-size:.75em;text-decoration:none;letter-spacing:0;background:#e00;color:#fff;border-radius:5px;transform:rotate(15deg);box-shadow:6px -6px 0 #0066b0}
.product{background:#f2f2f2;border:1px solid #ddd;padding:10px 20px;margin-bottom:30px}
.product-image{max-width:300px}
.price{text-align:right;font-size:1.3em}
table{border-collapse:collapse;width:50%;max-width:600px;border-right:1px solid #fff;border-bottom:1px solid #fff}
table td{padding:15px 25px;background:#eee;border-left:1px solid #fff;border-top:1px solid #fff}
#intro:target ~ footer{display:none}
#intro{position:fixed;top:0;left:0;z-index:6;width:100%;max-width:100%;height:100%;min-height:450px;padding:0;background:#fff;text-transform:uppercase}
#intro a{text-decoration:none}
#li,#re{position:absolute;top:0;width:50%;height:100%;overflow:hidden}
#li{left:0;border-right:5px solid #fff}
#re{right:0}
#li img,#re img{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%}
#intro img.active{z-index:3}
#li::after,#re::after{position:absolute;z-index:4;bottom:-50%;text-align:center;display:block;width:100%;font-size:40px;color:#fff;letter-spacing:-2px;background:rgba(0,0,0,.4)}
#li::after{content:'ELEKTRO & PHOTOVOLTAIK'}
#re::after{content:'KÜCHENSTUDIO'}
#li:hover::after,#re:hover::after{bottom:50%}
#intro header,#bottom-link{position:fixed;left:0;width:100%;display:block;margin:0;overflow:hidden;z-index:5;background:#fff}
#intro header{top:0;padding:0px 0 5px 10px}
#brand{font-family:'bauhaus_bold';font-size:50px;font-weight:600;line-height:0;font-style:italic;letter-spacing:-1px;color:#e00;text-shadow:4px -4px 0px #0066b0;display:inline-block}
#brand .ixl{font-size:74px;font-weight:100;line-height:100%;height:0;display:inline-block;text-transform:none}
#intro header strong{padding:24px 0 0 20px;font-style:italic;font-size:1.2em;display:inline-block;vertical-align:bottom;white-space:normal !important}
#intro [href="#impressum"]{position:absolute;right:0;top:0;padding:27px 20px;font-size:1em;display:block;color:#999;background:#eee}
#intro [href="#impressum"]:hover{padding-right:10px}
#bottom-link{bottom:0;padding:2% 0 8% 0;border-top:4px solid #fff;text-align:center;color:#fff;font-weight:bold;letter-spacing:1px;background-size:auto 100%;background-position:bottom left;background-image:url('images/autowaschanlage/1.jpg')}
#bottom-link:hover{padding:10%}
#bottom-link span{padding:20px;display:inline-block;background-color:rgba(0,0,0,.4)}
.galerie{clear:both;margin:40px 0;position:relative;width:100%;height:75vw;max-height:900px;overflow:hidden}
.galerie img{position:absolute;left:0;top:0;z-index:1;width:100%;height:auto}
.galerie .active{z-index:3}
form{margin-top:20px;width:100%}
input,textarea,select{padding:18px 10px;width:100%;border:1px solid #bbb;resize:none;background:#fafafa;-webkit-appearance:none;border-radius:0}
form :focus{background:#eee}
input[type="submit"]{cursor:pointer;background:#bababa;color:#fff;border:0}
footer{position:absolute;bottom:0;height:230px;padding:20px 0 0 0;border-top:1px solid #ddd;text-align:center;background:#f2f2f2}
footer .name{font-family:'bauhaus_bold';font-size:33px;font-weight:600;line-height:100%;font-style:italic;color:#e00;text-shadow:2px -2px 0px #0066b0;text-decoration:none;letter-spacing:-1px;display:block}
footer .ixl{font-size:47px;font-weight:100}
#scroll2top{position:fixed;bottom:10px;right:10px;z-index:7;text-decoration:none;padding:18px 9px 12px 9px;display:none;background:#e00;color:#fff;line-height:10px;font-size:40px}
#cookies{position:fixed;bottom:0;left:0;z-index:6;margin:0;width:100%;text-align:center;padding:.5em;background:rgba(0,0,0,.6);color:#fff}
#cookies span{cursor:pointer;display:inline-block;padding:3px 5px;background:rgba(255,255,255,.4);color:#fff}
@media only screen and (max-width:1120px){
	article{padding:310px 10px 0 10px}
}
@media only screen and (max-width:1040px){
	#li,#re{top:15%;height:70%}
	#intro [href="#impressum"],#intro [href="#impressum"]:hover{padding:0 5px;background:none}
}
@media only screen and (max-width:900px){
	header{position:fixed;top:0;left:0;z-index:4;padding:0 0 0 10px;background:#fff;width:100%;height:70px;display:block;text-align:left;box-shadow:0 0 8px #222;-moz-box-shadow:0 0 8px #222;-webkit-box-shadow:0 0 8px #222;-o-box-shadow:0 0 8px #222;-khtml-box-shadow:0 0 8px #222}
	header h1{text-align:left}
	header h1 *{text-shadow:3px -3px 0px #0066b0}
	header .name{letter-spacing:-1px;font-size:45px}
	header .ixl{font-size:67px;line-height:68px}
	header strong{visibility:hidden}
	#intro [href="#impressum"]{top:auto;bottom:1px !important}
	#li:hover::after,#li::after,#re:hover::after,#re::after{bottom:10%;font-size:1.75em}
	nav{visibility:hidden;position:fixed;top:0;left:-100%;z-index:5;margin:0;width:100%;height:100%;background:rgba(0,0,0,.75)}
	nav.visible{visibility:visible;left:0}
	nav a{display:block;width:auto;font-size:1em;text-align:left;border:0;color:#fff;background:#0066b0;padding:10px;border-bottom:1px solid rgba(255,255,255,.3);margin-left:0}
	#navswitch{display:block !important;position:fixed;top:22px;right:10px;z-index:999;width:35px;height:40px;background:url('images/mixed/navswitch.svg') no-repeat;background-size:100% auto;cursor:pointer}
	article{padding:90px 10px 10px 10px}
	article h2{font-size:1.4em}
	article ul{padding-left:0}
	article label{max-width:80px;white-space:nowrap}
	input,textarea,select{width:75%}
	footer{height:200px}
	#address,#formular{margin-bottom:3em;display:block;width:100%}
}
@media only screen and (max-width:600px){
	input,textarea,select{width:100%}
	#li,#re{top:30%;height:30%}
	#bottom-link{font-size:.9em}
	table{width:100%}
}