/* gannaca.com · Relaunch 2026-10 („g9“) — Morgenausgabe
   Stil: Editorial-Zeitung trifft Lagezentrum. Paper als Grundfläche, Ink für Belege,
   Kupfer als einziger Akzent (Brandguide v1). Fonts: Fraunces (Display), Inter (Text/UI),
   Space Mono (Meta), Newsreader kursiv (Zitate). Alle Klassen mit Präfix g9-, damit die
   bestehenden v8-Sektionen auf den Tiefenseiten unberührt bleiben. */

:root{
  --g9-paper:#EDEAE4; --g9-paper-2:#E5E1D9; --g9-paper-3:#F4F2EE;
  --g9-ink:#0A0A0A; --g9-ink-2:#121110; --g9-ink-3:#1B1A18;
  --g9-copper:#9A6A36; --g9-copper-ink:#7A4A1E; --g9-copper-on-ink:#C68A4E;

  --g9-font-display:'Fraunces',Georgia,'Times New Roman',serif;
  --g9-font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  --g9-font-mono:'Space Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --g9-font-serif:'Newsreader',Georgia,'Times New Roman',serif;

  --g9-fs-meta:.75rem; --g9-fs-small:.875rem; --g9-fs-body:1.0625rem;
  --g9-fs-lead:clamp(1.1875rem,1.05rem + .45vw,1.4rem);
  --g9-fs-h4:clamp(1.25rem,1.1rem + .4vw,1.4rem);
  --g9-fs-h3:clamp(1.45rem,1.2rem + .9vw,2rem);
  --g9-fs-h2:clamp(2.1rem,1.45rem + 2.6vw,3.6rem);
  --g9-fs-h1:clamp(2.75rem,1.2rem + 5.6vw,7rem);
  --g9-fs-stat:clamp(2.6rem,1.8rem + 3.2vw,4.6rem);

  --g9-max:1360px; --g9-gutter:clamp(20px,4vw,56px);
  --g9-sec:clamp(88px,10vw,160px);
  --g9-ease:cubic-bezier(.2,.7,.2,1);
  --g9-radius:2px;
}

