/* GLOBAL FONTS && FRAMEWORK FIX */
/* https://css-tricks.com/considerations-styling-modal/ */


@import url('../../../../global/ms_fonts.css');

.btn.btn-default.btn-block{display:none;}

/* *********************************** ***************** */

#thisMS{
  background-color:#a0bec5;
	background-color: #fff;
  background-position:center top;
  background-repeat: no-repeat;
  background-size:800px;  
  background-image:url("../../../images/microsite_images/Adventskalender2025/bg.webp");
  background-repeat: no-repeat;
}

@media (min-width:980px){
	#thisMS{background-size:auto;}
}

@media (min-width:1680px){
	#thisMS{background-size:contain;}
}

#thisMS .beendetText{color:#FF0000;font-size:200%;text-align:center;font-weight:bold;position:absolute;z-index:5;padding:20px;border:5px solid red;
	left:20%;top:10%;
  background: rgba(0, 0, 0); /* Fallback */
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 10px 5px rgba(255,255,255,1);
  -moz-box-shadow: 0px 0px 10px 5px rgba(255,255,255,1);
  box-shadow: 0px 0px 10px 5px rgba(255,255,255,1);
  text-shadow: 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1);
  transform: rotate(343deg) scale(1) skew(1deg) translate(0px);
  -webkit-transform: rotate(343deg) scale(1) skew(1deg) translate(0px);
  -moz-transform: rotate(343deg) scale(1) skew(1deg) translate(0px);
  -o-transform: rotate(343deg) scale(1) skew(1deg) translate(0px);
  -ms-transform: rotate(343deg) scale(1) skew(1deg) translate(0px);
	 left:50%;margin-left:-160px;top:5%;
}

#thisMS .sent_text p{color:green;text-align:center;font-size:120%;}
#thisMS .today-pulse{animation: pulsate 1.2s ease-out;animation-iteration-count: infinite;}  

#thisMS line{border:solid grey 1px}

/* Modal */
#thisMS .layer-fade{position:absolute;z-index:9;left:0;right:0;bottom:0;top:0;background: rgba(255, 255, 255, .6);display:none;}
#thisMS .layer-content{margin:30px;}
#thisMS .modal-content{font-family:"Roboto_Medium";border-radius:0;border:none;padding:2em;}
#thisMS .modal-content p.h2{font-family:"Roboto_Condensed_Bold", "opensans_bold";color:#fff;text-align:center;font-size:180%;margin:0;padding:0;color:#000;}
#thisMS .modal-content p.h3{font-family:"Roboto_Light";font-weight:normal;margin:0;padding:0;text-align:center;}
#thisMS .input-vvimg-code input{height:70px;font-size:150%;}
#thisMS .input-vvimg-code{padding-right:18px;}
#thisMS .vvimg img{height:70px;border-radius:.5em;margin-top:3px;width:100%;margin-left:5px;}
#thisMS .form-values input{margin:.3em;}
#thisMS .form-values p.h2{padding:.5em 0;}
#thisMS p.price-title{padding-bottom:.5em !important;}

#thisMS .form-parent{background:#eee;padding-bottom:1.5em;}
#thisMS .form-parent a, #thisMS .price-text a{text-decoration:underline !important;}
#thisMS .form-parent a:hover, #thisMS .price-text a:hover{text-decoration:none !important;}

#thisMS .price-background{display: block;background-image: url(../../../images/microsite_images/Adventskalender2023/prizes/background.webp);background-repeat: no-repeat;background-position: center;background-size:contain;}



/* sponsoren */
#thisMS .area-sponsoren p.h2{font-family:"Roboto_Condensed_Bold", "opensans_bold";text-align: center;}
#thisMS .sponsoren{display:flex;flex-wrap: wrap;padding-top:2em;align-items: center;}
#thisMS .sponsor{display:flex;flex: 1 0 27%;max-width:27%;margin:10px;vertical-align: middle;height:100%;padding:0 1em;}
#thisMS .sponsor img{max-width:100%;max-height:100px;}
/*#thisMS .sponsorbreak{display:table-row;}*/


