/* =========================================================
   praxis.leaschulz.com — "Materialregal" (himbeer-geführt)
   Eigenständiges Praxis-Design, Familie zu leaschulz.com:
   keine Serifen, Markenfarben, Apple-aufgeräumt – aber
   wärmer, kartenlastig, auf Findbarkeit gebaut.
   ========================================================= */
:root{
  /* Himbeer führt, Petrol + Orange als Kategorie-Akzente */
  --himbeer:#C5396E; --himbeer-dk:#A52B59; --himbeer-soft:#FBEAF0;
  --petrol:#0F6072; --petrol-soft:#E2F0F2;
  /* Orange/Grün bewusst etwas dunkler für AA-Textkontrast (Gradienten nutzen eigene helle Hex) */
  --orange:#A85D18; --orange-soft:#FBEEDD;
  --gruen:#3F7A4D; --gruen-soft:#E7F1E8;
  --lila:#6D5BA6; --lila-soft:#ECE8F6;

  /* warmes Off-White statt reinweiß → "Regal"-Gefühl */
  --bg:#FCF8F4; --card:#ffffff; --bg-warm:#F6EFE7;
  --ink:#241c20; --muted:#76696e; --line:#EADFD4;
  --dark:#2A1A21;

  --r:16px; --r-lg:24px; --r-pill:980px;
  --maxw:1120px;
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",system-ui,Roboto,Helvetica,Arial,sans-serif;
  --shadow:0 1px 2px rgba(60,30,40,.04),0 8px 24px rgba(120,50,70,.06);
  --shadow-h:0 4px 10px rgba(60,30,40,.06),0 18px 44px rgba(120,50,70,.12);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font-family:var(--sans);background:var(--bg);color:var(--ink);line-height:1.5;font-size:17px;letter-spacing:-.01em}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
.reveal.in{opacity:1;transform:none}
.herosearch{margin-top:26px}
.herosearch button{flex:none;white-space:nowrap}
.hero-illu{margin:6px auto 0;max-width:1000px}
.hero-illu img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;display:block;border-radius:var(--r)}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
h1,h2,h3{letter-spacing:-.035em;line-height:1.07;font-weight:650}

/* ===== Barrierefreiheit ===== */
.skip{position:absolute;left:8px;top:-60px;background:var(--ink);color:#fff;padding:11px 18px;border-radius:10px;z-index:200;font-size:15px;font-weight:600;transition:top .15s}
.skip:focus{top:8px}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--himbeer);outline-offset:2px;border-radius:6px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 26px}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--himbeer)}

/* ===== Buttons ===== */
.btn{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:16px;font-weight:600;padding:12px 22px;border-radius:var(--r-pill);border:none;cursor:pointer;transition:transform .18s,box-shadow .18s,opacity .18s}
.btn-fill{background:var(--himbeer);color:#fff}
.btn-fill:hover{background:var(--himbeer-dk);transform:translateY(-1px)}
.btn-ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line)}
.btn-ghost:hover{border-color:var(--himbeer);color:var(--himbeer)}
.btn-text{color:var(--himbeer);font-weight:600;display:inline-flex;align-items:center;gap:4px}
.btn-text:hover{gap:8px}

