/* skin-bild.css — Fassung 3: BILD-Zeitungs-Look.
   Gelbe Leiste, rote Rubrik, sehr fette Headline, eckige Kanten. Text unverändert. */

:root{
  --papier:#FFFFFF;
  --papier-2:#FFF6DC;
  --tinte:#111111;
  --tinte-2:#333333;
  --grau:#6E6E6E;
  --amber:#E30613;
  --amber-dunkel:#B30410;
  --gold:#FFD800;
  --gold-hell:#FFF0A8;
  --linie:#E2E2E2;
  --kopf:"Archivo Black","Libre Franklin",Arial,sans-serif;
}

body{font-size:17px;line-height:1.68}
.top{background:var(--gold);border-bottom:4px solid var(--tinte);max-width:none;padding:13px 26px;align-items:center;gap:26px}
.logo{font:800 26px/1 var(--text);letter-spacing:-.01em}
.logo span{color:var(--tinte);font-style:normal}
.kopfnav a{font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.04em}
.anzeige{background:var(--tinte);color:#fff;padding:5px 9px;font-weight:800;border-radius:0}
.kicker,.datum{background:var(--amber);color:#fff;display:inline-block;padding:5px 9px;letter-spacing:.14em;font-weight:800}
.rubrik{color:var(--amber);font-weight:800}
h1{font:800 clamp(30px,5.4vw,54px)/1.04 var(--kopf);text-transform:uppercase;letter-spacing:-.02em;margin:16px 0 18px}
h2{font:800 clamp(23px,3.4vw,33px)/1.14 var(--kopf);letter-spacing:-.015em}
h3{font-family:var(--text);font-weight:800}
.lede{font-family:var(--text);font-weight:500;color:var(--tinte-2);font-size:clamp(17px,2vw,20px)}
.autor .bild{background:var(--tinte);color:var(--gold);border-radius:0}
figure img{border-radius:0}
figcaption{border-left:4px solid var(--gold)}
.zitat{border-left:4px solid var(--amber);font-family:var(--text);font-weight:600;font-style:normal}
.liesweiter{background:var(--papier-2);border:0;border-left:6px solid var(--gold);border-radius:0}
.mail{background:#fff;border:2px solid var(--tinte);border-radius:0}
.ebene.klartext{border-left:4px solid var(--amber);border-radius:0;background:#fff;padding:12px 16px}
.zug-zeile{border-top:1px solid var(--linie);padding-top:8px;color:var(--tinte-2)}
.chip{border-radius:0;font-weight:800}
.chip.zugelassen{background:var(--tinte);color:#fff}
.chip.klartext{border:2px solid var(--amber);color:var(--amber);background:#fff}
.zutat{border-left:0;border-top:2px solid var(--tinte);padding-left:0;padding-top:16px}
.zutat > header{border-bottom:1px solid var(--linie)}
.zutat .menge{background:var(--gold);color:var(--tinte);border-radius:0;font-weight:800}
.zutat .beleg{background:var(--papier-2);border-left:4px solid var(--gold);border-radius:0}
.gruppe > .kopfzeile{border-top:4px solid var(--tinte)}
.kopfzeile .zahl{background:var(--tinte);color:var(--gold);border-radius:0}
.illu,.kurve,.diagramm{border:2px solid var(--tinte);border-radius:0;background:#fff}
.schluss{border:2px solid var(--tinte);border-radius:0}
.rechnung{border:2px solid var(--tinte);border-radius:0;background:var(--papier-2)}
.rechnung .gross{color:var(--amber)}
.garantie{border:2px solid var(--tinte);border-radius:0;background:var(--gold-hell)}
.garantie .kreis{background:var(--tinte);color:var(--gold);border-radius:0}
.cta{background:var(--amber);border-radius:0;text-transform:uppercase;font-weight:800;letter-spacing:.03em;box-shadow:none}
.cta:hover{background:var(--tinte)}
.pk{border:2px solid var(--linie);border-radius:0}
.pk.top{border:3px solid var(--tinte);background:var(--papier-2);box-shadow:none}
.pk .marke{background:var(--tinte);color:var(--gold);display:inline-block;padding:4px 7px;border-radius:0}
.gratis{background:var(--gold);color:var(--tinte);border-radius:0}
.vergleich .wir, .pk.top{background:var(--papier-2)}
.haft{background:var(--gold);border-top:3px solid var(--tinte)}
.haft span,.haft b{color:var(--tinte)}
.haft a{background:var(--tinte);color:var(--gold);border-radius:0;font-weight:800}
body.mit-haft{padding-bottom:64px}
.quellen{background:var(--papier-2);border-radius:0}
details.einwand{border:1px solid var(--linie);border-radius:0}
.fassung{border-top:3px solid var(--tinte);margin-top:14px;padding-top:10px;font-size:12.5px;color:var(--grau)}