/* ============================================================
   Chicken Road — Slab-Block / brutalist-lite, dunkles Aubergine
   Praefix: idm-   ·   Akzent: Lime + Purple
   ============================================================ */

:root{
  --idm-bg:#1b1023;
  --idm-surface:#241531;
  --idm-surface-2:#311c44;
  --idm-surface-3:#3c2455;
  --idm-ink:#f5eef9;
  --idm-ink-2:#cdbdd9;
  --idm-ink-3:#a896b6;
  --idm-accent:#b6f23d;
  --idm-accent-2:#b46cff;
  --idm-line:rgba(245,238,249,.16);
  --idm-line-2:rgba(245,238,249,.10);
  --idm-wrap:1262px;
  --idm-ratio:1.25;
  --idm-s--1:.82rem;
  --idm-s-0:1rem;
  --idm-s-1:1.25rem;
  --idm-s-2:1.563rem;
  --idm-s-3:1.953rem;
  --idm-s-4:2.441rem;
  --idm-s-5:3.052rem;
  --idm-disp:'Roboto Slab',Georgia,'Times New Roman',serif;
  --idm-text:Inter,system-ui,'Segoe UI',Roboto,Arial,sans-serif;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--idm-bg);color:var(--idm-ink);
  font-family:var(--idm-text);font-size:17px;line-height:1.65;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{font-family:var(--idm-disp);line-height:1.12;font-weight:700;margin:0 0 .5em;text-wrap:balance;overflow-wrap:break-word;hyphens:auto}
h1{font-size:clamp(2rem,1.4rem + 2.6vw,3rem);letter-spacing:-.02em}
h2{font-size:clamp(1.5rem,1.2rem + 1.4vw,2.1rem);letter-spacing:-.015em}
h3{font-size:var(--idm-s-2);letter-spacing:-.01em}
h4{font-size:var(--idm-s-1)}
p{margin:0 0 1em;text-wrap:pretty}
strong{color:var(--idm-ink);font-weight:700}
a{color:var(--idm-accent);text-underline-offset:2px}
a:hover{color:var(--idm-accent)}
::selection{background:color-mix(in srgb,var(--idm-accent) 40%,transparent);color:#15101b}
:focus-visible{outline:2px solid var(--idm-accent-2);outline-offset:2px}

/* Layout-Container */
.idm-wrap{width:100%;max-width:var(--idm-wrap);margin-inline:auto;padding-inline:clamp(14px,4vw,30px)}

/* Kicker / Sektionsmarke */
.idm-kicker{display:block;font-family:var(--idm-text);font-weight:700;font-size:.78rem;
  text-transform:uppercase;letter-spacing:.12em;color:var(--idm-accent);margin-bottom:.5em}

/* ---- Trustbar ---- */
.idm-trustbar{background:#120a18;border-bottom:2px solid var(--idm-accent);
  font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--idm-ink-2)}
.idm-trustbar .idm-wrap{display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between;padding-block:7px}

/* ---- Header (Slab-Karte) ---- */
.idm-headerouter{padding:12px clamp(10px,3vw,22px) 0}
.idm-header{max-width:var(--idm-wrap);margin-inline:auto;background:var(--idm-surface);
  border:2px solid var(--idm-line);box-shadow:0 18px 40px -24px rgba(0,0,0,.8);
  display:flex;align-items:center;gap:18px;padding:12px clamp(14px,3vw,22px);position:relative}
.idm-logo{display:inline-flex;line-height:0;flex:0 0 auto}
.idm-logo img{height:clamp(30px,4vw,42px);width:auto}
.idm-nav{margin-left:auto}
.idm-nav ul{list-style:none;display:flex;flex-wrap:nowrap;gap:clamp(10px,1.5vw,20px);margin:0;padding:0}
.idm-nav a{color:var(--idm-ink-2);text-decoration:none;font-weight:600;font-size:15px;
  white-space:nowrap;padding:6px 2px;border-bottom:2px solid transparent;transition:color .16s ease,border-color .16s ease}
.idm-nav a:hover,.idm-nav a[aria-current=page]{color:var(--idm-ink);border-bottom-color:var(--idm-accent)}
.idm-head-cta{flex:0 0 auto}
.idm-head-cta .idm-cta{white-space:nowrap}
.idm-burger{display:none;width:48px;height:48px;align-items:center;justify-content:center;
  background:var(--idm-surface-2);border:2px solid var(--idm-line);color:var(--idm-ink);font-size:22px;cursor:pointer}
.idm-navtoggle{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}

