@font-face{font-family:poppins;src:url(../media/poppins_latin_300-s.p.2hvcnh59x4e6z.woff2)format("woff2");font-display:swap;font-weight:300;font-style:normal}@font-face{font-family:poppins;src:url(../media/poppins_latin_400-s.p.17e3l4txdrufi.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:poppins;src:url(../media/poppins_latin_500-s.p.1bg6trwi21i5q.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:poppins;src:url(../media/poppins_latin_600-s.p.2g9xiodaln20i.woff2)format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:poppins;src:url(../media/poppins_latin_700-s.p.1n2oi-d4a-xww.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:poppins Fallback;src:local(Arial);ascent-override:92.83%;descent-override:30.94%;line-gap-override:8.84%;size-adjust:113.11%}.poppins_bea27c7d-module__9IfTgW__className{font-family:poppins,poppins Fallback}
:root{--bb-dunkelblau:#002e5f;--bb-hellblau:#c4dcf4;--bb-button:#258faf;--bb-button-hover:#207b97;--bb-grau:#767676;--bb-text-dunkel:#2f2c2c;--bb-text-hell:#fefefe;--bb-flaeche:#f6f8fa;--bb-linie:#d7dde1;--bb-linie-hell:#e6ebf0;--bb-label:#4d6785;--bb-text-weich:#5b6470;--bb-rand-info:#9fb3c8;--bb-aktiv-flaeche:#eaf4fc;--bb-zeile:#f0f4f8;--bb-fehler:#b3261e;--bb-fehler-flaeche:#fdecea;--bb-warnung:#8a5a00;--bb-warnung-flaeche:#fbf1dc;--bb-schatten-hover:0 2px 14px #002e5f1a}*{box-sizing:border-box}body{background:var(--bb-flaeche);color:var(--bb-text-dunkel);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}button,input,select{font-family:inherit}a{color:var(--bb-button);text-decoration:none}a:hover{color:var(--bb-button-hover);text-decoration:underline}.kopfzeile{background:var(--bb-dunkelblau);color:#fff;align-items:center;gap:24px;height:60px;padding:0 40px;display:flex}.kopfzeile .marke{letter-spacing:-.01em;font-size:20px;font-weight:700}.kopfzeile .trenner{background:#ffffff40;width:1px;height:22px}.kopfzeile .untertitel{opacity:.9;font-size:14px}.kopfzeile .link-kopieren{align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.kopfzeile .link-kopieren .rahmen-btn:disabled{opacity:.5;cursor:not-allowed}.kopfzeile .link-manuell{border:1px solid var(--bb-linie);border-radius:6px;width:260px;max-width:100%;padding:6px 8px;font-size:12px}.raster{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:48px;width:100%;max-width:1440px;margin:0 auto;padding:32px 40px 80px;display:grid}.spalte-links{flex-direction:column;gap:32px;min-width:0;display:flex}.schiene{flex-direction:column;gap:16px;min-width:0;max-height:calc(100vh - 48px);display:flex;position:sticky;top:24px;overflow-y:auto}@media (max-width:1100px){.raster{grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding:24px}.schritt-nav .linie{display:none}.schritt-nav .beschriftung{font-size:12px}}@media (max-width:760px){.raster{grid-template-columns:minmax(0,1fr)}.schiene{max-height:none;position:static}}.schritt-nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.schritt-nav button{cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:6px 4px;display:flex;position:relative}.schritt-nav button:hover{opacity:.8}.schritt-nav .kreis{border:1.5px solid var(--bb-linie);width:28px;height:28px;color:var(--bb-dunkelblau);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.schritt-nav .erledigt .kreis{background:var(--bb-hellblau);border-color:var(--bb-hellblau)}.schritt-nav .aktiv .kreis{background:var(--bb-dunkelblau);border-color:var(--bb-dunkelblau);color:#fff}.schritt-nav .fehlerhaft .kreis{border-color:var(--bb-fehler);color:var(--bb-fehler)}.schritt-nav .aktiv.fehlerhaft .kreis{background:var(--bb-fehler);border-color:var(--bb-fehler);color:#fff}.schritt-nav .beschriftung{white-space:nowrap;color:var(--bb-text-weich);font-size:14px;font-weight:500}.schritt-nav .aktiv .beschriftung{color:var(--bb-dunkelblau);font-weight:600}.schritt-nav .fehlerpunkt{background:var(--bb-fehler);border:2px solid var(--bb-flaeche);border-radius:50%;width:9px;height:9px;position:absolute;top:4px;left:22px}.schritt-nav .linie{background:var(--bb-linie);flex:1;min-width:12px;height:1px}.schritt{flex-direction:column;gap:36px;display:flex}h1.titel{color:var(--bb-dunkelblau);letter-spacing:-.01em;margin:0;font-size:28px;font-weight:600}.abschnitt{flex-direction:column;gap:14px;display:flex}.abschnitt.getrennt{border-top:1px solid var(--bb-linie-hell);padding-top:28px}.abschnitt-kopf{align-items:center;gap:8px;display:flex}h2.label{letter-spacing:0;color:var(--bb-dunkelblau);margin:0;font-size:15px;font-weight:600}.intro{flex-direction:column;gap:8px;display:flex}.intro p{max-width:640px;color:var(--bb-text-weich);margin:0;font-size:14px;line-height:1.6}.link-btn{color:var(--bb-button);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:13px;font-weight:500}.hinweis-text{color:var(--bb-grau);font-size:13px}.fussnote{color:var(--bb-grau);margin:0;font-size:12px}.karte{border:1px solid var(--bb-linie);cursor:pointer;text-align:left;color:var(--bb-text-dunkel);background:#fff;border-radius:12px;width:100%;padding:18px 20px;font-size:14px;transition:box-shadow .15s;display:block;position:relative}.karte:hover:not(.gesperrt){box-shadow:var(--bb-schatten-hover)}.karte.aktiv{border-color:var(--bb-dunkelblau);background:var(--bb-aktiv-flaeche);box-shadow:inset 0 0 0 1px var(--bb-dunkelblau)}.karte.gesperrt{opacity:.45;cursor:default}.karte .akzent{background:var(--bb-dunkelblau);opacity:0;border-radius:0 3px 3px 0;width:3px;position:absolute;top:14px;bottom:14px;left:-1px}.karte.aktiv .akzent{opacity:1}.karte .k-titel{color:var(--bb-dunkelblau);font-size:15px;font-weight:600;line-height:1.35;display:block}.karte .k-gross{font-size:17px}.karte .k-sub{color:var(--bb-grau);margin-top:4px;font-size:12px;line-height:1.45;display:block}.karte .k-preis{color:var(--bb-dunkelblau);margin-top:10px;font-size:15px;font-weight:600;display:block}.karte-info{position:absolute;top:14px;right:14px}.karte:focus-visible{outline:2px solid var(--bb-button);outline-offset:2px}.lage-zeile{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lage-zeile .lage-label{color:var(--bb-label);font-size:12px}.karte .karte-auswahl{cursor:default;margin-top:10px}.segment.mini button{padding:4px 10px;font-size:12px}.karte.schmal{border-radius:10px;padding:16px 18px}.karte.kompakt{border-radius:10px;align-self:flex-start;width:auto;padding:12px 18px}.karte.kompakt .akzent{top:10px;bottom:10px}.karte.schmal .akzent{top:12px;bottom:12px}.karten-reihe{flex-wrap:wrap;gap:16px;display:flex}.karten-reihe>*{flex:260px}.karten-gitter{gap:12px;display:grid}.karten-gitter.g180{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.karten-gitter.g200{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.karten-gitter.g210{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.segment{border:1px solid var(--bb-linie);background:#fff;border-radius:8px;flex-wrap:wrap;align-self:flex-start;display:inline-flex;overflow:hidden}.segment button{white-space:nowrap;border:0;border-left:1px solid var(--bb-linie);color:var(--bb-dunkelblau);cursor:pointer;background:#fff;padding:9px 18px;font-size:14px;font-weight:500}.segment button:first-child{border-left:0}.segment button.aktiv{background:var(--bb-dunkelblau);color:#fff}.segment button:disabled{opacity:.45;cursor:default}.feldzeile{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.feldzeile>.feldname{min-width:110px;font-size:14px;font-weight:500}.feldzeile.breit>.feldname{align-items:center;gap:8px;min-width:130px;display:inline-flex}.check{cursor:pointer;text-align:left;color:inherit;background:0 0;border:0;align-self:flex-start;align-items:center;gap:10px;padding:0;font-size:14px;display:flex}.check.gesperrt{opacity:.45;cursor:default}.kasten{border:1.5px solid var(--bb-rand-info);color:#fff;background:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;display:inline-flex}.check.an .kasten,.kasten.an{border-color:var(--bb-dunkelblau);background:var(--bb-dunkelblau)}.karte .kasten{margin-top:2px}.check .neben{color:var(--bb-grau)}.info-marke{border:1px solid var(--bb-rand-info);width:18px;height:18px;color:var(--bb-label);cursor:help;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:10px;font-weight:600;display:inline-flex}.info-marke.gross{width:20px;height:20px;font-size:11px}.tooltip{background:var(--bb-dunkelblau);color:#fff;pointer-events:none;z-index:50;border-radius:8px;max-width:320px;padding:10px 13px;font-size:13px;line-height:1.5;position:fixed;transform:translate(-50%,-100%);box-shadow:0 8px 24px #002e5f47}.budget{flex-direction:column;gap:8px;display:flex}.budget-kopf{color:var(--bb-text-weich);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;display:flex}.budget-kopf .stark{color:var(--bb-text-dunkel);font-weight:500}.budget-balken{background:var(--bb-linie-hell);border-radius:2px;height:4px;display:flex;overflow:hidden}.budget-balken span{height:100%;display:block}.budget-balken .a{background:var(--bb-dunkelblau)}.budget-balken .b{background:var(--bb-button)}.budget-balken .zuviel{background:var(--bb-fehler)}.bauteil-liste{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bauteil{background:var(--bb-flaeche);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 14px;display:flex}.bauteil>.lage-zeile,.bauteil>.feldzeile{flex-basis:100%;margin:0 0 0 34px}.marke-nr{background:var(--bb-dunkelblau);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:600;display:inline-flex}.bauteil .mitte{flex:1;min-width:0}.bauteil .name{color:var(--bb-text-dunkel);font-size:14px;font-weight:500}.bauteil .sub{color:var(--bb-grau);font-size:12px}.mini-btn{border:1px solid var(--bb-linie);width:28px;height:28px;color:var(--bb-dunkelblau);cursor:pointer;background:#fff;border-radius:6px;font-size:13px;line-height:1}.mini-btn:hover:not(:disabled){background:var(--bb-aktiv-flaeche)}.mini-btn:disabled{opacity:.35;cursor:default}.leer-kasten{border:1px dashed var(--bb-linie);color:var(--bb-grau);text-align:center;border-radius:8px;padding:14px;font-size:13px}.rahmen-btn{border:1px solid var(--bb-dunkelblau);color:var(--bb-dunkelblau);white-space:nowrap;cursor:pointer;background:#fff;border-radius:8px;align-self:flex-start;padding:8px 14px;font-size:13px;font-weight:500}.rahmen-btn:hover{background:var(--bb-aktiv-flaeche)}.katalog{border-top:1px solid var(--bb-linie-hell);flex-direction:column;gap:6px;padding-top:12px;display:flex}.katalog h4{letter-spacing:.06em;text-transform:uppercase;color:var(--bb-label);margin:6px 0 0;font-size:11px;font-weight:600}.katalog-eintrag{text-align:left;border:1px solid var(--bb-linie-hell);cursor:pointer;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.katalog-eintrag:hover:not(.gesperrt){border-color:var(--bb-rand-info)}.katalog-eintrag.gesperrt{opacity:.45;cursor:default}.katalog-eintrag .name{color:var(--bb-text-dunkel);font-size:13px;font-weight:500;display:block}.katalog-eintrag .sub{color:var(--bb-grau);font-size:12px;display:block}.katalog-eintrag .preis{color:var(--bb-dunkelblau);white-space:nowrap;font-size:13px;font-weight:500}.feld-gitter{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;max-width:640px;display:grid}.feld{flex-direction:column;gap:6px;display:flex}.feld.voll{grid-column:1/-1}.feld>span{color:var(--bb-label);font-size:12px;font-weight:500}.feld input,.feld select,input.zahl{border:1px solid var(--bb-linie);color:var(--bb-text-dunkel);background:#fff;border-radius:8px;outline:none;padding:10px 12px;font-size:14px}.feld input:focus,.feld select:focus,input.zahl:focus{border-color:var(--bb-button)}input.zahl{text-align:right;width:90px}.meldung{border:1px solid;border-radius:10px;padding:14px 16px;font-size:13px;line-height:1.5}.meldung.fehler{background:var(--bb-fehler-flaeche);color:var(--bb-fehler);border-color:#f3c6c2}.meldung.warnung{background:var(--bb-warnung-flaeche);color:var(--bb-warnung);border-color:#e8d3a4}.meldung.info{background:var(--bb-aktiv-flaeche);border-color:var(--bb-hellblau);color:var(--bb-dunkelblau)}.meldung+.meldung{margin-top:8px}.meldung .kopf{font-weight:600}.meldungen{flex-direction:column;gap:8px;display:flex}.schritt-fuss{justify-content:space-between;align-items:center;padding-top:8px;display:flex}.btn-zurueck{border:1px solid var(--bb-linie);color:var(--bb-dunkelblau);cursor:pointer;background:#fff;border-radius:8px;padding:12px 22px;font-size:15px;font-weight:600}.btn-zurueck:hover{border-color:var(--bb-dunkelblau)}.btn-weiter{background:var(--bb-button);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:12px 26px;font-size:15px;font-weight:600}.btn-weiter:hover{background:var(--bb-button-hover)}.preis-karte{background:var(--bb-dunkelblau);color:#fff;border-radius:14px;flex-direction:column;gap:6px;padding:22px 24px;display:flex}.preis-karte .label{letter-spacing:.06em;text-transform:uppercase;opacity:.7;font-size:12px;font-weight:500}.preis-karte .gross{letter-spacing:-.02em;font-size:36px;font-weight:600;line-height:1.1}.preis-karte .sub{opacity:.75;font-size:13px}.preis-karte .link{color:var(--bb-hellblau);cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:8px;padding:0;font-size:13px;font-weight:500}.preis-karte.veraltet .gross,.preis-karte.veraltet .sub{opacity:.45}.preis-karte .stand{background:#ffffff26;border-radius:4px;align-self:flex-start;padding:2px 7px;font-size:11px;font-weight:500;display:inline-block}.preis-aufschluesselung{border-top:1px solid #ffffff26;grid-template-columns:1fr auto;gap:6px 16px;margin-top:8px;padding-top:12px;font-size:13px;display:grid}.preis-aufschluesselung .weich{opacity:.8}.preis-aufschluesselung .rechts{text-align:right}.preis-aufschluesselung .voll{opacity:.7;grid-column:1/-1;margin-top:6px;font-size:12px;line-height:1.5}.schienen-karte{border:1px solid var(--bb-linie);background:#fff;border-radius:14px;overflow:hidden}.plan-karte{flex-direction:column;gap:10px;padding:18px 20px 16px;display:flex}.plan-kopf{flex-direction:column;gap:2px;display:flex}.plan-kopf .titel{color:var(--bb-dunkelblau);font-size:13px;font-weight:600}.plan-kopf .mass{color:var(--bb-grau);font-size:12px}.plan-seiten{letter-spacing:.08em;color:var(--bb-label);justify-content:space-between;padding:0 2px;font-size:11px;font-weight:600;display:flex}.plan-flaeche{position:relative}.plan-flaeche svg{width:100%;height:auto;display:block}.plan-karte{container-type:inline-size}.nummernmarke text{pointer-events:none;font-family:inherit}.legenden-marke{flex-shrink:0;height:auto;display:block}.plan-legende{border-top:1px solid var(--bb-linie-hell);grid-template-columns:1fr 1fr;gap:6px 14px;padding-top:4px;display:grid}.plan-legende .zeile{align-items:center;gap:8px;font-size:12px;line-height:1.4;display:flex}.plan-legende .detail{color:var(--bb-grau)}.klapp-kopf{cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:14px 20px;display:flex}.klapp-kopf:hover{background:var(--bb-flaeche)}.klapp-kopf .titel{color:var(--bb-dunkelblau);font-size:13px;font-weight:600}.klapp-kopf .rechts{color:var(--bb-grau);align-items:center;gap:8px;font-size:12px;display:inline-flex}.pfeil{font-size:10px;transition:transform .15s;display:inline-block}.pfeil.offen{transform:rotate(90deg)}.konfig-liste{border-top:1px solid var(--bb-linie-hell);grid-template-columns:100px 1fr;gap:8px 12px;margin:0;padding:4px 20px 18px;font-size:13px;display:grid}.konfig-liste dt{color:var(--bb-grau);padding-top:8px}.konfig-liste dd{color:var(--bb-text-dunkel);overflow-wrap:anywhere;margin:0;padding-top:8px;line-height:1.45}.summen-kopf{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.summen-aktionen{align-items:center;gap:8px;display:flex}.summen-aktionen .punkt{color:var(--bb-linie)}.pos-tabelle{border:1px solid var(--bb-linie);background:#fff;border-radius:12px;overflow:hidden}.pos-zeile{grid-template-columns:72px minmax(0,1fr) 64px 110px 120px;gap:12px;padding:10px 20px;display:grid}.pos-kopfzeile{letter-spacing:.06em;text-transform:uppercase;color:var(--bb-label);border-bottom:1px solid var(--bb-linie-hell);font-size:11px;font-weight:600}.pos-gruppe{border-bottom:1px solid var(--bb-linie-hell)}.pos-gruppe>button{text-align:left;cursor:pointer;background:#fff;border:0;align-items:center;width:100%;padding:12px 20px}.pos-gruppe>button.offen{background:#fafbfc}.pos-gruppe>button:hover{background:var(--bb-zeile)}.pos-gruppe .g-titel{color:var(--bb-dunkelblau);flex-wrap:wrap;align-items:baseline;gap:8px;font-size:14px;font-weight:600;display:flex}.pos-gruppe .g-anzahl{color:var(--bb-grau);white-space:nowrap;font-size:13px;font-weight:400}.pos-gruppe .g-summe{text-align:right;color:var(--bb-dunkelblau);font-size:14px;font-weight:600}.pos-datenzeile{border-top:1px solid var(--bb-zeile);align-items:start;font-size:13px}.pos-datenzeile .art{color:var(--bb-grau);padding-top:1px;font-size:12px}.pos-datenzeile .rechts{text-align:right;color:var(--bb-text-weich)}.pos-datenzeile .betrag{text-align:right;color:var(--bb-text-dunkel);font-weight:500}.pos-badge{color:var(--bb-label);white-space:nowrap;background:#eef3f8;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:11px}.pos-datenzeile .pos-badge{white-space:normal;max-width:100%;display:inline-block}.pos-notiz{color:var(--bb-grau);margin-top:2px;font-size:12px;line-height:1.45;display:block}.g-beschreibung{color:var(--bb-grau);margin:0;padding:6px 14px 12px;font-size:13px;line-height:1.55}.zeile-meta{color:var(--bb-grau);margin-top:2px;font-size:12px;display:none}.summen-block{background:#fafbfc;flex-direction:column;align-items:flex-end;padding:18px 20px;display:flex}.summen-unverbindlich{max-width:420px;color:var(--bb-label);text-align:right;margin:10px 0 0;font-size:12px;line-height:1.5}.summen-gitter{color:var(--bb-text-weich);grid-template-columns:auto 130px;gap:6px 24px;font-size:13px;display:grid}.summen-gitter .wert{text-align:right;color:var(--bb-text-dunkel)}.summen-gitter .stark{border-top:1px solid var(--bb-linie);color:var(--bb-dunkelblau);padding-top:8px;font-size:15px;font-weight:600}.rechtliches{color:var(--bb-grau);max-width:720px;font-size:12px;line-height:1.7}.rechtliches .stark{color:var(--bb-text-dunkel);font-weight:500}.karte .wp-zeile{justify-content:space-between;align-items:center;gap:12px;display:flex}.karte .wp-zeile .links{min-width:0}.karte .wp-zeile .oben{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.karte .wp-zeile .name{color:var(--bb-dunkelblau);font-size:14px;font-weight:600}.karte .wp-zeile .preis{color:var(--bb-dunkelblau);white-space:nowrap;font-size:14px;font-weight:600}.badge-empfehlung{color:var(--bb-dunkelblau);background:var(--bb-hellblau);border-radius:4px;padding:2px 7px;font-size:11px;font-weight:500}.badge-warnung{color:var(--bb-warnung);background:var(--bb-warnung-flaeche);cursor:help;border:0;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:500}.liege-zeile{background:var(--bb-aktiv-flaeche);border:1px solid var(--bb-hellblau);border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.liege-zeile .mitte{flex:1;min-width:0}.liege-zeile .name{color:var(--bb-dunkelblau);font-size:14px;font-weight:600}.liege-zeile .detail{color:var(--bb-text-weich);font-size:13px}.liege-zeile .mini-btn{border-color:var(--bb-hellblau)}.kopfzeile{color:var(--bb-dunkelblau);border-bottom:1px solid var(--bb-linie);background:#fff;height:68px}.kopfzeile .logo{width:auto;height:44px;display:block}.kopfzeile .trenner{background:var(--bb-linie)}.kopfzeile .untertitel{color:var(--bb-text-weich);opacity:1}.schritt-nav-halter{z-index:20;background:var(--bb-flaeche);border-bottom:1px solid var(--bb-linie-hell);margin:-32px 0 0;padding:20px 0 14px;position:sticky;top:0}.preis-karte .stand{min-height:22px;line-height:18px}.preis-karte .stand.leer{background:0 0}.preis-karte .link:disabled{opacity:.4;cursor:default}.becken-vorschau{grid-template-columns:minmax(200px,1fr) minmax(0,560px);align-items:start;gap:24px 40px;display:grid}@media (max-width:900px){.becken-vorschau{grid-template-columns:minmax(0,1fr)}}.karussell{aspect-ratio:16/9;background:var(--bb-linie-hell);border:1px solid var(--bb-linie);border-radius:12px;position:relative;overflow:hidden}.karussell img{object-fit:cover;width:100%;height:100%;display:block}.k-pfeil{width:36px;height:36px;color:var(--bb-dunkelblau);cursor:pointer;background:#ffffffe0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0 0 3px;font-size:24px;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 1px 6px #002e5f40}.k-pfeil:hover{background:#fff}.k-pfeil.links{left:12px}.k-pfeil.rechts{right:12px}.k-punkte{justify-content:center;gap:6px;display:flex;position:absolute;bottom:10px;left:0;right:0}.k-punkte button{cursor:pointer;background:#fff9;border:0;border-radius:4px;width:8px;height:8px;padding:0;transition:width .15s}.karte .k-zeile{font-size:13px;line-height:1.45;display:block}.karte .k-zeile.weich{color:var(--bb-grau);font-size:12px}.einbau-bild{object-fit:cover;background:#2f2c2c;border-radius:8px;flex-shrink:0;width:56px;height:56px}.einbau-optionen{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px 24px;margin:2px 0 0 34px;display:flex}.einbau-optionen .feldzeile{margin:0}.katalog-links{align-items:center;gap:12px;min-width:0;display:flex}.katalog-bild{object-fit:cover;background:#2f2c2c;border-radius:6px;flex-shrink:0;width:48px;height:48px}.budget-kopf .zuviel{color:var(--bb-fehler)}.schiene>.preis-karte,.schiene>.meldungen,.schiene>.plan-karte{flex-shrink:0}.schienen-karte.konfig-karte{flex-direction:column;flex:0 auto;min-height:0;display:flex}.schienen-karte.konfig-karte .klapp-kopf{flex-shrink:0}.konfig-liste{min-height:0;overflow-y:auto}.karte .k-titel{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.einbau-bild{border-radius:10px;width:112px;height:112px}.farb-karten{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;max-width:640px;display:grid}.farb-bild{aspect-ratio:4/3;object-fit:cover;background:#f0f0f0;border-radius:8px;width:100%;margin-bottom:10px;display:block}.karte .k-bild{float:right;object-fit:contain;width:64px;height:84px;margin:-4px 0 0 12px}.gsa-option{padding:10px 0 6px}.feld textarea{border:1px solid var(--bb-linie);width:100%;max-width:720px;color:var(--bb-text-dunkel);resize:vertical;background:#fff;border-radius:8px;outline:none;padding:12px 14px;font-size:14px;line-height:1.5}.feld textarea:focus{border-color:var(--bb-button)}.farb-bild{object-fit:contain;aspect-ratio:6/5;border:1px solid var(--bb-linie-hell);background:#fff}.bild-tooltip{z-index:60;border:1px solid var(--bb-linie);pointer-events:none;background:#fff;border-radius:12px;width:260px;height:260px;position:fixed;overflow:hidden;box-shadow:0 10px 30px #002e5f40}.bild-tooltip img{object-fit:cover;width:100%;height:100%;display:block}.reihe-bild{object-fit:contain;width:auto;max-width:100%;height:120px;margin:0 auto 12px;display:block}.wp-modelle{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;display:grid}.bild-tooltip{width:220px;height:220px}.liege-zeile{flex-wrap:wrap}.liege-zeile .liege-bild{object-fit:cover;border-radius:8px;flex-shrink:0;width:72px;height:72px}.liege-zeile .einbau-optionen{margin-left:34px}.tooltip{white-space:pre-line}.intro-inhalt{flex-direction:column;gap:10px;max-width:640px;display:flex}.intro-block p{margin:0}.intro-titel{color:var(--bb-dunkelblau);margin:0 0 2px;font-size:14px;font-weight:600}.einleitung{max-width:640px;color:var(--bb-text-weich);margin:6px 0 0;font-size:14px;line-height:1.6}.abschnitt-untertitel{max-width:640px;color:var(--bb-text-weich);margin:-6px 0 0;font-size:14px;line-height:1.5}.karte .k-grund{color:var(--bb-warnung);margin-top:8px;font-size:12px;line-height:1.45;display:block}.karte.gesperrt{opacity:.7}.karte.gesperrt .k-titel,.karte.gesperrt .k-sub,.karte.gesperrt .k-preis,.karte.gesperrt .k-zeile,.karte.gesperrt .wp-zeile{opacity:.6}.segment.zweizeilig button{text-align:left;white-space:normal;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 16px;display:flex}.segment .seg-sub{color:var(--bb-grau);font-size:12px;font-weight:400}.segment button.aktiv .seg-sub{color:#fffc}.check .check-sub{color:var(--bb-grau);margin-top:2px;font-size:12px;line-height:1.45;display:block}.budget-hinweis{max-width:640px;color:var(--bb-text-weich);margin:0;font-size:13px;line-height:1.5}.serie-text{max-width:320px;color:var(--bb-text-weich);margin:0;font-size:13px;line-height:1.55}.serie-text strong{color:var(--bb-text-dunkel);font-weight:600}.absenden{border-top:1px solid var(--bb-linie-hell);flex-direction:column;gap:12px;padding-top:28px;display:flex}.absenden-titel{color:var(--bb-dunkelblau);margin:0;font-size:22px;font-weight:600}.absenden-text{max-width:640px;color:var(--bb-text-weich);margin:0;font-size:14px;line-height:1.6}.absenden-aktionen{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn-weiter:disabled{opacity:.5;cursor:default}.rechtliches .zeile{margin-top:4px}.pos-gruppe .g-summe,.pos-datenzeile .betrag,.summen-gitter .wert{white-space:nowrap}@media (max-width:1100px){.pos-zeile{grid-template-columns:minmax(0,1fr) auto}.pos-zeile .spalte-weg{display:none}.pos-zeile .zeile-meta{display:block}}@media (max-width:600px){.kopfzeile{flex-wrap:wrap;gap:4px 12px;height:auto;min-height:60px;padding:8px 16px}.kopfzeile .logo{height:36px}.kopfzeile .untertitel{flex:1;min-width:0;font-size:12px;line-height:1.35}.kopfzeile .link-kopieren{flex-wrap:wrap;flex-basis:100%;margin-left:0}.raster{padding:16px 16px 64px}.schritt-nav-halter{margin-top:-16px;padding:10px 0 8px}.schritt-nav{scrollbar-width:none;flex-wrap:nowrap;gap:2px;overflow-x:auto}.schritt-nav button{flex-shrink:0;gap:6px}.schritt-nav button:not(.aktiv) .beschriftung{display:none}.schritt-nav button.aktiv{flex-shrink:1;min-width:0}.schritt-nav .aktiv .beschriftung{text-overflow:ellipsis;min-width:0;font-size:13px;overflow:hidden}.einbau-bild{border-radius:8px;width:64px;height:64px}.bauteil .name{overflow-wrap:anywhere}.bauteil>.lage-zeile,.bauteil>.feldzeile{margin-left:0}.plan-legende{grid-template-columns:minmax(0,1fr)}.pos-zeile{gap:4px 12px;padding:10px 14px}.pos-gruppe>button{padding:12px 14px}.pos-datenzeile{grid-template-columns:minmax(0,1fr)}.pos-datenzeile .betrag{justify-self:end}.pos-kopfzeile{grid-template-columns:minmax(0,1fr) auto}}:root{--bb-grau:#666;--bb-button:#207b97;--bb-button-hover:#1b6a82}.preis-karte .gross,.preis-aufschluesselung .rechts,.summen-gitter .wert,.pos-datenzeile .betrag,.pos-gruppe .g-summe{font-variant-numeric:tabular-nums}.preis-karte .gross,.preis-karte .sub{transition:opacity .2s}.preis-karte.laedt .gross,.preis-karte.laedt .sub{opacity:.55}.preis-karte .gross.skeleton{background:linear-gradient(90deg,#ffffff1f,#ffffff3d,#ffffff1f) 0 0/200% 100%;border-radius:8px;width:70%;height:40px;animation:1.2s ease-in-out infinite preis-skeleton;display:block}@keyframes preis-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.preis-karte .gross.skeleton{animation:none}.preis-karte .gross,.preis-karte .sub{transition:none}}.info-marke{width:24px;height:24px;box-shadow:inset 0 0 0 1px var(--bb-rand-info);background-clip:padding-box;border:3px solid #0000}.info-marke.gross{width:26px;height:26px}.karte-info{top:11px;right:11px}.k-punkte{gap:0;bottom:2px}.k-punkte button{background:0 0;border-radius:0;width:24px;height:24px;position:relative}.k-punkte button:after{content:"";background:#fff9;border-radius:4px;width:8px;height:8px;transition:width .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.k-punkte button.aktiv{background:0 0;width:30px}.k-punkte button.aktiv:after{background:#fff;width:22px}.raster-einspaltig{grid-template-columns:minmax(0,760px);justify-content:center}a.btn-weiter,a.btn-weiter:hover{color:#fff;text-decoration:none;display:inline-block}.fusszeile{border-top:1px solid var(--bb-linie);max-width:1440px;color:var(--bb-grau);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin:0 auto;padding:20px 40px 32px;font-size:13px;display:flex}.fusszeile nav{gap:20px;display:flex}.rechtsseite h2{color:var(--bb-dunkelblau);margin:24px 0 6px;font-size:18px}.rechtsseite p{white-space:pre-line;max-width:680px;margin:0 0 8px}@media (max-width:600px){.fusszeile{padding:16px}}.hp-feld{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.intern .feldzeile .link-manuell{border:1px solid var(--bb-linie);background:#fff;border-radius:6px;flex:320px;min-width:0;padding:8px 10px;font-size:13px}.intern .feld-check span{align-items:center;gap:8px;display:flex}.laender-auswahl>label>span{color:var(--bb-label);font-size:12px;font-weight:500}.laender-feld{position:relative}.laender-feld input{cursor:pointer;width:100%;padding-right:32px}.laender-feld input:focus{cursor:text}.laender-pfeil{color:var(--bb-label);pointer-events:none;font-size:12px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.laender-liste{z-index:30;border:1px solid var(--bb-linie);box-shadow:var(--bb-schatten-hover);background:#fff;border-radius:8px;max-height:296px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.laender-liste li{height:36px;color:var(--bb-text-dunkel);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;align-items:center;padding:0 12px;font-size:14px;display:flex;overflow:hidden}.laender-liste li.markiert{background:var(--bb-aktiv-flaeche)}.laender-liste li.gewaehlt{color:var(--bb-dunkelblau);font-weight:600}.laender-liste li.laender-leer{color:var(--bb-text-weich);cursor:default}.intern-vorkonfiguration{border:1px solid var(--bb-linie);border-radius:8px;gap:10px;padding:12px 14px}.intern-vorkonfiguration legend{color:var(--bb-label);padding:0 4px;font-size:12px;font-weight:500}.intern-radios{flex-wrap:wrap;gap:16px;font-size:14px;display:flex}.intern-navigation{border-bottom:1px solid var(--bb-linie);background:#fff;gap:4px;padding:0 40px;display:flex;overflow-x:auto}.intern-navigation a{color:var(--bb-text-weich);white-space:nowrap;border-bottom:2px solid #0000;padding:12px 14px;font-size:14px;text-decoration:none}.intern-navigation a[aria-current=page]{color:var(--bb-dunkelblau);border-bottom-color:var(--bb-button);font-weight:600}.intern-daten{grid-template-columns:max-content 1fr;gap:6px 16px;margin:8px 0 16px;font-size:14px;display:grid}.intern-daten dt{color:var(--bb-label)}.intern-daten dd{margin:0}.intern-tabelle{border-collapse:collapse;width:100%;margin-bottom:16px;font-size:13px}.intern-tabelle th,.intern-tabelle td{text-align:left;border-bottom:1px solid var(--bb-linie-hell);vertical-align:top;padding:6px 8px}.intern-tabelle td.rechts,.intern-tabelle th.rechts{text-align:right;white-space:nowrap}.intern-tabelle tr.gruppe td{background:var(--bb-zeile);color:var(--bb-dunkelblau);font-weight:600}.intern-tabelle tr.stark td{color:var(--bb-dunkelblau);font-weight:700}.intern-tabelle .klein{color:var(--bb-text-weich);font-size:12px;display:block}@media (max-width:600px){.intern-navigation{padding:0 12px}}.kopfzeile{padding-inline:max(40px,50% - 680px)}@media (max-width:1100px){.kopfzeile{padding-inline:24px}}@media (max-width:600px){.kopfzeile{padding-inline:16px}}.segment.breit{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-self:stretch;width:100%;max-width:360px;display:grid}.segment.breit button{text-align:center;padding-inline:8px}.schritt-nav-halter{container:schritte/inline-size}.schritt-nav{flex-wrap:nowrap;gap:4px}.schritt-nav button{flex-shrink:0;gap:6px;padding-inline:2px}.schritt-nav .linie{min-width:6px}@container schritte (max-width:710px){.schritt-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 12px;display:grid}.schritt-nav .linie{display:none}.schritt-nav button{justify-content:flex-start;min-width:0}.schritt-nav .beschriftung{text-overflow:ellipsis;font-size:13px;overflow:hidden}}@container schritte (max-width:480px){.schritt-nav{gap:2px;display:flex}.schritt-nav button{flex-shrink:0;min-width:auto}.schritt-nav button:not(.aktiv) .beschriftung{display:none}.schritt-nav button.aktiv{flex-shrink:1;min-width:0}}@media (max-width:600px){.schritt-fuss{gap:8px}.schritt-fuss .btn-zurueck,.schritt-fuss .btn-weiter{white-space:nowrap;padding-inline:14px;font-size:14px}}.plan-legende{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.plan-legende .detail{max-width:100%;display:inline-block}.preis-karte{container-type:inline-size}.preis-karte .gross{white-space:nowrap;font-size:clamp(22px,11cqi,36px)}.schritt-nav .linie{background:var(--bb-linie);flex:8px;align-self:center;min-width:8px;height:1.5px;display:block}.schritt-nav .linie.erledigt{background:var(--bb-dunkelblau)}@container schritte (max-width:710px){.schritt-nav{grid-template-columns:auto 40px auto 40px auto;justify-content:start;gap:4px 8px}.schritt-nav .linie{width:40px;min-width:0;display:block}.schritt-nav .linie:nth-child(6){display:none}}@container schritte (max-width:480px){.schritt-nav{gap:4px;overflow:visible}.schritt-nav .linie,.schritt-nav .linie:nth-child(6){min-width:6px;display:block}}.intern-navigation{gap:8px;padding-inline:max(40px,50% - 680px)}.intern-navigation a{padding-inline:12px}.intern-navigation a:first-child{padding-left:0}@media (max-width:1100px){.intern-navigation{padding-inline:24px}}@media (max-width:600px){.intern-navigation{padding-inline:16px}}.raster.intern{display:block}.intern>h1.titel+.hinweis-text{margin:4px 0 24px}.intern form,.intern .feld-gitter,.intern .hinweis-text,.intern .meldung,.intern section>p{max-width:640px}.intern .hinweis-text{display:block}.intern section{margin-top:32px}.intern section>h2{margin:0 0 12px}.schritt-wartet{pointer-events:none}.raster{--raster-oben:32px;padding-top:var(--raster-oben)}.schritt-nav-halter{margin-top:calc(-1 * var(--raster-oben))}@media (max-width:1100px){.raster{--raster-oben:24px}}@media (max-width:600px){.raster{--raster-oben:16px}}