:root{--ink:#2b2b2b;--muted:#6b665f;--line:#e6e0d6;--bg:#faf8f5;--card:#fff;--sand:#f1ece3;--sand-2:#e8e1d5;--stone:#d6cfc3;--brand:#b8262b;--brand-dark:#96191e;--brand-light:#e2434a;--brand-tint:#f8eaea;--brand-ink:#fff;--ok:#1a7f37;--err:#b42318;--radius:12px}
*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--ink);text-decoration-color:var(--brand);text-underline-offset:2px}a:hover{color:var(--brand)}h1,h2,h3{line-height:1.2;margin:0 0 .5em}h1{font-size:2.2rem}h2{font-size:1.5rem}p{margin:0 0 1em}
.top{display:flex;align-items:center;gap:24px;padding:14px 24px;background:var(--card);border-bottom:1px solid var(--line)}.top .brand{font-weight:800;font-size:1.25rem;color:var(--ink);text-decoration:none;margin-right:auto;display:flex;align-items:center}.top .brand img{display:block;height:36px;width:auto}
.top nav{display:flex;gap:18px;align-items:center}.top nav a{color:var(--ink);text-decoration:none;white-space:nowrap}.top nav a.btn,.top nav a.btn:hover{color:var(--brand-ink)}.langs{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;font-size:.8rem;font-weight:600}.langs a{padding:3px 9px;color:var(--muted);text-decoration:none}.langs a.active{background:var(--ink);color:#fff}.langs a:hover:not(.active){color:var(--ink);background:var(--sand)}.top .inline{display:inline}
.btn{display:inline-block;background:var(--brand);transition:background .15s;color:var(--brand-ink);padding:10px 18px;border-radius:8px;text-decoration:none;border:0;cursor:pointer;font:inherit;font-weight:600}.btn.small{padding:6px 12px;font-size:.9rem}.btn:hover{background:var(--brand-dark);color:var(--brand-ink)}.btn.ghost{background:var(--card);color:var(--ink);border:1px solid var(--ink)}.btn.ghost:hover{background:var(--sand);color:var(--ink)}.btn.danger{background:var(--err)}
button.link{background:none;border:0;color:var(--ink);cursor:pointer;font:inherit;padding:0}
.flash{max-width:1000px;margin:16px auto 0;padding:12px 16px;border-radius:8px;background:#fff3cd}.flash.ok{background:#dcfce7;color:var(--ok)}.flash.err{background:#fee2e2;color:var(--err)}
main.page{max-width:1000px;margin:32px auto;padding:0 16px}main.wide{max-width:1200px;margin:24px auto;padding:0 16px}
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;padding:40px 0}.hero p.lead{font-size:1.2rem;color:var(--muted)}.hero .actions{display:flex;gap:12px;margin-top:20px}
.mock{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:0 12px 40px rgba(0,0,0,.08)}.mock .t{font-weight:700}.mock .s{color:var(--muted);font-size:.9rem;margin-bottom:10px}.mock .row{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}.mock .img{display:block;width:44px;height:44px;border-radius:8px;object-fit:cover;background:linear-gradient(135deg,var(--sand-2),#d9cdb8)}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:24px 0 40px}.step{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.step .n{display:inline-block;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;text-align:center;line-height:28px;font-weight:700;margin-bottom:10px}
.features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:40px}.feature{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.feature h3{font-size:1.05rem}
section{margin:40px 0}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}pre{background:var(--ink);color:#f1ece3;padding:14px;border-radius:8px;overflow:auto}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:20px}
form.stack{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;max-width:520px}label{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;font-weight:600;font-size:.95rem}label small{font-weight:400;color:var(--muted)}
input[type=text],input[type=email],input[type=password],input[type=url],input[type=number],select,textarea{width:100%;min-width:0;max-width:100%;padding:10px;border:1px solid var(--stone);border-radius:8px;font:inherit;font-size:16px;background:var(--card);color:var(--ink)}textarea{min-height:140px;font-family:ui-monospace,Menlo,monospace;font-size:.9em}textarea.tall{min-height:320px}
.auth{max-width:440px;margin:40px auto}
table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--sand);font-size:.9rem}tr:last-child td{border-bottom:0}
.badge{display:inline-block;white-space:nowrap;padding:2px 8px;border-radius:999px;font-size:.8rem;background:var(--sand-2)}.badge.live{background:#dcfce7;color:var(--ok)}.badge.preview{background:#fef3c7;color:#92400e}.badge.disabled{background:#fee2e2;color:var(--err)}
.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.grid2>*,.card,form.stack>*{min-width:0}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.toolbar h1{margin:0;margin-right:auto}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.tabs a{padding:8px 12px;border-radius:8px;background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--ink)}.tabs a.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.muted{color:var(--muted)}.right{text-align:right}.mono{font-family:ui-monospace,Menlo,monospace}
.foot{max-width:1000px;margin:60px auto 30px;padding:0 16px;display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--muted);font-size:.9rem}.foot a{color:var(--muted)}
@media(max-width:1000px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.hero,.steps,.features,.grid2,.design{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){table:not(.stack){display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}table:not(.stack) td,table:not(.stack) th{white-space:normal;min-width:64px}table:not(.stack) td.right{min-width:84px}
}
/* Verwaltungs-Shell */
.admin{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}.admin .content{min-width:0}
.side{position:sticky;top:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:10px}
.side .who{padding:8px 10px 12px;border-bottom:1px solid var(--line);margin-bottom:8px;display:grid;gap:2px}.side .who select{padding:6px 8px;font-size:15px}
.side nav{display:grid;gap:2px}.side nav a{display:block;padding:9px 12px;border-radius:8px;color:var(--ink);text-decoration:none}.side nav a:hover{background:var(--sand)}.side nav a.active{background:var(--ink);color:#fff}
.side .side-more{display:block;margin-top:10px;padding:6px 12px;font-size:.9rem;color:var(--muted);text-decoration:none}.side .side-more:hover{color:var(--brand)}
.crumbs{margin:0 0 6px;font-size:.9rem;color:var(--muted)}.crumbs a{color:var(--muted)}
.head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.head h1{margin:0;margin-right:auto;font-size:1.8rem}.head p{width:100%;margin:0;color:var(--muted)}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.kpi .v{font-size:1.9rem;font-weight:700;line-height:1.1}.kpi .l{color:var(--muted);font-size:.9rem;margin-top:4px}.kpi .s{margin-top:8px;font-size:.85rem;color:var(--muted)}
.todo{list-style:none;margin:0;padding:0;display:grid;gap:10px}.todo li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start}.todo .m{width:26px;height:26px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-size:.8rem;font-weight:700;color:var(--muted)}.todo li.done .m{background:var(--ok);border-color:var(--ok);color:#fff}.todo li.done .t{color:var(--muted);text-decoration:line-through}.todo .t{font-weight:600}.todo small{display:block;color:var(--muted);font-weight:400}.todo pre{margin:6px 0 0;font-size:.85em}
.empty{padding:28px;text-align:center;color:var(--muted)}.empty .btn{margin-top:12px}
details.adv{border:1px solid var(--line);border-radius:8px;padding:10px 14px;background:#fcfaf7}details.adv summary{cursor:pointer;font-weight:600}details.adv>*:not(summary){margin-top:12px}
@media(max-width:900px){.admin{grid-template-columns:minmax(0,1fr)}.side{position:static;padding:8px}.side .who{border:0;margin:0;padding:4px 6px 8px}.side nav{display:flex;flex-wrap:wrap;gap:6px}.side nav a{white-space:nowrap;padding:7px 12px;border:1px solid var(--line);font-size:.95rem}.side nav a.active{border-color:var(--ink)}.side .side-more{margin-top:8px;padding:4px 6px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.kpis{grid-template-columns:minmax(0,1fr)}}
/* Zwischen 901 und 1100px nimmt die Seitenleiste Platz weg: zweispaltige Bloecke der Verwaltung untereinander */
@media(min-width:901px) and (max-width:1100px){.admin .grid2{grid-template-columns:minmax(0,1fr)!important}}
/* Trigger-Tab */
.trigs{display:grid;gap:12px}.trig{margin:0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;transition:opacity .15s}.trig.off .trig-body{opacity:.45}.trig.off .trig-icon{color:var(--muted)}
.trig-head{display:flex;align-items:center;gap:14px}.trig-icon{width:34px;height:34px;flex:none;color:var(--ink);background:var(--sand);border-radius:10px;padding:6px}.trig.off .trig-icon{background:var(--sand);opacity:.6}
.trig-title{flex:1;min-width:0;display:grid;gap:2px}.trig-title strong{font-size:1.05rem}.trig-title small{color:var(--muted)}
.trig-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:14px 24px;margin-top:14px;padding-left:48px}.trig-body .field{display:grid;gap:6px;min-width:0;align-content:start;justify-items:start}.trig-body .fl{font-size:.85rem;font-weight:600;color:var(--muted)}.trig-sum{line-height:1.4}
.trig-body .raw{grid-column:1/-1}.raw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.raw-grid label{font-size:.85rem}
.seg{display:inline-flex;flex-wrap:wrap;background:var(--sand);border-radius:9px;padding:3px;gap:2px;max-width:100%}.seg label{position:relative;display:block;font-weight:500;font-size:.9rem}.seg input{position:absolute;opacity:0;width:0;height:0}.seg span{display:block;padding:6px 12px;border-radius:7px;cursor:pointer;color:var(--ink);white-space:nowrap}.seg input:checked+span{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.12);color:var(--ink);font-weight:600}.seg input:focus-visible+span{outline:2px solid var(--brand);outline-offset:1px}
.switch{position:relative;display:inline-block;width:46px;height:26px;flex:none}.switch input{position:absolute;opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;background:var(--stone);border-radius:26px;transition:background .15s;cursor:pointer}.switch span::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .15s}.switch input:checked+span{background:var(--ok)}.switch input:checked+span::after{transform:translateX(20px)}.switch input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}
.savebar{position:sticky;bottom:0;display:flex;align-items:center;gap:16px;justify-content:flex-end;background:rgba(250,248,245,.92);backdrop-filter:blur(6px);padding:12px 0;margin-top:8px;border-top:1px solid var(--line)}.savebar .muted{margin-right:auto;font-size:.9rem}
@media(max-width:700px){.trig-body{grid-template-columns:minmax(0,1fr);padding-left:0}.savebar .muted{display:none}}
/* Formularfelder im Kartenstil */
.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px 28px}.fields>label{align-content:start}.fields>.field,.field{display:grid;gap:6px;min-width:0;align-content:start;justify-items:start}.fl{font-size:.85rem;font-weight:600;color:var(--muted)}
.inline-input{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.switch-row{display:flex;align-items:flex-start;gap:12px;font-weight:500;cursor:pointer}.switch-row>.switch{margin-top:1px}.switch-row small{display:block;font-weight:400;color:var(--muted)}
.lang-tag{display:inline-block;min-width:34px;text-align:center;padding:2px 8px;border-radius:6px;background:var(--ink);color:#fff;font-size:.8rem;font-family:ui-monospace,Menlo,monospace;vertical-align:middle}
textarea.mono{font-family:ui-monospace,Menlo,monospace}
.danger-zone{border-color:#fecaca}.danger-zone h3{color:var(--err)}
.card>h2:first-child,.card>h3:first-child{margin-bottom:12px}.card>.muted:first-of-type{margin-bottom:14px}
.emb-list{display:grid;gap:8px}.emb{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px 16px;align-items:center;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#fcfaf7}.emb.off .emb-name,.emb.off .field,.emb.off .emb-more{opacity:.45}.emb-name{display:grid;gap:1px}.emb-name small{font-size:.8rem}
.emb .field{gap:4px}.emb .fl{font-size:.75rem}.emb .seg span{padding:4px 12px}
.emb-more{display:none;grid-column:2/-1;grid-template-columns:minmax(0,1fr) 140px;gap:12px}.show-more .emb-more{display:grid}.emb-more label{font-size:.85rem}.emb-more input{padding:7px 9px}
@media(max-width:600px){.emb{grid-template-columns:auto minmax(0,1fr)}.emb .field{grid-column:2}.emb-more{grid-template-columns:minmax(0,1fr)}}
.design{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding:32px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.design h2{margin-bottom:.4em}.design .lead{color:var(--muted);font-size:1.1rem}
.checks{list-style:none;margin:16px 0 22px;padding:0;display:grid;gap:10px}.checks li{position:relative;padding-left:30px}.checks li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:var(--ok)}.checks li::after{content:"";position:absolute;left:6px;top:7px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.design .actions{display:flex;gap:12px;flex-wrap:wrap}
.mock-alt{background:#1E262B;color:#F5F4F0;border-color:#1E262B;font-family:Georgia,serif}.mock-alt .s{color:#B9BFC3}.mock-alt .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;font-size:.85rem;font-family:system-ui,sans-serif}.mock-alt .tiles .img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:10px;background:#3F6B57;margin-bottom:6px}
@media(max-width:800px){.design{grid-template-columns:minmax(0,1fr);padding:22px 18px}.mock-alt .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
.faq-list{display:grid;gap:8px;max-width:820px}.faq-list details{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:0 18px}.faq-list summary{cursor:pointer;padding:14px 28px 14px 0;font-weight:600;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;right:0;top:12px;font-size:1.3rem;color:var(--muted);line-height:1}.faq-list details[open] summary::after{content:"–"}.faq-a{padding:0 0 14px;color:var(--ink)}.faq-a p{margin:0;max-width:70ch}
/* Hilfe */
.help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.help-card{display:grid;gap:6px;padding:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);text-decoration:none}.help-card:hover{border-color:var(--brand)}.help-card .n{width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;font-size:.8rem;font-weight:700;display:grid;place-items:center}.help-card strong{font-size:1.05rem}.help-card span:last-child{color:var(--muted);font-size:.92rem}
.help{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:start}.help-toc{position:sticky;top:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:10px}.help-toc .help-home{display:block;padding:6px 12px 10px;font-weight:700;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);margin-bottom:6px}.help-toc nav{display:grid;gap:2px}.help-toc nav a{display:block;padding:8px 12px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:.95rem}.help-toc nav a.active{background:var(--ink);color:#fff}.help-toc nav a:hover:not(.active){background:var(--sand)}
.doc{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px 32px;max-width:860px}.doc h1{font-size:1.9rem;margin-bottom:.6em}.doc h2{font-size:1.25rem;margin:1.8em 0 .5em;padding-top:.4em}.doc h3{font-size:1.05rem;margin:1.4em 0 .4em}.doc p,.doc li{max-width:72ch}.doc .lead{font-size:1.1rem;color:var(--muted)}.doc ul,.doc ol{padding-left:22px}.doc li{margin:6px 0}.doc table{margin:12px 0;font-size:.95rem}.doc pre{font-size:.9em;white-space:pre-wrap}.doc code{background:var(--sand);padding:1px 5px;border-radius:4px}.doc pre code{background:none;padding:0}:not(pre)>code{overflow-wrap:anywhere}.doc .note{background:var(--sand);border-left:4px solid var(--brand);padding:12px 16px;border-radius:0 8px 8px 0;margin:20px 0}.doc-next{margin-top:32px;padding-top:16px;border-top:1px solid var(--line);font-weight:600}
@media(max-width:900px){.help{grid-template-columns:minmax(0,1fr)}.help-toc{position:static;padding:8px}.help-toc .help-home{border:0;padding:4px 8px 6px;margin:0}.help-toc nav{display:flex;overflow-x:auto;gap:4px}.help-toc nav a{white-space:nowrap}.doc{padding:20px 16px}.help-grid{grid-template-columns:minmax(0,1fr)}}
@media(min-width:901px) and (max-width:1100px){.help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tabs .tabs-help{order:99;margin-left:auto;border-style:dashed;color:var(--muted)}.tabs .tabs-help:hover{color:var(--brand);border-color:var(--brand)}
.embed-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px}.embed-opt{display:grid;gap:8px;align-content:start;justify-items:start;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fcfaf7}.embed-opt small{color:var(--muted)}.embed-opt pre{font-size:.8em;white-space:pre-wrap;word-break:break-all;width:100%;box-sizing:border-box}
@media(max-width:900px){.embed-opts{grid-template-columns:minmax(0,1fr)}}
.kpis-5{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:1100px){.kpis-5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.kpis-5{grid-template-columns:repeat(2,minmax(0,1fr))}}
.chart{width:100%;height:auto;display:block}.legend{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px}
.kpis-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1000px){.kpis-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.kpis-4{grid-template-columns:minmax(0,1fr)}}
@media(max-width:800px){.grid2[style]{grid-template-columns:minmax(0,1fr)!important}}
/* Kopfzeile bis 900px (darueber passt die Navigation in eine Zeile): Logo, Sprache und Menue-Knopf in einer Zeile, das Logo schrumpft statt umzubrechen, Navigation klappt darunter auf */
.menu-btn{display:none;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);cursor:pointer}.menu-btn:hover{background:var(--sand)}.menu-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.menu-btn .i-close{display:none}.top.open .menu-btn .i-open{display:none}.top.open .menu-btn .i-close{display:inline}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:900px){.top{flex-wrap:wrap;gap:10px;padding:10px 16px}.top nav{flex-wrap:wrap}.top .brand{flex:1 1 0;min-width:0}.top .brand img{height:26px;max-width:100%;object-fit:contain;object-position:left}
.top.has-menu .menu-btn{display:inline-flex}.top.has-menu nav{display:none}.top.has-menu.open nav{display:flex;order:10;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;padding:6px 0 4px;border-top:1px solid var(--line)}
.top.has-menu.open nav>a,.top.has-menu.open nav button.link{display:block;padding:11px 4px;border-bottom:1px solid var(--line);text-align:left;width:100%}.top.has-menu.open nav .inline{display:block}.top.has-menu.open nav a.btn{margin-top:10px;text-align:center;border:0}}
/* Tabellen der Verwaltung am Handy als gestapelte Karten: erste Zelle bzw. .full ueber die ganze Breite, sonst zwei Spalten mit Beschriftung aus data-label */
@media(max-width:700px){table.stack,table.stack tbody{display:block;border:0;background:none;border-radius:0;overflow:visible}table.stack tr:first-child{display:none}
table.stack tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;align-items:start;padding:12px 14px;margin-bottom:10px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}table.stack tr:last-child{margin-bottom:0}
table.stack td{display:block;border:0;padding:0;min-width:0;text-align:left;white-space:normal!important;width:auto!important;overflow-wrap:anywhere}table.stack td:first-child,table.stack td.full{grid-column:1/-1}table.stack td:empty{display:none}
table.stack td[data-label]::before{content:attr(data-label);display:block;font-size:.78rem;color:var(--muted);margin-bottom:2px}table.stack select{width:100%}.card table.stack tr{background:var(--bg)}}
/* Breite Tabellen (z.B. Produkte) scrollen oberhalb der Kartenansicht waagerecht in ihrem Rahmen statt die Seite zu verbreitern */
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}@media(max-width:700px){.table-scroll{overflow:visible}}
.prod{display:flex;gap:12px;align-items:flex-start}.prod img{flex:0 0 auto;object-fit:cover;border-radius:6px;background:#f1f5f9}.prod>div{min-width:0}
.seg .lv-custom span{font-style:italic}
.kpi .v.v-sm{font-size:1.4rem;line-height:1.35}

/* Koederfeld fuer Bots: fuer Menschen unsichtbar, nicht per display:none (manche Bots ueberspringen das) */
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}