/* ---- CTA ---- */
.idm-cta{display:inline-flex;align-items:center;gap:.5em;background:var(--idm-accent);color:#15101b;
  font-weight:800;text-decoration:none;padding:13px 22px;border:2px solid var(--idm-accent);
  font-family:var(--idm-disp);letter-spacing:.01em;
  box-shadow:0 0 0 0 color-mix(in srgb,var(--idm-accent) 50%,transparent);
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}
.idm-cta::after{content:"→";font-weight:800;transition:transform .16s ease}
.idm-cta:hover{transform:scale(1.02);filter:brightness(1.06);box-shadow:0 0 26px -4px color-mix(in srgb,var(--idm-accent) 60%,transparent)}
.idm-cta:hover::after{transform:translateX(3px)}
.idm-cta:active{transform:scale(.99)}
.idm-cta:focus-visible{outline:2px solid var(--idm-accent-2);outline-offset:3px}
.idm-ctarow{display:flex;justify-content:center;margin:1.6rem 0}

/* ---- Burger / Mobil-Menue ---- */
@media(max-width:1000px){
  .idm-burger{display:inline-flex;margin-left:auto}
  .idm-nav{position:absolute;left:0;right:0;top:100%;margin:0;display:none;z-index:60}
  .idm-navtoggle:checked ~ .idm-nav{display:block}
  .idm-nav ul{flex-wrap:wrap;background:var(--idm-surface);border:2px solid var(--idm-line);border-top:0;padding:14px clamp(14px,4vw,22px)}
  .idm-nav li{flex:1 1 45%}
  .idm-nav a{font-size:16px;padding:10px 2px;min-height:44px;display:flex;align-items:center}
  .idm-head-cta{display:none}
}
@media(min-width:1001px){.idm-burger{display:none}}

/* ---- Breadcrumbs ---- */
.idm-crumbs{padding-block:14px 4px}
.idm-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.4em;margin:0;padding:0;font-size:.85rem;color:var(--idm-ink-3)}
.idm-crumbs li:not(:last-child)::after{content:"/";margin-left:.4em;color:var(--idm-line)}
.idm-crumbs a{color:var(--idm-ink-2);text-decoration:none}
.idm-crumbs a:hover{color:var(--idm-accent)}
.idm-crumbs [aria-current=page]{color:var(--idm-ink)}

/* ---- Hero (Slab, 2 Spalten + Faktenband) ---- */
.idm-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  grid-template-areas:"copy media" "facts facts";
  gap:clamp(16px,2.4vw,28px) clamp(20px,3vw,40px);align-items:center;
  padding-block:clamp(18px,2.6vw,28px)}
.idm-hero-copy{grid-area:copy;display:flex;flex-direction:column;gap:14px;min-width:0}
.idm-hero-h1{margin:0}
.idm-hero-lead{margin:0;max-width:46ch;color:var(--idm-ink-2);font-size:1.05rem}
.idm-hero-ctarow{display:flex;margin:0}
.idm-hero-media{grid-area:media;min-width:0;position:relative}
.idm-hero-media::before{content:"";position:absolute;inset:-6% 0;z-index:0;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--idm-accent) 22%,transparent),transparent 70%);
  filter:blur(28px)}
.idm-hero-img{position:relative;z-index:1;width:100%;max-width:440px;aspect-ratio:1/1;object-fit:cover;
  margin-inline:auto;border:2px solid var(--idm-line);
  box-shadow:0 28px 60px -28px rgba(0,0,0,.85)}
.idm-hero-facts{grid-area:facts;min-width:0}
.idm-hero-facts dl{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  border:2px solid var(--idm-line);background:var(--idm-surface)}
.idm-fact{padding:14px 16px;border-left:2px solid var(--idm-line);min-width:0}
.idm-fact:first-child{border-left:0}
.idm-fact dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--idm-ink-3);margin-bottom:3px}
.idm-fact dd{margin:0;font-family:var(--idm-disp);font-weight:700;font-size:1.05rem;color:var(--idm-ink);font-variant-numeric:tabular-nums}

/* ---- Byline ---- */
.idm-byline{display:flex;align-items:center;gap:14px;padding-block:16px;margin-top:6px;
  border-top:2px solid var(--idm-line);border-bottom:2px solid var(--idm-line)}
.idm-byline-photo{width:56px;height:56px;border-radius:0;object-fit:cover;border:2px solid var(--idm-accent);flex:0 0 auto}
.idm-byline-meta{display:flex;flex-direction:column;gap:1px;min-width:0;font-size:.9rem}
.idm-byline-name{font-family:var(--idm-disp);font-weight:700;font-size:1.02rem}
.idm-byline-name a{color:var(--idm-ink);text-decoration:none;border-bottom:2px solid var(--idm-accent)}
.idm-byline-role{color:var(--idm-ink-2)}
.idm-byline-dates{color:var(--idm-ink-3);font-size:.82rem;font-variant-numeric:tabular-nums}