/* Flächen: semantische Tokens je Fläche */
.g9-s-paper,.g9-s-paper-2,.g9-s-paper-3{--bg:var(--g9-paper);--fg:#1A1815;--fg-mute:#5A5249;--fg-dim:#67604D;--hair:rgba(26,24,21,.14);--hair-strong:rgba(26,24,21,.3);--accent:#7A4A1E;--accent-deco:#9A6A36;--btn-bg:#1A1815;--btn-fg:#F4F2EE;--chip-bg:rgba(26,24,21,.06);background:var(--bg);color:var(--fg);}
.g9-s-paper-2{--bg:var(--g9-paper-2);}
.g9-s-paper-3{--bg:var(--g9-paper-3);}
.g9-s-ink,.g9-s-ink-2{--bg:var(--g9-ink);--fg:#F2EFE9;--fg-mute:#A39C92;--fg-dim:#8C857B;--hair:rgba(255,255,255,.12);--hair-strong:rgba(255,255,255,.26);--accent:#C68A4E;--accent-deco:#C68A4E;--btn-bg:#F2EFE9;--btn-fg:#0A0A0A;--chip-bg:rgba(255,255,255,.06);background:var(--bg);color:var(--fg);}
.g9-s-ink-2{--bg:var(--g9-ink-2);}

@media (prefers-color-scheme:dark){
  .g9-s-paper,.g9-s-paper-2,.g9-s-paper-3{--bg:#16140F;--fg:#F2EFE9;--fg-mute:#ABA49A;--fg-dim:#9D968B;--hair:rgba(255,255,255,.12);--hair-strong:rgba(255,255,255,.26);--accent:#C68A4E;--accent-deco:#C68A4E;--btn-bg:#F2EFE9;--btn-fg:#0A0A0A;--chip-bg:rgba(255,255,255,.06);}
  .g9-s-paper-2{--bg:#1C1A15;}
  .g9-s-paper-3{--bg:#1F1D18;}
  .g9-logo-dark{display:none!important}
  .g9-logo-light{display:block!important}
}

/* Basis */
.g9{font-family:var(--g9-font-sans);font-size:var(--g9-fs-body);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
.g9 *,.g9 *::before,.g9 *::after{box-sizing:border-box;}
body.g9-body{margin:0;background:var(--g9-paper);overflow-x:hidden;}
@media (prefers-color-scheme:dark){body.g9-body{background:#16140F;}}
.g9 img{max-width:100%;height:auto;display:block;}
:where(.g9) a{color:inherit;}
.g9-wrap{max-width:var(--g9-max);margin:0 auto;padding:0 var(--g9-gutter);}
.g9-sec{padding:var(--g9-sec) 0;position:relative;}
.g9-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.g9-skip{position:absolute;left:12px;top:-60px;z-index:1000;background:#0A0A0A;color:#F2EFE9;padding:12px 16px;font-family:var(--g9-font-mono);font-size:var(--g9-fs-small);text-decoration:none;transition:top .2s var(--g9-ease);}
.g9-skip:focus{top:12px;}
.g9 :focus-visible{outline:2px solid var(--accent,#C68A4E);outline-offset:3px;}

/* Typo */
.g9-display,.g9-h1,.g9-h2,.g9-h3{font-family:var(--g9-font-display);font-weight:380;font-variation-settings:"opsz" 72,"SOFT" 24,"WONK" 0;letter-spacing:-.015em;margin:0;color:var(--fg);}
.g9-h1{font-size:var(--g9-fs-h1);line-height:1.02;letter-spacing:-.025em;}
.g9-h2{font-size:var(--g9-fs-h2);line-height:1.06;}
.g9-h3{font-size:var(--g9-fs-h3);line-height:1.15;font-weight:420;}
.g9-h4{font-family:var(--g9-font-display);font-variation-settings:"opsz" 36,"SOFT" 24,"WONK" 0;font-weight:450;font-size:var(--g9-fs-h4);line-height:1.25;margin:0;letter-spacing:-.005em;}
.g9-lead{font-size:var(--g9-fs-lead);line-height:1.55;color:var(--fg-mute);max-width:62ch;margin:0;}
.g9-p{max-width:68ch;margin:0;color:var(--fg-mute);}
.g9-kicker{font-family:var(--g9-font-mono);font-size:var(--g9-fs-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;line-height:1.5;}
.g9-kicker b{font-weight:400;color:var(--accent);}
.g9-meta{font-family:var(--g9-font-mono);font-size:var(--g9-fs-meta);letter-spacing:.08em;color:var(--fg-dim);line-height:1.5;}
.g9-quote{font-family:var(--g9-font-serif);font-style:italic;font-weight:400;}
.g9-num{font-family:var(--g9-font-display);font-variation-settings:"opsz" 72,"SOFT" 24,"WONK" 0;font-feature-settings:"lnum","tnum";}
.g9-live{width:8px;height:8px;border-radius:50%;background:var(--accent-deco);display:inline-block;position:relative;flex:none;}
.g9-live::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid var(--accent-deco);opacity:0;animation:g9-pulse 2.4s var(--g9-ease) infinite;}
@keyframes g9-pulse{0%{transform:scale(.5);opacity:.9}100%{transform:scale(1.6);opacity:0}}

/* Links & Buttons */
.g9-link{color:var(--fg);text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .25s var(--g9-ease),color .2s;padding-bottom:2px;}
.g9-link:hover{background-size:0 1px;background-position:100% 100%;}
.g9-arrowlink{display:inline-flex;align-items:center;gap:10px;font-family:var(--g9-font-mono);font-size:var(--g9-fs-small);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--fg);min-height:44px;}
.g9-arrowlink .g9-arr{transition:transform .22s var(--g9-ease);display:inline-block;}
.g9-arrowlink:hover .g9-arr{transform:translateX(4px);}
.g9-arrowlink--accent{color:var(--accent);}
.g9-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 26px;font-family:var(--g9-font-mono);font-size:var(--g9-fs-small);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:1px solid var(--btn-bg);background:var(--btn-bg);color:var(--btn-fg);border-radius:999px;cursor:pointer;transition:transform .2s var(--g9-ease),box-shadow .2s var(--g9-ease),background .2s,color .2s;white-space:nowrap;}
.g9-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -16px rgba(0,0,0,.5);}
.g9-btn .g9-arr{transition:transform .22s var(--g9-ease);}
.g9-btn:hover .g9-arr{transform:translateX(4px);}
.g9-btn--ghost{background:transparent;color:var(--fg);border-color:var(--hair-strong);}
.g9-btn--ghost:hover{border-color:var(--fg);}
.g9-btn--sm{min-height:44px;padding:0 18px;}
.g9-btnrow{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
@media (max-width:560px){.g9-btn{white-space:normal;text-align:center;max-width:100%;padding:12px 22px;line-height:1.35;}}

/* Status-Chips (Beleg) */
.g9-chip{display:inline-flex;align-items:center;gap:7px;font-family:var(--g9-font-mono);font-size:var(--g9-fs-meta);letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:1px solid var(--hair-strong);color:var(--fg-mute);line-height:1.3;white-space:nowrap;}
.g9-chip::before{content:"";width:7px;height:7px;border-radius:50%;border:1px solid currentColor;}
.g9-chip--ein{color:var(--accent);border-color:var(--accent);}
.g9-chip--ein::before{background:currentColor;}
.g9-chip--im{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 55%,transparent);}
.g9-chip--im::before{background:linear-gradient(90deg,currentColor 50%,transparent 50%);}
.g9-chip--kor{text-decoration:line-through;}

/* Header */
.g9-head{position:sticky;top:0;z-index:200;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid transparent;transition:border-color .3s,background .3s;}
.g9-head.is-scrolled{border-bottom-color:var(--hair);}
.g9-head-in{display:flex;align-items:center;gap:24px;height:72px;}
.g9-brand{display:flex;align-items:center;gap:14px;text-decoration:none;flex:none;min-height:44px;}
.g9-brand img{height:26px;width:auto;}
.g9-brand .g9-logo-light{display:none;}
.g9-brand-sub{font-family:var(--g9-font-mono);font-size:var(--g9-fs-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);padding-left:14px;border-left:1px solid var(--hair-strong);line-height:1.2;}
.g9-nav{display:flex;align-items:center;gap:4px;margin-left:auto;}
.g9-nav a{font-size:.9375rem;text-decoration:none;color:var(--fg-mute);padding:10px 12px;border-radius:999px;transition:color .2s,background .2s;min-height:44px;display:inline-flex;align-items:center;gap:8px;}
.g9-nav a:hover{color:var(--fg);background:var(--chip-bg);}
.g9-nav a[aria-current="page"]{color:var(--fg);box-shadow:inset 0 -1px 0 var(--fg);border-radius:0;}
.g9-nav .g9-live{width:6px;height:6px;}
.g9-head .g9-btn{margin-left:8px;}
.g9-burger{display:none;margin-left:auto;width:46px;height:46px;border-radius:50%;border:1px solid var(--hair-strong);background:transparent;color:var(--fg);cursor:pointer;align-items:center;justify-content:center;flex:none;}
.g9-burger span{display:block;width:16px;height:1.5px;background:currentColor;position:relative;transition:transform .25s var(--g9-ease),opacity .2s;}
.g9-burger span+span{margin-top:4px;}
.g9-burger-in{display:flex;flex-direction:column;}
.g9-menu{position:fixed;inset:72px 0 0 0;z-index:190;padding:28px var(--g9-gutter) 40px;display:flex;flex-direction:column;gap:6px;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .25s var(--g9-ease),transform .25s var(--g9-ease),visibility .25s;overflow-y:auto;}
.g9-menu.is-open{opacity:1;transform:none;visibility:visible;}
.g9-menu a.g9-menu-item{font-family:var(--g9-font-display);font-variation-settings:"opsz" 72,"SOFT" 24,"WONK" 0;font-size:2rem;line-height:1.2;text-decoration:none;padding:10px 0;border-bottom:1px solid var(--hair);display:flex;justify-content:space-between;align-items:baseline;}
.g9-menu a.g9-menu-item small{font-family:var(--g9-font-mono);font-size:var(--g9-fs-meta);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);}
.g9-menu .g9-btnrow{margin-top:28px;}
@media (max-width:1080px){
  .g9-nav{display:none;}
  .g9-burger{display:inline-flex;}
  .g9-head .g9-btn{margin-left:0;}
}
@media (max-width:560px){
  .g9-brand-sub{display:none;}
  .g9-head .g9-btn{display:none;}
  .g9-head-in{height:64px;}
  .g9-menu{inset:64px 0 0 0;}
}

/* Reveal (Inhalte bleiben ohne JS sichtbar) */
.g9-js [data-g9-reveal]{opacity:0;transform:translateY(18px);transition:opacity .5s var(--g9-ease),transform .5s var(--g9-ease);transition-delay:calc(var(--d,0) * 90ms);}
.g9-js [data-g9-reveal].is-in{opacity:1;transform:none;}

/* ============ HERO ============ */
.g9-hero{padding:clamp(40px,6vw,88px) 0 clamp(64px,8vw,120px);}
.g9-hero-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,88px);align-items:start;}
.g9-hero-grid > div:first-child{padding-top:8px;}
.g9-dateline{display:flex;align-items:center;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:clamp(28px,4vw,48px);border-bottom:1px solid var(--hair-strong);}
.g9-dateline .g9-kicker{color:var(--fg-mute);}
.g9-hero .g9-h1{margin:0 0 clamp(36px,4.5vw,64px);max-width:none;}
.g9-hero .g9-h1 .l{display:block;}
.g9-hero .g9-h1 em{font-style:italic;font-variation-settings:"opsz" 72,"SOFT" 60,"WONK" 0;color:var(--accent);}
.g9-hero .g9-lead{margin-bottom:18px;}
.g9-hero-proof{font-size:var(--g9-fs-small);color:var(--fg-mute);margin:0 0 34px;max-width:56ch;display:flex;gap:10px;align-items:baseline;}
.g9-hero-proof b{font-weight:600;color:var(--fg);}

/* Vorlauf-Karte (Signature) */
.g9-vl{border-radius:var(--g9-radius);padding:clamp(22px,2.4vw,32px);position:relative;overflow:hidden;box-shadow:0 40px 80px -48px rgba(0,0,0,.55);}
.g9-vl-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;}
.g9-vl-slides{position:relative;}
.g9-vl-slide{display:none;}
.g9-vl-slide.is-active{display:block;animation:g9-in .5s var(--g9-ease);}
@keyframes g9-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.g9-vl-line{font-family:var(--g9-font-mono);font-size:var(--g9-fs-meta);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;}
.g9-vl-title{font-family:var(--g9-font-display);font-variation-settings:"opsz" 48,"SOFT" 24,"WONK" 0;font-weight:420;font-size:clamp(1.3rem,1.1rem + .7vw,1.65rem);line-height:1.22;margin:0 0 22px;color:var(--fg);}
.g9-vl-axis{margin:4px 0 6px;position:relative;padding:0 7px;}
.g9-vl-axis .ax-dot{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;transform:translate(-50%,-50%);}
.g9-vl-axis .ax-dot-a{left:7px;background:var(--bg);border:2px solid var(--accent);}
.g9-vl-axis .ax-dot-b{left:calc(100% - 7px);background:var(--accent);}
.g9-vl-axis svg{width:100%;height:56px;display:block;overflow:visible;}
.g9-vl-axis .ax-base{stroke:var(--hair-strong);stroke-width:1;}
.g9-vl-axis .ax-tick{stroke:var(--fg-dim);stroke-width:1;opacity:.55;}
.g9-vl-axis .ax-run{stroke:var(--accent);stroke-width:2;transform-box:fill-box;transform-origin:0 50%;}
.g9-js .g9-vl-axis .ax-run{transform:scaleX(0);}
.g9-vl-axlabels{display:flex;justify-content:space-between;gap:12px;font-family:var(--g9-font-mono);font-size:var(--g9-fs-meta);letter-spacing:.06em;color:var(--fg-dim);line-height:1.45;}
.g9-vl-axlabels span:last-child{text-align:right;}
.g9-vl-axlabels b{display:block;font-weight:400;color:var(--fg);letter-spacing:.04em;}
.g9-vl-days{display:flex;align-items:baseline;gap:12px;margin:18px 0 16px;}
.g9-vl-days .g9-num{font-size:var(--g9-fs-stat);line-height:.9;color:var(--fg);font-weight:340;}
.g9-vl-days span:last-child{font-family:var(--g9-font-mono);font-size:var(--g9-fs-meta);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-mute);max-width:16ch;line-height:1.4;}
.g9-vl-quote{font-family:var(--g9-font-serif);font-style:italic;font-size:1.125rem;line-height:1.5;margin:0 0 14px;color:var(--fg);border-left:2px solid var(--accent);padding-left:16px;}
.g9-vl-cite{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;font-size:var(--g9-fs-small);color:var(--fg-mute);}
.g9-vl-cite a{color:var(--fg-mute);}
.g9-vl-foot .g9-arrowlink{white-space:nowrap;}
.g9-vl-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--hair);}
.g9-vl-ctrl{display:flex;align-items:center;gap:6px;}
.g9-vl-ctrl button{width:44px;height:44px;border-radius:50%;border:1px solid var(--hair-strong);background:transparent;color:var(--fg);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s;}
.g9-vl-ctrl button:hover{border-color:var(--fg);background:var(--chip-bg);}
.g9-vl-count{font-family:var(--g9-font-mono);font-size:var(--g9-fs-meta);color:var(--fg-dim);min-width:44px;text-align:center;letter-spacing:.08em;}
.g9-vl-prog{position:absolute;left:0;bottom:0;height:2px;background:var(--accent);width:0;}

@media (max-width:960px){
  .g9-hero-grid{grid-template-columns:1fr;}
}

/* ============ BELEG-BAND (Bild + Zahlen) ============ */
.g9-band{position:relative;min-height:clamp(560px,72vh,820px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;}
.g9-band-img{position:absolute;inset:0;z-index:-2;}
.g9-band-img img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;}
.g9-band::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,10,10,.08) 0%,rgba(10,10,10,.38) 24%,rgba(10,10,10,.78) 44%,rgba(10,10,10,.92) 66%,#0A0A0A 100%);}
.g9-band-in{width:100%;padding-top:clamp(160px,22vw,280px);padding-bottom:clamp(48px,6vw,88px);}
.g9-band .g9-kicker{color:#D8D2C8;}
.g9-band .g9-kicker b{color:#E0A56B;}
.g9-band .g9-h2{max-width:18ch;margin:14px 0 clamp(32px,4vw,56px);}
.g9-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--hair-strong);}
.g9-stat{padding:22px 24px 0 0;}
.g9-stat+.g9-stat{padding-left:24px;border-left:1px solid var(--hair);}
.g9-stat .g9-num{display:block;font-size:var(--g9-fs-stat);line-height:1;font-weight:330;color:var(--fg);}
.g9-stat .g9-num small{font-size:.42em;letter-spacing:0;margin-left:6px;}
.g9-stat p{margin:10px 0 0;font-size:var(--g9-fs-small);color:var(--fg-mute);line-height:1.45;max-width:22ch;}
.g9-stat--accent .g9-num{color:var(--accent);}
.g9-bar{margin:clamp(28px,3vw,40px) 0 14px;height:10px;display:flex;gap:2px;}
.g9-bar span{display:block;height:100%;transform-origin:left;}
.g9-js .g9-bar span{transform:scaleX(0);transition:transform 1.1s var(--g9-ease);}
.g9-js .g9-bar.is-in span{transform:scaleX(1);}
.g9-bar .b-ein{background:var(--g9-copper-on-ink);}
.g9-bar .b-im{background:repeating-linear-gradient(135deg,var(--g9-copper-on-ink) 0 3px,rgba(198,138,78,.35) 3px 6px);}
.g9-bar .b-off{background:rgba(255,255,255,.28);}
.g9-bar .b-kor{background:rgba(255,255,255,.12);}
.g9-legend{display:flex;flex-wrap:wrap;gap:8px 22px;font-family:var(--g9-font-mono);font-size:var(--g9-fs-meta);letter-spacing:.06em;color:var(--fg-mute);margin:0 0 clamp(28px,3vw,40px);padding:0;list-style:none;}
.g9-legend li{display:flex;align-items:center;gap:8px;}
.g9-legend i{width:12px;height:8px;display:inline-block;}
.g9-band-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;}
@media (max-width:860px){
  .g9-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .g9-stat:nth-child(3){padding-left:0;border-left:0;}
  .g9-stat:nth-child(n+3){border-top:1px solid var(--hair);margin-top:22px;}
  .g9-band-foot{grid-template-columns:1fr;}
}

