body{background:var(--papier)}.kopf,.kopf.ist-hell{color:var(--anthrazit);background:var(--rosa);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.kopf.ist-hell .marke path:not(.marke-text){fill:currentColor}.kopf{gap:20px}.kopf .marke{width:112px}.kopf-rechts{align-items:center;gap:22px;font-size:.88rem;font-weight:600;display:flex}.kopf-rechts a{white-space:nowrap;text-decoration:none}.kopf-zurueck{opacity:.8;gap:6px;transition:opacity .2s;display:inline-flex}.kopf-zurueck span{transition:transform .2s}.kopf-zurueck:hover{opacity:1;text-underline-offset:4px;text-decoration:underline}.kopf-zurueck:hover span{transform:translate(-3px)}.schritte{gap:4px;margin:0 auto;padding:0;list-style:none;display:flex}.schritte li{align-items:center;display:flex}.schritte li+li:before{content:"";background:#1d1d1b38;width:22px;height:1px;margin-right:4px}.schritte button{white-space:nowrap;color:var(--anthrazit);opacity:.6;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:.86rem;font-weight:600;display:flex}.schritte b{width:24px;height:24px;font-family:var(--mono);border:1.5px solid #1d1d1b59;border-radius:50%;place-items:center;font-size:.74rem;font-weight:500;display:grid}.schritte button:not(:disabled):hover{opacity:1}.schritte button[aria-current=step]{opacity:1;background:#ffffff8c}.schritte button[aria-current=step] b,.schritte button.ist-erledigt b{background:var(--anthrazit);color:#fff;border-color:#0000}.schritte button.ist-erledigt{opacity:.9}.schritte button:disabled{opacity:.35;cursor:not-allowed}.schritte button{position:relative}.schritte .zaehler{border:2px solid var(--rosa);background:var(--rosa-tief);color:#fff;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:.66rem;font-weight:700;line-height:1;display:grid;position:absolute;top:-5px;right:-6px}.band{background:var(--rosa);color:var(--anthrazit);padding:116px 0 22px;display:none}.mit-band .band{display:block}.band-zeile{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.modus{background:#fff6;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.modus button{background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:.45em 1em;font-size:.84rem;font-weight:600;display:flex}.modus button[aria-pressed=true]{background:#fff}.modus button:not([aria-pressed=true]):hover{background:#ffffff80}.modus svg{width:15px;height:15px}.band-hinweis{opacity:.75;font-size:.84rem}.band-suche{margin:14px 0 16px;position:relative}.suche.gross{border:0;border-radius:14px;padding:6px 8px 6px 20px;box-shadow:0 6px 24px #1d1d1b14}.suche.gross input{padding:14px 0;font-size:1.05rem}.suche.gross:focus-within{box-shadow:0 0 0 2px var(--anthrazit)}.band-suche .treffer{z-index:20;background:#fff;border-radius:14px;margin:0;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 20px 50px #1d1d1b2e}.band-suche .treffer:empty{display:none}.band-suche .treffer button{border-color:#0000}.band-suche .treffer button:hover{background:var(--rosa-hell)}.band-label{opacity:.75;font-size:.84rem;font-weight:600}.band .chip{background:#ffffff8c;border-color:#0000;padding:.45em 1em;font-size:.84rem}.band .chip:hover{background:#fff}.band .chip[aria-pressed=true]{background:var(--anthrazit);color:#fff}@media (max-width:900px){.schritte li+li:before{width:8px}.schritte button:not([aria-current=step])>span:not(.zaehler){display:none}.schritte button:not([aria-current=step]){padding-right:6px}}@media (max-width:600px){.kopf{flex-wrap:wrap;row-gap:8px;height:auto;padding-top:10px;padding-bottom:10px}.kopf-rechts{margin-left:auto}.schritte{order:3;width:100%;margin:0}.schritte li+li{flex:1}.schritte li+li:before{flex:1;width:auto;margin:0 6px}.panel{padding-top:132px}.band{padding-top:134px}}.panel{padding:120px 0}.mit-band .panel{padding-top:28px}.panel-kopf{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:14px 30px;margin-bottom:18px;display:flex}.panel-kopf h1{font-size:clamp(1.6rem,2.8vw,2.2rem)}.panel-kopf p{color:var(--tinte-2);margin-top:4px;font-size:.95rem}.ergebnis-kopf{flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:16px;display:flex}.ergebnis-kopf h1{letter-spacing:-.01em;font-size:1.15rem}.ergebnis-kopf span{color:var(--tinte-2);font-size:.86rem}.zurueck{color:var(--tinte-2);background:0 0;border:0;margin-bottom:10px;padding:0;font-size:.9rem;font-weight:600}.zurueck:hover{color:var(--tinte)}.chip-reihe{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--linie);background:var(--flaeche);border-radius:999px;padding:.5em 1.05em;font-size:.88rem;font-weight:600;transition:border-color .2s,background .2s}.chip:hover{border-color:var(--tinte-3)}.chip[aria-pressed=true]{border-color:var(--anthrazit);background:var(--anthrazit);color:#fff}.chip small{opacity:.6;margin-left:4px;font-weight:500}.chip:disabled{opacity:.35;cursor:not-allowed}.suche{border:1.5px solid var(--linie);background:var(--flaeche);border-radius:999px;align-items:center;gap:10px;min-width:min(420px,100%);padding:6px 6px 6px 18px;display:flex}.suche:focus-within{border-color:var(--anthrazit)}.suche input{font:inherit;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:8px 0}.suche svg{width:18px;height:18px;color:var(--tinte-3);flex:none}.treffer{gap:4px;margin-top:10px;display:grid}.treffer button{text-align:left;border:1px solid var(--linie);background:var(--flaeche);border-radius:10px;grid-template-columns:150px 1fr auto;gap:12px;padding:10px 14px;font-size:.9rem;display:grid}.treffer button:hover{border-color:var(--rosa)}.rubriken .rubrik-karte{cursor:pointer;font:inherit;text-align:left}.rubriken .rubrik-karte[aria-pressed=true]{border-color:var(--anthrazit)}.box-layout{grid-template-columns:260px 1fr;align-items:start;gap:28px;display:grid}.filter{background:#f5f4f2;border-radius:18px;padding:16px 16px 6px}.filter-kopf{border-bottom:1px solid var(--linie);justify-content:space-between;align-items:baseline;padding-bottom:12px;display:flex}.filter-kopf h2{font-size:1.05rem}.filter-kopf button{color:var(--rosa-tief);background:0 0;border:0;padding:0;font-size:.8rem;font-weight:600;text-decoration:underline}.filter details{border-bottom:1px solid var(--linie);padding:12px 0}.filter details:last-child{border-bottom:0}.filter summary{cursor:pointer;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:700;list-style:none;display:flex}.filter summary::-webkit-details-marker{display:none}.filter summary:after{content:"";opacity:.55;border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;transition:transform .28s cubic-bezier(.2,.7,.2,1);transform:rotate(-135deg)translate(-2px,-2px)}.filter details:not([open]) summary:after,.filter details.zu summary:after{transform:rotate(45deg)}.filter .chip-reihe{gap:6px;padding-top:10px}.filter .chip{border-width:1px;padding:.32em .75em;font-size:.8rem}.filter .chip small{font-size:.72rem}.boxen{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.box-karte{text-align:left;border:1px solid var(--linie);border-radius:var(--radius);background:var(--flaeche);grid-template-rows:170px auto;padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid}.box-karte:hover{border-color:var(--rosa);transform:translateY(-2px);box-shadow:0 16px 36px #231f2014}.box-karte svg{width:100%;height:170px}.box-karte h3{margin-top:10px;font-size:1rem}.box-karte .zusatz{color:var(--tinte-2);margin-top:2px;font-size:.84rem;line-height:1.4}.box-karte .fuss-zeile{border-top:1px solid var(--linie);justify-content:space-between;align-items:baseline;gap:10px;margin-top:12px;padding-top:10px;font-size:.82rem;display:flex}.box-karte .mono{color:var(--tinte-3)}.preis{font-weight:700}.preis small{color:var(--tinte-3);font-weight:500}.ohne-preise .preis,.ohne-preise [data-preis]{display:none!important}.leer{border:1px dashed var(--linie);border-radius:var(--radius);text-align:center;color:var(--tinte-2);padding:40px}@media (max-width:860px){.box-layout{grid-template-columns:1fr}}@media (max-width:760px){.band-hinweis{display:none}}.ausfuehrung{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:clamp(24px,4vw,56px);display:grid}.vorschau{background:var(--flaeche);border:1px solid var(--linie);border-radius:22px;padding:24px;position:sticky;top:104px}.vorschau svg{width:100%;height:auto;max-height:52vh}.daten{background:var(--linie);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:18px;display:grid;overflow:hidden}.daten div{background:var(--papier);padding:10px 12px}.daten dt{letter-spacing:.1em;text-transform:uppercase;color:var(--tinte-3);font-size:.7rem}.daten dd{margin:0;font-size:.92rem;font-weight:600}.vorschau:has(.katalogbild){position:static}.katalogbild{background:#fff;border-radius:14px;justify-items:center;margin:0;padding:14px;display:grid}.katalogbild img{width:auto;max-width:100%;height:auto;max-height:70vh;display:block}.schema-nachgeordnet{margin-top:20px}.schema-nachgeordnet svg{max-height:34vh}.wahl{gap:26px;display:grid}.wahl h3{letter-spacing:.12em;text-transform:uppercase;color:var(--tinte-3);margin-bottom:10px;font-size:.78rem}.rohr-feld{position:relative}.rohr-feld input{width:100%;font:inherit;color:var(--tinte);border:1.5px solid var(--linie);background:var(--flaeche);border-radius:12px;padding:12px 40px 12px 14px;transition:border-color .2s}.rohr-feld input::placeholder{color:var(--tinte-3)}.rohr-feld input:hover{border-color:#cfcfcf}.rohr-feld input:focus{border-color:var(--anthrazit);outline:0}.rohr-feld:after{content:"";border-right:1.5px solid var(--tinte-2);border-bottom:1.5px solid var(--tinte-2);pointer-events:none;width:7px;height:7px;margin-top:-6px;transition:rotate .2s,margin .2s;position:absolute;top:50%;right:18px;rotate:45deg}.rohr-feld:has(input[aria-expanded=true]):after{margin-top:-2px;rotate:225deg}.rohr-liste{z-index:20;overscroll-behavior:contain;border:1px solid var(--linie);background:var(--flaeche);border-radius:14px;max-height:min(380px,50vh);padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 44px #1d1d1b1f}.rohr-liste[hidden],.rohr-liste [hidden]{display:none}.rohr-gruppe{letter-spacing:.1em;text-transform:uppercase;color:var(--tinte-3);padding:10px 12px 4px;font-size:.68rem;font-weight:700;display:block}.rohr-liste button{width:100%;font:inherit;text-align:left;color:var(--tinte);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:9px 12px;font-size:.95rem;font-weight:500;display:flex}.rohr-liste button:hover,.rohr-liste button.aktiv{background:var(--rosa-hell)}.rohr-liste button[aria-selected=true]{font-weight:600}.rohr-liste button[aria-selected=true]:after{content:"✓";color:var(--rosa-tief);margin-left:auto}.rohr-leer{padding:10px 12px}.rohr-code{min-width:2.4em;font-family:var(--mono);text-align:center;color:var(--tinte-2);background:#f2f2f2;border-radius:6px;padding:2px 6px;font-size:.78rem}.rohr-liste button:hover .rohr-code,.rohr-liste button.aktiv .rohr-code{background:#fff}.optionen{gap:6px;display:grid}.optionen label{border:1px solid var(--linie);background:var(--flaeche);cursor:pointer;border-radius:12px;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;padding:10px 14px;font-size:.9rem;display:grid}.optionen label:has(input:checked){border-color:var(--anthrazit)}.optionen input{width:18px;height:18px;accent-color:var(--anthrazit)}.optionen .mono{color:var(--tinte-3);margin-right:6px;font-size:.78rem}.weitere{border-top:1px solid var(--linie);border-bottom:1px solid var(--linie)}.weitere summary{cursor:pointer;align-items:center;gap:12px;padding:14px 0;list-style:none;display:flex}.weitere summary::-webkit-details-marker{display:none}.weitere summary:focus{outline:none}.weitere summary:focus-visible{outline:2px solid var(--anthrazit);outline-offset:2px;border-radius:8px}.weitere summary span{letter-spacing:.12em;text-transform:uppercase;color:var(--tinte-3);flex:none;font-size:.78rem;font-weight:700;line-height:1.08}.weitere summary small{text-align:right;min-width:0;color:var(--tinte-2);flex:1;font-size:.84rem}.weitere summary:after{content:"";opacity:.55;border-bottom:1.5px solid;border-right:1.5px solid;flex:none;width:7px;height:7px;margin:0 4px 4px 2px;transition:transform .2s;transform:rotate(45deg)}.weitere[open] summary:after{margin-bottom:-2px;transform:rotate(-135deg)}.weitere-felder{gap:22px;padding:6px 0 22px;display:grid}.menge{border:1.5px solid var(--linie);background:var(--flaeche);border-radius:999px;align-items:center;display:inline-flex}.menge button{background:0 0;border:0;width:42px;height:42px;font-size:1.2rem}.menge input{text-align:center;width:56px;font:inherit;-moz-appearance:textfield;background:0 0;border:0;font-weight:600}.menge input::-webkit-inner-spin-button{-webkit-appearance:none}.nummer-karte{background:var(--rosa-hell);color:var(--tinte);border-radius:16px;gap:12px;padding:20px 22px;display:grid}.nummer-karte .bestellnummer{font-family:var(--mono);color:var(--anthrazit);flex-wrap:wrap;font-size:clamp(1.2rem,2.2vw,1.6rem);font-weight:500;display:flex}.nummer-karte .bestellnummer span:nth-child(3),.nummer-karte .bestellnummer span:nth-child(4){color:var(--rosa-tief)}.nummer-karte .bestellnummer span:nth-child(5){color:var(--kalt)}.nummer-karte .bestellnummer .fehlt{opacity:.35}.nummer-karte .zeile{color:var(--tinte-2);justify-content:space-between;align-items:baseline;gap:16px;font-size:.86rem;display:flex}.nummer-karte .summe{color:var(--anthrazit);font-size:1.3rem;font-weight:700}.nummer-karte .knopf{justify-self:start}.nummer-karte .knopf:disabled{color:var(--tinte-3);cursor:not-allowed;background:0 0;border-color:#1d1d1b2e}.kopieren{color:var(--anthrazit);background:#fff;border:1px solid #1d1d1b33;border-radius:999px;padding:.35em .9em;font-size:.78rem}.kopieren:disabled{opacity:.5;cursor:not-allowed}.hinweis{color:var(--tinte-2);background:var(--rosa-hell);border-radius:12px;padding:12px 14px;font-size:.84rem}@media (max-width:960px){.ausfuehrung{grid-template-columns:1fr}.vorschau{position:static}.daten{grid-template-columns:1fr 1fr}}.liste-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:30px;display:grid}.positionen{border-collapse:collapse;background:var(--flaeche);border-radius:16px;width:100%;font-size:.9rem;overflow:hidden}.positionen th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--tinte-3);border-bottom:1px solid var(--linie);padding:12px 14px;font-size:.72rem;font-weight:600}.positionen td{border-bottom:1px solid var(--linie);vertical-align:top;padding:12px 14px}.positionen tr.unter td{color:var(--tinte-2);padding-top:6px;padding-bottom:6px;font-size:.84rem}.positionen tr.unter td:first-child{padding-left:84px}.positionen .position{align-items:flex-start;gap:14px;display:flex}.positionen .position>div{gap:2px;min-width:0;display:grid}.positionen .mini{background:#f6f6f6;border-radius:10px;flex:none;width:56px;height:56px;overflow:hidden}.positionen .mini svg{width:100%;height:100%;display:block}.positionen .titel{color:var(--tinte);font-weight:600;line-height:1.35}.positionen .position .klein{color:var(--tinte-3);font-size:.8rem;line-height:1.4}.positionen .zahl{text-align:right;white-space:nowrap}.positionen tfoot td{border-bottom:0;font-weight:700}.positionen td.zahl:has(.menge){padding-top:6px}.menge-klein button{width:32px;height:32px;font-size:1rem}.menge-klein button:disabled{opacity:.3;cursor:not-allowed}.menge-klein input{width:40px;font-size:.9rem}.positionen [data-entfernen]{color:var(--tinte-3);background:0 0;border:0;padding:0;font-size:.8rem;text-decoration:underline}.formular{background:var(--flaeche);border:1px solid var(--linie);border-radius:18px;gap:12px;padding:24px;display:grid;position:relative}.falle{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;left:-10000px;overflow:hidden}.formular label{color:var(--tinte-2);gap:4px;font-size:.82rem;font-weight:600;display:grid}.formular input,.formular textarea,.formular select{font:inherit;color:var(--tinte);border:1.5px solid var(--linie);background:var(--papier);border-radius:10px;padding:10px 12px;font-weight:400}.formular input:focus,.formular textarea:focus{border-color:var(--anthrazit);outline:0}.formular .zwei{grid-template-columns:1fr 1fr;gap:12px;display:grid}.danke{background:var(--flaeche);border:1px solid var(--linie);border-radius:22px;padding:40px}.formular input,.formular textarea,.formular select{width:100%;min-width:0}.positionen .x{display:none}@media (max-width:960px){.liste-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.formular{padding:18px}.formular .zwei{grid-template-columns:1fr}.positionen,.positionen tbody,.positionen tfoot{font-size:.86rem;display:block}.positionen thead{display:none}.positionen tr{border-bottom:1px solid var(--linie);grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding:12px 14px;display:grid}.positionen td{border:0;padding:0}.positionen tbody tr:not(.unter) td:first-child{grid-area:1/1}.positionen tbody tr:not(.unter) td:nth-child(5){text-align:right;grid-area:1/2;align-self:start}.positionen tbody tr:not(.unter) td:nth-child(2){text-align:left;grid-area:2/1}.positionen tbody tr:not(.unter) td:nth-child(4){grid-area:2/2;font-weight:700}.positionen td:nth-child(3),.positionen tr.unter td:nth-child(5){display:none}.positionen tr.unter{grid-template-columns:1fr auto auto;padding:6px 14px 6px 26px}.positionen tr.unter td:first-child{padding-left:0}.positionen tr.unter{padding-left:70px}.positionen .mini{width:46px;height:46px}.positionen .position{gap:10px}.positionen tfoot tr{border-bottom:0}.positionen tfoot td:empty{display:none}.positionen [data-entfernen]{font-size:1.2rem;line-height:1;text-decoration:none}.positionen [data-entfernen] .lang{display:none}.positionen .x{display:inline}.menge-klein button{width:28px;height:30px}.menge-klein input{width:30px}}.teilen{border:1px solid var(--linie);background:var(--flaeche);border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:14px;padding:12px 12px 12px 18px;display:flex}.teilen-nr{line-height:1.3;display:grid}.teilen-nr span{letter-spacing:.1em;text-transform:uppercase;color:var(--tinte-3);font-size:.7rem;font-weight:600}.teilen-nr b{letter-spacing:.02em;color:var(--anthrazit);font-size:1.05rem;font-weight:600}.teilen-meldung{color:var(--rosa-tief);margin-left:auto;font-size:.8rem;font-weight:600}.teilen-knoepfe{gap:8px;display:flex}.teilen-meldung:empty+.teilen-knoepfe{margin-left:auto}.teilen-knoepfe :is(button,a){border:1px solid var(--linie);background:var(--flaeche);width:42px;height:42px;color:var(--anthrazit);border-radius:50%;place-items:center;transition:background .2s,border-color .2s,transform .2s;display:grid}.teilen-knoepfe :is(button,a):hover{background:var(--rosa-hell);border-color:var(--rosa);transform:translateY(-1px)}.teilen-knoepfe svg{width:19px;height:19px}.hinweis.geteilt{flex-wrap:wrap;align-items:center;gap:4px 12px;margin-bottom:14px;display:flex}.hinweis.geteilt button{font:inherit;color:var(--anthrazit);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.qr-dialog{background:var(--flaeche);border:0;border-radius:22px;width:min(360px,100vw - 32px);padding:0;box-shadow:0 30px 80px #231f204d}.qr-dialog::backdrop{background:#1d1d1b73}.qr-dialog>div{text-align:center;padding:26px 26px 22px;position:relative}.qr-dialog h2{font-size:1.2rem}.qr-bild{border:1px solid var(--linie);background:#fff;border-radius:16px;width:220px;margin:18px auto 12px;padding:14px}.qr-bild svg{width:100%;height:auto;display:block}.qr-dialog .mono{color:var(--anthrazit);font-size:.95rem}.qr-dialog p:last-child{color:var(--tinte-2);margin-top:6px;font-size:.86rem}.qr-zu{color:var(--tinte-2);background:0 0;border:0;padding:4px 8px;font-size:1.5rem;line-height:1;position:absolute;top:10px;right:12px}.druck-qr,.druck-kopf{display:none}@media print{@page{margin:14mm}.kopf,.band,.chat-knopf,.chat-fenster,.fuss,.formular,.teilen,.hinweis.geteilt,.panel-kopf .knopf-reihe,.liste-layout>div>p,.positionen [data-entfernen],.positionen th:last-child,.qr-dialog{display:none!important}.huelle{max-width:none;padding:0}.panel{margin:0;padding:0}.druck-kopf{border-bottom:1.5pt solid var(--rosa);-webkit-print-color-adjust:exact;print-color-adjust:exact;justify-content:space-between;align-items:flex-end;gap:10mm;margin-bottom:8mm;padding-bottom:5mm;display:flex}.druck-logo svg{width:46mm;height:auto;display:block}.druck-logo .marke-text{fill:var(--anthrazit)}.druck-kopf address{text-align:right;color:var(--tinte-2);gap:1pt;font-size:8.5pt;font-style:normal;line-height:1.45;display:grid}.druck-kopf address strong{color:var(--anthrazit);font-size:10pt}.druck-kopf address b{color:var(--anthrazit);margin-top:3pt;font-weight:600}.liste-layout{display:block}.positionen{font-size:10pt}.positionen .mini{-webkit-print-color-adjust:exact;print-color-adjust:exact}.menge-klein{border:0}.menge-klein button{display:none}.menge-klein input{text-align:right;border:0;width:3em}.druck-qr{border-top:1px solid var(--linie);break-inside:avoid;align-items:center;gap:16px;margin-top:18px;padding-top:14px;display:flex}.druck-qr svg{flex:none;width:32mm;height:32mm}.druck-qr div{color:var(--tinte-2);gap:3px;font-size:9.5pt;display:grid}.druck-qr b{color:var(--anthrazit);font-size:11pt}}
.filter-oeffnen,.filter-fertig,.filter-schleier{display:none}@media (max-width:960px){.kopf-rechts .sprachen{margin-left:0;display:block}}@media (max-width:600px){.kopf-rechts{gap:8px}.kopf-rechts .sprachen summary{background:0 0;height:40px;padding:0 8px}.kopf-rechts .sprachen .sprachen-pfeil{display:none}.kopf{padding-top:calc(10px + env(safe-area-inset-top));padding-inline:max(16px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right))}.kopf-zurueck{opacity:1;background:#ffffff8c;border-radius:50%;place-items:center;width:40px;height:40px;font-size:1.1rem;display:grid}.kopf-zurueck-text{display:none}.band{padding-bottom:16px}.band-suche{margin:12px 0 14px}.suche.gross{padding-left:16px}.suche.gross input{padding:12px 0}}@media (max-width:860px){.box-layout{gap:0}.box-layout .ergebnis-kopf{align-items:center}.box-layout .ergebnis-kopf span{flex-basis:100%;order:2}.filter-oeffnen{border:1.5px solid var(--anthrazit);background:var(--flaeche);min-height:40px;color:var(--anthrazit);border-radius:999px;order:1;align-items:center;gap:8px;margin-left:auto;padding:0 16px;font-size:.88rem;font-weight:600;display:inline-flex}.filter-oeffnen svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:18px;height:18px}.ergebnis-kopf .filter-oeffnen span{background:var(--rosa-tief);color:#fff;border-radius:999px;flex-basis:auto;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.7rem;font-weight:700;display:grid}.box-layout .filter{z-index:90;overscroll-behavior:contain;max-height:min(86svh,760px);padding:6px max(20px, env(safe-area-inset-right)) 0 max(20px, env(safe-area-inset-left));visibility:hidden;border-radius:22px 22px 0 0;transition:transform .4s cubic-bezier(.16,1,.3,1),visibility 0s .4s;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(105%);box-shadow:0 -18px 50px #1d1d1b38}.filter-offen .box-layout .filter{visibility:visible;transition:transform .4s cubic-bezier(.16,1,.3,1);transform:none}.box-layout .filter:before{content:"";background:#1d1d1b33;border-radius:2px;width:40px;height:4px;margin:4px auto 12px;display:block}.filter-kopf h2{font-size:1.2rem}.filter-fertig{margin:4px calc(-1 * max(20px, env(safe-area-inset-right))) 0;padding:18px max(20px, env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom));background:linear-gradient(#f5f4f200,#f5f4f2 34%);display:block;position:sticky;bottom:0}.filter-fertig .knopf{justify-content:center;width:100%;padding:1em}.filter-schleier{z-index:85;opacity:0;visibility:hidden;background:#1d1d1b6b;transition:opacity .3s,visibility 0s .3s;display:block;position:fixed;inset:0}.filter-offen .filter-schleier{opacity:1;visibility:visible;transition:opacity .3s}html.filter-offen,html.filter-offen body{overflow:hidden}}@media (max-width:860px) and (prefers-reduced-motion:reduce){.box-layout .filter,.filter-offen .box-layout .filter,.filter-schleier{transition:none}}@media (max-width:560px){.ergebnis-kopf{margin-bottom:14px}.boxen{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.box-karte{grid-template-rows:118px auto;padding:12px}.box-karte svg{height:118px}.box-karte h3{margin-top:6px;font-size:.86rem;line-height:1.3}.box-karte .zusatz{font-size:.76rem}.box-karte .fuss-zeile{flex-direction:column;align-items:flex-start;gap:2px;margin-top:8px;padding-top:8px;font-size:.76rem}.treffer button{grid-template-columns:1fr auto}.treffer button .mono{grid-column:1/-1;font-size:.78rem}}@media (max-width:960px){.ausfuehrung{gap:22px}.wahl{display:contents}.wahl>:first-child{order:-1}.vorschau{border-radius:18px;padding:14px}.vorschau svg{max-height:36svh}.katalogbild{padding:8px}.katalogbild img{max-height:62svh}.schema-nachgeordnet svg{max-height:28svh}.daten{margin-top:12px}.daten div{padding:8px 10px}.vorschau .klein{font-size:.76rem}.nummer-karte{bottom:calc(10px + env(safe-area-inset-bottom));z-index:5;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;padding:12px 14px 14px;position:sticky;box-shadow:0 10px 30px #1d1d1b29,0 -1px #1d1d1b0a}.nummer-karte>.zeile:first-child{display:contents}.nummer-karte>.zeile:first-child>span{display:none}.nummer-karte .kopieren{grid-area:1/2}.nummer-karte .bestellnummer{grid-area:1/1;font-size:1.15rem}.nummer-karte>.zeile:nth-child(3){display:none}.nummer-karte>.zeile:nth-child(4){grid-column:1/-1;font-size:.8rem}.nummer-karte .summe{font-size:1.1rem}.nummer-karte .knopf{grid-column:1/-1;justify-content:center;justify-self:stretch;margin-top:4px}}@media (max-width:640px){.panel-kopf .knopf-reihe{width:100%}.formular .knopf{justify-content:center}}@media (max-width:860px){.chat-knopf{right:max(16px, env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));padding:4px;transition:bottom .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px #231f202e}.chat-knopf span.avatar{width:44px;height:44px}.chat-knopf-text{display:none}html[data-schritt="3"] .chat-knopf{bottom:calc(var(--nummer-karte,0px) + 22px + env(safe-area-inset-bottom))}.filter-offen .chat-knopf{display:none}}@media (max-width:600px){.chat-fenster{width:100%;height:100dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:0;inset:0}.chat-kopf{padding-top:calc(12px + env(safe-area-inset-top))}.chat-kopf [data-chat-schliessen]{width:44px;height:44px}body.chat-offen{overflow:hidden}body.chat-offen.chat-zurueck{overflow:auto}body.chat-offen.chat-zurueck .chat-fenster{z-index:80;width:100%;height:auto;max-height:min(46dvh,420px);padding-bottom:env(safe-area-inset-bottom);border-radius:22px 22px 0 0;inset:auto 0 0}body.chat-offen.chat-zurueck .chat-kopf{cursor:pointer;padding-top:12px}}@media (pointer:coarse){.formular input,.formular textarea,.formular select,.chat-eingabe input,.menge input,.rohr-feld input,.suche input{font-size:16px}.chip{min-height:40px}.filter .chip{padding:.45em .85em;font-size:.86rem}.schritte button{min-height:40px}.menge-klein button{width:36px;height:36px}.antwort-knoepfe button{min-height:40px}.kopieren{min-height:34px;padding:.4em 1em}.positionen [data-entfernen]{min-width:40px;min-height:40px}}@media (hover:none){.box-karte:hover{box-shadow:none;border-color:var(--linie);transform:none}.box-karte:active,.rubriken .rubrik-karte:active{transform:scale(.98)}}