#angebotsanfrage {border:4px solid #D91D20;padding:0;}
.form_rote_headline h2, h2.form_rote_headline {color:#fff!important;background-color:#D91D20;width:100%;}
#angebotsanfrage .widget h2 {margin-top: -12px;margin-bottom:20px;}
/*
 * etwas eigenes CSS am Beispiel des ODD Theme
 */
.progress {
    margin: 0 0 20px;
    height: 30px;
    position: relative;
    border-radius: 0;
}
.progress-bar {
    width: 100%;
    height: 100%;
    background: #fff;
}
.progress .numbers {
    position: absolute;
    color: #fff;
    font-size: 18px;
    height: 100%;
    padding: 0 10px;
}
.progress-bar-inner {
    background: #D91D20;
    height: 100%;
}

.mod_mp_form_steps ul {
    list-style: none;
    padding: 0;
}
.mod_mp_form_steps ul li {
    display: inline-block;
    padding-right: 30px;
}

/* 1. Radio-Buttons ausblenden */
.radio_container input[type="radio"] {
  display: none;
}

/* 2. Labels als klickbare SVG-Flächen */
.radio_container label {
  cursor: pointer;
  display: inline-block;
  width: 200px;
  height: 200px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 10px;
  border-radius: 12px;
  text-indent: -9999px;

  /* grauer weicher Schatten */
  box-shadow: 0 0 25px rgba(0,0,0,0.25);
  transition: box-shadow 0.25s ease, transform 0.15s ease;
}

/* leichter Hover-Effekt */
.radio_container label:hover {
  transform: scale(1.03);
  box-shadow: 0 0 30px rgba(0,0,0,0.35);
}

/* 3. SVGs */
#lbl_46_0 { background-image: url('../angebotstool/Konfigurator_1a_.svg');}
#lbl_46_1 {background-image: url('../angebotstool/Konfigurator_1b_.svg');}
#lbl_58_0 { background-image: url('../angebotstool/Konfigurator_2a_.svg');}
#lbl_58_1 { background-image: url('../angebotstool/Konfigurator_2b_.svg');}
#lbl_58_2 { background-image: url('../angebotstool/Konfigurator_2c_.svg');}
#lbl_58_3 { background-image: url('../angebotstool/Konfigurator_2d_.svg');}
#lbl_58_4 { background-image: url('../angebotstool/Konfigurator_2e_.svg');}

/* 4. ausgewählt → roter Schatten */
.radio_container input[type="radio"]:checked + label {
  box-shadow: 0 0 35px rgba(200,0,0,0.8);
}