/* GILGAMESH 3 · Grundstil aus Vorschau v24 (css/g3-vorschau.css), Dummy-Bilder entfernt */
/* GILGAMESH 3.0 · Layout-Vorschau gilgamesh.at, Fassung 3 · GRAFIK 21.10.2026 (auf Fassung 2 vom 20.10.) · Grundlage: Theme gilgamesh-3 0.2.0
   Prinzip (Wolfgang, 20.10.): Die Wichtigkeit des Logos gewinnt nicht durch Größe, sondern durch Reduktion. */
@font-face{font-family:"Red Hat Display";src:url("../fonts/RedHatDisplay-Variable.ttf") format("truetype");font-weight:300 900;font-display:swap}
@font-face{font-family:"Kumbh Sans";src:url("../fonts/KumbhSans-Variable.ttf") format("truetype");font-weight:300 600;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("../fonts/HankenGrotesk-Variable.ttf") format("truetype");font-weight:300 500;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/IBMPlexMono-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
:root{
 --schwarz:#000;--tiefe:#0B121B;--tinte:#14202E;--flaeche:#1C2B3C;--hoehe:#2A3D54;
 --steingrau:#6B7685;--silber:#9AA6B4;--lauftext:#D3DAE3;--nebel:#EEF0F2;--weiss:#FFF;
 --ischtar:#2E9BD6;--ischtar-tief:#1F6A9A;--bernstein:#E0A84E;
 /* Rubrikfarben, aus den Markenfarben abgeleitet */
 --r-standpunkt:#E0A84E; /* Bernstein */
 --r-kiradar:#A39AC9;    /* Flieder, Vorschlag A (v3): Wang-Blau nur noch im Logo */
 --r-studien:#87A292;    /* gebrochenes Salbei */
 --r-transform:#B8E04A;
 --r-podcasts:#E3806B;   /* 0.3.20: Koralle (Vorschlag TECHNIK, Wolfgang entscheidet) */  /* Bernstein, zum Rot gedreht und gebrochen: Terrakotta */
 --marke:'Red Hat Display',system-ui,sans-serif;--titel:'Kumbh Sans',system-ui,sans-serif;
 --text:'Hanken Grotesk',system-ui,sans-serif;--etikett:'IBM Plex Mono',ui-monospace,monospace;
 --inhalt:680px;--weit:1240px;--rand:24px;
}
.r-standpunkt{--r:var(--r-standpunkt)}.r-kiradar{--r:var(--r-kiradar)}.r-studien{--r:var(--r-studien)}.r-transform{--r:var(--r-transform)}.r-podcasts{--r:var(--r-podcasts)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--tinte);color:var(--lauftext);font-family:var(--text);font-size:18px;font-weight:300;line-height:1.72;overflow-x:hidden}
img{max-width:100%;height:auto}
h1,h2,h3{color:var(--nebel);font-family:var(--titel);font-weight:500;letter-spacing:.01em;line-height:1.15;margin:0 0 .5em}
h1{font-size:clamp(28px,3.4vw,40px)}
h2{font-size:clamp(22px,2.4vw,26px)}
h3{font-size:20px}
.klein{text-transform:lowercase;letter-spacing:.02em}
p{margin:0 0 24px}
a{color:var(--nebel);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:var(--steingrau)}
a:hover{color:var(--weiss);text-decoration-color:var(--silber)}
a:focus-visible,button:focus-visible{outline:2px solid var(--nebel);outline-offset:4px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.etikett{font-family:var(--etikett);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--silber);font-weight:400;line-height:1.5}
.g3-weit{max-width:calc(var(--weit) + 2*var(--rand));margin:0 auto;padding:0 var(--rand)}
.g3-text{max-width:calc(var(--inhalt) + 2*var(--rand));margin:0 auto;padding:0 var(--rand)}
.vorspann{font-size:21px;line-height:1.55;color:var(--nebel)}
.merksatz{color:var(--nebel);padding:4px 0 4px 22px;border-left:1px solid var(--silber)}
.merksatz strong{font-weight:500}

/* Das farbige Element jeder Rubrik: ein Faden. Keine Fläche, kein Icon. */
.faden{display:block;width:32px;height:2px;background:var(--r,var(--silber));margin:0 0 14px}
.faden--lang{width:72px;margin-bottom:22px}
.rubrik{color:var(--r,var(--silber))}

/* Vorschau-Leiste: nicht Teil der Seite */
.g3-leiste{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;padding:7px var(--rand);background:var(--nebel);font-family:var(--etikett);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.g3-leiste span{color:var(--steingrau);margin-right:auto}
.g3-leiste a{color:var(--tinte);text-decoration:none}
.g3-leiste a:hover{text-decoration:underline}
.g3-vorschau{font-family:var(--etikett);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--tinte);background:var(--silber);display:inline-block;padding:3px 8px;margin:0 0 32px}
.g3-offen{background:none;color:var(--nebel);font-family:var(--etikett);font-size:13px;border-bottom:1px dashed var(--silber)}
.g3-bedingt{border-bottom:1px dashed var(--steingrau)}

/* Kopf: leise. Zeichen 14 px, viel Luft */
.g3-kopf{background:var(--schwarz)}
.g3-kopf__zeile{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 32px;padding-top:20px;padding-bottom:20px}
.g3-kopf--start .g3-kopf__zeile{justify-content:flex-end}
.g3-zeichen-home{display:block;line-height:0}
.g3-zeichen-home img{display:block;height:14px;width:auto}
.g3-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 26px}
.g3-nav a{font-family:var(--titel);text-transform:lowercase;font-size:15px;font-weight:400;color:var(--silber);text-decoration:none}
.g3-nav a:hover,.g3-nav a[aria-current]{color:var(--nebel)}
@media (max-width:640px){.g3-nav ul{gap:2px 18px}.g3-nav a{font-size:14px}}

