/*
Theme Name: GC Satellite
Description: Schlankes, dunkles Theme fuer die Satellitenseiten — Clip-Raster mit Vorschau statt Blog-Liste.
Version: 1.0.0
*/
:root{
  --bg:#0b0e14; --bg2:#111722; --card:#151d2b; --line:#26314a;
  --ink:#eef2f9;            /* auf --bg 16.8:1 */
  --ink2:#a9b6cc;           /* auf --bg  8.3:1 */
  --acc:#cd6085;            /* auf --bg  9.4:1 */
  --acc-ink:#17130a;        /* auf --acc 9.0:1 */
  --r:14px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);
 font:16.5px/1.65 ui-sans-serif,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
 overflow-x:hidden}
img,video{max-width:100%;display:block}
a{color:var(--acc);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}

/* Kopf */
.sh{position:sticky;top:0;z-index:50;background:rgba(11,14,20,.86);
 backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.sh__in{display:flex;align-items:center;gap:18px;min-height:64px}
.sh__logo{font-weight:800;font-size:19px;color:var(--ink);letter-spacing:-.01em;white-space:nowrap;flex:0 0 auto}
.sh__logo b{color:var(--acc)}
.sh__logo:hover{text-decoration:none}
.sh__nav{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
.sh__nav a{display:inline-block;padding:9px 13px;border-radius:9px;color:var(--ink2);
 font-size:15px;font-weight:600;min-height:40px;line-height:22px}
.sh__nav a:hover{background:var(--bg2);color:var(--ink);text-decoration:none}
.sh__nav .current-menu-item a,.sh__nav a[aria-current]{color:var(--acc)}
@media(max-width:860px){.sh__in{flex-wrap:wrap;padding:10px 0}.sh__nav{margin-left:0;width:100%}
 .sh__nav a{padding:8px 11px;font-size:14.5px}}

/* Held */
.hero{padding:56px 0 34px;border-bottom:1px solid var(--line);
 background:radial-gradient(1000px 380px at 12% -12%,rgba(230,172,63,.16),transparent 70%)}
.hero h1{margin:0 0 14px;font-size:clamp(30px,5vw,50px);line-height:1.1;letter-spacing:-.02em;color:var(--ink)}
.hero p{margin:0;max-width:66ch;font-size:clamp(16.5px,2vw,19px);color:var(--ink2)}
.hero__badge{display:inline-block;margin-bottom:16px;padding:6px 12px;border-radius:99px;
 background:rgba(230,172,63,.14);border:1px solid rgba(230,172,63,.4);
 color:var(--acc);font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}

/* Inhalt */
main{padding:34px 0 60px}
h2{font-size:clamp(21px,3vw,28px);letter-spacing:-.01em;margin:36px 0 14px;color:var(--ink)}
h2:first-child{margin-top:0}
h3{font-size:19px;margin:26px 0 8px;color:var(--ink)}
p,li{color:#d7deeb}
.prose{max-width:74ch}
.prose p,.prose li{font-size:17px}
code{background:var(--bg2);padding:2px 6px;border-radius:6px;font-size:14px;color:var(--ink2)}

/* Fuss */
.sf{border-top:1px solid var(--line);background:var(--bg2);padding:30px 0 40px;margin-top:40px}
.sf__nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:14px}
.sf__nav a{color:var(--ink2);font-size:15px;min-height:40px;line-height:40px}
.sf small{color:#93a1b8;font-size:13.5px;display:block;max-width:80ch;line-height:1.6}

/* Menuelisten: keine Aufzaehlungspunkte, waagerecht (gc_sat_nav_list_fix) */
.sh__nav ul,.sf__nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.sf__nav ul{gap:8px 20px}
.sh__nav li,.sf__nav li{margin:0;list-style:none}
.sh__nav li::marker,.sf__nav li::marker{content:""}
/* Fliesstext der Startseite auf lesbare Zeilenlaenge, Raster bleibt breit */
.home main .wrap > p{max-width:74ch}

/* v3: Kopfbereich straffen, damit die Kacheln oberhalb der Falz beginnen */
.hero{padding:34px 0 24px}
.hero h1{font-size:clamp(28px,4vw,40px);margin-bottom:10px}
.hero p{font-size:clamp(15.5px,1.6vw,17.5px)}
.hero__badge{margin-bottom:12px}
main{padding:22px 0 60px}
.gcsat-head{margin:20px 0 12px}
.home main .wrap > p{margin:0 0 4px;font-size:16px;color:#c8d3e4}