.widintro{
	display: flex; 
	gap: 2em;
	align-items: center; 
}
.widintro>img{
	width: 320px; 
}

.widform{
	box-sizing: border-box; 
}
.widform *{
	box-sizing: border-box; 
}
.widform .widrow{
	display: grid; 
	grid-template-columns: 1fr 1.5fr; 
	gap: 1em; 
	max-width: 600px;
	
}
.widform .widrow input{
	width: 100%; 
}

.widform .widfull{
	max-width: 600px;
	
}
.widform .widfull input{
	width: 100%; 
}
.widform .widfull textarea{
	width: 100%; 
	height: 5em; 
	background-color: white; 
	resize: vertical;
}

.widform .widcheck,
.widform .widfull,
.widform .widrow{
	margin-bottom: 1.5em; 
}

.widform .widcheck .input_row_checkbox_left{
	display: flex; 
	gap: 0.5em; 
	margin-bottom: 0.5em; 
}

.widform input[type="text"],
.widform input[type="date"]{
	background-color: white; 
	border: 1px solid #3E030D; 
	min-height: 1.5em; 
	color: black; 
	padding: 0.5em;
}
.widform input[type="text"]:not(:placeholder-shown),
.widform input[type="date"]:valid{
	border: 1px solid #033E0D;  
}

.widform input[type="text"]:focus,
.widform input[type="date"]:focus,
.widform input[type="radio"]:focus,
.widform input[type="checkbox"]:focus{
	border: 1px solid #033E0D; 
	box-shadow: 0 0 20px #0004;
}


.widform p.error, .widform span.error, .widform div.error, .widform .error a{
	color: #690516!important; 
} 

.widform input[type="radio"],
.widform input[type="checkbox"]{
	-webkit-appearance: none; 
	appearance: none;
	border: 1px solid #3e030d;
	background-color: white;
	position: relative;
	flex-shrink: 0; 
}

.widform input[type="radio"]:disabled+label, .widform input[type="checkbox"]:disabled+label,
.widform input[type="radio"]:disabled, .widform input[type="checkbox"]:disabled{
	opacity: 0.5; 
	filter: saturate(0);
}

.widform input[type="radio"]{
	border-radius: 100%;
}


.widform input[type="radio"]:checked,
.widform input[type="checkbox"]:checked{
	border-color: #033E0D; 
}
.widform input[type="radio"]:checked:before,
.widform input[type="checkbox"]:checked:before{
	background-color: #333; 
	content: ""; 
	position: absolute; 
	inset: 2px; 
}

.widform input[type="radio"]:checked:before{
	border-radius: 100%; 
}
.widform label{
	cursor: pointer;
}


.casino.page .widform input[type="radio"],
.casino.page .widform input[type="checkbox"]{
	background-color: black;
	border: 1px solid var(--deko-color); 
}


.casino.page .widform input[type="radio"]:checked:before,
.casino.page .widform input[type="checkbox"]:checked:before{
	background-color: var(--deko-color); 
}

.casino.page .widform input[type="text"],
.casino.page .widform input[type="date"],
.casino.page .widform textarea{
	border: 1px solid var(--deko-color); 
	background-color: #000000;
	color: white; 
}


.casino.page .widform input[type="text"]:focus,
.casino.page .widform input[type="date"]:focus,
.casino.page .widform textarea:focus{
	background-color: #1F1F1F;
}

.casino.page .widform input[type="text"]:not(:placeholder-shown),
.casino.page .widform input[type="date"]:valid,
.casino.page .widform textarea:not(:placeholder-shown){
	border: 1px solid var(--deko-color);  
}

.casino.page input[type=text], 
.casino.page input[type=number], 
.casino.page input[type=password], 
.casino.page textarea, 
.casino.page select {
	box-shadow: none;
}

.casino.page .widform p.error, 
.casino.page .widform span.error, 
.casino.page .widform div.error, 
.casino.page .widform .error a {
	color: #b31111 !important;
}


.casino.page .widform input[type="text"].error,
.casino.page .widform input[type="date"].error,
.casino.page .widform textarea.error{
	border-color: #b31111;
}


@media(max-width: 767px){
	.widintro{
		flex-direction: column; 
	}
	.widform .widrow{
		display: flex; 
		flex-direction: column; 
	}

}