/* ============ LAGE ============ */
.g9-lagehead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-bottom:clamp(36px,4vw,56px);}
.g9-lagehead .g9-h2{margin-top:16px;max-width:20ch;}
.g9-lagehead .g9-lead{margin-top:20px;}
.g9-lagegrid{display:grid;grid-template-columns:minmax(0,9fr) minmax(0,3fr);gap:clamp(28px,4vw,64px);border-top:1px solid var(--hair-strong);}
.g9-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
.g9-col{padding:26px 26px 8px 0;display:flex;flex-direction:column;gap:14px;}
.g9-col+.g9-col{padding-left:26px;border-left:1px solid var(--hair);}
.g9-col .g9-h4 a{text-decoration:none;}
.g9-col .g9-h4 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;}
.g9-col-trend{font-size:.975rem;line-height:1.6;color:var(--fg-mute);margin:0;}
.g9-beleg{margin-top:auto;padding-top:16px;border-top:1px dashed var(--hair-strong);display:flex;flex-direction:column;gap:10px;}
.g9-beleg-q{font-family:var(--g9-font-serif);font-style:italic;font-size:1rem;line-height:1.5;color:var(--fg);margin:0;}
.g9-beleg-meta{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;font-size:var(--g9-fs-small);color:var(--fg-mute);}
.g9-beleg-meta a{color:var(--fg-mute);}
.g9-src{font-family:var(--g9-font-mono);font-size:var(--g9-fs-meta);letter-spacing:.04em;color:var(--fg-dim);}
.g9-src a{color:var(--fg-mute);text-underline-offset:3px;}
.g9-rail{padding-top:26px;}
.g9-rail h3{font-family:var(--g9-font-mono);font-size:var(--g9-fs-meta);font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);margin:0 0 14px;}
.g9-termine{list-style:none;margin:0;padding:0;}
.g9-termine li{padding:12px 0;border-bottom:1px solid var(--hair);display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;font-size:var(--g9-fs-small);line-height:1.45;}
.g9-termine time{font-family:var(--g9-font-mono);font-size:var(--g9-fs-meta);letter-spacing:.04em;color:var(--accent);padding-top:2px;}
.g9-termine a{color:var(--fg);text-decoration:none;}
.g9-termine a:hover{text-decoration:underline;text-underline-offset:3px;}
.g9-lagefoot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center;margin-top:clamp(32px,4vw,48px);padding-top:20px;border-top:1px solid var(--hair-strong);}
@media (max-width:1080px){
  .g9-lagegrid{grid-template-columns:1fr;}
  .g9-rail{border-top:1px solid var(--hair);}
}
@media (max-width:860px){
  .g9-cols{grid-template-columns:1fr;}
  .g9-col{padding:24px 0;}
  .g9-col+.g9-col{padding-left:0;border-left:0;border-top:1px solid var(--hair);}
  .g9-lagehead{grid-template-columns:1fr;}
}

