@font-face { 
font-family: "Exo"; 
src: url("../Exo-Regular.ttf"); 
}
body,div,p,a,ul,li,img {margin:0;padding:0;font-family:Exo,Arial,sans-serif;font-size:14px;border:0;color:black;box-sizing: border-box;-webkit-margin-before:0em;-webkit-margin-after:0em;}
body{background:#fff}
a{color:#333;text-decoration:none}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
h1, h1 a {font-size:30px;}
h2, h2 a {font-size:28px;padding-bottom:6px;}
h3, h3 a {font-size:20px;padding-bottom:6px;}
table{border-spacing:0;}
table th{background:#888;color:#fff;padding:2px;font-size:0.9em}
ul {list-style:none;}
input{border:1px solid #444}
textarea{box-sizing:border-box;margin:0;padding:12px 8px;}
/* ----------------------- GENERAL ----------------------- */
.row{clear:both;display:block;padding:2px 0;}
.row:after{height:0;content:'';display:block;clear:both}
.col2{float:left;width:50%}
.col3{float:left;width:33.33333%}
.col4{float:left;width:25%}
.col5{float:left;width:20%}
.aL{text-align:left}
.aC{text-align:center}
.aR{text-align:right}

header{height:auto;overflow:hidden;position:fixed;top:0; left:0; width:100%;z-index:100;background:#fff}
header .iWrap{max-width:none;padding: 0 20px;}
.iWrap{max-width:1000px;margin:0 auto;overflow:hidden}
header h1{display:inline-block;float:left;opacity:1;padding: 10px 0 0 0;}
/*.home header h1{opacity:0;}*/
header:after{content:'';display:block;height:0;clear:both}
#lang,#menu{float:right;display:inline-block;height:auto;}
#menu a{display:inline-block;height:103px;padding:70px 30px 0 30px;text-transform:uppercase;}
#menu a.active{background:#323232;color:#fff}
#menu a.active:hover span{border-bottom:1px solid #fff}
#menu a:hover span{border-bottom:1px solid #333}
#lang{padding-left:20px}
#lang a{display:inline-block;padding:10px 4px 0 4px;}
#lang a.active span{text-decoration:underline}
#subMenu{display:none;clear:both;background:#323232;padding:4px 0;}
#subMenu li{display:inline-block;width: 20%;text-align:center}
#subMenu li a{font-size: 15px;color:#fff;}



section.wrap{background-color:#afca0b;overflow:hidden;}
/*section.wrap:hover{background-color:#b4ce0f;}*/
#t1 .eIMG{background-position:center 0;background-size:cover}
#t2 .eIMG{background-image:url(../images/t2.png);background-position:center 0;background-size:cover}
#t3 .eIMG{background-image:url(../images/t3.png);background-position:center 0;background-size:cover}
#t4 .eIMG{background-image:url(../images/t4.png);background-position:center 0;background-size:cover}
#t5 .eIMG{background-image:url(../images/t5.png);background-position:center 0;background-size:cover}
@media (max-width: 253px) { 
    #t1 .eIMG{background-image:url(../images/t1_w380.png);}
}
@media (min-width: 254px) and (max-width: 332px) { 
    #t1 .eIMG{background-image:url(../images/t1_w500.png);}
}
@media (min-width: 333px) and (max-width: 1024px) { 
    #t1 .eIMG{background-image:url(../images/t1_w1024.png);}
}
@media (min-width: 1025px) { 
    #t1 .eIMG{background-image:url(../images/t1.png);}
}
.eIMG{max-width:100%;background-attachment:scroll; /*fixed;*/}
.desc{color:#000;height:auto;margin:0 auto;padding:10px 0 4px 0;border-bottom:3px solid #afca0b;background:linear-gradient(to bottom,#ddd,#aaa);width:100%;max-width:100%}
.desc>*{max-width:644px;margin:0 auto;padding:10px 0 4px 0;}
.desc h2{text-transform:uppercase;color:#000}
.desc div{text-align:right;padding:10px 0 10px 0;}
.desc div a span{font-weight:bold;color:#fff;font-size:16px;}
.desc div a:hover span{color:#f8ff30}
.desc div a:hover span.var2{color:#667121}


footer{background:#323232;padding:2% 10% 2% 10%;}
#impressum, #dataprotection{display:inline-block;color:#afca0b;text-transform:uppercase}
#dataprotection{padding-left:12px}
footer .fLogo{clear:both;text-align:right}
footer .copyright{font-size:11px;color:#afca0b;padding-top:10px}
#mainAnimation{text-align:center;position:relative;top:-126px;left:0;}
#mainAnimation img{opacity:0;width: 595px;}

#analyse{display:none;padding:4px 20px;}
/* --------------------------------------------*/
.spaceT{margin-top:103px}
section.mainSec{background:none;text-align:center;margin-top:103px}
section.address{color:#fff;background:#7a7a7a;padding:20px 0;}
section.address a{color:#fff}
section.address a:hover{text-decoration:underline}
section.address div{color:#fff;}
section.address h2{color:#afca0b;background:none;padding-bottom:4px;text-transform:uppercase;font-size: 18px;}
section.address:hover{background-color:#7a7a7a;}
section.address .par1,section.address .par2{float:left;}
section.address .par1{width:40%;}
section.address:after{clear:both;height:0;content:'';display:block;}
section.contact{padding:30px 0;}
section.contact h2{color:#fff;text-transform:uppercase}
section.contact .inp{display:inline-block;padding-bottom: 14px;}
section.contact .inp input{display:inline-block;width:97%;padding:12px 8px;box-sizing: border-box;}
section.contact textarea{display:inline-block;width:100%;height:280px;clear:both;}
#subm{background: #fff;border-color:#888;padding:4px 10px;}
section.imprint{padding:16px 0;}
section.imprint p{padding-bottom:13px;}
section.imprint p span{display:inline-block;width:50px;}
#msg{color:#f00;}
#msg .ok{position:relative;top:-174px;text-align:center;margin:0 200px;border:1px solid #232323;padding:5px 20px 0 20px;color:#000;font-size:24px;display:block;height:42px}
#msg .ok b{width:100%;display:inline-block}
#msgOK{position:absolute;background:#fff;top:0;right:0;width:0;height:100%;text-align:center;overflow:hidden}
#msgOK b{font-size:30px;line-height:200px;}

#msgOK{text-align:center;width:100%}
#msgOK b{position: absolute;top:50%;left: 0;transform:translateY(-50%);display:block;opacity:0;width: 100%;animation: msgSlide2 0.1s forwards; animation-delay: 1.1s;}
#msgOK img{animation: msgSlide 2.2s forwards; animation-delay: 0.3s;max-width:80%;max-height:60%;margin-top:30px}
@keyframes msgSlide {
    100% { transform:scale(0.1) rotate(90deg);margin-left:100%;/*transform:rotate(60deg);*/ }
}@keyframes msgSlide2 {
    100% { opacity:1; }
}
#tracking{position:fixed;bottom:0;left:0;background:#fff;color:#444;width:100%;}
#tracking iframe{height:auto}

.cps{color:#AFCA0B;text-align:right;position:relative;top:-65px;height:0;font-size:25px;letter-spacing: 2px;}

@media (min-width:1290px) and (max-height:520px){
	section.mainSec .mainIMG{height:300px}
	#mainAnimation{top:-60px}
	#mainAnimation img{width:430px}
}
@media (max-width:500px){
	h1, h1 a {font-size:22px;}
	h2, h2 a {font-size:20px;}
	h3, h3 a {font-size:16px;}
	.logo{height:42px}
	#menu a{padding:22px 8px 0 8px;height:47px;min-width: 80px;}
	#subMenu li:nth-child(1), #subMenu li:nth-child(2){width:50%;padding-bottom:14px}
	#subMenu li:nth-child(1), #subMenu li:nth-child(3){padding-left:20px;text-align:left}
	#subMenu li:nth-child(2), #subMenu li:nth-child(5){padding-right:20px;text-align:right}
	#subMenu li:nth-child(3), #subMenu li:nth-child(4),#subMenu li:nth-child(5){width:33.333%;}
	/*header{height:65px}*/
	#mainAnimation{top:-16px}
	#mainAnimation img{width:60%}
	.address .par1, .address .par2{clear:both!important;width:98%!important;margin:2px 0 2px 4px;}
	#msg .ok{margin:0 20px;font-size:16px;height:31px}
	footer img{width:100px;margin-top:24px}
}
@media (min-width:500px) and (max-width:700px){
	#mainAnimation{top:-30px}
	#mainAnimation img{width:60%}
	#menu a{padding:70px 18px 0 18px;height:103px;}
	#msg .ok{margin:0 60px;font-size:20px;height:35px}
}
@media (min-width:700px) and (max-width:1000px){
	#mainAnimation{top:-55px}
}
@media (min-width:1000px) and (max-width:1080px){
	#mainAnimation{top:-90px}
}
@media (min-width:500px) and (max-width:600px){
	/*header{height:80px}*/
	.logo{height:60px}
	#menu a{padding:50px 10px 0 10px;}
}
@media (min-width:600px) and (max-width:900px){
	.cps{font-size:16px;top:-28px;}
}
@media (max-width:600px){
	.desc, .iWrap{padding-left:20px;padding-right:50px}
	#lang{padding-left:0;}
	.cps{font-size:9px;top:-24px;}
	h1{font-size: 16px;}
	.iWrap{padding:0 6px;}
}
@media (max-width:420px){
	#menu{clear:both;width:100%;text-align:center;}
	#subMenu{clear:both;}
}