/* ---- Pagetitle (Trust/Legal) ---- */
.idm-pagetitle{padding-block:clamp(20px,3vw,40px) 8px}
.idm-pagetitle-lead{color:var(--idm-ink-2);max-width:70ch;font-size:1.05rem}

/* ---- Prose / Inhalt ---- */
.idm-prose{padding-block:8px 10px}
.idm-prose>*{max-width:none}
.idm-section{padding-block:clamp(16px,2vw,30px);border-top:2px solid var(--idm-line-2)}
.idm-section:first-of-type{border-top:0}
.idm-h2mark{display:flex;align-items:baseline;gap:.6em;margin-bottom:.5em;scroll-margin-top:90px}
.idm-h2mark .idm-secno{font-family:var(--idm-disp);font-weight:800;font-size:.9rem;color:#15101b;
  background:var(--idm-accent);padding:3px 9px;flex:0 0 auto;line-height:1.3}
.idm-prose h2{scroll-margin-top:90px}
.idm-prose h3{scroll-margin-top:90px;margin-top:1.2em}
.idm-prose a:not(.idm-cta){color:var(--idm-accent);text-decoration:underline;text-underline-offset:2px;
  text-decoration-color:var(--idm-line)}
.idm-prose a:not(.idm-cta):hover{text-decoration-color:var(--idm-accent)}
.idm-prose ul{list-style:none;margin:1em 0;padding:0}
.idm-prose ul li{padding:11px 0 11px 26px;position:relative;border-top:1px solid var(--idm-line-2)}
.idm-prose ul li:first-child{border-top:0}
.idm-prose ul li::before{content:"";position:absolute;left:2px;top:18px;width:10px;height:10px;
  background:var(--idm-accent);transform:rotate(45deg)}
.idm-prose ol{margin:1em 0;padding:0;list-style:none;counter-reset:idm-ol}
.idm-prose ol li{position:relative;padding:11px 0 11px 44px;counter-increment:idm-ol;border-top:1px solid var(--idm-line-2)}
.idm-prose ol li:first-child{border-top:0}
.idm-prose ol li::before{content:counter(idm-ol);position:absolute;left:0;top:11px;width:30px;
  font-family:var(--idm-disp);font-weight:800;color:var(--idm-accent-2)}

/* ---- Callout / Inverse-Plate ---- */
.idm-callout{background:var(--idm-surface-2);border:2px solid var(--idm-line);
  border-left:6px solid var(--idm-accent);padding:16px 20px;margin:1.4rem 0}
.idm-callout--warn{border-left-color:var(--idm-accent-2)}
.idm-callout p:last-child{margin-bottom:0}

/* ---- Inhalt-Bild (figure) ---- */
.idm-figure{width:min(72%,760px);margin:1.6rem auto;border:2px solid var(--idm-line);
  box-shadow:0 24px 50px -28px rgba(0,0,0,.8)}
.idm-figure img{width:100%;height:auto}
.idm-figure figcaption{font-size:.82rem;color:var(--idm-ink-3);padding:8px 12px;background:var(--idm-surface)}

/* ---- Tabellen ---- */
.idm-tablewrap{overflow-x:auto;margin:1.4rem 0;border:2px solid var(--idm-line)}
.idm-prose table,table{width:100%;border-collapse:collapse;font-size:.95rem;background:var(--idm-surface)}
.idm-prose table caption,table caption{caption-side:top;text-align:left;font-family:var(--idm-disp);
  font-weight:700;padding:10px 14px;color:var(--idm-ink-2)}
th,td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--idm-line-2);
  font-variant-numeric:tabular-nums;vertical-align:top}
thead th{background:var(--idm-surface-2);font-family:var(--idm-disp);font-weight:700;color:var(--idm-ink);
  border-bottom:2px solid var(--idm-line)}
tbody tr:hover{background:color-mix(in srgb,var(--idm-accent) 7%,transparent)}
td:first-child,th:first-child{font-weight:600}

/* ---- Score-Tabelle ---- */
.idm-score{border:2px solid var(--idm-line);background:var(--idm-surface);margin:1.4rem 0}
.idm-score .idm-scorerow{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;border-top:1px solid var(--idm-line-2)}
.idm-score .idm-scorerow:first-child{border-top:0}
.idm-score .idm-scoreval{font-family:var(--idm-disp);font-weight:800;color:var(--idm-accent);font-variant-numeric:tabular-nums}
.idm-score .idm-scoretotal{border-top:2px solid var(--idm-line);font-weight:800}
.idm-score .idm-scoretotal .idm-scoreval{color:var(--idm-accent-2)}