/* ===== Nav ===== */
header{position:sticky;top:0;z-index:50;background:rgba(252,248,244,.82);backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid var(--line)}
nav{display:flex;align-items:center;justify-content:space-between;height:62px;max-width:var(--maxw);margin:0 auto;padding:0 26px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.03em;font-size:18px}
.logo .dot{width:26px;height:26px;border-radius:8px;background:var(--himbeer);display:grid;place-items:center;color:#fff;font-size:15px;transform:rotate(-6deg)}
.logo small{display:block;font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.02em;margin-top:1px}
.nav-links{display:flex;gap:22px}
.nav-links a{font-size:15px;font-weight:500;color:var(--ink);opacity:.82;transition:opacity .2s,color .2s}
.nav-links a:hover,.nav-links a.active{opacity:1;color:var(--himbeer)}
.nav-cta{display:flex;align-items:center;gap:14px}
.nav-cta .btn{padding:8px 16px;font-size:14px}
.menu-btn{display:none;background:none;border:none;cursor:pointer;color:var(--ink);padding:10px;margin:-10px;line-height:0}
/* Themen-Aufklappmenü in der Navigation */
.has-menu{position:relative}
.has-menu>.menu-trigger{display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:15px;font-weight:500;color:var(--ink);opacity:.82;background:none;border:none;cursor:pointer;padding:0}
.has-menu>.menu-trigger:hover,.has-menu>.menu-trigger[aria-expanded="true"]{opacity:1;color:var(--himbeer)}
.has-menu>.menu-trigger .caret{transition:transform .2s}
.has-menu>.menu-trigger[aria-expanded="true"] .caret{transform:rotate(180deg)}
.megamenu{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(8px);background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-h);padding:14px;width:min(560px,90vw);display:grid;grid-template-columns:1fr 1fr;gap:6px;opacity:0;visibility:hidden;transition:.18s;z-index:60}
.megamenu.open{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
@media(min-width:861px){.has-menu:hover .megamenu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}}
.megamenu a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;font-size:15px;font-weight:600;opacity:1}
.megamenu a:hover{background:var(--bg-warm);color:var(--himbeer)}
.megamenu a .mi{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none}
/* Symbole: farbige Fläche (Container-Farbe), weißes Liniensymbol darin */
.megamenu a .mi svg,.cattile .ic svg,.cathero .ic svg{color:#fff}
.cattile .ic,.cathero .ic{display:grid;place-items:center}
.card .thumb .thumb-ic{display:grid;place-items:center;color:#fff}
.chip-ic{display:inline-grid;place-items:center;margin-right:2px;vertical-align:-2px}
.chip[aria-pressed="true"] .chip-ic{color:#fff!important}
.megamenu .mm-foot{grid-column:1/-1;border-top:1px solid var(--line);margin-top:6px;padding-top:6px;display:flex;gap:6px}
.megamenu .mm-foot a{flex:1;justify-content:center;background:var(--bg-warm)}

@media(max-width:860px){
  .nav-links{position:fixed;inset:62px 0 auto 0;flex-direction:column;align-items:stretch;background:var(--bg);padding:18px 26px 26px;gap:0;border-bottom:1px solid var(--line);transform:translateY(-130%);transition:transform .3s;box-shadow:var(--shadow);max-height:calc(100vh - 62px);overflow:auto}
  .nav-links.open{transform:translateY(0)}
  .nav-links>a{padding:13px 0;font-size:17px;border-bottom:1px solid var(--line)}
  .has-menu{border-bottom:1px solid var(--line)}
  .has-menu>.menu-trigger{padding:13px 0;font-size:17px;width:100%;justify-content:space-between}
  .megamenu{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;border:none;padding:4px 0 10px;width:100%;display:none;background:none}
  .megamenu.open{display:grid;transform:none}
  .megamenu a{padding:9px 0}
  .menu-btn{display:block}
  .nav-cta .btn-dark{display:none}
}

/* ===== Themen-Galerie (Kategorie-Auswahl auf der Startseite) ===== */
.catgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}
@media(max-width:900px){.catgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.catgrid{grid-template-columns:1fr}}
.cattile{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;overflow:hidden;display:flex;flex-direction:column;min-height:158px}
.cattile:hover{transform:translateY(-4px);box-shadow:var(--shadow-h)}
.cattile .ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:23px;margin-bottom:14px}
.cattile h3{font-size:18px;letter-spacing:-.025em}
.cattile p{font-size:13.5px;color:var(--muted);margin-top:5px;line-height:1.4;flex:1}
.cattile .n{margin-top:12px;font-size:13px;font-weight:700;color:var(--muted)}
.cattile a.stretch{position:absolute;inset:0}
.cattile .blob{position:absolute;right:-30px;bottom:-30px;width:90px;height:90px;border-radius:50%;opacity:.10}

/* nach Stufe */
.stufegrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:560px){.stufegrid{grid-template-columns:1fr}}
.stufetile{position:relative;border-radius:var(--r-lg);padding:26px 28px;color:#fff;overflow:hidden;min-height:120px;display:flex;flex-direction:column;justify-content:center}
.stufetile.gs{background:linear-gradient(135deg,#d4547f,#a52b59)}
.stufetile.sek{background:linear-gradient(135deg,#2c91a6,#0f6072)}
.stufetile h3{color:#fff;font-size:24px}
.stufetile p{opacity:.9;font-size:14.5px;margin-top:4px}
.stufetile .n{margin-top:10px;font-weight:700;font-size:14px;opacity:.95}
.stufetile a.stretch{position:absolute;inset:0}

/* Abschnitts-Kopf */
.sechead{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:54px 0 18px;flex-wrap:wrap}
.sechead h2{font-size:clamp(23px,3vw,30px)}
.sechead .sub{color:var(--muted);font-size:15px;margin-top:4px}
.sechead a{font-size:15px;font-weight:600;color:var(--himbeer)}

/* schmaler Kategorie-Hero auf Themenseiten */
.cathero{padding:34px 0 6px}
.cathero .ic{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;font-size:27px;margin-bottom:14px}
.cathero h1{font-size:clamp(30px,4.6vw,46px);letter-spacing:-.04em}
.cathero p{font-size:clamp(16px,2vw,19px);color:var(--muted);max-width:58ch;margin-top:12px;line-height:1.45}

/* ===== Hero (kompakt – Praxis = sofort suchen) ===== */
.hero{padding:46px 0 8px;position:relative;overflow:hidden}
.hero .wrap{position:relative;z-index:1}
.hero .kick{display:inline-flex;align-items:center;gap:8px;background:var(--himbeer-soft);color:var(--himbeer-dk);font-size:13px;font-weight:700;padding:6px 14px;border-radius:var(--r-pill)}
.hero h1{font-size:clamp(34px,5.4vw,56px);margin:18px 0 0;max-width:16ch;letter-spacing:-.04em}
.hero h1 em{font-style:normal;color:var(--himbeer)}
.hero .sub{font-size:clamp(17px,2.1vw,21px);color:var(--muted);max-width:46ch;margin:16px 0 0;line-height:1.4}
/* dekorative "Karteireiter" rechts oben */
.hero-deco{position:absolute;right:-40px;top:-10px;display:flex;gap:14px;opacity:.5;pointer-events:none}
.hero-deco span{width:120px;height:160px;border-radius:18px;transform:rotate(8deg)}
.hero-deco span:nth-child(1){background:var(--orange-soft);transform:rotate(-7deg) translateY(20px)}
.hero-deco span:nth-child(2){background:var(--petrol-soft);transform:rotate(5deg)}
.hero-deco span:nth-child(3){background:var(--himbeer-soft);transform:rotate(-4deg) translateY(14px)}
@media(max-width:760px){.hero-deco{display:none}}

/* ===== Suche + Filter ===== */
.finder{margin:30px 0 6px}
.searchbar{display:flex;align-items:center;gap:12px;background:var(--card);border:1.5px solid var(--line);border-radius:var(--r-pill);padding:6px 8px 6px 18px;box-shadow:var(--shadow);max-width:640px}
.searchbar:focus-within{border-color:var(--himbeer)}
.searchbar svg{flex:none;color:var(--muted)}
.searchbar input{flex:1;border:none;background:none;font:inherit;font-size:17px;padding:10px 4px;outline:none;color:var(--ink)}
.searchbar .btn{flex:none}

.filterline{margin-top:18px}
.filterline + .filterline{margin-top:10px}
.filterlabel{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-right:6px}
.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.chip{font:inherit;font-size:14px;font-weight:600;padding:7px 14px;border-radius:var(--r-pill);border:1.5px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;transition:.15s;display:inline-flex;align-items:center;gap:6px}
.chip:hover{border-color:var(--himbeer);color:var(--himbeer)}
.chip[aria-pressed="true"]{background:var(--himbeer);border-color:var(--himbeer);color:#fff}
.chip .ico{font-size:15px;line-height:1}

.resultmeta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:26px 0 14px;flex-wrap:wrap}
.resultmeta h2{font-size:20px;font-weight:650}
.resultmeta .count{color:var(--muted);font-size:15px;font-weight:600}
.resultmeta .reset{font-size:14px;font-weight:600;color:var(--himbeer);cursor:pointer;background:none;border:none}
.resultmeta .reset[hidden]{display:none}

/* ===== Karten-Raster (das Herz) ===== */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:880px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.grid{grid-template-columns:1fr}}

.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;position:relative}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-h)}
.card.hide{display:none}
.card .thumb{aspect-ratio:16/10;position:relative;display:grid;place-items:center;color:#fff;overflow:hidden}
.card .thumb .emoji{font-size:46px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.18))}
.card .thumb .stufe{position:absolute;left:12px;top:12px;background:rgba(255,255,255,.92);color:var(--ink);font-size:12px;font-weight:700;padding:4px 11px;border-radius:var(--r-pill);letter-spacing:.01em}
.card .body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.card .body .theme{font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.card .body h3{font-size:19px;margin:7px 0 0;letter-spacing:-.025em}
.card .body p{color:var(--muted);font-size:14.5px;line-height:1.45;margin:8px 0 0}
.card .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.tag{font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--r-pill);background:var(--bg-warm);color:var(--muted)}
.card .foot{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:var(--muted)}
.card .foot .go{color:var(--himbeer)}
.card a.stretch{position:absolute;inset:0}

/* Kategorie-Farbgebung (Akzent pro Thema) */
.t-ki{color:var(--lila)} .thumb.t-ki{background:linear-gradient(135deg,#8071c4,#5b4a96)}
.t-bilderbuch{color:var(--orange)} .thumb.t-bilderbuch{background:linear-gradient(135deg,#e6a052,#cf7320)}
.t-film{color:var(--himbeer)} .thumb.t-film{background:linear-gradient(135deg,#d4547f,#a52b59)}
.t-recherche{color:var(--petrol)} .thumb.t-recherche{background:linear-gradient(135deg,#2c91a6,#0f6072)}
.t-coding{color:var(--gruen)} .thumb.t-coding{background:linear-gradient(135deg,#62a771,#3f7a4d)}
.t-podcast{color:var(--orange)} .thumb.t-podcast{background:linear-gradient(135deg,#e08e3f,#c06a1e)}
.t-scouts{color:var(--petrol)} .thumb.t-scouts{background:linear-gradient(135deg,#3a9fb4,#0f6072)}
.t-chatbots{color:#1f8273} .thumb.t-chatbots{background:linear-gradient(135deg,#3fb3a2,#1f8273)}
.t-fake-news{color:#b03f29} .thumb.t-fake-news{background:linear-gradient(135deg,#d86b53,#a8341f)}
.t-udl{color:#4a4f93} .thumb.t-udl{background:linear-gradient(135deg,#7a7fcb,#474c93)}

.empty{display:none;text-align:center;padding:60px 20px;color:var(--muted)}
.empty.show{display:block}
.empty .big{font-size:40px}
.empty p{margin-top:10px;font-size:16px}

/* ===== "Geführter Einstieg" Band ===== */
.guide{background:var(--bg-warm);border-radius:var(--r-lg);padding:30px;margin:54px 0;border:1px solid var(--line)}
.guide h2{font-size:23px}
.guide p{color:var(--muted);margin-top:6px;max-width:60ch}
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
@media(max-width:760px){.guide-grid{grid-template-columns:1fr}}
.gtile{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;cursor:pointer;transition:.18s}
.gtile:hover{border-color:var(--himbeer);transform:translateY(-2px)}
.gtile b{display:block;font-size:16px}
.gtile span{font-size:14px;color:var(--muted)}

/* ===== Footer ===== */
footer{background:var(--dark);color:#fff;margin-top:70px;padding:48px 0 30px}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}
@media(max-width:760px){footer .cols{grid-template-columns:1fr;gap:24px}}
footer h4{font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:#e6b9c9;margin-bottom:12px;font-weight:700}
footer a,footer p{color:#e8dee2;font-size:15px;line-height:1.9;opacity:.9}
footer a:hover{opacity:1;color:#fff}
footer .sister a{color:#f1c6d4}
footer .legal{margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.13);font-size:13px;color:#bba7af;display:flex;gap:18px;flex-wrap:wrap;justify-content:space-between}

/* =========================================================
   Materialseite (Detail)
   ========================================================= */
.crumb{font-size:14px;color:var(--muted);padding:22px 0 0}
.crumb a:hover{color:var(--himbeer)}
.crumb b{color:var(--ink)}
.mathead{padding:8px 0 0}
.mathead .theme{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.mathead h1{font-size:clamp(30px,4.4vw,46px);margin:12px 0 0;max-width:20ch}
.mathead .lead{font-size:clamp(17px,2vw,20px);color:var(--muted);margin:14px 0 0;max-width:62ch;line-height:1.45}
.matmeta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}

.matlayout{display:grid;grid-template-columns:1fr 300px;gap:40px;margin-top:34px;align-items:start}
@media(max-width:880px){.matlayout{grid-template-columns:1fr}}

.prose{font-size:17.5px;line-height:1.65;color:#2c2227;overflow-wrap:break-word}
.prose h2{font-size:25px;margin:34px 0 12px}
.prose h3{font-size:21px;font-weight:700;margin:26px 0 8px}
.prose a{word-break:break-word}
.prose iframe,.prose video{max-width:100%}
.prose p{margin:0 0 14px}
.prose ul{margin:0 0 16px;padding-left:22px}
.prose li{margin:6px 0}
.prose img{border-radius:var(--r);margin:18px auto;border:1px solid var(--line);max-width:100%;max-height:620px;width:auto;height:auto;display:block}
.prose figcaption,.figcap{font-size:13px;color:var(--muted);margin:-8px 0 18px;text-align:center}
.prose a{color:var(--himbeer);text-decoration:underline;text-underline-offset:2px}
.prose a:hover{color:var(--himbeer-dk)}
/* Tabellen (z. B. Verlaufspläne) */
.prose table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.prose th,.prose td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
.prose thead th,.prose tr:first-child td{background:var(--himbeer-soft);font-weight:700}
.prose tbody tr:nth-child(even){background:var(--bg-warm)}
.prose .wp-block-table,.prose table[style]{font-size:15px!important}
@media(max-width:560px){.prose table{display:block;overflow-x:auto}}
.figcap{font-size:13px;color:var(--muted);margin-top:-8px}

/* Referenz-/Credit-Kasten (Schüler:innen-Nennung bleibt erhalten) */
.credit{background:var(--himbeer-soft);border:1px solid #f2cdda;border-left:4px solid var(--himbeer);border-radius:var(--r);padding:16px 18px;margin:22px 0;font-size:15.5px}
.credit b{color:var(--himbeer-dk)}

/* "Auf einen Blick" Sidebar */
.side{position:sticky;top:80px;display:flex;flex-direction:column;gap:18px}
.factbox{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow)}
.factbox h3{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:14px}
.factrow{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:15px}
.factrow:last-child{border:none}
.factrow .k{flex:none;width:92px;color:var(--muted);font-weight:600}
.factrow .v{font-weight:600}
.dl{display:flex;flex-direction:column;gap:9px;margin-top:14px}
.dl a{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1.5px solid var(--line);border-radius:12px;font-size:14.5px;font-weight:600;transition:.15s}
.dl a:hover{border-color:var(--himbeer);color:var(--himbeer)}
.dl a .x{margin-left:auto;font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase}

/* Einwilligungs-Video */
.embed-consent{position:relative;width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,var(--petrol),var(--dark));border-radius:var(--r);overflow:hidden;cursor:pointer;margin:18px 0}
.embed-consent .inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;color:#fff}
.embed-consent .pl{width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.95);display:grid;place-items:center;margin-bottom:12px;color:var(--petrol);font-size:22px}
.embed-consent .et{font-size:16px;font-weight:700}
.embed-consent .em{font-size:13px;color:#d7e7ea;margin-top:6px;max-width:42ch;line-height:1.45}

.related{margin-top:14px}

/* Bild-Galerie (aus Bildfolgen im Artikel) */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}
@media(max-width:640px){.gallery{grid-template-columns:repeat(2,1fr)}}
.gallery .gal-item{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/3;background:var(--bg-warm)}
.gallery .gal-item img{width:100%;height:100%;max-height:none;margin:0;border:0;border-radius:0;object-fit:cover;transition:transform .25s}
.gallery .gal-item:hover img{transform:scale(1.05)}

/* Reihen-Übersicht: Liste der Unterseiten */
.sublist{list-style:none;counter-reset:s;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.sublist li{margin:0}
.sublist a{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;box-shadow:var(--shadow);transition:transform .16s,box-shadow .16s,border-color .16s}
.sublist a:hover{transform:translateY(-2px);box-shadow:var(--shadow-h);border-color:var(--himbeer)}
.sublist .num{flex:none;width:30px;height:30px;border-radius:50%;background:var(--himbeer-soft);color:var(--himbeer-dk);font-weight:700;font-size:14px;display:grid;place-items:center}
.sublist .st{display:flex;flex-direction:column;gap:2px;min-width:0}
.sublist .st b{font-size:16px;letter-spacing:-.02em;color:var(--ink)}
.sublist .st small{font-size:13.5px;color:var(--muted);line-height:1.4}
.sublist .arw{margin-left:auto;color:var(--himbeer);font-weight:700;flex:none}

/* Prev/Next auf Unterseiten */
.prevnext{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:38px 0 0;justify-content:space-between}
.prevnext .btn{flex:0 1 auto}

/* ===== AI-Literacy-Seite ===== */
.ailit-callout{display:flex;align-items:center;gap:16px;margin-top:22px;background:var(--himbeer-soft);border:1px solid #f2cdda;border-radius:var(--r-lg);padding:18px 22px;transition:transform .16s,box-shadow .16s}
.ailit-callout:hover{transform:translateY(-2px);box-shadow:var(--shadow-h)}
.ailit-callout b{display:block;font-size:18px;letter-spacing:-.02em;margin:2px 0 3px}
.ailit-callout span span,.ailit-callout>div>span:last-child{color:var(--muted);font-size:14.5px}
.ailit-callout .arw{margin-left:auto;color:var(--himbeer);font-size:22px;font-weight:700;flex:none}
.callout-box{background:var(--bg-warm);border-left:4px solid var(--himbeer);border-radius:12px;padding:16px 18px;margin:20px 0;font-size:16px;line-height:1.55}
.callout-box.reflect{border-left-color:var(--petrol);background:var(--petrol-soft)}
.ailit-area{margin:40px 0 0;position:relative;padding-top:8px;border-top:1px solid var(--line)}
.ailit-area .ailit-num{width:34px;height:34px;border-radius:50%;background:var(--himbeer);color:#fff;font-weight:700;display:grid;place-items:center;margin:18px 0 10px}
.ailit-area h2{font-size:clamp(20px,2.6vw,26px);letter-spacing:-.03em}
.ailit-intro{color:var(--muted);font-size:16px;max-width:70ch;margin:8px 0 6px;line-height:1.5}
.optlist{margin-top:14px}
.optlist .noa{display:flex;align-items:center;gap:14px;background:var(--card);border:1px dashed var(--line);border-radius:var(--r);padding:14px 16px}
.ob{flex:none;align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:4px 9px;border-radius:var(--r-pill);margin-top:2px}
.ob-erprobt{background:var(--himbeer);color:#fff}
.ob-idee{background:transparent;color:var(--orange);border:1.5px solid var(--orange)}
.prose .ob{display:inline-block;vertical-align:1px}

/* ==== Nachtschicht: KI-Vermerk, Vorschaubilder, Bild-Slots, Teilen, Verwandtes, Animationen, Druck ==== */
.ki-hinweis{display:block;font-size:12.5px;color:var(--muted);margin:-8px 0 16px;text-align:right;font-style:italic}
.card .thumb img.tn{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.card .thumb.has-img .thumb-ic{display:none}
.card .thumb.has-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.16));pointer-events:none}
.card:hover .thumb img.tn{transform:scale(1.04)}
.themeimg{margin:18px auto 0;max-width:900px}
.ailit-schema{margin:26px 0 8px;max-width:820px}
.themeimg img,.ailit-schema img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;display:block;border-radius:var(--r)}
.share{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}
.share .btn{font-size:14px;padding:8px 14px}
.share .ok{color:var(--gruen);font-size:13.5px}
.related{margin-top:38px;padding-top:22px;border-top:1px solid var(--line)}
.related h3{font-size:17px;margin:0 0 10px;color:var(--muted);font-weight:700}
.related ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.related a{display:inline-block;background:var(--card);border:1px solid var(--line);border-radius:var(--r-pill);padding:8px 14px;font-size:14px;color:var(--ink);text-decoration:none;transition:border-color .16s,transform .16s}
.related a:hover{border-color:var(--himbeer);transform:translateY(-2px)}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.hero .kick,.hero h1,.hero .sub,.hero .herosearch{animation:fadeUp .6s ease both}
.hero h1{animation-delay:.08s}.hero .sub{animation-delay:.16s}.hero .herosearch{animation-delay:.24s}
.cattile .ic{transition:transform .22s ease}
.cattile:hover .ic{transform:rotate(-6deg) scale(1.06)}
@media(prefers-reduced-motion:reduce){.hero .kick,.hero h1,.hero .sub,.hero .herosearch{animation:none}.cattile:hover .ic,.card:hover .thumb img.tn{transform:none}}
@media print{
  header,footer,.share,.related,.prevnext,.crumb,.btn,.embed-consent,.herosearch,.hero-deco,.menu-btn,.lexsearch{display:none!important}
  body{background:#fff;color:#000}
  .matlayout{display:block}.side{position:static}
  .prose{font-size:12pt;line-height:1.5}
  .prose img{max-height:none;page-break-inside:avoid}
  a{color:#000;text-decoration:none}
  .prose a[href^="http"]::after{content:" (" attr(href) ")";font-size:10pt;color:#555}
  .factbox,.credit,.callout-box{border:1px solid #999;box-shadow:none;page-break-inside:avoid}
  .reveal{opacity:1!important;transform:none!important}
}

/* ---- Merkliste, Lizenz (Sept. 2026) ---- */
[hidden]{display:none!important}
.merk-card{position:absolute;top:10px;right:10px;z-index:4;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.88);color:var(--himbeer-dk);font-size:19px;line-height:1;cursor:pointer;box-shadow:var(--shadow);transition:transform .15s,background .15s;display:flex;align-items:center;justify-content:center}
.merk-card:hover{transform:scale(1.1)}
.merk-card.on{background:var(--himbeer);color:#fff;border-color:var(--himbeer)}
.merk.on{background:var(--himbeer-soft);border-color:var(--himbeer);color:var(--himbeer-dk)}
.navmerk{white-space:nowrap}
.merk-count{display:inline-flex;min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-pill);background:var(--himbeer);color:#fff;font-size:12px;font-weight:700;align-items:center;justify-content:center;margin-left:6px;vertical-align:middle}
.merklist{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.merklist li{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 18px;box-shadow:var(--shadow)}
.merklist li a{text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:2px;min-width:0}
.merklist li a b{font-size:17px}
.merklist li a:hover b{color:var(--himbeer)}
.merklist li small{color:var(--muted);font-size:13.5px}
.merklist li .btn{font-size:13.5px;padding:7px 12px;flex-shrink:0}
.merk-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;align-items:center}
.merk-tools .ok{color:var(--gruen);font-size:14px}
.lic{font-size:14px;color:var(--muted);margin:0;line-height:1.5}
.lic a{color:var(--himbeer-dk);text-decoration:underline}
@media print{.merk,.merk-card,.navmerk,.merk-tools{display:none!important}}

/* ---- Videos, Audios, Sammelseiten-Aufklapper (Sept. 2026) ---- */
.prose video{display:block;width:100%;max-width:100%;height:auto;border-radius:14px;background:#000;margin:18px 0;box-shadow:var(--shadow)}
.prose audio{display:block;width:100%;margin:14px 0}
.video-hinweis{font-size:14.5px;color:var(--muted);background:var(--bg-warm);border-left:3px solid var(--line);border-radius:10px;padding:12px 16px;margin:18px 0}
.hubmore{margin:26px 0 8px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);padding:6px 20px}
.hubmore summary{cursor:pointer;font-weight:700;padding:12px 0;color:var(--himbeer-dk);list-style:none;display:flex;align-items:center;gap:10px}
.hubmore summary::before{content:"+";display:inline-flex;width:24px;height:24px;border-radius:50%;background:var(--himbeer-soft);align-items:center;justify-content:center;font-weight:700}
.hubmore[open] summary::before{content:"–"}
.hubmore summary::-webkit-details-marker{display:none}
.hubmore>*:not(summary){margin-top:12px}
.hubmore img{border-radius:10px}
.dl .dl-alt{font-size:12.5px;color:var(--muted);margin:-6px 0 10px 4px;line-height:1.5}
.dl .dl-alt a{display:inline;color:var(--himbeer-dk);text-decoration:underline;padding:0;border:0;background:none;box-shadow:none}
@media print{.dl-alt{display:none}}

/* ---- Reihen aufgefächert: Einheitskarten + Reihen-Block auf Themenseiten ---- */
.unitband{display:inline-block;font-size:11.5px;font-weight:700;color:var(--himbeer-dk);background:var(--himbeer-soft);padding:4px 10px;border-radius:var(--r-pill);letter-spacing:.01em;margin-bottom:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card.unit .body h3{font-size:17.5px}
.reihe{grid-column:1/-1;background:var(--bg-warm);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 22px 24px}
.reihe.hide{display:none}
.reihe-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap}
.reihe-head .eyebrow{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.reihe-head h3{font-size:24px;letter-spacing:-.025em;margin:6px 0 0}
.reihe-head h3 a{color:var(--ink);text-decoration:none}
.reihe-head h3 a:hover{color:var(--himbeer)}
.reihe-head p{color:var(--muted);font-size:15px;margin:8px 0 0;max-width:64ch}
.reihe-head .btn{flex-shrink:0;font-size:14px}
.reihe .grid{margin-top:18px}
.reihe .card{background:var(--card)}
@media(max-width:700px){.reihe{padding:16px}.reihe-head h3{font-size:21px}}