.warning{
	position: fixed;
	top:0;
	left:0; 
	z-index: 1000060;
	width: 100vw;
	height: 100vh;
	justify-content: center;
	align-items: center;
	flex-direction:column;
	background-color: #fff8;
	display: none;
	transition: all 0.3s ease;
	box-sizing: border-box; 
}
.warning *{
	box-sizing: border-box; 
}
.warning.warning-show{
	display: flex; 
	animation-name: warning-show; 
	animation-duration: 0.5s; 
	animation-delay: 0s;
	animation-iteration-count: 1; 
	animation-fill-mode: forwards; 
	opacity: 0; 
	transition: all 1s ease; 
	
}
.warning.warning-show .warning-wrapper{
	animation-name: warning-wrapper-show; 
	animation-duration: 0.5s; 
	animation-delay: 0s;
	animation-iteration-count: 1; 
	animation-fill-mode: forwards; 
	scale: 0; 
	opacity: 0; 
	transition: all 1s ease; 
	
}
.warning.warning-show.warning-hide .warning-wrapper{
	animation-name: warning-wrapper-hide; 
	animation-delay: 0s; 
}
.warning.warning-show.warning-hide{
	opacity: 0; 
	animation-name: warning-hide; 
	animation-delay: 0s; 
}

@keyframes warning-show{
	0%{
		opacity: 0; 
	}
	100%{
		opacity: 1; 
	}
}
@keyframes warning-hide{
	0%{
		opacity: 1; 
	}
	100%{
		opacity: 0; 
	}
}
@keyframes warning-wrapper-show{
	0%{
		scale: 0; 
		opacity: 0; 
	}
	100%{
		scale: 1; 
		opacity: 1; 
	}
}
@keyframes warning-wrapper-hide{
	100%{
		scale: 0; 
		opacity: 0; 
	}
	0%{
		scale: 1; 
		opacity: 1; 
	}
}
.warning-wrapper{
	background-color: white;
	text-align: center;
	padding: calc(10px + 1vw);
	border: 10px solid white;
	border-radius: 10px;
	box-shadow: 4px 4px 10px #0006;
	position: relative;
	width: 565px;
	max-width: 90vw;
}
.warning-wrapper-inner{
	max-height: calc(100vh - 100px);
	overflow-y: auto;
	overflow-x: hidden;
}
.warning h2{
    font-size: 10vw;
    line-height: 1.15;
    margin-bottom: 0;
}
.warning, 
.warning p{
    font-size: 16px;
    line-height: 1.35;
}
.warning a.close{
    position:absolute;
    top: -22.5px;
    right: -27.5px;
    font-size: 35px;
    background-color:white;
    border-radius: 100%;
    width: 45px;
    height: 45px;
    box-shadow: 4px 4px 10px #0008;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 1;
}
.warning a.close>span:first-child{
	position: absolute;
	left: 50%; 
	top: 50%; 
	width: 60%; 
	height: 4px; 
	border-radius: 2px; 
	transform: translateX(-50%) translateY(-50%)  rotateZ(45deg) ;
	background-color: #3E030D;
}
.warning a.close>span:last-child{
	position: absolute;
	left: 50%; 
	top: 50%; 
	height: 60%; 
	width: 4px; 
	border-radius: 2px; 
	transform: translateX(-50%) translateY(-50%)  rotateZ(45deg) ;
	background-color: #3E030D;
}
.warning a.close:hover>span:first-child,
.warning a.close:hover>span:last-child{
	background-color: #690516;
}
 
.stopoverflow{
    overflow-x: hidden;
    overflow-y: hidden;
}

.casino.page{
	--deko-color: #fbc24f; 
	background-color: black; 
	color: white; 
} 

.casino.page h1, .casino.page h2 {
	font-size: 40pt;
	color: var(--deko-color);
}

.casino.page section .form_button, .casino.page section .form_button:link, .casino.page section .form_button:visited, .casino.page section input[type=submit], .casino.page section input[type=button] {
	background-color: var(--deko-color);
	border: 0px solid var(--deko-color);
	color: black; 
}
.casino.page section .form_button:hover, .casino.page section .form_button:link:hover, .casino.page section .form_button:visited:hover, .casino.page section input[type=submit]:hover, .casino.page section input[type=button]:hover {
	background-color: #ae8025;
}
.casino.page .bkg_color2 {
	background-color: #050505 !important;
}
.casino.page section li {
	filter: brightness(6);
}
.casino.page section a {
	color: white; 
}
@media only screen and (max-width: 960px) {
	.casino.page .intro_section .col-md-2:nth-child(2) {
		aspect-ratio: 3 / 2;
		width: 100% !important;
		height: auto;
	}
	.casino.page .intro_section .row {
		display: flex; 
		flex-direction: column-reverse; 
	}
}

*,*:after,*:before{
	/* outline: 2px solid red */
}

.teaserBlack{
	background-color: black; 
	color: white;
}

.teaserBlack h3{
	color: #fbc24f;
}
.teaserBlack h4{
	background-color: #fbc24f;
	color: black; 
}
.teaserBlack .more{
	color: white;
}
.teaserBlack .more:after{
	border-color: white; 
}
.teaserBlack .more:hover{
	color: #fbc24f;
}
.teaserBlack .more:hover:after{
	border-color: #fbc24f; 
}

.form_button.btn_yellow{
	background-color: #fbc24f;
	color: black; 
}

.form_button.btn_yellow:hover{
	background-color: #ae8025;
}