/* ---- TOC ---- */
.idm-toc{border:2px solid var(--idm-line);background:var(--idm-surface);margin:1.2rem 0}
.idm-toc>summary{list-style:none;cursor:pointer;font-family:var(--idm-disp);font-weight:700;
  padding:13px 16px;display:flex;justify-content:space-between;align-items:center}
.idm-toc>summary::-webkit-details-marker{display:none}
.idm-toc>summary::after{content:"+";font-size:1.2rem;color:var(--idm-accent)}
.idm-toc[open]>summary::after{content:"–"}
.idm-toclist{list-style:none;counter-reset:idm-toc;margin:0;padding:6px 16px 14px}
.idm-toclist li{counter-increment:idm-toc;border-top:1px solid var(--idm-line-2)}
.idm-toclist li:first-child{border-top:0}
.idm-toclist a{display:block;padding:9px 0 9px 30px;position:relative;color:var(--idm-ink-2);text-decoration:none}
.idm-toclist a::before{content:counter(idm-toc,decimal-leading-zero);position:absolute;left:0;
  font-family:var(--idm-disp);font-weight:700;color:var(--idm-accent);font-size:.85rem}
.idm-toclist a:hover{color:var(--idm-accent)}

/* ---- FAQ (Akkordeon, Slab) ---- */
.idm-faq{margin:1.4rem 0;border:2px solid var(--idm-line)}
.idm-faq__q{border-top:2px solid var(--idm-line);background:var(--idm-surface)}
.idm-faq__q:first-child{border-top:0}
.idm-faq__q>summary{list-style:none;cursor:pointer;padding:14px 18px;display:flex;
  justify-content:space-between;align-items:center;gap:12px;
  font-family:var(--idm-disp);font-weight:700;font-size:1.02rem;text-transform:uppercase;letter-spacing:.01em}
.idm-faq__q>summary::-webkit-details-marker{display:none}
.idm-faq__q>summary::after{content:"+";color:var(--idm-accent);font-size:1.3rem;flex:0 0 auto}
.idm-faq__q[open]>summary::after{content:"–"}
.idm-faq__a{padding:0 18px 16px}
.idm-faq__a p:last-child{margin-bottom:0}
details summary{outline:none}
details summary:focus-visible{outline:2px solid var(--idm-accent-2);outline-offset:-2px}
/* nackte details fallback */
details:not([class]){border:2px solid var(--idm-line);background:var(--idm-surface);padding:0;margin:1rem 0}
details:not([class])>summary{list-style:none;cursor:pointer;padding:13px 16px;font-family:var(--idm-disp);font-weight:700}
details:not([class])>summary::-webkit-details-marker{display:none}
details:not([class])>summary::after{content:" +";color:var(--idm-accent)}
details:not([class])[open]>summary::after{content:" –"}

/* ---- Pros / Cons ---- */
.idm-proscons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:1.4rem 0}
.idm-proscons>div{border:2px solid var(--idm-line);background:var(--idm-surface);padding:16px 18px}
.idm-proscons h4{margin-top:0}
.idm-pros{border-top:4px solid var(--idm-accent)!important}
.idm-cons{border-top:4px solid var(--idm-accent-2)!important}

/* ---- Autor-Karte (unten) ---- */
.idm-authorcard{display:flex;gap:18px;align-items:flex-start;border:2px solid var(--idm-line);
  background:var(--idm-surface-2);padding:22px;margin:2rem auto 1rem;max-width:var(--idm-wrap)}
.idm-authorcard .idm-authorcard-photo{width:104px;height:104px;object-fit:cover;flex:0 0 auto;
  border:2px solid var(--idm-accent)}