/* ============ LINIEN ============ */
.g9-lineshead{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,80px);align-items:end;margin-bottom:clamp(36px,4vw,56px);}
.g9-lines{list-style:none;margin:0;padding:0;border-top:1px solid var(--hair-strong);}
.g9-line{display:grid;grid-template-columns:80px minmax(0,4fr) minmax(0,5fr) minmax(0,3fr);gap:24px;padding:26px 0;border-bottom:1px solid var(--hair);align-items:baseline;transition:background .25s;}
.g9-line:hover{background:linear-gradient(90deg,transparent,var(--chip-bg) 20%,var(--chip-bg) 80%,transparent);}
.g9-line-n{font-family:var(--g9-font-display);font-variation-settings:"opsz" 72,"SOFT" 24,"WONK" 0;font-size:2.4rem;line-height:1;color:var(--accent-deco);font-weight:330;}
.g9-line-t{font-family:var(--g9-font-display);font-variation-settings:"opsz" 48,"SOFT" 24,"WONK" 0;font-size:var(--g9-fs-h4);line-height:1.2;margin:0;font-weight:430;}
.g9-line-d{margin:0;color:var(--fg-mute);font-size:.975rem;line-height:1.55;}
.g9-line-live{font-size:var(--g9-fs-small);color:var(--fg-mute);line-height:1.45;}
.g9-line-live b{display:block;font-family:var(--g9-font-mono);font-weight:400;font-size:var(--g9-fs-meta);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;}
.g9-line-live a{color:var(--fg);text-decoration:none;}
.g9-line-live a:hover{text-decoration:underline;text-underline-offset:3px;}
@media (max-width:960px){
  .g9-lineshead{grid-template-columns:1fr;}
  .g9-line{grid-template-columns:56px minmax(0,1fr);gap:8px 16px;}
  .g9-line-d,.g9-line-live{grid-column:2;}
  .g9-line-n{font-size:1.9rem;}
}

