*{margin:0;padding:0}
body{font-family:'Source Sans Pro', sans-serif;background-color:black}
ul{list-style-type:none;}
a{text-decoration:none;}
.orange{color:#f7921e}
.braun{color:#5b3c30}
.white{color:#f1f1f1}
p{letter-spacing:0.1em}
.mobile {display: none}
.medium{display: none}
#wrapper{width:100%;margin:auto;background-color:#232323;background-image:url(bilder/bg_color.jpg)}
#clearfix{clear:both; }
nav{width:100%;height:50px;font-weight:400;text-transform:uppercase;letter-spacing:0.1em;font-size:14px;background-color:#f1f1f1;position:fixed;box-shadow:0px 1px 10px #000;z-index:99;}
nav ul {width:85%; margin: auto; }
nav ul li{float:left;width:16.6%;text-align:left;}
nav ul li img {float: left; margin-right: 15px; padding-top:3px}
nav ul li a{color:#5b3c30;transition:0.2s linear;line-height: 50px}
nav ul li:first-child {text-align: left}
.logonavi h1 {font-weight:700; line-height: 14px; font-size:14px; padding-top: 4px}
.logonavi {margin-top: 8px}
.logonavi h1 {width:200px}
.dropdown ul {border-left: solid 5px #f7921e; position:relative; top:0px; left:-35px;height: 200px;background-color:#f1f1f1;border-bottom: solid 1px #999; border-right:solid 1px #999; opacity: 0.95}
.dropdown ul li a:hover{color:#5b3c30;border-left:5px solid #f7921e}
.dropdown ul li  {width:100%; text-align: left;float: left; }
.dropdown ul li a {color:#5b3c30; padding-left: 20px;transition: linear 0.2s; height:50px }
.dropdown-content {display:none; height:0px;transition:height 1s ease-in-out}
.dropdown:hover .dropdown-content{display: block; height:200px}
#mailbutton {fill:#f7921e; width:25px; top:0px; margin-right:5px;display: inline-block}
#telephone {fill:#f7921e; width:14px; margin-right:5px;display: inline-block}
#mailbutton svg{position: relative; top:2px}
#telephone svg {position: relative; top:6px}
#subnav {width: 100%; text-align:center;height:80px; position: fixed; background-image:url(bilder/bg_color.jpg); }
#subnav h2 {font-weight:400;text-transform:uppercase;letter-spacing:0.6em;font-size:8px;color:#f1f1f1;padding-top:60px;}
header{width:100%;}
header img {width:100%; padding-top: 70px}
header h1{text-align:center;font-weight:400;text-transform:uppercase;letter-spacing:0.7em;font-size:19px;color:#f1f1f1;padding-top:20px}
#one{width:100%;height:400px;background-color:#f7921e; margin-top: -4px}
#one article{width:50%;height:400px;float:left;}
#one article:first-child h2{font-weight:400;text-transform:uppercase;font-size:14px;letter-spacing:0.3em;padding-left:20%;padding-top:100px}
#one article:first-child h3{font-weight:700;text-transform:uppercase;font-size:70px;line-height:60px;padding-left:20%;}
#one article:last-child ul li{height:100px;}
#one article:last-child ul li h3{font-weight:400;text-transform:uppercase;color:#5b3c30;letter-spacing:0.1em;padding-top:20px;font-size:22px;padding-left:40px}
#one article:last-child ul li p{color:#f1f1f1;font-weight:400;font-size:12px;width:500px;padding-left:40px}
#one ul li:nth-child(1){background-color:#fbc383;transition:linear 0.3s}
#one ul li:nth-child(1):hover{background-color:#f7921e}
#one ul li:nth-child(2){background-color:#fab86d;transition:linear 0.3s}
#one ul li:nth-child(2):hover{background-color:#f7921e}
#one ul li:nth-child(3){background-color:#f9ad56;transition:linear 0.3s}
#one ul li:nth-child(3):hover{background-color:#f7921e}
#one ul li:nth-child(4){background-color:#f8a240;transition:linear 0.3s}
#one ul li:nth-child(4):hover{background-color:#f7921e}
#two{width:100%;height:650px;background-color:#f1f1f1}
#two h2{font-weight:400;text-transform:uppercase;font-size:14px;letter-spacing:0.3em;width:80%;margin:auto;padding-top:100px}
#two h3{font-weight:700;text-transform:uppercase;font-size:50px;width:80%;margin:auto}
#two article{width:80%;margin:auto;}
#two article ul{padding-top:40px}
#two article ul li{width:50%;float:left;color:#5b3c30;height:170px}
#two article ul li h4{font-weight:400;text-transform:uppercase;font-size:21px;letter-spacing:0.05em}
#two article ul li h5{font-weight:300;font-size:15px}
#two article ul li p{font-weight:400;padding-top:20px;padding-bottom:40px;font-size:13px;padding-right:50px}
#three{width:100%;height:800px;background-image:url(bilder/grafik_bg2.jpg);background-size:cover;background-attachment: fixed;}
#three h2{font-weight:400;text-transform:uppercase;font-size:14px;letter-spacing:0.3em;width:80%;margin:auto;padding-top:200px}
#three h3{font-weight:700;text-transform:uppercase;font-size:50px;width:80%;margin:auto}
#three article{width:80%;margin:auto;}
#three article ul{padding-top:40px}
#three article ul li{width:27%;height:320px;float:left;color:#f1f1f1;margin-right:3%;border:solid 1px rgba(255,255,255,0.2);padding:20px}
#three article ul li:last-child{margin-right:0;}
#three article ul li h4{font-weight:400;text-transform:uppercase;font-size:21px;letter-spacing:0.05em;margin-top:150px}
#three article ul li h5{font-weight:300;font-size:15px}
#three article ul li p{font-weight:400;padding-top:15px;font-size:13px;padding-right:50px}
#four{width:100%;height:auto;background-color:#f7921e}
#four h2{font-weight:400;text-transform:uppercase;font-size:14px;letter-spacing:0.3em;width:600px;padding-top:100px;padding-left:20%}
#four h3{font-weight:700;text-transform:uppercase;font-size:50px;width:600px;padding-left:20%;margin-bottom:20px}
#four article{width:50%;float:left;height:850px}
.marketingpic{background-image:url(bilder/marketing_square3.jpg); background-size: cover;min-height:800px}
#four article ul{padding-top:20px;margin-left:20%;padding-right:80px;border-left:solid 1px #5b3c30;padding-left:20px}
#four article ul li{padding-bottom:40px}
#four article ul li h4{font-weight:400;text-transform:uppercase;font-size:21px;letter-spacing:0.05em}
#four article ul li h5{font-weight:300;font-size:15px}
#four article ul li p{font-weight:400;padding-top:15px;font-size:13px;padding-right:50px}
#five{width:100%;height:700px;background-color:#f1f1f1; clear: both}
#five h2{font-weight:400;text-transform:uppercase;font-size:14px;letter-spacing:0.3em;width:100%;margin:auto;padding-top:170px}
#five h3{font-weight:700;text-transform:uppercase;font-size:50px;width:100%;margin:auto}
#five article{width:50%;padding-top:40px;float:left}
#fivecontent{width:80%;margin:auto}
#five ul li{margin-bottom:40px}
#five ul li h4{font-weight:400;text-transform:uppercase;font-size:21px;letter-spacing:0.05em}
#five ul li h5{font-weight:300;font-size:15px}
#five ul li p{font-weight:400;padding-top:15px;font-size:13px;padding-right:50px}
#five article:last-child{height:370px;background-image:url(bilder/certificate.jpg);background-position:center;background-repeat:no-repeat;background-size:contain;margin-top:-100px}
#six{width:100%;height:890px;}
#six h2{font-weight:400;text-transform:uppercase;font-size:14px;letter-spacing:0.3em;width:80%;margin:auto;padding-top:200px}
#six h3{font-weight:700;text-transform:uppercase;font-size:50px;width:80%;margin:auto;margin-bottom:40px}
#six ul{width:80%;margin:auto;}
#six ul li{width:170px;height:170px;float:left;margin-right:18px;margin-bottom:18px;border:solid 1px #575757;}
#mobilegallery{display:none;}
.caption-style-4{list-style-type:none;margin:0px;padding:0px;}
.caption-style-4 li{float:left;padding:0px;position:relative;overflow:hidden;}
.caption-style-4 li:hover .caption{opacity:1;}
.caption-style-4 li:hover img{opacity:1;transform:scale(1.15,1.15);-webkit-transform:scale(1.15,1.15);-moz-transform:scale(1.15,1.15);-ms-transform:scale(1.15,1.15);-o-transform:scale(1.15,1.15);}
.caption-style-4 img{margin:0px;padding:0px;float:left;z-index:4;}
.caption-style-4 .caption{cursor:pointer;position:absolute;opacity:0;-webkit-transition:all 0.45s ease-in-out;-moz-transition:all 0.45s ease-in-out;-o-transition:all 0.45s ease-in-out;-ms-transition:all 0.45s ease-in-out;transition:all 0.45s ease-in-out;}
.caption-style-4 img{-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
.caption-style-4 .blur{background-color:rgba(0,0,0,0.75);height:170px;width:170px;z-index:5;position:absolute;}
.caption-style-4 .caption-text h1{text-transform:uppercase;font-size:18px;font-weight:700;letter-spacing:0.1em;padding:5px}
.caption-text p{font-size:12px}
.caption-style-4 .caption-text{z-index:10;color:#cccccc;position:absolute;width:170px;height:170px;text-align:center;top:60px;font-weight:300}
#seven{width:100%;background-color:#f7921e;height:800px;}
#seven #sevencontent{width:80%;margin:auto;}
#seven article{width:40%;float:left}
#seven article:last-child{padding-top:110px;padding-left:10%;padding-right:10%;}
#seven h2{font-weight:400;text-transform:uppercase;font-size:14px;letter-spacing:0.3em;width:100%;margin:auto;padding-top:100px}
#seven h3{font-weight:700;text-transform:uppercase;font-size:50px;width:100%;margin:auto;padding-bottom:40px}
#seven p{text-transform:uppercase;font-weight:300;font-size:24px;padding-top:}
#kontaktbutton{width:200px;margin:auto;background-color:#5b3c30;color:#f1f1f1;text-align:center;font-weight:300;padding:20px;}
#seven form{padding-top:00px;padding-left:50px;border-left:1px solid #5b3c30}
#seven form input, textarea, label{border:none;font-size:12px}
label{padding-top:00px}
#seven form li{padding-bottom:20px;padding-right:50px}
#seven form li:nth-child(5){display:block;}
#seven .pflichtfeld{font-size:12px;margin-left:50px}
.submit{padding:10px 30px;background-color:#5b3c30;color:#f1f1f1;margin-top:20px}
footer{width:100%;height:250px;background-color:#f1f1f1;color:#5b3c30}
footer article{width:80%;margin:auto;}
footer ul{float:left;width:25%;padding-top:50px}
footer ul li{font-size:12px;line-height:25px}
footer ul li a{color:#5b3c30}