/* mm-box Komponenten · setzt tokens.css voraus · Präfix mm- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--mm-c-bg);color:var(--mm-c-text);font-family:var(--mm-font-body);font-size:var(--mm-fs-0);line-height:var(--mm-lh-body)}
img{max-width:100%;height:auto;display:block}
a{color:var(--mm-c-accent);text-underline-offset:.18em}
a:hover{color:var(--mm-c-accent-strong)}
:focus-visible{outline:3px solid var(--mm-c-focus);outline-offset:2px}
h1,h2,h3,h4{font-family:var(--mm-font-head);font-weight:var(--mm-head-weight);font-stretch:var(--mm-head-stretch);line-height:var(--mm-lh-head);margin:0 0 var(--mm-sp-3);letter-spacing:-.01em}
h1{font-size:var(--mm-fs-5)}h2{font-size:var(--mm-fs-3)}h3{font-size:var(--mm-fs-1)}
p{margin:0 0 var(--mm-sp-4)}
.mm-wrap{width:100%;max-width:var(--mm-container);margin:0 auto;padding:0 var(--mm-sp-4)}
.mm-section{padding:var(--mm-sp-7) 0}
.mm-section--alt{background:var(--mm-c-surface);border-block:var(--mm-border-w) solid var(--mm-c-border)}
.mm-eyebrow{font-size:var(--mm-fs-m1);text-transform:uppercase;letter-spacing:.08em;color:var(--mm-c-muted);font-weight:600;margin-bottom:var(--mm-sp-2);display:block}
.mm-lead{font-size:var(--mm-fs-1);color:var(--mm-c-muted);max-width:var(--mm-measure)}
.mm-muted{color:var(--mm-c-muted)}
.mm-grid{display:grid;gap:var(--mm-sp-5)}
.mm-grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.mm-grid--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.mm-grid--4{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.mm-split{display:grid;gap:var(--mm-sp-6);grid-template-columns:1fr}
@media(min-width:900px){.mm-split{grid-template-columns:2fr 1fr}.mm-split--gleich{grid-template-columns:1fr 1fr}}

/* Kopf */
.mm-header{background:var(--mm-c-surface);border-bottom:var(--mm-border-w) solid var(--mm-c-border);position:sticky;top:0;z-index:10}
.mm-header--dunkel{background:var(--mm-c-inverse);border:0}
.mm-header--dunkel .mm-logo,.mm-header--dunkel .mm-nav a:not(.mm-btn){color:var(--mm-c-on-inverse)}
.mm-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--mm-sp-4);min-height:64px}
.mm-logo{display:inline-block;line-height:var(--mm-touch);min-height:var(--mm-touch);font-family:var(--mm-font-head);font-weight:800;font-size:var(--mm-fs-1);color:var(--mm-c-text);text-decoration:none;white-space:nowrap}
.mm-logo span{color:var(--mm-c-accent)}
.mm-nav{display:none;gap:var(--mm-sp-5)}
.mm-nav a{display:inline-flex;align-items:center;min-height:var(--mm-touch);color:var(--mm-c-text);text-decoration:none;font-weight:500;font-size:var(--mm-fs-m1)}
.mm-nav-toggle{min-height:var(--mm-touch);min-width:var(--mm-touch);border:var(--mm-border-w) solid var(--mm-c-control-border);background:transparent;border-radius:var(--mm-r-s);color:inherit;font:inherit}
.mm-header--dunkel .mm-nav-toggle{color:var(--mm-c-on-inverse);border-color:var(--mm-c-on-inverse)}
@media(min-width:900px){.mm-nav{display:flex}.mm-nav-toggle{display:none}}

/* Schaltflächen */
.mm-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:var(--mm-touch);padding:0 var(--mm-sp-5);border-radius:var(--mm-r-pill);background:var(--mm-c-accent);color:var(--mm-c-on-accent);font-weight:700;text-decoration:none;border:2px solid var(--mm-c-accent);font-family:var(--mm-font-body);font-size:var(--mm-fs-0);cursor:pointer}
.mm-btn:hover{background:var(--mm-c-accent-strong);color:var(--mm-c-on-accent)}
.mm-btn--linie{background:transparent;color:var(--mm-c-accent)}
.mm-btn--linie:hover{background:var(--mm-c-accent-soft);color:var(--mm-c-accent)}
.mm-btn--breit{width:100%}

/* Formularfelder */
.mm-feld{display:flex;flex-direction:column;gap:var(--mm-sp-1);font-size:var(--mm-fs-m1);font-weight:600}
.mm-feld input,.mm-feld select{min-height:var(--mm-touch);padding:0 var(--mm-sp-3);border:var(--mm-border-w) solid var(--mm-c-control-border);border-width:max(1px,var(--mm-border-w));border-radius:var(--mm-r-s);background:var(--mm-c-surface);color:var(--mm-c-text);font:inherit;font-weight:400;font-size:var(--mm-fs-0)}