@media (min-width:600px){#thisMS .sponsor{display:flex;flex: 1 0 20%;max-width:20%;}}
@media (min-width:980px){#thisMS .sponsor{display:flex;flex: 1 0 15%;max-width:15%;}}
@media (min-width:1680px){#thisMS .sponsor{display:flex;flex: 1 0 12%;max-width:12%;}}



/* Reminder */
#thisMS .reminder-pos{background:#fff;padding-bottom:20px;position: relative;z-index:2;}
#thisMS .reminder-form{}
#thisMS .reminder-form p.h2{font-size:135%;background:#00247c;font-family:"Roboto_Condensed_Bold", "opensans_bold";color:#fff;color:#FFF;padding:.5em 0;margin:0 0 0 0;text-align: center;}
#thisMS .reminder-form p.h2 .glyphicon{margin-right:1em;}
#thisMS .reminder-form p.h3{font-family:"Roboto_Condensed_Bold", "opensans_bold";text-transform: none;padding:1em 0;}
#thisMS .sent_text p{font-family:"Roboto_Medium";font-size:150%;text-align: center;color:#031849}
#thisMS .sent_text span{font-size:120%;color:#000;display:block;color:#00247B;font-family:"Roboto_Bold";}
#thisMS .sent_text_block{background:rgba(255,255,255,1.00);border-radius:5px;padding:.5em;margin-top:.5em;}
#thisMS .reminder-form .btn-primary{background-color:#00247c}

/* snow falling */
#thisMS .snow-container {position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index: 100;opacity: 1;}
#thisMS .snow {position: absolute;background-color: #fff;border-radius: 50%;opacity: 0;animation: fall linear infinite;}

/* title */
#thisMS .logo-calendar{padding:30px;margin-top:10px;}
#thisMS .logo-calendar img{margin-top:1em;}

@media (min-width:980px){
	#thisMS .logo-calendar{margin-top:60px;}
	#thisMS .logo-calendar img{margin-top:5em;}
}


/* X-Mas Icons top */
#thisMS .xmas-icons{position: absolute;width:1150px;margin-left:100px;margin-top:20px;}
#thisMS .xmas-icons > div{width:35px;position: absolute;}
#thisMS .xmas-icons > .icon-deer{-moz-transform: rotate(350deg);-webkit-transform: rotate(350deg);-o-transform: rotate(350deg);-ms-transform: rotate(350deg);transform: rotate(350deg);}
#thisMS .xmas-icons > .icon-star{width:65px;margin-left:200px;-moz-transform: rotate(350deg);-webkit-transform: rotate(350deg);-o-transform: rotate(350deg);-ms-transform: rotate(350deg);transform: rotate(350deg);}
#thisMS .xmas-icons > .icon-gingerbreadman{width:150px;margin-left:950px;-moz-transform: rotate(20deg);-webkit-transform: rotate(20deg);-o-transform: rotate(20deg);-ms-transform: rotate(20deg);transform: rotate(20deg);}

@media (min-width:980px){
	#thisMS .xmas-icons{margin-top:100px;}
	#thisMS .xmas-icons > div{width:165px;}
	#thisMS .xmas-icons > .icon-star{width:100px;}
}




/* main bowl center */
#thisMS #center-door{cursor: pointer; position: absolute;text-align: center;display: flex;justify-content: center;align-items: center;margin-top:0;width:400px;height:400px;left:50%;margin-left:-200px;-webkit-clip-path: circle(200px at center);}
#thisMS #center-door > div{position: absolute;text-align: center;background:rgba(255,255,255,.5);display: flex;justify-content: center;align-items: center;margin-top:0;-webkit-clip-path: ellipse(410px 200px at 50% 34%);width:400px;height:400px;left:50%;margin-left:-200px;}
#thisMS span#big-number{position: absolute;z-index:1;color:#00247B;display:inline-block;vertical-align: middle;opacity:.2;font-family:opensans_bold;font-weight:bold;letter-spacing:-2px;font-size:500px;}
#thisMS span#center-number{position: absolute;z-index:3;color:#00247B;display:inline-block;vertical-align: middle;font-family:opensans_bold;font-weight:bold;letter-spacing:-2px;font-size:200px;}
#thisMS span#center-number-shadow{position: absolute;z-index:2;opacity:.3;transform: scale(1, .1);color:transparent;text-shadow: 0 25px 25px #000;display:inline-block;vertical-align: middle;font-family:opensans_bold;font-weight:bold;letter-spacing:-2px;font-size:200px;margin-top:200px;}

@media (min-width:980px){
	#thisMS #center-door{width:740px;height:740px;left:50%;margin-left:-380px;-webkit-clip-path: circle(360px at center);}
	#thisMS #center-door > div{-webkit-clip-path: ellipse(750px 400px at 50% 34%);width:740px;height:740px;left:50%;margin-left:-380px;}
	#thisMS span#big-number{font-size:820px;}
	#thisMS span#center-number{font-size:250px;}
	#thisMS span#center-number-shadow{font-size:250px;margin-top:200px;}
}




/* door ani */
#thisMS .door{position: relative;flex: 1 0 33%;width:120px;height:120px;transition: all 0.5s ease-in-out;color:#fff;background-image:url(../../../images/microsite_images/Adventskalender2025/kugel.webp);background-repeat:no-repeat;background-size:contain;background-position: center center;transition: -webkit-transform 1s ease-in;-webkit-transform-style: preserve-3d;}
#thisMS .door .front-door, #thisMS .door .back-door{position: absolute;/*-webkit-backface-visibility: hidden;*/top:0;left:0;bottom:0;right:0;}
#thisMS .door .front-door{z-index:100;}
#thisMS .door .back-door{-webkit-transform: rotateY(-180deg);}
#thisMS .door.front-open .back-door{opacity:0;}
#thisMS .door.back-open .front-door{opacity:0;}
#thisMS .door-number{font-family:opensans_bold;letter-spacing: -2px;position: absolute;right:20px;bottom:0;font-size:36px;color:#fff;text-shadow: 0 0 2px #000,4px 3px 0px #7A7A7A;}


#thisMS .door.front-open {
-webkit-animation: flipFront 1s ease-out forwards;
-moz-animation: flipFront 1s ease-out forwards;
	-o-animation: flipFront 1s ease-out forwards;
		 animation: flipFront 1s ease-out forwards;
}
#thisMS .door.back-open {
-webkit-animation: flipBack 1s ease-out forwards;
-moz-animation: flipBack 1s ease-out forwards;
	-o-animation: flipBack 1s ease-out forwards;
		 animation: flipBack 1s ease-out forwards;
}


@-webkit-keyframes flipFront {
	from { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); transform: rotateY(0); }
	to { -webkit-transform: rotateY(1800deg); -moz-transform: rotateY(1800deg); transform: rotateY(1800deg); }
}
@-webkit-keyframes flipBack {
	from { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); transform: rotateY(0); }
	to { -webkit-transform: rotateY(1980deg); -moz-transform: rotateY(1980eg); transform: rotateY(1980deg); }
}