.idm-authorcard-body{min-width:0}
.idm-authorcard-name{font-family:var(--idm-disp);font-weight:800;font-size:1.2rem;margin:0 0 2px}
.idm-authorcard-name a{color:var(--idm-ink);text-decoration:none;border-bottom:2px solid var(--idm-accent)}
.idm-authorcard-role{color:var(--idm-accent);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.idm-authorcard-bio{color:var(--idm-ink-2);margin:0 0 8px}
.idm-authorcard-link{font-weight:700;text-decoration:none}

/* ---- Autor-Seite (ProfilePage) ---- */
.idm-author-head{display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap;padding-block:10px 18px}
.idm-prose img.idm-author-portrait,.idm-author-portrait{width:220px;aspect-ratio:3/4;object-fit:cover;
  border:2px solid var(--idm-accent);flex:0 0 auto}

/* ---- Footer (7:5 asymmetrisch) ---- */
.idm-footer{margin-top:40px;background:#150c1d;border-top:3px solid var(--idm-accent)}
.idm-footgrid{display:grid;grid-template-columns:7fr 5fr;gap:30px;padding-block:34px}
.idm-foot-brand{min-width:0}
.idm-logo--foot img{height:40px;width:auto}
.idm-foot-note{color:var(--idm-ink-3);font-size:.9rem;margin:12px 0}
.idm-foot-resp{color:var(--idm-ink-2);font-size:.86rem}
.idm-foot-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;min-width:0}
.idm-foot-col h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--idm-accent);margin-bottom:10px}
.idm-foot-col ul{list-style:none;margin:0;padding:0}
.idm-foot-col li{padding:5px 0}
.idm-foot-col a{color:var(--idm-ink-2);text-decoration:none;font-size:.92rem}
.idm-foot-col a:hover{color:var(--idm-accent)}
.idm-foot-legal{border-top:2px solid var(--idm-line-2)}
.idm-foot-legal .idm-wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding-block:14px;font-size:.8rem;color:var(--idm-ink-3)}

/* ---- Cookie-Banner ---- */
.idm-cookie{position:fixed;right:16px;bottom:16px;z-index:200;max-width:360px;
  background:var(--idm-surface);border:2px solid var(--idm-accent);padding:16px 18px;
  display:flex;flex-direction:column;gap:10px;box-shadow:0 20px 50px -20px rgba(0,0,0,.9);
  opacity:1;transition:opacity .2s ease}
.idm-cookie[hidden]{display:none}
.idm-cookie p{margin:0;font-size:.85rem;color:var(--idm-ink-2)}
.idm-cookie a{color:var(--idm-accent)}
.idm-cookie-ok{align-self:flex-start;background:var(--idm-accent);color:#15101b;border:0;
  font-family:var(--idm-disp);font-weight:800;padding:9px 18px;cursor:pointer;min-height:44px}
.idm-cookie-ok:hover{filter:brightness(1.06)}

/* ============================================================
   Adaptiv
   ============================================================ */
@media(max-width:900px){
  /* Mobile Reihenfolge: Kicker -> H1 -> CTA -> Lead -> Bild -> Fakten.
     display:contents loest .idm-hero-copy auf, Kinder werden direkte Flex-Items. */
  .idm-hero{grid-template-columns:1fr;grid-template-areas:none;display:flex;flex-direction:column;
    align-items:stretch;text-align:center;padding-block:14px 22px}
  .idm-hero-copy{display:contents}
  .idm-kicker{order:0}
  .idm-hero-h1{order:1}
  .idm-hero-ctarow{order:2;justify-content:center;margin-top:4px}
  .idm-hero-lead{order:3;margin-inline:auto;max-width:60ch}
  .idm-hero-media{order:4;grid-area:auto;margin-top:6px}
  .idm-hero-facts{order:5;grid-area:auto;margin-top:6px}
  .idm-hero-img{max-width:100%;max-height:42vh;width:auto;aspect-ratio:1/1;object-fit:contain}
}
@media(max-width:720px){
  .idm-hero-facts dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .idm-fact:nth-child(odd){border-left:0}
  .idm-fact:nth-child(n+3){border-top:2px solid var(--idm-line)}
  .idm-footgrid{grid-template-columns:1fr;gap:24px}
  .idm-foot-legal .idm-wrap{flex-direction:column;gap:6px}
  .idm-foot-col a{overflow-wrap:break-word;word-break:break-word}
}
@media(max-width:640px){
  body{font-size:16px}
  .idm-proscons{grid-template-columns:1fr}
  .idm-figure{width:100%}
  .idm-authorcard{flex-direction:column;align-items:center;text-align:center}
  .idm-author-head{justify-content:center}
  /* Breite Tabellen auf Mobil horizontal scrollbar statt Seiten-Overflow */
  .idm-prose table,table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:.88rem;white-space:nowrap}
  .idm-prose{overflow-wrap:break-word;word-break:break-word}
}
@media(max-width:520px){
  .idm-hero-facts dl{grid-template-columns:1fr}
  .idm-fact{border-left:0;border-top:2px solid var(--idm-line)}
  .idm-fact:first-child{border-top:0}
  .idm-cookie{left:12px;right:12px;max-width:none;bottom:12px}
  .idm-trustbar .idm-wrap{justify-content:center;text-align:center}
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
  .idm-cta:hover{transform:none}
}

