/******************************************************
******************* ALLGEMEIN *************************
*******************************************************/
body{
	background-image:url("../../../../../storage/app/public/adventkalender/kurier/img/2024/hintergrund_mobil2024.jpg");
	background-attachment:fixed;
	background-position:top center;
	background-size:cover;
	background-repeat:no-repeat;
	overflow-y:scroll;
}
.container-fluid{
	width:100%;
	max-width:1400px !important;
	margin:0 auto;
}

.container-fluid-navi{
	max-width:100% !important;
}
.desktop-navigation{
	margin:0 auto;
	width:100%;
	max-width:98% !important;
}
.w-85{
	width:85%;
}
.w-80{
	width:80%;
}
/******************************************************
********************** LAYOUT *************************
*******************************************************/
.calendar-wrapper{
	position:relative;
	min-height:1200px;
}


.calendar-taeglich{
	width:200px;
	position:absolute;
	top:-60px;
	right:80px;
	z-index:1;
}
.calendar-vorbei{
	width:90%;
	position:absolute;
	top:10%;
	left:5%;
	z-index:1;
}
.calendar-sterne{
	width:200px;
	position:absolute;
	bottom:-20px;
	right:-90px;
	z-index:10;
}

.calendar-header-title{
	background-color: rgba(255, 255, 255, 0.5);
	font-family:"Merriweather", sans-serif;
	font-weight:700;
	font-size:1.4rem;
	line-height:1.0 !important;
	letter-spacing:1px;
	color:#000000;
	/*border-radius:0.5rem;*/
	padding:1rem 1rem;
}

.kalender_container{
	position:relative;
	max-width:1400px;

}

.fenster-wrapper{
	z-index:30;
	min-height:800px;
}

.text-gold{
	color:#E7363D;
	font-weight:bold;
}

.calendar-card-teilnahme{
	margin-top:1rem;
	/*background-image:url("../../img/bg_nav2020.png");*/
	background-color:rgba(255, 255, 255, 0.5);
	/*border:2px solid #E7363D;*/
	border:none;
	position:relative;
}
.calendar-card-teilnahme .form-control{
	border:1px solid #D70005  !important;
	border-radius:0;
}

div[custom-box="true"] .card{
	border:2px solid #E7363D;
}


.box-white{
	background-color:rgba(255, 255, 255, 0.5) !important;
}

.calendar-card-tagesgewinn{
	background-color:rgba(255, 255, 255, 0.5);
	border:none;
	position:relative;
}
.calendar-card-tagesgewinn .card-header{
	background-color:transparent;
	color:#222222;
	font-family:"Merriweather", sans-serif;
	font-size:1.8rem;
	line-height:1 !important;
	letter-spacing:1px;
	padding:20px 20px 0 20px;
	font-weight:700;
}

.calendar-card-tagesgewinn .card-text, .calendar-card-teilnahme .card-text a, a:focus, a:visited, a:active, a:hover{
	color:#222222;
}

.tagesgewinn-sterne-left{
	width:120px;
	position:absolute;
	top:40px;
	left:0;
}
.tagesgewinn-sterne-right{
	width:120px;
	position:absolute;
	top:225px;
	right:0;
}

.calendar-card-tagesgewinn .tagesgewinn-sterne-left{
	left:-50px;
}

.calendar-card-tagesgewinn .tagesgewinn-sterne-right{
	right:-50px;
}


.title-wrapper{
	/*color:white;*/
	border-bottom:1px solid #8E8E8E;
	height:auto;
	margin-bottom:0;
}

.title-wrapper h2{
	margin-bottom:0.2rem;
}

.title-wrapper *{
	background-color:transparent;
	display:inline-block;
	padding-right:0;
}

.default-color{
	color:#FFFFFF !important;
}


.scroll-top{
	background-color:#222222;
	color:#FFFFFF !important;
	cursor:pointer;
	display:none;
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:99999;
	text-align:center;
	padding:1rem 1.2rem;
	border-radius:1.5rem;
}
.header_img{
	margin:0 auto;
	width:80%;
}


/******************************************************
********************** NAVIGATION *********************
*******************************************************/
.calendar-desktop-nav{
	background:none;
	border:none;
	margin-top:2%;
}
.calendar-desktop-nav .container-fluid{
	background:none;
	border:none;
	margin-top:2%;
}