#thisMS .calendar-doors{margin-top:23em;padding-right:30px;}
#thisMS .calendar-doors > .row{padding:30px;display:flex;flex-wrap: wrap;}
#thisMS img.manufacturer-logo-today{display:block;padding-top:3.0em;padding-bottom:2.5em;}
#thisMS img.manufacturer-logo{width:46%;margin:0 0 0 27%;display:block;padding-top:4.0em;padding-bottom:3.5em;}
#thisMS img.present-image{width:60%;margin:0 0 0 23%;padding-top:1em;display:block;}


@media (min-width:600px){			
  /* Modal */  
  #thisMS .modal-content{background:none;}
  #thisMS .modal-content:after{content:"";/*background-image: url(../../../images/microsite_images/Adventskalender2018/background.jpg);*/opacity:.99;position:absolute;z-index:-1;background:#fff;top:0;left:0;bottom:0;right:0;}
  #thisMS .calendar-doors{/*min-height:1500px;*/}
  #thisMS .calendar-doors > .row{padding:30px;}
	#thisMS .door{flex: 1 0 21%;
}

@media (min-width:980px){	 	
	#thisMS .calendar-doors{min-height:800px;}
	#thisMS .door{flex: 1 0 20%;}
	#thisMS .door-number{letter-spacing: -2px;right:40px;bottom:-10px;font-size:50px;}
}