/* ============================================================
   ✦ PREMIUM-AMPLIFIKATION — editorial glass depth (site_02)
   Charakter: ruhige redaktionelle Tiefe statt Neon-Arkade.
   Nur transform/opacity animiert · CLS=0 · GPU.
   ============================================================ */
:root{
  --idm-glow:color-mix(in srgb,var(--idm-accent) 60%,transparent);
  --idm-glow-2:color-mix(in srgb,var(--idm-accent-2) 55%,transparent);
  --idm-hairline:linear-gradient(90deg,transparent,var(--idm-accent),var(--idm-accent-2),transparent);
  --idm-glass:linear-gradient(160deg,rgba(245,238,249,.055),rgba(245,238,249,0) 42%);
  --idm-edge:inset 0 1px 0 rgba(245,238,249,.10);
  --idm-lift:0 22px 48px -26px rgba(0,0,0,.85),0 4px 14px -8px rgba(0,0,0,.6);
}

/* ---- Ambient-Mesh hinter dem Hero (fixiert, hinter Inhalt) ---- */
body{position:relative}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(60% 42% at 16% -4%,color-mix(in srgb,var(--idm-accent-2) 20%,transparent),transparent 70%),
    radial-gradient(48% 38% at 92% 4%,color-mix(in srgb,var(--idm-accent) 14%,transparent),transparent 72%),
    radial-gradient(70% 50% at 50% 120%,color-mix(in srgb,var(--idm-accent-2) 12%,transparent),transparent 70%);
}

/* ---- Hero: stärkeres H1, Glas-Faktenband, satterer Glow ---- */
.idm-hero{position:relative}
.idm-hero-h1{
  background:linear-gradient(180deg,var(--idm-ink),color-mix(in srgb,var(--idm-ink) 78%,var(--idm-accent)));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.35))}
.idm-kicker{position:relative;padding-left:30px}
.idm-kicker::before{content:"";position:absolute;left:0;top:.46em;width:22px;height:2px;
  background:var(--idm-hairline)}
.idm-hero-media::before{inset:-12% -6%;
  background:radial-gradient(closest-side,var(--idm-glow),transparent 70%),
            radial-gradient(closest-side,var(--idm-glow-2),transparent 72%);
  background-position:30% 40%,70% 70%;background-repeat:no-repeat;
  filter:blur(34px);opacity:.9}
.idm-hero-img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.idm-hero-media:hover .idm-hero-img{transform:scale(1.015)}
.idm-hero-facts dl{position:relative;background:
  var(--idm-glass),var(--idm-surface);box-shadow:var(--idm-lift),var(--idm-edge);overflow:hidden}
.idm-hero-facts dl::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--idm-hairline);opacity:.85}
.idm-fact{position:relative;transition:transform .22s ease}
.idm-fact:hover{transform:translateY(-2px)}
.idm-fact dd{background:linear-gradient(180deg,var(--idm-ink),color-mix(in srgb,var(--idm-ink) 70%,var(--idm-accent)));
  -webkit-background-clip:text;background-clip:text;color:transparent}