/* ============ ZUSAMMENARBEIT ============ */
.g9-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:clamp(36px,4vw,56px);counter-reset:step;position:relative;}
.g9-step{padding:0 clamp(18px,2.4vw,36px) 0 0;position:relative;display:flex;flex-direction:column;gap:14px;}
.g9-step+.g9-step{padding-left:clamp(18px,2.4vw,36px);border-left:1px solid var(--hair);}
.g9-step-n{display:flex;align-items:center;gap:12px;font-family:var(--g9-font-mono);font-size:var(--g9-fs-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);}
.g9-step-n::before{counter-increment:step;content:counter(step,decimal-leading-zero);font-family:var(--g9-font-display);font-variation-settings:"opsz" 72,"SOFT" 24,"WONK" 0;font-size:2.4rem;letter-spacing:0;color:var(--accent-deco);line-height:1;}
.g9-step-price{font-family:var(--g9-font-mono);font-size:var(--g9-fs-small);letter-spacing:.04em;color:var(--fg);padding:10px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);}
.g9-step p{margin:0;color:var(--fg-mute);font-size:.975rem;}
.g9-step .g9-arrowlink{margin-top:auto;}
.g9-step--rec{}
.g9-step--rec .g9-step-n span{color:var(--accent);}
.g9-progress{height:1px;background:var(--hair-strong);position:relative;margin-top:clamp(36px,4vw,56px);}
.g9-progress::after{content:"";position:absolute;left:0;top:-1px;height:3px;width:100%;background:var(--accent-deco);transform-origin:left;transform:scaleX(var(--p,1));transition:transform 1.4s var(--g9-ease);}
.g9-js .g9-progress{--p:0;}
.g9-js .g9-progress.is-in{--p:1;}
@media (max-width:860px){
  .g9-steps{grid-template-columns:1fr;gap:32px;}
  .g9-step{padding:0;}
  .g9-step+.g9-step{padding:32px 0 0;border-left:0;border-top:1px solid var(--hair);}
}

