[data-bereich=offen]{--grund:#f4f4f0;--papier:#fbfbf9;--kachel:#eae9e4;--kachel-2:#e1e0da;--ink:#16171a;--ink-2:#45464b;--ink-3:#66686e;--linie:#d9d8d2;--gut:#1f6b43;--achtung:#8a5a00;--fehler:#b3261e;--marke:#f2b705;--auf-marke:#16171a;--text:var(--schrift-text),system-ui,-apple-system,"Segoe UI",sans-serif;--anzeige:var(--schrift-titel),var(--schrift-text),system-ui,sans-serif;--mono:var(--schrift-mono),ui-monospace,"Cascadia Mono",Menlo,Consolas,monospace;--ease:cubic-bezier(.2,.9,.2,1);--rand:clamp(18px,4vw,56px);--kopf-h:76px}[data-bereich=offen] *,[data-bereich=offen] :before,[data-bereich=offen] :after{box-sizing:border-box}[data-bereich=offen] [hidden]{display:none!important}[data-bereich=offen]{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--kopf-h) + 12px);font:400 16.5px/1.55 var(--text);color:var(--ink);background:var(--grund);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}[data-bereich=offen] img{max-width:100%;display:block}[data-bereich=offen] button,[data-bereich=offen] input,[data-bereich=offen] select,[data-bereich=offen] textarea{font:inherit;color:inherit}[data-bereich=offen] button{cursor:pointer}[data-bereich=offen] a{color:inherit}[data-bereich=offen] :focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}[data-bereich=offen] .vh{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-bereich=offen] ::selection{background:var(--ink);color:#fff}[data-bereich=offen]{scrollbar-color:var(--kachel-2)transparent}[data-bereich=offen] input,[data-bereich=offen] textarea{caret-color:var(--ink)}[data-bereich=offen] h1,[data-bereich=offen] h2,[data-bereich=offen] .titel,[data-bereich=offen] .budget-zahl b,[data-bereich=offen] .gross .kachel .text b,[data-bereich=offen] .preis-zeile b,[data-bereich=offen] .buehne-bild .gross-name,[data-bereich=offen] .logo b{font-family:var(--anzeige)}[data-bereich=offen] .mono{font-family:var(--mono);letter-spacing:0}[data-bereich=offen] .zahl{font-variant-numeric:tabular-nums;letter-spacing:0}[data-bereich=offen] .etikett{font:600 .84rem/1.3 var(--text);color:var(--ink-3);margin:0 0 10px}[data-bereich=offen] .markiert{text-decoration:underline;-webkit-text-decoration-color:var(--marke);text-decoration-color:var(--marke);text-underline-offset:.1em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.08em}[data-bereich=offen] .unterstrichen{text-decoration:underline;-webkit-text-decoration-color:var(--marke);text-decoration-color:var(--marke);text-underline-offset:4px;text-decoration-thickness:3px}[data-bereich=offen] .btn{min-height:48px;transition:background-color .2s,border-color .2s,transform .2s var(--ease);white-space:nowrap;border:1px solid transparent;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}[data-bereich=offen] .btn:active{transform:scale(.98)}[data-bereich=offen] .btn-haupt{background:var(--marke);color:var(--auf-marke)}[data-bereich=offen] .btn-haupt:hover{background:color-mix(in srgb,var(--marke)86%,var(--ink))}[data-bereich=offen] .btn-dunkel{background:var(--ink);color:#fff}[data-bereich=offen] .btn-dunkel:hover{background:#2b2d31}[data-bereich=offen] .btn-rand{border-color:var(--linie);color:var(--ink);background:0 0}[data-bereich=offen] .btn-rand:hover{border-color:var(--ink)}[data-bereich=offen] .btn-leise{min-height:0;text-decoration:underline;-webkit-text-decoration-color:var(--marke);text-decoration-color:var(--marke);text-underline-offset:4px;background:0 0;border:0;padding:0;font-weight:600;text-decoration-thickness:3px}[data-bereich=offen] .btn[disabled],[data-bereich=offen] .btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}[data-bereich=offen] .btn-breit{width:100%}[data-bereich=offen] .btn svg{flex:none;width:18px;height:18px}[data-bereich=offen] .laedt:before{content:"";border:2px solid;border-right-color:transparent;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite offen-drehen}@keyframes offen-drehen{to{transform:rotate(360deg)}}[data-bereich=offen] .icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}[data-bereich=offen] .kopf{z-index:40;background:color-mix(in srgb,var(--grund)92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--linie);position:-webkit-sticky;position:sticky;top:0}[data-bereich=offen] .kopf-in{height:var(--kopf-h);padding:0 var(--rand);align-items:center;gap:28px;max-width:1600px;margin:0 auto;display:flex}[data-bereich=offen] .logo{align-items:center;gap:12px;min-width:0;text-decoration:none;display:flex}[data-bereich=offen] .logo img{flex:none;width:34px;height:34px}[data-bereich=offen] .logo b{letter-spacing:-.01em;white-space:nowrap;font-size:1.02rem;font-weight:650}[data-bereich=offen] .logo small{font:500 .74rem/1.2 var(--text);color:var(--ink-3);white-space:nowrap;display:block}[data-bereich=offen] .kopf .kat-nav{gap:4px;display:flex}[data-bereich=offen] .kopf .kat-nav a{color:var(--ink-2);white-space:nowrap;border-radius:999px;padding:10px 14px;font-size:.93rem;font-weight:600;text-decoration:none;position:relative}[data-bereich=offen] .kopf .kat-nav a:hover{color:var(--ink);background:var(--kachel)}[data-bereich=offen] .kopf .kat-nav a[aria-current=page]{color:var(--ink)}[data-bereich=offen] .kopf .kat-nav a[aria-current=page]:after{content:"";background:var(--marke);border-radius:3px;height:3px;position:absolute;bottom:4px;left:14px;right:14px}[data-bereich=offen] .kopf .kat-nav a em{font:700 .7rem/18px var(--text);background:var(--ink);color:#fff;text-align:center;border-radius:999px;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-style:normal;display:inline-block}[data-bereich=offen] .kopf-rechts{align-items:center;gap:10px;margin-left:auto;display:flex}[data-bereich=offen] .pille{border:1px solid var(--linie);background:var(--papier);white-space:nowrap;border-radius:999px;align-items:center;gap:12px;height:44px;padding:0 16px;font-size:.9rem;font-weight:600;display:flex}[data-bereich=offen] .pille:hover{border-color:var(--ink)}[data-bereich=offen] .pille .mini{width:72px}[data-bereich=offen] .rund{border:1px solid var(--linie);background:var(--papier);border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:relative}[data-bereich=offen] .rund:hover{border-color:var(--ink)}[data-bereich=offen] .rund em{background:var(--marke);min-width:20px;height:20px;color:var(--auf-marke);font:700 .72rem/20px var(--text);text-align:center;box-shadow:0 0 0 2px var(--grund);transition:transform .35s var(--ease);border-radius:999px;padding:0 5px;font-style:normal;position:absolute;top:-5px;right:-5px;transform:scale(0)}[data-bereich=offen] .rund em.an{transform:scale(1)}[data-bereich=offen] .rund.hupf{animation:offen-hupf .5s var(--ease)}@keyframes offen-hupf{30%{transform:scale(1.12)}}[data-bereich=offen] .kuerzel{background:var(--ink);color:#fff;width:34px;height:34px;font:700 .76rem/1 var(--text);border-radius:50%;flex:none;place-items:center;display:grid}[data-bereich=offen] .konto-knopf{border:1px solid var(--linie);background:var(--papier);white-space:nowrap;border-radius:999px;align-items:center;gap:9px;height:44px;padding:0 16px 0 5px;font-size:.9rem;font-weight:600;display:flex}[data-bereich=offen] .konto-knopf:hover{border-color:var(--ink)}[data-bereich=offen] .balken{gap:3px;height:10px;display:flex}[data-bereich=offen] .balken i{height:100%;transition:flex-grow .6s var(--ease),opacity .3s;border-radius:3px;min-width:0;display:block}[data-bereich=offen] .balken .b-bestellt{background:var(--ink)}[data-bereich=offen] .balken .b-korb{background:repeating-linear-gradient(135deg,var(--ink)0 2px,transparent 2px 5px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink)30%,transparent)}[data-bereich=offen] .balken .b-frei{background:var(--marke);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink)14%,transparent)}[data-bereich=offen] .balken .b-ueber{background:repeating-linear-gradient(135deg,var(--fehler)0 2px,transparent 2px 5px);box-shadow:inset 0 0 0 1px var(--fehler)}[data-bereich=offen] .balken i[data-leer]{display:none}[data-bereich=offen] .mini.balken{gap:2px;height:5px}[data-bereich=offen] .legende{flex-wrap:wrap;gap:6px 20px;margin:14px 0 0;padding:0;font-size:.82rem;display:flex}[data-bereich=offen] .legende div{align-items:baseline;gap:8px;display:flex}[data-bereich=offen] .legende dt{color:var(--ink-3);align-items:center;gap:7px;display:flex}[data-bereich=offen] .legende dt i{border-radius:2px;width:10px;height:10px;display:block}[data-bereich=offen] .legende dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}[data-bereich=offen] main{max-width:1600px;padding:0 var(--rand)96px;margin:0 auto}[data-bereich=offen] .sek{padding-top:max(56px,min(7vw,104px))}[data-bereich=offen] .sek-kopf{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 40px;margin-bottom:max(24px,min(3vw,40px));display:flex}[data-bereich=offen] .sek-kopf h2{letter-spacing:-.035em;margin:0;font-size:max(2rem,min(4.2vw,3.6rem));font-weight:400;line-height:1}[data-bereich=offen] .sek-kopf h2 b{font-weight:600}[data-bereich=offen] .sek-kopf p:not(.etikett){max-width:34em;color:var(--ink-2);margin:0}[data-bereich=offen] .titel{letter-spacing:-.04em;margin:0;font-size:max(2.4rem,min(5.4vw,4.8rem));font-weight:400;line-height:.98}[data-bereich=offen] .titel b{font-weight:600}[data-bereich=offen] .gruss{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:end;gap:40px max(32px,min(6vw,110px));padding-top:max(40px,min(6vw,88px));display:grid}[data-bereich=offen] .gruss h1{letter-spacing:-.04em;margin:0;font-size:max(2.8rem,min(6vw,5.6rem));font-weight:400;line-height:.95}[data-bereich=offen] .gruss h1 b{font-weight:700}[data-bereich=offen] .gruss .lead{color:var(--ink-2);max-width:30em;margin:26px 0 0;font-size:1.12rem}[data-bereich=offen] .gruss .fakten{flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none;display:flex}[data-bereich=offen] .gruss .fakten li{background:var(--kachel);border-radius:999px;padding:6px 13px;font-size:.84rem;font-weight:600}[data-bereich=offen] .karte{background:var(--papier);box-shadow:0 1px 0 var(--linie),0 30px 60px -46px rgba(0,0,0,.35);border-radius:22px;padding:26px 28px}[data-bereich=offen] .budget-zahl{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}[data-bereich=offen] .budget-zahl b{letter-spacing:-.04em;font-size:max(2.8rem,min(5vw,4.2rem));font-weight:400;line-height:1}[data-bereich=offen] .budget-zahl span{color:var(--ink-3)}[data-bereich=offen] .karte .balken{margin:22px 0 0}[data-bereich=offen] .toepfe{border-top:1px solid var(--linie);gap:10px;margin:20px 0 0;padding:16px 0 0;font-size:.88rem;list-style:none;display:grid}[data-bereich=offen] .toepfe li{grid-template-columns:1fr auto;align-items:baseline;gap:2px 12px;display:grid}[data-bereich=offen] .toepfe li small{color:var(--ink-3);grid-column:1/-1;font-size:.78rem}[data-bereich=offen] .toepfe .zahl{font-weight:600}[data-bereich=offen] .stueck-punkte{vertical-align:1px;gap:4px;margin-left:8px;display:inline-flex}[data-bereich=offen] .stueck-punkte i{background:var(--ink);border-radius:50%;width:9px;height:9px}[data-bereich=offen] .stueck-punkte i.frei{background:var(--marke);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink)25%,transparent)}[data-bereich=offen] .karte-fuss{color:var(--ink-3);margin:16px 0 0;font-size:.82rem}[data-bereich=offen] .fenster-zeit{margin:20px 0 0}[data-bereich=offen] .fenster-zeit .balken{margin:10px 0 8px}[data-bereich=offen] .starter{background:var(--kachel);border-radius:28px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:28px max(24px,min(4vw,64px));margin-top:max(40px,min(5vw,72px));padding:max(24px,min(3.4vw,48px));display:grid}[data-bereich=offen] .starter h2{letter-spacing:-.035em;margin:0;font-size:max(2rem,min(3.6vw,3.2rem));font-weight:400;line-height:1}[data-bereich=offen] .starter h2 b{font-weight:600}[data-bereich=offen] .starter>div>p:not(.etikett){color:var(--ink-2);max-width:28em;margin:16px 0 22px}[data-bereich=offen] .starter-teile{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}[data-bereich=offen] .starter-teil{background:var(--papier);box-shadow:0 1px 0 var(--linie),0 18px 36px -30px rgba(0,0,0,.35);transition:box-shadow .35s var(--ease),transform .35s var(--ease);border-radius:20px;flex-direction:column;gap:10px;padding:8px 8px 14px;display:flex;position:relative}[data-bereich=offen] .starter-teil:has(.starter-ansehen:hover){box-shadow:0 1px 0 var(--linie),0 26px 44px -30px rgba(0,0,0,.45);transform:translateY(-3px)}[data-bereich=offen] .starter-ansehen{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:14px;gap:10px;padding:0;display:grid}[data-bereich=offen] .starter-ansehen:focus-visible{outline:3px solid var(--ink);outline-offset:3px}[data-bereich=offen] .starter-teil .bild{aspect-ratio:1;background:var(--kachel);border-radius:14px;grid-template-rows:minmax(0,1fr);place-items:end center;padding:14% 10% 8%;display:grid;overflow:hidden}[data-bereich=offen] .starter-teil .bild :-webkit-any(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;transition:transform .5s var(--ease)}[data-bereich=offen] .starter-teil .bild :-moz-any(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;transition:transform .5s var(--ease)}[data-bereich=offen] .starter-teil .bild :is(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;transition:transform .5s var(--ease)}[data-bereich=offen] .starter-teil[data-kat=Accessoires] .bild :-webkit-any(img,.mit-druck){transform-origin:50% 100%;scale:.7}[data-bereich=offen] .starter-teil[data-kat=Accessoires] .bild :-moz-any(img,.mit-druck){transform-origin:50% 100%;scale:.7}[data-bereich=offen] .starter-teil[data-kat=Accessoires] .bild :is(img,.mit-druck){transform-origin:50% 100%;scale:.7}[data-bereich=offen] .starter-ansehen:hover .bild :-webkit-any(img,.mit-druck){transform:translateY(-3%)scale(1.03)}[data-bereich=offen] .starter-ansehen:hover .bild :-moz-any(img,.mit-druck){transform:translateY(-3%)scale(1.03)}[data-bereich=offen] .starter-ansehen:hover .bild :is(img,.mit-druck){transform:translateY(-3%)scale(1.03)}[data-bereich=offen] .starter-pfeil{background:var(--papier);opacity:0;width:32px;height:32px;transition:opacity .25s var(--ease),transform .25s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:16px;transform:translateY(4px);box-shadow:0 6px 14px -8px rgba(0,0,0,.45)}[data-bereich=offen] .starter-pfeil .icon{width:15px;height:15px}[data-bereich=offen] .starter-ansehen:-webkit-any(:hover,:focus-visible) .starter-pfeil{opacity:1;transform:none}[data-bereich=offen] .starter-ansehen:-moz-any(:hover,:focus-visible) .starter-pfeil{opacity:1;transform:none}[data-bereich=offen] .starter-ansehen:is(:hover,:focus-visible) .starter-pfeil{opacity:1;transform:none}[data-bereich=offen] .starter-name{gap:2px;padding:0 6px;display:grid}[data-bereich=offen] .starter-name b{font-size:.95rem;font-weight:600;line-height:1.25}[data-bereich=offen] .starter-name small{color:var(--ink-3);font-size:.78rem}[data-bereich=offen] .starter-gr{gap:4px;margin-top:auto;padding:0 6px;display:grid}[data-bereich=offen] .starter-gr>span{color:var(--ink-3);font-size:.74rem}[data-bereich=offen] .starter-gr select,[data-bereich=offen] .starter-gr.fest b{border:1px solid var(--linie);width:100%;height:40px;font:600 .88rem var(--text);color:var(--ink);background:#fff;border-radius:999px;padding:0 14px}[data-bereich=offen] .starter-gr.fest b{background:var(--kachel);border-color:transparent;align-items:center;display:flex}[data-bereich=offen] .starter-hinweis{min-height:18px;color:var(--ink-3);align-items:center;gap:5px;padding:0 6px;font-size:.74rem;line-height:1.35;display:flex}[data-bereich=offen] .starter-hinweis .icon{width:14px;height:14px;color:var(--gut);flex:none}[data-bereich=offen] .starter-hinweis a{color:var(--ink-2);text-underline-offset:3px;text-decoration:underline}[data-bereich=offen] .starter-fertig{align-items:center;gap:12px;font-weight:600;display:flex}[data-bereich=offen] .starter-fertig-zeile{background:var(--papier);box-shadow:inset 0 0 0 1px var(--linie);border-radius:18px;align-items:center;gap:14px;margin-top:max(28px,min(4vw,48px));padding:16px 22px;display:flex}[data-bereich=offen] .starter-fertig-zeile svg{width:22px;height:22px;color:var(--gut);flex:none}[data-bereich=offen] .starter-fertig-zeile p{color:var(--ink-2);margin:0}[data-bereich=offen] .starter-fertig-zeile b{color:var(--ink)}[data-bereich=offen] .starter .klein{color:var(--ink-2)}[data-bereich=offen] .starter-fertig .icon{color:var(--gut);width:24px;height:24px}[data-bereich=offen] .pool{border:1.5px dashed var(--linie);border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:16px 28px;margin-top:20px;padding:18px 22px;display:grid}[data-bereich=offen] .pool h3{margin:0;font-size:1rem}[data-bereich=offen] .pool p{color:var(--ink-3);max-width:26em;margin:2px 0 0;font-size:.85rem}[data-bereich=offen] .pool ul{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin:0;padding:0;list-style:none;display:flex}[data-bereich=offen] .pool li button{border:1px solid var(--linie);background:var(--papier);border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 6px;font-size:.84rem;font-weight:600;display:flex}[data-bereich=offen] .pool li button:hover{border-color:var(--ink)}[data-bereich=offen] .pool li img{background:var(--kachel);object-fit:contain;mix-blend-mode:multiply;border-radius:50%;width:36px;height:36px;padding:3px}[data-bereich=offen] .pool li small{font:500 .74rem var(--mono);color:var(--ink-3)}[data-bereich=offen] .satz{letter-spacing:-.025em;color:var(--ink-2);max-width:30em;margin:0 0 18px;font-size:max(1.4rem,min(2.8vw,2.4rem));font-weight:400;line-height:1.35}[data-bereich=offen] .satz select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(var(--marke),var(--marke))no-repeat left bottom/calc(100% - 1em)3px,transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2 4 4 4 4-4' fill='none' stroke='%2316171a' stroke-width='2'/%3E%3C/svg%3E") no-repeat right .08em center/.5em;color:var(--ink);cursor:pointer;field-sizing:content;border:0;border-radius:0;padding:0 1em 0 0;font-weight:650;line-height:1.15}[data-bereich=offen] .satz select:focus-visible{outline:3px solid var(--ink);outline-offset:4px}[data-bereich=offen] .filter-zeile{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:max(24px,min(3vw,36px));font-size:.9rem;display:flex}[data-bereich=offen] .schalter{cursor:pointer;align-items:center;gap:10px;font-weight:600;display:inline-flex}[data-bereich=offen] .schalter input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--kachel-2);cursor:pointer;border-radius:999px;width:40px;height:24px;margin:0;transition:background .2s;position:relative}[data-bereich=offen] .schalter input:after{content:"";width:18px;height:18px;transition:transform .25s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px rgba(0,0,0,.25)}[data-bereich=offen] .schalter input:checked{background:var(--ink)}[data-bereich=offen] .schalter input:checked:after{transform:translate(16px)}[data-bereich=offen] .filter-zeile .anzahl{color:var(--ink-3);margin-left:auto}[data-bereich=offen] .raster{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:16px;margin:0;padding:0;list-style:none;display:grid}[data-bereich=offen] .raster>li.gross{grid-area:span 2/span 2}[data-bereich=offen] .kachel{height:100%;position:relative}[data-bereich=offen] .kachel>a{background:var(--kachel);height:100%;min-height:340px;transition:transform .45s var(--ease),box-shadow .45s var(--ease);border-radius:22px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}[data-bereich=offen] .kachel>a:hover{transform:translateY(-4px);box-shadow:0 30px 50px -40px rgba(0,0,0,.5)}[data-bereich=offen] .kachel .bild{flex:1;place-items:center;min-height:220px;padding:9% 12% 3%;display:grid;position:relative}[data-bereich=offen] .kachel .bild :-webkit-any(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;max-height:440px;transition:transform .8s var(--ease)}[data-bereich=offen] .kachel .bild :-moz-any(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;max-height:440px;transition:transform .8s var(--ease)}[data-bereich=offen] .kachel .bild :is(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;max-height:440px;transition:transform .8s var(--ease)}[data-bereich=offen] .kachel>a:hover .bild :-webkit-any(img,.mit-druck){transform:scale(1.04)rotate(-1deg)}[data-bereich=offen] .kachel>a:hover .bild :-moz-any(img,.mit-druck){transform:scale(1.04)rotate(-1deg)}[data-bereich=offen] .kachel>a:hover .bild :is(img,.mit-druck){transform:scale(1.04)rotate(-1deg)}[data-bereich=offen] .kachel .oben{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;top:14px;left:14px;right:14px}[data-bereich=offen] .marke-tag,[data-bereich=offen] .stand-tag{font:600 .74rem/1.2 var(--text);border-radius:999px;padding:5px 11px}[data-bereich=offen] .marke-tag{color:var(--ink-2);background:rgba(255,255,255,.85)}[data-bereich=offen] .stand-tag{background:var(--papier);color:var(--ink);align-items:center;gap:6px;display:inline-flex}[data-bereich=offen] .stand-tag:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}[data-bereich=offen] .stand-tag[data-art=passt]:before{background:var(--marke);box-shadow:0 0 0 1px color-mix(in srgb,var(--ink)30%,transparent)}[data-bereich=offen] .stand-tag[data-art=freigabe]{color:var(--achtung)}[data-bereich=offen] .stand-tag[data-art=eigen]{color:var(--ink-2)}[data-bereich=offen] .stand-tag[data-art=zu]{color:var(--ink-3)}[data-bereich=offen] .stand-tag.neu{animation:offen-tagNeu .5s var(--ease)}@keyframes offen-tagNeu{0%{opacity:0;transform:translateY(-4px)}}[data-bereich=offen] .kachel .text{justify-content:space-between;align-items:flex-end;gap:12px;padding:0 18px 18px;display:flex}[data-bereich=offen] .kachel .text b{font-size:1.02rem;font-weight:600;line-height:1.25;display:block}[data-bereich=offen] .kachel .text small{color:var(--ink-3);margin-top:2px;font-size:.8rem;display:block}[data-bereich=offen] .kachel .preis{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.92rem;font-weight:600}[data-bereich=offen] .kachel .preis small{font-family:var(--text);font-weight:500}[data-bereich=offen] .gross .kachel .text b{letter-spacing:-.04em;font-size:max(1.6rem,min(2.4vw,2.3rem));font-weight:400;line-height:1}[data-bereich=offen] .farbpunkte{gap:4px;margin-top:8px;display:flex}[data-bereich=offen] .farbpunkte i{border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}[data-bereich=offen] .mit-namen{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--marke);text-decoration-color:var(--marke);text-underline-offset:4px;white-space:nowrap;margin-top:6px;font-size:.76rem;font-weight:600;text-decoration-thickness:3px;display:inline-block}[data-bereich=offen] .kachel{container-type:inline-size}[data-bereich=offen] .marke-tag,[data-bereich=offen] .stand-tag{white-space:nowrap}@container (width<=360px){[data-bereich=offen] .kachel .text{flex-direction:column;align-items:flex-start;gap:6px}[data-bereich=offen] .kachel .preis{text-align:left;white-space:normal}[data-bereich=offen] .kachel .preis small{margin-left:6px;display:inline}[data-bereich=offen] .kachel .preis br{display:none}}@container (width<=300px){[data-bereich=offen] .kachel .oben{flex-direction:column;align-items:flex-start;gap:4px}[data-bereich=offen] .kachel .text{padding:0 14px 14px}}[data-bereich=offen] .leer{text-align:center;border:1.5px dashed var(--linie);color:var(--ink-2);border-radius:22px;grid-column:1/-1;padding:56px 24px}[data-bereich=offen] .leer h3{color:var(--ink);margin:0 0 6px;font-size:1.15rem}[data-bereich=offen] .leer p{margin:0 0 16px}[data-bereich=offen] .band{background:var(--papier);box-shadow:inset 0 0 0 1px var(--linie);border-radius:16px;align-items:flex-start;gap:14px;padding:14px 18px;font-size:.9rem;display:flex}[data-bereich=offen] .band .icon{margin-top:1px}[data-bereich=offen] .band b{display:block}[data-bereich=offen] .band.achtung>.icon{color:var(--achtung)}[data-bereich=offen] .band.fehler>.icon{color:var(--fehler)}[data-bereich=offen] .band.gut>.icon{color:var(--gut)}[data-bereich=offen] .band p{color:var(--ink-2);margin:2px 0 0}[data-bereich=offen] .band-aktion{flex:none;margin-left:auto}[data-bereich=offen] dialog{color:var(--ink);background:var(--grund);border:0;max-width:none;max-height:none;padding:0}[data-bereich=offen] dialog::backdrop{background:rgba(14,15,17,.48)}[data-bereich=offen] dialog[open]{animation:offen-auf .35s var(--ease)}[data-bereich=offen] dialog:not([open]){display:none!important}@keyframes offen-auf{0%{opacity:0}}[data-bereich=offen] .schublade{flex-direction:column;width:min(480px,100vw);height:100dvh;margin:0 0 0 auto;display:flex}[data-bereich=offen] .schublade[open]{animation:offen-rein .45s var(--ease)}@keyframes offen-rein{0%{opacity:0;transform:translate(40px)}}[data-bereich=offen] .schublade-kopf{border-bottom:1px solid var(--linie);justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}[data-bereich=offen] .schublade-kopf h2{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:1.3rem;font-weight:600;display:flex}[data-bereich=offen] .schublade-kopf h2 span{font:700 .72rem/22px var(--mono);background:var(--marke);min-width:22px;height:22px;color:var(--auf-marke);text-align:center;border-radius:999px;padding:0 7px}[data-bereich=offen] .schublade-inhalt{overscroll-behavior:contain;flex:1;padding:20px 24px;overflow-y:auto}[data-bereich=offen] .schublade-fuss{border-top:1px solid var(--linie);background:var(--papier);padding:18px 24px 22px}[data-bereich=offen] .korb-ziel{border-top:1px solid var(--linie);margin-top:18px;padding-top:18px}[data-bereich=offen] .feld.ziel select{min-height:44px}[data-bereich=offen] .feld.ziel small{font-size:.78rem}[data-bereich=offen] .zu{border:1px solid var(--linie);background:var(--papier);border-radius:50%;flex:none;place-items:center;width:42px;height:42px;padding:0;display:grid}[data-bereich=offen] .zu:hover{border-color:var(--ink)}[data-bereich=offen] .zu .icon{width:16px;height:16px}[data-bereich=offen] .pos{border-bottom:1px solid var(--linie);grid-template-columns:84px 1fr;gap:16px;margin-bottom:18px;padding-bottom:18px;display:grid}[data-bereich=offen] .pos .bild{background:var(--kachel);border-radius:12px;width:84px;height:96px;padding:8px}[data-bereich=offen] .pos :-webkit-any(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .pos :-moz-any(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .pos :is(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .pos-zeile{justify-content:space-between;align-items:baseline;gap:12px;display:flex}[data-bereich=offen] .pos-zeile b{font-size:.98rem;font-weight:600}[data-bereich=offen] .pos small{color:var(--ink-3);margin-top:2px;font-size:.8rem;display:block}[data-bereich=offen] .pos .name{color:var(--ink);width:-moz-fit-content;width:fit-content;text-decoration:underline;-webkit-text-decoration-color:var(--marke);text-decoration-color:var(--marke);text-underline-offset:4px;font-weight:600;text-decoration-thickness:3px}[data-bereich=offen] .pos-steuer{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}[data-bereich=offen] .wahl{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--linie);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2 4 4 4 4-4' fill='none' stroke='%2316171a' stroke-width='1.6'/%3E%3C/svg%3E") right 10px center/10px no-repeat;border-radius:999px;height:34px;padding:0 28px 0 12px;font-size:.8rem;font-weight:600}[data-bereich=offen] .menge{border:1px solid var(--linie);background:#fff;border-radius:999px;align-items:center;height:34px;display:inline-flex}[data-bereich=offen] .menge button{background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid}[data-bereich=offen] .menge button:hover{background:var(--kachel)}[data-bereich=offen] .menge .icon{width:14px;height:14px}[data-bereich=offen] .menge output{text-align:center;min-width:20px;font:600 .82rem var(--mono)}[data-bereich=offen] .raus{color:var(--ink-3);text-underline-offset:3px;background:0 0;border:0;margin-left:auto;padding:6px 0;font-size:.8rem;text-decoration:underline}[data-bereich=offen] .raus:hover{color:var(--ink)}[data-bereich=offen] .pos-hinweis{color:var(--achtung);align-items:baseline;gap:6px;margin:8px 0 0;font-size:.78rem;display:flex}[data-bereich=offen] .pos-hinweis.fehler{color:var(--fehler);font-weight:600}[data-bereich=offen] .pos-tag{background:var(--kachel);border-radius:999px;margin-top:6px;padding:3px 9px;font-size:.72rem;font-weight:600;display:inline-block}[data-bereich=offen] .feld{gap:6px;font-size:.84rem;font-weight:600;display:grid}[data-bereich=offen] .feld>span small,[data-bereich=offen] .feld>small{color:var(--ink-3);font-weight:500}[data-bereich=offen] .feld input,[data-bereich=offen] .feld select,[data-bereich=offen] .feld textarea{border:1px solid var(--linie);background:#fff;border-radius:12px;width:100%;min-height:46px;padding:11px 14px;font-size:.95rem;font-weight:500}[data-bereich=offen] .feld textarea{resize:vertical;min-height:88px}[data-bereich=offen] .feld input:focus,[data-bereich=offen] .feld select:focus,[data-bereich=offen] .feld textarea:focus{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);outline:none}[data-bereich=offen] .feld .fehlertext{color:var(--fehler);font-size:.8rem;font-weight:600}[data-bereich=offen] .feld input[aria-invalid=true]{border-color:var(--fehler)}[data-bereich=offen] .zeile{justify-content:space-between;gap:12px;margin:6px 0;font-size:.9rem;display:flex}[data-bereich=offen] .zeile.gesamt{border-top:1px solid var(--linie);margin-top:12px;padding-top:12px;font-size:1.05rem;font-weight:600}[data-bereich=offen] .zeile .zahl{font-weight:600}[data-bereich=offen] .klein{color:var(--ink-3);margin:10px 0 0;font-size:.8rem;line-height:1.5}[data-bereich=offen] .ziele{border:0;gap:8px;margin:0 0 16px;padding:0;display:grid}[data-bereich=offen] .ziele legend{color:var(--ink-2);margin-bottom:8px;padding:0;font-size:.8rem;font-weight:600}[data-bereich=offen] .ziele label{border:1px solid var(--linie);cursor:pointer;background:#fff;border-radius:14px;grid-template-columns:20px 1fr auto;align-items:start;gap:10px;padding:11px 13px;font-size:.88rem;display:grid}[data-bereich=offen] .ziele label:has(:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}[data-bereich=offen] .ziele input{width:17px;height:17px;accent-color:var(--ink);margin:3px 0 0}[data-bereich=offen] .ziele small{color:var(--ink-3);font-size:.78rem;display:block}[data-bereich=offen] .ziele em{background:var(--kachel);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:.74rem;font-style:normal;font-weight:600}[data-bereich=offen] .buehne{background:var(--grund);grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);width:100vw;height:100dvh;margin:0;display:grid}[data-bereich=offen] .buehne-bild{background:radial-gradient(ellipse 60% 55% at 50% 50%,#f7f6f3,var(--kachel));place-items:center;display:grid;position:relative;overflow:hidden}[data-bereich=offen] .buehne-bild .haupt{object-fit:contain;mix-blend-mode:multiply;width:min(78%,720px);height:78%;transition:opacity .25s}[data-bereich=offen] .buehne-bild .gross-name{left:var(--rand);letter-spacing:-.04em;color:var(--ink);opacity:.06;pointer-events:none;max-width:80%;font-size:max(2.6rem,min(6vw,6rem));font-weight:600;line-height:.9;position:absolute;top:28px}[data-bereich=offen] .platz{width:0;height:0;position:absolute;top:50%;left:50%}[data-bereich=offen] .platz span{background:var(--marke);width:30px;height:30px;color:var(--auf-marke);font:700 .7rem var(--mono);box-shadow:0 0 0 4px var(--papier);border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}[data-bereich=offen] .platz-legende{left:var(--rand);flex-wrap:wrap;gap:8px;display:flex;position:absolute;bottom:24px}[data-bereich=offen] .platz-legende li{background:rgba(255,255,255,.86);border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:600;list-style:none}[data-bereich=offen] .platz-legende li b{font-family:var(--mono);margin-right:6px}[data-bereich=offen] .buehne-info{flex-direction:column;padding:28px max(22px,min(3vw,48px)) 0;display:flex;overflow-y:auto}[data-bereich=offen] .buehne-info .zu{align-self:flex-end;margin-bottom:4px}[data-bereich=offen] .buehne-info h2{letter-spacing:-.04em;margin:0;font-size:max(2.2rem,min(3.6vw,3.4rem));font-weight:400;line-height:1}[data-bereich=offen] .buehne-info h2 b{font-weight:600}[data-bereich=offen] .unter{color:var(--ink-3);margin:10px 0 0;font-size:.88rem}[data-bereich=offen] .preis-zeile{flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:20px 0 0;display:flex}[data-bereich=offen] .preis-zeile b{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.5rem;font-weight:600}[data-bereich=offen] .preis-zeile span{color:var(--ink-3);font-size:.88rem}[data-bereich=offen] .wirkung{margin:16px 0 0}[data-bereich=offen] .block{border-top:1px solid var(--linie);padding:20px 0}[data-bereich=offen] .block:first-of-type{margin-top:20px}[data-bereich=offen] .block-kopf{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;font-size:.9rem;font-weight:600;display:flex}[data-bereich=offen] .block-kopf span{color:var(--ink-3);font-weight:500}[data-bereich=offen] .farben{flex-wrap:wrap;gap:10px;display:flex}[data-bereich=offen] .farben button{border:3px solid var(--grund);width:42px;height:42px;box-shadow:0 0 0 1px var(--linie);border-radius:50%;padding:0}[data-bereich=offen] .farben button[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink)}[data-bereich=offen] .farben button[aria-disabled=true]{opacity:.35;cursor:not-allowed;background-image:linear-gradient(135deg,transparent 46%,var(--ink)46% 54%,transparent 54%)!important}[data-bereich=offen] .groessen{flex-wrap:wrap;gap:8px;display:flex}[data-bereich=offen] .groessen button{border:1px solid var(--linie);min-width:58px;font:600 .86rem var(--mono);background:#fff;border-radius:12px;padding:12px;position:relative}[data-bereich=offen] .groessen button:hover{border-color:var(--ink)}[data-bereich=offen] .groessen button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}[data-bereich=offen] .groessen .deine{background:var(--marke);color:var(--auf-marke);font:700 .7rem/1 var(--text);white-space:nowrap;letter-spacing:.02em;border-radius:999px;padding:3px 8px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}[data-bereich=offen] .groessen .pool-punkt{background:var(--gut);border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:5px}[data-bereich=offen] .vorschlag-grund{color:var(--ink-2);margin:12px 0 0;font-size:.84rem}[data-bereich=offen] .vorschlag-grund b{color:var(--ink)}[data-bereich=offen] .masstabelle{border-collapse:collapse;width:100%;margin-top:12px;font-size:.82rem}[data-bereich=offen] .masstabelle th,[data-bereich=offen] .masstabelle td{text-align:left;border-bottom:1px solid var(--linie);padding:7px 8px}[data-bereich=offen] .masstabelle td{font-family:var(--mono)}[data-bereich=offen] .masstabelle tr.deine td{background:var(--kachel);font-weight:700}[data-bereich=offen] details.aufklapp summary{cursor:pointer;width:-moz-fit-content;width:fit-content;margin-top:12px;font-size:.84rem;font-weight:600}[data-bereich=offen] .veredelung{gap:10px;margin:0;padding:0;list-style:none;display:grid}[data-bereich=offen] .veredelung li{grid-template-columns:28px 1fr;align-items:center;gap:12px;font-size:.9rem;display:grid}[data-bereich=offen] .veredelung li i{background:var(--marke);width:28px;height:28px;color:var(--auf-marke);font:700 .7rem var(--mono);border-radius:50%;place-items:center;font-style:normal;display:grid}[data-bereich=offen] .veredelung small{color:var(--ink-3);font-size:.8rem;display:block}[data-bereich=offen] .perso-felder{grid-template-columns:1fr 110px;gap:10px;display:grid}[data-bereich=offen] .perso-felder.einzeln{grid-template-columns:1fr}[data-bereich=offen] .perso-felder input{text-transform:uppercase;letter-spacing:.06em;font-weight:700}[data-bereich=offen] .buehne-aktion{background:linear-gradient(transparent,var(--grund)22%);gap:10px;margin:auto calc(-1*max(22px,min(3vw,48px))) 0;padding:18px max(22px,min(3vw,48px)) 24px;display:grid;position:-webkit-sticky;position:sticky;bottom:0}[data-bereich=offen] .buehne-aktion .btn{min-height:56px;font-size:1.02rem}[data-bereich=offen] .buehne-aktion p{text-align:center;color:var(--ink-3);margin:0;font-size:.82rem}[data-bereich=offen] .liste{gap:14px;margin:0;padding:0;list-style:none;display:grid}[data-bereich=offen] .bestellung{background:var(--papier);box-shadow:0 1px 0 var(--linie);border-radius:22px;overflow:hidden}[data-bereich=offen] .bestellung>a,[data-bereich=offen] .bestellung-kopf{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 22px;padding:18px 22px;text-decoration:none;display:grid}[data-bereich=offen] .bestellung>a:hover{background:color-mix(in srgb,var(--kachel)40%,transparent)}[data-bereich=offen] .bilder{display:flex}[data-bereich=offen] .bilder span{background:var(--kachel);width:56px;height:64px;box-shadow:0 0 0 3px var(--papier);border-radius:12px;margin-left:-14px;padding:5px}[data-bereich=offen] .bilder span:first-child{margin-left:0}[data-bereich=offen] .bilder :-webkit-any(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .bilder :-moz-any(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .bilder :is(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .bestellung h3{margin:0;font-size:1rem;font-weight:600}[data-bereich=offen] .bestellung h3 .mono{color:var(--ink-3);margin-left:8px;font-size:.86rem;font-weight:500}[data-bereich=offen] .bestellung .unterzeile{color:var(--ink-3);margin:2px 0 0;font-size:.84rem}[data-bereich=offen] .status{background:var(--kachel);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex}[data-bereich=offen] .status:before{content:"";background:var(--ink-3);border-radius:50%;width:8px;height:8px}[data-bereich=offen] .status[data-ton=achtung]:before{background:#d39b00}[data-bereich=offen] .status[data-ton=laeuft]:before{background:var(--ink)}[data-bereich=offen] .status[data-ton=fertig]:before{background:var(--gut)}[data-bereich=offen] .status[data-ton=fehler]:before{background:var(--fehler)}[data-bereich=offen] .status[data-ton=aus]{color:var(--ink-3)}[data-bereich=offen] .schritte{grid-template-columns:repeat(5,1fr);gap:4px;margin:0;padding:0 22px 18px;list-style:none;display:grid}[data-bereich=offen] .schritte li{color:var(--ink-3);padding-top:14px;font-size:.74rem;position:relative}[data-bereich=offen] .schritte li:before{content:"";background:var(--kachel-2);border-radius:3px;height:4px;position:absolute;top:0;left:0;right:0}[data-bereich=offen] .schritte li.ja{color:var(--ink);font-weight:600}[data-bereich=offen] .schritte li.ja:before{background:var(--ink)}[data-bereich=offen] .schritte li.jetzt:before{background:var(--marke);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink)25%,transparent)}[data-bereich=offen] .detail{border-top:1px solid var(--linie);grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:24px 40px;padding:22px;display:grid}[data-bereich=offen] .detail .pos:last-child{border-bottom:0;margin-bottom:0}[data-bereich=offen] .verlauf{margin:0;padding:0;font-size:.84rem;list-style:none}[data-bereich=offen] .verlauf li{grid-template-columns:14px 1fr;gap:12px;padding-bottom:14px;display:grid;position:relative}[data-bereich=offen] .verlauf li:before{content:"";background:var(--ink);border-radius:50%;width:10px;height:10px;margin-top:5px}[data-bereich=offen] .verlauf li:not(:last-child):after{content:"";background:var(--linie);width:2px;position:absolute;top:18px;bottom:0;left:4px}[data-bereich=offen] .verlauf small{color:var(--ink-3);font-family:var(--mono);font-size:.76rem;display:block}[data-bereich=offen] .aktionen{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}[data-bereich=offen] .rueckfrage{background:var(--kachel);border-radius:16px;margin-top:14px;padding:14px 16px;font-size:.88rem}[data-bereich=offen] .rueckfrage b{color:var(--ink-3);margin-bottom:4px;font-size:.8rem;font-weight:600;display:block}[data-bereich=offen] .reiter{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}[data-bereich=offen] .reiter button{border:1px solid var(--linie);background:var(--papier);border-radius:999px;padding:9px 16px;font-size:.88rem;font-weight:600}[data-bereich=offen] .reiter button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}[data-bereich=offen] .reiter button em{font-style:normal;font-family:var(--mono);opacity:.7;margin-left:6px}[data-bereich=offen] .modal{background:var(--papier);border-radius:24px;width:min(560px,100vw - 24px);max-height:calc(100dvh - 24px);margin:auto}[data-bereich=offen] .modal form,[data-bereich=offen] .modal>div{gap:16px;padding:26px;display:grid}[data-bereich=offen] .modal h2{letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:600}[data-bereich=offen] .modal p{color:var(--ink-2);margin:0;font-size:.92rem}[data-bereich=offen] .modal .knoepfe{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:6px;display:flex}[data-bereich=offen] .optionen{border:0;gap:8px;margin:0;padding:0;display:grid}[data-bereich=offen] .optionen legend{margin-bottom:8px;padding:0;font-size:.84rem;font-weight:600}[data-bereich=offen] .optionen label{border:1px solid var(--linie);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:.9rem;display:flex}[data-bereich=offen] .optionen label:has(:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}[data-bereich=offen] .optionen input{accent-color:var(--ink);margin:0}[data-bereich=offen] .fotos{flex-wrap:wrap;gap:8px;display:flex}[data-bereich=offen] .fotos span{background:var(--kachel)center/cover;border-radius:12px;width:72px;height:72px;position:relative}[data-bereich=offen] .fotos button{background:var(--ink);color:#fff;border:0;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;display:grid;position:absolute;top:-6px;right:-6px}[data-bereich=offen] .fotos button .icon{width:11px;height:11px}[data-bereich=offen] .fotos label.neu{border:1.5px dashed var(--ink-3);cursor:pointer;width:72px;height:72px;color:var(--ink-2);border-radius:12px;place-items:center;display:grid}[data-bereich=offen] .fotos label.neu:focus-within{outline:3px solid var(--ink);outline-offset:2px}[data-bereich=offen] .masse-raster{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px max(24px,min(4vw,56px));margin-top:32px;display:grid}[data-bereich=offen] .methoden{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:20px;display:grid}[data-bereich=offen] .methoden button{border:1px solid var(--linie);background:var(--papier);text-align:left;border-radius:16px;gap:8px;padding:14px 12px;font-size:.86rem;font-weight:600;display:grid}[data-bereich=offen] .methoden button .icon{width:24px;height:24px}[data-bereich=offen] .methoden button[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink),inset 0 -4px 0 var(--marke)}[data-bereich=offen] .schritt-liste{color:var(--ink-2);gap:6px;margin:0 0 18px;padding-left:20px;font-size:.92rem;display:grid}[data-bereich=offen] .felder{grid-template-columns:1fr 1fr;gap:12px;display:grid}[data-bereich=offen] .mit-einheit{position:relative}[data-bereich=offen] .mit-einheit input{font-family:var(--mono);padding-right:44px}[data-bereich=offen] .mit-einheit:after{content:"cm";color:var(--ink-3);font-size:.84rem;position:absolute;bottom:13px;right:14px}[data-bereich=offen] .vorschau-liste{gap:8px;margin:0;padding:0;list-style:none;display:grid}[data-bereich=offen] .vorschau-liste li{background:var(--papier);border-radius:16px;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;padding:8px 14px 8px 8px;display:grid}[data-bereich=offen] .vorschau-liste .bild{background:var(--kachel);border-radius:10px;width:52px;height:52px;padding:4px}[data-bereich=offen] .vorschau-liste img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .vorschau-liste b{font-size:.9rem}[data-bereich=offen] .vorschau-liste small{color:var(--ink-3);font-size:.78rem;display:block}[data-bereich=offen] .vorschau-liste .gr{font:700 1rem var(--mono);background:var(--marke);color:var(--auf-marke);border-radius:10px;padding:6px 12px}[data-bereich=offen] .scan{background:var(--ink);color:#fff;border-radius:22px;gap:16px;padding:22px;display:grid}[data-bereich=offen] .scan p{color:#c9cacd;margin:0;font-size:.9rem}[data-bereich=offen] .scan-fotos{grid-template-columns:1fr 1fr;gap:10px;display:grid}[data-bereich=offen] .scan-fotos div{aspect-ratio:3/4;text-align:center;color:#c9cacd;border:1.5px dashed rgba(255,255,255,.35);border-radius:16px;place-items:center;padding:12px;font-size:.82rem;display:grid;position:relative}[data-bereich=offen] .scan-fotos div.ok{border-style:solid;border-color:var(--marke);color:#fff}[data-bereich=offen] .scan-fotos>div>svg{opacity:.7;width:46%;height:auto}[data-bereich=offen] .scan-fotos span{align-items:center;gap:6px;display:inline-flex}[data-bereich=offen] .scan-fotos span svg{width:16px;height:16px;color:var(--marke)}[data-bereich=offen] .scan .btn-rand{color:#fff;border-color:rgba(255,255,255,.4)}[data-bereich=offen] .zahlung{max-width:560px;margin:0 auto;padding-top:max(40px,min(6vw,80px))}[data-bereich=offen] .zahlarten{border:0;gap:8px;margin:22px 0;padding:0;display:grid}[data-bereich=offen] .zahlarten label{border:1px solid var(--linie);cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;font-weight:600;display:flex}[data-bereich=offen] .zahlarten label:has(:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}[data-bereich=offen] .zahlarten input{accent-color:var(--ink);margin:0}[data-bereich=offen] .zahlarten small{color:var(--ink-3);margin-left:auto;font-size:.8rem;font-weight:500}[data-bereich=offen] .kartenfelder{grid-template-columns:1fr 1fr;gap:12px;display:grid}[data-bereich=offen] .kartenfelder .feld:first-child{grid-column:1/-1}[data-bereich=offen] .danke{max-width:760px;padding-top:max(40px,min(6vw,80px))}[data-bereich=offen] .danke .titel{margin-top:8px}[data-bereich=offen] .danke-teile{flex-wrap:wrap;gap:10px;margin:26px 0;padding:0;list-style:none;display:flex}[data-bereich=offen] .danke-teile li{background:var(--kachel);border-radius:14px;width:84px;height:96px;padding:8px;position:relative}[data-bereich=offen] .danke-teile :-webkit-any(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .danke-teile :-moz-any(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .danke-teile :is(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .danke-teile em{background:var(--ink);color:#fff;min-width:22px;height:22px;font:700 .7rem/22px var(--mono);text-align:center;border-radius:999px;padding:0 5px;font-style:normal;position:absolute;top:-6px;right:-6px}[data-bereich=offen] .naechstes{gap:0;margin:24px 0;padding:0;list-style:none;display:grid}[data-bereich=offen] .naechstes li{color:var(--ink-3);grid-template-columns:28px 1fr;gap:14px;padding-bottom:18px;font-size:.9rem;display:grid;position:relative}[data-bereich=offen] .naechstes li:not(:last-child):after{content:"";background:var(--linie);width:2px;position:absolute;top:30px;bottom:4px;left:13px}[data-bereich=offen] .naechstes li i{border:2px solid var(--linie);background:var(--grund);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}[data-bereich=offen] .naechstes li.ja i{background:var(--marke);border-color:var(--marke);color:var(--auf-marke)}[data-bereich=offen] .naechstes li.jetzt i{border-color:var(--ink)}[data-bereich=offen] .naechstes b{color:var(--ink);font-weight:600;display:block}[data-bereich=offen] .naechstes .icon{width:14px;height:14px}[data-bereich=offen] .person{grid-template-columns:56px 1fr;align-items:center;gap:14px;margin-bottom:20px;display:grid}[data-bereich=offen] .person .kuerzel{width:56px;height:56px;font-size:1rem}[data-bereich=offen] .person b{font-size:1.1rem;display:block}[data-bereich=offen] .person small{color:var(--ink-3);font-size:.86rem}[data-bereich=offen] .konto-karte{background:var(--papier);border-radius:18px;margin-bottom:12px;padding:18px}[data-bereich=offen] .konto-karte h3{justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 10px;font-size:.95rem;display:flex}[data-bereich=offen] .konto-karte h3 a,[data-bereich=offen] .konto-karte h3 button{font-size:.82rem}[data-bereich=offen] .werte{grid-template-columns:1fr 1fr;gap:4px 16px;margin:0;padding:0;font-size:.86rem;list-style:none;display:grid}[data-bereich=offen] .werte li{border-bottom:1px solid var(--linie);justify-content:space-between;gap:8px;padding:6px 0;display:flex}[data-bereich=offen] .werte b{font-variant-numeric:tabular-nums}[data-bereich=offen] .anmeldung{background:var(--grund);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100dvh;display:grid}[data-bereich=offen] .anmeldung-bild{background:var(--kachel);flex-direction:column;justify-content:space-between;padding:max(28px,min(4vw,56px));display:flex;position:relative;overflow:hidden}[data-bereich=offen] main[data-seite=anmelden]{max-width:none;padding:0}[data-bereich=offen] .anmeldung-bild .stapel{position:absolute;top:13%;bottom:34%;left:8%;right:8%}[data-bereich=offen] .anmeldung-bild .stapel img{object-fit:contain;mix-blend-mode:multiply;width:auto;max-width:52%;height:78%;position:absolute}[data-bereich=offen] .anmeldung-bild .stapel img.frei{mix-blend-mode:normal;filter:drop-shadow(0 18px 22px rgba(0,0,0,.18))}[data-bereich=offen] .anmeldung-bild .stapel img:first-child{top:8%;left:0;transform:rotate(-7deg)}[data-bereich=offen] .anmeldung-bild .stapel img:nth-child(2){height:92%;top:0;left:30%;transform:rotate(2deg)}[data-bereich=offen] .anmeldung-bild .stapel img:nth-child(3){height:70%;top:14%;right:0;transform:rotate(8deg)}[data-bereich=offen] .anmeldung-bild h1{letter-spacing:-.04em;max-width:9em;margin:0;font-size:max(2.4rem,min(4.6vw,4.4rem));font-weight:400;line-height:.98;position:relative}[data-bereich=offen] .anmeldung-bild h1 b{font-weight:600}[data-bereich=offen] .anmeldung-form{align-content:center;padding:max(28px,min(5vw,80px));display:grid}[data-bereich=offen] .anmeldung-form>div{gap:18px;width:min(440px,100%);margin:0 auto;display:grid}[data-bereich=offen] .anmeldung-form h2{letter-spacing:-.03em;margin:0;font-size:1.6rem;font-weight:600}[data-bereich=offen] .anmeldung-form p{color:var(--ink-2);margin:0;font-size:.92rem}[data-bereich=offen] .arten{background:var(--kachel);border-radius:999px;gap:4px;padding:4px;display:flex}[data-bereich=offen] .arten button{color:var(--ink-2);white-space:nowrap;background:0 0;border:0;border-radius:999px;flex:1;padding:10px 8px;font-size:.84rem;font-weight:600}[data-bereich=offen] .arten button[aria-pressed=true]{background:var(--papier);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}[data-bereich=offen] .code-felder{gap:8px;display:flex}[data-bereich=offen] .code-felder input{text-align:center;width:100%;min-width:0;height:56px;font:600 1.3rem var(--mono);border:1px solid var(--linie);background:#fff;border-radius:12px}[data-bereich=offen] .code-felder input:focus{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);outline:none}[data-bereich=offen] .post{background:var(--papier);box-shadow:inset 0 0 0 1px var(--linie);border-radius:18px;padding:18px;font-size:.88rem}[data-bereich=offen] .post b{margin-bottom:4px;display:block}[data-bereich=offen] .post small{color:var(--ink-3)}[data-bereich=offen] .meldung{z-index:200;opacity:0;pointer-events:none;background:var(--ink);color:#fff;max-width:calc(100vw - 24px);transition:transform .35s var(--ease),opacity .25s;border-radius:16px;align-items:center;gap:16px;padding:14px 20px;font-size:.9rem;font-weight:500;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}[data-bereich=offen] .meldung.an{opacity:1;pointer-events:auto;transform:translate(-50%)}[data-bereich=offen] .meldung button{color:#fff;text-decoration:underline;-webkit-text-decoration-color:var(--marke);text-decoration-color:var(--marke);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:700;text-decoration-thickness:2px}[data-bereich=offen] .vorschau-titel{font:600 1.15rem/1.2 var(--anzeige);letter-spacing:-.01em;margin:0 0 12px}@supports ((-webkit-appearance:base-select) or (-moz-appearance:base-select) or (appearance:base-select)){[data-bereich=offen] select{-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select}[data-bereich=offen] ::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select}[data-bereich=offen] select{justify-content:space-between;align-items:center;gap:8px;display:inline-flex}[data-bereich=offen] .satz select::picker-icon{display:none}[data-bereich=offen] .wahl::picker-icon{display:none}[data-bereich=offen] select::picker-icon{content:"";width:10px;height:10px;transition:rotate .2s var(--ease);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2 4 4 4 4-4' fill='none' stroke='%2316171a' stroke-width='1.8'/%3E%3C/svg%3E") 50%/contain no-repeat}[data-bereich=offen] select:open::picker-icon{rotate:180deg}[data-bereich=offen] ::picker(select){border:1px solid var(--linie);background:var(--papier);min-width:max(anchor-size(width),180px);opacity:0;max-height:min(380px,60dvh);transition:opacity .16s,translate .2s var(--ease),overlay .2s allow-discrete,display .2s allow-discrete;border-radius:16px;margin-top:8px;margin-bottom:8px;padding:6px;translate:0 -4px;box-shadow:0 22px 48px -22px rgba(22,23,26,.38),0 2px 6px -2px rgba(22,23,26,.08)}[data-bereich=offen] select:open::picker(select){opacity:1;translate:0}@starting-style{[data-bereich=offen] select:open::picker(select){opacity:0;translate:0 -4px}}[data-bereich=offen] select option{min-height:40px;font:500 .92rem/1.3 var(--text);letter-spacing:0;color:var(--ink);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:8px 36px 8px 12px;display:flex}[data-bereich=offen] select option::checkmark{display:none}[data-bereich=offen] select option:hover{background:var(--kachel);outline:none}[data-bereich=offen] select option:focus-visible{background:var(--kachel);outline:none}[data-bereich=offen] select option:checked{background:var(--kachel)url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5' fill='none' stroke='%2316171a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center/14px;font-weight:650}[data-bereich=offen] select option:disabled{color:var(--ink-3);cursor:default;background:0 0}}[data-bereich=offen] .mit-druck{max-width:100%;display:block}[data-bereich=offen] .mit-druck .druck{filter:drop-shadow(0 .6px .5px rgba(0,0,0,.28))}[data-bereich=offen] .mit-druck .druck-name{font-family:var(--text);letter-spacing:.08em;font-weight:700}[data-bereich=offen] .sets{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}[data-bereich=offen] .set-karte{text-align:left;background:var(--papier);width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--linie);transition:box-shadow .25s,transform .3s var(--ease);border:0;border-radius:26px;flex-direction:column;padding:10px;display:flex}[data-bereich=offen] .set-karte:hover{box-shadow:inset 0 0 0 1px var(--ink-3),0 24px 40px -30px rgba(22,23,26,.45);transform:translateY(-3px)}[data-bereich=offen] .set-bild{aspect-ratio:5/3;background:radial-gradient(ellipse 70% 60% at 50% 45%,#f7f6f3,var(--kachel));isolation:isolate;border-radius:18px;justify-content:center;align-items:flex-end;gap:4%;padding:8% 4% 10%;display:flex;position:relative;overflow:hidden}[data-bereich=offen] .set-bild:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(22,23,26,.16),transparent);border-radius:50%;height:6%;position:absolute;bottom:8.5%;left:8%;right:8%}[data-bereich=offen] .set-teil{min-width:0;max-width:36%;height:calc(100%*var(--s));transition:transform .45s var(--ease);flex:1 1 0;justify-content:center;align-items:flex-end;display:flex;position:relative}[data-bereich=offen] .set-teil>*{object-fit:contain;object-position:bottom;filter:drop-shadow(0 8px 8px rgba(22,23,26,.14));width:100%;height:100%}[data-bereich=offen] .set-teil>img.foto{mix-blend-mode:multiply;filter:none}[data-bereich=offen] img.foto{mix-blend-mode:multiply}[data-bereich=offen] .set-karte:hover .set-teil{transform:translateY(-4%)}[data-bereich=offen] .set-karte:hover .set-teil:nth-child(2n){transition-delay:40ms}[data-bereich=offen] .set-text{gap:6px;padding:18px 10px 6px;display:grid}[data-bereich=offen] .set-text .titel{letter-spacing:-.025em;font-size:1.45rem;font-weight:600;line-height:1.1}[data-bereich=offen] .set-text>span{color:var(--ink-2);font-size:.92rem;line-height:1.45}[data-bereich=offen] .set-text small{color:var(--ink-3);font-size:.8rem}[data-bereich=offen] .set-fuss{align-items:center;gap:10px;margin-top:auto;padding:14px 10px 6px;display:flex}[data-bereich=offen] .set-fuss .preis{font-size:1.02rem;font-weight:700}[data-bereich=offen] .set-fuss .stand-tag{background:var(--grund)}[data-bereich=offen] .set-pfeil{background:var(--ink);color:#fff;width:42px;height:42px;transition:transform .3s var(--ease);border-radius:50%;place-items:center;margin-left:auto;display:grid}[data-bereich=offen] .set-pfeil .icon{width:18px;height:18px}[data-bereich=offen] .set-karte:hover .set-pfeil{transform:translate(3px)}[data-bereich=offen] .set-modal{gap:14px;padding:26px;display:grid}[data-bereich=offen] .set-modal-kopf{justify-content:space-between;align-items:center;gap:16px;display:flex}[data-bereich=offen] .set-liste{margin:4px 0 0;padding:0;list-style:none;display:grid}[data-bereich=offen] .set-liste li{border-top:1px solid var(--linie);grid-template-columns:auto 56px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;transition:opacity .2s;display:grid}[data-bereich=offen] .set-liste li:last-child{border-bottom:1px solid var(--linie)}[data-bereich=offen] .set-liste li.aus .bild,[data-bereich=offen] .set-liste li.aus .set-name{opacity:.45}[data-bereich=offen] .set-liste .bild{background:var(--kachel);border-radius:12px;place-items:center;width:56px;height:56px;display:grid}[data-bereich=offen] .set-liste .bild>*{object-fit:contain;width:82%;height:82%}[data-bereich=offen] .set-name b{font-size:.95rem;display:block}[data-bereich=offen] .set-name small{color:var(--ink-3);font-size:.8rem}[data-bereich=offen] .set-an input{width:22px;height:22px;accent-color:var(--ink);cursor:pointer;margin:0;display:block}[data-bereich=offen] .set-gr-fest{color:var(--ink-3);padding-right:4px;font-size:.8rem}[data-bereich=offen] .set-modal .klein{margin:0}[data-bereich=offen] .ueberrasch{background:var(--papier);min-height:44px;padding:0 18px 0 14px}[data-bereich=offen] .ueberrasch .icon{width:20px;height:20px;transition:transform .5s var(--ease)}[data-bereich=offen] .ueberrasch:hover .icon{transform:rotate(-24deg)}[data-bereich=offen] .ueberrasch:active .icon{transform:rotate(180deg)}[data-bereich=offen] .vorschlag-box{background:var(--papier);box-shadow:inset 0 0 0 1px var(--linie);border-radius:18px;margin-top:18px;padding:16px 18px;font-size:.88rem}[data-bereich=offen] .vorschlag-kopf{align-items:center;gap:10px;display:flex}[data-bereich=offen] .vorschlag-kopf b{font-size:.95rem}[data-bereich=offen] .vorschlag-kopf .btn-leise{margin-left:auto;font-size:.84rem;text-decoration-thickness:2px}[data-bereich=offen] .vorschlag-box ul{gap:4px;margin:10px 0 0;padding:0;list-style:none;display:grid}[data-bereich=offen] .vorschlag-box li{color:var(--ink-2);align-items:flex-start;gap:8px;display:flex}[data-bereich=offen] .vorschlag-box li .icon{width:16px;height:16px;margin-top:2px}[data-bereich=offen] .vorschlag-box .aufklapp{margin-top:10px}[data-bereich=offen] .vorschlag-box .aufklapp p{color:var(--ink-2);margin:6px 0 0;line-height:1.5}[data-bereich=offen] .dazu{margin-top:26px}[data-bereich=offen] .dazu h3{margin:0 0 10px;font-size:.95rem}[data-bereich=offen] .dazu ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}[data-bereich=offen] .dazu li{background:var(--papier);box-shadow:inset 0 0 0 1px var(--linie);border-radius:16px;align-items:center;gap:10px;padding:8px 10px 8px 8px;display:flex}[data-bereich=offen] .dazu-teil{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;padding:0;display:flex}[data-bereich=offen] .dazu-teil .bild{background:var(--kachel);border-radius:12px;flex:none;place-items:center;width:52px;height:52px;display:grid}[data-bereich=offen] .dazu-teil .bild>*{object-fit:contain;width:82%;height:82%}[data-bereich=offen] .dazu-teil>span:last-child{min-width:0}[data-bereich=offen] .dazu-teil b{font-size:.9rem;display:block}[data-bereich=offen] .dazu-teil small{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;display:block;overflow:hidden}[data-bereich=offen] .dazu-teil:hover b{text-decoration:underline;-webkit-text-decoration-color:var(--marke);text-decoration-color:var(--marke);text-underline-offset:3px;text-decoration-thickness:2px}[data-bereich=offen] .rund.klein{flex:none;width:38px;height:38px}[data-bereich=offen] .rund.klein .icon{width:18px;height:18px}[data-bereich=offen] .dazu .btn-leise{flex:none;font-size:.82rem}[data-bereich=offen] .schublade .dazu{margin:18px 0 4px}[data-bereich=offen] .fuss{background:var(--ink);color:#c9cacd;padding:clamp(40px,5vw,72px)var(--rand)28px;border-radius:32px 32px 0 0;margin-top:max(72px,min(9vw,128px));font-size:.9rem}[data-bereich=offen] .fuss-in,[data-bereich=offen] .fuss-unten{max-width:1488px;margin-left:auto;margin-right:auto}[data-bereich=offen] .fuss-in{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:36px max(24px,min(4vw,64px));display:grid}[data-bereich=offen] .fuss-logo{color:#fff;align-items:center;gap:14px;text-decoration:none;display:inline-flex}[data-bereich=offen] .fuss-zeichen{background:#fff;border-radius:15px;flex:none;place-items:center;width:52px;height:52px;display:grid}[data-bereich=offen] .fuss-zeichen img{width:34px;height:34px}[data-bereich=offen] .fuss-logo b{font:600 1.35rem/1.1 var(--anzeige);letter-spacing:-.02em;display:block}[data-bereich=offen] .fuss-logo small{color:#a3a5aa;font-size:.84rem}[data-bereich=offen] .fuss-marke p{color:#a3a5aa;max-width:26em;margin:20px 0 0;line-height:1.55}[data-bereich=offen] .fuss-spalte{flex-direction:column;align-items:flex-start;gap:10px;display:flex}[data-bereich=offen] .fuss-spalte h2{font:600 .95rem var(--text);color:#fff;letter-spacing:0;margin:0 0 4px}[data-bereich=offen] .fuss-spalte p{margin:0;line-height:1.55}[data-bereich=offen] .fuss-spalte p b{color:#fff;font-weight:600}[data-bereich=offen] .fuss a{color:#e9e9ea;text-underline-offset:4px;-webkit-text-decoration:underline transparent;text-decoration:underline transparent;text-decoration-thickness:2px;transition:-webkit-text-decoration-color .2s,text-decoration-color .2s}[data-bereich=offen] .fuss a:hover{-webkit-text-decoration-color:var(--marke);text-decoration-color:var(--marke)}[data-bereich=offen] .fuss .fuss-logo,[data-bereich=offen] .fuss .fuss-logo:hover{text-decoration:none}[data-bereich=offen] .fuss :focus-visible{outline-color:#fff}[data-bereich=offen] .fuss-unten{color:#a3a5aa;border-top:1px solid rgba(255,255,255,.14);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 28px;margin-top:max(40px,min(5vw,64px));padding-top:22px;font-size:.82rem;display:flex}[data-bereich=offen] .fuss-recht{gap:22px;display:flex}[data-bereich=offen] .fuss-unten .mono{font-size:.76rem}@media (max-width:1180px){[data-bereich=offen] .kopf .kat-nav a{padding:10px}[data-bereich=offen] .kopf-in{gap:16px}[data-bereich=offen] .pille .mini{display:none}}@media (max-width:980px){[data-bereich=offen] .gruss,[data-bereich=offen] .starter,[data-bereich=offen] .masse-raster,[data-bereich=offen] .detail{grid-template-columns:1fr}[data-bereich=offen] .buehne{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);height:100dvh;overflow-y:auto}[data-bereich=offen] .buehne-bild{height:46dvh;min-height:300px}[data-bereich=offen] .buehne-info{padding-top:18px;overflow:visible}[data-bereich=offen] .buehne-info .zu{z-index:3;position:fixed;top:14px;right:14px}[data-bereich=offen] .anmeldung{grid-template-columns:1fr}[data-bereich=offen] .anmeldung-bild{min-height:380px}[data-bereich=offen] .anmeldung-bild .stapel{top:20%;bottom:34%;left:6%;right:6%}[data-bereich=offen] .fuss-in{grid-template-columns:repeat(3,minmax(0,1fr))}[data-bereich=offen] .fuss-marke{grid-column:1/-1}}@media (max-width:760px){[data-bereich=offen]{--kopf-h:64px;font-size:16px}[data-bereich=offen] .kopf-in{flex-wrap:wrap;row-gap:6px;height:auto;padding-top:10px;padding-bottom:0}[data-bereich=offen] .logo small{display:none}[data-bereich=offen] .logo img{width:30px;height:30px}[data-bereich=offen] .kopf .kat-nav{width:calc(100% + var(--rand)*2);margin:0 calc(var(--rand)*-1);padding:0 calc(var(--rand) - 10px)4px;scrollbar-width:none;order:3;overflow-x:auto}[data-bereich=offen] .kopf .kat-nav::-webkit-scrollbar{display:none}[data-bereich=offen] .kopf-rechts{gap:6px}[data-bereich=offen] .pille{height:40px;padding:0 12px;font-size:.84rem}[data-bereich=offen] .konto-knopf{justify-content:center;width:40px;height:40px;padding:0 4px}[data-bereich=offen] .konto-knopf span:not(.kuerzel){display:none}[data-bereich=offen] .starter-teile{grid-template-columns:repeat(2,minmax(0,1fr))}[data-bereich=offen] .starter{border-radius:22px}[data-bereich=offen] .konto-knopf .kuerzel{width:30px;height:30px}[data-bereich=offen] .rund{width:40px;height:40px}[data-bereich=offen] .raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}[data-bereich=offen] .raster>li.gross{grid-area:span 1/span 2}[data-bereich=offen] .raster>li.gross .bild :-webkit-any(img,.mit-druck){max-height:260px}[data-bereich=offen] .raster>li.gross .bild :-moz-any(img,.mit-druck){max-height:260px}[data-bereich=offen] .raster>li.gross .bild :is(img,.mit-druck){max-height:260px}[data-bereich=offen] .kachel>a{border-radius:18px;min-height:250px}[data-bereich=offen] .kachel .bild{min-height:150px;padding:18% 10% 4%}[data-bereich=offen] .kachel .text{flex-direction:column;align-items:flex-start;gap:4px;padding:0 12px 14px}[data-bereich=offen] .kachel .preis{text-align:left}[data-bereich=offen] .kachel .oben{flex-direction:column;align-items:flex-start;gap:4px;top:8px;left:8px;right:8px}[data-bereich=offen] .marke-tag,[data-bereich=offen] .stand-tag{padding:4px 8px;font-size:.7rem}[data-bereich=offen] .pool{grid-template-columns:1fr}[data-bereich=offen] .pool ul{justify-content:flex-start}[data-bereich=offen] .bestellung>a,[data-bereich=offen] .bestellung-kopf{grid-template-columns:auto minmax(0,1fr);padding:16px}[data-bereich=offen] .bestellung>a .status,[data-bereich=offen] .bestellung-kopf .status{grid-column:1/-1;justify-self:start}[data-bereich=offen] .schritte{padding:0 16px 16px}[data-bereich=offen] .schritte li{font-size:0}[data-bereich=offen] .schritte li.jetzt{grid-column:span 1;font-size:.72rem}[data-bereich=offen] .detail{padding:18px 16px}[data-bereich=offen] .methoden{grid-template-columns:1fr 1fr}[data-bereich=offen] .felder,[data-bereich=offen] .kartenfelder,[data-bereich=offen] .werte{grid-template-columns:1fr}[data-bereich=offen] .karte{padding:22px 20px}[data-bereich=offen] .modal form,[data-bereich=offen] .modal>div{padding:22px 18px}[data-bereich=offen] .sets{scroll-snap-type:x mandatory;margin-inline:calc(var(--rand)*-1);padding:2px var(--rand)8px;scroll-padding-inline:var(--rand);scrollbar-width:none;grid-template-columns:none;grid-auto-columns:84%;grid-auto-flow:column;gap:12px;overflow-x:auto}[data-bereich=offen] .sets::-webkit-scrollbar{display:none}[data-bereich=offen] .sets>li{scroll-snap-align:start}[data-bereich=offen] .set-karte{border-radius:22px}[data-bereich=offen] .set-karte:hover{transform:none}[data-bereich=offen] .set-text .titel{font-size:1.25rem}[data-bereich=offen] .set-liste li{grid-template-columns:auto 48px minmax(0,1fr);row-gap:6px}[data-bereich=offen] .set-liste li>select,[data-bereich=offen] .set-gr-fest{grid-column:3;justify-self:start}[data-bereich=offen] .set-liste .bild{width:48px;height:48px}[data-bereich=offen] .set-modal .knoepfe .btn{flex:100%}[data-bereich=offen] .set-modal .knoepfe .btn-rand{order:2}[data-bereich=offen] .filter-zeile{margin-bottom:20px}[data-bereich=offen] .filter-zeile .anzahl{font-size:.84rem}[data-bereich=offen] .vorschlag-kopf{flex-wrap:wrap}[data-bereich=offen] .fuss{border-radius:24px 24px 0 0;padding-bottom:92px}[data-bereich=offen] .fuss-in{grid-template-columns:1fr 1fr;gap:30px 20px}[data-bereich=offen] .fuss-spalte:last-child{grid-column:1/-1}[data-bereich=offen] .fuss-unten{flex-direction:column;align-items:flex-start}}[data-bereich=offen] .kachel .bild{padding-top:max(9%,52px)}[data-bereich=offen] .kachel .preis small{white-space:nowrap}@container (width<=300px){[data-bereich=offen] .kachel .bild{padding-top:70px}[data-bereich=offen] .kachel .preis small{margin:2px 0 0;display:block}[data-bereich=offen] .kachel .oben{top:8px;left:8px;right:8px}}[data-bereich=offen] .fuss-spalte a{overflow-wrap:anywhere}@media (max-width:760px){[data-bereich=offen] .platz-legende{display:none}}[data-bereich=offen] .raster>li:not(.gross) .bild{aspect-ratio:1;padding-left:8%;padding-right:8%;flex:none;grid-template-rows:minmax(0,1fr);place-items:end center;min-height:0;padding-bottom:4%}[data-bereich=offen] .raster>li:not(.gross) .bild :-webkit-any(img,.mit-druck){max-height:none}[data-bereich=offen] .raster>li:not(.gross) .bild :-moz-any(img,.mit-druck){max-height:none}[data-bereich=offen] .raster>li:not(.gross) .bild :is(img,.mit-druck){max-height:none}[data-bereich=offen] .raster>li[data-kat=Accessoires]:not(.gross) .bild :-webkit-any(img,.mit-druck){transform-origin:50% 100%;scale:.62}[data-bereich=offen] .raster>li[data-kat=Accessoires]:not(.gross) .bild :-moz-any(img,.mit-druck){transform-origin:50% 100%;scale:.62}[data-bereich=offen] .raster>li[data-kat=Accessoires]:not(.gross) .bild :is(img,.mit-druck){transform-origin:50% 100%;scale:.62}@media (max-width:760px){[data-bereich=offen] .raster>li:not(.gross) .bild{aspect-ratio:4/5;padding:70px 8% 4%}}[data-bereich=offen] .kopf-anmelden{gap:8px;min-height:42px;padding:0 18px}[data-bereich=offen] .kopf-anmelden .icon{width:17px;height:17px}[data-bereich=offen] .katalog-kopf{align-items:stretch}[data-bereich=offen] .katalog-kopf>div:first-child{align-self:end}[data-bereich=offen] .zugang{align-content:start;gap:18px;display:grid}[data-bereich=offen] .zugang h2{letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:600}[data-bereich=offen] .zugang-schritte{counter-reset:schritt;gap:14px;margin:0;padding:0;list-style:none;display:grid}[data-bereich=offen] .zugang-schritte li{counter-increment:schritt;grid-template-columns:30px 1fr;column-gap:12px;display:grid}[data-bereich=offen] .zugang-schritte li:before{content:counter(schritt);background:var(--kachel);width:30px;height:30px;font:700 .82rem var(--text);border-radius:50%;grid-row:span 2;place-items:center;display:grid}[data-bereich=offen] .zugang-schritte b{font-weight:600}[data-bereich=offen] .zugang-schritte span{color:var(--ink-2);font-size:.9rem;line-height:1.45}[data-bereich=offen] .zugang .btn{justify-self:start}[data-bereich=offen] .kat-leiste{scrollbar-width:none;gap:8px;margin:0 0 16px;padding:2px;display:flex;overflow-x:auto}[data-bereich=offen] .kat-leiste::-webkit-scrollbar{display:none}[data-bereich=offen] .kat-leiste button{border:1px solid var(--linie);background:var(--papier);min-height:44px;font:600 .92rem var(--text);color:var(--ink);border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 16px;transition:background .2s,border-color .2s;display:inline-flex}[data-bereich=offen] .kat-leiste button span{font:600 .74rem var(--mono);color:var(--ink-3)}[data-bereich=offen] .kat-leiste button:hover{border-color:var(--ink)}[data-bereich=offen] .kat-leiste button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}[data-bereich=offen] .kat-leiste button[aria-pressed=true] span{color:rgba(255,255,255,.65)}[data-bereich=offen] .katalog-zeile{flex-wrap:wrap;align-items:center;gap:12px 22px;margin-bottom:max(24px,min(3vw,36px));font-size:.9rem;display:flex}[data-bereich=offen] .katalog-zeile .anzahl{color:var(--ink-3);margin-left:auto}[data-bereich=offen] .k-farben{flex-wrap:wrap;gap:6px;display:flex}[data-bereich=offen] .k-farben button{border:3px solid var(--grund);background:var(--f);width:30px;height:30px;box-shadow:0 0 0 1px var(--linie);border-radius:50%;padding:0}[data-bereich=offen] .k-farben button[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink)}[data-bereich=offen] .k-wahl{color:var(--ink-3);align-items:center;gap:8px;display:inline-flex}[data-bereich=offen] .k-wahl select{border:1px solid var(--linie);background:var(--papier);min-height:40px;font:600 .9rem var(--text);color:var(--ink);border-radius:999px;padding:0 14px}[data-bereich=offen] .stand-tag[data-art=info]{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}[data-bereich=offen] .stand-tag[data-art=info]:before{display:none}[data-bereich=offen] .preis-zeile .preis-zu{color:var(--ink-2);background:var(--kachel);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.95rem;font-weight:600;display:inline-flex}[data-bereich=offen] .preis-zeile .preis-zu .icon{width:16px;height:16px}[data-bereich=offen] .groessen.nur-ansicht{margin:0 0 12px;padding:0;list-style:none}[data-bereich=offen] .groessen.nur-ansicht li{background:var(--kachel);text-align:center;min-width:52px;font:600 .82rem var(--mono);color:var(--ink-2);border-radius:10px;padding:9px 10px}[data-bereich=offen] .ohne-anmeldung{text-decoration:underline;-webkit-text-decoration-color:var(--marke);text-decoration-color:var(--marke);text-underline-offset:4px;justify-self:start;align-items:center;gap:8px;font-size:.92rem;font-weight:600;text-decoration-thickness:3px;display:inline-flex}[data-bereich=offen] .ohne-anmeldung .icon{width:16px;height:16px}@media (max-width:760px){[data-bereich=offen] .kopf-anmelden{min-height:40px;padding:0 14px}[data-bereich=offen] .kat-leiste{margin:0 calc(var(--rand)*-1)14px;padding:2px var(--rand)}[data-bereich=offen] .katalog-zeile{grid-template-columns:1fr 1fr;gap:14px 10px;display:grid}[data-bereich=offen] .k-farben{grid-column:1/-1}[data-bereich=offen] .k-wahl{gap:4px;font-size:.78rem;display:grid}[data-bereich=offen] .k-wahl select{width:100%}[data-bereich=offen] .katalog-zeile .anzahl{align-self:center;margin-left:0;font-size:.84rem}[data-bereich=offen] .katalog-zeile .btn-leise{justify-self:end;font-size:.84rem}}@media (prefers-reduced-motion:reduce){[data-bereich=offen] *,[data-bereich=offen] :before,[data-bereich=offen] :after{transition-duration:10ms!important;animation:none!important}}[data-bereich=offen] h1{letter-spacing:-.03em;font-weight:600}[data-bereich=offen] main{padding-top:0}[data-bereich=offen] .lead{color:var(--ink-2);max-width:36em;font-size:1.08rem;line-height:1.55}[data-bereich=offen] .btn-leise .icon{display:none}[data-bereich=offen] .usp{background:var(--ink);color:#e9e9ea;font-size:.8rem;font-weight:500}[data-bereich=offen] .usp ul{padding:0 var(--rand);justify-content:center;align-items:center;gap:max(20px,min(4vw,56px));max-width:1600px;height:36px;margin:0 auto;list-style:none;display:flex}[data-bereich=offen] .usp li{white-space:nowrap;align-items:center;gap:8px;display:flex}[data-bereich=offen] .usp .icon{color:#fff;width:16px;height:16px}[data-bereich=offen]{overflow-x:clip}[data-bereich=offen] .kopf-in{gap:22px}[data-bereich=offen] .menue-knopf,[data-bereich=offen] .suche-knopf{display:none}[data-bereich=offen] .kat-nav{min-width:0}[data-bereich=offen] .suche{align-items:center;display:flex;position:relative}[data-bereich=offen] .suche input{border:1px solid var(--linie);background:var(--papier);width:220px;height:44px;transition:border-color .2s,width .3s var(--ease);border-radius:999px;padding:0 44px 0 18px;font-size:.92rem}[data-bereich=offen] .suche input:focus{border-color:var(--ink);outline:none;width:260px}[data-bereich=offen] .suche input::-webkit-search-cancel-button{display:none}[data-bereich=offen] .suche button{background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid;position:absolute;right:4px}[data-bereich=offen] .suche button:hover{background:var(--kachel)}[data-bereich=offen] .suche.breit input,[data-bereich=offen] .suche.breit input:focus{width:100%}[data-bereich=offen] .suche.breit{margin-bottom:18px}[data-bereich=offen] .suche.gross{gap:10px;max-width:640px;margin:0 0 28px}[data-bereich=offen] .suche.gross input,[data-bereich=offen] .suche.gross input:focus{width:100%;height:54px;padding:0 20px;font-size:1.02rem}[data-bereich=offen] .suche.gross button{background:var(--ink);border-radius:999px;width:auto;height:54px;padding:0 26px;position:static}[data-bereich=offen] .kasse-kopf .sicher{color:var(--ink-2);align-items:center;gap:8px;font-size:.92rem;font-weight:600;display:inline-flex}[data-bereich=offen] .kasse-kopf .sicher .icon{width:17px;height:17px}[data-bereich=offen] .kopf-zurueck{margin-left:auto}[data-bereich=offen] .pfad{color:var(--ink-3);margin:26px 0 0;font-size:.84rem}[data-bereich=offen] .pfad ol{flex-wrap:wrap;gap:4px 0;margin:0;padding:0;list-style:none;display:flex}[data-bereich=offen] .pfad li+li:before{content:"/";color:var(--linie);margin:0 10px}[data-bereich=offen] .pfad a{color:var(--ink-2);text-decoration:none}[data-bereich=offen] .pfad a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--marke);text-decoration-color:var(--marke);text-underline-offset:3px;text-decoration-thickness:2px}[data-bereich=offen] .pfad [aria-current]{color:var(--ink);font-weight:600}[data-bereich=offen] .liste-kopf{border-bottom:2px solid var(--ink);grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:32px;margin:18px 0 0;padding-bottom:18px;display:grid}[data-bereich=offen] .liste-kopf h1{letter-spacing:-.045em;margin:0;font-size:max(2.6rem,min(6vw,5.4rem));font-weight:700;line-height:.95}[data-bereich=offen] .liste-kopf p{color:var(--ink-2);margin:14px 0 0;font-size:1.04rem}[data-bereich=offen] .liste-zahl{font:500 clamp(2.6rem,6vw,5.4rem)/.95 var(--mono);letter-spacing:-.06em;color:var(--ink-3);grid-area:1/2/span 2}[data-bereich=offen] .btn-hell{color:#f4f4f0;background:0 0;border:1.5px solid #f4f4f0}[data-bereich=offen] .btn-hell:hover{color:var(--ink);background:#f4f4f0}[data-bereich=offen] .held{background:var(--ink);color:#f4f4f0;isolation:isolate;width:100vw;height:calc(100svh - 36px - var(--kopf-h));grid-template-rows:auto minmax(0,1fr);min-height:640px;max-height:980px;margin-left:calc(50% - 50vw);display:grid;position:relative;overflow:hidden}[data-bereich=offen] .held-in{z-index:3;width:100%;max-width:1600px;padding:clamp(28px,4vw,64px)var(--rand)0;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:max(16px,min(2vw,32px));margin:0 auto;display:grid;position:relative}[data-bereich=offen] .held h1{letter-spacing:-.04em;text-wrap:balance;color:#fff;grid-column:1/span 7;margin:0;font-size:max(2.6rem,min(5.6vw,5.8rem));font-weight:700;line-height:.94}[data-bereich=offen] .held-seite{grid-column:1/span 5;margin-top:max(20px,min(2.4vw,32px))}[data-bereich=offen] .held-lead{color:#d8d8d2;max-width:30em;margin:0;font-size:1.06rem;line-height:1.55}[data-bereich=offen] .held-aktion{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}[data-bereich=offen] .held :focus-visible{outline-color:#fff}[data-bereich=offen] .held-buehne{z-index:1;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}[data-bereich=offen] .held-teil{pointer-events:auto}[data-bereich=offen] .held-wort{translate:-50% calc(var(--zug,0)*45%);font:900 14vw/.8 var(--anzeige);letter-spacing:-.04em;color:#f4f4f0;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:1.2s cubic-bezier(.16,1,.3,1) both offen-wortHoch;position:absolute;bottom:-.1em;left:50%}[data-bereich=offen] .held-teil{bottom:calc(var(--zug,0)*14%);z-index:2;filter:drop-shadow(0 34px 40px rgba(0,0,0,.5));animation:1.1s cubic-bezier(.16,1,.3,1) .12s both offen-teilHoch;display:block;position:absolute}[data-bereich=offen] .held-teil :-webkit-any(img,.mit-druck){width:auto;height:100%;display:block}[data-bereich=offen] .held-teil :-moz-any(img,.mit-druck){width:auto;height:100%;display:block}[data-bereich=offen] .held-teil :is(img,.mit-druck){width:auto;height:100%;display:block}[data-bereich=offen] .held-teil.mitte{height:80%;left:64%;translate:-50% 7%}[data-bereich=offen] .held-teil.links{height:38%;animation-delay:.2s;left:64%;translate:-132% -6%;rotate:-9deg}[data-bereich=offen] .held-teil.rechts{height:20%;animation-delay:.28s;left:64%;translate:78% -18%;rotate:9deg}@keyframes offen-wortHoch{0%{clip-path:inset(100% 0 0);transform:translateY(18%)}to{clip-path:inset(0);transform:none}}@keyframes offen-teilHoch{0%{transform:translateY(10%)}}[data-bereich=offen] .kopf{transition:background-color .3s,box-shadow .3s}[data-bereich=offen] .kopf-team{border:1px solid var(--linie);height:44px;color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:.88rem;font-weight:600;text-decoration:none;transition:border-color .2s;display:inline-flex}[data-bereich=offen] .kopf-team:hover{border-color:var(--ink)}[data-bereich=offen] .kopf.dunkel .kopf-team{color:#f4f4f0;border-color:#3a3c41}[data-bereich=offen] .kopf.dunkel .kopf-team:hover{border-color:#f4f4f0}[data-bereich=offen] .menue-team{margin-top:18px}@media (min-width:1321px) and (max-width:1439px){[data-bereich=offen] .kopf-team{justify-content:center;width:44px;padding:0}[data-bereich=offen] .kopf-team span{display:none}}[data-bereich=offen] .kopf.dunkel{background:var(--ink);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:#f4f4f0}[data-bereich=offen] .kopf.dunkel .logo small{color:#a9aaa5}[data-bereich=offen] .kopf.dunkel .kat-nav a{color:#d8d8d2}[data-bereich=offen] .kopf.dunkel .kat-nav a:hover{color:#fff;background:#26282c}[data-bereich=offen] .kopf.dunkel .rund{color:#f4f4f0;background:#26282c;border-color:#3a3c41}[data-bereich=offen] .kopf.dunkel .rund:hover{border-color:#f4f4f0}[data-bereich=offen] .kopf.dunkel .rund em{box-shadow:0 0 0 2px var(--ink)}[data-bereich=offen] .kopf.dunkel .suche input{color:#fff;caret-color:#fff;background:#26282c;border-color:#3a3c41}[data-bereich=offen] .kopf.dunkel .suche input::placeholder{color:#b5b6b1}[data-bereich=offen] .kopf.dunkel .suche input:focus{border-color:#f4f4f0}[data-bereich=offen] .kopf.dunkel .suche button{color:#f4f4f0}[data-bereich=offen] .kopf.dunkel .suche button:hover{background:#3a3c41}[data-bereich=offen] .kopf.dunkel :focus-visible{outline-color:#fff}[data-bereich=offen] .abschnitt{margin-top:max(64px,min(8vw,120px))}[data-bereich=offen] .abschnitt-kopf{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}[data-bereich=offen] .abschnitt-kopf h2{letter-spacing:-.04em;margin:0;font-size:max(1.9rem,min(3.4vw,3rem));font-weight:700;line-height:1}[data-bereich=offen] .index{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:max(16px,min(2vw,32px));margin-top:max(64px,min(8vw,120px));display:grid}[data-bereich=offen] .index-kopf{border-bottom:2px solid var(--ink);grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:24px;padding-bottom:18px;display:flex}[data-bereich=offen] .index-kopf h2{letter-spacing:-.04em;margin:0;font-size:max(2.2rem,min(4.6vw,4.2rem));font-weight:700;line-height:1}[data-bereich=offen] .index-kopf p{max-width:26em;color:var(--ink-2);text-align:right;margin:0;font-size:.95rem}[data-bereich=offen] .index-liste{grid-column:1/span 7;margin:0;padding:0;list-style:none}[data-bereich=offen] .index-zeile{border-bottom:1px solid var(--linie);grid-template-columns:minmax(0,1fr) auto 24px;align-items:center;column-gap:24px;padding:max(18px,min(2vw,26px)) 0;text-decoration:none;display:grid}[data-bereich=offen] .index-titel{font:650 clamp(1.7rem,3.2vw,3rem)/1.02 var(--anzeige);letter-spacing:-.035em;text-underline-offset:8px;transition:translate .45s var(--ease),text-decoration-color .25s;grid-column:1;-webkit-text-decoration:underline transparent;text-decoration:underline transparent;text-decoration-thickness:4px}[data-bereich=offen] .index-text{color:var(--ink-3);grid-column:1;margin-top:8px;font-size:.88rem}[data-bereich=offen] .index-zahl{color:var(--ink-2);grid-area:1/2/span 2;font-size:.86rem}[data-bereich=offen] .index-zeile>.icon{transition:translate .3s var(--ease);grid-area:1/3/span 2}[data-bereich=offen] .index-mini{display:none}[data-bereich=offen] .index-zeile:hover .index-titel{-webkit-text-decoration-color:var(--marke);text-decoration-color:var(--marke);translate:14px}[data-bereich=offen] .index-zeile:focus-visible .index-titel{-webkit-text-decoration-color:var(--marke);text-decoration-color:var(--marke);translate:14px}[data-bereich=offen] .index-zeile:hover>.icon{translate:4px}[data-bereich=offen] .index-zeile:focus-visible>.icon{translate:4px}[data-bereich=offen] .index-zeile:focus-visible{outline-offset:-3px}[data-bereich=offen] .index-bild{top:calc(var(--kopf-h) + 20px);aspect-ratio:4/5;background:var(--kachel);grid-column:9/-1;margin-top:26px;position:-webkit-sticky;position:sticky;overflow:hidden}[data-bereich=offen] .index-bild>span{opacity:0;transition:opacity .35s,transform .7s var(--ease);grid-template-rows:minmax(0,1fr);place-items:end center;display:grid;position:absolute;top:12%;bottom:6%;left:12%;right:12%;transform:translateY(18px)scale(.97)}[data-bereich=offen] .index-bild>span[data-an]{opacity:1;transform:none}[data-bereich=offen] .index-bild :-webkit-any(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .index-bild :-moz-any(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .index-bild :is(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .index-bild>span[data-kat=Accessoires] :-webkit-any(img,.mit-druck){transform-origin:50% 100%;scale:.72}[data-bereich=offen] .index-bild>span[data-kat=Accessoires] :-moz-any(img,.mit-druck){transform-origin:50% 100%;scale:.72}[data-bereich=offen] .index-bild>span[data-kat=Accessoires] :is(img,.mit-druck){transform-origin:50% 100%;scale:.72}[data-bereich=offen] .zellen{grid-template-columns:repeat(var(--spalten,4),minmax(0,1fr));border-top:2px solid var(--ink);margin:0;padding:0;list-style:none;display:grid}[data-bereich=offen] .zellen>li{border-bottom:1px solid var(--linie);border-right:1px solid var(--linie);min-width:0}[data-bereich=offen] .zellen[data-spalten="4"]>li:nth-child(4n),[data-bereich=offen] .zellen[data-spalten="3"]>li:nth-child(3n){border-right:0}[data-bereich=offen] .zelle{flex-direction:column;display:flex;position:relative;container-type:inline-size}[data-bereich=offen] .zelle>a{flex-direction:column;flex:1;padding-bottom:4px;text-decoration:none;transition:background-color .3s;display:flex;position:relative}[data-bereich=offen] .zelle{transition:background-color .3s}[data-bereich=offen] .zelle:hover{background:var(--papier)}[data-bereich=offen] .zelle-bild{aspect-ratio:1;flex:none;grid-template-rows:minmax(0,1fr);place-items:end center;padding:15% 14% 6%;display:grid;overflow:hidden}[data-bereich=offen] .zelle-bild :-webkit-any(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;transition:transform .7s var(--ease)}[data-bereich=offen] .zelle-bild :-moz-any(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;transition:transform .7s var(--ease)}[data-bereich=offen] .zelle-bild :is(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;transition:transform .7s var(--ease)}[data-bereich=offen] .zelle[data-kat=Accessoires] .zelle-bild :-webkit-any(img,.mit-druck){transform-origin:50% 100%;scale:.66}[data-bereich=offen] .zelle[data-kat=Accessoires] .zelle-bild :-moz-any(img,.mit-druck){transform-origin:50% 100%;scale:.66}[data-bereich=offen] .zelle[data-kat=Accessoires] .zelle-bild :is(img,.mit-druck){transform-origin:50% 100%;scale:.66}[data-bereich=offen] .zelle>a:hover .zelle-bild :-webkit-any(img,.mit-druck){transform:translateY(-3%)scale(1.03)}[data-bereich=offen] .zelle>a:hover .zelle-bild :-moz-any(img,.mit-druck){transform:translateY(-3%)scale(1.03)}[data-bereich=offen] .zelle>a:hover .zelle-bild :is(img,.mit-druck){transform:translateY(-3%)scale(1.03)}[data-bereich=offen] .zelle-marke{background:var(--ink);color:#fff;font:600 .74rem/1.2 var(--text);padding:5px 10px}[data-bereich=offen] .zelle-pfeil{opacity:0;transition:opacity .25s,translate .35s var(--ease);position:absolute;top:14px;right:16px;translate:-6px}[data-bereich=offen] .zelle>a:hover .zelle-pfeil{opacity:1;translate:0}[data-bereich=offen] .zelle>a:focus-visible .zelle-pfeil{opacity:1;translate:0}[data-bereich=offen] .zelle>a:focus-visible{outline-offset:-3px;border-radius:0}[data-bereich=offen] .zelle-text{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 12px;padding:0 18px;display:grid}[data-bereich=offen] .zelle-text b{font-size:1rem;font-weight:600;line-height:1.25}[data-bereich=offen] .zelle-preis{text-align:right;white-space:nowrap;font-weight:600}[data-bereich=offen] .zelle-mwst{text-align:right;color:var(--ink-3);white-space:nowrap;grid-column:2;font-size:.74rem}[data-bereich=offen] .punkte{color:var(--ink-3);align-items:center;gap:4px;font-size:.78rem;display:flex}[data-bereich=offen] .punkte i{border-radius:50%;width:11px;height:11px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}[data-bereich=offen] .punkte span{white-space:nowrap;margin-left:4px}[data-bereich=offen] .zelle-kopf{flex-wrap:wrap;align-items:center;gap:6px;display:flex;position:absolute;top:14px;left:18px;right:52px}[data-bereich=offen] .zelle-nr{font:500 .74rem/1 var(--mono);color:var(--ink-3);margin-right:6px}[data-bereich=offen] .zelle-perso{box-shadow:inset 0 0 0 1px var(--ink);font:600 .74rem/1.2 var(--text);padding:4px 9px}[data-bereich=offen] .zelle-kat{font:500 .68rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);grid-column:1/-1}[data-bereich=offen] .zelle-fuss{justify-content:space-between;align-items:center;gap:8px;padding:4px 18px 18px 12px;display:flex}[data-bereich=offen] .zelle-farben{gap:0;display:flex}[data-bereich=offen] .zelle-farben button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;transition:box-shadow .2s;display:grid}[data-bereich=offen] .zelle-farben button:hover{box-shadow:inset 0 0 0 1px var(--linie)}[data-bereich=offen] .zelle-farben button[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--ink)}[data-bereich=offen] .zelle-farben i{border-radius:50%;width:16px;height:16px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}[data-bereich=offen] .zelle-fuss .zelle-mwst{grid-column:auto}[data-bereich=offen] .zelle-schnell{z-index:2;background:var(--papier);box-shadow:inset 0 0 0 1px var(--ink);opacity:0;pointer-events:none;transition:opacity .25s,translate .35s var(--ease);flex-wrap:wrap;gap:4px;padding:10px;display:flex;position:absolute;top:calc(100cqw - 92px);left:12px;right:12px;translate:0 10px}[data-bereich=offen] .zelle-schnell>span{font:600 .76rem/1.4 var(--text);color:var(--ink-2);flex:1 0 100%;padding:0 2px 2px}[data-bereich=offen] .zelle-schnell button{min-width:0;height:34px;box-shadow:inset 0 0 0 1px var(--linie);font:600 .74rem var(--mono);color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border:0;flex:1 1 0;padding:0 2px;transition:background-color .15s,color .15s}[data-bereich=offen] .zelle-schnell button:hover{background:var(--ink);color:#fff;box-shadow:none}@media (hover:hover){[data-bereich=offen] .zelle:hover .zelle-schnell{opacity:1;pointer-events:auto;translate:0}[data-bereich=offen] .zelle:has(:focus-visible) .zelle-schnell{opacity:1;pointer-events:auto;translate:0}}@media (hover:none){[data-bereich=offen] .zelle-schnell{display:none}}@container (width<=280px){[data-bereich=offen] .zelle-schnell{display:none}}[data-bereich=offen] .zelle-ende{display:flex}[data-bereich=offen] .zelle-ende a{flex-direction:column;justify-content:flex-end;gap:6px;width:100%;min-height:100%;padding:20px 18px;text-decoration:none;transition:background-color .3s;display:flex}[data-bereich=offen] .zelle-ende a:hover{background:var(--papier)}[data-bereich=offen] .zelle-ende b{font:650 1.3rem/1.1 var(--anzeige);letter-spacing:-.02em;align-items:center;gap:8px;display:flex}[data-bereich=offen] .zelle-ende small{color:var(--ink-3);font-size:.84rem}[data-bereich=offen] .zellen>li.nur-schmal{display:none}[data-bereich=offen] .probier{border-top:2px solid var(--ink);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;column-gap:max(16px,min(2vw,32px));margin-top:max(64px,min(8vw,120px));padding-top:max(20px,min(2.4vw,32px));display:grid}[data-bereich=offen] .probier-nah{aspect-ratio:1;background:var(--kachel);grid-column:1/span 6;overflow:hidden}[data-bereich=offen] .probier-nah .mit-druck{width:100%;height:100%;display:block}[data-bereich=offen] .probier-ganz{aspect-ratio:3/4;background:var(--kachel);grid-column:7/span 2;grid-template-rows:minmax(0,1fr);place-items:end center;padding:14% 10% 6%;display:grid}[data-bereich=offen] .probier-ganz :-webkit-any(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .probier-ganz :-moz-any(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .probier-ganz :is(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .probier-text{grid-column:9/-1;align-self:center}[data-bereich=offen] .probier-text h2{letter-spacing:-.04em;margin:0;font-size:max(2rem,min(3.6vw,3.4rem));font-weight:700;line-height:.98}[data-bereich=offen] .probier-text>p:not(.klein){color:var(--ink-2);margin:16px 0 0}[data-bereich=offen] .probier-feld{color:var(--ink-2);gap:6px;margin:28px 0 22px;font-size:.8rem;font-weight:600;display:grid}[data-bereich=offen] .probier-feld input{border:0;border-bottom:3px solid var(--ink);width:100%;font:700 clamp(2rem,3.6vw,3.2rem)/1.1 var(--anzeige);letter-spacing:.01em;text-transform:uppercase;color:var(--ink);background:0 0;border-radius:0;padding:4px 0 8px}[data-bereich=offen] .probier-feld input:focus{border-bottom-color:var(--marke);outline:none}[data-bereich=offen] .probier-text .klein{margin-top:14px}[data-bereich=offen] .versprechen{margin-top:max(64px,min(8vw,120px))}[data-bereich=offen] .vers-raster{border-top:2px solid var(--ink);border-bottom:1px solid var(--linie);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}[data-bereich=offen] .vers-zelle{border-right:1px solid var(--linie);flex-direction:column;min-width:0;padding:18px 24px 26px;display:flex}[data-bereich=offen] .vers-zelle:first-child{padding-left:0}[data-bereich=offen] .vers-zelle:last-child{border-right:0;padding-right:0}[data-bereich=offen] .vers-zelle h3{font:500 .72rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);margin:0}[data-bereich=offen] .vers-zahl{font:700 clamp(3rem,5.4vw,5.4rem)/.9 var(--anzeige);letter-spacing:-.05em;color:var(--ink);white-space:nowrap;margin:18px 0 20px}[data-bereich=offen] .vers-text{color:var(--ink-2);max-width:28em;margin:auto 0 0;font-size:.9rem;line-height:1.5}[data-bereich=offen] .vers-zelle .zahl-logos{margin-top:14px}[data-bereich=offen] .kat-chips{border-bottom:1px solid var(--linie);flex-wrap:wrap;gap:0 max(18px,min(2.4vw,34px));display:flex}[data-bereich=offen] .kat-chips a{color:var(--ink-3);white-space:nowrap;transition:color .2s,box-shadow .25s var(--ease);padding:16px 0 14px;font-size:.95rem;font-weight:600;text-decoration:none}[data-bereich=offen] .kat-chips a:hover{color:var(--ink);box-shadow:inset 0 -3px 0 var(--ink)}[data-bereich=offen] .kat-chips a[aria-current=page]{color:var(--ink);box-shadow:inset 0 -3px 0 var(--marke)}[data-bereich=offen] .filterleiste{flex-wrap:wrap;align-items:flex-end;gap:12px;padding:18px 0 22px;display:flex}[data-bereich=offen] .wahl-feld{color:var(--ink-3);gap:4px;font-size:.76rem;font-weight:600;display:grid}[data-bereich=offen] .wahl-feld select{border:1px solid var(--linie);min-width:170px;height:44px;color:var(--ink);background-color:transparent;border-radius:0;padding:0 14px;font-size:.9rem;font-weight:600}[data-bereich=offen] .wahl-feld select:focus{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);outline:none}[data-bereich=offen] .anzahl{color:var(--ink-2);align-self:center;align-items:center;gap:6px;margin:0 0 0 auto;font-size:.9rem;display:flex}[data-bereich=offen] .anzahl b{color:var(--ink)}[data-bereich=offen] .anzahl .btn-leise{font-size:.88rem}[data-bereich=offen] .leer.gross-leer{margin-top:48px}[data-bereich=offen] .leer.gross-leer h1{color:var(--ink);margin:0 0 8px;font-size:max(1.6rem,min(3vw,2.2rem))}[data-bereich=offen] .produkt{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:32px max(28px,min(4vw,72px));margin-top:22px;display:grid}[data-bereich=offen] .galerie{top:calc(var(--kopf-h) + 16px);gap:12px;display:grid;position:-webkit-sticky;position:sticky}[data-bereich=offen] .galerie-haupt{aspect-ratio:1;background:var(--kachel);border-radius:28px;grid-template-rows:minmax(0,1fr);place-items:end center;padding:9% 12% 5%;display:grid;overflow:hidden}[data-bereich=offen] .galerie-haupt :-webkit-any(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .galerie-haupt :-moz-any(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .galerie-haupt :is(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .galerie-haupt[data-kat=Accessoires] :-webkit-any(img,.mit-druck){transform-origin:50% 100%;scale:.74}[data-bereich=offen] .galerie-haupt[data-kat=Accessoires] :-moz-any(img,.mit-druck){transform-origin:50% 100%;scale:.74}[data-bereich=offen] .galerie-haupt[data-kat=Accessoires] :is(img,.mit-druck){transform-origin:50% 100%;scale:.74}[data-bereich=offen] .galerie-farben{gap:10px;margin:0;padding:0;list-style:none;display:flex}[data-bereich=offen] .galerie-farben button{background:var(--kachel);border:0;border-radius:16px;place-items:end center;width:84px;height:84px;padding:10px;transition:box-shadow .2s;display:grid;box-shadow:inset 0 0 0 1px transparent}[data-bereich=offen] .galerie-farben button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--ink)}[data-bereich=offen] .galerie-farben :-webkit-any(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .galerie-farben :-moz-any(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .galerie-farben :is(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .kaufbox .etikett a{color:inherit;text-decoration:none}[data-bereich=offen] .kaufbox .etikett a:hover{color:var(--ink)}[data-bereich=offen] .kaufbox{border-top:2px solid var(--ink);padding-top:16px}[data-bereich=offen] .kaufbox h1{letter-spacing:-.045em;margin:6px 0 0;font-size:max(2.4rem,min(4.4vw,4rem));font-weight:700;line-height:.95}[data-bereich=offen] .preis-gross{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:16px 0 0;display:flex}[data-bereich=offen] .preis-gross b{font:600 1.7rem/1 var(--anzeige);letter-spacing:-.02em}[data-bereich=offen] .preis-gross small{color:var(--ink-3);font-size:.84rem}[data-bereich=offen] .preis-gross a{color:inherit}[data-bereich=offen] .kurztext{color:var(--ink-2);margin:18px 0 0}[data-bereich=offen] fieldset.p-wahl{border:0;min-width:0;margin:26px 0 0;padding:0}[data-bereich=offen] fieldset.p-wahl legend{margin-bottom:12px;padding:0;font-size:.9rem;font-weight:600}[data-bereich=offen] fieldset.p-wahl legend b{color:var(--ink-2);font-weight:500}[data-bereich=offen] fieldset.p-wahl.mit-fehler .groessen button{border-color:var(--fehler)}[data-bereich=offen] .fehlertext{color:var(--fehler);align-items:center;gap:6px;margin:10px 0 0;font-size:.84rem;font-weight:600;display:flex}[data-bereich=offen] .fehlertext .icon{width:16px;height:16px}[data-bereich=offen] details.aufklapp summary{align-items:center;gap:8px;margin-top:14px;display:flex}[data-bereich=offen] details.aufklapp summary .icon{width:16px;height:16px}[data-bereich=offen] .einheit{margin:24px 0 0;font-size:.9rem;font-weight:600}[data-bereich=offen] .perso{margin-top:26px}[data-bereich=offen] .perso input{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase}[data-bereich=offen] .perso .klein{align-items:flex-start;gap:8px;display:flex}[data-bereich=offen] .perso .klein .icon{width:16px;height:16px;margin-top:1px}[data-bereich=offen] .kauf-reihe{gap:10px;margin-top:28px;display:flex}[data-bereich=offen] .menge.gross{height:54px}[data-bereich=offen] .menge.gross button{width:46px;height:52px}[data-bereich=offen] .menge.gross button:disabled{opacity:.35;cursor:not-allowed}[data-bereich=offen] .menge.gross output{min-width:28px;font-size:.95rem}[data-bereich=offen] .kaufen{flex:1;min-height:54px;font-size:1rem}[data-bereich=offen] .kauf-vorteile{border-top:1px solid var(--linie);color:var(--ink-2);gap:12px;margin:22px 0 0;padding:18px 0 0;font-size:.88rem;list-style:none;display:grid}[data-bereich=offen] .kauf-vorteile li{flex-wrap:wrap;align-items:center;gap:10px;display:flex}[data-bereich=offen] .kauf-vorteile li>.icon{width:19px;height:19px;color:var(--ink)}[data-bereich=offen] .kauf-vorteile b{color:var(--ink);font-weight:600}[data-bereich=offen] .kauf-vorteile .zahl-logos{margin-left:auto}[data-bereich=offen] .akkordeon{border-top:1px solid var(--linie);margin-top:26px}[data-bereich=offen] .akkordeon details{border-bottom:1px solid var(--linie)}[data-bereich=offen] .akkordeon summary{cursor:pointer;justify-content:space-between;align-items:center;padding:18px 0;font-weight:600;list-style:none;display:flex}[data-bereich=offen] .akkordeon summary::-webkit-details-marker{display:none}[data-bereich=offen] .akkordeon summary:after{content:"";width:12px;height:12px;transition:rotate .25s var(--ease);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 1v10M1 6h10' stroke='%2316171a' stroke-width='1.8'/%3E%3C/svg%3E") 50%/contain no-repeat}[data-bereich=offen] .akkordeon details[open] summary:after{rotate:45deg}[data-bereich=offen] .akkordeon details>div{color:var(--ink-2);padding:0 0 20px;font-size:.92rem}[data-bereich=offen] .akkordeon p{margin:0 0 10px}[data-bereich=offen] .akkordeon dl{grid-template-columns:auto 1fr;gap:6px 18px;margin:12px 0 0;display:grid}[data-bereich=offen] .akkordeon dt{color:var(--ink);font-weight:600}[data-bereich=offen] .akkordeon dd{margin:0}[data-bereich=offen] .akkordeon .liste{gap:6px;margin-bottom:12px}[data-bereich=offen] .akkordeon .liste b{color:var(--ink)}[data-bereich=offen] .kauf-leiste{display:none}[data-bereich=offen] .zahl-logos{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}[data-bereich=offen] .zahl-logos li{min-width:40px;height:26px;box-shadow:inset 0 0 0 1px var(--linie);white-space:nowrap;background:#fff;border-radius:6px;place-items:center;padding:0 7px;font-size:.7rem;line-height:1;display:grid}[data-bereich=offen] .zahl-logos svg{width:30px;height:19px}[data-bereich=offen] .logo-visa{color:#1a1f71;letter-spacing:-.02em;font:italic 900 .82rem/1 Arial,sans-serif}[data-bereich=offen] .logo-paypal{color:#009cde;font:italic 800 .76rem/1 Arial,sans-serif}[data-bereich=offen] .logo-paypal b{color:#003087;font-weight:800}[data-bereich=offen] .logo-apple,[data-bereich=offen] .logo-google{font:600 .72rem/1 var(--text);color:#000}[data-bereich=offen] .logo-eps{color:#c8102e;letter-spacing:-.02em;font:800 .82rem/1 Arial,sans-serif}[data-bereich=offen] .logo-klarna{color:#17120f;background:#ffa8cd;border-radius:4px;padding:4px 6px;font:800 .72rem/1 Arial,sans-serif}[data-bereich=offen] .logo-post{font:700 .7rem/1 var(--text);color:#17120f;background:#ffdc00;border-radius:4px;padding:4px 6px}[data-bereich=offen] .logo-dpd{color:#dc0032;font:800 .8rem/1 Arial,sans-serif}[data-bereich=offen] .schublade.links{margin:0 auto 0 0}[data-bereich=offen] .schublade.links[open]{animation:offen-reinLinks .45s var(--ease)}@keyframes offen-reinLinks{0%{opacity:0;transform:translate(-40px)}}[data-bereich=offen] .korb-neu{margin:0 0 16px}[data-bereich=offen] .frei-versand{background:var(--papier);box-shadow:inset 0 0 0 1px var(--linie);border-radius:16px;margin-bottom:18px;padding:14px 16px}[data-bereich=offen] .frei-versand p{align-items:center;gap:8px;margin:0 0 10px;font-size:.88rem;display:flex}[data-bereich=offen] .frei-versand .icon{width:17px;height:17px;color:var(--gut)}[data-bereich=offen] .frei-balken{background:var(--kachel-2);border-radius:999px;height:6px;overflow:hidden}[data-bereich=offen] .frei-balken i{background:var(--marke);border-radius:inherit;height:100%;transition:width .5s var(--ease);display:block}[data-bereich=offen] .korb-liste{gap:18px;margin:0;padding:0;list-style:none;display:grid}[data-bereich=offen] .korb-liste .pos{grid-template-columns:84px minmax(0,1fr) auto;align-items:start;gap:14px;display:grid}[data-bereich=offen] .korb-liste .bild{place-items:end center;display:grid}[data-bereich=offen] .korb-liste .bild[data-kat=Accessoires] :-webkit-any(img,.mit-druck){transform-origin:50% 100%;scale:.8}[data-bereich=offen] .korb-liste .bild[data-kat=Accessoires] :-moz-any(img,.mit-druck){transform-origin:50% 100%;scale:.8}[data-bereich=offen] .korb-liste .bild[data-kat=Accessoires] :is(img,.mit-druck){transform-origin:50% 100%;scale:.8}[data-bereich=offen] .pos-text b{font-weight:600;display:block}[data-bereich=offen] .pos-text small{color:var(--ink-3);margin-top:2px;font-size:.8rem;display:block}[data-bereich=offen] .pos-text small.hinweis{color:var(--achtung)}[data-bereich=offen] .pos-unten{align-items:center;gap:14px;margin-top:10px;display:flex}[data-bereich=offen] .entfernen{font-size:.82rem;text-decoration-thickness:2px}[data-bereich=offen] .pos-preis{white-space:nowrap;font-size:.92rem;font-weight:600}[data-bereich=offen] .schublade-fuss .zeile{justify-content:space-between;align-items:baseline;margin:0;font-weight:600;display:flex}[data-bereich=offen] .schublade-fuss .zeile b{font:600 1.25rem var(--anzeige)}[data-bereich=offen] .schublade-fuss .klein{margin:4px 0 14px}[data-bereich=offen] .schublade-fuss .weiter{margin:14px auto 0;display:flex}[data-bereich=offen] .schublade-fuss .zahl-logos{justify-content:center;margin-top:16px}[data-bereich=offen] .menue-kats{gap:8px;margin:0;padding:0;list-style:none;display:grid}[data-bereich=offen] .menue-kats a{background:var(--papier);box-shadow:inset 0 0 0 1px var(--linie);border-radius:16px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;padding:8px 10px 8px 8px;text-decoration:none;display:grid}[data-bereich=offen] .menue-kats a.alle{grid-template-columns:minmax(0,1fr) auto;min-height:56px;padding-left:16px}[data-bereich=offen] .menue-kats a:hover{box-shadow:inset 0 0 0 1px var(--ink)}[data-bereich=offen] .menue-kats .bild{background:var(--kachel);border-radius:12px;place-items:end center;width:56px;height:56px;padding:6px;display:grid}[data-bereich=offen] .menue-kats .bild :-webkit-any(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .menue-kats .bild :-moz-any(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .menue-kats .bild :is(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .menue-kats b{font-weight:600;display:block}[data-bereich=offen] .menue-kats small{color:var(--ink-3);font-size:.8rem;display:block}[data-bereich=offen] .menue-hilfe{border-top:1px solid var(--linie);margin-top:24px;display:grid}[data-bereich=offen] .menue-hilfe a{border-bottom:1px solid var(--linie);padding:14px 4px;font-size:.94rem;font-weight:600;text-decoration:none}[data-bereich=offen] .menue-kontakt{color:var(--ink-2);align-items:flex-start;gap:12px;margin:22px 4px 0;font-size:.88rem;display:flex}[data-bereich=offen] .menue-kontakt b{color:var(--ink)}[data-bereich=offen] main:has(>.kasse){max-width:1280px}[data-bereich=offen] .kasse{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);align-items:start;gap:32px max(28px,min(4vw,64px));margin-top:32px;display:grid}[data-bereich=offen] .kasse-form h1{margin:0;font-size:max(2rem,min(3.6vw,3rem));line-height:1}[data-bereich=offen] .kasse-form>.lead{margin:12px 0 26px;font-size:1rem}[data-bereich=offen] .kasse-form>.band{margin-bottom:20px}[data-bereich=offen] .kasse-form>.band p{margin:2px 0 0}[data-bereich=offen] .kasse-teil{border-top:1px solid var(--linie);gap:14px;padding:26px 0;display:grid}[data-bereich=offen] .kasse-teil h2{letter-spacing:-.02em;align-items:center;gap:12px;margin:0 0 4px;font-size:1.3rem;font-weight:600;display:flex}[data-bereich=offen] .kasse-teil h2 span{background:var(--ink);color:#fff;width:30px;height:30px;font:700 .82rem var(--text);border-radius:50%;place-items:center;display:grid}[data-bereich=offen] .kasse-teil .klein{align-items:flex-start;gap:8px;margin:0;display:flex}[data-bereich=offen] .kasse-teil .klein .icon{width:16px;height:16px;margin-top:1px}[data-bereich=offen] .felder .breit{grid-column:1/-1}[data-bereich=offen] .feld.mit-fehler input{border-color:var(--fehler);box-shadow:0 0 0 1px var(--fehler)}[data-bereich=offen] .feld>small{font-size:.78rem}[data-bereich=offen] .feld select{height:46px}[data-bereich=offen] .haken-feld{color:var(--ink-2);cursor:pointer;align-items:flex-start;gap:12px;font-size:.88rem;line-height:1.5;display:flex}[data-bereich=offen] .haken-feld input{width:20px;height:20px;accent-color:var(--ink);flex:none;margin:1px 0 0}[data-bereich=offen] .haken-feld.mit-fehler{color:var(--fehler)}[data-bereich=offen] .haken-feld a{color:var(--ink)}[data-bereich=offen] .k-optionen{gap:8px;display:grid}[data-bereich=offen] .option{box-shadow:inset 0 0 0 1px var(--linie);cursor:pointer;background:#fff;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;transition:box-shadow .2s;display:grid}[data-bereich=offen] .option:hover{box-shadow:inset 0 0 0 1px var(--ink-3)}[data-bereich=offen] .option:has(input:checked){box-shadow:inset 0 0 0 2px var(--ink)}[data-bereich=offen] .option input{width:20px;height:20px;accent-color:var(--ink);margin:0}[data-bereich=offen] .option-text b{font-size:.95rem;font-weight:600;display:block}[data-bereich=offen] .option-text small{color:var(--ink-3);margin-top:2px;font-size:.8rem;display:block}[data-bereich=offen] .option>b{white-space:nowrap;font-size:.92rem}[data-bereich=offen] .option .zahl-logos{justify-content:flex-end}[data-bereich=offen] .k-optionen.mit-fehler .option{box-shadow:inset 0 0 0 1px var(--fehler)}[data-bereich=offen] .karten-felder{grid-template-columns:1fr 1fr;padding:6px 4px 10px 50px}[data-bereich=offen] .kasse-uebersicht{top:calc(var(--kopf-h) + 16px);background:var(--papier);box-shadow:inset 0 0 0 1px var(--linie);border-radius:24px;gap:18px;padding:max(20px,min(2.4vw,30px));display:grid;position:-webkit-sticky;position:sticky}[data-bereich=offen] .kasse-uebersicht h2{letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:600}[data-bereich=offen] .kasse-uebersicht .klein{margin:0}[data-bereich=offen] .kurz-liste{gap:12px;margin:0;padding:0;list-style:none;display:grid}[data-bereich=offen] .kurz-liste li{grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:12px;font-size:.9rem;display:grid}[data-bereich=offen] .kurz-liste .bild{background:var(--kachel);border-radius:12px;place-items:end center;width:60px;height:64px;padding:6px;display:grid;position:relative}[data-bereich=offen] .kurz-liste .bild :-webkit-any(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .kurz-liste .bild :-moz-any(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .kurz-liste .bild :is(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .kurz-liste .bild[data-kat=Accessoires] :-webkit-any(img,.mit-druck){transform-origin:50% 100%;scale:.82}[data-bereich=offen] .kurz-liste .bild[data-kat=Accessoires] :-moz-any(img,.mit-druck){transform-origin:50% 100%;scale:.82}[data-bereich=offen] .kurz-liste .bild[data-kat=Accessoires] :is(img,.mit-druck){transform-origin:50% 100%;scale:.82}[data-bereich=offen] .kurz-liste .bild em{background:var(--ink);color:#fff;min-width:20px;height:20px;font:700 .7rem/20px var(--text);text-align:center;border-radius:999px;padding:0 5px;font-style:normal;position:absolute;top:-6px;right:-6px}[data-bereich=offen] .kurz-liste b{font-weight:600;display:block}[data-bereich=offen] .kurz-liste small{color:var(--ink-3);font-size:.78rem;display:block}[data-bereich=offen] .kurz-liste .zahl{white-space:nowrap;font-weight:600}[data-bereich=offen] .gutschein-reihe{gap:8px;display:flex}[data-bereich=offen] .gutschein-reihe input{text-transform:uppercase;min-width:0;font-family:var(--mono);flex:1}[data-bereich=offen] .gutschein-reihe .btn{min-height:46px}[data-bereich=offen] .gutschein .fehlertext{margin-top:8px}[data-bereich=offen] .gutschein-aktiv{align-items:center;gap:10px;margin:0;font-size:.9rem;display:flex}[data-bereich=offen] .gutschein-aktiv .icon{color:var(--gut)}[data-bereich=offen] .gutschein-aktiv .btn-leise{margin-left:auto;font-size:.84rem}[data-bereich=offen] .summen{border-top:1px solid var(--linie);gap:8px;margin:0;padding-top:16px;font-size:.92rem;display:grid}[data-bereich=offen] .summen div{justify-content:space-between;gap:12px;display:flex}[data-bereich=offen] .summen dt{color:var(--ink-2)}[data-bereich=offen] .summen dd{margin:0;font-weight:600}[data-bereich=offen] .summen .gesamt{border-top:1px solid var(--linie);margin-top:4px;padding-top:10px;font-size:1.05rem}[data-bereich=offen] .summen .gesamt dt{color:var(--ink);font-weight:650}[data-bereich=offen] .summen .gesamt dd{font:600 1.4rem var(--anzeige)}[data-bereich=offen] .summen .steuer{font-size:.8rem}[data-bereich=offen] .summen .steuer dd{color:var(--ink-3);font-weight:500}[data-bereich=offen] .bestellen{min-height:56px;font-size:1.02rem}[data-bereich=offen] .bestellen:disabled{opacity:.7;cursor:progress}[data-bereich=offen] main:has(>.danke-seite){max-width:980px}[data-bereich=offen] .danke-seite{margin-top:max(32px,min(5vw,64px))}[data-bereich=offen] .danke-haken{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:22px;display:grid}[data-bereich=offen] .danke-haken .icon{stroke-width:2.2px;width:28px;height:28px}[data-bereich=offen] .danke-seite h1{text-wrap:balance;margin:0;font-size:max(2rem,min(4vw,3.2rem));line-height:1.02}[data-bereich=offen] .danke-seite .lead{margin:16px 0 0}[data-bereich=offen] .danke-schritte{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:36px 0 0;padding:0;list-style:none;display:grid}[data-bereich=offen] .danke-schritte li{padding-top:18px;font-size:.88rem;position:relative}[data-bereich=offen] .danke-schritte li:before{content:"";background:var(--kachel-2);border-radius:3px;height:4px;position:absolute;top:0;left:0;right:0}[data-bereich=offen] .danke-schritte li.erledigt:before{background:var(--marke)}[data-bereich=offen] .danke-schritte b{font-weight:600;display:block}[data-bereich=offen] .danke-schritte small{color:var(--ink-3);margin-top:2px;display:block}[data-bereich=offen] .danke-inhalt{border-top:1px solid var(--linie);border-bottom:1px solid var(--linie);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px 48px;margin-top:40px;padding:28px 0;display:grid}[data-bereich=offen] .danke-inhalt h2{margin:0 0 12px;font-size:1.05rem;font-weight:600}[data-bereich=offen] .danke-inhalt p{color:var(--ink-2);margin:0}[data-bereich=offen] .danke-inhalt .summen{margin-top:16px}[data-bereich=offen] .danke-fragen{color:var(--ink-2);margin:24px 0;font-size:.92rem}[data-bereich=offen] .info{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:32px max(32px,min(5vw,80px));margin-top:26px;display:grid}[data-bereich=offen] .info-nav{top:calc(var(--kopf-h) + 16px);gap:2px;display:grid;position:-webkit-sticky;position:sticky}[data-bereich=offen] .info-nav a{color:var(--ink-2);border-radius:12px;padding:10px 14px;font-size:.92rem;font-weight:600;text-decoration:none}[data-bereich=offen] .info-nav a:hover{background:var(--kachel);color:var(--ink)}[data-bereich=offen] .info-nav a[aria-current=page]{background:var(--ink);color:#fff}[data-bereich=offen] .info-text{max-width:72ch}[data-bereich=offen] .info-text h1{margin:0 0 22px;font-size:max(2rem,min(4vw,3rem));line-height:1}[data-bereich=offen] .info-text h2{letter-spacing:-.015em;margin:34px 0 10px;font-size:1.2rem;font-weight:600}[data-bereich=offen] .info-text p,[data-bereich=offen] .info-text li{color:var(--ink-2)}[data-bereich=offen] .info-text>.band{margin-bottom:20px}[data-bereich=offen] .info-text ol.liste{gap:8px;padding-left:22px;list-style:decimal}[data-bereich=offen] .info-text .liste b{color:var(--ink)}[data-bereich=offen] .info-text .zahl-logos{margin-top:16px}[data-bereich=offen] .info-tabelle{border-collapse:collapse;width:100%;font-size:.9rem}[data-bereich=offen] .info-tabelle th,[data-bereich=offen] .info-tabelle td{text-align:left;border-bottom:1px solid var(--linie);vertical-align:top;padding:10px 12px 10px 0}[data-bereich=offen] .info-tabelle th{color:var(--ink);font-weight:600}[data-bereich=offen] .info-tabelle td{color:var(--ink-2)}[data-bereich=offen] .info-liste{grid-template-columns:max-content 1fr;gap:10px 28px;margin:22px 0 0;display:grid}[data-bereich=offen] .info-liste dt{font-weight:600}[data-bereich=offen] .info-liste dd{color:var(--ink-2);margin:0}[data-bereich=offen] .kontakt-wege{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 32px;padding:0;list-style:none;display:grid}[data-bereich=offen] .kontakt-wege li{background:var(--papier);box-shadow:inset 0 0 0 1px var(--linie);border-radius:18px;align-items:flex-start;gap:12px;padding:18px;display:flex}[data-bereich=offen] .kontakt-wege b{overflow-wrap:anywhere;font-weight:600;display:block}[data-bereich=offen] .kontakt-wege b a{text-decoration:none}[data-bereich=offen] .kontakt-wege small{color:var(--ink-3);margin-top:2px;font-size:.8rem;display:block}[data-bereich=offen] .kontakt-form .btn{justify-self:start}[data-bereich=offen] .fuss-kontakt{align-items:center;gap:10px;display:flex;margin:10px 0 0!important}[data-bereich=offen] .fuss-kontakt+.fuss-kontakt{margin-top:6px!important}[data-bereich=offen] .fuss-kontakt .icon{color:#fff;width:17px;height:17px}[data-bereich=offen] .fuss-zeiten{font-size:.82rem;margin:6px 0 0 27px!important}[data-bereich=offen] .fuss-vertrauen{border-top:1px solid rgba(255,255,255,.14);grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr) minmax(0,1.1fr);gap:24px max(24px,min(4vw,64px));max-width:1488px;margin:max(36px,min(4vw,56px)) auto 0;padding-top:28px;display:grid}[data-bereich=offen] .fuss-vertrauen h2,[data-bereich=offen] .fuss-spalte h2{letter-spacing:.06em;text-transform:uppercase;color:#a3a5aa;font-size:.78rem;font-weight:600;font-family:var(--text);margin:0 0 12px}[data-bereich=offen] .fuss-vertrauen .zahl-logos li{box-shadow:none}[data-bereich=offen] .ssl{color:#a3a5aa;gap:10px;margin:0;line-height:1.5;display:flex}[data-bereich=offen] .ssl .icon{color:#fff;margin-top:1px}[data-bereich=offen] .fuss-unten{margin-top:32px}[data-bereich=offen] .fuss{border-radius:0;padding-bottom:0;overflow:hidden}[data-bereich=offen] .fuss-wort{margin:clamp(32px,4vw,56px)calc(var(--rand)*-1)0;font:900 14vw/.8 var(--anzeige);letter-spacing:-.04em;color:#f4f4f0;text-align:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;translate:0 .1em}[data-bereich=offen] .galerie-haupt,[data-bereich=offen] .galerie-farben button,[data-bereich=offen] .kasse-uebersicht,[data-bereich=offen] .kontakt-wege li,[data-bereich=offen] .frei-versand,[data-bereich=offen] .suche input,[data-bereich=offen] .feld input,[data-bereich=offen] .feld select,[data-bereich=offen] .feld textarea,[data-bereich=offen] .wahl,[data-bereich=offen] .menge,[data-bereich=offen] .groessen button,[data-bereich=offen] .pos .bild,[data-bereich=offen] .option,[data-bereich=offen] .menue-kats a,[data-bereich=offen] .menue-kats .bild,[data-bereich=offen] .kurz-liste .bild,[data-bereich=offen] .info-nav a,[data-bereich=offen] .band,[data-bereich=offen] .leer,[data-bereich=offen] .modal,[data-bereich=offen] .danke-teile li{border-radius:0}[data-bereich=offen] ::picker(select){border-radius:0}[data-bereich=offen] select option{border-radius:0}@media (max-width:1320px){[data-bereich=offen] .kopf .kat-nav{display:none}[data-bereich=offen] .menue-knopf{display:grid}}@media (max-width:1180px){[data-bereich=offen] .suche input{width:170px}[data-bereich=offen] .suche input:focus{width:200px}}@media (max-width:980px){[data-bereich=offen] .vers-raster{grid-template-columns:repeat(2,minmax(0,1fr))}[data-bereich=offen] .vers-zelle:nth-child(2n){border-right:0;padding-right:0}[data-bereich=offen] .vers-zelle:nth-child(odd){padding-left:0}[data-bereich=offen] .vers-zelle:nth-child(n+3){border-top:1px solid var(--linie)}[data-bereich=offen] .kopf-in{gap:12px}[data-bereich=offen] .suche input{width:200px}[data-bereich=offen] .held h1{grid-column:1/-1}[data-bereich=offen] .held-seite{grid-column:1/span 7}[data-bereich=offen] .index-liste{grid-column:1/-1}[data-bereich=offen] .index-bild{display:none}[data-bereich=offen] .index-zeile{grid-template-columns:minmax(0,1fr) auto 64px 20px}[data-bereich=offen] .index-mini{background:var(--kachel);grid-area:1/3/span 2;place-items:end center;width:64px;height:64px;padding:6px;display:grid}[data-bereich=offen] .index-mini :-webkit-any(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .index-mini :-moz-any(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .index-mini :is(img,.mit-druck){object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}[data-bereich=offen] .index-mini[data-kat=Accessoires] :-webkit-any(img,.mit-druck){transform-origin:50% 100%;scale:.8}[data-bereich=offen] .index-mini[data-kat=Accessoires] :-moz-any(img,.mit-druck){transform-origin:50% 100%;scale:.8}[data-bereich=offen] .index-mini[data-kat=Accessoires] :is(img,.mit-druck){transform-origin:50% 100%;scale:.8}[data-bereich=offen] .index-zeile>.icon{grid-column:4}[data-bereich=offen] .probier-nah{grid-column:1/span 7}[data-bereich=offen] .probier-ganz{grid-column:8/-1}[data-bereich=offen] .probier-text{grid-column:1/-1;max-width:40em;margin-top:28px}[data-bereich=offen] .produkt{grid-template-columns:minmax(0,1fr)}[data-bereich=offen] .galerie{position:static}[data-bereich=offen] .kasse{grid-template-columns:1fr}[data-bereich=offen] .kasse-uebersicht{position:static}[data-bereich=offen] .info{grid-template-columns:1fr}[data-bereich=offen] .info-nav{scrollbar-width:none;margin:0 calc(var(--rand)*-1);padding:0 var(--rand);display:flex;position:static;overflow-x:auto}[data-bereich=offen] .info-nav a{white-space:nowrap}[data-bereich=offen] .fuss-vertrauen{grid-template-columns:1fr 1fr}[data-bereich=offen] .fuss-vertrauen>div:last-child{grid-column:1/-1}}@media (max-width:760px){[data-bereich=offen] .kopf-team{justify-content:center;width:44px;padding:0}[data-bereich=offen] .kopf-team span{display:none}[data-bereich=offen] .vers-raster{grid-template-columns:1fr}[data-bereich=offen] .vers-zelle,[data-bereich=offen] .vers-zelle:nth-child(n){border-right:0;grid-template-columns:40% minmax(0,1fr);column-gap:16px;padding:18px 0;display:grid}[data-bereich=offen] .vers-zelle+.vers-zelle{border-top:1px solid var(--linie)}[data-bereich=offen] .vers-zelle h3,[data-bereich=offen] .vers-text,[data-bereich=offen] .vers-zelle .zahl-logos{grid-column:2}[data-bereich=offen] .vers-zahl{grid-area:1/1/span 3;margin:0;font-size:2.6rem}[data-bereich=offen] .vers-text{margin-top:6px}[data-bereich=offen] .usp li:not(:first-child){display:none}[data-bereich=offen] .kopf-in{height:var(--kopf-h);flex-wrap:nowrap;row-gap:0;padding-top:0}[data-bereich=offen] .logo span small,[data-bereich=offen] .kopf .suche{display:none}[data-bereich=offen] .suche-knopf{display:grid}[data-bereich=offen] .kopf-rechts{gap:8px}[data-bereich=offen] .kasse-kopf .sicher{display:none}[data-bereich=offen] .held{height:auto;min-height:0;max-height:none}[data-bereich=offen] .held h1{font-size:max(2.3rem,min(10.4vw,3.2rem))}[data-bereich=offen] .held-seite{grid-column:1/-1}[data-bereich=offen] .held-aktion .btn{flex:auto}[data-bereich=offen] .held-buehne{height:104vw;margin-top:8px;position:relative;top:auto;bottom:auto;left:auto;right:auto}[data-bereich=offen] .held-teil.mitte{height:90%;left:50%;translate:-50% 6%}[data-bereich=offen] .held-teil.links{height:48%;left:50%;translate:-102% -6%}[data-bereich=offen] .held-teil.rechts{height:22%;left:50%;translate:44% -34%}[data-bereich=offen] .index-kopf{flex-direction:column;align-items:flex-start;gap:8px}[data-bereich=offen] .index-kopf p{text-align:left}[data-bereich=offen] .index-zeile{grid-template-columns:minmax(0,1fr) 56px;column-gap:14px}[data-bereich=offen] .index-zahl{grid-area:3/1;margin-top:6px;font-size:.8rem}[data-bereich=offen] .index-mini{grid-area:1/2/span 3;width:56px;height:56px}[data-bereich=offen] .index-zeile>.icon{display:none}[data-bereich=offen] .zellen{grid-template-columns:repeat(2,minmax(0,1fr))}[data-bereich=offen] .zellen[data-spalten]>li:nth-child(n){border-right:1px solid var(--linie)}[data-bereich=offen] .zellen[data-spalten]>li:nth-child(2n){border-right:0}[data-bereich=offen] .zellen>li.nur-breit{display:none}[data-bereich=offen] .zellen>li.nur-schmal{display:flex}[data-bereich=offen] .zelle-bild{padding:18% 10% 6%}[data-bereich=offen] .zelle-text{grid-template-columns:1fr;padding:0 12px}[data-bereich=offen] .zelle-preis,[data-bereich=offen] .zelle-mwst{text-align:left;grid-column:1}[data-bereich=offen] .zelle-mwst{display:none}[data-bereich=offen] .zelle-kopf{top:10px;left:10px;right:10px}[data-bereich=offen] .zelle-fuss{padding:2px 10px 12px 6px}[data-bereich=offen] .zelle-pfeil{display:none}[data-bereich=offen] .probier-nah{grid-column:1/span 8}[data-bereich=offen] .probier-ganz{grid-column:9/-1;padding:10% 6% 4%}[data-bereich=offen] .kat-chips{scrollbar-width:none;margin:0 calc(var(--rand)*-1)16px;padding:0 var(--rand);flex-wrap:nowrap;overflow-x:auto}[data-bereich=offen] .kat-chips::-webkit-scrollbar{display:none}[data-bereich=offen] .filterleiste{grid-template-columns:1fr 1fr;gap:10px;display:grid}[data-bereich=offen] .wahl-feld select{width:100%;min-width:0}[data-bereich=offen] .wahl-feld:nth-child(3){grid-column:1/-1}[data-bereich=offen] .anzahl{grid-column:1/-1;margin:4px 0 0}[data-bereich=offen] .abschnitt-kopf{align-items:flex-end}[data-bereich=offen] .galerie-farben button{width:64px;height:64px;padding:6px}[data-bereich=offen] .kauf-reihe .kaufen{min-width:0}[data-bereich=offen] .kaufen{padding:0 16px;font-size:.94rem}[data-bereich=offen] .kauf-vorteile .zahl-logos{margin-left:29px}[data-bereich=offen] main:has(.kauf-leiste){padding-bottom:120px}[data-bereich=offen] .kauf-leiste{z-index:30;padding:12px var(--rand)calc(12px + env(safe-area-inset-bottom));background:var(--papier);box-shadow:0 -1px 0 var(--linie);align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}[data-bereich=offen] .kauf-leiste>span{flex:1;min-width:0}[data-bereich=offen] .kauf-leiste b{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;display:block;overflow:hidden}[data-bereich=offen] .kauf-leiste small{color:var(--ink-2);font-size:.8rem;display:block}[data-bereich=offen] .kauf-leiste .btn{min-height:46px;padding:0 18px}[data-bereich=offen] .kasse{margin-top:20px}[data-bereich=offen] .karten-felder{padding-left:0}[data-bereich=offen] .option{grid-template-columns:auto minmax(0,1fr)}[data-bereich=offen] .option>b,[data-bereich=offen] .option>.zahl-logos{grid-column:2;justify-content:flex-start}[data-bereich=offen] .felder .feld:not(.breit){min-width:0}[data-bereich=offen] .danke-schritte{grid-template-columns:1fr 1fr;row-gap:18px}[data-bereich=offen] .danke-inhalt,[data-bereich=offen] .kontakt-wege,[data-bereich=offen] .kontakt-form.felder{grid-template-columns:1fr}[data-bereich=offen] .info-liste{grid-template-columns:1fr;gap:2px}[data-bereich=offen] .info-liste dd{margin-bottom:10px}[data-bereich=offen] .info-tabelle{display:block;overflow-x:auto}[data-bereich=offen] .fuss-vertrauen{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){[data-bereich=offen] .held-wort,[data-bereich=offen] .held-teil{animation:none}}