@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/c7f47671e39f7787-s.3wn_q526zaolu.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/f06bf9da926bae75-s.p.3uuun_-7zsf1g.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/c7f47671e39f7787-s.3wn_q526zaolu.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/f06bf9da926bae75-s.p.3uuun_-7zsf1g.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/c7f47671e39f7787-s.3wn_q526zaolu.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/f06bf9da926bae75-s.p.3uuun_-7zsf1g.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Fallback;src:local(Arial);ascent-override:94.42%;descent-override:24.33%;line-gap-override:0.0%;size-adjust:102.74%}.NbWtKa_className{font-family:Instrument Sans,Instrument Sans Fallback;font-style:normal}.NbWtKa_variable{--font-instrument:"Instrument Sans", "Instrument Sans Fallback"}
:root{--bg:#fbfbf9;--flaeche:#fff;--fg:#141414;--fg2:#6f6f69;--rand:#e5e5e0;--akzent:#55705c;--buehne:#55705c;--buehne-text:#fbfbf9;--buehne-text2:#d5ded6;--fenster-aus:#e3e8e1;--fenster-an:#fdfdfb;--linie:#2a2a28;--schild:#fff;--rost:#b8533f;--senf:#b3903a;--salbei-stark:#55705c;--salbei-hell:#86a28d;--taube:#6b819a;--pflaume:#7a5670;--font:var(--font-instrument), "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:var(--font);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));font-size:15px;line-height:1.55}.seite{flex-direction:column;max-width:1280px;margin:0 auto;display:flex}header{justify-content:space-between;align-items:center;padding-block:22px;display:flex}.logo{letter-spacing:-.02em;font-size:26px;font-weight:600}.textknopf{font:inherit;color:var(--fg);cursor:pointer;background:0 0;border:0;padding:4px 0;font-weight:500}.hero{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:64px;padding-block:40px 72px;display:grid}.text{flex-direction:column;gap:24px;min-width:0;display:flex}h1{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(44px,6vw,72px);font-weight:600;line-height:1.02}h1 em{color:var(--akzent);font-style:normal}.lead{color:var(--fg2);max-width:34em;margin:0;font-size:17px}form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.feld{flex-direction:column;flex:240px;gap:6px;min-width:0;display:flex}label{font-size:14px;font-weight:500}input{font:inherit;border:1px solid var(--rand);background:var(--flaeche);color:var(--fg);border-radius:0;padding:12px 16px}input:focus-visible,button:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.knopf{font:inherit;background:var(--fg);color:var(--bg);cursor:pointer;border:0;padding:12px 24px;font-weight:500}.klein{color:var(--fg2);margin:0;font-size:13px}.auslage{background:var(--buehne);color:var(--buehne-text);flex-direction:column;gap:14px;min-width:0;padding:22px 24px 14px;display:flex}.profil{flex-wrap:wrap;align-items:center;gap:6px;min-height:28px;display:flex}.profil-label{color:var(--buehne-text2);margin-right:4px;font-size:12px}.chip{background:color-mix(in srgb, var(--buehne-text) 14%, transparent);color:var(--buehne-text);font-variant-numeric:tabular-nums;padding:4px 10px;font-size:12px;font-weight:500;transition:opacity .35s}.profil.wechselt .chip{opacity:0}.blick{margin-top:-6px;padding-top:6px;overflow:hidden}.spur{will-change:transform;gap:14px;display:flex}.fenster{aspect-ratio:2/3.3;background:var(--fenster-aus);flex:0 0 calc(33.3333% - 9.33333px);transition:background-color .9s,transform .9s;position:relative;overflow:hidden}.fenster.an{background:var(--fenster-an);transform:translateY(-4px)}.fenster svg{width:82%;height:74%;position:absolute;inset:11% 9% 15%;overflow:visible}.fenster svg *{fill:none;stroke:var(--linie);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.fenster svg .naht{stroke-width:1px;stroke-dasharray:2.5 3.5;opacity:.75}.fenster svg .falte{stroke-width:1px;opacity:.5}.fenster svg .punkt{fill:var(--linie);stroke:none}.fenster svg .holz{stroke-width:2.6px}.fenster svg .flaeche{stroke:none}.f-rost{fill:var(--rost)!important}.f-senf{fill:var(--senf)!important}.f-salbei{fill:var(--salbei-stark)!important}.f-salbei-hell{fill:var(--salbei-hell)!important}.f-taube{fill:var(--taube)!important}.f-pflaume{fill:var(--pflaume)!important}.s-rost{stroke:var(--rost)!important;stroke-width:2.4px!important}.s-pflaume{stroke:var(--pflaume)!important;stroke-width:2.2px!important}.fenster svg .loch{stroke-width:1.8px;stroke-dasharray:.01 4.5;opacity:.8}.zeichnen>:not(.spaet){stroke-dasharray:var(--l,1200);stroke-dashoffset:var(--l,1200);animation:2.2s cubic-bezier(.6,.1,.3,1) forwards zeichnen;animation-delay:var(--d,0s)}.zeichnen>.spaet{opacity:0;animation:1s forwards einblenden;animation-delay:var(--d,2s)}@keyframes zeichnen{to{stroke-dashoffset:0}}@keyframes einblenden{to{opacity:1}}.name{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:var(--fg2);padding-inline:6px;font-size:12px;font-weight:500;transition:color .9s;position:absolute;bottom:12px;left:0;right:0}.fenster.an .name{color:var(--fg)}.schild{transform-origin:10% 0;opacity:0;pointer-events:none;flex-direction:column;align-items:flex-start;transition:opacity .5s,transform .5s;display:flex;position:absolute;bottom:34px;right:6px;transform:translateY(10px)rotate(-6deg)}.schnur{background:var(--fg2);width:1px;height:14px;margin-left:12px}.etikett{background:var(--schild);border:1px solid var(--rand);font-variant-numeric:tabular-nums;flex-direction:column;gap:1px;padding:7px 10px 8px;display:flex}.etikett .rabatt{color:var(--akzent);letter-spacing:-.01em;font-size:17px;font-weight:600}.etikett .preis{color:var(--fg);font-size:12px;font-weight:500}.etikett .alt{color:var(--fg2);font-weight:400;text-decoration:line-through}.fenster.an .schild{opacity:1;animation:1.6s ease-out .3s backwards schwingen;transform:none}@keyframes schwingen{0%{transform:rotate(-9deg)}35%{transform:rotate(5deg)}65%{transform:rotate(-2deg)}to{transform:rotate(0)}}.steuerung{justify-content:flex-end;gap:4px;display:flex}.steuerung button{width:32px;height:32px;color:var(--buehne-text);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.steuerung button:hover{background:color-mix(in srgb, var(--buehne-text) 12%, transparent)}.steuerung svg{width:16px;height:16px}.schritte{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-block:24px 72px;display:grid}.schritte div{border-top:1px solid var(--fg);flex-direction:column;gap:6px;min-width:0;padding-top:16px;display:flex}.schritte h2{margin:0;font-size:15px;font-weight:500}.schritte p{color:var(--fg2);margin:0}footer{border-top:1px solid var(--rand);color:var(--fg2);gap:24px;padding-block:22px;font-size:13px;display:flex}@media (max-width:1180px){.etikett .alt{display:none}}@media (max-width:900px){.hero{grid-template-columns:minmax(0,1fr);gap:40px;padding-block:24px 48px}.schritte{grid-template-columns:minmax(0,1fr);gap:24px}}@media (max-width:480px){.auslage{padding:16px 14px 10px}.spur{gap:8px}.fenster{flex-basis:calc(33.3333% - 5.33333px)}.etikett{padding:5px 7px}.etikett .rabatt{font-size:14px}.schnur{height:8px}.schild{bottom:24px;right:4px}.name{letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;font-size:9px;bottom:8px;overflow:hidden}.etikett .preis{display:none}}@media (prefers-reduced-motion:reduce){.zeichnen>:not(.spaet){stroke-dashoffset:0;animation:none}.zeichnen>.spaet{opacity:1;animation:none}.fenster,.schild,.name,.chip{transition:none}.fenster.an .schild{animation:none}}html{-webkit-text-size-adjust:100%}a{color:inherit}footer a{text-decoration:none}footer a:hover{text-decoration:underline}.honig{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.knopf[disabled]{opacity:.6;cursor:progress}.hinweis-ok{color:var(--akzent)}.hinweis-fehler{color:#b3261e}.rechtlich{flex-direction:column;gap:16px;max-width:42em;padding-block:24px 72px;display:flex}.rechtlich h1{font-size:40px}.rechtlich h2{margin:16px 0 0;font-size:18px;font-weight:500}.rechtlich p,.rechtlich li{color:var(--fg2);margin:0}.platzhalter{color:var(--fg);background:#e0796f2e;padding:0 4px}.einladung{flex-direction:column;gap:12px;display:flex;position:relative}.einladung .klein{min-height:1.55em}.einladung .verdeckt{visibility:hidden}.einladung-ok{margin:0;position:absolute;top:0;left:0;right:0}.einladung-flaeche{display:grid}.einladung-flaeche>form{grid-area:1/1}.code-eingabe{letter-spacing:.3em;font-variant-numeric:tabular-nums;text-transform:uppercase}.code-eingabe::placeholder{letter-spacing:.3em}.wechsel{color:var(--fg2);text-underline-offset:3px;font-size:13px;text-decoration:underline}.kopf-link{color:var(--fg);font-size:14px;font-weight:500;text-decoration:none}.kopf-link:hover{text-underline-offset:3px;text-decoration:underline}.schmal{flex-direction:column;gap:20px;max-width:440px;padding-block:48px 96px;display:flex}.seitentitel{font-size:clamp(36px,5vw,48px)}form.stapel{flex-direction:column;align-items:stretch;gap:18px}.stapel .feld{flex:none}.stapel .klein.hinweis-fehler{min-height:1.55em}.feld-kopf{justify-content:space-between;align-items:baseline;display:flex}