@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(/statisch/schriften/inter-latin.woff2)format("woff2")}:root{--primaer:#121417;--primaer-text:#fff;--primaer-lesbar:#121417;--akzent:#ff6a00;--akzent-text:#111;--schrift:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text:#121417;--text-2:#5b6069;--text-3:#6f737b;--flaeche:#fff;--flaeche-2:#f3f3f7;--flaeche-3:#e9e9ef;--linie:#e2e3e9;--linie-stark:#b9bbc6;--rahmen-feld:#8b8d98;--fehler:#b42318;--fehler-flaeche:#fef3f2;--hinweis:#8a5a00;--hinweis-flaeche:#fff8e6;--ok:#1a7f37;--r-s:8px;--radius:12px;--r-l:20px;--schatten:none;--schatten-schwebend:0 8px 32px #1214171f, 0 1px 2px #12141714;--fokus:0 0 0 2px #fff, 0 0 0 4px var(--primaer-lesbar);--unten-sicher:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--schrift);letter-spacing:-.006em;color:var(--text);background:var(--flaeche);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}img,svg{max-width:100%}h1,h2,h3{margin:0 0 .5em;font-weight:650;line-height:1.15}h1{letter-spacing:-.03em;font-size:clamp(2rem,7vw,3.25rem)}h2{letter-spacing:-.02em;font-size:clamp(1.35rem,4.5vw,1.75rem)}h3{letter-spacing:-.01em;font-size:1.0625rem}p{margin:0 0 1em}a{color:var(--primaer-lesbar);text-underline-offset:3px}:focus-visible{box-shadow:var(--fokus);border-radius:var(--r-s);outline:none}button{-webkit-tap-highlight-color:transparent}.nur-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sprunglink{background:var(--flaeche);z-index:100;border-radius:var(--r-s);padding:8px 12px;position:absolute;top:-60px;left:8px}.sprunglink:focus{top:8px}.huelle{max-width:1200px;margin:0 auto;padding:0 16px}@media (min-width:768px){.huelle{padding:0 24px}}.demo-leiste{color:#fff;background:#121417;font-size:.875rem}.demo-leiste-innen{flex-wrap:wrap;align-items:center;gap:4px 12px;max-width:1200px;margin:0 auto;padding:6px 16px;display:flex}.demo-leiste-wer{text-overflow:ellipsis;white-space:nowrap;color:#d6d9de;flex:auto;min-width:0;overflow:hidden}.demo-leiste-wer strong{color:#fff;font-weight:600}.demo-leiste nav{flex:100%;order:3}.demo-leiste ul{gap:4px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.demo-leiste ul a{color:#fff;white-space:nowrap;border:1px solid #ffffff40;border-radius:999px;align-items:center;min-height:36px;padding:4px 12px;text-decoration:none;display:inline-flex}.demo-leiste ul a:hover{background:#ffffff1f}.demo-leiste ul a[aria-current=page]{color:#111;background:#ff6a00;border-color:#ff6a00;font-weight:600}.demo-leiste a:focus-visible{outline-offset:2px;outline:2px solid #fff}.demo-leiste-hub{color:#fff;align-items:center;min-height:36px;display:inline-flex}@media (min-width:760px){.demo-leiste nav{flex:0 auto;order:0}}.demo-band{background:var(--primaer);color:var(--primaer-text);text-align:center;padding:7px 16px;font-size:.8125rem;font-weight:500}.kopf{z-index:40;background:var(--flaeche);-webkit-backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid var(--linie);position:sticky;top:0}.kopf .huelle{justify-content:space-between;align-items:center;gap:12px;min-height:60px;display:flex}.marke{color:var(--text);align-items:center;gap:10px;min-height:44px;font-size:1.05rem;font-weight:650;text-decoration:none;display:flex}.marke img{width:auto;max-height:28px}.kopf nav{align-items:center;gap:4px;display:flex}.kopf nav a{border-radius:var(--r-s);color:var(--text);padding:10px 12px;font-size:.9375rem;font-weight:500;text-decoration:none}.kopf nav a:hover{background:var(--flaeche-2)}.kopf nav a.kopf-cta{background:var(--akzent);color:var(--akzent-text);border-radius:var(--radius);padding:9px 16px;font-weight:600}.fuss{background:var(--primaer);color:#ffffffb8;padding:40px 0 calc(40px + var(--unten-sicher));margin-top:64px;font-size:.875rem}.fuss nav{flex-wrap:wrap;gap:4px 20px;margin-bottom:16px;display:flex}.fuss a{color:#fff;padding:6px 0;text-decoration:none;display:inline-block}.fuss a:hover{text-decoration:underline}.knopf{border-radius:var(--radius);background:var(--primaer);min-height:48px;color:var(--primaer-text);font:inherit;letter-spacing:-.01em;cursor:pointer;touch-action:manipulation;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform 80ms,background-color .15s,filter .15s;display:inline-flex}.knopf:hover{filter:brightness(1.06)}.knopf:active{transform:scale(.98)}.knopf:disabled,.knopf[aria-disabled=true]{opacity:.45;cursor:not-allowed;filter:none;transform:none}.knopf.akzent{background:var(--akzent);color:var(--akzent-text)}.knopf.zweit{background:var(--flaeche);color:var(--text);border-color:var(--linie-stark)}.knopf.zweit:hover{background:var(--flaeche-2);filter:none}.knopf.leise{color:var(--text);text-underline-offset:3px;background:0 0;border-color:#0000;padding-inline:12px;text-decoration:underline}.knopf.leise:hover{background:var(--flaeche-2);filter:none}.knopf.klein{min-height:40px;padding:8px 14px;font-size:.9375rem}.knopf.breit{width:100%}.knopf.gefahr{background:var(--fehler);color:#fff}.knopfreihe{flex-wrap:wrap;gap:8px;display:flex}.icon-knopf{border-radius:var(--radius);width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;place-items:center;text-decoration:none;display:inline-grid}.icon-knopf:hover:not(:disabled){background:var(--flaeche-2)}.icon-knopf:disabled{color:var(--linie-stark);cursor:default}.icon-platz{width:44px}label,.label{margin-bottom:6px;font-size:.9375rem;font-weight:500;display:block}.feld{margin-bottom:16px}.feld .hilfe,.hilfe{color:var(--text-3);margin-top:6px;font-size:.8125rem}input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=url],input:not([type]),select,textarea{border:1px solid var(--rahmen-feld);border-radius:var(--radius);background:var(--flaeche);width:100%;min-height:52px;color:var(--text);font:inherit;padding:12px 14px;font-size:1.0625rem;transition:border-color .15s,box-shadow .15s}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--primaer-lesbar);border-radius:var(--radius);box-shadow:0 0 0 3px #1214171f}textarea{min-height:104px}input[type=color]{border:1px solid var(--rahmen-feld);border-radius:var(--radius);background:var(--flaeche);width:64px;height:48px;padding:4px}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--fehler);background:var(--fehler-flaeche)}.mit-einheit{align-items:stretch;display:flex;position:relative}.mit-einheit input{padding-right:46px}.mit-einheit .einheit{color:var(--text-3);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.mit-einheit.stepper{border:1px solid var(--rahmen-feld);border-radius:var(--radius);background:var(--flaeche);overflow:hidden}.mit-einheit.stepper:has(input[aria-invalid=true]){border-color:var(--fehler)}.mit-einheit.stepper input{text-align:center;font-variant-numeric:tabular-nums;border:0;border-radius:0;min-width:0;padding:10px 40px 10px 8px;font-size:1.25rem;font-weight:600}.mit-einheit.stepper input:focus-visible{box-shadow:inset 0 0 0 2px var(--primaer-lesbar)}.mit-einheit.stepper .einheit{right:64px}.stepper-knopf{background:var(--flaeche-2);width:56px;color:var(--text);cursor:pointer;touch-action:manipulation;border:0;flex:none;font-size:1.5rem;line-height:1}.stepper-knopf:active{background:var(--flaeche-3)}.feldfehler{color:var(--fehler);gap:6px;margin-top:6px;font-size:.875rem;display:flex}.feldhinweis{color:var(--hinweis);margin-top:6px;font-size:.875rem}.check{cursor:pointer;align-items:flex-start;gap:12px;margin-bottom:12px;font-weight:400;display:flex}.check input{width:22px;height:22px;accent-color:var(--primaer);flex:none;margin:1px 0 0}.zwei-spalten{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}@media (max-width:599px){.zwei-spalten:has(.stepper){grid-template-columns:1fr}}fieldset{border:0;min-width:0;margin:0 0 16px;padding:0}legend{margin-bottom:8px;padding:0;font-weight:600}.segmente{background:var(--flaeche-2);border-radius:var(--radius);flex-wrap:wrap;gap:0;width:fit-content;max-width:100%;padding:4px;display:flex}.segmente label{margin:0;font-weight:500}.segmente input{opacity:0;pointer-events:none;position:absolute}.segmente span{border-radius:var(--r-s);cursor:pointer;min-width:48px;min-height:40px;color:var(--text-2);justify-content:center;align-items:center;padding:6px 14px;display:inline-flex}.segmente input:checked+span{background:var(--flaeche);color:var(--text);font-weight:600;box-shadow:0 1px 3px #12141724}.segmente input:focus-visible+span{box-shadow:var(--fokus)}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-l);padding:20px}@media (min-width:768px){.karte{padding:24px}}.kacheln{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.kachel{text-align:left;border:1px solid var(--linie);border-radius:var(--radius);background:var(--flaeche);cursor:pointer;font:inherit;color:inherit;flex-direction:column;gap:6px;min-height:48px;padding:10px;transition:border-color .15s;display:flex;position:relative}.kachel:hover{border-color:var(--linie-stark)}.kachel[aria-pressed=true],.kachel[aria-checked=true]{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.kachel[aria-pressed=true]:after,.kachel[aria-checked=true]:after{content:"✓";background:var(--text);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.75rem;display:grid;position:absolute;top:8px;right:8px}.kachel small{color:var(--text-3)}.kachel .bild{aspect-ratio:3;border-radius:var(--r-s);background:var(--flaeche-2) center/cover}.farbfeld{aspect-ratio:3/2;border-radius:var(--r-s);border:1px solid #0000001a;width:100%}.auswahl-liste{gap:10px;display:grid}.auswahl{text-align:left;border:1px solid var(--linie);border-radius:var(--r-l);background:var(--flaeche);width:100%;font:inherit;color:inherit;cursor:pointer;align-items:center;gap:14px;min-height:76px;padding:12px;transition:border-color .15s;display:flex;position:relative}.auswahl:hover{border-color:var(--linie-stark)}.auswahl[aria-checked=true]{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.auswahl .muster{border-radius:var(--radius);border:1px solid #00000014;flex:none;width:64px;height:52px}.auswahl .inhalt{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.auswahl strong{letter-spacing:-.01em;font-weight:600}.auswahl small{color:var(--text-3);font-size:.8125rem}.auswahl .ab{color:var(--text);margin-top:2px;font-size:.8125rem;font-weight:500}.meldung{border-radius:var(--radius);margin:8px 0;padding:12px 14px;font-size:.9375rem}.meldung.fehler{background:var(--fehler-flaeche);color:var(--fehler)}.meldung.hinweis{background:var(--hinweis-flaeche);color:#5c3d00}.meldung.info{background:var(--flaeche-2);color:var(--text)}.meldung.ok{color:#135b28;background:#ecf8ef}.abzeichen{background:var(--flaeche-2);color:var(--text-2);border-radius:6px;padding:3px 10px;font-size:.8125rem;font-weight:500;display:inline-block}.chip{border:1px solid var(--linie-stark);background:var(--flaeche);min-height:40px;font:inherit;cursor:pointer;color:var(--text);border-radius:999px;padding:6px 14px;font-size:.9375rem}.chip[aria-pressed=true]{background:var(--text);color:#fff;border-color:var(--text)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--linie);vertical-align:top;padding:10px 6px}th{font-weight:600}td.betrag,th.betrag{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}pre.code{background:var(--flaeche-2);border-radius:var(--radius);white-space:pre-wrap;word-break:break-all;padding:12px;font-size:.85rem;overflow-x:auto}.held{gap:28px;padding:24px 0 32px;display:grid}.held p{color:var(--text-2);max-width:36em;font-size:1.125rem}.held .vorschau-bild{border-radius:var(--r-l);background:var(--flaeche-2);overflow:hidden}.held .knopfreihe{margin-top:8px}.vorschau-bild{border-radius:var(--r-l);background:var(--flaeche-2);padding:12px;overflow:hidden}.band{background:var(--flaeche-2);margin:40px 0;padding:56px 0}.vorteile{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:24px 0;display:grid}.vorteile .karte h3{margin-bottom:6px}.vorteile .karte p{color:var(--text-2);margin:0}.schritte-liste{counter-reset:s;gap:14px;margin:0;padding:0;list-style:none;display:grid}.schritte-liste li{counter-increment:s;color:var(--text-2);align-items:baseline;gap:14px;display:flex}.schritte-liste li strong{color:var(--text)}.schritte-liste li:before{content:counter(s);background:var(--text);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:.875rem;font-weight:600;display:grid}@media (max-width:599px){.held{padding-top:20px}.held .knopfreihe .knopf{width:100%}}@media (min-width:900px){.held{grid-template-columns:1fr 1.05fr;align-items:center;gap:48px;padding:64px 0 48px}.vorteile.drei{grid-template-columns:repeat(3,1fr)}}.material-karten{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.material-karte{color:inherit;border:1px solid var(--linie);border-radius:var(--r-l);background:var(--flaeche);flex-direction:column;text-decoration:none;transition:border-color .15s;display:flex;overflow:hidden}.material-karte:hover{border-color:var(--linie-stark)}.material-karte .muster{aspect-ratio:16/9}.material-karte .text{gap:4px;padding:16px;display:grid}.material-karte strong{letter-spacing:-.01em;font-size:1.0625rem;font-weight:600}.material-karte span{color:var(--text-2);font-size:.9375rem}.material-karte small{color:var(--text-3)}.ablauf{align-items:center;gap:24px;display:grid}@media (min-width:900px){.ablauf{grid-template-columns:1fr 1.2fr;gap:48px}}.abschnitt-kopf{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.abschnitt-kopf h2{margin:0}.konf{padding-bottom:calc(96px + var(--unten-sicher));min-height:100dvh}.konf-kopf{z-index:30;background:var(--flaeche,#fff);-webkit-backdrop-filter:saturate(180%)blur(14px);position:sticky;top:0}.kopf-zeile{align-items:center;gap:8px;min-height:56px;display:flex}.kopf-mitte{flex:1;justify-content:center;min-width:0;display:flex}.kopf-titel{letter-spacing:-.01em;white-space:nowrap;font-size:1.0625rem;font-weight:600}.kopf-zaehler{color:var(--text-3);margin-left:4px;font-size:.875rem;font-weight:500}.konf-logo{width:auto;height:24px}.fortschritt{padding-bottom:10px}.fortschritt ol{grid-template-columns:repeat(5,1fr);gap:4px;margin:0;padding:0;list-style:none;display:grid}.fortschritt button{width:100%;font:inherit;color:var(--text-3);cursor:pointer;background:0 0;border:0;flex-direction:column;gap:5px;min-height:30px;padding:4px 0 0;font-size:.6875rem;display:flex}.fortschritt .balken{background:var(--flaeche-3);border-radius:2px;height:4px;transition:background-color .2s;display:block}.fortschritt [data-erledigt=true] .balken{background:var(--text)}.fortschritt [aria-current=step] .balken{background:var(--akzent)}.fortschritt [aria-current=step]{color:var(--text);font-weight:600}.fortschritt .text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:599px){.fortschritt{padding-bottom:12px}.fortschritt .text{display:none}.fortschritt button{gap:0;min-height:6px;padding-top:0}}.vorschau-buehne{z-index:20;background:var(--flaeche-2);margin:0 -16px;position:sticky;top:74px}.vorschau-buehne .zeichnung{justify-content:center;align-items:center;gap:8px;padding:14px 12px 4px;display:flex;overflow-x:auto}.vorschau-buehne .zeichnung>div{flex:1 1 0;justify-content:center;min-width:0;display:flex}.vorschau-buehne .zeichnung svg{width:100%;height:auto;max-height:28vh}.vorschau-buehne .werkzeuge{gap:6px;display:flex;position:absolute;top:8px;right:8px}.vorschau-buehne .werkzeuge .knopf{min-width:36px;min-height:36px;color:var(--text);border-color:var(--linie);background:#ffffffe6;padding:4px 10px}.vorschau-buehne.gross .zeichnung svg{max-height:70vh}.vorschau-buehne.gross .zeichnung{flex-direction:column}.buehne-info{text-align:center;color:var(--text-2);font-variant-numeric:tabular-nums;min-height:30px;padding:2px 12px 10px;font-size:.8125rem}.buehne-info .rast{background:var(--text);color:#fff;border-radius:999px;padding:3px 10px;font-weight:500;display:inline-block}.zeichnung .z-ausschnitt{touch-action:none;cursor:grab}.vorschau-tipp{display:none}.platten-reiter{gap:6px;padding:14px 0 0;display:flex;overflow-x:auto}.platten-reiter button{flex:none}.schritt{padding:20px 0 8px}.schritt h2{justify-content:space-between;align-items:baseline;gap:8px;font-size:1.375rem;display:flex}.schritt h2:focus{box-shadow:none}.fussleiste{z-index:40;-webkit-backdrop-filter:saturate(180%)blur(14px);border-top:1px solid var(--linie);padding:10px 16px calc(10px + var(--unten-sicher));background:#fffffff0;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.fussleiste .knopf{flex:0 200px;min-height:52px;font-size:1.0625rem}.preis-knopf{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;min-width:0;min-height:48px;padding:2px 0;display:flex}.preis-gross{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.375rem;font-weight:700;line-height:1.15}.preis-klein{color:var(--text-3);font-size:.8125rem}.ausschnitt-liste{gap:10px;margin:0 0 14px;padding:0;list-style:none;display:grid}.ausschnitt-liste>li{border:1px solid var(--linie);border-radius:var(--r-l);background:var(--flaeche)}.ausschnitt-liste>li[data-aktiv=true]{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.ausschnitt-liste .kopfzeile{justify-content:space-between;align-items:center;gap:8px;padding:4px 6px 4px 14px;display:flex}.ausschnitt-liste .kopfzeile button.titel{text-align:left;font:inherit;cursor:pointer;min-height:48px;color:inherit;background:0 0;border:0;flex:1;padding:10px 0;font-size:.9375rem}.ausschnitt-liste .inhalt{padding:0 14px 14px}.steuerkreuz{flex-wrap:wrap;gap:6px;margin:4px 0 8px;display:flex}.steuerkreuz button{border-radius:var(--radius);border:1px solid var(--linie-stark);background:var(--flaeche);cursor:pointer;min-width:52px;min-height:48px;color:var(--text);font-size:1.15rem}.steuerkreuz button:active{background:var(--flaeche-2)}.steuerkreuz .mittig{padding:0 14px;font-size:.9375rem}.schnellwahl{flex-wrap:wrap;align-items:center;gap:6px;margin:-4px 0 18px;display:flex}.weitere-platte{background:var(--flaeche-2);border:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.positionen td{font-size:.9375rem}.zubehoer-zeile{border-bottom:1px solid var(--linie);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.zaehler{background:var(--flaeche-2);border-radius:var(--radius);align-items:center;gap:2px;padding:3px;display:inline-flex}.zaehler button{border-radius:var(--r-s);cursor:pointer;width:44px;height:44px;color:var(--text);background:0 0;border:0;font-size:1.25rem}.zaehler button:active{background:var(--flaeche)}.zaehler output{text-align:center;font-variant-numeric:tabular-nums;min-width:28px;font-weight:600}details>summary{cursor:pointer;min-height:32px;font-weight:500}details.karte{padding:14px 16px}.dialog{z-index:60;background:#0a0c1099;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.dialog>.inhalt{background:var(--flaeche);border-radius:var(--r-l) var(--r-l) 0 0;width:100%;max-width:900px;max-height:100dvh;padding:20px 16px calc(20px + var(--unten-sicher));box-shadow:var(--schatten-schwebend);overflow:auto}.ausschnitt-editor{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:var(--radius);background:#1b1d21;position:relative;overflow:hidden}.ausschnitt-editor img{opacity:.4;pointer-events:none;width:100%;height:auto;display:block}.ausschnitt-editor .rahmen{cursor:move;border:2px solid #fff;border-radius:4px;position:absolute;overflow:hidden;box-shadow:0 0 0 9999px #00000059}.ausschnitt-editor .rahmen img{opacity:1;max-width:none;position:absolute}.dpi{font-weight:600}.dpi.gut{color:var(--ok)}.dpi.hinweis{color:var(--hinweis)}.dpi.zu_gering{color:var(--fehler)}input[type=range]{accent-color:var(--text)}@media (min-width:600px) and (max-width:959px){.vorschau-buehne{top:92px}}@media (min-width:960px){.konf-raster{grid-template-columns:minmax(0,1.3fr) minmax(400px,1fr);align-items:start;gap:40px;display:grid}.vorschau-buehne{border-radius:var(--r-l);margin:16px 0 0;top:112px}.vorschau-buehne .zeichnung{padding:32px 24px 8px}.vorschau-buehne .zeichnung svg{max-height:60vh}.fortschritt .text{font-size:.8125rem}.fussleiste{border:1px solid var(--linie);border-radius:var(--r-l);box-shadow:var(--schatten-schwebend);margin-top:20px;position:sticky;bottom:16px}.konf{padding-bottom:40px}.dialog{align-items:center}.dialog>.inhalt{border-radius:var(--r-l);max-height:92vh}}.eingebettet{min-height:0;padding-bottom:16px}.eingebettet .fussleiste{box-shadow:none;border:1px solid var(--linie);border-radius:var(--r-l);margin-top:16px;position:static}.eingebettet .konf-kopf,.eingebettet .vorschau-buehne{position:relative;top:0}.bo{background:var(--flaeche-2);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);min-height:100vh;display:grid}.bo-kopf{background:var(--primaer);color:#fff}.bo-kopf .huelle{flex-wrap:wrap;align-items:center;gap:12px;min-height:56px;display:flex}.bo-kopf a{color:#fff;border-radius:var(--r-s);padding:10px;font-size:.9375rem;font-weight:500;text-decoration:none}.bo-kopf a[aria-current=page]{background:#ffffff24}.bo-kopf nav{flex-wrap:wrap;flex:1;gap:2px;display:flex}.bo-kopf .knopf.zweit{color:#fff;background:0 0;border-color:#fff6}.bo main{padding:24px 16px 48px}.bo table{background:var(--flaeche);border-radius:var(--radius)}.liste-tabelle td a{font-weight:600}.status{color:#1d3b66;background:#e8eef7;border-radius:6px;padding:3px 10px;font-size:.8125rem;font-weight:600;display:inline-block}.status.NEU{color:#6b4300;background:#fff1d6}.status.ERLEDIGT,.status.VERSENDET{color:#135b28;background:#e3f4e8}.status.STORNIERT{color:#7a1b1b;background:#f3e3e3}.raster-2{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (min-width:900px){.raster-2{grid-template-columns:2fr 1fr}}.einzug{gap:16px;max-width:760px;display:grid}.anmelden{max-width:420px;margin:8vh auto}.schritte-nav{flex-wrap:wrap;gap:6px;padding:0;display:flex}.rechtstext{max-width:720px;padding-top:32px}.rechtstext p{white-space:pre-line;color:var(--text-2)}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.hinzufuegen{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.hinzu-kachel{text-align:left;border:1px dashed var(--linie-stark);border-radius:var(--radius);background:var(--flaeche);min-height:64px;font:inherit;color:var(--text);cursor:pointer;align-items:center;gap:10px;padding:10px 12px;font-size:.9375rem;font-weight:600;display:flex}.hinzu-kachel:hover{background:var(--flaeche-2);border-style:solid}.hinzu-kachel .plus{background:var(--text);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:1.1rem;line-height:1;display:grid}.hinzu-kachel small{color:var(--text-3);font-size:.8125rem;font-weight:400;display:block}.unterfrage{margin:24px 0 10px;font-size:1.0625rem}.einleitung{color:var(--text-2);margin-bottom:16px}.art-kacheln{grid-template-columns:1fr 1fr;gap:10px;display:grid}.art-kachel{border:1px solid var(--linie);border-radius:var(--r-l);background:var(--flaeche);text-align:left;font:inherit;color:inherit;cursor:pointer;flex-direction:column;align-items:flex-start;gap:2px;padding:0 0 12px;display:flex;position:relative;overflow:hidden}.art-kachel .art-bild{aspect-ratio:16/10;width:100%;margin-bottom:10px;display:block}.art-kachel strong,.art-kachel small{padding:0 12px}.art-kachel strong{font-size:1rem;font-weight:600}.art-kachel small{color:var(--text-3);font-size:.8125rem;line-height:1.35}.art-kachel[aria-checked=true]{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.art-kachel[aria-checked=true]:after{content:"✓";background:var(--text);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:.8rem;display:grid;position:absolute;top:8px;right:8px}@media (min-width:700px){.art-kacheln{grid-template-columns:repeat(4,1fr)}}.farb-raster{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.farb-knopf{border:1px solid var(--linie);border-radius:var(--radius);background:var(--flaeche);font:inherit;color:inherit;cursor:pointer;text-align:left;flex-direction:column;gap:6px;padding:6px 6px 8px;font-size:.8125rem;display:flex}.farb-knopf .farbfeld{aspect-ratio:1;border-radius:var(--r-s)}.farb-knopf small{color:var(--text-3)}.farb-knopf[aria-checked=true]{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.motiv-raster{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.motiv-knopf{border:1px solid var(--linie);border-radius:var(--radius);background:var(--flaeche);font:inherit;color:inherit;cursor:pointer;text-align:left;flex-direction:column;gap:6px;padding:6px 6px 10px;font-size:.875rem;display:flex}.motiv-knopf .bild{aspect-ratio:2;border-radius:var(--r-s);background:var(--flaeche-2) center/cover}.motiv-knopf[aria-checked=true]{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.foto-karte{margin-top:16px}.ausschnitt-karte,.muster-hinweis{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.muster-hinweis{background:var(--flaeche-2);border-radius:var(--r-l);padding:14px 16px;font-size:.9375rem}.form-kacheln{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px;display:grid}.form-kachel{border:1px solid var(--linie);border-radius:var(--r-l);background:var(--flaeche);font:inherit;color:var(--text);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:14px 6px 12px;display:flex}.form-kachel strong{font-weight:600}.form-kachel small{color:var(--text-3);text-align:center;font-size:.75rem}.form-kachel[aria-checked=true]{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.wand-feld{align-items:flex-start;gap:12px;display:flex}.wand-feld>svg{color:var(--linie-stark);flex:none;margin-top:36px}.plan-karte{background:var(--flaeche-2);border:0;margin:8px 0 16px}.plan-karte ul{margin:8px 0;padding-left:18px}.plan-karte p,.plan-karte .preis-klein{color:var(--text-2);margin:4px 0 0}.messhilfe,.sonderform{margin-bottom:12px}.messhilfe ul{color:var(--text-2);padding-left:18px;font-size:.9375rem}.ansicht-wahl{z-index:2;border:1px solid var(--linie);background:#ffffffeb;border-radius:999px;padding:3px;display:flex;position:absolute;top:10px;left:10px}.ansicht-wahl button{font:inherit;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:32px;padding:6px 12px;font-size:.8125rem;font-weight:500}.ansicht-wahl button[aria-pressed=true]{background:var(--text);color:#fff}.vorschau-buehne .zeichnung{padding-top:52px}.kueche-ansicht{padding-left:0!important;padding-right:0!important}.kueche-ansicht svg{max-height:30vh!important}@media (min-width:960px){.kueche-ansicht svg{max-height:62vh!important}.vorschau-buehne .zeichnung{padding-top:60px}}.so-gehts{background:var(--flaeche-2);border:0;margin:20px 0 12px}.so-gehts ol{color:var(--text-2);gap:8px;margin:0;padding-left:20px;display:grid}.so-gehts strong{color:var(--text)}.positionen tr.summe th,.positionen tr.summe td{border-top:2px solid var(--text)}.kontakt-zeile{color:var(--text-2);margin-top:12px}.auftrag-fortschritt{gap:10px;margin:16px 0;padding:0;list-style:none;display:grid}.auftrag-fortschritt li{color:var(--text-2);align-items:center;gap:12px;display:flex}.auftrag-fortschritt .punkt{border:1px solid var(--linie);background:var(--flaeche);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:.8125rem;font-weight:600;display:inline-grid}.auftrag-fortschritt li[data-erledigt=true]{color:var(--text)}.auftrag-fortschritt li[data-erledigt=true] .punkt{background:var(--text);color:#fff;border-color:var(--text)}.auftrag-fortschritt li[aria-current=step]{color:var(--text);font-weight:600}.auftrag-fortschritt li[aria-current=step] .punkt{border:2px solid var(--akzent)}@media (min-width:720px){.auftrag-fortschritt{grid-auto-columns:1fr;grid-auto-flow:column}.auftrag-fortschritt li{text-align:center;flex-direction:column;gap:6px;font-size:.875rem}}.auftrag-zeichnung{margin:0 0 16px}.auftrag-zeichnung figcaption{margin-bottom:6px}.zeichnung-flaeche{background:var(--flaeche-2);border-radius:var(--r-s);padding:8px}.zeichnung-flaeche svg{width:100%;height:auto;display:block}.nachrichten{gap:10px;margin:0 0 16px;padding:0;list-style:none;display:grid}.nachrichten li{background:var(--flaeche-2);border-radius:14px;gap:2px;max-width:88%;padding:10px 14px;display:grid}.nachrichten li[data-von=kunde]{background:#fff1e6;justify-self:end}.nachrichten .wer{color:var(--text-2);font-size:.75rem}.start-a{background:var(--flaeche-2);text-align:center;padding:36px 0 48px;overflow:hidden}.start-a-zeile{color:var(--akzent-lesbar,#a94300);letter-spacing:.01em;margin:0;font-size:.875rem;font-weight:600;animation:.7s both sb-rein}.start-a h1{letter-spacing:-.05em;margin:10px 0 0;font-size:clamp(2.75rem,12vw,5.5rem);font-weight:700;line-height:1}.start-a h1 .zeile{padding-bottom:.05em;display:block;overflow:hidden}.start-a h1 .zeile>span{animation:.9s cubic-bezier(.2,.8,.2,1) both sb-hoch;animation-delay:calc(.1s + var(--i) * .12s);display:inline-block}.start-a-unter{color:var(--text-2);margin:14px 0 0;font-size:1.1875rem;animation:.8s .4s both sb-rein}.gv-buehne{perspective:1100px;place-items:center;padding:44px 0 8px;animation:1s .5s both sb-ein;display:grid}.gv-schwebe{width:min(84vw,620px);transform-style:preserve-3d}.gv-schwebe[data-laeuft=true]{animation:7s ease-in-out infinite alternate gv-schweben}.gv-glas{aspect-ratio:2.4;transform-style:preserve-3d;border-radius:6px;position:relative;transform:rotateY(-20deg)rotateX(7deg);box-shadow:inset 0 1px #fff9,24px 36px 50px -24px #12141761}.gv-look{border-radius:inherit;opacity:0;background-position:50%;background-size:cover;transition:opacity .9s,transform 1.4s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:scale(1.04)}.gv-look[data-an=true]{opacity:1;transform:none}.gv-glas:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#ffffff57 0%,#0000 32% 70%,#ffffff24 100%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff73}.gv-glanz{border-radius:inherit;pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.gv-glanz:before{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:28%;animation:1.4s cubic-bezier(.5,0,.3,1) .15s both gv-glanz;position:absolute;top:-20%;bottom:-20%;left:-40%;transform:skew(-20deg)}.gv-kante{transform-origin:0;background:linear-gradient(90deg,#c4ddd3,#92b8a9 70%,#7ea495);border-radius:0 3px 3px 0;width:10px;position:absolute;top:2px;bottom:-2px;right:-10px;transform:skewY(-28deg)}.gv-schatten{filter:blur(4px);background:radial-gradient(closest-side,#12141738,#0000);width:78%;height:26px;margin:26px auto 0}@keyframes gv-schweben{0%{transform:translateY(0)rotateY(4deg)}to{transform:translateY(-10px)rotateY(-6deg)}}@keyframes gv-glanz{to{left:120%}}.gv-wahl{margin-top:18px;animation:.8s .7s both sb-rein}.gv-tupfer{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.gv-tupfer button{cursor:pointer;background-position:50%;background-size:cover;border:0;border-radius:50%;width:44px;height:44px;transition:transform .2s;box-shadow:inset 0 0 0 1px #1214171f}.gv-tupfer button:hover{transform:scale(1.08)}.gv-tupfer button[aria-checked=true]{outline:2px solid var(--text);outline-offset:3px}.gv-name{color:var(--text-2);justify-content:center;align-items:center;gap:8px;min-height:32px;margin:14px 0 0;font-size:.9375rem;display:flex}.gv-pause{border:1px solid var(--linie);background:var(--flaeche);width:32px;height:32px;color:var(--text-2);cursor:pointer;border-radius:50%;place-items:center;display:grid}.gv-cta{flex-direction:column;align-items:center;gap:12px;margin-top:26px;animation:.8s .85s both sb-rein;display:flex}.knopf.gv-knopf{background:var(--primaer);color:var(--primaer-text);border-color:var(--primaer);border-radius:999px;min-height:56px;padding:14px 38px;font-size:1.0625rem}.gv-preis{color:var(--text-2);font-size:.875rem}.start-schritte{text-align:center;grid-template-columns:repeat(3,1fr);gap:10px;margin:40px 0 8px;padding:0;list-style:none;display:grid}.start-schritte li{border-radius:var(--r-l);border:1px solid var(--linie);align-content:start;justify-items:center;gap:2px;padding:18px 10px;display:grid}.start-schritte .nr{background:var(--text);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;margin-bottom:8px;font-size:.875rem;font-weight:650;display:grid}.start-schritte strong{font-size:1rem}.start-schritte span:last-child{color:var(--text-2);font-size:.8125rem}.start-materialien{margin-top:44px}.start-materialien h2{letter-spacing:-.02em;font-size:1.5rem}@media (max-width:899px){.start-materialien .material-karten{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin:0 -16px;padding:4px 16px 12px;display:flex;overflow-x:auto}.start-materialien .material-karten::-webkit-scrollbar{display:none}.start-materialien .material-karte{scroll-snap-align:start;flex:0 0 64%}.start-materialien .material-karte .muster{aspect-ratio:4/3;height:auto}}.start-vertrauen{flex-wrap:wrap;justify-content:center;gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}.start-vertrauen li{border:1px solid var(--linie);border-radius:999px;padding:8px 14px;font-size:.875rem;font-weight:500}.start-vertrauen li:before{content:"✓  ";color:var(--akzent-lesbar,#a94300);font-weight:700}@supports (animation-timeline:view()){.start-schritte li{animation:linear both sb-rein;animation-timeline:view();animation-range:entry 10% cover 30%}}@keyframes sb-rein{0%{transform:translateY(28px)scale(.96)}to{transform:none}}@keyframes sb-hoch{0%{transform:translateY(105%)}to{transform:none}}@keyframes sb-ein{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (min-width:900px){.start-a{padding:44px 0 56px}.start-a h1{font-size:4.5rem}.gv-buehne{padding-top:28px}.gv-schwebe{width:480px}.gv-schatten{margin-top:18px}.start-schritte{gap:16px}.start-schritte li{padding:28px}}@media (prefers-reduced-motion:reduce){.start-a *,.start-schritte li{transition:none!important;animation:none!important}}.gutschein-zeile{align-items:flex-end;gap:8px;margin-top:16px;display:flex}.gutschein-zeile .feld{flex:1;margin:0}.gutschein-zeile .knopf{min-height:48px}.positionen tr.rabatt td{color:var(--ok,#1f7a3a);font-weight:600}.unterlagen-liste{gap:8px;margin:0;padding:0;list-style:none;display:grid}.unterlagen-liste a{border:1px solid var(--linie);border-radius:var(--r-s);padding:12px 14px;font-weight:500;text-decoration:none;display:block}.unterlagen-liste a:before{content:"↓  ";color:var(--text-2)}.meine-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.auftrags-liste{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.auftrags-liste .kopf{justify-content:space-between;align-items:center;gap:8px;display:flex}.auftrags-liste .knopfreihe form{display:inline}.tabelle-scroll{max-width:100%;overflow-x:auto}@media (max-width:899px){.bo-kopf .huelle{padding-top:6px;padding-bottom:6px}.bo-kopf .huelle>strong{flex:1}.bo-kopf nav{scrollbar-width:none;flex-wrap:nowrap;flex:1 0 100%;order:3;margin:0 -16px;padding:0 16px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.bo-kopf nav::-webkit-scrollbar{display:none}.bo-kopf nav a{white-space:nowrap}}.feldhinweis.gutschein-ok{color:var(--ok);font-weight:600}.liefer-optionen{border:0;gap:8px;margin:0;padding:0;display:grid}.liefer-option{border:1px solid var(--linie);border-radius:var(--r-s);cursor:pointer;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:14px;display:grid}.liefer-option:has(input:checked){border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.liefer-option[data-aus=true]{cursor:default;background:var(--flaeche-2)}.liefer-option input{width:20px;height:20px;accent-color:var(--text);margin-top:3px}.lo-text{gap:2px;font-size:.9375rem;display:grid}.lo-text>span{color:var(--text-2)}.lo-datum{font-weight:600;color:var(--ok)!important}.lo-grund{font-size:.875rem}.lo-preis{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:650}.widerrufe{background:#fff8ec;border-color:#f1c27d}.widerrufe ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.widerrufe li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.versand-tabelle{width:100%;margin:8px 0 12px}.versand-tabelle caption{text-align:left;margin-bottom:8px;font-weight:600}.versand-tabelle th,.versand-tabelle td{text-align:left;vertical-align:top;border-bottom:1px solid var(--linie);padding:10px 8px}.versand-tabelle th[scope=row]{font-weight:600}@media (max-width:599px){.versand-tabelle thead{display:none}.versand-tabelle tr{grid-template-columns:1fr auto;display:grid}.versand-tabelle th[scope=row]{border-bottom:0;grid-column:1/-1;padding-bottom:0}.versand-tabelle td:last-child{text-align:right;color:var(--text-2)}}.lieferart-block{background:var(--flaeche-2);margin-bottom:10px}.lieferart-block summary{cursor:pointer;list-style:none}.lieferart-block[open] summary{margin-bottom:8px}