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

/* open-sans-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: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-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: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


html, body{
	color: #696969; background-color: #fefefe; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; font-size: calc(16px + 0.3vw); letter-spacing: 0.02em; line-height: calc(24px + 0.3vw); margin: 0; padding: 0; width: 100%; position: relative; height: auto; min-height: 100vh; }
p.smallertext,
div.linkbox{
	font-size: calc(16px + 0.1vw); line-height: calc(24px + 0.1vw); }
h1{
	color: #696969;; font-family: 'Open Sans', 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: #696969;; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; font-size: calc(22px + 0.2vw); line-height: calc(26px + 0.2vw); }
h3{
	color: #696969;; font-family: 'Open Sans', 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; }

a{
	outline: none; }
a:link,
a:visited{
	color: #696969; text-decoration: underline; transition: color 0.5s ease-in-out; }
a:hover,
a:active{
	color: #730217; text-decoration: underline; }

header{
	background-color: #ededed; height: auto; padding: 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; }
div#innerheader{
	position: relative; display: block; height: 150px; width: 100%; margin: 0 auto; }
div#logoheader {
	height: 36px; position: absolute; left: 57px; top: 57px; }
div#logoheader-mobile {
	height: 110px; position: absolute; left: 50px; top: 20px; display: none; }

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

div#language{
	position: absolute; right: 57px; top: 49px; }
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: #696969; display: block; font-weight: 700; outline: none; text-decoration: none; }
ul#languageList li a:hover {
	text-decoration: underline; }
ul#languageList li.sprachaktiv{
	display: none; }
ul#languageList li#moblist{
	display: inline-block; margin-left: 50px; }
ul#languageList li#moblist a#mobNavi{ 
	background-color: transparent; border: 0; box-sizing: border-box; display: block; margin: 0; outline: 0; padding: 0; text-decoration: none; text-align: center; width: 40px; }
ul#languageList li#moblist a#mobClose{ 
	background-color: transparent; border: 0; box-sizing: border-box; display: block; margin: 0; outline: 0; padding: 0; text-decoration: none; text-align: center; width: 40px; }

#headerimage {
  width: 100%; position: relative; margin: 150px auto 50px; }
.mySlides {
  display: none; }
.fade {
  animation-name: fade; animation-duration: 1.5s; }

#headerMobileimage {
  width: 100%; position: relative; margin: 150px auto 50px; }
.myMobileSlides {
  display: none; }
.fade {
  animation-name: fade; animation-duration: 1.5s; }
#headerMobileimage{
	display: none; }

@keyframes fade {
  from {opacity: .4} to {opacity: 1} 
}

main{
	margin-top: 0; padding: 0 50px; }

div#container{ 
	display: block; width: 100%; margin: 0 auto 50px; }

div.content{
	box-sizing: border-box; display: block; width: 100%; padding: 0; }
div.mainText{
	width: 100%; max-width: 850px; margin: 0 auto; }

div.linkbox{
	box-sizing: border-box; display: block; width: 100%; max-width: 1240px; padding: 0 20px; margin: 0px auto; }
div.alllinks{
	display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; }
div.myButton{
	flex: 0 0 auto; margin: 10px; padding: 0; border: 2px solid #696969; border-radius: 10px; text-align: center; box-shadow: inset 0 0 0 0 #730217; text-wrap: nowrap; transition: box-shadow .4s ease-in-out; }
div.myButton:hover{
	box-shadow: inset 1000px 0 0 0 #730217; }
div.myButton a:link,
div.myButton a:visited{
	color: #696969; display: block; width: calc(100% - 40px); height: 100%; padding: 15px 20px; text-decoration: none; transition: color .4s ease-in-out; }
div.myButton a:hover,
div.myButton a:active{
	color: #fefefe; text-decoration: none; }
span.arrowspan{
	display: none; }


div.casinoinfo{
	display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: nowrap; margin: 0px; margin-top: calc(16px + 0.15vw); padding: 0; }
div.casinologo{
	flex: 0 0 200px; }
div.casinologo img{
	display: block; height: 120px; width: auto; }
div.casinodata{
	flex: 1 0 calc(100% - 200px); }

div#moblist{
	display: none; height: 40px; position: absolute; width: 40px; transition: all 0.5s ease; }

svg.pfeil {
	stroke: #696969; fill: #696969; transition: all 0.5s ease-in-out; }
svg.pfeil:hover{
	stroke: #730217; fill: #730217; }

div#minheight{
  	clear: both; height: 240px; }
footer{
	background-color: #ededed; height: 240px; position: absolute; left: 0; bottom: 0 !important; width: 100%; }
footer p{
	text-align: center; }
div#mobileFooter,
div#smallFooter{
	display: none; }

/* SIDR Menu */
.pushmenu-body{
	position: relative; right:0; }