/* Karten */
.mm-karte{background:var(--mm-c-surface);border:var(--mm-border-w) solid var(--mm-c-border);border-width:max(1px,var(--mm-border-w));border-radius:var(--mm-r-m);box-shadow:var(--mm-sh-1);overflow:hidden;display:flex;flex-direction:column}
.mm-karte__body{padding:var(--mm-sp-4);display:flex;flex-direction:column;gap:var(--mm-sp-2);flex:1}
.mm-karte h3{margin:0}
.mm-karte{position:relative}
.mm-karte h3 a{display:block;padding:.15em 0;text-decoration:none;color:var(--mm-c-text)}
.mm-karte h3 a::after{content:"";position:absolute;inset:0}
.mm-karte h3 a:hover{color:var(--mm-c-accent)}
.mm-karte .mm-btn{position:relative;z-index:1}
.mm-bild{aspect-ratio:16/9;background:linear-gradient(135deg,var(--mm-c-accent-soft),var(--mm-c-accent2-soft));display:flex;align-items:center;justify-content:center;color:var(--mm-c-muted);font-size:var(--mm-fs-m1)}
.mm-bild--hoch{aspect-ratio:4/3}
.mm-kachel{display:flex;gap:var(--mm-sp-3);align-items:flex-start;padding:var(--mm-sp-4);background:var(--mm-c-surface);border:var(--mm-border-w) solid var(--mm-c-border);border-width:max(1px,var(--mm-border-w));border-radius:var(--mm-r-m);text-decoration:none;color:var(--mm-c-text);font-weight:600;min-height:var(--mm-touch)}
.mm-kachel:hover{border-color:var(--mm-c-accent);color:var(--mm-c-accent)}
.mm-kachel__nr{font-family:var(--mm-font-mono);color:var(--mm-c-accent);font-size:var(--mm-fs-m1)}
.mm-chip{display:inline-flex;align-items:center;min-height:var(--mm-touch);padding:0 var(--mm-sp-4);border-radius:var(--mm-r-pill);border:1px solid var(--mm-c-control-border);background:var(--mm-c-surface);color:var(--mm-c-text);text-decoration:none;font-size:var(--mm-fs-m1);font-weight:600}
.mm-chips{display:flex;flex-wrap:wrap;gap:var(--mm-sp-2)}

/* Antwort, Stand, Quellen, Fakten */
.mm-antwort{background:var(--mm-c-accent-soft);border-left:4px solid var(--mm-c-accent);border-radius:var(--mm-r-s);padding:var(--mm-sp-4) var(--mm-sp-5);max-width:var(--mm-measure)}
.mm-antwort strong:first-child{display:block;font-size:var(--mm-fs-m1);text-transform:uppercase;letter-spacing:.06em;color:var(--mm-c-accent);margin-bottom:var(--mm-sp-1)}
.mm-stand{display:inline-flex;align-items:center;gap:.4em;font-size:var(--mm-fs-m1);color:var(--mm-c-muted);font-family:var(--mm-font-mono)}
.mm-stand::before{content:"";width:.55em;height:.55em;border-radius:50%;background:var(--mm-c-status-ok)}
.mm-quellen{border:var(--mm-border-w) dashed var(--mm-c-control-border);border-width:max(1px,var(--mm-border-w));border-radius:var(--mm-r-m);padding:var(--mm-sp-4);font-size:var(--mm-fs-m1)}
.mm-quellen ol{margin:var(--mm-sp-2) 0 0;padding-left:1.2em}
.mm-fakten{background:var(--mm-c-surface);border-top:4px solid var(--mm-c-accent);padding:var(--mm-sp-4);box-shadow:var(--mm-sh-1);border-radius:var(--mm-r-s)}
.mm-fakten ul{margin:0;padding-left:1.1em}
.mm-hinweis{background:var(--mm-c-accent2-soft);padding:var(--mm-sp-3) var(--mm-sp-4);border-radius:var(--mm-r-s);font-size:var(--mm-fs-m1)}

/* Kennwerte */
.mm-kennwerte{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:var(--mm-sp-3)}
.mm-kennwert{background:var(--mm-c-surface);border:var(--mm-border-w) solid var(--mm-c-border);border-width:max(1px,var(--mm-border-w));border-radius:var(--mm-r-m);padding:var(--mm-sp-4)}
.mm-kennwert b{display:block;font-family:var(--mm-font-mono);font-size:var(--mm-fs-3);color:var(--mm-c-accent);line-height:1.1}
.mm-kennwert span{font-size:var(--mm-fs-m1);color:var(--mm-c-muted)}