/* ============ PETERKA ============ */
.g9-cp{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,88px);align-items:center;}
.g9-cp-img{position:relative;}
.g9-cp-img img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;border-radius:var(--g9-radius);}
.g9-cp-img figcaption{margin-top:12px;}
.g9-cp .g9-h2{margin:14px 0 22px;}
.g9-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:32px 0;border-top:1px solid var(--hair-strong);border-bottom:1px solid var(--hair);}
.g9-fact{padding:18px 14px 18px 0;}
.g9-fact+.g9-fact{padding-left:14px;border-left:1px solid var(--hair);}
.g9-fact .g9-num{display:block;font-size:clamp(1.8rem,1.4rem + 1.4vw,2.6rem);line-height:1;font-weight:340;}
.g9-fact > span:last-child{display:block;margin-top:6px;font-size:var(--g9-fs-small);color:var(--fg-mute);line-height:1.35;}
.g9-mandate{font-size:var(--g9-fs-small);color:var(--fg-mute);margin:0 0 28px;line-height:1.7;}
.g9-mandate b{font-weight:400;color:var(--fg);}
.g9-du{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:16px 18px;border:1px solid var(--hair-strong);border-radius:var(--g9-radius);margin-bottom:28px;font-size:.975rem;}
.g9-du svg{flex:none;}
.g9-logos{display:flex;flex-wrap:wrap;align-items:center;gap:18px 34px;margin-top:clamp(48px,5vw,72px);padding-top:28px;border-top:1px solid var(--hair);}
.g9-logos img{height:24px;width:auto;max-width:132px;object-fit:contain;opacity:.62;filter:grayscale(1);transition:opacity .2s;}
.g9-logos img:hover{opacity:1;}
@media (prefers-color-scheme:dark){.g9-s-paper .g9-logos img,.g9-s-paper-2 .g9-logos img,.g9-s-paper-3 .g9-logos img{filter:grayscale(1) invert(1);}}
@media (max-width:960px){
  .g9-cp{grid-template-columns:1fr;}
  .g9-cp-img{max-width:440px;}
  .g9-facts{grid-template-columns:repeat(2,minmax(0,1fr));}
  .g9-fact:nth-child(3){padding-left:0;border-left:0;}
  .g9-fact:nth-child(n+3){border-top:1px solid var(--hair);}
}

