/* roboto-regular - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
  }
  
  /* roboto-italic - latin */
  @font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	src: url('../fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
  }
  
  /* roboto-700 - latin */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
  }
  
body{font-family:'Roboto', sans-serif;margin:0px;padding:0px;background-color:#9C2717;font-size:19px;}
h1{text-align:center;font-size:57px;}
h2{font-size:26px;text-align:left;}
a{color: #f37111;text-decoration:none;}
#ingamebar{position:fixed !important;}
.takeover__content-wrapper{margin-top:60px;}
.section, .section2{width:100%;padding-top:40px;padding-bottom:40px;}
.section div, .section2 div{max-width:800px;margin:0px auto;text-align:left;}
.section div .img img, .section2 div .img img{width:100%}
.section div .img{float:right;width:60%;}
.section div .text{float:left;width:35%;}
.section2 div .img{float:left;width:60%;}
.section2 div .text{float:right;width:35%;}
.text h2{margin-top:0px;}
.section table, .section2 table{width:100%;vertical-align:top;margin:auto;}
.section table td, .section2 table td{padding:10px;}
.section{color:#9C2717;background-color:#ffffff;}
.section2{color:#ffffff;background-color:#9C2717;}
.section th{color:#ffffff;background-color:#9C2717;height:40px;}
.section2 th{color:#9C2717;background-color:#ffffff;height:40px;}
#infobar{
	width: 220px;
	position: fixed;
	right:0px;
	margin-top:-220px;
	top: 50%;
	border-top: 2px solid #9C2717;
	border-left: 2px solid #9C2717;
	border-bottom: 2px solid #9C2717;
	padding: 2px 0 2px 2px;
	background:rgba(255, 255, 255, 0.95);
	color: #9C2717;
	display:none;
}
.head img{
	float:left;
	width: 30px;
	margin-right: 7px;
    margin-top: -4px;
}
.head{
	font-weight:bold;
	border-bottom: 2px solid #9C2717;
	padding: 6px;
	background:#9C2717;
	color:white;
}
li{
	 list-style-type: square;
}
#closex{
	float:right;
	cursor:pointer;
	margin-right:2px;
}
#mainimg{width:100%}
#tab div{text-align:center;}
#vertable{max-width:1100px;text-align:center;}
#vertable tr:hover td{transition-duration:0.3s;transition-timing-function:ease-out;background-color:rgba(255, 152, 0, 0.5);}
#leiste{width:100%;background-color:#9C2717;position:fixed;color:#FFFFFF;font-weight:600;font-size:17px;z-index:999;top:0px;height:60px;}
#leiste div{max-width:810px;margin:0px auto;}
#logo{float:left;padding:4px;width:189px;}
#logo img{padding-top:3px;}
#cssmenu{float:right;}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#9C2717;}
#cssmenu:after,
#cssmenu > ul:after{display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#cssmenu #menu-button{display:none;}
#menu-line{height:3px;background:orange;-webkit-transition:all 0.25s ease-out;-moz-transition:all 0.25s ease-out;-ms-transition:all 0.25s ease-out;-o-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}
#cssmenu > ul > li{float:left;}
#cssmenu.align-center > ul{font-size:0;text-align:center;}
#cssmenu.align-center > ul > li{display:inline-block;float:none;}
#cssmenu.align-center ul ul{text-align:left;}
#cssmenu.align-right > ul > li{float:right;}
#cssmenu.align-right ul ul{text-align:right;}
#cssmenu > ul > li > a{padding:20px;text-decoration:none;text-transform:uppercase;color:#FFFFFF;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a{color:orange;}
#cssmenu > ul > li.has-sub > a{padding-right:25px;}
#cssmenu > ul > li.has-sub > a::after{position:absolute;top:21px;right:10px;width:4px;height:4px;border-bottom:1px solid #FFFFFF;border-right:1px solid #FFFFFF;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#cssmenu > ul > li.has-sub:hover > a::after{border-color:orange;}
#cssmenu ul ul{position:absolute;background:#9C2717;}
#cssmenu li > ul{left:-9999px;opacity:0;transition:opacity 0.5s ease;}
#cssmenu li:hover > ul{left:auto;opacity:1;}
#cssmenu.align-right li:hover > ul{right:0;}
#cssmenu ul ul ul{margin-left:100%;top:0;font-size:16px;}
#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%;}
#cssmenu ul ul li{width:100px;-webkit-transition:height .25s ease;-moz-transition:height .25s ease;-ms-transition:height .25s ease;-o-transition:height .25s ease;transition:height .5s ease;}
#cssmenu ul li:hover > ul > li{height:50px;}
#cssmenu ul ul li a{padding:17px 17px;width:250px;background:#9C2717;display:block;text-decoration:none;color:#FFFFFF;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-ms-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease;-webkit-transition:border-color .3s ease;-moz-transition:border-color .3s ease;-ms-transition:border-color .3s ease;-o-transition:border-color .3s ease;transition:border-color .3s ease;height:50px;border-right:1px solid white;border-left:3px solid white;}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover{color:orange;border-left-color:orange;}
#cssmenu ul ul li.has-sub > a::after{position:absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color 0.2s ease;-moz-transition:border-color 0.2s ease;-ms-transition:border-color 0.2s ease;-o-transition:border-color 0.2s ease;transition:border-color 0.2s ease;}
#cssmenu.align-right ul ul li.has-sub > a::after{right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #dddddd;border-left:1px solid #dddddd;}
#cssmenu ul ul li.has-sub:hover > a::after{border-color:orange;}
#sozial a{color:#9C2717;}
.sozial{transition:all 0.3s ease;position:fixed;right:0px;background-color:#FFFFFF;border:5px solid #9C2717;top:50%;margin-right:-195px;width:255px;height:45px;text-align:center;z-index:115;font-size:23px;font-weight:bold;padding-top:15px;vertical-align:middle;}
.sozial img{margin-right:5px;border-right:5px solid #9C2717;float:left;margin-top:-15px;}
.sozial:hover{margin-right:0px;}
#spaet a{color:#FFFFFF;}
.section:hover #spaet a{transition-delay:1.5s;transition-duration:0.5s;color:#9C2717;}
#s1{margin-top:-150px;}
#s2{margin-top:-75px;}
#s3{margin-top:0px;}
#s4{margin-top:75px;}
#s5{margin-top:150px;}
#video{margin-left:43px;height:205px;width:365px;margin-top:-311px;}
.symb{border:5px solid #9C2717;width:70px;height:70px;margin-left:30%;}
.dwb,
#dwb{padding:10px 20px;margin:0px auto !important;min-width:200px;max-width:300px !important;font-size:20px;font-weight:bold;text-align:center !important;border-radius:10px;color:black;border:0px solid silver;background:rgba(255,217,122,1);background:-moz-linear-gradient(top, rgba(255,217,122,1) 0%, rgba(252,205,77,1) 46%, rgba(248,181,0,1) 53%, rgba(250,194,125,1) 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,217,122,1)), color-stop(46%, rgba(252,205,77,1)), color-stop(53%, rgba(248,181,0,1)), color-stop(100%, rgba(250,194,125,1)));background:-webkit-linear-gradient(top, rgba(255,217,122,1) 0%, rgba(252,205,77,1) 46%, rgba(248,181,0,1) 53%, rgba(250,194,125,1) 100%);background:-o-linear-gradient(top, rgba(255,217,122,1) 0%, rgba(252,205,77,1) 46%, rgba(248,181,0,1) 53%, rgba(250,194,125,1) 100%);background:-ms-linear-gradient(top, rgba(255,217,122,1) 0%, rgba(252,205,77,1) 46%, rgba(248,181,0,1) 53%, rgba(250,194,125,1) 100%);background:linear-gradient(to bottom, rgba(255,217,122,1) 0%, rgba(252,205,77,1) 46%, rgba(248,181,0,1) 53%, rgba(250,194,125,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd97a', endColorstr='#fac27d', GradientType=0);-webkit-box-shadow:2px 2px 5px 0px rgba(199,101,55,0.7);-moz-box-shadow:2px 2px 5px 0px rgba(199,101,55,0.7);box-shadow:2px 2px 5px 0px rgba(199,101,55,0.7);}
.art{border:4px solid #9C2717}
.art2{border:2px solid #9C2717}
.uber{color:#FFFFFF;cursor:pointer;background-color:#9C2717;padding:10px;font-size:24px;border:4px solid #9C2717;font-weight:bold;}
.art2 .uber{color:#FFFFFF;cursor:pointer;background-color:#9C2717;padding:5px;font-size:18px;border:2px solid #9C2717;font-weight:bold;padding-bottom:10px;}
.inh{display:none;padding-left:30px;padding-right:10px;padding-top:10px;padding-bottom:20px;color:#9C2717;}
.art2 .inh{padding-left:20px;padding-right:10px;padding-top:10px;padding-bottom:20px;}
.bil{height:25px;width:25px;padding-right:10px;float:left;}
.box{border:5px solid #9C2717;display:inline-block;text-align:center !important;margin:20px 300px;overflow:hidden;width:175px !important;padding:70px 0px;color:#9C2717;font-weight:bold;}
#tabelle2 td{margin:5px;border:3px solid #9C2717;margin 5px;}
#tabelle2 tr td:last-child a{font-size:10px !important;}
#tabelle2 tr td:last-child(2){font-size:25px !important;color:grey;}
#tabelle2 tr:nth-child(odd){border}
#tabelle2 tr:nth-child(2n) td:hover{background-color:#9C2717;font-weight:bold;color:#FFFFFF;}
#tabelle2 tr:last-child{font-size:20px;}
#tabelle2 tr:nth-child(2n){border:border:3px solid #FFFFFF;}
#tabelle2 tr:nth-child(even){border:5px solid #9C2717;}
#tabelle2{}
.rahmen{border:3px solid #FFFFFF;font-weight:bold;padding:3px;margin-bottom:3px !important;}
#features td{text-align:center;padding:15px;font-size:16px;}
.rahmen secim{height:40px;width:100px;}
input{border:0px;padding-left:0px;height:25px;font-size:inherit;font-weight:bold;vertical-align:middle;}
input:focus, textarea:focus, select:focus{outline:none;}
.section input{color:#9C2717;border:2px solid #9C2717;margin-left:7px;padding-left:5px;background-color:white;}
.section2 input{color:white;margin-left:7px;padding-left:5px;background-color:#9C2717;}
.section2 ::-webkit-input-placeholder {color: orange;}
.section2 :-moz-placeholder {color: orange; opacity: 1;}
.section2 ::-moz-placeholder {color: orange; opacity: 1;}
.section2 :-ms-input-placeholder {color: orange;}
.section2 ::-ms-input-placeholder {color: orange;}
.section ::-webkit-input-placeholder {color: #dc7c6fe;}
.section :-moz-placeholder {color:#dc7c6f; opacity: 1;}
.section ::-moz-placeholder {color: #dc7c6f; opacity: 1;}
.section :-ms-input-placeholder {color: #dc7c6f;}
.section ::-ms-input-placeholder {color: #dc7c6f;}
.rahmen input, #rahmen input{width:90%;height:100%}
.rahmen:hover, #rahmen:hover{border-color:orange}
.rahmen img, #rahmen img{height:25px;margin-right:15px;width:25px;height:25px;padding:0px;float:left;}
option{background-color:#FFFFFF;color:#9C2717;height:25px;font-weight:bold;font-size:inherit;}
select{background-color:#9C2717;color:#FFFFFF;font-size:inherit;height:22px;border:0px;font-weight:bold;}
textarea{border:0px;width:90%;background-color:#9C2717;padding:0px;font-size:inherit;vertical-align:top;color:#FFFFFF;font-weight:bold;resize:none;height:180px;font-family:'Roboto', sans-serif;}
#absenden{padding:10px 30px;font-size:20px;height:46px;width:200px;font-weight:bold;float:right;border-radius:30px;color:black;background-color:orange;border:1px solid silver;cursor:pointer;}
.oben{padding:5px;font-size:25px;font-weight:bold;margin-bottom:20px;}
.section2 .mitte{padding:20px;overflow:auto;}
.section .mitte{padding:20px;overflow:auto;}
.unten{padding:5px;margin-top:5px;font-style:italic;font-size:15px;text-align:right !important;}
#tab div div{width:33.33%;float:left;padding:0px;}
#tab div div img{margin:0px auto;width:80%;}
#modimg{float:left;margin-right:30px;margin-bottom:20px;}
#tbilder{display:table;}
.imag{width:250px;height:140px;}
.bild{width:250px;float:left;margin:6px !important;border:2px solid #9C2717;}
.bild:hover{border:2px solid orange;}
.bild:hover .modname{background:orange;}
.modname{padding:5px;padding-left:10px;background:rgb(156, 39, 23);height:20px;font-size:19px;}
.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;width:100%;height:auto;}
.embed-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.embed-container.ratio4x3{padding-bottom:75%;}
#first{margin-top:60px;}
@media all and (max-width:900px), only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:900px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:900px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:900px), only screen and (min-device-pixel-ratio:2) and (max-width:900px), only screen and (min-resolution:192dpi) and (max-width:900px), only screen and (min-resolution:2dppx) and (max-width:900px){h1{font-size:6.5vw;margin-top:30px;}
.section, .section2{width:100%;}
.section div, .section2 div{margin:5px;}
.section div .img, .section div .text, .section2 div .img, .section2 div .text{float:none;width:97%;padding:0px;}
#noth, #sozial, #mittebereich{display:none;}
#cssmenu{width:100%;}
#cssmenu ul{margin-top:55px;width:100%;display:none;}
#cssmenu ul img{display:none;}
#cssmenu.align-center > ul,
#cssmenu.align-right ul ul{text-align:left;}
#cssmenu ul li,
#cssmenu ul ul li,
#cssmenu ul li:hover > ul > li{width:100%;height:auto;border-top:1px solid #FFFFFF;}
#cssmenu ul li a,
#cssmenu ul ul li a{width:100%;}
#cssmenu > ul > li,
#cssmenu.align-center > ul > li,
#cssmenu.align-right > ul > li{float:none;display:block;}
#cssmenu ul ul li a{padding:20px 20px 20px 30px;color:#FFFFFF;background:none;}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover{color:orange;}
#cssmenu ul ul ul li a{padding-left:40px;}
#cssmenu ul ul,
#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0;}
#cssmenu > ul > li.has-sub > a::after,
#cssmenu ul ul li.has-sub > a::after{display:none;}
#menu-line{display:none;}
#cssmenu #menu-button{display:block;margin-top:-55px;color:#FFFFFF;cursor:pointer;text-transform:uppercase;}
#cssmenu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#FFFFFF;}
#cssmenu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #FFFFFF;border-bottom:2px solid #FFFFFF;}
#cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid #FFFFFF;height:52px;width:52px;cursor:pointer;}
#cssmenu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#FFFFFF;z-index:99;}
#cssmenu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#FFFFFF;z-index:99;}
#cssmenu .submenu-button.submenu-opened:after{display:none;}
.dwb{margin:0px auto !important;}
#tab div div{width:100%;float:left;padding:0px;}
#tab div div img{margin:0px auto;width:40%;}
#modimg{width:100%;}
.imag, .modname{margin:0px !important;}
#tbilder{width:95%;margin:0px auto !important;}
}
#ingamebar{position:fixed;}
.takeover--1.takeover--is-visible{margin-top:60px;}
@media all and (min-width:1000px){.section div, .section2 div{max-width:800px;}
}
@media all and (min-width:1400px){.section div, .section2 div{max-width:800px;}
}