@charset "utf-8";
/****************************************/
/* GLOBAL FONTS && FRAMEWORK FIX */
@import url('../../../../global/ms_framework.css');
/****************************************/

/* queries
@media (min-width:600px)
@media (min-width:980px)
@media (min-width:1680px)
*/

/* CSS STYLE FOR MS */
#thisMS {background:#FFF;border:1px solid #cecece;}

#thisMS *,
#thisMS p,
#thisMS li{
	color:#00247B;
	font-family: 'opensans_regular'
}

#thisMS .header{background-image: url("../../../images/microsite_images/Hersteller_des_Jahres_2023/header.webp");background-repeat: no-repeat;background-size:cover;}


#thisMS h1{font-size:350%;font-family: 'opensans_bold';text-transform:uppercase;color:#fff;margin:30px 0 1em 30px;}
#thisMS p.h2{font-size:200%;font-family: 'opensans_bold';margin-top:30px;}
#thisMS h4.categories{font-size:200%;font-family: 'opensans_bold';margin-top:30px;text-align: center;color:#00247B;}
#thisMS p.h3{font-size:180%;font-family: 'opensans_bold';margin-top:80px;}
#thisMS p.h4{font-size:100%;font-family: 'opensans_bold';margin-top:30px;color:#00247B;padding:0;margin:0;}
#thisMS p{margin-left:30px;}
#thisMS p.tiny{font-size:100%;}
#thisMS .headervid{display:none;}

#thisMS .instruction{border:1px solid #CECECE;margin:30px;}
#thisMS .icon-instr{margin-top:30px;}

#thisMS .voting-form{background-color:#e4f2ff;}


#thisMS .video-container{width:450px ;height:801px;}
#thisMS .video{padding:0 0 1em 0}

@media (min-width:900px){
	#thisMS .video{padding:0 0 1em 8em !important}
}

@media (min-width:1680px){
  #thisMS h1{margin:2em 0 1em 30px;}
  #thisMS .award-col{right:0;margin-top:-130px;position: absolute;z-index:3;}
  #thisMS .headercont{position: relative;z-index:2;}
  #thisMS .headervid{display:block;position: absolute;width:1185px;height:235px;overflow:hidden;z-index:1;opacity:.3;}
  #thisMS .headervid video{width:1185px !important;height:300px;object-fit: fill !important;}
	#thisMS .video{padding:0 0 2em 3em !important}
}
/* for debug styling formular */
/*#thisMS .aktion_beendet{display:none;}*/

#thisMS .ms_button{background-color:#FFF;color:#00247B;font-family: 'opensans_bold';}
#thisMS .ms_button:after {content: none;}
#thisMS button[type="submit"]{background-color:#00247B;color:#FFF;font-size:200%;border-radius:0;}

#thisMS .voting-form input[type="radio"]{position:absolute;visibility:hidden;top:40%;left:1em;z-index:2;cursor:pointer;}
/*#thisMS .voting-form .check{border: 2px solid #d7d7d7;border-radius: 100%;height: 20px;width: 20px;position:absolute;top:5%;left:1em;z-index:1;}*/
#thisMS .voting-form  label{display:block;padding:.5em;margin:0;text-align: center;border-bottom:1px solid #cecece;}
#thisMS .voting-form  label img{max-width:100px;max-height:25px;display:inline-block;text-align: center;}
#thisMS .voting-form li:hover label{background-color:#f7f7f7;cursor:pointer;}
#thisMS .voting-form input[type=radio]:checked ~ label{border:2px solid #00247B;background-color:#effaf2;-webkit-box-shadow: 0px 0px 10px 3px rgba(215,215,215,1);-moz-box-shadow: 0px 0px 10px 3px rgba(215,215,215,1);box-shadow: 0px 0px 10px 3px rgba(215,215,215,1);}
#thisMS .dropdown-menu{margin-top:-18px;max-height:300px;overflow-y:auto;}

#thisMS .dropdown button{width:200px;margin:5px 0 30px 0;}
#thisMS .dropdown-menu{width:200px;}
#thisMS .dropdown button img{max-width:100px;max-height:13px;display:inline-block;text-align: center;}
#thisMS .msres_formarea h5{font-size:200%;font-family: 'opensans_bold';margin-top:30px;color:#00247B;}
#thisMS .msres_formarea .msres_formarea{background-color:rgba(255,255,255,0.2);}

#thisMS .glow{background-image:url(../../../images/microsite_images/Hersteller_des_Jahres_2023/awards/glow.webp);background-repeat: no-repeat;}
/*
#thisMS h2{font-size:200%;font-family: 'opensans_regular'}
#thisMS h3{font-size:200%;font-family: 'opensans_bold';}
#thisMS h4{font-size:200%;font-family: 'opensans_regular';}
#thisMS h4.categories{font-size:200%;font-family: 'opensans_regular';text-align: center;text-transform:uppercase;padding-top:2em}
#thisMS h5{font-size:300%;font-family: 'opensans_bold';}
#thisMS p{font-size:150%;}

#thisMS .ms_button{background-color:#00fffc;color:#000;font-family: 'opensans_bold';font-size:150%;text-align:center;padding:1em;text-transform: uppercase}

#thisMS hr{border-top:1px solid #00fffc;}

#thisMS input[type="radio"]{
    width: 20px;
    height: 20px;
}

#thisMS .video-container{margin:2em 0}
#thisMS img.awards{padding:0.5em 0}
*/