.konfigurator-seite.cleaning-page{margin-top:0}.konfigurator-seite>.breadcrumbs{display:none}.konfigurator-section{--konfigurator-dunkel:#171823;--konfigurator-grund:var(--surface-soft);background:var(--surface-soft)}.konfigurator.inquiry-scope p{max-width:none}.konfigurator{--karte-schatten:0 1px 2px #1718230f, 0 10px 26px -14px #17182342;--karte-schatten-hover:0 2px 4px #1718230f, 0 16px 34px -16px #17182357;--karte-gewaehlt:0 0 0 2px var(--green), 0 10px 26px -14px #17182342;--flaeche-leise:#ffffff9e;--auf-text:#171823;--auf-text-2:#474951;--auf-text-3:#62636c;--auf-text-4:#85868e;--auf-akzent:#4b751e;--auf-linie:#1718231a;--auf-fehler:#a32220;--seitenrand:clamp(20px, 4vw, 64px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;display:grid}:root[data-theme=dark] .konfigurator{--flaeche-leise:#f4f1ec;--auf-text:#faf9f7;--auf-text-2:#d0d1d9;--auf-text-3:#b4b6c1;--auf-text-4:#9c9eab;--auf-akzent:#c3f68e;--auf-linie:#ffffff24;--auf-fehler:#ffb4a8}.konfigurator-schritte{min-width:0;min-height:calc(100svh - var(--nav-height) - var(--utility-height));padding:36px var(--seitenrand) 0;flex-direction:column;display:flex;overflow-x:clip}.konfigurator.inquiry-scope .konfigurator-panel{width:100%;max-width:680px;box-shadow:none;background:0 0;border-radius:0;flex-direction:column;flex:1;margin-inline:auto;padding:0;display:flex}.konfigurator-panel>form{flex-direction:column;flex:1;display:flex}.konfigurator .inquiry-question{color:var(--auf-text);text-wrap:balance;margin-bottom:8px}.konfigurator .form-hint{color:var(--auf-text-2);text-wrap:pretty;margin:0 0 18px}.konfigurator-schritt{flex:1 0 auto;animation:.3s cubic-bezier(.16,1,.3,1) konfigurator-schritt}@keyframes konfigurator-schritt{0%{opacity:0;transform:translateY(6px)}}.konfigurator .konfigurator-einstieg-zeile{color:var(--auf-akzent);font:600 18px/1.2 var(--font-barlow), sans-serif;letter-spacing:.06em;text-transform:uppercase;text-wrap:pretty;margin:0 0 16px}.konfigurator .konfigurator-einstieg-frage{color:var(--auf-text);font-family:var(--font-veneer-headline), var(--font-barlow), sans-serif;letter-spacing:-.005em;text-wrap:balance;margin:0 0 18px;font-size:clamp(40px,4.6vw,64px);font-weight:400;line-height:1.02}.konfigurator .konfigurator-einstieg-frage:focus{outline:none}.konfigurator.inquiry-scope .konfigurator-einstieg-text{max-width:40ch;color:var(--auf-text-2);text-wrap:pretty;margin:0 0 34px;font-size:21px;line-height:1.42}.konfigurator-einstieg-label{color:var(--auf-text);font:600 20px/1.2 var(--font-barlow), sans-serif;margin:0 0 10px;display:block}.konfigurator.inquiry-scope .konfigurator-einstieg :is(.area-input,.konfigurator-vorschau,.konfigurator-notiz){max-width:440px}.konfigurator .konfigurator-einstieg .form-hint{color:var(--auf-text-3);margin:12px 0 0;font-size:16px}.konfigurator .konfigurator-einstieg .field-error{margin:10px 0 0}.konfigurator-einstieg-aktion{flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px;display:flex}.konfigurator-einstieg-aktion .button{justify-content:center;min-width:220px}.konfigurator.inquiry-scope .konfigurator-einstieg-dauer{color:var(--auf-text-3);align-items:center;gap:8px;margin:18px 0 0;font-size:16px;display:flex}.konfigurator-einstieg-dauer svg{width:18px;height:18px}.konfigurator-einstieg-fuss{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 28px;min-height:86px;padding:14px 0 18px;display:flex}.konfigurator-bewertungen{flex-wrap:wrap;gap:10px 28px;margin:0;padding:0;list-style:none;display:flex}.konfigurator-bewertungen a{min-height:44px;color:var(--auf-text);align-items:center;gap:8px;font-size:15px;text-decoration:none;display:inline-flex}.konfigurator-bewertungen a:hover span:last-of-type{text-underline-offset:3px;text-decoration:underline}.konfigurator-bewertungen a:focus-visible{outline:2px solid var(--auf-akzent);outline-offset:4px;border-radius:4px}.konfigurator-bewertungen strong{font-size:18px}.konfigurator-sterne{color:#f5c518;gap:1px;display:inline-flex}.konfigurator-sterne svg{width:14px;height:14px}.konfigurator-kurz{color:var(--auf-text);font-size:17px;text-decoration-thickness:1px}.konfigurator-kurz:focus-visible{outline:2px solid var(--auf-akzent);outline-offset:3px;border-radius:2px}@container cleaning-inquiry (max-width:599px){.konfigurator-bewertungen{gap:10px 22px}.konfigurator-bewertungen a{grid-template-columns:auto auto 1fr;align-items:center;gap:2px 6px;display:grid}.konfigurator-bewertungen img{grid-row:1/span 2}.konfigurator-sterne{grid-area:2/2/auto/span 2}}.konfigurator-fuss{z-index:4;margin-top:28px;position:sticky;bottom:0}.konfigurator-fuss:before{content:"";z-index:-1;border-top:1px solid var(--auf-linie);background:var(--konfigurator-grund);position:absolute;inset:0 -100vw}.konfigurator .konfigurator-fuss .field-error{color:var(--auf-fehler);margin:0;padding-top:12px}.konfigurator.inquiry-scope .konfigurator-aktionen{border-top:0;flex-wrap:wrap;align-items:center;gap:12px;margin-top:0;padding:14px 0 18px;display:flex}.konfigurator.inquiry-scope .konfigurator-aktionen .button{flex:none}.konfigurator-enter{color:var(--auf-text-3);font-size:15px}.konfigurator-enter b,.konfigurator :is(.inquiry-field label,.place-search label,.inquiry-photos-title,.consent-row){color:var(--auf-text)}.konfigurator .inquiry-field label>span[aria-hidden=true]{color:var(--auf-fehler)}.konfigurator :is(.inquiry-photos-title span,.inquiry-privacy,.address-status){color:var(--auf-text-3)}.konfigurator .inquiry-privacy a{color:inherit}.konfigurator .inquiry-photos{border-top-color:var(--auf-linie)}.konfigurator .field-error{color:var(--auf-fehler)}.konfigurator.inquiry-scope .konfigurator-panel .button-outline{border-color:var(--auf-text);color:var(--auf-text);background:0 0}.konfigurator.inquiry-scope .konfigurator-panel .button-outline:hover:not(:disabled){background:var(--auf-linie)}.konfigurator.inquiry-scope .konfigurator-panel .inquiry-status .button-outline{color:#171823;border-color:#171823}.konfigurator-panel-kopf{display:none}.konfigurator-kapitel-stand{color:var(--auf-text-3);font:600 13px/1.25 var(--font-barlow), sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:0}.konfigurator-zurueck{color:var(--auf-text);font:600 15px/1 var(--font-barlow), sans-serif;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;display:inline-flex}.konfigurator-zurueck svg{width:16px;height:16px;transform:rotate(180deg)}.konfigurator-wurzel{border-radius:var(--radius-card);background:var(--flaeche-leise);gap:16px;margin-top:18px;padding:18px;display:grid}.konfigurator-wurzel h3{color:#171823;margin:0 0 8px;font-size:20px;line-height:1.2}.konfigurator-wurzel p{color:#474951;margin:0 0 8px;font-size:16px;line-height:1.5}.konfigurator-wurzel p:last-child{margin-bottom:0}.konfigurator-wurzel .weed-root-visual{min-width:0;margin:0}.konfigurator-wurzel .weed-root-frame{aspect-ratio:16/9;background:#292b36;border-radius:12px;position:relative;overflow:hidden}.konfigurator-wurzel .weed-root-frame video{object-fit:cover;width:100%;height:100%;display:block}.konfigurator-wurzel .weed-root-video-toggle{color:#fff;min-height:40px;font:600 15px/1 var(--font-barlow), sans-serif;cursor:pointer;background:#171923e0;border:1px solid #ffffff4d;border-radius:8px;align-items:center;gap:9px;padding:6px 12px;display:inline-flex;position:absolute;bottom:12px;left:12px}.konfigurator-wurzel .weed-root-video-toggle svg{width:16px;height:16px}.konfigurator-wurzel .weed-root-video-toggle:hover{background:#171923}.konfigurator-wurzel .weed-root-video-toggle:focus-visible{outline:3px solid var(--green);outline-offset:3px}.konfigurator-wurzel figcaption{color:#62636c;margin-top:8px;font-size:14px;line-height:1.4}.konfigurator-wurzel>h3{margin:0}.konfigurator-vergleich{gap:14px;margin:0;display:grid}.konfigurator-vergleich div{gap:3px;display:grid}.konfigurator-vergleich dt{color:#4b751e;font:600 13px/1.25 var(--font-barlow), sans-serif;letter-spacing:.08em;text-transform:uppercase}.konfigurator-vergleich dd{color:#171823;margin:0;font-size:16px;line-height:1.45}@container cleaning-inquiry (min-width:560px){.konfigurator-wurzel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px 22px}.konfigurator-wurzel>h3{grid-column:1/-1}}.konfigurator-panel-knoepfe{align-items:center;gap:18px;display:inline-flex}.konfigurator-neustart{color:var(--auf-text-3);font:600 15px/1 var(--font-barlow), sans-serif;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;transition:color .16s;display:inline-flex}.konfigurator-neustart svg{width:16px;height:16px}.konfigurator-neustart:hover{color:var(--auf-text)}.konfigurator-neustart[data-fragen]{color:var(--auf-fehler)}.konfigurator-neustart:focus-visible{outline:2px solid var(--auf-akzent);outline-offset:3px;border-radius:2px}.konfigurator-aktionen .konfigurator-neustart{margin-left:auto}.konfigurator-kapitel{gap:6px;margin:0 0 28px;padding:0;list-style:none;display:flex}.konfigurator-kapitel li{flex:auto;gap:7px;min-width:0;display:grid}.konfigurator-kapitel li:after{content:"";background:linear-gradient(90deg, var(--kapitel-farbe,var(--auf-akzent)) calc(var(--anteil) * 100%), var(--auf-linie) 0);border-radius:2px;height:4px;transition:background .3s}.konfigurator-kapitel li[data-zustand=aktiv]:after{--kapitel-farbe:var(--green)}.konfigurator-kapitel :is(span,button){color:var(--auf-text-3);font:600 13px/1.25 var(--font-barlow), sans-serif;letter-spacing:.08em;text-align:left;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:0 0;border:0;padding:0;overflow:hidden}.konfigurator-kapitel li[data-zustand=fertig] :is(span,button){color:var(--auf-text-2)}.konfigurator-kapitel li[data-zustand=aktiv] span{color:var(--auf-text)}.konfigurator-kapitel button{cursor:pointer;transition:color .16s}.konfigurator-kapitel button:hover{color:var(--auf-akzent)}.konfigurator-kapitel button:focus-visible{outline:2px solid var(--auf-akzent);outline-offset:2px;border-radius:2px}@container cleaning-inquiry (max-width:459px){.konfigurator-kapitel{gap:4px;margin-bottom:22px}.konfigurator-kapitel :is(span,button){letter-spacing:.03em;font-size:11px}}.konfigurator .choice-group.konfigurator-karten{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.konfigurator .konfigurator-karten .choice>span{height:100%;min-height:0;box-shadow:var(--karte-schatten);border-color:#0000;align-content:start;gap:2px;padding:12px 14px;transition:box-shadow .18s,transform .18s,background .18s;display:grid}.konfigurator .konfigurator-karten .choice:hover input:not(:checked,:disabled)+span{box-shadow:var(--karte-schatten-hover);border-color:#0000;transform:translateY(-1px)}.konfigurator .konfigurator-karten .choice input:disabled+span{box-shadow:none;cursor:not-allowed;background:#e9e4dc}.konfigurator .konfigurator-karten .choice input:disabled+span :is(strong,.konfigurator-symbol){opacity:.5}.konfigurator .konfigurator-karten .choice input:disabled+span small{color:#5c3209}.konfigurator .konfigurator-karten .choice input:checked+span{box-shadow:var(--karte-gewaehlt);background:#e9fbd7;border-color:#0000}.konfigurator .konfigurator-karten .choice strong{font-size:17px;line-height:1.2}.konfigurator .konfigurator-karten .choice small{color:#62636c;font-size:14px;line-height:1.3}.konfigurator .konfigurator-karten .choice-check,.konfigurator-haken{box-sizing:border-box;color:#171823;stroke-width:2.6px;background:#fff;border-radius:50%;width:24px;height:24px;padding:5px;animation:.26s cubic-bezier(.16,1,.3,1) konfigurator-haken;top:8px;bottom:auto;right:8px;box-shadow:0 0 0 1px #1718230d,0 4px 10px -3px #17182366}.konfigurator .konfigurator-karten[data-form=breite] .choice>span{text-align:center;justify-items:center;padding:16px 8px 14px}.konfigurator .konfigurator-karten[data-form=breite] .choice strong{white-space:nowrap;margin-top:10px}.konfigurator .konfigurator-karten[data-form=breite] .choice small{color:#474951;white-space:nowrap;margin-top:2px;font-size:15px;font-weight:600}.konfigurator .konfigurator-karten[data-form=breite] .choice input:checked+span small{color:#253918}.konfigurator .choice-group.konfigurator-karten[data-form=breite]{grid-template-columns:repeat(3,minmax(0,1fr))}.konfigurator .konfigurator-karten[data-form=format] .choice>span{padding:8px 8px 12px}.konfigurator .konfigurator-karten[data-form=format] .choice strong{margin-top:10px;padding-inline:6px}.konfigurator .konfigurator-karten[data-form=format] .choice small{padding-inline:6px}.konfigurator .konfigurator-karten[data-form=format] .choice-check{top:14px;right:14px}.konfigurator .choice-group.konfigurator-karten[data-form=symbol-oben]{grid-template-columns:minmax(0,1fr)}.konfigurator .konfigurator-karten[data-form=symbol-oben] .choice>span{grid-template-columns:48px minmax(0,1fr);align-items:center;column-gap:14px;padding:12px 14px}.konfigurator .konfigurator-karten[data-form=symbol-oben] .konfigurator-symbol{grid-row:1/span 2}@container cleaning-inquiry (min-width:500px){.konfigurator .choice-group.konfigurator-karten[data-form=symbol-oben]{grid-template-columns:repeat(3,minmax(0,1fr))}.konfigurator .konfigurator-karten[data-form=symbol-oben] .choice>span{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;padding:18px 10px 16px}.konfigurator .konfigurator-karten[data-form=symbol-oben] .konfigurator-symbol{grid-row:auto;margin-bottom:8px}}.konfigurator .konfigurator-karten[data-form=vier] .choice>span{text-align:center;justify-items:center;padding:18px 8px 16px}.konfigurator .konfigurator-karten[data-form=vier] .konfigurator-symbol{margin-bottom:8px}.konfigurator .konfigurator-karten[data-form=vier] .choice small{text-wrap:balance}@container cleaning-inquiry (min-width:560px){.konfigurator .choice-group.konfigurator-karten[data-form=vier]{grid-template-columns:repeat(4,minmax(0,1fr))}}@container cleaning-inquiry (min-width:680px){.konfigurator .choice-group.konfigurator-karten[data-form=breite]{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}}.konfigurator-symbol{color:#171823;background:#f1ede6;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-style:normal;transition:background .16s,box-shadow .16s;display:inline-flex}.konfigurator-symbol svg{width:24px;height:24px}.konfigurator-symbol .vorlage-symbol{width:auto;height:22px}.konfigurator-symbol .vorlage-symbol:is([data-name=lkw],[data-name=oeko]){height:20px}.konfigurator-symbol[data-paar]{gap:3px}.konfigurator-symbol[data-paar] .vorlage-symbol{height:17px}.konfigurator .choice input:checked+span .konfigurator-symbol:not(.konfigurator-muster){background-color:var(--green)}.konfigurator-muster{background-position:50%;background-size:cover;box-shadow:inset 0 0 0 1px #1718231a}.konfigurator .choice input:checked+span .konfigurator-muster{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--green)}.konfigurator-formatbild{aspect-ratio:96/40;border-radius:8px;font-style:normal;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #1718230f}.konfigurator-formatbild svg{width:100%;height:100%;display:block}.konfigurator-breitenfigur{width:100%;max-width:112px;height:auto;display:block}.konfigurator-breitenfigur .kante{fill:none;stroke:#ffffffb3;stroke-width:.4px;stroke-linejoin:round}.konfigurator-breitenfigur .wand{fill:none;stroke:#17182347;stroke-width:.3px}.konfigurator-breitenfigur .sand-kante{fill:none;stroke:#ffffff73;stroke-width:.35px}.konfigurator i[data-farbe=antikrot]{filter:saturate(.5)brightness(.84)}.konfigurator-unbekannt,.konfigurator-ohne{border-radius:var(--field-radius);background:var(--flaeche-leise);cursor:pointer;border:0;align-items:center;gap:12px;transition:background .16s,box-shadow .16s;display:grid;position:relative}.konfigurator-unbekannt{grid-column:1/-1;grid-template-columns:40px minmax(0,1fr);padding:10px 14px}.konfigurator-unbekannt input{opacity:0;pointer-events:none;position:absolute}.konfigurator-unbekannt>i{color:#62636c;width:40px;height:40px;font:700 20px/1 var(--font-barlow), sans-serif;background:#ece7df;border-radius:50%;justify-content:center;align-items:center;font-style:normal;display:inline-flex}.konfigurator-unbekannt strong,.konfigurator-ohne strong{color:#171823;font-size:17px;line-height:1.2;display:block}.konfigurator-unbekannt small,.konfigurator-ohne small{color:#62636c;text-wrap:pretty;font-size:15px;line-height:1.35;display:block}:is(.konfigurator-unbekannt,.konfigurator-ohne):hover{box-shadow:var(--karte-schatten);background:#fff}:is(.konfigurator-unbekannt,.konfigurator-ohne)[data-gewaehlt]{box-shadow:var(--karte-gewaehlt);background:#e9fbd7}.konfigurator-unbekannt[data-gewaehlt]>i{background:var(--green);color:#171823}:is(.konfigurator-unbekannt,.konfigurator-ohne)[data-gewaehlt] small{color:#253918}:is(.konfigurator-unbekannt,.konfigurator-ohne):has(input:focus-visible){outline-offset:2px;outline:2px solid #4b751e}.konfigurator-ohne{grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:14px;margin-top:14px;padding:14px 20px}.konfigurator-ohne .fugenzeile-wahl{grid-row:1}.konfigurator-haken{pointer-events:none;position:absolute}.konfigurator-masse{border-radius:var(--field-radius);background:var(--flaeche-leise);flex-wrap:wrap;align-items:end;gap:10px 12px;margin-top:14px;padding:14px 16px;display:flex}.konfigurator-masse>p{flex:1 0 100%;gap:2px;margin:0 0 2px;display:grid}.konfigurator-masse>p strong{color:#171823;font-size:17px;line-height:1.2}.konfigurator-masse>p small{color:#62636c;font-size:15px;line-height:1.35}.konfigurator-masse label{color:#474951;gap:4px;font-size:14px;font-weight:600;display:grid;position:relative}.konfigurator .konfigurator-masse input{border:1px solid var(--input-line);border-radius:var(--field-radius);width:112px;font:inherit;background:#fff;padding:10px 38px 10px 12px;font-size:18px}.konfigurator-masse em{color:#62636c;pointer-events:none;font-size:15px;font-style:normal;position:absolute;bottom:12px;right:12px}.konfigurator-masse>span{color:#62636c;padding-bottom:12px;font-size:18px}.konfigurator-masse .konfigurator-link{margin:0 0 12px auto}.konfigurator-zusatzfrage{border:0;gap:8px;min-width:0;margin:18px 0 0;padding:0;display:grid}.konfigurator-zusatzfrage legend{color:var(--auf-text);font:600 18px/1.25 var(--font-barlow), sans-serif;margin-bottom:8px;padding:0}.konfigurator-zusatzfrage .konfigurator-ohne{margin-top:0}.konfigurator .konfigurator-karten[data-form=breite] .choice-badge{z-index:1;color:#474951;background:#fff;padding:1px 8px;font-size:12px;position:absolute;top:-9px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #1718231a,0 4px 8px -4px #17182359}.konfigurator-unbekannt .konfigurator-haken{margin-top:-12px;top:50%;right:14px}.konfigurator-unbekannt-karte{box-shadow:var(--karte-schatten);text-align:center;background:#fff;grid-column:auto;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:8px;padding:14px 10px}.konfigurator-unbekannt-karte .konfigurator-haken{margin-top:0;top:10px;right:10px}.konfigurator-unbekannt-karte small{white-space:nowrap;font-weight:600}.konfigurator .area-value input::placeholder{color:#bcb4a8}.konfigurator-link{color:var(--auf-akzent);font:600 16px/1.3 var(--font-barlow), sans-serif;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin-top:14px;padding:0;display:inline-flex}.konfigurator-link svg{width:18px;height:18px}.konfigurator-link:hover{text-underline-offset:3px;text-decoration:underline}.konfigurator-link:focus-visible{outline:2px solid var(--auf-akzent);outline-offset:3px;border-radius:2px}:is(.konfigurator-masse,.hedge-area) .konfigurator-link{color:#4b751e}.hedge-area .konfigurator-link{font-size:inherit;text-underline-offset:3px;margin-top:0;text-decoration:underline}:is(.konfigurator-vorschau,.konfigurator-treffer){border-radius:var(--radius-small);color:#253918;text-wrap:pretty;background:#e9fbd7;align-items:flex-start;gap:8px;margin:16px 0 0;padding:12px 14px;font-size:15px;line-height:1.45;display:flex}:is(.konfigurator-vorschau,.konfigurator-treffer) svg{stroke-width:2.2px;flex:none;width:18px;height:18px;margin-top:2px}.konfigurator-treffer[data-leer]{color:#6b3a0c;background:#fbefe2}.konfigurator-steinfarben{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;margin:0;padding:0;display:grid}@container cleaning-inquiry (min-width:400px){.konfigurator-steinfarben{grid-template-columns:repeat(3,minmax(0,1fr))}}.konfigurator-steinfarben:is(:has(>label:nth-of-type(3):last-of-type),:has(>label:nth-of-type(5):last-of-type)){grid-template-columns:repeat(3,minmax(0,1fr))}.konfigurator-steinfarben:has(>label:nth-of-type(7):last-of-type){grid-template-columns:repeat(4,minmax(0,1fr))}.konfigurator-steinfarbe{border-radius:var(--field-radius);box-shadow:var(--karte-schatten);cursor:pointer;background:#fff;gap:2px;padding:8px 8px 12px;transition:box-shadow .18s,transform .18s,background .18s;display:grid;position:relative}.konfigurator-steinfarbe input{opacity:0;pointer-events:none;position:absolute}.konfigurator-steinfarbe:hover:not(:has(input:checked)){box-shadow:var(--karte-schatten-hover);transform:translateY(-1px)}.konfigurator-steinfarbe:has(input:checked){box-shadow:var(--karte-gewaehlt);background:#e9fbd7}.konfigurator-steinfarbe:has(input:focus-visible){outline-offset:2px;outline:2px solid #4b751e}.konfigurator-steinfarbe-muster{border-radius:8px;height:64px;margin-bottom:8px;font-style:normal;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #1718231a}.konfigurator-steinfarbe-muster[data-bunt]{background:#ddd5c8;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px}.konfigurator-steinfarbe-muster i{background-position:50%;background-size:cover;display:block}.konfigurator-steinfarbe strong{color:#171823;padding-inline:4px;font-size:16px}.konfigurator-steinfarbe small{color:#62636c;padding-inline:4px;font-size:13px}.konfigurator-steinfarbe:has(input:checked) small{color:#253918}.karte-haken{z-index:1;background:var(--green);color:#171823;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;animation:.26s cubic-bezier(.16,1,.3,1) konfigurator-haken;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 6px 14px -6px #17182399}.karte-haken svg{stroke-width:2.6px;width:16px;height:16px}.schutzkarte-film{z-index:1;cursor:pointer;background:linear-gradient(#0d0e1600 40%,#0d0e1647);border:0;padding:0;position:absolute;inset:0}.schutzkarte-film .coating-video-play svg{box-shadow:0 10px 24px -10px #0d0e16b3}.schutzkarte-film:hover .coating-video-play svg{transform:scale(1.08)}.schutzkarte-film:focus-visible{outline:3px solid var(--green);outline-offset:-3px}.schutzkarte>.karte-haken{z-index:2;pointer-events:none}@keyframes konfigurator-haken{0%{opacity:0;transform:scale(.6)}}.schutzkarte>.konfigurator-empfehlung{z-index:2;pointer-events:none;position:absolute;top:12px;left:12px;box-shadow:0 6px 14px -6px #17182373}.karte-titel{gap:4px;display:grid}.karte-titel h3{color:#171823;margin:0;font-size:23px;line-height:1.15}.karte-preis{flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0;display:flex}.karte-preis strong{color:#171823;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:18px}.karte-preis small{color:#62636c;white-space:nowrap;font-size:14px}.karte-text{color:#474951;text-wrap:pretty;margin:0;font-size:15px;line-height:1.45}.karte-text b{color:#171823;font-weight:600}.fugenkarten-kopf{justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;display:flex}.fugenkarten-kopf p{color:var(--auf-text-3);font:600 13px/1.25 var(--font-barlow), sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:0}.fugenkarte-farben{border:0;flex-wrap:wrap;gap:10px;min-width:0;margin:0;padding:0;display:flex}.fugenkarte-farben legend{color:#62636c;width:100%;font:600 13px/1.25 var(--font-barlow), sans-serif;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;padding:0}.fugenkarte-farben legend b{color:#171823;letter-spacing:0;text-transform:none;margin-left:8px;font-size:14px;font-weight:600}.fugenkarte-farben{grid-template-columns:repeat(var(--farben,4), minmax(0, 1fr));gap:12px 6px;display:grid}@container cleaning-inquiry (min-width:620px){.fugenzeile .fugenkarte-farben{grid-template-columns:repeat(var(--farben-breit,4), minmax(0, 1fr))}}.fugenkarte-farben label{cursor:pointer;align-content:start;justify-items:center;gap:6px;min-width:0;display:grid;position:relative}.fugenkarte-farben label>span{color:#62636c;text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:13px;line-height:1.2}.fugenkarte-farben input:checked~span{color:#171823;font-weight:600}.fugenkarte-farben input{opacity:0;pointer-events:none;position:absolute}.fugenkarte-muster{background-size:cover;border-radius:50%;width:36px;height:36px;font-style:normal;transition:box-shadow .16s;display:block;position:relative;box-shadow:inset 0 0 0 1px #17182326}.fugenkarte-muster b{width:17px;height:17px;color:var(--green-soft);background:#171823;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-5px;right:-5px}.fugenkarte-muster b svg{width:10px;height:10px;display:block}.fugenkarte-farben legend .fugenkarte-stern{color:#171823;vertical-align:baseline;width:12px;height:12px;margin:0 1px -1px 0}.fugenkarte-farben label:hover input:not(:checked)+.fugenkarte-muster{box-shadow:inset 0 0 0 1px #17182326,0 0 0 2px #fff,0 0 0 4px #d3cbbd}.fugenkarte-farben input:checked+.fugenkarte-muster{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--green)}.fugenkarte-farben input:focus-visible+.fugenkarte-muster{outline-offset:5px;outline:2px solid #4b751e}.fugenkarte-hinweis{color:#474951;align-items:flex-start;gap:6px;margin:0;font-size:14px;line-height:1.4;display:flex}.fugenkarte-hinweis svg{color:#4b751e;flex:none;width:16px;height:16px;margin-top:2px}.fugenkarte-auswahl{color:#171823;width:100%;min-height:48px;font:600 17px/1.2 var(--font-barlow), sans-serif;cursor:pointer;background:#fff;border:1.5px solid #171823;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:12px 18px;transition:background .16s,border-color .16s;display:inline-flex}.fugenkarte-auswahl svg{stroke-width:2.2px;width:18px;height:18px}.fugenkarte-auswahl:hover:not(:disabled,[aria-pressed=true]){background:#f6f3ee}.fugenkarte-auswahl[aria-pressed=true]{border-color:var(--green);color:#253918;background:#e9fbd7}.fugenkarte-auswahl:disabled{color:#85868e;cursor:not-allowed;background:#ebe7e0;border-color:#ebe7e0}.fugenkarte-auswahl:focus-visible{outline-offset:2px;outline:2px solid #4b751e}.fugen-fakten{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.fugen-fakten>div{border-bottom:1px solid var(--feld-linie);border-left:1px solid var(--feld-linie);padding:11px 14px 12px}.fugen-fakten>div:first-child{border-left:0;padding-left:0}.fugen-fakten>div:last-child{padding-right:0}.fugen-fakten dt,.fugenzeile-material span{color:#62636c;font:600 12px/1.25 var(--font-barlow), sans-serif;letter-spacing:.07em;text-transform:uppercase}.fugen-fakten dd{color:#171823;margin:2px 0 0;font-size:15px;line-height:1.3}.fugenliste{gap:12px;display:grid}.fugenzeile{border-radius:var(--radius-card);box-shadow:var(--karte-schatten);background:#fff;transition:box-shadow .18s;position:relative}.fugenzeile:hover:not([data-gewaehlt],[data-gesperrt]){box-shadow:var(--karte-schatten-hover)}.fugenzeile[data-gewaehlt]{box-shadow:var(--karte-gewaehlt)}:is(.fugenzeile,.konfigurator-ohne):has(>label>input:focus-visible,>input:focus-visible){outline:2px solid var(--auf-akzent);outline-offset:2px}.fugenzeile-kopf{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;padding:18px 20px 14px;display:grid;position:relative}:is(.fugenzeile-kopf,.konfigurator-ohne)>input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.fugenzeile-wahl{border:1.5px solid var(--input-line);background:#fff;border-radius:50%;grid-area:1/1/span 2;align-self:start;place-items:center;width:26px;height:26px;margin-top:-1px;transition:border-color .16s;display:grid}.fugenzeile-wahl i{color:#0000;border-radius:50%;place-items:center;width:100%;height:100%;font-style:normal;display:grid}.fugenzeile-wahl svg{stroke-width:3px;width:14px;height:14px}:is(.fugenzeile-kopf,.konfigurator-ohne):hover .fugenzeile-wahl{border-color:#171823}[data-gewaehlt]>.fugenzeile-kopf .fugenzeile-wahl,.konfigurator-ohne[data-gewaehlt] .fugenzeile-wahl{border-color:var(--green)}[data-gewaehlt]>.fugenzeile-kopf .fugenzeile-wahl i,.konfigurator-ohne[data-gewaehlt] .fugenzeile-wahl i{background:var(--green);color:#171823;animation:.26s cubic-bezier(.16,1,.3,1) konfigurator-haken}.fugenzeile-name{color:#171823;flex-wrap:wrap;grid-area:1/1;align-items:baseline;gap:4px 10px;min-width:0;display:flex}.fugenzeile-name strong{font-size:20px;font-weight:600;line-height:1.2}.fugenzeile-name em{color:#62636c;font-size:14px;font-style:normal}.fugenzeile-wann{color:#474951;text-wrap:pretty;grid-area:2/1;max-width:52ch;font-size:15px;line-height:1.4}.fugenzeile-preis{text-align:right;grid-area:1/2/span 2;align-self:start;justify-items:end;gap:1px;display:grid}.fugenzeile-preis strong{color:#171823;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:20px;line-height:1.2}.fugenzeile-preis strong small{color:#474951;font-size:14px;font-weight:600}.fugenzeile-preis>small{color:#62636c;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13.5px}:is(.fugenzeile-anders,.fugenzeile-thema){grid-column:1/-1;align-items:center;gap:6px;margin-top:3px;font-size:14px;display:flex}.fugenzeile-anders{color:#62636c}.fugenzeile-anders svg{color:#85868e;flex:none;width:15px;height:15px}.fugenzeile-thema{color:#6b3a0c}.fugenzeile-thema svg{color:#a5540e;flex:none;width:15px;height:15px}.fugenzeile-marke{z-index:1;font-size:13px;position:absolute;top:-11px;left:20px;box-shadow:0 6px 12px -8px #1718238c}.fugenzeile[data-empfohlen] .fugenzeile-kopf{padding-top:22px}.fugenzeile-mehr{--feld-linie:#1718231a;background:#f6f3ee;border-radius:10px;margin:0 20px 14px;padding:2px 16px;animation:.22s cubic-bezier(.16,1,.3,1) fugen-auf;display:grid}.fugenzeile-mehr .fugenkarte-farben{margin-top:12px;padding-bottom:14px}.fugenzeile-mehr .fugenkarte-farben legend{margin-bottom:11px}.fugenzeile-material{border-top:1px solid var(--feld-linie);color:#171823;align-items:baseline;gap:10px;margin:0;padding:11px 0 12px;font-size:15px;line-height:1.3;display:flex}.fugenzeile-mehr .fugenkarte-hinweis{border-top:1px solid var(--feld-linie);padding:11px 0 12px}.fugenzeile-mehr .fugenkarte-hinweis.konfigurator-warnung{border-top:1px solid #d9893f;margin-bottom:14px;padding:8px 10px}.fugenliste-trenner{color:var(--auf-text-3);font:600 13px/1.25 var(--font-barlow), sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:12px 0 8px}.fugenzeile-gesperrt{box-shadow:none;background:var(--flaeche-leise);color:#62636c;flex-wrap:wrap;align-items:baseline;gap:2px 12px;margin:0;padding:12px 20px;font-size:14.5px;line-height:1.35;display:flex}.fugenzeile-gesperrt strong{color:#474951;font-size:16px;font-weight:600}.fugenzeile-gruppe+.fugenzeile-gruppe{margin-top:-4px}.fugenliste:has(.fugenzeile-gruppe)+.konfigurator-ohne{margin-top:24px}@keyframes fugen-auf{0%{opacity:0;transform:translateY(-4px)}}@container cleaning-inquiry (max-width:520px){.fugenzeile-kopf,.fugenzeile-gesperrt,.konfigurator-ohne{padding-inline:16px}.fugenzeile-mehr,.fugenzeile>.fugenkarte-farben{margin-inline:16px}.fugenzeile-preis{grid-row:1}.fugenzeile-wann{grid-column:1/-1}.fugenzeile-merkmale,.fugenzeile-kopf .fugenzeile-knopf{grid-area:auto/1/auto/-1}.fugenzeile-lang{display:none}.fugenzeile-mehr .fugen-fakten>div:nth-child(-n+2){border-bottom:1px solid var(--feld-linie)}.fugenzeile-knopf{margin-right:16px}.fugen-fakten{grid-template-columns:repeat(2,minmax(0,1fr))}.fugen-fakten>div:nth-child(odd){border-left:0;padding-left:0}.fugen-fakten>div:nth-child(2n){padding-right:0}}.konfigurator-empfehlung{background:var(--green);color:#171823;border-radius:5px;align-self:flex-start;padding:3px 8px;font-size:15px;font-style:normal;font-weight:600;line-height:1.3}.schutzkarten{gap:16px;display:grid}@container cleaning-inquiry (min-width:500px){.schutzkarten{grid-template-columns:repeat(2,minmax(0,1fr))}}.schutzkarte{border-radius:var(--radius-card);box-shadow:var(--karte-schatten);background:#fff;flex-direction:column;transition:box-shadow .18s;display:flex;position:relative;overflow:hidden}.schutzkarte[data-gewaehlt]{box-shadow:var(--karte-gewaehlt)}.schutzkarte[data-gesperrt] .schutzkarte-bild{filter:grayscale(.8);opacity:.6}.schutzkarte-bild{isolation:isolate;background:#2b2d36;flex:none;height:168px;position:relative;overflow:hidden}.schutzkarte-bild img,.schutzkarte-bild video{object-fit:cover;width:100%;height:100%}.schutzkarte-bild[data-bild=tropfen] img{object-position:50% 66%}.schutzkarte-bild[data-bild=auffahrt] img{object-position:50% 58%}.schutzkarte-bild>.hover-video{position:absolute;inset:0}.schutzkarte-inhalt{flex-direction:column;flex:1;gap:12px;padding:18px 20px 20px;display:flex}.schutzkarte-inhalt>p{color:#474951;text-wrap:pretty;margin:0;font-size:15px;line-height:1.45}@container cleaning-inquiry (min-width:500px){.schutzkarte-einzeln{grid-template-columns:minmax(0,2fr) minmax(0,3fr);display:grid}.schutzkarte-einzeln .schutzkarte-bild{height:auto;min-height:240px}.schutzkarte-einzeln>.karte-haken{right:calc(60% + 12px)}}@container cleaning-inquiry (max-width:499px){.schutzkarten{gap:24px}.schutzkarte{grid-template-columns:84px minmax(0,1fr);align-items:center;column-gap:14px;padding:18px 16px 16px;display:grid;overflow:visible}.schutzkarte-bild{border-radius:var(--radius-small);grid-area:1/1;width:84px;height:84px}.schutzkarte-bild[data-bild=auffahrt] img{object-position:60% 60%}.schutzkarte-inhalt{display:contents}.schutzkarte-inhalt>.karte-titel{grid-area:1/2;padding-right:26px}.schutzkarte-inhalt>:not(.karte-titel){grid-column:1/-1;margin-top:12px}.schutzkarte>.konfigurator-empfehlung{font-size:13px;top:-11px;left:16px;box-shadow:0 6px 12px -8px #1718238c}.schutzkarte>.karte-haken{width:24px;height:24px;top:14px;right:14px}.schutzkarte>.karte-haken svg{width:13px;height:13px}.konfigurator .schutzkarte-film .coating-video-play svg{width:14px;height:14px;margin-left:2px;padding:9px}}.konfigurator-notiz{border-radius:var(--radius-small);background:var(--flaeche-leise);color:#474951;text-wrap:pretty;align-items:flex-start;gap:8px;margin:14px 0 0;padding:12px 14px;font-size:15px;line-height:1.45;display:flex}.konfigurator-notiz svg{color:#4b751e;flex:none;width:18px;height:18px;margin-top:2px}.konfigurator-notiz a{color:#4b751e}.konfigurator-notiz-leise{color:var(--auf-text-3);background:0 0;padding:0 2px;font-size:14px}.konfigurator-notiz-leise svg{width:16px;height:16px;color:var(--auf-text-4)}.konfigurator-notiz-leise a{color:var(--auf-akzent)}.konfigurator-ort-hinweis .konfigurator-link{color:#4b751e;font:inherit;text-underline-offset:3px;margin:0;font-weight:600;text-decoration:underline;display:inline}.konfigurator-frage{border-top:1px solid var(--auf-linie);margin:16px 0 0}.konfigurator-frage summary{color:var(--auf-text);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:13px 2px;font-size:17px;font-weight:600;line-height:1.3;list-style:none;display:flex}.konfigurator-frage summary::-webkit-details-marker{display:none}.konfigurator-frage summary:after{content:"";background:var(--auf-text) center / 12px 12px no-repeat;background-image:linear-gradient(var(--konfigurator-grund,#efeae3), var(--konfigurator-grund,#efeae3)), linear-gradient(var(--konfigurator-grund,#efeae3), var(--konfigurator-grund,#efeae3));background-position:50%;background-size:10px 2px,2px 10px;border-radius:50%;flex:none;width:22px;height:22px;transition:transform .18s}.konfigurator-frage[open] summary:after{background-size:10px 2px,0 0}.konfigurator-frage summary:focus-visible{outline:2px solid var(--auf-akzent);outline-offset:2px;border-radius:4px}.konfigurator.inquiry-scope .konfigurator-frage p{color:var(--auf-text-2);margin:0 0 14px;padding-inline:2px;font-size:16px;line-height:1.5}.konfigurator-warnung,.fugenkarte-hinweis.konfigurator-warnung{color:#4a2a0c;background:#fde3c4;border:1px solid #d9893f}.konfigurator-warnung svg{color:#b0520a!important}.fugenkarte-hinweis.konfigurator-warnung{border-radius:8px;padding:8px 10px}.konfigurator-staffel{margin-top:18px}.konfigurator-staffel>p{color:var(--auf-text-3);font:600 13px/1.25 var(--font-barlow), sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}.konfigurator-staffel ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.konfigurator-staffel li{border-radius:var(--radius-small);box-shadow:var(--karte-schatten);color:#62636c;background:#fff;gap:2px;padding:12px 14px;font-size:14px;line-height:1.25;transition:background .2s,box-shadow .2s;display:grid}.konfigurator-staffel li strong{color:#171823;font-variant-numeric:tabular-nums;font-size:20px}.konfigurator-staffel li[data-aktiv]{box-shadow:var(--karte-gewaehlt);color:#253918;background:#e9fbd7}.konfigurator-ergebnis{gap:18px;display:grid}.konfigurator-preiskarte{border-radius:var(--radius-card);box-shadow:var(--karte-schatten);background:#fff;gap:6px;padding:22px 24px;display:grid}.konfigurator-gesamt{color:#171823;font-family:var(--font-veneer-headline), var(--font-barlow), sans-serif;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(48px,6vw,64px);line-height:.95}.konfigurator-preiszeile{color:#474951;margin:0;font-size:16px}.konfigurator-steuervorteil{color:#253918;text-wrap:pretty;border-top:1px solid #eee9e1;margin:8px 0 0;padding-top:12px;font-size:15px;line-height:1.45}.konfigurator-zusage{color:#171823;text-wrap:pretty;border-top:1px solid #eee9e1;align-items:flex-start;gap:10px;margin:8px 0 0;padding-top:12px;font-size:15px;line-height:1.45;display:flex}.konfigurator-zusage svg{background:var(--green);color:#171823;stroke-width:2.6px;border-radius:50%;flex:none;width:20px;height:20px;margin-top:1px;padding:4px}.konfigurator-naechste p{color:var(--auf-text-3);font:600 13px/1.25 var(--font-barlow), sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}.konfigurator-naechste ol{flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;list-style:none;display:flex}@container cleaning-inquiry (max-width:520px){.konfigurator-naechste ol{flex-direction:column}}.konfigurator-naechste li{color:var(--auf-text-2);align-items:center;gap:8px;font-size:15px;display:inline-flex}.konfigurator-naechste li span{border:1.5px solid color-mix(in srgb, var(--auf-text) 28%, transparent);width:22px;height:22px;color:var(--auf-text);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.konfigurator-preislinks{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.konfigurator-preislinks .konfigurator-link{border:1.5px solid color-mix(in srgb, var(--auf-text) 22%, transparent);min-height:44px;color:var(--auf-text);border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:0;padding:10px 14px;font-size:15px;text-decoration:none;display:inline-flex}.konfigurator-preislinks .konfigurator-link:hover{border-color:var(--auf-text)}.konfigurator-widerruf{color:var(--auf-text-3);align-items:flex-start;gap:8px;margin:0;font-size:14px;line-height:1.4;display:flex}.konfigurator-widerruf svg{flex:none;width:16px;height:16px;margin-top:1px}.konfigurator-widerruf a{color:var(--auf-akzent)}.konfigurator-ausserhalb-links{flex-wrap:wrap;gap:4px 22px;display:flex}.konfigurator-gutschein{flex-wrap:wrap;gap:8px;display:flex}.konfigurator .konfigurator-gutschein input{border:1px solid var(--input-line);border-radius:var(--field-radius);min-width:0;font:inherit;text-transform:uppercase;flex:180px;padding:12px 14px;font-size:17px}.konfigurator-gutschein .field-error{flex-basis:100%;margin:0}.konfigurator-gutschein-aktiv{border-radius:var(--radius-small);color:#253918;background:#e9fbd7;align-items:center;gap:8px;margin:0;padding:10px 14px;font-weight:600;display:flex}.konfigurator-gutschein-aktiv svg{width:18px;height:18px}.konfigurator-fototipps{gap:8px;margin:0 0 18px;padding:0;list-style:none;display:grid}.konfigurator-fototipps li{color:var(--auf-text-2);grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;font-size:16px;line-height:1.4;display:grid}.konfigurator-fototipps svg{width:20px;height:20px;color:var(--auf-text-3);margin-top:1px}.konfigurator-fototipps strong{color:var(--auf-text);font-weight:600}.konfigurator .inquiry-photo-add{box-shadow:var(--karte-schatten);background:#fff;border-color:#b9b4aa;padding-block:28px}.konfigurator .inquiry-photo-add:hover,.konfigurator .inquiry-photo-add[data-over]{background:#f4fdea;border-color:#4b751e}.konfigurator-uebersicht{min-width:0;padding:36px var(--seitenrand) 0;background:var(--konfigurator-dunkel);color:#faf9f7}.konfigurator-uebersicht-innen{--oben:calc(var(--nav-height) + 36px);top:var(--utility-height);max-width:680px;height:calc(100vh - var(--utility-height));height:calc(100dvh - var(--utility-height));margin:calc(-1 * var(--oben)) auto 0;padding-top:var(--oben);scrollbar-color:#ffffff40 transparent;scrollbar-width:thin;flex-direction:column;gap:16px;display:flex;position:sticky;overflow-y:auto}.konfigurator .konfigurator-uebersicht-titel{color:#faf9f7a3;font:600 13px/1.25 var(--font-barlow), sans-serif;letter-spacing:.08em;text-transform:uppercase;flex:none;margin:0}.konfigurator-uebersicht-liste{flex:1 0 auto;display:grid}.konfigurator-bildzeile{flex:none;align-items:center;gap:6px;margin-top:-4px;display:flex}.konfigurator-bildzeile .konfigurator-merkmale{min-width:0}.konfigurator-tipp{color:#faf9f7a3;cursor:help;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:color .16s;display:inline-flex}.konfigurator-tipp:hover,.konfigurator-tipp:focus-visible{color:#faf9f7}.konfigurator-tipp:focus-visible{outline:2px solid var(--green);outline-offset:1px}.konfigurator-tipp svg{width:16px;height:16px}.konfigurator-merkmale{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.konfigurator-merkmale :is(button,span){color:#faf9f7;max-width:100%;font:600 13px/1.3 var(--font-barlow), sans-serif;text-align:left;background:#ffffff1a;border:1px solid #0000;border-radius:999px;align-items:center;padding:4px 10px;display:inline-flex}.konfigurator-merkmale button{cursor:pointer;transition:background .16s,border-color .16s}.konfigurator-merkmale button:hover{background:#ffffff29;border-color:#ffffff59}.konfigurator-merkmale button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.konfigurator-merkmale li[data-aktuell] :is(button,span){border:1px solid var(--green-soft);color:#faf9f7;background:#c3f68e1f}.flaechenbild{aspect-ratio:2.2;flex:0 auto;width:100%;min-height:112px;margin:0;position:relative}@media (min-width:1024px) and (min-height:820px){.konfigurator-uebersicht[data-buehne=gross] .flaechenbild{aspect-ratio:16/10}}.flaechenbild-buehne{border-radius:var(--radius-panel);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#d9d4cb;position:absolute;inset:0;overflow:hidden}.flaechenbild-szene{width:100%;height:100%;display:block;position:absolute;inset:0}body:has(.mobile-drawer[open]) .flaechenbild-szene{display:none}.flaechenbild-buehne>.flaechenbild-szene,.flaechenbild-nachher,.flaechenbild-gegenzug,.flaechenbild-griff{will-change:transform}.flaechenbild-nachher,.flaechenbild-gegenzug{position:absolute;inset:0}.flaechenbild-nachher{overflow:hidden}.flaechenbild-buehne[data-gleiten] :is(.flaechenbild-nachher,.flaechenbild-gegenzug,.flaechenbild-griff){transition:transform .24s cubic-bezier(.2,.8,.2,1)}.flaechenbild-badge{font:600 16px/1.25 var(--font-barlow), sans-serif;pointer-events:none;border-radius:6px;padding:5px 10px;position:absolute;top:12px}.flaechenbild-badge[data-seite=vorher]{color:#fff;background:#171823e6;left:12px}.flaechenbild-badge[data-seite=nachher]{background:var(--green-soft);color:#171823;right:12px}.flaechenbild-griff{pointer-events:none;position:absolute;inset:0}.flaechenbild-griff:before{content:"";background:#fff;width:2px;position:absolute;top:0;bottom:0;left:-1px;box-shadow:0 0 0 1px #1718231f}.flaechenbild-griff>span{color:#171823;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;display:flex;position:absolute;top:50%;left:0;box-shadow:0 8px 20px -8px #1718238c}.flaechenbild-griff svg{stroke-width:2.4px;width:18px;height:18px}.flaechenbild-griff svg:first-child{margin-right:-5px;transform:rotate(90deg)}.flaechenbild-griff svg:last-child{margin-left:-5px;transform:rotate(-90deg)}.flaechenbild-regler{opacity:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.flaechenbild-buehne:has(.flaechenbild-regler:focus-visible) .flaechenbild-griff>span{outline:3px solid var(--green);outline-offset:2px}.flaechenbild-tropfen{transform-box:fill-box;transform-origin:50%;animation:.64s cubic-bezier(.16,1,.3,1) backwards konfigurator-tropfen}@keyframes konfigurator-tropfen{0%{opacity:0;transform:scale(.35)}}.konfiguration{grid-template-rows:minmax(0,1fr) auto;gap:12px;font-size:16px;line-height:1.35;display:grid}.konfiguration>:first-child{align-self:start}.konfigurator.inquiry-scope .konfiguration-leer{color:#faf9f7a3;margin:0;font-size:17px;line-height:1.4}.beleg{border-radius:var(--radius-card);color:#171823;background:#f6f3ee;padding:4px 18px 6px;font-size:15px;line-height:1.3;container:beleg/inline-size}.beleg-zeile{grid-template-columns:minmax(0,1fr) 50px 70px 88px 52px;align-items:center;column-gap:8px;margin:0;display:grid}.beleg-rechnung{display:contents}.beleg-mal{display:none}:is(.beleg-menge,.beleg-preis,.beleg-betrag),.beleg-spalten>:last-child,.beleg-spalten .beleg-rechnung>span{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.konfigurator.inquiry-scope .beleg-spalten{color:#62636c;font:600 12px/1.25 var(--font-barlow), sans-serif;letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid #d6cfc3;padding:9px 0 7px}.beleg-positionen{margin:0;padding:0;list-style:none}.beleg-position{border-bottom:1px solid #e4ded5;padding:8px 0 7px;animation:.42s cubic-bezier(.16,1,.3,1) backwards konfigurator-position;position:relative}@keyframes konfigurator-position{0%{opacity:0;transform:translateY(8px)}}.beleg-name{align-items:center;gap:2px;min-width:0;font-size:16px;line-height:1.25;display:flex}.beleg-name strong{font-weight:600}.beleg-zusatz{color:#474951}.beleg-position[data-aufgeloest] .beleg-kopf .beleg-name{grid-column:1/5}.beleg-anfahrt .beleg-kopf .beleg-name{grid-column:1/4}.beleg-position[data-offen] :is(.beleg-menge,.beleg-betrag){color:#62636c;font-weight:600}.beleg-inklusive{color:#4b751e}.beleg-inklusive[data-ohne]{color:#474951;font-weight:600}.beleg-sprung{min-width:0;color:inherit;font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}button.beleg-sprung{cursor:pointer;background:0 0;border:0;margin:0;padding:0}button.beleg-sprung:after{content:"";border-radius:8px;transition:background .16s;position:absolute;inset:3px -10px}button.beleg-sprung:hover:after{background:#1718230d}button.beleg-sprung:focus-visible{outline:0}button.beleg-sprung:focus-visible:after{outline-offset:-2px;outline:2px solid #4b751e}.beleg-stift{color:#85868e;justify-content:center;align-items:center;width:30px;height:30px;transition:color .16s;display:inline-flex}.beleg-position:has(button.beleg-sprung:hover) .beleg-stift{color:#171823}:is(.beleg-menge,.beleg-preis){color:#474951}.beleg-betrag{font-size:16px;font-weight:700}.beleg-knoepfe{grid-column:5;align-self:center;margin:-6px -6px -6px 0;display:inline-flex}.beleg-knoepfe button{z-index:1;color:#85868e;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:background .16s,color .16s;display:inline-flex;position:relative}.beleg-knoepfe button:hover{color:#171823;background:#e9e4dc}.beleg-knoepfe .beleg-entfernen:hover{color:#8a2a20}.beleg-knoepfe button:focus-visible{outline-offset:1px;outline:2px solid #4b751e}.beleg-knoepfe svg{width:15px;height:15px}.beleg-tipp{z-index:1;color:#85868e;vertical-align:-4px;cursor:help;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;margin:-4px 0;padding:0;transition:color .16s;display:inline-flex;position:relative}.beleg-tipp:hover,.beleg-tipp:focus-visible{color:#171823}.beleg-tipp:focus-visible{outline-offset:0;outline:2px solid #4b751e}.beleg-tipp svg{width:15px;height:15px}.beleg-teile{border-left:2px solid #d6cfc3;gap:4px;margin:6px 0 2px;padding:0 0 0 12px;list-style:none;display:grid}.beleg-teile .beleg-name{font-size:15px}.konfigurator.inquiry-scope .beleg-warnung{border-radius:var(--radius-small);color:#4a2a0c;text-wrap:pretty;background:#fde3c4;border:1px solid #d9893f;align-items:flex-start;gap:7px;margin:7px 0 3px;padding:7px 10px;font-size:14px;line-height:1.35;display:flex}.beleg-warnung svg{color:#b0520a;flex:none;width:15px;height:15px;margin-top:2px}.beleg-summen{border-top:1px solid #e4ded5;gap:3px;margin:0;padding:8px 60px 4px 0;display:grid}.beleg-positionen+.beleg-summen{border-top:0}.beleg-positionen:last-child>:last-child{border-bottom:0}.beleg-summen div{color:#474951;grid-template-columns:minmax(0,1fr) auto;gap:12px;font-size:14px;display:grid}.beleg-summen dt{align-items:center;gap:6px;display:flex}.beleg-summen dd{color:#171823;font-variant-numeric:tabular-nums;white-space:nowrap;margin:0}.beleg-gutschein dd{color:#4b751e;font-weight:700}.beleg-gutschein button{color:inherit;cursor:pointer;background:0 0;border:0;padding:2px;display:inline-flex}.beleg-gutschein button svg{width:14px;height:14px}.konfigurator.inquiry-scope .beleg-hinweis{color:#62636c;text-wrap:pretty;align-items:flex-start;gap:7px;margin:4px 0 8px;font-size:14px;line-height:1.35;display:flex}.beleg-hinweis svg{color:#85868e;flex:none;width:15px;height:15px;margin-top:2px}:is(.beleg,.konfigurator-bildzeile)[data-tips=enhanced] .compare-tip{margin:0;inset:auto}:is(.beleg,.konfigurator-bildzeile)[data-tips=enhanced] .compare-tip:not([data-placed]){visibility:hidden}@container beleg (max-width:486px){.beleg-spalten{display:none}.beleg-summen{padding-right:0}.beleg-zeile{grid-template-columns:minmax(0,1fr) auto auto;align-items:start;column-gap:8px}.beleg-name{align-items:flex-start}.beleg-sprung{white-space:normal;text-wrap:pretty;overflow:visible}.beleg-tipp{margin-top:-2px}.beleg-kopf .beleg-name,.beleg-position[data-aufgeloest] .beleg-kopf .beleg-name,.beleg-anfahrt .beleg-kopf .beleg-name{grid-area:1/1}.beleg-kopf .beleg-knoepfe{grid-area:1/2}.beleg-kopf .beleg-betrag{grid-area:1/3}.beleg-position[data-aufgeloest] .beleg-kopf .beleg-knoepfe{grid-column:2/4;justify-self:end;margin-right:-10px}.beleg-rechnung{color:#62636c;font-variant-numeric:tabular-nums;grid-area:2/1/auto/-1;font-size:14px;display:block}.beleg-mal{margin-inline:4px;display:inline}:is(.beleg-menge,.beleg-preis){color:inherit}.beleg-position{padding:11px 0 10px}.beleg-knoepfe{align-self:start;margin:-8px 0}.beleg-knoepfe button,.beleg-stift{width:38px;height:38px}.beleg-knoepfe svg{width:17px;height:17px}.beleg-teile .beleg-zeile{grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline}.beleg-teile .beleg-rechnung{grid-area:1/2}.beleg-teile .beleg-betrag{grid-column:3}}.konfiguration-gesamt{z-index:1;background:var(--konfigurator-dunkel);padding:0 0 16px;position:sticky;bottom:0}.konfigurator.inquiry-scope .konfiguration-gesamt p{box-sizing:border-box;color:#faf9f7;border-top:1px solid #ffffff2e;justify-content:space-between;align-items:center;gap:12px;min-height:66px;margin:0;padding:14px 2px 0;display:flex;position:relative}.konfiguration-gesamt p>span:first-child{gap:2px;font-size:18px;font-weight:700;line-height:1.2;display:grid}.konfiguration-gesamt small{color:#faf9f7a3;font-size:14px;font-weight:400}.konfiguration-betrag{justify-items:end;gap:3px;display:grid}.konfiguration-betrag small{font-variant-numeric:tabular-nums;white-space:nowrap}.konfiguration-gesamt strong{font-family:var(--font-veneer-headline), var(--font-barlow), sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(36px,3.3vw,48px);font-weight:400;line-height:1}.konfiguration-gesamt strong[data-wort]{font-size:clamp(26px,2.2vw,32px)}.konfiguration-aenderung{background:var(--green-soft);color:#171823;font-variant-numeric:tabular-nums;pointer-events:none;border-radius:999px;padding:3px 10px;font-size:13px;font-style:normal;font-weight:700;animation:2.4s forwards konfigurator-aenderung;position:absolute;top:-13px;right:0;box-shadow:0 6px 14px -6px #0009}@keyframes konfigurator-aenderung{0%{opacity:0;transform:translateY(6px)}10%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-4px)}}.konfigurator-blatt,.konfigurator-blatt-schleier{display:none}@media (max-width:1023px){.konfigurator{grid-template-columns:minmax(0,1fr)}.konfigurator-uebersicht{top:var(--nav-height);z-index:3;background:var(--konfigurator-dunkel);grid-row:1;padding:16px 16px 18px;position:sticky;box-shadow:0 14px 24px -16px #0d0e1699}.konfigurator-schritte{grid-row:2;min-height:0;padding:16px 16px 56px}.konfigurator[data-schritt=flaeche] .konfigurator-schritte{grid-row:1;padding:26px 16px 22px}.konfigurator[data-schritt=flaeche] .konfigurator-uebersicht{background:var(--surface-soft);box-shadow:none;grid-row:2;padding-bottom:40px;position:static}.konfigurator.inquiry-scope .konfigurator-einstieg :is(.area-input,.konfigurator-vorschau,.konfigurator-notiz){max-width:none}.konfigurator-einstieg-aktion .button{width:100%}.konfigurator.inquiry-scope .konfigurator-einstieg-text{margin-bottom:26px;font-size:19px}.konfigurator[data-schritt=flaeche] .konfigurator-fuss{margin-top:26px;position:relative;bottom:auto}.konfigurator[data-schritt=flaeche] .konfigurator-fuss:before{background:0 0;display:block;inset:0}.konfigurator-einstieg-fuss{padding-bottom:0}.konfigurator-fuss{margin-top:0;bottom:8px}.konfigurator-fuss:before{display:none}.konfigurator .konfigurator-fuss .field-error{border-radius:var(--radius-small);color:#fff;background:#a32220;align-items:flex-start;gap:10px;margin:0;padding:12px 14px;font-weight:600;line-height:1.35;display:flex;box-shadow:0 12px 28px -12px #17182399}.konfigurator .konfigurator-fuss .field-error:before{content:"!";color:#a32220;background:#fff;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;margin-top:1px;font-size:14px;font-weight:700;line-height:1;display:grid}.konfigurator-uebersicht-innen{height:auto;margin-top:0;padding-top:0;display:block;position:static;overflow:visible}.konfigurator-uebersicht-titel,.konfigurator-uebersicht-liste,.konfigurator-bildzeile{display:none}.flaechenbild{aspect-ratio:2.5;min-height:0;max-height:26svh}.flaechenbild-buehne{border-radius:var(--radius-card)}.konfigurator:is([data-schritt=fotos],[data-schritt=anschrift],[data-schritt=kontakt]) .konfigurator-uebersicht{display:none}.konfigurator-panel-kopf{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.konfigurator-panel-kopf:not(:has(button)):has(.konfigurator-kapitel-stand:empty){display:none}.konfigurator.inquiry-scope .konfigurator-aktionen,.konfigurator-enter{display:none}.konfigurator-blatt{z-index:20;color:#faf9f7;pointer-events:none;padding-top:40px;display:block;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.konfigurator-blatt[data-offen]{z-index:90}.konfigurator-blatt-schleier{z-index:89;visibility:hidden;opacity:0;touch-action:none;will-change:opacity;background:#1718238c;display:block;position:fixed;inset:0}.konfigurator-blatt-schleier[data-offen]{visibility:visible}.konfigurator[data-schritt=flaeche] :is(.konfigurator-blatt,.konfigurator-blatt-schleier){display:none}.konfigurator-blatt-flaeche{border-radius:var(--radius-panel) var(--radius-panel) 0 0;background:var(--konfigurator-dunkel);pointer-events:auto;will-change:transform;flex-direction:column;max-height:88svh;display:flex;position:relative;box-shadow:0 -10px 30px -12px #17182380}.konfigurator-blatt-flaeche:after{content:"";background:inherit;height:40px;position:absolute;top:100%;left:0;right:0}.konfigurator-leiste{padding:14px 16px calc(10px + env(safe-area-inset-bottom));flex:none;grid-template-columns:minmax(max-content,1fr) auto;align-items:center;gap:10px;display:grid;position:relative}.konfigurator-leiste[data-offenbar]{touch-action:none}.konfigurator-leiste[data-offenbar]:before{content:"";background:#ffffff4d;border-radius:2px;width:36px;height:4px;margin-left:-18px;position:absolute;top:6px;left:50%}.konfigurator-blatt-inhalt{overscroll-behavior:contain;flex:auto;min-height:0;padding:4px 16px 0;display:none;overflow-y:auto}.konfigurator-blatt[data-offen] .konfigurator-blatt-inhalt{display:block}.konfigurator-blatt-inhalt>.konfigurator-merkmale{margin-bottom:14px}.konfigurator-blatt .konfiguration-gesamt{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.konfigurator-leiste .button-primary:disabled{color:#85868e;cursor:not-allowed;background:#ebe7e0}.konfigurator-leiste-summe{color:#faf9f7;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto auto;justify-content:start;align-items:center;gap:1px 9px;min-width:0;padding:4px 0;display:grid}.konfigurator-leiste-summe:disabled{cursor:default}.konfigurator-leiste-summe span{color:#faf9f7b3;font:600 13px/1.2 var(--font-barlow), sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;grid-column:1/-1}.konfigurator-leiste-summe strong{font-family:var(--font-veneer-headline), var(--font-barlow), sans-serif;white-space:nowrap;font-size:26px;font-weight:400;line-height:1}.konfigurator-leiste-auf{color:#faf9f7;background:#ffffff24;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-block:-3px;transition:background .16s;display:inline-flex}.konfigurator-leiste-auf svg{stroke-width:2.4px;width:18px;height:18px;transform:rotate(180deg)}.konfigurator-leiste-summe:is(:hover,:active,:focus-visible) .konfigurator-leiste-auf{background:#ffffff42}html:has(.konfigurator:not([data-schritt=flaeche])){height:100%;overflow:hidden}html:has(.konfigurator:not([data-schritt=flaeche])) body{box-sizing:border-box;overscroll-behavior-y:none;height:100%;overflow-y:auto}html:has(.konfigurator:not([data-schritt=flaeche])) body{flex-direction:column;display:flex}html:has(.konfigurator:not([data-schritt=flaeche])) body>main{flex:1 0 auto}html:has(.konfigurator:not([data-schritt=flaeche])) body>:is(.utility-bar,.site-header,.site-footer){flex:none}.konfigurator-leiste .button{white-space:nowrap;min-height:48px;padding-inline:18px}.konfigurator-leiste-knoepfe{align-items:center;gap:8px;display:flex}.konfigurator-leiste-zurueck{color:#faf9f7;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:8px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:background .16s,border-color .16s;display:inline-flex}.konfigurator-leiste-zurueck svg{width:20px;height:20px;transform:rotate(180deg)}.konfigurator-leiste-zurueck span{display:none}@media (min-width:520px){.konfigurator-leiste-zurueck{width:auto;font:600 18px/1.2 var(--font-barlow), sans-serif;letter-spacing:.02em;gap:8px;padding-inline:16px}.konfigurator-leiste-zurueck span{display:inline}}.konfigurator-leiste-zurueck:is(:hover,:active){background:#ffffff1a;border-color:#ffffff8c}.konfigurator-leiste-zurueck:focus-visible{outline:2px solid var(--green);outline-offset:2px}@media (max-width:479px){.konfigurator-leiste .button[data-lang]{gap:0;padding-inline:14px}.konfigurator-leiste .button[data-lang] svg{display:none}}@media (max-width:400px){.konfigurator-leiste:has(.button[data-lang]) .konfigurator-leiste-auf{display:none}.konfigurator-leiste:has(.button[data-lang]) .konfigurator-leiste-zurueck{width:44px}.konfigurator-leiste .button[data-lang]{padding-inline:10px;font-size:16px}}@media (max-width:349px){.konfigurator-leiste-auf{display:none}.konfigurator-leiste:has(.button[data-lang]) .konfigurator-leiste-zurueck{display:none}}body:has(.konfigurator:not([data-schritt=flaeche])){padding-bottom:var(--konfigurator-leiste,80px);background:var(--surface-soft)}body:has(.konfigurator:not([data-schritt=flaeche])) .site-footer{--focus:#171823;border-top:1px solid var(--line);background:var(--surface-soft);color:var(--text-muted);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;padding-block:0}:root[data-theme=dark] body:has(.konfigurator:not([data-schritt=flaeche])) .site-footer{--focus:var(--green);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body:has(.konfigurator:not([data-schritt=flaeche])) .site-footer :is(.footer-top,.footer-middle,.footer-aside,.footer-credit){display:none}body:has(.konfigurator:not([data-schritt=flaeche])) .site-footer>.container{width:auto;max-width:none;padding-inline:16px}body:has(.konfigurator:not([data-schritt=flaeche])) .footer-bottom{color:inherit;border-top:0;gap:0;margin-top:0;padding:12px 0 18px}body:has(.konfigurator:not([data-schritt=flaeche])) .footer-legal{gap:0 20px}body:has(.konfigurator:not([data-schritt=flaeche])) .footer-legal-group{display:contents}body:has(.konfigurator:not([data-schritt=flaeche])) .footer-legal :is(a,button){min-height:34px}body:has(.konfigurator:not([data-schritt=flaeche])) .footer-legal a[href=\/barrierefreiheitserklarung]{display:none}body:has(.konfigurator:not([data-schritt=flaeche])) .footer-meta{margin-top:6px}body:has(.konfigurator:not([data-schritt=flaeche])) .footer-legal :is(a,button){color:var(--text-secondary)}body:has(.konfigurator:not([data-schritt=flaeche])) .footer-bottom :is(a,button):hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}}@media (max-width:999px){:root:has(.konfigurator:not([data-schritt=flaeche])){--nav-height:57px}body:has(.konfigurator:not([data-schritt=flaeche])) .header-inner{min-height:56px}body:has(.konfigurator:not([data-schritt=flaeche])) .mobile-header-actions .header-call{display:none}}@media (max-width:700px){body:has(.konfigurator) .site-header{border:0;border-bottom:1px solid var(--nav-line);box-shadow:none;border-radius:0;margin:0;top:0}body:has(.konfigurator) .site-header .header-inner{width:min(var(--container), calc(100% - 2 * var(--gutter)));min-height:76px}body:has(.konfigurator:not([data-schritt=flaeche])) .site-header .header-inner{min-height:56px}}@media (max-width:1023px) and (max-height:560px){.konfigurator-uebersicht{background:var(--surface-soft);box-shadow:none;position:static}.flaechenbild{aspect-ratio:2;width:min(100%,340px);max-height:none}:root:has(.konfigurator:not([data-schritt=flaeche])){--nav-height:0px}body:has(.konfigurator:not([data-schritt=flaeche])) .site-header{position:static}body:has(.konfigurator:not([data-schritt=flaeche])){padding-bottom:var(--konfigurator-leiste,68px)}.konfigurator-leiste{padding:12px 16px 8px}.konfigurator-leiste-summe{padding-block:0}.konfigurator-leiste .button{min-height:44px;padding-block:10px}.konfigurator-leiste-zurueck{min-width:44px;height:44px}.konfigurator-fuss{bottom:8px}}@media (min-width:640px) and (max-width:1023px) and (max-height:560px){.konfigurator{grid-template-columns:minmax(0,1fr) clamp(240px,36vw,340px);align-items:start}.konfigurator:is([data-schritt=fotos],[data-schritt=anschrift],[data-schritt=kontakt]){grid-template-columns:minmax(0,1fr)}.konfigurator-schritte,.konfigurator[data-schritt=flaeche] .konfigurator-schritte{grid-area:1/1}.konfigurator-uebersicht,.konfigurator[data-schritt=flaeche] .konfigurator-uebersicht{top:calc(var(--nav-height) + 12px);grid-area:1/2;padding:16px 16px 0 0;position:sticky}.konfigurator[data-schritt=flaeche] .konfigurator-uebersicht{padding-top:26px}.flaechenbild{width:100%}}@media (max-width:560px){.flaechenbild-badge{padding:4px 8px;font-size:14px;top:8px}.flaechenbild-badge[data-seite=vorher]{left:8px}.flaechenbild-badge[data-seite=nachher]{right:8px}.flaechenbild-griff>span{width:36px;height:36px;margin:-18px 0 0 -18px}}@media (prefers-reduced-motion:reduce){.konfigurator-schritt,.flaechenbild-tropfen,.beleg-position,.karte-haken,.konfigurator .choice-check,.konfigurator-haken,.konfiguration-aenderung{animation:none}.konfigurator-kapitel li:after,button.beleg-sprung:after,.beleg-stift,.fugenzeile-wahl{transition:none}.fugenzeile-mehr,.fugenzeile-wahl i{animation:none!important}.flaechenbild-buehne[data-gleiten] :is(.flaechenbild-nachher,.flaechenbild-gegenzug,.flaechenbild-griff){transition:none}}.konfigurator-nutzung{border:0;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 14px;padding:0;display:flex}.konfigurator-nutzung legend{float:left;color:var(--auf-text-2,#4a4b55);margin-right:6px;font-size:16px}.konfigurator-nutzung label{box-shadow:var(--karte-schatten);color:#171823;cursor:pointer;background:#fff;border-radius:999px;padding:8px 14px;font-size:15px;position:relative}.konfigurator-nutzung label[data-gewaehlt]{box-shadow:var(--karte-gewaehlt);background:#e9fbd7}.konfigurator-nutzung input{opacity:0;pointer-events:none;position:absolute}.konfigurator-nutzung label:has(input:focus-visible){outline-offset:2px;outline:2px solid #4b751e}.konfigurator-teilflaeche{border-radius:var(--field-radius);background:#f4f1ec;gap:10px;margin-top:2px;padding:14px 16px;display:grid}.konfigurator-teilflaeche label{gap:2px;display:grid}.konfigurator-teilflaeche label strong{color:#171823;font-size:17px;line-height:1.2}.konfigurator-teilflaeche label small{color:#62636c;font-size:15px;line-height:1.35}.konfigurator-teilflaeche-feld{width:160px;display:block;position:relative}.konfigurator .konfigurator-teilflaeche input{border:1px solid var(--input-line);border-radius:var(--field-radius);color:#171823;width:100%;font:inherit;background:#fff;padding:10px 42px 10px 12px;font-size:18px}.konfigurator .konfigurator-teilflaeche input::placeholder{color:#85868e}.konfigurator .konfigurator-teilflaeche input[aria-invalid=true]{border-color:#a32220}.konfigurator-teilflaeche-feld em{color:#62636c;pointer-events:none;font-size:15px;font-style:normal;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.konfigurator-teilflaeche-grenze{color:#a32220;margin:0;font-size:15px;line-height:1.35}@media (min-width:1024px){body:has(.konfigurator) :is(.utility-bar,.site-header)>.container{width:min(50% + 680px,100% - 2*clamp(20px,4vw,64px))}body:has(.konfigurator) .desktop-nav{justify-content:flex-end}body:has(.konfigurator) .utility-bar{z-index:61;position:sticky;top:0}body:has(.konfigurator) .site-header{top:var(--utility-height)}}.fugenzeile-preis .fugenzeile-material{color:#85868e;letter-spacing:0;text-transform:none;border:0;margin:0;padding:0;font-size:12.5px;display:block}.fugenzeile>.fugenkarte-farben{grid-template-columns:repeat(var(--farben,4), minmax(0, 84px));gap:10px 8px;margin:2px 20px 14px}@container cleaning-inquiry (min-width:620px){.fugenzeile>.fugenkarte-farben{grid-template-columns:repeat(var(--farben-breit,4), minmax(0, 84px))}}.fugenzeile>.fugenkarte-farben legend{margin-bottom:8px}.fugenzeile .fugenkarte-farben label{justify-items:stretch;gap:5px}.fugenzeile .fugenkarte-muster{aspect-ratio:3/2;border-radius:6px;width:100%;height:auto}.fugenzeile .fugenkarte-farben label>span{text-align:left}.fugenzeile .fugenkarte-farben label:hover input:not(:checked)+.fugenkarte-muster{box-shadow:inset 0 0 0 1px #17182326,0 0 0 2px #fff,0 0 0 4px #d3cbbd}.fugenzeile .fugenkarte-farben input:checked+.fugenkarte-muster{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--green)}.fugenzeile-knopf{color:#171823;min-width:168px;min-height:44px;font:600 17px/1.2 var(--font-barlow), sans-serif;background:#fff;border:1.5px solid #171823;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;transition:background .16s,border-color .16s;display:inline-flex}.fugenzeile-knopf svg{stroke-width:2.2px;width:18px;height:18px}.fugenzeile-kopf .fugenzeile-knopf{grid-area:3/2;place-self:start end;margin-top:8px}:is(.fugenzeile:not([data-gewaehlt]),.konfigurator-ohne:not([data-gewaehlt])):hover .fugenzeile-knopf{background:#f6f3ee}:is(.fugenzeile,.konfigurator-ohne)[data-gewaehlt] .fugenzeile-knopf{border-color:var(--green);color:#253918;background:#e9fbd7}.konfigurator-ohne{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}.konfigurator-ohne[data-gewaehlt] .fugenzeile-knopf{background:#fff}.fugenzeile-mehr .fugen-fakten>div{border-bottom:0}.fugenzeile-merkmale{color:#474951;flex-wrap:wrap;grid-area:3/1;align-self:center;gap:6px 14px;margin-top:8px;font-size:13.5px;line-height:1.2;display:flex}.fugenzeile-merkmale>span{align-items:center;gap:5px;display:inline-flex}.fugenzeile-merkmale svg{flex:none;width:18px;height:18px}:is(.fugenzeile-anders,.fugenzeile-thema){grid-row:3}.fugenzeile-kopf .fugenzeile-merkmale,.fugenzeile-kopf .fugenzeile-knopf{grid-row:4}.fugenkarte-farben-kompakt{flex-wrap:wrap;gap:6px;display:flex!important}.fugenkarte-farben-kompakt legend,.fugenkarte-farben-kompakt label>span{display:none}.fugenzeile .fugenkarte-farben-kompakt .fugenkarte-muster{aspect-ratio:3/2;border-radius:5px;width:36px}.fugenkarte-farben-kompakt .fugenkarte-muster b{width:15px;height:15px;top:-6px;right:-6px}@media (prefers-reduced-motion:reduce){.fugenzeile-knopf,.fugenzeile-knopf i{transition:none;animation:none!important}}.fugenzeile-preis .fugenzeile-material span{color:inherit;font:inherit;letter-spacing:0;text-transform:none}.fugenzeile-farbanzahl i{font-style:normal;display:inline-flex}.fugenzeile-farbanzahl b{background-size:cover;width:9px;height:16px;box-shadow:inset 0 0 0 1px #1718231f}.fugenzeile-farbanzahl b:first-child{border-radius:3px 0 0 3px}.fugenzeile-farbanzahl b:last-child{border-radius:0 3px 3px 0}.schutzkarte .fugenkarte-farben{grid-template-columns:repeat(var(--farben,4), minmax(0, 1fr));gap:10px 8px}.schutzkarte .fugenkarte-farben label{justify-items:stretch;gap:5px}.schutzkarte .fugenkarte-muster{aspect-ratio:3/2;border-radius:6px;width:100%;height:auto}.schutzkarte .fugenkarte-farben label>span{text-align:left}@media (min-width:1024px){.konfigurator-section{--konfigurator-fussflaeche:#20222d;--konfigurator-fusshoehe:96px}.konfigurator-uebersicht{background:var(--konfigurator-fussflaeche)}.konfigurator .konfigurator-uebersicht-titel{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.konfiguration-gesamt:after{content:"";background:#faf9f724;width:1px;position:absolute;top:22px;bottom:22px;left:0}.konfigurator:not([data-schritt=flaeche]) .konfigurator-fuss:before{background:var(--konfigurator-fussflaeche);border-top:0}.konfigurator:not([data-schritt=flaeche]) .konfigurator.inquiry-scope .konfigurator-aktionen,.konfigurator.inquiry-scope:not([data-schritt=flaeche]) .konfigurator-aktionen{box-sizing:border-box;min-height:var(--konfigurator-fusshoehe);padding-block:0}.konfigurator:not([data-schritt=flaeche]) .konfigurator-fuss .button-outline{color:#faf9f7;background:0 0;border-color:#faf9f78c}.konfigurator:not([data-schritt=flaeche]) .konfigurator-fuss .button-outline:hover{background:#faf9f714;border-color:#faf9f7}.konfigurator:not([data-schritt=flaeche]) .konfigurator-fuss .konfigurator-neustart{color:#faf9f7b8}.konfigurator:not([data-schritt=flaeche]) .konfigurator-fuss .konfigurator-neustart:hover{color:#faf9f7}.konfigurator:not([data-schritt=flaeche]) .konfigurator-fuss .konfigurator-neustart[data-fragen],.konfigurator:not([data-schritt=flaeche]) .konfigurator .konfigurator-fuss .field-error,.konfigurator.inquiry-scope:not([data-schritt=flaeche]) .konfigurator-fuss .field-error{color:#ffb4a8}.konfigurator-uebersicht{padding-inline:0}.konfigurator-uebersicht-innen{max-width:none;padding-inline:var(--seitenrand);overflow-x:hidden}.konfigurator-uebersicht-innen>:not(.konfigurator-uebersicht-liste,.konfigurator-uebersicht-titel),.konfiguration>:not(.konfiguration-gesamt){box-sizing:border-box;width:100%;max-width:680px;margin-inline:auto}.konfigurator-uebersicht-innen>.konfigurator-uebersicht-liste{box-sizing:border-box;align-self:stretch;width:100%;max-width:none;margin-inline:0}.konfiguration>.konfiguration-gesamt{margin-inline:calc(-1 * var(--seitenrand));padding:0 var(--seitenrand);background:var(--konfigurator-fussflaeche)}.konfigurator.inquiry-scope .konfiguration-gesamt p{box-sizing:border-box;max-width:680px;min-height:var(--konfigurator-fusshoehe);border-top:0;margin-inline:auto;padding:0 2px}}.konfigurator-preis-aufstellung{display:none}@media (max-width:1023px){.konfigurator-leiste-auf{width:auto;font:600 13px/1 var(--font-barlow), sans-serif;letter-spacing:.02em;border-radius:8px;gap:4px;padding:0 6px 0 10px}.konfigurator-leiste-auf b{display:inline-flex}.konfigurator-blatt[data-kopf] .konfigurator-leiste{grid-template-columns:minmax(0,1fr);padding-bottom:10px}.konfigurator-blatt[data-kopf] .konfigurator-leiste-summe{justify-content:space-between;align-items:center;width:100%;display:flex}.konfigurator-blatt-titel{color:#faf9f7;font:600 17px/1.2 var(--font-barlow), sans-serif}.konfigurator-blatt-zu{color:#faf9f7;background:#ffffff24;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.konfigurator-blatt-zu svg{width:20px;height:20px}.konfigurator-blatt-fuss{padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:var(--konfigurator-dunkel);flex:none}.konfigurator-blatt-fuss .konfigurator-leiste-knoepfe{gap:10px;width:100%;display:flex}.konfigurator-blatt-fuss .konfigurator-leiste-knoepfe .button-primary{flex:1;justify-content:center}.konfigurator-blatt[data-offen] .konfiguration-gesamt{padding-bottom:6px}.konfigurator-preis-aufstellung{margin-top:16px;display:block}.konfigurator-preis-aufstellung .konfiguration-gesamt{display:none}}@container cleaning-inquiry (max-width:520px){.fugenzeile-kopf .fugenzeile-merkmale{grid-area:auto/1/auto/-1}.fugenzeile-kopf .fugenzeile-knopf{grid-area:auto/1/auto/-1;justify-self:end;margin-right:0}}
