/* ══ Modul Magazin · assets/mag.css ══════════════════════════════════════════
   Spiegel-artiges Layout. Wird nach style.css geladen; alles hängt an body.mag-site.
   Schriften: Bitter (Auszeichnungen) + Roboto (Text), beide frei (OFL / Apache). */
@font-face{font-family:'Bitter';src:url('fonts/magazin/bitter-latin-ext-wght-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Bitter';src:url('fonts/magazin/bitter-latin-ext-wght-italic.woff2') format('woff2');font-weight:100 900;font-style:italic;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Bitter';src:url('fonts/magazin/bitter-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bitter';src:url('fonts/magazin/bitter-latin-wght-italic.woff2') format('woff2');font-weight:100 900;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Roboto variabel: alle Schnitte von Light bis Black, gerade und kursiv */
@font-face{font-family:'Roboto';src:url('fonts/magazin/roboto-latin-ext-wght-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Roboto';src:url('fonts/magazin/roboto-latin-ext-wght-italic.woff2') format('woff2');font-weight:100 900;font-style:italic;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Roboto';src:url('fonts/magazin/roboto-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Roboto';src:url('fonts/magazin/roboto-latin-wght-italic.woff2') format('woff2');font-weight:100 900;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

body.mag-site{
  --m-red:#c4161c; --m-ink:#141414; --m-muted:#6b6b6b; --m-line:#e2e2e2; --m-soft:#f4f3f1; --m-max:1240px;
  --m-head:"Bitter", Georgia, serif; --m-text:"Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;
  --m-nav-h:44px;
  font-family:var(--m-text); color:var(--m-ink); background:#fff; line-height:1.45; -webkit-font-smoothing:antialiased;
}
body.mag-site h1, body.mag-site h2, body.mag-site h3{ text-transform:none; color:inherit; margin:0; font-family:var(--m-head); }
body.mag-site p{ margin:0; }
.m-wrap{max-width:var(--m-max);margin:0 auto;padding:0 20px}

/* Kopf */
.m-topbar{font-size:12px;color:var(--m-muted);border-bottom:1px solid var(--m-line)}
.m-topbar .m-wrap{display:flex;justify-content:space-between;gap:12px;padding-top:6px;padding-bottom:6px}
.m-topbar a:hover{color:var(--m-ink)}
.m-mast{padding:18px 0 14px;text-align:center}
.m-logo{display:inline-block;line-height:0}
.m-logo img{height:46px;width:auto}
.m-logo-text{font-family:var(--m-head);font-weight:800;font-size:40px;line-height:1;letter-spacing:.01em}
.m-claim{font-family:var(--m-head);font-size:12px;color:var(--m-muted);margin-top:8px;letter-spacing:.08em}
.m-nav{position:sticky;top:0;z-index:200;background:var(--m-ink);color:#fff}
.m-nav .m-wrap{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.m-nav .m-wrap::-webkit-scrollbar{display:none}
.m-nav a{white-space:nowrap;font-family:var(--m-head);font-size:15px;font-weight:600;padding:11px 12px;color:#fff}
.m-nav a:hover,.m-nav a.on{background:var(--m-red)}
.m-nav .m-right{margin-left:auto;display:flex}
.m-nav .m-lang a{font-size:13px;opacity:.8;padding-left:8px;padding-right:8px}
.m-nav .m-lang a.on{opacity:1;background:transparent;text-decoration:underline}
.m-draft{background:#fff7d6;border-bottom:1px solid #ecd98a;font-size:13px;text-align:center;padding:6px 12px}
.m-draft a{text-decoration:underline}
/* Sprungziele nicht unter der klebenden Leiste verstecken (+15 px Luft) */
body.mag-site [id]{scroll-margin-top:calc(var(--m-nav-h) + 15px)}

/* Bausteine */
.m-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;margin-top:22px}
.m-layout.m-full{grid-template-columns:minmax(0,1fr)}
.m-kicker{display:block;color:var(--m-red);font-family:var(--m-head);font-weight:700;font-size:13px;letter-spacing:.02em;margin-bottom:4px}
.m-adflag{display:inline-block;font-family:var(--m-text);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--m-muted);border:1px solid var(--m-line);padding:0 5px;margin-left:6px;vertical-align:2px}
.m-hl{font-family:var(--m-head);font-weight:700;font-style:italic;line-height:1.12;letter-spacing:-.005em}
.m-teaser{display:block;color:inherit}
.m-teaser p{color:#333;font-size:15px;margin-top:6px}
.m-teaser:hover .m-hl{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.m-meta{font-size:12px;color:var(--m-muted);margin-top:8px}
.m-pic{overflow:hidden;background:var(--m-soft)}
.m-pic img{width:100%;height:100%;object-fit:cover;display:block}
.m-pic.fit-contain{background:#0b0b0b}
.m-pic.fit-contain img{object-fit:contain}
.m-pic.empty{background:repeating-linear-gradient(45deg,rgba(0,0,0,.04) 0 10px,transparent 10px 20px)}

.m-lead{border-bottom:1px solid var(--m-line);padding-bottom:22px}
.m-lead .m-pic{aspect-ratio:16/9;margin-bottom:14px}
.m-lead .m-hl{font-size:40px}
.m-lead p{font-size:18px;max-width:46em}

.m-row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:22px 0;border-bottom:1px solid var(--m-line)}
.m-row3 .m-pic{aspect-ratio:3/2;margin-bottom:10px}
.m-row3 .m-hl{font-size:21px}

.m-section{padding:26px 0 8px}
.m-section-head{display:flex;align-items:baseline;gap:12px;border-top:3px solid var(--m-ink);padding-top:8px;margin-bottom:16px}
.m-section-head h2{font-family:var(--m-head);font-size:21px;font-weight:700}
.m-section-head a{margin-left:auto;font-size:13px;color:var(--m-red);font-weight:600}
.m-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px}
.m-grid .m-big .m-pic{aspect-ratio:3/2;margin-bottom:10px}
.m-grid .m-big .m-hl{font-size:26px}
/* Rubrik mit nur einem Artikel: Bild links, Text rechts */
.m-grid.one .m-big{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;grid-column:1/-1;align-items:start}
.m-grid.one .m-big .m-pic{margin-bottom:0}
.m-list .m-teaser{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:14px;padding:0 0 14px;margin-bottom:14px;border-bottom:1px solid var(--m-line)}
.m-list .m-teaser:last-child{border-bottom:0;margin-bottom:0}
.m-list .m-pic{aspect-ratio:1/1}
.m-list .m-hl{font-size:18px}
.m-list p{font-size:14px}

/* Seitenspalte */
body.mag-site .m-side h3{font-family:var(--m-head);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-top:3px solid var(--m-ink);padding-top:8px;margin-bottom:10px}
.m-toc{list-style:none;counter-reset:n;margin:0 0 24px;padding:0}
.m-toc li{counter-increment:n;display:grid;grid-template-columns:28px 1fr;gap:6px;padding:9px 0;border-bottom:1px solid var(--m-line);font-size:14px;font-weight:500;line-height:1.3}
.m-toc li::before{content:counter(n);font-family:var(--m-head);font-size:22px;font-weight:700;color:var(--m-red);line-height:1}
.m-toc small{display:block;font-weight:400;color:var(--m-muted);font-size:12px;margin-top:2px}
.m-sticky{position:sticky;top:calc(var(--m-nav-h) + 16px)}

/* Ressort-Seite */
.m-page-head{padding:22px 0 6px}
.m-page-head h1{font-family:var(--m-head);font-size:34px;font-weight:700}
.m-page-head p{color:var(--m-muted);margin-top:4px}
.m-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 24px;padding:22px 0}
.m-cards .m-pic{aspect-ratio:3/2;margin-bottom:10px}
.m-cards .m-hl{font-size:20px}
.m-pager{display:flex;gap:10px;justify-content:center;padding:10px 0 30px;font-weight:500}
.m-pager a,.m-pager span{padding:6px 12px;border:1px solid var(--m-line)}
.m-pager span{background:var(--m-ink);color:#fff;border-color:var(--m-ink)}

/* Archiv */
.m-archive h2{font-family:var(--m-head);font-size:20px;font-weight:700;border-top:3px solid var(--m-ink);padding-top:8px;margin:26px 0 8px}
.m-archive ul{list-style:none;margin:0;padding:0}
.m-archive li a{display:grid;grid-template-columns:110px 1fr 160px;gap:14px;padding:9px 0;border-bottom:1px solid var(--m-line)}
.m-archive li a:hover strong{text-decoration:underline}
.m-archive .d{color:var(--m-muted);font-size:13px}
.m-archive .r{color:var(--m-red);font-size:13px;font-weight:600;text-align:right}
.m-filter{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.m-filter a{font-size:13px;padding:4px 10px;border:1px solid var(--m-line);border-radius:20px}
.m-filter a.on{background:var(--m-ink);color:#fff;border-color:var(--m-ink)}

/* Artikel */
.m-article{max-width:760px}
.m-crumbs{font-size:13px;color:var(--m-muted);margin-bottom:14px}
.m-crumbs a{color:var(--m-red);font-weight:600}
.m-article > .m-hl{font-size:44px}
.m-intro{font-size:20px;font-weight:500;line-height:1.45;margin-top:14px !important}
.m-byline{font-size:13px;color:var(--m-muted);margin:14px 0 18px;padding:10px 0;border-top:1px solid var(--m-line);border-bottom:1px solid var(--m-line);display:flex;gap:14px;flex-wrap:wrap}
.m-figure{margin:0 0 22px}
.m-figure .m-pic{aspect-ratio:16/9}
.m-figure .m-pic:not(.fit-contain){aspect-ratio:auto}
.m-pic-link{display:block}
.m-figure .m-pic:not(.fit-contain) img{height:auto;max-height:640px}
.m-figure figcaption{font-size:12px;color:var(--m-muted);margin-top:6px}
.m-body .page-blocks{gap:0}
.m-body .block-grid{max-width:none}
.m-body .text-cell{font-size:18px !important;line-height:1.65}
.m-body .text-cell h2{font-family:var(--m-head);font-style:italic;font-size:22px;font-weight:700;margin:24px 0 8px}
.m-body .text-cell div{margin-bottom:14px}
.m-licbox{background:var(--m-ink);color:#fff;padding:18px 22px;margin:26px 0}
.m-licbox .m-kicker{color:#ff6b6b}
.m-licbox strong{font-family:var(--m-head);font-size:22px;font-style:italic}
.m-licbox p{color:#cfcfcf;font-size:14px;margin-top:4px}
.m-more{margin-top:34px}
.m-more .m-row3{border-bottom:0;padding-top:0}

/* Fuß */
.m-foot{background:var(--m-ink);color:#bdbdbd;margin-top:40px;padding:28px 0;font-size:13px}
.m-foot .m-wrap{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center}
.m-foot a:hover{color:#fff}
.m-foot-logo{height:18px;width:auto;filter:invert(1);vertical-align:-3px}
.m-foot strong{color:#fff}

/* Normale Seiten (Impressum …) im Magazin-Rahmen */
.m-plain{max-width:880px;margin:0 auto;padding:22px 0 10px}
.m-plain > h1{font-family:var(--m-head);font-size:34px;margin-bottom:14px}

/* Rubrik „2 nebeneinander“ / „3 nebeneinander“ */
.m-row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.m-row2 .m-pic{aspect-ratio:3/2;margin-bottom:10px}
.m-row2 .m-hl{font-size:24px}
.m-sec-row{padding-top:0;border-bottom:0}

/* Werbeplätze – immer mit „Anzeige“ gekennzeichnet */
.m-pl{position:relative;text-align:center}
.m-pl-flag{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--m-muted);text-align:left;margin-bottom:3px}
.m-pl-inart .m-pl-flag{text-align:center}
.m-pl img{display:block;max-width:100%;height:auto;margin:0 auto}
.m-pl a{display:block}
.m-bb{margin-top:16px}
.m-bb .m-pl img{width:100%}
.m-pl-rect{margin-bottom:24px}
.m-pl-sky{margin-bottom:24px}
.m-pl-inart{margin:8px 0 26px;padding:10px 0 14px;border-top:1px solid var(--m-line);border-bottom:1px solid var(--m-line)}
.m-cb{padding:18px 0}
.m-cb .m-pl img{width:100%}

/* Schmal */
@media (max-width:980px){
  .m-layout{grid-template-columns:minmax(0,1fr)}
  /* Seitenspalte rutscht unter den Inhalt: Anzeigen zentriert, nichts klebt */
  .m-side{border-top:1px solid var(--m-line);padding-top:18px;margin-top:6px}
  .m-side .m-pl{max-width:340px;margin-left:auto;margin-right:auto}
  .m-side .m-pl-flag{text-align:center}
  .m-sticky{position:static}
}
@media (max-width:760px){
  .m-logo img{height:30px}
  .m-logo-text{font-size:28px}
  .m-lead .m-hl{font-size:28px}
  .m-lead p{font-size:16px}
  .m-row3,.m-row2,.m-cards{grid-template-columns:1fr;gap:18px}
  .m-row3 .m-teaser,.m-row2 .m-teaser,.m-cards .m-teaser{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px}
  .m-row3 .m-pic,.m-row2 .m-pic,.m-cards .m-pic{order:2;aspect-ratio:1/1;margin:0}
  .m-row2 .m-hl{font-size:21px}
  .m-bb{margin-top:10px}
  .m-grid{grid-template-columns:1fr}
  .m-grid.one .m-big{grid-template-columns:1fr}
  .m-grid.one .m-big .m-pic{margin-bottom:10px}
  .m-article > .m-hl{font-size:30px}
  .m-intro{font-size:17px}
  .m-body .text-cell{font-size:17px !important}
  .m-topbar .m-wrap span:last-child{display:none}
  .m-archive li a{grid-template-columns:80px 1fr}
  .m-archive .r{display:none}
}

/* ══ Gestaltung aus den Magazin-Einstellungen (Variablen kommen aus partials/mag.php) ══ */
body.mag-site .m-hl, body.mag-site .m-article > h1.m-hl{font-family:var(--m-hl-f);font-weight:var(--m-hl-w);font-style:var(--m-hl-s);text-transform:var(--m-hl-u);color:var(--m-hl-c)}
body.mag-site .m-kicker{font-family:var(--m-kick-f);font-weight:var(--m-kick-w);font-style:var(--m-kick-s);text-transform:var(--m-kick-u);color:var(--m-kick-c)}
body.mag-site .m-licbox .m-kicker{color:#ff6b6b}
body.mag-site .m-nav{background:var(--m-nav-bg)}
body.mag-site .m-nav a{font-family:var(--m-nav-f);font-weight:var(--m-nav-w);font-style:var(--m-nav-s);text-transform:var(--m-nav-u);color:var(--m-nav-c);letter-spacing:.02em}
body.mag-site .m-intro{font-family:var(--m-intro-f);font-weight:var(--m-intro-w);font-style:var(--m-intro-s);text-transform:var(--m-intro-u);color:var(--m-intro-c)}
body.mag-site .m-body .text-cell{font-family:var(--m-body-f);font-weight:var(--m-body-w);font-style:var(--m-body-s);text-transform:var(--m-body-u);color:var(--m-body-c) !important}
body.mag-site .m-body .text-cell strong, body.mag-site .m-body .text-cell b{font-weight:700}
body.mag-site .m-body .text-cell h2{font-family:var(--m-sub-f);font-weight:var(--m-sub-w);font-style:var(--m-sub-s);text-transform:var(--m-sub-u);color:var(--m-sub-c)}
body.mag-site .m-figure figcaption, body.mag-site .m-body figcaption, body.mag-site .m-body .img-caption{font-family:var(--m-cap-f);font-weight:var(--m-cap-w);font-style:var(--m-cap-s);text-transform:var(--m-cap-u);color:var(--m-cap-c);font-size:13px}
body.mag-site .m-foot{background:var(--m-foot-bg)}

/* „Anzeige“ in eigener Zeile über der Dachzeile */
.m-adline{display:block;font-family:var(--m-text);font-size:10px;font-weight:500;font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--m-muted);margin-bottom:2px}
.m-licbox .m-adline{color:#bbb}

/* Bilder im Magazin immer bunt (Schwarz-Weiß-Einstellung der Blöcke gilt hier nicht) */
body.mag-site .m-body img, body.mag-site .m-body .gallery-grid img, body.mag-site .m-body .stack-card img{filter:none !important}

/* Titelbild mit Ausschnitt: festes Format 16:9 wie im Editor */
.m-figure .m-pic.m-crop{aspect-ratio:16/9}
.m-figure .m-pic.m-crop img{height:100%;max-height:none}

/* Bild vom Text umflossen (Block „Bild links/rechts, Text umfließt“) */
.m-body .block-grid.layout-float-l, .m-body .block-grid.layout-float-r{display:block}
.m-body .block-grid.layout-float-l::after, .m-body .block-grid.layout-float-r::after{content:"";display:table;clear:both}
.m-body .layout-float-l > .image-cell, .m-body .layout-float-r > .image-cell{display:block;width:42%;margin:6px 0 12px}
.m-body .layout-float-l > .image-cell{float:left;margin-right:26px}
.m-body .layout-float-r > .image-cell{float:right;margin-left:26px}
.m-body .layout-float-l > .image-cell img, .m-body .layout-float-r > .image-cell img,
.m-body .layout-float-l > .image-cell .img-crop, .m-body .layout-float-r > .image-cell .img-crop{width:100%;height:auto !important;display:block}
.m-body .layout-float-l > .text-cell, .m-body .layout-float-r > .text-cell{display:block}
.m-body .layout-float-l > .text-cell h2, .m-body .layout-float-r > .text-cell h2{display:flow-root}
@media (max-width:760px){
  .m-body .layout-float-l > .image-cell, .m-body .layout-float-r > .image-cell{float:none;width:100%;margin:0 0 14px}
}

/* Subline unter der Schlagzeile */
body.mag-site .m-subline{font-family:var(--m-subl-f);font-weight:var(--m-subl-w);font-style:var(--m-subl-s);text-transform:var(--m-subl-u);color:var(--m-subl-c);line-height:1.25;margin:6px 0 0}
.m-article > .m-subline{font-size:26px;margin-top:8px}
.m-lead .m-subline{font-size:22px;margin-top:4px}
@media (max-width:760px){ .m-article > .m-subline{font-size:20px} .m-lead .m-subline{font-size:18px} }

/* ══ Anmerkungen 13.10. ══════════════════════════════════════════════════════ */
/* Fließtext: die Dark-Mode-Regel der normalen Website (grauer Text) gilt im Magazin nicht */
body.mag-site .m-body .text-cell, body.mag-site .m-body .text-cell p, body.mag-site .m-body .text-cell div,
body.mag-site .m-plain .text-cell, body.mag-site .m-plain .text-cell p, body.mag-site .m-plain .text-cell div{color:var(--m-body-c) !important}
body.mag-site .m-body .text-cell h2, body.mag-site .m-plain .text-cell h2{color:var(--m-sub-c) !important}
/* Linien an der Zwischenheadline nur so breit wie der Text */
body.mag-site .m-body .text-cell h2{display:table}

/* Logo 400 px */
.m-logo img{height:auto;width:400px;max-width:80vw}
/* Breadcrumb unter der Menüleiste */
.m-crumbbar{font-size:13px;color:var(--m-muted);border-bottom:1px solid var(--m-line)}
.m-crumbbar .m-wrap{padding-top:8px;padding-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-crumbbar a{color:var(--m-red);font-weight:600}
/* Seitenspalte links */
.m-layout.m-side-left{grid-template-columns:300px minmax(0,1fr)}
.m-layout.m-side-left > .m-side{order:-1}
/* Top-Plätze in Zweierreihe */
.m-row2.m-top{padding:22px 0;border-bottom:1px solid var(--m-line)}
/* Adressblock im Fuß */
.m-foot-addr{display:flex;flex-wrap:wrap;gap:4px 22px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.15);color:#d6d6d6}
.m-foot-addr a{color:#fff;text-decoration:underline;text-underline-offset:2px}
/* Pfeil nach oben */
.m-totop{position:fixed;right:18px;bottom:18px;z-index:300;width:44px;height:44px;border-radius:50%;background:var(--m-red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;box-shadow:0 4px 14px rgba(0,0,0,.25);opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .2s,transform .2s}
.m-totop.show{opacity:1;pointer-events:auto;transform:none}
@media (max-width:980px){ .m-layout.m-side-left{grid-template-columns:minmax(0,1fr)} .m-layout.m-side-left > .m-side{order:0} }

/* ══ Dark Mode: folgt dem Gerät; Farben aus der Gestaltung ══ */
@media (prefers-color-scheme: dark){
  body.mag-site{--m-ink:#ececec;--m-muted:#9d9d9d;--m-line:#2e2e2e;--m-soft:#1c1c1c;background:var(--m-page-bg,#121212);color:var(--m-ink)}
  body.mag-site .m-logo img{filter:invert(1)}
  body.mag-site .m-topbar{border-color:var(--m-line)}
  body.mag-site .m-teaser p{color:#c9c9c9}
  body.mag-site .m-pic.fit-contain{background:#000}
  body.mag-site .m-licbox{background:#000;border:1px solid var(--m-line)}
  body.mag-site .m-pager span{background:#ececec;color:#121212;border-color:#ececec}
  body.mag-site .m-filter a.on{background:#ececec;color:#121212;border-color:#ececec}
  body.mag-site .m-draft{background:#3a3315;border-color:#6b5d1f;color:#f1e6b8}
  body.mag-site .m-pl-flag{color:#8a8a8a}
}

/* ══ Artikeltext aus dem Artikel-Editor (.m-rich) ══════════════════════════ */
.m-rich{font-family:var(--m-body-f);font-weight:var(--m-body-w);font-style:var(--m-body-s);color:var(--m-body-c);font-size:18px;line-height:1.65}
.m-rich::after{content:"";display:table;clear:both}
.m-rich p{margin:0 0 14px}
.m-rich b{font-weight:700}
.m-rich a{color:var(--m-red);text-decoration:underline;text-underline-offset:2px}
.m-rich ul,.m-rich ol{margin:0 0 14px 1.3em;padding:0}
/* Zwischenheadline – Linien nur so breit wie der Text */
.m-rich h2.mh{font-family:var(--m-sub-f);font-weight:var(--m-sub-w);font-style:var(--m-sub-s);text-transform:var(--m-sub-u);color:var(--m-sub-c);font-size:22px;line-height:1.25;margin:26px 0 10px;display:table}
.m-rich h2.mh.lt{border-top:2px solid currentColor;padding-top:6px}
.m-rich h2.mh.lb{border-bottom:2px solid currentColor;padding-bottom:5px}
/* Bilder und Videos: links / Mitte / rechts, Breite in % */
.m-rich figure.mf{margin:6px 0 16px;box-sizing:border-box}
.m-rich figure.mf img,.m-rich figure.mf video{width:100%;height:auto;display:block}
.m-rich figure.mf.mf-left{float:left;clear:left;margin-right:15px}
.m-rich figure.mf.mf-right{float:right;clear:right;margin-left:15px}
.m-rich figure.mf.mf-center{clear:both;margin-left:auto;margin-right:auto}
.m-rich figure.mf figcaption{font-family:var(--m-cap-f);font-weight:var(--m-cap-w);font-style:var(--m-cap-s);color:var(--m-cap-c);font-size:13px;line-height:1.4;margin-top:6px}
body.mag-site .m-rich figure.mf figcaption:empty{display:none}
/* Störer: frei im Text, drehbar, Linien nur so breit wie der Text */
.m-rich aside.ms{box-sizing:border-box;margin:14px 0 18px;font-family:var(--m-hl-f);font-weight:var(--m-hl-w);font-style:italic;color:var(--m-red);font-size:26px;line-height:1.15;text-align:center}
.m-rich aside.ms p{display:table;margin:0 auto}
.m-rich aside.ms.lt p{border-top:3px solid currentColor;padding-top:8px}
.m-rich aside.ms.lb p{border-bottom:3px solid currentColor;padding-bottom:8px}
.m-rich aside.ms.ms-left{float:left;clear:left;margin-right:20px}
.m-rich aside.ms.ms-right{float:right;clear:right;margin-left:20px}
.m-rich aside.ms.ms-center{clear:both;margin-left:auto;margin-right:auto}
/* Faktenkasten */
.m-rich aside.mfact{box-sizing:border-box;background:var(--m-soft);border-top:4px solid var(--m-red);padding:14px 18px 6px;margin:6px 0 16px;font-size:15px;line-height:1.5}
.m-rich aside.mfact h3{font-family:var(--m-hl-f);font-weight:var(--m-hl-w);font-style:var(--m-hl-s);font-size:17px;margin:0 0 8px;color:var(--m-hl-c)}
.m-rich aside.mfact.mfact-left{float:left;clear:left;margin-right:20px}
.m-rich aside.mfact.mfact-right{float:right;clear:right;margin-left:20px}
.m-rich .mfact-center{clear:both}
/* Zitat */
.m-rich blockquote.mq{clear:both;margin:22px 0;padding:2px 0 2px 20px;border-left:4px solid var(--m-red);font-family:var(--m-subl-f);font-weight:var(--m-subl-w);font-style:italic;font-size:24px;line-height:1.3;color:var(--m-hl-c)}
.m-rich blockquote.mq p{margin:0 0 6px}
.m-rich blockquote.mq cite{display:block;font-family:var(--m-text);font-style:normal;font-weight:400;font-size:14px;color:var(--m-muted)}
.m-rich blockquote.mq cite::before{content:"— "}
.m-rich .m-pl-inart{clear:both}
@media (max-width:760px){
  .m-rich{font-size:17px}
  .m-rich figure.mf.mf-left,.m-rich figure.mf.mf-right,.m-rich aside.ms.ms-left,.m-rich aside.ms.ms-right,.m-rich aside.mfact.mfact-left,.m-rich aside.mfact.mfact-right{float:none;width:100% !important;margin-left:0 !important;margin-right:0 !important}
  .m-rich aside.ms{font-size:22px}
}
/* Bild im Text mit Ausschnitt (Format + Zoom/Position) */
.m-rich .mfi{display:block;overflow:hidden}
.m-rich .mfi img{width:100%;height:100%;object-fit:cover}
.m-rich a.mf-link{display:block;text-decoration:none;border:0;background:none}

/* ══ 15.10.: volle Breite ohne Seitenwerbung, Text über dem Bild, Ticker-/4-Spalter-Blöcke, ganzseitige Anzeige ══ */
/* volle Breite: Artikeltext bleibt lesbar breit und steht in der Mitte */
.m-layout.m-full .m-article{margin-left:auto;margin-right:auto}
.m-layout.m-full .m-more{max-width:none}
/* Heft-Kasten unter dem Inhalt (wenn rechts keine Werbung läuft) */
.m-heft-below .m-toc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;margin-bottom:0}
body.mag-site .m-heft-below h3{font-family:var(--m-head);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-top:3px solid var(--m-ink);padding-top:8px;margin-bottom:10px}
@media (max-width:760px){ .m-heft-below .m-toc{grid-template-columns:1fr} }
/* Teaser: Text über dem Bild, Teaser ohne Bild */
.m-teaser.m-ttop .m-pic{margin:10px 0 0}
.m-row3 .m-teaser.m-ttop, .m-row2 .m-teaser.m-ttop{display:flex;flex-direction:column}
@media (max-width:760px){
  .m-row3 .m-teaser.m-nopic,.m-row2 .m-teaser.m-nopic,.m-cards .m-teaser.m-nopic,.m-list .m-teaser.m-nopic{display:block}
  .m-teaser.m-ttop .m-pic{margin:0}
}
.m-list .m-teaser.m-nopic{grid-template-columns:minmax(0,1fr)}
/* Ticker-Block auf der Startseite */
.m-section.m-tk{padding:14px 0 0}
/* 4-Spalter */
.m-cols4-grid{display:grid;gap:24px;padding:22px 0;border-bottom:1px solid var(--m-line);align-items:start}
.m-cols4 .m-pic{aspect-ratio:3/2;margin-bottom:10px}
.m-cols4 .m-hl{font-size:19px}
.m-cols4 .m-teaser p{font-size:14px}
.m-cols4 .m-pl img{width:100%}
@media (max-width:980px){ .m-cols4-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important} }
@media (max-width:520px){ .m-cols4-grid{grid-template-columns:1fr !important} }
/* Startseite „ganzseitige Anzeige“ */
.m-fullad-ad{padding:14px 0 22px}
.m-fullad-ad .m-pl img{width:100%;height:auto}
.m-tocbox ul{list-style:none;margin:0;padding:0}
.m-tocbox li{border-bottom:1px solid var(--m-line)}
.m-tocbox li a{display:flex;gap:12px;align-items:flex-start;padding:10px 0;color:inherit}
.m-tocbox li a:hover .m-hl{text-decoration:underline;text-underline-offset:3px}
.m-toc-txt{flex:1;min-width:0}
.m-toc-txt .m-kicker{display:block;font-size:12px}
.m-toc-txt .m-adline{display:block;font-size:10px}
body.mag-site .m-tocbox .m-hl{display:block;font-size:16px;line-height:1.25;margin-top:2px}
.m-toc-pic{flex:0 0 76px}
.m-toc-pic .m-pic{aspect-ratio:1/1;margin:0}
.m-side-toc{position:relative}
@media (min-width:981px){ .m-side-toc .m-tocbox{position:sticky;top:calc(var(--m-nav-h) + 16px)} }
.m-layout > main{min-width:0}
.m-cols4 .m-pl img{width:auto;max-width:100%}
/* 4-Spalter: freie Texte – Headline im Stil der Zwischenheadline, immer schwarz (im Dunkelmodus hell, sonst unlesbar) */
body.mag-site .m-colh{font-family:'Bitter',Georgia,serif;font-weight:800;font-style:italic;text-transform:none;letter-spacing:0;color:#000;line-height:1.1;margin:0 0 6px}
body.mag-site .m-colx{font-family:'Roboto',Arial,sans-serif;font-weight:400;color:var(--m-ink);font-size:15px;line-height:1.4}
body.mag-site .m-colx b, body.mag-site .m-colx strong{font-weight:700}
body.mag-site .m-colx a, body.mag-site .m-colh a{color:var(--m-red);text-decoration:underline;text-underline-offset:2px}
@media (prefers-color-scheme: dark){ body.mag-site .m-colh{color:var(--m-ink)} }
/* ══ Lizenztabelle ══ */
.lt-head p{color:var(--m-muted)}
.lt-tools{position:sticky;top:var(--m-nav-h);z-index:20;background:var(--m-page-bg,#fff);padding:12px 0 10px;border-bottom:1px solid var(--m-line);display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
body.mag-site .lt-tools{background:inherit}
.lt-search{position:relative;flex:1;min-width:260px;max-width:520px}
.lt-search input{width:100%;font:inherit;font-size:16px;padding:10px 70px 10px 14px;border:2px solid var(--m-ink);border-radius:0;background:transparent;color:inherit}
.lt-search span{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--m-muted)}
.lt-az{display:flex;flex-wrap:wrap;gap:2px}
.lt-az a,.lt-az span{display:inline-block;min-width:22px;text-align:center;font-family:var(--m-head);font-weight:700;font-size:14px;padding:3px 2px}
.lt-az a{color:var(--m-red)}
.lt-az a:hover{background:var(--m-red);color:#fff}
.lt-az span{color:var(--m-line)}
.lt-th{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.8fr) minmax(0,1.25fr) minmax(0,2.8fr);gap:22px;background:var(--m-ink);color:#fff;font-family:var(--m-head);font-weight:700;font-style:italic;font-size:14px;padding:8px 12px;margin-top:14px}
.lt-item{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.8fr) minmax(0,1.25fr) minmax(0,2.8fr);gap:22px;padding:18px 12px;border-bottom:1px dashed var(--m-line);font-size:13px;line-height:1.45}
.lt-item[hidden]{display:none}
.lt-name h2{font-family:var(--m-text);font-size:14px;font-weight:700;line-height:1.3}
.lt-logo{background:#fff;display:inline-flex;align-items:center;justify-content:flex-start;padding:4px 0;margin-bottom:8px}
.lt-logo img{max-width:170px;max-height:70px;width:auto;height:auto;display:block}
.lt-addr a{color:inherit;text-decoration:underline;text-decoration-color:var(--m-line);text-underline-offset:2px;word-break:break-word}
.lt-addr a:hover{color:var(--m-red)}
.lt-props p{margin:0 0 6px}
.lt-props b{font-weight:700}
.lt-descr{color:var(--m-muted)}
.lt-new{display:inline-block;background:var(--m-red);color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;margin-left:4px;vertical-align:2px}
.lt-lbl{display:none}
.lt-more{display:none}
.lt-item mark{background:#ffe066;color:#000;padding:0 1px}
.lt-none{padding:30px 12px;color:var(--m-muted)}
@media (max-width:900px){
  .lt-th{display:none}
  .lt-item{grid-template-columns:minmax(0,1fr);gap:8px;padding:18px 0;border-bottom:1px solid var(--m-line)}
  .lt-lbl{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--m-muted);margin-bottom:2px}
  .lt-name h2{font-size:17px}
  .lt-props{display:none}
  .lt-item.open .lt-props{display:block}
  .lt-more{display:inline-block;justify-self:start;font:inherit;font-size:13px;font-weight:700;color:var(--m-red);background:none;border:1px solid var(--m-red);padding:6px 12px;cursor:pointer}
  .lt-tools{position:static}
}
@media (prefers-color-scheme: dark){
  .lt-logo{border-radius:3px;padding:6px 8px}
  .lt-th{background:#2a2a2a}
  .lt-az span{color:#333}
}

/* Lizenztabelle: Logo-Größe je Eintrag (% der Spaltenbreite), Suchleiste weiß */
.lt-logo{display:block;width:100%;padding:6px 0}
.lt-logo img{width:calc(var(--ls,70) * 1%);max-width:100%;max-height:none;height:auto}
.lt-tools{background:#fff}
.lt-search input{background:#fff;color:#141414}
.lt-search input::placeholder{color:#8a8a8a}
@media (max-width:900px){ .lt-logo img{width:calc(var(--ls,70) * 2.6px)} }
@media (prefers-color-scheme: dark){
  .lt-tools{background:var(--m-page-bg,#121212)}
  .lt-logo{padding:8px 10px;border-radius:3px}
  .lt-search input{border-color:#fff}
}
body.mag-site .lt-tools{background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}
@media (prefers-color-scheme: dark){ body.mag-site .lt-tools{background:var(--m-page-bg,#121212);box-shadow:0 0 0 100vmax var(--m-page-bg,#121212)} }
.m-fullad-ad + .m-cols4{padding-top:0}
.m-fullad-ad + .m-cols4 .m-cols4-grid{padding-top:4px}
/* Ganzseitige Anzeige: erstes Element (Ticker oder Anzeige) bündig mit der Linie über dem Inhaltsverzeichnis */
.m-fullad > main > :first-child{padding-top:0;margin-top:0}
.m-fullad > main > .m-tk:first-child .cms-ticker{margin-top:0}
/* Lizenztabelle: Sprungziel (A–Z) 20 px unter der Suchleiste */
body.mag-site .lt-item{scroll-margin-top:calc(var(--m-nav-h, 0px) + var(--lt-tools-h, 0px) + 20px)}
/* Bildrechte unter dem Artikel */
body.mag-site .m-credit{font-family:'Roboto',Arial,sans-serif;font-size:12px;line-height:1.4;color:var(--m-muted);margin:22px 0 0}
/* Seitenbanner: Paket klebt; zu hoch → nur der letzte Banner klebt */
.m-side-ads > .m-pl + .m-pl{margin-top:22px}
.m-side-ads.m-split{position:static}
.m-side-ads.m-split > .m-pl:last-child{position:sticky;top:calc(var(--m-nav-h) + 16px)}
@media (max-width:980px){ .m-side-ads.m-split > .m-pl:last-child{position:static} }
/* Zeile unter dem Logo (Magazineinstellungen) */
body.mag-site .m-logoline{font-family:'Roboto',Arial,sans-serif;font-weight:400;text-align:center;line-height:1.35;color:inherit;padding-top:2px;padding-bottom:14px}