/* KapFixIT Ratgeber: Bildgeschichte "In einer Minute verstanden". Stand 22.10.2026.
   Steht oben in jedem Beitrag, der ausführliche Text darunter bleibt unverändert.
   Karten nutzen das Kristallglas der Startseite (.kfx-kachel aus kristall.css).
   Bei Änderungen neuen Dateinamen vergeben (v2 ...), CSS wird 1 Jahr gecacht. */

#kfx-root .bg-geschichte{
  --bg-papier:#E9EDF5; --bg-papier-rand:rgba(255,255,255,0);
  --bg-boden:rgba(0,0,0,.38); --bg-kreis:#1B1F27; --bg-kreisrand:rgba(255,255,255,.18);
  --bg-rot:#FF7A8A; --bg-gelb:#FFC24B; --bg-gruen:#8FE3B0; --bg-blau:#67C7F4;
  --bg-auf-gruen:#0B0D10; --bg-auf-rot:#0B0D10;
  --bg-regal:#434A55; --bg-haus:#232833; --bg-geraet:#97A0AC; --bg-wolke:#4E7DD6; --bg-pfeil:#AFA3FF;
  --bg-feld:radial-gradient(circle at 50% 38%,rgba(97,81,207,.30),rgba(12,14,20,.45) 72%);
  --bg-feldrand:rgba(255,255,255,.08);
  margin:0 0 8px;
}
#kfx-root.welt-tag .bg-geschichte{
  --bg-papier:#FFFFFF; --bg-papier-rand:rgba(20,18,16,.18);
  --bg-boden:rgba(20,18,16,.12); --bg-kreis:#FFFFFF; --bg-kreisrand:rgba(20,18,16,.16);
  --bg-rot:#D23A4E; --bg-gelb:#C98A06; --bg-gruen:#1F7A45; --bg-blau:#2F6FC4;
  --bg-auf-gruen:#FFFFFF; --bg-auf-rot:#FFFFFF;
  --bg-regal:#BDB2A2; --bg-haus:#E9E2D6; --bg-geraet:#6B6258; --bg-wolke:#61B2ED; --bg-pfeil:#5A41C0;
  --bg-feld:radial-gradient(circle at 50% 38%,rgba(90,65,192,.12),rgba(242,237,228,.55) 72%);
  --bg-feldrand:rgba(20,18,16,.08);
}

#kfx-root .bg-geschichte>h2{margin-top:10px}
#kfx-root .bg-geschichte .bg-lead{font-size:19px;color:var(--text);margin:12px 0 0;max-width:640px}

#kfx-root .bg-raster{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:16px;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
#kfx-root .bg-raster>li{margin:0;min-width:0;display:flex}

#kfx-root .bg-karte{margin:0;padding:12px 12px 20px;display:flex;flex-direction:column;gap:14px;width:100%;min-width:0}
#kfx-root .bg-bild{border-radius:16px;padding:6px;background:var(--bg-feld);border:1px solid var(--bg-feldrand)}
#kfx-root .bg-bild svg{display:block;width:100%;height:auto;max-width:100%}
#kfx-root .bg-karte figcaption{padding:0 8px}
#kfx-root .bg-karte h3{margin:0;display:flex;align-items:center;gap:10px;font-size:20px;line-height:1.2;text-wrap:balance}
#kfx-root .bg-karte p{margin:6px 0 0;font-size:16.5px;line-height:1.55;color:var(--text2)}

#kfx-root .bg-nr{flex:none;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;
  font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#fff;
  background:linear-gradient(160deg,#61B2ED 0%,#6151CF 55%,#743BBE 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.30),0 4px 14px -4px rgba(103,199,244,.8)}

#kfx-root .bg-merk{margin:16px 0 0;padding:24px 26px!important}
#kfx-root .bg-merk p{margin:8px 0 0;font-size:clamp(22px,3vw,28px);line-height:1.2;font-weight:800;font-stretch:112%;color:var(--text);text-wrap:balance}
#kfx-root .bg-weiter{margin:14px 0 0;font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--leise)}
#kfx-root .bg-weiter a{color:var(--akzent)}

/* SVG-Schrift */
#kfx-root .bg-geschichte svg text{font-family:'Archivo',system-ui,sans-serif;fill:var(--text)}
#kfx-root .bg-geschichte svg .bg-t{font-size:20px;font-weight:700}
#kfx-root .bg-geschichte svg .bg-ts{font-size:17px;font-weight:700}
#kfx-root .bg-geschichte svg .bg-tl{font-size:15px;font-weight:600;fill:var(--text2)}

@media (max-width:900px){#kfx-root .bg-geschichte .bg-lead{font-size:18px}}