.radio_container {margin:40px 0 50px 0;}
#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;}
#angebotsanfrage .widget-text {margin:0 auto;width:200px;}
#angebotsanfrage input.text {border: 1px solid #000;border-radius:5px;}
#angebotsanfrage .widget-text.inlineblock {display:inline-block;}
/*
 * 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: 250px 250px;
  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');}
#lbl_59_0 { background-image: url('../angebotstool/Konfigurator_3a.svg');}
#lbl_59_1 { background-image: url('../angebotstool/Konfigurator_3b.svg');}
#lbl_59_2 { background-image: url('../angebotstool/Konfigurator_3c.svg');}
#lbl_59_3 { background-image: url('../angebotstool/Konfigurator_3d.svg');}
#lbl_61_0 { background-image: url('../angebotstool/Konfigurator_4a.svg');}
#lbl_61_1 { background-image: url('../angebotstool/Konfigurator_4b.svg');}
#lbl_61_2 { background-image: url('../angebotstool/Konfigurator_4c.svg');}
#lbl_61_3 { background-image: url('../angebotstool/Konfigurator_4d.svg');}
#lbl_64_0 { background-image: url('../angebotstool/Konfigurator_5a.svg');}
#lbl_64_1 { background-image: url('../angebotstool/Konfigurator_5b.svg');}
#lbl_64_2 { background-image: url('../angebotstool/Konfigurator_5c.svg');}
#lbl_64_3 { background-image: url('../angebotstool/Konfigurator_5d.svg');}
#lbl_67_0 { background-image: url('../angebotstool/Konfigurator_6a.svg');}
#lbl_67_1 { background-image: url('../angebotstool/Konfigurator_6b.svg');}
#lbl_67_2 { background-image: url('../angebotstool/Konfigurator_6c.svg');}
#lbl_67_3 { background-image: url('../angebotstool/Konfigurator_6d.svg');}
#lbl_67_4 { background-image: url('../angebotstool/Konfigurator_6e.svg');}
#lbl_70_0 { background-image: url('../angebotstool/Konfigurator_7a.svg');}
#lbl_70_1 { background-image: url('../angebotstool/Konfigurator_7b.svg');}
#lbl_70_2 { background-image: url('../angebotstool/Konfigurator_7c.svg');}
#lbl_70_3 { background-image: url('../angebotstool/Konfigurator_7d.svg');}

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