[hidden]{display:none!important}
:root{--ink:#14181f;--ink2:#4b5563;--line:#e6e8ec;--bg:#fff;--bg2:#f6f7f9;--accent:#068391;--accent2:#056a76;--navy:#0b2f35;--ok:#0f7b4f;--r:14px;--shadow:0 10px 30px rgba(15,34,56,.08)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:inherit}img{max-width:100%;display:block}
h1{font-size:clamp(26px,4vw,40px);line-height:1.15;margin:.2em 0 .5em;letter-spacing:-.02em}h2{font-size:clamp(21px,2.6vw,28px);letter-spacing:-.01em}
.wrap{max-width:1240px;margin:0 auto;padding:0 16px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;border:0;border-radius:999px;padding:11px 22px;font-weight:700;font-size:15px;text-decoration:none;cursor:pointer;transition:.15s}
.btn:hover{background:var(--accent2);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.btn.gross{padding:15px 28px;font-size:16px}.btn.voll{width:100%}.btn.klein{padding:6px 12px;font-size:13px;margin:4px 4px 0 0}
.btn.hell{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}.btn.hell:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.topbar{background:var(--navy);color:#dbe4ee;font-size:13px;text-align:center;padding:7px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kopf{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.kopf-innen{display:flex;align-items:center;gap:18px;height:70px}
.logo img{height:34px;width:auto}.fuss-logo-bild{height:30px;width:auto;margin-bottom:12px}.logo b{font-size:24px;letter-spacing:-.03em}
.suche{flex:1;display:flex;max-width:560px;margin-left:auto;background:var(--bg2);border-radius:999px;border:1.5px solid transparent}
.suche:focus-within{border-color:var(--ink);background:#fff}
.suche input{flex:1;border:0;background:transparent;padding:11px 18px;font:inherit;outline:0;min-width:0}.suche button{border:0;background:none;font-size:20px;padding:0 16px;cursor:pointer}
.korb-link{position:relative;font-size:24px;text-decoration:none;padding:6px}
.korb-anzahl{position:absolute;top:-2px;right:-6px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;border-radius:999px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 5px}
.menu-btn{display:none;background:none;border:0;padding:8px;cursor:pointer}.menu-btn span{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0}
.kategorien-nav{border-top:1px solid var(--line)}.kategorien-nav .wrap{display:flex;gap:26px;overflow-x:auto;scrollbar-width:none}
.kategorien-nav a{padding:12px 0;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;color:var(--ink2);border-bottom:2px solid transparent}
.kategorien-nav a:hover{color:var(--ink);border-color:var(--accent)}
.hero{background:radial-gradient(1200px 500px at 85% 20%,#d5eef0 0,transparent 60%),linear-gradient(180deg,#f2fafb,#fff)}
.hero-innen{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding-top:56px;padding-bottom:56px}
.hero h1{font-size:clamp(32px,5vw,56px)}.hero p{font-size:18px;color:var(--ink2);max-width:520px}
.eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.hero-knoepfe{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.hero-bild img,.hero-bild .bild-platzhalter{border-radius:24px;box-shadow:var(--shadow);aspect-ratio:4/3;object-fit:cover;width:100%}
.vorteile{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-20px;position:relative}
.vorteile div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;display:flex;flex-direction:column;box-shadow:var(--shadow)}
.vorteile span{color:var(--ink2);font-size:14px}
.block{padding-top:44px;padding-bottom:20px}.block-kopf{display:flex;justify-content:space-between;align-items:baseline}.block-kopf a{font-weight:600;color:var(--accent);text-decoration:none}
.band{background:var(--bg2);border-radius:28px;padding:28px 24px;margin-top:40px}
.kat-raster{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.kat-kachel{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;text-decoration:none;background:var(--bg2)}
.kat-kachel img{width:100%;height:100%;object-fit:cover;transition:.4s}.kat-kachel:hover img{transform:scale(1.05)}
.kat-kachel span{position:absolute;left:0;right:0;bottom:0;padding:30px 14px 12px;color:#fff;font-weight:700;background:linear-gradient(transparent,rgba(0,0,0,.65))}
.raster{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.karte{text-decoration:none;display:flex;flex-direction:column;border-radius:var(--r);transition:.2s}
.karte-bild{position:relative;border-radius:var(--r);overflow:hidden;background:#fff;aspect-ratio:1;box-shadow:inset 0 0 0 1px var(--line,#e6e8eb)}
.karte-bild img{width:100%;height:100%;object-fit:contain;padding:6px;transition:.35s}
.karte-bild .b2{position:absolute;inset:0;opacity:0}.karte:hover .b2{opacity:1}.karte:hover .b1{transform:scale(1.03)}
.badges{position:absolute;top:10px;left:10px;display:flex;gap:6px;flex-wrap:wrap}
.badge{background:var(--navy);color:#fff;font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px}.badge.grau{background:#6b7280}
.karte-text{padding:12px 2px}.karte h3{font-size:15px;font-weight:600;margin:0 0 6px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.preis{font-weight:800;font-size:18px}.preis.gross{font-size:30px;margin-top:10px}.hinweis{color:var(--ink2);font-size:12.5px}
.sterne{display:inline-flex;gap:1px;vertical-align:-2px}.sterne .s{width:15px;height:15px;background:#d6d9de;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4.5L18.5 21 12 16.8 5.5 21l2-7.5L2 9h7z"/></svg>') center/contain no-repeat;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4.5L18.5 21 12 16.8 5.5 21l2-7.5L2 9h7z"/></svg>') center/contain no-repeat}
.sterne .s.voll{background:#f5a623}.sterne .s.halb{background:linear-gradient(90deg,#f5a623 50%,#d6d9de 50%)}.sterne.gross .s{width:24px;height:24px}
.karte-bew small{color:var(--ink2)}
.leiste{display:flex;justify-content:space-between;align-items:center;margin:10px 0 20px;color:var(--ink2)}
select,input,textarea{font:inherit;padding:11px 14px;border:1.5px solid var(--line);border-radius:10px;background:#fff;width:100%;color:var(--ink)}
select:focus,input:focus,textarea:focus{outline:0;border-color:var(--ink)}.leiste select{width:auto}
.brotkrumen{font-size:13px;color:var(--ink2);margin-bottom:12px}.brotkrumen a{text-decoration:none}
.produkt{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}
.galerie{position:sticky;top:130px}.haupt{border-radius:20px;overflow:hidden;background:var(--bg2);aspect-ratio:1}.haupt img{width:100%;height:100%;object-fit:contain}
.thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto}.thumb{border:2px solid transparent;border-radius:10px;padding:0;width:74px;height:74px;flex:none;overflow:hidden;cursor:pointer;background:var(--bg2)}
.thumb.aktiv{border-color:var(--ink)}.thumb img{width:100%;height:100%;object-fit:contain;background:#fff}
.kauf h1{font-size:clamp(24px,3vw,32px);margin-bottom:6px}.bew-kurz{text-decoration:none;color:var(--ink2);font-size:14px}
.option{margin-top:22px}.option label{font-size:14px;color:var(--ink2)}.opt-reihe{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.opt{border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:9px 14px;font:inherit;font-size:14px;cursor:pointer}
.opt:hover{border-color:var(--ink2)}.opt.aktiv{border-color:var(--ink);background:var(--ink);color:#fff}.opt.nicht{opacity:.45;text-decoration:line-through}
.pers{margin-top:24px;background:var(--bg2);border-radius:18px;padding:18px}.pers label{display:block;font-weight:600;font-size:14px;margin:12px 0 6px}
.schild-buehne{background:linear-gradient(180deg,#d9dde2,#eef0f3);border-radius:14px;padding:28px 16px 14px;display:flex;flex-direction:column;align-items:center}
.schild{position:relative;container-type:size;width:min(100%,420px);aspect-ratio:4/1;border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 28px rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,255,255,.35),inset 0 -2px 0 rgba(0,0,0,.12);transition:background .25s,aspect-ratio .25s,width .25s;overflow:hidden}
.schild-motiv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.schild-text{position:relative;z-index:1;font-weight:700;line-height:1.08;text-align:center;white-space:pre-line;overflow-wrap:anywhere;max-width:84%;max-height:86%}
.schild-text.platzhalter{opacity:.45}
.loch{display:none;position:absolute;width:3.6cqh;height:3.6cqh;min-width:6px;min-height:6px;border-radius:50%;background:radial-gradient(circle,#888 0 30%,#555 32% 60%,#ccc 62%);z-index:2}
.schild[data-form=rund]{border-radius:50%;aspect-ratio:1/1!important;width:min(100%,300px)!important}
.schild[data-form=herz]{border-radius:0;box-shadow:none;width:min(100%,320px)!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 90'%3E%3Cpath d='M50 88C22 66 2 50 2 27 2 12 14 2 28 2c10 0 18 6 22 14C54 8 62 2 72 2c14 0 26 10 26 25 0 23-20 39-48 61z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 90'%3E%3Cpath d='M50 88C22 66 2 50 2 27 2 12 14 2 28 2c10 0 18 6 22 14C54 8 62 2 72 2c14 0 26 10 26 25 0 23-20 39-48 61z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.schild[data-form=herz] .schild-text{max-width:62%;max-height:60%;margin-top:-8%}
.schild[data-form=knochen]{border-radius:0;box-shadow:none;aspect-ratio:2/1!important;width:min(100%,380px)!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100'%3E%3Ccircle cx='28' cy='28' r='26'/%3E%3Ccircle cx='28' cy='72' r='26'/%3E%3Ccircle cx='172' cy='28' r='26'/%3E%3Ccircle cx='172' cy='72' r='26'/%3E%3Crect x='24' y='18' width='152' height='64' rx='10'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100'%3E%3Ccircle cx='28' cy='28' r='26'/%3E%3Ccircle cx='28' cy='72' r='26'/%3E%3Ccircle cx='172' cy='28' r='26'/%3E%3Ccircle cx='172' cy='72' r='26'/%3E%3Crect x='24' y='18' width='152' height='64' rx='10'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.schild[data-form=knochen] .schild-text{max-width:66%;max-height:58%}
.schild[data-form=rund] .schild-text{max-width:70%;max-height:70%}
.schild[data-form] .schild-text{white-space:pre}
.schild.loecher .loch{display:block}.l1{top:6%;left:3%}.l2{top:6%;right:3%}.l3{bottom:6%;left:3%}.l4{bottom:6%;right:3%}
.schild-meta{display:flex;gap:10px;align-items:baseline;margin-top:14px;font-size:13px;color:var(--ink2)}
.kauf-reihe{display:flex;gap:12px;margin-top:24px}.menge{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:999px;overflow:hidden;flex:none}
.menge button{border:0;background:none;width:40px;height:48px;font-size:20px;cursor:pointer}.menge input{width:44px;border:0;text-align:center;padding:0}
.menge.klein{justify-self:start}.menge.klein button{height:32px;width:32px}.menge.klein span{min-width:24px;text-align:center}
.sku{font-size:12px;color:var(--ink2);margin-top:8px}
.vertrauen{list-style:none;padding:16px 0 0;margin:16px 0 0;border-top:1px solid var(--line);display:grid;gap:6px;font-size:14px;color:var(--ink2)}
.tabs{margin-top:56px;max-width:860px}.beschreibung{color:#2b3340}.beschreibung img{border-radius:12px;margin:12px 0}
.bewertungen{margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}
.bew-raster{display:grid;grid-template-columns:300px 1fr;gap:40px}.bew-zusammen{background:var(--bg2);border-radius:18px;padding:22px;align-self:start}
.bew-schnitt{font-size:48px;font-weight:800;line-height:1}.vt{display:grid;grid-template-columns:34px 1fr 24px;gap:8px;align-items:center;font-size:13px;margin:4px 0}
.vt-balken{height:8px;background:#e3e5e8;border-radius:9px;overflow:hidden}.vt-balken i{display:block;height:100%;background:#f5a623}
.bew-zusammen .btn{margin-top:16px;width:100%}
.bew{padding:18px 0;border-bottom:1px solid var(--line)}.bew p{margin:6px 0}.bew small{color:var(--ink2)}
.bew-antwort{margin-top:10px;background:var(--bg2);border-radius:10px;padding:10px 14px;font-size:14px}
.bew-form{display:none;gap:10px;background:var(--bg2);border-radius:18px;padding:18px;margin-bottom:18px}.bew-form.offen{display:grid}
.hp{position:absolute;left:-9999px}
.stern-wahl{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}.stern-wahl input{display:none}
.stern-wahl label{font-size:32px;color:#d6d9de;cursor:pointer;line-height:1}.stern-wahl label:hover,.stern-wahl label:hover~label,.stern-wahl input:checked~label{color:#f5a623}
.zwei{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.meldung{padding:12px 16px;border-radius:10px;margin:12px 0}.meldung.ok{background:#e7f6ee;color:var(--ok)}.meldung.fehler{background:#fdecea;color:#a3271b}
.korb-raster,.kasse{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:start}
.korb-zeile{display:grid;grid-template-columns:84px 1fr auto;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);align-items:start}
.korb-zeile img{width:84px;height:84px;object-fit:contain;border-radius:10px;background:#fff}.korb-info{display:grid;gap:3px}.korb-info a{text-decoration:none}
.korb-info small{color:var(--ink2)}.korb-text{font-style:italic}.korb-preis{font-weight:700}
.entfernen{background:none;border:0;color:var(--ink2);text-decoration:underline;cursor:pointer;padding:0;font:inherit;font-size:13px;justify-self:start}
.kasse-uebersicht{background:var(--bg2);border-radius:18px;padding:22px;position:sticky;top:130px}
.kasse-uebersicht .korb-zeile{grid-template-columns:56px 1fr auto}.kasse-uebersicht .korb-zeile img{width:56px;height:56px}
.summe{display:grid;gap:8px;margin:16px 0}.summe div{display:flex;justify-content:space-between}.summe .gesamt{font-weight:800;font-size:20px;padding-top:10px;border-top:1px solid var(--line)}
.gruen{color:var(--ok);font-weight:700}.kasse-form{display:grid;gap:10px}.kasse-form h3{margin:14px 0 2px}
.zahlart{display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);border-radius:12px;padding:14px;cursor:pointer;font-weight:600}
.zahlart input,.check input{width:auto}.check{display:flex;gap:10px;font-size:14px;align-items:flex-start;margin-top:8px}
.danke{text-align:center;max-width:640px}.danke-icon{width:72px;height:72px;border-radius:50%;background:var(--ok);color:#fff;font-size:38px;display:grid;place-items:center;margin:0 auto 10px}
.liste{list-style:none;padding:0;text-align:left;margin:24px 0}.liste li{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.leer{color:var(--ink2);padding:30px 0}.text-seite{max-width:860px}.text-seite h2{font-size:20px;margin-top:28px}
.fuss{background:var(--navy);color:#c9d4e0;margin-top:70px;padding:50px 0 20px;font-size:14px}
.fuss-raster{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.fuss h4{color:#fff;margin:0 0 10px}.fuss a{display:block;text-decoration:none;padding:3px 0}.fuss a:hover{color:#fff}
.fuss-logo{color:#fff;font-size:22px}.zahl-reihe{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.zahl-badge{background:#fff;color:var(--navy);border-radius:6px;padding:4px 10px;font-weight:700;font-size:12px}
.fuss-unten{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:16px;font-size:12.5px}
.toast{visibility:hidden;opacity:0;position:fixed;left:50%;bottom:24px;transform:translate(-50%,140%);background:var(--ink);color:#fff;padding:14px 20px;border-radius:12px;z-index:50;transition:.3s;box-shadow:var(--shadow);max-width:calc(100% - 32px)}
.toast.an{transform:translate(-50%,0);visibility:visible;opacity:1}.toast a{color:#7fd3db;font-weight:700}
.bild-platzhalter{background:linear-gradient(135deg,#eef0f3,#e2e5e9);width:100%;height:100%;min-height:120px}
.tabelle{overflow-x:auto}.admin table{width:100%;border-collapse:collapse;font-size:14px}.admin td,.admin th{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}
.admin .st-bezahlt{background:#fff8e6}.admin form{display:inline}.antwort-form{display:flex!important;gap:6px;margin-top:8px}.antwort-form input{padding:6px 10px}
@media (max-width:980px){.raster{grid-template-columns:repeat(3,1fr)}.produkt,.korb-raster,.kasse,.bew-raster,.hero-innen{grid-template-columns:1fr}.galerie,.kasse-uebersicht{position:static}.fuss-raster{grid-template-columns:1fr 1fr}.vorteile,.kat-raster{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.raster{grid-template-columns:repeat(2,1fr);gap:14px}.kopf-innen{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px;gap:10px}.suche{order:3;flex-basis:100%;max-width:none}
.menu-btn{display:block}.kategorien-nav{display:none}.menu-offen .kategorien-nav{display:block}.menu-offen .kategorien-nav .wrap{flex-direction:column;gap:0}
.hero-innen{padding-top:30px;padding-bottom:40px}.zwei{grid-template-columns:1fr 1fr}.fuss-raster{grid-template-columns:1fr}.kauf-reihe{flex-wrap:wrap}}
.schmal{max-width:760px}
.hinweis-box{background:#eef8f9;border:1px solid #c5e6ea;border-radius:12px;padding:14px 18px;margin:16px 0;font-size:14.5px}
.formular-box{border:1.5px dashed var(--line);border-radius:14px;padding:20px 24px;margin:16px 0}
.widerruf-btn{margin-top:16px;background:#fff;color:var(--navy)}.widerruf-btn:hover{background:#d9f0f2;color:var(--navy)}
.widerruf-form label{display:grid;gap:6px;font-weight:600;font-size:14px}.widerruf-form fieldset{border:1.5px solid var(--line);border-radius:12px;padding:12px 16px;display:grid;gap:8px}
.widerruf-form legend{font-weight:700;padding:0 6px}.widerruf-form .check{font-weight:500}
.pers-check{background:#eef8f9;border-radius:10px;padding:12px}
.newsletter-band{background:linear-gradient(135deg,#eef8f9,#d9f0f2);margin-top:70px;padding:34px 0}
.nl-innen{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;align-items:center}.nl-innen h3{margin:0 0 4px;font-size:22px}.nl-innen p{margin:0;color:var(--ink2)}
.nl-form{display:grid;grid-template-columns:1fr auto;gap:10px}.nl-form small{grid-column:1/-1;color:var(--ink2)}
.newsletter-band+.fuss{margin-top:0}
.stufen{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.stufe{display:grid;gap:6px;font-size:13px;color:var(--ink2);text-align:center}
.stufe i{height:8px;border-radius:9px;background:#e3e5e8}.stufe.an i{background:var(--ok)}.stufe.an{color:var(--ink);font-weight:600}
.status-box{background:var(--bg2);border-radius:18px;padding:22px;margin-top:24px}
.faq{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{font-weight:700;cursor:pointer;font-size:17px}.faq p{color:var(--ink2);margin:10px 0 0}
.w-mark{background:#fdecea;color:#a3271b;border-radius:6px;padding:3px 8px;font-size:12px;margin:4px 0}
@media (max-width:640px){.nl-innen,.nl-form{grid-template-columns:1fr}}
@media print{.kopf,.topbar,.fuss,.newsletter-band,.btn{display:none!important}}
.bank-raster{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin:20px 0}
.bank-daten{background:var(--bg2);border-radius:16px;padding:18px;display:grid;gap:10px}.bank-daten div{display:grid;grid-template-columns:140px 1fr auto;gap:8px;align-items:center}
.bank-daten span{color:var(--ink2);font-size:13px}.kopier{border:1px solid var(--line);background:#fff;border-radius:8px;padding:4px 10px;font-size:12px;cursor:pointer}
.qr-box{background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:16px;text-align:center}.qr-box #qr svg{width:100%;max-width:220px;height:auto}.qr-box small{color:var(--ink2)}
@media (max-width:640px){.bank-raster{grid-template-columns:1fr}.bank-daten div{grid-template-columns:1fr auto}.bank-daten span{grid-column:1/-1}}
.fuss a.widerruf-btn{display:inline-flex;padding:10px 20px;color:var(--navy)}

/* ---------- Admin-Dashboard ---------- */
.adm-body{background:var(--bg2)}
.adm{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.adm-seite{background:var(--navy);color:#dbe4ee;padding:22px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:18px}
.adm-logo img{height:26px;width:auto;margin:4px 8px 6px}
.adm-seite nav{display:grid;gap:2px}
.adm-seite nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;text-decoration:none;font-weight:600;font-size:15px;color:#c9d6dc}
.adm-seite nav a i{font-style:normal;width:20px;text-align:center;opacity:.85}
.adm-seite nav a:hover{background:rgba(255,255,255,.07);color:#fff}
.adm-seite nav a.an{background:var(--accent);color:#fff}
.adm-seite nav a em{margin-left:auto;background:#f5b400;color:#3b2a00;font-style:normal;font-size:12px;border-radius:999px;padding:1px 8px}
.adm-shop{margin-top:auto;color:#9fb6bd;font-size:14px;padding:0 12px}
.adm-haupt{padding:26px 30px 60px;min-width:0}
.adm-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:18px}.adm-kopf h1{margin:0}.adm-kopf span{color:var(--ink2);font-size:14px}
.kacheln{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.kachel{background:#fff;border-radius:var(--r);padding:16px 18px;box-shadow:var(--shadow);display:grid;gap:2px;text-decoration:none;border-top:4px solid var(--accent)}
.kachel b{font-size:24px;letter-spacing:-.02em}.kachel span{color:var(--ink2);font-size:13px}
.kachel.gelb{border-top-color:#f5b400}.kachel.blau{border-top-color:#2f6fdf}.kachel.gruen{border-top-color:var(--ok)}
a.kachel:hover{transform:translateY(-1px)}
.adm-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
.box{background:#fff;border-radius:var(--r);padding:18px 20px;box-shadow:var(--shadow);margin-bottom:16px}.adm-raster .box{margin:0}
.box.breit{grid-column:1/-1}.box h2{font-size:17px;margin:0 0 12px}.box h2+p{margin-top:0}
.aufgaben{display:grid;gap:8px}
.aufgabe{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:10px;text-decoration:none;font-weight:600;background:var(--bg2);border-left:4px solid var(--accent)}
.aufgabe.gelb{border-left-color:#f5b400;background:#fff8e6}.aufgabe.blau{border-left-color:#2f6fdf;background:#eef4ff}.aufgabe.lila{border-left-color:#7c4dcc;background:#f4effc}
.aufgabe.rot{border-left-color:#c0392b;background:#fdecea}.aufgabe.grau{border-left-color:#9aa3ad}
.leer{color:var(--ink2)}.mehr{display:inline-block;margin-top:10px;font-weight:600;color:var(--accent);text-decoration:none}
.balken{width:100%;height:170px;display:block}.balken rect{fill:var(--accent)}.balken rect:hover{fill:var(--navy)}
.achse{display:flex;justify-content:space-between;color:var(--ink2);font-size:12px;margin-top:6px}
.zl{list-style:none;padding:0;margin:0 0 6px}.zl li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}.zl li:last-child{border:0}
.zl li span{color:var(--ink2);white-space:nowrap}.zl a{text-decoration:none}
.gross-zahl{font-size:34px;font-weight:800;margin:0}.gross-zahl small{font-size:14px;color:var(--ink2);font-weight:500}
.mini-b{display:grid;grid-template-columns:70px 1fr auto auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:14px}
.chip{display:inline-block;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;background:#eef0f3;color:#4b5563;white-space:nowrap}
.chip.gelb{background:#fff1c7;color:#7a5200}.chip.blau{background:#e2ecff;color:#1d4fb0}.chip.lila{background:#efe6fb;color:#5b2fa8}.chip.gruen{background:#dff3e8;color:#0f6b44}
.werkzeug{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.filter-reihe{display:flex;flex-wrap:wrap;gap:6px}
.filter{background:#fff;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600;text-decoration:none;box-shadow:inset 0 0 0 1.5px var(--line)}
.filter em{font-style:normal;color:var(--ink2);margin-left:4px}.filter.an{background:var(--navy);color:#fff;box-shadow:none}.filter.an em{color:#bcd}
.such-form{display:flex;gap:6px;flex:1;max-width:460px}.such-form input{flex:1;border:1.5px solid var(--line);border-radius:999px;padding:8px 14px;font:inherit;font-size:14px}
.b-karte{background:#fff;border-radius:var(--r);box-shadow:var(--shadow);margin-bottom:10px;overflow:hidden}
.b-karte summary{display:grid;grid-template-columns:90px 1fr auto 110px;gap:14px;align-items:center;padding:14px 18px;cursor:pointer;list-style:none}
.b-karte summary::-webkit-details-marker{display:none}.b-karte[open] summary{border-bottom:1px solid var(--line)}
.b-nr{font-weight:800;color:var(--accent)}.b-name{display:grid;font-weight:600}.b-name small{color:var(--ink2);font-weight:400}.b-summe{text-align:right}
.b-innen{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;padding:16px 18px}.b-innen.einzeln{grid-template-columns:1fr}
.b-innen h4{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink2)}
.b-pos{list-style:none;padding:0;margin:0 0 10px}.b-pos li{display:flex;flex-wrap:wrap;gap:6px;padding:6px 0;border-bottom:1px solid var(--line);font-size:14px}.b-pos li span{margin-left:auto;font-weight:600}
.b-pos small{color:var(--ink2);width:100%}
.wunschtext{width:100%;background:#eef8f9;border-radius:8px;padding:6px 10px;font-weight:600;white-space:pre-wrap}
.beleg{display:inline-block;font-size:13px;font-weight:600;color:var(--accent);margin:4px 8px 0 0;text-decoration:none}
.adresse{margin:0 0 14px;font-size:14px;line-height:1.6}
.verlauf{list-style:none;padding:0;margin:0 0 8px;font-size:13px}.verlauf li{padding:4px 0;border-bottom:1px dashed var(--line)}.verlauf time{color:var(--ink2);margin-right:6px}
.b-aktionen{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 18px 16px;background:#fbfbfc;border-top:1px solid var(--line)}.b-aktionen:empty{display:none}
.adm-form{display:inline-flex!important;flex-wrap:wrap;gap:6px;align-items:center;margin:0}
.adm-form input:not([type=checkbox]),.adm-form select{border:1.5px solid var(--line);border-radius:8px;padding:6px 10px;font:inherit;font-size:13px;width:auto}
.adm-form .btn.klein{margin:0}.btn.rot{color:#a3271b}.mini{font-size:13px;display:flex;gap:4px;align-items:center}
.hinweis-gelb{background:#fff8e6;border:1px solid #f3dd9b;border-radius:10px;padding:8px 12px;font-size:14px;width:100%}
.klein-info{color:var(--ink2);font-size:14px}.rot{color:#a3271b}
.adm table{width:100%;border-collapse:collapse;font-size:14px}.adm td,.adm th{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.adm th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink2)}.adm td.r,.adm th.r{text-align:right;white-space:nowrap}
.adm code{font-size:12px;color:var(--ink2)}
.antwort{white-space:pre-wrap;font:inherit;font-size:14px;background:var(--bg2);border-radius:10px;padding:12px;margin:0}
.adm .meldung{margin-bottom:14px}
@media (max-width:1100px){.kacheln{grid-template-columns:repeat(2,1fr)}.adm-raster{grid-template-columns:1fr}}
@media (max-width:820px){.adm{grid-template-columns:minmax(0,1fr)}.adm-seite{position:static;height:auto;padding:12px;min-width:0}.kacheln{gap:10px}.kachel b{font-size:20px}.adm-kopf span{display:none}.adm-seite nav{display:flex;overflow-x:auto;gap:4px}
.adm-seite nav a{white-space:nowrap;padding:8px 10px;font-size:14px}.adm-shop{display:none}.adm-haupt{padding:16px}
.b-karte summary{grid-template-columns:1fr auto;gap:6px 10px}.b-innen{grid-template-columns:1fr}.mini-b{grid-template-columns:60px 1fr auto}.mini-b>b:last-child{display:none}}
.land-fest{background:var(--bg2);border-radius:10px;padding:10px 14px;font-size:14px}.land-fest small{color:var(--ink2)}
.farb-reihe,.font-reihe{display:flex;flex-wrap:wrap;gap:8px}
.farb-wahl{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:5px 12px 5px 6px;font:inherit;font-size:13px;cursor:pointer}
.farb-wahl.aktiv,.font-wahl.aktiv{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.fp{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);background:#ccc}
.fp-silber{background:linear-gradient(135deg,#e9ecef,#b8bec5 45%,#eef0f2 60%,#a9b0b8)}.fp-gold{background:linear-gradient(135deg,#f6e27a,#cba135 45%,#f8e9a1 60%,#b8892b)}
.fp-kupfer{background:linear-gradient(135deg,#e0a17a,#b06a3f 50%,#d99a72)}.fp-weiss{background:#fbfbf9}.fp-gelb{background:#f5c800}.fp-grau{background:#8a8f94}
.fp-schwarz{background:#151515}.fp-rot{background:#b3201f}.fp-blau{background:#1f4fa3}.fp-gruen{background:#08705c}.fp-anthrazit{background:#3a3f44}.fp-messing{background:linear-gradient(135deg,#e8c972,#b8923a 50%,#e2c27a)}
.font-wahl{border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:7px 12px;font-size:16px;cursor:pointer;line-height:1.2}
/* Support-Chat */
.chat-knopf{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;align-items:center;gap:8px;background:var(--accent);color:#fff;border:0;border-radius:999px;padding:12px 18px 12px 14px;font:700 15px/1 inherit;box-shadow:0 10px 30px rgba(6,131,145,.35);cursor:pointer;transition:.15s}
.chat-knopf:hover{background:var(--accent2);transform:translateY(-2px)}
.chat{position:fixed;right:18px;bottom:18px;z-index:61;width:380px;max-width:calc(100vw - 32px);height:560px;max-height:calc(100vh - 36px);background:#fff;border-radius:20px;box-shadow:0 24px 60px rgba(15,34,56,.25);display:flex;flex-direction:column;overflow:hidden}
.chat header{background:var(--navy);color:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}
.chat header small{display:block;color:#9fd3d8;font-size:12px;margin-top:2px}.chat header button{background:none;border:0;color:#fff;font-size:28px;line-height:1;cursor:pointer;padding:0 4px}
.chat-verlauf{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--bg2)}
.chat-blase{max-width:86%;padding:10px 13px;border-radius:16px;font-size:14.5px;line-height:1.45;overflow-wrap:anywhere}
.chat-blase.bot{background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px;align-self:flex-start}
.chat-blase.kunde{background:var(--accent);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}
.chat-blase a{color:var(--accent);font-weight:600}.chat-blase.kunde a{color:#fff}
.chat-produkt{display:block;margin:6px 0;padding:8px 10px;background:var(--bg2);border-radius:10px;text-decoration:none}
.chat-formular{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;display:grid;gap:8px;align-self:stretch}
.chat-formular input,.chat-formular textarea{font:inherit;font-size:14px;padding:9px 11px;border:1.5px solid var(--line);border-radius:10px;width:100%;resize:vertical}
.chat-formular input:focus,.chat-formular textarea:focus{outline:0;border-color:var(--accent)}
.chat-schnell{display:flex;gap:6px;overflow-x:auto;padding:8px 12px;border-top:1px solid var(--line);scrollbar-width:none}
.chat-schnell button{flex:none;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:6px 11px;font:600 13px/1 inherit;color:var(--ink2);cursor:pointer}
.chat-schnell button:hover{border-color:var(--accent);color:var(--accent)}
.chat-eingabe{display:flex;gap:8px;padding:10px 12px 12px;border-top:1px solid var(--line)}
.chat-eingabe input{flex:1;min-width:0;font:inherit;font-size:15px;padding:10px 14px;border:1.5px solid var(--line);border-radius:999px}
.chat-eingabe input:focus{outline:0;border-color:var(--accent)}
.chat-eingabe button{background:var(--accent);color:#fff;border:0;border-radius:50%;width:42px;height:42px;font-size:17px;cursor:pointer}
.chat-tippt{display:inline-flex;gap:4px}.chat-tippt i{width:7px;height:7px;border-radius:50%;background:#9aa4b2;animation:tippt 1s infinite}
.chat-tippt i:nth-child(2){animation-delay:.15s}.chat-tippt i:nth-child(3){animation-delay:.3s}
@keyframes tippt{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}
@media(max-width:560px){.chat{right:0;bottom:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.chat-knopf span{display:none}.chat-knopf{padding:14px}}
.fp-opalgruen{background:#1f7a52}.fp-signalblau{background:#1f4fa3}.fp-pink{background:#e4579a}.fp-violett,.fp-lila{background:#6f3aa6}
/* Produktbild begrenzt (Patrick 31.10.): feste Hoechstgroesse, Klick vergroessert */
.produkt{grid-template-columns:minmax(0,520px) minmax(0,1fr)}
.galerie{max-width:520px;width:100%}.haupt{max-height:min(520px,70vh);cursor:zoom-in}.haupt img{max-height:min(520px,70vh)}
.zoom{position:fixed;inset:0;z-index:200;background:rgba(10,14,18,.88);display:grid;place-items:center;padding:24px;cursor:zoom-out}
.zoom img{max-width:min(1100px,100%);max-height:calc(100vh - 48px);object-fit:contain;background:#fff;border-radius:12px}
.zoom button{position:absolute;top:14px;right:18px;background:none;border:0;color:#fff;font-size:34px;line-height:1;cursor:pointer}
@media (max-width:980px){.produkt{grid-template-columns:1fr}.galerie{margin:0 auto}.haupt{max-height:min(420px,80vw)}.haupt img{max-height:min(420px,80vw)}}

/* Klingelschild-Motive in der Live-Vorschau (Patrick 31.10.) */
:root{--mo-herz:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 36'%3E%3Cpath d='M20 33C8 24 3 18 3 11 3 6 7 3 11.5 3 15 3 18 5 20 8 22 5 25 3 28.5 3 33 3 37 6 37 11 37 18 32 24 20 33Z' fill='none' stroke='%23000' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E");--mo-herz2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 36'%3E%3Cg fill='none' stroke='%23000' stroke-width='2.4' stroke-linejoin='round'%3E%3Cpath d='M20 33C8 24 3 18 3 11 3 6 7 3 11.5 3 15 3 18 5 20 8 22 5 25 3 28.5 3 33 3 37 6 37 11 37 18 32 24 20 33Z'/%3E%3Cpath transform='translate%2822 0%29' d='M20 33C8 24 3 18 3 11 3 6 7 3 11.5 3 15 3 18 5 20 8 22 5 25 3 28.5 3 33 3 37 6 37 11 37 18 32 24 20 33Z'/%3E%3C/g%3E%3C/svg%3E");--mo-herzdeko:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-5 -5 54 50'%3E%3Cg transform='rotate%28-12 22 20%29' fill='none' stroke='%23000' stroke-linejoin='round'%3E%3Cpath stroke-width='2.4' d='M22 36C9 26 3 19 3 12 3 6 8 2 13 2 17 2 20 4 22 8 24 4 27 2 31 2 36 2 41 6 41 12 41 19 35 26 22 36Z'/%3E%3Cpath stroke-width='1.6' d='M22 31C12 23 8 18 8 13 8 9 11 6.5 14 6.5 17 6.5 19.5 8.5 22 12'/%3E%3C/g%3E%3C/svg%3E");--mo-herzgross:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 90'%3E%3Cpath fill-rule='evenodd' d='M50 87C22 66 1 48 3 25 5 9 20 0 35 3 43 5 48 11 50 17 53 8 63 1 76 3 93 6 101 24 95 42 89 59 72 72 50 87ZM50 74C30 59 14 45 15 27 16 16 25 10 34 12 42 14 47 21 50 30 54 19 61 13 71 13 82 14 88 24 85 38 81 52 68 63 50 74Z'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.6' stroke-linejoin='round' d='M42 52C34 46 30 42 30 37 30 33 33 31 36 31 39 31 41 33 42 35 43 33 45 31 48 31 51 31 54 33 54 37 54 42 50 46 42 52Z'/%3E%3C/svg%3E");--mo-anker:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 62'%3E%3Cg fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='25' cy='7' r='4.5'/%3E%3Cpath d='M25 11.5V56M13 20H37M5 39Q8 55 25 56 42 55 45 39'/%3E%3C/g%3E%3Cpath d='M1 43 5 33 11 41Z M49 43 45 33 39 41Z'/%3E%3C/svg%3E");--mo-ahre:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 100'%3E%3Cpath d='M20 99C19 75 22 50 20 9' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3Cellipse cx='20' cy='8' rx='2.4' ry='5.5'/%3E%3Cellipse cx='15.5' cy='18' rx='2.6' ry='6.5' transform='rotate%28-32 15.5 18%29'/%3E%3Cellipse cx='24.5' cy='22' rx='2.6' ry='6.5' transform='rotate%2832 24.5 22%29'/%3E%3Cellipse cx='15.3' cy='27' rx='2.6' ry='6.5' transform='rotate%28-32 15.3 27%29'/%3E%3Cellipse cx='24.7' cy='31' rx='2.6' ry='6.5' transform='rotate%2832 24.7 31%29'/%3E%3Cellipse cx='15.1' cy='36' rx='2.6' ry='6.5' transform='rotate%28-32 15.1 36%29'/%3E%3Cellipse cx='24.9' cy='40' rx='2.6' ry='6.5' transform='rotate%2832 24.9 40%29'/%3E%3Cellipse cx='14.9' cy='45' rx='2.6' ry='6.5' transform='rotate%28-32 14.9 45%29'/%3E%3Cellipse cx='25.1' cy='49' rx='2.6' ry='6.5' transform='rotate%2832 25.1 49%29'/%3E%3Cellipse cx='14.7' cy='54' rx='2.6' ry='6.5' transform='rotate%28-32 14.7 54%29'/%3E%3Cellipse cx='25.3' cy='58' rx='2.6' ry='6.5' transform='rotate%2832 25.3 58%29'/%3E%3Cellipse cx='14.5' cy='63' rx='2.6' ry='6.5' transform='rotate%28-32 14.5 63%29'/%3E%3Cellipse cx='25.5' cy='67' rx='2.6' ry='6.5' transform='rotate%2832 25.5 67%29'/%3E%3Cellipse cx='14.3' cy='72' rx='2.6' ry='6.5' transform='rotate%28-32 14.3 72%29'/%3E%3Cellipse cx='25.7' cy='76' rx='2.6' ry='6.5' transform='rotate%2832 25.7 76%29'/%3E%3Cellipse cx='14.1' cy='81' rx='2.6' ry='6.5' transform='rotate%28-32 14.1 81%29'/%3E%3Cellipse cx='25.9' cy='85' rx='2.6' ry='6.5' transform='rotate%2832 25.9 85%29'/%3E%3Cpath d='M20 92C12 86 8 80 7 72' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3Cellipse cx='8' cy='70' rx='2.2' ry='5' transform='rotate%28-20 8 70%29'/%3E%3Cg transform='translate%2837 19%29 scale%281.9%29 translate%28-31 -14%29'%3E%3Cpath d='M31 14C33 8 39 7 38 12 37 15 33 15 31 14ZM31 14C28 10 23 11 25 15 26 17 29 16 31 14Z'/%3E%3Cpath d='M31 14 33 9' stroke='%23000' stroke-width='.8' fill='none'/%3E%3C/g%3E%3C/svg%3E");--mo-ahre_r:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 100'%3E%3Cg transform='translate%2848 0%29 scale%28-1 1%29'%3E%3Cpath d='M20 99C19 75 22 50 20 9' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3Cellipse cx='20' cy='8' rx='2.4' ry='5.5'/%3E%3Cellipse cx='15.5' cy='18' rx='2.6' ry='6.5' transform='rotate%28-32 15.5 18%29'/%3E%3Cellipse cx='24.5' cy='22' rx='2.6' ry='6.5' transform='rotate%2832 24.5 22%29'/%3E%3Cellipse cx='15.3' cy='27' rx='2.6' ry='6.5' transform='rotate%28-32 15.3 27%29'/%3E%3Cellipse cx='24.7' cy='31' rx='2.6' ry='6.5' transform='rotate%2832 24.7 31%29'/%3E%3Cellipse cx='15.1' cy='36' rx='2.6' ry='6.5' transform='rotate%28-32 15.1 36%29'/%3E%3Cellipse cx='24.9' cy='40' rx='2.6' ry='6.5' transform='rotate%2832 24.9 40%29'/%3E%3Cellipse cx='14.9' cy='45' rx='2.6' ry='6.5' transform='rotate%28-32 14.9 45%29'/%3E%3Cellipse cx='25.1' cy='49' rx='2.6' ry='6.5' transform='rotate%2832 25.1 49%29'/%3E%3Cellipse cx='14.7' cy='54' rx='2.6' ry='6.5' transform='rotate%28-32 14.7 54%29'/%3E%3Cellipse cx='25.3' cy='58' rx='2.6' ry='6.5' transform='rotate%2832 25.3 58%29'/%3E%3Cellipse cx='14.5' cy='63' rx='2.6' ry='6.5' transform='rotate%28-32 14.5 63%29'/%3E%3Cellipse cx='25.5' cy='67' rx='2.6' ry='6.5' transform='rotate%2832 25.5 67%29'/%3E%3Cellipse cx='14.3' cy='72' rx='2.6' ry='6.5' transform='rotate%28-32 14.3 72%29'/%3E%3Cellipse cx='25.7' cy='76' rx='2.6' ry='6.5' transform='rotate%2832 25.7 76%29'/%3E%3Cellipse cx='14.1' cy='81' rx='2.6' ry='6.5' transform='rotate%28-32 14.1 81%29'/%3E%3Cellipse cx='25.9' cy='85' rx='2.6' ry='6.5' transform='rotate%2832 25.9 85%29'/%3E%3Cpath d='M20 92C12 86 8 80 7 72' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3Cellipse cx='8' cy='70' rx='2.2' ry='5' transform='rotate%28-20 8 70%29'/%3E%3Cg transform='translate%2837 19%29 scale%281.9%29 translate%28-31 -14%29'%3E%3Cpath d='M31 14C33 8 39 7 38 12 37 15 33 15 31 14ZM31 14C28 10 23 11 25 15 26 17 29 16 31 14Z'/%3E%3Cpath d='M31 14 33 9' stroke='%23000' stroke-width='.8' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");--mo-ahre_klein:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 100'%3E%3Cpath d='M20 99C19 75 22 50 20 9' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3Cellipse cx='20' cy='8' rx='2.4' ry='5.5'/%3E%3Cellipse cx='15.5' cy='18' rx='2.6' ry='6.5' transform='rotate%28-32 15.5 18%29'/%3E%3Cellipse cx='24.5' cy='22' rx='2.6' ry='6.5' transform='rotate%2832 24.5 22%29'/%3E%3Cellipse cx='15.3' cy='27' rx='2.6' ry='6.5' transform='rotate%28-32 15.3 27%29'/%3E%3Cellipse cx='24.7' cy='31' rx='2.6' ry='6.5' transform='rotate%2832 24.7 31%29'/%3E%3Cellipse cx='15.1' cy='36' rx='2.6' ry='6.5' transform='rotate%28-32 15.1 36%29'/%3E%3Cellipse cx='24.9' cy='40' rx='2.6' ry='6.5' transform='rotate%2832 24.9 40%29'/%3E%3Cellipse cx='14.9' cy='45' rx='2.6' ry='6.5' transform='rotate%28-32 14.9 45%29'/%3E%3Cellipse cx='25.1' cy='49' rx='2.6' ry='6.5' transform='rotate%2832 25.1 49%29'/%3E%3Cellipse cx='14.7' cy='54' rx='2.6' ry='6.5' transform='rotate%28-32 14.7 54%29'/%3E%3Cellipse cx='25.3' cy='58' rx='2.6' ry='6.5' transform='rotate%2832 25.3 58%29'/%3E%3Cellipse cx='14.5' cy='63' rx='2.6' ry='6.5' transform='rotate%28-32 14.5 63%29'/%3E%3Cellipse cx='25.5' cy='67' rx='2.6' ry='6.5' transform='rotate%2832 25.5 67%29'/%3E%3Cellipse cx='14.3' cy='72' rx='2.6' ry='6.5' transform='rotate%28-32 14.3 72%29'/%3E%3Cellipse cx='25.7' cy='76' rx='2.6' ry='6.5' transform='rotate%2832 25.7 76%29'/%3E%3Cellipse cx='14.1' cy='81' rx='2.6' ry='6.5' transform='rotate%28-32 14.1 81%29'/%3E%3Cellipse cx='25.9' cy='85' rx='2.6' ry='6.5' transform='rotate%2832 25.9 85%29'/%3E%3Cpath d='M20 92C12 86 8 80 7 72' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3Cellipse cx='8' cy='70' rx='2.2' ry='5' transform='rotate%28-20 8 70%29'/%3E%3Cg transform='translate%2837 19%29 scale%281.9%29 translate%28-31 -14%29'%3E%3Cpath d='M31 14C33 8 39 7 38 12 37 15 33 15 31 14ZM31 14C28 10 23 11 25 15 26 17 29 16 31 14Z'/%3E%3Cpath d='M31 14 33 9' stroke='%23000' stroke-width='.8' fill='none'/%3E%3C/g%3E%3C/svg%3E");}
.mo{display:none;position:absolute;z-index:1;background:currentColor;pointer-events:none;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.schild[data-motiv] .mo{display:block}
.schild[data-motiv] .schild-text{white-space:pre}
.schild-text span{display:block}
.schild[data-motiv=abgerundet]{border-radius:16px}
.schild[data-motiv=herz] .m1{--m:var(--mo-herzdeko);left:3%;top:6%;width:15%;height:34%}
.schild[data-motiv=herz] .m2{--m:var(--mo-herzdeko);right:3%;bottom:6%;width:12%;height:27%;transform:scaleX(-1)}
.schild[data-motiv=herz] .schild-text{max-width:70%}
.schild[data-motiv=strich] .m1{left:6%;right:6%;top:49%;height:max(1.5px,1.2cqh);-webkit-mask:none;mask:none}
.schild[data-motiv=strich] .schild-text{position:absolute;inset:7% 7%;max-width:none;max-height:none;display:flex;flex-direction:column;justify-content:space-between}
.schild[data-motiv=strich] .z-kopf{text-align:left}.schild[data-motiv=strich] .z-fuss{text-align:right}
.schild[data-motiv=anker] .m1{--m:var(--mo-anker);right:4%;top:10%;height:80%;width:22%}
.schild[data-motiv=anker] .schild-text{max-width:68%;margin-right:22%}
.schild[data-motiv=blumen] .m1{--m:var(--mo-ahre);left:2%;top:5%;height:90%;width:16%}
.schild[data-motiv=blumen] .m2{--m:var(--mo-ahre_r);right:2%;top:5%;height:90%;width:16%}
.schild[data-motiv=blumen] .schild-text{max-width:64%}
.schild[data-motiv^=strich-] .schild-text{max-width:90%;max-height:92%}
.teiler{display:flex!important;align-items:center;gap:4%;margin:3cqh auto;width:86cqw;height:var(--th,18cqh)}
.teiler::before,.teiler::after{content:"";flex:1;height:max(1.5px,1.3cqh);background:currentColor}
.teiler i{height:100%;aspect-ratio:40/36;background:currentColor;-webkit-mask:var(--mo-herz) center/contain no-repeat;mask:var(--mo-herz) center/contain no-repeat}
.schild[data-motiv=strich-2herzen] .teiler i{aspect-ratio:62/36;-webkit-mask-image:var(--mo-herz2);mask-image:var(--mo-herz2)}
.schild[data-motiv$=willkommen] .schild-text{position:absolute;inset:8% 8% 8% 8%;max-width:none;max-height:none;display:flex;flex-direction:column;justify-content:center;padding-top:20%}
.schild[data-motiv$=willkommen] .z-kopf{position:absolute;top:0;left:0;text-align:left;font-weight:400;font-style:italic}
.schild[data-motiv=herz-willkommen] .m1{--m:var(--mo-herzgross);right:8%;top:7%;width:26%;height:38%;transform:rotate(14deg)}
.schild[data-motiv=herz-willkommen] .m2{--m:var(--mo-herzdeko);left:6%;top:50%;width:17%;height:25%}
.schild[data-motiv=blumen-willkommen] .m1{--m:var(--mo-ahre_klein);left:4%;bottom:5%;width:14%;height:55%}
.schild[data-motiv=blumen-willkommen] .m2{--m:var(--mo-ahre);right:3%;top:4%;width:18%;height:92%}
.schild[data-motiv=blumen-willkommen] .schild-text{inset:8% 22% 8% 18%}
.schild[data-motiv=blumen-willkommen] .z-kopf{left:-12%}