/* Startseite */
.g3-start{padding-top:clamp(64px,10vw,144px);padding-bottom:72px}
.g3-start__marke{margin:0 0 clamp(72px,9vw,128px)}
.g3-start__marke h1{margin:0 0 16px;line-height:0}
.g3-start__marke img{width:176px;height:auto;display:block}
.g3-start__marke p{margin:0;max-width:440px;font-size:16px;line-height:1.6;color:var(--silber)}
.g3-rubriken{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 40px}
.g3-rubrik{display:flex;flex-direction:column}
.g3-rubrik__name{font-family:var(--titel);font-weight:500;font-size:22px;letter-spacing:.02em;text-transform:lowercase;color:var(--nebel);margin:0 0 4px;line-height:1.2}
.g3-rubrik__name a{text-decoration:none}
.g3-rubrik__takt{margin:0 0 14px}
.g3-rubrik__satz{font-size:15px;line-height:1.55;color:var(--silber);margin:0 0 22px}
.g3-rubrik__neu{margin-top:auto;padding-top:16px;border-top:1px solid var(--hoehe)}
.g3-rubrik__neu .etikett{margin:0 0 6px}
.g3-rubrik__titel{font-family:var(--titel);font-weight:500;font-size:18px;line-height:1.3;margin:0}
.g3-rubrik__titel a{text-decoration:none}
.g3-rubrik__titel a:hover{text-decoration:underline}
.g3-rubrik__heft{display:block;width:72px;margin:0 0 14px;line-height:0;box-shadow:0 0 0 1px var(--flaeche)}
.g3-abschnitt{margin-top:clamp(80px,9vw,128px)}
.g3-abschnitt__kopf{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--hoehe);padding-bottom:12px;margin-bottom:8px}
.g3-abschnitt__kopf h2{margin:0;font-size:22px}
.g3-unten{display:flex;flex-wrap:wrap;gap:12px 40px;margin-top:72px;padding-top:20px;border-top:1px solid var(--hoehe)}
.g3-unten a{font-family:var(--titel);text-transform:lowercase;font-size:16px;text-decoration:none}
.g3-unten .wartet{color:var(--steingrau)}
@media (max-width:1060px){.g3-rubriken{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.g3-rubriken{grid-template-columns:1fr;gap:40px}}

/* Der gemeinsame Blog: Liste */
.g3-liste{list-style:none;margin:0;padding:0}
.g3-eintrag{display:grid;grid-template-columns:200px minmax(0,1fr);gap:4px 40px;padding:26px 0 22px;border-bottom:1px solid var(--hoehe)}
.g3-eintrag[hidden]{display:none}
.g3-eintrag__meta .faden{margin-bottom:10px}
.g3-eintrag__meta p{margin:0}
.g3-eintrag h3{font-size:21px;line-height:1.3;margin:0 0 8px}
.g3-eintrag h3 a{text-decoration:none}
.g3-eintrag h3 a:hover{text-decoration:underline}
.g3-eintrag__vorspann{margin:0;font-size:16px;line-height:1.55;color:var(--silber)}
@media (max-width:700px){.g3-eintrag{grid-template-columns:minmax(0,1fr)}.g3-eintrag__meta{display:flex;gap:12px;align-items:center}.g3-eintrag__meta .faden{margin:0;flex:none}}
.g3-filter{display:flex;flex-wrap:wrap;gap:8px 22px;margin:28px 0 8px;padding:0;list-style:none}
.g3-filter button{background:none;border:0;padding:0 0 4px;cursor:pointer;font-family:var(--titel);font-size:15px;color:var(--silber);border-bottom:2px solid transparent}
.g3-filter button[aria-pressed="true"]{color:var(--nebel);border-bottom-color:var(--r,var(--nebel))}
.g3-filter button:hover{color:var(--nebel)}
.g3-seite{padding:clamp(64px,8vw,112px) 0}
.g3-seitenkopf{margin-bottom:24px}
.g3-takt{margin-top:28px}

/* gemeinsam für Beiträge */
.g3-meta{margin:0 0 12px}
.g3-erst{border-left:2px solid var(--r,var(--silber));padding:4px 0 4px 20px;margin:0 0 40px}
.g3-erst p{margin:0;font-size:15px;line-height:1.55}
.g3-erst p.etikett{color:var(--nebel);font-size:11px;margin-bottom:4px}
.g3-nachweis{margin-top:48px;padding-top:16px;border-top:1px solid var(--hoehe)}
.g3-platz{background:color-mix(in srgb,var(--r,var(--silber)) 10%,var(--flaeche));display:flex;align-items:flex-end;padding:16px;border:1px dashed var(--hoehe)}
.g3-inhalt h2{margin-top:44px}

/* STANDPUNKT – die Stimme: schmale Spalte, Text vor Bild, Bernstein-Faden senkrecht am Vorspann */
.lay-standpunkt{max-width:calc(620px + 2*var(--rand));margin:0 auto;padding:0 var(--rand)}
.lay-standpunkt h1{font-size:clamp(30px,3.8vw,44px);line-height:1.12;margin-bottom:28px}
.lay-standpunkt .vorspann{border-left:2px solid var(--r);padding-left:22px}
.lay-standpunkt figure{margin:40px 0}
.lay-standpunkt .g3-platz{aspect-ratio:3/2}
.lay-standpunkt figcaption{margin-top:8px}
.g3-autor{display:flex;gap:14px;align-items:center;margin:0 0 36px}
.g3-autor__bild{width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--r) 14%,var(--flaeche));border:1px dashed var(--hoehe);flex:none}
.g3-autor p{margin:0;font-size:15px;line-height:1.4}

/* KI-RADAR – das Instrument: Ausgabenummer, nummerierte Meldungen im Raster, kein Bild */
.lay-kiradar{max-width:calc(960px + 2*var(--rand));margin:0 auto;padding:0 var(--rand)}
.lay-kiradar .kopf{display:grid;grid-template-columns:180px minmax(0,1fr);gap:8px 48px;margin-bottom:40px}
.lay-kiradar .nummer{font-family:var(--etikett);font-size:clamp(40px,5vw,56px);line-height:1;color:var(--r);margin:0}
.lay-kiradar .meldungen{list-style:none;margin:0;padding:0}
.lay-kiradar .meldung{display:grid;grid-template-columns:180px minmax(0,1fr);gap:8px 48px;padding:28px 0 4px;border-top:1px solid var(--hoehe)}
.lay-kiradar .meldung__nr{font-family:var(--etikett);font-size:13px;letter-spacing:.1em;color:var(--r);margin:0}
.lay-kiradar .meldung__nr span{display:block;color:var(--silber);font-size:11px;margin-top:4px}
.lay-kiradar .meldung h2{font-size:22px;margin-bottom:12px}
.lay-kiradar .fuss{margin-left:228px}
@media (max-width:760px){.lay-kiradar .kopf,.lay-kiradar .meldung{grid-template-columns:minmax(0,1fr)}.lay-kiradar .fuss{margin-left:0}.lay-kiradar .meldung__nr span{display:inline;margin-left:10px}}

/* STUDIEN – die Zahl: Kennzahlen-Leiste, Steckbrief der Studie am Rand */
.lay-studien{max-width:calc(1040px + 2*var(--rand));margin:0 auto;padding:0 var(--rand)}
.lay-studien .kopf{max-width:760px}
.lay-studien .zahlen{list-style:none;margin:8px 0 56px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 40px}
.lay-studien .zahl{border-top:2px solid var(--r);padding-top:14px}
.lay-studien .zahl b{display:block;font-family:var(--titel);font-weight:400;font-size:clamp(36px,4.4vw,52px);line-height:1;color:var(--nebel);margin-bottom:10px}
.lay-studien .zahl span{font-size:15px;line-height:1.5;color:var(--silber);display:block}
.lay-studien .koerper{display:grid;grid-template-columns:minmax(0,680px) 280px;gap:40px 80px}
.lay-studien .steckbrief{font-size:14px;line-height:1.5;border-top:1px solid var(--hoehe);padding-top:14px;align-self:start;margin:0}
.lay-studien .steckbrief dt{font-family:var(--etikett);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--silber);margin-top:14px}
.lay-studien .steckbrief dd{margin:2px 0 0;color:var(--nebel)}
@media (max-width:900px){.lay-studien .koerper{grid-template-columns:minmax(0,1fr)}.lay-studien .steckbrief{order:-1}}
@media (max-width:600px){.lay-studien .zahlen{grid-template-columns:minmax(0,1fr)}}

/* TRANSFORM! – das Bild: randabfallendes Aufmacherfoto, großes Foto im Text, Heft als Herkunft */
.lay-transform{padding-top:0}
.lay-transform .buehne{margin:0 0 48px}
.lay-transform .buehne .g3-platz{aspect-ratio:21/9;border-left:0;border-right:0}
.lay-transform .buehne figcaption{margin-top:8px}
.lay-transform .kopf{max-width:calc(900px + 2*var(--rand));margin:0 auto 32px;padding:0 var(--rand)}
.lay-transform h1{font-size:clamp(32px,4.6vw,56px);line-height:1.08}
.lay-transform .bild-weit{max-width:calc(var(--weit) + 2*var(--rand));margin:48px auto;padding:0 var(--rand)}
.lay-transform .bild-weit .g3-platz{aspect-ratio:3/2}
.lay-transform .bild-weit figcaption{margin-top:8px;max-width:680px}
.lay-transform .heft{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;align-items:start;margin:48px 0 0;padding-top:20px;border-top:1px solid var(--hoehe)}
.lay-transform .heft img{display:block;width:96px;box-shadow:0 0 0 1px var(--flaeche)}
@media (max-width:700px){.lay-transform .buehne .g3-platz{aspect-ratio:4/3}}
.lay-transform .heft p{margin:0 0 6px;font-size:15px;line-height:1.5}
.lay-transform .heft p.etikett{font-size:11px}

