/* pixel */
.pixel_calculations_rp .pixmultiheader, #steperror_1_2{display:none}
.pixel_right_form{transition:background-color 2s}
.pixel_right_form option.safari_off{opacity:0;height:0;width:0;overflow:hidden}
.pixel_calculations_rp .pixoptions_divcellleft{display:none}
.pix_calc_rp .mp_old_price{color:#f00;text-decoration:line-through}
.pix_calc_rp .mp_promo{color:#fff;background:#f00;padding:0 3px;margin-left:3px}
#rp09.pixoptions_divpricecellleft span{display:none}
.dimensions_con .img_dimensions{object-fit: contain}
/* id */
#info_about_manual_operation{display:none}
#err_inf_rp, #info_about_manual_operation{background:red;padding:10px 20px;line-height:18px;border:none;box-shadow:none;top:400px;left:184px;width:249px}
#err_inf_rp p, #err_inf_rp_pan p, #info_about_manual_operation p{color:white;background:none;padding:0;margin:10px 0}
#err_inf_rp p a, #err_inf_rp_pan p a{color:white!important;text-decoration:underline!important}
#lm_width, #lm_height{color:#333;font-weight:600}
#detailCartButton input[type=radio]{opacity:0}
/* RIGHT COLUMN */
.mp_btns_box{display:flex;width:50px;margin-right:-20px}
.mp_buy_btn{background:#ff0000;color:#fff;height:40px;line-height:40px;width:50px;font-size:0.92rem;text-transform:uppercase;font-weight:600;text-align:center;transition:all .3s;display:flex;justify-content:center;margin-left:-20px}
/*  */
.labelChangePrice{color:var(--color-link);line-height:21px;font-weight:600;text-align:center;width:22px;border-radius:11px;position:absolute;right:20px;top:10px;background:white;box-shadow:0 0 3px rgba(0,0,0,.28);transition:width .3s;z-index: 3}
.labelChangePrice .euTip{color:red;float:left;width:21px}
.labelChangePrice sup{font-size:0.846rem;margin-right:-2px;vertical-align:super;top:0px}
.labelChangePrice .tip{display:block;float:right;width:0;overflow:hidden;opacity:0;transition:all .3s;white-space:nowrap}
label[class*="bgRal"]{box-shadow: none}
/* LABELS */
label{position: relative}
label.bgRal9006{background:url('/image/bgral9006.png')!important}
label.bgRal9016{background-image:linear-gradient(-45deg, #fefefe, #eee)!important}
label.bgRal7038{background:#b5b5b5!important}
label.bgRal1013{background:#e1d3bf!important}
label.bgRal8019{background:#2e251c!important}
label.bgRal8014{background:#443629!important}
label.bgRal7016{background:#383e42!important}
label.bgRal8019, label.bgRal8019,label.bgRal8014,label.bgRal7016,label.bgRal7016,label.bgRal8014{color:white!important}
label.bgRal9006, label.bgRal9016,label.bgRal7038,label.bgRal1013{color:#000!important}
label img{transition: 0.5s}
label[for="pix_radio_72_947"]:after, label[for="pix_radio_72_948"]:after, label[for="pix_radio_72_939"]:after {content:"Bestseller"; position:absolute;bottom:5px; right:5px;background-image: var(--btn-img-gradient); background-color: var(--btn-color-bg);color:#fff; font-weight: bold; font-size:9px; padding:.15rem .6rem; border-radius: 3px; text-shadow:1px 1px 1px rgba(0,0,0,0.3)}
.radio-content small {font-size: .725em;}
#pix_radio_72 .radio-content {width:150px}
/* RADIO BTNS*/
.actLabel[class*="bgRal"]{border: 5px solid var(--color-line)}
/* COLORS */
label[class*="bgRal"]{display:flex;align-items: center;justify-content: space-between;flex-direction: column}
label[class*="bgRal"] .labelSubTitle{text-align: center}
/* FLEX CONTAINERS */
div[class*="radio_contener_"]{position: relative;display: flex;flex-wrap: wrap;width: 100%}
/* CONTAINER TITLE */
div[class*="radio_contener_"] .pixmultiheader{flex: 1 1 100%;margin-bottom: .5rem;padding: 0 0.5rem;display: flex;align-items: flex-end}
/* FARBE ITEMS */
div[class*="radio_box_"][class*="farbe"]{position: relative;flex-grow:1;flex-basis:0;margin-bottom: 1rem;padding: 0 .5rem}
label[class*="bgRal"]{padding: 1rem;height: 100%;border: 5px solid rgba(0,0,0,0);width: 100%}
div[class*="radio_box_"]{flex: 0 0 33.333%;padding: 0 0.5rem;position: relative;margin-bottom: 1rem}
div[class*="radio_box_"]:last-of-type{margin-bottom: 1.5rem}
label[for='pix_radio_182_6951'] img,label[for='pix_radio_182_6952'] img,label[for='pix_radio_182_6953'] img,label[for='pix_radio_182_15233'] img,label[for='pix_radio_182_15234'] img{position: absolute;top: 0;right: 0;max-height: 100%}
.pixel_right_form{margin-top: 2rem}
/* ACTIVE TiTLE AND SUBTITLE */
div[class*="radio_box_"] .actLabel , div[class*="radio_contener_"] .actLabel{color:white;text-shadow:0 0 2px rgba(0,0,0,.25)}
div[class*="radio_contener_"] label:hover{filter:brightness(.95);transition:all .3s ease-out}
div[class*="radio_box_"] label.actLabel{background-image:var(--btn-img-gradient);background-color:var(--btn-color-bg);transition:all .6s ease-out}
/* CHECK BOXES*/
.ccheck{position:absolute;top:8px;left:14px;width:12px;height:12px;border-radius:50%;border:1px solid #ccc;transition:all 0.2s linear}
.actLabel .ccheck{border:1px solid #fff;transition:all 0.2s linear}
svg.acheck{position:absolute;top:3px;left:13px;z-index:1;fill:none;stroke-width:1.5;transform:translate3d(0, 0, 0);transition:all 0.2s ease}
svg.acheck polyline{stroke-dasharray:22;stroke-dashoffset:66}
.actLabel svg.acheck{stroke:#fff}
.actLabel svg.acheck polyline{stroke-dashoffset:42;transition:all 0.2s linear;transition-delay:0.15s}
.btn-details-shifted{top: 10px;right: 1rem;left: auto}
.labelChangePrice:hover{width:230px;transition:width .3s}
.labelChangePrice:hover .tip{width:200px;padding-right:7px;opacity:1;transition:all .3s}
/* MEDIA */
@media (max-width:1199.98px){
		div[class*="radio_contener_"] label, div[class*="radio_box_"] label{padding: 10px}
		div[class*="radio_box_"][class*="farbe"]{flex:0 0 20%;max-width:20%}
}
@media (max-width:991.98px){
		div[class*="radio_box_"] {flex: 0 0 50%}
		div[class*="radio_box_"][class*="farbe"]{flex:0 0 25%;max-width:25%}
}
@media (max-width: 800px) {
		.pointBox {display: none}.details_con {left: 0;max-height: 100vh}.details_con .details_exit {bottom:0;width:100%;right:0;margin-left:0;border-bottom:3px solid #159af7}
}
@media (max-width:767.98px){
		div[class*="radio_box_"] {flex: 0 0 100%}
		div[class*="radio_box_"][class*="farbe"]{flex:0 0 33.333%;max-width:33.333%}
		div[class*="radio_contener_"] .pixmultiheader {padding:0}
		div[class*="radio_contener_"][class*="farbe"] .pixmultiheader {padding:0 0.5rem}
		div[class*="radio_contener_"][class*="farbe"] {margin-left:-0.5rem;margin-right: -0.5rem;width: auto}
}
@media (max-width:575.98px){
		div[class*="radio_box_"][class*="farbe"]{flex:0 0 50%;max-width: 50%}
}
/* HOVeR */
@media (min-width:991.98px){
		/* FARBE LABEL AND HOVER */
		.radio_box_fuhrungstype label.actLabel:hover, .radio_contener_kastenform label.actLabel:hover, .radio_contener_panzer label.actLabel:hover, .radio_contener_endleisten label.actLabel:hover, .radio_contener_montagevarianten label.actLabel:hover, .radio_contener_antrieb label.actLabel:hover, .radio_contener_bedienseite label.actLabel:hover{filter:brightness(1.05)}
		.mp_buy_btn:hover{filter:brightness(1.1);transition:all .3s}
		label:hover img{transform: scale(1.05);transition: 0.5s}
}