/* Tabellen */
.mm-tabelle-wrap{overflow-x:auto;border:var(--mm-border-w) solid var(--mm-c-border);border-width:max(1px,var(--mm-border-w));border-radius:var(--mm-r-m);background:var(--mm-c-surface)}
.mm-tabelle{width:100%;border-collapse:collapse;font-size:var(--mm-fs-m1)}
.mm-tabelle th,.mm-tabelle td{padding:var(--mm-sp-3);text-align:left;border-bottom:1px solid var(--mm-c-border);vertical-align:top}
.mm-tabelle th{background:var(--mm-c-accent-soft);color:var(--mm-c-text);font-weight:700;white-space:nowrap}
.mm-tabelle td.zahl{font-family:var(--mm-font-mono);text-align:right;white-space:nowrap}
.mm-tabelle tr.sieger td{background:var(--mm-c-accent2-soft)}
.mm-steckbrief th{width:38%;background:transparent;color:var(--mm-c-muted);font-weight:600;white-space:normal}

/* FAQ */
.mm-faq details{border-bottom:1px solid var(--mm-c-border);padding:var(--mm-sp-3) 0}
.mm-faq summary{cursor:pointer;font-weight:700;min-height:var(--mm-touch);display:flex;align-items:center}

/* Listen: News, Einträge, Schritte */
.mm-liste{list-style:none;margin:0;padding:0}
.mm-liste li{display:flex;gap:var(--mm-sp-3);padding:var(--mm-sp-3) 0;border-bottom:1px solid var(--mm-c-border)}
.mm-liste time{font-family:var(--mm-font-mono);font-size:var(--mm-fs-m1);color:var(--mm-c-accent);min-width:3.2em}
.mm-liste a{color:var(--mm-c-text);text-decoration:none;font-weight:600;display:inline-block;padding:.1em 0}
.mm-schritte{counter-reset:s;list-style:none;margin:0;padding:0;display:grid;gap:var(--mm-sp-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.mm-schritte li{counter-increment:s;background:var(--mm-c-surface);border-radius:var(--mm-r-m);padding:var(--mm-sp-5) var(--mm-sp-4) var(--mm-sp-4);border:var(--mm-border-w) solid var(--mm-c-border);border-width:max(1px,var(--mm-border-w))}
.mm-schritte li::before{content:counter(s,decimal-leading-zero);display:block;font-family:var(--mm-font-mono);font-size:var(--mm-fs-2);color:var(--mm-c-accent);margin-bottom:var(--mm-sp-2)}

/* Rubrik, Ticker, Zitat, Autor */
.mm-rubrik{display:flex;align-items:baseline;justify-content:space-between;border-bottom:3px solid var(--mm-c-text);margin-bottom:var(--mm-sp-4);padding-bottom:var(--mm-sp-2)}
.mm-rubrik h2{margin:0;font-size:var(--mm-fs-2)}
.mm-ticker{background:var(--mm-c-accent);color:var(--mm-c-on-accent);font-weight:700;font-size:var(--mm-fs-m1)}
.mm-ticker .mm-wrap{display:flex;gap:var(--mm-sp-3);align-items:center;min-height:40px;overflow:hidden;white-space:nowrap}
.mm-ticker b{background:var(--mm-c-on-accent);color:var(--mm-c-accent);padding:0 .5em;border-radius:var(--mm-r-s)}
.mm-ticker span{overflow:hidden;text-overflow:ellipsis}
.mm-zitat{font-family:var(--mm-font-head);font-size:var(--mm-fs-3);line-height:1.3;border-left:4px solid var(--mm-c-accent);padding-left:var(--mm-sp-5);margin:0;max-width:var(--mm-measure)}
.mm-autor{display:flex;gap:var(--mm-sp-3);align-items:center}
.mm-autor__bild{width:56px;height:56px;border-radius:50%;background:var(--mm-c-accent2-soft);flex:none;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--mm-c-text)}
.mm-dach{font-size:var(--mm-fs-m1);font-weight:700;color:var(--mm-c-accent);text-transform:uppercase;letter-spacing:.05em}

/* Heldenbereich */
.mm-hero{padding:var(--mm-sp-7) 0 var(--mm-sp-6)}
.mm-hero--flaeche{background:var(--mm-c-surface);border-bottom:var(--mm-border-w) solid var(--mm-c-border)}
.mm-hero--dunkel{background:var(--mm-c-inverse);color:var(--mm-c-on-inverse)}
.mm-hero--dunkel .mm-lead,.mm-hero--dunkel .mm-eyebrow{color:var(--mm-c-on-inverse-muted)}
.mm-hero h1{max-width:22ch}
.mm-suche{display:flex;gap:var(--mm-sp-2);flex-wrap:wrap;max-width:640px;margin-top:var(--mm-sp-5)}
.mm-suche input{flex:1 1 220px;min-height:52px;padding:0 var(--mm-sp-4);border:2px solid var(--mm-c-control-border);border-radius:var(--mm-r-pill);font:inherit;background:var(--mm-c-surface);color:var(--mm-c-text)}
.mm-az{display:flex;flex-wrap:wrap;gap:4px}
.mm-az a{min-width:var(--mm-touch);min-height:var(--mm-touch);display:flex;align-items:center;justify-content:center;border:1px solid var(--mm-c-control-border);border-radius:var(--mm-r-s);text-decoration:none;font-family:var(--mm-font-mono);font-weight:600;background:var(--mm-c-surface)}

/* Werkzeug */
.mm-rechner{background:var(--mm-c-surface);border:2px solid var(--mm-c-accent);border-radius:var(--mm-r-l);padding:var(--mm-sp-5);box-shadow:var(--mm-sh-2);display:grid;gap:var(--mm-sp-4)}
.mm-rechner__felder{display:grid;gap:var(--mm-sp-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.mm-ergebnis{background:var(--mm-c-accent-soft);border-radius:var(--mm-r-m);padding:var(--mm-sp-4)}
.mm-ergebnis b{display:block;font-family:var(--mm-font-mono);font-size:var(--mm-fs-4);color:var(--mm-c-accent);line-height:1.1}

/* Produkt */
.mm-produkt .mm-preis{font-family:var(--mm-font-mono);font-size:var(--mm-fs-2);font-weight:700}
.mm-produkt ul{margin:0;padding-left:1.1em;font-size:var(--mm-fs-m1)}
.mm-badge{align-self:flex-start;background:var(--mm-c-accent);color:var(--mm-c-on-accent);font-size:var(--mm-fs-m2);font-weight:700;padding:.25em .7em;border-radius:var(--mm-r-pill);text-transform:uppercase;letter-spacing:.05em}
.mm-werbung{font-size:var(--mm-fs-m2);color:var(--mm-c-muted)}

/* Vertrauen, Kontaktleiste, fixe Mobilaktion */
.mm-vertrauen{display:flex;flex-wrap:wrap;gap:var(--mm-sp-4) var(--mm-sp-6);font-size:var(--mm-fs-m1);font-weight:600;color:var(--mm-c-muted)}
.mm-vertrauen span::before{content:"✓ ";color:var(--mm-c-status-ok)}
.mm-kontaktleiste{background:var(--mm-c-inverse);color:var(--mm-c-on-inverse);font-size:var(--mm-fs-m1)}
.mm-kontaktleiste .mm-wrap{display:flex;justify-content:space-between;gap:var(--mm-sp-3);min-height:36px;align-items:center;flex-wrap:wrap}
.mm-kontaktleiste a{color:inherit;display:inline-flex;align-items:center;min-height:36px}
.mm-mobilaktion{position:fixed;left:var(--mm-sp-3);right:var(--mm-sp-3);bottom:var(--mm-sp-3);display:flex;gap:var(--mm-sp-2);z-index:20}
.mm-mobilaktion .mm-btn{flex:1;box-shadow:var(--mm-sh-2)}
@media(min-width:900px){.mm-mobilaktion{display:none}}
.mm-optionen{display:grid;gap:var(--mm-sp-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.mm-option{min-height:72px;border:2px solid var(--mm-c-control-border);border-radius:var(--mm-r-m);background:var(--mm-c-surface);font:inherit;font-weight:700;color:var(--mm-c-text);cursor:pointer;padding:var(--mm-sp-3)}
.mm-option:hover{border-color:var(--mm-c-accent);background:var(--mm-c-accent-soft)}
.mm-fortschritt{height:8px;background:var(--mm-c-border);border-radius:99px;overflow:hidden}
.mm-fortschritt i{display:block;height:100%;width:33%;background:var(--mm-c-accent)}

/* Fuss */
.mm-footer{background:var(--mm-c-inverse);color:var(--mm-c-on-inverse);padding:var(--mm-sp-7) 0 var(--mm-sp-8);font-size:var(--mm-fs-m1)}
.mm-footer a{color:var(--mm-c-on-inverse);display:inline-block;padding:.55em 0}
.mm-footer .mm-muted{color:var(--mm-c-on-inverse-muted)}
body:has(.mm-mobilaktion){padding-bottom:84px}@media(min-width:900px){body:has(.mm-mobilaktion){padding-bottom:0}}


/* ===== Ausdruck: Display, Hervorhebung, Signal ===== */
.mm-display{font-size:var(--mm-fs-display);font-weight:var(--mm-display-weight);letter-spacing:var(--mm-display-tracking);line-height:var(--mm-lh-display);max-width:16ch}
.mm-hl{color:var(--mm-c-accent)}
.mm-hero--dunkel .mm-hl,.mm-band .mm-hl{color:var(--mm-c-signal)}
.mm-marker{background:linear-gradient(transparent 58%,var(--mm-c-marker) 58%,var(--mm-c-marker) 92%,transparent 92%);padding:0 .08em;color:inherit}
.mm-kringel{position:relative;white-space:nowrap}
.mm-kringel::after{content:"";position:absolute;left:-6%;top:-12%;width:112%;height:124%;border:3px solid var(--mm-c-accent);border-radius:50%;transform:rotate(-3deg);pointer-events:none}
.mm-btn--signal{background:var(--mm-c-signal);border-color:var(--mm-c-signal);color:var(--mm-c-on-signal)}
.mm-btn--signal:hover{filter:brightness(.94);background:var(--mm-c-signal);color:var(--mm-c-on-signal)}
.mm-btn--gross{min-height:56px;padding:0 var(--mm-sp-6);font-size:var(--mm-fs-1)}
.mm-btn .pfeil{display:inline-flex;width:1.6em;height:1.6em;border-radius:50%;background:var(--mm-c-on-signal);color:var(--mm-c-signal);align-items:center;justify-content:center;font-size:.8em}

/* Ankündigungsleiste */
.mm-ankuendigung{background:var(--mm-c-ton-1);color:var(--mm-c-on-ton-1);font-size:var(--mm-fs-m1);text-align:center}
.mm-ankuendigung .mm-wrap{min-height:40px;display:flex;align-items:center;justify-content:center;gap:.5em;flex-wrap:wrap}
.mm-ankuendigung a{color:inherit;font-weight:700;display:inline-flex;align-items:center;min-height:32px}

/* Farbbänder und Tonflächen */
.mm-band{background:var(--mm-c-band);color:var(--mm-c-on-band)}
.mm-band a:not(.mm-btn):not(.mm-chip){color:inherit}
.mm-band .mm-stand,[class*="mm-ton-"] .mm-stand{color:inherit}
.mm-band .mm-lead,.mm-band .mm-muted,.mm-band .mm-eyebrow{color:inherit;opacity:.88}
.mm-ton-1{background:var(--mm-c-ton-1);color:var(--mm-c-on-ton-1)}
.mm-ton-2{background:var(--mm-c-ton-2);color:var(--mm-c-on-ton-2)}
.mm-ton-3{background:var(--mm-c-ton-3);color:var(--mm-c-on-ton-3)}
.mm-ton-4{background:var(--mm-c-ton-4);color:var(--mm-c-on-ton-4)}
[class*="mm-ton-"] .mm-muted,[class*="mm-ton-"] .mm-eyebrow{color:inherit;opacity:.85}
[class*="mm-ton-"] a:not(.mm-btn):not(.mm-chip){color:inherit}
.mm-farbkarte{border-radius:var(--mm-r-l);padding:var(--mm-sp-5);display:flex;flex-direction:column;gap:var(--mm-sp-3);position:relative;overflow:hidden;min-height:220px}
.mm-farbkarte h3 a{text-decoration:none;color:inherit;display:block;padding:.15em 0}
.mm-farbkarte h3 a::after{content:"";position:absolute;inset:0}
.mm-farbkarte .mm-btn{position:relative;z-index:1;align-self:flex-start;margin-top:auto}
.mm-farbkarte img{border-radius:var(--mm-r-m);aspect-ratio:16/10;object-fit:cover;width:100%}

/* Bento */
.mm-bento{display:grid;gap:var(--mm-sp-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
@media(min-width:900px){.mm-bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(170px,auto)}.mm-bento .gross{grid-column:span 2;grid-row:span 2}.mm-bento .breit{grid-column:span 2}}
.mm-bento>*{border-radius:var(--mm-r-l);padding:var(--mm-sp-5);border:var(--mm-border-w) solid var(--mm-c-border);background:var(--mm-c-surface);display:flex;flex-direction:column;justify-content:flex-end;gap:var(--mm-sp-2);position:relative;overflow:hidden}
.mm-bento .zahl{font-family:var(--mm-font-head);font-size:var(--mm-fs-5);font-weight:var(--mm-display-weight);letter-spacing:var(--mm-display-tracking);line-height:1}
.mm-bento .bildkachel{padding:0;justify-content:flex-end;color:#fff;min-height:260px}
.mm-bento .bildkachel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mm-bento .bildkachel span{position:relative;padding:var(--mm-sp-4);background:linear-gradient(transparent,rgba(0,0,0,.72));font-weight:700;font-size:var(--mm-fs-1)}

/* Kennzahlen-Band */
.mm-zahlenband{display:grid;gap:var(--mm-sp-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.mm-zahlenband div{border-top:2px solid currentColor;padding-top:var(--mm-sp-3)}
.mm-zahlenband b{display:block;font-family:var(--mm-font-head);font-size:var(--mm-fs-5);font-weight:var(--mm-display-weight);letter-spacing:var(--mm-display-tracking);line-height:1.05}

/* Foto-Hero mit Beweis-Chips */
.mm-hero-foto{display:grid;gap:var(--mm-sp-6);align-items:center;grid-template-columns:1fr}
@media(min-width:900px){.mm-hero-foto{grid-template-columns:1.1fr .9fr}}
.mm-fotobuehne{position:relative;margin:0 var(--mm-sp-3)}
.mm-fotobuehne img{border-radius:var(--mm-r-l);width:100%;aspect-ratio:4/5;object-fit:cover}
.mm-fotobuehne::before{content:"";position:absolute;inset:8% -4% -4% 8%;background:var(--mm-c-ton-1);border-radius:var(--mm-r-l);z-index:-1}
.mm-beweis{position:absolute;background:var(--mm-c-surface);color:var(--mm-c-text);border-radius:var(--mm-r-m);box-shadow:var(--mm-sh-2);padding:var(--mm-sp-2) var(--mm-sp-3);font-size:var(--mm-fs-m1);font-weight:700;display:flex;align-items:center;gap:.5em;max-width:78%}
.mm-beweis i{font-style:normal;width:1.8em;height:1.8em;border-radius:50%;background:var(--mm-c-signal);color:var(--mm-c-on-signal);display:inline-flex;align-items:center;justify-content:center;flex:none}
.mm-beweis--oben{top:8%;left:-3%}.mm-beweis--unten{bottom:10%;right:-3%}
.mm-hero-foto .mm-display{max-width:14ch}

/* Vollbild-Bildband */
.mm-bildband{position:relative;min-height:min(70vh,560px);display:flex;align-items:flex-end;color:#fff;overflow:hidden}
.mm-bildband img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mm-bildband::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 30%,rgba(0,0,0,.72))}
.mm-bildband .mm-wrap{position:relative;z-index:1;padding-bottom:var(--mm-sp-7)}
.mm-bildband h2{font-size:var(--mm-fs-display);font-weight:var(--mm-display-weight);letter-spacing:var(--mm-display-tracking);line-height:var(--mm-lh-display);max-width:18ch;color:#fff}

/* Linien-Icons */
.mm-icons{display:grid;gap:var(--mm-sp-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.mm-icons svg{width:44px;height:44px;stroke:var(--mm-c-accent);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:var(--mm-sp-2)}
.mm-band .mm-icons svg,[class*="mm-ton-"] .mm-icons svg{stroke:currentColor}

/* Echte Beweise: Platzhalter sichtbar kennzeichnen (Gate "Echte Beweise") */
[data-beleg="fehlt"]{position:relative}
[data-beleg="fehlt"]::before{content:"Beispielwert · Beleg nötig";position:absolute;top:-10px;right:0;font:700 10px/1 var(--mm-font-mono);background:#FFE14D;color:#111;padding:3px 6px;border-radius:4px;z-index:2;letter-spacing:.03em}

/* Echte Bilder in Karten */
.mm-karte img.mm-foto{aspect-ratio:16/9;object-fit:cover;width:100%}
.mm-foto--hoch{aspect-ratio:4/3!important}
.mm-aufmacher img{border-radius:var(--mm-r-m);width:100%;aspect-ratio:4/3;object-fit:cover}

/* Dunkle Richtungen: Rahmen statt Schatten, Bento betont */
@media(prefers-reduced-motion:no-preference){.mm-karte,.mm-farbkarte,.mm-bento>*{transition:transform .18s ease,box-shadow .18s ease}.mm-karte:hover,.mm-farbkarte:hover{transform:translateY(-2px);box-shadow:var(--mm-sh-2)}}
.mm-verlauf{background:radial-gradient(120% 90% at 85% 20%,var(--mm-c-accent2) 0%,transparent 55%),radial-gradient(90% 80% at 20% 90%,var(--mm-c-accent) 0%,transparent 60%),var(--mm-c-surface)}

/* ===== Unterseiten: Lesefläche bleibt ruhig, unabhängig vom Ausdruck ===== */
.mm-brotkrumen{font-size:var(--mm-fs-m1);color:var(--mm-c-muted);padding-top:var(--mm-sp-4)}
.mm-brotkrumen ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.2em .5em}
.mm-brotkrumen li+li::before{content:"›";margin-right:.5em;color:var(--mm-c-muted)}
.mm-brotkrumen a{color:var(--mm-c-muted);display:inline-flex;min-height:28px;min-width:24px;justify-content:center;align-items:center}
.mm-kopfzeile{padding-top:var(--mm-sp-5);padding-bottom:var(--mm-sp-5)}
.mm-kopfzeile h1{max-width:24ch;font-size:var(--mm-fs-5)}
.mm-meta{display:flex;flex-wrap:wrap;gap:var(--mm-sp-2) var(--mm-sp-5);align-items:center;font-size:var(--mm-fs-m1);color:var(--mm-c-muted)}
.mm-leselayout{display:grid;gap:var(--mm-sp-6);grid-template-columns:minmax(0,1fr)}
@media(min-width:1000px){.mm-leselayout{grid-template-columns:minmax(0,1fr) 280px}.mm-leselayout--links{grid-template-columns:240px minmax(0,1fr)}}
.mm-prosa{max-width:var(--mm-measure);font-size:calc(var(--mm-fs-0) * 1.04)}
.mm-prosa h2{margin-top:var(--mm-sp-7);scroll-margin-top:90px}
.mm-prosa h3{margin-top:var(--mm-sp-5)}
.mm-prosa ul,.mm-prosa ol{padding-left:1.3em;margin:0 0 var(--mm-sp-4)}
.mm-prosa li{margin-bottom:var(--mm-sp-2)}
.mm-prosa>*+.mm-antwort,.mm-prosa>*+.mm-hinweis,.mm-prosa>*+.mm-tabelle-wrap,.mm-prosa>*+figure{margin-top:var(--mm-sp-5)}
.mm-prosa .mm-tabelle-wrap,.mm-prosa figure,.mm-prosa .mm-hinweis{margin-bottom:var(--mm-sp-5)}
.mm-initiale::first-letter{float:left;font-family:var(--mm-font-head);font-size:3.4em;line-height:.9;padding:.06em .1em 0 0;color:var(--mm-c-accent);font-weight:var(--mm-display-weight)}
.mm-figur{margin:0}
.mm-figur img{border-radius:var(--mm-r-m);width:100%;aspect-ratio:16/9;object-fit:cover}
.mm-figur figcaption{font-size:var(--mm-fs-m1);color:var(--mm-c-muted);margin-top:var(--mm-sp-2)}
.mm-figur figcaption small{display:block;font-size:var(--mm-fs-m2)}
.mm-inhalt{position:sticky;top:84px;align-self:start;font-size:var(--mm-fs-m1);border-left:2px solid var(--mm-c-border);padding-left:var(--mm-sp-4)}
.mm-inhalt strong{display:block;margin-bottom:var(--mm-sp-2)}
.mm-inhalt ol{list-style:none;margin:0;padding:0}
.mm-inhalt a{display:flex;align-items:center;min-height:32px;color:var(--mm-c-muted);text-decoration:none}
.mm-inhalt a:hover{color:var(--mm-c-accent)}
.mm-inhalt details summary{font-weight:700;min-height:var(--mm-touch);display:flex;align-items:center;cursor:pointer}
.mm-inhalt details>strong{display:none}
@media(min-width:1000px){.mm-inhalt details>strong{display:block}}
@media(min-width:1000px){.mm-inhalt details summary{display:none}.mm-inhalt details>ol{display:block}}
.mm-seitenleiste{display:grid;gap:var(--mm-sp-4);align-content:start}
.mm-vorteile{display:grid;gap:var(--mm-sp-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.mm-vorteile>div{border-radius:var(--mm-r-m);padding:var(--mm-sp-4);background:var(--mm-c-surface);border:1px solid var(--mm-c-border)}
.mm-vorteile ul{list-style:none;padding:0;margin:var(--mm-sp-2) 0 0}
.mm-vorteile li{padding-left:1.5em;position:relative;margin-bottom:var(--mm-sp-2)}
.mm-vorteile .plus li::before{content:"+";position:absolute;left:0;font-weight:800;color:var(--mm-c-status-ok)}
.mm-vorteile .minus li::before{content:"−";position:absolute;left:0;font-weight:800;color:var(--mm-c-status-warnung)}
.mm-sieger{display:grid;gap:var(--mm-sp-4);grid-template-columns:1fr;background:var(--mm-c-surface);border:2px solid var(--mm-c-accent);border-radius:var(--mm-r-l);padding:var(--mm-sp-5);box-shadow:var(--mm-sh-2)}
@media(min-width:760px){.mm-sieger{grid-template-columns:260px 1fr}}
.mm-sieger img{border-radius:var(--mm-r-m);aspect-ratio:1;object-fit:cover;width:100%}
@media(max-width:699px){
 .mm-tabelle--karten thead{display:none}
 .mm-tabelle--karten,.mm-tabelle--karten tbody,.mm-tabelle--karten tr,.mm-tabelle--karten td{display:block;width:100%}
 .mm-tabelle--karten tr{border-bottom:2px solid var(--mm-c-border);padding:var(--mm-sp-2) 0}
 .mm-tabelle--karten td{border:0;padding:var(--mm-sp-1) var(--mm-sp-3);text-align:left!important;display:flex;justify-content:space-between;gap:var(--mm-sp-3)}
 .mm-tabelle--karten td::before{content:attr(data-label);font-weight:600;color:var(--mm-c-muted)}
}
.mm-blaettern{display:flex;justify-content:space-between;gap:var(--mm-sp-3);flex-wrap:wrap;border-top:1px solid var(--mm-c-border);padding-top:var(--mm-sp-4);margin-top:var(--mm-sp-6)}
.mm-blaettern a{display:flex;flex-direction:column;min-height:var(--mm-touch);text-decoration:none;font-weight:700}
.mm-blaettern small{color:var(--mm-c-muted);font-weight:400}
.mm-kartenfeld{aspect-ratio:16/10;border-radius:var(--mm-r-m);background:repeating-linear-gradient(45deg,var(--mm-c-accent-soft) 0 12px,var(--mm-c-surface) 12px 24px);display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--mm-sp-4);color:var(--mm-c-text);font-size:var(--mm-fs-m1);border:1px solid var(--mm-c-border)}
.mm-naehe li{justify-content:space-between}
.mm-naehe span{font-family:var(--mm-font-mono);font-size:var(--mm-fs-m1);color:var(--mm-c-muted);white-space:nowrap}
.mm-autorbox{display:flex;gap:var(--mm-sp-4);align-items:flex-start;background:var(--mm-c-surface);border:1px solid var(--mm-c-border);border-radius:var(--mm-r-m);padding:var(--mm-sp-4);margin-top:var(--mm-sp-6)}
.mm-autorbox .mm-autor__bild{width:72px;height:72px}
.mm-teaser{font-size:var(--mm-fs-1);font-weight:600;max-width:var(--mm-measure)}

/* Bild-Platzhalter in Block-Mustern (wird im Editor durch ein Bild ersetzt) */
.mm-fotobuehne .mm-bild--platzhalter{aspect-ratio:4/5;border-radius:var(--mm-r-l)}
.mm-bento .bildkachel .mm-bild--platzhalter,.mm-bildband .mm-bild--platzhalter{position:absolute;inset:0;aspect-ratio:auto}

/* Linien-Icons als CSS-Maske: bleiben erhalten, auch wenn WordPress <svg> aus Inhalten entfernt */
.mm-icon{display:block;width:44px;height:44px;background:var(--mm-c-accent);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;margin-bottom:var(--mm-sp-2)}
.mm-band .mm-icon,[class*="mm-ton-"] .mm-icon{background:currentColor}
.mm-icon--haken{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012.5l5%205L20%206.5%22/%3E%3C/svg%3E")}
.mm-icon--schild{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203l8%203v6c0%204.5-3.4%208-8%209-4.6-1-8-4.5-8-9V6z%22/%3E%3Cpath%20d%3D%22M8.5%2012l2.5%202.5%204.5-5%22/%3E%3C/svg%3E")}
.mm-icon--uhr{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22/%3E%3Cpath%20d%3D%22M12%207v5l3%202%22/%3E%3C/svg%3E")}
.mm-icon--quelle{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h9l3%203v15H6z%22/%3E%3Cpath%20d%3D%22M9%2011h6M9%2015h6M9%207h3%22/%3E%3C/svg%3E")}
.mm-icon--ort{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021s7-6.2%207-12a7%207%200%2010-14%200c0%205.8%207%2012%207%2012z%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%229%22%20r%3D%222.5%22/%3E%3C/svg%3E")}
.mm-icon--rechner{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%2214%22%20height%3D%2218%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M8%207h8M8%2012h2M12%2012h2M16%2012h0M8%2016h2M12%2016h2M16%2016h0%22/%3E%3C/svg%3E")}