/* ============ SCHLUSS ============ */
.g9-final{text-align:left;}
.g9-final-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,80px);align-items:end;}
.g9-final .g9-h2{font-size:clamp(2.4rem,1.6rem + 3.4vw,4.6rem);max-width:14ch;}
.g9-final .g9-btnrow{margin-top:28px;}
@media (max-width:860px){.g9-final-grid{grid-template-columns:1fr;}}

/* ============ FOOTER ============ */
.g9-foot{padding:clamp(56px,6vw,88px) 0 32px;font-size:var(--g9-fs-small);}
.g9-foot-grid{display:grid;grid-template-columns:minmax(0,4fr) repeat(3,minmax(0,2fr));gap:32px;padding-bottom:40px;border-bottom:1px solid var(--hair);}
.g9-foot h2{font-family:var(--g9-font-mono);font-size:var(--g9-fs-meta);font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);margin:0 0 14px;}
.g9-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;}
.g9-foot a{color:var(--fg-mute);text-decoration:none;display:inline-block;padding:6px 0;}
.g9-foot a:hover{color:var(--fg);}
.g9-foot-brand img{height:28px;width:auto;margin-bottom:18px;}
.g9-foot-brand p{color:var(--fg-mute);margin:0 0 10px;max-width:40ch;line-height:1.6;}
.g9-foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:24px;color:var(--fg-dim);font-family:var(--g9-font-mono);font-size:var(--g9-fs-meta);letter-spacing:.04em;}
@media (max-width:860px){.g9-foot-grid{grid-template-columns:1fr 1fr;}.g9-foot-brand{grid-column:1/-1;}}

/* ============ LAGE-SEITE ============ */
.g9-lp-hero{padding:clamp(40px,6vw,88px) 0 clamp(32px,4vw,56px);}
.g9-lp-hero .g9-h1{font-size:clamp(2.4rem,1.5rem + 3.4vw,4.6rem);margin:18px 0 22px;max-width:18ch;}
.g9-lp-hero .g9-callout{align-self:start;}
.g9-filter{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none;}
.g9-filter button{font-family:var(--g9-font-mono);font-size:var(--g9-fs-meta);letter-spacing:.08em;text-transform:uppercase;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--hair-strong);background:transparent;color:var(--fg-mute);cursor:pointer;transition:all .2s;}
.g9-filter button:hover{color:var(--fg);border-color:var(--fg);}
@media (max-width:700px){.g9-filter{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;margin-left:calc(var(--g9-gutter) * -1);margin-right:calc(var(--g9-gutter) * -1);padding:0 var(--g9-gutter) 6px;scrollbar-width:none;}.g9-filter::-webkit-scrollbar{display:none;}.g9-filter li{flex:none;scroll-snap-align:start;}}
.g9-filter button[aria-pressed="true"]{background:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-bg);}
.g9-items{border-top:1px solid var(--hair-strong);}
.g9-item{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,5fr) minmax(0,4fr);gap:clamp(20px,3vw,48px);padding:clamp(28px,3vw,44px) 0;border-bottom:1px solid var(--hair);}
.g9-item[hidden]{display:none;}
.g9-item-head .g9-h3{margin:12px 0 14px;font-size:clamp(1.35rem,1.15rem + .8vw,1.85rem);}
.g9-item-body h4,.g9-item-beleg h4{font-family:var(--g9-font-mono);font-size:var(--g9-fs-meta);font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);margin:0 0 8px;}
.g9-item-body p{margin:0 0 18px;color:var(--fg-mute);font-size:.975rem;line-height:1.65;}
.g9-item-body p.g9-trend{color:var(--fg);font-size:1.0625rem;}
.g9-item-beleg{background:var(--chip-bg);padding:20px;border-radius:var(--g9-radius);display:flex;flex-direction:column;gap:12px;align-self:start;}
.g9-item-beleg blockquote{margin:0;font-family:var(--g9-font-serif);font-style:italic;font-size:1.0625rem;line-height:1.55;}
.g9-srclist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:var(--g9-fs-small);}
.g9-srclist a{color:var(--fg-mute);text-underline-offset:3px;}
.g9-srclist span{font-family:var(--g9-font-mono);font-size:var(--g9-fs-meta);color:var(--fg-dim);margin-left:6px;}
.g9-archive{list-style:none;margin:0;padding:0;border-top:1px solid var(--hair-strong);}
.g9-archive details{border-bottom:1px solid var(--hair);}
.g9-archive summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:150px minmax(0,1fr) 44px;gap:20px;padding:22px 0;align-items:baseline;}
.g9-archive summary::-webkit-details-marker{display:none;}
.g9-archive summary time{font-family:var(--g9-font-mono);font-size:var(--g9-fs-meta);letter-spacing:.06em;color:var(--accent);}
.g9-archive summary .g9-h4{font-size:1.15rem;}
.g9-archive summary i{font-style:normal;width:32px;height:32px;border:1px solid var(--hair-strong);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:transform .25s var(--g9-ease);justify-self:end;}
.g9-archive details[open] summary i{transform:rotate(45deg);}
.g9-archive ul{list-style:none;margin:0 0 22px;padding:0 0 0 170px;display:flex;flex-direction:column;gap:10px;}
.g9-archive ul li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;font-size:.975rem;align-items:baseline;}
.g9-archive ul li b{font-family:var(--g9-font-mono);font-size:var(--g9-fs-meta);font-weight:400;color:var(--accent);}
.g9-statline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--hair-strong);border-bottom:1px solid var(--hair);margin:clamp(28px,3vw,44px) 0 0;}
.g9-statline div{padding:18px 18px 18px 0;}
.g9-statline div+div{padding-left:18px;border-left:1px solid var(--hair);}
.g9-statline .g9-num{display:block;font-size:clamp(2rem,1.5rem + 1.6vw,3rem);line-height:1;font-weight:340;}
.g9-statline span:last-child{display:block;margin-top:8px;font-size:var(--g9-fs-small);color:var(--fg-mute);}
.g9-twocol{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);}
.g9-callout{padding:clamp(24px,3vw,36px);border:1px solid var(--hair-strong);border-radius:var(--g9-radius);}
@media (max-width:960px){
  .g9-item{grid-template-columns:1fr;}
  .g9-twocol{grid-template-columns:1fr;}
  .g9-archive summary{grid-template-columns:1fr 44px;}
  .g9-archive summary time{grid-column:1/-1;}
  .g9-archive ul{padding-left:0;}
  .g9-statline{grid-template-columns:1fr;}
  .g9-statline div+div{padding-left:0;border-left:0;border-top:1px solid var(--hair);}
}