.pushmenu-push-left { 
	right: 340px; }
div#mobile-sider{
	background-color: rgba(105,105,105,1); box-sizing: border-box; height: calc(100% - 150px); overflow-x: hidden; overflow-y: auto; padding: 0; position: fixed; text-align: center; top: 150px; width: 340px; z-index: 999999; }
.pushmenu-right{
	right: -340px; }
.pushmenu-right.pushmenu-pushed{ 
	right: 0; }
#mobile-sider, 
.pushmenu-body {
	transition: all 0.6s ease-in; }
div#mobile-sider ul{
	border: none; display: block; margin: 0; padding: 0; }
div#mobile-sider ul li{
	border: none; border-collapse: collapse; display: block; margin: 0; line-height: 40px; }
div#mobile-sider ul li a.menupunkt{
	color: #ededed; display: block; font-size: calc(16px + 0.15vw); outline: none; padding: 8px 15px; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
div#mobile-sider ul li a.menupunktaktiv{
	color: #ededed; display: block; font-size: calc(16px + 0.15vw); font-weight: 700; outline: none; padding: 8px 15px; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
/* SIDR Menu fertig */

@media screen and (max-width:1860px) {
	div.pseudobox{
		display:none; }

}

@media screen and (max-width:1400px) {
	div#logoheader {
		display: none; }
	div#logoheader-mobile {
		display: block; }

}

@media screen and (max-width:1100px) {
	ul#languageList li#moblist{
		display: inline-block; }
	#headerimage{
		display: none; }
	#headerMobileimage{
		display: block; }
	div#language{
		right: 50px; }
	
}

@media screen and (max-width:999px) {
	span.arrowspan{
		display: inline-block; vertical-align: top; }
	div.alllinks{
		display: block }
	div.myButton{
		display: block; margin: 0px; margin-top: 20px; padding: 0; border: none; text-align: left; box-shadow: none; text-wrap: wrap; }
	div.myButton:hover{
		box-shadow: none; }
	div.myButton a:link,
	div.myButton a:visited{
		color: #696969; display: inline-block; padding: 0px; text-decoration: underline; transition: color .4s ease-in-out; }
	div.myButton a:hover,
	div.myButton a:active{
		color: #730217; ext-decoration: underline; }

}

@media screen and (max-width:799px) {
	main{
		padding: 0 25px; }
	div#logoheader-mobile {
		height: 70px; position: absolute; left: 20px; top: 40px; }
	div.content{
		padding: 0; }
	div.linkbox{
		padding: 0;  }
	div#language{
		right: 25px; }
	div#logoheader-mobile {
		left: 25px; }
	div#minheight{
		height: 310px; }
	footer{
		height: 310px; }
	div#mobileFooter{
		display: block; }
	div#normalFooter,
	div#smallFooter{
		display: none; }

}


@media screen and (max-width:580px) {
	div#smallFooter{
		display: block; }
	div#mobileFooter,
	div#normalFooter{
		display: none; }
	div.casinoinfo{
		display: block; }
	div.casinologo{
		display: block; }
	div.casinologo img{
		display: block; margin: 0 auto; }
	div.casinodata{
		display: block; text-align: center; }
	
}

@media screen and (max-width:400px) {
	div#logoheader-mobile {
		height: 50px; position: absolute; left: 20px; top: 50px; }
	ul#languageList li,
	ul#languageList li#moblist{
		margin-left: 20px; }
}