/* CSS Document */
@charset "utf-8";
html body *:focus {outline:none;}
html { /* killing 300ms touch delay in IE */
-ms-touch-action: manipulation;
touch-action: manipulation;}
html {font-size:100%; scroll-behavior:smooth;}
html body *:focus {outline:none;}
a {outline:none;}
html {padding:0; margin:0;}
body {padding:0; margin:0; font-family:Arial, sans-serif; font-size:16px; line-height:24px; font-weight:normal; color:#111;}
div, p, ul, ol, table, img {position:relative; display:block;}
div, table {box-sizing:border-box;}

h1, h2 {font-size:36px; line-height:42px; font-weight:bold; text-align:center; padding:30px 0 50px; margin:0 0 30px; 
clear:both; display:block; border-bottom:1px solid #111;}
h3 {font-size:36px; line-height:42px; text-align:center; padding:80px 2%; margin:0; color:#fff; clear:both; display:block; 
background-image:url(bg.jpg); background-size:100% 100%;}

p, table, ul, ol {margin:0 0 24px;}
strong {font-weight:bold; color:#111;}

.dark {background:#111; color:#fff;}
.dark h2, .dark h3 {color:#fff; border-bottom:1px solid #fff;}
.light {background:#f2f2f2;}
.red {color:#ef2c29;}
.black {color:#111;}

.header {height:120px; width:92%; max-width:1400px; padding:0; margin:0 auto;}
.content {margin:0 auto; padding:60px 0; width:92%; max-width:1400px;}
.footer {margin:0 auto; padding:60px 0; width:92%; max-width:900px;}

.halb {width:50%; padding:40px 5%; margin:0; float:left;}
.drittel {width:33.33%; padding:20px 2% 40px; margin:0; float:left;}

.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.clear {clear:both;}

.navi {padding:55px 0 0; margin:0; float:right;}
.navi li {padding:0; margin:0 10px; display:inline; text-align:center; list-style-type:none;}
.navi li a {padding:10px; margin:0; display:inline-block; color:#fff; text-decoration:none;}
.navi li a:hover {color:#ef2c29; text-decoration:none;}

img {perspective-origin:bottom; width:100%; height:auto;}
.logo {position:absolute; top:20px; left:2%; padding:0; margin:0; width:102px; z-index:100;}

.totop {position:fixed; bottom:15px; right:15px; width:2px; height:2px; padding:15px 22px 25px 19px; margin:0; 
border-radius:50%; background:#ef2c29; z-index:999; opacity:0.2; filter: alpha(opacity=20);} /* For IE8 and earlier */
.totop:hover {opacity:0.5; filter: alpha(opacity=50);} /* For IE8 and earlier */
.totop i:before, .totop i:after {content:""; position:absolute; background-color:#fff; width:3px; height:9px;}
.totop i:before {-ms-transform: translate(-2px, 0) rotate(45deg); /* IE 9 */ 
 -webkit-transform: translate(-2px, 0) rotate(45deg); /* Chrome, Safari, Opera */
 transform: translate(-2px, 0) rotate(45deg);}
.totop i:after {-ms-transform: translate(2px, 0) rotate(-45deg);
 -webkit-transform: translate(2px, 0) rotate(-45deg);
 transform: translate(2px, 0) rotate(-45deg);}
 
/*///////////////////// RESPONSIVE ////////////////////*/

@media (max-width: 960px) {
.logo {left:0;}
.nodis {display:none;}
.drittel, .halb {width:100%; padding:0;}
}
@media (max-width: 740px) { 
.navi li a {padding:10px 0;}
}
@media (max-width: 580px) { 
.navi li.nnod {display:none;}
}