/* Unterseiten-Kopf (v8-Inhalte in neuem Rahmen) */
/* Altbestand-Korrekturen (gleiche Fehler wie Live v8): „Lesestoff dazu“-Kästen erbten den Ink-Hintergrund der Snack-Karten */
.g9-sub div.snack{background:transparent;}
.g9-sub .on-paper div.snack .sk{color:#7A4A1E;}
.g9-sub .section--dark div.snack .sk{color:#C68A4E;}
.g9-sub .section--dark div.snack,.g9-sub .section--dark div.snack span{color:rgba(255,255,255,.78)!important;}
.g9-sub .section--dark div.snack a{color:rgba(255,255,255,.9)!important;}
.g9-sub main p a:not([class]),.g9-sub main li a:not([class]){text-decoration:underline;text-underline-offset:3px;}
.g9-sub div.snack .sk{opacity:1!important;}
.g9-sub .on-paper div.snack a{color:#5A5249!important;}
.g9-sub .section--dark a[href="/archiv/"]{color:#C68A4E!important;}
.g9-sub .duel-head .t-micro{color:#C68A4E!important;}
.g9-sub .call .cb{color:#7A4A1E!important;opacity:1!important;}
/* Mindestschriftgröße 12 px (Christophers Typo-Regel) für Kleinsttexte im Altbestand */
.g9-sub .sig-live,.g9-sub .sig-rate,.g9-sub .onb-flag,.g9-sub .call .cb,.g9-sub .if-sound .lbl,.g9-sub #duel-sound,
.g9-sub .no-badge,.g9-sub .no-plaque-src,.g9-sub .no-plaque-ttl,.g9-sub .dzm-cap i,.g9-sub figcaption span{font-size:.75rem!important;}
.g9-sub #peterka a span[style*="0.68rem"]{font-size:.75rem!important;}
.g9-pagehead{padding:clamp(40px,6vw,88px) 0 clamp(24px,3vw,40px);border-bottom:1px solid var(--hair);}
.g9-pagehead .g9-h1{font-size:clamp(2.6rem,1.6rem + 4.4vw,5.4rem);margin:16px 0 18px;max-width:20ch;}
.g9-subnav{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;}
.g9-subnav a{font-family:var(--g9-font-mono);font-size:var(--g9-fs-meta);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--fg-mute);border:1px solid var(--hair-strong);border-radius:999px;padding:0 14px;min-height:40px;display:inline-flex;align-items:center;transition:all .2s;}
.g9-subnav a:hover{color:var(--fg);border-color:var(--fg);}
.g9-next{padding:clamp(56px,6vw,96px) 0;}
.g9-next-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--hair-strong);}
.g9-next-grid a{display:flex;flex-direction:column;gap:10px;padding:24px 24px 24px 0;text-decoration:none;color:var(--fg);transition:background .25s;}
.g9-next-grid a+a{padding-left:24px;border-left:1px solid var(--hair);}
.g9-next-grid a:hover .g9-arr{transform:translateX(4px);}
.g9-next-grid .g9-arr{transition:transform .22s var(--g9-ease);display:inline-block;color:var(--accent);}
@media (max-width:860px){.g9-next-grid{grid-template-columns:1fr;}.g9-next-grid a+a{padding-left:0;border-left:0;border-top:1px solid var(--hair);}}

@media (prefers-reduced-motion:reduce){
  .g9 *,.g9 *::before,.g9 *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  .g9-js [data-g9-reveal]{opacity:1;transform:none;}
  .g9-live::after{display:none;}
}
@media print{.g9-head,.g9-menu,.g9-vl-ctrl,.g9-band-img{display:none!important;}}