/* Cover-Wand */
.g3-wand__kopf{margin-bottom:clamp(48px,6vw,80px);max-width:680px}
.g3-herausgeber{font-family:var(--titel);font-weight:500;font-size:16px;color:var(--nebel);padding-top:14px;border-top:1px solid var(--hoehe);display:inline-block;margin-top:4px}
.g3-jahr{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px 48px;padding:28px 0 56px;border-top:1px solid var(--hoehe)}
.g3-jahr__zahl{font-family:var(--etikett);font-size:13px;letter-spacing:.1em;color:var(--silber);font-weight:400;margin:0;line-height:1.5}
.g3-wand{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 32px}
.g3-cover p{margin:0}
.g3-cover__bild{display:block;line-height:0;margin-bottom:16px;box-shadow:0 0 0 1px var(--flaeche)}
.g3-cover__bild img{display:block;width:100%;height:auto;aspect-ratio:800/1131;object-fit:cover;background:var(--flaeche)}
.g3-cover__bild:hover{box-shadow:0 0 0 1px var(--silber)}
.g3-cover .etikett{margin-bottom:6px}
.g3-cover__titel{font-family:var(--titel);font-weight:500;font-size:17px;line-height:1.3;color:var(--nebel);margin-bottom:4px!important}
.g3-cover__wer{font-size:14px;line-height:1.45;color:var(--silber);margin-bottom:8px!important}
.g3-cover__mehr{font-size:14px}
.g3-wand__fuss{border-top:1px solid var(--hoehe);padding-top:20px;margin:0;font-size:14px;line-height:1.55;color:var(--silber)}
@media (max-width:1000px){.g3-jahr{grid-template-columns:minmax(0,1fr);gap:16px}.g3-wand{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.g3-wand{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 18px}.g3-cover__titel{font-size:16px}}

@media (max-width:600px){body{font-size:17px}.vorspann{font-size:19px}}

/* Fuß */
.g3-fuss{background:#0E1824;border-top:1px solid #2A3A4E}
.g3-fuss__zeile{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:28px;padding-top:48px;padding-bottom:48px}
.g3-fuss img{height:12px;width:auto;display:block}
.g3-fuss p{font-size:14px;line-height:1.5;color:var(--silber);margin:0 0 6px}
.g3-fuss p.hell{color:var(--nebel)}
.g3-fuss a{color:var(--silber)}
.g3-fuss__links{display:flex;gap:22px}
.js .g3-blatt[hidden]{display:none}

/* ===== Fassung 3 (21.10.2026) ===== */
/* Kopf: kein schwarzer Streifen mehr. Tinte wie die Seite, feine Linie nur auf den Innenseiten. */
.g3-kopf{background:var(--tinte);border-bottom:1px solid var(--hoehe)}
.g3-kopf--start{border-bottom:0}
.g3-kopf--start .g3-kopf__zeile{justify-content:center}

/* Startseite = Übersicht: Wortmarke größer und zentriert, Unterzeile (v11: HUMAN CENTERED AI) direkt darunter */
.g3-start{padding-top:clamp(56px,8vw,112px)}
.g3-start__marke{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 auto clamp(72px,8vw,112px)}
.g3-start__marke h1{margin:0;line-height:0}
.g3-start__marke img{display:block;width:min(400px,80vw);height:auto}
.g3-start__marke .g3-storytelling{font-family:var(--marke);font-weight:300;font-size:13px;line-height:1;letter-spacing:.35em;text-transform:uppercase;color:var(--silber);margin:30px -.35em 0 0}
.g3-start__satz{margin:36px 0 0!important;max-width:440px;font-size:15px!important;line-height:1.6;color:var(--steingrau)!important}
.g3-rubrik__satz{margin-bottom:0}
.g3-abschnitt--start{margin-top:clamp(64px,7vw,104px)}
.g3-vorschau--leise{margin:24px 0 0}

/* Liste mit kleinem Bild je Eintrag */
.g3-eintrag{display:grid;grid-template-columns:138px minmax(0,1fr);gap:4px 32px;padding:26px 0;border-bottom:1px solid var(--hoehe);align-items:start}
.g3-eintrag__bild{display:block;line-height:0;text-decoration:none}
.g3-thumb{display:block;width:138px;height:92px}
.g3-thumb--cover{width:65px;height:92px;object-fit:cover;box-shadow:0 0 0 1px var(--flaeche)}
.g3-thumb--platz{background:color-mix(in srgb,var(--r,var(--silber)) 9%,var(--flaeche));border:1px dashed var(--hoehe);display:flex;align-items:flex-end;padding:8px}
.g3-thumb--platz span{font-family:var(--etikett);font-size:9px;line-height:1;letter-spacing:.1em;text-transform:uppercase;color:var(--steingrau)}
.g3-eintrag__meta{display:flex;align-items:center;gap:12px;margin:0 0 8px!important}
.g3-eintrag__meta .faden{width:24px;margin:0;flex:none}
.g3-nr{color:var(--nebel)}
.g3-eintrag h3{margin-bottom:6px}
@media (max-width:700px){
 .g3-eintrag{grid-template-columns:96px minmax(0,1fr);gap:4px 18px;padding:22px 0}
 .g3-thumb{width:96px;height:64px}.g3-thumb--cover{width:45px;height:64px}
 .g3-thumb--platz{padding:6px}.g3-thumb--platz span{font-size:8px;letter-spacing:.06em}
 .g3-eintrag h3{font-size:18px}.g3-eintrag__vorspann{font-size:15px}
 .g3-eintrag__meta{display:flex}
}

/* Listen- und Kategorieseiten */
.g3-liste-seite{max-width:calc(880px + 2*var(--rand));margin:0 auto;padding:0 var(--rand)}
.g3-rubrikkopf{margin-bottom:28px}
.g3-rubrikkopf h1{font-size:clamp(30px,3.6vw,40px);margin-bottom:6px}
.g3-rubrikkopf .g3-rubrik__takt{margin:0 0 20px}
.g3-rubrikkopf .vorspann{max-width:640px;margin-bottom:12px}
.g3-rubrikkopf__hinweis{font-size:15px;line-height:1.55;color:var(--silber);max-width:640px;margin-bottom:24px}
.g3-rubrikkopf .g3-vorschau{margin-bottom:8px}

/* Aufmacher in KI-Radar und Studien (v3: jede Ausgabe ein eigenes Motiv) */
.g3-motiv{margin:28px 0 32px}
.g3-motiv .g3-platz{aspect-ratio:3/2}
.g3-motiv--flach .g3-platz{aspect-ratio:2/1}
.g3-motiv figcaption{margin-top:8px}

/* Farbvergleich */
.g3-farben{max-width:calc(1040px + 2*var(--rand));margin:0 auto;padding:0 var(--rand)}
.g3-farben__marke{margin:8px 0 28px}
.g3-farben__marke img{width:280px;height:auto;display:block}
.g3-farbreihe{border-top:1px solid var(--hoehe);padding:22px 0 30px}
.g3-farbreihe h2{margin:0 0 22px;color:var(--nebel)}
.g3-farbreihe__faeden{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 32px}
.g3-farbreihe__zelle .faden{margin:0 0 14px!important}
.g3-farbreihe__zelle p{margin:0}
.g3-farbreihe__zelle .g3-rubrik__name{font-size:19px;margin:0 0 2px}
.g3-farbreihe__zelle--neu .etikett{color:var(--nebel)}
.g3-farben__tab{margin:48px 0 12px;font-size:22px}
.g3-farbtab-rahmen{overflow-x:auto}
.g3-farbtab{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5}
.g3-farbtab th{font-family:var(--etikett);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--silber);font-weight:400;text-align:left;padding:8px 12px 8px 0;border-bottom:1px solid var(--hoehe)}
.g3-farbtab td{padding:12px 12px 12px 0;border-bottom:1px solid var(--hoehe);vertical-align:top}
.g3-farbtab td:first-child{padding-top:21px}
.g3-farbtab b{font-weight:500;color:var(--nebel)}
.g3-farbtab code{font-family:var(--etikett);font-size:12px}
.g3-farbtab__logo td{color:var(--silber)}
.g3-farben__fuss{margin-top:24px;font-size:14px;line-height:1.55;color:var(--silber);max-width:760px}
@media (max-width:760px){.g3-farbreihe__faeden{grid-template-columns:repeat(2,minmax(0,1fr))}.g3-farbtab{min-width:640px}}

/* ===== Fassung 4 (21.10.2026) ===== */
/* KI-Radar: Orchidee statt Flieder (Wolfgang 21.10.: Radar und Studien zu ähnlich) */
:root{--r-kiradar:#D36ACB}
/* Aktuell-Liste: kleinere Bilder, deutlich niedriger als der dreizeilige Textblock */
.g3-eintrag{grid-template-columns:84px minmax(0,1fr);gap:4px 28px}
.g3-thumb{width:84px;height:56px}
.g3-thumb--cover{width:40px;height:56px}
/* Dummy-Bilder: selbst erzeugte Farbflächen, als Dummy gekennzeichnet */
.g3-thumb--dummy{position:relative;background-color:#C9A27E;background-size:cover;background-position:center;overflow:hidden}
.g3-thumb--dummy span{position:absolute;left:4px;bottom:4px;font-family:var(--etikett);font-size:8px;line-height:1;letter-spacing:.1em;text-transform:uppercase;color:#FFF;background:rgba(20,32,46,.55);padding:2px 3px}
.g3-dummy-1{background-image:none}
.g3-dummy-2{background-image:none}
.g3-dummy-3{background-image:none}
.g3-dummy-4{background-image:none}
.g3-dummy-5{background-image:none}
@media (max-width:700px){
 .g3-eintrag{grid-template-columns:72px minmax(0,1fr);gap:4px 16px}
 .g3-thumb{width:72px;height:48px}.g3-thumb--cover{width:34px;height:48px}
}
/* Fußzeile: 王 so hoch wie der Block Firma/Adresse/Mail (3 Zeilen à 21 px + 2 × 6 px) */
.g3-fuss img{height:75px;width:auto}
/* ===== Fassung 6 (21.10.2026) ===== */
/* Aktuell-Liste: Bilder in derselben Box wie das transform!-Cover (Hochformat 40 x 56, mobil 34 x 48); Wolfgang 21.10.: Querformat wirkt zu klobig */
.g3-eintrag{grid-template-columns:40px minmax(0,1fr)}
.g3-thumb,.g3-thumb--dummy{width:40px;height:56px}
.g3-thumb--dummy span{left:2px;bottom:2px;font-size:7px;letter-spacing:.04em;padding:2px 2px}
@media (max-width:700px){
 .g3-eintrag{grid-template-columns:34px minmax(0,1fr)}
 .g3-thumb,.g3-thumb--dummy{width:34px;height:48px}
 .g3-thumb--dummy span{font-size:6px;letter-spacing:0;padding:1px 2px}
}
/* Startseite: Block »aktuell« eingerückt (Wolfgang 21.10., 09:29) – nicht mehr auf einer Linie mit »standpunkt« und 王; Fassung 7 (09:31): Desktop 80 px, mittel 40 px, mobil 16 px */
.g3-abschnitt--start{margin-left:80px}
@media (max-width:1060px){.g3-abschnitt--start{margin-left:40px}}
@media (max-width:600px){.g3-abschnitt--start{margin-left:16px}}

/* Fassung 8: Eigenname KI-radar behält seine Schreibweise */
.g3-eigen{text-transform:none}

/* Fassung 8: echte Dummy-Fotos (Pexels), Box wie Cover 40 x 56, Zuschnitt per cover */
.g3-thumb--dummy{background-size:cover;background-position:center;background-repeat:no-repeat}
.g3-dummy-1{}
.g3-dummy-2{}
.g3-dummy-3{}
.g3-dummy-4{}
.g3-dummy-5{}
.g3-dummy-6{}

.rubrik .g3-eigen{text-transform:uppercase}/* KI-RADAR im Etikett in Versalien (Wolfgang 21.10. 10:03) */

/* ===== Fassung 10 (21.10.2026): Dummy-Echtfotos (Pexels) in allen Bildplatzhaltern ===== */
/* Foto im bisherigen Platzhalter: gleiche Box (Seitenverhaeltnis aus den Layoutregeln), Zuschnitt per object-fit:cover */
.g3-platz.g3-foto{position:relative;display:block;padding:0;border:0;overflow:hidden;background:var(--flaeche)}
.g3-foto img{display:block;width:100%;height:100%;object-fit:cover}
.g3-foto__marke{position:absolute;left:8px;bottom:8px;font-family:var(--etikett);font-size:10px;line-height:1;letter-spacing:.1em;text-transform:uppercase;color:#FFF;background:rgba(20,32,46,.6);padding:3px 5px}
/* KI-Radar-Beitrag: SW-Portraet in der linken Spalte auf Hoehe der Meldung */
.lay-kiradar .meldung__rand{min-width:0}
.g3-person{margin:16px 0 20px;display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px 12px;align-items:end}
.g3-person__bild{position:relative;width:64px;height:64px;overflow:hidden;background:var(--flaeche)}
.g3-person__bild img{display:block;width:64px;height:64px;object-fit:cover;filter:grayscale(1)}
.g3-person__bild span{position:absolute;left:2px;bottom:2px;font-family:var(--etikett);font-size:7px;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:#FFF;background:rgba(20,32,46,.6);padding:2px}
.g3-person figcaption{font-size:14px;line-height:1.35;color:var(--nebel)}
.g3-person figcaption .etikett{display:block;margin-top:2px;font-size:10px}
@media (max-width:760px){.g3-person{margin:10px 0 4px}}
/* Aktuell- und Rubriklisten: je Beitrag ein eigenes Motiv (7 bis 10 neu) */
.g3-dummy-7{}
.g3-dummy-8{}
.g3-dummy-9{}
.g3-dummy-10{}

/* v11 (21.10.2026): Sprachumschalter DE · EN · 繁體 · 简体 – in der Vorschau nur DE aktiv, die anderen als Zustand */
.g3-kopf__zeile{position:relative}
.g3-kopf:not(.g3-kopf--start) .g3-nav{margin-left:auto}
.g3-sprachen{list-style:none;margin:0;padding:0 0 0 22px;border-left:1px solid var(--hoehe);display:flex;align-items:center;gap:14px;font-family:var(--etikett);font-size:11px;line-height:1;letter-spacing:.08em}
.g3-sprachen span{color:var(--steingrau);cursor:default}
.g3-sprachen [aria-current]{color:var(--nebel)}
.g3-sprachen [lang^="zh"]{font-size:12px;letter-spacing:.06em}
.g3-kopf--start .g3-sprachen{position:absolute;right:var(--rand);top:50%;transform:translateY(-50%)}
@media (max-width:980px){.g3-kopf--start .g3-sprachen{position:static;transform:none;border-left:0;padding:0;width:100%;justify-content:center}}
/* v11: Chinesische Schrift – Noto Sans TC (繁體) / Noto Sans SC (简体), SIL OFL, Vorschau über Google Fonts.
   Lateinische Zeichen bleiben in der Hausschrift; Han-Zeichen fallen auf Noto zurück, dann auf die Systemschrift. */
:lang(zh-Hant){--marke:'Red Hat Display','Noto Sans TC','Noto Sans CJK TC','PingFang TC','Microsoft JhengHei',sans-serif;--titel:'Kumbh Sans','Noto Sans TC','Noto Sans CJK TC','PingFang TC','Microsoft JhengHei',sans-serif;--text:'Hanken Grotesk','Noto Sans TC','Noto Sans CJK TC','PingFang TC','Microsoft JhengHei',sans-serif;--etikett:'IBM Plex Mono','Noto Sans TC','Noto Sans CJK TC','PingFang TC',monospace}
:lang(zh-Hans){--marke:'Red Hat Display','Noto Sans SC','Noto Sans CJK SC','PingFang SC','Microsoft YaHei',sans-serif;--titel:'Kumbh Sans','Noto Sans SC','Noto Sans CJK SC','PingFang SC','Microsoft YaHei',sans-serif;--text:'Hanken Grotesk','Noto Sans SC','Noto Sans CJK SC','PingFang SC','Microsoft YaHei',sans-serif;--etikett:'IBM Plex Mono','Noto Sans SC','Noto Sans CJK SC','PingFang SC',monospace}
[lang^="zh"]{font-family:var(--text)}
[lang^="zh"] .g3-rubrik__satz{line-height:1.8;letter-spacing:.02em;text-wrap:pretty}
[lang^="zh"] .etikett{font-size:12px;letter-spacing:.04em}
/* v11: Probeseite sprachen */
.g3-probe{max-width:calc(var(--weit) + 2*var(--rand));margin:0 auto 72px;padding:0 var(--rand)}
.g3-probe__titel{margin:0 0 12px}
.g3-probe__rahmen{border:1px solid var(--hoehe)}
.g3-probe__rahmen .g3-start{padding-top:56px;padding-bottom:56px}
.g3-probe__rahmen .g3-start__marke{margin-bottom:56px}
.g3-probe__rahmen .g3-rubriken{grid-template-columns:repeat(4,minmax(0,1fr))}
.g3-schriftprobe{width:100%;border-collapse:collapse;margin:0 0 8px}
.g3-schriftprobe th{font-family:var(--etikett);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--silber);font-weight:400;text-align:left;padding:10px 16px 10px 0;border-bottom:1px solid var(--hoehe);vertical-align:top;width:220px}
.g3-schriftprobe td{padding:10px 0;border-bottom:1px solid var(--hoehe);font-size:18px;line-height:1.8;color:var(--lauftext)}
.g3-schriftprobe .sans-tc{font-family:'Noto Sans TC',sans-serif;font-weight:300}.g3-schriftprobe .serif-tc{font-family:'Noto Serif TC','Noto Serif CJK TC','Songti TC',serif;font-weight:400}
.g3-schriftprobe .sans-sc{font-family:'Noto Sans SC',sans-serif;font-weight:300}.g3-schriftprobe .serif-sc{font-family:'Noto Serif SC','Noto Serif CJK SC','Songti SC',serif;font-weight:400}

/* ===== Fassung 12 (21.10.2026): Dummy-Fotos aus Adobe Stock (Vorschaubilder mit Wasserzeichen, nicht lizenziert) ===== */
.g3-dummy-1{}
.g3-dummy-2{}
.g3-dummy-3{}
.g3-dummy-4{}
.g3-dummy-5{}
.g3-dummy-6{}
.g3-dummy-7{}
.g3-dummy-8{}
.g3-dummy-9{}
.g3-dummy-10{}
/* KI-radar-Beitrag mit ganzem Artikel: Lauftext in der rechten Spalte, SW-Porträt links auf Höhe der Erwähnung (float an der Zeile der Erwähnung) */
.lay-kiradar .lauf{margin-left:228px;max-width:680px}
.lay-kiradar .lauf p{margin:0 0 1.1em}
.lay-kiradar .lauf h3{font-family:var(--titel);font-weight:500;font-size:22px;line-height:1.3;color:var(--nebel);margin:44px 0 12px;padding-top:24px;border-top:1px solid var(--hoehe)}
.lay-kiradar .lauf a{color:inherit}
.lay-kiradar .lauf .g3-person{float:left;clear:left;width:180px;margin:6px 0 12px -228px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px 0;align-items:start}
.lay-kiradar .lauf .g3-person__bild{display:block}
.g3-person__bu{display:block;font-size:14px;line-height:1.35;color:var(--nebel);font-weight:400}
.g3-person__bu .etikett{display:block;margin-top:3px;font-size:10px;line-height:1.4;color:var(--silber)}
@media (max-width:760px){.lay-kiradar .lauf{margin-left:0}.lay-kiradar .lauf .g3-person{float:none;width:auto;margin:4px 0 14px;grid-template-columns:64px minmax(0,1fr);gap:4px 12px;align-items:end}}

/* ===== Fassung 13 (21.10.2026): KI-radar #07 mit SW-Bildgeschichte (Aufmacher + Bild im Lauftext), Erstveröffentlichung am Ende ===== */
.g3-varianten{font-family:var(--etikett);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--silber);margin:0 0 18px}
.g3-varianten a{color:var(--silber);margin-right:14px}
.g3-varianten a[aria-current]{color:var(--nebel);text-decoration-color:var(--r)}
.g3-motiv--hist{margin:32px 0 8px}
.g3-motiv--hist .g3-platz{aspect-ratio:3/2;background:#000}
.g3-foto--sw img{filter:grayscale(1)}
.g3-motiv--hist figcaption,.g3-bildtext figcaption{font-size:10px;line-height:1.5;margin-top:8px;text-transform:none;letter-spacing:.04em}
.lay-kiradar .lauf .g3-bildtext{float:right;clear:right;width:50%;margin:8px 0 18px 32px}
.lay-kiradar .lauf .g3-bildtext .g3-platz{aspect-ratio:4/3;background:#000}
.lay-kiradar .lauf .g3-bildtext--hoch .g3-platz{aspect-ratio:4/5}
.lay-kiradar .g3-erst--ende{margin:56px 0 0 228px;max-width:680px;clear:both}
.lay-kiradar .g3-vorschau--bild{margin:0 0 24px}
@media (max-width:760px){.lay-kiradar .lauf .g3-bildtext{float:none;width:auto;margin:8px 0 20px}.lay-kiradar .g3-erst--ende{margin-left:0}}

/* ===== Fassung 14 (21.10.2026): KI-radar #07 Variante D (Shutterstock, Noir-Licht ohne Kostüm) ===== */
.lay-kiradar .lauf .g3-bildtext--quer .g3-platz{aspect-ratio:3/2}
.g3-foto--mitte-links img{object-position:35% 50%}

/* ===== Fassung 15 (21.10.2026): KI-Radar mit Unsplash-Bildern (Variante E = Standard), normale Schreibung (G6) ===== */
/* G6 (Wolfgang 20:03): »zur normalen [Schreibung] zurückkehren« – Menü, Rubrikköpfe, Listen in normaler Groß-/Kleinschreibung; Versal-Etiketten bleiben */
.klein,.g3-nav a,.g3-rubrik__name,.g3-unten a{text-transform:none}
/* Variante E: Bildausschnitte */
.g3-foto--e-auf img{object-position:50% 60%}
.g3-foto--e-text img{object-position:30% 40%}
/* KI-Radar-Einträge in Listen: Unsplash-Motive, je Ausgabe eigenes, in Graustufen (Bildsprache KI-Radar) */
.g3-thumb--us{filter:grayscale(1)}
.g3-us-07{background-position:50% 50%}
.g3-us-06{background-position:78% 60%}
.g3-us-05{background-position:52% 50%}
.g3-us-04{background-position:62% 62%}
.g3-varianten a{white-space:nowrap;display:inline-block}

/* ===== Fassung 15, Nachtrag 20:15: transform!-Beitrag »Future ERP« mit Originaltext und Heftbildern ===== */
/* Heftbilder im gedruckten Ausschnitt zeigen, nicht nachträglich beschneiden */
.g3-foto--orig{aspect-ratio:auto!important;height:auto}
.g3-foto--orig img{height:auto}
.lay-transform .tf-initial::first-letter{font-family:var(--titel);float:left;font-size:4.4em;line-height:.82;margin:.06em .1em 0 0;color:var(--r)}
.lay-transform .tf-autor{margin:-8px 0 24px}
.lay-transform .tf-bildtitel figcaption{margin-top:12px}
.lay-transform .tf-bildtitel__zeile{display:block;font-family:var(--titel);font-size:clamp(22px,2.6vw,30px);line-height:1.25;color:var(--nebel);margin-bottom:8px}
.lay-transform .tf-bildzitat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 32px;align-items:center}
.lay-transform .tf-bildzitat figcaption{grid-column:1/-1}
.lay-transform .tf-bildzitat blockquote{margin:0;font-size:20px;line-height:1.55;color:var(--nebel);border-left:2px solid var(--r);padding-left:22px}
@media (max-width:760px){.lay-transform .tf-bildzitat{grid-template-columns:1fr}.lay-transform .tf-bildzitat blockquote{margin-top:20px}}
.lay-transform .tf-qr{display:grid;grid-template-columns:118px minmax(0,1fr);gap:18px;align-items:center;margin:40px 0 0}
.lay-transform .tf-qr img{display:block;width:118px;height:auto;background:#fff}
.lay-transform .tf-qr p{margin:0;font-size:15px;line-height:1.5;color:var(--silber)}
.lay-transform .tf-powered{margin:24px 0 0}

/* ===== Fassung 16 (21.10.2026): abgedeckte Woche unter der Nummer (nur KI-Radar-Einzelseite) ===== */
.lay-kiradar .g3-woche{font-family:var(--etikett);font-size:11px;letter-spacing:.06em;line-height:1.45;color:var(--silber);margin:14px 0 0;max-width:180px}
.lay-kiradar .g3-woche__bsp{font-family:var(--etikett);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--tinte);background:var(--silber);display:inline-block;padding:1px 6px;margin:6px 0 0;opacity:.8}
/* Fassung 16, Nachtrag: Etiketten der Standpunkt-Beiträge (Kommentar des Herausgebers / Im Gespräch / Gastbeitrag) mit Namenszeile */
.g3-eintrag__wer{margin:-2px 0 8px;font-size:15px;line-height:1.4;color:var(--nebel);font-weight:400}
.g3-eintrag__bsp{font-weight:300;color:var(--steingrau);font-size:13px}
/* Fassung 16, Nachtrag E3 (Wolfgang 20:46): Kontrollraum #07 (Gluschenko) in gedämpfter Originalfarbe – Graustufen-Filter aufgehoben, Datei unverändert */
.g3-foto--e-auf img{filter:none}
.g3-thumb--us.g3-us-07{filter:none}

/* ===== Fassung 17 (21.10.2026): Porträts KI-Radar größer, Kurzzitat unter der BU; Franzosen »…« überall ===== */
/* Wolfgang 20:56/20:58: Porträts »Größer sollte reichen« – maßvoll von 64 auf 104 px, Spalte bleibt 180 px */
.lay-kiradar .lauf .g3-person__bild,.lay-kiradar .lauf .g3-person__bild img{width:104px;height:104px}
.lay-kiradar .lauf .g3-person__bild span{font-size:8px}
/* Kurzzitat der Person: nur wörtlich aus dem Beitragstext; sonst Platzhalter der REDAKTION */
.g3-person__zitat{display:block;margin-top:2px;padding-left:10px;border-left:2px solid var(--r);font-size:15px;line-height:1.4;color:var(--nebel);font-weight:400}
.g3-person__zitat--offen{color:var(--steingrau);border-left-style:dashed;border-left-color:var(--steingrau)}
.g3-person__zitat .etikett{font-size:9px;letter-spacing:.08em;color:var(--silber)}
@media (max-width:760px){.lay-kiradar .lauf .g3-person__bild,.lay-kiradar .lauf .g3-person__bild img{width:64px;height:64px}.g3-person__zitat{grid-column:1/-1}}
/* Fassung 17, Nachtrag W4 (Wolfgang 21:02: »Ich würde das Original lassen. Wenn Farbe, dann so.«): KI-Radar-Bilder ohne Graustufen-Filter, so wie das Original ist. SW bleibt SW, Farbe nur gedämpft wie der Kontrollraum. Die SW-Porträts (Dummys) bleiben vorerst grau, siehe Meldung. */
.g3-foto--sw img,.g3-thumb--us{filter:none}


/* ===== Fassung 18 (21.10.2026): Porträt-Oberkante an der Oberlänge der 1. Zeile, keine Kurzzitat-Platzhalter, KI-Hinweis bei Übersetzungen ===== */
/* Wolfgang 21:19: »Die Oberkante der Bilder sollten mit der 1. Zeile des Absatzes, wo sie vorkommen, abschließen (also ganz leicht drüber, wie man üblich macht).« Porträt steht im HTML am Absatzanfang; margin-top 7,5 px = halber Durchschuss + (Ascent − Oberlänge) − rund 1 px; in Chromium nachgemessen: Bildoberkante rund 1 px über der Oberlänge. Porträts bleiben 104 px und SW (Wolfgang 21:20). */
@media (min-width:761px){.lay-kiradar .lauf .g3-person{margin-top:7.5px}}
/* Wolfgang 21:12: Kurzzitat nur, wenn wörtlich im Text; sonst nichts. Die Klassen .g3-person__zitat bleiben für echte Zitate, .g3-person__zitat--offen wird nicht mehr verwendet. */
/* Wolfgang 21:08–21:11: KI-Hinweis bei Übersetzungen, klein, gleich oben in der Metazeile */
.g3-ki-hinweis{margin:0;padding:14px var(--rand) 0;font-family:var(--etikett);font-size:11px;line-height:1.5;letter-spacing:.04em;color:var(--silber);font-weight:400}
[lang^="zh"] .g3-ki-hinweis,.g3-ki-hinweis[lang^="zh"]{font-family:var(--text);font-size:12px;letter-spacing:.04em}

/* Nachtrag COCKPIT 21.10.2026, 21:32 (Wolfgang: "Die Abschnittslinien müssen raus aus dem Fließtext, sonst sieht es wie GPT-Text aus.") */
.lay-kiradar .meldung{border-top:0}

/* Nachtrag COCKPIT 22.10.2026, 17:48 (Wolfgang 21.10., 21:31: keine Abschnittslinien im Fließtext; auch nicht über den Zwischentiteln) */
.lay-kiradar .lauf h3{border-top:0;padding-top:0}

/* Nachtrag COCKPIT 22.10.2026, 17:55 (Wolfgang: Musterseiten ohne Anmerkungen zeigen, sie stören den Gesamteindruck). Wieder einblenden: <html class="mit-anmerkungen"> */
html:not(.mit-anmerkungen) .g3-vorschau,html:not(.mit-anmerkungen) .g3-varianten,html:not(.mit-anmerkungen) .g3-rubrikkopf__hinweis,html:not(.mit-anmerkungen) .g3-foto__marke{display:none!important}
html:not(.mit-anmerkungen) .g3-woche__bsp,html:not(.mit-anmerkungen) .g3-sprachen{display:none!important}
html:not(.mit-anmerkungen) .g3-thumb>span,html:not(.mit-anmerkungen) .g3-person__bild>span{display:none!important}

/* v19 (GRAFIK 22.10.2026): Credits. Wolfgang 18:03 – Aufmacher ohne BU, immer kleiner Credit an fester Stelle; 18:05 – Köpfe: Credit aufgestellt direkt am Bild. */
.g3-credit{display:block;margin-top:6px;font-family:var(--etikett);font-size:9px;line-height:1.3;letter-spacing:.06em;text-transform:none;color:var(--steingrau);text-align:right}
.g3-person__rahmen{position:relative;display:block;width:104px}
.g3-person__credit{position:absolute;left:100%;bottom:0;height:104px;margin-left:4px;writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--etikett);font-size:7.5px;line-height:1.25;letter-spacing:.04em;text-transform:none;color:var(--steingrau);white-space:normal;text-align:left}
.lay-kiradar .lauf .g3-person--institution .g3-person__bild img{object-position:50% 50%}
@media (max-width:760px){.g3-person__rahmen{width:64px}.g3-person__credit{height:64px;font-size:6.5px}}


/* ===== Startseite (aus v24 index.html) ===== */

.st-link{display:block;color:inherit;text-decoration:none}
.st-link:hover .st-titel{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.st-bild{position:relative;aspect-ratio:1/1;background:#000}
.st-bild img,.st-bild svg{display:block;width:100%;height:100%;object-fit:cover}
.st-bild--grafik{background:transparent;display:flex;align-items:center;justify-content:center}
.st-bild--grafik svg{width:86%;height:auto}
.st-bs g{fill:rgba(238,240,242,.10)}.st-bs g.ohne{fill:var(--r)}
.st-credit{position:absolute;bottom:0;right:-14px;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;font-family:var(--etikett);font-size:8px;line-height:10px;letter-spacing:.06em;color:var(--steingrau)}
.st-meta{display:flex;align-items:center;gap:10px;margin:18px 0 8px}
.st-meta .faden{width:24px;margin:0;flex:none}
.st-meta .rubrik{color:var(--r)}
.st-meta{flex-wrap:wrap}
.st-titel{font-family:var(--titel);font-weight:400;font-size:clamp(20px,1.9vw,26px);line-height:1.22;color:var(--nebel);margin:0 0 8px}
.st-vor{margin:0;font-size:15px;line-height:1.5;color:var(--silber)}

.g3-start{padding-top:clamp(32px,4vw,56px)!important}
.stB-marke{margin:0 0 clamp(56px,7vw,96px)}
.stB-marke h1{margin:0;line-height:0}
.stB-marke img{display:block;width:100%;height:auto}
.stB-claim{font-family:var(--marke);font-weight:300;font-size:clamp(12px,1.3vw,17px);letter-spacing:.42em;text-transform:uppercase;color:var(--silber);margin:clamp(14px,1.6vw,24px) 0 0;text-align:right;margin-right:-.42em}
.stB-buehne{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px 72px;margin:0 0 clamp(80px,9vw,128px);padding-right:14px}
.stB-auf .st-titel{font-size:clamp(28px,3.4vw,46px);line-height:1.12}
.stB-auf .st-vor{font-size:18px}
.stB-neben{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px 40px;align-content:start}
.stB-neben .st-titel{font-size:19px}
.stB-neben .st-vor,.stB-neben .st-meta-zusatz{display:none}
@media (max-width:900px){.stB-buehne{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.stB-neben{grid-template-columns:minmax(0,1fr)}}


.stA-drei{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 56px;margin:0 0 clamp(80px,9vw,128px);padding-right:14px}
@media (max-width:900px){.stA-drei{grid-template-columns:minmax(0,1fr);max-width:520px;margin-left:auto;margin-right:auto}}

.g3-start{padding-top:clamp(8px,2vw,24px)!important}
.stE-marke{position:relative;isolation:isolate;margin:clamp(40px,6vw,88px) 0 0;
 /* Platz für die Säule: Höhe 王 (Breite × 700/1088) minus halbe Wortmarke (Wortmarke ≈ Breite/12,2) */
 padding-bottom:calc(min(42vw,520px)*0.6434 - 4.1vw)}
.stE-wort{position:relative}
.stE-wort h1{position:relative;z-index:1}
.stE-marke img.stE-wang{position:absolute;z-index:0;left:50%;top:50%;transform:translateX(-50%);width:min(42vw,520px);height:auto;opacity:.04;pointer-events:none}
.stE-marke .stB-claim{position:relative;z-index:1}
/* Feld: Rubriken links untereinander, rechts die Teaser (bis 0.3.12 drei, ab 0.3.13 zwei: Standpunkt und KI-Radar, untereinander) */
.stE-feld{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px 56px;margin:clamp(40px,5vw,64px) 0 clamp(80px,9vw,128px)}
.stE-drei{margin:0!important;gap:40px 40px!important}
.stE-rubriken-platz .g3-rubriken{display:flex;flex-direction:column;gap:32px;margin:0!important;padding:0}
.stE-rubriken-platz .g3-rubrik__satz{font-size:14px;line-height:1.5}
.stE-rubriken-platz .g3-rubrik__name{font-size:21px}
@media (max-width:1060px){.stE-feld{grid-template-columns:minmax(0,1fr)}.stE-rubriken-platz{order:2}.stE-rubriken-platz .g3-rubriken{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.stE-rubriken-platz .g3-rubriken{grid-template-columns:minmax(0,1fr)}}

.stF-drei{display:flex!important;flex-direction:column;gap:40px!important;padding-right:0!important}
.stF-drei .st-link{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:0 44px;align-items:start}
.stF-drei .st-bild{grid-row:1/span 3}
.stF-drei .st-meta{margin-top:0}
.stF-drei .st-titel{font-size:clamp(22px,2.3vw,30px);line-height:1.2}
.stF-drei .st-vor{font-size:16px;max-width:520px}
.stF-drei .st-teaser + .st-teaser{border-top:1px solid rgba(238,240,242,.08);padding-top:40px}
@media (max-width:700px){.stF-drei .st-link{grid-template-columns:minmax(0,1fr)}.stF-drei .st-bild{grid-row:auto}.stF-drei .st-meta{margin-top:16px}}


/* v22 · Suche (GRAFIK 24.10.2026, Wolfgang 20:23): Lupe am Ende der Menüzeile, öffnet ein Suchfeld unter dem Kopf; in WordPress Standardsuche (?s=) */
.g3-suche-li{display:flex;align-items:center}
.g3-suche-knopf{background:none;border:0;padding:2px;margin:0;cursor:pointer;color:var(--silber);line-height:0}
.g3-suche-knopf:hover,.g3-suche-knopf[aria-expanded="true"]{color:var(--nebel)}
.g3-suche-knopf svg{width:16px;height:16px;display:block}
.g3-suche{border-top:1px solid rgba(238,240,242,.08);border-bottom:1px solid rgba(238,240,242,.08);background:rgba(238,240,242,.025)}
.g3-suche[hidden]{display:none}
.g3-suche form{display:flex;align-items:center;gap:16px;padding-top:18px;padding-bottom:18px}
.g3-suche input{flex:1 1 auto;min-width:0;background:none;border:0;border-bottom:1px solid var(--steingrau);padding:6px 0;font-family:var(--titel);font-size:clamp(20px,2.4vw,28px);font-weight:300;color:var(--nebel);outline:none}
.g3-suche input::placeholder{color:var(--steingrau)}
.g3-suche input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.g3-suche input:focus{border-bottom-color:var(--nebel)}
.g3-suche button{background:none;border:0;cursor:pointer;font-family:var(--etikett);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--silber);padding:6px 0}
.g3-suche button:hover{color:var(--nebel)}


/* v24 (GRAFIK 24.10.2026, Wolfgang 22:52): Claim „Human Centered AI“ (rechtsbündig unter der Wortmarke) einen Hauch eingerückt – endet 1,5 mm vor dem rechten Rand des H, wie die BU 1,5 mm eingerückt ist */
.stB-claim{padding-right:1.5mm}


/* v24 (GRAFIK 24.10.2026, Wolfgang 22:53): Credit der Bildstatistik auf der Startseite saß weit weg (Grafik nur 86 % breit, zentriert, Kasten quadratisch).
   Jetzt füllt die Grafik ihren Kasten (viewBox auf die Figuren beschnitten, Kasten im Seitenverhältnis der Figuren), der Credit steht wie bei den Fotos direkt neben der Grafik.
   Alle aufgestellten Credits einen Hauch eingerückt: beginnen 1,5 mm über der Unterkante (Wolfgang 22:52). */
.st-bild--grafik{aspect-ratio:342/350;display:block}
.st-bild--grafik svg{width:100%;height:100%}
.st-credit{bottom:1.5mm}


/* ===== Rubrikenseiten (aus v23/v24 ki-radar.html) ===== */

/* v22 · Rubrikenseiten (GRAFIK 24.10.2026, Wolfgang 20:43): großes Hauch-王 (4 %) hinter dem Rubriknamen; der Name steht auf dem Mittelbalken */
.g3-rubrikkopf{position:relative;isolation:isolate;padding-top:clamp(24px,3vw,40px)}
.g3-rubrikkopf .rk-wang{position:absolute;z-index:-1;left:-.04em;top:clamp(-10px,-1vw,0px);width:clamp(220px,30vw,380px);height:auto;opacity:.04;pointer-events:none}
.g3-rubrikkopf h1{font-size:clamp(40px,5.6vw,68px)!important;line-height:1.05;margin:0 0 10px!important}
/* Wolfgang 20:46: Strich nicht entflogen – sitzt knapp über dem Namen */
.g3-rubrikkopf .faden{position:relative;display:block;margin:clamp(30px,4vw,54px) 0 14px!important}

/* ===== Startseite v25–v32 (abgenommen 25.10.2026, 10:33 „Startseite abgeschlossen“) ===== */
/* v25: Wortmarke tiefer, Hauch-王 knapp darüber */
.stE-marke{margin-top:clamp(72px,10vw,144px);padding-bottom:calc(min(42vw,520px)*0.6434 - 8.2vw + clamp(6px,1vw,13px))}
.stE-marke img.stE-wang{top:calc(-1*clamp(6px,1vw,13px))}
/* v29: Wortmarke vom Block gesehen eingerückt (3 vw, 12–40 px), nicht im Raster; Claim folgt */
.stE-wort{width:auto;margin-left:clamp(12px,3vw,40px);margin-right:clamp(12px,3vw,40px)}
.stE-marke .stB-claim{margin-left:clamp(12px,3vw,40px);margin-right:calc(clamp(12px,3vw,40px) - .42em)}
/* v27: Linie über „Standpunkt“ auf Höhe der Metazeile rechts */
@media (min-width:1061px){.stE-rubriken-platz{padding-top:7.25px}}
/* v30/v31: Credit aufgestellt im Bild, als Hauch (Weiß 40 %) */
.st-bild .st-credit{right:6px;color:rgba(255,255,255,.4);text-shadow:none}
.st-bild--grafik .st-credit{position:absolute;top:100%;bottom:auto;right:auto;left:0;writing-mode:horizontal-tb;transform:none;margin-top:8px;color:var(--steingrau);text-shadow:none}

/* 0.3.7 · Hauch von Licht um das blaue 王 der Wortmarke (Wolfgang 25.10.2026, 22:41 „A Hauch … gerade richtig“; 22:42 „Der Mensch ist der König.“)
   Eigene Lichtschicht hinter der Wortmarke, nur am Bildschirm; die Logo-Dateien bleiben unverändert. */
.stE-wort h1 img.stE-hauch{position:absolute;z-index:-1;left:61.613%;top:-50%;width:20.927%;height:200%;max-width:none;pointer-events:none}

/* 0.3.8 · „Der Mensch ist der König“ (Wolfgang 25.10.2026, 22:45/22:47): HUMAN steht mittig unter dem 王, der Claim läuft von dort nach rechts.
   Mitte des 王 = 72,08 % der Wortmarkenbreite (Wortmarke = Breite von .stE-marke minus zweimal Rand clamp(12px,3vw,40px)).
   HUMAN ist 5,2785 em breit (ohne Nachlauf der Sperrung) → Zeilenbeginn eine halbe Wortbreite links der Mitte.
   Unter 700 px (0.3.10) bleibt der Claim rechtsbündig (sonst zu klein bzw. zu breit). */
@media (min-width:700px){
 .stE-marke .stB-claim{text-align:left;white-space:nowrap;margin-right:0;padding-right:0;
  padding-left:calc(72.08% - 1.4416 * clamp(12px,3vw,40px));text-indent:-2.639em}
}

/* 0.3.9 · Claim skaliert (Wolfgang 22:49): HUMAN mittig unter dem 王 UND „AI“ endet mit dem H.
   Schriftgröße = 1,970 % der Wortmarkenbreite (Container-Einheit cqw auf .stE-marke). Ab 700 px (0.3.10). */
@media (min-width:700px){
 .stE-marke{container-type:inline-size}
 .stE-marke .stB-claim{font-size:calc(0.0197 * (100cqw - 2 * clamp(12px,3vw,40px)))}
}

/* 0.3.10 · Hauch-王 höher und größer (Wolfgang 22:52/22:55, Variante A): Mittelbalken auf Höhe von HUMAN, „Human“ überlappt sein rechtes Ende.
   Breite 680 px bei voller Breite (vorher 520), sonst 54,92vw. Lage aus der Wortmarkenbreite berechnet:
   Mitte HUMAN = 0,0992 × Wortmarke + Abstand Claim; Mitte Mittelbalken = 0,3189 × Breite des Zeichens. Ab 700 px. */
@media (min-width:700px){
 .stE-marke img.stE-wang{width:min(54.92vw,680px);top:calc(0.0992 * (100cqw - 2 * clamp(12px,3vw,40px)) + clamp(14px,1.6vw,24px) - 0.3189 * min(54.92vw,680px))}
 .stE-marke{padding-bottom:calc(0.3245 * min(54.92vw,680px) - 0.01694 * (100% - 2 * clamp(12px,3vw,40px)) + clamp(24px,4.5vw,64px))}
}

/* 0.3.11 · Hauch-王 hauchiger (Wolfgang 23:11, Stufe 7): 1,5 % Deckkraft, Kanten weich. Alle Breiten. */
.stE-marke img.stE-wang{opacity:.015;filter:blur(6px)}

/* ===== 0.3.13 (GRAFIK 26.10.2026; Wolfgang 19:28 „Nur Standpunkt und KI-Radar“, 19:35 festes Vorschaubild für Studien) ===== */
/* 0.3.14 (Wolfgang 26.10.2026, 19:48 „ich hoffe untereinander wie im Design“): die zwei Spalten aus 0.3.13 sind zurückgenommen.
   Die zwei Teaser stehen wieder untereinander in der Zeilenform aus 0.3.12/v45 (Bild 300 px links, Text rechts, Linie über „Standpunkt“ auf Höhe der Metazeile, alte Höchstbreite). Klasse stG-zwei entfernt. */
/* Listen: festes Vorschaubild für Studien ohne Beitragsbild (Box wie Cover und Fotos, 40 x 56, mobil 34 x 48) */
.g3-thumb--symbol{display:block;object-fit:cover}
/* 0.3.17 (30.10.2026): Sprachumschalter bis zur Freischaltung weiterer Sprachen ausgeblendet (𒋞 22.10./30.10.) – zum Einblenden diese Regel entfernen.
   Gilt unabhängig von der Klasse mit-anmerkungen; das Markup in inc/bloecke.php bleibt unverändert. */
.g3-sprachen{display:none !important}

/* ===== 0.3.20 · Podcasts (TECHNIK 01.11.2026) =====
   Player .g3-podcast: WordPress-Block „Audio“ (HTML5-audio, preload="none"), keine fremden Skripte.
   Leise wie die übrigen Bausteine: Linie, Etikett „Zum Hören“ mit Faden in der Rubrikfarbe Podcasts, Player volle Spaltenbreite, Bildzeile klein. */
.g3-podcast,figure.wp-block-audio.g3-podcast{margin:48px 0 40px;padding:18px 0 0;border-top:1px solid var(--hoehe);--r:var(--r-podcasts)}
.g3-podcast::before{content:"Zum Hören";display:block;font-family:var(--etikett);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--r-podcasts);line-height:1.5;margin:0 0 12px;padding-left:44px;
 background:linear-gradient(var(--r-podcasts),var(--r-podcasts)) left center/32px 2px no-repeat}
.g3-podcast audio{display:block;width:100%;min-width:0;height:44px;color-scheme:dark;border-radius:22px;background:var(--flaeche)}
.g3-podcast figcaption,.g3-podcast .wp-element-caption{margin:10px 0 0;text-align:left;font-size:15px;line-height:1.5;color:var(--silber);font-weight:300}
.g3-podcast figcaption a{color:var(--nebel)}
.lay-kiradar .lauf .g3-podcast{clear:both}
/* Folgen-Beitrag: Spalte wie Standpunkt */
.lay-podcast{max-width:calc(620px + 2*var(--rand));margin:0 auto;padding:0 var(--rand)}
.lay-podcast h1{font-size:clamp(30px,3.8vw,44px);line-height:1.12;margin-bottom:28px}
.lay-podcast .vorspann{border-left:2px solid var(--r);padding-left:22px}
.lay-podcast .g3-inhalt > .g3-podcast:first-child{margin-top:8px}