@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:#121421;}

#thisMS *,
#thisMS p,
#thisMS li,
#thisMS a{
	color:#FFF;
	font-family: 'Roboto_Bold';
}

#thisMS .aktion_beendet_header p{color:#ff0000;}
#thisMS .aktion_beendet_header{font-size:200%;text-align:center;font-weight:bold;position:absolute;z-index:5;padding:20px;border:5px solid red;
	left:50%;width:200px;text-align: center;margin-left:-100px;top:10%;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) ranslate(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);
}

#thisMS img.step-icon{max-width:100px;}
#thisMS .action-products img{max-width:400px;transition: all .4s ease 0s;border:10px solid transparent;}
#thisMS .action-products a:hover img{border:1px solid transparent;}
#thisMS .action-products a.ms_button{background:none;border:4px solid #fff;color:#fff;border-radius:50px;font-size:150%;}
#thisMS .action-products a.ms_button:before{display:none;}
#thisMS .action-products a.ms_button:hover{background-color:#fff;color:#000;}

#thisMS h5.ms_form_title{color:#fff;font-family: 'Roboto_Bold';text-align: center;}
#thisMS a.line{text-decoration: underline;}
#thisMS a.line:hover{text-decoration:none;}


#thisMS .cbKombis{color:#fff;padding:.5em;margin:1em;}
#thisMS .cbKombis strong{color:#fff;font-weight:bold;font-family: 'Roboto_Bold';}
#thisMS .tiny{font-size:100%}

#thisMS p.h1{font-family: 'Roboto_Bold';text-transform: uppercase;font-size:280%;text-align:center;}
#thisMS p.h2{font-family: 'Roboto_Bold';text-transform: uppercase;font-size:200%;text-align:center;color:#fff}
#thisMS p.h3{color:#fcfeff;text-transform: uppercase;}
#thisMS h2{margin:.5em 0 0 0;font-family: 'Roboto_Bold';font-size:550%;text-transform: uppercase;text-align:center;color:#fcfeff;}
#thisMS h2 strong, #thisMS p strong, #thisMS p a{color:#fcfeff;}
#thisMS p.teaser{font-size:150%;text-align:center;}
#thisMS p{font-family: 'Roboto_Medium'; text-align:center;}
#thisMS h2 + p strong{font-family: 'Roboto_Bold';}

#thisMS .table-striped>tbody>tr:nth-of-type(odd) {background-color:#462b29}
#thisMS .table-striped>tbody>tr:nth-of-type(even) {background-color:#643d3a}
#thisMS .table-striped>tbody>tr:nth-of-type(odd):hover {background-color:#756865;}
#thisMS .table-striped>tbody>tr:nth-of-type(even):hover {background-color:#584e4c;}
#thisMS .table-striped tr td:first-child, #thisMS .table-striped tr th:first-child{border-right:1px solid #555;}
/*#thisMS .table-striped tr td:not(#thisMS .table-striped tr td:first-child){width:100px;}*/
#thisMS .table-striped tr td:first-child{width:200px;}

#thisMS a.ms_prod_name{font-family: 'Roboto_Medium';height:45px;overflow:hidden;}
#thisMS a.ms_prod_img{display:block;}
#thisMS .price-box{height:50px;}
#thisMS .ms_prod_ust{margin-bottom:0;padding-bottom:0;}
#thisMS .products-row > div{padding:2em;}
#thisMS .not-available-text{color:#ff0000;font-family: 'Roboto_Bold';}

#thisMS .ms_button{background-color:#fff;color:#000;font-family: 'Roboto_Bold';font-style: bold;font-size:130%;border-radius:50px;}
#thisMS .ms_button_big{font-size:250%;padding:1em;}

#thisMS .instruction .center-block{margin:0 12em;}

@media (min-width:600px){
  #thisMS .instruction .center-block{margin:0 8em;}
}
@media (min-width:980px){
  #thisMS p.teaser{margin:.5em 3em;}
  #thisMS .instruction .center-block{margin:0 4em;}
  #thisMS .ms_prod_img{max-width: 300px !important}
}
@media (min-width:1680px){
  #thisMS p.teaser{margin:.5em 5em;}
  #thisMS .instruction .center-block{margin:0 8em;}
  #thisMS .ms_prod_img{max-width: 400px !important}
}