@charset "utf-8";
/* CSS Document ©2024 by daroc */
/* Thank you for looking at this code ;-) */ 

/* lato-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

html, body{
	color: #222; font-family: 'Lato', sans-serif; font-style: normal; font-weight: 400; font-size: calc(16px + 0.2vw); letter-spacing: 0.02em; line-height: 1.2em; margin: 0; padding: 0; width: 100%; position: relative; height: auto; min-height: 100vh; }
h1,
p.fakeh{
	color: #df3933;; font-family: 'Lato', sans-serif; font-style: normal; font-weight: 700; font-size: calc(28px + 0.2vw); margin: 20px 0; line-height: calc(32px + 0.2vw); }
h2{
	color: #df3933;; font-family: 'Lato', sans-serif; font-style: normal; font-weight: 700; font-size: calc(22px + 0.2vw); line-height: calc(26px + 0.2vw); }
h3{
	color: #df3933;; font-family: 'Lato', sans-serif; font-style: normal; font-weight: 700; font-size: calc(18px + 0.2vw); line-height: calc(20px + 0.2vw); margin-top:calc(20px + 1vw); margin-bottom: 0; }
div.infoboxcontent h3:first-child{
	margin-top: 25px; }

a{
	outline: none; }
a:link,
a:visited{
	color: #222; text-decoration: none; border-bottom: 1px #222 dotted; transition: color 0.5s ease-in-out; }
a:hover,
a:active{
	color: #df3933; text-decoration: none; border-bottom: 1px #df3933 dotted; }
a.extralink:link,
a.extralink:visited,
a.extralink:hover,
a.extralink:active{
	color: #df3933; text-decoration: none; border-bottom: none; }

header{
	background-color: #fff; height: auto; padding: 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; }
div#innerheader{
	position: relative; display: block; height: 130px; max-width: 2000px; margin: 0 auto; }
div#logoheader {
	height: 90px; position: absolute; left: 40px; top: 20px; }
div#logoheader-mobile {
	height: 80px; position: absolute; left: 5%; top: 20px; display: none; }

div#logoheader img,
div#logoheader-mobile img{
	height: 100%; width: 100%; object-fit: contain; }
div#logoheader a{
	border: none; }

div#language{
	height: 130px; position: absolute; line-height: 130px; right: 40px; top: 0; }
ul#languageList{
	padding: 0; margin: 0; }
ul#languageList li{
	display: inline-block; list-style-type: none; margin: 0; margin-left: 30px; padding: 0; }
ul#languageList li a{
	color: #222; display: block; font-weight: 700; outline: none; text-decoration: none; border: none; }
ul#languageList li a:hover {
	text-decoration: underline; }
ul#languageList li.sprachaktiv{
	display: none; }
ul#languageList li#moblist{
	display: none; margin-left: 50px; }


div#hauptmenu{
	display: block; text-align: center; width: 100%; }
div#hauptmenuliste{
	border-bottom: 3px solid #df3933; display: inline-block; padding: 0; }
p#mainmenulist{
	text-align: center; font-weight: 700; padding: 0; margin: 30px 0 15px 0; }
span.menuteiler{
	margin: 0 25px; }
span.menuteiler:last-child{
	display: none; }
p#mainmenulist a.menupunkt{
	color: #1c1d21; text-decoration: none; border: none; }
p#mainmenulist a.menupunktaktiv{
	color: #df3933; text-decoration: none; border: none; }
div.sidebar p a.submenu{
	color: #1c1d21; text-decoration: none; border: none; }
div.sidebar p a.submenuaktiv{
	color: #df3933; text-decoration: none; border: none; }

main{
	margin-top: 0; padding: 220px 40px 0; }

div#container{ 
	display: flex; flex-direction: row; justify-content: center; align-items: stretch; flex-wrap: nowrap; width: 100%; max-width: 1920px; margin: 0 auto 50px; }

div.fullwidth{
	display: flex; flex-direction: row; justify-content: center; align-items: stretch; flex-wrap: wrap; margin-top: 30px; width: 100%; gap: 50px 5%;  }
div.infoteaser {
	flex: 0 0 30%; }
div.infoteaser img{
	width: 100%; height: auto; }

div.sidebar {
	flex: 0 0 360px; margin: 0; padding: 0; } /*82px*/
div.sidebar a {
  display: block; color: black; padding: 0; text-decoration: none; }
div.sidebar p a.submenu{
	color: #1c1d21; text-decoration: none; }
div.sidebar p a.submenuaktiv{
	color: #df3933; text-decoration: none; }
div.content{
	flex: 1 0 500px; padding: 0 40px; }
div.content img{
	width: 100%; height:auto; }
div.infoboxmobile{
	display: none; }
div.infobox{
	box-sizing: border-box; flex: 0 0 360px; }
div.infoboxcontent{
	background-color: #f1f1f1; box-sizing: border-box; padding: 1px 25px; width: 100%; }
div.mainText{
	width: 100%; max-width: 700px; margin: 0 auto; }

div.casinos{
	display: block; margin-top: 20px; }
div.casino{
	display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; gap: 0px 30px; }
div.casino img{
	display: block; height: 80px; width: auto; }

div#onlinetable{
	display: table; width: 100%;}
div#onlineleft,
div#onlineright{
	display: table-cell; width: 50%;}
div#onlineleft p:first-child,
div#onlineright p:first-child{
	margin-top: 0; }