.calendar-desktop-nav .row{
	background-color: rgba(255, 255, 255, 0.5); /* #E3EDEE */

}
.calendar-desktop-nav .row .align-items-center{
	rgba(255, 255, 255, 1.0)
}


.calendar-desktop-nav a{
	color:#000000 !important;
	font-size:1.1rem !important;
	padding:5px 10px;
	font-weight:bold;
}

.calendar-desktop-nav a.active{
	color:#FFFFFF !important;
	background-color:#E7363D;
/*	background:radial-gradient(circle, #d9bec1 0%, #df848f 5%, #D70005  96%);*/
}

.calendar-desktop-nav a:hover{
	color:#FFFFFF !important;
	background-color:#E7363D;
/*	background:radial-gradient(circle, #d9bec1 0%, #df848f 5%, #D70005  96%);*/
}

.calendar-mobile-nav{
	background:#E7363D;
/*	background:radial-gradient(circle, #d9bec1 0%, #df848f 5%, #D70005  96%);*/
	border-top:none;
	color:#FFFFFF !important;
	width:100%;
	padding:23px;
}

.calendar-mobile-nav .navbar-toggler{
	border:none;
	cursor:pointer;
	left:15px;
	padding:0;
	position:absolute;
	top:12px;
}

.navbar-light .navbar-toggler-icon{
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='4' stroke-linecap='square' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

.calendar-mobile-nav .navbar-brand{
	color:#FFFFFF !important;
	text-align:center;
	margin:0 auto;
}
.calendar-mobile-nav .navbar-nav{
	padding-top:10px;
}
.calendar-mobile-nav a{
	color:#FFFFFF !important;
}
.mobile-navi-wrapper .navbar-nav li.nav-item-calendar a{
	border-left:5px solid #E7363D !important;
}

/***********************************************************************
********************** JQUERY UI Überschreiben *************************
************************************************************************/
.ui-autocomplete{overflow-y:scroll; overflow-x:hidden !important; top:0px;max-height:250px;}
/** html .ui-autocomplete{ height: expression( this.scrollHeight > 250 ? "250px" : "auto" );} */
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-state-active.ui-button:hover{
	border:none;
	font-weight:normal;
}


/******************************************************
************************ CAROUSEL *********************
*******************************************************/
#gewinneCarousel{
	margin-top:45px !important;
}

#gewinneCarousel .carousel-control-prev, #gewinneCarousel .carousel-control-next{
	position:absolute;
	top:-50px;
	height:40px;
	width:40px;
	border-radius:50%;
	background-color:#E7363D;
