html,body{height:100%;}
#form .checkbox{width:15px;margin:-9px 9px 0 0;display:inline-block;float:none;height:18px;}
#social-mob,#menu{display:none;}
.mobile{display:none;}
body{background-color:#f4f5f6;font:100% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;text-rendering:optimizelegibility;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-tap-highlight-color:rgba(0,0,0,0);-moz-text-size-adjust:none;-moz-font-smoothing:antialiased;-ms-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:none;-ms-font-smoothing:antialiased;}
a{text-decoration:none;}
#wrapper{overflow:hidden;background-color:#000;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;}
header{position:relative;top:0;}
.textsize{float:right;margin:6px 15px 0 0;}
.textsize li{cursor:pointer;margin:0 6px 0 0;}
.textsize li img{width:24px;}
.mobil{position:absolute;float:left;padding:10px;top:4px;left:10px;display:none;}
.mobil li{width:30px;height:4px;background-color:#666666;border-radius:3px;margin:5px 0;}
.mobil.open li{background-color:#000000;}
.navbar-fixed{top:0;z-index:999;position:fixed;width:100%;background:#4f8c9e;mox-shadow:0 4px 4px -2px #000;-moz-box-shadow:0 4px 4px -2px #000;-webkit-box-shadow:0 4px 4px -2px #000;}
nav{position:relative;bottom:3px;height:35px;background:#4f8c9e;width:100%;z-index:999;box-shadow:3px 0 3px #000000;-moz-box-shadow:3px 0 3px #000000;-webkit-box-shadow:3px 0 3px #000000;}
nav ul{margin:0 0 0 215px;}
ul.lang{text-transform:uppercase;float:left;margin:0 50px 0 20px;}
.lang-mob{text-transform:uppercase;}
nav li{float:left;display:inline-block;}
nav li a{color:#ffffff;padding:10px 15px;display:block;font-size:15px;}
nav li a:hover{text-decoration:underline;}
nav li a.active{text-decoration:underline;}
#wide a:link,#wide a:active{color:#4f8c9e;}
#wide a:hover{text-decoration:underline;}
article a:link,article a:active{color:#4f8c9e;}
article a:hover{text-decoration:underline;}
.wide a:link,#wide a:active{color:#4f8c9e;}
.wide a:hover{text-decoration:underline;}
.header-section{background:#ffffff;width:100%;}
.header-section img{width:100%;position:relative;}
main{padding:18px 36px 20px 36px;width:100%;margin:-10px 0 0 0;padding-top:30px;padding-bottom:90px;background-color:#ffffff;float:left;}
main p{margin:0 0 12px 0;}
main ul{list-style-type:disc;margin:0 0 0 20px;}
main ul li{margin:0 0 12px 0;}
article#wide ol{list-style-type:decimal;margin:0 0 0 20px;}
article#wide ol li{margin:0 0 0 15px;}
article.wide ol{list-style-type:decimal;margin:0 0 0 20px;}
article.wide ol li{margin:0 0 0 15px;}
article{width:40%;float:left;box-sizing:border-box;padding:40px 3% 15px 60px;font-size:95%;border-right:1px solid #4f8c9e;line-height:130%;}
article#wide{width:70%;padding-left:74px;}
article.wide{width:70%;padding-left:74px;}
article#narrow{width:70%;padding-left:200px;}
article#wide img{margin:20px 0 15px 0;}
article#wide figure{margin-bottom:15px;}
article#wide figure img{border:1px solid #000000;}
article.wide img{margin:20px 0 15px 0;}
article.wide figure{margin-bottom:15px;}
article.wide figure img{border:1px solid #000000;}
section{float:left;width:100%;}
main article{padding-bottom:150px;}
article.bottom-space{padding-bottom:250px;}
aside#small{width:27%;}
aside#small img{width:80%;padding:0 10% 0 10%;}
aside.small{width:27%;}
aside.small img{width:80%;padding:0 10% 0 10%;}
aside.smaller object{width:100%;padding:0 10% 0 10%;}
aside.smaller ing{width:100%;padding:0 10% 0 10%;}
aside figcaption{margin:3px 0 0 12%;}
aside{width:57%;float:left;box-sizing:border-box;font-size:95%;padding:20px 0 0 20px;}
aside img,aside object{width:100%;}
aside #contactimg{margin:50px 0 0 0;}
#contact{width:38%;float:left;}
iframe{width:56%;height:450px;float:right;}
strong{font-weight:bold;}
.strongunder{font-weight:bold;text-decoration:underline;}
h1{font-weight:bold;text-decoration:underline;font-size:100%;}
h1.nobreak{font-weight:normal;text-decoration:none;display:inline;font-size:100%;}
h1.normal{font-weight:normal;text-decoration:none;font-size:100%;}
h1.highlight{display:inline;text-decoration:none;font-size:100%;}
.strong{font-weight:bold;}
#footer{float:right;padding:6px 0;margin:0 60px 0 0;font-size:90%;}
#footer p{margin:0 0 3px 0;width:490px;}
footer{background:#4f8c9e;color:#ffffff;width:100%;font-size:80%;padding:12px;z-index:9999;position:fixed;bottom:0;}
footer ul{float:left;margin:21px 18px 0 50px;}
footer li{margin:0 0 3px 0;}
footer a:link,footer a:visited{color:#ffffff;}
footer a:hover{text-decoration:underline;}
#mail{width:26%;display:inline-table;margin:0 0 -4px -5px;}
#mail-2{width:120px;display:inline-table;margin:0 0 -3px 0;}
table{margin:24px 0 0 0;}
table, table td{border:1px solid #aaaaaa;vertical-align:middle;}
table td{padding:15px;}
table img{float:right;height:30px;}
table #telekabel{height:15px;}
table #swap{width:105px;height:41px;}
table #eds{width:86px;height:41px;}
table #spherea{width:86px;height:60px;}
.text{text-align:right;}
ul.nospace li{margin-top:9px;}
ul.nobullet{list-style-type:none;padding:0;}
article.wide h2{font-size:115%;font-weight:bold;}
article.wide h1.headline{font-size:115%;font-weight:bold;text-decoration:none;}
article.wide ul.latin{list-style-type:lower-latin;margin-left:45px;margin-top:12px;}
article.wide ol.span li{margin-top:9px;}
article.wide ul.roman{list-style-type:lower-roman;}
article.wide ol.left{line-height:120%;list-style-type:none;margin-left:-15px;padding:0;}
article.wide ol.left span{display:block;width:30px;float:left;font-weight:bold;}
article.wide .after-head{margin-top:18px;}
#contactform{padding-top:130px;float:left;}
#form{width:45%;}
#form input{width:100%;height:24px;margin:3px 0;}
#form select{margin:3px 0;}
#form textarea{width:100%;margin:3px 0;height:150px;resize:none;}
#form .button{width:48%;margin:3px 1%;float:left;}
#social{width:50px;position:fixed;left:0;top:700px;}
@media only screen and (max-width:2200px){#social{top:600px;}
}
@media only screen and (max-width:1800px){#social{top:500px;}
}
@media only screen and (max-width:1400px){#social{top:400px;}
}
#social img{width:35px;padding:0 0 6px 0;}
#social img.linkedin{width:42px;}
@media only screen and (max-width:1000px){table{width:100%;}
table #telekabel{height:10px;}
table #swap{width:105px;height:41px;}
table #eds{width:86px;height:41px;}
.mobile{display:block;}
footer p:nth-child(2),footer p:nth-child(3){display:none;}
#footer p{width:100%;text-align:center;}
#menu{display:block;margin:21px 0 0 60px;}
.web{display:none;}
#social{display:none;}
#social-mob{display:block;float:right;margin:-27px 12px 0 0;}
#social-mob img{width:35px;padding:0 0 6px 0;}
#social-mob img.linkedin{width:42px;}
#mail{width:160px;display:inline-table;margin:0 0 -3px 0;}
body{background-color:#ffffff;}
#contactform{padding-top:130px;float:left;font-size:130%;}
#form{width:100%;}
#form input{width:100%;height:24px;margin:3px 0;}
#form select{margin:3px 0;width:100%;}
#form textarea{width:100%;margin:3px 0;height:150px;resize:none;}
#form .button{width:48%;margin:3px 1%;float:left;}
header{height:60px;z-index:2;background-color:#f4f5f7;position:fixed;top:0;right:0;left:0;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);mox-shadow:0 4px 4px #666666;-moz-box-shadow:0 4px 4px #666666;-webkit-box-shadow:0 4px 4px #666666;}
.header-section a:link{display:block;font-size:140%;color:#ffffff;background:#000000;font-weight:bold;padding:6px 6px 6px 21px;}
.header-section img{width:100%;margin:0;}
.header-section{background:#ffffff;height:100%;}
.mobil{display:block;}
.textsize{display:none;}
nav{position:relative;}
nav ul{height:100%;overflow-y:auto;margin:0;}
nav li{display:block;float:none;}
nav li a{padding:12px 25px;font-size:98%;color:#ffffff;text-decoration:none;}
nav li a.logo{display:none;}
nav li a.active{color:#ffffff;background-color:rgba(24, 128, 148, 1);text-decoration:none;}
nav li a:hover{color:#ffffff;background-color:rgba(24, 128, 148, 1);text-decoration:none;}
nav li a:focus{color:#000000;background-color:#f4f5f6;}
nav li:first-child a.active,
nav li:first-child a:hover{border-radius:0;}
nav li:last-child{padding-bottom:100px;}
main{background:#ffffff;padding:3% 2% 21% 4%;width:94%;margin-top:0;}
article,article#wide,article#narrow,article#narrow #contact,article.wide{width:98%;padding:0;margin:0;}
article.wide h2{margin:21px 0;}
iframe{width:98%;float:left;height:450px;padding:0;margin:0;border:none;}
.header-section{margin-top:60px;}
footer{padding:10px;font-size:50%;}
aside{display:none;}
article{width:98%;font-size:100%;padding:1%;height:100%;margin:0;background:#ffffff;border:none;}
article h2{font-size:110%;}
h2.h2b{font-size:100%;display:inline;}
#footer{float:none;width:100%;font-size:140%;margin:0;}
footer ul{display:none;}
footer{position:fixed;z-index:99;bottom:0;}
article table{width:100%;}
article form{width:97%;margin:0 3% 0 0;}
#contactform{margin:0;padding:1%;}
article .button{width:100%%;margin:3px 1%;}
nav{width:280px;height:100%;padding-bottom:90px;position:fixed;z-index:0;left:0;top:0;margin:0;background:#666666;opacity:0;-webkit-transform:translate3d(5%,0,0)scale(.97);-moz-transform:translate3d(5%,0,0)scale(.97);transform:translate3d(5%,0,0)scale(.97);}
nav.open{opacity:1;-webkit-transform:translate3d(0,0,0)scale(1);-webkit-animation:slideIn .35s ease-in-out;-moz-transform:translate3d(0,0,0)scale(1);-moz-animation:slideIn .35s ease-in-out;transform:translate3d(0,0,0)scale(1);animation:slideIn .35s ease-in-out;}
@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translate3d(5%,0,0)scale(.97);}
100%{opacity:1;-webkit-transform:translate3d(0,0,0)scale(1);}
}
@-moz-keyframes slideIn{0%{opacity:0;-moz-transform:translate3d(5%,0,0)scale(.97);}
100%{opacity:1;-moz-transform:translate3d(0,0,0)scale(1);}
}
@keyframes slideIn{0%{opacity:0;transform:translate3d(5%,0,0)scale(.97);}
100%{opacity:1;transform:translate3d(0,0,0)scale(1);}
}
nav.close{opacity:0;-webkit-transform:translate3d(5%,0,0)scale(.97);-webkit-animation:slideOut .3s ease-in-out;-moz-transform:translate3d(5%,0,0)scale(.97);-moz-animation:slideOut .3s ease-in-out;transform:translate3d(5%,0,0)scale(.97);animation:slideOut .3s ease-in-out;}
@-webkit-keyframes slideOut{0%{opacity:1;-webkit-transform:translate3d(0,0,0)scale(1);}
100%{opacity:0;-webkit-transform:translate3d(5%,0,0)scale(.97);}
}
@-moz-keyframes slideOut{0%{opacity:1;-moz-transform:translate3d(0,0,0)scale(1);}
100%{opacity:0;-moz-transform:translate3d(5%,0,0)scale(.97);}
}
@keyframes slideOut{0%{opacity:1;transform:translate3d(0,0,0)scale(1);}
100%{opacity:0;transform:translate3d(5%,0,0)scale(.97);}
}
main{box-shadow:-6px 0px 3px #000000;-moz-box-shadow:-6px 0px 3px #000000;-webkit-box-shadow:-6px 0px 3px #000000;}
.content{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:1;}
header.open,
.content.open{-webkit-transform:translate3d(280px,0,0);-webkit-animation:open .5s ease-in-out;-moz-transform:translate3d(280px,0,0);-moz-animation:open .5s ease-in-out;transform:translate3d(280px,0,0);animation:open .5s ease-in-out;opacity:0.5;box-shadow:-6px 0px 3px #000000;-moz-box-shadow:-6px 0px 3px #000000;-webkit-box-shadow:-6px 0px 3px #000000;}
@-webkit-keyframes open{0%{-webkit-transform:translate3d(0,0,0);}
70%{-webkit-transform:translate3d(300px,0,0);}
100%{-webkit-transform:translate3d(280px,0,0);}
}
@-moz-keyframes open{0%{-moz-transform:translate3d(0,0,0);}
70%{-moz-transform:translate3d(300px,0,0);}
100%{-moz-transform:translate3d(280px,0,0);}
}
@keyframes open{0%{transform:translate3d(0,0,0);}
70%{transform:translate3d(300px,0,0);}
100%{transform:translate3d(280px,0,0);}
}
header.close,
.content.close{-webkit-transform:translate3d(0,0,0);-webkit-animation:close .3s ease-in-out;-moz-transform:translate3d(0,0,0);-moz-animation:close .3s ease-in-out;transform:translate3d(0,0,0);animation:close .3s ease-in-out;}
@-webkit-keyframes close{0%{-webkit-transform:translate3d(320px,0,0);}
100%{-webkit-transform:translate3d(0,0,0);}
}
@-moz-keyframes close{0%{-moz-transform:translate3d(320px,0,0);}
100%{-moz-transform:translate3d(0,0,0);}
}
@keyframes close{0%{transform:translate3d(320px,0,0);}
100%{transform:translate3d(0,0,0);}
}
}