/*div#onlineleft p:last-child,
div#onlineright p:last-child{
	margin-bottom: 0; }*/

div#moblist{
	display: none; height: 40px; position: absolute; width: 40px; transition: all 0.5s ease; }
/*div.open{
	right: 30px; top: 30px; }
div.closed{
	right: 240px; top: 30px; }
div.opensm{
	left: 30px; top: 30px; }
div.closedsm{
	left: 240px; top: 30px; }*/
a#mobNavi{ 
	background-color: transparent; border: 0; box-sizing: border-box; display: inline-block; margin: 0; outline: 0; padding: 0; text-decoration: none; text-align: center; width: 40px; }

svg.pfeil {
	stroke: #1c1d21; fill: #1c1d21; transition: fill 0.5s ease-in-out; transform: translateY(calc(16px - 0.2vw));
}
svg.pfeil:hover{
	fill: #df3933; }

div#minheight{
  	clear: both; height: 50px; }
footer{
	height: 50px; line-height: 50px; position: absolute; left: 0; bottom: 0 !important; width: 100%; }
footer p{
	margin: 0; text-align: center; }

/* SIDR Menu */
.pushmenu-body{
	position: relative; right:0; }
.pushmenu-push-left { 
	right: 300px; }
div#mobile-sider{
	background-color: #fff; box-sizing: border-box; height: 100%; overflow-x: hidden; overflow-y: auto; padding: 0; position: fixed; text-align: center; top: 0; width: 360px; z-index: 999999; }
.pushmenu-right{
	right: -360px; }
.pushmenu-right.pushmenu-pushed{ 
	right: 0; }
#mobile-sider, 
.pushmenu-body {
	transition: all 0.5s ease; }
div#mobile-sider ul{
	border: none; display: block; margin: 15px; padding: 0; }
div#mobile-sider ul li{
	display: block; margin: 0; line-height: 40px; }
div#mobile-sider ul li:after {
	content: ""; background: #888; border-radius: 100%; display: block; height: 1px; width: 100%; margin: 0; }
div#mobile-sider ul li:last-child:after {
	content: ""; background: #fff; border-radius: 100%; display: block; height: 1px; width: 100%; margin: 0; }
div#mobile-sider ul li:first-child{
	border-top: none; }
div#mobile-sider ul li a.normalMenu,
div#mobile-sider ul li a#closeagain{
	color: #1c1d21; display: block; outline: none;  padding: 8px 15px 3px; text-decoration: none; white-space: nowrap; }
div#mobile-sider ul li a.activeMenu{
	color: #df3933; display: block; outline: none;  padding: 8px 15px 3px; text-decoration: none; white-space: nowrap; }
/* SIDR Menu fertig */

@media screen and (max-width:1549px) {
	div#container{ 
		flex-wrap: wrap; }
	div.sidebar {
		flex: 0 0 360px; margin: 0; padding: 0; } /*82px*/
	div.content{
		flex: 1 0 500px; }
	div.infobox{
		display: none; }
	div.infoboxmobile{
		display: block; }
	div.mainText{
		width: 100%; max-width: 700px; margin: 0; }

}

@media screen and (max-width:1400px) {
	div.fullwidth{
		gap: 50px 6%;  }
	div.infoteaser {
		flex: 0 0 47%; }

}

@media screen and (max-width:1100px) {
	div#hauptmenuliste,
	div.sidebar{
		display: none; }
	ul#languageList li#moblist{
		display: inline-block; }
	main{
		margin-top: 0; padding: 130px 40px 0; }
	div.mainText{
		width: 100%; max-width: 700px; margin: 0 auto; }
	
}

@media screen and (max-width:799px) {
	div.fullwidth{
		gap: 50px 6%;  }
	div.infoteaser {
		flex: 0 0 100%; }

}

@media screen and (max-width:660px) {
	div#innerheader{
		height: 100px; }
	div#logoheader {
		display: none; }
	div#logoheader-mobile {
		height: 80px; display: block; }
	div#language{
		height: 100px; line-height: 100px; top: 0; }
	div.content{
		flex: 1 0 100%; padding: 0 40px; }
}

@media screen and (max-width:500px) {
	div#logoheader-mobile {
		height: 60px; display: block; }
	main{
		margin-top: 0; padding: 110px 40px 0; }
	div#onlinetable{
		display: block; width: 100%;}
	div#onlineleft,
	div#onlineright{
		display: block; width: 100%;}
	div#onlineright p:first-child{
		margin-top: initial; }
	
}