@media (min-width:1680px){	
	#thisMS .reminder-pos{border-radius:5px;-webkit-box-shadow: 5px 5px 15px 5px #000000; box-shadow: 5px 5px 15px 5px #000000;}	
  #thisMS .calendar-doors{min-height:1500px;margin-top:-80px;}  
	#thisMS .calendar-doors > .row{padding:0 !important;}
	
	#thisMS img.manufacturer-logo-today{padding-top:3.5em;}
	#thisMS img.manufacturer-logo{width:120px;margin:0 0 0 15px;padding-top:4.5em;}
	#thisMS img.present-image{width:100%;margin:0 0 0 0%;padding-top:.5em;}
	
	#thisMS .reminder-form {background-color:#fff}
	/*#thisMS .area-sponsoren{margin-top:20px;}*/
	
	#thisMS .door-number{letter-spacing: -2px;right:0;bottom:-20px;font-size:60px;}
	
  #thisMS .door{width:150px;height:150px;position: absolute;z-index:3;}		
	#thisMS .door > span{text-align: center;display: flex;width:100%;justify-content: center;align-items: center;}
		
  #thisMS .door1{margin:0 0 0 200px}
  #thisMS .door2{margin:0 0 0 1066px}
	
  #thisMS .door3{margin:150px 0 0 50px} 
  #thisMS .door4{margin:150px 0 0 1200px}	
	
  #thisMS .door5{margin:300px 0 0 200px}	
  #thisMS .door6{margin:300px 0 0 1066px}
	
  #thisMS .door7{margin:450px 0 0 50px}    
  #thisMS .door8{margin:450px 0 0 1200px}
		
  #thisMS .door9{margin:600px 0 0 200px}
  #thisMS .door10{margin:600px 0 0 1066px;}
  
  #thisMS .door11{margin:750px 0 0 50px}
  #thisMS .door12{margin:750px 0 0 1200px}  
  #thisMS .door13{margin:750px 0 0 350px}
  #thisMS .door14{margin:750px 0 0 916px}  

	#thisMS .door15{margin:900px 0 0 200px}
  #thisMS .door16{margin:900px 0 0 1066px}
  #thisMS .door17{margin:900px 0 0 485px}
  #thisMS .door18{margin:900px 0 0 730px}  
  
  #thisMS .door19{margin:1050px 0 0 50px}    
  #thisMS .door20{margin:1050px 0 0 335px}
  #thisMS .door21{margin:1050px 0 0 916px}  
	#thisMS .door22{margin:1050px 0 0 1200px}
  #thisMS .door23{margin:1050px 0 0 600px}
		
  #thisMS .door24{margin:1200px 0 0 485px}
  #thisMS .door25{margin:1200px 0 0 730px}
  #thisMS .door26{margin:1350px 0 0 600px}
}

@keyframes shine{
  0% {opacity:0;}
  50% {opacity:0.5;}
  100% {opacity:0;}
}

@keyframes fall {
	0% {transform: translateY(-10px) translateX(0);opacity: 0;}
	10% {opacity: 0.8;}
	100% {transform: translateY(var(--fall-height)) translateX(var(--fall-distance));opacity: 0;}
}