.wp_rechner.container {padding: 0; background-color: transparent;}
.wp_rechner .clear {clear: both;}
.wp_rechner .option_label {text-align: center; margin: 6px 0; font-weight: bold;}
.wp_rechner #bild_laenge, .wp_rechner #bild_breite, .wp_rechner #bild_tiefe, .wp_rechner #bild_plz, .wp_rechner #bild_zeit {width: 120px; height: 89px;}
.wp_rechner #info_laenge, .wp_rechner #info_breite, .wp_rechner #info_tiefe, .wp_rechner #info_plz, .wp_rechner #info_zeit {color: var(--rot);}
.wp_rechner .placer {margin-left: -20px; position: relative;}

.wp_rechner .radiobuttons {text-align: center; padding: 10px 0; display: table; margin: 0 auto; position: relative;}
.wp_rechner .radiobuttons input {width: 70px; margin-top: 10px; margin-left: -10px;}
.wp_rechner .radiobuttons input#input_plz {margin-left: 10px;}
.wp_rechner .radiobuttons input.red {border: 1px solid var(--rot);}
.wp_rechner .radiobuttons.drueber {padding: 0 0;}
.wp_rechner .ebene.auswahl, .wp_rechner .radiobuttons:focus {outline: none;}
.wp_rechner .radiobuttons  .option_div {display: inline-block; min-width: 200px; cursor: pointer; position: relative;}
.wp_rechner .radiobuttons > div.clear {display: block; min-width: 0;}
.wp_rechner .radiobuttons > div > object {margin: 0 auto; display: block;}
.wp_rechner .click {height: 100%; width: 100%; bottom: 0; position: absolute;}
.wp_rechner .text {line-height: 22px;}
.wp_rechner .js--fancy-select.select-field {width: 75px;}

.wp_rechner a:hover {text-decoration: none;}

.wp_rechner #pumpen {text-align: center;}
.wp_rechner .box {display: inline-block; margin: 10px;}
.wp_rechner .box .neben {text-align: center;}
.wp_rechner .box .img {margin: 0 auto;}
.wp_rechner .box .preis {text-align: right; font-size: 24px;}
.wp_rechner .box .dreieck {display: none; width: 0; height: 0; border-style: solid; border-width: 0 20px 20px 20px; z-index: 2; margin-top: -32px; border-color: transparent transparent var(--hellgrau) transparent; left: calc(50% - 20px); position: relative;}
.wp_rechner .box .rahmen {padding: 10px;}
.wp_rechner .box .ueber {font-size: 18px; margin-bottom: 5px;}
.wp_rechner .box .button {color: #FFFFFF; letter-spacing: 1px;}
.wp_rechner .box .daten {padding: 10px 5px 5px;}
.wp_rechner .box .daten .daten_zeile_links {float: left; font-weight: 700;}
.wp_rechner .box .daten .daten_zeile_rechts {float: right;}

.wp_rechner #drueber #banner {width: 100%; max-height: 400px; height: calc(400 / 1260 * 100vw); position: relative;}
.wp_rechner #banner {background-size: 100% 100%;}
.wp_rechner #ueberschrift_banner_div {max-width: 500px; left: 20px;}
.wp_rechner #erklaerung_banner {margin-bottom: 20px;}

.wp_rechner .ebene .schritt {width: 100%; text-align: center; font-size: 18px; text-transform: uppercase; padding: 8px 0; color: #FFFFFF; position: relative;}
.wp_rechner .rahmen .pfeil_unten {border-width: 0 30px 25px; bottom: -25px; left: 50%; border-style: solid; position: absolute; z-index: 2; transform: rotate(-180deg) translate(50%);}
.wp_rechner .schritt.checked {background-color: var(--primaer_1);}
.wp_rechner .schritt.checked .haken {background-image: url(../img/konfigurator/check.svg); background-repeat: no-repeat; width: 48px; height: 50px; position: absolute; right: 0; top: -21px;}
.wp_rechner .schritt.red {background-color: var(--rot);}
.wp_rechner .schritt.checked .pfeil_unten {border-color: transparent transparent var(--primaer_1) transparent;}
.wp_rechner .schritt.red .pfeil_unten {border-color: transparent transparent var(--rot) transparent;}

/*Tooltip*/
html {scroll-behavior: smooth;}
.wp_rechner .ebene.auswahl .radiobuttons.tool_rahmen {padding: 20px; margin-bottom: 20px; box-shadow: 0 5px 15px 3px #00000040;}
.wp_rechner .tooltip {position: absolute; background: var(--tooltip_bg); color: #FFFFFF; text-align: center; top: -70px; right: 0; padding: 20px 20px; font-size: 16px; z-index: 5; box-shadow: 0 5px 15px 3px #00000040 #00000040;}
.wp_rechner .tooltip:after {content: ""; position: absolute; width: 0; height: 0; left: 20%; bottom: -37px; right: auto; top: auto; border: 20px solid transparent; border-top-color: var(--tooltip_bg); z-index: 5;}
.wp_rechner .deaktiviert {opacity: 0.1; cursor: not-allowed !important;}
.wp_rechner .deaktiviert .option_div {cursor: not-allowed !important;}
.wp_rechner .radiobuttons.drueber {margin-bottom: -36px !important; font-size: 18px; font-weight: bold; text-align: center;}
.wp_rechner .radiobuttons.drueber.aus {display: none !important;}
.wp_rechner .radiobuttons.drueber.an {display: table !important;}
.wp_rechner #ergebnis {text-align: center; font-size: 16px;}
@media screen and (max-width: 730px) {
    .wp_rechner .tooltip {right: auto !important;}
}
@media screen and (max-width: 450px) {
    .wp_rechner .tool_rahmen {margin-top: 50px !important;}
    .wp_rechner .tooltip {right: 0 !important; width: calc(100vw - 20px) !important; font-size: 14px; padding: 10px 10px; top: -45px;}
}