/*	background-color:#d9bec1;
	background:radial-gradient(circle, #d9bec1 0%, #df848f 65%, #D70005  96%);*/
	text-align:center;
	color:#FFFFFF !important;
	opacity:1;
}
.carousel-control-prev-icon{
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon{
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.calendar-register-form{
	padding:0;
}
.card-price{
	/*padding:0 0.9rem;*/
}

.bg_transparent{
	background-color:rgba(255, 255, 255, 0.5)
}

/***********************************************************************
********************** TAGESKASTERL ************************************
************************************************************************/


.shadow-sm{
	box-shadow:0 1.125rem 1.25rem rgba(0, 0, 0, .45) !important;
}



.card-active img{
	border:8px solid #E7363D;
}
.card-inactive img{
	border:3px solid #ffffff;
}


#schmuck1{ position:absolute; left:17.2%;top:10%; width:18.4%; height:35%; }
#schmuck2{ position:absolute; left:37.4%;top:15.3%;width:18.4%; height:27%;display:none; }
#schmuck3{ position:absolute; left:50.4%; top:26.7%; width:20.1%; height:37%; }
#schmuck4{ position:absolute; left:28.4%; top:60%; width:15.5%; height:29%;}
#schmuck5{ position:absolute; left:49.4%; top:65%; width:16.5%; height:26%; }
#schmuck6{ position:absolute; left:71.4%; top:69%; width:16.5%; height:32%; }

#t1{ position:absolute; left:59.0%;top:33%;width:9.9%;height:12%; }

#t2{ position:absolute; left:15%; top:68.8%; width:8.2%; height:13%; }

#t3{ position:absolute; left:79.8%; top:35.9%; width:6.2%; height:11%; }

#t4{ position:absolute; left:68%; top:76%; width:7.4%; height:13%; }

#t5{ position:absolute; left:46.5%; top:8%; width:9%; height:12%;}

#t6{ position:absolute; left:47%; top:31%; width:9.3%; height:22%; }

#t7{ position:absolute; left:27%; top:81.5%; width:5.3%; height:12% }

#t8{ position:absolute; left:36%; top:78%; width:9.2%; height:17.6%; }

#t9{ position:absolute; left:30.2%; top:3.4%; width:14%; height:17%; }

#t10{ position:absolute; left:28.3%; top:36%; width:7.8%; height:10.6%; }

#t11{ position:absolute; left:19%; top:11.5%; width:8.0%; height:13.5%; }

#t12{ position:absolute; left:63.6%; top:54%; width:8.5%; height:10%; }

#t13{ position:absolute; left:16.5%; top:31%; width:6.5%; height:12.8%; }

#t14{ position:absolute; left:57%; top:10%; width:10%; height:10.1%;}

#t15{ position:absolute; left:71%; top:10.8%; width:12.2%; height:18%; }

#t16{ position:absolute; left:77%; top:68%; width:10%; height:14.5%; }

#t17{ position:absolute; left:46%; top:71%; width:5.4%; height:9.7%; }

#t18{ position:absolute; left:71.6%;top:37%; width:5.3%; height:9.8%; }

#t19{ position:absolute; left:74%; top:49%; width:9%; height:14.2%;}

#t20{ position:absolute; left:39.3%; top:37%; width:4.8%; height:9.3%;}

#t21{ position:absolute; left:25%; top:55.8%; width:11.2%; height:14%; }

#t22{ position:absolute; left:53%;top:73%;width:12.1%;height:15.7%; }

#t23{ position:absolute; left:15.8%; top:50%; width:6.5%; height:10%;}


#t24{ position:absolute; left:40.4%; top:52%; width:19.5%; height:10%; }


#mob_t{ padding-top:6%;width:90%;}


/******************************************************
********************** MEDIA **************************
*******************************************************/
/* Small devices (landscape phones, 576px and up) */
@media (min-width:576px){
	.modal-lg{
		margin-right:10px;
		margin-left:10px;
	}

	.calendar-card-tagesgewinn .card-text, .calendar-card-teilnahme .card-text{
		padding:10px 80px;
	}


}

/* Medium devices (tablets, 768px and up) */
@media (min-width:768px){

	.calendar-taeglich{
		top: -93px;
		width: 150px;
		right: 100px;
	}

	.calendar-vorbei{
		top:20%;
		width:50%;
		left:25%;
	}

}

/* Large devices (desktops, 992px and up) */
@media (min-width:992px){
	body{
		background-image:url("../../../../../storage/app/public/adventkalender/kurier/img/2024/hintergrund2024.jpg");
	}


	.calendar-taeglich{
		top: -105px;
		width: 150px;
		right: 165px;
	}

	.calendar-vorbei{
		top:20%;
		width:50%;
		left:25%;
	}

	.calendar-wrapper{
		padding:2rem 0rem;
	}

	.calendar-register-form{
		/*padding:0 12rem;*/
	}

	.calendar-header-title{
		font-size:2.0rem;
		padding:1rem 3rem;
	}

	.calendar-card-tagesgewinn .card-header{
		font-size:2.5rem;
	}

	.modal-lg{
		margin-right:auto;
		margin-left:auto;
	}

	#gewinneCarousel{
		margin-top:0 !important;
	}

	#gewinneCarousel .carousel-control-prev, #gewinneCarousel .carousel-control-next{
		position:absolute;
		top:300px;
		height:40px;
		width:40px;
		border-radius:50%;
		background-color:#E7363D;
		text-align:center;
		color:#FFFFFF !important;
		opacity:1;
	}

	#gewinneCarousel .carousel-control-prev{
		left:-65px;
	}

	#gewinneCarousel .carousel-control-next{
		right:-65px;
	}

	.header_img{
		width:80%;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width:1200px){
	.calendar-taeglich{
		top: -140px;
		width: 200px;
		right: 211px;
	}

	.calendar-vorbei{
		top:30%;
		width:50%;
		left:25%;
	}


}

/* Extra extra large devices (large desktops, 1200px and up) */
@media (min-width:1990px){
	.calendar-taeglich{
		top: -140px;
		width: 200px;
		right: 211px;
	}

	.calendar-vorbei{
		top:30%;
		left:25%;
	}

	.header_img{
		width:60%;
	}


}