.Artikelbeschreibung {
color:#666;
font-weight:700;
text-align:left;
  font-size: 1.25rem;          
    letter-spacing: 0.01em;         
    margin: 0 0 0.5em;             
    line-height: 1.2;
    text-shadow: 0 1px 0 #fff, 0 0.5px 1px #0001;
}

.Artikelbeschreibungstext {
font-family: inherit !important;
    line-height: 1.5 !important;
    margin-top: inherit !important;
all: unset !important;

}

.Artikelbezeichnung {
color:#666;
font-weight:500;
text-align:left;
}

.Artikelnummer {
font-size:11px;
position:relative;
float:right;
right:10px;
top: 15px; text-shadow: 
    -1px 0 #fff,  /* links */
     1px 0 #fff,  /* rechts */
     0 -1px #fff, /* oben */
     0 1px #fff;  /* unten */

}

.borderbottom {
border-top:2px solid #e7e7e7;



}

.BruttoDetails {

 font-size: 13px !important;
    color:#666666 !important;
margin-top:5px !important;
font-weight:700 !important;
}

.BruttoPreis {
font-size: 13px !important;
  color: #e75136 !important;
  margin-top: 5px !important;
  font-weight: 700 !important;
}

.BruttoPreis2 {
font-size:12px;
font-weight:600;
}

.catalgomenu1 {
color:bb412c;
font-weight:700;
cursor:pointer;
padding-left: 5px;
}

.Catalogmenu2 {
color:#e85237 ;
font-size:12;
font-weight:normal;
text-indent:5;
cursor:pointer;
font-weight:500;
border-bottom: 1px solid #ddd;
padding-bottom:2px;
font-size:13px;
}

.catalogmenu3 {
color:#e85236;
font-weight:bold;
font-weight:700;
font-size:13px;
padding-bottom:2px;

}

.catalogmenuuntereintrag {
font-size:13;
  content: "-";
  margin-right: 0.5em;
margin-left:-15px;
}

.center {
text-align:center;
 display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.center2 {
 display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
margin-top:5px;
}

.cmdLogin {
border-color:#999999;
border-style:solid;
border-width:1px;
color:#333333;
display:block;
font-size:9pt;
margin-left:20px;
margin-top:5px;
}

.Fett {
color:#c63015;
font-style:normal;
font-weight:bold;
text-transform:uppercase;
font-weight:700;
}

.Fette_Kapitälchen {
color:#666;
font-size:14;
font-weight:bold;
text-transform:uppercase;
font-size:0.85rem !important;
}

.fragen zum artikel {
color:#e85237;
font-weight:600;
text-align:right;
}

.header {
color:#336699;
font-weight:lighter;
}

.headerM2404 {
font-family:Arial, Helvetica, sans-serif;
font-size:22pt;
font-weight:bold;
	margin: 50px auto;
	text-align: center;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;


	opacity: 0.9;
	font: 700 28px ;
    color:#e85237;
    text-transform: uppercase;

}

.headerM4 {
font-family:Verdana, Geneva, sans-serif;
font-size:16pt;
font-weight:bolder;

	text-align: center;
        text-shadow: 0 -4px 3px rgba(255, 255, 255, 0.3), 0 3px 3px rgba(0, 0, 0, 0.3);
        font-weight:700;
        color: #e75136;
        text-transform: uppercase;
}

.headerM5 {
font-family:Verdana, Geneva, sans-serif;
font-size:16pt;
font-weight:bold;
	margin: 50px auto;
	text-align: center;
     /*   text-shadow: -4 -4px 1px rgba(255, 255, 255, 0.7), 0 3px 3px rgba(0, 0, 0, 0.6); */
        text-shadow: 1px 1px 0 #000, -1px -1px 0px #fff;
        color: #E75136;
        font: 600 16px ;

        text-transform: uppercase;
	opacity: 0.9;
}

.headerM6 {
font-family:Verdana, Geneva, sans-serif;
font-size:22pt;
font-weight:bold;
	
	
        text-shadow: 0 -2px 2px rgba(255, 255, 255, 0.6), 0 3px 3px rgba(0, 0, 0, 0.6);
        font: 700 28px ;
        color: #e75136;
        text-transform: uppercase;

}

.inputLogin {
border-color:#b2b2b2;
border-style:solid;
border-width:1px;
font-family:Verdana, Geneva, sans-serif;
font-size:9pt;
margin-top:2px;
width:110px;
}

.kennwort_vergessen {
left:auto;
position:relative;
right:auto;
font-size:10px !important;
color:#666 !important;
position: relative !important;



}

.Kundenkonto {
    font-size: .7875rem;
    font-weight: 700;
    text-transform: none;
}

.listEntry {
background-color:#e5e5e5;
border-color:#cccccc;
border-style:solid;
border-width:1px;
color:#666666;
font-size:9pt;
margin-bottom:2px;
text-decoration:none;
}

.Materialschatten {
 text-shadow: 
    -1px 0 #fff,  /* links */
     1px 0 #fff,  /* rechts */
     0 -1px #fff, /* oben */
     0 1px #fff;  /* unten */

}

.mediumblack {
color:#666666;
font-size:9pt;
text-decoration:none;
}

.nachtext_preis {
font-size: 12px !important;
  font-weight: 600 !important;
  color: rgb(84, 84, 84) !important;
  margin-bottom: 33px !important;
}

.nachtextBeschreibung {
display: inline-block;
    margin-left: 15px;
    padding: 6px 12px;
    font-size: 0.85em;
    color: #555555;
    border-radius: 20px;
    vertical-align: middle;
}

.Überschrift_Hauptseiten {
font-size:18;
font-weight:700;
text-transform:uppercase;
text-shadow: 2px 2px 2px #AEAEAE;margin-top:15px;
}

.unsichtbar {
display:none;
}

.usersymbol {
  font-size: 2em;
    font-weight: bold;
    margin-right: 15px;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;

}

.verfügbarkeit {
font-style:normal;
font-weight:600;
padding-top:2px;
}

.verfügbarkeit_gelb {
color:#b76e00;
}

.verfügbarkeit_gruen {
color:#198754;
}

.verfügbarkeit_rot {
color:#b02a37;
}



#divLogo{
padding-top:10px;
}
#divContentWrapperGray{
background-color: #ffffff;
}
#divBasket{
color:#666666;


}
#divMenuContainer{
background-color: rgba(232,82,55,.8) !important;
}
#divMenuCategory{
left: -116px;
position: relative;
}
#div27300_1{
max-width: 1460px !important;
}
#divFooter1_1{
-webkit-box-shadow: 0px 0px 39px 8px rgba(102,102,102,0.63); 
box-shadow: 0px 0px 39px 8px rgba(102,102,102,0.63);
}
#div26527{
margin-left: auto;
}
#link37156{
font-size:12px;
}
#divFooter2_1{

box-shadow: 0px 2px 31px 9px rgba(255,255,255,0.2);
}
#divMenuCategory_2{
max-width:50px;
}
#div27537_1{
@media (min-width: 1200px) {
  
    max-width: 1640px !important;
  }

}
#divFooter3_2{
bottom:0px;
box-shadow: 0px 2px 31px 9px rgba(255,255,255,0.2)

}
#divFooter3_3{
bottom:0px;
	animation: gradient 15s ease infinite;
       /* box-shadow: 7px 10px 27px 10px rgba(0,0,0,0.23);*/
 background: #E75136;
background: -moz-linear-gradient(top, #E75136 0%, #B8402B 100%);
background: -webkit-linear-gradient(top, #E75136 0%, #B8402B 100%);
background: linear-gradient(to bottom, #E75136 0%, #B8402B 100%);
-webkit-box-shadow: 0px 2px 31px 9px rgba(255,255,255,0.2); 
box-shadow: 0px 2px 22px 9px rgba(255,255,255,0.25);
}
#div138172_4{
color: #aaa;
  font-size: 25px;
  margin-bottom: 9px;
  margin-top: 0;
  font-style: normal;
  font-weight: 400;
line-height: 1.2;
text-align: left;
}
#div138172_5{
color: #aaa;
  font-size: 25px;
  margin-bottom: 9px;
  margin-top: 0;
  font-style: normal;
  font-weight: 400;
line-height: 1.2;
text-align: left;
}
#div138172_6{
color: #aaa;
  font-size: 25px;
  margin-bottom: 9px;
  margin-top: 0;
  font-style: normal;
  font-weight: 400;
line-height: 1.2;
text-align: left;
}
#form64056{
background-color:#fff !important;
}
#img64064{
object-fit:contain;
max-height:180px;
}
#div64060{
padding-top:45px;
}
#fld64057{
font-weight: 600;
  text-align: left;
  color: #777;
  width: 100% !important;
  font-size: 16px !important;
  display: inline-block;
  vertical-align: bottom;
  font-style: normal !important;
}
#fld64062{
font-weight: 600;
  text-align: left;
  color: #777;
  width: 100% !important;
  font-size: 16px !important;
  display: inline-block;
  vertical-align: bottom;
  font-style: normal !important;
}
#divMyAccountDropDown{
padding:15px;padding-left:25px;
}
#fld64057_1{
font-weight: 500;
  text-align: left;
  color: #777;
  width: 100% !important;
  font-size: 13px !important;
  display: inline-block;
  vertical-align: bottom;
  font-style: normal !important;
}
#div138172_7{
color: #aaa;
  font-size: 25px;
  margin-bottom: 9px;
  margin-top: 0;
  font-style: normal;
  font-weight: 400;
line-height: 1.2;
text-align: left;
}
#fld64057_2{
font-weight: 600;
  text-align: left;
  color: #777;
  width: 100% !important;
  font-size: 13px !important;
  display: inline-block;
  vertical-align: bottom;
  font-style: normal !important;
}
#div30076_9{
background-color:#fbfbfb;
}
#div30076_10{
background-color:#fbfbfb;
max-width:100%;
}
#div30076_11{
background-color:#fbfbfb;
}
#div30076_12{
background-color:#fbfbfb;
}
#div30076_31{
background-color:#fbfbfb;
}
#divRight_39{
flex: 0 0 75% !important;
max-width:75% !important;

}
#fld137597{
display: flex; justify-content: center; align-items: center;
}
#form137603{
  background-color: #fdfdfd;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 8px;
  max-width: 100%;
  box-sizing: border-box;
  width: 100%;
  word-wrap: break-word;
min-width:90%;
  overflow-wrap: break-word;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Hinzufügen von Schatten */
  font-family: Arial, sans-serif; /* Standard-Schriftart */
  line-height: 1.6; /* Verbesserung der Lesbarkeit */
}
#fld137604_2{
  padding-left: 10px;
}
#fld137604_3{
  padding-left: 10px;
}
#fld137604_5{
  padding-left: 10px;
}
#fld137604_12{
  padding-left: 10px;

}
#form137603_2{
  padding: 10px;

    max-width: 100%;
    box-sizing: border-box;
    width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}
#div30076_42{
background-color:#fbfbfb;
}
#div30078_27{

    max-width: 100%;
    box-sizing: border-box;
    width: 100%;

    hyphens: auto;
}
#div30076_43{
background-color:#fbfbfb;
}
#div30076_28{
  background-color: #fdfdfd;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 8px;
  max-width: 100%;
  box-sizing: border-box;
  width: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Hinzufügen von Schatten */
  font-family: Arial, sans-serif; /* Standard-Schriftart */
  line-height: 1.6; /* Verbesserung der Lesbarkeit */
}
#fld137604_16{
  padding-left: 10px;
}
#fld137597_13{
    display: block;

    font-size: 1.05rem;
    font-weight: 400;
    text-transform: none;

}
#div30076_30{
background-color:#fbfbfb;
}
#form137603_5{
margin-top:15px;   

}
#div30078_25{
  background-color: #fdfdfd;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 8px;
  max-width: 100%;
  box-sizing: border-box;
  width: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Hinzufügen von Schatten */
  font-family: Arial, sans-serif; /* Standard-Schriftart */
  line-height: 1.6; /* Verbesserung der Lesbarkeit */
}
#div30078_29{
  padding-left: 10px;
  
}
#div30078_30{
  padding-left: 10px;
  
}
#fld137604_40{
  padding-left: 10px;

}
#div30076_54{
background-color:#fbfbfb;
}
#divChangeData{
background-color:#fff !important;
}
#divRight_41{
flex: 0 0 75% !important;
max-width:75% !important;
}
#div201059_3{
 list-style-type: none;
  padding-left: 0;
  margin-left: 0;
padding-top:15px;
}
#txt37604_1{
flex: 0 0 15% !important;max-width:10% !important;
}
#fld37613_1{
max-width:15% !important;
}
#div37653{
background-color:#fff;
font-size:10px !important; 
}
#divRight_40{
flex: 0 0 75% !important;
max-width:75% !important;
}
#divRight_50{
flex: 0 0 75% !important;
max-width:75% !important;
}
#txt37604_2{
flex: 0 0 15% !important; max-width: 11% !important;
  
}
#fld37613_2{
max-width: 15% !important;
  
}
#div29863_16{
background-color:#fff !important;
}
#div37653_2{
background-color:#fff;
}
#div29932_1{
background-color:#fff;
}
#link29887_1{
font-size:12px;
}
#div29907_1{
font-size:12px !important;
}
#divRight_43{
flex: 0 0 75% !important;
max-width:75% !important;
}
#div29908_6{
position:absolute; left:15px; top:0px;padding: 3px !important;
}
#img260589_1{
margin-top: 2px;
  margin-left: 2px;drop-shadow: 0px 0px 4px #FFFFFF;
}
#txt37302_7{
margin-left: 5px;text-shadow: 0px 0px 4px #FFFFFF;
  margin-top: 5px;
}
#div30074_1{
padding-left:25px;padding-right:25px;
}
#fld12051_1{
margin-bottom:0px !important;
}
#divLeft_30{
height:auto;

}
#divRight_46{
flex: 0 0 75% !important;
max-width:75% !important;padding-bottom: 15px;
}
#fld137597_11{
    display: block;
    
    font-size: .7875rem;
    font-weight: 400;
    text-transform: none;


}
#fld137597_22{
    display: block;

    font-size: 1.05rem;
    font-weight: 400;
    text-transform: none;

}
#div201059_13{
 list-style-type: none;
  padding-left: 0;
  margin-left: 0;
padding-top:15px;
}
#div201059_14{
 list-style-type: none;
  padding-left: 0;
  margin-left: 0;
padding-top:15px;
}
#div201059_18{
 list-style-type: none;
  padding-left: 0;
  margin-left: 0;
padding-top:15px;
}
#fld12051_2{
margin-bottom:0px !important;
}
#div201059_19{
 list-style-type: none;
  padding-left: 0;
  margin-left: 0;
padding-top:15px;
}
#div30076_15{
height:350px;
}
#div30078_10{
background-color:#fbfbfb;
height:415px;
}
#div30076_16{
height:350px;
}
#div30078_11{
background-color:#fbfbfb;
height:415px;
}
#div30078_12{
background-color:#fbfbfb;
height:415px;
}
#div30078_13{
background-color:#fbfbfb;
height:415px;
}
#div30078_14{
background-color:#fbfbfb;
height:415px;
}
#div30078_16{
background-color:#fbfbfb;
height:250px;
}
#div30078_17{
background-color:#fbfbfb;
height:250px;
}
#div30078_18{
background-color:#fbfbfb;
height:250px;
}
#div30078_19{
background-color:#fbfbfb;
height:250px;
}
#div30078_20{
background-color:#F7F7F8;
}
#div30078_21{
background-color:#F7F7F8;
}
#div30078_22{
background-color:#F7F7F8;
}
#div29847_4{
min-width:0; width:100%; max-width:100%; margin-left:0; margin-right:0;
}
#link29887_4{
font-size:small;
}
#div29930_4{
width:100%; min-width:0; max-width:100%; margin-left:0; margin-right:0; align-items:flex-start;
}
#divBasketVoucher{
min-width:0; padding-left:clamp(15px,calc((100vw - 768px)*.15),100px); padding-right:15px;
}
#div29939_2{
min-width:0; width:100%;
}
#cmd29942_2{
display:flex; flex-wrap:wrap; align-items:stretch; gap:8px; width:100%; min-width:0; padding:0;
}
#txt29984_1{
  padding-left: 15px; font-size:small;

}
#divBasketSum{
background-color:#fff;
min-width:0;
}
#form29943_4{
margin-top:25px;
}
#div29971_15{
    margin-bottom: 15px;
}
#div29939_3{
background-color:#fff;
min-width:0; padding:16px;
}
#txt29984_2{
  padding-left: 15px; font-size:small;

}
#img255371{
max-width:100px !important;
max-height:100px !important;object-fit:contain;height:100px;
}
#img260589{
margin-top: 2px;
  margin-left: 2px;drop-shadow: 0px 0px 4px #FFFFFF;
}
#txt37302_6{
margin-left: 5px;text-shadow: 0px 0px 4px #FFFFFF;
  margin-top: 5px;
}
#div29908_4{
position:absolute; left:15px; top:0px;padding: 3px !important;
}
#divLoginForm{
background-color:#fbfbfb;
}
#form29504_2{
background-color:#fff;
padding:15px;

background:#fff;
}
#divProductDetail_2{
margin-left:120px;
margin-right:120px;
margin-bottom:15px;

}
#divHeadlineHotTopics_8{
width:100%;
padding: 55px 0 45px 0 !important;
  margin-bottom: 75px;
margin-left:20px;
position: relative;

}
#divHeadlineHotTopics_17{
padding:15px;
}
#write-review_5{
padding: 0 25px;
}
#review-list_4{
padding:25px 25px 0px 25px;
}
#form1577_4{
margin:25px;background-color:#fff !important;  overflow: hidden; /* Sicherstellen, dass Inhalt nicht überläuft */
  display: block; /* Standard-Block-Verhalten */
}
#rating-star_4{
position:relative;
float:right;
}
#rating-number_4{
position:relative;
float:left;
}
#rating-date_5{
position:relative;
float:left;
}
#rating-date_6{
position:relative;
float:left;
}
#rating-text_5{
position:relative;
float:left;
}
#write-review_6{
padding:25px;
}
#write-review_8{
margin-left:25px;
}
#lbl138185{
margin-left:5px;
}
#review-list_5{
display: flex;    margin-top: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#write-review_9{
position:relative;
}
#div57336_17{
width:90%;
margin:auto;

}
#div57336_18{
font-family: Arial, Helvetica, sans-serif;

padding-top:15px;
padding-left:15px;
padding-right:15px;
padding-bottom:0px;
margin-bottom:0px;
line-height:110%;
width:50%;
border-right: 1px solid #e7e7e7;

font-size: 12px;


}
#div57336_6{
padding:5px;
margin:5px;
line-height:110%;
margin-left:5px;
border:none;
 font-family: Arial, Helvetica, sans-serif;
        
                font-size: 12px;
}
#div57336_11{
padding:5px;
margin:5px;
line-height:110%;

 font-family: Arial, Helvetica, sans-serif;
        
                width: 100%;
                font-size: 12px;
}
#fld29579_138{
font-size:12pt;
}
#fld29579_142{
font-size:12pt;
}
#fld29579_139{
font-size:12pt;
}
#fld29579_140{
font-size:12pt;
}
#div57336_26{
font-family: Arial, Helvetica, sans-serif;

padding-top:15px;
padding-left:15px;
padding-right:15px;
padding-bottom:0px;
margin-bottom:0px;
line-height:110%;
width:50%;


font-size: 12px;


}
#div57336_27{
padding:5px;
margin:5px;
line-height:110%;

 font-family: Arial, Helvetica, sans-serif;
        
                width: 100%;
                font-size: 12px;
}
#div57336_28{
padding:5px;
margin:5px;
line-height:110%;

 font-family: Arial, Helvetica, sans-serif;
        
                width: 100%;
                font-size: 12px;
}
#fld29579_270{
  margin:0 auto;
  display:block;
}
#div57336_34{
padding-top:15px;
padding-left:15px;
padding-right:15px;
padding-bottom:0px;
margin-bottom:0px;
line-height:110%;
width:100%;


}
#divNoAlternativeProducts_10{
padding:15px;
}
#div29932_2{
background-color:#fff;
}
#fld30533{
font-size:10px;
}
#link29887_3{
font-size:10px;
}
#divRight_44{
flex: 0 0 75% !important;
max-width:75% !important;
}
#div29908_8{
position:absolute; left:15px; top:0px;padding: 3px !important;
}
#img260589_2{
margin-top: 2px;
  margin-left: 2px;drop-shadow: 0px 0px 4px #FFFFFF;
}
#txt37302_8{
margin-left: 5px;text-shadow: 0px 0px 4px #FFFFFF;
  margin-top: 5px;
}
#div30082_2{
padding:15px;
}
#div30076_60{

    background-color: #fff !important;

}
#div30076_61{
    background-color: #fff !important;

}
#div30185_5{
margin-left: 45px;
}
#div29971_35{
border-bottom: 2px solid #d8d8d8 !important;
border-top: 1px solid #d8d8d8 !important;
}
#div29971_38{
border-bottom: 1px solid #d8d8d8;
}
#div30393_7{
border: 1px solid #d8d8d8; border-radius:15px;background-color:#fff; padding:10px;
}
#div30227_3{
border: 1px solid #d8d8d8; border-radius:15px;background-color:#fff; padding:10px;
}
#divLoginForm_11{
background-color:#fbfbfb;
}
#div30174_6{
border: 1px solid #d8d8d8; border-radius:15px;background-color:#fff; padding:10px;
}
#div30227_4{
border: 1px solid #d8d8d8; border-radius:15px;background-color:#fff; padding:6px; 

}
#div29971_41{
border-bottom: 1px solid #d8d8d8;
}
#div77103{
background-color: #fff !important;
}
#div73526_2{
background-color:#fff !important;
}
#form29943_5{
margin-top:25px;
}
#div30449{
background-color:#fff !important;
}
#divRight_45{
flex: 0 0 75% !important;
max-width:75% !important;
}
#divAdressHeader_1{
margin-top:30px;
margin-bottom:10px; display: flex;           /* Aktiviert Flexbox-Layout */
    justify-content: left; /* Alle Elemente werden am rechten Rand ausgerichtet */
}
#divAdressHeader_2{
 display: flex;        /* Aktiviert Flexbox-Layout */
    justify-content: right; /* Alle Elemente werden am rechten Rand ausgerichtet */margin-top:10px;margin-bottom:20px;
}
#divAdressHeader_3{
margin-left:15px;
margin-right:15px;
}
#divAdressHeader_4{
 display: flex;        /* Aktiviert Flexbox-Layout */
    justify-content: right; /* Alle Elemente werden am rechten Rand ausgerichtet */margin-top:10px;margin-bottom:20px;
}
#txt37625_4{
padding-left:10px !important;
padding-right:10px !important;
}
#div29932_3{
background-color:#fff;
}
#div29934_3{

padding:25px;
width:50%;
margin-top:15px;
}
#div29935_2{
background-color:#fff;
}
#form201174_1{
margin:auto;padding-top:10px;
}
#cmd231997{
margin-left:-70px; display:inline-block; vertical-align:middle;
}
#div29863_34{
 display: flex;
  justify-content: center; /* horizontal */
  align-items: center;     /* vertikal */

}
#div29863_39{
 display: flex;
  justify-content: center; /* horizontal */
  align-items: center;     /* vertikal */

}
#div30735_1{
right:-650px;
}
#div30734_1{
top:-80px;
}
#div30736_1{
width:100% !important;
}
#div35292_2{
left:65px; position:relative;
}
#form31233{
background-color:#fff;
height:auto !important;
}
#div31232_2{
margin:30px;
}
#divRight_47{
flex: 0 0 75% !important;
max-width:75% !important;
}
#form31251{
background-color:#fff;
}
#div31232_1{
margin-top:10px;
width:70%;
}
#divRight_48{
flex: 0 0 75% !important;
max-width:75% !important;
}
#fld137597_12{
    display: block;
    
    font-size: .7875rem;
    font-weight: 400;
    text-transform: none;


}
#fld137597_25{
    display: block;

    font-size: 1.05rem;
    font-weight: 400;
    text-transform: none;

}
#fld37249{
padding:5px;
padding-top:9px;
margin-right:25px;



}
#div37456_3{
font-size:11px;

}
#div28684_4{
margin-left:auto;
margin-right:auto;
padding:10px;
}
#sta28686_3{
position:relative;
float:right !important; 
top:6px;

}
#div29786_1{
background-color:#fff;
}
#fld37250{
right:10px;
position:relative;
padding:5px;
padding-top:9px;


}
#div37456_1{
font-size:11px;

}
#div28685_3{

  display: flex;
  justify-content: space-between;
  align-items: center;
}

}
#divProductPicVar{

display: flex;
  justify-content: center; /* horizontal */
  align-items: center;     /* vertikal */

}
#div58456{
font-size:1em !important;margin-top: auto
}
#txt37302_5{
color:#666;
}
#div33408_1{
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
width: 100%;


}
#div33408_2{
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
justify-content: center;
margin-left:25px;

}
#divBuyWithPlusMinus_1{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;

}
#div28706_5{
 display: flex;
  align-items: center;
}
#cmdQtyCartModal{
white-space: nowrap;
}
#div28707_6{
 display: flex;
  align-items: center;
}
#cmd37347_5{
min-width:45px !Important;
}
#div28707_7{
 display: flex;
  align-items: center;
}
#div37456_5{
margin-top:-10px;
}
#div28684_5{
margin: 0 auto;
padding: 10px 10px 0;

}
#div58427_1{
padding: 0 15px;display: flex; flex-direction: column;min-height: 300px;
}
#div28707_8{
 display: flex;
  align-items: center;
}
#div28707_9{
 display: flex;
  align-items: center;
}
#cmd37347_7{
min-width:45px !Important;
}
#fldBadgeTOP_P{
position:relative;
padding-top:8px;
float:right;
right: -110px;
  top: 10px;
}
#fldBadgeNEU_P{
position:relative;
padding-top:8px;
float:right;
right: -110px;
  top: 10px;
}
#fldBadgeSALE_P{
position:relative;
padding-top:8px;
float:right;
right: -110px;
  top: 10px;
}
#divLinksStart{
border-radius:0;
}
#div72556{
background-color:#dededf;
background:transparent;
}
#divNewsContainer{
overflow:hidden;
}
#div72504_1{
z-index:500;
}
#divSlider{
background-color:#f7f7f8;
background-color:#dededf; box-shadow:none;
}
#divBannerHome{
background-color:#dededf;
background:#f3f4f6; width:100%; max-width:none; margin:0; padding:0;
}
#divShopPageStart{
background: linear-gradient(to bottom, #dededf 0%, #ffffff 100%);
}
#div102193_3{
max-width:100%!important
}
#divRechtsStart{
width:100%;
}
#divBestSellingArea_17{
background-color:#ffffff;
}
#divBestSellingArea_15{
background-color:#ffffff;
}
#divBestSellingArea_13{
background-color:#ffffff;
padding-top:0px;
min-height:530px;
border-radius:0 0 15px 15px;
max-height:560px;

}
#divTeamRotert{
width:90%;
}
#divTeamRotertgrow{
left:-50px;
}
#divNewsletter_1{
border-radius:45px;
padding:10px;
top:-25px;

position:relative;
  width: 100%;
  height: auto;
}
#div35366_1{
padding:15px;
}
#form29237_1{
margin-top:35px;
}
#div102193{
max-width:100%!important
}
#kacheln-de{
background-color:#dededf;
margin-top:-65px; padding-left:50px !important; padding-right:50px !important;

}
#divMobilauszeichnung_1{
margin-top:0; background:#dededf;
}
#divBGBanner_10{
background-color:#000;
background-image:url('/mf/CustomUpload/374O357O340O370O356O369O350O327O327O337O366O371O356O369O371O/WebPortal/Rotert/img/LeimspritzeSlider.webp');
display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); align-items:center; gap:24px; min-height:320px; height:320px; margin:0; padding:20px clamp(20px,4vw,72px); overflow:visible; border:0; border-radius:0; background-color:#edf0ef; background-image:radial-gradient(ellipse at 18% 0%,rgba(255,255,255,.4),transparent 65%),linear-gradient(110deg,rgba(222,237,241,.62),rgba(250,242,230,.58)),url('/mf/CustomUpload/374O357O340O370O356O369O350O327O327O337O366O371O356O369O371O/WebPortal/Rotert/img/LeimspritzeSlider.webp'); background-position:center; background-size:cover; box-shadow:0 8px 24px rgba(24,39,52,.13);
}
#div27258_6{
position:relative; top:auto; grid-column:2; grid-row:1; min-width:0; width:100%; max-width:430px; margin:0; padding:20px; border:1px solid rgba(255,255,255,.8); border-radius:14px; background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.73)); -webkit-backdrop-filter:blur(14px) saturate(140%); backdrop-filter:blur(14px) saturate(140%); box-shadow:0 10px 26px rgba(24,39,52,.16),inset 0 1px 0 rgba(255,255,255,.85); justify-self:end; z-index:2;
}
#div27265_3{
position:static; top:auto; left:auto; right:auto; transform:none;
}
#div27261_3{
background-color:#e85237;
position:absolute; top:18px; left:18px; right:auto; bottom:auto; width:220px; height:auto; margin:0; padding:12px; border:1px solid rgba(255,255,255,.8); border-radius:10px; background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.73)); -webkit-backdrop-filter:blur(14px) saturate(140%); backdrop-filter:blur(14px) saturate(140%); box-shadow:0 10px 26px rgba(24,39,52,.16),inset 0 1px 0 rgba(255,255,255,.85); z-index:2;
}
#div27263_4{
position:relative; top:auto; right:auto; bottom:auto; grid-column:1; grid-row:1; display:block; width:100%; height:260px; margin:0; padding:0; justify-self:center; z-index:1;
}
#divBGBanner_1{
background-image:url('/mf/CustomUpload/374O357O340O370O356O369O350O327O327O337O366O371O356O369O371O/WebPortal/Rotert/img/banner3.png');
}
#divBGBanner_2{
background-image:url('/mf/CustomUpload/374O357O340O370O356O369O350O327O327O337O366O371O356O369O371O/WebPortal/Rotert/img/kat_bild_leimen_kleben_1.jpg');
}
#div27258_3{
width: fit-content;
block-size: fit-content;
max-height:300px;
}
#div27263_2{
position:absolute; top:18px; left:18px; right:auto; bottom:auto; display:block; width:180px; height:auto; margin:0; padding:12px; border:1px solid rgba(255,255,255,.8); border-radius:10px; background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.73)); -webkit-backdrop-filter:blur(14px) saturate(140%); backdrop-filter:blur(14px) saturate(140%); box-shadow:0 10px 26px rgba(24,39,52,.16),inset 0 1px 0 rgba(255,255,255,.85); z-index:2;
}
#div27261{
background-color:#e85237;
}
#NewscardStartseite{
width: fit-content;
block-size: fit-content;
max-height:300px;
}
#divBGBanner_6{
background-image:url('/mf/CustomUpload/374O357O340O370O356O369O350O327O327O337O366O371O356O369O371O/WebPortal/Rotert/img/AquaLaborSlider_1.webp');
display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); align-items:center; gap:24px; min-height:320px; height:320px; margin:0; padding:20px clamp(20px,4vw,72px); overflow:visible; border:0; border-radius:0; background-color:#edf0ef; background-image:radial-gradient(ellipse at 18% 0%,rgba(255,255,255,.34),transparent 65%),linear-gradient(110deg,rgba(225,240,241,.12),rgba(250,244,232,.2)),url('/mf/CustomUpload/374O357O340O370O356O369O350O327O327O337O366O371O356O369O371O/WebPortal/Rotert/img/AquaLaborSlider_1.webp'); background-position:center; background-size:cover; box-shadow:0 8px 24px rgba(24,39,52,.13);
}
#div27258_4{
position:relative; top:auto; grid-column:2; grid-row:1; min-width:0; width:100%; max-width:430px; margin:0; padding:20px; border:1px solid rgba(255,255,255,.8); border-radius:14px; background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.73)); -webkit-backdrop-filter:blur(14px) saturate(140%); backdrop-filter:blur(14px) saturate(140%); box-shadow:0 10px 26px rgba(24,39,52,.16),inset 0 1px 0 rgba(255,255,255,.85); justify-self:end; z-index:2;
}
#div72587{
background:transparent; border-radius:0; padding:0; margin:0; max-width:none;
}
#divBanner_3{
background-color:transparent;

}
#divBanner_5{
left:500;
}
#div29863_18{
text-align:center;
}
#divLastProducts_21{
background-color:#fff;
}
#div35326{
padding-left:50px;
padding-right:50px;
}
#form29462_22{
  display: flex;
    justify-content: center; /* Horizontal zentrieren */
    align-items: center; /* Vertikal zentrieren */
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
#img28136{
position: relative; display: block; aspect-ratio: 1 / 1; height: auto; margin: 4px 4px 0; overflow: hidden; border-radius: 11px; background: #e8e8e8; isolation: isolate;
}
#divArticlestatus{
position: static; margin: 0; padding: 0; background: none;
}
#fld56655_11{
min-height: 0;
}
#divArticleKennzeichen{
position: static; display: block; height: 46px; min-height: 0; margin: 0; padding: 0; text-align: left;
}
#fld28682_5{
position: absolute; top: calc(100cqw + 6px); left: 10px; z-index: 3; display: block; width: calc((100cqw - 89px) * .475); min-width: 0; margin: 0; filter: none; text-shadow: none;
}
#fld28682_15{
position: absolute; top: calc(100cqw + 6px); left: calc(100cqw - 36px); z-index: 3; display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; margin: 0; border-radius: 50%; background: #e9f3ec; pointer-events: none; text-shadow: none;
}
#fld56655_1{
margin: 0;
}
#divProductContent_13{
position: static; top: auto; height: auto; margin: 0; padding: 0; text-align: left;
}
#link28148_2{
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; height: 60px; min-height: 0; margin: 0 0 6px; padding: 0; color: #1d1d1b !important; font-size: clamp(13.5px, 8cqw, 15.5px); font-weight: 700; line-height: 20px; letter-spacing: -.1px; text-align: left; text-decoration: none; overflow-wrap: break-word; hyphens: auto; transition: color .15s;
}
#fld28170_22{
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 30px; min-height: 0; margin: 0; color: #6b6b6b; font-size: 12px; font-weight: 400; line-height: 15px; text-align: left;
}
#divProductContent_12{
margin: 8px 0 0; padding: 8px 0 0; border-top: 1px solid #e3e3e3; text-align: left;
}
#fld28170_19{
grid-area: price; margin: 0; padding: 0; background: none; color: #1d1d1b !important; font-family: inherit; font-size: clamp(16px, 9.5cqw, 22px); font-weight: 800; line-height: 28px; letter-spacing: -.3px; white-space: nowrap; font-variant-numeric: tabular-nums; text-shadow: none; text-transform: none; text-align: left;
}
#fld28170_21{
grid-area: gross; align-self: start; justify-self: end; margin: 0 !important; padding: 0; color: #666 !important; font-size: 11px !important; font-weight: 400 !important; line-height: 14px; text-align: right; font-variant-numeric: tabular-nums;
}
#fld28170_42{
grid-area: price; margin: 0; padding: 0; background: none; color: #1d1d1b; font-family: inherit; font-size: clamp(16px, 9.5cqw, 22px); font-weight: 800; line-height: 28px; letter-spacing: -.3px; white-space: nowrap; font-variant-numeric: tabular-nums; text-shadow: none; text-transform: none; text-align: left;
}
#fld28170_20{
grid-column: 4; grid-row: 1 / 3; align-self: start; justify-self: end; display: block; margin: 0; padding: 0; color: #666; font-size: 11px; font-weight: 400; line-height: 14px; text-align: right; font-variant-numeric: tabular-nums;
}
#sta28686_7{
position: static; left: auto; grid-area: label; justify-self: start; display: flex; align-items: center; height: 14px; margin: 0 0 0 46px; padding: 0;
}
#divRight_52{
flex: 0 0 75% !important;
max-width:75% !important;
}
#divChangePassword{
background-color:#fbfbfb;
}
#divRight_42{
flex: 0 0 75% !important;
max-width:75% !important;
}
#div30076_8{
background-color:#fbfbfb;
}
#fld28682_7{
position:absolute;
left:5px;
margin-top: 100px;
  z-index: 100;
}
#fld28682_8{
position:absolute;
right:12px;
padding-top:5px;

}
#divVariantbanner_3{
z-index:1000;
float:right;
margin-top:-50px;
margin-right:5px;

}
#fld28682_11{
position:absolute;
right:12px;
padding-top:5px;
z-index:1002;
padding-bottom:20px;
}
#divVariantbanner_2{
z-index:1000;
float:right;
margin-top:25px;
margin-right:5px;

}
#img56660{
transform:scale(1);
margin-left:-5px;

}
#divVariantbanner_1{
z-index:999;
float:right;
}
#divVariantbannerTOPSELLER{
z-index:999;
}
#div_aqualaborbanner{
z-index:999;
}
#divAngebotsbanner{
z-index:999;
}
#divneubanner{
z-index:999;
}
#divverfuegbarkeitbanner{
  margin-left:9px;  
margin-right:9px;
z-index:999;
transform:scale(1.3);

}
#divVariantbanner_4{
z-index:1000;
float:right;
margin-top:-50px;
margin-right:5px;

}
#fld28682_14{
position:absolute;
right:12px;
padding-top:5px;
z-index:1002;
padding-bottom:20px;
}
#img31279_2{
padding:0px !important;
}
#divMainMenuWrapper{
border-radius: 0px 0px 15px 15px;
background: #E75136;
background: -moz-linear-gradient(top, #d76d59 -2%, #e85237 5%, #B8402B 90%);
background: -webkit-linear-gradient(top, #d76d59 -2%, #e85237 5%, #B8402B 90%);
background: linear-gradient(top, #d76d59 -2%, #e85237 5%, #B8402B 90%);
box-shadow: 4px 22px 21px 2px rgba(0,0,0,0.32);
z-index:1001;
display:none;
margin-top: 6px;

}
#divMainMenu{
margin-top:15px;
}
#divMainMenuWrapper_2{
border-radius: 0px 0px 15px 15px;
background: #E75136;
background: -moz-linear-gradient(top, #d76d59 -2%, #e85237 5%, #B8402B 90%);
background: -webkit-linear-gradient(top, #d76d59 -2%, #e85237 5%, #B8402B 90%);
background: linear-gradient(top, #d76d59 -2%, #e85237 5%, #B8402B 90%);
box-shadow: 4px 22px 21px 2px rgba(0,0,0,0.32);
z-index:1001;
display:none;
margin-top: 6px;

}
#divMainMenu_2{
margin-top:15px;
}
#img31279_10{
padding:0px !important;
}
#img31279_14{
border-radius:5px;
}
#divMainMenuWrapper_3{
display:none; z-index:1010;
}
#divMainMenu_3{
margin-top:15px;
}
#img31279_15{
padding:0px !important;
}
#img31279_17{
border-radius:5px;
}
#divMainMenuWrapper_1{
border-radius: 0px 0px 15px 15px;
background: #E75136;
background: -moz-linear-gradient(top, #d76d59 -2%, #e85237 5%, #B8402B 90%);
background: -webkit-linear-gradient(top, #d76d59 -2%, #e85237 5%, #B8402B 90%);
background: linear-gradient(top, #d76d59 -2%, #e85237 5%, #B8402B 90%);
box-shadow: 4px 22px 21px 2px rgba(0,0,0,0.32);
z-index:1001;
display:none;
margin-top: 6px;

}
#divMainMenu_1{
margin-top:15px;
}
#img31279_6{
padding:0px !important;
}
#form137603_3{
  padding: 10px;

    max-width: 100%;
    box-sizing: border-box;
    width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}
#div48546_1{
padding-top:10px;



}
#div48546{

padding-top:10px;

}
#div48546_10{
padding-top:30px;


}
#divCategories_11{
padding:15px;





}
#divCategories_17{
border: 1px solid #e7e7e7;
padding: 15px;
margin-top:15px;
border-radius:15px;
-webkit-box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.11); 
box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.11);
}
#shop-sidebar_21{
background-color:#F7F7F8;
border: 1px solid #e7e7e7;
padding:10px;
margin-top:15px;
border-radius:15px;
-webkit-box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.11); 
box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.11);
}
#shop-sidebar_33{
background-color:#F7F7F8;
border: 1px solid #e7e7e7;
padding:10px;
margin-top:15px;
border-radius:15px;
-webkit-box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.11); 
box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.11);
}
#divCategories_7{
background-color:#F7F7F8;
border: 1px solid #e7e7e7;
padding: 15px;
margin-top:15px;
border-radius:15px;
-webkit-box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.11); 
box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.11);
}
#divContent_5{
padding-right:15px;
}
#divFaqList{
padding-top:15px;
padding-bottom:15px;
}
#shop-sidebar_20{
background-color:#F7F7F8;
border: 1px solid #e7e7e7;
padding:10px;
margin-top:15px;
border-radius:15px;
-webkit-box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.11); 
box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.11);
}
#divCategories_22{
padding:15px;





}
#divContentSelfService_2{
padding-right:15px;
}
#divContent_1{
height:auto;
}
#form15350_16{
padding:15px;
object-fit:contain;
min-height:180px;
height:auto;
margin-bottom:35px;
}
#div58387_7{
margin-bottom:-15px;
}
#fld52607_35{
display:block; position:static; margin:0; padding:0; border:0; border-radius:0; background:transparent; color:inherit; font-size:inherit; font-weight:inherit; line-height:inherit; text-align:left;
}
#div58387_8{
display: flex; justify-content: flex-end; width: 100%; padding-right:15px;
}
#fld52607_36{
font-size:small;
font-weight:400;
text-transform:none;
border-right:1px solid  #e7e7e7;
text-align: right;
}
#fld52607_37{
font-size:small;
font-weight:400;
text-transform:none;

text-align: right;
}
#div57540_24{
margin-top:5px;
}
#div57540_30{
position:relative; float:none; width:100%; max-width:none; margin:0;
}
#lstKB_24{
width:100%; height:100%; margin:0; padding:0;
}
#img87304_8{
  width:165px;
  object-fit: contain;
  height:120px;
  padding:5px;
  background:transparent;
  margin-top:-20px;
}
#div57540_31{
position:relative;

margin-left:25px;
}
#fld52607_38{
position:static; margin:0; padding:0; color:inherit; font-size:inherit; font-weight:400; line-height:inherit;
}
#divContentSelfService_6{
position:relative;
}
#form15350_15{
padding:15px;
object-fit:contain;
min-height:180px;
height:auto;
margin-bottom:35px;
}
#div58387_5{
margin-bottom:-15px;
}
#fld52607_12{
display:block; position:static; margin:0; padding:0; border:0; border-radius:0; background:transparent; color:inherit; font-size:inherit; font-weight:inherit; line-height:inherit; text-align:left;
}
#div58387_6{
display: flex; justify-content: flex-end; width: 100%; padding-right:15px;
}
#fld52607_28{
font-size:small;
font-weight:400;
text-transform:none;
border-right:1px solid  #e7e7e7;
text-align: right;
}
#fld52607_29{
font-size:small;
font-weight:400;
text-transform:none;

text-align: right;
}
#div57540_21{
margin-top:5px;
}
#div57540_22{
position:relative; float:none; width:100%; max-width:none; margin:0;
}
#lstKB_20{
width:100%; height:100%; margin:0; padding:0;
}
#img87304_6{
  width:165px;
  object-fit: contain;
  height:120px;
  padding:5px;
  background:transparent;
  margin-top:-20px;
}
#div57540_23{
position:relative;

margin-left:25px;
}
#fld52607_30{
position:static; margin:0; padding:0; color:inherit; font-size:inherit; font-weight:400; line-height:inherit;
}
#fld52607_14{
color:#ea634b;
}
#fld52607_16{
font-size:10px;
font-weight:400;
text-transform:none;

}
#divContent_7{
background-color:#fff;
}
#divKbEntry{
/* Standard-Stil */

padding-left: 25px;
padding-right: 25px;

margin-bottom: 15px;

/* Media-Query für Geräte mit einer maximalen Breite von 768px */
@media (max-width: 768px) {
  margin: 5px; /* Aufhebung aller vorherigen Margins */
}

}
#fld15356_20{
padding-top:-55px;
text-align:right;
font-size:11px;
}
#fld15356_21{
text-align:right;
font-size:9px;
}
#fld15356_22{
font-size:9px;float:right;
}
#img87304_4{
object-fit:contain;
width:auto;
 
}
#fld15356_8{
font-size: 16px !important;
}
#divSideMenu_2{
margin-top:18px;
}
#divRight_34{
margin:auto;
}
#divProductPic_1{
border-right: 1px solid #e7e7e7;

}
#form15505_8{
background-color:#F7F7F8;
border: 1px solid #e7e7e7;
padding: 15px;
margin-top:15px;
border-radius:15px;
-webkit-box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.11); 
box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.11);

}
#div56706_3{
background-color:#F7F7F8;
border: 1px solid #e7e7e7;
padding: 15px;
margin-top:15px;
border-radius:15px;
-webkit-box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.11); 
box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.11);
}
#div56706_5{
background-color:#F7F7F8;
border: 1px solid #e7e7e7;
padding: 15px;
margin-top:15px;
border-radius:15px;
-webkit-box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.11); 
box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.11);
}
#divProductPicVar_1{
margin-left:100px;
margin-top:50px;
}
#div30078_3{
background-color:#F7F7F8;
padding:10px !important;
}
#div30082_3{
padding:15px;
}
#div30078_42{
background-color:#F7F7F8;
padding:10px !important;
}
#form29504_4{
background-color:#fff;
display:grid; grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr); align-items:start; gap:32px; margin-left:0; margin-right:0; padding:clamp(16px,2vw,28px); background:#fff;
}
#divProductDetail_5{
margin-left:120px;
margin-right:120px;
margin-bottom:15px;

}
#divSearchProduct_25{
margin:10px;
padding:10px;
margin-top:50px;
transform:scale(0.8);
}
#divSearchProduct_5{
background-color:#f7f7f8;
padding:15px;
border-radius:15px;
-webkit-box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.11); 
box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.11);


}
#divRight_38{
padding:10px;
padding-left:15px;




}
#divProductOverviewHeadline_2{
width:90%;
margin-left:auto;
margin-right:auto;
padding:10px;
padding-top:20px;
}
#cmdChangeView_2{
color:#fff !important;
}
#divCategories{
background-color:#e9e9ec;
padding:10px;
border-radius:15px;
-webkit-box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.11); 
box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.11);
}
#div77487{
background-color:#f7f7f8;
padding:15px;
padding-bottom:40px;
border-radius:15px;
-webkit-box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.11); 
box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.11);
}
#divFilterProduct{
background-color:#e9e9ec;
padding:15px;
border-radius:15px;
-webkit-box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.11); 
box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.11);


}
#divFilterContainer{
margin-top:15px;
}
#divFilterContainer_1{
object-align:center;
text-align:center;
margin:auto;
}
#divFilterContainer_56{
object-align:center;
text-align:center;margin:auto;
}
#divFilterContainer_57{
object-align:center;
text-align:center;margin:auto;
}
#divFilterContainer_59{
object-align:center;
text-align:center;margin:auto;
}
#divSearchProduct_18{
margin-top:-25px;


}
#divSearchProduct_20{
margin-top:-25px;


}
#divSliderLengthText_1{
border:1px solid #e7e7e7;
padding:5px;
margin:5px;
}
#div42043_1{
border:1px solid #e7e7e7;
padding:5px;
margin:5px;
}
#divSearchProduct_19{
padding:15px;
margin-top:-10px;
}
#div201071{
color:#666;
}
#divRight{
padding:10px;
padding-left:15px;




}
#shop-sidebar_18{
background-color:#f1f1f2;
border-radius:15px;
-webkit-box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.11); 
box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.11);

}
#div42043_5{
border:1px solid #e7e7e7;
padding:5px;
margin:5px;
}
#div42043_6{
border:1px solid #e7e7e7;
padding:5px;
margin:5px;
}
#divSearchProduct_16{
padding:15px;


}
#divShopPageWrapper_22{
padding-right: 15px;position:relative;margin-right: 100px;
}
#divShopPageWrapper_23{
padding-left:25px;padding-right:25px;
}
#divAdvisorResults{
padding:10px;
padding-left:15px;



}
#divSearchProduct_22{
margin-top:-25px;


}
#divShopPageWrapper_18{
padding-right: 25px;
}
#div55273_11{
margin-left:45px;
}
#cmdChangeView_1{
color:#fff !important;
}
#divRight_51{
flex:0 0 75%; max-width:75%;
}
#div29932_5{
width:100%;
}
#form29876_6{
background-color:#fff;
border: 1px solid #e7e7e7;

  margin-top: 15px;
border-radius: 5px;
box-shadow: 1px 1px 1px -1px ;
margin-left:-15px;
}
#div29905_5{
    width: 150px;
    height: auto;
    display: flex;
    justify-content: center; /* Horizontale Zentrierung */
    align-items: center;     /* Vertikale Zentrierung */
}
#img29886_4{
position:relative;
    height: auto;
    display: flex;
    justify-content: center; /* Horizontale Zentrierung */
    align-items: center;     /* Vertikale Zentrierung */
margin-bottom:25px;
}
#div29906_6{
width:auto; max-width:100%; min-width:0; height:auto; align-items:center;
}
#fld29933_5{

font-weight:700;
font-size:15px;
}
#form29876_7{
margin:0; min-width:0; width:100%;
}
#form29876_8{
margin-bottom:10px;
margin-left:30px;
}
#star-input_8{
margin-left:10px;
}
#div29906_8{
margin-left:5em;
}
#div29906_7{
margin-top:40px;
}
#fld29933_7{
font-size:12px;
}
#fld29933_6{

font-size:15px;
}
#div201071_1{
color:#666;
}


/*!
 * Bootstrap v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}

*,::after,::before{box-sizing:border-box}

html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}

article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}

body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}

[tabindex="-1"]:focus{outline:0!important}

hr{box-sizing:content-box;height:0;overflow:visible}

h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}

p{margin-top:0;margin-bottom:1rem}

dl,ol,ul{margin-top:0;margin-bottom:1rem}

ol ol,ol ul,ul ol,ul ul{margin-bottom:0}

b,strong{font-weight:bolder}

small{font-size:80%}

a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}

a:hover{color:#0056b3;text-decoration:underline}

a:not([href]):not([tabindex]){color:inherit;text-decoration:none}

a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}

a:not([href]):not([tabindex]):focus{outline:0}

figure{margin:0 0 1rem}

img{vertical-align:middle;border-style:none}

svg{overflow:hidden;vertical-align:middle}

table{border-collapse:collapse}

th{text-align:inherit}

label{display:inline-block;margin-bottom:.5rem}

button{border-radius:0}

button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}

button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}

button,input{overflow:visible}

button,select{text-transform:none}

[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}

input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}

textarea{overflow:auto;resize:vertical}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}

::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}

[hidden]{display:none!important}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}

.h1,h1{font-size:2.5rem}

.h2,h2{font-size:2rem}

.h3,h3{font-size:1.75rem}

.h4,h4{font-size:1.5rem}

.h5,h5{font-size:1.25rem}

.h6,h6{font-size:1rem}

hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}

.small,small{font-size:80%;font-weight:400}

.list-unstyled{padding-left:0;list-style:none}

.list-inline{padding-left:0;list-style:none}

.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}

@media (min-width:576px) {
.container{max-width:540px}
}

@media (min-width:768px) {
.container{max-width:720px}
}

@media (min-width:992px) {
.container{max-width:960px}
}

@media (min-width:1200px) {
.container{max-width:1140px}
}

.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}

.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}

.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}

.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}

.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}

.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}

.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}

.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}

.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}

.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}

.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}

.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}

.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}

.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}

.order-1{-ms-flex-order:1;order:1}

.order-2{-ms-flex-order:2;order:2}

.order-3{-ms-flex-order:3;order:3}

.order-4{-ms-flex-order:4;order:4}

.order-5{-ms-flex-order:5;order:5}

.order-6{-ms-flex-order:6;order:6}

.order-7{-ms-flex-order:7;order:7}

.order-8{-ms-flex-order:8;order:8}

.order-10{-ms-flex-order:10;order:10}

.order-11{-ms-flex-order:11;order:11}

@media (min-width:576px) {
.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.order-sm-1{-ms-flex-order:1;order:1}
.order-sm-2{-ms-flex-order:2;order:2}
.order-sm-3{-ms-flex-order:3;order:3}
.order-sm-4{-ms-flex-order:4;order:4}
.order-sm-5{-ms-flex-order:5;order:5}
.order-sm-6{-ms-flex-order:6;order:6}
.order-sm-7{-ms-flex-order:7;order:7}
.order-sm-8{-ms-flex-order:8;order:8}
}

@media (min-width:768px) {
.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.order-md-1{-ms-flex-order:1;order:1}
}

@media (min-width:992px) {
.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-lg-13{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
.order-lg-1{-ms-flex-order:1;order:1}
.order-lg-2{-ms-flex-order:2;order:2}
.order-lg-3{-ms-flex-order:3;order:3}
.order-lg-4{-ms-flex-order:4;order:4}
.order-lg-5{-ms-flex-order:5;order:5}
.order-lg-6{-ms-flex-order:6;order:6}
.order-lg-7{-ms-flex-order:7;order:7}
.order-lg-8{-ms-flex-order:8;order:8}
}

@media (min-width:1200px) {
.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
}

.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}

.table-hover .table-primary:hover{background-color:#9fcdff}

.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}

.table-hover .table-secondary:hover{background-color:#c8cbcf}

.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}

.table-hover .table-success:hover{background-color:#b1dfbb}

.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}

.table-hover .table-info:hover{background-color:#abdde5}

.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}

.table-hover .table-warning:hover{background-color:#ffe8a1}

.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}

.table-hover .table-danger:hover{background-color:#f1b0b7}

.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}

.table-hover .table-light:hover{background-color:#ececf6}

.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}

.table-hover .table-dark:hover{background-color:#b9bbbe}

.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}

.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}

.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}

.table-dark.table-hover tbody tr:hover{background-color:rgba(255,255,255,.075)}

.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}

.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}

select.form-control:focus::-ms-value{color:#495057;background-color:#fff}

.form-check-input:disabled~.form-check-label{color:#6c757d}

.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}

.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{background-color:#34ce57}

.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)}

.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}

.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}

.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{background-color:#e4606d}

.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)}

.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}

.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}

.btn:focus,.btn:hover{text-decoration:none}

.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}

.btn.disabled,.btn:disabled{opacity:.65}

.btn:not(:disabled):not(.disabled){cursor:pointer}

a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}

.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}

.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}

.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}

.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}

.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}

.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}

.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}

.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}

.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}

.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}

.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}

.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}

.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}

.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}

.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}

.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}

.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}

.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}

.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}

.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}

.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}

.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}

.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}

.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}

.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}

.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}

.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}

.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}

.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}

.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}

.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}

.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}

.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}

.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}

.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}

.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}

.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}

.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}

.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}

.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}

.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}

.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}

.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}

.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}

.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}

.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}

.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}

.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}

.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}

.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}

.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}

.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}

.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}

.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}

.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}

.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}

.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}

.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}

.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}

.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}

.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}

.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}

.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}

.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}

.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}

.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}

.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}

.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}

.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}

.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}

.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}

.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}

.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}

.btn-link:hover{color:#0056b3;text-decoration:underline;background-color:transparent;border-color:transparent}

.btn-link.focus,.btn-link:focus{text-decoration:underline;border-color:transparent;box-shadow:none}

.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}

.fade{transition:opacity .15s linear}

.fade:not(.show){opacity:0}

.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}

.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}

.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;background-color:transparent}

.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}

.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}

.input-group>.custom-file .custom-file-input:focus{z-index:4}

.custom-control-input:checked~.custom-control-label::before{color:#fff;background-color:#007bff}

.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}

.custom-control-input:active~.custom-control-label::before{color:#fff;background-color:#b3d7ff}

.custom-control-input:disabled~.custom-control-label{color:#6c757d}

.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}

.custom-radio .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}

.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}

.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(128,189,255,.5)}

.custom-select:focus::-ms-value{color:#495057;background-color:#fff}

.custom-select:disabled{color:#6c757d;background-color:#e9ecef}

.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}

.custom-file-input:focus~.custom-file-label::after{border-color:#80bdff}

.custom-file-input:disabled~.custom-file-label{background-color:#e9ecef}

.custom-range:focus{outline:0}

.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}

.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}

.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}

.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}

.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}

.custom-range::-ms-thumb:active{background-color:#b3d7ff}

.nav-link:focus,.nav-link:hover{text-decoration:none}

.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}

.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}

.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}

.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer}

.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}

.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}

.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}

.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}

.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}

.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}

.card-title{margin-bottom:.75rem}

.card-link:hover{text-decoration:none}

.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}

.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}

.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}

.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}

.page-link:not(:disabled):not(.disabled){cursor:pointer}

.badge-primary[href]:focus,.badge-primary[href]:hover{color:#fff;text-decoration:none;background-color:#0062cc}

.badge-secondary[href]:focus,.badge-secondary[href]:hover{color:#fff;text-decoration:none;background-color:#545b62}

.badge-success[href]:focus,.badge-success[href]:hover{color:#fff;text-decoration:none;background-color:#1e7e34}

.badge-info[href]:focus,.badge-info[href]:hover{color:#fff;text-decoration:none;background-color:#117a8b}

.badge-warning[href]:focus,.badge-warning[href]:hover{color:#212529;text-decoration:none;background-color:#d39e00}

.badge-danger[href]:focus,.badge-danger[href]:hover{color:#fff;text-decoration:none;background-color:#bd2130}

.badge-light[href]:focus,.badge-light[href]:hover{color:#212529;text-decoration:none;background-color:#dae0e5}

.badge-dark[href]:focus,.badge-dark[href]:hover{color:#fff;text-decoration:none;background-color:#1d2124}

.list-group-item-action:focus,.list-group-item-action:hover{color:#495057;text-decoration:none;background-color:#f8f9fa}

.list-group-item-action:active{color:#212529;background-color:#e9ecef}

.list-group-item:focus,.list-group-item:hover{z-index:1;text-decoration:none}

.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;background-color:#fff}

.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}

.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}

.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}

.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}

.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}

.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}

.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}

.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}

.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}

.close:not(:disabled):not(.disabled){cursor:pointer}

.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{color:#000;text-decoration:none;opacity:.75}

button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none}

.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}

.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}


.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}

.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-top-left-radius:.3rem;border-top-right-radius:.3rem}

.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}

.modal-title{margin-bottom:0;line-height:1.5}

.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}

@media (min-width:576px) {
.modal-dialog{max-width:500px;margin:1.75rem auto}
}

@media (min-width:992px) {
.modal-lg{max-width:800px}
}

.carousel{position:relative}

.carousel-inner{position:relative;width:100%;overflow:hidden}

.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}

.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}

.carousel-indicators li{position:relative;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:rgba(255,255,255,.5)}

.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}

.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}

.carousel-indicators .active{background-color:#fff}

a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}

a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}

a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}

a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}

a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}

a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}

a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}

a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}

.border-bottom{border-bottom:1px solid #dee2e6!important}

.clearfix::after{display:block;clear:both;content:""}

.d-none{display:none!important}

.d-inline-block{display:inline-block!important}

.d-block{display:block!important}

.d-flex{display:-ms-flexbox!important;display:flex!important}

@media (min-width:576px) {
.d-sm-none{display:none!important}
.d-sm-block{display:block!important}
}

@media (min-width:768px) {
.d-md-none{display:none!important}
.d-md-inline{display:inline!important}
.d-md-block{display:block!important}
.d-md-flex{display:-ms-flexbox!important;display:flex!important}
}

@media (min-width:992px) {
.d-lg-none{display:none!important}
.d-lg-block{display:block!important}
}

@media (min-width:1200px) {
.d-xl-block{display:block!important}
}

@media print {
.d-print-none{display:none!important}
.d-print-inline{display:inline!important}
.d-print-inline-block{display:inline-block!important}
.d-print-block{display:block!important}
.d-print-table{display:table!important}
.d-print-table-row{display:table-row!important}
.d-print-table-cell{display:table-cell!important}
.d-print-flex{display:-ms-flexbox!important;display:flex!important}
.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}
}

.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}

.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}

.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}

.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}

.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}

.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}

.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}

.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}

.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}

.align-items-center{-ms-flex-align:center!important;align-items:center!important}

.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}

.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}

@media (min-width:576px) {
.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}
}

@media (min-width:768px) {
.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}
.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}
}

.float-left{float:left!important}

.position-relative{position:relative!important}

.position-absolute{position:absolute!important}

.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}

.m-0{margin:0!important}

.mb-0,.my-0{margin-bottom:0!important}

.mr-1,.mx-1{margin-right:.25rem!important}

.mb-1,.my-1{margin-bottom:.25rem!important}

.mt-2,.my-2{margin-top:.5rem!important}

.mr-2,.mx-2{margin-right:.5rem!important}

.mb-2,.my-2{margin-bottom:.5rem!important}

.ml-2,.mx-2{margin-left:.5rem!important}

.mt-3,.my-3{margin-top:1rem!important}

.mr-3,.mx-3{margin-right:1rem!important}

.mb-3,.my-3{margin-bottom:1rem!important}

.ml-3,.mx-3{margin-left:1rem!important}

.mt-4,.my-4{margin-top:1.5rem!important}

.mr-4,.mx-4{margin-right:1.5rem!important}

.mb-4,.my-4{margin-bottom:1.5rem!important}

.ml-4,.mx-4{margin-left:1.5rem!important}

.mt-5,.my-5{margin-top:3rem!important}

.mr-5,.mx-5{margin-right:3rem!important}

.mb-5,.my-5{margin-bottom:3rem!important}

.ml-5,.mx-5{margin-left:3rem!important}

.p-0{padding:0!important}

.pr-0,.px-0{padding-right:0!important}

.pl-0,.px-0{padding-left:0!important}

.pr-1,.px-1{padding-right:.25rem!important}

.p-2{padding:.5rem!important}

.pl-2,.px-2{padding-left:.5rem!important}

.p-3{padding:1rem!important}

.pt-3,.py-3{padding-top:1rem!important}

.pb-3,.py-3{padding-bottom:1rem!important}

.pl-3,.px-3{padding-left:1rem!important}

.pt-4,.py-4{padding-top:1.5rem!important}

.pb-4,.py-4{padding-bottom:1.5rem!important}

.p-5{padding:3rem!important}

.pt-5,.py-5{padding-top:3rem!important}

.pr-5,.px-5{padding-right:3rem!important}

.pb-5,.py-5{padding-bottom:3rem!important}

.pl-5,.px-5{padding-left:3rem!important}

.mr-auto,.mx-auto{margin-right:auto!important}

.ml-auto,.mx-auto{margin-left:auto!important}

@media (min-width:768px) {
.m-md-0{margin:0!important}
.mt-md-0,.my-md-0{margin-top:0!important}
.pl-md-3,.px-md-3{padding-left:1rem!important}
}

@media (min-width:992px) {
.mt-lg-0,.my-lg-0{margin-top:0!important}
.pt-lg-5,.py-lg-5{padding-top:3rem!important}
.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}
}

.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.text-left{text-align:left!important}

.text-right{text-align:right!important}

.text-center{text-align:center!important}

@media (min-width:576px) {
.text-sm-right{text-align:right!important}
}

.text-uppercase{text-transform:uppercase!important}

.font-weight-bold{font-weight:700!important}

.text-white{color:#fff!important}

a.text-primary:focus,a.text-primary:hover{color:#0062cc!important}

a.text-secondary:focus,a.text-secondary:hover{color:#545b62!important}

.text-success{color:#28a745!important}

a.text-success:focus,a.text-success:hover{color:#1e7e34!important}

a.text-info:focus,a.text-info:hover{color:#117a8b!important}

a.text-warning:focus,a.text-warning:hover{color:#d39e00!important}

.text-danger{color:#dc3545!important}

a.text-danger:focus,a.text-danger:hover{color:#bd2130!important}

.text-light{color:#f8f9fa!important}

a.text-light:focus,a.text-light:hover{color:#dae0e5!important}

a.text-dark:focus,a.text-dark:hover{color:#1d2124!important}

.visible{visibility:visible!important}

@media print {
*,::after,::before{text-shadow:none!important;box-shadow:none!important}
a:not(.btn){text-decoration:underline}
abbr[title]::after{content:" (" attr(title) ")"}
pre{white-space:pre-wrap!important}
blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}
thead{display:table-header-group}
img,tr{page-break-inside:avoid}
h2,h3,p{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
@page{size:a3}
body{min-width:992px!important}
.container{min-width:992px!important}
.navbar{display:none}
.badge{border:1px solid #000}
.table{border-collapse:collapse!important}
.table td,.table th{background-color:#fff!important}
.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}
.table-dark{color:inherit}
.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}
.table .thead-dark th{color:inherit;border-color:#dee2e6}
/* Fade-Transition (Basis) */
.fade{transition:opacity .15s linear}
.fade:not(.show){opacity:0}
@media screen and (prefers-reduced-motion:reduce){.fade{transition:none}}

/* Sichtbar-machen (generisch, von Modal/Dropdown/etc. genutzt) */
.show{display:block}

/* Schließen-Button (X oben rechts) */
.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}
.close:not(:disabled):not(.disabled){cursor:pointer}
.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{color:#000;text-decoration:none;opacity:.75}
button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none}

/* Modal-Grundgerüst */
.modal-open{overflow:hidden}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}
.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}
@media screen and (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}
.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}

/* Backdrop */
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
.modal-backdrop.fade{opacity:0}
.modal-backdrop.show{opacity:.5}

/* Kopf-/Titel-/Body-Bereich */
.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-top-left-radius:.3rem;border-top-right-radius:.3rem}
.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}
.modal-title{margin-bottom:0;line-height:1.5}
.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}

/* Footer (falls anderswo, z. B. bei #modal-info-texts, genutzt) */
.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}
.modal-footer>:not(:first-child){margin-left:.25rem}
.modal-footer>:not(:last-child){margin-right:.25rem}

/* Zentrierte Variante (falls anderswo genutzt) */
.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))}
.modal-dialog-centered::before{display:block;height:calc(100vh - (.5rem * 2));content:""}

/* Internes JS-Hilfsmittel für Scrollbar-Breitenmessung */
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}

/* Größenvarianten */
@media (min-width:576px){
  .modal-dialog{max-width:500px;margin:1.75rem auto}
  .modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}
  .modal-dialog-centered::before{height:calc(100vh - (1.75rem * 2))}
  .modal-sm{max-width:300px}
}
@media (min-width:992px){.modal-lg{max-width:800px}}
}



/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */

.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}

@font-face {
  font-family: 'themify';
  src: url('/mf/CustomUpload/374O357O340O370O356O369O350O327O327O337O366O371O356O369O371O/WebPortal/Rotert/img/assets/fonts/themify.eot?-fvbane');
  src: url('/mf/CustomUpload/374O357O340O370O356O369O350O327O327O337O366O371O356O369O371O/WebPortal/Rotert/img/assets/fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'),
       url('/mf/CustomUpload/374O357O340O370O356O369O350O327O327O337O366O371O356O369O371O/WebPortal/Rotert/img/assets/fonts/themify.woff?-fvbane') format('woff'),
       url('/mf/CustomUpload/374O357O340O370O356O369O350O327O327O337O366O371O356O369O371O/WebPortal/Rotert/img/assets/fonts/themify.ttf?-fvbane') format('truetype'),
       url('/mf/CustomUpload/374O357O340O370O356O369O350O327O327O337O366O371O356O369O371O/WebPortal/Rotert/img/assets/fonts/themify.svg?-fvbane#themify') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


[class^="ti-"], [class*=" ti-"] {
	font-family: 'themify';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.ti-wand:before {
	content: "\e600";
}
.ti-volume:before {
	content: "\e601";
}
.ti-user:before {
	content: "\e602";
}
.ti-unlock:before {
	content: "\e603";
}
.ti-unlink:before {
	content: "\e604";
}
.ti-trash:before {
	content: "\e605";
}
.ti-thought:before {
	content: "\e606";
}
.ti-target:before {
	content: "\e607";
}
.ti-tag:before {
	content: "\e608";
}
.ti-tablet:before {
	content: "\e609";
}
.ti-star:before {
	content: "\e60a";
}
.ti-spray:before {
	content: "\e60b";
}
.ti-signal:before {
	content: "\e60c";
}
.ti-shopping-cart:before {
	content: "\e60d";
}
.ti-shopping-cart-full:before {
	content: "\e60e";
}
.ti-settings:before {
	content: "\e60f";
}
.ti-search:before {
	content: "\e610";
}
.ti-zoom-in:before {
	content: "\e611";
}
.ti-zoom-out:before {
	content: "\e612";
}
.ti-cut:before {
	content: "\e613";
}
.ti-ruler:before {
	content: "\e614";
}
.ti-ruler-pencil:before {
	content: "\e615";
}
.ti-ruler-alt:before {
	content: "\e616";
}
.ti-bookmark:before {
	content: "\e617";
}
.ti-bookmark-alt:before {
	content: "\e618";
}
.ti-reload:before {
	content: "\e619";
}
.ti-plus:before {
	content: "\e61a";
}
.ti-pin:before {
	content: "\e61b";
}
.ti-pencil:before {
	content: "\e61c";
}
.ti-pencil-alt:before {
	content: "\e61d";
}
.ti-paint-roller:before {
	content: "\e61e";
}
.ti-paint-bucket:before {
	content: "\e61f";
}
.ti-na:before {
	content: "\e620";
}
.ti-mobile:before {
	content: "\e621";
}
.ti-minus:before {
	content: "\e622";
}
.ti-medall:before {
	content: "\e623";
}
.ti-medall-alt:before {
	content: "\e624";
}
.ti-marker:before {
	content: "\e625";
}
.ti-marker-alt:before {
	content: "\e626";
}
.ti-arrow-up:before {
	content: "\e627";
}
.ti-arrow-right:before {
	content: "\e628";
}
.ti-arrow-left:before {
	content: "\e629";
}
.ti-arrow-down:before {
	content: "\e62a";
}
.ti-lock:before {
	content: "\e62b";
}
.ti-location-arrow:before {
	content: "\e62c";
}
.ti-link:before {
	content: "\e62d";
}
.ti-layout:before {
	content: "\e62e";
}
.ti-layers:before {
	content: "\e62f";
}
.ti-layers-alt:before {
	content: "\e630";
}
.ti-key:before {
	content: "\e631";
}
.ti-import:before {
	content: "\e632";
}
.ti-image:before {
	content: "\e633";
}
.ti-heart:before {
	content: "\e634";
}
.ti-heart-broken:before {
	content: "\e635";
}
.ti-hand-stop:before {
	content: "\e636";
}
.ti-hand-open:before {
	content: "\e637";
}
.ti-hand-drag:before {
	content: "\e638";
}
.ti-folder:before {
	content: "\e639";
}
.ti-flag:before {
	content: "\e63a";
}
.ti-flag-alt:before {
	content: "\e63b";
}
.ti-flag-alt-2:before {
	content: "\e63c";
}
.ti-eye:before {
	content: "\e63d";
}
.ti-export:before {
	content: "\e63e";
}
.ti-exchange-vertical:before {
	content: "\e63f";
}
.ti-desktop:before {
	content: "\e640";
}
.ti-cup:before {
	content: "\e641";
}
.ti-crown:before {
	content: "\e642";
}
.ti-comments:before {
	content: "\e643";
}
.ti-comment:before {
	content: "\e644";
}
.ti-comment-alt:before {
	content: "\e645";
}
.ti-close:before {
	content: "\e646";
}
.ti-clip:before {
	content: "\e647";
}
.ti-angle-up:before {
	content: "\e648";
}
.ti-angle-right:before {
	content: "\e649";
}
.ti-angle-left:before {
	content: "\e64a";
}
.ti-angle-down:before {
	content: "\e64b";
}
.ti-check:before {
	content: "\e64c";
}
.ti-check-box:before {
	content: "\e64d";
}
.ti-camera:before {
	content: "\e64e";
}
.ti-announcement:before {
	content: "\e64f";
}
.ti-brush:before {
	content: "\e650";
}
.ti-briefcase:before {
	content: "\e651";
}
.ti-bolt:before {
	content: "\e652";
}
.ti-bolt-alt:before {
	content: "\e653";
}
.ti-blackboard:before {
	content: "\e654";
}
.ti-bag:before {
	content: "\e655";
}
.ti-move:before {
	content: "\e656";
}
.ti-arrows-vertical:before {
	content: "\e657";
}
.ti-arrows-horizontal:before {
	content: "\e658";
}
.ti-fullscreen:before {
	content: "\e659";
}
.ti-arrow-top-right:before {
	content: "\e65a";
}
.ti-arrow-top-left:before {
	content: "\e65b";
}
.ti-arrow-circle-up:before {
	content: "\e65c";
}
.ti-arrow-circle-right:before {
	content: "\e65d";
}
.ti-arrow-circle-left:before {
	content: "\e65e";
}
.ti-arrow-circle-down:before {
	content: "\e65f";
}
.ti-angle-double-up:before {
	content: "\e660";
}
.ti-angle-double-right:before {
	content: "\e661";
}
.ti-angle-double-left:before {
	content: "\e662";
}
.ti-angle-double-down:before {
	content: "\e663";
}
.ti-zip:before {
	content: "\e664";
}
.ti-world:before {
	content: "\e665";
}
.ti-wheelchair:before {
	content: "\e666";
}
.ti-view-list:before {
	content: "\e667";
}
.ti-view-list-alt:before {
	content: "\e668";
}
.ti-view-grid:before {
	content: "\e669";
}
.ti-uppercase:before {
	content: "\e66a";
}
.ti-upload:before {
	content: "\e66b";
}
.ti-underline:before {
	content: "\e66c";
}
.ti-truck:before {
	content: "\e66d";
}
.ti-timer:before {
	content: "\e66e";
}
.ti-ticket:before {
	content: "\e66f";
}
.ti-thumb-up:before {
	content: "\e670";
}
.ti-thumb-down:before {
	content: "\e671";
}
.ti-text:before {
	content: "\e672";
}
.ti-stats-up:before {
	content: "\e673";
}
.ti-stats-down:before {
	content: "\e674";
}
.ti-split-v:before {
	content: "\e675";
}
.ti-split-h:before {
	content: "\e676";
}
.ti-smallcap:before {
	content: "\e677";
}
.ti-shine:before {
	content: "\e678";
}
.ti-shift-right:before {
	content: "\e679";
}
.ti-shift-left:before {
	content: "\e67a";
}
.ti-shield:before {
	content: "\e67b";
}
.ti-notepad:before {
	content: "\e67c";
}
.ti-server:before {
	content: "\e67d";
}
.ti-quote-right:before {
	content: "\e67e";
}
.ti-quote-left:before {
	content: "\e67f";
}
.ti-pulse:before {
	content: "\e680";
}
.ti-printer:before {
	content: "\e681";
}
.ti-power-off:before {
	content: "\e682";
}
.ti-plug:before {
	content: "\e683";
}
.ti-pie-chart:before {
	content: "\e684";
}
.ti-paragraph:before {
	content: "\e685";
}
.ti-panel:before {
	content: "\e686";
}
.ti-package:before {
	content: "\e687";
}
.ti-music:before {
	content: "\e688";
}
.ti-music-alt:before {
	content: "\e689";
}
.ti-mouse:before {
	content: "\e68a";
}
.ti-mouse-alt:before {
	content: "\e68b";
}
.ti-money:before {
	content: "\e68c";
}
.ti-microphone:before {
	content: "\e68d";
}
.ti-menu:before {
	content: "\e68e";
}
.ti-menu-alt:before {
	content: "\e68f";
}
.ti-map:before {
	content: "\e690";
}
.ti-map-alt:before {
	content: "\e691";
}
.ti-loop:before {
	content: "\e692";
}
.ti-location-pin:before {
	content: "\e693";
}
.ti-list:before {
	content: "\e694";
}
.ti-light-bulb:before {
	content: "\e695";
}
.ti-Italic:before {
	content: "\e696";
}
.ti-info:before {
	content: "\e697";
}
.ti-infinite:before {
	content: "\e698";
}
.ti-id-badge:before {
	content: "\e699";
}
.ti-hummer:before {
	content: "\e69a";
}
.ti-home:before {
	content: "\e69b";
}
.ti-help:before {
	content: "\e69c";
}
.ti-headphone:before {
	content: "\e69d";
}
.ti-harddrives:before {
	content: "\e69e";
}
.ti-harddrive:before {
	content: "\e69f";
}
.ti-gift:before {
	content: "\e6a0";
}
.ti-game:before {
	content: "\e6a1";
}
.ti-filter:before {
	content: "\e6a2";
}
.ti-files:before {
	content: "\e6a3";
}
.ti-file:before {
	content: "\e6a4";
}
.ti-eraser:before {
	content: "\e6a5";
}
.ti-envelope:before {
	content: "\e6a6";
}
.ti-download:before {
	content: "\e6a7";
}
.ti-direction:before {
	content: "\e6a8";
}
.ti-direction-alt:before {
	content: "\e6a9";
}
.ti-dashboard:before {
	content: "\e6aa";
}
.ti-control-stop:before {
	content: "\e6ab";
}
.ti-control-shuffle:before {
	content: "\e6ac";
}
.ti-control-play:before {
	content: "\e6ad";
}
.ti-control-pause:before {
	content: "\e6ae";
}
.ti-control-forward:before {
	content: "\e6af";
}
.ti-control-backward:before {
	content: "\e6b0";
}
.ti-cloud:before {
	content: "\e6b1";
}
.ti-cloud-up:before {
	content: "\e6b2";
}
.ti-cloud-down:before {
	content: "\e6b3";
}
.ti-clipboard:before {
	content: "\e6b4";
}
.ti-car:before {
	content: "\e6b5";
}
.ti-calendar:before {
	content: "\e6b6";
}
.ti-book:before {
	content: "\e6b7";
}
.ti-bell:before {
	content: "\e6b8";
}
.ti-basketball:before {
	content: "\e6b9";
}
.ti-bar-chart:before {
	content: "\e6ba";
}
.ti-bar-chart-alt:before {
	content: "\e6bb";
}
.ti-back-right:before {
	content: "\e6bc";
}
.ti-back-left:before {
	content: "\e6bd";
}
.ti-arrows-corner:before {
	content: "\e6be";
}
.ti-archive:before {
	content: "\e6bf";
}
.ti-anchor:before {
	content: "\e6c0";
}
.ti-align-right:before {
	content: "\e6c1";
}
.ti-align-left:before {
	content: "\e6c2";
}
.ti-align-justify:before {
	content: "\e6c3";
}
.ti-align-center:before {
	content: "\e6c4";
}
.ti-alert:before {
	content: "\e6c5";
}
.ti-alarm-clock:before {
	content: "\e6c6";
}
.ti-agenda:before {
	content: "\e6c7";
}
.ti-write:before {
	content: "\e6c8";
}
.ti-window:before {
	content: "\e6c9";
}
.ti-widgetized:before {
	content: "\e6ca";
}
.ti-widget:before {
	content: "\e6cb";
}
.ti-widget-alt:before {
	content: "\e6cc";
}
.ti-wallet:before {
	content: "\e6cd";
}
.ti-video-clapper:before {
	content: "\e6ce";
}
.ti-video-camera:before {
	content: "\e6cf";
}
.ti-vector:before {
	content: "\e6d0";
}
.ti-themify-logo:before {
	content: "\e6d1";
}
.ti-themify-favicon:before {
	content: "\e6d2";
}
.ti-themify-favicon-alt:before {
	content: "\e6d3";
}
.ti-support:before {
	content: "\e6d4";
}
.ti-stamp:before {
	content: "\e6d5";
}
.ti-split-v-alt:before {
	content: "\e6d6";
}
.ti-slice:before {
	content: "\e6d7";
}
.ti-shortcode:before {
	content: "\e6d8";
}
.ti-shift-right-alt:before {
	content: "\e6d9";
}
.ti-shift-left-alt:before {
	content: "\e6da";
}
.ti-ruler-alt-2:before {
	content: "\e6db";
}
.ti-receipt:before {
	content: "\e6dc";
}
.ti-pin2:before {
	content: "\e6dd";
}
.ti-pin-alt:before {
	content: "\e6de";
}
.ti-pencil-alt2:before {
	content: "\e6df";
}
.ti-palette:before {
	content: "\e6e0";
}
.ti-more:before {
	content: "\e6e1";
}
.ti-more-alt:before {
	content: "\e6e2";
}
.ti-microphone-alt:before {
	content: "\e6e3";
}
.ti-magnet:before {
	content: "\e6e4";
}
.ti-line-double:before {
	content: "\e6e5";
}
.ti-line-dotted:before {
	content: "\e6e6";
}
.ti-line-dashed:before {
	content: "\e6e7";
}
.ti-layout-width-full:before {
	content: "\e6e8";
}
.ti-layout-width-default:before {
	content: "\e6e9";
}
.ti-layout-width-default-alt:before {
	content: "\e6ea";
}
.ti-layout-tab:before {
	content: "\e6eb";
}
.ti-layout-tab-window:before {
	content: "\e6ec";
}
.ti-layout-tab-v:before {
	content: "\e6ed";
}
.ti-layout-tab-min:before {
	content: "\e6ee";
}
.ti-layout-slider:before {
	content: "\e6ef";
}
.ti-layout-slider-alt:before {
	content: "\e6f0";
}
.ti-layout-sidebar-right:before {
	content: "\e6f1";
}
.ti-layout-sidebar-none:before {
	content: "\e6f2";
}
.ti-layout-sidebar-left:before {
	content: "\e6f3";
}
.ti-layout-placeholder:before {
	content: "\e6f4";
}
.ti-layout-menu:before {
	content: "\e6f5";
}
.ti-layout-menu-v:before {
	content: "\e6f6";
}
.ti-layout-menu-separated:before {
	content: "\e6f7";
}
.ti-layout-menu-full:before {
	content: "\e6f8";
}
.ti-layout-media-right-alt:before {
	content: "\e6f9";
}
.ti-layout-media-right:before {
	content: "\e6fa";
}
.ti-layout-media-overlay:before {
	content: "\e6fb";
}
.ti-layout-media-overlay-alt:before {
	content: "\e6fc";
}
.ti-layout-media-overlay-alt-2:before {
	content: "\e6fd";
}
.ti-layout-media-left-alt:before {
	content: "\e6fe";
}
.ti-layout-media-left:before {
	content: "\e6ff";
}
.ti-layout-media-center-alt:before {
	content: "\e700";
}
.ti-layout-media-center:before {
	content: "\e701";
}
.ti-layout-list-thumb:before {
	content: "\e702";
}
.ti-layout-list-thumb-alt:before {
	content: "\e703";
}
.ti-layout-list-post:before {
	content: "\e704";
}
.ti-layout-list-large-image:before {
	content: "\e705";
}
.ti-layout-line-solid:before {
	content: "\e706";
}
.ti-layout-grid4:before {
	content: "\e707";
}
.ti-layout-grid3:before {
	content: "\e708";
}
.ti-layout-grid2:before {
	content: "\e709";
}
.ti-layout-grid2-thumb:before {
	content: "\e70a";
}
.ti-layout-cta-right:before {
	content: "\e70b";
}
.ti-layout-cta-left:before {
	content: "\e70c";
}
.ti-layout-cta-center:before {
	content: "\e70d";
}
.ti-layout-cta-btn-right:before {
	content: "\e70e";
}
.ti-layout-cta-btn-left:before {
	content: "\e70f";
}
.ti-layout-column4:before {
	content: "\e710";
}
.ti-layout-column3:before {
	content: "\e711";
}
.ti-layout-column2:before {
	content: "\e712";
}
.ti-layout-accordion-separated:before {
	content: "\e713";
}
.ti-layout-accordion-merged:before {
	content: "\e714";
}
.ti-layout-accordion-list:before {
	content: "\e715";
}
.ti-ink-pen:before {
	content: "\e716";
}
.ti-info-alt:before {
	content: "\e717";
}
.ti-help-alt:before {
	content: "\e718";
}
.ti-headphone-alt:before {
	content: "\e719";
}
.ti-hand-point-up:before {
	content: "\e71a";
}
.ti-hand-point-right:before {
	content: "\e71b";
}
.ti-hand-point-left:before {
	content: "\e71c";
}
.ti-hand-point-down:before {
	content: "\e71d";
}
.ti-gallery:before {
	content: "\e71e";
}
.ti-face-smile:before {
	content: "\e71f";
}
.ti-face-sad:before {
	content: "\e720";
}
.ti-credit-card:before {
	content: "\e721";
}
.ti-control-skip-forward:before {
	content: "\e722";
}
.ti-control-skip-backward:before {
	content: "\e723";
}
.ti-control-record:before {
	content: "\e724";
}
.ti-control-eject:before {
	content: "\e725";
}
.ti-comments-smiley:before {
	content: "\e726";
}
.ti-brush-alt:before {
	content: "\e727";
}
.ti-youtube:before {
	content: "\e728";
}
.ti-vimeo:before {
	content: "\e729";
}
.ti-twitter:before {
	content: "\e72a";
}
.ti-time:before {
	content: "\e72b";
}
.ti-tumblr:before {
	content: "\e72c";
}
.ti-skype:before {
	content: "\e72d";
}
.ti-share:before {
	content: "\e72e";
}
.ti-share-alt:before {
	content: "\e72f";
}
.ti-rocket:before {
	content: "\e730";
}
.ti-pinterest:before {
	content: "\e731";
}
.ti-new-window:before {
	content: "\e732";
}
.ti-microsoft:before {
	content: "\e733";
}
.ti-list-ol:before {
	content: "\e734";
}
.ti-linkedin:before {
	content: "\e735";
}
.ti-layout-sidebar-2:before {
	content: "\e736";
}
.ti-layout-grid4-alt:before {
	content: "\e737";
}
.ti-layout-grid3-alt:before {
	content: "\e738";
}
.ti-layout-grid2-alt:before {
	content: "\e739";
}
.ti-layout-column4-alt:before {
	content: "\e73a";
}
.ti-layout-column3-alt:before {
	content: "\e73b";
}
.ti-layout-column2-alt:before {
	content: "\e73c";
}
.ti-instagram:before {
	content: "\e73d";
}
.ti-google:before {
	content: "\e73e";
}
.ti-github:before {
	content: "\e73f";
}
.ti-flickr:before {
	content: "\e740";
}
.ti-facebook:before {
	content: "\e741";
}
.ti-dropbox:before {
	content: "\e742";
}
.ti-dribbble:before {
	content: "\e743";
}
.ti-apple:before {
	content: "\e744";
}
.ti-android:before {
	content: "\e745";
}
.ti-save:before {
	content: "\e746";
}
.ti-save-alt:before {
	content: "\e747";
}
.ti-yahoo:before {
	content: "\e748";
}
.ti-wordpress:before {
	content: "\e749";
}
.ti-vimeo-alt:before {
	content: "\e74a";
}
.ti-twitter-alt:before {
	content: "\e74b";
}
.ti-tumblr-alt:before {
	content: "\e74c";
}
.ti-trello:before {
	content: "\e74d";
}
.ti-stack-overflow:before {
	content: "\e74e";
}
.ti-soundcloud:before {
	content: "\e74f";
}
.ti-sharethis:before {
	content: "\e750";
}
.ti-sharethis-alt:before {
	content: "\e751";
}
.ti-reddit:before {
	content: "\e752";
}
.ti-pinterest-alt:before {
	content: "\e753";
}
.ti-microsoft-alt:before {
	content: "\e754";
}
.ti-linux:before {
	content: "\e755";
}
.ti-jsfiddle:before {
	content: "\e756";
}
.ti-joomla:before {
	content: "\e757";
}
.ti-html5:before {
	content: "\e758";
}
.ti-flickr-alt:before {
	content: "\e759";
}
.ti-email:before {
	content: "\e75a";
}
.ti-drupal:before {
	content: "\e75b";
}
.ti-dropbox-alt:before {
	content: "\e75c";
}
.ti-css3:before {
	content: "\e75d";
}
.ti-rss:before {
	content: "\e75e";
}
.ti-rss-alt:before {
	content: "\e75f";
}


@font-face {
  font-family: 'Pe-icon-7-stroke';
  src: url('/mf/CustomUpload/374O357O340O370O356O369O350O327O327O337O366O371O356O369O371O/WebPortal/Rotert/img/assets/fonts/Pe-icon-7-stroke.eot?d7yf1v');
  src: url('/mf/CustomUpload/374O357O340O370O356O369O350O327O327O337O366O371O356O369O371O/WebPortal/Rotert/img/assets/fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'),
       url('/mf/CustomUpload/374O357O340O370O356O369O350O327O327O337O366O371O356O369O371O/WebPortal/Rotert/img/assets/fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'),
       url('/mf/CustomUpload/374O357O340O370O356O369O350O327O327O337O366O371O356O369O371O/WebPortal/Rotert/img/assets/fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'),
       url('/mf/CustomUpload/374O357O340O370O356O369O350O327O327O337O366O371O356O369O371O/WebPortal/Rotert/img/assets/fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


[class^="pe-7s-"], [class*=" pe-7s-"] {
	display: inline-block;
	font-family: 'Pe-icon-7-stroke';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
        font-display: swap;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}



.pe-7s-album:before {
	content: "\e6aa";
}
.pe-7s-arc:before {
	content: "\e6ab";
}
.pe-7s-back-2:before {
	content: "\e6ac";
}
.pe-7s-bandaid:before {
	content: "\e6ad";
}
.pe-7s-car:before {
	content: "\e6ae";
}
.pe-7s-diamond:before {
	content: "\e6af";
}
.pe-7s-door-lock:before {
	content: "\e6b0";
}
.pe-7s-eyedropper:before {
	content: "\e6b1";
}
.pe-7s-female:before {
	content: "\e6b2";
}
.pe-7s-gym:before {
	content: "\e6b3";
}
.pe-7s-hammer:before {
	content: "\e6b4";
}
.pe-7s-headphones:before {
	content: "\e6b5";
}
.pe-7s-helm:before {
	content: "\e6b6";
}
.pe-7s-hourglass:before {
	content: "\e6b7";
}
.pe-7s-leaf:before {
	content: "\e6b8";
}
.pe-7s-magic-wand:before {
	content: "\e6b9";
}
.pe-7s-male:before {
	content: "\e6ba";
}
.pe-7s-map-2:before {
	content: "\e6bb";
}
.pe-7s-next-2:before {
	content: "\e6bc";
}
.pe-7s-paint-bucket:before {
	content: "\e6bd";
}
.pe-7s-pendrive:before {
	content: "\e6be";
}
.pe-7s-photo:before {
	content: "\e6bf";
}
.pe-7s-piggy:before {
	content: "\e6c0";
}
.pe-7s-plugin:before {
	content: "\e6c1";
}
.pe-7s-refresh-2:before {
	content: "\e6c2";
}
.pe-7s-rocket:before {
	content: "\e6c3";
}
.pe-7s-settings:before {
	content: "\e6c4";
}
.pe-7s-shield:before {
	content: "\e6c5";
}
.pe-7s-smile:before {
	content: "\e6c6";
}
.pe-7s-usb:before {
	content: "\e6c7";
}
.pe-7s-vector:before {
	content: "\e6c8";
}
.pe-7s-wine:before {
	content: "\e6c9";
}
.pe-7s-cloud-upload:before {
	content: "\e68a";
}
.pe-7s-cash:before {
	content: "\e68c";
}
.pe-7s-close:before {
	content: "\e680";
}
.pe-7s-bluetooth:before {
	content: "\e68d";
}
.pe-7s-cloud-download:before {
	content: "\e68b";
}
.pe-7s-way:before {
	content: "\e68e";
}
.pe-7s-close-circle:before {
	content: "\e681";
}
.pe-7s-id:before {
	content: "\e68f";
}
.pe-7s-angle-up:before {
	content: "\e682";
}
.pe-7s-wristwatch:before {
	content: "\e690";
}
.pe-7s-angle-up-circle:before {
	content: "\e683";
}
.pe-7s-world:before {
	content: "\e691";
}
.pe-7s-angle-right:before {
	content: "\e684";
}
.pe-7s-volume:before {
	content: "\e692";
}
.pe-7s-angle-right-circle:before {
	content: "\e685";
}
.pe-7s-users:before {
	content: "\e693";
}
.pe-7s-angle-left:before {
	content: "\e686";
}
.pe-7s-user-female:before {
	content: "\e694";
}
.pe-7s-angle-left-circle:before {
	content: "\e687";
}
.pe-7s-up-arrow:before {
	content: "\e695";
}
.pe-7s-angle-down:before {
	content: "\e688";
}
.pe-7s-switch:before {
	content: "\e696";
}
.pe-7s-angle-down-circle:before {
	content: "\e689";
}
.pe-7s-scissors:before {
	content: "\e697";
}
.pe-7s-wallet:before {
	content: "\e600";
}
.pe-7s-safe:before {
	content: "\e698";
}
.pe-7s-volume2:before {
	content: "\e601";
}
.pe-7s-volume1:before {
	content: "\e602";
}
.pe-7s-voicemail:before {
	content: "\e603";
}
.pe-7s-video:before {
	content: "\e604";
}
.pe-7s-user:before {
	content: "\e605";
}
.pe-7s-upload:before {
	content: "\e606";
}
.pe-7s-unlock:before {
	content: "\e607";
}
.pe-7s-umbrella:before {
	content: "\e608";
}
.pe-7s-trash:before {
	content: "\e609";
}
.pe-7s-tools:before {
	content: "\e60a";
}
.pe-7s-timer:before {
	content: "\e60b";
}
.pe-7s-ticket:before {
	content: "\e60c";
}
.pe-7s-target:before {
	content: "\e60d";
}
.pe-7s-sun:before {
	content: "\e60e";
}
.pe-7s-study:before {
	content: "\e60f";
}
.pe-7s-stopwatch:before {
	content: "\e610";
}
.pe-7s-star:before {
	content: "\e611";
}
.pe-7s-speaker:before {
	content: "\e612";
}
.pe-7s-signal:before {
	content: "\e613";
}
.pe-7s-shuffle:before {
	content: "\e614";
}
.pe-7s-shopbag:before {
	content: "\e615";
}
.pe-7s-share:before {
	content: "\e616";
}
.pe-7s-server:before {
	content: "\e617";
}
.pe-7s-search:before {
	content: "\e618";
}
.pe-7s-film:before {
	content: "\e6a5";
}
.pe-7s-science:before {
	content: "\e619";
}
.pe-7s-disk:before {
	content: "\e6a6";
}
.pe-7s-ribbon:before {
	content: "\e61a";
}
.pe-7s-repeat:before {
	content: "\e61b";
}
.pe-7s-refresh:before {
	content: "\e61c";
}
.pe-7s-add-user:before {
	content: "\e6a9";
}
.pe-7s-refresh-cloud:before {
	content: "\e61d";
}
.pe-7s-paperclip:before {
	content: "\e69c";
}
.pe-7s-radio:before {
	content: "\e61e";
}
.pe-7s-note2:before {
	content: "\e69d";
}
.pe-7s-print:before {
	content: "\e61f";
}
.pe-7s-network:before {
	content: "\e69e";
}
.pe-7s-prev:before {
	content: "\e620";
}
.pe-7s-mute:before {
	content: "\e69f";
}
.pe-7s-power:before {
	content: "\e621";
}
.pe-7s-medal:before {
	content: "\e6a0";
}
.pe-7s-portfolio:before {
	content: "\e622";
}
.pe-7s-like2:before {
	content: "\e6a1";
}
.pe-7s-plus:before {
	content: "\e623";
}
.pe-7s-left-arrow:before {
	content: "\e6a2";
}
.pe-7s-play:before {
	content: "\e624";
}
.pe-7s-key:before {
	content: "\e6a3";
}
.pe-7s-plane:before {
	content: "\e625";
}
.pe-7s-joy:before {
	content: "\e6a4";
}
.pe-7s-photo-gallery:before {
	content: "\e626";
}
.pe-7s-pin:before {
	content: "\e69b";
}
.pe-7s-phone:before {
	content: "\e627";
}
.pe-7s-plug:before {
	content: "\e69a";
}
.pe-7s-pen:before {
	content: "\e628";
}
.pe-7s-right-arrow:before {
	content: "\e699";
}
.pe-7s-paper-plane:before {
	content: "\e629";
}
.pe-7s-delete-user:before {
	content: "\e6a7";
}
.pe-7s-paint:before {
	content: "\e62a";
}
.pe-7s-bottom-arrow:before {
	content: "\e6a8";
}
.pe-7s-notebook:before {
	content: "\e62b";
}
.pe-7s-note:before {
	content: "\e62c";
}
.pe-7s-next:before {
	content: "\e62d";
}
.pe-7s-news-paper:before {
	content: "\e62e";
}
.pe-7s-musiclist:before {
	content: "\e62f";
}
.pe-7s-music:before {
	content: "\e630";
}
.pe-7s-mouse:before {
	content: "\e631";
}
.pe-7s-more:before {
	content: "\e632";
}
.pe-7s-moon:before {
	content: "\e633";
}
.pe-7s-monitor:before {
	content: "\e634";
}
.pe-7s-micro:before {
	content: "\e635";
}
.pe-7s-menu:before {
	content: "\e636";
}
.pe-7s-map:before {
	content: "\e637";
}
.pe-7s-map-marker:before {
	content: "\e638";
}
.pe-7s-mail:before {
	content: "\e639";
}
.pe-7s-mail-open:before {
	content: "\e63a";
}
.pe-7s-mail-open-file:before {
	content: "\e63b";
}
.pe-7s-magnet:before {
	content: "\e63c";
}
.pe-7s-loop:before {
	content: "\e63d";
}
.pe-7s-look:before {
	content: "\e63e";
}
.pe-7s-lock:before {
	content: "\e63f";
}
.pe-7s-lintern:before {
	content: "\e640";
}
.pe-7s-link:before {
	content: "\e641";
}
.pe-7s-like:before {
	content: "\e642";
}
.pe-7s-light:before {
	content: "\e643";
}
.pe-7s-less:before {
	content: "\e644";
}
.pe-7s-keypad:before {
	content: "\e645";
}
.pe-7s-junk:before {
	content: "\e646";
}
.pe-7s-info:before {
	content: "\e647";
}
.pe-7s-home:before {
	content: "\e648";
}
.pe-7s-help2:before {
	content: "\e649";
}
.pe-7s-help1:before {
	content: "\e64a";
}
.pe-7s-graph3:before {
	content: "\e64b";
}
.pe-7s-graph2:before {
	content: "\e64c";
}
.pe-7s-graph1:before {
	content: "\e64d";
}
.pe-7s-graph:before {
	content: "\e64e";
}
.pe-7s-global:before {
	content: "\e64f";
}
.pe-7s-gleam:before {
	content: "\e650";
}
.pe-7s-glasses:before {
	content: "\e651";
}
.pe-7s-gift:before {
	content: "\e652";
}
.pe-7s-folder:before {
	content: "\e653";
}
.pe-7s-flag:before {
	content: "\e654";
}
.pe-7s-filter:before {
	content: "\e655";
}
.pe-7s-file:before {
	content: "\e656";
}
.pe-7s-expand1:before {
	content: "\e657";
}
.pe-7s-exapnd2:before {
	content: "\e658";
}
.pe-7s-edit:before {
	content: "\e659";
}
.pe-7s-drop:before {
	content: "\e65a";
}
.pe-7s-drawer:before {
	content: "\e65b";
}
.pe-7s-download:before {
	content: "\e65c";
}
.pe-7s-display2:before {
	content: "\e65d";
}
.pe-7s-display1:before {
	content: "\e65e";
}
.pe-7s-diskette:before {
	content: "\e65f";
}
.pe-7s-date:before {
	content: "\e660";
}
.pe-7s-cup:before {
	content: "\e661";
}
.pe-7s-culture:before {
	content: "\e662";
}
.pe-7s-crop:before {
	content: "\e663";
}
.pe-7s-credit:before {
	content: "\e664";
}
.pe-7s-copy-file:before {
	content: "\e665";
}
.pe-7s-config:before {
	content: "\e666";
}
.pe-7s-compass:before {
	content: "\e667";
}
.pe-7s-comment:before {
	content: "\e668";
}
.pe-7s-coffee:before {
	content: "\e669";
}
.pe-7s-cloud:before {
	content: "\e66a";
}
.pe-7s-clock:before {
	content: "\e66b";
}
.pe-7s-check:before {
	content: "\e66c";
}
.pe-7s-chat:before {
	content: "\e66d";
}
.pe-7s-cart:before {
	content: "\e66e";
}
.pe-7s-camera:before {
	content: "\e66f";
}
.pe-7s-call:before {
	content: "\e670";
}
.pe-7s-calculator:before {
	content: "\e671";
}
.pe-7s-browser:before {
	content: "\e672";
}
.pe-7s-box2:before {
	content: "\e673";
}
.pe-7s-box1:before {
	content: "\e674";
}
.pe-7s-bookmarks:before {
	content: "\e675";
}
.pe-7s-bicycle:before {
	content: "\e676";
}
.pe-7s-bell:before {
	content: "\e677";
}
.pe-7s-battery:before {
	content: "\e678";
}
.pe-7s-ball:before {
	content: "\e679";
}
.pe-7s-back:before {
	content: "\e67a";
}
.pe-7s-attention:before {
	content: "\e67b";
}
.pe-7s-anchor:before {
	content: "\e67c";
}
.pe-7s-albums:before {
	content: "\e67d";
}
.pe-7s-alarm:before {
	content: "\e67e";
}
.pe-7s-airplay:before {
	content: "\e67f";
}


.mean-container .mean-nav ul li a:hover {
  background: #f8f8f8 none repeat scroll 0 0;
  color: #000;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
  background: #f8f8f8;
}

/* 1. IMPORTS & FONTS                                                         */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* 2. VARIABLES (ROOT)                                                        */
/* -------------------------------------------------------------------------- */
:root {
  /* Basis Farben */
  --white: #fff;
  --black: #000;
  --color-1: #444444;
  --color-2: #626262;
  --color-3: #8185a0;
  --color-4: #666;
  --color-5: #3b4764;
  --color-6: #e7e7e7;
  --color-7: #b4b5bc;
  --color-8: #a7a7a7;
  --color-9: #050035;
  --color-10: #070b21;
  --color-11: #c6c6c6;
  --color-12: #fe0000;
  --color-13: #222222;
  --color-14: #1a1a1a;
  --color-15: #1c1e23;
  --color-16: #b8bfd3;
  --color-17: #343e5c;
  --color-18: #eee;
  --color-19: #333;
  --color-20: #5b5b63;
  --color-21: #ccc;
  --color-22: #ddd;
  --color-23: #d4d4d4;
  --color-24: #b1b1b1;
  --color-25: #aaa;
  --color-26: #999;
  --color-27: #1f51d3;
  --color-28: #414141;
  --color-29: #696969;
  --color-30: #5f5f5f;
  --color-31: #f1f1f1;
  --color-32: #8e8d8d;
  --color-33: #dedede;
  --color-34: #555;
  --color-35: #6c6c6c;
  --color-36: #090909;
  --color-37: #f7f7f7;
  --color-38: #191919;
  --color-39: #818181;
  --color-40: #dcdcdc;
  --color-41: #727272;
  --color-42: #707070;
  --color-43: #828282;
  --color-44: #545454;
  --color-45: #e5e5e5;
  --color-46: #919191;
  --color-47: #6f6f6f;
  --color-48: #222;
  --color-49: #eceff8;
  --color-50: #444;
  --color-51: #777;
  --color-52: #f7f6f7;
  --color-53: #515151;
  --color-54: #f2f2f2;
  --color-55: #d8d8d8;
  --color-56: #464646;
  --color-57: #ebebeb;
  --color-58: #b7b7b7;
  --color-59: #c1c1c1;
  --color-60: #3f3f3f;

  /* Backgrounds & RGB */
  --rgb-1: 0 0 0;
  --rgb-2: 255, 255, 255;
  --rgb-3: 56, 56, 56;
  --gray-bg: #fafafa;
  --gray-bg-2: #fcfcfc;
  --gray-bg-3: #ececec;
  --gray-bg-7: #f9f9f9;
  --black-bg: #282828;
  --black-bg-2: #181818;
}

/* -------------------------------------------------------------------------- */
/* 3. BASE STYLES & RESET                                                     */
/* -------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  color: #222222;
  margin-top: 0;
  font-style: normal;
  font-weight: 400;
}

/* Legacy Headers (MyFactory Specifics) */
h10 {
  margin: 50px auto;
  text-align: center;
  text-shadow: -1px -1px 0 rgba(232,82,55,.7), 3px 3px 0 #DC3618;
  opacity: .4;
  font: 700 40px Bitter;
  color: #fff;
  text-transform: uppercase;
}
h11 {
  text-shadow: -1px -1px 0 rgba(232,82,55,.7), 3px 3px 0 rgba(232,82,55,.7);
}
h11, h12 {
  margin: 50px auto;
  text-align: center;
  opacity: .8;
  font: 400 30px Bitter;
  color: #fff;
  text-transform: uppercase;
}
h12 {
  text-shadow: -1px -1px 0 #139ad7, 3px 3px 0 #139ad7;
}
h13 {
  text-shadow: -1px -1px 0 rgba(0,0,0,.7), 3px 3px 0 #000;
  opacity: .4;
  color: #fff;
}

h13, h14 {
  margin: 50px auto;
  text-align: center;
  font: 700 40px Bitter;
  text-transform: uppercase;
}
h14 {
  text-shadow: -1px -1px 0 rgba(0,0,0,.7), 1px 1px 0 #000;
  opacity: .8;
  color: #DC3618;
}
h15 {
  text-shadow: -1px -1px 0 rgba(0,0,0,.7), 3px 3px 0 #000;
  color: #fff;
}

.p {
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
  color: #2a2a2a;
  margin-bottom: 5px;
}

a, button, input {
  color: #444444;
}
a { transition: all .3s ease-out 0s; }
a:link:not(.achievement), a:visited:not(.achievement) { text-decoration: none; }
a:hover:not(.achievement), a:active:not(.achievement) { transition: .3s; text-decoration: none; }
a:hover:not(.achievement):where(:not([class*="btn"]):not([class*="button"])), a:active:not(.achievement):where(:not([class*="btn"]):not([class*="button"])) { color: #DC3618; }

/* Scrollbar */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: transparent; border-radius: 15px; }
::-webkit-scrollbar-thumb { background: rgba(232, 82, 55, .5); border-radius: 15px; }
::-webkit-scrollbar-thumb:hover { background: #DC3618; }
* { scrollbar-width: thin; scrollbar-color: rgba(232, 82, 55, .5) transparent; }

/* Seitenbasis html und body */
html { overflow-x: hidden; overflow-y: auto; scroll-behavior: smooth; scrollbar-gutter: stable; }
body { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: 400; font-style: normal; font-size: 13px; color: #444444; overflow-x: hidden; overflow-y: visible !important; margin: 0; width: 100%; }

/* Skiplink */
.rt-skip { position: absolute; left: 8px; top: -60px; z-index: 10000; padding: 10px 16px; background: #fff; color: #222; font-weight: 700; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,.3); }
.rt-skip:focus { top: 8px; }

/* -------------------------------------------------------------------------- */
/* 4. UTILITY CLASSES & GRID                                                  */
/* -------------------------------------------------------------------------- */
.no-bullets { list-style-type: none; padding-left: 0; margin: 0; }
.col-lg-4-2 { -ms-flex: 0 0 20.333333%; flex: 0 0 20.333333%; max-width: 20.333333%; }
.col-lg-4-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.nopadding { padding-left: 0 !important; padding-right: 0 !important; }
.nopadding2 { padding-left: 0 !important; padding-right: 0 !important; margin-right: 20px; }
.text-decoration-line-through { text-decoration: line-through; }
.disabled { pointer-events: none; cursor: default; padding: 0px !important; }
.hidden { visibility: hidden; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.zindex-100 { z-index: 100 !important; }
.cursor-pointer { cursor: pointer; transition: .3s; }
.bold { font-weight: 700; }
.prl-15, .prl-fluid { padding-left: 15px; padding-right: 15px; }
.bg-dangerbutton { background-color: #d9534f; color: #fff; text-transform: uppercase; }
.bg-successbutton { background-color: #5cb85c; color: #fff; text-transform: uppercase; }
.gray-bg { background: #fafafa; }
.gray-bg-2 { background: #fcfcfc; }
.gray-bg-3 { background: #ececec; }
.gray-bg-7 { background: #f9f9f9; }
.black-bg { background: #282828; }
.black-bg-2 { background: #181818; }
.gray-text-2 { color: #fcfcfc; }
.white-text { color: #fff; }
.imagescaledown { object-fit: scale-down; }

/* Custom Descriptions Headers */
.custom-description .headerM,
.custom-description .headerM1,
.custom-description .headerM2,
.custom-description .headerM3,
.custom-description .headerM4,
.custom-description [class^="headerM"] {
    display: block;
    font-family: inherit;
    font-weight: 700;
    font-size: 14px;
    color: #333;
    margin-top: 15px !important;
    margin-bottom: 5px !important;
    line-height: 1.4;
}

/* Custom Description Body */
.custom-description {
    text-align: start;
    font-size: 0.9rem; 
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.6;
    color: #222;
}
.custom-description * {
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
    line-height: inherit !important;
    text-align: inherit !important;
    margin: 0;
    padding: 0;
    background: none !important;
    border: none !important;
}
.custom-description br + * { margin-top: 0; }
.custom-description ul, .custom-description ol { margin: 0.5rem 0; padding-left: 1.5rem; }
.custom-description li { list-style: disc; }
.custom-description br { height: 0.5em; content: ""; }
.custom-description br + br { display: none; }

/* Inhalts-Typografie rt- */
.rt-h2 { font-size: 32px; line-height: 1.2; }
.rt-h3 { font-size: 28px; line-height: 1.2; }
.rt-h4 { font-size: 24px; line-height: 1.2; }
.rt-h5 { font-size: 20px; line-height: 1.2; }
.rt-hp { font-family: inherit; font-size: 24px; font-weight: 400; line-height: 1.2; color: #222; margin-bottom: 8px; }
.rt-tabspan { font-family: inherit; line-height: inherit; display: block; }
.rt-hdiv { font-family: inherit; font-size: 32px; line-height: 1.2; color: #222; margin-bottom: 8px; }

/* Margins & Paddings */
.ptb-40 { padding-top: 40px; padding-bottom: 40px; }
.pb-25 { padding-bottom: 25px; }
.pt-75 { padding-top: 75px; }
.mb-40 { margin-bottom: 40px; }
.pb-40 { padding-bottom: 40px; }
.pb-50 { padding-bottom: 50px; }
.pt-35 { padding-top: 35px; }
.pb-30 { padding-bottom: 30px; }
.pt-25 { padding-top: 25px; }
.mrg-5 { margin-top: 5px; }
.mb-50 { margin-bottom: 50px; }
.mb-30 { margin-bottom: 30px; }
.mt-button { margin-top: 1rem !important; }
.border-radius-10 { border-radius: 10px; }

/* Images & Sizes */
img.lazy-load { opacity: 0; transition: opacity .5s ease-in-out; }
img.lazy-load.loaded { opacity: 1; }
.lazy-load { display: block; opacity: 0; transition: opacity .5s ease-in-out; width: 100%; object-fit: cover; }
.lazy-load.loaded { opacity: 1; }

.img-h-70 { height: 70%; }
.img-wh-100 { width: 100%; height: 100%; }
.img-w-150-h-100 { width: 150%; height: 100%; }
.img-w-70 { width: 70%; }
.img-w-100 { width: 100%; max-width: 100%; object-fit: contain; max-height: 600px;}
.img-w-100-2 { width: 80%; object-fit: contain; max-height: 80px; margin-left: 0; }
.img-w-100-3 { width: 100%; object-fit: contain; max-height: 650px; margin-left: 50px; margin-top: 10px; }
.img-w-100-4 { width: 80%; object-fit: contain; padding: 5px; position: relative; }
.img-w-100-5 { width: 80%; object-fit: contain; }
.img-w-100-6 { display: block; margin-left: auto; margin-right: auto; max-height: 500px; width: 100%; object-fit: contain; }
.img-w-100-7 { width: 100%; object-fit: contain; position: relative; left: -150px; filter: drop-shadow(1px 1px 1px #000); }
.img-h-100 { height: 100%; }
.img-wh-cover { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; min-height: 0; margin: 0; padding: 0; object-fit: contain; mix-blend-mode: multiply; filter: brightness(1.05); transform: scale(1.05); transition: transform .35s; }
.product-grid:hover .img-wh-cover { transform: scale(1.11); }
.min-width-15 { min-width: 35rem; }
.min-width-28 { min-width: 28rem; }
.min-width-30 { min-width: 30rem; }
.font-size-05 { font-size: .5rem; }
.font-size-06 { font-size: .6rem; }
.font-size-07 { font-size: .7rem; }
.font-size-50 { font-size: 50%; }
.font-size-200 { font-size: 200%; }
.font-size-80menu { font-size: 80%; }
.responsive { display: block; margin-left: auto; margin-right: auto; max-width: 210%; }
.responsive-container { max-width: 100%; display: flex; justify-content: center; }
.img-contain {
    object-fit: contain !important;
    width: 100%;      
    display: block;    
}
.visually-hidden-h1 { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/* -------------------------------------------------------------------------- */
/* 5. HEADER & NAVIGATION                                                     */
/* -------------------------------------------------------------------------- */
.header { position: relative; top: 0; width: 100%; z-index: 1000; color: #8185a0; transition: .3s; }
.header-wrapper { color: #8185a0; border-bottom: 1px solid #e7e7e7; text-transform: uppercase; }
.header i { font-size: 18px; padding-right: .5rem; vertical-align: middle; }
.header a { text-decoration: none; color: #8185a0; }
.header > li { flex: 1 0 auto; text-align: center; padding: 1rem 10px; flex-grow: 1; line-height: .5; border-right: 1px solid #e7e7e7; border-image: linear-gradient(transparent 0%, transparent 30%, #e7e7e7 30%, #e7e7e7 70%, transparent 70%, transparent 100%) 1 100%; border-left: 0 none; }
.header > li:first-child { padding-left: 15px; }
.header > li:last-of-type { border-right: 1px solid #e7e7e7; }
.header > li:empty { flex-grow: 100; border-right: 0; }

.top-banner { background: #757575; background-color: #555; padding: 5px 0; font-size: 14px; font-weight: bold; text-transform: uppercase; color: white; display: flex; justify-content: center; align-items: center; height: 40px; overflow: hidden; box-sizing: border-box; font-family: inherit; position: relative; width: 100%; }
.header .top-banner { height: auto !important; min-height: 40px; }
.banner-content { display: flex; width: 100%; justify-content: space-between; align-items: center; }
.banner-item { flex: 1; text-align: center; padding: 0 15px; }
.marquee-content { display: flex; white-space: nowrap; animation: a 55s linear infinite; }
.banner-title, .banner-subtitle { font-weight: 700; margin-top: 2px !important; font-size: 12px; margin: 0 10px; color: #fff !important; z-index: 2; }
.header-bar-container { overflow: hidden; width: 100%; height: 30px; background-color: #b2b2b2; color: #fff; font-weight: 700; font-size: 13px; }
.header-bar { display: flex; align-items: center; white-space: nowrap; animation: k 40s linear infinite; }
.header-bar-item { padding: .5em 1em; font-size: 1em; display: flex; flex-wrap: nowrap; }
.header-bar-item span { margin-right: 10em; }
.footerboxes { border:1px solid rgba(255,255,255,.16); border-radius:14px; background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.025)); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); padding:20px; box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 5px 16px rgba(0,0,0,.08); }

/* Main Menu */
.main-menu { background-color: #DC3618; background-size: 400% 400%; z-index: 1001; box-shadow: inset 8px 8px 22px 0 rgba(0,0,0,.2), inset -8px -8px 16px 0 hsla(0,0%,100%,.19), 0 3px 10px 2px #777; transition: background-color .4s ease-in-out; }
.main-menu #divMenuCategory h6 { color: #efefef; font-size: 16px; font-weight: 700; margin: 0; text-transform: uppercase; cursor: pointer; white-space: nowrap; line-height: 48px; }
.main-menu nav > ul { margin-bottom: 0; padding-left: 100px; }
.main-menu nav > ul > li { display: inline-block; margin: 0; position: relative; }
.main-menu nav > ul > li > a { color: #fff; display: inline-block; font-size: 13px; font-weight: 700; line-height: 48px; text-transform: uppercase; }
.hauptmenu { transition: .3s; font-weight: 700; padding-left: 3px; padding-right: 5px; text-shadow: 0 3px 4px rgba(0,0,0,.5); }
.hauptmenu:hover { transition: .3s; border-radius: 0; color: #fff; filter: drop-shadow(0 0 3px rgba(255,255,255,.74)); }
.main-menu-title { color:#fff; }
a.main-menu-title:hover,
a.main-menu-title:active,
a.hauptmenu:hover,
a.hauptmenu:active {
  color: #fff;
}
/* Menu Dropdowns & Submenus */
.languageselectoption, .myaccountoption { position: absolute; top: 101%; opacity: 0; visibility: hidden; background-color: #fff; box-shadow: 0 0 15px .08px rgba(0,0,0,.15); z-index: 9999; transition: all .3s ease 0s; text-align: left; }

.myaccountoption { left: 0; padding: 1.2rem; padding-left: 25px; width: auto; min-width: 200px; border-radius: 0 0 15px 15px; font-weight: 600; font-size: 12px; background: linear-gradient(162deg, #fff, #f8f8f8 75%, #f1f1f1); }
.myaccountoption li {margin-bottom: 1.5rem !important;}
.languageselectmenu:hover .languageselectoption, .myaccountmenu:hover .myaccountoption { visibility: visible; opacity: 1; transition: .3s; }

.submenu-entry, .submenu-entry-v-v-v { text-align: left; height: 70px; border-bottom: 1px solid #e7e7e7; transition: .3s; font-size: small; }
.submenu-entry-2 { text-align: left; border-bottom: 1px solid #e7e7e7; transition: .3s; }
.submenu-title { text-decoration: none; line-height: 2; font-size: 18px; font-weight: 700; margin-bottom: 27px; padding-bottom: 10px; position: relative; text-transform: uppercase; color: #222222; }
.submenu-title:before { bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 40px; background-color: #c6c6c6; }
.submenu-catalog-pic { max-height: 65px; object-fit: contain; transition: .3s; }
.submenu-wrapper, .submenu-wrapper-v-v-v { opacity: 0; left: 100%; visibility: hidden; width: 100%; top: 0; display: none !important; transition: .3s; }
.submenu-entry:hover, .submenu-entry-2:hover, .submenu-entry-v-v-v:hover { transition: all .3s; padding-right: 10px; }
.submenu-entry:hover .submenu-catalog-pic { transform: scale(1.2); padding-right: 15px; transition: all .3s; }
.submenu-entry:hover { filter: drop-shadow(0 0 5px rgba(255,255,255,.54)); transition: .3s; }

.single-dropdown { left: 0; padding: 1rem; position: absolute; text-align: left; top: 110%; min-width: 180px; z-index: 9999; opacity: 0; visibility: hidden; transition: all .3s ease 0s; background: linear-gradient(162deg, #fff, #f8f8f8 75%, #f1f1f1); box-shadow: 0 0 20px .18px rgba(0,0,0,.3); border-radius: 0 0 10px 10px; font-weight: 700; color: #666; }
.single-dropdown > li > a:hover, .submenu-title:hover, .thirdmenu-entry:hover { text-decoration: none; color: #DC3618; font-weight: 700; transition: all .3s; }
/* ===== ROTERT: Ganze Zeile im Dropdown-Menü (inkl. Account-Dropdown) als Link klickbar machen ===== */
ul.single-dropdown > li,
#divMyAccountDropDown > ul > li {
  margin: 0 !important;
  padding: 0 !important;
}

ul.single-dropdown > li > a,
#divMyAccountDropDown > ul > li > a {
  display: block !important;
  width: 100% !important;
  padding: 8px 3px !important;
  box-sizing: border-box;
}

/* Konto-Dropdown Buttons */
#divMyAccountDropDown input[type="submit"].default-btn,
.myaccountoption input[type="submit"].default-btn {
background: #b92e15 !important; color: #fff !important; border-color: #b92e15 !important;
opacity: 1; min-height: 44px; width: 100%; max-width: 100%;
}
#divMyAccountDropDown input[type="submit"].default-btn:hover,
.myaccountoption input[type="submit"].default-btn:hover {
background: #92230f !important; color: #fff !important; border-color: #92230f !important;
}
#divMyAccountDropDown input[type="submit"]:focus-visible { outline: 3px solid #174f7c; outline-offset: 3px; }
.menu-hover:hover .single-dropdown { opacity: 1; top: 100%; visibility: visible; transition: .5s; }
.thirdmenu-entry { font-size: 14px; text-transform: capitalize; font-weight: 400; color: #222222; background-color: transparent; }
.thirdmenu-wrapper { border-right: 1px solid #e7e7e7; }
.MenuTwoWrapper .main-menu-wrapper { top: 3rem; left: 0; display: none; transition: .3s; }
.main-menu-wrapper, .main-menu-wrapper-2 { left: 5px; width: calc(200% - 10px); display: none; z-index: 1001; }
.menu-switch-show, .mobile-menu-area.mobile-menu-none-block { display: block; }
.mobile-menu .mean-nav ul.menu-overflow { margin-top: 10px; overflow-y: auto; }
.electro-2-menu .mean-container a.meanmenu-reveal { top: -40px; right: 15px; }
.mean-container a.meanmenu-reveal { top: -76px; height: 18px; line-height: 1; border: 1px solid #666; }
.catalog-menu ul { list-style-type: none; margin: 0; position: relative; background: #070b21; z-index: 1000; padding: 1rem 0; color: #343a40 !important; }
.catalog-menu ul li { padding-bottom: 5px; }
.catalog-menu ul li a { border-bottom: 1px solid #f1f1f1; color: #fff; display: block; font-size: 14px; font-weight: 600; text-transform: none; padding: 10px; margin-left: 20px; margin-right: 20px; position: relative; text-align: left; cursor: pointer; transition: .3s; }
.catalog-menu ul li a i { color: #fff; font-size: 16px; position: absolute; right: 0; top: 12px; }
.catalog-menu ul li:hover > a, .catalog-menu ul li:hover > a i { color: #8185a0; transition: .3s; }
.catalog-menu-pictures { max-height: 200px; }
.catalog-menu-text { position: absolute; top: 10%; left: 10%; }
.catalog-menu-text > h4, .catalog-menu-text > span { color: #fff; text-shadow: 0 0 10px #000; }
#catalog-menu-container { width: 200%; margin-left: -15px; z-index: 9998; }

.sticky { top: 0; background: #DC3618; box-shadow: inset 8px 8px 22px 0 rgba(0,0,0,.2), inset -8px -8px 16px 0 hsla(0,0%,100%,.19), 0 3px 10px 2px #777; position: fixed; width: 100%; z-index: 1001; }
.sticky2 { position: fixed; width: 100%; z-index: 1001; top: 50px; }
#divMenuContainer.sticky { height: 50px; }

/* Mobiler Menuelink und Hauptmenue-Huelle */
#div35238 > #myLink:has(#img132172:not(.visible)) { visibility: hidden; }
#divMenuCategory > a#myLink { display: none; }
#divMainMenuWrapper_3 {
  --rt-menu-release: 20261029e;
  --menu-column: 360px;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: auto;
  bottom: auto;
  z-index: 1010;
  display: block !important;
  width: min(var(--menu-column), var(--menu-available-width, calc(100vw - 32px))) !important;
  max-width: var(--menu-available-width, calc(100vw - 32px));
  margin: 0;
  padding: 10px !important;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.92);
  border-radius: 18px;
  background: linear-gradient(180deg,rgba(255,255,255,.82),rgba(248,250,252,.76));
  color: #26323b !important;
  box-shadow: inset 0 1.5px 1px rgba(255,255,255,.9), inset 0 -1px 1px rgba(255,255,255,.35), inset 1px 0 1px rgba(255,255,255,.4), inset -1px 0 1px rgba(255,255,255,.2), 0 24px 60px -12px rgba(15,23,42,.12), 0 8px 24px -4px rgba(15,23,42,.06), 0 2px 6px rgba(15,23,42,.04);
  -webkit-backdrop-filter: blur(20px) saturate(180%) brightness(1.06) contrast(1.02);
  backdrop-filter: blur(20px) saturate(180%) brightness(1.06) contrast(1.02);
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  line-height: 1.45;
  transition: opacity 160ms ease, transform 160ms ease;
}
#divMainMenuWrapper_3::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  padding: 1px;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.25) 45%,rgba(255,255,255,.05) 75%,rgba(255,255,255,.4));
  -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
#divMainMenuWrapper_3::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(550px circle at var(--mouse-x,50%) var(--mouse-y,0%),rgba(255,255,255,.55),transparent 45%);
}
#divMainMenuWrapper_3[hidden] { display: none !important; }
#divMainMenuWrapper_3[data-depth="2"] { width: min(730px, var(--menu-available-width, calc(100vw - 32px))) !important; }
#divMainMenuWrapper_3[data-depth="3"] { width: min(1100px, var(--menu-available-width, calc(100vw - 32px))) !important; }
#divMainMenu_3 {
  position: relative;
  z-index: 1;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr) auto;
  align-items: start;
  gap: 0 10px;
  width: 100%;
  margin: 0 !important;
  height: min(620px, var(--menu-available-height, calc(100dvh - 220px)));
  min-height: 0;
}
#divMainMenuWrapper_3[data-depth="2"] #divMainMenu_3 { grid-template-columns: repeat(2,minmax(0,1fr)); }
#divMainMenuWrapper_3[data-depth="3"] #divMainMenu_3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
#lstMenuFirst_3 { grid-column: 1; grid-row: 1; min-height: 0; max-height: 100%; overflow-y: auto; scrollbar-width: thin; }
#divMainMenuWrapper_3 .min-width-30 { min-width: 0; width: 100%; }
#divMainMenuWrapper_3 [data-menu-panel] {
  display: none !important;
  grid-row: 1 / 3;
  height: 100%;
  max-height: min(620px, var(--menu-available-height, calc(100dvh - 220px)));
  min-width: 0;
  padding: 0 0 0 10px;
  border-left: 1px solid transparent;
  border-image: linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.08) 50%,rgba(0,0,0,.02)) 1;
  border-radius: 0 11px 11px 0;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #bdc8cf transparent;
  overscroll-behavior: contain;
  animation: none;
}
#divMainMenuWrapper_3 [data-menu-panel="2"] { grid-column: 2; background: rgba(255,255,255,.25); }
#divMainMenuWrapper_3 [data-menu-panel="3"] { grid-column: 3; background: rgba(255,255,255,.45); }
#divMainMenuWrapper_3 [data-menu-panel][data-open="true"] { display: block !important; }
#divMainMenuWrapper_3 .container-appear,
#divMainMenuWrapper_3 .container-disappear { opacity: 1; animation: none; }
#divMainMenuWrapper_3 [data-menu-level] {
  display: block !important;
  position: relative;
  height: auto !important;
  margin: 2px 0;
  padding: 0 !important;
  border: 1px solid transparent;
  border-radius: 11px;
  background: transparent;
  transition: background-color 140ms ease, border-color 140ms ease;
}
#divMainMenuWrapper_3 [data-menu-level]:hover,
#divMainMenuWrapper_3 [data-menu-level]:focus-within,
#divMainMenuWrapper_3 [data-menu-level][data-active="true"] {
  border-color: rgba(168,181,192,.23);
  background: rgba(255,255,255,.82);
  box-shadow: inset 0 1px .5px rgba(255,255,255,.95),0 2px 8px rgba(0,0,0,.04);
}
#divMainMenuWrapper_3 [data-menu-level]::after {
  content: "";
  position: absolute;
  left: 57px;
  right: 35px;
  bottom: 1px;
  height: 2px;
  border-radius: 2px;
  background: #d8232a;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 160ms cubic-bezier(.16,1,.3,1);
  pointer-events: none;
}
#divMainMenuWrapper_3 [data-menu-level][data-active="true"]::after { transform: scaleX(1); }
#divMainMenuWrapper_3 [data-menu-row] {
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 56px;
  padding: 5px 7px !important;
  gap: 9px;
}
#divMainMenuWrapper_3 [data-menu-row] > a:has(img) { flex: 0 0 40px; width: 40px; max-width: 40px; padding: 0 !important; }
#divMainMenuWrapper_3 [data-menu-row] > img,
#divMainMenuWrapper_3 [data-menu-row] img {
  display: block;
  width: 40px;
  height: 40px;
  max-height: 40px;
  margin: 0;
  padding: 0 !important;
  object-fit: contain;
  transform: none !important;
  transition: none;
}
#divMainMenuWrapper_3 [data-menu-row] > a.menueintrag {
  order: 2;
  display: flex;
  flex: 1 1 0;
  align-items: center;
  align-self: stretch;
  min-width: 0;
  max-width: none;
  width: auto;
  margin: 0;
  padding: 3px 0 !important;
  color: #26323b !important;
  background: transparent !important;
  font: inherit;
  font-weight: 600;
  text-decoration: none !important;
  overflow-wrap: anywhere;
  hyphens: auto;
}
#divMainMenuWrapper_3 [data-menu-row] > a.menueintrag:hover,
#divMainMenuWrapper_3 [data-active="true"] > [data-menu-row] > a.menueintrag { color: #c5272e !important; }
#divMainMenuWrapper_3 [data-menu-row] > button {
  order: 3;
  display: grid;
  flex: 0 0 28px;
  place-items: center;
  align-self: stretch;
  width: 28px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  color: #647583;
  background: transparent;
  font: inherit;
  font-size: 22px;
  cursor: pointer;
}
#divMainMenuWrapper_3 [data-menu-row] > button:hover { color: #d8232a; background: rgba(216,35,42,.07); }
#divMainMenuWrapper_3 a:focus-visible,
#divMainMenuWrapper_3 button:focus-visible,
#linkCatalogs:focus-visible { outline: 2px solid #d8232a; outline-offset: 3px; }
#divMainMenuWrapper_3 [data-menu-info] {
  grid-column: 1;
  grid-row: 2;
  align-self: end;
  box-sizing: border-box;
  height: 320px;
  min-height: 0;
  display: flex;
  gap: 10px;
  margin: 16px 6px 4px;
  padding: 16px 4px 5px;
  border-top: 1px solid rgba(105,123,137,.19);
  color: #566572;
  font-size: 12.5px;
  line-height: 1.55;
  margin-bottom:-40px;
}
#divMainMenuWrapper_3 [data-menu-info] > span:first-child { flex: 0 0 20px; color: #d8232a; font-size: 20px; }
#divMainMenuWrapper_3 [data-menu-description] { flex: 1 1 auto; min-width: 0; min-height: 0; overflow: visible; }
#divMainMenuWrapper_3 [data-menu-bar],
#divMainMenuWrapper_3 [data-menu-all] { display: none; }
@supports not (backdrop-filter: blur(1px)) { #divMainMenuWrapper_3 { background: #f5f8fa; } }
@media (prefers-reduced-transparency: reduce) { #divMainMenuWrapper_3 { background: #f5f8fa; backdrop-filter: none; -webkit-backdrop-filter: none; } }
@starting-style { #divMainMenuWrapper_3:not([hidden]) { opacity: 0; transform: translateY(-4px) scale(.985); } }
@media (prefers-reduced-motion: reduce) {
  #divMainMenuWrapper_3, #divMainMenuWrapper_3 [data-menu-level], #divMainMenuWrapper_3 [data-menu-level]::after { transition: none; transform: none; }
  #divMainMenuWrapper_3::after { display: none; }
}
@media (max-width: 991px) {
  body[data-catalog-menu-open="true"] { overflow:hidden; }
  #divMainMenuWrapper_3,
  #divMainMenuWrapper_3[data-depth="2"],
  #divMainMenuWrapper_3[data-depth="3"] { position: fixed !important; left: 8px !important; z-index:2147483647 !important; top: var(--menu-mobile-top, 210px); width: calc(100vw - 16px) !important; max-width: calc(100vw - 16px); }
  #divMainMenu_3,
  #divMainMenuWrapper_3[data-depth="2"] #divMainMenu_3,
  #divMainMenuWrapper_3[data-depth="3"] #divMainMenu_3 { display: block !important; height: auto; max-height: var(--menu-available-height, 65dvh); overflow-y: auto; min-height: 0; }
  #divMainMenuWrapper_3 [data-menu-panel] { height: auto; max-height: none; margin: 8px 0; padding-left: 12px; overflow: visible; }
  #divMainMenuWrapper_3 [data-menu-info] { margin-top: 12px; }
  #lstMenuFirst_3 { max-height: none; overflow: visible; }
  #divMainMenuWrapper_3 [data-menu-bar] { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; padding:0 4px 8px; border-bottom:1px solid #d9e0e5; color:#26323b; }
  #divMainMenuWrapper_3 [data-menu-bar] > button { display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; border-radius:10px; background:#edf1f4; color:#26323b; font:inherit; font-size:28px; cursor:pointer; }
  #divMainMenuWrapper_3 [data-menu-row] > button { flex-basis:44px; width:44px; min-height:44px; }
  #divMainMenuWrapper_3 [data-menu-row] > a.menueintrag { font-size:14px; }
  #divMainMenuWrapper_3 [data-menu-all] { display:block; margin:2px 6px 10px; padding:12px; border-radius:8px; background:#fff; color:#c5272e; font-size:13px; font-weight:700; text-decoration:none; }
  #divMainMenuWrapper_3 [data-menu-level] { border-color:transparent; box-shadow:none; background:transparent; }
  #divMainMenuWrapper_3 [data-menu-level]::after { display:none; }
  #divMainMenuWrapper_3 [data-active="true"] > [data-menu-row] { background:#fff; border-radius:10px; }

}


/* Sprachauswahl */
.pe-7s-flag { display: none !important; }
.languageselectmenu { position: relative; list-style: none; border-left: 1px solid #e7e7e7 !important; }
a#ActiveLanguage { display: flex; align-items: center; gap: 8px; text-decoration: none; color: #333; font-weight: bold; }
a#ActiveLanguage::before, #cmd20207::before, #cmd20207_1::before { content: ""; display: inline-block; width: 20px; height: 15px; background-size: cover; background-position: center; background-repeat: no-repeat; margin-right: 5px; }
#ActiveLanguage.lang-de::before, #cmd20207::before { background-image: url('/mf/CustomUpload/374O357O340O370O356O369O350O327O327O337O366O371O356O369O371O/de.png'); }
#ActiveLanguage.lang-en::before, #cmd20207_1::before { background-image: url('/mf/CustomUpload/374O357O340O370O356O369O350O327O327O337O366O371O356O369O371O/gb.png'); }
.languageselectoption { width: 80%; display: none; position: absolute; top: 100%; right: 0; background: #ffffff; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); min-width: 140px; z-index: 1000; padding: 10px 0; list-style: none; }
.languageselectmenu:hover .languageselectoption { display: block; }
.languageselectoption li { margin: 0 !important; }
.languageselectoption li a { display: flex; align-items: center; padding: 8px 15px; text-decoration: none; color: #444; transition: background 0.2s; }
.languageselectoption li a:hover { background-color: #f5f5f5; color: #E94F35; }
#cmd20207::before { margin-right: 10px; }
#cmd20207_1::before { margin-right: 10px; }
.pe-7s-angle-down { transition: transform 0.3s; margin-left: 5px; }
.languageselectmenu:hover .pe-7s-angle-down { transform: rotate(180deg); }

/* -------------------------------------------------------------------------- */
/* 6. SEARCH & INPUTS                                                         */
/* -------------------------------------------------------------------------- */
.searchfield { border-radius: 10px; font-size: 14px; padding: 2px; padding-bottom: 3px; transition: .3s; box-shadow: 12px 12px 16px 0 rgba(0,0,0,.15), -8px -8px 12px 0 hsla(0,0%,100%,.2); cursor: pointer; background-color: #fff; width: 100%; }
.searchfield:hover { box-shadow: -2px 2px 5px .08px rgba(0,0,0,.15); transition: .3s; }
.searchfield input { border: none; color: #666; height: auto; letter-spacing: 1px; width: 100%; margin-bottom: 8px; background-color: transparent; }
.searchfield button { color: #fff; font-weight: 600; border-radius: 0 10px 10px 0 !important; cursor: pointer; letter-spacing: 1px; text-transform: uppercase; height: auto; background-color: #DC3618; transition: .3s; }
.searchfield button:hover { border-image: none; border-color: #DC3618; color: #fff; box-shadow: 0 0 15px .08px rgba(0,0,0,.15); }

.productSearchButton { width: 100%; max-width: 280px; height: 40px; border-radius: 15px; background-color: #fff; border: none; font-weight: 500; display: flex; align-items: center; justify-content: space-between; padding: 0 30px; box-shadow: 12px 12px 16px 0 rgba(0,0,0,.15), -8px -8px 12px 0 hsla(0,0%,100%,.2); cursor: pointer; transition: all .3s ease; position: relative; color: #666; margin-left: 150px; }
.productSearchIconContainer { display: flex; align-items: center; justify-content: center; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0,0,0,.1); width: 70px; height: 70px; border-radius: 50%; transition: all .3s ease; }
.productSearchButton:hover { box-shadow: 0 4px 20px 0 rgba(0,0,0,.1); }
.productSearchButton:hover .productSearchIconContainer { background-color: #DC3618; width: 70px; height: 70px; box-shadow: 0 2px 10px 0 rgba(0,0,0,.4); }
.productSearchIcon { font-size: 34px; color: #666; transition: .3s; }
.productSearchButton:hover .productSearchIcon { font-size: 48px; color: #fff; }
.productSearchButton span { font-size: 14px; text-transform: uppercase; color: #999; }

.live-search-container { position: absolute; z-index: 1100; top: 79px; left: 0; width: 100%; background-color: #fff; transform: scale(1); border-radius: 10px; box-shadow: 12px 12px 16px 0 rgba(0,0,0,.15), -8px -8px 12px 0 hsla(0,0%,100%,.2); }
.live-search-container .product-content-list, .live-search-container .product-img { -ms-flex: 0 0 50%; max-width: 100%; height: 100%; }
.live-search-container #divProductImgList_1 { margin-top: 0; }
.live-search-pic { width: 25px; height: 25px; }

.checkfield { border-radius: 15px; font-size: 12px; padding: 2px; padding-bottom: 3px; transition: .3s; box-shadow: 12px 12px 16px 0 rgba(0,0,0,.15), -8px -8px 12px 0 hsla(0,0%,100%,.2); cursor: pointer; background-color: #fff; }
.checkfield:hover { box-shadow: 0 0 15px .08px rgba(0,0,0,.15); transition: .3s; }
.checkfield input { border: none; color: #666; height: auto; letter-spacing: 1px; width: 100%; margin-bottom: 8px; background-color: transparent; }
.checkfield button { color: #DC3618; font-weight: 600; cursor: pointer; letter-spacing: 1px; text-transform: uppercase; height: auto; background-color: #DC3618; }
.checkfield button:hover { border-image: none; border-color: #DC3618; color: #fff; box-shadow: 0 0 15px .08px rgba(0,0,0,.15); }

.round-checkbox { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 20px; height: 20px; border: 2px solid #333; border-radius: 50%; outline: none; cursor: pointer; position: relative; display: inline-block; vertical-align: middle; margin-right: 15px; }
.round-checkbox:checked { background-color: #DC3618; }
.checkbox-container { display: inline-block; position: relative; padding-left: 30px; width: 100%; }
.checkbox-container label { transform: translateY(10%); margin: 0; padding: 0; pointer-events: none; }
.round-checkbox:hover { border-color: #555; }
.round-checkbox:focus { box-shadow: 0 0 3px 3px rgba(0,123,255,.5); }

/* Doofinder Suchfeld und Ergebnisse */
#search-container { position: relative; text-align: center; margin: 20px; z-index: 1501; }
.doofindersuchfeld { max-width: 80%; width: 500px; padding: 10px 40px 10px 10px; font-size: 16px; border: none; border-radius: 10px; box-shadow: 12px 12px 16px 0 rgba(0,0,0,.15), -8px -8px 12px 0 rgba(255,255,255,.25); background-color: #fff; transition: box-shadow .3s ease; }
.doofindersuchfeld:focus { outline: none; box-shadow: 0 0 0 3px rgba(231, 81, 54, 0.4); }
.doofindersuchfeld:hover { box-shadow: -2px 2px 5px .08px rgba(0,0,0,.15); }
i.ti-search { position: absolute; right: 65px; top: 50%; transform: translateY(-50%); font-size: 20px; color: #aaa; }
#df-right-mount {
    min-height: 100vh;
}
#df-right-mount .df-card.dfd-card {
    padding: 0;
}
.df-price-info { min-width: 24px; min-height: 24px; }
#df-current-subcat-heading { margin: 0; font-family: inherit; line-height: 1.5; }

/* -------------------------------------------------------------------------- */
/* 7. CART & SHOPPING                                                         */
/* -------------------------------------------------------------------------- */
.cart-link { font-size: 12px; }
.scalecart { transition: .3s; }
.scalecart:hover { transition: .3s; filter: drop-shadow(5px 5px 3px rgba(0,0,0,.3)); }
.cart-link a { font-weight: 700; text-transform: uppercase; vertical-align: middle; color: #070b21 !important; border-radius: 5px; }
.cart-link:hover > .cart-preview { visibility: visible; opacity: 1; top: 100%; transition: .3s; }
.cart-count { border-radius: 50px; font-size: 10px; font-weight: 700; height: 20px; margin-left: 5px; background-color: #b8402b; color: #fff; display: inline-block; line-height: 20px; text-align: center; min-width: 20px; }
.cart-count2 { border-radius: 10px; font-size: 14px; font-weight: 600; height: auto; margin-left: 15px; background-color: transparent; color: #DC3618; padding: 7px; margin: auto; display: inline-block; line-height: 20px; text-align: center; min-width: 20px; }
#divBasket .cart-preview {
  visibility: hidden; position: absolute; opacity: 0; top: 100%; transition: .3s; z-index: 9999; box-sizing: border-box; width: min(560px, calc(100vw - 24px)); min-width: 0;
  max-width: calc(100vw - 24px); max-height: min(720px, calc(100dvh - 260px));
  overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain;
  left: auto; right: 0; padding: 8px 18px 16px; margin: 0;
  border: 1px solid #e0e4e8; border-radius: 12px; background: #fff;
  box-shadow: 0 12px 32px rgba(0,0,0,.18); color: #28323b; text-align: left;
}
#divBasket:hover > .cart-preview, #divBasket:focus-within > .cart-preview { display: block; visibility: visible; opacity: 1; }
#divBasket .cart-preview > li[id^="listRow_"] {
  display: grid !important; grid-template-columns: 56px minmax(0,1fr) 40px;
  gap: 12px; align-items: start; width: 100%; padding: 14px 0 !important; margin: 0;
}
#divBasket .cart-preview > li[id^="listRow_"] > a { display: block; padding: 0; }
#divBasket .cart-preview [id="div20245"] { width: 56px; height: 64px; }
#divBasket .cart-preview [id="div20245"] img { display: block; width: 56px; height: 64px; object-fit: contain; }
#divBasket .cart-preview [id="div20247"] { width: auto; max-width: none; min-width: 0; padding: 0; overflow: visible; white-space: normal; }
#divBasket .cart-preview [id="link37156"] { display: block; padding: 0 0 6px; font-size: 14px; font-weight: 600; line-height: 1.4; text-transform: none; white-space: normal; overflow-wrap: break-word; color: #28323b !important; }
#divBasket .cart-preview [id="div20247"] > br, #divBasket .cart-preview [id="fld20241"]:empty { display: none; }
#divBasket .cart-preview [id="div20247"] > span:last-child { display: block; font-size: 13px; line-height: 1.5; color: #4f5a65; }
#divBasket .cart-preview [id="fldCartPreviewQty"] { font-weight: 700; white-space: nowrap; }
#divBasket .cart-preview [id="fld37562"] { white-space: normal; font-variant-numeric: tabular-nums; }
#divBasket .cart-preview [id="div26527"] { width: 40px; max-width: none; min-width: 0; padding: 0; }
#divBasket .cart-preview .basket-trash, #divBasket .cart-preview .basket-trash form { margin: 0; padding: 0; }
#divBasket .cart-preview .basket-trash-button { width: 40px; min-width: 40px; height: 44px; padding: 0 !important; border: 1px solid #e0e4e8; border-radius: 8px; background: #f7f8f9; color: #52606d; font-size: 18px; cursor: pointer; }
#divBasket .cart-preview .basket-trash-button:hover { background: #fff0ed; color: #a52914; border-color: #d8a196; }
#divBasket .cart-preview #form26535 { display: flex; flex-wrap: wrap; width: 100%; gap: 4px 12px; align-items: baseline; margin: 0; padding: 0 0 12px; }
#divBasket .cart-preview #form26535 #div28879 { display: none; }
#divBasket .cart-preview #form26535 p { margin: 0; padding: 0; font-size: 18px; font-weight: 700; line-height: 1.4; }
#divBasket .cart-preview #form26535 p.cart-price { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
#divBasket .cart-preview #fld28878 { grid-column: 1 / -1; width: 100%; max-width: none; padding: 0; font-size: 12px !important; line-height: 1.5; color: #586570; display: none; }
#divBasket .cart-preview > li.list-unstyled { padding-top: 0 !important; }
#divBasket .cart-preview > form { display: block; position: sticky; bottom: -16px; padding: 12px 0 0; margin: 0; background: #fff; border-top: 1px solid #e0e4e8; }
#divBasket .cart-preview > form > li { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; padding: 0 !important; margin: 0; }
#divBasket .cart-preview > form > li > a:empty { display: none !important; }
#divBasket .cart-preview .cart-btn { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; min-height: 46px; margin: 0 !important; padding: 10px 12px !important; font-size: 14px; line-height: 1.3; letter-spacing: normal; text-transform: none; white-space: normal; text-align: center; border-radius: 8px; }
#divBasket .cart-preview #link26541 { color: #28323b !important; background: #f5f7f8; border: 1px solid #bac3cb; }
#divBasket .cart-preview #cmd78768 { color: #fff !important; background: #b92e15 !important; border: 1px solid #b92e15; }
#divBasket .cart-preview #link26541:hover { color: #28323b !important; background: #e8edf1 !important; }
#divBasket .cart-preview #cmd78768:hover { background: #92230f !important; }
#divBasket .cart-preview :is(a,input):focus-visible { outline: 3px solid #175980; outline-offset: 2px; }
#divBasket .cart-preview #freeShippingText { display: block; box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; height: auto; position: relative; float: none; transform: none; margin: 12px 0 0; padding: 12px 14px 12px 42px; font-family: inherit; font-size: 13px; font-weight: 500; line-height: 1.5; letter-spacing: normal; text-transform: none; white-space: normal; word-break: normal; overflow-wrap: break-word; text-align: left; border-radius: 6px; }
#divBasket .cart-preview #freeShippingText::before { content: "i"; position: absolute; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; left: 14px; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; margin: 0; padding: 0; border: 1px solid currentColor; border-radius: 50%; font-family: inherit; font-size: 12px; font-weight: 700; line-height: 1; }

#divBasket .cart-preview .rt-cart-subtitle, #divBasket .cart-preview [id="fld20241"] { display: block; margin: 0 0 8px; padding: 0; font-size: 12px; font-weight: 400; line-height: 1.45; color: #64717c; text-transform: none; white-space: normal; overflow-wrap: break-word; }
#divBasket .cart-preview .rt-cart-subtitle:empty, #divBasket .cart-preview [id="fld20241"]:empty { display: none; }
#divBasket .cart-preview .rt-cart-prices { display: grid; grid-template-columns: minmax(0,1fr); gap: 2px 10px; align-items: center; margin-top: 4px; font-size: 13px; line-height: 1.5; }
#divBasket .cart-preview .rt-cart-prices.rt-cart-has-qty { grid-template-columns: 28px minmax(0,1fr); }
#divBasket .cart-preview .rt-cart-price-qty { grid-column: 1; grid-row: 1 / span 2; align-self: center; justify-self: center; min-width: 28px; text-align: center; font-size: 14px; font-weight: 700; white-space: nowrap; color: #28323b; }
#divBasket .cart-preview .rt-cart-has-qty .rt-cart-net-price, #divBasket .cart-preview .rt-cart-has-qty .rt-cart-gross-price { grid-column: 2; }
#divBasket .cart-preview .rt-cart-net-price { display: block; color: #28323b; font-size: 13px; line-height: 1.5; }
#divBasket .cart-preview .rt-cart-prices .rt-cart-gross-price { margin-top: 0; }

@media (max-width: 767px) {
  #divBasket .cart-preview { position: fixed; left: 12px; right: 12px; top: clamp(80px,20dvh,160px); width: calc(100vw - 24px); max-width: none; max-height: calc(80dvh - 16px); padding: 8px 12px 12px; }
  #divBasket .cart-preview > li[id^="listRow_"] { grid-template-columns: 44px minmax(0,1fr) 36px; gap: 8px; }
  #divBasket .cart-preview [id="div20245"], #divBasket .cart-preview [id="div20245"] img { width: 44px; height: 56px; }
  #divBasket .cart-preview [id="div26527"], #divBasket .cart-preview .basket-trash-button { width: 36px; min-width: 36px; }
  #divBasket .cart-preview > form { bottom: -12px; }
}

#divBasket .cart-preview .rt-cart-gross-price { display: block; margin-top: 3px; font-size: 13px; line-height: 1.5; color: #586570; }
#divBasket .cart-preview .rt-cart-gross-total { display: flex; justify-content: space-between; align-items: baseline; flex: 0 0 100%; width: 100%; max-width: none; gap: 12px; padding-top: 6px; text-align: left; font-size: 16px; line-height: 1.5; font-weight: 700; color: #28323b; }
#divBasket .cart-preview .rt-cart-total-amount { font-size: 18px; white-space: nowrap; font-variant-numeric: tabular-nums; }
#divBasket .cart-preview #form26535 > .cart-sub { flex: 1 1 0; }
#divBasket .cart-preview #form26535 > p.cart-price { flex: 0 0 auto; }
#divBasket .cart-preview > li.list-unstyled:not(:has(#form26535)) { display: none; }

.cart-btn { display: inline-block; font-weight: 700; letter-spacing: .3px; line-height: 1; padding: 12px 22px; text-transform: uppercase; border: 1px solid #d0d0d0; border-radius: 10px; background-color: #fff; color: #2a2a2a; transition: border-color .2s, background-color .2s, color .2s; }
.cart-btn:hover { border: 1px solid #DC3618; color: #fff !important; background-color:#DC3618 !important; }
.cart-preview-order { background-color: #DC3618; font-weight: 700; text-transform: uppercase; vertical-align: middle; color: #fff !important; position: relative; border-radius: 5px; }
.cart-preview-order:hover { background-color: #ea634b; cursor: pointer; }
.cart-delete { display: flex; flex-grow: 100; justify-content: flex-end; }
.cart-delete > a { font-size: 18px; margin-top: 18px; color: #070b21; }
.cart-title h5, .cart-title h6, .cart-title span { font-size: 14px; font-weight: 700; margin-bottom: 6px; color: #070b21; }
.cart-title h5 a, .cart-title h6 a { color: #070b21; }
.cart-title > span { display: block; margin: 9px 0 0; }
.cart-preview #cart-info_Empty { font-size: 14px; letter-spacing: .5px; color: #070b21; }
.cart-preview > li:not(:last-child) > a { padding: 0; }
.cart-plus-minus { display: flex; justify-content: center; align-items: center; overflow: hidden; padding: 0; width: auto; border: 1px solid #dcdcdc; border-radius: 5px; }
.cart-plus-minus-box { background: transparent none repeat scroll 0 0; border: none; font-size: 14px; height: 30px; margin: 0; padding: 0; text-align: center; width: 30px; outline: none; }
.qtybutton { cursor: pointer; float: left; font-size: 16px; font-weight: 600; height: 20px; line-height: 25px; position: relative; text-align: center; width: 20px; color: #727272; }
.shopping-cart { margin: 0 0 50px; text-align: center; border: none; border-radius: 15px; border-style: solid; border-width: 1px 0 0 1px; width: 100%; background: #fff; border-color: #e5e5e5;box-shadow: 2px 2px 6px -1px rgba(0,0,0,.11); }
.shopping-cart-content div, .shopping-cart-headline div { border-top: medium none; font-weight: 400; padding: 15px 10px 12px; text-align: center; vertical-align: middle; color: #555;  }
.shopping-cart-headline div,.shopping-cart-content > div
{
  display:flex!important;
  -ms-flex-wrap:wrap!important;
  flex-wrap:wrap!important;
  align-items:center;
  justify-content:center;
  border-bottom:1px solid #e5e5e5;
  border-right:1px solid #e5e5e5;
}
.buttons-cart:not(.email-form-container) a, .buttons-cart input[type=submit] { background: #DC3618 !important; color: #fff; border-radius: 10px; border: medium none; display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: .3px; height: 44px; line-height: 44px; margin-right: 15px; padding: 0 24px; text-transform: uppercase; box-shadow: 0 4px 14px rgba(220,54,24,.25); transition: background-color .2s, box-shadow .2s, transform .2s; cursor: pointer; }
.buttons-cart:not(.email-form-container) a:hover, .buttons-cart input[type=submit]:hover { background: #c9402a !important; color: #fff !important; box-shadow: 0 8px 20px rgba(220,54,24,.32); transform: translateY(-1px); }
.email-form-container.buttons-cart form > input[type=submit] { display: block; width: auto; min-width: 220px; height: 48px; margin: 16px 0 0 auto; padding: 0 30px; border-radius: 12px; font-size: 14px; font-weight: 700; line-height: 48px; letter-spacing: 0; text-transform: none; }
.email-form-container form a { color: #DC3618; font-weight: 600; }
.email-form-container form a:hover { color: #c9402a; text-decoration: underline; }
#form29504_4 > #divProductPic_1, #form29504_4 > #divProductDesc_1 { width:100%; max-width:100%; min-width:0; padding:0; }
#form29504_4 > #divProductPic_1 { position:sticky; top:88px; border-right:0; }
#form29504_4 > #divProductDesc_1 { padding-left:32px; border-left:1px solid #e7e7e7; }
#form29504_4 #divProductPicVar_1, #form29504_4 #ctl35100_1_MainImgContainer { display:flex; justify-content:center; align-items:center; width:100%; max-width:100%; margin:0; }
#form29504_4 #ctl35100_1_MainImg { display:block; width:auto; max-width:100%; height:auto; max-height:380px; margin:0 auto; border-radius:10px; object-fit:contain; }
#form29504_4 #ctl35100_1_ThumpList { justify-content:center; gap:8px; margin:14px 0 0; padding:0; }
#form29504_4 #ctl35100_1_ThumpList:has(> li:only-child) { display:none !important; }
#form29504_4 #ctl35100_1_ThumpList li { flex:0 0 56px; width:56px; max-width:56px; padding:0; }
#form29504_4 #ctl35100_1_ThumpList img { width:56px; height:56px; border:1px solid #e3e6e8; border-radius:6px; object-fit:contain; }
#form29504_4 #head15501_5 { margin:0 0 16px; color:#161b1e; font-size:clamp(24px,2.2vw,30px); font-weight:750; line-height:1.2; text-transform:none; text-shadow:none; }
#form29504_4 #divContactForm_3 { margin-left:0; margin-right:0; }
#form29504_4 .email-form-container { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; text-align:left; }
#form29504_4 #frmform15504_5 { width:100%; min-width:0; margin:0; padding:0; color:#30383e; font-size:14px; line-height:1.5; }
#form29504_4 #form15505_8 { display:grid; grid-template-columns:minmax(0,1fr) minmax(120px,.6fr); grid-template-areas:'intro intro' 'article-label number-label' 'article number'; gap:6px 14px; margin:0; padding:16px; border:1px solid #dce3e7; border-radius:8px; background:#f7f8fa; box-shadow:none; }
#form29504_4 #txt15502_15 { grid-area:intro; margin:0 0 10px; padding:0; color:#59636b; font-size:13px; line-height:1.5; }
#form29504_4 #lblfld15507_12 { grid-area:article-label; }
#form29504_4 #fld15507_12 { grid-area:article; }
#form29504_4 #lblfld15507_11 { grid-area:number-label; }
#form29504_4 #fld15507_11 { grid-area:number; }
:is(#form29504_4 #frmform15504_5, #frmform15504_6, #frmform15504_9) .rwa { grid-column:1 / -1; margin:12px 0 24px; border:0; border-radius:0; background:transparent; }
:is(#form29504_4 #frmform15504_5, #frmform15504_6, #frmform15504_9) .rwa > summary { display:flex; align-items:center; gap:8px; min-height:44px; padding:8px 0; color:#20272c; font-size:14px; font-weight:600; line-height:1.4; list-style:none; cursor:pointer; }
:is(#form29504_4 #frmform15504_5, #frmform15504_6, #frmform15504_9) .rwa > summary::-webkit-details-marker { display:none; }
:is(#form29504_4 #frmform15504_5, #frmform15504_6, #frmform15504_9) .rwa > summary::before { content:"+"; display:inline-flex; flex:0 0 22px; align-items:center; justify-content:center; width:22px; height:22px; border:1px solid #dce3e7; border-radius:50%; color:#dc3618; font-weight:700; line-height:1; }
:is(#form29504_4 #frmform15504_5, #frmform15504_6, #frmform15504_9) .rwa[open] > summary::before { content:"\00d7"; }
:is(#form29504_4 #frmform15504_5, #frmform15504_6, #frmform15504_9) .rwa > summary:hover { color:#dc3618; }
:is(#form29504_4 #frmform15504_5, #frmform15504_6, #frmform15504_9) .rwa-body { padding:4px 0 12px; border-top:1px solid #dce3e7; }
:is(#form29504_4 #frmform15504_5, #frmform15504_6, #frmform15504_9) .rwa-hint { margin:8px 0 10px; padding:0; color:#59636b; font-size:13px; line-height:1.5; }
:is(#form29504_4 #frmform15504_5, #frmform15504_6, #frmform15504_9) .rwa-list { display:grid; gap:12px; margin:0; padding:0; list-style:none; }
:is(#form29504_4 #frmform15504_5, #frmform15504_6, #frmform15504_9) .rwa-row { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 44px; gap:10px; align-items:center; margin:0; padding:0; }
:is(#form29504_4 #frmform15504_5, #frmform15504_6, #frmform15504_9) .rwa .rwa-list .rwa-row input[type=text][role=combobox] { box-sizing:border-box; width:100%; min-width:0; min-height:48px; margin:0; padding:10px 12px; border-radius:8px; font-size:14px; line-height:1.5; }
:is(#form29504_4 #frmform15504_5, #frmform15504_6, #frmform15504_9) .rwa-btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-width:44px; min-height:44px; margin:0; padding:0 14px; border:1px solid #dce3e7; border-radius:8px; background:#fff; color:#30383e; font-size:14px; line-height:1.2; cursor:pointer; }
:is(#form29504_4 #frmform15504_5, #frmform15504_6, #frmform15504_9) .rwa-btn:hover { border-color:#dc3618; color:#dc3618; }
:is(#form29504_4 #frmform15504_5, #frmform15504_6, #frmform15504_9) .rwa-add { margin-top:10px; }
:is(#form29504_4 #frmform15504_5, #frmform15504_6, #frmform15504_9) .rwa-add:disabled { opacity:.5; cursor:default; }
:is(#form29504_4 #frmform15504_5, #frmform15504_6, #frmform15504_9) .rwa-lb { position:absolute; z-index:20; top:calc(100% + 4px); left:0; right:52px; max-height:280px; margin:0; padding:4px; overflow:auto; list-style:none; border:1px solid #dce3e7; border-radius:8px; background:#fff; box-shadow:0 8px 24px rgba(0,0,0,.12); }
:is(#form29504_4 #frmform15504_5, #frmform15504_6, #frmform15504_9) .rwa-lb[hidden] { display:none; }
:is(#form29504_4 #frmform15504_5, #frmform15504_6, #frmform15504_9) .rwa-opt { display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px; margin:0; padding:8px 10px; border-radius:6px; font-size:14px; line-height:1.4; cursor:pointer; }
:is(#form29504_4 #frmform15504_5, #frmform15504_6, #frmform15504_9) .rwa-opt b { color:#c22f14; font-variant-numeric:tabular-nums; }
:is(#form29504_4 #frmform15504_5, #frmform15504_6, #frmform15504_9) .rwa-opt[aria-selected=true], :is(#form29504_4 #frmform15504_5, #frmform15504_6, #frmform15504_9) .rwa-opt:hover { background:#fdf1ee; }
:is(#form29504_4 #frmform15504_5, #frmform15504_6, #frmform15504_9) .rwa-status { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
@media (max-width:575px) { :is(#form29504_4 #frmform15504_5, #frmform15504_6, #frmform15504_9) .rwa-lb { right:0; } }
@media (prefers-reduced-motion:reduce) { :is(#form29504_4 #frmform15504_5, #frmform15504_6, #frmform15504_9) .rwa, :is(#form29504_4 #frmform15504_5, #frmform15504_6, #frmform15504_9) .rwa * { transition:none; animation:none; scroll-behavior:auto; } }
#form29504_4 #div56706_3 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-areas:'contact contact' 'notice notice' 'email-label name-label' 'email name' 'address-label phone-label' 'address phone' 'divider divider' 'request request' 'subject-label subject-label' 'subject subject' 'message-label message-label' 'message message'; gap:6px 16px; margin:16px 0 0; padding:16px; border:1px solid #dce3e7; border-radius:8px; background:#f7f8fa; box-shadow:none; }
#form29504_4 #form15505_9, #form29504_4 #form15508_5 { display:contents; }
#form29504_4 #form15508_5 > br, #form29504_4 #frmform15504_5 #lbl2fld15512_16, #form29504_4 #txt44044_4 hr, #form29504_4 #txt15503_6 { display:none; }
#form29504_4 #txt15502_16 { grid-area:contact; }
#form29504_4 #txt44044_4 { grid-area:notice; margin:0 0 10px; padding:0; color:#6b747b; font-size:12px; }
#form29504_4 #lblfld15507_13 { grid-area:email-label; }
#form29504_4 #fld15507_13 { grid-area:email; }
#form29504_4 #lblfld15512_14 { grid-area:name-label; }
#form29504_4 #fld15512_14 { grid-area:name; }
#form29504_4 #lblfld15512_15 { grid-area:address-label; }
#form29504_4 #fld15512_15 { grid-area:address; }
#form29504_4 #lblfld15512_16 { grid-area:phone-label; }
#form29504_4 #fld15512_16 { grid-area:phone; }
#form29504_4 #hr56699_3 { grid-area:divider; width:100%; margin:18px 0 0; border-color:#e6e9eb; }
#form29504_4 #txt15502_17 { grid-area:request; }
#form29504_4 #lblfld15512_17 { grid-area:subject-label; }
#form29504_4 #fld15512_17 { grid-area:subject; }
#form29504_4 #lblfld15513_5 { grid-area:message-label; }
#form29504_4 #fld15513_5 { grid-area:message; }
#form29504_4 #txt15502_16, #form29504_4 #txt15502_17 { margin:0 0 6px; padding:0; color:#20272c; font-size:17px; font-weight:700; }
#form29504_4 #txt15502_16 b, #form29504_4 #txt15502_17 b { font:inherit; letter-spacing:normal; text-transform:none; color:inherit; }
#form29504_4 #txt15502_16::before, #form29504_4 #txt15502_17::before { content:none; }
#form29504_4 #frmform15504_5 span[id^='lbl'] { display:block; margin:0; color:#3f4951; font-size:12px; font-weight:600; line-height:1.4; }
#form29504_4 #frmform15504_5 input:not([type=checkbox]):not([type=submit]):not([type=hidden]):not([type=file]), #form29504_4 #frmform15504_5 textarea { box-sizing:border-box; display:block; width:100%; min-width:0; max-width:100%; min-height:44px; margin:0 0 10px; padding:10px 12px; border:1px solid #d5dce1; border-radius:8px; background:#fff; color:#222b32; font-size:14px; font-weight:400; line-height:1.4; text-align:left; }
#form29504_4 #frmform15504_5 textarea { height:180px; min-height:150px; resize:vertical; }
#form29504_4 #frmform15504_5 input:focus, #form29504_4 #frmform15504_5 textarea:focus { border-color:#dc3618; outline:2px solid rgba(220,54,24,.18); outline-offset:1px; }
#form29504_4 #div56706_5 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:16px 0 0; padding:16px; border:1px solid #dce3e7; border-radius:8px; background:#f7f8fa; box-shadow:none; }
#form29504_4 #txt15515_5 { grid-column:1 / -1; margin:0 0 12px; color:#626d76; font-size:12px; line-height:1.5; }
#form29504_4 #div56706_5 > div { min-width:0; margin:0 !important; padding:0; border:0; border-radius:0; background:transparent; }
#form29504_4 #div56706_5 > div > .d-flex { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; height:100%; min-height:72px; padding:12px; border:1px dashed #c9d1d7; border-radius:8px; background:#fff; }
#form29504_4 #div56706_5 > div > .d-flex:hover { border-color:#dc3618; background:#fdf1ee; }
#form29504_4 #div56706_5 .cart-btn { display:inline-flex; align-items:center; justify-content:center; min-width:0; min-height:40px; max-width:calc(100% - 26px); padding:8px 10px; border:1px solid #dce3e7; border-radius:8px; background:#fff; color:#3c464e; font-size:12px; line-height:1.35; overflow-wrap:anywhere; text-align:center; }
#form29504_4 #div56706_5 .pe-7s-trash { flex:0 0 18px; align-self:center; color:#7b858d; font-size:20px; }
#form15504_5 .checkbox-label { display:grid; grid-template-columns:20px minmax(0,1fr); align-items:start; gap:10px; width:100%; margin:12px 0 18px; padding:0; white-space:normal; color:#4a555e; font-size:13px; font-weight:400; line-height:1.5; cursor:pointer; }
#form15504_5 .checkbox-label .checkbox { width:20px; height:20px; min-height:0; margin:0; padding:0; accent-color:#dc3618; }
#form15504_5 .checkbox-label a { color:#b52b16; text-decoration:underline; }
#frmform15504_5 input[type=submit] { display:inline-flex; width:auto; min-height:46px; margin:0; padding:12px 22px; border:1px solid #dc3618; border-radius:8px; background:#dc3618; color:#fff; font-size:14px; font-weight:700; line-height:1.3; cursor:pointer; }
#frmform15504_5 input[type=submit]:disabled { border-color:#dce1e5; background:#eef1f3; color:#737e87; cursor:not-allowed; opacity:1; }
#frmform15504_5 input[type=submit]:not(:disabled):hover { border-color:#b52b16; background:#b52b16; color:#fff; }

.cart-totals { float: left; text-align: right; width: 100%; }
.cart-totals h2 { display: inline-block; font-size: 30px; font-weight: 500; margin: 0 0 35px; text-transform: uppercase; border-bottom: 2px solid #222; }
.cart-subtotal, .cart-total { font-weight: 700; margin: 0; border: 1px solid #f1f1f1; }
.cart-subtotal { font-size: 14px; padding: 15px; vertical-align: top; }
.cart-total { font-size: 20px; padding: 12px; }
.cart-price, .cart-sub { font-size: 18px; letter-spacing: .5px; color: #070b21; font-weight: 700; }
.cart-sub { text-transform: capitalize; }
.wc-proceed-to-checkout a, .wc-proceed-to-checkout input[type=submit] { display: inline-block; font-size: 14px; font-weight: 700; height: 50px; line-height: 50px; margin-top: 20px; padding: 0 30px; text-transform: none; background: #DC3618 none repeat scroll 0 0; color: #fff; border: none; cursor: pointer; border-radius: 5px; }
.wc-proceed-to-checkout a:hover, .wc-proceed-to-checkout input[type=submit]:hover { background: #000 none repeat scroll 0 0; }
.basket-trash form { font-family: themify; font-size: 20px; margin-right: 4px; position: relative; top: -2px; }
.basket-trash-button { background-color: transparent; border-color: transparent; cursor: pointer; padding-left: 0; }
.basket-trash-button:hover { color: #DC3618; }

/* -------------------------------------------------------------------------- */
/* 8. PRODUCTS, CARDS & LISTS                                                 */
/* -------------------------------------------------------------------------- */
.product-wrapper { background-color: #fff; overflow: visible; position: relative; }
.product-wrapper-design { position: relative; display: flex; flex-direction: column; padding: 0; overflow: hidden; border: 0; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px #d6d6d6, 0 1px 3px rgba(0,0,0,.12), 0 6px 16px rgba(0,0,0,.09); margin-right: 15px; min-width: 255px; text-align: left; transition: box-shadow .2s, transform .2s; container-type: inline-size; }
.product-img-3 img { position: absolute; left: 50%; top: 50%; height: 100%; width: auto; transform: translate(-50%,-50%); }
.product-img-3-b { height: 260px; width: 100%; padding-top: 9px; padding-left: 9px; padding-right: 9px; }
.product-content-electro2 { bottom: 0; left: 0; padding: 40px 20px; right: 0; text-shadow: 0 0 2px #fff; background-color: hsla(0,0%,100%,.4); }
.product-content-electro2 > h3 { font-size: 16px; margin-bottom: 9px; color: #1c1e23; }
.product-content-electro2 > span { display: block; letter-spacing: 1px; margin: 12px 0 9px; text-transform: uppercase; color: #b8bfd3; }
.product-content-electro2 > h5 { font-weight: 700; margin: 0; color: #343e5c; }
.product-wrapper-border { display: flex; padding: 61px 20px 47px; border: 1px solid #ddd; background-color: #fff; }
.product-content-7 { min-width: 130px; min-height: 300px; }
.product-content-7 > h4 { font-size: 16px; font-weight: 700; line-height: 26px; margin-bottom: 9px; color: #222222; }
.product-content-7 > h5 { font-size: 24px; line-height: 1; margin: 14px 0 15px; color: #222222; }
.product-content h4 { font-size: 18px; margin-bottom: 6px; }
.product-content > span { font-size: 18px; font-weight: 700; color: #222222; }
.product-content { padding-top: 0; }
.product-list-info > h4 > a { font-size: 20px; font-weight: 600; margin: 0; color: #191919 !important; }
.product-list-info > span { display: block; font-size: 18px; font-weight: 600; margin: 11px 0 4px; color: #666; }
.product-list-info > .product-desc { font-size: 16px; line-height: 30px; margin: 0; font-weight: 400; color: #DC3618; }
.product-details-content > p { margin-bottom: 33px; color: #545454; }
.product-img-5 { height: 250px; overflow: hidden; }
.product-grid .product-img { position: relative; height: auto; max-height: none; max-width: 100%; margin: 0; padding: 0; overflow: visible; }
.product-qty {
  border-radius: 5px;
  letter-spacing: 1px;
  border: 1px solid #dcdcdc;
  font-size: 15px;
  font-weight: 600;
  height: 42px;
  padding: 0 6px;
  width: 76px;
  box-sizing: border-box;
  background: transparent none repeat scroll 0 0;
  color: #666;
  text-shadow: 1px 1px 1px gray;
  text-align: center;
  -moz-appearance: textfield;
}
.product-qty::-webkit-outer-spin-button,
.product-qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Product Actions */
.product-action { display: inline-block; opacity: 0; position: absolute; text-align: center; transition: all .3s ease 0s; top: -55px; left: 9px; z-index: 2000; }
.related-products .product-action { bottom: 50%; }
.product-wrapper:hover .product-action { opacity: 1; transition: .3s; }
.product-grid .product-action { display: none; }
.product-action a { height: 45px; line-height: 52px; margin: 0 5px; background-color: #222222; color: #f7f7f7; }
.product-action a, .product-action form { border-radius: 100%; display: inline-block; font-size: 24px; width: 45px; }
.product-action-button { font-family: Pe-icon-7-stroke; position: relative; border: none; border-radius: 50%; height: 40px; width: 40px; line-height: 40px; align-items: center; justify-content: center; cursor: pointer; padding: 0; background: linear-gradient(135deg, #383838 60%, #5b5b5b 100%); box-shadow: 0 4px 20px 0 rgba(30,30,40,0.14), 0 2px 4px 0 rgba(0,0,0,0.13); color: #f7f7f7; transition: box-shadow 0.25s cubic-bezier(.4,0,.2,1), background 0.25s cubic-bezier(.4,0,.2,1), transform 0.13s, background-color 0.25s cubic-bezier(.4,0,.2,1), color 0.15s; z-index: 2099; margin: 90px; margin-left: 80px; }
.product-action-button:hover, .product-action-button:focus { background: linear-gradient(135deg, #e85236 70%, #ce3d1c 100%); color: #fff; box-shadow: 0 8px 26px 0 rgba(232,82,54,0.24), 0 2px 8px 0 rgba(0,0,0,0.21); transform: translateY(-2px) scale(1.08); outline: none; }
.product-action-electro a, .product-action-basket a { background-color: transparent; border-radius: 100%; display: inline-block; font-size: 24px; height: 33px; margin: 0 8px 0 0; text-align: center; width: 33px; border: 1px solid #d4d4d4; color: #b1b1b1; }
.product-action-electro-button { font-family: Pe-icon-7-stroke; line-height: 31px; cursor: pointer; padding: 0; background-color: transparent; border-radius: 100%; display: inline-block; font-size: 18px; height: 33px; margin: 0 8px 0 0; text-align: center; width: 33px; border: 1px solid #d4d4d4; color: #b1b1b1; }
.product-action-basket a:hover, .product-action-electro-button:hover, .product-action-electro a:hover { background-color: #DC3618; border: 1px solid #DC3618; color: #fff; transition: .3s; }
.product-action-right, .product-action-right-2 { opacity: 0; position: absolute; right: -40px; top: 0; transition: all .3s ease 0s; z-index: 999; }
.product-action-right > a, .product-action-right-2 > a, .product-action-right-2-button { display: block; font-size: 25px; height: 46px; line-height: 50px; text-align: center; transition: all .3s ease 0s; width: 50px; background-color: #fff; border: 1px solid #ddd; color: #333; }
.product-wrapper3:hover .product-action-right, .product-wrapper:hover .product-action-right { opacity: 1; right: 0; }
.product-wrapper3:hover .product-action-right-2, .product-wrapper:hover .product-action-right-2 { opacity: 1; right: .3rem; top: 6rem; transition: .3s; }
.hanicraft-action-position { left: 0; position: absolute; text-align: center; top: 60%; transform: translateY(-50%); right: 0; margin: 0 auto; opacity: 0; visibility: hidden; transition: all .6s ease 0s; z-index: 1070; padding-left: 9px; padding-right: 9px; }
.hanicraft-action { border-radius: 50px; display: inline-block; left: 50%; line-height: 1; padding: 13px 24px 10px; background-color: #fff; box-shadow: 0 0 15px rgba(0,0,0,.1); }
.hanicraft-action a { font-size: 24px; margin: 0 13px; position: relative; color: #222222; }
.hanicraft-action a:last-child:before,.hanicraft-action form:nth-last-child(+2):before{content:none}
.hanicraft-action-button { display: inline-block; font-family: Pe-icon-7-stroke; border: none; padding: 0; cursor: pointer; background-color: #fff; }
.product-wrapper:hover .hanicraft-action-position { opacity: 1; top: 60%; visibility: visible; }

.article-card {
  position: relative; display: grid; grid-template-columns: 48% 52%; min-width: 0; min-height: 230px;
  width: 100%; height: auto; margin: 0; padding: 0; overflow: hidden; background: #fff;
  border: 1px solid #d9dde1; border-radius: 14px; box-shadow: 0 2px 7px rgba(27,39,51,.06);
  transition: box-shadow .3s ease, border-color .3s ease;
}
.article-card:hover, .article-card:focus-within {
  box-shadow: 0 7px 18px rgba(27,39,51,.12); border-color: #c4cbd1; cursor: pointer;
}
.article-image { position: relative; min-width: 0; min-height: 100%; overflow: hidden; border-radius: 13px; background: #fff; }
.article-image > div { position: absolute; inset: 4px; width: calc(100% - 8px); height: calc(100% - 8px); border-radius: 10px; overflow: hidden; }
.article-image::after { content: ''; position: absolute; inset: 4px; z-index: 1; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22s%22%20x%3D%22-100%25%22%20y%3D%22-30%25%22%20width%3D%22300%25%22%20height%3D%22160%25%22%3E%3CfeDropShadow%20dx%3D%22-16%22%20dy%3D%220%22%20stdDeviation%3D%2218%22%20flood-color%3D%22black%22%20flood-opacity%3D%22.24%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22white%22%20filter%3D%22url(%23s)%22%20d%3D%22M960%200Q1000%200%20990%2040L750%20960Q740%201000%20700%201000H1400V0Z%22%2F%3E%3C%2Fsvg%3E"); background-size: 100% 100%; background-repeat: no-repeat; pointer-events: none; }
.article-image > div > div { position: absolute; inset: 0; width: 100%; height: 100%; }
.article-image img { display: block; width: 100%; height: 100%; max-width: none; margin: 0; border-radius: 0; object-fit: cover; transition: transform .5s ease; }
.article-card:hover .article-image img, .article-card:focus-within .article-image img { transform: scale(1.02); }
.article-card-label, #fld52607_29, #fld52607_37 { position: absolute; top: -1px; left: -1px; right: auto; z-index: 2; display: block; box-sizing: border-box; width: auto; height: 35px; margin: 0; padding: 4px 25px 11px 24px; border: 0; background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%2035%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M14%200H120C107%200%20111%2024%2094%2024H17C6%2024%204%2028%204%2035H0V14Q0%200%2014%200Z%22%20fill%3D%22%23DC3618%22%20stroke%3D%22%23b52b13%22%20stroke-width%3D%221%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-size: 100% 100%; background-repeat: no-repeat; color: #fff; font-size: 11px; font-weight: 700; line-height: 20px; letter-spacing: .1px; white-space: nowrap; filter: drop-shadow(1px 3px 2px rgba(0,0,0,.22)); pointer-events: none; }
.article-card-label::before, #fld52607_29::before, #fld52607_37::before { content: ''; position: absolute; left: 12px; top: 10px; width: 8px; height: 8px; border-radius: 50%; background: #fff; }
.article-card-label::after { content: 'NEWS'; }
#form15350_19 .article-card-label::after { content: 'KNOWHOW'; }
.article-content { display: flex; flex-direction: column; min-width: 0; padding: 18px; word-break: normal; overflow-wrap: normal; -webkit-hyphens: auto; hyphens: auto; hyphenate-limit-chars: 6 3 3; }
.article-content .card-category { display: block; margin: 0 0 8px; color: #6b737b; font-size: 10px; font-weight: 500; line-height: 1.4; letter-spacing: .02em; text-transform: uppercase; }
.article-content .card-title { margin: 0 0 10px; color: #161616; font-size: clamp(15px, 1.05vw, 20px); line-height: 1.22; font-weight: 750; text-transform: none; text-decoration: none; }
.article-content .card-title > span:last-child { display: block; word-break: normal; overflow-wrap: normal; -webkit-hyphens: auto; hyphens: auto; }
.article-card .card-title a, .article-card .card-title a:hover, .article-card:hover .card-title { color: #161616; text-decoration: none; }
.article-content .card-excerpt { display: flex; flex-direction: column; flex: 1; min-height: 0; margin: 0; color: #5b6269; font-size: 12px; line-height: 1.5; text-align: left; }
.article-content .card-excerpt > span:first-child { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; opacity: 1; }
.card { display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 4px 8px 0 rgba(0,0,0,.2); max-width: 300px; margin: auto; text-align: center; font-family: arial; height: 500px; border-radius: 15px; }
.card:hover { transform: scale(1.01); transition: .3s; }
.card-content { flex: 1 0 auto; }
.price1 { text-shadow: 0 -4px 3px hsla(0,0%,100%,.3), 0 3px 3px rgba(0,0,0,.3); font-weight: 700; color: #DC3618; text-transform: uppercase; font-size: 22px; }
.price2 { color: grey; font-size: 16px; }
.card button { border: none; outline: 0; padding: 20px; color: #fff; background-color: #666; text-align: center; cursor: pointer; width: 100%; font-size: 18px; border-radius: 0 0 15px 15px; transition: .3s; margin-bottom: -5px; }
.card button:hover { opacity: .7; transition: .3s; }

/* Badges & Status */
.article-status, .article-status-volume { font-family: inherit; text-align: left; pointer-events: none; }
.article-status { position: static; margin: 0; padding: 0; }
.article-status-volume { position: absolute; top: calc(100cqw + 6px); left: calc(50px + (100cqw - 89px) * .475); z-index: 3; line-height: 1; }
.article-status-volume2{position:absolute!important;top:60px!important;border-radius:5px!important;font-family:Arial,sans-serif!important;font-size:13px!important;overflow:visible!important;left:10px;text-align:left!important;pointer-events:none!important;line-height:1!important}
.article-status-volume-anzeige { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: calc((100cqw - 89px) * .525); height: 26px; margin: 0; padding: 0 6px; overflow: hidden; border-radius: 13px; background-color: #f0f0f0; color: #333; font-size: 12px; font-weight: 700; text-align: center; white-space: nowrap; box-shadow: none; }
.article-status-volume-anzeige2{background-color:#004080 !important;border-radius:0 5px 5px 0!important;color:#fff!important;padding:2px 15px 2px 10px!important;overflow:visible!important;font-weight:400!important;box-shadow:3px 4px 5px 0 rgba(0,0,0,.22)}
.article-available, .article-limited, .article-unavailable, .article-preorder { position: absolute; top: 0; left: 0; z-index: 5; display: block; box-sizing: border-box; height: 35px; margin: 0; padding: 4px 21px 11px 24px; border-radius: 14px 0 0 0; background-color: transparent; background-repeat: no-repeat; background-image: linear-gradient(#fff,#fff), linear-gradient(#fff,#fff), radial-gradient(circle at 0 0,#fff 10.5px,transparent 11px), radial-gradient(circle at 100% 100%,transparent 10.5px,#fff 11px), radial-gradient(circle at 100% 100%,transparent 10.5px,#fff 11px); background-size: calc(100% - 22px) calc(100% - 11px), 11px calc(100% - 22px), 11px 11px, 11px 11px, 11px 11px; background-position: left 0 top 0, right 11px top 0, right 11px bottom 11px, right 0 top 4px, left 4px bottom 0; box-shadow: none; color: #157a42; font-size: 10.5px; font-weight: 700; line-height: 20px; white-space: nowrap; text-shadow: none; overflow: visible; }
.article-available::before, .article-limited::before, .article-unavailable::before, .article-preorder::before { content: ""; position: absolute; left: 12px; top: 10px; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.article-limited { color: #b25e00; }
.article-unavailable { color: #8a6d00; }
.article-preorder { color: #0c5460; }
.badge2 { width: 65px; display: flex; flex-direction: column; align-items: center; font-family: Arial, sans-serif; font-weight: 700; text-align: center; overflow: visible; padding: 0; position: absolute; top: 5px; right: 2px; transform: rotate(32deg); z-index: 1000; box-shadow: 2px 2px 8px rgba(0,0,0,.3); }
.badge2 .top { background-color: #fff; color: #DC3618; width: 100%; padding: 2px; border: 1px solid #DC3618; font-size: .7em; }
.badge2 .seller { background-color: #DC3618; color: #fff; width: 100%; padding: 2px; border: 1px solid #DC3618; font-size: .7em; }
.badge2 .empty-space { width: 100%; background-color: #fff; border: 1px solid #DC3618; box-sizing: border-box; }
.aqualaborbadge-container { position: relative !important; right: -15px; top: 26px; z-index: 1000; }
.aqualaborbadge-content { position: absolute !important; top: -30px !important; right: 10px !important; line-height: 1 !important; }
.aqualaborbadge-container,.aqualaborbadge-content{text-shadow: -1px 0 #fff, 1px 0 #fff, 0 -1px #fff, 0 1px #fff;border-radius:5px!important;font-family:Arial,sans-serif!important;font-size:13px!important;overflow:visible!important;text-align:right!important;pointer-events:none!important}
.aqualaborbadge-label { color: #fff !important; padding: 5px 10px !important; overflow: visible !important; font-weight: 700 !important; text-align: right !important; }
.aqualaborbadge-label .aqua { font-size: 20px; display: block; color: #139ad7; }
.aqualaborbadge-label .laborservice { color: #DC3618 !important; font-size: 13px; text-shadow: 1px 1px 2px #fff; display: block; }
.UN-logo { width: 25px; height: 25px; border: 2px solid #444; border-radius: 50%; background-color: #fff; color: #444; display: flex; align-items: center; justify-content: center; font-family: Arial,sans-serif; font-size: 7px; font-weight: 800; text-align: center; line-height: 0.9; right: 31px; position: absolute; bottom: 240px; }
.materialbadge { font-family: Arial, sans-serif !important; position: relative !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 80px !important; height: 80px !important; margin: -11px 0 0 -15px !important; padding: 0 !important; text-align: center !important; }
.materialbadge .symbol { font-size: 45px !important; line-height: 1 !important; display: block !important; margin-top: 15px !important; margin-bottom: -15px !important; }
.materialbadge .title { font-size: 12px !important; text-align: center !important; display: block !important; margin-top: 15px !important; }
.svg-outline { filter: none; }
.product-grid .artikelnummer { position: absolute; top: calc(100cqw - 24px); right: 4px; left: auto; z-index: 6; float: none; box-sizing: border-box; height: 20px; margin: 0; padding: 4px 4px 0 9px; border-radius: 11px 0 0 0; background: #fff; color: #555; font-size: 9.5px; font-weight: 600; line-height: 13px; white-space: nowrap; font-variant-numeric: tabular-nums; text-shadow: none; cursor: copy; }
.product-grid .artikelnummer::before, .product-grid .artikelnummer::after { content: ""; position: absolute; width: 11px; height: 11px; background: radial-gradient(circle at 0 0, transparent 10.5px, #fff 11px); }
.product-grid .artikelnummer::before { left: -11px; bottom: 0; }
.product-grid .artikelnummer::after { right: 0; top: -11px; }
.lebensmittelbadge { display: inline-block; width: 65px; height: 65px; margin: -41px; text-align: center; font-family: Arial, sans-serif; float: left; top: 150px; position: relative; left: 80px; pointer-events: none; }
.lebensmittelbadge .symbol { font-size: 4em; display: block; margin-bottom: -12px; color: #fff; text-shadow: 2px 2px 0 #666, -1px -1px 0 #666, 1px -1px 0 #666, -1px 1px 0 #666, 1px 1px 0 #666; pointer-events: none; }
.volume-badge { position: relative; box-shadow: 0 0 0 1px gray, inset 0 0 0 1px gray !important; border: 1px solid transparent !important; border-radius: 12px !important; display: inline-block !important; padding: 5px 10px !important; line-height: 16px !important; color: #333 !important; font-size: 12px !important; font-family: Black Ops One, cursive !important; text-align: center !important; opacity: .8 !important; width: auto !important; transform: rotate(0deg) !important; background: hsla(0,0%,83%,.2) !important; }
.volume-badge:before { content: "🛢️"; position: absolute; left: -25px; top: 50%; transform: translateY(-50%); font-size: 16px !important; opacity: .8 !important; }
.volume-text:before{content:"100L";position:absolute;top:0;left:0;right:0;bottom:0;color:transparent;-webkit-background-clip:text;background-clip:text;background:linear-gradient(45deg,#000,#555);z-index:-1;filter:blur(4px)}
.sticker-new { display: inline-block; font-size: 10px; font-weight: 700; line-height: 1; padding: 4px 4px 3px; position: absolute; right: 1.8rem; text-transform: uppercase; top: -1rem; background-color: #444; color: #fff; }
.sticker-new:after { content: ""; height: 0; left: 3px; position: absolute; top: 16px; width: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #2a2a2a; }

/* Doofinder Karten Badges */
.df-card.dfd-card .badge2, .df-card.dfd-card .right-badge-cluster2, .df-card.dfd-card .df-embed-un-badge2, .df-card.dfd-card .artikelnummer2, .df-card.dfd-card .materialbadge-wrapper2, .df-card.dfd-card .stockbadge { pointer-events: none; }
.dfwidget-card.ro-card .ro-card-link { z-index: 5; }
.dfwidget-card.ro-card .badge2 { pointer-events: none; }
:where(#divShopPageWrapper_18) .UN-logo { bottom: -3px !important; }

/* -------------------------------------------------------------------------- */
/* 9. BUTTONS (COMPONENTS)                                                    */
/* -------------------------------------------------------------------------- */
.btn, .button { transition: all .3s ease-out 0s; }
.button-5 { align-items: center; background-color: #fa6400; border-radius: .25rem; color: #fff; cursor: pointer; display: inline-flex; font-family: system-ui, -apple-system, sans-serif; font-size: 12px; font-weight: 600; justify-content: center; line-height: 1; margin-top: 15px; padding: calc(.875rem - 1px) calc(1rem - 1px); text-decoration: none; transition: all .25s; }
.button-5:hover { background-color: #d96a28; transform: translateY(-1px); }
.button-5:active{background-color:#c85000;box-shadow:0 2px 4px rgba(0,0,0,.06);transform:translateY(0)}
.button-87 { margin: 10px; padding: 15px 30px; text-align: center; text-transform: uppercase; transition: .5s; background-size: 200% auto; color: #fff; border-radius: 10px; display: block; border: 0; font-weight: 700; box-shadow: 0 0 14px -7px #c07814; background-image: linear-gradient(45deg, #ff512f, #c07814 51%, #ff512f); cursor: pointer; width: 200px; }
.button-87:hover { background-position: 100%; color: #fff; text-decoration: none; }
.button-87:active{transform:scale(.95)}
.button-811 { display: block; width: 100%; box-sizing: border-box; min-height: 33px; margin: auto 0 0; padding: 8px 0 0; overflow: hidden; border: 0; border-top: 1px solid transparent; border-radius: 0; background: transparent; box-shadow: none; color: #b92c17; opacity: 0; text-align: right; text-transform: none; font-size: 12px; font-weight: 700; line-height: 24px; cursor: pointer; transform: none; transition: opacity .25s ease, border-color .25s ease, color .2s ease; }
.article-card:hover .button-811, .article-card:focus-within .button-811 { border-top-color: #bb442f; opacity: 1; }
.button-811::after { content: ' →'; display: inline-block; position: static; width: auto; height: auto; margin: 0; padding: 0; border: 0; background: transparent; transform: translateX(0); transition: transform .25s ease; }
.button-811:hover { color: #8e2112; background: transparent; text-decoration: none; }
.button-811:hover::after { transform: translateX(3px); }
.button-811:active { transform: none; }
.button-29 { background-image: radial-gradient(100% 100% at 100% 0, #5adaff 0, #5468ff 100%); border: 0; border-radius: 6px; color: #fff; cursor: pointer; display: inline-flex; font-family: JetBrains Mono, monospace; height: 48px; justify-content: center; align-items: center; padding: 0 16px; text-decoration: none; transition: box-shadow .15s, transform .15s; font-size: 18px; }
.button-29:focus{box-shadow:inset 0 0 0 1.5px #3c4fe0,0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #3c4fe0}.button-29:hover{box-shadow:0 4px 8px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #3c4fe0;transform:translateY(-2px)}.button-29:active{box-shadow:inset 0 3px 7px #3c4fe0;transform:translateY(2px)}
.button-74 { background-color: #fff !important; border: 2px solid #422800; border-radius: 30px; box-shadow: 4px 4px 0 0 #422800; color: #422800; cursor: pointer; display: inline-block; font-weight: 600; font-size: 18px; padding: 0 18px; line-height: 50px; text-align: center; text-decoration: none; }
.button-74:active { box-shadow: 2px 2px 0 0 #422800; transform: translate(2px, 2px); }
.default-btn { background: transparent; font-size: 12px; line-height: 1; padding: 12px 36px 10px; text-transform: uppercase; transition: all .3s ease 0s; border-radius: 10px; font-weight: 600; border: 1px solid #d0d0d0; color: #444; }
.default-btn:hover { background-color: #DC3618; border: 1px solid #DC3618; color: #fff !important; }
.buttonorange { background-color: #e94f35; border: none; color: #fff; padding: 16px 32px; text-align: center; font-weight: 700; text-transform: uppercase; font-size: 16px; margin: 6px 4px; opacity: .8; transition: .5s; }
.buttonorange:hover { opacity: 1; }
.logout-button { z-index: 19999; border: none; font-size: 12px; cursor: pointer; border-radius: 5px; right: 10px; position: fixed; top: 50px; color: #333 !important; font-weight: 700; background-color: transparent; text-shadow: 1px 1px 0 hsla(0,0%,100%,.85); }
.logout-button:hover { background-color: #e0e0e0; box-shadow: 0 2px 5px rgba(0,0,0,.2); }
.flexible-btn { border-radius: 5px; display: inline-block; font-weight: 700; line-height: 1; padding: 14px 40px 12px; text-transform: uppercase; z-index: 9; border: 1px solid #000; color: #DC3618; }
.flexible-btn:hover { text-decoration: none; border: 1px solid #000; color: #fff; }
.blogbutton { border: 1px solid #e7e7e7; text-align: center; padding: 15px; border-radius: 15px; background-color: #666; color: #fff; text-transform: uppercase; font-size: medium; font-weight: 700; width: 35%; transition: .3s; height: 100%; margin-bottom: 20px; margin-top: 20px; }
.blogbutton:hover { transition: .3s; box-shadow: 0 0 25px .08px rgba(0,0,0,.3); background-color: #DC3618; }
.open-button { opacity: .7; font-weight: 700; padding: 20px; border: none; cursor: pointer; position: fixed; bottom: 400px; right: -135px; width: auto; border-radius: 15px 15px 0 0; transition: all .5s; box-shadow: 12px 12px 16px 0 rgba(0,0,0,.2), -8px -8px 28px 0 hsla(0,0%,100%,.3); transition: .2s; transform: rotate(270deg); background-color: #DC3618; color: #fff; }
.open-button:hover { opacity: 1; transition: .2s; background-color: #555; }
.killswitch { background-color: #666; color: #fff; font-weight: 700; padding: 8px 15px; border: none; cursor: pointer; opacity: 0; width: auto; border-radius: 25px; transition: all .5s; position: fixed; bottom: 265px; right: 25px; box-shadow: 26px 29px 33px -19px rgba(0,0,0,.36); transform: scale(.8); }
.open-button:hover + .killswitch { opacity: 1; transition: all .5s; }
.killswitch:hover { transform: scale(1); transition: .1s; opacity: 1; }
.button-53 { left: 1000px; top: 150px; background-color: #DC3618; border: 0 solid #e5e7eb; box-sizing: border-box; color: #fff; font-family: ui-sans-serif, system-ui, -apple-system, sans-serif; font-size: 1.5rem; font-weight: 700; line-height: 1.75rem; padding: .75rem 1.65rem; text-align: center; text-decoration: none #000 solid; text-decoration-thickness: auto; width: 100%; max-width: 300px; position: relative; cursor: pointer; transform: rotate(10deg); user-select: none; touch-action: manipulation; transition: .3s; }
.button-53:focus, .button-53:hover { transform: scale(1.1); }
.button-53:after { content: ""; position: absolute; border: 1px solid #000; bottom: 4px; left: 4px; width: calc(100% - 1px); height: calc(100% - 1px); }
.button-53:hover:after { bottom: 2px; left: 2px; }
.btn-cart { background-color: transparent; display: inline-block; font-size: 15px !important;font-weight: 600; letter-spacing: .08px; line-height: 1; position: relative; text-transform: uppercase; z-index: 5; padding: 17px 15px 17px 48px; color: #fff; border: none; font-family: 'Inter','Segoe UI','Roboto',Arial,sans-serif; }
.btn-cart::before { content: "\e6b2"; font-family: 'Pe-icon-7-stroke'; font-size: 1.2em; color: #fff; position: absolute; left: 18px; top: 50%; transform: translateY(-50%); font-style: normal; font-weight: normal; pointer-events: none; transition: color .2s }
.btn-cart:hover, .btn-cart:focus { background-color: #666 !important; color: #fff; }
.btn-cart:hover::before, .btn-cart:focus::before { color: #e85236; }
.btn-hover:before { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transition-duration: .3s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; background: #DC3618 none repeat scroll 0 0; border-radius: 5px; }
.btn-hover:hover:before { transform: scaleX(1); }
.btn-hover-black:before { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transition-duration: .3s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; background: #333 none repeat scroll 0 0; border-radius: 5px; }
.btn-hover-black:hover:before { transform: scaleX(1); }
nbutton { background: 0 0; border: none !important; font-size: 0; pointer-events: none; cursor: not-allowed; position: relative; float: right; }
.notification-button2{display:flex;align-items:center;justify-content:center;height:100px}
.button,.buttonnews{top:-1px;bottom:0;display:inline-block;position:absolute;right:0;cursor:pointer;margin-left:0;background:#222222}
.button{border-radius:0 0 5px 5px!important;z-index:999;transition:all .3s ease 0s;transition:.3s}
.buttonnews{border-radius:0 15px 15px 0!important;transition:all .3s ease 0}
.button:hover,.buttonnews:hover{background:#000;border:1px solid #222222!important;color:#fff;transition:.3s}

/* -------------------------------------------------------------------------- */
/* 10. MODALS, POPUPS & NOTIFICATIONS                                         */
/* -------------------------------------------------------------------------- */
html.popup-open, body.popup-open { overflow: hidden !important; height: 100% !important; }
.backdrop-blur-md { display: none; position: fixed; inset: 0; width: 100%; height: 100%; overflow: auto; z-index: 9999; background-color: rgba(0, 0, 0, 0.6); justify-content: center; align-items: center; }
#shopPopupContent { background: #fff; max-width: 500px; width: 90%; padding: 20px 25px 40px; border-radius: 8px; font-family: inherit; font-size: 14px; line-height: 1.6; color: #1a1a1a; box-shadow: 0 10px 30px rgba(0,0,0,0.3); position: relative; max-height: 90vh; overflow-y: auto; }
.ccm-modal--footer .ccm--ctrl-init, .ccm-modal--footer .ccm--save-settings, .ccm-modal--footer .ccm-modal--close, .ccm-widget--buttons .ccm--ctrl-init, .ccm-widget--buttons .ccm--decline-cookies, .ccm-widget--buttons .ccm--save-settings { border-radius: 5px !important; }
.ccm-modal--body { text-align: justify; font-size: 12px; }
.ccm-modal-inner { position: relative; z-index: 1600; box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.75); }
.info-button { position: fixed; right: 0; top: 20%; background-color: #DC3618; color: #fff; cursor: pointer; padding: 10px; font-size: 16px; border: none; border-top-left-radius: 15px; border-bottom-left-radius: 15px; z-index: 1000; display: flex; align-items: center; transition: width .5s ease; width: 45px; max-width: 400px; overflow: hidden; }
.info-button:hover { width: 250px; }
.info-panel { display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; right: -400px; top: 0; width: 400px; height: 100%; background-color: #f8f9fa; box-shadow: -2px 0 5px rgba(0,0,0,.5); padding: 25px; transition: right .5s ease; z-index: 2999; }
#closeButton, #infopanelbutton { display: block; margin: 20px auto; padding: 10px 20px; background-color: #DC3618; color: #fff; border: none; border-radius: 15px; font-size: 16px; cursor: pointer; transition: background-color .3s; }
#infopanelbutton:hover { background-color: #ea634b; }
#closeButton { background-color: #666; }
#closeButton:hover { background-color: #888; }
#lstKB_19, #lstKB_23 { margin-top: 35px; }
.tooltip2 { position: relative; display: inline-block; cursor: pointer; }
.tooltip2 .tooltiptext2 { visibility:hidden; box-sizing:border-box; width:min(420px,calc(100vw - 32px)); max-height:min(560px,calc(100dvh - 32px)); overflow-y:auto; background-color:#555; color:#fff; text-align:left; padding:18px; position:absolute; z-index:1500; top:calc(100% + 10px); bottom:auto; right:0; left:auto; margin:0; opacity:0; transition:opacity .2s; border-radius:10px; overflow-wrap:anywhere; }
.tooltip2 .tooltiptext2:after{content:"";position:absolute;top:100%;left:1%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#e5e5e5 transparent transparent;transition:.3s}
.tooltip2:hover .tooltiptext2, .tooltip2:focus-within .tooltiptext2 { visibility:visible; opacity:1; }
@media(max-width:767px) { .tooltip2 .tooltiptext2 { position:fixed; top:auto; bottom:112px; left:16px; right:16px; width:auto; max-height:calc(100dvh - 128px); } }
.tooltip3 { position: relative; display: inline-block; cursor: pointer; }
.tooltip3 > a { color: #595959; text-decoration: none; }
.tooltip3 .tooltiptext3 {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: 9999;
  top: calc(100% + 10px);
  left: 50%;
  transform: translate(-50%, 4px);
  width: max-content;
  min-width: 260px;
  max-width: min(320px, 90vw);
  padding: 12px 16px;
  background: rgba(0, 0, 0, .8);
  color: #fff;
  border-radius: 10px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, .3);
  backdrop-filter: blur(5px);
  text-align: left;
  text-transform: none;
  letter-spacing: normal;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.45;
  white-space: normal;
  transition: opacity .2s ease, transform .2s ease;
}
.tooltip3 .tooltiptext3::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-bottom-color: rgba(0, 0, 0, .8);
}
.tooltip3 .tooltiptext3::after { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: 12px; }
.tooltip3:hover .tooltiptext3,
.tooltip3:focus-within .tooltiptext3 {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 0);
}
.tooltip3 .tooltiptext3 p { margin: 0 0 8px; }
.tooltip3 .tooltiptext3 p:last-child { margin-bottom: 0; }
.tooltip3 .tooltiptext3 a { color: #fff; text-decoration: underline; }
.tooltip3 .tooltiptext3 a:hover { color: #E94F35; }
.rt-help-status { margin-bottom: 8px; font-weight: 600; }
.rt-help-status::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; background: #999; vertical-align: middle; }
.rt-help-status.open::before { background: #3ecf6e; }
.rt-call-ico { position: static; }
.rt-call-dot {
  position: static;
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 6px 0 2px;
  border: 0;
  border-radius: 50%;
  background: #c0392b;
  vertical-align: middle;
  transform: translateY(-1px);
}
.rt-call-dot.open {
  background: #2ecc71;
  box-shadow: 0 0 0 3px rgba(46, 204, 113, .2);
}
.tooltip4 { position: relative; display: inline-block; color: #000; z-index: 999; }
.tooltip4 .tooltiptext4 { visibility: hidden; background-color: #fff; color: #fff; font-size: 9px; text-align: center; padding: 15px; transition: opacity .3s; border-radius: 5px; margin-top: -170px; width: 270px; height: 270px; opacity: 0; position: absolute; z-index: 999; }
.tooltip4:hover .tooltiptext4 { visibility: visible; opacity: 1; transition: .3s; }
.notification-section { position: fixed; bottom: 0; right: 0; z-index: 2010; width: 20%; border-radius: 45px 0 0 0; border: 1px solid #333; background: #fff; padding: 20px; display: flex; align-items: center; box-shadow: 0 0 0 2000px rgba(0,0,0,.8); justify-content: space-between; color: #fff; transform: translateY(100%); animation: c .3s ease-out; animation-fill-mode: forwards; }
.notification-button-basket { border-radius: 50px; font-weight: 700; color: #666; margin-top: 1em; width: 100%; }
.notification-close-button { border-radius: 50px; font-weight: 700; border: medium none; padding: .1rem .2rem; cursor: pointer; background-color: #3b4764; color: #fff; }
.notification-close-button:hover { background-color: #666; color: #fff; }
.notification-close-button>i{font-size:1.5rem;vertical-align:middle}
.notification-img-2 { background-image: url(../../assets/img/bg/5.jpg); background-position: 50%; background-repeat: no-repeat; background-size: cover; }
.notification-text { padding: 20px; font-size: 12px; margin-bottom: 20px; text-align: justify; color: #fff; }
.notification-button { width: 250px; padding: 10px 20px; font-size: 13px; border-radius: 10px; margin-left: 10px; text-align: center; text-decoration: none; display: inline-block; font-weight: 700; cursor: pointer; margin: 15px; transition: all .3s ease-out; border: none; }
.notification-button:hover { transform: translateY(-2px); box-shadow: 0 10px 15px rgba(0,0,0,.1); filter: drop-shadow(0 0 3px #FFF); }
.loading-spinner:before { content: ""; height: 100%; width: 100%; position: fixed; top: 0; left: 0; background-image: url(../../loading-spinner.gif); background-repeat: no-repeat; background-size: auto; background-position: top 30% center; background-color: hsla(0,0%,100%,.8); z-index: 9999; }
.watermark { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; background-color: rgba(255,0,0,.5); color: #fff; padding: 7px; text-align: center; text-transform: uppercase; font-weight: 600; animation: b 60s linear infinite; white-space: nowrap; overflow: hidden; font-size: 15px; }
.funnel-wait-pic { position: fixed; left: 50%; top: 30%; margin: -116px 0 0 -16px; z-index: 1000; width: 200px; height: 200px; }
.funnel-wait-pic,.funnel-wait-pic:hover{transform:scale(1)}
.overlay-waiting, .waiting { position: fixed; left: 0; width: 100%; height: 100%; }
.overlay-waiting { z-index: 20000; top: 0; background: #fff; opacity: .7; background-color: #000; }
.waiting { top: 45%; z-index: 25000; text-align: center; }
.disable-checkout { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; opacity: .5; z-index: 1; }
.form-popup { display: none; position: fixed; bottom: 55px; right: 0; z-index: 200; transition: .3s; border-radius: 15px 0 0 15px; }
.form-container { max-width: 300px; padding: 15px; background-color: #f7f7f8; opacity: 1; box-shadow: 0 -3px 15px 5px #666; transition: .3s; border-radius: 15px 0 0 15px; }
.form-container input[type=password], .form-container input[type=text] { width: 100%; padding: 15px; margin: 5px 0 22px; border: none; background: #f1f1f1; }
.form-container input[type=password]:focus, .form-container input[type=text]:focus { background-color: #ddd; outline: 0; }
.form-container .btn { background-color: #04aa6d; border-radius: 15px; color: #fff; padding: 16px 20px; border: none; cursor: pointer; width: 100%; margin-bottom: 10px; opacity: .8; border-radius: 0; }
.form-container .cancel { border-radius: 15px; background-color: #DC3618; transition: all .5s; }
.form-container .btn:hover { opacity: 1; box-shadow: 0 0 15px .08px rgba(0,0,0,.15); background-color: #555; }
.modal-backdrop { position: fixed; width: 100%; height: 100%; }
.modal .close { line-height: 1.5; }
#ModalProductView .close { float: right; font-size: 50px; font-weight: 700; line-height: 1; opacity: 1; position: absolute; right: 370px; top: 32px; transition: all .3s ease 0s; cursor: pointer; color: #fff; text-shadow: 0 1px 0 #fff; }
#ModalProductView .close:hover { color: #999; }
.modal-quickview-width { margin: 150px auto; min-width: 100%; }
.quick-view-content .product-desc { color: #545454; margin-bottom: 33px; }
.quick-view-content .rating-text { font-size: 12px; margin-left: 5px; }
.quick-view-content > h3 { font-size: 24px; font-weight: 600; margin-bottom: 13px; color: #222222; }
.details-price { font-size: 24px; font-weight: 600; color: #050035; }
.details-price span.old, .price span.old { text-decoration: line-through; margin-right: .5em; font-size: 17px; color: #050035; }
.details-price span.new, .price span.new { margin-right: .5em; color: #050035; }

/* Infobox */
.infobox2 {
    padding: 10px;
    background-color: #fff;
    border: 2px solid #ff0000;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    color: #333;
    line-height: 1.5;
    margin-bottom: 10px;
}
.infobox2 .title {
    color: #ff0000;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    width: auto;
}

/* Scroll-Sperre bei offenem Modal */
html:has(body.modal-open), html:has(body.modal-show), html:has(body[style*="overflow: hidden"]), body.modal-open, body.modal-show { overflow-y: hidden !important; }

/* Ladeanzeige */
#loading-spinner { position: fixed; inset: 0; display: none; place-items: center; background: rgba(255,255,255,.75); backdrop-filter: blur(2px); z-index: 2147483000; opacity: 0; transition: opacity .15s ease; }
#loading-spinner.is-visible { opacity: 1; }
#loading-spinner .spinner { width: 56px; height: 56px; border-radius: 50%; border: 3px solid #E85237; border-top-color: transparent; animation: neo-spin .8s linear infinite; }
#rt-buy-toast { position: fixed; left: 50%; bottom: 56px; z-index: 2147483001; display: flex; align-items: center; gap: 14px; box-sizing: border-box; width: max-content; max-width: min(520px, calc(100vw - 32px)); padding: 12px 18px; border-radius: 12px; background: #1d1d1b; color: #fff; font-size: 14px; font-weight: 600; line-height: 1.35; box-shadow: 0 10px 30px rgba(0,0,0,.25); opacity: 0; pointer-events: none; transform: translate(-50%, 12px); transition: opacity .2s, transform .2s; }
#rt-buy-toast.is-visible { opacity: 1; pointer-events: auto; transform: translate(-50%, 0); }
#rt-buy-toast.is-error { background: #8a1c0b; }
#rt-buy-toast span { flex: 1 1 auto; min-width: 0; }
#rt-buy-toast a { flex: 0 0 auto; color: #fff; font-weight: 800; text-decoration: underline; white-space: nowrap; }
@keyframes neo-spin { to { transform: rotate(360deg); } }

/* Bild-Zoom Overlay */
.rt-zoom-ov { position: fixed; inset: 0; z-index: 9999999; background: rgba(0,0,0,.88); display: flex; align-items: center; justify-content: center; touch-action: pinch-zoom; }
.rt-zoom-ov img { max-width: 100%; max-height: 100%; object-fit: contain; background: #fff; }
.rt-zoom-ov button { position: absolute; top: 12px; right: 12px; width: 44px; height: 44px; border: 0; border-radius: 50%; background: #fff; color: #333; font-size: 28px; line-height: 44px; padding: 0; box-shadow: 2px 2px 6px 1px rgba(0,0,0,.38); }

/* -------------------------------------------------------------------------- */
/* 11. MYFACTORY SPECIFIC OVERRIDES & IDs                                     */
/* -------------------------------------------------------------------------- */
a[href="https://mf.rotert.com/mf/web/Rotert/Eintrag.aspx?WPParams=46C6D7D7BDB4E0E8D3E599A5AF9293BFB8D8D693DBDBD7CCD1B4ADDBD4E1BC9BC4A8BFE1E7E1A6DAC4D3DBC6E0B088"] { padding: 0 !important; min-width: 0 !important; min-height: 0 !important; }
#fld55277 { display: inline-block; margin: 50px auto; text-align: center; text-shadow: 1px 1px 0 #000, -1px -1px 0 #fff; color: #DC3618; font-weight: 600; font-size: 16pt; font-family: Verdana, sans-serif; text-transform: uppercase; opacity: .9; }
#fld37251 { min-height: 15px; color: #888; font-weight: 700; font-size: 13px !important; }
#divCategories_23 { display: none; }
#divProductPic .aqualaborbadge-container { top: 51px; right: -15px; }
#fld28682_3 .materialbadge .symbol { margin-top: 0 !important; margin-bottom: 0 !important; }
#fld28682_3 .materialbadge .title { margin-top: 0 !important; }
#div28685_2 .materialbadge { float: right !important; }
#div41844_11 .materialbadge, #div41844_13 .materialbadge, #div41844_15 .materialbadge { top: 190px !important; }
#scrollUp { padding: 0px !important; bottom: 200px; cursor: pointer; display: none; font-size: 20px; height: 44px; line-height: 48px; position: fixed; right: 12px; text-align: center; width: 44px; z-index: 9999; background: #DC3618; color: #fff; border: 0; border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,.25); }
#scrollUp:hover, #scrollUp:focus-visible { background: #333; color: #fff; transition: background-color .3s; } #scrollUp:focus-visible { outline: 3px solid #174f7c; outline-offset: 2px; }
#divNotificationSection { display: none; }
#divProductAreaTwo .variant-banner { z-index: 1000; margin-top: -9px; margin-left: -24px; z-index: 999; }
#sta28686_4, .lastproduct #fld28682_5, .lastproduct #fld56655_3, .lastproduct #fld56655_4, .lastproduct #lblfld56655_4, .lastproduct #sta28686_5, .live-search-container .product-action-list-style, .live-search-container .product-list-button, .rightproductarea { display: none; }
#divProductAreaTwo > .row > div { margin-bottom: 30px; }
#divLogo img, .product-details #divProductDescription .tab-content img { max-width: 100%; }
#divProductPicVar ul { margin-top: 30px; }
#img132172 { transition: opacity .4s ease-in-out; opacity: 0; }
#img132172.visible { opacity: 1; }
#mainContent { line-height: 1em; min-height: 12.2em; transition: max-height .3s; position: relative; overflow: hidden; }
.showContent { max-height: 15em; transition: .3s; transition: max-height 1.3s ease-in-out; position: relative; overflow: hidden; }
.textWrapper:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 40%; background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff); pointer-events: none; }
.hideContent .textWrapper:after { background: none; }
.hideContent { max-height: 100em; transition: max-height 1.3s ease-in-out; }
#moreButton { position: absolute; bottom: 1px; right: 0; cursor: pointer; border: 1px solid #ddd; box-shadow: 0 2px 3px rgba(0,0,0,.1); transition: all .3s ease; border-radius: 5px; background: #f5f5f5; color: #666; font-weight: 700; border-radius: 15px; padding: 5px; }
#moreButton:hover { background-color: #dcdcdc; }
#customers { font-family: Arial,Helvetica,sans-serif; border-collapse: separate; font-size: 12px; table-layout: fixed; width: 100%; border-radius: 0; margin-left: 0; background-color: #fefefe; border-bottom: 1px solid #e7e7e7; }
#customers td, #customers th { padding: 8px; font-size: 12px; text-align: left; border-top: 1px solid #e7e7e7; word-break: break-all; width: 250px; text-shadow: 0 0 0 #000 !important; }
#customers tr:nth-child(2n) { border: 1px solid #fff; }
#customers tr:hover { background-color: #DC3618; color: #fff; }
#customers th { padding-top: 12px; padding-bottom: 12px; background-color: #fefefe; color: #fff; text-align: center; }
#customers td a:hover, #customers tr:hover a { color: #fff; }
#staffelpreise { border-collapse:separate; border-spacing:0; font-size:14px; line-height:1.5; table-layout:fixed; width:100%; margin:0; background:#fff; border-bottom:1px solid #e3e7ea; cursor:default; }
#staffelpreise td, #staffelpreise th { padding:8px 12px; font-size:14px; text-align:right; border:0; font-variant-numeric:tabular-nums; }
#staffelpreise tr:nth-child(2n) { background:#f6f8f9; }
#staffelpreise tr:hover { background:#fcece7; color:#252c32; }
#staffelpreise th { line-height:1.5; padding:8px 12px; text-align:right; background:#edf1f3; color:#434e57; font-size:12px; font-weight:700; }
#staffelpreise td:last-child { color:#59636c; }
#staffelpreise td:first-child, #staffelpreise th:first-child { text-align:left; }
#modal-info-texts #infotext-container { font-size: 1.2rem; }
#modal-info-texts #infotext-container [class^=ti-] { margin-right: 5px; }
#fld28682_15 img {
  display: inline !important; 
}
#div29321_8:empty { display: none; }
#div29321_9 { flex: 0 0 100% !important; max-width: 100% !important; }
#div29321_9 table { white-space: normal !important; width: 100%; }
#div29321_9 td:first-child { white-space: nowrap; }
#head29848_17 { font-size: 24px; line-height: 1.2; }

/* -------------------------------------------------------------------------- */
/* 12. ANIMATIONS                                                             */
/* -------------------------------------------------------------------------- */
.scaler { transition: transform .2s, box-shadow .2s; }
.scaler:hover { transform: translateY(-4px); box-shadow: 0 0 0 2px #dc3618, 0 18px 34px rgba(0,0,0,.16); cursor: pointer; }
.spinner-alt { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; animation: pulseFloatRotate 2s ease-in-out infinite; pointer-events: none; background: transparent; }
@keyframes pulseFloatRotate { 0% { transform: translate(-50%, -50%) scale(1) translateY(0) rotate(0deg); } 50% { transform: translate(-50%, -50%) scale(1.1) translateY(-10px) rotate(180deg); } 100% { transform: translate(-50%, -50%) scale(1) translateY(0) rotate(360deg); } }
@keyframes ellipseScale { 0% { transform:scale(.85); opacity:.7; } 50% { transform:scale(1.55); opacity:.3; } 100% { transform:scale(2.2); opacity:0; } }
@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes glowing { 0%, 100% { filter: drop-shadow(0 0 4px rgba(128, 128, 128, 0.4)); } 50% { filter: drop-shadow(0 0 8px rgba(128, 128, 128, 0.6)); } }
@keyframes shineEffect { 0% { transform:translateX(-110%) skewX(-20deg); opacity:0; } 15% { opacity:1; } 80% { opacity:1; } 100% { transform:translateX(400%) skewX(-20deg); opacity:0; } }
@keyframes a { 0%, to { transform: translateX(0); } 25%, 75% { transform: translateX(0); } }
@keyframes b { 0% { text-indent: 100%; } to { text-indent: -100%; } }
@keyframes c { 0% { transform: translateY(100%); } to { transform: translateY(0); } }
@keyframes d { to { opacity: 1; } }
@keyframes e { 0%,to { transform: scaleX(1); } 50% { transform: scaleX(-1); } }
@keyframes f { 0% { transform: rotate(0deg); } to { transform: rotate(1turn); } }
@keyframes g { 0%,to { transform: translateY(0) rotate(0deg); } 10%,30%,50%,70%,90% { transform: translateY(-1%) rotate(-1deg); } 20%,40%,60%,80% { transform: translateY(1%) rotate(1deg); } }
@keyframes h { 0% { transform: scale(1) rotate(0deg); } 25% { transform: scale(1.05) rotate(-5deg); } 50% { transform: scale(1.1) rotate(5deg); } 75% { transform: scale(1.05) rotate(-5deg); } to { transform: scale(1) rotate(0deg); } }
@keyframes i { 0%,to { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@keyframes j { 0% { opacity: 0; } to { opacity: 1; } }
@keyframes k { 0% { transform: translateX(0); } 50% { transform: translateX(-100%); } to { transform: translateX(0); } }
.shipping_banner{  position: relative; padding: 10px; border-radius: 4px;text-align: center; margin-top: 15px;}
.shipping_banner::before {position:absolute;content: "\1F6C8"; font-family: 'Pe-icon-7-stroke'; left: 15px; top: 50%; transform: translateY(-50%); font-size: 21px; color: inherit; opacity: 0.8;}
.shipping_alert { background-color: #ffeaea; color: #ff3333; border: 1px solid #ff6666;text-align: center; margin-top:15px;}
.shipping_warn { background-color: #fff4cc; color: #333; border: none;text-align: center; }
.shipping_success { background-color: #e6ffe6; color: #008300; border: none;text-align: center; }
.underlay, .underlay img, .banner, .logo, .slogan, .ellipse { position:relative; z-index:2; }
.ellipse { position:absolute; top:var(--slider-logo-y,13.66%); left:var(--slider-logo-x,24.5%); width:var(--slider-logo-size,10%); height:auto; aspect-ratio:1; border-radius:50%; opacity:1; pointer-events:none; z-index:3; }
.ellipse::before, .ellipse::after { content:""; position:absolute; inset:0; border:2px solid rgba(255,255,255,.8); border-radius:50%; background:rgba(255,255,255,.16); animation:ellipseScale 2.8s ease-out infinite; }
.ellipse::after { animation-delay:-1.4s; }
#divSlider .logo { position:absolute; top:var(--slider-logo-y,13.66%); left:var(--slider-logo-x,24.5%); width:var(--slider-logo-size,10%); height:auto; aspect-ratio:1; object-fit:contain; z-index:4; animation:glowing 4s ease-in-out infinite; }
#divSlider .slogan { z-index:15; display:block; width:100%; max-width:100%; height:auto; margin:0; opacity:1; object-fit:contain; filter: brightness(0.22) drop-shadow(0 1px 0 rgba(255, 255, 255, 0.75)) drop-shadow(0 6px 16px rgba(15, 23, 42, 0.08)) }
#divSlider .banner { grid-column:2; grid-row:1; align-self:end; justify-self:center; position:relative; left:auto; right:auto; display:block; width:100%; max-width:100%; height:auto; margin:0; object-fit:contain; mask-image:linear-gradient(#000 0%,#000 92%,transparent 100%); }
.shine-overlay { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:1; overflow:hidden; }
.shine-overlay::before { content:""; position:absolute; inset:0 auto 0 0; width:35%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent); transform:translateX(-110%) skewX(-20deg); animation:shineEffect 6s ease-in-out 1s infinite; }
.shine-overlay::after { content:""; position:absolute; bottom:0; left:0; width:100%; height:88px; background:linear-gradient(to bottom,rgba(222,222,223,0),#dededf); }
.container-appear { opacity: 0; animation: d .3s ease-in forwards; }
.container-appear:hover { opacity: 1; }

.achievement p{margin-top:5px;font-size:16px;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;color:#fff;font-weight:700}
.achievement:hover .icon.ti-panel { animation: e .6s infinite step-start; transform-origin: 50.4% 50%; }
.achievement:hover .icon.pe-7s-science { animation: f 3s linear infinite; }
.achievement:hover .icon.ti-truck { animation: g 2s ease-in-out infinite; }
.achievement:hover .icon.ti-help { animation: h 3s ease-in-out infinite; }
.achievement:hover .icon.ti-thumb-up { animation: i 2s ease-in-out infinite; }
.fadeIn { animation: j .8s; opacity: 1; }
.fadein-element { opacity: 0; transition: opacity 1s; }
.fadein-element.visible { opacity: 1; }

/* -------------------------------------------------------------------------- */
/* 13. ADDITIONAL COMPONENTS & LEFTOVERS                                      */
/* -------------------------------------------------------------------------- */
.growteam { transition: all .2s ease-in-out; border-radius: 0; max-width: 240px; max-height:240px }
.growteam:hover { transform: scale(1.03); filter: drop-shadow(5px 5px 5px rgba(0,0,0,.46)); }
.growteam img { width: 90%; height: auto; }
.growteam2 { transition: all .2s ease-in-out; border-radius: 0; max-width: 100%; }
.growteam2:hover { transform: scale(1.03); filter: drop-shadow(5px 5px 5px rgba(0,0,0,.46)); }
.growteam2 img { width: 90%; height: auto; }
.slider-height-4 { min-height:clamp(340px,24vw,440px); height:auto; max-height:none; background-color:#dededf; }
.single-slider-4 { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) 230px; align-items:center; gap:20px; position:relative; width:100%; padding:24px clamp(16px,3vw,56px) 64px; overflow:hidden; }
.single-slider-4 > .container { grid-column:1; grid-row:1; position:relative; left:auto; top:auto; z-index:2; width:100%; max-width:none; min-width:0; margin:0; padding:0; }
.slider-content-4 { padding-left: 150px; right: 500px; }
.slider-content-4 h2 { font-size: 60px; font-weight: 700; line-height: 70px; margin: 0; color: #fff; }
.slider-content-4 h4 { font-size: 16px; letter-spacing: 2px; margin: 6px 0 30px; color: #fff; }
.bg-img { background-position: 50%; background-size: cover; transition: .3s; }
.slider-start { position: relative; height: 350px; width: auto; left: -200px; bottom: -50px; filter: drop-shadow(-2px -2px 4px rgba(0,0,0,.27)); }
.slider-start:hover { filter: blur(0); filter: drop-shadow(-2px -2px 4px rgba(0,0,0,.27)); transition: .3s; }
.electro-slider-btn { border-radius: 5px; display: inline-block; font-weight: 700; line-height: 1; padding: 15px 40px 14px; text-transform: uppercase; z-index: 99; background-color: #fff; color: #1a1a1a; }
.electro-slider-btn:hover { color: #fff; background-color: #DC3618; }
.owl-item.active .fadeinup-animated h2 { animation-delay: 1s; animation-name: fadeInUp; }
.owl-item.active .fadeinup-animated h4 { animation-delay: 1.6s; animation-name: fadeInDown; }
.owl-item.active .fadeinup-animated a { animation-delay: 1.5s; animation-name: fadeInUp; }
.owl-item.active .fadeinup-animated h1, .owl-item.active .fadeinup-animated img { animation-delay: .8s; animation-name: fadeInUp; }
.owl-item.active .fadeinup-animated img.slide-img-position, .owl-item.active .fadeinup-animated p { animation-delay: 1.3s; animation-name: fadeInUp; }
.owl-nav { position: absolute; width: 100%; text-align: center; }
.owl-next, .owl-prev { position: relative; display: inline-block; font-size: 38px; font-weight: 700; top: 12px; color: #666; background: transparent; padding-left: 15px; padding-right: 15px; border-radius: 10px; margin: 10px; margin-bottom: 10px; transition: background .3s,color .3s; transition: .3s; }
.owl-next i, .owl-prev i { font-size: inherit; }
.owl-next:hover, .owl-prev:hover { transform: scale(1.3); transition: .3s; }
.section-title-4 > h2 { font-size: 24px; }
.section-title-4 > h2:after { right: -50px; width: 35px; }
.section-title-4 > h2:before { left: -50px; width: 35px; }
.banner-content4-style1 > h4 { font-size: 18px; font-weight: 700; letter-spacing: 1px; line-height: 28px; text-transform: uppercase; margin: 0; color: #fff; text-shadow: 2px 4px 4px hsla(0,0%,40%,.87); }
.banner-content4-style1 > h4:nth-child(2) { font-size: 16px; display: block; width: 100%; line-height: 20px; margin-top: 5px; }
.banner-content4-style1 { left: 0; padding: 40px 44px; position: absolute; }
.banner-wrapper-4 { overflow: hidden; position: relative; }
.banner-wrapper-4 img { transition: all .3s ease 0s; width: 100%; height: 120px; object-fit: cover; }
.banner-wrapper-4:hover img { transform: scale(1.1); }
.banner-wrapper-4 > a:first-child { overflow: hidden; }
.fexible-content { padding: 75px 294px 77px; }
.fexible-content > h3 { font-size: 30px; font-weight: 700; letter-spacing: 2px; color: #222222; }
.fexible-content p { font-size: 16px; line-height: 30px; margin: 4px 0 26px; color: #666; }
.fexible-content.fexible-content-2 { padding: 70px 120px 74px; }
.electro-fexible-banner { cursor: pointer; position: relative; border: .5rem solid #ececec; }
.electro-fexible-banner:hover .fexible-content > a, .electro-fexible-banner:hover .fexible-content > h3, .electro-fexible-banner:hover .fexible-content > p { animation: .7s ease-in-out 0s normal none 1 running fadeInUp; }
.product-content-5 > h4 { font-weight: 700; margin: 3px 0; }
.product-content-5 > h4, .product-content-5 > h5 { font-size: 24px; color: #222222; }
.product-content-6 > h4 { font-weight: 700; margin: 3px 0; }
.product-content-6 > h4, .product-content-6 > h5 { font-size: 18px; color: #222222; }
.product-content-6b > h4 { color: #222222; font-size: 12px; font-weight: 700; margin: 3px 0 7px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.product-content-6b > span { display: block; font-size: 13px; }
.product-content-6b > h5 { font-size: 18px; }
.product-content-5, .product-content-6 { bottom: 5%; left: 50%; padding: 1rem; position: absolute; transform: translateX(-50%); background-color: hsla(0,0%,100%,.5); }
.product-content-5 > span, .product-content-6 > span { display: block; font-size: 13px; margin-bottom: 14px; color: #222222; }
.best-selling-list { display: flex; flex-direction: column; flex-wrap: wrap; }
.best-selling-img > img { position: absolute; left: 50%; top: 50%; height: auto; width: auto; transform: translate(-50%,-50%); object-fit: scale-down; }
.best-selling-2-tooltip { opacity: 0; visibility: hidden; position: absolute; z-index: 999; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; border: 1px solid #999; }
.best-selling-2-tooltip > h4 { font-size: 12px; margin: 3px 0; }
.product-wrapper:hover .best-selling-2-tooltip { opacity: 1; visibility: visible; }
.banner-price.text-center { border-radius: 0 100% 100%; display: inline-block; height: 138px; left: 0; position: absolute; top: 0; width: 150px; background-color: #fff; }
.banner-price-new { display: block; font-size: 30px; font-weight: 700; line-height: 1; margin-bottom: 5px; color: #fff; }
.banner-price-old { font-size: 20px; font-weight: 700; text-decoration: line-through; line-height: 1; color: #ececec; }
.banner-price-position { left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.phn-img { bottom: -73px; }
.phn-img, .phn-img2 { position: absolute; right: 112px; }
.phn-img2 { bottom: 33px; }
.phn-img3 { bottom: -43px; position: absolute; right: 112px; }
.containertagcloud { display: flex; flex-direction: row; padding-left: 100px; padding-right: 100px; overflow: hidden; }
.bannertwo-banner-content { padding: 50px 50px 30px; }
.bannertwo-banner-content > h3 { font-size: 30px; font-weight: 700; line-height: 40px; margin-bottom: 20px; color: #fff; }
.bannertwo-banner-content > a { font-size: 16px; font-weight: 700; text-transform: uppercase; color: #fff; }
.bannertwo-banner-content > a:hover { color: #ccc; }
.bannertwo-banner-img { position: relative; }
.bannertwo-banner-img > img { width: 100%; height: 100%; max-width: 100%; object-fit: contain; }
.bannertwo-banner-img:hover .phn-img2 img, .bannertwo-banner-img:hover .phn-img3 img, .bannertwo-banner-img:hover .phn-img img { transform:translateY(-2px); }
#divBannerHome .bx-wrapper { position:relative; z-index:1; display:flex; flex-direction:column; margin:0; padding:0; border:0; box-shadow:none; background:transparent; }
#divBannerHome .bx-viewport { height:auto !important; overflow:clip visible !important; padding:0; touch-action:pan-y; }
#divBannerHome .wfdiv72556Class { display:flex; align-items:flex-start; }
#divBannerHome .wfdiv72556Class > li { flex-shrink:0; }
#divBannerHome h2 { max-width:none; margin:10px 0 12px; color:#161b1e; font-size:clamp(24px,2.2vw,30px); font-weight:750; line-height:1.12; letter-spacing:-.025em; text-transform:none; text-shadow:none; }
#divBannerHome :is(#div27258_6,#div72587) > p { max-width:none; margin:0 0 20px; color:#50595f; font-size:14px; font-weight:400; line-height:1.55; text-align:left; }
#divBannerHome :is(#div27258_6,#div72587) > p:first-child { display:inline-flex; align-items:center; gap:5px; margin:0; padding:4px 7px; border-radius:5px; background:#eef0f1; color:#3f484e; font-size:10px; font-weight:700; line-height:1.3; letter-spacing:.03em; text-transform:uppercase; }
#divBannerHome :is(#div27258_6,#div72587) > p:first-child::before { content:'•'; }
#divBannerHome #img27264_3 { position:absolute; top:-120px; left:50%; display:block; width:auto; height:calc(100% + 240px); max-width:none; object-fit:contain; transform:translateX(-50%); filter:drop-shadow(0 10px 14px rgba(0,0,0,.18)); }
#divBannerHome #img27264_1 { display:block; width:100%; max-width:100%; height:auto; object-fit:contain; }
#divBannerHome .banner-price-new { margin:0; line-height:1; text-shadow:none; }
#divBannerHome .banner-price-new img { display:block; width:100%; max-width:100%; height:auto; }
#divBannerHome .button-29, #divBannerHome .button-87 { display:inline-flex; align-items:center; justify-content:center; gap:8px; width:auto; min-height:40px; height:auto; margin:0; padding:9px 16px; border:1px solid #bf351f; border-radius:999px; background:#bf351f; color:#fff; font-family:inherit; font-size:13px; font-weight:600; line-height:1.4; letter-spacing:0; text-align:center; text-transform:none; text-decoration:none; box-shadow:none; transition:background .2s, border-color .2s; }
#divBannerHome .button-29::after, #divBannerHome .button-87::after { content:'→'; display:inline-block; transition:transform .2s; }
#divBannerHome .button-29:hover, #divBannerHome .button-87:hover { background:#a52c19; border-color:#a52c19; color:#fff; transform:none; box-shadow:none; }
#divBannerHome .button-29:hover::after, #divBannerHome .button-87:hover::after { transform:translateX(3px); }
#divBannerHome a:focus-visible { outline:2px solid #bf351f; outline-offset:4px; }
@media (prefers-reduced-motion:reduce) { #divBannerHome a, #divBannerHome a::after { transition:none; } #divSlider .logo, #divSlider .ellipse::before, #divSlider .ellipse::after { animation:none; } #divSlider .shine-overlay::before { animation:none; opacity:0; } #divSlider .ellipse::before, #divSlider .ellipse::after { opacity:0; } }

.brand-logo-active2.owl-carousel .owl-item img { width: auto; }
.single-brand { display: flex; justify-content: center; }
.subscribe-form-3 form input { border-radius: 5px 5px 0 0; font-size: 12px; line-height: 48px; padding-left: 20px; padding-right: 55px; position: relative; border: 1px solid #aaa; color: #999; }
.section-title-5 > h2 { font-size: 30px; font-weight: 700; letter-spacing: 2px; margin-bottom: 3px; color: #fff; }
.section-title-5 > p { font-size: 18px; letter-spacing: .5px; margin: 0; color: #9a9f9e; }
.section-title-5 > p span { color: #1f51d3; }
footer:has(> #divFooter2_1) { display:grid; grid-template-columns:minmax(20px,1fr) minmax(0,880px) minmax(0,480px) minmax(20px,1fr); column-gap:24px; background:#343b42; }
footer:has(> #divFooter2_1) > #divFooter1_1, footer:has(> #divFooter2_1) > #divFooter3_3 { grid-column:1/-1; }
footer:has(> #divFooter2_1) > #divFooter2_1 { grid-column:2; min-width:0; }
footer:has(> #divFooter2_1) > #divFooter3_2 { grid-column:3; min-width:0; }
#divFooter2_1 > .container { width:100%; max-width:100%; padding:0; }
#divFooter3_2 > p:empty { display:none; }
#divFooter3_2 > p { margin:0 0 14px; text-align:left !important; }
#divFooter3_2 > p:has(img) { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); align-items:center; gap:8px; padding:12px 0; border-top:1px solid #454c52; border-bottom:1px solid #454c52; }
#divFooter3_2 > p:has(img) a { display:block; min-width:0; padding:0; }
#divFooter3_2 img { display:block; width:100% !important; height:34px !important; margin:0 !important; mix-blend-mode:lighten; object-fit:contain; }
#divFooter1_1.black-bg { padding:44px 0 28px; background:#252b30; box-shadow:none; }
#divFooter1_1 #div27496_1 { display:grid; grid-template-columns:minmax(245px,1.6fr) repeat(4,minmax(0,1fr)); gap:28px; margin:0; padding:0; }
#div27496_1 > [id] { width:100%; max-width:100%; flex:none; min-width:0; margin:0; padding:0; }
#div27496_1 #divFooterContact_1 { display:block; }
#divFooterContact_1 > .footer-info-text { width:100%; max-width:100%; }
#divFooterContact_1 > .footer-info-text:empty { display:none; }
#divFooterContact_1 p { margin:0 0 12px; font-size:14px; line-height:1.55; }
#divFooterContact_1 [class^="pe-7s-"] { font-size:18px; vertical-align:middle; color:#e96a51; margin-right:6px; }
#divFooterContact_1 a { color:#dce1e5; }
#divFooterContact_1 a:hover { color:#fff; text-decoration:underline; }
#div27496_1 #divFooterAccount_1 { order:2; }
#div27496_1 #divFooterService_1 { order:3; }
#div27496_1 #divFooterInfo_1 { order:4; }
#div27496_1 #divFooterService_2 { order:5; }
#divFooter2_1.black-bg-2 { padding:24px 0; background:transparent; box-shadow:none; }
#divFooter2_1 #div27538_1 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:0; }
#div27538_1 > [id] { width:100%; max-width:100%; min-width:0; padding:0; margin:0; }
#div27538_1 .footerboxes { flex:0 0 100%; display:flex; flex-direction:column; width:100%; max-width:100%; height:100%; padding:16px; }
#div27538_1 .footerboxes > div { display:flex; align-items:center; gap:10px; min-height:34px; margin-bottom:12px; font-size:20px; font-weight:750; line-height:1.22; letter-spacing:-.25px; color:#fff; }
#div27538_1 .footerboxes > div i { flex:none; font-size:28px; color:#f28a74; }
#div27538_1 .footerboxes > p { display:flex; flex:1; flex-direction:column; justify-content:space-between; gap:16px; margin:0; font-size:14px; line-height:1.55; }
#div27538_1 .footerboxes > p > span:last-child { display:flex; flex-wrap:wrap; align-items:center; gap:10px; min-height:46px; }
#div27538_1 img { object-fit:contain; max-width:100%; border-radius:5px; background:#fff; padding:6px; }
#divFooterSupport_1 img { width:64px; height:64px; padding:0; background:transparent; }
#div27538_1 a { color:#fff; text-decoration:underline; text-underline-offset:3px; }
#divFooter3_2.black-bg { padding:24px 0 24px 0; margin:0; background:transparent; border:0; border-radius:0; align-self:start; box-shadow:none; }
#divFooter3_2 p { font-size:13px; line-height:1.65; }
#divFooter3_3.black-bg { padding:18px 0 30px; background:#252b30; box-shadow:none; }
#div29341_1 { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; margin:0; text-align:center; }
#div29341_1 > div { width:100%; max-width:100%; flex:none; padding:0; margin:0; }
#div29341_1 #div29343_1 { text-align:center !important; }
#div29341_1 .footer-menu ul { display:flex; flex-wrap:wrap; justify-content:center; gap:6px 20px; }
#div29341_1 .footer-menu li { line-height:1.5; margin:0; }
#div29341_1 .footer-menu li a { letter-spacing:0; color:#c5cbd0; padding:6px 0; }
@media(max-width:991px) {
 footer:has(> #divFooter2_1) { grid-template-columns:minmax(16px,1fr) minmax(0,720px) minmax(16px,1fr); column-gap:0; }
 footer:has(> #divFooter2_1) > #divFooter2_1, footer:has(> #divFooter2_1) > #divFooter3_2 { grid-column:2; }
 #divFooter3_2.black-bg { margin:0 0 24px; }
}
@media(max-width:1199px) {
 #divFooter1_1 #div27496_1 { grid-template-columns:minmax(240px,1.5fr) repeat(2,minmax(0,1fr)); gap:28px; }
 #div27496_1 #divFooterContact_1 { grid-row:span 2; }
 #divFooter2_1 #div27538_1 { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:767px) {
 #divFooter1_1.black-bg { padding:30px 0 18px; }
 #divFooter1_1 #div27496_1 { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 18px; }
 #div27496_1 #divFooterContact_1 { grid-column:1/-1; grid-row:auto; }
 #div27496_1 .footer-widget-content-3 ul li a { min-height:40px; display:flex; align-items:center; padding:7px 0; overflow-wrap:anywhere; }
 #divFooter2_1.black-bg-2 { padding:16px 0; }
 #divFooter2_1 #div27538_1 { grid-template-columns:minmax(0,1fr); gap:12px; }
 #div27538_1 .footerboxes { padding:18px; }
 #div27538_1 .footerboxes > div { min-height:0; margin-bottom:10px; }
 #div27538_1 .footerboxes > p { gap:12px; }
 #divFooter3_3.black-bg { padding-bottom:56px; }
}

.footer-widget-title-3 { font-size:18px; font-weight:750; margin-bottom:16px; padding-bottom:12px; position:relative; color:#fff; letter-spacing:0; }
.footer-widget-title-3:after { bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 70px; background-color: #414141; }
.footer-widget-content-3 ul li { margin-bottom:4px; position:relative; }
.footer-widget-content-3 ul li:before { border-radius: 50px; height: 7px; left: 0; position: absolute; top: 8px; width: 7px; border: 1px solid #696969; }
.footer-widget-content-3 ul li a { display:block; letter-spacing:0; padding:6px 0; line-height:1.5; font-size:14px; color:#c5cbd0; transition:color .2s; }
.footer-info-text [class^=pe-7s-] { font-size: 36px; color: #eee; }
.footer-menu li a { display: block; font-size: 12px; letter-spacing: 1px; color: #fff; }
.footer-menu li { display: inline-block; line-height: 1; margin-right: 20px; float: none !important; }
.footer-menu ul, .sidebar-categories ul { margin: 0; padding: 0; }
.footer-menu li a:hover, .footer-widget-content-3 ul li a:hover { text-decoration: none; color: #fff; }
.footer-info-text p { line-height:1.65; color:#c5cbd0; }
.footer-services-content { color:#c5cbd0; margin:0; }
.footer-services-content > h4 { color: #aaa; font-size: 25px; margin-bottom: 9px; }
.footer-widget-content-3 ul li:last-child { margin-bottom: 0; }
#divFooterContact { align-self: flex-start; }
footer .copyright { text-align: left !important; }
.copyright > p { color: #999; line-height: 1; margin: 0; letter-spacing: 1px; }

.breadcrumb-content li { display: inline-block; font-weight: 600; position: relative; color: #666; }
.breadcrumb-catalog-empty li:first-child:before { content: ""; width: 0; padding-left: 0; margin: 0; }
.breadcrumb-content { margin-left: 15px; }
.breadcrumb-content li a:hover { text-decoration: none; color: #DC3618; transition: .3s; }
.breadcrumb-content li a { position: relative; }
.breadcrumb-content li.active { color: #DC3618; }
.breadcrumb-catalog li:first-child:before, .breadcrumb-content li:not(:last-child):after { border-radius: 100%; content: "\e65d"; display: inline-block; font-family: themify; font-size: 13px; height: 14px; line-height: 13px; margin: 0 10px; padding-left: 1px; text-align: center; vertical-align: middle; width: 14px; color: #999; }

/* Breadcrumb Pfad */
[id^="divBreadcrumppath"] { min-width: 0; max-width: 100%; }
[id^="divBreadcrumppath"] > ul { flex-wrap: wrap !important; min-width: 0; max-width: 100%; }
#divBreadcrumb_2 [id^="divBreadcrumppath"] { display: flex; flex-wrap: wrap; gap: 6px 15px; align-items: center; margin-right: 0; }
#divBreadcrumb_2 [id^="divBreadcrumppath"] ul.breadcrumb-catalog { margin: 0 !important; padding: 0 !important; display: flex; flex-wrap: wrap; list-style: none; align-items: center; }
#divBreadcrumb_2 [id^="divBreadcrumppath"] ul.breadcrumb-catalog li { display: inline-block; white-space: nowrap; }
#divBreadcrumb_2 [id^="divBreadcrumppath"] > ul.breadcrumb-catalog ~ ul.breadcrumb-catalog { display: none; }
#divBreadcrumb_2 [id^="divBreadcrumppath"] ul.breadcrumb-catalog > li.rt-bc-li { margin-left: 12px; }
#divBreadcrumb_2 [id^="divBreadcrumppath"] ul.breadcrumb-catalog > li.rt-bc-li::before, #divBreadcrumb_2 [id^="divBreadcrumppath"] ul.breadcrumb-catalog > li.rt-bc-li::after, #divBreadcrumb_2 [id^="divBreadcrumppath"] ul.breadcrumb-catalog.rt-bc-first > li:nth-last-child(2)::after { content: none !important; }
#divBreadcrumb_2 .rt-bc-toggle { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 0 4px; border: 0; border-radius: 4px; background: none; font: inherit; cursor: pointer; line-height: 1; }
#divBreadcrumb_2 .rt-bc-plus { display: inline-block; font-size: 1.4rem; font-weight: bold; line-height: .7; color: #E94F35; transition: transform .2s ease-out; }
#divBreadcrumb_2 .rt-bc-count { font-size: 12px; font-weight: 600; color: #666; white-space: nowrap; }
#divBreadcrumb_2 .rt-bc-toggle:hover .rt-bc-count { color: #DC3618; }
#divBreadcrumb_2 .rt-bc-toggle[aria-expanded="true"] .rt-bc-plus { transform: rotate(45deg); }
#divBreadcrumb_2 .rt-bc-toggle:focus-visible { outline: 2px solid #C0392B; outline-offset: 2px; }
#divBreadcrumb_2 .rt-bc-more { flex-basis: 100%; display: flex; flex-direction: column; gap: 4px; }
#divBreadcrumb_2 .rt-bc-more[hidden] { display: none; }
#divBreadcrumb_2 .rt-bc-more-label { font-size: 12px; font-weight: 600; color: #666; }

.logo-img { text-align: center; margin-bottom: 20px; }
.knowledgepic { margin-top: 10px;position: relative; float: right; padding: 15px; padding-right: 0; padding-top: 0; margin-right: 0; max-width: 450px; max-height: 450px; object-fit: cover; border-radius: 50px; }
div.sidebar-title,
.sidebar-title {
  position: relative;
  top: -30px;
  left: 10px;
  margin-bottom: -20px;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 6px 12px !important;
  background-color: #ffffff !important;
  color: #1e293b !important;
  font-family: inherit;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-radius: 8px !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 
    0 4px 12px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 #ffffff !important;
}

.sidebar-title::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #DC3618;
  box-shadow: 0 0 6px rgba(220, 54, 24, 0.45);
  flex-shrink: 0;
}

.title-over-border {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  position: relative !important;
  top: -21px !important;
  transform: translateY(-50%);
  background-color: #ffffff !important;
  color: #1e293b !important;
  padding: 6px 14px !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  border-radius: 8px !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06), inset 0 1px 0 #ffffff !important;
  margin-bottom: -20px !important;
}
.sidebar-title h1 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    color: inherit;
    line-height: inherit;
}
.title-over-border,
.title-over-border span,
.title-over-border .icon-wrapper i {
  color: #1e293b !important;
}

.title-over-border::before {
  content: "" !important;
  display: block !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background-color: #DC3618 !important;
  box-shadow: 0 0 6px rgba(220, 54, 24, 0.45) !important;
  flex-shrink: 0 !important;
}
.sidebar-search form input { border: medium none; border-radius: 5px 5px 5px 0; box-shadow: 3px -3px 3px 3px hsla(0,0%,61%,.16); font-size: 13px; padding-left: 15px; padding-right: 5px; height: 45px; width: calc(100% - 45px); background: #fff none repeat scroll 0 0; color: #8e8d8d; }
.sidebar-search form > button { border: medium none; cursor: pointer; font-size: 18px; width: 45px; transition: all .3s ease 0s; background-color: #dedede; border-radius: 0 0 5px 5px; }
.sidebar-categories li { margin-bottom: 10px; padding-bottom: 10px; list-style: none; display: flex !important; -ms-flex-pack: justify !important; justify-content: space-between !important; border-bottom: 1px solid #ddd; font-size: 12px; transition: .2s; }
.sidebar-categories li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.sidebar-categories li a { display: block; font-weight: 400; line-height: 1; cursor: pointer; color: #555 !important; }
.sidebar-categories li a span { float: right; }
.sidebar-categories li a:hover { text-decoration: none; color: #DC3618 !important; transition: .1s; }
.sidebar-categories li:hover { text-decoration: none; color: #DC3618 !important; transition: .2s; font-weight: 700; }
.shop-found > p { margin: 0; }
.shop-found > p, .shop-selector label { font-size: 14px; font-weight: 600; color: #6c6c6c; }
.shop-selector label { text-transform: capitalize; }
.shop-selector select { -moz-appearance: none; -webkit-appearance: none; border: medium none; box-shadow: none; font-size: 14px; height: inherit; line-height: 1.5; background: transparent url(../../assets/img/icon-img/4.png) no-repeat scroll right 0 center; color: #090909; }
.shop-sidebar { margin-right: 25px; }
.shop-tab { font-size: 23px; line-height: 1; z-index: 99; }
.shop-tab, .shop-tab-inactive { margin-left: 10px; }
.shop-tab-active { margin-left: 10px; pointer-events: none; }
.shop-tab:first-child { margin-left: 0; }
.shop-found > p span, .shop-tab-inactive:hover { color: #DC3618; }
.shop-tab > label { margin-bottom: 0; }
.product-img-3 > span, .product-img > span { border-radius: 100%; display: inline-block; font-size: 14px; font-weight: 700; height: 50px; left: 20px; letter-spacing: 1px; line-height: 40px; position: absolute; text-align: center; text-transform: uppercase; top: 20px; width: 50px; background-color: #DC3618; color: #fff; }
.product-action > a.animate-right { transform: translateX(20px); transition: all .4s ease 0s; }
.product-action > a.animate-left, .product-action form:first-child { transition: all .4s ease 0s; }
.product-wrapper:hover .product-action > a.animate-left, .product-wrapper:hover .product-action > a.animate-right, .product-wrapper:hover .product-action form:first-child { transform: translateX(0); }
.product-action > a.animate-top, .product-action form:nth-child(2) { transition: all .4s ease 0s; }
.product-action-list-style { top: 60%; transform: translateY(-50%); display: inline-block; left: 0; opacity: 0; position: absolute; right: 0; text-align: center; transition: all .3s ease 0s; }
.product-action-list-style a { border-radius: 100%; display: inline-block; font-size: 24px; height: 45px; line-height: 52px; width: 45px; background-color: #222222; color: #f7f7f7; }
.product-wrapper:hover .product-action-list-style { opacity: 1; top: 35%; }
.list-btn-style { border-radius: 0; display: inline-block; font-size: 16px; font-weight: 600; letter-spacing: .5px; line-height: 1; padding: 15px 23px; text-transform: uppercase; border: 1px solid #dcdcdc; background-color: transparent; }
.list-btn-style.btn-hover:before, .list-btn-wishlist.btn-hover:before { border-radius: 0; }
.list-btn-wishlist { font-family: Pe-icon-7-stroke; display: inline-block; font-size: 21px; line-height: 1; padding: 11px 18px 8px; border-radius: 0; border: 1px solid #dcdcdc; color: #727272; background-color: transparent; }
.product-list-button-wishlist { height: 100%; padding: 10px 18px 8px; }
.list-btn-style:hover, .list-btn-wishlist:hover { text-decoration: none; cursor: pointer; border: 1px solid transparent; color: #fff; }
.product-list-button > div { display: flex !important; }
.product-list-button form { position: relative; display: inline-block; line-height: 1; }
.product-list-button form:first-child { margin-right: 1rem !important; }
.product-list-button form:before { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transition-duration: .3s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; border-radius: 0; background: #DC3618 none repeat scroll 0 0; }
.product-list-button form:hover:before { transform: scaleX(1); }

.modal-body .select-option-part select { text-transform: capitalize; }
.modal-body .select-option-part select, .select-option-part select { -moz-appearance: none; -webkit-appearance: none; box-shadow: none; font-size: 14px; height: 43px; padding-left: 20px; position: relative; width: 100%; border: 1px solid #dcdcdc; color: #828282; background: transparent url(../../assets/img/icon-img/4.png) no-repeat scroll right 20px center; }
.select-option-part select { margin-bottom: 35px; }
.select-option-part .label-variant { color: #222222; font-size: 14px; font-weight: 600; padding-bottom: 14px; float: left; }
.quickview-btn-compare { margin-left: 15px; }
.quickview-btn-cart > a { padding: 17px 35px; text-decoration: none; }
.quickview-btn-cart .form-cart, .quickview-btn-cart > a { display: inline-block; font-weight: 600; letter-spacing: .08px; line-height: 1; position: relative; text-transform: uppercase; z-index: 5; background-color: #DC3618; color: #fff; }
.quickview-btn-cart .form-cart { border-radius: 5px; }
.quickview-btn-wishlist > a { display: inline-block; font-size: 22px; padding: 11px 18px 2px; z-index: 9; border: 1px solid #dcdcdc; color: #727272; }
.quickview-btn-wishlist > a:hover { border: 1px solid transparent; }
.form-button-detailpage { font-family: Pe-icon-7-stroke; display: inline-block; font-size: 22px; height: 100%; line-height: 31px; text-align: center; cursor: pointer; padding: 0 16px; z-index: 9; border-radius: 0; border: 1px solid #dcdcdc; color: #727272; background-color: transparent; border-radius: 5px; }
.form-button-detailpage:hover { color: #fff; border-radius: 5px; background-color: #DC3618; transition: .3s; }
.quickview-btn-cart { margin: 0 15px; }
.min-height-element2em { min-height: 2.5em; display: inline-block; }
.min-height-element3em { min-height: 3.2em; display: inline-block; }
.quick-view-content > div, .quick-view-content > p { color: #545454; }

.description-review-title { justify-content: center; color: #fff; margin-bottom: 44px; text-transform: uppercase; border-radius: 1px; }
.description-review-title acustomer { font-size: 20px; font-weight: 800; margin: 0 20px; color: #fff; }
.description-review-title:hover { transition: .3s; }
.description-review-title a.active { color: #fff; background-color: #222222; }
.norating { border: 0 none; display: inline-block; font-size: 13px; font-weight: 400; margin: 0; padding: 10px 15px; text-shadow: none; text-transform: uppercase; background-color: #282828; color: #fff; }
.rating-button { border: medium none; cursor: pointer; font-size: 18px; transition: all .3s ease 0s; background-color: #dedede; color: #050035; }
.rating-stars { margin-bottom: 5px; width: auto; filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5)); }
.rating-button:hover { background-color: #DC3618; color: #fff; transition: .3s; }

.shopping-cart-wrapper form { width: 100%; padding-right: 15px; padding-left: 15px; }
.shopping-cart-infotext { width: 100%; height: 100%; border: medium none; box-shadow: none; font-size: 13px; background: #f1f1f1 none repeat scroll 0 0; color: #8e8d8d; }
.product-remove i { display: inline-block; font-size: 35px; height: 40px; line-height: 40px; text-align: center; width: 40px; color: #919191; }
/* Moderne Basis für das Mengen-Eingabefeld */
.input-qty {
  width: 5.375rem;          /* 70px konvertiert in rem für besseres Scaling */
  height: 2.5rem;           /* 40px konvertiert in rem */
  padding: 0 0.3125rem 0 0.625rem;
  box-sizing: border-box;   /* Garantiert exakte Maße inkl. Padding */
  border: 1px solid transparent; /* Sanfter Übergang für Fokus-Rahmen */
  border-radius: 4px;       /* Leicht modernerer Radius als 3px */
  
  font-size: 0.875rem;      /* 14px via rem */
  font-weight: 400;
  text-align: center;       /* 2026 Standard: Mengenangaben stehen zentriert */
  
  background-color: #f2f2f2;
  color: #6f6f6f;
  
  accent-color: #555555;    /* Steuert Browser-Elemente im gleichen Farbton */
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.input-qty:focus-visible {
  outline: none;
  background-color: #dbdbdb;
  border-color: #555555;    /* Klarer, sichtbarer Fokus für Tastatur-Nutzer */
}

.buttons-cart { margin-bottom: 30px; overflow: hidden; border-radius: 5px; }
.coupon-wrapper h3, .coupon-wrapper h4 { padding:0; font-size:17px; font-weight:600; line-height:1.35; margin:0 0 12px; text-transform:none; overflow-wrap:break-word; }
.coupon-wrapper input[type=text] { float:none; flex:1 1 150px; min-width:0; height:44px; margin:0; max-width:100%; padding:0 10px; width:auto; border:1px solid #d9dde1; border-radius:6px; background:#fff; }
.coupon-wrapper .cart-btn { flex:0 0 auto; width:auto; max-width:100%; min-height:44px; margin:0; padding:10px 16px; white-space:normal; }

.contact-pic { display: block; margin-left: auto; margin-right: auto; width: 95%; height: auto; border-radius: 15px; }
.login-form-container { background: transparent none repeat scroll 0 0; padding: 40px; text-align: left; border: 1px solid rgba(15, 23, 42, 0.12); border-radius: 16px; box-shadow: 0 6px 20px rgba(0,0,0,.06); }
.email-form-container form, .login-form-container form { color: #222; font-size: 13px; line-height: 1.5; text-align: left; }
:is(.email-form-container, .login-form-container) form span[id^="lbl"] { display: block; margin: 0 0 6px; font-size: 12.5px; font-weight: 600; line-height: 1.3; color: #444; letter-spacing: .01em; }
:is(.email-form-container, .login-form-container) form span[id^="lbl"]:empty { display: none; }
.input-form form span { display: inline-block; padding: .2rem 0 .4rem .5rem; color: #222222; font-weight: 600; letter-spacing: .075em; }
.login-form-container h5 { font-weight: 600; text-transform: uppercase; margin-bottom: 1.5rem; }
.login-text { margin-bottom: 30px; text-align: center; }
.login-text h2 { font-size: 30px; margin-bottom: 5px; text-transform: capitalize; color: #444; }
.login-form-container input[type=date], .login-form-container input[type=number], .login-form-container input[type=password], .login-form-container input[type=text], .login-form-container input[type=email], .login-form-container select { min-height: 46px; border-radius: 12px; box-shadow: none; font-size: 14px; margin-bottom: 16px; padding: 12px 14px; width: 100%; white-space: normal; background: #fff none repeat scroll 0 0; border: 1px solid #e2e2e6; color: #222; transition: border-color .2s, box-shadow .2s; }
.login-form-container select[style*="appearance"] { appearance: auto !important; background: #fff !important; }
.login-form-container div.d-flex.justify-content-between:has(> div > span[id^="lbl"]) { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 20px; max-width: none; }
.login-form-container div.d-flex.justify-content-between:has(> div > span[id^="lbl"]) > div { flex: none; width: auto; max-width: none; }
.login-form-container div.d-flex.justify-content-between:has(> div > span[id^="lbl"]) input { width: 100%; }
.login-form-container div.d-flex.justify-content-between:has(> div.col-3 > span[id^="lbl"]) { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
.login-form-container div.d-flex.justify-content-between:has(> div.col-9 > span[id^="lbl"]) { grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); }
.login-form-container form span:has(+ div > button.collapsible) { display: block; margin: 0 0 6px; font-size: 12.5px !important; font-weight: 600 !important; line-height: 1.3 !important; color: #444; }
.login-form-container form button.collapsible { width: 100%; min-height: 46px; margin: 0 0 16px; padding: 11px 14px; border: 1px solid #e2e2e6; border-radius: 12px; background: #fff; color: #6b6b6b; font-size: 13px; text-align: left; }
.login-form-container form button.collapsible:hover { border-color: #c4c4ca; }
.login-form-container input::-moz-placeholder { opacity: 1; color: #999; }
.login-form-container input::placeholder, .email-form-container :is(input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]):not([type=file]), select, textarea)::placeholder { color: #9a9a9a; opacity: 1; }
.login-toggle-btn { appearance: none; -webkit-appearance: none; width: 2em !important; height: 1em !important; background-color: #999; border-radius: 2em; position: relative; outline: none; cursor: pointer; transition: background-color .4s ease; padding: 13px; margin: -3px; }
.login-toggle-btn:after { content: ""; position: absolute; top: 2px; left: 2px; width: .8em; height: .8em; background-color: #fff; border-radius: 50%; transition: transform .2s ease; }
.login-toggle-btn:checked { background-color: #DC3618; }
.login-toggle-btn:checked:after { transform: translateX(1em); }
.login-form-container input[type=checkbox] { height: 15px; margin: 0; position: relative; top: 1px; width: 17px; }
.login-form-container span { font-size: 15px; font-weight: 400; color: #777; }
.login-toggle-btn-a { float: right; transition: all .3s ease 0s; color: #777; }
.input-rounded { border-radius: 10px; width: 65%; height: 38px; margin-left: 15px; top: -6px; border: 1px solid #e2e2e6; padding: 8px 12px; display: inline-block; position: relative; background: #fff; color: #222; transition: border-color .2s, box-shadow .2s; }
.input-rounded-login { height: 38px; border-radius: 10px; border: 1px solid #e2e2e6; padding: 8px 12px; display: inline-block; position: relative; background: #fff; color: #222; transition: border-color .2s, box-shadow .2s; }
:is(.input-rounded, .input-rounded-login):hover { border-color: #c4c4ca; }
:is(.input-rounded, .input-rounded-login):focus { border-color: #DC3618; box-shadow: 0 0 0 3px rgba(220,54,24,.12); outline: none; }
.login-form.input-form form input[type=submit].default-btn { background-color: #DC3618; border: 1px solid #DC3618; border-radius: 10px; color: #fff; font-weight: 700; text-transform: none; box-shadow: 0 4px 12px rgba(220,54,24,.25); transition: background-color .2s, box-shadow .2s, transform .2s; }
.login-form.input-form form input[type=submit].default-btn:hover { background-color: #c9402a; border-color: #c9402a; color: #fff; transform: translateY(-1px); }
input:-webkit-autofill { box-shadow: inset 0 0 0 1000px #fff; }
.now-register { position: absolute; right: 40px; bottom: 60px; }
.login-form-container .default-btn { padding: 10px;font-weight: 600; border: 1px solid #e7e7e7; color: #444; background-color: #fff; border-radius: 10px; transition: .3s; margin-top: 30px; }
.login-form-container .default-btn:hover { background-color: #DC3618; border-color: #DC3618; color: #fff; }
.login-form-container input[type=submit].default-btn { height: 48px; font-size: 14px; font-weight: 700; line-height: 1; text-transform: none; border: 1px solid #DC3618; border-radius: 12px; color: #fff; background-color: #DC3618; padding: 0 30px; box-shadow: 0 4px 14px rgba(220,54,24,.25); transition: background-color .2s, box-shadow .2s, transform .2s; }
.login-form-container form > button.default-btn { display: inline-flex; align-items: center; justify-content: center; height: 48px; margin: 20px 12px 0 0; padding: 0 30px; border-radius: 12px; font-size: 14px; font-weight: 700; line-height: 48px; text-transform: none; }
.login-form-container form > button.default-btn.mr-3 { background-color: #DC3618; border-color: #DC3618; color: #fff; box-shadow: 0 4px 14px rgba(220,54,24,.25); }
.login-form-container form > button.default-btn.mr-3:hover { background-color: #c9402a; border-color: #c9402a; }
.login-form-container input[type=submit]:hover { cursor: pointer; background-color: #c9402a; border: 1px solid #c9402a; color: #fff; box-shadow: 0 8px 20px rgba(220,54,24,.32); transform: translateY(-1px); }
.login-form form span.required:after { content: "*"; color: #dc3545; margin-left: 3px; }
.loginbutton { font-family: Open Sans,sans-serif; font-size: 16px; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; color: #000; cursor: pointer; border: 3px solid; padding: .25em .5em; box-shadow: 1px 1px 0 0, 2px 2px 0 0, 3px 3px 0 0, 4px 4px 0 0, 5px 5px 0 0; position: relative; user-select: none; -webkit-user-select: none; touch-action: manipulation; }
.loginbutton:active { box-shadow: 0 0; top: 5px; left: 5px; }

.coupon-accordion h3 { font-size: 14px; font-weight: 400; list-style: outside none none !important; margin: 0 0 2em !important; padding: 1em 2em 1em 3.5em !important; position: relative; width: auto; background-color: #f7f6f7; border-top: 3px solid #050035; color: #515151; }
.coupon-accordion h3:before { content: "\e688"; display: inline-block; font-family: Pe-icon-7-stroke; font-size: 30px; left: 10px; position: absolute; top: 3px; color: #333; }
.coupon-accordion span { cursor: pointer; color: #6f6f6f; }
.coupon-accordion span:hover { color: #DC3618; }
.coupon-info .login-form-container { margin-top: 0; padding: 0; border: 1px none #e7e7e7; }
.coupon-info .forgot-password { position: absolute; right: 40px; top: 190px; }
.coupon-content { display: none; margin-bottom: 20px; padding: 20px; border: 1px solid #e5e5e5; }
.coupon-checkout-content { margin-bottom: 30px; display: none; }
div[id^="cmd"]:has(> label > .switch-registration-active) { display: inline-flex !important; gap: 4px; margin: 0 0 16px; padding: 4px; border-radius: 12px; background: #f0f0f1; }
div[id^="cmd"]:has(> label > .switch-registration-active) > label { margin: 0; }
.switch-registration { display: block; width: auto; margin: 0; padding: 9px 18px; border: 0; border-radius: 9px; background: transparent; color: #555; font-size: 13px; font-weight: 600; letter-spacing: .02em; text-transform: none; line-height: 1.2; transition: background-color .2s, color .2s, box-shadow .2s; }
.switch-registration:hover { background: rgba(255,255,255,.6); color: #222; }
.switch-registration-active { display: block; width: auto; margin: 0; padding: 9px 18px; border: 0; border-radius: 9px; position: relative; z-index: 1000; background: #fff; color: #DC3618; font-size: 13px; font-weight: 600; letter-spacing: .02em; text-transform: none; line-height: 1.2; box-shadow: 0 1px 3px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.05); transition: background-color .2s, color .2s, box-shadow .2s; }

.your-order { padding: 30px 15px; background: #f2f2f2 none repeat scroll 0 0; }
.your-order h3 { font-size: 25px; margin: 0 0 20px; padding-bottom: 10px; text-transform: uppercase; width: 100%; border-bottom: 1px solid #d8d8d8; }
.your-order-table-subtotal, .your-order-table-total { border-top: medium none; font-weight: 400; white-space: nowrap; }
.your-order-table-total { font-size: 18px; }
.your-order-table, .your-order-table-row { border-right: medium none; border-bottom: 1px solid #d8d8d8; }
.your-order-table-row:hover { background: #f9f9f9; }

.payment-method input[type=radio] { -moz-appearance: none; appearance: none; display: inline-block; position: relative; top: 10px; height: 30px; width: 30px; border: 1px solid #a1a1a1; transition: 300ms; border-radius: 50px; cursor: pointer; margin-right: 7px; outline: 0; background-color: #fff; color: #666; }
.payment-method input[type=radio]:checked:before { position: absolute; font: 20px/1 Open Sans,sans-serif; left: 9px; top: 3px; content: "\02143"; transform: rotate(40deg); }
.payment-method div, .payment-method input:not([type=radio]) { margin-left: 37px; }
.payment-method input:not([type=radio]) { border-radius: 3px; box-shadow: none; font-size: 14px; height: 40px; margin-bottom: 20px; padding-left: 10px; padding-right: 10px; width: calc(100% - 37px); background: #fff none repeat scroll 0 0; border: 1px solid #ddd; color: #999; }
.payment-method input[type=radio]:hover { background-color: #dedede;transition:300ms; }
.payment-method input[type=radio]:checked { background-color: #e85236; border: none; color: #fff; }
.order-button-payment button, .order-button-payment input[type=button], .order-button-payment input[type=submit] { font-size: 17px; font-weight: 600; margin: 20px 0 0; padding: 0; text-transform: uppercase; transition: all .3s ease 0s; width: 100%; border: 1px solid transparent; cursor: pointer; padding-top: 15px; padding-bottom: 15px; white-space: normal; background: #DC3618 none repeat scroll 0 0; color: #fff; }
.order-button-payment button:hover, .order-button-payment input[type=button]:hover, .order-button-payment input[type=submit]:hover, .sofortueberweisung:hover { background: #DC3618; border: 1px solid #DC3618; color: #fff; }
.paypal-style { background-color: transparent !important; background-image: url(https://mf.rotert.com/mf/CustomUpload/374O357O340O370O356O369O350O327O327O337O366O371O356O369O371O/paypal_button.png) !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: 50% !important; color: transparent !important; border: none !important; border-radius: 5px !important; padding: 10px 20px !important; font-family: Arial,sans-serif !important; font-size: 16px !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; box-shadow: none !important; position: relative !important; height: 50px !important; overflow: hidden !important; transition: .3s; }
.paypal-style:hover { opacity: .8; transition: .3s; }
.sofortueberweisung { font-size: 17px; font-weight: 600; margin: 20px 0 0; padding: 0; text-transform: uppercase; transition: all .3s ease 0s; width: 100%; border: 1px solid transparent; cursor: pointer; padding-top: 15px; padding-bottom: 15px; white-space: normal; text-align: center; background: #464646 none repeat scroll 0 0; color: #fff; }
.order-button-payment input:not([type=submit]):not([type=button]) { border-radius: 3px; box-shadow: none; font-size: 14px; height: 40px; margin-bottom: 20px; padding-left: 10px; padding-right: 10px; width: 100%; background: #fff none repeat scroll 0 0; border: 1px solid #ddd; color: #999; }

.comparison { overflow-x: auto; }
.comparison-col { min-width: 300px; max-width: 300px; }
.comparison-img { max-width: 100%; max-height: 100%; }
.comparison-row-3 { height: 5em; }
.comparison-row-7 { height: 30em; }
.monospace-char { display: none; text-align: center; }
.monospace-char > span { width: 14px; display: block; }

.order-pos-table-row td:last-child { padding: .3rem; }
.order-pos-table-row td:last-child:hover:before { cursor: pointer; background-color: #DC3618; color: #fff; }
.order-pos-table-row td:last-child:before { content: "\e66e"; display: inline-block; font-family: Pe-icon-7-stroke; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius: 100%; font-size: 16px; height: 30px; line-height: 30px; width: 30px; background-color: #222222; color: #f7f7f7; }
.open-items-table td { padding: .75rem; border-bottom: 1px solid #ececec; }
.open-items-table table, .order-pos-table > form, .order-pos-table table { height: 100%; width: 100%; max-width: 100%; object-fit: contain; }
.order-pos-table2 { width: 100%; object-fit: contain; max-height: 650px; margin-left: 50px; margin-top: 10px; }
.height-long-desc { height: 10rem; }
.font-pic-size { font-size: 2rem; }
.email-form-container input, select, textarea { border-radius: 3px; box-shadow: none; font-size: 14px; margin-bottom: 20px; padding: 10px; width: 100%; white-space: normal; background: #fff none repeat scroll 0 0; border: 1px solid #ddd; color: #222222; }
.email-form-container :is(input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]):not([type=file]), select, textarea) { min-height: 46px; border-radius: 12px; border: 1px solid #e2e2e6; padding: 12px 14px; background-color: #fff; color: #222; font-size: 14px; transition: border-color .2s, box-shadow .2s; }
.email-form-container textarea { min-height: 140px; }
.email-form-container :is(input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]):not([type=file]), select, textarea):hover, .login-form-container :is(input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]):not([type=file]), select, textarea):hover { border-color: #c4c4ca; }
.email-form-container :is(input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]):not([type=file]), select, textarea):focus, .login-form-container :is(input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]):not([type=file]), select, textarea):focus { border-color: #DC3618; box-shadow: 0 0 0 4px rgba(220,54,24,.12); outline: none; }
.email-form-container form p.col-12.mt-3 { position: relative; margin: 18px 0 12px; padding: 0 0 0 12px; }
.email-form-container form p.col-12.mt-3::before { content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 14px; margin-top: -7px; border-radius: 2px; background: #DC3618; }
.email-form-container form p.col-12.mt-3 :is(b, strong) { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #6b6b6b; }
.email-form-container form div[id^="div56706"] > div[id^="txt"] { margin: -6px 0 14px; font-size: 12px; color: #6b6b6b; }
.email-form-container form div[id^="div56706"] > div[id^="txt"] hr, .email-form-container form > div.mb-4 > div[id^="txt"] :is(br, hr), .email-form-container form div[id^="form"] > br, .email-form-container form span[id^="lbl2"] > br, .email-form-container form p[id^="txt"] > br { display: none; }
.email-form-container .input-form > div[id^="form"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: row dense; column-gap: 20px; }
.email-form-container .input-form > div[id^="form"] > * { grid-column: 1 / -1; }
.email-form-container .input-form > div[id^="form"] > :is(span, input):is(:nth-of-type(1), :nth-of-type(3)) { grid-column: 1; }
.email-form-container .input-form > div[id^="form"] > :is(span, input):is(:nth-of-type(2), :nth-of-type(4)) { grid-column: 2; }
.email-form-container .input-form > div[id^="form"]:has(> input:only-of-type) > *, .email-form-container .input-form > div[id^="form"]:has(> span:only-of-type) > * { grid-column: 1 / -1; }
.email-form-container form div[id^="form"] > hr { margin: 6px 0 0; border: 0; border-top: 1px solid #e4e4e4; opacity: 1; }
.email-form-container form > hr { margin: 18px 0 6px; border: 0; border-top: 1px solid #e4e4e4; opacity: 1; }
.email-form-container form > p[id^="txt"] { margin: 6px 0 8px; font-size: 12px; color: #6b6b6b; }
.email-form-container form > div.mb-4 > div.d-flex, .email-form-container form div[id^="div15439"].mb-3 > div.d-flex { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; padding: 20px 16px; border: 1px dashed #c8c8c8; border-radius: 12px; background: #fafafa; transition: border-color .2s, background-color .2s; }
.email-form-container form div[id^="div15439"].mb-3 > div.d-flex { padding: 12px 16px; }
.email-form-container form > div.mb-4 > div.d-flex:hover, .email-form-container form div[id^="div15439"].mb-3 > div.d-flex:hover { border-color: #DC3618; background: #fdf1ee; }
.email-form-container form div[id^="div15439"].mb-3 { margin-bottom: 10px !important; }
.email-form-container form > div.mb-4 > hr { margin: 18px 0 10px; border: 0; border-top: 1px solid #e4e4e4; opacity: 1; }
.email-form-container form > div.mb-4 > div[id^="txt"] { font-size: 12px; color: #6b6b6b; }
.email-form-container form label.checkbox-label { width: auto; max-width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin: 14px 0 6px; font-size: 13px; font-weight: 400; color: #222; cursor: pointer; }
.email-form-container form label.checkbox-label input[type=checkbox] { width: 18px; height: 18px; margin: 0; accent-color: #DC3618; order: -1; }
@media (max-width: 575px) {
  .email-form-container .input-form > div[id^="form"] { grid-template-columns: minmax(0, 1fr); }
  .email-form-container .input-form > div[id^="form"] > * { grid-column: 1 / -1 !important; }
  .email-form-container.buttons-cart form > input[type=submit] { width: 100%; margin-left: 0; }
}
.invalid-variant { top: 0; bottom: 0; left: 0; right: 0; z-index: 100; text-align: center; background-color: hsla(0,0%,100%,.8); }
.invalid-variant p { position: absolute; left: 0; top: 70px; }
.slider-filter { padding-right: 4px; }
.slider-filter .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all { border: medium none; border-radius: 5px; height: 3px; margin-bottom: 21px; margin-left: auto; background: #ebebeb none repeat scroll 0 0; color: #222; }
.slider-filter .ui-slider-range { border-radius: 0; height: 100%; top: 0; background: #b7b7b7 none repeat scroll 0 0; }
.slider-filter .ui-slider-handle.ui-state-default.ui-corner-all { border: medium none; border-radius: 0; height: 15px; width: 4px; background: #b7b7b7 none repeat scroll 0 0; }
.ui-slider-horizontal .ui-slider-handle { margin-left: 0 !important; top: -6px !important; }
.slider-filter-text { justify-content: space-between; }
.slider-filter-text input { border: 0; width: 45%; }
.slider-filter-text input[id*=_From], .slider-filter-text input[id*=_To] { text-align: center; }
.filter-button { border: medium none; cursor: pointer; font-size: 15px; padding: 10px; width: 100%; transition: all .3s ease 0s; background-color: #dedede; color: #050035; transition: .3s ease-out; border-radius: 5px; }
.filter-button:hover, .product-action-list-style a:hover, .product-action a:hover, .product-action input[type=submit]:hover, .sidebar-search form > button:hover { background-color: #DC3618; color: #fff; transition: .3s; }
.slider-handle-right > span { right: 0 !important; }
.weitereartikel { justify-content: space-around !important; border-radius: 10px; position: relative; width: 30% !important; margin-left: auto; margin-right: auto; margin-bottom: 15px; }
.pagination-style a { background-color: #fff; font-size: 16px; height: 50px; line-height: 50px; width: 50px; border: 3px solid #e7e7e7; color: #666; border-radius: 25%; display: inline-block; font-weight: 500; text-align: center; }
.pagination-style-active { font-size: 18px; height: 55px; line-height: 55px; width: 55px; background-color: #DC3618; color: #fff; border: 2px solid #b9412c; border-radius: 25%; display: inline-block; font-weight: 500; text-align: center; }
.pagination-style a:hover { background-color: #3f3f3f; color: #fff; border: 1px solid #3f3f3f; }
.container-produktberater { margin-left: auto; width: 90%; }
.listendatensatz { color: #DC3618; }
.table-content table { background: #fff none repeat scroll 0 0; border-color: #e5e5e5; border-radius: 0; border-style: solid; border-width: 1px 0 0 1px; margin: 0 0 50px; text-align: center; width: 100%; border: none; }
.table-content table td, .table-content table th { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
.table-content table th { border-top: medium none; color: #555; font-size: 16px; font-weight: 400; padding: 15px 10px 12px; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; }
.add-record:before { content: "\e61a"; font-family: themify; margin-right: 5px; }
.myaccount-addresses h1 { word-break: break-all; }
.myaccount-addresses table .set-address { text-align: center; }
.myaccount-addresses table .set-address form { display: inline; }
.myaccount-addresses > div:has(.login-form-container) { flex: 1 1 100%; max-width: 100%; }
.myaccount-addresses div[class*="col-xl-6"]:has(.login-form-container) { flex: 0 0 100%; max-width: 760px; }
.myaccount-addresses .login-form-container:not(.menu-switch-hide) { display: block; }
div[id^="cmd"][current_view="2"] + .menu-switch-hide, div[id^="cmd"][current_view="3"] + .menu-switch-hide, div[id^="cmd"][current_view="3"] + .menu-switch-hide + .menu-switch-hide { display: none !important; }
.best-selling-2-list .product-wrapper h4 { color: #222222; font-size: 12px; font-weight: 700; margin: 3px 0 7px; }
.review-overview, .write-review .default-btn { margin-top: 0; }
.review-overview, .write-review { padding: 0 0 40px; }
.review-overview, .write-review #star-input { padding: 0 0 15px; }
.write-review textarea { display: block; margin-bottom: 10px; }
.review-list { border-top: 1px solid #ccc; padding: 20px 0 0; }
.review-list .review { border-bottom: 1px solid #ccc; padding: 0 0 20px; margin: 0 0 20px; float: left; width: 100%; }
.reviews #rating-count, .reviews #rating-number-average, .reviews #rating-star, .reviews #rating-star-average, .reviews .rating-date, .reviews .rating-number { display: inline; line-height: 25px; float: left; }
.reviews #rating-number-average { font-size: 25px; font-weight: 700; margin: 0 10px 0 30px; }
.reviews .rating-number { font-size: 16px; font-weight: 700; margin: 0 10px 0 30px; }
.review-overview { float: left; width: 100%; padding: 0 0 20px; color: #222222; }
.write-review .button { background-color: #247d36; color: #fff; }
.write-review .button:hover { background: #000; text-shadow: none; color: #fff; }
.reviews .review-list .rating-text { display: block; width: 100%; float: left; clear: both; padding: 10px 0 0; font-size: 16px; }
.reviews { float: left; width: 100%; }
.reviews #rating-count { font-weight: 700; }
.reviews #rating-count-value { display: inline; }
.login-text span, .write-review .modal .modal-body span { font-size: 15px; }

/* Bewertungen Antwort */
.rotert-reply { background-color: #f4f7f9; border-left: 5px solid #0055aa; padding: 15px 20px; margin-top: 20px; margin-bottom: 10px; border-radius: 0 4px 4px 0; font-family: sans-serif; line-height: 1.5; color: #333; }
.rotert-reply-header { font-weight: bold; display: block; margin-bottom: 8px; color: #0055aa; text-transform: uppercase; font-size: 0.85rem; }
.rt-ks { display: none; }

.variant-banner { position: absolute; width: 100px; height: 100px; }
.variant-banner-text { position: absolute; top: 29%; transform: rotate(-45deg); font-size: 13px; left: -3%; color: #fff; text-align: center; z-index: 999; }
.variant-banner-margin-lr { margin-left: 9px; margin-right: 9px; }
.variant-banner-padding { padding: 0; }
.table-header { font-weight: 700; color: #495057; background-color: #e9ecef; border-color: #dee2e6; border-bottom: 1px solid #dee2e6; border-top: 1px solid #dee2e6; border-top-left-radius: 15px; border-top-right-radius: 15px; padding: .75rem; box-shadow: 1px 1px 3px -1px rgba(0,0,0,.11); }
.table-data { padding: .75rem; box-shadow: 1px 1px 3px -1px rgba(0,0,0,.11); vertical-align: middle; background-color: #fefefe; border-top: 1px solid #dee2e6; }
.default-set2 { background: transparent none repeat scroll 0 0; color: #777; font-family: themify; font-size: 18px; line-height: 1; padding: 10px; text-transform: uppercase; transition: all .3s ease 0s; border-radius: 40px; height: 40px; width: 40px; text-align: center; border: 1px solid #ddd; }
.default-is-set2 { background: #DC3618 none repeat scroll 0 0; color: #fff; padding-left: 15px; padding-right: 15px; font-family: themify; font-size: 18px; line-height: 1; padding: 10px; text-transform: uppercase; transition: all .3s ease 0s; border-radius: 40px; height: 40px; width: 40px; text-align: center; border: 1px solid #ddd; }
.default-is-set-btn2 { font-family: themify; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.leftfilterarea-show { display: block; opacity: 1; visibility: visible; background: #fff; }
.best-selling-2-list > .product-wrapper > .best-selling-2-img img { width: 70%; height: auto; }
.best-selling-2-list > :first-child, .best-selling-list > :first-child { width: 100%; height: 30rem; }
.best-selling-2-list > div, .best-selling-list > div { width: 100%; height: 30rem; margin-bottom: 1rem; }
.best-selling-2-list .product-wrapper h4 a, .best-selling-2-list .product-wrapper h5 { color: #222222; }
.best-selling-2-list .product-wrapper h4 a:hover { color: #DC3618; }
.best-selling-2-img > a > img { padding: 9px; }
.tablet-funnel { font-family: Pe-icon-7-stroke; position: fixed; left: 0; top: calc(50% - 40px); width: 40px; height: 40px; border-radius: 0 25px 25px 0; border-style: solid solid solid none; border-width: 1px; font-size: 20px; padding: 5px 5px 5px 7px; z-index: 10000; cursor: pointer; color: #444444; background-color: #fff; border-color: #e7e7e7; box-shadow: 0 0 15px rgba(0,0,0,.1); }

.roundbox { border: 1px solid rgba(15, 23, 42, 0.12); padding: 15px; margin-top: 15px; border-radius: 15px; box-shadow: 2px 2px 6px -1px rgba(0,0,0,.11); background: linear-gradient(180deg,#fff 0,#fbfbfb 13%,#f7f7f8); }
.roundbox2 { border: 1px solid rgba(15, 23, 42, 0.12);color: #333; width: 40px; height: auto; padding: 5px 10px 6px; margin: 5px; border-radius: 25%; background: linear-gradient(180deg,#fff 0,#fbfbfb 13%,#f7f7f8); }
.headline-links { color: #666 !important; font-weight: 700; }
.headline-links2,
.headline-links:hover {
  color: #DC3618 !important;
  transition: .2s;
}
.headline-links2 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
}
.headline-links2:hover {
  color: #666 !important;
  transition: .2s;
  font-weight: 700;
}
.headline-links2 b {
  display: inline-flex;
  align-items: center;
}
.headline-links2 i {
  display: block;
  line-height: 1;
}
.show-leftfilterarea { color: #efefef; }
.quickview-btn-wishlist .btn-hover:hover, .shopping-cart-content.bg-danger * { color: #000; }
.fix { overflow: hidden; }
#write-review-title { font-weight: 700; }
.catalog-menu ul li ul, .leftfilterarea, .live-search-container .variant-banner, .menu-switch-hide, .ppp-hide, .productoverview > .product-switch-hide { display: none; }
.inner-wrapper-sticky > h3 { font-size: 24px; font-weight: 600; margin-bottom: 13px; color: #222222; }
.cart-subtotal:nth-child(2n), .cart-subtotal:nth-child(odd), .cart-total:nth-child(2n), .cart-total:nth-child(odd), .slider-filter-text input[id*=_From], .slider-filter-text input[id*=_To], .wc-proceed-to-checkout { text-align: center; }
.button-box .default-btn { margin-top: 30px; }

.closed { display: none; }
.collapsible2 { background-color: transparent; color: #fff; cursor: pointer; padding: 8px; width: 150px; height: auto; text-align: center; font-size: 20px; border: 0; transition: .3s; }
.active, .collapsible2:hover { border: none; background-color: #fff; transition: .3s; }
.content2 { padding: 0 18px; max-height: 0; overflow: hidden; background-color: #fff; transition: max-height .2s ease-out; border-radius: 10px; }
.collapsible4 { background-color: #DC3618; color: #fff; cursor: pointer; padding: 8px; width: 100%; text-align: left; font-size: 14px; border: none; }
.active, .collapsible4:hover { border: none; background-color: #fff; color: #000; transition: .3s; }
.content4 { padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height .2s ease-out; background-color: #f1f1f1; color: #000; }
.collapsible7 { background-color: transparent; color: #fff; cursor: pointer; padding-top: 10px; width: auto; height: auto; text-align: center; font-size: 20px; border-radius: 25px; border: none; transition: .3s; }
.active, .collapsible7:hover { border: none; background-color: #fff; transition: .3s; }
.content7 { padding: 0 18px; max-height: 0; overflow: hidden; background-color: #fff; transition: max-height .2s ease-out; border-radius: 10px; }
.collapsiblefilter { background-color: #dededf; color: #555; cursor: pointer; padding: 10px; width: 100%; border: none; text-align: left; outline: 0; font-size: 13px; transition: .2s ease-out; border-bottom: 1px solid #fff; border-radius: 5px; display: flex; align-items: center; justify-content: space-between; }
.active2, .collapsiblefilter:hover { background-color: #DC3618; transition: .2s ease-out; color: #fff; }
.collapsiblefilter:after { content: "\002B"; color: #666; font-weight: 700; float: right; margin-left: 5px; font-size: 22px; }
.active2:after { content: "\2212"; color: #fff; }
.collapsiblefilter:hover:after { color: #fff; }
.contentfilter { padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height .2s ease-out; background-color: transparent; font-size: 12px; }
.collapsible3 { position: relative; display: block; width: 100%; margin: 10px 0 0; padding: 16px 56px 16px 20px; background: #fff; color: #333; font-size: 15px; font-weight: 600; line-height: 1.4; text-align: left; cursor: pointer; border: 1px solid #e3e3e3; border-left: 4px solid #555; border-radius: 10px; outline: none; box-shadow: 0 2px 6px rgba(0,0,0,.06); transition: background-color .2s, border-color .2s, box-shadow .2s; }
.collapsible3:hover, .collapsible3:focus-visible { background: #fafafa; border-left-color: #e85237; box-shadow: 0 4px 12px rgba(0,0,0,.08); }
.collapsible3::after { content: "+"; position: absolute; top: 50%; right: 16px; float: none; width: 28px; height: 28px; margin: -14px 0 0; border-radius: 50%; background: #f1f1f1; color: #e85237; font-size: 18px; font-weight: 700; line-height: 28px; text-align: center; transition: background-color .2s, color .2s; }
.active3 { border-left-color: #e85237; border-radius: 10px 10px 0 0; box-shadow: none; }
.active3::after { content: "\2212"; background: #e85237; color: #fff; }
.content3 { margin: 0; padding: 0 20px; max-height: 0; overflow: hidden; background: #fff; font-size: 14px; line-height: 1.6; transition: max-height .25s ease-out; }
.active3 + .content3 { border: 1px solid #e3e3e3; border-top: 0; border-left: 4px solid #e85237; border-radius: 0 0 10px 10px; }
.content3 ul { margin: 0 0 10px; padding-left: 20px; }
.content3 li { margin-bottom: 4px; }
.content3 a { color: #e85237; font-weight: 600; }
.content3:before { content: ""; display: block; margin-bottom: 10px; }
.content3:after { content: ""; display: block; margin-top: 10px; }

.blogentry { border:1px solid #d9dde1; border-radius:14px; background:#fff; color:#50595f; text-transform:none; font-size:14px; font-weight:400; width:100%; transition:box-shadow .22s,border-color .22s,transform .22s; box-shadow:0 2px 7px rgba(24,39,52,.06); }
.blogentry:hover { border-color:#c4cbd1; box-shadow:0 9px 23px rgba(24,39,52,.13); transform:translateY(-2px); }
.blogentry:is(#form15350_15,#form15350_16) { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:auto auto minmax(0,1fr); gap:0; width:100%; min-width:0; height:200px; min-height:200px; margin:0 0 24px; padding:0; isolation:isolate; }
.blogentry :is(#div57540_21,#div57540_24) { display:contents; }
.blogentry :is(#div57540_22,#div57540_30) { position:relative; grid-column:1; grid-row:1 / 4; float:none; width:100%; max-width:none; height:auto; min-width:0; min-height:0; margin:0; padding:4px; overflow:hidden; border-radius:14px 0 0 14px; }
.blogentry :is(#div57540_22,#div57540_30) > div, .blogentry :is(#div57540_22,#div57540_30) > div > div { width:100%; height:100%; }
.blogentry :is(#img87304_6,#img87304_8) { display:block; width:100%; height:100%; max-height:none; max-width:none; object-fit:cover; border-radius:10px; transition:transform .3s; }
.blogentry:hover :is(#img87304_6,#img87304_8) { transform:scale(1.02); }
.blogentry :is(#div57540_22,#div57540_30)::after {  content: ''; position: absolute; inset: 4px; z-index: 1; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22s%22%20x%3D%22-100%25%22%20y%3D%22-30%25%22%20width%3D%22300%25%22%20height%3D%22160%25%22%3E%3CfeDropShadow%20dx%3D%22-16%22%20dy%3D%220%22%20stdDeviation%3D%2218%22%20flood-color%3D%22black%22%20flood-opacity%3D%22.24%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22white%22%20filter%3D%22url(%23s)%22%20d%3D%22M960%200Q1000%200%20990%2040L750%20960Q740%201000%20700%201000H1400V0Z%22%2F%3E%3C%2Fsvg%3E"); background-size: 100% 100%; background-repeat: no-repeat; pointer-events: none;  }
.blogentry :is(#div58387_5,#div58387_7) { grid-column:2; grid-row:2; min-width:0; width:auto; margin:0; padding:8px 16px 0; background:transparent; color:#161616; font-size:18px; font-weight:750; line-height:1.2; text-transform:none; overflow-wrap:break-word; hyphens:auto; }
.blogentry .kb-title-link, .blogentry .kb-title-link:hover { display:block; color:#161616; background:transparent; text-decoration:none; }
.blogentry::after { content:'mehr lesen →'; position:absolute; bottom:12px; right:16px; left:calc(50% + 16px); padding-top:8px; border-top:1px solid #bb442f; text-align:right; color:#b53620; font-size:13px; font-weight:700; line-height:1.4; transition:color .2s; }
html[lang^='en'] .blogentry::after { content:'read more →'; }
.blogentry:hover::after { color:#8d2718; }
.blogentry :is(#div58387_6,#div58387_8) { grid-column:2; grid-row:1; display:flex; flex-direction:row; align-items:flex-start; gap:2px 6px; min-width:0; margin:0; padding:16px 16px 0; color:#687078; font-size:11px; font-weight:500; line-height:1.5; text-transform:none; }
.blogentry :is(#div57540_23,#div57540_31) { position:static; grid-column:2; grid-row:3; min-width:0; min-height:0; width:auto; height:auto; margin:0; padding:8px 16px 44px; overflow:hidden; font-size:13px; font-weight:400; line-height:1.55; text-transform:none; }
.blogentry :is(#fld52607_30,#fld52607_38) { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; overflow-wrap:break-word; hyphens:auto; }
@media(max-width:600px) { .blogentry:is(#form15350_15,#form15350_16) { grid-template-columns:minmax(0,1fr); grid-template-rows:160px auto auto 1fr; height:400px; min-height:400px; } .blogentry :is(#div57540_22,#div57540_30) { grid-column:1; grid-row:1; min-height:0; border-radius:14px 14px 0 0; } .blogentry :is(#div57540_22,#div57540_30)::after { display:none; } .blogentry :is(#div58387_6,#div58387_8) { grid-column:1; grid-row:2; padding:14px 16px 0; } .blogentry :is(#div58387_5,#div58387_7) { grid-column:1; grid-row:3; margin:0; width:auto; padding:8px 16px 0; font-size:18px; } .blogentry :is(#div57540_23,#div57540_31) { grid-column:1; grid-row:4; padding:8px 16px 44px; } .blogentry::after { left:16px; right:16px; } }
@media(prefers-reduced-motion:reduce) { .blogentry, .blogentry img { transition:none; } .blogentry:hover { transform:none; } }
.teambilder { transition: .5s; }
.teambilder:hover { transition: .5s; transform: scale(1.05); }
.corporate-gradient { background: #DC3618; background: linear-gradient(135deg,#DC3618,#cf4830 44%,#a13825); }
.category-links { color: #666 !important; list-style-type: circle; border-bottom: 1px solid #ddd; font-size: 14px; font-weight: 400; }
.category-links:hover { color: #DC3618 !important; transition: .2s; }
.downloaddetails { padding: 15px; margin-top: 15px; margin-left: 25px; margin-right: 25px; border-radius: 15px; font-family: Arial,sans-serif; color: #333; line-height: 2.1; }
.downloaddetails ul { list-style-type: none; padding: 0; }
.downloaddetails li { padding: 8px 0; margin-bottom: 5px; border-bottom: 1px solid #ddd; }
.downloaddetails li:last-child { border-bottom: none; }
.downloaddetails a { color: #666; text-decoration: none; }
.downloaddetails a:hover { text-decoration: underline; }
.contactbox { padding: 25px; border-radius: 0 15px 15px 15px; border: 1px solid #e7e7e7; box-shadow: 2px 2px 6px -1px rgba(0,0,0,.11); background: linear-gradient(180deg,#fff 0,#fbfbfb 13%,#f7f7f8); margin-top: -3px; }
:is(.email-form-container, .login-form-container).contactbox { padding: 28px 30px; border: 1px solid #ececec !important; border-radius: 16px !important; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,.06); }
@media (max-width: 575px) {
  :is(.email-form-container, .login-form-container).contactbox { padding: 20px 16px; }
  div[id^="cmd"]:has(> label > .switch-registration-active) { display: flex !important; width: 100%; }
  div[id^="cmd"]:has(> label > .switch-registration-active) > label { flex: 1 1 0; }
  div[id^="cmd"]:has(> label > .switch-registration-active) > label > :is(.switch-registration, .switch-registration-active) { padding: 9px 6px; text-align: center; font-size: 12px; }
}
.grayscale { filter: grayscale(100%); -webkit-filter: grayscale(100%); }
.styletable { border-collapse: collapse; border-spacing: 0; width: 100%; border: 1px solid #ddd; }
.tag { display: inline-block; width: 100%; height: 38px; background-color: #DC3618; border-radius: 3px 4px 4px 3px; border-left: 1px solid #DC3618; margin-left: 15px; position: relative; color: #fff; font-weight: 500; font-family: Source Sans Pro,sans-serif; font-size: 17px; line-height: 38px; padding: 0 10px; }
.tag:before { left: -19px; width: 0; height: 0; border-top: 19px solid transparent; border-bottom: 19px solid transparent; border-right: 19px solid #DC3618; }
.tag:after, .tag:before { content: ""; position: absolute; display: block; }
.tag:after { background-color: #fff; border-radius: 50%; width: 4px; height: 4px; left: -9px; top: 17px; }
.tag2 { display: inline-block; width: auto; height: 38px; background-color: #DC3618; border-radius: 3px 4px 4px 3px; border-left: 1px solid #e5e5e5; margin-left: 0; position: relative; color: #fff; font-weight: 500; font-family: Source Sans Pro,sans-serif; font-size: 17px; line-height: 38px; padding: 0 10px; }
.tag2:before { right: -18px; width: 0; height: 0; border-top: 19px solid transparent; border-bottom: 19px solid transparent; border-left: 19px solid #DC3618; }
.tag2:after, .tag2:before { content: ""; position: absolute; display: block; }
.tag2:after { background-color: #fff; border-radius: 50%; width: 4px; height: 4px; right: -9px; top: 17px; }
.modal-product-in-basket { padding: 25px; background-color: #fff; }
.pButton { padding: .7rem !important; }
.ccm-root button, .ccm-root button:hover { border-radius: 5px !important; }
.tableborders{border-collapse:collapse;border-bottom:1px solid #dfe0e1;color:#666}.tableborders a{font-weight:700;color:#666;text-decoration:none}.tableborders2{border-collapse:collapse;width:90%}.tableborders2 td,.tableborders th{border:1px solid #dedede;padding:5px;border-radius:5px}
.ts-rating-light.testimonial .carousel .carousel-inner .item .review{padding-top:20px}
.borderradiuspic{border-radius:10px}

/* Firmenlogos */
.companylogo-wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden;
    transform: scale(1);
    transition: transform 0.6s ease;
    will-change: transform;
    z-index: 999;
}
.companylogo-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.2) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-20deg);
    pointer-events: none;
    animation: shineSlow 6s linear infinite;
    opacity: 1;
    z-index: 1;
}
.companylogo-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.6) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-20deg);
    pointer-events: none;
    opacity: 0;
    z-index: 2;
}
.companylogo-wrapper:hover::after {
    animation: shineFast 0.7s ease-in-out 1;
    opacity: 1;
}
.companylogo-wrapper:hover {
    transform: scale(0.97) translateY(1px);
    cursor: pointer;
}
.companylogo-img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    max-width: 290px !important;
}
@keyframes shineSlow {
    0%   { left: -75%; }
    100% { left: 130%; }
}
@keyframes shineFast {
    0%   { left: -100%; opacity: 0; }
    10%  { opacity: 1; }
    100% { left: 130%; opacity: 0; }
}

/* Erfolge achievements */
a.achievement, a.achievement:hover, a.achievement:focus, a.achievement:visited { color: #fff; text-decoration: none; }
div.achievements { display: flex; flex-wrap: nowrap; justify-content: center; gap: 20px; }
a.achievement { flex: 0 0 20%; display: flex; z-index: 901; align-items: center; padding: 12px 16px; border-radius: 12px; background-color: #DC3618; box-shadow: inset 8px 8px 22px rgba(0, 0, 0, 0.2), inset -8px -8px 16px hsla(0, 0%, 100%, 0.19), 0 3px 10px 2px #777; cursor: pointer; color: white; transition: transform 0.3s; box-sizing: border-box; height: auto; min-height: 112px; }
a.achievement:hover { transform: scale(1.05); }
.achievement .icon { width: 25%; font-size: 3em; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.achievement .text { width: 75%; display: flex; flex-direction: column; justify-content: center; text-align: left; padding-left: 15px; }
.achievement .text p { margin: 0; font-size: 1em; line-height: 1.4; }
.icon { background-repeat: no-repeat; background-position: 50%; background-size: 100%; width: auto; color: #fff; text-shadow: 1px 1px 1px #fff; font-size: 52px; margin: 10px auto 10px !important; }

/* Firmengeschichte Zeitleiste */
.contenttimeline h3 { font-size: 1.5em; color: #E85237; margin-bottom: 10px; font-weight: 700; }
.headerhistoryleft h3, .headerhistoryright h3 { font-size: 1.25em; color: #d35400; font-weight: bold; }
.headerhistoryleft h3 { color: #333; margin: 0 0 20px 0; }
.quote h2 { margin: 0; font-size: 24px; font-style: italic; line-height: 1.3; }
:where(#divShopPageWrapper_8) .contenttimeline h5 { font-size: 1.5em; color: #E85237; margin-bottom: 10px; font-weight: 700; }
:where(#divShopPageWrapper_8) .headerhistoryleft h5, :where(#divShopPageWrapper_8) .headerhistoryright h5 { font-size: 1.25em; color: #d35400; font-weight: bold; }
:where(#divShopPageWrapper_8) .timeline { position: relative; max-width: 100%; margin: 20px auto; }
:where(#divShopPageWrapper_8) .contenttimeline img { max-width: 30%; max-height: 60%; border-radius: 10px; margin-right: 10px; margin-top: 5px; float: left; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); object-fit: cover; }
:where(#divShopPageWrapper_8) .containertimeline { padding: 20px; position: relative; background-color: #ffffff; width: 100%; box-shadow: 0 4px 8px rgba(0,0,0,0.1); border-radius: 10px; margin-bottom: 40px; transition: all 0.3s ease-in-out; display: flex; flex-wrap: wrap; align-items: flex-start; }
:where(#divShopPageWrapper_8) .containertimeline:hover { box-shadow: 0 6px 12px rgba(0,0,0,0.15); transform: translateY(-5px); }
:where(#divShopPageWrapper_8) .arrow { display: flex; justify-content: center; align-items: center; margin-bottom: 20px; }
:where(#divShopPageWrapper_8) .arrow::after { content: ''; display: inline-block; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 20px solid #ccc; }
:where(#divShopPageWrapper_8) .headerhistoryleft h5 { color: #333; margin: 0 0 20px 0; }
:where(#divShopPageWrapper_8) .quote { margin: 20px 0; padding: 20px; border-left: 4px solid #e85237; background-color: #F5F5F5; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; justify-content: space-between; }
:where(#divShopPageWrapper_8) .quote h4 { margin: 0; font-size: 24px; font-style: italic; line-height: 1.3; }
:where(#divShopPageWrapper_8) .quote .attribution { margin-top: 10px; font-size: 14px; font-weight: bold; text-align: right; }
:where(#divShopPageWrapper_8) .mobileImage { border-radius: 15px; max-height: 320px; object-fit: contain; float: right; margin: 0px 15px 0px 15px; max-width: 100%; }

/* Newsletter */
.newsletter-header { margin-top: 40px; margin-left: 40px; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; color: #ffffff; }
.newsletter-title { margin: 0; font-size: 2.2rem; font-weight: 700; line-height: 1.15; text-transform: uppercase; letter-spacing: 0.08em; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35); }
.newsletter-subline { margin: 8px 0 0 0; font-size: 14px; font-weight: 400; line-height: 1.4; color: rgba(255, 255, 255, 0.9); text-shadow: 0 1px 6px rgba(0, 0, 0, 0.35); }
.newsletter-heading { display: block; margin-top: 40px; margin-left: 40px; color: #ffffff; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; font-size: 2.5rem; font-weight: 700; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.08em; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35); }

/* Startseite Slider News Team */
#divSliderMobil { display:none; height:auto; max-width:100%; overflow:hidden; }
#divSliderMobil img { display: block; width: 100% !important; max-width: 100% !important; height: clamp(300px, 40vw, 400px) !important; object-fit: cover; object-position: left center; }
.slider-catalog-links { grid-column:3; grid-row:1; position:relative; right:auto; top:auto; transform:none; z-index:4; display:flex; flex-direction:column; gap:10px; width:100%; min-width:0;margin-bottom:15px; }
.slider-catalog-links a { display: flex; align-items: center; gap: 10px; padding: 8px 14px; border-radius: 8px; background: rgba(255, 255, 255, 0.52); box-shadow: 0 2px 8px rgba(0,0,0,0.2); color: #1a1a1a; font-size: 0.85em; font-weight: 600; text-decoration: none; border-left: 4px solid #DC3618; transition: transform 0.2s, background-color 0.2s; }
.slider-catalog-links a:hover { background: #ffffff; transform:translateY(-2px); color:#1a1a1a; text-decoration:none; }
.slider-catalog-links a .cat-icon { flex: 0 0 auto; width: 38px; height: 38px; border-radius: 6px; object-fit: contain; }
.slider-catalog-links a .cat-text { flex: 1 1 auto; line-height: 1.25; }
.slider-catalog-links a .cat-arrow { flex: 0 0 auto; font-size: 1.1em; color: #DC3618; }
#ajax-update-container-ContentHomeOnly .img-w-100 { max-height:180px !important; width:100%; height:100%; }
#divShopPageStart {
  display: grid; grid-template-columns: minmax(360px, 1fr) minmax(0, 1.9fr); align-items: start;
  gap: 24px; width: 100%; max-width: none; padding: 28px 24px 40px; margin: 0;
}
#divShopPageStart > #divLinksStart, #divShopPageStart > #divRechtsStart { min-width: 0; width: 100%; max-width: 100%; padding: 0; margin: 0; order: initial; }
#divShopPageStart > #divLinksStart { display: block; }
#Start_Sidebar, #divNewsSidebar { min-width: 0; width: 100%; }
#divNewsContainer .bx-wrapper { display: flex; flex-direction: column; margin: 0; border: 0; box-shadow: none; background: transparent; }
#div72504_1 .bx-viewport { height: auto !important; touch-action: pan-y; }
#div72504_1 .wfdiv72504_1Class { display: flex; align-items: flex-start; }
#div72504_1 .wfdiv72504_1Class > li { flex-shrink: 0; min-width: 0; }
#div72504_1 .bx-viewport li > div > br, #div72504_1 .bx-viewport li > div > p:last-child, #divNewsContainer > br { display: none; }
#div72504_1 .bx-viewport li > div > p { margin: 0 8px 12px; text-align: left !important; }
#div72504_1 :is(#lstKB_15, #lstKB_17) { display: grid; gap: 16px; padding: 6px 8px 18px; }
#div72504_1 .bx-controls { display: flex; order: -1; position: relative; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; padding: 4px 8px 12px; }
#div72504_1 .bx-controls-direction { display: flex; order: 2; gap: 8px; }
#div72504_1 .bx-controls-direction a { position: static; z-index: auto; display: inline-grid; place-items: center; width: 40px; height: 40px; margin: 0; border: 1px solid #dfe3e7; border-radius: 50%; background: #fff; color: #b92c17; text-indent: 0; font-size: 0; text-decoration: none; transition: color .25s, background .25s, transform .25s; }
#div72504_1 .bx-controls-direction a::before { content: '‹'; font-size: 28px; line-height: 1; }
#div72504_1 .bx-controls-direction a.bx-next::before { content: '›'; }
#div72504_1 .bx-controls-direction a:hover { background: #b92c17; color: #fff; transform: translateY(-2px); }
#div72504_1 .bx-controls-direction a:focus-visible, #div72504_1 .bx-pager a:focus-visible { outline: 2px solid #b92c17; outline-offset: 3px; }
#div72504_1 .bx-pager { position: static; display: flex; gap: 6px; width: auto; padding: 0; font-size: 12px; }
#div72504_1 .bx-pager-item { display: flex; }
#div72504_1 .bx-pager a { display: grid; place-items: center; width: auto; min-width: 28px; height: 30px; margin: 0; padding: 0 10px; border-radius: 999px; white-space: nowrap; font-weight: 600; background: #e9ecef; color: #46515b; text-indent: 0; text-decoration: none; transition: background .25s, color .25s, transform .25s; }
#div72504_1 .bx-pager a.active, #div72504_1 .bx-pager a:hover { background: #b92c17; color: #fff; transform: scale(1.06); }
#divShopPageStart #divTeamRotert { width: 100%; max-width: 100%; margin: 24px 0 0; }
@media (prefers-reduced-motion: reduce) { .article-card, .article-image img, .article-content .card-excerpt > span:first-child, .article-card .button-811, .article-card .button-811::after, #div72504_1 .bx-controls a { transition: none; } .article-card:hover, .article-card:focus-within { transform: none; } }

/* Startseite HOTpanel */
/* Owl-Carousel & Produkt-Wrapper (unverändert übernommen) */
#divHOTpanel .owl-nav { position: absolute; width: 100%; text-align: center; }
#divHOTpanel .owl-prev, #divHOTpanel .owl-next { position: relative; display: inline-block; font-size: 38px; font-weight: bold; margin: 0px !important; color: #666; background: transparent; padding-left: 15px; padding-right: 15px; border-radius: 10px; top: 0px !important; margin-bottom: 10px; transition: background 0.3s, color 0.3s, transform 0.3s; }
#divHOTpanel .owl-prev i, #divHOTpanel .owl-next i { font-size: inherit; }
#divHOTpanel .owl-prev:hover, #divHOTpanel .owl-next:hover { transform: scale(1.3); }
#divHOTpanel .product-wrapper-design { margin-top: 10px !important; }
#divHOTpanel .roundbox2 { text-shadow: none !important; }
/* Reiterleiste (.starttab) im Stil von Variante C (Segment) */
#divHOTpanel .starttab {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin: 39px 0 0;
  padding: 10px 12px 6px;
  background-color: #fff;
  border-radius: 15px 15px 0 0;
  overflow: hidden;
}
/* Buttons statt altem float-Layout modern über Grid & Flexbox gesteuert */
#divHOTpanel .starttab button {
  appearance: none;
  -webkit-appearance: none;
  float: none;
  width: 100%;
  min-height: 44px;
  margin: 0;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f1f1f1;
  color: #444 !important;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 0.15s, color 0.15s, border-color 0.15s, box-shadow 0.15s;
}
/* Hover nur für INAKTIVE Buttons */
#divHOTpanel .starttab button:not(.active):hover {
  background-color: #e6e6e6;
  border-color: #ccc;
  color: #444 !important;
}
/* Aktiver Button (auch wenn die Maus darauf steht) + falls aria-selected genutzt wird */
#divHOTpanel .starttab button.active,
#divHOTpanel .starttab button.active:hover,
#divHOTpanel .starttab button[aria-selected="true"],
#divHOTpanel .starttab button[aria-selected="true"]:hover {
  background-color: #dc3618 !important;
  border-color: #dc3618 !important;
  color: #ffffff !important;
  cursor: default;
}
/* Erzwingt die Textfarbe auch für verschachtelte Elemente wie <h8> oder <span> */
#divHOTpanel .starttab button * {
  color: inherit !important;
  text-shadow: none !important;
  margin: 0;
}
#divHOTpanel .starttab button.active *,
#divHOTpanel .starttab button.active:hover *,
#divHOTpanel .starttab button[aria-selected="true"] * {
  color: #ffffff !important;
}
#divHOTpanel .starttab button:focus-visible {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #dc3618;
}
h8 { color: white; text-shadow: 2px 2px 4px #000000; }
/* Panelinhalt (.starttabcontent) mit schneller 0,2s Animation aus Variante C */
#divHOTpanel .starttabcontent {
  display: none;
  box-shadow: 0 4px 20px 0 rgba(34, 68, 123, 0.06);
  border-radius: 0 0 10px 10px;
  animation: fadeEffect 0.2s ease-out;
}
@keyframes fadeEffect {
  from { opacity: 0.4; }
  to { opacity: 1; }
}
/* Kein hängender Hover-Zustand auf Touch-Geräten */
@media (hover: none) {
  #divHOTpanel .starttab button:not(.active):hover {
    background-color: #f1f1f1;
    border-color: #ddd;
    color: #444 !important;
  }
}
/* Mobile Optimierung */
@media (max-width: 767px) {
  #divHOTpanel .starttab {
    margin-top: 24px;
    padding: 8px 8px 4px;
    gap: 4px;
  }
  #divHOTpanel .starttab button {
    min-height: 40px;
    padding: 8px 4px;
    font-size: 12px;
    letter-spacing: 0;
  }
}
/* Barrierefreiheit bei reduzierter Bewegung */
@media (prefers-reduced-motion: reduce) {
  #divHOTpanel .starttab button { transition: none; }
  #divHOTpanel .starttabcontent { animation: none; }
}

/* Artikelseite */
#Details:not(.rt-init) .contentfilter { max-height: none; }
#Details:not(.rt-init) .collapsiblefilter { background-color: #DC3618; color: #fff; }
#Details:not(.rt-init) .collapsiblefilter:after { content: "\2212"; color: #fff; }
#Details .contentfilter #customers td { width: 50%; word-break: normal; overflow-wrap: anywhere; }
:is(#zubehoer, #aehnlich) .product-wrapper .materialbadge { z-index: 2; }
#DetailPanel { content-visibility: visible !important; contain-intrinsic-size: none !important; }
.product-container { display: flex; flex-wrap: wrap; gap: 20px; }
#form29504_2 :is(#fld37249,#fld37250) { display:inline-flex; align-items:center; gap:7px; min-height:40px; padding:7px 10px; border:1px solid #dce2e6; border-radius:7px; background:#f6f8f9; color:#26343d; font-size:16px; font-weight:700; cursor:copy; font-variant-numeric:tabular-nums; }
#form29504_2 :is(#fld37249,#fld37250)::after { content:'⧉'; font-size:18px; font-weight:400; color:#687780; }
#form29504_2 :is(#fld37249,#fld37250):hover { border-color:#bf3820; color:#aa2e19; }
#form29504_2 :is(#fld37249,#fld37250):focus-visible { outline:2px solid #bf3820; outline-offset:3px; }
#form29504_2 #div28684_3 { position:relative; padding:0; border:0; border-radius:0; background:transparent; margin:16px 0; }
#form29504_2 #div28684_2 { width:100%; margin:0; }
#form29504_2 #div28684_4, #form29504_2 #div28684_5 { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:flex-start; gap:4px 0; width:100%; margin:0; padding:0; text-align:left; }
#form29504_2 #div28684_4 > div:not(.hr-vkinfo):not(.hr-vkinfo-clear):not(.tooltip2), #form29504_2 #div28684_5 > div:not(.hr-vkinfo):not(.hr-vkinfo-clear):not(.tooltip2) { flex-basis:100%; }
#form29504_2 :is(#fld37253_1,#fld37253_2) { margin-right:6px; font-size:30px; line-height:1.2; font-weight:750; color:#be321a; text-shadow:none; text-transform:none; font-variant-numeric:tabular-nums; }
#form29504_2 .BruttoDetails { margin:0 8px 0 0 !important; line-height:1.5; }
#form29504_2 .BruttoPreis { margin:0 !important; font-size:16px !important; line-height:1.5; font-weight:700 !important; color:#3c4851 !important; font-variant-numeric:tabular-nums; }
#form29504_2 #lbl2fld37253 { margin-left:4px !important; }
#form29504_2 #div28684_9 { margin-top:14px; border:1px solid #dce3e7; border-radius:8px; overflow-x:auto; overflow-y:hidden; }
#form29504_2 #div28684_9:empty { display:none; }
#form29504_2 #staffelpreise { border-radius:0; font-size:13px; line-height:1.35; }
#form29504_2 #staffelpreise td, #form29504_2 #staffelpreise th { padding:5px 12px; font-size:13px; }
#form29504_2 #staffelpreise th { padding:6px 12px; font-size:11px; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#form29504_2 #staffelpreise :is(td,th):first-child { width:30%; }
#form29504_2 #lst39638_4 > div:nth-child(even) #staffelpreise { background:#f7f9fa; }
#form29504_2 #lst39638_4 > div.rot-tier-off { display:none; }
#form29504_2 #lst39638_4 > div.rot-tier-on #staffelpreise { background:#fdf0ec; box-shadow:inset 3px 0 0 #be321a; }
#form29504_2 #lst39638_4 > div.rot-tier-on #staffelpreise td { color:#252c32; font-weight:700; }
#form29504_2 .rot-tier-btn { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:40px; margin:0; padding:8px 12px; border:0; border-top:1px solid #e3e7ea; border-radius:0; background:#fff; color:#aa2e19; font-size:13px; font-weight:700; line-height:1.3; cursor:pointer; transition:background-color .15s; }
#form29504_2 .rot-tier-btn::after { content:""; width:7px; height:7px; margin-top:-4px; border:solid currentColor; border-width:0 2px 2px 0; transform:rotate(45deg); transition:transform .15s; }
#form29504_2 .rot-tier-btn[aria-expanded="true"]::after { margin-top:3px; transform:rotate(-135deg); }
#form29504_2 .rot-tier-btn:hover { background:#fcece7; }
#form29504_2 .rot-tier-btn:focus-visible { outline:2px solid #bf3820; outline-offset:-2px; }
@media (prefers-reduced-motion:reduce) { #form29504_2 .rot-tier-btn, #form29504_2 .rot-tier-btn::after { transition:none; } }
#form29504_2 .hr-vkinfo { float:none; margin:0 0 0 auto; padding-left:12px; }
#form29504_2 #div28684_5 .tooltip2 { gap:3px !important; margin:0 0 0 auto; padding-left:12px; line-height:1; }
#form29504_2 #div28684_5 .tooltip2 > span:first-child, #form29504_2 #div28684_5 .tooltip2 > span:first-child :is(span,em) { font-size:12px !important; font-weight:400; font-style:normal; color:#999 !important; }
#form29504_2 #div28684_5 .tooltip2 > span:nth-child(2), #form29504_2 #div28684_5 .tooltip2 i.pe-7s-info { font-size:14px !important; color:#aaa; }
#form29504_2 :is(#div28684_4,#div28684_5)[data-unit-label]::after { content:attr(data-unit-label); flex-basis:100%; font-size:12px; line-height:1.5; color:#67747d; }
#form29504_2 #div28684_4 > br, #form29504_2 #div28684_5 > br, #form29504_2 #div28684_3 + br, #form29504_2 .hr-vkinfo-clear { display:none; }
@media(min-width:768px) {
 #form29504_2 #div33408_2, #form29504_2 #ajax-container-37685_1 { width:100%; min-width:0; margin-left:0; }
 #form29504_2 #divBuyWithPlusMinus_1 { width:100%; gap:8px; align-items:flex-start; }
 #form29504_2 #div28706_5 { flex:1 1 352px; max-width:352px; min-width:0; }
 #form29504_2 #divBuyButton_2, #form29504_2 #divBuyButton_2 form { width:100%; min-width:0; margin:0; }
 #form29504_2 #divBuyButton_2 form:not(:has(.mengeneinheit option)) { display:flex; align-items:stretch; gap:8px; }
 #form29504_2 #cmdQtyCartModal_Input { flex:0 0 64px; width:64px; min-height:48px; margin:0 !important; border-radius:8px; font-size:16px; }
 #form29504_2 #cmdQtyCartModal { flex:1 1 auto; max-width:280px; min-width:0; height:48px; min-height:48px; padding:12px; border-radius:8px; font-size:15px; font-weight:700; }
 #form29504_2 #div28707_6, #form29504_2 #div28707_9, #form29504_2 #div28707_7 { flex:0 0 56px; margin:0; }
 #form29504_2 #div28707_6 form, #form29504_2 #div28707_9 form, #form29504_2 #div28707_7 form, #form29504_2 .hr-share { height:48px; margin:0; }
 #form29504_2 #cmd37347_5, #form29504_2 #cmd37347_7, #form29504_2 #cmdShare { width:56px; height:48px; min-height:48px; padding:0; border-radius:8px; font-size:26px; }
}
@media(max-width:575px) {
 #form29504_2 #div28684_3 { padding:0; }
 #form29504_2 :is(#fld37253_1,#fld37253_2) { flex-basis:100%; font-size:28px; text-align:left; }
 #form29504_2 #staffelpreise td, #form29504_2 #staffelpreise th { padding:5px 6px; font-size:12px; }
 #form29504_2 :is(#fld37249,#fld37250) { font-size:15px; }
}

#divContentWrapperWhite #divProductDetail_2 { margin-top:16px !important; margin-left:0; margin-right:0; }
#form29504_2.product-container { display:grid; grid-template-columns:minmax(0,1fr) clamp(440px,40vw,600px); gap:28px; width:calc(100% - 32px); max-width:1560px; margin:0 auto 32px; padding:24px 28px 28px; align-items:start; background:#fff; }
#form29504_2 > #divProductPic, #form29504_2 > #divProductDesc { width:100%; max-width:100%; min-width:0; flex:none; }
#form29504_2 > #divProductPic { position:sticky; top:66px; }
#form29504_2 > #divProductDesc { padding-left:28px; }
#form29504_2 #ctl35100_MainImg { width:auto; max-width:100%; height:auto; max-height:560px; object-fit:contain; }
#form29504_2 #ctl35100 { width:100%; text-align:center; }
#form29504_2 #ctl35100_ThumpList { margin:18px 0 0; gap:10px; justify-content:center; }
#form29504_2 #ctl35100_ThumpList > li { flex:0 0 64px; max-width:64px; padding:0; }
#form29504_2 #ctl35100_ThumpList img { width:64px; height:64px; object-fit:contain; border:1px solid #e1e5e8; border-radius:8px; }
#form29504_2 #ctl35100_ThumpList:not(:has(li:nth-child(2))) { display:none !important; }
#divProductDesc .artikel-h1 { display:block; margin:0; font-size:clamp(22px,1.35vw,26px); font-weight:750; line-height:1.22; letter-spacing:-.35px; color:#20252a; overflow-wrap:break-word; hyphens:auto; }
#form29504_2 #fld37251 { display:block; margin-top:8px; font-size:16px; line-height:1.5; color:#59636c; }
#form29504_2 #div28685_3 { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 20px; font-size:12px; line-height:1.5; color:#67717a; }
#form29504_2 #div58427_1 { font-size:16px; line-height:1.65; }
#form29504_2 #lblfld37258 { display:block; margin:16px 0 10px; font-size:21px; font-weight:750; line-height:1.3; color:#20252a; }
#form29504_2 #fld37258-rot-content { max-width:68ch; font-size:16px; line-height:1.65; color:#414b54; }
#form29504_2 #fld37258-rot-content p { margin:0 0 14px; line-height:inherit; }
#form29504_2 #fld37258-rot-content ul, #form29504_2 #fld37258-rot-content ol { padding-left:22px; margin:0 0 16px; }
#form29504_2 #fld37258-rot-content li { margin-bottom:7px; line-height:1.6; }
#form29504_2 .rot-toggle-btn { min-height:44px; padding:10px 14px; border:1px solid #dce1e5; border-radius:8px; font-size:14px; font-weight:650; }
#form29504_2 #div58456 { margin-top:18px; font-size:14px; line-height:1.5; }
#form29504_2 #div58456 > div > span:first-child { display:none; }
#form29504_2 > #DetailPanel { grid-column:1/-1; width:100%; min-width:0; padding:24px 0 0; border-top:1px solid #e3e7ea; font-size:14px; line-height:1.6; }
#form29504_2 #DetailPanel .tab-h2 { font-size:14px; font-weight:700; line-height:1.4; }
#form29504_2 #DetailPanel .collapsiblefilter { min-height:38px; padding:8px 12px; font-size:13px; font-weight:650; line-height:1.4; color:#30404b; background:#f0f3f5; border:1px solid #dde4e8; border-left:3px solid #dc3618; border-radius:7px; }
#form29504_2 #DetailPanel .collapsiblefilter::after { font-size:18px; line-height:1; color:#526675; }
#form29504_2 #DetailPanel #customers { width:100%; max-width:100%; margin:8px 0 18px; border:0; border-collapse:collapse; font-size:14px; line-height:1.6; color:#33434e; }
#form29504_2 #DetailPanel #customers td { padding:8px 12px; vertical-align:top; overflow-wrap:break-word; border:0; border-bottom:1px solid #e5eaee; background:transparent; }
#form29504_2 #DetailPanel #customers tr:nth-child(odd) { background:#f7f9fa; }
#form29504_2 #DetailPanel #customers tr:nth-child(even) { background:#fff; }
#form29504_2 #DetailPanel #customers tr:hover { background:#eef3f6; color:#283b48; }
#form29504_2 #DetailPanel #customers tr:hover :is(.rt-mat-trigger,.rt-un-trigger) { color:#283b48 !important; }
#form29504_2 #DetailPanel #customers tr:hover .rt-mat-text { border-bottom-color:#7d8b95; }
#form29504_2 #DetailPanel #customers :is(.rt-mat-wrap,.rt-un-wrap) a, #form29504_2 #DetailPanel #customers :is(.rt-mat-wrap,.rt-un-wrap) a i { color:#a32b15 !important; }
#form29504_2 #DetailPanel #customers tr:hover a, #form29504_2 #DetailPanel #customers tr:hover a i { color:#a32b15 !important; }
#form29504_2 #DetailPanel #customers tr:hover .rt-un-badge { background-color:#fff3e0 !important; color:#8f3a00 !important; border-color:#f5c58a !important; }
#form29504_2 #DetailPanel #customers td:first-child { width:46%; color:#62717c; font-weight:400; }
#form29504_2 #DetailPanel #customers td:last-child { color:#2b3c48; font-weight:550; }
#form29504_2 :is(#fld37249,#fld37250)[hidden] { display:none; }
@media(min-width:1920px) { #form29504_2.product-container { gap:36px; padding:36px; } }
@media(max-width:991px) {
 #form29504_2.product-container { grid-template-columns:minmax(0,1fr); gap:20px; width:100%; margin:0 0 24px; padding:20px; }
 #form29504_2 > #divProductPic { position:static; }
 #form29504_2 > #divProductDesc { border-left:0; padding-left:0; }
 #form29504_2 #ctl35100_MainImg { max-height:360px; }
 #divProductDesc .artikel-h1 { font-size:24px; }
}
@media(max-width:575px) {
 #form29504_2.product-container { padding:14px; gap:16px; }
 #form29504_2 #ctl35100_MainImg { max-height:300px; }
 #divProductDesc .artikel-h1 { font-size:22px; }
 #form29504_2 #fld37251 { font-size:15px; }
 #form29504_2 #div58427_1, #form29504_2 #fld37258-rot-content { font-size:15px; line-height:1.65; }
 #form29504_2 #DetailPanel #customers { font-size:13px; }
 #form29504_2 #DetailPanel #customers td { padding:9px 8px; }
 #form29504_2 #DetailPanel .tab-h2 { font-size:12px; }
}

.product-image, .product-info { flex: 1 1 400px; }
.product-head { display: flex; flex-direction: column; gap: 20px; }
.product-meta { display: flex; flex-wrap: wrap; gap: 10px; font-size: 14px; }
.product-pricebox { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px; }
.price-main { display: flex; flex-direction: column; }
.product-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.qty-input { width: 60px; }
input.btn-cart { background-color: red; color: white; padding: 10px 20px; border: none; cursor: pointer; }
.product-delivery { font-size: 12px; color: green; }
.price-row { display: flex; justify-content: space-between; align-items: center; }
:where(#DetailPanel) div.col-lg-4-2 { -ms-flex: 0 0 18% !important; flex: 0 0 18% !important; max-width: 18% !important; }
:where(#DetailPanel) .product-wrapper-design { min-width: 210px; }
:where(#divProductDetail_2) .materialbadge { top: 5px !important; }
#ctl35100_MainImg { height: auto; aspect-ratio: 1 / 1; object-fit: contain; }
#ctl35100 { width: 100%; max-width: 560px; }
#divProductPicVar { width: 100%; }
:where(#DetailPanel) .starttab .tablinks { flex-grow: 1; }
#DetailPanel:has(.tooltip-container:hover), #DetailPanel:has(.tooltip-container:focus-within) { content-visibility: visible !important; }
:where(#DetailPanel) .tooltip-container { position: relative; display: inline-block; cursor: pointer; color: #e85237; }
:where(#DetailPanel) .tooltip-container .tooltip-text { visibility: hidden; opacity: 0; position: fixed; z-index: 2000; top: 0; left: 0; width: 560px; max-width: calc(100vw - 30px); box-sizing: border-box; padding: 12px 14px; background-color: #555; color: #fff; font-size: 13px; font-style: normal; font-weight: normal; line-height: 1.45; text-align: left; white-space: normal; border-radius: 5px; box-shadow: 0 4px 14px rgba(0,0,0,.2); transition: opacity .2s; pointer-events: none; }
:where(#DetailPanel) .tooltip-container:hover .tooltip-text, :where(#DetailPanel) .tooltip-container:focus .tooltip-text, :where(#DetailPanel) .tooltip-container:focus-within .tooltip-text { visibility: visible; opacity: 1; }
:where(#DetailPanel) .tooltip-container:focus-visible { outline: 2px solid #C0392B; outline-offset: 2px; }
:where(#DetailPanel) .info-icon { font-size: 22px; color: #e85237; vertical-align: middle; }
#div28707_9::after, #div28707_7::after { position:absolute; bottom:100%; left:50%; transform:translateX(-50%); background:#333; color:#fff; padding:4px 6px; border-radius:4px; font-size:11px; white-space:nowrap; opacity:0; pointer-events:none; transition:opacity .2s; z-index:70; }
html[lang="de"] #div28707_9::after { content:"auf die Vergleichsliste"; }
html[lang="de"] #div28707_7::after { content:"Artikel teilen"; }
html[lang^="en"] #div28707_9::after { content:"Add to compare"; }
html[lang^="en"] #div28707_7::after { content:"Share this item"; }
#div28707_9:hover::after, #div28707_7:hover::after { opacity:1; }
#div28707_6, #div28707_7, #div28707_9 { position:relative; display:flex; align-items:center; }
#cmd37347_5, #cmd37347_7, #cmdShare { min-width:45px !important; }
#divBuyWithPlusMinus_1 { display:flex; flex-wrap:wrap; align-items:stretch; gap:10px 0; }
#div33408_2:has(.mengeneinheit option) { width:100%; min-width:0; }
#divBuyWithPlusMinus_1:has(.mengeneinheit option) { position:relative; flex-wrap:nowrap; align-items:flex-start; gap:8px; padding-top:0; }
#divBuyWithPlusMinus_1:has(.mengeneinheit option) #div28706_5, #divBuyWithPlusMinus_1:has(.mengeneinheit option) .quickview-btn-compare { margin:0; }
#divBuyButton_2:has(.mengeneinheit option) { margin:0; flex-wrap:nowrap; }
#divBuyButton_2 form:has(.mengeneinheit option) { display:grid; grid-template-columns:64px minmax(0,1fr); align-items:start; gap:4px 8px; }
#divBuyButton_2 form[data-unit-label]::after { content:attr(data-unit-label); grid-column:1; grid-row:2; text-align:center; color:#64717b; font-size:12px; line-height:1.4; }
#divBuyButton_2 form:has(.mengeneinheit option) .product-qty { grid-column:1; grid-row:1; }
#divBuyButton_2 form:has(.mengeneinheit option) .btn-cart { grid-column:2; grid-row:1; }
#divBuyButton_2 .mengeneinheit:not(:has(option)) { display:none; }
#divBuyButton_2 .mengeneinheit { display:none; }
#divBuyButton_2 .mengeneinheit:focus-visible { outline:2px solid #DC3618; outline-offset:2px; }
#divBuyWithPlusMinus_1:not(:has(.mengeneinheit option)) { flex-wrap:nowrap; align-items:center; gap:8px; }
#divBuyWithPlusMinus_1:not(:has(.mengeneinheit option)) #div28706_5, #divBuyWithPlusMinus_1:not(:has(.mengeneinheit option)) .quickview-btn-compare { margin:0; }
#divBuyButton_2:not(:has(.mengeneinheit option)) { margin:0; flex-wrap:nowrap; }
#divBuyButton_2:not(:has(.mengeneinheit option)) form { display:flex; flex-wrap:nowrap; align-items:center; gap:8px; }
.hr-share-menu { display:none; position:absolute; z-index:60; top:100%; right:0; margin-top:4px; background:#fff; border:1px solid #ccc; border-radius:4px; box-shadow:0 2px 8px rgba(0,0,0,.15); min-width:180px; text-align:left; }
.hr-share-menu.open { display:block; }
.hr-share-menu a { display:block; padding:8px 12px; color:#333; text-decoration:none; font-size:14px; white-space:nowrap; }
.hr-share-menu a:hover, .hr-share-menu a:focus { background:#DC3618; color:#fff; transition:.3s; }

/* Registrierung */
:where(#divRight_46) #chk201058_6 { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: .6rem 1.2rem; }
:where(#divRight_46) #chk201058_6 li { display: flex; align-items: center; gap: .5rem; background: #f9f9f9; border: 1px solid #e0e0e0; border-radius: 6px; padding: .5rem .8rem; transition: background-color .2s ease, border-color .2s ease; }
:where(#divRight_46) #chk201058_6 li:hover { background-color: #f1f7ff; border-color: #b3d4fc; }
:where(#divRight_46) #chk201058_6 input[type="checkbox"] { width: 18px; height: 18px; accent-color: #dc3618; cursor: pointer; }
:where(#divRight_46) #chk201058_6 span { font-size: .9rem; line-height: 1.4; }
:where(#divRight_46) .collapsible { background-color: white; color: #444; cursor: pointer; padding-right:5px; width: 100%; border: 1px solid #e0e0e0; border-radius: 5px; text-align: left; outline: none; transition: all 0.3s ease; display: flex; justify-content: space-between; align-items: center; }
:where(#divRight_46) .collapsible:after { content: '+'; font-size: 14px; color: #777; font-weight: bold; }
:where(#divRight_46) .active:after { content: '-'; }
:where(#divRight_46) .content { padding: 0 18px; display: none; overflow: hidden; background-color: #f9f9f9; border: 1px solid #e0e0e0; border-top: none; border-radius: 0 0 5px 5px; }
:where(#divRight_46) .content span { display: inline-block; padding: .2rem 0 .4rem .5rem; color: #383838; font-weight: 600; letter-spacing: .075em; }
:where(#divRight_46) .pwd-infobox { margin-top: 0.5rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size: 13px; line-height: 1.4; color: #333; }
:where(#divRight_46) .pwd-grid { display: grid; grid-template-columns: 1fr; gap: 0.25rem 0.75rem; margin: 0.35rem 0 0 0; padding: 0; list-style: none; }
:where(#divRight_46) .pwd-grid li { display: flex; align-items: center; gap: 0.4rem; }
:where(#divRight_46) .pwd-warning-box { margin-top: 0.4rem; display: flex; flex-direction: column; gap: 0.25rem; }
:where(#divRight_46) .pwd-warning { padding: 0.35rem 0.55rem; background-color: #fff3cd; border-left: 3px solid #ffc107; color: #664d03; font-size: 12px; border-radius: 2px; }
:where(#divRight_46) .pwd-status-line { margin-top: 0.45rem; display: flex; align-items: center; gap: 0.4rem; font-size: 12.5px; }
:where(#divRight_46) .pwd-infobox .ok { color: #157347; }
:where(#divRight_46) .pwd-infobox .pending { color: #6c757d; }
:where(#divRight_46) .pwd-infobox .fail { color: #b02a37; }
:where(#divRight_46) .login-form-container span { color: #000 !important; }
.reg-info-box, .reg-info-box-en-biz, .reg-info-box-privat, .reg-info-box-en-privat { display: flex; align-items: flex-start; gap: 12px; margin: 12px 0; }
.reg-info-icon, .reg-info-icon-en-biz, .reg-info-icon-privat, .reg-info-icon-en-privat { font-size: 22px; line-height: 1.2; flex-shrink: 0; color: #68696b; }
.reg-info-text, .reg-info-text-en-biz, .reg-info-text-privat, .reg-info-text-en-privat { font-size: 13px; line-height: 1.45; color: #555555; }
.legal-checkbox-container, .legal-checkbox-container-en-biz, .legal-checkbox-container-privat, .legal-checkbox-container-en-privat { display: flex; align-items: flex-start; gap: 10px; margin: 16px 0 12px 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; font-size: 12px; line-height: 1.45; color: #555555; }
.legal-checkbox-container input[type="checkbox"], .legal-checkbox-container-en-biz input[type="checkbox"], .legal-checkbox-container-privat input[type="checkbox"], .legal-checkbox-container-en-privat input[type="checkbox"] { margin-top: 2px; width: 16px; height: 16px; cursor: pointer; accent-color: #2c3e50; flex-shrink: 0; }
.legal-checkbox-container label, .legal-checkbox-container-en-biz label, .legal-checkbox-container-privat label, .legal-checkbox-container-en-privat label { cursor: pointer; user-select: none; }
.legal-checkbox-container a, .legal-checkbox-container-en-biz a, .legal-checkbox-container-privat a, .legal-checkbox-container-en-privat a { color: inherit; text-decoration: underline; }
.reg-modal-backdrop, .reg-modal-backdrop-en-biz, .reg-modal-backdrop-privat, .reg-modal-backdrop-en-privat { position: fixed; inset: 0; background-color: rgba(0, 0, 0, 0.45); display: flex; align-items: center; justify-content: center; z-index: 999999; padding: 16px; }
.reg-modal-backdrop.is-hidden, .reg-modal-backdrop-en-biz.is-hidden, .reg-modal-backdrop-privat.is-hidden, .reg-modal-backdrop-en-privat.is-hidden { display: none !important; }
.reg-modal-dialog, .reg-modal-dialog-en-biz, .reg-modal-dialog-privat, .reg-modal-dialog-en-privat { background: #ffffff; border-radius: 4px; max-width: 400px; width: 100%; padding: 20px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; }
.reg-modal-title, .reg-modal-title-en-biz, .reg-modal-title-privat, .reg-modal-title-en-privat { margin: 0 0 10px 0; font-size: 15px; font-weight: 700; color: #222222; }
.reg-modal-text, .reg-modal-text-en-biz, .reg-modal-text-privat, .reg-modal-text-en-privat { margin: 0 0 18px 0; font-size: 13px; line-height: 1.4; color: #555555; }
.reg-modal-actions, .reg-modal-actions-en-biz, .reg-modal-actions-privat, .reg-modal-actions-en-privat { display: flex; justify-content: flex-end; gap: 8px; }
.reg-modal-btn, .reg-modal-btn-en-biz, .reg-modal-btn-privat, .reg-modal-btn-en-privat { padding: 7px 16px; border-radius: 3px; font-size: 12.5px; font-weight: 600; cursor: pointer; border: 1px solid #cccccc; background: #f8f9fa; color: #333333; }
.reg-modal-btn-confirm, .reg-modal-btn-confirm-en-biz, .reg-modal-btn-confirm-privat, .reg-modal-btn-confirm-en-privat { background: #2c3e50; border-color: #2c3e50; color: #ffffff; }
.reg-modal-btn-confirm:hover, .reg-modal-btn-confirm-en-biz:hover, .reg-modal-btn-confirm-privat:hover, .reg-modal-btn-confirm-en-privat:hover { background: #1a252f; }
#newElement2 { color: #b22222; background-color: #fff4f4; padding: 20px; text-align: center; font-family: Arial, sans-serif; position: relative; }
.warning-icon { font-size: 40px; color: #b22222; margin-bottom: 10px; }
#newElement2 strong { color: #b22222; font-size: 16px; }

/* -------------------------------------------------------------------------- */
/* 14. MEDIA QUERIES                                                          */
/* -------------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
  .top-banner { display: none; }
  .ccm-modal-inner { max-width: 100%; margin-left: auto; margin-right: auto; }
  #div28684_3 { margin: 0; }

}

@media only screen and (max-width: 600px) {
  .productSearchButton { padding: 0 15px; }
  .productSearchIconContainer { width: 50px; height: 50px; }
  .productSearchIcon { font-size: 24px; }
  .productSearchButton:hover .productSearchIcon { font-size: 32px; }
}

@media screen and (min-width: 64.0625em) {
  .ccm-settings-summoner { right: 40px !important; left: auto; }
  .ccm-modal-inner { max-width: 1300px; }
}

@media screen and (min-width: 48em) and (max-width: 64.0625em) {
  .ccm-settings-summoner { right: 30px; }
}

@media screen and (max-width: 48em) {
  .ccm-settings-summoner { right: 20px; }
}

/* Mobiler Header (max 767px) */
@media (max-width: 767px) {
  ul.header { flex-wrap: nowrap; gap: 4px; padding: 0; margin-left: 0; margin-right: 0; }
  ul.header > li { flex: 0 0 auto; padding: 0 6px; }
  ul.header > #MyAccountMenu { flex: 1 1 0; min-width: 0; max-width: 160px; padding: 0 4px !important; }
  #MyAccountMenu > [id^="ajax-update-container-MyAccount"] { min-width: 0; width: 100%; }
  #MyAccountMenu > [id^="ajax-update-container-MyAccount"] > i { display: none; }
  #link31786_1 { display: block; max-width: 100%; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; line-height: 44px; text-transform: none; }
  ul.header > .languageselectmenu { flex: 0 0 auto; min-width: 48px; padding: 0 4px; }
  #divMyAccountDropDown { position: fixed; top: 44px; right: 12px; left: auto; width: calc(100vw - 24px); max-width: 320px; max-height: calc(100dvh - 60px); overflow-y: auto; box-sizing: border-box; }
  #divMenu { height: auto; min-height: 50px; }
  #div35238 { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: stretch !important; gap: 2px; margin: 0; width: 100%; padding: 0; }
  #div35238 > #myLink { display: none; }
  #div35238 > #divMenuCategory, #div35238 > #divMenuCategory_2 { flex: 0 1 auto; width: auto; max-width: none; min-width: 0; padding: 0 4px; }
  #linkCatalogs, #divMenuCategory_2 > a, #divMenuCategory_2 > .menu-hover { min-height: 44px; margin: 0; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; white-space: nowrap; }
  #div35238 > nav { flex: 1 1 auto; display: flex; width: auto; max-width: none; min-width: 0; padding: 0; }
  #div35238 > nav > ul { display: flex; width: 100%; margin: 0; padding: 0; flex-wrap: nowrap; justify-content: space-around; }
  #div35238 > nav > ul > li { flex: 0 0 auto; margin: 0; padding: 0; }
  #div35238 > nav > ul > li > a { min-height: 44px; height: auto; padding: 8px 4px; font-size: 13px; line-height: 1.3; display: flex; align-items: center; justify-content: center; text-align: center; white-space: nowrap; overflow-wrap: normal; }
  #divMenuCategory .divMainMenuWrapper { left: 0; right: auto; width: calc(100vw - 24px); max-width: 480px; min-width: 0; padding: 12px; box-sizing: border-box; max-height: calc(100dvh - 220px); overflow-y: auto; }
  #divMenuCategory .divMainMenu, #divMenuCategory .lstMenuFirst { width: 100%; min-width: 0; }
  #divMenuCategory .divMainMenuEntry { min-width: 0; padding: 0; }
  #divMenuCategory .divMainMenuEntry > a:first-child { flex: 0 0 52px; max-width: 52px; padding: 0; }
  #divMenuCategory .divMainMenuEntry img { width: 48px; height: 52px; max-width: 100%; object-fit: contain; }
  #divMenuCategory .divMainMenuEntry > .menueintrag { flex: 1 1 0; max-width: none; min-width: 0; width: auto; padding: 0 10px; white-space: normal; overflow-wrap: break-word; font-size: 13px; line-height: 1.4; }
  #div35238 #link27086_3 { font-size: 0; }
  #div35238 #link27086_3::before { content: "Service"; font-size: 13px; }
  html[lang^="en"] #div35238 #link27086 { font-size: 0; }
  html[lang^="en"] #div35238 #link27086::before { content: "Account"; font-size: 13px; }
}

/* Globaler Fokusring: bleibt bewusst hier hinter den Komponenten Regeln.
   Er ueberschreibt outline Angaben gleicher Spezifitaet (z. B. .login-toggle-btn, .collapsiblefilter).
   Nicht nach oben verschieben. */
:focus-visible { outline: 2px solid #DC3618 !important; outline-offset: 2px; }

/* -------------------------------------------------------------------------- */
/* 15. SEITENBAUSTEINE MIT PRAEFIX (rab, rhi, rph, rak, rvz, rki, rtm, rkb)   */
/* -------------------------------------------------------------------------- */

.rab-root{--rab-acc:#e85237;--rab-acc-d:#c9402a;--rab-tint:#fdf1ee;--rab-txt:#2a2a2a;--rab-mut:#5f5f5f;--rab-line:#ececec;
 font-family:inherit !important;font-size: 14px;line-height:1.65;color:var(--rab-txt);text-align:left;max-width:1000px;margin:10px auto 0;position:relative;container-type:inline-size;container-name:rab;}

.rab-root p{margin:0 0 10px;font-size:inherit;line-height:inherit;color:inherit;text-align:left;font-style:normal;}
.rab-root h2,.rab-root h3{font-family:inherit !important;color:var(--rab-txt);text-transform:none !important;letter-spacing:normal;font-style:normal;margin:0;padding:0;border:0;background:none;text-align:left;}

.rab-root .rab-acc{color:var(--rab-acc);}
.rab-root .rab-head{text-align:center;margin:0 0 16px;}
.rab-root .rab-eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--rab-acc);font-weight:700;font-size: 12px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;text-align:center;}

.rab-root .rab-quote{position:relative;margin:0 0 22px;padding:26px 24px 18px 78px;background:#fff;border:1px solid var(--rab-line);border-left:5px solid var(--rab-acc);border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,.05);}
.rab-root .rab-qm{position:absolute;left:18px;top:6px;font-family:Georgia,"Times New Roman",serif;font-style:normal;font-size: 64px;line-height:1;font-weight:700;color:var(--rab-acc);opacity:.9;}
.rab-root .rab-quote blockquote{margin:0 !important;padding:0 !important;border:0 !important;background:none !important;}
.rab-root .rab-quote blockquote p{font-size: 20px;line-height:1.4;font-weight:700;font-style:normal;color:var(--rab-txt);margin:0 0 10px;}
.rab-root .rab-quote figcaption{font-size: 13px;font-weight:700;color:var(--rab-mut);text-align:right;font-style:normal;}
.rab-root .rab-quote figcaption::before{content:"";display:inline-block;width:22px;height:2px;background:var(--rab-acc);vertical-align:middle;margin:0 8px 2px 0;}
.rab-root .rab-grid{display:grid;grid-template-columns:1fr;gap:18px;margin:0 0 22px;}
.rab-root .rab-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--rab-line);border-radius:14px;padding:18px 18px 10px;box-shadow:0 4px 14px rgba(0,0,0,.05);
 transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.rab-root .rab-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(0,0,0,.09);border-color:var(--rab-acc);}

.rab-root .rab-badge{width:46px;height:46px;border-radius:50%;background:var(--rab-acc);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:0 0 0 4px #fff,0 6px 16px rgba(232,82,55,.3);}

.rab-root .rab-kick{display:block;font-size: 12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rab-acc);margin:0 0 1px;}

.rab-root .rab-fun{font-weight:700;color:var(--rab-txt) !important;}
.rab-root .rab-team{display:grid;grid-template-columns:1fr;gap:18px;margin:0 0 22px;align-items:stretch;}
.rab-root .rab-photo{margin:0;border-radius:14px;overflow:hidden;background:#f4f4f5;box-shadow:0 6px 18px rgba(0,0,0,.08);}
.rab-root .rab-photo img{display:block;width:100%;height:100%;aspect-ratio:600/471;object-fit:cover;border-radius:14px;transition:transform .5s ease;}

.rab-root .rab-chips{display:flex;flex-wrap:wrap;gap:7px;list-style:none !important;margin:2px 0 12px !important;padding:0 !important;}
.rab-root .rab-chips li{margin:0;padding:5px 12px;border-radius:999px;background:var(--rab-tint);color:var(--rab-acc-d);font-weight:700;font-size: 12px;line-height:1.3;}

.rab-root .rab-chips.rab-chips--brand li{background:#fff;border:1px solid var(--rab-line);color:var(--rab-txt);}
.rab-root .rab-sub{display:block;font-size: 12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--rab-mut);margin:4px 0 6px;}
.rab-root .rab-why{list-style:none !important;margin:4px 0 10px !important;padding:0 !important;display:grid;grid-template-columns:1fr;gap:10px;}
.rab-root .rab-why li{position:relative;margin:0;padding:10px 12px 10px 46px;border:1px solid var(--rab-line);border-radius:12px;background:#fafafa;line-height:1.4;transition:border-color .2s ease,background-color .2s ease;}

.rab-root .rab-why li:hover{border-color:rgba(232,82,55,.45);background:#fff;}
.rab-root .rab-why .rab-tick{position:absolute;left:12px;top:11px;width:24px;height:24px;border-radius:50%;background:var(--rab-acc);color:#fff;display:flex;align-items:center;justify-content:center;}
.rab-root .rab-why svg.rab-ico{width:13px;height:13px;stroke-width:3;}
.rab-root .rab-why b{display:block;font-weight:700;color:var(--rab-txt);}
.rab-root .rab-why small{display:block;font-size: 12px;color:var(--rab-mut);margin-top:2px;}
.rab-root .rab-close{background:var(--rab-tint);border:1px solid rgba(232,82,55,.22);border-left:5px solid var(--rab-acc);border-radius:14px;padding:20px 20px 10px;margin:0 0 10px;}
.rab-root .rab-close p{font-size: 15px;color:var(--rab-txt);}

.rab-root .rab-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-weight:700;font-size: 13px;line-height:1.2;border:2px solid var(--rab-acc);
 transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;}
.rab-root .rab-btn--primary{background:var(--rab-acc);color:#fff!important;box-shadow:0 4px 14px rgba(232,82,55,.28);}
.rab-root .rab-btn--primary:hover{background:var(--rab-acc-d);color:#fff !important;border-color:var(--rab-acc-d);transform:translateY(-2px);box-shadow:0 10px 22px rgba(232,82,55,.35);}
.rab-root .rab-btn--secondary{background:#fff;color:var(--rab-acc) !important;}
.rab-root .rab-btn--secondary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.08);}

@container rab (min-width:640px){
 
 .rab-root .rab-team{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
 .rab-root .rab-grid, .rab-root .rab-why {grid-template-columns:1fr 1fr;}
 .rab-root .rab-why li:last-child:nth-child(odd){grid-column:1 / -1;}
 .rab-root .rab-card{padding:20px 22px 12px;}
 .rab-root .rab-quote{padding:30px 30px 20px 92px;}
 .rab-root .rab-qm{left:24px;font-size: 64px;}
 .rab-root .rab-quote blockquote p{font-size: 20px;}
 .rab-root .rab-close{padding:22px 26px 12px;}
}
@container rab (min-width:860px){
 .rab-root .rab-why{grid-template-columns:1fr 1fr 1fr;}
 .rab-root .rab-why li:last-child:nth-child(odd){grid-column:auto;}
}

@media (max-width:520px){

 .rab-root .rab-quote{padding:22px 16px 14px 58px;}
 .rab-root .rab-qm{left:12px;font-size: 64px;}
 .rab-root .rab-quote blockquote p{font-size: 17px;}
 
}
.rhi-root{--rhi-acc:#e85237;--rhi-acc-d:#c9402a;--rhi-tint:#fdf1ee;--rhi-txt:#2a2a2a;--rhi-mut:#5f5f5f;--rhi-line:#ececec;--rhi-top:8px;--rhi-navh:0px;
 font-family:inherit !important;font-size: 14px;line-height:1.65;color:var(--rhi-txt);text-align:left;max-width:1000px;margin:10px auto 0;position:relative;}

.rhi-root h2,.rhi-root h3{font-family:inherit !important;color:var(--rhi-txt);text-transform:none !important;letter-spacing:normal;font-style:normal;margin:0;padding:0;border:0;background:none;}

.rhi-root .rhi-eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--rhi-acc);font-weight:700;font-size: 12px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;}

.rhi-root .rhi-head h2{font-size: 24px;font-weight:900;line-height:1.2;}
.rhi-root .rhi-nav{position:-webkit-sticky;position:sticky;top:var(--rhi-top);z-index:20;display:flex;justify-content:center;margin:0 auto 26px;max-width:100%;}
.rhi-root .rhi-nav.rhi-fixed{position:fixed;margin:0;}
.rhi-root .rhi-chips{position:relative;display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:6px;margin:0;list-style:none;
 background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--rhi-line);border-radius:999px;box-shadow:0 6px 20px rgba(0,0,0,.08);max-width:100%;}

.rhi-root .rhi-chips a{display:inline-block;padding:7px 14px;border-radius:999px;font-weight:700;font-size: 13px;color:var(--rhi-txt) !important;white-space:nowrap;transition:background-color .2s ease,color .2s ease;}
.rhi-root .rhi-chips a:hover{background:var(--rhi-tint);color:var(--rhi-acc) !important;}
.rhi-root .rhi-chips a.rhi-active{background:var(--rhi-acc);color:#fff !important;}
.rhi-root.rhi-navfixed .rhi-tlw{margin-top:calc(var(--rhi-navh) + 26px);}
.rhi-root .rhi-tlw{container-type:inline-size;container-name:rhi;position:relative;}
.rhi-root .rhi-tl{position:relative;list-style:none;margin:0;padding:6px 0 0;}
.rhi-root .rhi-track{position:absolute;top:0;bottom:0;left:25px;width:4px;margin-left:-2px;border-radius:2px;background:rgba(232,82,55,.18);overflow:hidden;}
.rhi-root .rhi-fill{position:absolute;left:0;top:0;width:100%;height:100%;background:var(--rhi-acc);transform-origin:top;transform:scaleY(0);}
.rhi-root .rhi-item{position:relative;padding:0 0 0 64px;margin:0 0 26px;scroll-margin-top:calc(var(--rhi-top) + 70px);}
.rhi-root .rhi-badge{position:absolute;left:0;top:10px;width:52px;height:52px;border-radius:50%;background:var(--rhi-acc);color:#fff;font-weight:900;font-size: 14px;line-height:1;
 display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 5px #fff,0 6px 16px rgba(232,82,55,.35);z-index:2;transition:transform .3s ease,box-shadow .3s ease;}
.rhi-root .rhi-item.rhi-on .rhi-badge{transform:scale(1.08);box-shadow:0 0 0 5px #fff,0 0 0 9px rgba(232,82,55,.22),0 8px 20px rgba(232,82,55,.4);}
.rhi-root .rhi-card{position:relative;background:#fff;border:1px solid var(--rhi-line);border-radius:14px;padding:18px 18px 10px;box-shadow:0 4px 14px rgba(0,0,0,.05);
 transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.rhi-root .rhi-card::before{content:"";position:absolute;top:28px;left:-8px;width:14px;height:14px;background:#fff;border-left:1px solid var(--rhi-line);border-bottom:1px solid var(--rhi-line);transform:rotate(45deg);transition:border-color .25s ease;}
.rhi-root .rhi-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(0,0,0,.09);border-color:var(--rhi-acc);}
.rhi-root .rhi-card:hover::before{border-color:var(--rhi-acc);}
.rhi-root .rhi-kick{display:block;font-size: 12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rhi-acc);margin:0 0 2px;}
.rhi-root .rhi-card h3{font-size: 17px;font-weight:900;line-height:1.3;margin:0 0 10px;}

.rhi-root .rhi-zoom{position:relative;display:block;border-radius:10px;overflow:hidden;margin:0 0 14px;background:#f4f4f5;cursor:zoom-in;}
.rhi-root .rhi-zoom img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:10px;transition:transform .5s ease;}
.rhi-root .rhi-zoom.rhi-logo{background:#fff;border:1px solid var(--rhi-line);}
.rhi-root .rhi-zoom.rhi-logo img{object-fit:contain;padding:8px 18px;}
.rhi-root .rhi-zoom:hover img{transform:scale(1.04);}
.rhi-root .rhi-zi{position:absolute;right:10px;bottom:10px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--rhi-acc);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:transform .2s ease;}
.rhi-root .rhi-zoom:hover .rhi-zi{transform:scale(1.1);}
.rhi-root .rhi-lb{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:3000;align-items:center;justify-content:center;padding:24px;}
.rhi-root .rhi-lb:target,.rhi-root .rhi-lb.rhi-open{display:flex;}
.rhi-root .rhi-lb-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(20,20,20,.82);cursor:zoom-out;}
.rhi-root .rhi-lb figure{position:relative;margin:0;max-width:min(1100px,96vw);z-index:1;animation:rhi-pop .25s ease;}
.rhi-root .rhi-lb figure img{display:block;max-width:100%;max-height:86vh;width:auto;height:auto;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5);background:#fff;}
.rhi-root .rhi-lb-x{position:absolute;top:-14px;right:-14px;width:40px;height:40px;border-radius:50%;background:var(--rhi-acc);color:#fff !important;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.3);}
.rhi-root .rhi-lb-x:hover{background:var(--rhi-acc-d);}
@keyframes rhi-pop{from{opacity:0;transform:scale(.96);}to{opacity:1;transform:none;}}
.rhi-root .rhi-card ul{margin:0 0 10px !important;padding:0 0 0 18px !important;list-style:disc !important;color:#3b3b3b;font-size:inherit;line-height:inherit;}
.rhi-root .rhi-card ul li{margin:0;padding:0;}
.rhi-root .rhi-mini{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 10px;}
.rhi-root .rhi-mini a{display:inline-flex;align-items:center;gap:5px;font-size: 13px;font-weight:700;color:var(--rhi-acc) !important;padding:2px 0;border-bottom:1px solid rgba(232,82,55,.3);transition:border-color .2s ease;}
.rhi-root .rhi-mini a:hover{border-bottom-color:var(--rhi-acc);}

.rhi-root .rhi-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-weight:700;font-size: 13px;line-height:1.2;border:2px solid var(--rhi-acc);
 transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;}
.rhi-root .rhi-btn--primary{background:var(--rhi-acc);color:#fff !important;box-shadow:0 4px 14px rgba(232,82,55,.28);}
.rhi-root .rhi-btn--primary:hover{background:var(--rhi-acc-d);border-color:var(--rhi-acc-d);transform:translateY(-2px);box-shadow:0 10px 22px rgba(232,82,55,.35);}
.rhi-root .rhi-btn--secondary{background:#fff;color:var(--rhi-acc) !important;}
.rhi-root .rhi-btn--secondary:hover{background:var(--rhi-tint);transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.08);}
@container rhi (min-width:700px){
 .rhi-root .rhi-track{left:50%;}
 .rhi-root .rhi-item{width:50%;padding:0 46px 0 0;margin-bottom:10px;}
 .rhi-root .rhi-item:nth-child(even){margin-left:50%;padding:0 0 0 46px;}
 .rhi-root .rhi-item:nth-child(odd) .rhi-badge{left:auto;right:-34px;}
 .rhi-root .rhi-item:nth-child(even) .rhi-badge{left:-34px;}
 .rhi-root .rhi-badge{width:68px;height:68px;font-size: 17px;top:6px;}
 .rhi-root .rhi-item:nth-child(odd) .rhi-card::before{left:auto;right:-8px;border-left:0;border-bottom:0;border-right:1px solid var(--rhi-line);border-top:1px solid var(--rhi-line);}
 .rhi-root .rhi-item:nth-child(odd) .rhi-card:hover::before{border-color:var(--rhi-acc);}
 .rhi-root .rhi-item + .rhi-item{margin-top:-30px;}
}

@media (max-width:520px){

 .rhi-root .rhi-chips a{padding:6px 11px;font-size: 13px;}
 
}
.rph-root{--rph-acc:#e85237;--rph-acc-d:#c9402a;--rph-tint:#fdf1ee;--rph-txt:#2a2a2a;--rph-mut:#5f5f5f;--rph-line:#ececec;
 font-family:inherit !important;font-size: 14px;line-height:1.65;color:var(--rph-txt);text-align:left;max-width:1000px;margin:10px auto 0;position:relative;container-type:inline-size;container-name:rph;}

.rhi-root p, .rph-root p {margin:0 0 10px;font-size:inherit;line-height:inherit;color:inherit;text-align:left;}
.rph-root h2,.rph-root h3,.rph-root h4{font-family:inherit !important;color:var(--rph-txt);text-transform:none !important;letter-spacing:normal;font-style:normal;margin:0;padding:0;border:0;background:none;text-align:left;}
.rab-root strong, .rph-root strong {font-weight:700;}
.rab-root a, .rhi-root a, .rph-root a {text-decoration:none !important;}
.rab-root a:focus-visible, .rhi-root a:focus-visible, .rph-root a:focus-visible {outline:3px solid rgba(232,82,55,.55) !important;outline-offset:3px;border-radius:8px;}
.rab-root svg.rab-ico, .rhi-root svg.rhi-ico, .rph-root svg.rph-ico {width:18px;height:18px;flex:0 0 auto;display:inline-block;vertical-align:middle;}
.rab-root img, .rhi-root img, .rph-root img {max-width:100%;}
.rph-root .rph-acc{color:var(--rph-acc);}
.rhi-root .rhi-head, .rph-root .rph-head {text-align:center;margin:0 0 14px;}
.rph-root .rph-eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--rph-acc);font-weight:700;font-size: 12px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;}
.rab-root .rab-eyebrow svg.rab-ico, .rhi-root .rhi-eyebrow svg.rhi-ico, .rph-root .rph-eyebrow svg.rph-ico {width:15px;height:15px;}
.rab-root .rab-head h1, .rab-root .rab-head h2, .rph-root .rph-head h2 {font-size: 24px;font-weight:900;line-height:1.2;text-align:center;}
.rph-root .rph-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none !important;margin:0 0 24px !important;padding:0 !important;}
.rph-root .rph-pills li{display:inline-flex;align-items:center;gap:7px;margin:0;padding:7px 14px 7px 8px;border:1px solid var(--rph-line);border-radius:999px;background:#fff;font-weight:700;font-size: 13px;line-height:1.2;box-shadow:0 2px 8px rgba(0,0,0,.04);}

.rph-root .rph-pills .rph-pi{width:26px;height:26px;border-radius:50%;background:var(--rph-tint);color:var(--rph-acc);display:inline-flex;align-items:center;justify-content:center;}
.rhi-root .rhi-mini svg.rhi-ico, .rph-root .rph-pills svg.rph-ico {width:14px;height:14px;}
.rph-root .rph-grid{display:grid;grid-template-columns:1fr;gap:18px;margin:0 0 26px;}

.rph-root .rph-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(0,0,0,.09);border-color:var(--rph-acc);}
.rab-root .rab-ch, .rph-root .rph-ch {display:flex;align-items:center;gap:12px;margin:0 0 10px;}
.rph-root .rph-badge{width:46px;height:46px;border-radius:50%;background:var(--rph-acc);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:0 0 0 4px #fff,0 6px 16px rgba(232,82,55,.3);}
.rab-root .rab-badge svg.rab-ico, .rph-root .rph-badge svg.rph-ico {width:21px;height:21px;}
.rph-root .rph-kick{display:block;font-size: 12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rph-acc);margin:0 0 1px;}
.rab-root .rab-card h3, .rph-root .rph-card h3 {font-size: 17px;font-weight:900;line-height:1.3;}
.rab-root .rab-card p, .rhi-root .rhi-card p, .rph-root .rph-card p {color:#3b3b3b;}
.rph-root .rph-card{ position: relative; background: #fff; border: 1px solid var(--rph-line); border-radius: 14px; padding: 18px 18px 10px; box-shadow: 0 4px 14px rgba(0,0,0,.05); transition: transform .25s ease,box-shadow .25s ease,border-color .25s ease; display: flex; flex-direction: column; }
.rph-root .rph-fig{margin:4px 0 12px;border-radius:10px;overflow:hidden;background:#f4f4f5;}
.rph-root .rph-fig img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:10px;transition:transform .5s ease;}
.rab-root .rab-photo:hover img, .rph-root .rph-card:hover .rph-fig img {transform:scale(1.03);}
.rph-root .rph-guar{position:relative;display:grid;grid-template-columns:1fr;gap:4px 22px;background:var(--rph-tint);border:1px solid rgba(232,82,55,.22);border-left:5px solid var(--rph-acc);border-radius:14px;padding:20px 18px 12px;margin:0 0 26px;scroll-margin-top:90px;}
.rph-root .rph-seal{width:84px;height:84px;border-radius:50%;background:var(--rph-acc);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900;font-size: 20px;line-height:1;box-shadow:0 0 0 5px #fff,0 8px 20px rgba(232,82,55,.35);margin:0 0 10px;}
.rph-root .rph-seal svg.rph-ico{width:18px;height:18px;margin:0 0 4px;}
.rph-root .rph-guar h3{font-size: 20px;font-weight:900;line-height:1.25;margin:0 0 8px;}
.rph-root .rph-lead{font-size: 15px;font-weight:700;color:var(--rph-txt);}
.rph-root .rph-guar h4{font-size: 12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rph-acc);margin:14px 0 8px;}
.rph-root .rph-list{list-style:none !important;margin:0 0 14px !important;padding:0 !important;}
.rph-root .rph-list li{position:relative;margin:0 0 8px;padding:0 0 0 30px;color:#3b3b3b;}
.rab-root .rab-chips li::before, .rab-root .rab-why li::before, .rph-root .rph-pills li::before, .rph-root .rph-list li::before {content:none !important;}
.rph-root .rph-list .rph-tick{position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--rph-acc);color:#fff;display:flex;align-items:center;justify-content:center;}
.rph-root .rph-list svg.rph-ico{width:12px;height:12px;stroke-width:3;}
.rph-root .rph-rev{margin:0 0 26px;}
.rph-root .rph-close{text-align:center;margin:0 0 10px;padding:6px 0 0;}
.rph-root .rph-close p{text-align:center;font-size: 15px;max-width:640px;margin:0 auto 14px;}
.rab-root .rab-cta, .rhi-root .rhi-cta, .rph-root .rph-cta {display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 12px;}
.rph-root .rph-close .rph-cta{justify-content:center;}
.rph-root .rph-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-weight:700;font-size: 13px;line-height:1.2;border:2px solid var(--rph-acc);
 transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;}
.rph-root .rph-btn--primary{background:var(--rph-acc);color:#fff!important;box-shadow:0 4px 14px rgba(232,82,55,.28);}
.rph-root .rph-btn--primary:hover{background:var(--rph-acc-d);color:#fff !important;border-color:var(--rph-acc-d);transform:translateY(-2px);box-shadow:0 10px 22px rgba(232,82,55,.35);}
.rph-root .rph-btn--secondary{background:#fff;color:var(--rph-acc) !important;}
.rph-root .rph-btn--secondary:hover{background:var(--rph-tint);transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.08);}
.rab-root .rab-btn svg.rab-ico, .rph-root .rph-btn svg.rph-ico {width:17px;height:17px;}
@container rph (min-width:640px){
 .rph-root .rph-grid{grid-template-columns:1fr 1fr;}
 .rph-root .rph-guar{grid-template-columns:96px 1fr;padding:24px 26px 14px 22px;}
 .rph-root .rph-seal{margin:0;}
 .rph-root .rph-card{padding:20px 22px 12px;}
 .rph-root .rph-grid .rph-fig{flex:1 1 auto;min-height:200px;position:relative;}
 .rph-root .rph-grid .rph-fig img{position:absolute;top:0;left:0;width:100%;height:100%;aspect-ratio:auto;}
}
.rab-root.rab-js .rab-rv, .rhi-root.rhi-js .rhi-rv, .rph-root.rph-js .rph-rv {opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease;}
.rab-root.rab-js .rab-rv.rab-in, .rhi-root.rhi-js .rhi-rv.rhi-in, .rph-root.rph-js .rph-rv.rph-in {opacity:1;transform:none;}
.rab-root.rab-js .rab-grid .rab-rv:nth-child(even), .rab-root.rab-js .rab-team .rab-rv:nth-child(even), .rph-root.rph-js .rph-grid .rph-rv:nth-child(even) {transition-delay:.12s;}
@media (max-width:520px){
 .rab-root .rab-head h1, .rab-root .rab-head h2, .rhi-root .rhi-head h2, .rph-root .rph-head h2 {font-size: 20px;}
 .rab-root .rab-card, .rhi-root .rhi-card, .rph-root .rph-card {padding:16px 14px 8px;}
 .rph-root .rph-guar{padding:18px 14px 10px;}
 .rph-root .rph-seal{width:66px;height:66px;font-size: 17px;}
 .rph-root .rph-seal svg.rph-ico{width:15px;height:15px;margin:0 0 3px;}
 
 .rab-root .rab-cta .rab-btn, .rhi-root .rhi-cta .rhi-btn, .rph-root .rph-cta .rph-btn {width:100%;justify-content:center;}
}
@media (prefers-reduced-motion:reduce){
 
 .rab-root .rab-card:hover, .rab-root .rab-btn:hover, .rab-root .rab-photo:hover img, .rhi-root .rhi-card:hover, .rhi-root .rhi-btn:hover, .rhi-root .rhi-zoom:hover img, .rph-root .rph-card:hover, .rph-root .rph-btn:hover, .rph-root .rph-card:hover .rph-fig img {transform:none !important;}
 .rab-root.rab-js .rab-rv, .rhi-root.rhi-js .rhi-rv, .rph-root.rph-js .rph-rv {opacity:1 !important;transform:none !important;}
}

@keyframes rak-k-up{0%,100%{transform:none;}45%{transform:translateY(-3px);}}
@keyframes rak-k-dn{0%,100%{transform:none;}45%{transform:translateY(3px);}}
@keyframes rak-thumb{0%,100%{transform:none;}35%{transform:rotate(-14deg) translateY(-2px);}70%{transform:rotate(4deg);}}
@keyframes rak-book{0%,100%{transform:none;}40%{transform:perspective(60px) rotateY(-28deg) scale(1.06);}}
@keyframes rak-drive{0%{transform:none;}35%{transform:translateX(5px);}55%{transform:translateX(-2px);}75%{transform:translateX(2px) translateY(-1px);}100%{transform:none;}}
@keyframes rak-pop{0%,100%{transform:none;}40%{transform:scale(1.16) rotate(-8deg);}70%{transform:scale(.97) rotate(4deg);}}
@media (max-width:1499px){
 .rak-list{gap:12px;}
 .rak-list a.rak-tile{flex-direction:column;align-items:flex-start;gap:10px;padding:16px 14px 14px;}
 .rak-list .rak-go{position:absolute;right:12px;top:16px;}
}

.rak-list.rak-list--m .rak-ico{width:18px;height:18px;}

.rak-list {
  --rak-acc: #DC3618;
  --rak-acc-d: #b82b11;
  --rak-acc-l: #f0715a;
  --rak-text: #111827;
  --rak-sub: rgba(17, 24, 39, 0.74);
  --rak-gap: clamp(12px, 1.25vw, 30px);
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--rak-gap);
  width: calc(100vw - 20px) !important;
  max-width: none !important;
  margin: 0 0 0 calc(50% - 50vw + 10px) !important;
  padding: 0 max(6px, calc(2.5vw - 10px)) !important;
  position: relative;
  z-index: 901;
  font-family: inherit;
  text-align: left;
}

.rak-list a.rak-tile {
  position: relative;
  display: flex;
  align-items: center;
  gap: clamp(12px, 1vw, 22px);
  min-height: clamp(110px, 8.4vw, 200px);
  padding: clamp(14px, 1.25vw, 28px);
  border-radius: clamp(14px, 1.1vw, 22px);
  overflow: hidden;
  /* Heller Liquid-Glass-Aufbau inkl. sanftem rotem Glow hinter dem Icon */
  background: 
    radial-gradient(130px circle at 18% 50%, rgba(220, 54, 24, 0.14) 0%, rgba(220, 54, 24, 0) 100%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.82) 0%, rgba(241, 245, 249, 0.68) 100%) !important;
  backdrop-filter: blur(18px) saturate(180%) brightness(1.04);
  -webkit-backdrop-filter: blur(18px) saturate(180%) brightness(1.04);
  color: var(--rak-text) !important;
  text-decoration: none !important;
  border: 1px solid rgba(255, 255, 255, 0.78);
  box-shadow: 
    0 14px 30px -10px rgba(15, 23, 42, 0.10),
    0 4px 10px rgba(15, 23, 42, 0.04),
    inset 0 1.5px 1px rgba(255, 255, 255, 0.95),
    inset 0 -1px 1px rgba(15, 23, 42, 0.04);
  transition: 
    transform .28s cubic-bezier(.16, 1, .3, 1),
    box-shadow .28s cubic-bezier(.16, 1, .3, 1),
    background .28s ease,
    border-color .28s ease;
  -webkit-tap-highlight-color: transparent;
  isolation: isolate;
}

.rak-list a.rak-tile::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 60%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(105deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65) 50%, rgba(255, 255, 255, 0) 100%);
  transform: translateX(-180%) skewX(-12deg);
}

.rak-list a.rak-tile:hover,
.rak-list a.rak-tile:focus-visible {
  transform: translateY(-5px);
  color: var(--rak-text) !important;
  background: 
    radial-gradient(150px circle at 18% 50%, rgba(220, 54, 24, 0.22) 0%, rgba(220, 54, 24, 0) 100%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.92) 0%, rgba(244, 246, 250, 0.78) 100%) !important;
  border-color: rgba(255, 255, 255, 0.98);
  box-shadow: 
    0 20px 38px -10px rgba(15, 23, 42, 0.14),
    0 6px 16px -4px rgba(220, 54, 24, 0.14),
    inset 0 1.5px 1px #ffffff,
    inset 0 -1px 1px rgba(220, 54, 24, 0.08);
}

.rak-list a.rak-tile:hover::after,
.rak-list a.rak-tile:focus-visible::after {
  transform: translateX(260%) skewX(-12deg);
  transition: transform .9s ease;
}

.rak-list a.rak-tile:active {
  transform: translateY(-2px);
}

.rak-list a.rak-tile:focus {
  outline: none;
}

.rak-list a.rak-tile:focus-visible {
  outline: 3px solid var(--rak-acc) !important;
  outline-offset: 2px;
  box-shadow: 
    0 0 0 6px rgba(220, 54, 24, 0.25),
    0 18px 34px -10px rgba(15, 23, 42, 0.16);
}

/* Runder Glas-Button für das Icon */
.rak-list .rak-ic {
  flex: 0 0 auto;
  width: clamp(48px, 3.4vw, 80px);
  height: clamp(48px, 3.4vw, 80px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--rak-acc);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(254, 238, 235, 0.78) 100%);
  box-shadow: 
    0 6px 16px -4px rgba(220, 54, 24, 0.24),
    0 2px 4px rgba(15, 23, 42, 0.05),
    inset 0 1.5px 1px #ffffff,
    inset 0 0 0 1px rgba(220, 54, 24, 0.18);
  transition: background .25s ease, transform .25s ease, box-shadow .25s ease;
}

.rak-list .rak-ico {
  width: 48%;
  height: 48%;
  display: block;
  overflow: visible;
  color: var(--rak-acc);
}

/* Färbt bestehende weiße SVG-Pfade automatisch in Rotert-Rot um, ohne fill="none" zu zerstören */
.rak-list .rak-ico [stroke="#fff"],
.rak-list .rak-ico [stroke="#ffffff"],
.rak-list .rak-ico [stroke="white"],
.rak-list .rak-go [stroke="#fff"],
.rak-list .rak-go [stroke="#ffffff"],
.rak-list .rak-go [stroke="white"] {
  stroke: var(--rak-acc) !important;
}

.rak-list .rak-ico [fill="#fff"],
.rak-list .rak-ico [fill="#ffffff"],
.rak-list .rak-ico [fill="white"],
.rak-list .rak-go [fill="#fff"],
.rak-list .rak-go [fill="#ffffff"],
.rak-list .rak-go [fill="white"] {
  fill: var(--rak-acc) !important;
}

.rak-list a.rak-tile:hover .rak-ic,
.rak-list a.rak-tile:focus-visible .rak-ic {
  background: linear-gradient(135deg, #ffffff 0%, rgba(254, 230, 226, 0.92) 100%);
  transform: scale(1.04);
  box-shadow: 
    0 8px 20px -4px rgba(220, 54, 24, 0.34),
    0 2px 6px rgba(15, 23, 42, 0.06),
    inset 0 1.5px 1px #ffffff,
    inset 0 0 0 1px rgba(220, 54, 24, 0.30);
}

.rak-list .rak-tx {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1 1 auto;
  overflow-wrap: break-word;
  -webkit-hyphens: manual;
  hyphens: manual;
}

.rak-list .rak-t {
  display: block;
  font-size: clamp(15px, calc(.95vw + 4px), 26px);
  font-weight: 900;
  line-height: 1.22;
  color: var(--rak-text);
  letter-spacing: .005em;
  font-style: normal;
}

.rak-list .rak-s {
  display: block;
  font-size: clamp(13px, calc(.62vw + 5px), 19px);
  font-weight: 400;
  line-height: 1.35;
  color: var(--rak-sub);
  margin-top: .25em;
  font-style: normal;
}

.rak-list .rak-go {
  position: absolute;
  right: clamp(10px, .9vw, 18px);
  top: clamp(10px, .9vw, 18px);
  flex: 0 0 auto;
  width: clamp(18px, 1.3vw, 28px);
  height: clamp(18px, 1.3vw, 28px);
  color: var(--rak-acc);
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity .25s ease, transform .25s ease;
}

.rak-list a.rak-tile:hover .rak-go,
.rak-list a.rak-tile:focus-visible .rak-go {
  opacity: .95;
  transform: none;
}

.rak-list a.rak-tile--berater:hover .rak-k1,
.rak-list a.rak-tile--berater:focus-visible .rak-k1 {
  animation: rak-k-up .7s ease both;
}

.rak-list a.rak-tile--berater:hover .rak-k2,
.rak-list a.rak-tile--berater:focus-visible .rak-k2 {
  animation: rak-k-dn .7s ease .08s both;
}

.rak-list a.rak-tile--berater:hover .rak-k3,
.rak-list a.rak-tile--berater:focus-visible .rak-k3 {
  animation: rak-k-up .7s ease .16s both;
}

.rak-list a.rak-tile--garantie:hover .rak-ico,
.rak-list a.rak-tile--garantie:focus-visible .rak-ico {
  animation: rak-thumb .7s ease both;
  transform-origin: 30% 80%;
}

.rak-list a.rak-tile--wissen:hover .rak-ico,
.rak-list a.rak-tile--wissen:focus-visible .rak-ico {
  animation: rak-book .8s ease both;
}

.rak-list a.rak-tile--express:hover .rak-ico,
.rak-list a.rak-tile--express:focus-visible .rak-ico {
  animation: rak-drive .9s ease-in-out both;
}

.rak-list a.rak-tile--faq:hover .rak-ico,
.rak-list a.rak-tile--faq:focus-visible .rak-ico {
  animation: rak-pop .7s ease both;
}

@media (max-width: 1359px) {
  .rak-list a.rak-tile {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
  }
}

.rak-list.rak-list--m {
  --rak-gap: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--rak-gap);
}

.rak-list.rak-list--m a.rak-tile {
  flex: 0 0 calc(50% - 5px);
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-height: 84px;
  padding: 14px 8px 14px 10px;
  border-radius: 14px;
}

.rak-list.rak-list--m .rak-ic {
  width: 34px;
  height: 34px;
}

.rak-list.rak-list--m .rak-t {
  font-size: clamp(13.5px, 3.6vw, 16px);
}

@media (min-width: 600px) {
  .rak-list.rak-list--m .rak-ic {
    width: 40px;
    height: 40px;
  }
}

.rak-list.rak-list--m .rak-s {
  font-size: clamp(12px, 3.1vw, 14px);
  margin-top: 1px;
}

@media (min-width: 600px) {
  .rak-list.rak-list--m {
    --rak-gap: 12px;
  }
  .rak-list.rak-list--m a.rak-tile {
    flex-basis: calc((100% - 2 * var(--rak-gap)) / 3);
    min-height: 100px;
  }
  .rak-list.rak-list--m .rak-t {
    font-size: 16px;
  }
  .rak-list.rak-list--m .rak-s {
    font-size: 13.5px;
  }
}

@media (min-width: 900px) {
  .rak-list.rak-list--m a.rak-tile {
    flex-basis: calc((100% - 4 * var(--rak-gap)) / 5);
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 130px;
  }
  .rak-list.rak-list--m .rak-ic {
    width: 46px;
    height: 46px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rab-root *,
  .rab-root *::before,
  .rab-root *::after,
  .rhi-root *,
  .rhi-root *::before,
  .rhi-root *::after,
  .rph-root *,
  .rph-root *::before,
  .rph-root *::after,
  .rak-list a.rak-tile,
  .rak-list a.rak-tile *,
  .rak-list a.rak-tile::after {
    transition: none !important;
    animation: none !important;
  }
  .rak-list a.rak-tile::after {
    display: none;
  }
  .rak-list .rak-go {
    opacity: .95;
    transform: none;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .rak-list a.rak-tile {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: #f8fafc !important;
    border-color: rgba(15, 23, 42, 0.12);
  }
}
.rvz-root,
.rki-root{--rr-acc:#e85237;--rr-acc-d:#c9402a;--rr-txt:#222;--rr-mut:#555;--rr-line:#dcdcdc; font-size:13px;line-height:1.6;color:var(--rr-txt);text-align:left;max-width:960px;margin:0 auto;padding:14px 0 4px;}
.rvz-root *,.rvz-root *::before,.rvz-root *::after,
.rki-root *,.rki-root *::before,.rki-root *::after{box-sizing:border-box;}
.rvz-root span,.rvz-root b,.rvz-root strong,
.rki-root span,.rki-root b,.rki-root strong{font-size:inherit !important;}
.rvz-root p,
.rki-root p{margin:0 0 9px;font-size:inherit;line-height:inherit;color:inherit;text-align:left !important;}
.rvz-root strong,.rvz-root b,
.rki-root strong,.rki-root b{font-weight:700;}
.rvz-root a,
.rki-root a{color:var(--rr-acc) !important;text-decoration:none !important;overflow-wrap:anywhere;}
.rvz-root a:hover,
.rki-root a:hover{text-decoration:underline !important;}
.rvz-root a:focus-visible,
.rki-root a:focus-visible{outline:2px solid var(--rr-acc) !important;outline-offset:2px;}
.rvz-root .rvz-nowrap,
.rki-root .rki-nowrap{white-space:nowrap;}
.rvz-root .rvz-toc,
.rki-root .rki-toc{font-size:12px;color:var(--rr-mut);margin:0 0 14px;}
.rvz-root .rvz-sec,
.rki-root .rki-sec{border-top:1px solid var(--rr-line);padding-top:12px;margin-top:14px;scroll-margin-top:110px;}
.rvz-root .rvz-sec:first-of-type,
.rki-root .rki-sec:first-of-type{border-top:0;padding-top:0;margin-top:0;}
.rvz-root .rvz-sec::after{content:"";display:table;clear:both;}
.rvz-root .rvz-h3,
.rki-root .rki-h3{font-size:15px !important;font-weight:700;color:var(--rr-txt);margin:0 0 8px;}
.rvz-root .rvz-h4{font-size:13px !important;font-weight:700;color:var(--rr-txt);margin:12px 0 4px;scroll-margin-top:110px;}
.rvz-root .rvz-img{float:right;width:50%;height:auto;margin:0 0 10px 14px;border-radius:15px;display:block;}
.rvz-root table.rvz-t{width:100%;border-collapse:collapse;margin:4px 0 10px;font-size:13px;background:transparent;}
.rvz-root table.rvz-t th{text-align:left;font-weight:700;padding:5px 8px 5px 0;border:0;border-bottom:1px solid #bdbdbd;color:var(--rr-txt);font-size:13px !important;}
.rvz-root table.rvz-t td{text-align:left;padding:4px 8px 4px 0;border:0;border-bottom:1px solid var(--rr-line);vertical-align:top;}
.rvz-root table.rvz-t td small{display:block;color:var(--rr-mut);font-size:12px;line-height:1.35;}
.rki-root address{font-style:normal;font-weight:700;margin:0 0 9px;line-height:1.5;}
.rki-root address b{display:block;}
.rki-root ol,.rki-root ul{margin:0 0 9px !important;padding:0 0 0 22px !important;}
.rki-root ol{list-style:decimal !important;}
.rki-root ul{list-style:disc !important;}
.rki-root li{margin:0 0 4px !important;padding:0 !important;}
.rvz-root .rvz-btn,
.rki-root .rki-btn{display:inline-block;background:var(--rr-acc) !important;color:#fff !important;border-radius:3px;padding:7px 14px;font-weight:700;font-size:13px;line-height:1.2;margin:2px 0 6px;transition:background-color .15s ease;}
.rvz-root .rvz-btn:hover,
.rki-root .rki-btn:hover{background:var(--rr-acc-d) !important;text-decoration:none !important;}
.rvz-root .rvz-links,
.rki-root .rki-links{font-size:12.5px;color:var(--rr-mut);margin:0;}

@media (max-width:700px){
 .rvz-root .rvz-img{float:none;width:100%;margin:0 0 10px;}
}
@media (max-width:520px){
 .rph-root .rph-pills li, .rvz-root table.rvz-t {font-size:12px;}
 .rvz-root table.rvz-t th,.rvz-root table.rvz-t td{padding:4px 5px 4px 0;font-size:12px !important;}
 .rvz-root table.rvz-eu .rvz-net{display:none;}
 .rvz-root table.rvz-t .rvz-mo{display:block;}
}
@media (prefers-reduced-motion:reduce){
 .rvz-root *,
.rki-root *{transition:none !important;}
}
/* ROTERT Teamseite v3 (.rtm-), Vorlage fuer team.aspx (DE) und our-team.aspx (EN), Variante gruppiert nach Bereichen
   Einbau: ans Ende von Comp.css kopieren (ersetzt den bisherigen .rtm- Block); im Seitenblock nur den Inhalt aus
   team-de.html bzw. team-en.html verwenden. Alle Selektoren auf .rtm-root begrenzt.
   Keine Schriftart gesetzt, es gilt die Shop-Schrift. Kein JavaScript.
   Bilder: WebP 400 x 300, transparent, Namensband bereits in der Datei entfernt (kein CSS-Zuschnitt noetig).
   Vor dem Hover entsaettigt, bei Hover, Fokus oder Antippen Ueberblendung zum farbigen Hoverbild. */
.rtm-root{--rtm-red:#e85237;--rtm-ink:#222;--rtm-grey:#6b6b6b;--rtm-line:#e4e4e4;--rtm-panel:#f4f4f4;--rtm-tint:#fdf0ed;
 max-width:1100px;margin:0 auto;padding:4px 0 8px;text-align:left;color:var(--rtm-ink);font-size:13px;line-height:1.5}

.rtm-root a{color:var(--rtm-red);text-decoration:none}

/* Kopfbereich */
.rtm-root .rtm-head{margin:0 0 22px;padding:0 0 16px;border-bottom:1px solid var(--rtm-line)}
.rtm-root .rtm-over{margin:0 0 6px;padding:0;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:var(--rtm-red)}
.rtm-root .rtm-title{margin:0 0 6px;padding:0;font-size:24px;font-weight:700;line-height:1.25;letter-spacing:0;text-transform:none;color:var(--rtm-ink);border:0;background:none}
.rtm-root .rtm-lead{margin:0;padding:0;font-size:14px;line-height:1.5;color:#444}

/* Raster */
.rtm-root .rtm-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}

/* Karte: Panel mit roter Kante unten, Text direkt darunter */
.rtm-root .rtm-card{position:relative;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid #e6e6e6;border-radius:12px;outline:0;cursor:default;
 transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}

.rtm-root .rtm-card:hover,.rtm-root .rtm-card:focus,.rtm-root .rtm-card:focus-within{transform:translateY(-2px);border-color:#dcdcdc;box-shadow:0 6px 16px rgba(0,0,0,.05)}
.rtm-root .rtm-card:focus-visible{border-color:var(--rtm-red);box-shadow:0 0 0 1px var(--rtm-red)}
.rtm-root .rtm-photo{position:relative;height:0;padding-top:75%;overflow:hidden;border-radius:8px;background:var(--rtm-panel);transition:background-color .3s ease}
.rtm-root .rtm-photo::after{content:"";position:absolute;left:0;bottom:0;width:28px;height:2px;background:var(--rtm-red);transition:width .3s ease}
.rtm-root .rtm-img{position:absolute;left:0;top:0;display:block;width:100%;height:100%;max-width:none;margin:0;padding:0;border:0;transition:opacity .35s ease}
.rtm-root .rtm-img-base{filter:grayscale(.15);opacity:.95}

.rtm-root .rtm-card:hover .rtm-photo,.rtm-root .rtm-card:focus .rtm-photo,.rtm-root .rtm-card:focus-within .rtm-photo{background:var(--rtm-tint)}
.rtm-root .rtm-card:hover .rtm-photo::after,.rtm-root .rtm-card:focus .rtm-photo::after,.rtm-root .rtm-card:focus-within .rtm-photo::after{width:100%}
.rtm-root .rtm-card:hover .rtm-img-hover,.rtm-root .rtm-card:focus .rtm-img-hover,.rtm-root .rtm-card:focus-within .rtm-img-hover{opacity:1}
.rtm-root .rtm-img-hover, .rtm-root .rtm-card:hover .rtm-img-base, .rtm-root .rtm-card:focus .rtm-img-base, .rtm-root .rtm-card:focus-within .rtm-img-base {opacity:0}
.rtm-root .rtm-text{padding:8px 4px 2px}
.rtm-root .rtm-name{margin:0;padding:0;font-size:14px;font-weight:700;line-height:1.3;color:var(--rtm-ink)}
.rtm-root .rtm-role{margin:3px 0 0;padding:0;font-size:10.5px;font-weight:400;line-height:1.4;letter-spacing:.07em;text-transform:uppercase;color:var(--rtm-grey)}
.rtm-root .rtm-contact{margin:6px 0 0;padding:0;font-size:12px;line-height:1.5;word-break:break-word}

/* Gruppiert: Gruppen belegen so viele Spalten wie Personen, Luecken werden aufgefuellt */
.rtm-root .rtm-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;grid-auto-flow:row dense}
.rtm-root .rtm-group{grid-column:1/-1;margin:0;padding:0;min-width:0}
.rtm-root .rtm-group-title{margin:0 0 8px;padding:0 0 6px;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;color:var(--rtm-grey);border:0;border-bottom:1px solid var(--rtm-line);background:none}
.rtm-root .rtm-span1{grid-column:span 1}
.rtm-root .rtm-groups .rtm-grid-n1{grid-template-columns:minmax(0,1fr)}

/* Abschluss: Faktenleiste */
.rtm-root .rtm-foot{margin:26px 0 0;padding:18px 0 0;border-top:1px solid var(--rtm-line)}
.rtm-root .rtm-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rtm-root .rtm-fact{margin:0;padding:10px 12px;list-style:none;background:#fff;border:1px solid #e6e6e6;border-left:2px solid var(--rtm-red);border-radius:6px}

.rtm-root .rtm-fact-key{display:block;font-size:15px;font-weight:700;line-height:1.3;color:var(--rtm-ink)}
.rtm-root .rtm-fact-text{display:block;margin-top:2px;font-size:12px;line-height:1.4;color:var(--rtm-grey)}
.rtm-root .rtm-more{margin:12px 0 0;padding:0;font-size:13px}

@media (min-width:768px){
 .rtm-root .rtm-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
 .rtm-root .rtm-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px}
 .rtm-root .rtm-span1{grid-column:span 1}
 .rtm-root .rtm-span3{grid-column:1/-1}
 .rtm-root .rtm-groups .rtm-text{min-height:61px}
 .rtm-root .rtm-groups .rtm-grid-n3{grid-template-columns:repeat(3,minmax(0,1fr))}
 .rtm-root .rtm-facts{grid-template-columns:repeat(4,minmax(0,1fr))}
 .rtm-root .rtm-title{font-size:26px}
}
@media (min-width:992px){
 
 .rtm-root .rtm-grid, .rtm-root .rtm-groups {grid-template-columns:repeat(4,minmax(0,1fr))}
 .rtm-root .rtm-span3{grid-column:span 3}
}
@media (min-width:1200px){
 .rtm-root .rtm-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 14px}
 .rtm-root .rtm-groups{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 14px}
 .rtm-root .rtm-groups .rtm-grid-n3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){
 .rtm-root .rtm-card,.rtm-root .rtm-photo,.rtm-root .rtm-photo::after,.rtm-root .rtm-img{transition:none}
 .rak-list a.rak-tile:hover, .rak-list a.rak-tile:focus-visible, .rak-list a.rak-tile:active, .rtm-root .rtm-card:hover, .rtm-root .rtm-card:focus, .rtm-root .rtm-card:focus-within {transform:none}
}
/* ROTERT Kontaktblock (.rkb-), Sidebar "KONTAKT" und Kontaktseite, DE und EN
   Einbau: ans Ende von Comp.css; im Block nur den Inhalt aus kontakt-de.html bzw. kontakt-en.html verwenden.
   Ueberschrift KONTAKT und Foto bleiben unveraendert darueber. Keine Schriftart gesetzt.
   Kein eigenes JavaScript: Statuszeile und heutige Zeile aktualisiert das Header-Script (header-script-updated.js);
   ohne Script ist der Block vollstaendig, nur ohne Statuszeile und Markierung.
   Schmal (Sidebar, ca. 190px) einspaltig; breit (ab 560px Blockbreite) drei Spalten nebeneinander. */
.rkb-root{--rkb-red:#e85237;--rkb-ink:#222;--rkb-grey:#6b6b6b;--rkb-line:#e4e4e4;
 container-type:inline-size;margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--rkb-line);text-align:left;color:var(--rkb-ink);font-size:13px;line-height:1.45}
.rab-root *, .rab-root *::before, .rab-root *::after, .rhi-root *, .rhi-root *::before, .rhi-root *::after, .rph-root *, .rph-root *::before, .rph-root *::after, .rak-list *, .rak-list *::before, .rak-list *::after, .rtm-root *, .rtm-root *::before, .rtm-root *::after, .rkb-root * {box-sizing:border-box}
.rkb-root p{margin:0;padding:0;text-align:left}
.rkb-root a{color:var(--rkb-red);text-decoration:none;font-weight:400}
.rtm-root a:hover, .rtm-root a:focus, .rkb-root a:hover, .rkb-root a:focus {text-decoration:underline}
.rkb-root a:focus-visible{outline:1px solid var(--rkb-red);outline-offset:2px}
.rkb-root .rkb-intro{padding:0 0 12px;color:#444}
.rkb-root .rkb-sec{padding:12px 0;border-top:1px solid var(--rkb-line)}
.rkb-root .rkb-label{margin:0 0 6px;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;color:var(--rkb-grey)}
.rkb-root .rkb-hours{width:auto;margin:0 -6px;border:0;border-collapse:collapse;background:none;font-size:13px}
.rkb-root .rkb-hours th,.rkb-root .rkb-hours td{padding:2px 6px;border:0;background:none;vertical-align:top;text-align:left;font-weight:400}
.rkb-root .rkb-hours th{width:1%;padding-right:12px;white-space:nowrap;font-weight:700;color:var(--rkb-ink)}

.rkb-root .rkb-hours abbr{text-decoration:none;border:0;cursor:help}
.rkb-root .rkb-list{list-style:none;margin:0;padding:0}
.rkb-root .rkb-list li{display:flex;flex-wrap:wrap;column-gap:8px;margin:0;padding:2px 0;list-style:none}
.rtm-root .rtm-card::marker, .rtm-root .rtm-fact::marker, .rkb-root .rkb-list li::marker {content:none}
.rkb-root .rkb-k{flex:0 0 52px;font-weight:700}
.rkb-root .rkb-hours td span, .rkb-root .rkb-list a, .rkb-root .rkb-v {white-space:nowrap}
.rkb-root .rkb-note{margin:6px 0 0;font-size:12px;line-height:1.4;color:var(--rkb-grey)}
.rkb-root .rkb-addr{font-style:normal}
.rkb-root .rkb-legal{padding:10px 0 0;border-top:1px solid var(--rkb-line);font-size:12px}
/* Live-Erreichbarkeit: Zeile p.rt-help-status.rkb-status wird vom Header-Script gefuellt (Text, Klasse open, hidden entfernt).
   Ohne Header-Script bleibt sie verborgen. Der Punkt ist das ::before aus der Header-CSS, hier fuer den Block angepasst. */
.rkb-root .rkb-status{display:block;margin:0 0 8px;font-size:12px;font-weight:700;line-height:1.35;color:var(--rkb-grey)}
.rhi-root .rhi-chips::-webkit-scrollbar, .rak-list.rak-list--m .rak-go, .rvz-root table.rvz-t .rvz-mo, .rkb-root .rkb-status[hidden], .rkb-root .rkb-status:empty {display:none}
.rkb-root .rkb-status::before{content:"";display:inline-block;width:8px;height:8px;margin:0 7px 0 0;border-radius:50%;background:#b5b5b5;vertical-align:0}
.rkb-root .rkb-status.open{color:#2e7d32}
.rkb-root .rkb-status.open::before{background:#2e9e44}
/* Heutige Zeile (Klasse rt-today vom Header-Script) */
.rkb-root .rkb-hours tr.rt-today th,.rkb-root .rkb-hours tr.rt-today td{background:#ececec}
.rkb-root .rkb-hours tr.rt-today th{border-radius:4px 0 0 4px}
.rkb-root .rkb-hours tr.rt-today td{border-radius:0 4px 4px 0}
.rkb-root .rkb-hours tr.rt-today th::after{display:block;font-size:10px;font-weight:400;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:var(--rkb-grey)}
.rkb-root:lang(de) .rkb-hours tr.rt-today th::after{content:"heute"}
.rkb-root:lang(en) .rkb-hours tr.rt-today th::after{content:"today"}
@media (prefers-reduced-motion:no-preference){
 .rkb-root .rkb-status.open::before{animation:rkb-pulse 2.4s ease-in-out infinite}
 @keyframes rkb-pulse{0%,100%{box-shadow:0 0 0 0 rgba(46,158,68,.35)}50%{box-shadow:0 0 0 4px rgba(46,158,68,0)}}
}
@container (min-width:560px){
 .rkb-root .rkb-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;border-top:1px solid var(--rkb-line)}
 .rkb-root .rkb-sec{border-top:0}
}
 

/* ===== rt-lp: Listenseiten (Warenkorb; später Merkliste/Vergleich) – T05 29.10.2026 ===== */
.rt-lp { display: grid !important; grid-template-columns: minmax(0,1fr) 360px; grid-template-rows: auto auto auto auto 1fr; column-gap: 24px; align-items: start; margin-left: 0; margin-right: 0; padding: 26px 20px 20px; }
.rt-lp > .sidebar-title { grid-column: 1 / -1; justify-self: start; }
.rt-lp .rt-lp-asidewrap, .rt-lp .rt-lp-asidegroup { display: contents; }
.rt-lp > form { grid-column: 1; grid-row: 2 / span 4; min-width: 0; }
.rt-lp .rt-lp-main { margin: 0 !important; }
.rt-lp .rt-lp-head { display: none !important; }
.rt-lp .rt-lp-sum, .rt-lp .rt-lp-voucher, .rt-lp .rt-lp-info { grid-column: 2; width: auto; max-width: none; flex: none; margin: 0 0 22px !important; }
.rt-lp .rt-lp-sum { grid-row: 2; margin-top: 0 !important; padding: 26px 20px 20px !important; }
.rt-lp .rt-lp-voucher { grid-row: 3; padding: 26px 20px 20px !important; }
.rt-lp .rt-lp-info { grid-row: 4; padding: 26px 20px 20px !important; }

/* Artikelkarten */
.rt-lp-list > [id^="listRow_"] { background: none !important; padding: 0 !important; margin: 0 !important; }
.rt-lp-list .shopping-cart-content { position: relative; display: grid !important; grid-template-columns: 72px minmax(0,1fr) auto 96px 128px 128px; grid-template-areas: "media name actions qty price total" "media stock actions qty price total"; column-gap: 16px; row-gap: 4px; align-items: center; margin: 0 0 10px; padding: 12px 16px; background: #fff; border: 1px solid rgba(15,23,42,.10); border-radius: 12px; box-shadow: 0 1px 3px rgba(15,23,42,.05); }
.rt-lp-list .shopping-cart-content > * { max-width: none; flex: none; width: auto; min-width: 0; padding: 0; margin: 0; }
.rt-lp-list .rt-lp-item-media { display: contents !important; }
.rt-lp-list .rt-lp-item-media > img { grid-area: media; width: 72px; height: 72px; height: 72px !important; max-height: none !important; object-fit: contain; border-radius: 8px; background: #fff; }
.rt-lp-list .rt-lp-item-stock { grid-area: stock; position: static !important; display: flex; flex-wrap: nowrap; align-items: center; gap: 6px; margin: 0; align-self: start; font-size: 13px; line-height: 1.3; }
.rt-lp-list .rt-lp-item-stock img { width: 16px; height: 16px; margin: 0; }
.rt-lp-list .rt-lp-item-name { grid-area: name; align-self: end; }
.rt-lp-list .rt-lp-item-name .text-truncate { white-space: normal; overflow: visible; padding: 0 !important; }
.rt-lp-list .rt-lp-item-name br { display: none; }
.rt-lp-list .rt-lp-item-name a { display: block; font-size: 15px !important; font-weight: 700 !important; line-height: 1.35 !important; color: #1e293b !important; text-transform: none; }
.rt-lp-list .rt-lp-item-name a ~ span:not(:empty) { display: block; margin-top: 2px; font-size: 13px; line-height: 1.4; color: #64748b; }
.rt-lp-list .rt-lp-item-actions { grid-area: actions; display: flex !important; gap: 8px; justify-content: flex-end; }
.rt-lp-list .rt-lp-item-actions a { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border: 1px solid rgba(15,23,42,.12); border-radius: 8px; background: #f8fafc; color: #475569; font-size: 20px; text-decoration: none; }
.rt-lp-list .rt-lp-item-actions a:hover { background: #fff0ed; border-color: #e8a596; color: #b92e15; }
.rt-lp-list .rt-lp-item-qty { grid-area: qty; }
.rt-lp-list .rt-lp-item-qty input { width: 88px; height: 40px; padding: 0 6px; text-align: center; font-size: 15px; border: 1px solid #c4ccd4; border-radius: 8px; background: #fff; }
.rt-lp-list .rt-lp-item-price { grid-area: price; text-align: right; }
.rt-lp-list .rt-lp-item-total { grid-area: total; text-align: right; }
.rt-lp-list .rt-lp-item-price::before, .rt-lp-list .rt-lp-item-total::before { display: block; margin-bottom: 2px; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; color: #64748b; }
.rt-lp-list .rt-lp-item-price::before { content: "Einzelpreis"; }
.rt-lp-list .rt-lp-item-total::before { content: "Gesamt"; }
html[lang^="en"] .rt-lp-list .rt-lp-item-price::before { content: "Unit price"; }
html[lang^="en"] .rt-lp-list .rt-lp-item-total::before { content: "Total"; }
.rt-lp-list .hr-pb-wrap { display: block; margin: 0; padding: 0; text-align: right; }
.rt-lp-list .hr-pb { display: grid !important; grid-template-columns: auto auto; justify-content: end; align-items: baseline; column-gap: 4px; margin: 0; padding: 0; text-align: right; }
.rt-lp-list .hr-pb > span { display: inline; font-size: 11px; line-height: 1.4; color: #64748b; }
.rt-lp-list .hr-pb > .hr-pb-net { font-size: 15px; font-weight: 700; color: #1e293b; }
.rt-lp-list .hr-pb > .hr-pb-gross { font-size: 12px; }
.rt-lp .rt-lp-buttons { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin: 6px 0 0 !important; }

/* Seitenleiste: Summe, Gutschein, Vorteile */
.rt-lp-sum .cart-totals > div:first-child, .rt-lp .rt-lp-voucher > h3, .rt-lp .rt-lp-info > h4:first-child { position: relative; top: -38px; left: -6px; display: inline-flex !important; align-items: center; gap: 8px; width: auto !important; max-width: none; margin: 0 0 -26px !important; padding: 6px 12px !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.2; letter-spacing: .04em; text-transform: uppercase; color: #1e293b !important; background: #fff !important; border: 1px solid rgba(15,23,42,.08) !important; border-radius: 8px !important; box-shadow: 0 4px 12px rgba(15,23,42,.06), inset 0 1px 0 #fff !important; }
.rt-lp-sum .cart-totals > div:first-child::before, .rt-lp .rt-lp-voucher > h3::before, .rt-lp .rt-lp-info > h4:first-child::before { content: ""; display: block; width: 7px; height: 7px; flex-shrink: 0; border-radius: 50%; background: #dc3618; box-shadow: 0 0 6px rgba(220,54,24,.45); }
.rt-lp-sum .cart-totals > div:not(:first-child) { display: grid !important; grid-template-columns: minmax(0,1fr) auto; gap: 0 12px; padding: 0 !important; margin: 0 !important; }
.rt-lp-sum .cart-subtotal, .rt-lp-sum .cart-total { width: auto !important; max-width: none !important; flex: none !important; padding: 5px 0 !important; font-size: 14px; line-height: 1.4; text-align: left !important; font-weight: 400 !important; border: 0 !important; background: none !important; }
.rt-lp-sum .cart-subtotal:nth-child(even), .rt-lp-sum .cart-total:nth-child(even) { text-align: right !important; font-variant-numeric: tabular-nums; white-space: nowrap; }
.rt-lp-sum .cart-total { margin-top: 6px !important; padding-top: 10px !important; border-top: 1px solid rgba(15,23,42,.12) !important; font-size: 20px !important; font-weight: 800 !important; color: #1e293b; }
.rt-lp-sum .wc-proceed-to-checkout { margin: 16px 0 0 !important; padding: 0 !important; }
.rt-lp-sum .wc-proceed-to-checkout input[type="submit"] { display: block; width: 100%; min-height: 50px; margin: 0; font-size: 16px; border-radius: 10px; }
.rt-lp .rt-lp-voucher { overflow: visible; }
.rt-lp .rt-lp-voucher > p { width: auto; max-width: none; flex: none; padding: 0; margin: 0 0 10px; font-size: 13px; color: #475569; }
.rt-lp .rt-lp-voucher form { display: flex; gap: 8px; }
.rt-lp .rt-lp-voucher form input[type="text"] { flex: 1 1 auto; width: auto; max-width: none; height: 44px; margin: 0; padding: 0 12px; border: 1px solid #c4ccd4; border-radius: 8px; }
.rt-lp .rt-lp-voucher form input[type="submit"] { flex: 0 0 auto; width: auto; max-width: none; height: 44px; margin: 0; padding: 0 16px; border-radius: 8px; }
.rt-lp .rt-lp-info > * { width: auto; max-width: none; flex: none; padding-left: 0; padding-right: 0; }
.rt-lp .rt-lp-info h4:not(:first-child) { margin: 16px 0 8px; font-size: 14px; font-weight: 700; }
.rt-lp .rt-lp-info ul { margin: 0 0 8px; padding-left: 18px; font-size: 14px; line-height: 1.6; }
/* Feinschliff */
.rt-lp-list .shopping-cart-content > *, .rt-lp-list .shopping-cart-content > * * { border: 0 !important; box-shadow: none; }
.rt-lp-list .rt-lp-item-name, .rt-lp-list .rt-lp-item-name * { text-align: left !important; }
.rt-lp-list .hr-pb > .hr-pb-tax { text-align: left; white-space: nowrap; }
.rt-lp-list .rt-lp-item-qty input { border: 1px solid #c4ccd4 !important; }
.rt-lp-list .rt-lp-item-actions a { border: 1px solid rgba(15,23,42,.12) !important; }
.rt-lp-sum .cart-totals { padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
.rt-lp .rt-lp-info p:empty, .rt-lp .rt-lp-voucher p:empty { display: none; }
.rt-lp-list .rt-lp-item-name { display: block !important; }
.rt-lp-list .rt-lp-item-name .text-truncate { width: 100%; margin: 0 !important; }
.rt-lp .rt-lp-sum, .rt-lp .rt-lp-voucher, .rt-lp .rt-lp-info { position: relative; overflow: visible !important; }
.rt-lp-sum form, .rt-lp-sum .cart-totals { position: static !important; }
.rt-lp-sum .cart-totals > div:first-child, .rt-lp .rt-lp-voucher > h3, .rt-lp .rt-lp-info > h4:first-child { position: absolute !important; top: -17px; left: 14px; margin: 0 !important; }

/* rt-lp Teil 2: Anzahl, Fortschritt, Mengen-Stepper – T05 29.10.2026 */
.rt-lp .rt-lp-count { margin-left: 6px; font-weight: 500; letter-spacing: 0; text-transform: none; color: #64748b; }
.rt-lp-progress { margin: 0 0 12px; padding: 12px 16px; background: #fff; border: 1px solid rgba(15,23,42,.10); border-radius: 12px; }
.rt-lp-progress-text { margin-bottom: 8px; font-size: 14px; font-weight: 600; line-height: 1.4; color: #1e293b; }
.rt-lp-progress-bar { position: relative; height: 8px; border-radius: 99px; background: #e5e9ee; }
.rt-lp-progress-fill { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 99px; background: #dc3618; }
.rt-lp-progress.is-free .rt-lp-progress-fill { background: #2e8540; }
.rt-lp-progress-mark { position: absolute; top: -3px; width: 2px; height: 14px; margin-left: -1px; background: #94a3b8; }
.rt-lp-progress-note { margin-top: 6px; font-size: 11px; line-height: 1.4; color: #64748b; }
.rt-lp-progress, .rt-lp-progress * { text-align: left; }
.rt-lp-list .shopping-cart-content { grid-template-columns: 72px minmax(0,1fr) auto 116px 128px 128px; }
.rt-lp-stepper { display: inline-flex; align-items: center; overflow: hidden; border: 1px solid #c4ccd4; border-radius: 8px; background: #fff; }
.rt-lp-list .rt-lp-stepper input { width: 46px !important; height: 38px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; text-align: center; -moz-appearance: textfield; appearance: textfield; }
.rt-lp-stepper input::-webkit-outer-spin-button, .rt-lp-stepper input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.rt-lp-step { width: 32px; height: 38px; padding: 0; border: 0; background: #f8fafc; color: #334155; font-size: 18px; line-height: 1; cursor: pointer; }
.rt-lp-step:hover, .rt-lp-step:focus-visible { background: #fff0ed; color: #b92e15; }
.rt-lp-list .rt-lp-stepper { border: 1px solid #c4ccd4 !important; }
.rt-lp-list .rt-lp-stepper { padding: 0 !important; margin: 0 !important; }
.rt-lp-list .rt-lp-stepper input { background: #fff !important; }

/* rt-lp Teil 3: Pille, Linie, Vorteile-Kasten, Skala 50/150 €, Release-Marke – T05 29.10.2026 */
.rt-lp { position: relative; --rt-lp-rel: r20261030k; }
.rt-lp > .sidebar-title { position: absolute !important; top: -17px !important; left: 14px; margin: 0 !important; }
.rt-lp > form > hr { display: none !important; }
.rt-lp .rt-lp-main { border: 0 !important; box-shadow: none !important; background: none !important; }
.rt-lp .rt-lp-info, .rt-lp .rt-lp-info * { text-align: left; }
.rt-lp .rt-lp-info ul { margin: 0; padding: 0; list-style: none; }
.rt-lp .rt-lp-info ul:first-of-type li { position: relative; margin: 0 0 6px; padding-left: 22px; font-size: 13.5px; line-height: 1.45; color: #334155; }
.rt-lp .rt-lp-info ul:first-of-type li::before { content: ""; position: absolute; left: 2px; top: 4px; width: 10px; height: 6px; border-left: 2px solid #2e8540; border-bottom: 2px solid #2e8540; transform: rotate(-45deg); }
.rt-lp .rt-lp-info h4:not(:first-child) { margin: 16px 0 10px !important; padding-top: 14px !important; border-top: 1px solid rgba(15,23,42,.10); font-size: 11px !important; font-weight: 700 !important; letter-spacing: .06em; text-transform: uppercase; color: #64748b !important; }
.rt-lp .rt-lp-info h4 + div, .rt-lp .rt-lp-info h4 + div > div { display: flex; align-items: center; gap: 10px; margin: 0; padding: 0; }
.rt-lp .rt-lp-info h4 + div img { width: auto !important; height: 40px !important; max-width: none; margin: 0 !important; }
.rt-lp .rt-lp-info h4 + div span { font-size: 14px; color: #64748b; }
.rt-lp .rt-lp-info ul:last-of-type { display: flex; flex-wrap: wrap; gap: 6px; }
.rt-lp .rt-lp-info ul:last-of-type li { display: inline-flex; align-items: center; margin: 0; padding: 4px 10px; font-size: 12px; line-height: 1.3; color: #334155 !important; background: #fff; border: 1px solid rgba(15,23,42,.14); border-radius: 999px; }
.rt-lp .rt-lp-info ul:last-of-type li::before, .rt-lp .rt-lp-info ul:last-of-type li::marker { content: none; }
.rt-lp .rt-lp-info ul:last-of-type li img { height: 14px !important; width: auto !important; margin: 0 !important; }
.rt-lp .rt-lp-info ul:last-of-type li:empty { display: none; }
.rt-lp-progress-bar { margin-right: 6px; }
.rt-lp-progress-end { position: absolute; right: -6px; top: 50%; width: 14px; height: 14px; margin-top: -7px; border-radius: 50%; background: #fff; border: 2px solid #94a3b8; box-sizing: border-box; }
.rt-lp-progress.is-free .rt-lp-progress-end { background: #2e8540; border-color: #2e8540; }
.rt-lp-progress-scale { position: relative; height: 16px; margin: 5px 6px 0 0; font-size: 11px; line-height: 16px; color: #64748b; }
.rt-lp-progress-scale span { position: absolute; top: 0; white-space: nowrap; }
.rt-lp-progress-scale .rt-lp-s50 { transform: translateX(-50%); }
.rt-lp-progress-scale .rt-lp-s150 { right: -6px; font-weight: 600; color: #2e8540; }
.rt-lp .rt-lp-info h4 + div > div { display: flex !important; justify-content: flex-start; gap: 14px; width: auto !important; }


/* ===== rt-co: Check Out 2692 – T06 29.10.2026 (Bausteine .roundbox + .sidebar-title wie Warenkorb rt-lp) ===== */
.rt-co { --rt-co-rel: r20261029a; --rt-co-line: rgba(15,23,42,.08); --rt-co-muted: #64748b; --rt-co-ink: #0f172a; --rt-co-accent: #e85237; display: grid !important; grid-template-columns: minmax(0,1.65fr) minmax(0,1fr); column-gap: 24px; align-items: start; margin: 0 !important; padding: 44px 20px 48px !important; }
.rt-co > .rt-co-main, .rt-co > .rt-co-aside { position: relative; width: auto !important; max-width: none !important; flex: none !important; min-width: 0; margin: 0 !important; }
.rt-co > .rt-co-main { padding: 0 !important; }
.rt-co .roundbox { margin-top: 0 !important; overflow: visible !important; }
/* Titel-Pillen auf dem Rahmen (sidebar-title) */
.rt-co .rt-co-title { position: absolute !important; z-index: 3; top: -17px !important; left: 14px !important; margin: 0 !important; }
/* Linke Karte: Ihre Daten (Rechnung | Lieferung, Bemerkungen) */
.rt-co .rt-co-datawrap { width: auto !important; max-width: none !important; flex: none !important; margin: 0 !important; padding: 0 !important; }
.rt-co .rt-co-datawrap > .rt-co-data { display: grid !important; grid-template-columns: 1fr 1fr; column-gap: 24px; width: 100% !important; max-width: none !important; flex: none !important; margin: 0 !important; padding: 30px 24px 22px !important; }
.rt-co .rt-co-data > .rt-co-addr { margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.rt-co .rt-co-addr, .rt-co .rt-co-addr * { height: auto !important; max-height: none !important; overflow: visible !important; }
.rt-co .rt-co-addr form, .rt-co .rt-co-addr .login-form { width: auto !important; margin: 0 !important; padding: 0 !important; }
.rt-co .rt-co-addr h5, .rt-co .rt-co-addr h4, .rt-co .rt-co-addr h3 { margin: 0 0 4px !important; padding: 0 !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .06em; text-transform: uppercase; color: var(--rt-co-muted) !important; }
.rt-co .rt-co-addr [id^="fld"] { font-size: 14px; line-height: 1.55; color: var(--rt-co-ink); }
.rt-co .rt-co-data > a:has(.rt-co-addrlink) { grid-column: 1 / -1; display: block; margin-top: 8px; text-decoration: none; }
.rt-co .rt-co-data > a > .rt-co-addrlink { display: inline-block !important; width: max-content !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; font-size: 13px !important; font-weight: 400; text-align: left !important; color: var(--rt-co-accent) !important; background: none !important; border: 0 !important; box-shadow: none !important; }
.rt-co .rt-co-data > a:hover > .rt-co-addrlink { text-decoration: underline; }
.rt-co .rt-co-data > .rt-co-note { grid-column: 1 / -1; position: relative; margin: 20px 0 0 !important; padding: 18px 0 0 !important; background: none !important; border: 0 !important; border-top: 1px solid var(--rt-co-line) !important; border-radius: 0 !important; box-shadow: none !important; }
.rt-co .rt-co-note > h5 { position: static !important; display: block !important; margin: 0 0 8px !important; padding: 0 !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .06em; text-transform: uppercase; color: var(--rt-co-muted) !important; background: none !important; border: 0 !important; box-shadow: none !important; }
.rt-co .rt-co-note textarea { width: 100% !important; min-height: 56px; padding: 10px 12px; font-size: 14px; border: 1px solid #e2e8f0 !important; border-radius: 10px; background: #fff; transition: border-color .15s, box-shadow .15s; }
.rt-co .rt-co-note textarea:focus { outline: 0; border-color: #f2a08f !important; box-shadow: 0 0 0 3px rgba(232,82,55,.12); }
.rt-co .rt-co-note input[type="submit"], .rt-co .rt-co-note input[type="button"] { margin-top: 10px; padding: 7px 14px !important; font-size: 12px !important; font-weight: 600; letter-spacing: .03em; color: var(--rt-co-ink) !important; background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; box-shadow: none !important; }
.rt-co .rt-co-note input[type="submit"]:hover, .rt-co .rt-co-note input[type="button"]:hover { border-color: #f2a08f !important; color: var(--rt-co-accent) !important; }
/* Rechte Karte: Warenkorb, Versand, AGB, Zahlung, Bestellen */
.rt-co > .rt-co-aside { display: flex !important; flex-direction: column; padding: 30px 22px 22px !important; }
.rt-co-aside > .rt-co-sum { order: 1; }
.rt-co-aside > .rt-co-ship { order: 2; }
.rt-co-aside > form { order: 3; }
.rt-co-aside > .rt-co-pay { order: 4; }
.rt-co-aside > .rt-co-finish { order: 5; }
.rt-co-aside > *:not(.rt-co-title):not(.rt-co-sum):not(.rt-co-ship):not(form):not(.rt-co-pay):not(.rt-co-finish) { order: 6; }
.rt-co-sum, .rt-co-ship, .rt-co-pay { margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.rt-co-ship, .rt-co-pay { margin-top: 20px !important; }
.rt-co-ship > h5, .rt-co-pay > h5 { display: block !important; margin: 0 !important; padding: 0 0 8px !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .06em; text-transform: uppercase; color: var(--rt-co-muted) !important; background: none !important; }
/* Positionen + Summen */
.rt-co-sum > #div30189_5 { display: none !important; }
.rt-co-sum [id^="form30180_5"], .rt-co-sum [class*="your-order-table-"] { display: grid !important; grid-template-columns: minmax(0,1fr) auto; column-gap: 12px; align-items: baseline; margin: 0 !important; border: 0 !important; box-shadow: none !important; }
.rt-co-sum [id^="form30180_5"] > div, .rt-co-sum [class*="your-order-table-"] > div { width: auto !important; max-width: none !important; flex: 0 1 auto !important; min-width: 0; margin: 0 !important; padding: 0 !important; }
.rt-co-sum [class*="your-order-table-"] > div:first-child { flex: 1 1 0 !important; }
.rt-co-sum [class*="your-order-table-"] > div:first-child, .rt-co-sum [class*="your-order-table-"] > div:first-child * { white-space: normal !important; }
.rt-co-sum [class*="your-order-table-"] > div:last-child { text-align: right !important; white-space: nowrap; font-variant-numeric: tabular-nums; }
.rt-co-sum [id^="form30180_5"] { padding: 4px 0 !important; }
.rt-co-sum [id^="form30180_5"] .col-10 { display: block !important; padding-right: 8px !important; }
.rt-co-sum [id^="form30180_5"] .col-10 > * { display: inline; white-space: normal; }
.rt-co-sum [id^="form30180_5"], .rt-co-sum [id^="form30180_5"] * { font-size: 13px !important; line-height: 1.45; color: #334155 !important; }
.rt-co-sum [id^="form30180_5"] .gtm-checkout-menge { color: var(--rt-co-muted) !important; }
.rt-co-sum [id^="form30180_5"] .col-2, .rt-co-sum [id^="form30180_5"] .col-2 * { font-weight: 600 !important; white-space: nowrap; color: var(--rt-co-ink) !important; }
.rt-co-sum #form30218_5 { margin-top: 12px !important; padding-top: 10px !important; border-top: 1px solid var(--rt-co-line) !important; }
.rt-co-sum [class*="your-order-table-"] { padding: 2px 0 !important; }
.rt-co-sum [class*="your-order-table-"] * { padding-top: 0 !important; padding-bottom: 0 !important; font-size: 13px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--rt-co-muted) !important; border: 0 !important; }
.rt-co-sum [class*="your-order-table-"] > div:last-child, .rt-co-sum [class*="your-order-table-"] > div:last-child * { color: #334155 !important; }
.rt-co-sum .ship-info, .rt-co-sum .ship-info * { color: #15803d !important; }
.rt-co-sum .your-order-table-total { margin-top: 8px !important; padding-top: 10px !important; border-top: 1px solid var(--rt-co-line) !important; }
.rt-co-sum .your-order-table-total, .rt-co-sum .your-order-table-total * { font-size: 17px !important; font-weight: 700 !important; color: var(--rt-co-ink) !important; }
/* Versand */
.rt-co-ship .gtm-versandart, .rt-co-ship select { width: 100% !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; background-color: #fff !important; box-shadow: none !important; }
/* AGB */
.rt-co-aside > form { margin-top: 20px !important; }
.rt-co-aside > form .login-form-container { margin: 0 !important; padding: 10px 12px !important; font-size: 12.5px !important; line-height: 1.5; color: #475569; background: #fafbfc !important; border: 1px solid #eef0f3 !important; border-radius: 10px !important; box-shadow: none !important; }
.rt-co-aside > form .login-form-container input[type="checkbox"] { accent-color: var(--rt-co-accent); width: 16px; height: 16px; vertical-align: -3px; margin-right: 6px; }
.rt-co-aside > form .login-form-container a { color: var(--rt-co-ink) !important; text-decoration: underline; text-decoration-color: rgba(15,23,42,.25); text-underline-offset: 2px; }
/* Zahlungsarten: Kacheln; ungerade Anzahl -> letzte Kachel volle Breite (z. B. ohne "Rechnung") */
.rt-co-paygrid { position: relative; display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
.rt-co-paygrid > * { width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; }
.rt-co-paygrid > form:last-of-type:nth-of-type(odd) { grid-column: 1 / -1; }
.rt-co-paygrid > [id^="cmd76448"] { grid-column: 1 / -1; }
.rt-co-paygrid > form .pm-btn, .rt-co-paygrid > form input, .rt-co-paygrid .pm-btn { display: block; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 40px; min-height: 40px !important; margin: 0 !important; padding: 0 10px !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0; text-transform: none !important; white-space: normal; color: #334155 !important; background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; box-shadow: none !important; transition: border-color .15s, background .15s; }
.rt-co-paygrid .pm-btn:hover { border-color: #cbd5e1 !important; }
.rt-co-paygrid .pm-btn.is-active { color: var(--rt-co-accent) !important; background: #fff5f2 !important; border-color: var(--rt-co-accent) !important; box-shadow: 0 0 0 1px var(--rt-co-accent) inset !important; }
/* PayPal-Knöpfe einzeln (Script rt-co-pp) */
.rt-co-pp { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
.rt-co-pp > div { min-width: 0; }
.rt-co-pp > div:last-child:nth-child(odd) { grid-column: 1 / -1; }
/* Bestellen */
.rt-co-finish { margin: 18px 0 0 !important; }
.rt-co-finish input[type="submit"], .rt-co-finish input[type="button"] { display: block; width: 100% !important; min-height: 48px !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: .02em; border: 0 !important; border-radius: 12px !important; background: linear-gradient(180deg, #ea5a3f, #d9411f) !important; box-shadow: 0 6px 16px rgba(217,65,31,.25) !important; transition: transform .1s, box-shadow .15s; }
.rt-co-finish input[type="submit"]:hover, .rt-co-finish input[type="button"]:hover { box-shadow: 0 8px 20px rgba(217,65,31,.32) !important; transform: translateY(-1px); }
.rt-co-finish .agb-block-overlay { border-radius: 12px; }
/* Gutschein-Leiste */
.rt-co-coupon #showcoupon { padding: 14px 18px !important; font-size: 14px !important; color: #334155 !important; background: #fff !important; border: 1px solid rgba(15,23,42,.12) !important; border-radius: 15px !important; box-shadow: 2px 2px 6px -1px rgba(0,0,0,.11) !important; }
.rt-co-coupon a { color: var(--rt-co-accent) !important; }
.rt-co-sum #div29971_35 { border: 0 !important; }
.rt-co .rt-co-data > .rt-co-addr *, .rt-co .rt-co-data > .rt-co-note *:not(textarea):not(input) { background: transparent !important; box-shadow: none !important; border-color: transparent; }
.rt-co .rt-co-data > .rt-co-note form, .rt-co .rt-co-data > .rt-co-note > div { margin: 0 !important; padding: 0 !important; border: 0 !important; }
.rt-co .rt-co-datawrap > .rt-co-data > .rt-co-addr, .rt-co .rt-co-datawrap > .rt-co-data > .rt-co-note.roundbox, .rt-co .rt-co-datawrap > .rt-co-data > .rt-co-note { background: transparent none !important; background-image: none !important; box-shadow: none !important; }

/* Kompakter ab Versandart (Tom 19:13) */
.rt-co .rt-co-aside > .rt-co-ship, .rt-co .rt-co-aside > .rt-co-pay { margin-top: 14px !important; }
.rt-co .rt-co-aside > .rt-co-finish { margin-top: 12px !important; }
.rt-co .rt-co-aside > form { margin-top: 12px !important; }
.rt-co .rt-co-aside > form > form, .rt-co .rt-co-aside > form .cart-totals { margin: 0 !important; padding: 0 !important; }
.rt-co .rt-co-ship > h5, .rt-co .rt-co-pay > h5 { padding-bottom: 6px !important; }
.rt-co .rt-co-ship .gtm-versandart { margin: 0 !important; }
.rt-co .rt-co-pay > .rt-co-paygrid { margin-top: 0 !important; gap: 6px !important; }
.rt-co .rt-co-pp { gap: 6px !important; }
.rt-co .rt-co-finish input[type="submit"], .rt-co .rt-co-finish input[type="button"] { margin: 0 !important; }
.rt-co .rt-co-aside > form .login-form-container { padding: 8px 10px !important; line-height: 1.4; }

/* T05-008 30.10.2026 rt-cp: Cart-Preview Desktop neu (Skizze 29.10.). Klasse .rt-cp setzt das Header-Script an ul.cart-preview */
#divBasket .cart-preview.rt-cp { box-sizing: border-box; width: 460px; max-width: calc(100vw - 24px); max-height: min(720px, calc(100dvh - 120px)); overflow-y: auto; padding: 0 0 16px !important; border: 1px solid rgba(15,23,42,.10); border-radius: 14px; background: #fff; box-shadow: 0 18px 40px rgba(15,23,42,.18); text-align: left; }
#divBasket .cart-preview.rt-cp.rt-cp-closed { display: none !important; }
#divBasket .cart-preview.rt-cp > li.list-unstyled, #divBasket .cart-preview.rt-cp #freeShippingText, #divBasket .cart-preview.rt-cp #fld28878 { display: none !important; }
.rt-cp-head { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 16px 16px 12px 18px; background: #fff; font-size: 18px; font-weight: 700; line-height: 1.3; color: #1e293b; }
.rt-cp-head small { margin-left: 4px; font-size: 16px; font-weight: 400; color: #64748b; }
.rt-cp-close { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 8px; background: none; color: #475569; font-size: 22px; line-height: 1; cursor: pointer; }
.rt-cp-close:hover, .rt-cp-close:focus-visible { background: #f1f5f9; color: #1e293b; }
#divBasket .cart-preview.rt-cp > li[id^="listRow_"] { display: grid !important; grid-template-columns: 60px minmax(0,1fr) auto 36px; grid-template-areas: "img name prices trash" "img sub prices trash"; column-gap: 12px; row-gap: 2px; align-items: center; width: auto; margin: 0 16px 8px !important; padding: 10px 12px !important; border: 1px solid rgba(15,23,42,.10) !important; border-radius: 10px; background: #fff; }
#divBasket .cart-preview.rt-cp > li[id^="listRow_"] > a { grid-area: img; display: block; padding: 0; }
#divBasket .cart-preview.rt-cp [id="div20245"] { width: 60px; height: 60px; padding: 4px; box-sizing: border-box; border: 1px solid rgba(15,23,42,.10); border-radius: 8px; background: #fff; }
#divBasket .cart-preview.rt-cp [id="div20245"] img { width: 100%; height: 100%; object-fit: contain; }
#divBasket .cart-preview.rt-cp [id="div20247"] { display: contents !important; }
#divBasket .cart-preview.rt-cp [id="div20247"] > br, #divBasket .cart-preview.rt-cp [id="div20247"] > h6, #divBasket .cart-preview.rt-cp [id="link37156_Label"] { display: none !important; }
#divBasket .cart-preview.rt-cp [id="link37156"] { grid-area: name; align-self: end; display: block; padding: 0 !important; overflow: hidden; font-size: 14px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #1e293b !important; white-space: normal; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
#divBasket .cart-preview.rt-cp .rt-cart-subtitle { grid-area: sub; align-self: start; margin: 0 !important; overflow: hidden; font-size: 12px !important; line-height: 1.4; color: #64748b; white-space: nowrap; text-overflow: ellipsis; }
#divBasket .cart-preview.rt-cp .rt-cart-prices { grid-area: prices; display: grid !important; grid-template-columns: auto auto; grid-template-areas: "qty net" "qty gross"; column-gap: 12px; align-items: center; margin: 0 !important; text-align: right; }
#divBasket .cart-preview.rt-cp .rt-cart-price-qty { grid-area: qty; font-size: 16px !important; font-weight: 700 !important; color: #1e293b; white-space: nowrap; }
#divBasket .cart-preview.rt-cp .rt-cart-net-price { grid-area: net; font-size: 12.5px !important; color: #1e293b; white-space: nowrap; }
#divBasket .cart-preview.rt-cp .rt-cart-gross-price { grid-area: gross; margin: 0 !important; font-size: 12px !important; color: #64748b; white-space: nowrap; }
#divBasket .cart-preview.rt-cp [id="div26527"] { grid-area: trash; width: 36px; max-width: none; padding: 0; }
#divBasket .cart-preview.rt-cp .basket-trash-button { width: 36px !important; min-width: 36px; height: 36px !important; border: 1px solid rgba(15,23,42,.12) !important; border-radius: 8px !important; background-color: #f8fafc; }
#divBasket .cart-preview.rt-cp .basket-trash-button:hover { background-color: #fff0ed; border-color: #e8a596 !important; }
#divBasket .cart-preview.rt-cp > form { position: static !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none; }
#divBasket .cart-preview.rt-cp #form26535 { display: grid !important; grid-template-columns: minmax(0,1fr) auto; row-gap: 2px; width: auto !important; max-width: none !important; margin: 8px 18px 0 !important; padding: 12px 0 0 !important; border-top: 1px solid rgba(15,23,42,.10); }
#divBasket .cart-preview.rt-cp #form26535 #div28879 { display: none !important; }
#divBasket .cart-preview.rt-cp #form26535 .cart-sub, #divBasket .cart-preview.rt-cp #form26535 .cart-price { margin: 0 !important; font-size: 17px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; color: #1e293b; }
#divBasket .cart-preview.rt-cp #form26535 .cart-price { text-align: right; white-space: nowrap; }
#divBasket .cart-preview.rt-cp #form26535 .cart-price > * { display: inline !important; }
#divBasket .cart-preview.rt-cp .rt-cart-gross-total { grid-column: 1 / -1; display: flex !important; justify-content: space-between; margin: 0 !important; padding: 0 !important; border: 0 !important; font-size: 15px !important; font-weight: 600; letter-spacing: 0 !important; text-transform: none !important; color: #94a3b8 !important; }
.rt-cp-progress { margin: 12px 18px 0; }
.rt-cp-progress-text { margin-bottom: 8px; font-size: 13px; font-weight: 600; line-height: 1.4; color: #1e293b; }
.rt-cp-bar { position: relative; height: 6px; margin: 0 8px; border-radius: 99px; background: #e5e9ee; }
.rt-cp-fill { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 99px; background: #dc3618; }
.rt-cp-progress.is-min .rt-cp-fill { background: #e8a33d; }
.rt-cp-progress.is-free .rt-cp-fill { background: #2e8540; }
.rt-cp-dot { position: absolute; top: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; box-sizing: border-box; border: 2px solid #94a3b8; border-radius: 50%; background: #fff; }
.rt-cp-dot.is-ok { border-color: #2e8540; background: #2e8540; }
.rt-cp-dot.is-ok::after { content: ""; position: absolute; left: 4px; top: 1px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.rt-cp-scale { position: relative; height: 16px; margin: 6px 8px 0; font-size: 11px; line-height: 16px; color: #64748b; }
.rt-cp-scale span { position: absolute; top: 0; white-space: nowrap; }
.rt-cp-scale .rt-cp-s50 { transform: translateX(-50%); }
.rt-cp-scale .rt-cp-s150 { right: -8px; }
#divBasket .cart-preview.rt-cp > form > li { display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px; margin: 14px 18px 0 !important; padding: 0 !important; }
#divBasket .cart-preview.rt-cp > form > li > a:empty { display: none !important; }
#divBasket .cart-preview.rt-cp #link26541, #divBasket .cart-preview.rt-cp #cmd78768 { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 46px; margin: 0 !important; padding: 10px 12px !important; border-radius: 8px !important; font-size: 14px !important; font-weight: 700; letter-spacing: .02em; text-transform: none; }
#divBasket .cart-preview.rt-cp #link26541 { color: #28323b !important; background: #f1f4f6 !important; border: 1px solid #c4ccd4 !important; }
#divBasket .cart-preview.rt-cp #link26541:hover { background: #e5eaee !important; }
#divBasket .cart-preview.rt-cp #cmd78768 { color: #fff !important; background: #b92e15 !important; border: 1px solid #b92e15 !important; text-transform: uppercase; }
#divBasket .cart-preview.rt-cp #cmd78768:hover { background: #92230f !important; }

/* T05-005/006 30.10.2026 rt-lp Merkliste 2675 + Vergleichsliste 2688 */
/* rt-lp Merkliste v3 (KONZEPT, nicht gespeichert) – T05 29.10.2026
   Karten wie im Warenkorb, Bild 96 px, Bemerkung als schlanke Zeile, Knopf „In den Warenkorb“.
   Neu nur: rt-lp-item-note, rt-lp-item-buy, .rt-lp-note-save (vom Script). Preise werden per Script in die
   Warenkorb-Struktur .hr-pb umgebaut → Warenkorb-CSS greift unverändert. */
.rt-lp:not(:has(.rt-lp-sum)) { grid-template-columns: minmax(0,1fr); margin-top: 0 !important; padding-top: 12px; }
.rt-lp:not(:has(.rt-lp-sum)) > form { grid-row: auto; }
.rt-lp-list .rt-lp-item-media > a { grid-area: media; display: block; align-self: start; }
.rt-lp-list .rt-lp-item-media img { width: 96px !important; height: 96px !important; max-height: none !important; object-fit: contain; border-radius: 8px; background: #fff; }
.rt-lp-list .shopping-cart-content:has(.rt-lp-item-note) { grid-template-columns: 96px minmax(0,1fr) auto 116px 150px auto; grid-template-areas: "media name actions qty price buy" "media stock actions qty price buy" "media note note note note note"; row-gap: 6px; }
.rt-lp-list .shopping-cart-content:has(.rt-lp-item-note) .rt-lp-item-stock { justify-self: start; }
.rt-lp-list .rt-lp-item-name a.text-truncate { white-space: normal; }
.rt-lp-list .hr-pb > span { white-space: nowrap; }
.rt-lp-list .rt-lp-item-note { grid-area: note; display: flex !important; align-items: center; gap: 8px; margin-top: 4px !important; }
.rt-lp-list .rt-lp-item-note textarea { flex: 1 1 auto; width: auto; height: 36px; min-height: 36px; margin: 0; padding: 7px 10px !important; font-size: 13px; line-height: 1.4; resize: vertical; border: 1px solid #c4ccd4 !important; border-radius: 8px; background: #fff; }
.rt-lp-list .rt-lp-item-note textarea::placeholder { color: #94a3b8; }
.rt-lp-note-save { flex: 0 0 auto; height: 36px; padding: 0 14px; border: 1px solid #bac3cb; border-radius: 8px; background: #f5f7f8; color: #28323b; font-size: 12px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; cursor: pointer; }
.rt-lp-note-save:hover { background: #e8edf1; }
.rt-lp-list .rt-lp-item-buy { grid-area: buy; display: flex !important; justify-content: flex-end; }
.rt-lp-list .rt-lp-item-buy a { display: inline-flex; align-items: center; justify-content: center; width: auto !important; height: auto !important; min-height: 40px; padding: 0 14px; border: 0 !important; border-radius: 8px; background: #dc3618; color: #fff !important; font-size: 13px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; text-decoration: none; white-space: nowrap; }
.rt-lp-list .rt-lp-item-buy a::after { content: "In den Warenkorb"; }
html[lang^="en"] .rt-lp-list .rt-lp-item-buy a::after { content: "Add to cart"; }
.rt-lp-list .rt-lp-item-buy a:hover { background: #b92e15; }
.rt-lp-list .rt-lp-item-buy a i { display: none; }
.rt-lp:not(:has(.rt-lp-sum)) .rt-lp-buttons { justify-content: flex-start; gap: 12px; }
.rt-lp:not(:has(.rt-lp-sum)) .rt-lp-buttons > * { display: inline-flex; align-items: center; gap: 8px; }

/* rt-lp Vergleichsliste (KONZEPT, nicht gespeichert) – T05 29.10.2026
   Karten im Warenkorb-Stil nebeneinander; gleiche Zeilen über alle Karten auf einer Höhe (CSS subgrid).
   Wiederverwendet: rt-lp, rt-lp-main, rt-lp-list, rt-lp-item-actions/-media/-name/-price/-buy/-stock, rt-lp-buttons.
   Neu: rt-lp-item-variant, rt-lp-item-sku. Liste hat schon die Klasse „comparison“. Preise per Script → .hr-pb. */
.rt-lp:not(:has(.rt-lp-sum)) { grid-template-columns: minmax(0,1fr); margin-top: 0 !important; padding-top: 12px; }
.rt-lp:not(:has(.rt-lp-sum)) > form { grid-row: auto; }
.rt-lp .rt-lp-main { padding: 0 !important; overflow: visible !important; }
.rt-lp-list.comparison { display: grid !important; grid-auto-flow: column; grid-auto-columns: minmax(230px, 250px); grid-template-rows: repeat(8, auto); column-gap: 14px; row-gap: 0; overflow-x: auto; scroll-snap-type: x mandatory; padding: 18px 2px 14px; margin: 0; width: 100% !important; }
.rt-lp-list.comparison .shopping-cart-content { position: relative; display: grid !important; grid-row: span 8; grid-template-rows: subgrid; grid-template-columns: minmax(0,1fr) !important; grid-template-areas: none !important; row-gap: 6px; width: auto !important; min-width: 0 !important; max-width: none !important; flex: none !important; margin: 0 !important; padding: 16px !important; scroll-snap-align: start; }
.rt-lp-list.comparison .shopping-cart-content > * { grid-area: auto !important; grid-column: 1 !important; width: 100% !important; min-height: 0 !important; height: auto !important; padding: 0 !important; align-self: start; }
.rt-lp-list.comparison .shopping-cart-content > *, .rt-lp-list.comparison .shopping-cart-content > * * { text-align: left !important; }
.rt-lp-list.comparison .rt-lp-item-actions { position: absolute !important; top: 10px; right: 10px; width: auto !important; z-index: 2; }
.rt-lp-list.comparison .rt-lp-item-actions a { width: 34px; height: 34px; }
.rt-lp-list.comparison .rt-lp-item-media { display: flex !important; justify-content: center; margin-bottom: 6px !important; }
.rt-lp-list.comparison .rt-lp-item-media, .rt-lp-list.comparison .rt-lp-item-media * { text-align: center !important; }
.rt-lp-list.comparison .rt-lp-item-media img { width: 130px !important; height: 130px !important; max-height: none !important; object-fit: contain; }
.rt-lp-list.comparison .rt-lp-item-name, .rt-lp-list.comparison .rt-lp-item-variant, .rt-lp-list.comparison .rt-lp-item-sku { display: block !important; }
.rt-lp-list.comparison .rt-lp-item-name a { display: block; font-size: 15px !important; font-weight: 700 !important; line-height: 1.35 !important; color: #1e293b !important; white-space: normal !important; }
.rt-lp-list.comparison .rt-lp-item-name br, .rt-lp-list.comparison .rt-lp-item-variant br { display: none; }
.rt-lp-list.comparison .rt-lp-item-variant a { font-size: 13px; line-height: 1.4; color: #64748b !important; pointer-events: none; text-decoration: none; }
.rt-lp-list.comparison .rt-lp-item-sku { font-size: 12px; color: #64748b; }
.rt-lp-list.comparison .rt-lp-item-stock { justify-content: flex-start !important; }
.rt-lp-list.comparison .rt-lp-item-price { display: block !important; margin-top: 6px !important; padding-top: 10px !important; border-top: 1px solid rgba(15,23,42,.10) !important; }
.rt-lp-list.comparison .rt-lp-item-price .hr-pb { justify-content: start; }
.rt-lp-list.comparison .rt-lp-item-price::before { content: "Einzelpreis"; display: block; margin-bottom: 2px; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; color: #64748b; }
html[lang^="en"] .rt-lp-list.comparison .rt-lp-item-price::before { content: "Unit price"; }
.rt-lp-list.comparison .rt-lp-item-buy { display: block !important; margin-top: 8px !important; align-self: end; }
.rt-lp-list.comparison .rt-lp-item-buy a { display: flex !important; align-items: center; justify-content: center; width: 100% !important; height: auto !important; min-height: 42px; border: 0 !important; border-radius: 8px !important; background: #dc3618 !important; color: #fff !important; font-size: 13px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; text-decoration: none; }
.rt-lp-list.comparison .rt-lp-item-buy a::after { content: "In den Warenkorb"; }
html[lang^="en"] .rt-lp-list.comparison .rt-lp-item-buy a::after { content: "Add to cart"; }
.rt-lp-list.comparison .rt-lp-item-buy a img, .rt-lp-list.comparison .rt-lp-item-buy a i { display: none !important; }
.rt-lp-list.comparison .rt-lp-item-buy a:hover { background: #b92e15 !important; }

/* Sortier-Auswahl (vom Script eingefügt), auch für die Merkliste nutzbar */
.rt-lp-sort { display: flex; justify-content: flex-end; margin: 0 0 4px; }
.rt-lp-sort label { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-size: 13px; font-weight: 600; color: #475569; white-space: nowrap; }
.rt-lp-sort select { height: 38px; padding: 0 32px 0 12px; border: 1px solid #c4ccd4; border-radius: 8px; background: #fff; font-size: 13px; color: #1e293b; }

.rt-lp-item-actions a.is-busy { opacity: .5; pointer-events: none; }
.rt-lp-item-actions a.is-done { background: #157a42; color: #fff; border-color: #157a42; }

/* rt-co Teil 2 – T06 30.10.2026: T06-007 Tooltips über AGB, T06-009 Anschriften-Knopf, T06-010 USt-Hinweis Positionen */
.rt-co { --rt-co-rel: r20261030a; }
.rt-co .rt-co-aside > .rt-co-pay { position: relative; z-index: 3; }
.rt-co .rt-co-data > a > #div30488_3.rt-co-addrlink { display: inline-flex !important; align-items: center; gap: 6px; width: max-content !important; min-width: 0 !important; max-width: 100% !important; padding: 6px 12px !important; font-size: 13px !important; font-weight: 600; color: #1e293b !important; background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; transition: border-color .15s, color .15s; }
.rt-co .rt-co-data > a:hover > .rt-co-addrlink { text-decoration: none; color: #e85237 !important; border-color: #f2a08f !important; }
.rt-co-sum [id^="form30180_5"] .col-2::after { content: "zzgl. USt."; display: block; font-size: 11px !important; font-weight: 400; color: #64748b; }
html[lang^="en"] .rt-co-sum [id^="form30180_5"] .col-2::after { content: "plus VAT"; }

/* rt-co T06-011: Kopf (div30130_1) + Inhalt (div30172_3) als eine roundbox, Titel als sidebar-title-Pille */
.rt-co-top.roundbox { position: relative; margin: 40px 0 0 !important; padding: 34px 20px 4px !important; border-bottom: 0 !important; border-radius: 15px 15px 0 0 !important; box-shadow: none !important; background: #fff !important; }
.rt-co-top #head29848_14.rt-co-pagetitle.sidebar-title { position: absolute !important; top: -17px !important; left: 14px !important; z-index: 3; margin: 0 !important; font-size: 16px !important; text-shadow: none !important; }
.rt-co-top > div:first-child { min-height: 0 !important; margin: 0 !important; padding: 0 !important; }
.rt-co-top .rt-co-coupon #showcoupon { box-shadow: none !important; }
.rt-co.roundbox { margin: 0 !important; padding-top: 30px !important; border-top: 0 !important; border-radius: 0 0 15px 15px !important; background: #fff !important; }
.rt-co-top > div, .rt-co-top > div > div { position: static !important; }

/* RT-MENUBAR T01-007 (30.10.2026, Claude): Menueleiste Desktop: Dropdowns lesbar (Satzschreibung, Glas-Optik wie Produktmenue), Tastatur (:focus-within), Unterstrich bei Hover. Ergaenzt .single-dropdown/.menu-hover (Main Menu) */
.menu-hover:hover .single-dropdown,.menu-hover:focus-within .single-dropdown{opacity:1;top:100%;visibility:visible;transition:.25s}
.single-dropdown{top:100%;min-width:240px;padding:8px!important;border:1px solid rgba(255,255,255,.92);border-radius:0 0 14px 14px;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(248,250,252,.95));box-shadow:0 24px 60px -12px rgba(15,23,42,.18),0 8px 24px -4px rgba(15,23,42,.08);color:#26323b;font-weight:600;text-transform:none}
ul.single-dropdown > li > a{padding:9px 12px!important;border-radius:9px;color:#26323b;font-size:14px;font-weight:600;line-height:1.35;text-transform:none;letter-spacing:0;white-space:normal}
ul.single-dropdown > li > a:hover,ul.single-dropdown > li > a:focus-visible{background:rgba(216,35,42,.07);color:#c5272e;text-decoration:none}
.main-menu nav > ul > li > a{position:relative}
.main-menu nav > ul > li > a::after{content:"";position:absolute;left:3px;right:5px;bottom:9px;height:2px;border-radius:2px;background:#fff;transform:scaleX(0);transform-origin:left center;transition:transform .16s ease}
.main-menu nav > ul > li:hover > a::after,.main-menu nav > ul > li:focus-within > a::after{transform:scaleX(1)}

/* T05 30.10.2026: Lager-Icon in der Bildspalte (Warenkorb) nicht von der 96-px-Medienregel treffen lassen */
.rt-lp-list .rt-lp-item-media .rt-lp-item-stock img { width: 16px !important; height: 16px !important; border-radius: 0; background: none; object-fit: contain; }

/* T05-008 30.10.2026: Cart-Preview leer – kompakt, Text eingerückt, Summen/Fortschritt aus */
#divBasket .cart-preview.rt-cp #cart-info_Empty { margin: 0 !important; padding: 2px 18px 4px !important; font-size: 14px; line-height: 1.5; color: #64748b; text-align: left; }
#divBasket .cart-preview.rt-cp:has(#cart-info_Empty) { width: 300px; padding-bottom: 14px !important; }
#divBasket .cart-preview.rt-cp:has(#cart-info_Empty) > form, #divBasket .cart-preview.rt-cp:has(#cart-info_Empty) .rt-cp-progress { display: none !important; }

/* ===== rt-ok: Bestellung abgeschlossen 2694 – T06-012 30.10.2026 (Skizze Tom 09:10; Positionen nutzen rt-lp-list) ===== */
.rt-ok { position: relative; display: grid !important; grid-template-columns: minmax(0,1fr) 486px; column-gap: 24px; row-gap: 0; align-items: start; }
.rt-ok > * { grid-column: 1; min-width: 0; }
/* Kopf: Haken, Dank, Text – volle Breite, zentriert */
.rt-ok > div:first-of-type { grid-column: 1 / -1; grid-row: 1; margin: 0 0 28px !important; padding: 0 !important; text-align: center; }
.rt-ok > div:first-of-type::before { content: "\2713"; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin: 0 auto 14px; font-size: 28px; font-weight: 700; line-height: 1; color: #fff; background: #16a34a; border-radius: 50%; box-shadow: 0 6px 16px rgba(22,163,74,.25); }
.rt-ok > div:first-of-type, .rt-ok > div:first-of-type * { font-family: inherit !important; }
/* Druckknopf oben rechts, klein */
.rt-ok > .rt-ok-print { position: absolute; top: 0; right: 0; z-index: 2; width: auto !important; margin: 0 !important; padding: 0 !important; }
.rt-ok > .rt-ok-print input, .rt-ok > .rt-ok-print a, .rt-ok > .rt-ok-print button, .rt-ok > .rt-ok-print .default-btn { width: auto !important; min-height: 0 !important; padding: 7px 14px !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .02em; color: #1e293b !important; background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; box-shadow: none !important; }
/* Hinweis Druckfunktion: ganz unten, klein */
.rt-ok > div:nth-child(4), .rt-ok > #div29863_39 { grid-column: 1 / -1; grid-row: 5; margin: 18px 0 0 !important; font-size: 12px !important; color: #64748b !important; text-align: center; }
/* Linke Karte: Ihre Bestellung */
.rt-ok > form { grid-column: 1; grid-row: 2 / span 3; }
.rt-ok .rt-lp-main.roundbox { position: relative; margin: 22px 0 0 !important; padding: 30px 20px 20px !important; overflow: visible !important; }
.rt-ok .rt-lp-main::before { content: "Ihre Bestellung"; position: absolute; top: -17px; left: 14px; z-index: 2; display: inline-flex; align-items: center; padding: 6px 12px 6px 27px; font-size: 16px; font-weight: 800; line-height: 1.2; letter-spacing: .04em; text-transform: uppercase; color: #1e293b; background: #fff radial-gradient(circle at 15px 50%, #DC3618 3.5px, transparent 4px); border: 1px solid rgba(15,23,42,.08); border-radius: 8px; box-shadow: 0 4px 12px rgba(15,23,42,.06); }
html[lang^="en"] .rt-ok .rt-lp-main::before { content: "Your order"; }
.rt-ok .rt-lp-head { display: none !important; }
.rt-ok .rt-lp-list .shopping-cart-content { margin-bottom: 8px !important; }
.rt-ok .rt-lp-main .feedback-opt-in, .rt-ok .rt-lp-main > div:last-child { text-align: center; font-size: 13px; }
/* Rechte Spalte: Gesamt + Trusted Shops */
.rt-ok > .rt-ok-asidewrap { display: contents !important; }
.rt-ok-asidewrap > .rt-ok-sum { grid-column: 2; grid-row: 2; position: relative; width: auto !important; max-width: none !important; flex: none !important; margin: 22px 0 0 !important; padding: 28px 20px 16px !important; overflow: visible !important; }
.rt-ok-asidewrap > .rt-ok-trust { grid-column: 2; grid-row: 3; width: auto !important; max-width: none !important; flex: none !important; padding: 0 !important; margin: 16px 0 0 !important; }
.rt-ok-sum > .sidebar-title { position: absolute !important; top: -17px !important; left: 14px !important; margin: 0 !important; }
.rt-ok-sum .cart-totals, .rt-ok-sum .cart-totals > div { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
.rt-ok-sum .cart-totals > div { display: grid !important; grid-template-columns: minmax(0,1fr) auto; column-gap: 12px; }
.rt-ok-sum .cart-subtotal, .rt-ok-sum .cart-total { width: auto !important; max-width: none !important; flex: none !important; padding: 2px 0 !important; font-size: 13px !important; text-align: left !important; color: #64748b !important; text-transform: none !important; letter-spacing: 0 !important; border: 0 !important; }
.rt-ok-sum .cart-subtotal *, .rt-ok-sum .cart-total * { font-size: inherit !important; font-weight: inherit !important; text-transform: none !important; letter-spacing: 0 !important; }
.rt-ok-sum .cart-subtotal:nth-child(even), .rt-ok-sum .cart-total:nth-child(even) { text-align: right !important; color: #334155 !important; white-space: nowrap; font-variant-numeric: tabular-nums; }
.rt-ok-sum .cart-total { margin-top: 6px !important; padding-top: 8px !important; border-top: 1px solid rgba(15,23,42,.08) !important; font-size: 16px !important; font-weight: 700 !important; color: #0f172a !important; }
.rt-ok-sum .cart-total:nth-child(even) { color: #0f172a !important; }
.rt-ok-sum .cart-totals > div { width: 100% !important; }
.rt-ok-sum .cart-totals > div > * { min-width: 0; }
.rt-ok-asidewrap > .rt-ok-trust > * { width: 100% !important; max-width: 100% !important; }
/* Positionen wie Warenkorb */
.rt-ok .rt-lp-item-name, .rt-ok .rt-lp-item-name * { font-size: 15px !important; font-weight: 700 !important; line-height: 1.35 !important; color: #1e293b !important; text-align: left !important; }
.rt-ok .rt-lp-item-price, .rt-ok .rt-lp-item-total { display: block !important; text-align: right !important; font-size: 15px; font-weight: 700; color: #1e293b; }
.rt-ok .rt-lp-item-qty { display: flex !important; align-items: center; justify-content: center; align-self: center; width: 88px !important; height: 40px !important; font-size: 15px; border: 1px solid #c4ccd4 !important; border-radius: 8px !important; background: #fff !important; }
/* Gesamt volle Breite */
.rt-ok-sum > form, .rt-ok-sum .cart-totals { display: block !important; width: 100% !important; max-width: none !important; flex: none !important; }
.rt-ok .rt-ok-meta { display: block; margin-top: 2px; font-size: 13px !important; font-weight: 400 !important; line-height: 1.4; color: #64748b !important; }

/* rt-ov: Bestellverarbeitung 2711 – T06-012 30.10.2026 (roundbox + sidebar-title) */
.rt-ov.roundbox { position: relative; max-width: 720px; margin: 50px auto 40px !important; padding: 34px 24px 24px !important; overflow: visible !important; text-align: center; }
.rt-ov > .sidebar-title { position: absolute !important; top: -17px !important; left: 14px !important; margin: 0 !important; }
.rt-ov p, .rt-ov span, .rt-ov div { font-size: 14px; line-height: 1.5; color: #334155; }
.rt-ov input[type="submit"], .rt-ov input[type="button"], .rt-ov a.btn, .rt-ov button { min-height: 44px; padding: 0 22px !important; font-size: 15px !important; font-weight: 600 !important; border-radius: 12px !important; }

/* RT-ZUB (T12-009/T12-010, 30.10.2026, Claude): Zubehoer-Karten (Artikelseite, Reiter Zubehoer) wie Doofinder-Karussell „Aehnliche Artikel“; Karussells mit Maus ziehbar (Script RT-SCROLL in 234855) */
:root { --rt-zub-rel: r20261031a; }
#zubehoer .row:has(> .product-wrapper) { display: flex !important; flex-wrap: nowrap !important; gap: 20px !important; margin: 0 !important; padding: 6px 2px 16px !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: none; }
#zubehoer .row:has(> .product-wrapper)::-webkit-scrollbar { display: none; }
#zubehoer .row > .product-wrapper { flex: 0 0 calc((100% - 60px) / 3.5) !important; width: auto !important; max-width: calc((100% - 60px) / 3.5) !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; scroll-snap-align: start; container-type: inline-size; }
#zubehoer .product-wrapper #divProductImg { height: auto !important; }
#zubehoer .product-wrapper #divProductImg > a { display: block !important; position: relative !important; width: auto !important; height: auto !important; margin: 4px !important; aspect-ratio: 1 / 1; border-radius: 11px; overflow: hidden; background: #e8e8e8; }
#zubehoer .product-wrapper #divProductImg > a > img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: contain !important; }
#zubehoer .product-wrapper .artikelnummer { top: calc(100cqw - 24px) !important; bottom: auto !important; right: 4px !important; left: auto !important; }
#zubehoer .product-wrapper .headline-links { display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 40px !important; height: auto !important; }
#zubehoer .product-wrapper .product-desc { display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; min-height: 0 !important; }

/* T05 31.10.2026: leerer Warenkorb – Abstand oben wie vorher (Merklisten-Regel .rt-lp:not(:has(.rt-lp-sum)) setzte 0) */
.rt-lp:has(#lst29874_4_Empty) { margin-top: 3rem !important; }

/* T05-010 31.10.2026 rt-cm: Modal „In den Warenkorb gelegt“ (Home 2669, div29496_1) – kompakt nach Skizze */
#modal-info-texts .modal-dialog { max-width: 640px; margin-left: auto; margin-right: auto; }
#modal-info-texts .modal-content { overflow: hidden; font-style: normal; border: 0; border-radius: 18px; box-shadow: 0 24px 60px rgba(15,23,42,.28); }
#modal-info-texts #div31694 { position: relative; padding: 30px 32px 28px !important; text-align: left !important; }
#modal-info-texts #infotext-container { margin: 0 0 20px !important; }
#modal-info-texts #success-text, #modal-info-texts #error-text { display: flex; align-items: center; justify-content: center; gap: 14px; padding-right: 28px; font-size: 22px; font-weight: 700; line-height: 1.3; text-align: center; color: #1e293b !important; }
#modal-info-texts #success-text:empty, #modal-info-texts #error-text:empty { display: none; }
#modal-info-texts #error-text { font-size: 18px; color: #b92e15 !important; }
#modal-info-texts #success-text .ti-check { display: inline-flex; flex: 0 0 44px; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: #2e8540; color: #fff; font-size: 20px; font-weight: 700; }
#modal-info-texts .rt-cm-close { position: absolute; top: 14px; right: 14px; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 8px; background: none; color: #475569; font-size: 26px; line-height: 1; cursor: pointer; }
#modal-info-texts .rt-cm-close:hover, #modal-info-texts .rt-cm-close:focus-visible { background: #f1f5f9; color: #1e293b; }
#modal-info-texts #lst64055 { margin: 20px 0 0 !important; padding: 0 !important; }
#modal-info-texts #form64056 { display: grid !important; grid-template-columns: 150px minmax(0,1fr); gap: 20px; align-items: center; margin: 0 !important; padding: 18px !important; border: 0 !important; border-radius: 14px !important; background: #f4f5f7 !important; box-shadow: none !important; }
#modal-info-texts #div64059 { width: 150px; max-width: none; height: 150px; padding: 10px !important; border-radius: 10px; background: #fff; }
#modal-info-texts #img64064 { display: block; width: 100%; height: 100%; object-fit: contain; }
#modal-info-texts #div64060 { display: flex !important; flex-direction: column; align-items: flex-start; gap: 4px; max-width: none; padding: 0 !important; white-space: normal !important; text-align: left !important; }
#modal-info-texts #div64060 > br, #modal-info-texts #fld64062 hr { display: none; }
#modal-info-texts #fld64057 { order: 1; font-size: 20px; font-weight: 700; line-height: 1.3; color: #1e293b; }
#modal-info-texts #fld64057_2 { order: 2; font-size: 15px; font-weight: 400; line-height: 1.4; color: #334155; }
#modal-info-texts #fld64057_1 { order: 3; font-size: 13px; color: #64748b; }
#modal-info-texts #fld64061, #modal-info-texts #fld64063 { order: 4; font-size: 13px; color: #64748b; }
#modal-info-texts #fld64062 { order: 5; display: inline-block !important; align-self: flex-start; width: auto !important; margin-top: 8px; padding: 3px 10px; border-radius: 6px; background: #e2e6ea; font-size: 13px; font-weight: 600; color: #1e293b; }
#modal-info-texts .rt-cm-sum, #modal-info-texts #success-text, #modal-info-texts #div64060 * { font-style: normal !important; }
#modal-info-texts .rt-cm-sum { margin-top: 20px; font-size: 15px; color: #1e293b; }
#modal-info-texts .rt-cm-sum b { font-weight: 700; }
#modal-info-texts .rt-cm-bar { position: relative; height: 8px; margin: 8px 0 8px; overflow: hidden; border-radius: 99px; background: #e5e9ee; }
#modal-info-texts .rt-cm-fill { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 99px; background: #dc3618; }
#modal-info-texts .rt-cm-sum.is-min .rt-cm-fill { background: #e8a33d; }
#modal-info-texts .rt-cm-sum.is-free .rt-cm-fill { background: #2e8540; }
#modal-info-texts .rt-cm-note { font-size: 13.5px; line-height: 1.4; color: #334155; }
#modal-info-texts .rt-cm-sum.is-free .rt-cm-note::before { content: "\2713"; margin-right: 6px; font-weight: 700; color: #2e8540; }
#modal-info-texts #divBasketNotification, #modal-info-texts #divNotificationRest:not(.d-none) { display: grid !important; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 24px; }
#modal-info-texts #divNotificationRest:not(.d-none) { grid-template-columns: 1fr; }
#modal-info-texts #div64144, #modal-info-texts #divBasketNotification > a:empty { display: none !important; }
#modal-info-texts #divBasketNotification > a { display: block; text-decoration: none; }
#modal-info-texts .notification-button-basket, #modal-info-texts .notification-button { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 52px; margin: 0 !important; padding: 8px 16px !important; border: 0; border-radius: 99px !important; background: #e8eaee !important; color: #334155 !important; font-size: 16px; font-weight: 600; box-shadow: none; }
#modal-info-texts .notification-button-basket p, #modal-info-texts .notification-button p { margin: 0 !important; font: inherit; color: inherit; }
#modal-info-texts .notification-button-basket:hover { background: #dde1e6 !important; }
#modal-info-texts #divBasketNotification > button::before { content: "\21A9"; font-size: 18px; line-height: 1; }
#modal-info-texts #divGoToBasket, #modal-info-texts #divGoToWishlist { background: #b92e15 !important; color: #fff !important; box-shadow: 0 6px 16px rgba(185,46,21,.28); }
#modal-info-texts #divGoToBasket:hover, #modal-info-texts #divGoToWishlist:hover { background: #92230f !important; }
#modal-info-texts #divGoToBasket::before { content: ""; width: 20px; height: 20px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3Cpath d='M2 3h3l2.6 12.4a1.5 1.5 0 0 0 1.5 1.1h8.7a1.5 1.5 0 0 0 1.5-1.2L21 7H6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3Cpath d='M2 3h3l2.6 12.4a1.5 1.5 0 0 0 1.5 1.1h8.7a1.5 1.5 0 0 0 1.5-1.2L21 7H6'/%3E%3C/svg%3E") center / contain no-repeat; }

/* T05-011 31.10.2026 rt-cm: Merkliste/Vergleich im Modal */
#modal-info-texts[data-rt-cm-mode="compare"] #fld64062 { display: none !important; }
#modal-info-texts #divGoToWishlist::before, #modal-info-texts .rt-cm-compare::before { content: ""; width: 20px; height: 20px; background: currentColor; -webkit-mask: var(--rt-cm-ico) center / contain no-repeat; mask: var(--rt-cm-ico) center / contain no-repeat; }
#modal-info-texts #divGoToWishlist { --rt-cm-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.5s-7.5-4.6-9.3-9.2C1.4 8 3.6 4.5 7.2 4.5c2 0 3.6 1.1 4.8 2.8 1.2-1.7 2.8-2.8 4.8-2.8 3.6 0 5.8 3.5 4.5 6.8-1.8 4.6-9.3 9.2-9.3 9.2z'/%3E%3C/svg%3E"); }
#modal-info-texts button.rt-cm-compare { --rt-cm-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h13l-3-3M20 17H7l3 3'/%3E%3C/svg%3E"); background: #b92e15 !important; color: #fff !important; box-shadow: 0 6px 16px rgba(185,46,21,.28); }
#modal-info-texts button.rt-cm-compare:hover { background: #92230f !important; }

/* ===== rt-hub: Kachel-Hub Information 2677 / Service 2679 (T09-004) ===== */
:root{--rt-hub-accent:#DC3618;--rt-hub-ink:#0f172a;--rt-hub-muted:#64748b;--rt-hub-line:rgba(15,23,42,.10);--rt-hub-rel:1}
:is(#div30624_1,#div30624_2){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 20px;margin:24px 0 8px!important}
#div30624_2{grid-template-columns:repeat(4,minmax(0,1fr))}
:is(#div30624_1,#div30624_2)::before,:is(#div30624_1,#div30624_2)::after{display:none}
#div29863_10,#div29863_11{grid-column:1/-1;width:auto!important;max-width:none!important;flex:none!important;margin:0!important;padding:0!important}
.rthub-h1{margin:8px 0 6px;color:var(--rt-hub-ink);font-size:clamp(1.6rem,1.2rem + 1.2vw,2.2rem);font-weight:800;line-height:1.2;letter-spacing:-.01em;text-transform:none}
.rthub-lead{margin:0;max-width:62ch;color:var(--rt-hub-muted);font-size:1rem;line-height:1.6}
:is(#div30624_1,#div30624_2)>*{width:auto;max-width:none;flex:none;padding:0;margin:0}
:is(#div30624_1,#div30624_2) [id^="div30076_"]{margin:0!important;height:100%}
:is(#div30624_1,#div30624_2) .login-form-container{display:flex;flex-direction:column;height:100%;padding:22px 24px 24px!important;background:#fff!important;text-align:left!important;border:1px solid var(--rt-hub-line);border-radius:16px;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
:is(#div30624_1,#div30624_2) .login-form-container:hover,:is(#div30624_1,#div30624_2) .login-form-container:focus-within{transform:translateY(-3px);border-color:rgba(220,54,24,.45);box-shadow:0 12px 28px rgba(15,23,42,.10)}
:is(#div30624_1,#div30624_2) .login-form-container>.position-relative{flex:1 1 auto;position:static}
:is(#div30624_1,#div30624_2) h5.title-over-border{justify-content:flex-start!important;text-align:left!important;max-width:calc(100% - 8px);align-self:flex-start}
:is(#div30624_1,#div30624_2) [id^="txt30645_"]::before{content:"";display:block;width:44px;height:44px;margin:0 0 12px;border-radius:12px;background:rgba(220,54,24,.10) no-repeat center/22px}
:is(#div30624_1,#div30624_2) [id^="txt30645_"]{margin:0 0 20px;color:var(--rt-hub-muted);font-size:.95rem;line-height:1.6}
:is(#div30624_1,#div30624_2) a.default-btn{align-self:flex-start!important;margin:auto 0 0!important;width:auto!important;justify-content:flex-start!important;display:inline-flex;align-items:center;gap:8px;padding:0;background:none;border:0;box-shadow:none;color:var(--rt-hub-accent);font-size:.9rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;background:none!important;box-shadow:none!important}
:is(#div30624_1,#div30624_2) a.default-btn::before{content:"";position:absolute;inset:0;border-radius:16px;z-index:1;background:none}
:is(#div30624_1,#div30624_2) a.default-btn::after{content:"";width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DC3618' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") no-repeat center/18px;transition:transform .18s ease;position:static;opacity:1}
:is(#div30624_1,#div30624_2) .login-form-container:hover a.default-btn::after{transform:translateX(4px)}
:is(#div30624_1,#div30624_2) a.default-btn:hover,:is(#div30624_1,#div30624_2) a.default-btn:focus,:is(#div30624_1,#div30624_2) a.default-btn:active{color:var(--rt-hub-accent)!important;background:none!important;border-color:transparent!important;transform:none!important}
:is(#div30624_1,#div30624_2) a.default-btn:focus-visible{outline:none}
:is(#div30624_1,#div30624_2) .login-form-container:has(a.default-btn:focus-visible){outline:2px solid var(--rt-hub-accent);outline-offset:3px}
:is(#div30624_1,#div30624_2) .login-form-container{position:relative}
#div30075_14 [id^="txt30645_"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DC3618' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3Cpath d='M9 22v-4h6v4M8 6h.01M12 6h.01M16 6h.01M8 10h.01M12 10h.01M16 10h.01M8 14h.01M12 14h.01M16 14h.01'/%3E%3C/svg%3E")}
#div30075_15 [id^="txt30645_"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DC3618' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")}
#div30075_16 [id^="txt30645_"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DC3618' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2M15 18H9M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.62l-3.48-4.35A1 1 0 0 0 17.52 8H14'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3C/svg%3E")}
#div30075_17 [id^="txt30645_"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DC3618' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-2 2Zm0 0a2 2 0 0 1-2-2v-9c0-1.1.9-2 2-2h2'/%3E%3Cpath d='M18 14h-8M15 18h-5M10 6h8v4h-8z'/%3E%3C/svg%3E")}
#div30075_18 [id^="txt30645_"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DC3618' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4M10 9H8M16 13H8M16 17H8'/%3E%3C/svg%3E")}
#div30075_20 [id^="txt30645_"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DC3618' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2M15 18H9M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.62l-3.48-4.35A1 1 0 0 0 17.52 8H14'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3C/svg%3E")}
#div30075_21 [id^="txt30645_"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DC3618' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3M12 17h.01'/%3E%3C/svg%3E")}
#div30075_22 [id^="txt30645_"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DC3618' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2zM22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E")}
#div30075_23 [id^="txt30645_"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DC3618' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m16.24 7.76-2.12 6.36-6.36 2.12 2.12-6.36z'/%3E%3C/svg%3E")}

/* RT-BADGE (T12-002, 31.10.2026, Claude): Aktions-Badges .badge2 als kleine Fahne, die ueber den Kartenrand ragt (Faltecke), Vorlage Tom 31.10.
   Arten per Zusatzklasse im Markup: rt-b-top „TOP“ (dunkel), rt-b-sale „SALE“ (rot), rt-b-neu „NEU“/EN „NEW“ (gruen); Text steht in .top (EN „NEW“ per CSS, falls Quelle nur „NEU“ liefert).
   Ohne Klasse (alte Daten) bleibt der vorhandene Text in neutraler Fahne. Karten: oben rechts; Artikeldetail (#divProductPic): oben links.
   Selektor-Verstaerkung schlaegt Altregeln in 248478 (#df-right-mount …), Doofinder-Admin-CSS und 08 „Doofinder Karten Badges“ (spaeter entfernen). */
html body .badge2.badge2.badge2:is(#rt-badge, *) {
  --rt-b-grund: #263238; --rt-b-rand: #e8542f; --rt-b-falte: #10171b; --rt-b-icon-farbe: #ff7a52;
  position: absolute !important; top: 12px !important; right: -6px !important; bottom: auto !important; left: auto !important; z-index: 7 !important;
  display: inline-flex !important; flex-flow: row nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: .35em !important;
  box-sizing: border-box !important; width: auto !important; height: auto !important; min-width: 0 !important; max-width: none !important;
  margin: 0 !important; padding: .4em .7em .4em .55em !important; border: 1.5px solid var(--rt-b-rand) !important; border-radius: 5px 3px 0 5px !important;
  background: var(--rt-b-grund) !important; color: #fff !important;
  font-size: 10.5px !important; font-weight: 800 !important; line-height: 1.1 !important; letter-spacing: .06em !important; text-transform: uppercase !important; white-space: nowrap !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .25) !important; transform: none !important; clip-path: none !important; overflow: visible !important; pointer-events: none !important;
}
html body .badge2.badge2.badge2:is(#rt-badge, *)::after {
  content: "" !important; position: absolute !important; right: -1.5px !important; left: auto !important; bottom: -7.5px !important; width: 0 !important; height: 0 !important;
  border: 0 !important; border-top: 6px solid var(--rt-b-falte) !important; border-right: 6px solid transparent !important;
}
html body .badge2.badge2.badge2:is(#rt-badge, *) > :is(.top, .seller) {
  position: static !important; display: inline !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important;
  background: none !important; color: inherit !important; font: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important; box-shadow: none !important; transform: none !important;
}
html body .badge2.badge2.badge2:is(#rt-badge, *) > .empty-space { display: none !important; }
/* Arten: Farbe, Icon, Text aus CSS */
html body .badge2.badge2.badge2:is(.rt-b-top, .rt-b-sale, .rt-b-neu):is(#rt-badge, *)::before {
  content: "" !important; flex: 0 0 auto !important; width: 1.25em !important; height: 1.25em !important; background: var(--rt-b-icon-farbe) !important;
  -webkit-mask: var(--rt-b-icon) center / contain no-repeat; mask: var(--rt-b-icon) center / contain no-repeat;
}
html body .badge2.badge2.badge2.rt-b-top:is(#rt-badge, *) { --rt-b-grund: #263238; --rt-b-rand: #e8542f; --rt-b-falte: #10171b; --rt-b-icon-farbe: #ff7a52;
  --rt-b-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l6-6 4 4 8-8'/%3E%3Cpath d='M14 7h7v7'/%3E%3C/svg%3E"); }
html body .badge2.badge2.badge2.rt-b-sale:is(#rt-badge, *) { --rt-b-grund: #d42a12; --rt-b-rand: #ff8a6a; --rt-b-falte: #7d1708; --rt-b-icon-farbe: #fff;
  --rt-b-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.8' stroke-linecap='round'%3E%3Cpath d='M19 5L5 19'/%3E%3Ccircle cx='7' cy='7' r='2.6'/%3E%3Ccircle cx='17' cy='17' r='2.6'/%3E%3C/svg%3E"); }
html body .badge2.badge2.badge2.rt-b-neu:is(#rt-badge, *) { --rt-b-grund: #0e7a55; --rt-b-rand: #5fd3a5; --rt-b-falte: #06402c; --rt-b-icon-farbe: #c8ffe8;
  --rt-b-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.4 6.6L21 11l-6.6 2.4L12 20l-2.4-6.6L3 11l6.6-2.4z'/%3E%3C/svg%3E"); }
html body .badge2.badge2.badge2:is(.rt-b-top, .rt-b-sale, .rt-b-neu):is(#rt-badge, *) > :is(.seller, .empty-space) { display: none !important; }
html:lang(en) body .badge2.badge2.badge2.rt-b-neu:is(#rt-badge, *) > .top { font-size: 0 !important; }
html:lang(en) body .badge2.badge2.badge2.rt-b-neu:is(#rt-badge, *) > .top::after { content: "NEW"; font-size: 10.5px; }
/* Fahne darf ueber den Kartenrand ragen */
html body :is(.dfwidget-card, .df-card, .dfd-card, .product-wrapper, .product-wrapper #divProductImg):has(> .badge2) { overflow: visible !important; }
html body .product-wrapper:has(> #divProductImg > .badge2) { overflow: visible !important; }
/* Artikeldetailseite: oben links am Bildfeld, ragt links heraus, Faltecke links */
html body #divProductPic:has(> .badge2) { position: relative !important; }
html body #divProductPic .badge2.badge2.badge2:is(#rt-badge, *) { top: 14px !important; left: -6px !important; right: auto !important; font-size: 12.5px !important; border-radius: 3px 5px 5px 0 !important; }
html body #divProductPic .badge2.badge2.badge2:is(#rt-badge, *)::after { left: -1.5px !important; right: auto !important; border-right: 0 !important; border-left: 6px solid transparent !important; }

/* RT-BADGE Detail (T12-014, 31.10.2026, Claude): Badge-Felder fldBadge*_P ohne eigene Box (Bild verrutschte), Fahne haengt an der sichtbaren Artikelkarte #form29504_2 (in #divProductDetail_2)
   und ragt links heraus; alte Badge-Elemente (Hot Topic / Anzeigekennz., ohne rt-b-v-Klasse) ausgeblendet, bis sie geloescht sind. */
html body #divProductPic > [id^="fldBadge"] { display: contents !important; }
html body #form29504_2:has(#divProductPic .badge2) { position: relative !important; }
html body #divProductPic:has(.badge2) { position: static !important; }
html body #divProductPic .badge2.badge2.badge2:not([class*="rt-b-v"]):is(#rt-badge, *) { display: none !important; }
html body #divProductPic .badge2.badge2.badge2:is(#rt-badge, *) { top: 24px !important; left: -6px !important; right: auto !important; font-size: 15px !important; padding: .45em .85em .45em .75em !important; }

/* rt-am: Kontomenue-Dropdown #divMyAccountDropDown (T08-004, 31.10.2026). Icons = Pe-icon-7-stroke (Seiten-Iconset). */
#MyAccountMenu{position:relative}
ul.header:has(#MyAccountMenu:hover),ul.header:has(#MyAccountMenu:focus-within){z-index:1600}
#MyAccountMenu #divMyAccountDropDown{left:0;right:auto;top:calc(100% + 4px);width:320px;min-width:0;max-width:calc(100vw - 24px);padding:20px;box-sizing:border-box;border:1px solid #e6e6ea;border-radius:16px;background:#fff;box-shadow:0 18px 40px rgba(20,24,31,.16);font-size:15px;font-weight:400;line-height:1.35;text-align:left;text-transform:none;letter-spacing:0;overflow:visible;transform:translateY(6px)}
#MyAccountMenu #divMyAccountDropDown::before{content:"";position:absolute;top:-7px;left:46px;width:12px;height:12px;background:#fff;border-left:1px solid #e6e6ea;border-top:1px solid #e6e6ea;transform:rotate(45deg)}
#MyAccountMenu #divMyAccountDropDown::after{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
#MyAccountMenu:hover #divMyAccountDropDown,#MyAccountMenu:focus-within #divMyAccountDropDown{visibility:visible;opacity:1;transform:none}
#divMyAccountDropDown > ul{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}
#divMyAccountDropDown > ul > li{margin:0!important;padding:0!important;line-height:1.35}
#divMyAccountDropDown > ul > li > a{display:flex!important;align-items:center;gap:12px;width:100%!important;padding:9px 10px!important;margin:0 -10px;box-sizing:content-box!important;border-radius:10px;color:#222;font-size:15px;font-weight:500;text-transform:none;letter-spacing:0;text-decoration:none;white-space:nowrap}
#divMyAccountDropDown > ul > li > a::before{content:"\e605";font-family:"Pe-icon-7-stroke";font-size:22px;line-height:1;width:24px;flex:0 0 24px;text-align:center;color:#3a3a42;speak:never}
#divMyAccountDropDown > ul > li > a:hover,#divMyAccountDropDown > ul > li > a:focus-visible{background:#f4f4f6;color:#b92e15}
#divMyAccountDropDown > ul > li > a:hover::before{color:#b92e15}
#divMyAccountDropDown a[id$="_A2675"]::before{content:"\e642"}
#divMyAccountDropDown a[id$="_A2688"]::before{content:"\e61b"}
#divMyAccountDropDown a[id$="_A2704"]::before{content:"\e629"}
#divMyAccountDropDown a[id$="_A2671"]::before{content:"\e605"}
#divMyAccountDropDown a[id$="_A2693"]::before{content:"\e648"}
#divMyAccountDropDown a[id$="_A2673"]::before{content:"\e673"}
#divMyAccountDropDown a[id$="_A2674"]::before{content:"\e69d"}
#divMyAccountDropDown a[id$="_A4499"]::before{content:"\e611"}
#divMyAccountDropDown a[id$="_A2719"]::before{content:"\e63f"}
#divMyAccountDropDown a[href*="ogout" i]::before,#divMyAccountDropDown a[href*="abmeld" i]::before{content:"\e621"}
#divMyAccountDropDown > ul > li:has(> a[id$="_A2718"]){order:-1;margin:0 0 10px!important}
#divMyAccountDropDown a[id$="_A2718"]{display:block!important;margin:0!important;padding:0!important;font-size:0!important;color:#222}
#divMyAccountDropDown a[id$="_A2718"]::before{content:"Willkommen";display:block;width:auto;font-family:inherit;font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;text-align:left;color:#6b6b75}
#divMyAccountDropDown a[id$="_A2718"]::after{content:"Mein Konto";display:block;font-size:19px;font-weight:700;color:#222}
html[lang^="en"] #divMyAccountDropDown a[id$="_A2718"]::before{content:"Welcome"}
html[lang^="en"] #divMyAccountDropDown a[id$="_A2718"]::after{content:"My account"}
#divMyAccountDropDown a[id$="_A2718"]:hover{background:none}
#divMyAccountDropDown a[id$="_A2718"]:hover::after{color:#b92e15}
#divMyAccountDropDown > ul > li:has(> a[id$="_A2676"]){order:9;margin-top:8px!important}
#divMyAccountDropDown a[id$="_A2676"]{display:block!important;padding:6px 10px!important;font-size:0!important}
#divMyAccountDropDown a[id$="_A2676"]::before{content:"Neu hier? ";display:inline;width:auto;font-family:inherit;font-size:15px;color:#222}
#divMyAccountDropDown a[id$="_A2676"]::after{content:"Registrieren";font-size:15px;font-weight:600;color:#b92e15}
html[lang^="en"] #divMyAccountDropDown a[id$="_A2676"]::before{content:"New here? "}
html[lang^="en"] #divMyAccountDropDown a[id$="_A2676"]::after{content:"Create account"}
#divMyAccountDropDown a[id$="_A2676"]:hover{background:none}
#divMyAccountDropDown a[id$="_A2676"]:hover::after{text-decoration:underline}
#divMyAccountDropDown #frmLoginDropDownHeader,#divMyAccountDropDown #frmLoginDropDownDescPwd{display:none}
#divMyAccountDropDown #frmLoginDropDown{margin:14px 0 0;padding:16px 0 0;border-top:1px solid #ececf0}
#divMyAccountDropDown #frmLoginDropDown form{display:block;margin:0}
#divMyAccountDropDown #frmLoginDropDown form br{display:none}
#divMyAccountDropDown #frmLoginDropDownDescLogin{display:block;margin:0 0 10px;padding:0!important;font-size:0;line-height:1}
#divMyAccountDropDown #frmLoginDropDownDescLogin::after{content:"Anmelden";font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#6b6b75}
html[lang^="en"] #divMyAccountDropDown #frmLoginDropDownDescLogin::after{content:"Sign in"}
#divMyAccountDropDown .input-rounded-login{display:block;width:100%;height:46px;margin:0 0 10px!important;padding:10px 14px 10px 44px;box-sizing:border-box;border:1px solid #d9d9df;border-radius:12px;font-size:15px;background:#fff no-repeat 14px 50%/20px 20px}
#divMyAccountDropDown input[name="txtLogin"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6b75' stroke-width='1.5'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E")}
#divMyAccountDropDown input[name="txtPWD"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6b75' stroke-width='1.5'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")}
#divMyAccountDropDown input.login-toggle-btn{appearance:none!important;-webkit-appearance:none!important;width:20px!important;min-width:20px!important;height:20px!important;margin:2px 10px 14px 0!important;padding:0!important;vertical-align:middle;border:1.5px solid #9a9aa3!important;border-radius:5px!important;background:#fff!important;box-shadow:none!important;cursor:pointer;position:relative}
#divMyAccountDropDown input.login-toggle-btn::before,#divMyAccountDropDown input.login-toggle-btn::after{display:none}
#divMyAccountDropDown input.login-toggle-btn:checked{border-color:#b92e15!important;background:#b92e15 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") no-repeat 50%/14px!important}
#divMyAccountDropDown input.login-toggle-btn:focus-visible{outline:3px solid #174f7c;outline-offset:2px}
#divMyAccountDropDown input.login-toggle-btn + span{display:inline-block;padding:0!important;font-size:0;line-height:1.25;vertical-align:middle;margin-bottom:14px}
#divMyAccountDropDown input.login-toggle-btn + span::after{content:"Angemeldet bleiben";font-size:14px;color:#222}
html[lang^="en"] #divMyAccountDropDown input.login-toggle-btn + span::after{content:"Stay signed in"}
#divMyAccountDropDown input[type="submit"].default-btn{display:block;width:100%;height:48px;min-height:48px;margin:0;border-radius:12px;font-size:16px;font-weight:600;text-transform:none;letter-spacing:0;box-shadow:0 6px 16px rgba(185,46,21,.25)}
#divMyAccountDropDown .kennwort_vergessen{display:block;margin:12px 0 0;font-size:14px;line-height:1.25;color:#222;text-align:center;text-transform:none;text-decoration:none}
#divMyAccountDropDown .kennwort_vergessen div,#divMyAccountDropDown .kennwort_vergessen em{text-align:center!important;font-size:14px!important;color:inherit;font-weight:400}
#divMyAccountDropDown .kennwort_vergessen br{display:none}
#divMyAccountDropDown .kennwort_vergessen em{font-style:normal}
#divMyAccountDropDown .kennwort_vergessen:hover{color:#b92e15;text-decoration:underline}

/* RT-REV T04-004 Bewertungen Artikelseite (31.10.2026) */
#Bewertungen:not([style*="none"]) { display: grid !important; grid-template-columns: minmax(0,640px) minmax(220px,1fr); column-gap: 40px; align-items: start; padding: 0 25px 25px; }
#Bewertungen #write-review_5, #Bewertungen #review-list_4, #Bewertungen i:not([class]) { display: contents; font-style: normal; }
#Bewertungen #write-review_5 > script, #Bewertungen #review-list_5 > hr { display: none; }
#Bewertungen .rt-rev-intro { grid-column: 1 / -1; grid-row: 1; margin: 0 0 18px; font-size: 13px; line-height: 1.55; font-style: italic; color: #333; }
#Bewertungen .rt-rev-intro .tooltip-container > strong { color: #c4301a; }
#Bewertungen .rt-on-msg { display: none; grid-column: 1; grid-row: 2; padding: 18px 20px 0; background: #f4f4f4; border: 1px solid #e2e2e2; border-bottom: 0; border-radius: 10px 10px 0 0; box-shadow: 0 4px 14px rgba(0,0,0,.08); clip-path: inset(-20px -20px 0 -20px); }
#Bewertungen:has(.button-box) .rt-on-msg { display: block; }
#Bewertungen .rt-on { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 15px; font-weight: 700; color: #222; }
#Bewertungen .rt-on::before { content: ""; flex: 0 0 9px; height: 9px; border-radius: 50%; background: #2e9d3f; }
#Bewertungen .rt-on i { font-size: 22px; }
#Bewertungen .rt-on-text { margin: 12px 0 0; font-size: 15px; line-height: 1.5; color: #222; }
#Bewertungen #write-review_9 { grid-column: 1; grid-row: 3; position: relative; padding: 16px 20px 18px; background: #f4f4f4; border: 1px solid #e2e2e2; border-radius: 10px; box-shadow: 0 4px 14px rgba(0,0,0,.08); }
#Bewertungen:has(.button-box) #write-review_9 { padding-top: 0; border-top: 0; border-radius: 0 0 10px 10px; clip-path: inset(0 -20px -20px -20px); }
#Bewertungen #divCategories_49 { position: static; margin: 0 !important; padding: 0; background: none; border: 0; box-shadow: none; }
#Bewertungen #frmLogin_19Header { display: block; margin: 0 0 10px; font-size: 13px; font-style: italic; color: #222; }
#Bewertungen #frmLogin_19 form { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 10px 14px; align-items: center; margin: 0; }
#Bewertungen #frmLogin_19 form > br { display: none; }
#Bewertungen #frmLogin_19 form > span > span { margin: 0 !important; font-size: 22px !important; font-weight: 400 !important; color: #555; }
#Bewertungen #frmLogin_19 .login-form-container-input { width: 100%; height: 38px; margin: 0; padding: 0 12px; border: 1px solid #d4d4d4; border-radius: 6px; background: #fff; font-size: 14px; }
#Bewertungen #frmLogin_19 input[type="submit"] { grid-column: 1 / -1; justify-self: start; margin: 8px 0 0; padding: 10px 28px; border: 0; border-radius: 6px; background: #c4301a; color: #fff; font-size: 13px; font-weight: 700; box-shadow: 0 3px 8px rgba(196,48,26,.35); }
#Bewertungen #frmLogin_19 input[type="submit"]:hover { background: #a52914; }
#Bewertungen #link31786_14 span { right: 20px !important; bottom: 18px !important; font-size: 12px !important; color: #444; }
#Bewertungen .button-box { margin: 18px 0 0; }
#Bewertungen .button-box .default-btn { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 11px 22px; border: 0; border-radius: 6px; background: #3a3d42; color: #fff; font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; box-shadow: 0 3px 8px rgba(0,0,0,.25); }
#Bewertungen .button-box .default-btn::before { content: "\e628"; font-family: Pe-icon-7-stroke; font-size: 16px; font-weight: 400; }
#Bewertungen .button-box .default-btn:hover { background: #24272b; color: #fff; }
#Bewertungen #review-list_5 { display: block; grid-column: 2; grid-row: 2 / 4; align-self: center; padding: 0; text-align: center; color: #222; }
#Bewertungen .rt-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
#Bewertungen #lbl138185 { display: inline-block; vertical-align: middle; margin-right: 10px; }
#Bewertungen #lbl138185 .Fett { font-size: 46px; font-weight: 700; line-height: 1; color: #222; }
#Bewertungen .rt-stars { --p: 100%; display: inline-block; vertical-align: middle; font-size: 24px; line-height: 1; letter-spacing: 2px; background: linear-gradient(90deg, #f2b01e var(--p), #c4c4c4 var(--p)); -webkit-background-clip: text; background-clip: text; color: transparent; }
#Bewertungen .rt-rev-max { display: block; margin-top: 10px; font-size: 14px; }
#Bewertungen .rt-rev-basis { display: block; margin-top: 6px; font-size: 13px; color: #595959; }
#Bewertungen #lbl138187, #Bewertungen #lbl138187 .Fett { display: inline; font-weight: inherit; color: inherit; }
#Bewertungen #lst1576_4 { grid-column: 1 / -1; grid-row: 4; margin-top: 44px; }
#Bewertungen #form1577_4 { display: grid; grid-template-columns: minmax(0,1fr) auto; column-gap: 16px; margin: 0 0 16px !important; padding: 16px 20px; border: 1px solid #e0e0e0; border-radius: 10px; background: #f7f7f7 !important; box-shadow: 0 4px 14px rgba(0,0,0,.07); }
#Bewertungen #form1577_4 > br, #Bewertungen #form1577_4 > script { display: none; }
#Bewertungen #form1577_4 #rating-star_4 { float: none; grid-column: 2; grid-row: 1; align-self: center; }
#Bewertungen #form1577_4 #rating-star_4 img { width: 20px; height: 20px; }
#Bewertungen #form1577_4 .rating-number { float: none; grid-column: 1; grid-row: 1; font-size: 19px; color: #222; }
#Bewertungen #form1577_4 .rating-date { float: none; grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; margin-top: 6px; font-size: 13px; color: #333; }
#Bewertungen #form1577_4 #rating-date_6 { grid-row: 2; }
#Bewertungen #form1577_4 #rating-date_5 { grid-row: 3; }
#Bewertungen #form1577_4 .rating-date > b { display: none; }
#Bewertungen #form1577_4 .rating-date::before { font-family: Pe-icon-7-stroke; font-size: 16px; line-height: 1; }
#Bewertungen #form1577_4 #rating-date_6::before { content: "\e660"; }
#Bewertungen #form1577_4 #rating-date_5::before { content: "\e693"; }
#Bewertungen #form1577_4 .rating-text { float: none; grid-column: 1 / -1; grid-row: 4; margin-top: 10px; font-size: 13px; line-height: 1.55; color: #222; }
#Bewertungen #form1577_4 .rating-text i { font-style: normal; }
/* rt-am Teil 2: angemeldet (T08-004, 31.10.2026) */
#divMyAccountDropDown > ul:not(:has(a[id$="_A2718"]))::before{content:"Mein Konto";display:block;margin:0 0 8px;font-size:19px;font-weight:700;line-height:1.3;color:#222}
html[lang^="en"] #divMyAccountDropDown > ul:not(:has(a[id$="_A2718"]))::before{content:"My account"}
#divMyAccountDropDown a[id$="_A2672"]::before{content:"\e605"}
#divMyAccountDropDown form:has(input[value="logoff"]) input[type="submit"].default-btn{height:44px;min-height:44px;background:#fff!important;color:#222!important;border:1px solid #d9d9df!important;box-shadow:none;font-weight:600}
#divMyAccountDropDown form:has(input[value="logoff"]) input[type="submit"].default-btn:hover,#divMyAccountDropDown form:has(input[value="logoff"]) input[type="submit"].default-btn:focus-visible{background:#fff5f3!important;color:#b92e15!important;border-color:#b92e15!important}

/* T13 P1 Info-Kacheln (ersetzt Style-Bloecke html200563 und html201178 auf 2677/2679), 01.11.2026 */
.info-tiles .info-tile { background-color:#f7f7f8 !important; border-radius:5px !important; padding:20px !important; display:flex !important; flex-direction:column !important; justify-content:space-between !important; height:100%; }
.info-tiles .info-tile-title { font-size:16px !important; text-align:center; }
.info-tiles .info-tile-btn { margin-top:auto; margin-left:auto !important; margin-right:auto !important; display:flex; justify-content:center; align-items:center; text-align:center !important; background-color:#fdfdfd !important; box-shadow:0 4px 6px rgba(0,0,0,.1); }
.info-tiles .info-tile-btn:hover { background-color:#E85237 !important; }


.ausblenden {
    display: none;
height:auto;
}


.testklasse
{}

.einblenden {
    display: block;
}

#img132172 {
    display: none;
}

/* T11-005: wirkungslose Altregel (Syntaxfehler) neutral auskommentiert, Klärung durch T11: @media (min-width: 1200px) { .containermax-width: 1200px; } */



.bannertwo-banner-content {
    padding: 50px 420px 93px 247px;
}

.prl-fluid {
    padding-left: 70px;
    padding-right: 70px;
}

.header > li {
    padding: 1rem 20px;
    margin: 0;
}

.header > li.top-nav-right {
    padding: 1rem 30px;
    margin: 0;
}

.header > li:last-child {
    padding-right: 0;
}

.best-selling-2-list {
    height: 48rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.best-selling-2-list > :first-child {
    width: 40%;
    height: 100%;
}

.best-selling-2-list > div {
    width: 100%;
    height: 30rem;
    margin-bottom: 1rem;
}

.best-selling-2-img {
    height: 70%;
}

.best-selling-2-list > .product-wrapper > .best-selling-2-img img {
    width: 100%;
    height: auto;
}



.best-selling-2-list > .product-wrapper:first-child > .best-selling-2-img {
    height: 86%;
}

.best-selling-2-img > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.best-selling-2-list > .product-wrapper:first-child h4 {
    font-size: 24px;
}

.best-selling-2-list > .product-wrapper:first-child h5 {
    font-size: 24px;
}

.best-selling-2-list > :first-child table {
    margin: 0 auto;
}

.best-selling-2-list > div {
    width: 20%;
    height: 50%;
    margin-bottom: 0;
    background-color: #fff;
    outline: 6px solid #fff;
}






@media (max-width:767px) {
  #divBannerHome :is(#divBGBanner_10,#divBGBanner_6) { grid-template-columns:minmax(84px,.34fr) minmax(0,.66fr); gap:8px; min-height:380px; height:380px; padding:16px 14px; }
  #divBannerHome :is(#div27258_6,#div27258_4) { grid-column:2; grid-row:1; max-width:none; padding:18px 14px; }
  #divBannerHome h2 { margin:9px 0 12px; font-size:20px; }
  #divBannerHome :is(#div27258_6,#div72587) > p { font-size:12px; line-height:1.45; margin-bottom:16px; }
  #divBannerHome #div27263_4 { position:absolute; top:0; bottom:0; left:0; right:auto; width:34%; height:auto; margin:0; }
  #divBannerHome #img27264_3 { top:-80px; height:calc(100% + 160px); }
  #divBannerHome #div27263_2 { top:12px; left:12px; width:110px; padding:8px; }
  #divBannerHome #div27261_3 { top:12px; left:12px; width:110px; max-width:none; padding:8px; }
  #divBannerHome .button-29, #divBannerHome .button-87 { min-height:40px; padding:9px 12px; font-size:12px; }
}

@media (max-width: 768px) { /* Für Tablets und kleinere Bildschirme */
  .funnel-wait-pic {
    top: 50%;
    transform: translate(-50%, -50%);
    width: 160px;
    height: 160px;
  }
}

@media (max-width: 480px) { /* Für Handys */
  .funnel-wait-pic {
    top: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
  }
}

@media (max-width: 768px) {
    #divHeadlineHotTopics_11 {
        margin: 0 !important;
    }
}

@media (max-width: 768px) {
    .header > li.top-nav-right {
        padding: 0 !important;
        text-align: left !important;
    }
}

@media (max-width: 768px) {
    .header a {
        padding-left: 15px !important;
        top: 5px !important;
    }
}

@media (max-width: 768px) {
    #link31786 {
        padding-left: 0 !important;
    }
}

@media (min-width:768px) {
    .button-53 {
        padding: .75rem 3rem;
        font-size: 1.25rem;
    }

    .button-73 {
        position: relative;
        color: #666;
        border: none;
        border-radius: 10px;
        font-size: 14px;
        padding: 2px;
        padding-bottom: 3px;
        transition: .3s;
        box-shadow: 12px 12px 16px 0 rgba(0,0,0,.15), -8px -8px 12px 0 rgba(255,255,255,.2);
        cursor: pointer;
        background-color: #fff;
        font-weight: 600;
        -webkit-user-select: none;
        touch-action: manipulation;
    }

    .button-73:hover {
        background-color: #e75136;
        box-shadow: 0 0 15px .08px rgba(0,0,0,.15);
        color: #fff;
    }

    .button-73:active {
        transform: scale(1.025);
    }
}

@media only screen and (max-width:767px) {
    .tooltip2 {
        display: none;
    }
}

@media (min-width:768px) {
    .loginbutton {
        padding: .25em .75em;
    }
}

@media (max-width: 768px) {
    .logout-button {
        display: none; 
    }
}

@media (max-width: 768px) {
    .main-menu #divMenuCategory h6 {
        font-size: 14px;
        line-height: 36px;
    }

    .main-menu nav > ul {
        padding-left: 20px;
    }

    .main-menu nav > ul > li > a {
        font-size: 12px;
        line-height: 36px;
    }

    .MenuTwoWrapper .main-menu-wrapper, .main-menu-wrapper, .main-menu-wrapper-2 {
        left: 0px;
    }

    .main-menu-flex {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .main-menu {
        background-size: 100% 100%;
        box-shadow: none;
        height: 50px;
    }
}

@media (max-width: 767px) {
    .knowledgepic {
        float: none;
        display: block;
        margin: 0 auto;
        max-width: 90%;
        height: auto;
        padding: 15px 0px;
    }
}

@media (max-width: 767px) {
    .breadcrumb-content li {
        font-size: 12px;
        padding-right: 5px;
    }

    .breadcrumb-content {
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (min-width:768px) {
    .button-74 {
        min-width: 120px;
        padding: 0 25px;
    }
}

@media screen and (max-width:767px) {
    .button-5 {
        display: none;
    }
}

@media (max-width: 767px) {
    .achievements {
        flex-wrap: wrap;
    }

    .achievement {
        width: 28%;
        margin: 1%;
        padding: 5px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
    }

    .achievement p {
        display: block;
        font-size: 13px;
        margin-top: 15px !important;
    }

    .icon {
        font-size: 24px;
        position: relative;
        margin-bottom: 5px;
    }
}

@media only screen and (max-width:767px) {
    .searchfield {
        font-size: 9px;
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .searchfield, .searchfield input, .searchfield button {
        font-size: 8px !important;
    }
}

@media (max-width: 767px) {
    .main-menu-wrapper, .main-menu-wrapper-2 {
        left: -15px !important;
        width: 300% !important;
    }
}

@media (max-width: 374px) {
    .header > li {
        padding: 1rem 5px;
    }
}

@media (max-width: 575px) {
    .cart-preview {
        min-width: 300px;
    }

    .best-selling-2-list > :first-child {
        height: auto;
    }

    .best-selling-2-list > div {
        height: auto;
    }

    .divMainMenuWrapper {
        display: none;
    }
}

@media (max-width: 768px) {
    .mobile-full-width {
        flex: 100% !important;
        max-width: 100% !important;
        -ms-flex: 100% !important;
    }
}

@media (max-width: 768px) {
    .col-lg-4-3 {
        flex: 100% !important;
        max-width: 100% !important;
        -ms-flex: 100% !important;
    }
}

@media (max-width: 768px) {
    [id^="divRight_"] {
        flex: 100% !important;
        max-width: 100% !important;
        -ms-flex: 100% !important;
    }
}

@media (max-width: 768px) {
    .myaccountoption {
        display: none !important;
    }
}

@media (max-width: 767px) {
    #divMenuContainer {
        padding: 3px 4px !important;
    }
}
@media (width: 768px) {
    #divMenuContainer {
        padding: 15px !important;
    }
}



@media only screen and (max-width: 768px) {
    #div57336_16 {
        width: 100%;
    }
}

@media (max-width: 767px) {
    #divLogo {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        display: block;
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    #divCategories_23 {
        display: block;
    }
}

@media (max-width: 767px) {
    .product-action {
        display: none;
    }

    .notification-section {
        width: 100%;
        padding: 10px;
        font-size: 14px;
        display: block;
        text-align: center;
        position: static;
        margin-top: 20px;
        border: none;
        box-shadow: none;
    }
}

@media (max-width: 768px) {
    .blogbutton {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .ausblenden {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .einblenden {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    #formProductSearch {
        width: 38%;
    }

    #divProductDetail_2 {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
    }

    #div57336_13 {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        width: 100%;
    }
}
@media only screen and (max-width: 768px) {
  .top-banner {
    display: none;
  }
}
@media screen and (max-width: 768px) {
    #div49615 {
        display: none;
    }

    #divNewsletter {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    #div58454_2 {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    #div58454_1 {
        display: none;
    }
}

@media (max-width: 767px) {
    .header-wrapper {
        font-size: 10px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 35px !important;
        padding-right: 35px !important;
        margin-top: 2px;
    }
}

@media (min-width: 1024px) {
    #img132172 {
        display: block;
    }
}

@media (max-width: 767px) {
    #divMenuCategory {
        left: 0px;
        position: relative;
    }
}

@media (max-width: 767px) {
    .searchfield input {
        font-size: 10px;
        padding: 3px;
    }
}

@media (max-width: 767px) {
    .roundbox2 {
        display: none;
    }
}

@media (max-width: 767px) {
    #div55273_1 {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    #div55273_5 {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    #fld55277_1 {
        font-size: 14px !important;
    }
}

@media (max-width: 767px) {
    #div57336_18 {
        width: 100%;
        border: none;
    }
}

@media (max-width: 767px) {
    #div57336_26 {
        width: 100%;
    }
}

@media (max-width: 767px) {
    #customers td, #customers th {
        width: 150px;
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    #div33408_1 {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        font-size: 10px;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 1024px) {
    #divNotificationText {
        padding: 0;
        margin: 0;
        border-radius: 0;
    }

    #divProductGridTemplate {
        padding: 0;
        padding-bottom: 0;
        transform: scale(1);
    }

    #divProductListTemplate {
        padding: 0;
        margin: 0;
        border-radius: 0;
        transform: scale(1);
    }

    #divauszeichnung {
        display: none;
    }

    #divSlideContentText {
        display: none;
    }

    #divBestSellingArea {
        display: none;
    }

    #lstMenuFirst {
        width: 50%;
    }

    #hr56434 {
        display: none;
    }

    #divBestSellingHeader_2 {
        display: none;
    }

    #divPlaceholder_4 {
        display: none;
    }

    #div57722 {
        display: none;
    }

    #html55278_3 {
        display: none;
    }

    #divSlider { display:block; }

    #div56422 {
        display: none;
    }
}

@media screen and (max-width: 1900px) {
    #html58423 {
        display: none;
    }
}

@media (max-width: 767px) {
    #divHeadlineHotTopics_8 {
        right: 0;
        padding: 20px 0;
    }
}

@media (max-width: 767px) {
    #divHeadlineHotTopics_17 {
        right: 0;
        padding: 20px 0;
    }
}

@media (max-width:991px) { #form29504_4 { grid-template-columns:minmax(0,1fr); gap:18px; padding:16px; } #form29504_4 > #divProductPic_1 { position:static; border-right:0; border-bottom:1px solid #e7e7e7; padding-bottom:16px; } #form29504_4 > #divProductDesc_1 { padding-left:0; border-left:0; } #form29504_4 #ctl35100_1_MainImg { max-height:260px; } }
@media (max-width:767px) { #form29504_4 #form15505_8 { grid-template-columns:minmax(0,1fr); grid-template-areas:'intro' 'article-label' 'article' 'number-label' 'number'; padding:14px; } #form29504_4 #div56706_3 { grid-template-columns:minmax(0,1fr); grid-template-areas:'contact' 'notice' 'email-label' 'email' 'name-label' 'name' 'address-label' 'address' 'phone-label' 'phone' 'divider' 'request' 'subject-label' 'subject' 'message-label' 'message'; } #form29504_4 #div56706_5 { grid-template-columns:minmax(0,1fr); } #form29504_4 #head15501_5 { font-size:24px; } #form29504_4 #frm_submit_107186 { width:100%; } }

@media (max-width: 767px) {
    #divProductPic {
        padding-right: 0px;
    }

#sta28686_3 { position:relative; float:none !important; top:auto; left:auto; right:auto; display:flex; justify-content:flex-end; width:100%; margin:0; }
#divFooter2_1 { box-shadow:none; padding-left:0; }

#div27496_1 { padding-left:0; }
}
@media (min-width: 576px) {
    .live-search-container {
        top: 49px;
    }

    .main-menu-wrapper {
        margin-left: -15px;
        width: 15rem;
        left: auto;
        right: auto;
        display: block;
    }

    .main-menu-wrapper-2 {
        margin-left: -1rem;
        width: unset;
        left: auto;
        right: auto;
        display: block;
    }

    .submenu-entry:hover > .submenu-wrapper {
        visibility: visible;
        opacity: 1;
        transition: all .3s ease 0s;
        -webkit-transition: all .3s ease 0s;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .submenu-entry-v-v-v:hover > .submenu-wrapper-v-v-v {
        visibility: visible;
        opacity: 1;
        transition: all .3s ease 0s;
        -webkit-transition: all .3s ease 0s;
        display: block !important;
    }

    .submenu-entry:hover > .submenu-wrapper-2 {
        visibility: visible;
        opacity: 1;
        transition: all .3s ease 0s;
        -webkit-transition: all .3s ease 0s;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .searchfield button {
        background-color: transparent;
        border-color: currentcolor currentcolor currentcolor #a7a7a7;
        border-image: none;
        border-style: none none none solid;
        border-width: medium medium medium 1px;
        color: #666;
        cursor: pointer;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .best-selling-2-list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        overflow: hidden;
    }

    .best-selling-2-list > :first-child {
        text-align: center;
        height: auto;
    }

    .best-selling-2-list > .product-wrapper:first-child h4 {
        font-size: 24px;
    }

    .best-selling-2-list > .product-wrapper:first-child h5 {
        font-size: 24px;
    }

    .best-selling-2-list > :first-child table {
        margin: 0 auto;
    }

    .best-selling-2-list > div {
        width: 50%;
        height: auto;
        margin-bottom: 0;
        background-color: #fff;
        outline: 6px solid #fff;
    }

    .best-selling-2-img {
        height: 20rem;
    }

    .best-selling-2-list > .product-wrapper > .best-selling-2-img img {
        width: auto;
        height: 100%;
    }

    .best-selling-2-list > :first-child .best-selling-2-img {
        height: 30rem;
        max-height: 40rem;
    }

    .best-selling-2-list > :first-child .best-selling-2-img img {
        width: 100%;
        height: auto;
    }

    .footer-services-content > h4 {
        font-size: 22px;
    }

    .footer-menu {
        margin-bottom: 10px;
    }

    .prl-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    .header > li, .header > li.top-nav-right {
        padding: 1rem 5px;
        margin: 0;
    }

    #divProductAreaTwo .product-img-5 {
        margin-bottom: 20px;
    }

    .best-selling-2-list > :first-child {
        height: auto;
    }

    .best-selling-2-list > div {
        height: auto;
    }

    .product-content-list {
        margin-left: 0;
        margin-top: 15px;
    }

    .shop-bar.pb-50 {
        padding-bottom: 10px;
    }


    #divLogo {
        margin-bottom: 1rem !important;
    }
}

@media (max-width: 768px) { /* Für Tablets und kleinere Bildschirme */
  .weitereartikel {
    width: 100% !important;
  }
}

@media (max-width: 768px) {
    .shop-sidebar {
        margin-right: 0;
    }
}


@media (max-width: 480px) { /* Für Handys */
  .weitereartikel {
    width: 100% !important;
  }
}

@media (min-width: 768px) {
    .cart-preview {
        margin-top: 0;
    }

    .cart-link a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    footer .copyright {
        text-align: right !important;
    }

    .live-search-container .variant-banner {
        display: block;
    }

    .quickview-btn-cart {
        margin: 0 30px;
    }

    .quickview-btn-compare {
        margin-left: 30px;
    }

    .btn-cart {
        padding: 17px 35px;
    }

    .leftfilterarea {
        position: relative;
        display: block;
        opacity: 1;
        visibility: visible;
    }

    .catalog-menu ul li:hover > ul {
        display: block;
        position: absolute;
        top: 0;
        left: 100%;
        min-height: 100%;
    }

    .main-menu-title {
        width: auto;
        text-align: left;
    }

    .submenu-wrapper {
        width: 500px;
    }

    .mobile-menu-area.mobile-menu-none-block {
        display: none;
    }

    .cart-preview {
        left: unset;
        right: 0;
    }

    .slider-content-4 {
        width: 50%;
    }

    .best-selling-list > :first-child {
        width: 50%;
        height: 100%;
    }

    .best-selling-list > div {
        width: 15%;
        height: 50%;
        margin-bottom: 0;
    }

    .best-selling-list {
        height: 30rem;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .best-selling-img > img {
        height: 95%;
        width: auto;
    }

    .product-wrapper:first-child > .best-selling-img > img {
        height: 97.5%;
        width: auto;
    }

    .product-action-right {
        top: 2.5%;
    }

    .product-wrapper:first-child > .best-selling-img > .product-action-right {
        top: 1.25%;
    }

    .product-action-right-2 {
        top: 0;
    }

    .product-content-5 > h4 {
        font-size: 18px;
    }

    .product-content-5 > h5 {
        font-size: 18px;
    }

    .bannertwo-banner-content > h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .bannertwo-banner-content {
        padding: 55px 350px 55px 184px;
    }

    .modal-quickview-width {
        margin: 150px auto;
        min-width: 768px;
    }

    .section-title-4 > h2 {
        display: inline-block;
        font-size: 30px;
        font-weight: 700;
        margin: 0;
        position: relative;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .section-title-4 > h2::after {
        background-color: #2c2c2c;
        content: "";
        height: 2px;
        position: absolute;
        right: -81px;
        top: 19px;
        width: 60px;
    }

    .section-title-4 > h2::before {
        background-color: #2c2c2c;
        content: "";
        height: 2px;
        left: -81px;
        position: absolute;
        top: 19px;
        width: 60px;
    }

    .description-review-title a {
        color: #fff;
        background-color: #e85237;
        font-size: 20px;
        font-weight: 600;
        margin: 0 30px;
    }

    .prl-fluid {
        padding-left: 30px;
        padding-right: 30px;
    }

    .forgot-password {
        position: absolute;
        right: 40px;
        top: 255px;
    }

    #catalog-menu-container, .catalog-menu ul li:hover > ul {
        width: 240px;
    }

    .main-menu-wrapper-2 {
        margin-left: -1.5rem;
        left: auto;
        right: auto;
        display: block;
    }

    .main-menu-wrapper {
        margin-left: -30px;
        width: 15rem;
        left: auto;
        right: auto;
        display: block;
    }

    .main-menu nav > ul {
        padding-left: 20px;
    }

    .main-menu nav > ul > li {
        margin: 0 20px 0 0;
    }

    .main-menu nav > ul > li > a {
        font-size: 13px;
    }
}

@media (min-width: 992px) {
    .notification-button-basket {
        border-radius: 50px;
        font-weight: 700;
        color: #666;
        margin-top: 1em;
        width: auto;
    }

    .submenu-wrapper {
        width: 700px;
    }

    

    .product-content-5 > h4 {
        font-size: 24px;
    }

    .product-content-5 > h5 {
        font-size: 24px;
    }

    .bannertwo-banner-content {
        padding: 50px 400px 45px 222px;
    }

    .bannertwo-banner-content > h3 {
        font-size: 22px;
        line-height: 35px;
        margin-bottom: 10px;
    }

    .subscribe-form-3 form input {
        border: 1px solid #aaa;
        border-radius: 15px 0px 0px 15px;
        color: #999;
        font-size: 12px;
        line-height: 48px;
        padding-left: 20px;
        padding-right: 55px;
        position: relative;
    }

    .button {
        border-radius: 0 5px 5px 0 !important;
        bottom: 0;
        top: 0;
        display: inline-block;
        position: absolute;
        right: 0;
        z-index: 999;
        transition: all .3s ease 0s;
        cursor: pointer;
        margin-left: -10px;
    }

    .prl-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }

    .your-order {
        background: var(--color-54,#f2f2f2) none repeat scroll 0 0;
        padding: 30px 15px 45px;
    }

  

    .modal-quickview-width {
        min-width: 998px;
    }

    #modal-info-texts .modal-dialog {
        top: 20%;
    }

    #catalog-menu-container, .catalog-menu ul li:hover > ul {
        width: 300px;
    }

    .main-menu nav > ul {
        padding-left: 80px;
    }

    .main-menu nav > ul > li {
        margin: 0 28px 0 0;
    }
}

@media (min-width: 1600px) {
    .prl-fluid {
        padding-left: 200px;
        padding-right: 200px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
  #divSearchLine { flex-wrap: nowrap !important; }
  #divSearchLine #search-container { flex: 1 1 auto; min-width: 0; margin: 20px 24px; }
  #divSearchLine .doofindersuchfeld { width: 100%; max-width: 100%; }
  #divSearchLine #ajax-update-container-Cart { flex: 0 0 auto; }
  #divMenuCategory { flex: 0 0 auto !important; max-width: none !important; width: auto !important; }
  #div35238 > nav { flex: 1 1 auto !important; max-width: none !important; justify-content: flex-end; }
  #div35238 > nav > ul { padding-left: 0 !important; white-space: nowrap; display: flex; justify-content: flex-end; flex-wrap: nowrap; }
  #div35238 > nav > ul > li.menu-hover { margin-left: 18px !important; margin-right: 0 !important; }
  header ul.header > li:not(:empty):not(.x) { padding-left: 10px !important; padding-right: 10px !important; }
  #divSearchLine { align-items: center !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
  #divLogo .companylogo-img { width: 200px !important; }
  #div35238 > nav > ul > li.menu-hover { margin-left: 8px !important; }
  #div35238 > nav > ul > li.menu-hover > a { font-size: 11px !important; }
  #div35238 > nav > ul > li.menu-hover > a > i.pe-7s-angle-down { display: none !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #ajax-update-container-ContentHomeOnly .ausblenden { display: block !important; }
  #divRechtsStart { flex: 0 0 100% !important; max-width: 100% !important; }

}
@media (min-width: 768px) and (max-width: 991px) {
  body:has(#df-left-nav) nav.d-md-none:has(#linkShowFunnel_2), body:has(#df-left-nav) #div201071_1 { display: block !important; }
  #df-layout { display: block !important; }
  #df-left-nav { display: none !important; }
  #df-left-nav.rt-open { display: block !important; margin-bottom: 12px; }
  #df-right-mount, #df-right-mount .df-embedded, #df-right-mount .df-main { width: 100% !important; max-width: 100% !important; }
  #df-results__embedded { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
  #df-results__embedded .df-card { width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #df-results__embedded { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; }
  #df-results__embedded .df-card { width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; }
}
@media (max-width: 389px) {
  #div35238 { flex-wrap: nowrap !important; justify-content: space-between; }
  #div35238 > #divMenuCategory, #div35238 > #divMenuCategory_2 { flex: 0 1 auto !important; max-width: none !important; width: auto !important; padding: 0 2px !important; }
  #div35238 > nav { flex: 0 1 auto !important; max-width: none !important; width: auto !important; padding: 0 !important; }
  #div35238 > nav li.menu-hover { margin-left: 0 !important; }
  #divMobilauszeichnung .achievement { padding-left: 4px !important; padding-right: 4px !important; }
}
@media (max-width: 359px) {
  #div35238 > nav li.menu-hover { margin-left: 2px !important; }
  #div35238 > nav { padding-right: 0 !important; }
  #div35238 #link27086, #div35238 #link27086_3, #div35238 #link27086_9 { padding-left: 3px !important; padding-right: 3px !important; }
  #div35238 > #divMenuCategory, #div35238 > #divMenuCategory_2 { padding: 0 4px !important; }
}
@media (max-width: 991px) {
  #divProductDetail_5 { margin-left: 0 !important; margin-right: 0 !important; }
}
@media (min-width: 768px) {
  header ul.header #divMyAccountDropDown, header ul.header .languageselectoption { line-height: 1.5; }
}
@media (max-width: 768px) {
  #divBasket {
    position: absolute !important;
    right: 35px;
  }
  #divBasket .cart-preview, #divBasket:hover > .cart-preview, #divBasket:focus-within > .cart-preview { display: none !important; } /* T05 29.10.2026: Cart-Preview mobil aus */
  #div201071_1 { display: none; }}
@media (max-width: 767px) {
  #divMobileMenu #mobile-menu-active { display: none; }
  #divContentWrapperWhite.prl-fluid, #divContentWrapperGray.prl-fluid:has(#div29847_4) { padding-left:12px; padding-right:12px; }
  #search-container { margin: 12px auto; max-width: 360px; }
  #search-container .doofindersuchfeld { width: 100%; max-width: 100%; }
  #search-container i.ti-search { right: 14px; }
  #div201071_1 { margin: 12px 0 4px; }
  #linkShowFunnel_2 { justify-content: space-between; min-height: 44px; padding: 0 14px; border: 1px solid #d3d3d8; border-radius: 10px; background-color: #f4f4f6; color: #333; cursor: pointer; }
  #linkShowFunnel_2 b { font-size: 14px; }
  .df-custom-tree-wrapper { font-size: 14px; }
  .df-custom-tree a { padding-top: 10px; padding-bottom: 10px; }
  .starttab .tablinks { min-width: 30%; }
}
@media (max-width: 767px) {
  #div35238 { flex-wrap: nowrap !important; align-items: center; position: relative !important; }
  #div35238 > #divMenuCategory { flex: 0 0 auto !important; width: auto !important; max-width: none !important; }
  #div35238 > #divMenuCategory_2 { flex: 0 0 auto !important; width: auto !important; max-width: none !important; }
  #div35238 > nav.d-none { display: flex !important; flex: 1 1 auto !important; width: auto !important; max-width: none !important; padding: 0 !important; justify-content: flex-end; }
  #div35238 > nav.d-none > ul { display: flex; margin: 0; padding: 0; }
  #div35238 > nav.d-none li.menu-hover { position: static !important; }
  #div35238 > nav.d-none li.menu-hover > a i, #div35238 > nav.d-none li.menu-hover > span i { display: none !important; }
  #div35238 > #divMenuCategory_2 a { padding-left: 6px !important; padding-right: 6px !important; }
  #div35238 > nav.d-none li.menu-hover:nth-child(n+3) { display: none !important; }
  #div35238 > nav.d-none li.menu-hover > a, #div35238 > nav.d-none li.menu-hover > span { padding: 8px 4px !important; line-height: 1.2 !important; letter-spacing: 0 !important; }
  #div35238 > nav.d-none li.menu-hover .single-dropdown { left: auto !important; right: 12px !important; max-width: calc(100vw - 24px); }
  #div35238 > nav.d-none li.menu-hover:not(.rt-open) .single-dropdown { opacity: 0 !important; visibility: hidden !important; }
  #div35238 > nav.d-none li.menu-hover.rt-open .single-dropdown { opacity: 1 !important; visibility: visible !important; top: 100% !important; }
  #divMobilauszeichnung.prl-fluid { padding-left: 12px !important; padding-right: 12px !important; }
  #divMobilauszeichnung .achievements { width: 100% !important; flex-wrap: wrap !important; justify-content: center !important; gap: 8px !important; }
  #divMobilauszeichnung .achievement { flex: 0 0 calc(33.333% - 8px) !important; width: auto !important; margin: 0 !important; }
  footer a { display: inline-block; padding-top: 8px; padding-bottom: 8px; }
}
@media (max-width: 767px) {
  .df-mobile .df-mobile__content { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; padding: 8px !important; }
  .df-mobile .df-card { width: auto !important; min-width: 0 !important; margin: 0 !important; font-size: 13px !important; }
  .df-mobile .df-card__main { padding: 8px !important; }
  .df-mobile .df-card__image img { max-height: 112px !important; max-width: 85% !important; }
  .df-mobile .df-card__title { font-size: 12px !important; line-height: 1.3 !important; }
  .df-mobile .materiallabel { left: 0 !important; transform: none !important; }
  .df-mobile .df-card__price { font-size: 16px !important; white-space: nowrap !important; }
  .df-mobile .df-mobile-price-net-note { font-size: 10px !important; white-space: nowrap !important; }
  .df-mobile .df-mobile-price-gross { font-size: 10px !important; }
}
@media (max-width: 767px) {
  #divSearchLine { position: relative !important; }
  #divSearchLine #search-container { margin: 12px 60px 12px 12px !important; max-width: none !important; z-index: 1 !important; }
  #ajax-update-container-Cart { position: absolute !important; right: 12px; top: 72px; z-index: 2; }
  #divBasket { margin: 0 !important; float: none !important; }
  #linkBasket { padding: 0 !important; }
  #linkBasket > span:first-child { font-size: 28px !important; line-height: 38px !important; }
  #linkBasket > span.order-2 { display: none !important; }
  .modal { z-index: 2050 !important; }
  .modal-backdrop { z-index: 2040 !important; }
  nav.d-md-none:has(#linkShowFunnel), nav.d-md-none:has(#linkShowFunnel_2) { display: none !important; }
  #divBreadcrumb_2, .breadcrumb-content { overflow: visible !important; }
  #divBreadcrumb_2 a, #divBreadcrumb_2 li, #divBreadcrumb_2 span, .breadcrumb-catalog, .breadcrumb-catalog li, .breadcrumb-catalog a { white-space: normal !important; max-width: 100%; }
  .breadcrumb-catalog { flex-wrap: wrap !important; }
}
@media (max-width: 767px) {
  body:has(#df-left-nav) nav.d-md-none:has(#linkShowFunnel_2), body:has(#df-left-nav) #div201071_1 { display: block !important; }
  #df-layout { display: block !important; }
  #df-current-subcat-heading { padding-right: 110px !important; font-size: 18px !important; line-height: 1.3 !important; }
  #df-left-nav { display: none !important; }
  #df-left-nav.rt-open { display: block !important; margin-bottom: 12px; }
  #df-right-mount, #df-right-mount .df-embedded, #df-right-mount .df-main { width: 100% !important; max-width: 100% !important; }
  #df-results__embedded { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
  #df-results__embedded .df-card { width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; }
}
@media (max-width: 767px) {
  #divRechtsStart { padding-left: 0 !important; padding-right: 0 !important; }
  #divRechtsStart #divTeamRotert { display: none !important; }
  #divHOTpanel .starttab { display: flex !important; }
  #divHOTpanel .starttab .tablinks { flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; padding: 12px 4px !important; font-size: 12px !important; }
}
@media (max-width: 767px) {
  #search-container .doofindersuchfeld { font-size: 16px !important; }
  #search-container .doofindersuchfeld::placeholder { font-size: 13px; }
  body:has(.dfd-root.dfd-classic:not([hidden])) #divSearchLine #search-container { position: fixed !important; top: 8px; left: 8px; right: 8px; margin: 0 !important; z-index: 1600 !important; }
  .dfd-root.dfd-classic:not([hidden]) { position: fixed !important; top: 60px !important; left: 8px !important; right: 8px !important; margin: 0 !important; transform: none !important; width: auto !important; max-width: none !important; height: calc(100dvh - 68px) !important; z-index: 1550 !important; box-shadow: 0 0 0 100vmax rgba(0, 0, 0, .35) !important; }
  body:has(.dfd-root.dfd-classic:not([hidden])) [id^="trustbadge-container"] { display: none !important; }
}
@media (min-width: 768px) {
  #divLogo .companylogo-img { width: 290px; height: auto; aspect-ratio: 400 / 66; }
  #ajax-update-container-Cart { min-width: 136px; }
  #myLink { flex: 0 0 106px; width: 106px; }
  #img132172 { width: 106px; height: 25px; }
}
@media (min-width: 768px) {
  header ul.header > li { position: relative; padding-top: 0 !important; padding-bottom: 0 !important; height: 50px; line-height: 50px; border-left: 0 !important; }
  header ul.header > li > i, header ul.header > li > a, header ul.header > li .tooltip3, header ul.header #ajax-update-container-MyAccount_1 > i, header ul.header #ajax-update-container-MyAccount_1 > a { vertical-align: middle; line-height: 20px; }
  header ul.header > li:not(:empty) { padding-left: 18px !important; padding-right: 18px !important; }
  header ul.header > li:last-child { border-right: 1px solid #e7e7e7; }
  #ActiveLanguage { height: 50px; gap: 6px; }
  #ActiveLanguage .pe-7s-angle-down { order: 2; margin-left: 0; }
}
@media (max-width: 767px) {
  header ul.header { flex-wrap: nowrap !important; justify-content: space-between; margin: 0 !important; height: 40px; }
  header ul.header > li { position: relative; display: flex !important; align-items: center; justify-content: center; height: 40px; line-height: 20px; min-width: 36px; flex: 0 0 auto; padding: 0 4px !important; margin: 0 !important; border: 0 !important; }
  header ul.header > li:empty { display: none !important; }
  #link30068, #link30532, #ajax-update-container-MyAccount_1 { display: flex !important; align-items: center; }
  header ul.header a { padding: 0 !important; }
  header ul.header > li > i, header ul.header #ajax-update-container-MyAccount_1 > i, header ul.header a > i { font-size: 20px !important; padding: 0 !important; display: inline-block !important; vertical-align: middle; }
  header ul.header .tooltip3, header ul.header .pe-7s-angle-down, header ul.header i.pe-7s-flag { display: none !important; }
  #link20151, #link30068, #link30532 { font-size: 0 !important; }
  #link20151::after, #link31786_1::after { content: ""; position: absolute; inset: 0; }
  #MyAccountMenu, #ajax-update-container-MyAccount_1 { white-space: nowrap; }
  #MyAccountMenu { width: 66px; }
  header ul.header > li.languageselectmenu { width: 56px; }
  #link31786_1 { font-size: 12px !important; margin-left: 4px; vertical-align: middle; }
  #ActiveLanguage { height: 40px; font-size: 12px !important; gap: 4px; }
  #ActiveLanguage::before { flex: 0 0 20px; margin-right: 2px; }
  header ul.header > li:first-child { cursor: pointer; }
}
@media (max-width: 379px) {
  header ul.header > li:has(#link30068), header ul.header > li:has(#link30532) { display: none !important; }
}
.dfd-root.dfd-mobile { left: 0 !important; top: 0 !important; transform: none !important; width: 100% !important; height: 100% !important; transition: none !important; box-shadow: none !important; }
@media screen and (max-width: 1024px) {
  #divShopPageWrapper_18 :is(#divAdvisorFilter, #divLeft_12) { display: block; flex: 0 0 100%; max-width: 100%; order: 0; }
  #divShopPageWrapper_18 :is(#divAdvisorResults, #divRight_18) { flex: 0 0 100%; max-width: 100%; order: 0; }
}
@media (min-width: 576px) and (max-width: 1024px) {
  #lstProducts_27 { width: 100%; }
  #lstProducts_27 > .product-wrapper { flex: 0 0 calc(50% - 15px) !important; max-width: calc(50% - 15px) !important; min-width: 0; }
}
@media (max-width: 767px) {
  #divShopPageWrapper_22 { margin-right: 0; }
  #divShopPageWrapper_23 { padding-left: 0; padding-right: 0; }
  #divShopPageWrapper_23 img { float: none !important; display: block; margin: 0 auto 15px !important; max-width: 100% !important; }
}
@media (prefers-reduced-motion: reduce) {
  #loading-spinner { transition: none; }
  #loading-spinner .spinner { animation: none; }
}
@media (max-width: 768px) {
  .doofindersuchfeld { width: 90%; font-size: 12px; }
  i.ti-search { right: 45px; font-size: 16px; }
}
@media (max-width:1199px) { .single-slider-4 { grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:16px; padding:24px 24px 64px; min-height:0; } .slider-catalog-links { grid-column:1 / -1; grid-row:2; flex-direction:row; flex-wrap:nowrap; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x proximity; scrollbar-width:thin; padding:4px 2px 8px; } .slider-catalog-links a { flex:0 0 190px; min-width:0; scroll-snap-align:start; } }
@media (max-width:575px) { .single-slider-4 { grid-template-columns:minmax(0,1fr); gap:12px; padding:20px 16px 24px; } .single-slider-4 > .container { grid-column:1; grid-row:1; max-width:420px; justify-self:center; text-align:center; transform:translateX(7%); z-index:4; } #divSlider .banner { grid-column:1; grid-row:2; max-width:600px; margin-top:-48px; } .slider-catalog-links { grid-column:1; grid-row:3; } .slider-catalog-links a { flex-basis:46%; gap:6px; padding:8px; font-size:11px; } .slider-catalog-links a .cat-icon { width:24px; height:24px; } }




@media (hover: none) and (pointer: coarse) { .easyzoom, .easyzoom a, .easyzoom img { touch-action: pan-y pinch-zoom; } .easyzoom.is-ready img { cursor: zoom-in; } .easyzoom-flyout, .easyzoom-notice { display: none !important; } }
@media (max-width: 767px) { #zubehoer .row:has(> .product-wrapper), #aehnlich .row:has(> .product-wrapper), #aehnlich .ro-carousel-track { display: flex !important; flex-wrap: nowrap !important; align-items: stretch !important; gap: 10px !important; box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 12px 4px 16px !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory !important; scroll-padding-inline: 4px; scroll-behavior: auto !important; -webkit-overflow-scrolling: touch; touch-action: pan-x pan-y !important; overscroll-behavior-x: contain; scrollbar-width: none; } #zubehoer .row:has(> .product-wrapper)::-webkit-scrollbar, #aehnlich .row:has(> .product-wrapper)::-webkit-scrollbar, #aehnlich .ro-carousel-track::-webkit-scrollbar { display: none; } #zubehoer .row > .product-wrapper, #aehnlich .row > .product-wrapper, #aehnlich .ro-card { box-sizing: border-box !important; flex: 0 0 46% !important; width: 46% !important; max-width: 46% !important; min-width: 0 !important; margin: 0 !important; overflow: hidden !important; scroll-snap-align: start; } #zubehoer .product-wrapper img.img-wh-cover, #aehnlich .product-wrapper img.img-wh-cover { width: 100% !important; height: auto !important; object-fit: contain !important; } #zubehoer .product-wrapper .materialbadge, #aehnlich .product-wrapper .materialbadge, #zubehoer .product-wrapper .materialbadge .title, #aehnlich .product-wrapper .materialbadge .title { transform: none !important; filter: none !important; text-shadow: none !important; backface-visibility: visible !important; will-change: auto !important; } #zubehoer .product-wrapper .materialbadge .title, #aehnlich .product-wrapper .materialbadge .title { font-size: 10px !important; line-height: 1.2 !important; -webkit-font-smoothing: antialiased; white-space: nowrap; } #divHeadlineHotTopics_8 { margin-left: 0 !important; } :is(#zubehoer, #aehnlich) > .row { margin-left: 0 !important; margin-right: 0 !important; } #aehnlich .ro-carousel-shell { display: block !important; } #aehnlich .ro-carousel-arrow { display: none !important; } }
@media (pointer: coarse) and (min-width: 768px) { #aehnlich .ro-carousel-track { overflow-x: auto !important; scroll-snap-type: x mandatory !important; scroll-behavior: auto !important; touch-action: pan-x pan-y !important; scrollbar-width: none; } #aehnlich .ro-card { scroll-snap-align: start; } }
@media (hover: none) { #zubehoer .product-wrapper:hover, #aehnlich .product-wrapper:hover, #aehnlich .ro-card:hover, #aehnlich .ro-card:focus-within { transform: none !important; } }
@media (max-width: 575px) { #Details .contentfilter { padding: 0 4px; } #Details .contentfilter #customers td { display:table-cell; width:auto; } #Details .contentfilter #customers td + td { border-top:none; padding-top:9px; font-weight:600; } }
@media (max-width: 768px) { .product-container { flex-direction: column; } :where(#divProductDetail_2) .roundbox { border: none; box-shadow: none; margin-left: 0; margin-right: 0; border-radius: 0; } :where(body:has(#divProductDetail_2)) .img-w-100-6, :where(body:has(#divProductDetail_2)) .img-w-100-7 { width: 100%; max-width: 300px; } }
@media (min-width: 992px) { #divProductPicVar { padding-top: 36px; } }
@media (max-width: 768px) { :where(#divShopPageWrapper_8) .mobileImage { float: none; margin: 0 auto; } }
@media (min-width: 420px) { :where(#divRight_46) .pwd-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 767px) { #divBreadcrumb_2 [id^="divBreadcrumppath"] { display: block; max-width: 100%; overflow: hidden; } #divBreadcrumb_2 [id^="divBreadcrumppath"] ul.breadcrumb-catalog.rt-bc-first, #divBreadcrumb_2 [id^="divBreadcrumppath"] > ul.breadcrumb-catalog:first-of-type { flex-wrap: nowrap !important; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; max-width: 100%; padding-bottom: 2px !important; } #divBreadcrumb_2 [id^="divBreadcrumppath"] ul.breadcrumb-catalog::-webkit-scrollbar { display: none; } #divBreadcrumb_2 [id^="divBreadcrumppath"] ul.breadcrumb-catalog li { flex: 0 0 auto; font-size: 13px; } :where(#divBreadcrumb_2) [id^="divBreadcrumppath"] ul.breadcrumb-catalog li:not(.rt-bc-li) a, :where(#divBreadcrumb_2) [id^="divBreadcrumppath"] ul.breadcrumb-catalog li:not(.rt-bc-li) span { display: inline-block; max-width: 42vw; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; } #divBreadcrumb_2 [id^="divBreadcrumppath"] ul.breadcrumb-catalog > li.rt-bc-li { margin-left: 8px; } #divBreadcrumb_2 .rt-bc-count { font-size: 11px; } #divBreadcrumb_2 .rt-bc-more { margin-top: 6px; } #divBreadcrumb_2 .rt-bc-more ul.breadcrumb-catalog { flex-wrap: wrap !important; } #divBreadcrumb_2 .rt-bc-more ul.breadcrumb-catalog li { white-space: normal; } }
@media (max-width: 767px) { #DetailPanel > .starttab > .tablinks[onclick*="Bewertungen"] { border-top: 1px solid #fff !important; box-shadow: inset 0 1px 0 #fff !important; } }
@media (max-width: 767px) { #divBreadcrumb_2 [id^="divBreadcrumppath"] ul.breadcrumb-catalog.rt-bc-first li, #divBreadcrumb_2 [id^="divBreadcrumppath"] ul.breadcrumb-catalog.rt-bc-first li a, #divBreadcrumb_2 [id^="divBreadcrumppath"] ul.breadcrumb-catalog.rt-bc-first li span, #divBreadcrumb_2 [id^="divBreadcrumppath"] > ul.breadcrumb-catalog:first-of-type li, #divBreadcrumb_2 [id^="divBreadcrumppath"] > ul.breadcrumb-catalog:first-of-type li a, #divBreadcrumb_2 [id^="divBreadcrumppath"] > ul.breadcrumb-catalog:first-of-type li span { white-space: nowrap !important; } }
@media (max-width: 1199.98px) { .ccm-settings-summoner.ccm-show { left: auto !important; right: 15px !important; } }
@media (max-width: 1267px) { .rt-kl { display: none; } .rt-ks { display: inline; } }
@media (max-width:767px) { #divBuyWithPlusMinus_1 { align-items:stretch; gap:6px; } #div28707_6 form, #div28707_9 form, #div28707_7 form, .hr-share { height:100%; } #cmd37347_5, #cmd37347_7, #cmdShare { min-height:44px; height:100%; font-size:24px; } #divBuyButton_2 .btn-cart { padding:14px 8px; white-space:nowrap; } #divProductDesc:has(.mengeneinheit option) { flex:1 1 100%; min-width:0; max-width:100%; } #divBuyWithPlusMinus_1:has(.mengeneinheit option) { display:flex; flex-wrap:nowrap; align-items:flex-start; gap:2px; padding-top:0; } #divBuyWithPlusMinus_1:has(.mengeneinheit option) #div28706_5 { flex:1 1 auto; min-width:0; } #divBuyButton_2:has(.mengeneinheit option), #divBuyButton_2 form:has(.mengeneinheit option) { width:100%; gap:0; } #divBuyButton_2 form:has(.mengeneinheit option) { display:grid; grid-template-columns:52px minmax(0,1fr); gap:6px; } #divBuyButton_2:has(.mengeneinheit option) .product-qty { grid-column:1; grid-row:1; width:52px; height:44px; padding:0 2px; margin:0 !important; } #divBuyButton_2 .mengeneinheit:has(option) { grid-column:2; grid-row:1; width:100%; height:44px; font-size:13px; } #divBuyButton_2:has(.mengeneinheit option) .btn-cart { grid-column:2; grid-row:1; width:100%; height:44px; min-height:44px; flex:1 1 auto; min-width:0; padding:14px 2px; letter-spacing:-.2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #divBuyWithPlusMinus_1:has(.mengeneinheit option) #div28707_6, #divBuyWithPlusMinus_1:has(.mengeneinheit option) #div28707_9, #divBuyWithPlusMinus_1:has(.mengeneinheit option) #div28707_7 { flex:0 0 45px; min-width:0; } #divBuyWithPlusMinus_1:has(.mengeneinheit option) #cmd37347_5, #divBuyWithPlusMinus_1:has(.mengeneinheit option) #cmd37347_7, #divBuyWithPlusMinus_1:has(.mengeneinheit option) #cmdShare { width:45px; height:44px; padding:0; } #divBuyWithPlusMinus_1:has(.mengeneinheit option) #div28707_7 .hr-share { margin:0; } #divProductDesc { min-width:0; max-width:100%; } #div33408_2 { width:100%; min-width:0; margin-left:0; } #divBuyWithPlusMinus_1:not(:has(.mengeneinheit option)) { align-items:stretch; gap:2px; } #divBuyWithPlusMinus_1:not(:has(.mengeneinheit option)) #div28706_5 { flex:1 1 auto; min-width:0; } #divBuyButton_2:not(:has(.mengeneinheit option)), #divBuyButton_2:not(:has(.mengeneinheit option)) form { width:100%; gap:0; } #divBuyButton_2:not(:has(.mengeneinheit option)) .product-qty { width:40px; height:44px; padding:0 2px; } #divBuyButton_2:not(:has(.mengeneinheit option)) .btn-cart { height:44px; min-height:44px; flex:1 1 auto; min-width:0; padding:14px 2px; letter-spacing:-.2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #divBuyWithPlusMinus_1:not(:has(.mengeneinheit option)) #div28707_6, #divBuyWithPlusMinus_1:not(:has(.mengeneinheit option)) #div28707_9, #divBuyWithPlusMinus_1:not(:has(.mengeneinheit option)) #div28707_7 { flex:0 0 45px; } #divBuyWithPlusMinus_1:not(:has(.mengeneinheit option)) #cmd37347_5, #divBuyWithPlusMinus_1:not(:has(.mengeneinheit option)) #cmd37347_7, #divBuyWithPlusMinus_1:not(:has(.mengeneinheit option)) #cmdShare { width:45px; padding:0; } #divBuyWithPlusMinus_1:not(:has(.mengeneinheit option)) #div28707_7 .hr-share { margin:0; } }

@media (max-width: 1199.98px) {
  #divShopPageStart { grid-template-columns: minmax(0, 1fr); gap: 28px; padding: 24px 20px 32px; }
  #divShopPageStart > #divRechtsStart { order: 1; }
  #divShopPageStart > #divLinksStart { order: 2; }
  #ajax-update-container-ContentHomeOnly #divMobilNews { display: none !important; }
  #div72504_1 :is(#lstKB_15, #lstKB_17) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
}
@media (max-width: 767px) {
  #divShopPageStart { padding: 20px 10px 28px; gap: 24px; }
  #div72504_1 :is(#lstKB_15, #lstKB_17) { grid-template-columns: minmax(0, 1fr); }
  .article-card { min-height: 220px; }
  .article-content { padding: 14px 12px; }
  .article-content .card-title { font-size: 15px; }
}
@media (hover: none), (pointer: coarse) {
  .article-card .button-811 { border-top-color: #bb442f; opacity: 1; }
}



/* ===== rt-lp Tablet/Mobil – T05 29.10.2026 ===== */
@media (min-width: 992px) and (max-width: 1299px) {
  .rt-lp { grid-template-columns: minmax(0,1fr) 300px; column-gap: 18px; }
  .rt-lp-list .shopping-cart-content { grid-template-columns: 64px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); grid-template-areas: "media name name actions" "media stock stock stock" "media qty price total"; row-gap: 6px; }
  .rt-lp-list .rt-lp-item-media > img { width: 64px; height: 64px !important; }
  .rt-lp-list .rt-lp-item-stock { justify-self: start; }
  .rt-lp-list .rt-lp-item-qty { justify-self: start; }
}
@media (max-width: 991px) {
  .rt-lp { display: flex !important; flex-direction: column; padding: 24px 10px 4px !important; }
  .rt-lp > form { order: 1; padding: 0 !important; }
  .rt-lp .rt-lp-sum { order: 2; position: fixed; left: 0; right: 0; bottom: 0; z-index: 900; width: auto !important; max-width: none !important; margin: 0 !important; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)) !important; border-radius: 14px 14px 0 0 !important; box-shadow: 0 -8px 20px rgba(15,23,42,.14) !important; }
  .rt-lp .rt-lp-voucher { order: 3; margin-top: 30px !important; }
  .rt-lp .rt-lp-info { order: 4; }
  .rt-lp .rt-lp-voucher, .rt-lp .rt-lp-info { width: 100%; max-width: none; }
  body:has(.rt-lp-sum) { padding-bottom: 170px; }
  .rt-lp-sum .cart-totals > div:first-child { display: none !important; }
  .rt-lp-sum .cart-totals > div:not(:first-child) { grid-template-columns: minmax(0,1fr) auto; }
  .rt-lp-sum .cart-subtotal { padding: 0 !important; font-size: 12px; line-height: 1.45; color: #475569; }
  .rt-lp-sum .cart-total { margin-top: 3px !important; padding: 4px 0 0 !important; font-size: 17px !important; }
  .rt-lp-sum .wc-proceed-to-checkout { margin-top: 8px !important; }
  .rt-lp-sum .wc-proceed-to-checkout input[type="submit"] { min-height: 44px; font-size: 15px; }
  .rt-lp-list .shopping-cart-content { grid-template-columns: 56px minmax(0,1fr) minmax(0,1fr); grid-template-areas: "media name name" "media stock stock" "qty price total"; column-gap: 10px; row-gap: 4px; margin-bottom: 8px; padding: 10px; }
  .rt-lp-list .rt-lp-item-media > img { width: 56px; height: 56px !important; }
  .rt-lp-list .rt-lp-item-name { padding-right: 96px; align-self: start; }
  .rt-lp-list .rt-lp-item-stock { justify-self: start; }
  .rt-lp-list .rt-lp-item-name a { font-size: 14px !important; line-height: 1.3 !important; }
  .rt-lp-list .rt-lp-item-name a ~ span:not(:empty) { font-size: 12px; line-height: 1.3; }
  .rt-lp-list .rt-lp-item-stock { font-size: 12px; }
  .rt-lp-list .rt-lp-item-stock img { width: 14px; height: 14px; }
  .rt-lp-list .rt-lp-item-actions { position: absolute; top: 8px; right: 8px; gap: 6px; grid-area: auto; }
  .rt-lp-list .rt-lp-item-actions a { width: 34px; height: 34px; font-size: 17px; }
  .rt-lp-list .rt-lp-item-qty { align-self: center; }
  .rt-lp-list .rt-lp-item-qty input { width: 56px; height: 36px; font-size: 14px; }
  .rt-lp-list .rt-lp-item-price::before, .rt-lp-list .rt-lp-item-total::before { font-size: 10px; margin-bottom: 0; }
  .rt-lp-list .hr-pb > .hr-pb-net { font-size: 14px; }
  .rt-lp-list .hr-pb > span { font-size: 10.5px; }
  .rt-lp .rt-lp-buttons { justify-content: center; }
  .rt-lp > .sidebar-title { margin-bottom: -36px !important; }
  .rt-lp-list .rt-lp-item-media > img { align-self: start; }
  body:has(.rt-lp-sum) [id^="trustbadge-container-"] div, body:has(.rt-lp-sum) .ccm-settings-summoner { bottom: 180px !important; }
}
@media (max-width: 575px) {
  .rt-lp-list .shopping-cart-content { grid-template-areas: "media name name" "media stock stock" "qty total total"; }
  .rt-lp-list .rt-lp-item-price { display: none !important; grid-area: auto; }
  .rt-lp-list .rt-lp-item-total::before { display: none; }
  .rt-lp-list .hr-pb > .hr-pb-net { font-size: 15px; }
}

/* rt-lp Teil 2 Tablet/Mobil – T05 29.10.2026 */
@media (max-width: 991px) {
  .rt-lp-list .shopping-cart-content { grid-template-columns: 56px 64px minmax(0,1fr) minmax(0,1fr); grid-template-areas: "media name name name" "media stock stock stock" "qty qty price total"; }
  .rt-lp-list .rt-lp-stepper input { width: 40px !important; height: 34px !important; }
  .rt-lp-step { width: 30px; height: 34px; }
  .rt-lp-progress { padding: 10px 12px; margin-bottom: 8px; }
  .rt-lp-progress-text { font-size: 13px; margin-bottom: 6px; }
}
@media (max-width: 575px) {
  .rt-lp-list .shopping-cart-content { grid-template-areas: "media name name name" "media stock stock stock" "qty qty total total"; }
}

/* rt-lp Teil 3 mobil – T05 29.10.2026 */
@media (max-width: 991px) {
  .rt-lp > .sidebar-title { left: 12px; }
  .rt-lp { padding-top: 30px !important; }
  .rt-lp .rt-lp-info h4 + div img { height: 34px !important; }
}
@media (max-width: 991px) {
  body:has(.rt-lp-sum) #MyCustomTrustbadge, body:has(.rt-lp-sum) [id^="trustbadge-container-"] { display: none !important; }
}


/* ===== rt-co: Check Out 2692 responsive – T06 29.10.2026 ===== */
@media (min-width: 992px) { .rt-co #div30076_60.rt-co-addr, .rt-co #div30076_61.rt-co-addr, .rt-co #div77103.rt-co-note { background: transparent none !important; box-shadow: none !important; border: 0 !important; } .rt-co #div77103.rt-co-note { border-top: 1px solid var(--rt-co-line) !important; } }
@media (max-width: 1199px) { .rt-co { grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); column-gap: 20px; } }
@media (max-width: 991px) {
  .rt-co { display: flex !important; flex-flow: row wrap; column-gap: 0; padding: 34px 12px 110px !important; }
  .rt-co > .rt-co-main, .rt-co > .rt-co-aside, .rt-co .rt-co-datawrap, .rt-co .rt-co-datawrap > .rt-co-data { display: contents !important; }
  .rt-co > *, .rt-co-main > *, .rt-co-data > *, .rt-co-aside > * { flex: 0 0 100%; max-width: 100% !important; }
  /* Titel als Pille über der jeweiligen Karte */
  .rt-co .rt-co-title { position: relative !important; top: 0 !important; left: 0 !important; flex: 0 0 auto; margin: 34px 0 -17px 14px !important; }
  .rt-co .rt-co-title-data { order: 1; margin-top: 0 !important; }
  .rt-co .rt-co-data > .rt-co-addr { order: 2; flex: 0 0 50%; max-width: 50% !important; padding: 28px 14px 6px !important; background: #fff !important; border: 1px solid rgba(15,23,42,.12) !important; border-bottom: 0 !important; }
  .rt-co .rt-co-addr-bill { border-right: 0 !important; border-radius: 15px 0 0 0 !important; }
  .rt-co .rt-co-addr-ship { border-left: 0 !important; border-radius: 0 15px 0 0 !important; }
  .rt-co .rt-co-data > a:has(.rt-co-addrlink) { order: 3; margin: 0; padding: 4px 14px 14px; background: #fff; border: 1px solid rgba(15,23,42,.12); border-top: 0; border-radius: 0 0 15px 15px; box-shadow: 2px 3px 6px -2px rgba(0,0,0,.11); }
  .rt-co-aside > .rt-co-ship { order: 4; }
  .rt-co-aside > form { order: 5; }
  .rt-co-aside > .rt-co-pay { order: 6; }
  .rt-co .rt-co-data > .rt-co-note { order: 7; }
  .rt-co .rt-co-aside > .rt-co-title-cart { order: 8 !important; }
  .rt-co-aside > .rt-co-sum { order: 9; }
  .rt-co-aside > .rt-co-finish { order: 10; }
  .rt-co-aside > *:not(.rt-co-title):not(.rt-co-sum):not(.rt-co-ship):not(form):not(.rt-co-pay):not(.rt-co-finish) { order: 11; }
  /* Abschnitte als roundbox-Karten */
  .rt-co-ship, .rt-co-pay, .rt-co-sum, .rt-co .rt-co-data > .rt-co-note { position: relative; margin: 34px 0 0 !important; padding: 28px 14px 16px !important; background: linear-gradient(180deg,#fff 0,#fbfbfb 13%,#f7f7f8) !important; border: 1px solid rgba(15,23,42,.12) !important; border-radius: 15px !important; box-shadow: 2px 2px 6px -1px rgba(0,0,0,.11) !important; }
  .rt-co-sum { margin-top: 0 !important; }
  .rt-co-ship > h5, .rt-co-pay > h5, .rt-co .rt-co-note > h5 { position: absolute !important; top: -17px; left: 14px; display: inline-flex !important; align-items: center; gap: 8px; max-width: calc(100% - 28px); padding: 6px 12px !important; font-size: 14px !important; font-weight: 800 !important; letter-spacing: .04em; color: #1e293b !important; background: #fff !important; border: 1px solid rgba(15,23,42,.08) !important; border-radius: 8px; box-shadow: 0 4px 12px rgba(15,23,42,.06) !important; }
  .rt-co-ship > h5::before, .rt-co-pay > h5::before, .rt-co .rt-co-note > h5::before { content: ""; display: block; width: 7px; height: 7px; flex-shrink: 0; border-radius: 50%; background: #DC3618; box-shadow: 0 0 6px rgba(220,54,24,.45); }
  .rt-co-aside > form { margin-top: 16px !important; }
  .rt-co #divFinishOrder_5.rt-co-finish { position: fixed !important; left: 0; right: 0; bottom: 0; z-index: 900; margin: 0 !important; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)) !important; background: #fff; border-radius: 14px 14px 0 0; box-shadow: 0 -6px 18px rgba(15,23,42,.14); }
  body:has(.rt-co) [id^="trustbadge-container-"] { display: none !important; }
  body:has(.rt-co) .ccm-settings-summoner { bottom: 92px !important; }
}
@media (max-width: 360px) { .rt-co-paygrid, .rt-co-pp { grid-template-columns: 1fr; } }
@media (max-width: 991px) {
  .rt-co .rt-co-datawrap > .rt-co-data > .rt-co-addr { background: #fff !important; }
  .rt-co .rt-co-datawrap > .rt-co-data > .rt-co-note, .rt-co .rt-co-datawrap > .rt-co-data > .rt-co-note.roundbox { background: linear-gradient(180deg,#fff 0,#fbfbfb 13%,#f7f7f8) !important; box-shadow: 2px 2px 6px -1px rgba(0,0,0,.11) !important; }
}
@media (max-width: 991px) { .rt-co .rt-co-data > .rt-co-note > h5 { font-size: 12px !important; line-height: 1.25 !important; letter-spacing: .03em; } .rt-co .rt-co-data > .rt-co-note { padding-top: 34px !important; } }

/* rt-co T06 Nachtrag: Gast (Sperrfläche .disable-checkout) – mobil Warenkorb-Karte als Ganzes lassen */
@media (max-width: 991px) {
  .rt-co > .rt-co-aside:has(> .disable-checkout) { display: flex !important; flex-direction: column; position: relative; flex: 0 0 100%; max-width: 100% !important; order: 20; margin: 34px 0 0 !important; padding: 28px 14px 16px !important; }
  .rt-co > .rt-co-aside:has(> .disable-checkout) > .rt-co-title-cart { position: absolute !important; top: -17px !important; left: 14px !important; margin: 0 !important; }
  .rt-co > .rt-co-aside:has(> .disable-checkout) > .rt-co-sum, .rt-co > .rt-co-aside:has(> .disable-checkout) > .rt-co-ship, .rt-co > .rt-co-aside:has(> .disable-checkout) > .rt-co-pay { margin: 14px 0 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
  .rt-co > .rt-co-aside:has(> .disable-checkout) > .rt-co-sum { margin-top: 0 !important; }
  .rt-co > .rt-co-aside:has(> .disable-checkout) > .rt-co-ship > h5, .rt-co > .rt-co-aside:has(> .disable-checkout) > .rt-co-pay > h5 { position: static !important; display: block !important; padding: 0 0 6px !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .06em; color: #64748b !important; background: none !important; border: 0 !important; box-shadow: none !important; }
  .rt-co > .rt-co-aside:has(> .disable-checkout) > .rt-co-ship > h5::before, .rt-co > .rt-co-aside:has(> .disable-checkout) > .rt-co-pay > h5::before { display: none; }
  .rt-co .rt-co-aside:has(> .disable-checkout) > #divFinishOrder_5.rt-co-finish { position: static !important; margin: 12px 0 0 !important; padding: 0 !important; box-shadow: none !important; background: none !important; }
}

/* T05-009 29.10.2026: Warenkorb mobil, Loeschen/Merkliste ueber Namensfeld (tippbar) */
@media (max-width: 991px) {
  .rt-lp-list .rt-lp-item-actions { z-index: 3; }
}

/* RT-MOBIL-KOPF T01-001 (30.10.2026, Claude): Kopf mobil nur Logo/Suche/Warenkorb; zweites Menue Konto & Service mit Sprachauswahl (Script 234855). Ersetzt mobile Kopfnavi Z.1248-1257 */
@media (max-width:767px){
html body header .header-wrapper{display:none!important}
html body header #div29039{display:none!important}
html body header #divSearchLine{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:10px 16px!important;margin-bottom:8px!important;height:auto!important;min-height:0!important}
html body header #divSearchLine #divLogo{order:1;flex:1 1 auto;margin:0!important;padding:0!important;height:auto!important}
html body header #divSearchLine #divLogo img{height:28px!important;width:auto!important;max-width:170px}
html body header #divSearchLine #ajax-update-container-Cart{order:2;position:static!important;width:auto!important;height:auto!important}
html body header #divSearchLine #divBasket{position:static!important;margin:0!important}
html body header #divSearchLine #search-container{order:3;flex:1 1 100%;width:100%!important;max-width:none!important;margin:0!important;position:relative!important;left:auto!important;top:auto!important}
html body header #divSearchLine #doofinderfinder{width:100%!important;max-width:none!important}
html body #div35238 > nav,html body #div35238 > nav.d-none,html body #div35238 > #divMenuCategory_2{display:none!important}
html body #div35238 > #divMenuCategory{flex:1 1 100%!important;max-width:100%!important;width:100%!important;left:0!important}
html body #div35238 > #divMenuCategory > #linkCatalogs{width:100%!important}
}
@media (max-width:767px){
html body #div35238{display:flex!important;flex-wrap:nowrap!important;align-items:center}
html body #div35238 > #divMenuCategory{flex:1 1 auto!important;width:auto!important}
#rt-mx-btn{display:flex;align-items:center;gap:6px;flex:0 0 auto;height:44px;padding:0 14px;margin:0;border:0;background:transparent;color:#fff;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.02em;text-shadow:0 3px 4px rgba(0,0,0,.25);cursor:pointer}
#rt-mx-btn i{font-size:22px;line-height:1}
#rt-mx-btn[aria-expanded="true"]{background:rgba(255,255,255,.15);border-radius:10px}
#rt-mx-panel{position:fixed;top:8px;left:11px;right:11px;max-height:calc(100dvh - 16px);overflow:auto;z-index:10050;background:#fff;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.25);padding:0 0 12px;text-transform:none}
#rt-mx-panel[hidden]{display:none!important}
#rt-mx-panel .rt-mx-head{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 10px 20px;border-bottom:1px solid rgba(0,0,0,.08)}
#rt-mx-panel .rt-mx-head strong{font-size:15px;color:#555}
#rt-mx-panel .rt-mx-close{width:44px;height:44px;border:0;border-radius:12px;background:#eef1f4;font-size:26px;line-height:1;color:#333;cursor:pointer}
#rt-mx-panel .rt-mx-list{display:flex;flex-direction:column;padding:6px 0}
#rt-mx-panel .rt-mx-list a{display:flex;align-items:center;min-height:46px;padding:0 20px;font-size:15px;font-weight:600;color:#222;text-decoration:none;background:none}
#rt-mx-panel .rt-mx-list a:hover,#rt-mx-panel .rt-mx-list a:focus-visible{color:#e2412b}
#rt-mx-panel .rt-mx-user{padding:8px 20px 4px;font-size:13px;color:#666;overflow-wrap:anywhere}
#rt-mx-panel .rt-mx-lang{display:flex;flex-wrap:wrap;gap:8px;margin:4px 16px 0;padding:12px 4px 0;border-top:1px solid rgba(0,0,0,.08)}
#rt-mx-panel .rt-mx-lang-title{flex:1 1 100%;font-size:13px;color:#666;padding:0 4px}
#rt-mx-panel .rt-mx-lang a{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid rgba(0,0,0,.12);border-radius:12px;font-size:15px;color:#222;text-decoration:none;background:none}
#rt-mx-panel .rt-mx-lang a.is-active{border-color:#e2412b;font-weight:700}
#rt-mx-panel .rt-mx-lang img{width:24px;height:16px;object-fit:cover;border-radius:2px}
body[data-rt-mx-open]{overflow:hidden}
}
@media (min-width:768px){#rt-mx-btn,#rt-mx-panel{display:none!important}}

/* T05-005/006 30.10.2026 rt-lp Merkliste + Vergleichsliste mobil */
/* rt-lp Merkliste v3 mobil (KONZEPT, noch nicht live geprüft – Merkliste braucht angemeldete Sitzung) */
@media (max-width: 991px) {
  .rt-lp-list .shopping-cart-content:has(.rt-lp-item-note) { grid-template-columns: 64px 64px minmax(0,1fr) minmax(0,1fr); grid-template-areas: "media name name name" "media stock stock stock" "qty qty price price" "note note note note" "buy buy buy buy"; }
  .rt-lp-list .rt-lp-item-media img { width: 64px !important; height: 64px !important; }
  .rt-lp-list .rt-lp-item-buy a { width: 100% !important; }
}

/* Vergleichsliste mobil (KONZEPT, ungeprüft): zwei Karten sichtbar, waagerecht wischen */
@media (max-width: 575px) {
  .rt-lp-list.comparison { grid-auto-columns: 46vw; column-gap: 10px; }
  .rt-lp-list.comparison .shopping-cart-content { padding: 12px !important; }
  .rt-lp-list.comparison .rt-lp-item-media img { width: 96px !important; height: 96px !important; }
  .rt-lp-list.comparison .rt-lp-item-name a { font-size: 13.5px !important; }
  .rt-lp-list.comparison .rt-lp-item-buy a { min-height: 40px; font-size: 11.5px; }
}

/* rt-co T06 Nachtrag 2 (Tom 19:34, echtes Handy): Zeilenumbruch nach "Ihre Daten", mobile Abstände mit Vorrang */
@media (max-width: 991px) {
  .rt-co .rt-co-title-data { order: 1 !important; }
  .rt-co::before { content: ""; display: block; order: 2; flex: 0 0 100%; height: 0; }
  .rt-co .rt-co-datawrap > .rt-co-data > .rt-co-addr { order: 3 !important; flex: 0 0 50% !important; max-width: 50% !important; }
  .rt-co .rt-co-datawrap > .rt-co-data > a:has(.rt-co-addrlink) { order: 4 !important; flex: 0 0 100% !important; }
  .rt-co .rt-co-aside > .rt-co-ship { order: 5 !important; }
  .rt-co .rt-co-aside > form { order: 6 !important; }
  .rt-co .rt-co-aside > .rt-co-pay { order: 7 !important; }
  .rt-co .rt-co-datawrap > .rt-co-data > .rt-co-note { order: 8 !important; }
  .rt-co .rt-co-aside > .rt-co-title-cart { order: 9 !important; }
  .rt-co .rt-co-aside > .rt-co-sum { order: 10 !important; }
  .rt-co .rt-co-aside > .rt-co-finish { order: 11 !important; }
  .rt-co .rt-co-aside > .rt-co-ship, .rt-co .rt-co-aside > .rt-co-pay, .rt-co .rt-co-datawrap > .rt-co-data > .rt-co-note { margin: 34px 0 0 !important; }
  .rt-co .rt-co-aside > form { margin: 14px 0 0 !important; }
  .rt-co .rt-co-aside > .rt-co-sum { margin: 0 !important; }
  .rt-co .rt-co-datawrap > .rt-co-data > .rt-co-addr { margin: 0 !important; }
}

/* RT-MENUBAR T01-007 (30.10.2026, Claude): ab 1200 px Menuepunkte rechtsbuendig zur Kopfkante; ersetzt 08 .main-menu nav > ul padding-left:100px */
@media (min-width:1200px){
#div35238 > nav{justify-content:flex-end}
#div35238 > nav > ul{display:flex;flex:1 1 auto;justify-content:flex-end;flex-wrap:nowrap;gap:0 18px;padding-left:0!important;padding-right:0!important;white-space:nowrap}
#div35238 > nav > ul > li.menu-hover{margin:0!important}
#div35238 > nav > ul > div{display:none}
}

/* RT-COMPACT T01-005 (30.10.2026, Claude): Sticky-Leiste Desktop kompakt: Logo weiss schiebt herein, Suche zwischen PRODUKTE und KONTO, Warenkorb mit Anzahl/Netto rechts (Script 234855). <1366 ohne Neuer Shopzugang, <1200 nur Konto/Service */
@media (min-width:992px){
#rt-hc{display:none}
html.rt-compact #div35238{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:0 16px;height:50px}
html.rt-compact #div35238 > #myLink{display:flex!important;align-items:center;flex:0 0 auto;width:112px!important;overflow:hidden;visibility:visible!important;pointer-events:auto}
html.rt-compact #div35238 > #myLink img{position:static!important;left:auto!important;display:block;width:112px!important;max-width:none;height:auto;content:url(/mf/CustomUpload/374O357O340O370O356O369O350O327O327O337O366O371O356O369O371O/WebPortal/Rotert/img/Startseite_Logo.webp);height:auto;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 3px rgba(255,255,255,.7));opacity:1;animation:rtCompactIn .45s cubic-bezier(.16,1,.3,1) both}
html.rt-compact #div35238 > #divMenuCategory{flex:0 0 auto!important;width:auto!important;max-width:none!important;left:0!important;padding:0!important}
html.rt-compact #div35238 > #search-container{flex:1 1 240px;min-width:150px;max-width:440px;height:36px;margin:0!important;position:relative!important;left:auto!important;top:auto!important;z-index:2}
html.rt-compact #div35238 #doofinderfinder{width:100%!important;max-width:none!important;height:36px!important;padding:0 40px 0 16px!important;border:0!important;border-radius:18px!important;background:#fff!important;box-shadow:0 2px 8px rgba(0,0,0,.18)!important;font-size:13px;color:#26323b}
html.rt-compact #div35238 #search-container .ti-search{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#647583;pointer-events:none}
html.rt-compact #div35238 > nav{flex:0 1 auto!important;width:auto!important;max-width:none!important;padding:0!important}
html.rt-compact #div35238 > nav > ul{gap:0 18px!important;padding:0!important}
html.rt-compact #div35238 > nav > ul > li > a{font-size:12px!important;line-height:50px!important}
html.rt-compact #rt-hc{display:flex;align-items:center;gap:10px;flex:0 0 auto;height:38px;margin-left:auto;padding:0 14px 0 10px;border-radius:19px;background:rgba(255,255,255,.16);color:#fff!important;text-decoration:none!important;white-space:nowrap;text-transform:none;letter-spacing:0;transition:background .2s}
html.rt-compact #rt-hc:hover,html.rt-compact #rt-hc:focus-visible{background:rgba(255,255,255,.28)}
#rt-hc .rt-hc-icon{position:relative;font-size:22px;line-height:1}
#rt-hc .rt-hc-count{position:absolute;top:-7px;right:-9px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#fff;color:#c5272e;font-size:11px;font-weight:700;line-height:18px;text-align:center}
#rt-hc .rt-hc-count[hidden],#rt-hc .rt-hc-sub[hidden]{display:none}
#rt-hc .rt-hc-text{display:flex;flex-direction:column;line-height:1.1}
#rt-hc .rt-hc-sum{font-size:14px;font-weight:700}
#rt-hc .rt-hc-sub{font-size:10px;opacity:.85}
}
@media (min-width:992px) and (max-width:1365px){
html.rt-compact #div35238 > nav > ul > li:nth-child(n+5){display:none!important}
}
@media (min-width:992px) and (max-width:1199px){
html.rt-compact #div35238 > nav > ul > li:nth-child(n+3){display:none!important}
html.rt-compact #div35238 > #myLink,html.rt-compact #div35238 > #myLink img{width:92px!important}
}
@media (max-width:991px){#rt-hc{display:none!important}}
/* RT-COMPACT Rand (30.10. 12:35, Tom): Logo und Warenkorb 20 px vom Bildschirmrand */
@media (min-width:992px){
html.rt-compact #divMenuContainer.sticky{padding-left:156px!important;padding-right:190px!important}
html.rt-compact #div35238 > #myLink{position:absolute!important;left:20px;top:0;height:50px;margin:0!important}
html.rt-compact #rt-hc{position:absolute;right:20px;top:6px;margin:0}
html.rt-compact #div35238 > #search-container{max-width:600px}
html.rt-compact #div35238 > nav{margin-left:auto!important}
}
@media (min-width:1600px){html.rt-compact #divMenuContainer.sticky{padding-left:200px!important;padding-right:200px!important}}
@media (min-width:992px) and (max-width:1199px){
html.rt-compact #divMenuContainer.sticky{padding-left:132px!important;padding-right:170px!important}
html.rt-compact #div35238{gap:0 12px}
html.rt-compact #div35238 > #search-container{min-width:120px}
}
@keyframes rtCompactIn{from{transform:translateX(-70px);opacity:0}to{transform:none;opacity:1}}
html.rt-compact-out #divMenuContainer:not(.sticky){position:relative}
@media (min-width:992px){
html.rt-compact #div35238 > #search-container{animation:rtCompactFade .35s ease both}
html.rt-compact #rt-hc{animation:rtCompactInR .45s cubic-bezier(.16,1,.3,1) both}
html.rt-compact-out #div35238 > #myLink img{animation:rtCompactOut .26s ease forwards}
html.rt-compact-out #div35238 > #search-container{animation:rtCompactFadeOut .22s ease forwards}
html.rt-compact-out #rt-hc{animation:rtCompactOutR .26s ease forwards}
}
@keyframes rtCompactOut{to{transform:translateX(-70px);opacity:0}}
@keyframes rtCompactInR{from{transform:translateX(70px);opacity:0}}
@keyframes rtCompactOutR{to{transform:translateX(70px);opacity:0}}
@keyframes rtCompactFade{from{opacity:0;transform:scale(.96)}}
/* RT-COMPACT T01-011 (31.10.2026, Tom): Menuepunkte Desktop immer klein (wie Sticky), Suchfeld kommt beim Zurueckscrollen animiert zurueck */
@media (min-width:992px){
#div35238 > nav > ul > li > a{font-size:12px!important}
#divSearchLine > #search-container.rt-search-back{animation:rtCompactFade .35s ease both}
}
@media (prefers-reduced-motion:reduce){#divSearchLine > #search-container.rt-search-back{animation:none}}

@keyframes rtCompactFadeOut{to{opacity:0;transform:scale(.96)}}

@media (prefers-reduced-motion:reduce){html.rt-compact #div35238 > #myLink img,html.rt-compact #div35238 > #search-container,html.rt-compact #rt-hc{animation:none!important}}

/* T05 30.10.2026: Lager-Icon Warenkorb mobil */
@media (max-width: 991px) {
  .rt-lp-list .rt-lp-item-media .rt-lp-item-stock img { width: 14px !important; height: 14px !important; }
}

/* rt-ok mobil – T06-012 */
@media (max-width: 991px) {
  .rt-ok { display: block !important; }
  .rt-ok > .rt-ok-print { display: flex; justify-content: flex-start; }
  .rt-ok-asidewrap > .rt-ok-sum { margin: 34px 0 0 !important; }
}

/* RT-ZUB mobil (T12-008/T12-009, 30.10.2026, Claude): Zubehoer- und Aehnliche-Artikel-Karten 72 % statt 46 % breit (Badge/Titel/Preis wurden abgeschnitten) */
@media (max-width: 767px) {
  #DetailPanel #zubehoer .row > .product-wrapper, #DetailPanel #aehnlich .row > .product-wrapper, #DetailPanel #aehnlich .ro-carousel-track > .ro-card { flex: 0 0 72% !important; width: 72% !important; max-width: 72% !important; }
}
/* RT-ZUB (T12-010): Karussells mit Maus ziehbar (Script RT-SCROLL in 234855) */
@media (hover: hover) and (pointer: fine) { .dfwidget-host .ro-carousel-track, #zubehoer .row:has(> .product-wrapper) { cursor: grab; } }

/* T05-010 31.10.2026 rt-cm mobil */
@media (max-width: 575px) {
  #modal-info-texts .modal-dialog { margin: 12px; }
  #modal-info-texts #div31694 { padding: 22px 16px 18px !important; }
  #modal-info-texts #success-text, #modal-info-texts #error-text { justify-content: flex-start; gap: 10px; font-size: 17px; text-align: left; padding-right: 36px; }
  #modal-info-texts #success-text .ti-check { flex-basis: 34px; width: 34px; height: 34px; font-size: 16px; }
  #modal-info-texts #form64056 { grid-template-columns: 84px minmax(0,1fr); gap: 12px; padding: 12px !important; }
  #modal-info-texts #div64059 { width: 84px; height: 84px; padding: 6px !important; }
  #modal-info-texts #fld64057 { font-size: 16px; }
  #modal-info-texts #fld64057_2 { font-size: 13px; }
  #modal-info-texts #divBasketNotification { grid-template-columns: 1fr; gap: 10px; }
  #modal-info-texts #divBasketNotification > a { order: -1; }
  #modal-info-texts .notification-button-basket, #modal-info-texts .notification-button { min-height: 46px; font-size: 15px; }
}

/* rt-hub mobil/tablet (T09-004) */
@media (min-width:576px) and (max-width:1199.98px){:is(#div30624_1,#div30624_2),#div30624_2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:575.98px){:is(#div30624_1,#div30624_2),#div30624_2{grid-template-columns:1fr;gap:34px;margin:16px 0 4px!important}.rthub-h1{font-size:1.5rem;margin-top:4px}.rthub-lead{font-size:.95rem}:is(#div30624_1,#div30624_2) .login-form-container{padding:18px}:is(#div30624_1,#div30624_2) [id^="txt30645_"]::before{width:40px;height:40px;background-size:20px}:is(#div30624_1,#div30624_2) [id^="txt30645_"]{margin-bottom:14px;font-size:.93rem}:is(#div30624_1,#div30624_2) .login-form-container:hover{transform:none}}

/* RT-BADGE Detail mobil (T12-014, 31.10.2026, Claude): Fahne an der Artikelkarte etwas hoeher und kleiner */
@media (max-width: 767px) {
  html body #divProductPic .badge2.badge2.badge2:is(#rt-badge, *) { top: 16px !important; left: -6px !important; font-size: 13px !important; }
}

/* RT-REV T04-004 Bewertungen mobil (31.10.2026) */
@media (max-width: 767px) {
  #Bewertungen:not([style*="none"]) { grid-template-columns: minmax(0,1fr); padding: 0 12px 16px; }
  #Bewertungen #review-list_5 { grid-column: 1; grid-row: 2; margin: 0 0 22px; }
  #Bewertungen .rt-on-msg { grid-row: 3; }
  #Bewertungen #write-review_9 { grid-row: 4; }
  #Bewertungen #lst1576_4 { grid-row: 5; margin-top: 28px; }
  #Bewertungen #link31786_14 span { position: static !important; display: block; margin-top: 12px; }
  #Bewertungen #form1577_4 .rating-number { font-size: 16px; }
  #Bewertungen #form1577_4 #rating-star_4 img { width: 16px; height: 16px; }
}

/* T13 P1 Info-Kacheln: 4er-Raster ab lg, 01.11.2026 */
@media (min-width: 992px) { .info-tiles.cols-4 > .col-lg-4 { flex:0 0 25%; max-width:25%; } }