/* ---- CTA: dezenter Shimmer + Glas-Glanz auf Hover ---- */
.idm-cta{position:relative;overflow:hidden;
  background:linear-gradient(135deg,var(--idm-accent),color-mix(in srgb,var(--idm-accent) 72%,#eaff8a))}
.idm-cta::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 16%,rgba(255,255,255,.5) 38%,transparent 56%);
  transform:translateX(-130%);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.idm-cta:hover::before{transform:translateX(130%)}
.idm-cta>*{position:relative}
.idm-cta:hover{box-shadow:0 0 30px -4px var(--idm-glow),0 10px 26px -12px rgba(0,0,0,.7)}

/* ---- Karten/Plates: Glas-Tiefe + Hover-Lift (nur transform/shadow-swap) ---- */
.idm-callout,.idm-proscons>div,.idm-toc,.idm-score,.idm-figure,.idm-authorcard,.idm-tablewrap{
  background-image:var(--idm-glass);box-shadow:var(--idm-edge)}
.idm-callout{box-shadow:var(--idm-edge),var(--idm-lift);transition:transform .22s ease}
.idm-callout:hover{transform:translateY(-2px)}
.idm-proscons>div{transition:transform .22s ease}
.idm-proscons>div:hover{transform:translateY(-3px);box-shadow:var(--idm-lift)}
.idm-score,.idm-toc{box-shadow:var(--idm-edge),0 16px 38px -28px rgba(0,0,0,.75)}
.idm-toc>summary{transition:color .16s ease}
.idm-toc>summary:hover{color:var(--idm-accent)}
.idm-toclist a{transition:transform .16s ease,color .16s ease}
.idm-toclist a:hover{transform:translateX(3px)}

/* Score-Zeilen subtil hervorheben */
.idm-score .idm-scorerow{transition:background .18s ease}
.idm-score .idm-scorerow:hover{background:color-mix(in srgb,var(--idm-accent) 7%,transparent)}

/* ---- Figure: Lift + Bild bleibt vollständig (kein crop) ---- */
.idm-figure{transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.idm-figure:hover{transform:translateY(-3px)}
.idm-figure img{width:100%;height:auto;aspect-ratio:auto}

/* ---- Tabellen: Glas-Tiefe, weichere Zeilen-Hovers ---- */
.idm-tablewrap{box-shadow:var(--idm-edge),0 16px 38px -28px rgba(0,0,0,.7)}
.idm-prose table,table{background-image:var(--idm-glass)}
thead th{position:relative}
.idm-prose table thead::after,table thead::after{content:none}
tbody tr{transition:background .16s ease}

/* ---- FAQ: Karten-Akkordeon mit Glanz, Marker-Rotation ---- */
.idm-faq{box-shadow:var(--idm-edge),0 18px 40px -30px rgba(0,0,0,.7);overflow:hidden}
.idm-faq__q{background-image:var(--idm-glass)}
.idm-faq__q>summary{transition:color .16s ease}
.idm-faq__q>summary:hover{color:var(--idm-accent)}
.idm-faq__q>summary::after{transition:transform .2s ease,color .16s ease;transform-origin:center}
.idm-faq__q[open]>summary{color:var(--idm-accent)}
.idm-faq__q[open]>summary::after{transform:rotate(180deg)}

/* ---- Autor-Karte: Glas-Tiefe + Portrait-Glow ---- */
.idm-authorcard{box-shadow:var(--idm-edge),var(--idm-lift)}
.idm-authorcard .idm-authorcard-photo,.idm-author-portrait{transition:transform .3s ease;
  box-shadow:0 0 0 1px var(--idm-line),0 12px 26px -16px var(--idm-glow)}
.idm-authorcard:hover .idm-authorcard-photo{transform:scale(1.03)}

/* ---- Sektions-Nummern: Glanz + feiner Schatten ---- */
.idm-h2mark .idm-secno{box-shadow:0 6px 16px -8px var(--idm-glow);
  background:linear-gradient(135deg,var(--idm-accent),color-mix(in srgb,var(--idm-accent) 70%,#eaff8a))}
.idm-h2mark{position:relative}
.idm-prose h2{position:relative}

/* Hairline-Trenner über Sektionen (ersetzt flache 2px-Linie optisch) */
.idm-section{position:relative}
.idm-section::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;
  background:var(--idm-hairline);opacity:.35}
.idm-section:first-of-type::before{display:none}

/* ---- Header-Karte: leichte Glas-Tiefe + Akzent-Saum ---- */
.idm-header{background-image:var(--idm-glass);box-shadow:0 18px 40px -24px rgba(0,0,0,.85),var(--idm-edge)}
.idm-nav a{transition:color .16s ease,border-color .16s ease,transform .16s ease}
.idm-nav a:hover{transform:translateY(-1px)}

/* ============================================================
   CTA-Schutz: nackte CTA im Fließtext immer zentriert
   (greift NICHT Hero-/Nav-/Cookie-CTA an)
   ============================================================ */
#idm-main :not(.idm-hero-ctarow):not(.idm-head-cta):not(.idm-ctarow)>.idm-cta{
  display:flex;width:fit-content;margin:1.4em auto}

/* ============================================================
   CSS-only Scroll-Reveal — ohne Layout-Shift
   (reserviert Platz: nur opacity+transform animiert)
   ============================================================ */
@media(prefers-reduced-motion:no-preference){
  @supports(animation-timeline:view()){
    .idm-prose>h2,.idm-callout,.idm-proscons,.idm-tablewrap,.idm-figure,.idm-faq,.idm-score{
      animation:idm-reveal linear both;
      animation-timeline:view();
      animation-range:entry 0% entry 26%}
    @keyframes idm-reveal{
      from{opacity:0;transform:translateY(14px)}
      to{opacity:1;transform:none}}
  }
}

/* ---- reduced-motion: alle Premium-Bewegungen aus ---- */
@media(prefers-reduced-motion:reduce){
  .idm-cta::before{display:none}
  .idm-hero-img,.idm-fact,.idm-callout,.idm-proscons>div,.idm-figure,
  .idm-authorcard .idm-authorcard-photo,.idm-author-portrait,.idm-toclist a,.idm-nav a{transform:none!important;animation:none!important}
}

/* ============================================================
   FIX 1 — TOC: kompakt + einklappbar (details/summary), 2 Spalten
   Greift für beide Markup-Varianten (<ul> und <ol class=idm-toclist>)
   ============================================================ */
.idm-toc{border:2px solid var(--idm-line);background:var(--idm-surface);margin:1.1rem 0}
.idm-toc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--idm-disp);font-weight:700;font-size:.9rem;padding:11px 16px;color:var(--idm-ink);text-transform:uppercase;letter-spacing:.05em}
.idm-toc>summary::-webkit-details-marker{display:none}
.idm-toc>summary::after{content:"+";font-size:1.15rem;line-height:1;color:var(--idm-accent)}
.idm-toc[open]>summary::after{content:"\2013"}
.idm-toc>ul,.idm-toc>ol{list-style:none;counter-reset:idm-toc;margin:0;padding:2px 16px 12px;columns:2;column-gap:26px}
.idm-toc>ul>li,.idm-toc>ol>li{break-inside:avoid;counter-increment:idm-toc;border:0;margin:0}
.idm-toc>ul>li>a,.idm-toc>ol>li>a{display:block;padding:5px 0 5px 26px;position:relative;color:var(--idm-ink-2);font-size:.86rem;line-height:1.35;text-decoration:none}
.idm-toc>ul>li>a::before,.idm-toc>ol>li>a::before{content:counter(idm-toc,decimal-leading-zero);position:absolute;left:0;top:5px;font-size:.7rem;font-weight:700;color:var(--idm-accent);opacity:.85}
.idm-toc>ul>li>a:hover,.idm-toc>ol>li>a:hover{color:var(--idm-accent)}
@media(max-width:560px){.idm-toc>ul,.idm-toc>ol{columns:1}}

/* ============================================================
   FIX 2 — Autor-Karte: sauberes Grid (Foto links, Inhalt rechts).
   .idm-author-head wird per display:contents in das Grid aufgelöst.
   ============================================================ */
.idm-authorcard{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:22px;row-gap:8px;align-items:start;border:2px solid var(--idm-line);background:var(--idm-surface);padding:22px 24px}
.idm-authorcard .idm-author-head{display:contents;padding:0}
.idm-authorcard .idm-author-portrait{grid-column:1;grid-row:1/span 3;align-self:start;width:clamp(92px,13vw,118px);aspect-ratio:3/4;height:auto;object-fit:cover;border:1px solid var(--idm-line);margin:0}
.idm-authorcard .idm-authorcard-body{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.idm-authorcard .idm-authorcard-name{font-family:var(--idm-disp);font-weight:800;font-size:1.18rem;line-height:1.15}
.idm-authorcard .idm-authorcard-role{color:var(--idm-accent);font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;line-height:1.3}
.idm-authorcard .idm-authorcard-bio{grid-column:2;grid-row:2;color:var(--idm-ink-2);margin:0}
.idm-authorcard .idm-authorcard-link{grid-column:2;grid-row:3;justify-self:start;font-weight:700;color:var(--idm-accent);text-decoration:none;border-bottom:2px solid var(--idm-accent);padding-bottom:1px}
.idm-authorcard:hover .idm-author-portrait{transform:scale(1.03)}
@media(max-width:560px){
  .idm-authorcard{grid-template-columns:1fr;justify-items:center;text-align:center;row-gap:10px}
  .idm-authorcard .idm-author-portrait{grid-column:1;grid-row:auto}
  .idm-authorcard .idm-authorcard-body{grid-column:1;grid-row:auto;align-items:center}
  .idm-authorcard .idm-authorcard-bio,.idm-authorcard .idm-authorcard-link{grid-column:1;grid-row:auto}
}

/* ============================================================
   FIX 3 — frischer Akzent: dezente, GPU-only Idle-Animationen
   ============================================================ */
@media(prefers-reduced-motion:no-preference){
  .idm-hero-img{animation:idm-float 6s ease-in-out infinite}
  @keyframes idm-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
  .idm-toc>summary:hover::after{animation:idm-pulse 1.1s ease-in-out infinite}
  @keyframes idm-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}
  .idm-h2mark .idm-secno{animation:idm-tick .5s ease both;animation-timeline:view();animation-range:entry 0% entry 22%}
  @keyframes idm-tick{from{transform:scale(.6) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}
}

/* ============================================================
   FIX 4 — Sticky Header (bleibt beim Scrollen oben)
   Outer-Wrapper klebt; Trustbar darüber scrollt weg.
   Opaker Seiten-Hintergrund, damit Inhalt sauber darunter läuft.
   ============================================================ */
.idm-headerouter{position:sticky;top:0;z-index:90;background:var(--idm-bg);padding-bottom:12px}