/* ════════════════════════════════════════════════════════════════
   FUNKE · EIGENE BAUSTEINE fuer die LW-Fassung des Journals
   Wird NACH lw-journal.css geladen, auf derselben Seite wie das
   LW-Journal (teilen sich die Datei). Darum gilt strikt: jede Regel
   haengt hier an ".book " oder an einer der FUNKE-eigenen Klassen
   unten, nie an einer nackten LW-Klasse (.page, .spread, .severine-line,
   .page-companion, ...).

   Die Klassennamen selbst sind unveraendert aus templates/funke/
   journal-v3.twig uebernommen (sp-, fk-, num-, szk-, fam-, trk-,
   wg-, gt-, gate-): daran haengt JS-Logik (Chat-Bubbles einfuegen,
   Auswahl-Status setzen, Gate pruefen). Hier aendert sich nur das
   Aussehen.

   Alle Bausteine sind als eigenstaendige "Nacht-Karten" gebaut statt
   an die jeweilige .page-companion/.page-severine-Faerbung gekoppelt:
   FUNKE ist durchgehend Nacht-geerdet (anders als LW, das primaer auf
   Papier lebt), darum bringt jeder Baustein sein eigenes Stueck
   Kinoraum mit und funktioniert unveraendert, egal ob die Doppelseite,
   auf der er landet, hell oder dunkel ist. Wo eine Seite bewusst hell
   gebaut wird, liefert der Block ".page-severine"-Override eine
   Papier-Fassung in derselben Familie (siehe .jrn-anker-ritual vs.
   .jrn-anker-ritual--compact in lw-journal.css als Vorbild fuer dieses
   Hell/Dunkel-Paar).

   Eigene Keyframes tragen das Praefix fwb- (Funke-Web-Bausteine), weil
   journal-v3s <style>-Bloecke auf dieser Seite nicht geladen sind.
   ════════════════════════════════════════════════════════════════ */

/* ────────────────────────────────────────────────────────────────
   1 · GRAFIK-RAHMEN (.sp-gfx)
   Traegt: fweg, ftuer, fspiegel, fwetter, fkind, fmovesrev, gfunke.
   Alles reine SVG-Illustrationen mit eingebrannten Farben (Gold
   #E4B56A, Cream rgba(255,253,248,x)), gebaut fuer dunklen Grund.
   Der Rahmen gibt ihnen ihren eigenen Kinoraum: radial-gradient als
   Lichtquelle von oben, wie .page-companion in lw-journal.css, nur
   auf Baustein-Groesse statt Seitengroesse.
   ──────────────────────────────────────────────────────────────── */
.book .sp-gfx {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 21px 0;
  padding: clamp(21px, 4vw, 34px) clamp(13px, 3.4vw, 34px);
  border-radius: 20px;
  overflow: hidden;
  background: radial-gradient(ellipse 65% 55% at 50% 28%, rgba(228,181,106,0.16) 0%, transparent 68%),
    linear-gradient(175deg, #1B2147 0%, #131834 55%, #0D1021 100%);
  border: 1px solid rgba(228,181,106,0.22);
  box-shadow: 0 1px 0 rgba(255,255,255,0.05) inset,
    0 28px 56px -30px rgba(13,16,33,0.65);
}
.book .sp-gfx svg {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  max-width: 460px;
}
/* Sehr leises Atmen des Lichtquellen-Glows, im Rhythmus von LWs
   cinema-breath (14s), aber eigenstaendig definiert. */
.book .sp-gfx::before {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(ellipse 50% 40% at 50% 24%, rgba(228,181,106,0.10) 0%, transparent 70%);
  animation: fwb-glow 9s ease-in-out infinite alternate;
  pointer-events: none;
}
@keyframes fwb-glow {
  0%   { opacity: 0.6; }
  100% { opacity: 1; }
}
@media (max-width: 880px) {
  .book .sp-gfx { padding: 21px 13px; border-radius: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .book .sp-gfx::before { animation: none; }
}

/* ────────────────────────────────────────────────────────────────
   2 · CHAT (chatslot): .fk-chat, .fk-bub, .fk-in, .fk-send,
   .fk-wortfeld, .fk-krise
   Eigene JS (nicht LWs Chatbot-JS), darum eigene Klassen, aber die
   Anmutung folgt LWs .jrn-chat-box: klare Karte, ruhige Bubbles,
   ein warmer Fund am Ende.
   ──────────────────────────────────────────────────────────────── */
.book .fk-chat {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: min(440px, 48vh);
  padding: 21px;
  border-radius: 18px;
  background: linear-gradient(165deg, #1B2147 0%, #131834 100%);
  border: 1px solid rgba(228,181,106,0.22);
  box-shadow: 0 1px 0 rgba(255,255,255,0.05) inset, 0 24px 48px -28px rgba(13,16,33,0.6);
  overflow-y: auto;
}
.book .fk-bub {
  max-width: 86%;
  padding: 13px 13px;
  border-radius: 14px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: -0.003em;
}
.book .fk-bub.sevi {
  align-self: flex-start;
  background: rgba(255,253,248,0.07);
  border: 1px solid rgba(255,253,248,0.10);
  border-left: 2px solid #E4B56A;
  color: #FFFDF8;
  border-top-left-radius: 4px;
}
.book .fk-bub.me {
  align-self: flex-end;
  background: #E4B56A;
  color: #161A2E;
  font-weight: 400;
  border-top-right-radius: 4px;
}
.book .fk-bub.tippt i {
  font-style: normal;
  animation: fwb-typing 1.2s infinite;
}
.book .fk-bub.tippt i:nth-child(2) { animation-delay: 0.2s; }
.book .fk-bub.tippt i:nth-child(3) { animation-delay: 0.4s; }
@keyframes fwb-typing { 0%, 100% { opacity: 0.25; } 50% { opacity: 1; } }

.book .fk-in { display: flex; gap: 8px; margin-top: 2px; }
.book .fk-in input {
  flex: 1; min-width: 0;
  padding: 13px 13px;
  background: rgba(255,253,248,0.06);
  border: 1px solid rgba(255,253,248,0.20);
  border-radius: 999px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  color: #FFFDF8;
  outline: none;
  transition: border-color 220ms ease, background 220ms ease;
}
.book .fk-in input::placeholder { color: rgba(255,253,248,0.45); font-weight: 300; }
.book .fk-in input:focus { border-color: #E4B56A; background: rgba(255,253,248,0.09); }
.book .fk-send {
  flex: 0 0 auto;
  padding: 0 21px;
  border: 0;
  border-radius: 999px;
  background: #B31F66;
  color: #FFFDF8;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background 200ms ease;
}
.book .fk-send:hover { background: #9E1759; }
.book .fk-send:disabled { opacity: 0.5; cursor: default; }

/* Krise: Warnfarbe aus dem Status-Kanon, nicht Magenta (Magenta bleibt
   Handlung/CTA-Farbe, hier geht es um eine Notfall-Info). */
.book .fk-krise {
  margin-top: 13px;
  padding: 13px 13px;
  border-radius: 12px;
  background: rgba(166,58,34,0.16);
  border: 1px solid rgba(166,58,34,0.5);
  color: #FFFDF8;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  line-height: 1.55;
}

/* Wortfeld: der gefundene Funke, der einzige Moment mit Glow-Text
   in diesem Baustein, konsistent mit .fam-wort und der gfunke-Grafik. */
.book .fk-wortfeld {
  margin-top: 13px;
  padding: 21px;
  border-radius: 14px;
  text-align: center;
  background: linear-gradient(165deg, #1B2147 0%, #131834 100%);
  border: 1px solid rgba(228,181,106,0.35);
}
.book .fk-wortfeld .wf-k {
  display: block;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #E4B56A;
}
.book .fk-wortfeld .wf-wort {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: clamp(26px, 3.4vw, 34px);
  font-weight: 300;
  letter-spacing: -0.015em;
  color: #E4B56A;
  text-shadow: 0 0 26px rgba(228,181,106,0.35);
  margin: 8px 0 5px;
}
.book .fk-wortfeld .wf-s {
  display: block;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: rgba(255,253,248,0.65);
}
@media (max-width: 600px) {
  .book .fk-chat { max-height: min(340px, 42vh); padding: 13px; }
}

/* Helle Fassung, falls der Chat auf einer bewusst hellen Doppelseite
   landet (Papier-Karte statt Nachtkarte, Zeichnung nach .jrn-chat-box). */
.page-severine .fk-chat {
  background: #FFFFFF;
  border-color: rgba(22,26,46,0.10);
  box-shadow: 0 1px 0 rgba(22,26,46,0.04), 0 12px 32px -16px rgba(22,26,46,0.18);
}
.page-severine .fk-bub.sevi {
  background: #FAF6EC;
  border-color: rgba(22,26,46,0.08);
  color: #161A2E;
}
.page-severine .fk-bub.me { color: #161A2E; }
.page-severine .fk-in input {
  background: #FFFDF8;
  border-color: rgba(22,26,46,0.16);
  color: #161A2E;
}
.page-severine .fk-in input::placeholder { color: #8B90A4; }
.page-severine .fk-in input:focus { border-color: #B31F66; background: #FFFFFF; }
.page-severine .fk-wortfeld { background: #FAF6EC; border-color: rgba(228,181,106,0.5); }
.page-severine .fk-wortfeld .wf-s { color: #4B5168; }

/* ────────────────────────────────────────────────────────────────
   3 · SITUATIONSWAHL (sitwahl): .fk-sit, .fk-sit-b, .s-k, .s-v, .s-bald
   ──────────────────────────────────────────────────────────────── */
.book .fk-sit { display: flex; flex-direction: column; gap: 8px; }
.book .fk-sit-b {
  display: block;
  width: 100%;
  text-align: left;
  padding: 13px 21px;
  border-radius: 13px;
  background: linear-gradient(165deg, #1B2147 0%, #131834 100%);
  border: 1px solid rgba(255,253,248,0.16);
  cursor: pointer;
  font: inherit;
  transition: border-color 200ms ease, background 200ms ease, transform 200ms ease;
}
.book .fk-sit-b:hover {
  border-color: rgba(228,181,106,0.5);
  transform: translateX(2px);
}
.book .fk-sit-b.sel {
  border-color: #E4B56A;
  background: linear-gradient(165deg, #262E5C 0%, #1B2147 100%);
  box-shadow: 0 0 0 1px #E4B56A inset;
}
.book .fk-sit-b .s-k {
  display: block;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #E4B56A;
  margin-bottom: 5px;
}
.book .fk-sit-b .s-v {
  display: block;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #FFFDF8;
  line-height: 1.4;
}
.book .fk-sit-b.is-bald {
  cursor: default;
  position: relative;
  opacity: 0.55;
}
.book .fk-sit-b.is-bald:hover { border-color: rgba(255,253,248,0.16); transform: none; }
.book .fk-sit-b .s-bald {
  position: absolute;
  top: 15px; right: 18px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255,253,248,0.55);
}

/* ────────────────────────────────────────────────────────────────
   4 · TRACKWAHL: .sp-track, .trk-card, .trk-k, .trk-d
   Gleiche Karten-Familie wie sitwahl, mit eigenem Rhythmus, damit
   die beiden Auswahl-Bausteine nicht wie Kopien wirken: hier traegt
   jede Karte einen kleinen Ring links statt der Eyebrow oben.
   ──────────────────────────────────────────────────────────────── */
.book .sp-track { display: flex; flex-direction: column; gap: 8px; }
.book .trk-card {
  display: flex;
  align-items: center;
  gap: 13px;
  width: 100%;
  text-align: left;
  padding: 13px 21px;
  border-radius: 13px;
  background: linear-gradient(165deg, #1B2147 0%, #131834 100%);
  border: 1px solid rgba(255,253,248,0.16);
  cursor: pointer;
  font: inherit;
  transition: border-color 200ms ease, transform 200ms ease;
}
.book .trk-card::before {
  content: '';
  flex: 0 0 auto;
  width: 10px; height: 10px;
  border-radius: 50%;
  border: 1.5px solid rgba(255,253,248,0.4);
  transition: background 200ms ease, border-color 200ms ease;
}
.book .trk-card:hover { border-color: rgba(228,181,106,0.5); transform: translateX(2px); }
.book .trk-card.on {
  border-color: #E4B56A;
  box-shadow: 0 0 0 1px #E4B56A inset;
}
.book .trk-card.on::before { background: #E4B56A; border-color: #E4B56A; }
.book .trk-card > span { display: flex; flex-direction: column; gap: 3px; }
.book .trk-k {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.005em;
  color: #FFFDF8;
}
.book .trk-card.on .trk-k { color: #E4B56A; }
.book .trk-d {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: rgba(255,253,248,0.55);
}

/* ────────────────────────────────────────────────────────────────
   5 · ANKERSLOT: .fk-anker, .fk-orb, .fk-anker-t, .fk-anker-go
   Vorbild: .jrn-anker-ritual--compact in lw-journal.css (dunkle
   Variante des Anker-Rituals), auf FUNKEs Funken-Glas uebertragen.
   ──────────────────────────────────────────────────────────────── */
.book .fk-anker {
  display: flex;
  align-items: center;
  gap: 21px;
  flex-wrap: wrap;
  padding: 21px 21px;
  border-radius: 16px;
  background: rgba(247,243,233,0.04);
  border: 1px solid rgba(228,181,106,0.28);
}
.book .fk-orb {
  position: relative;
  flex: 0 0 auto;
  width: 54px; height: 54px;
  border-radius: 50%;
  background: radial-gradient(circle at 36% 30%, rgba(228,181,106,0.28), rgba(201,164,104,0.12) 55%, rgba(13,16,33,0.5));
  border: 1px solid rgba(228,181,106,0.4);
  box-shadow: inset 0 0 16px rgba(201,164,104,0.2), 0 0 20px rgba(201,164,104,0.24);
}
.book .fk-orb i {
  position: absolute;
  width: 4px; height: 4px;
  border-radius: 50%;
  background: #E4B56A;
  box-shadow: 0 0 8px rgba(228,181,106,0.95);
  animation: fwb-spark 3.4s ease-in-out infinite;
}
@keyframes fwb-spark { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } }
.book .fk-anker-t { flex: 1 1 160px; min-width: 160px; }
.book .fk-anker-t b {
  display: block;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #FFFDF8;
  margin-bottom: 3px;
}
.book .fk-anker-t span {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: rgba(255,253,248,0.62);
  line-height: 1.5;
}
.book .fk-anker-go {
  flex: 0 0 auto;
  margin-left: auto;
  padding: 13px 21px;
  border: 0;
  border-radius: 999px;
  background: #B31F66;
  color: #FFFDF8;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: background 200ms ease;
}
.book .fk-anker-go:hover { background: #9E1759; }
@media (max-width: 600px) {
  .book .fk-anker { padding: 21px; }
  .book .fk-anker-go { margin-left: 0; width: 100%; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  .book .fk-orb i { animation: none; opacity: 0.85; }
}

/* Helle Fassung: direkt an .jrn-anker-ritual angelehnt (die
   Basis-Variante in lw-journal.css ist bereits die Papier-Fassung
   dieses Musters, hier nur unter FUNKEs eigenen Klassennamen). */
.page-severine .fk-anker {
  background: linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(179,31,102,0.04) 100%);
  border-color: rgba(179,31,102,0.28);
}
.page-severine .fk-anker-t b { color: #161A2E; }
.page-severine .fk-anker-t span { color: #4B5168; }

/* ────────────────────────────────────────────────────────────────
   6 · GATE-FAMILIE (gate + wahlgate)
   .sp-gate, .gate-k, .gt-item, .gate-ruettel
   .sp-wahlgate, .wg-opt, .wg-trost
   Beide gaten den Fortschritt, ohne LW-Vorbild (LW kennt keine
   Consent-Checkliste und keine binaere Wahl vor einer Session).
   ──────────────────────────────────────────────────────────────── */
.book .sp-gate {
  display: flex;
  flex-direction: column;
  gap: 13px;
  padding: 21px 21px;
  border-radius: 14px;
  background: rgba(228,181,106,0.05);
  border: 1px dashed rgba(228,181,106,0.5);
}
.book .gate-k {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #C9A468;
}
.book .gt-item {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  cursor: pointer;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.45;
  color: #FFFDF8;
}
.book .gt-item input {
  appearance: none; -webkit-appearance: none;
  width: 20px; height: 20px; min-width: 20px;
  margin-top: 1px;
  border-radius: 6px;
  border: 1.6px solid rgba(255,253,248,0.5);
  background: none;
  cursor: pointer;
  position: relative;
  transition: background 160ms ease, border-color 160ms ease;
}
.book .gt-item input:checked { background: #E4B56A; border-color: #E4B56A; }
.book .gt-item input:checked::after {
  content: '';
  position: absolute; left: 6px; top: 2px;
  width: 5px; height: 10px;
  border: solid #131834;
  border-width: 0 2px 2px 0;
  transform: rotate(42deg);
}
.book .gt-item input:focus-visible { outline: 2px solid #E4B56A; outline-offset: 2px; }
/* Sanftes Ruetteln, wenn jemand weiter will bevor das Gate erfuellt ist. */
.book .sp-gate.gate-ruettel { animation: fwb-shake 0.4s; }
@keyframes fwb-shake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-6px); }
  75% { transform: translateX(6px); }
}
@media (prefers-reduced-motion: reduce) {
  .book .sp-gate.gate-ruettel { animation: none; }
}

.book .sp-wahlgate {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 3px;
}
.book .wg-opt {
  padding: 13px 21px;
  border-radius: 12px;
  background: linear-gradient(165deg, #1B2147 0%, #131834 100%);
  border: 1px solid rgba(255,253,248,0.3);
  color: #FFFDF8;
  font: inherit;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  cursor: pointer;
  transition: border-color 200ms ease, color 200ms ease;
}
.book .wg-opt:hover { border-color: rgba(228,181,106,0.5); }
.book .wg-opt.on {
  border-color: #E4B56A;
  color: #E4B56A;
  box-shadow: 0 0 0 1px #E4B56A inset;
}
.book .wg-trost {
  display: none;
  margin: 0;
  padding: 13px 13px;
  border-radius: 12px;
  background: rgba(255,253,248,0.04);
  border-left: 2px solid #E4B56A;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.55;
  color: rgba(255,253,248,0.75);
}
.book .sp-wahlgate.zeig-trost .wg-trost { display: block; }

/* ────────────────────────────────────────────────────────────────
   7 · NUMMERN: .sp-numklein, .sp-nummern, .num-karte, .num-gross,
   .num-wer, .num-fuer
   Notfallnummern koennen unter fast jedem Baustein stehen, darum
   traegt schon die dunkle Grundfassung genug Kontrast fuer beide
   Seiten; die Karten-Variante bekommt zusaetzlich LWs Zahlen-Karten-
   Rhythmus (vgl. .jrn-journal-card: grosse Ziffer links, Text rechts).
   ──────────────────────────────────────────────────────────────── */
.book .sp-numklein {
  margin: 21px 0 0;
  padding: 13px 13px;
  border-radius: 12px;
  background: rgba(255,253,248,0.04);
  border-left: 2px solid #E4B56A;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;
  color: rgba(255,253,248,0.65);
}
.book .sp-numklein b { color: #E4B56A; font-weight: 600; }

.book .sp-nummern {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px;
}
.book .num-karte {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 13px;
  padding: 21px 13px;
  border-radius: 14px;
  background: linear-gradient(165deg, #1B2147 0%, #131834 100%);
  border: 1px solid rgba(255,253,248,0.14);
}
.book .num-gross {
  grid-column: 1;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 34px;
  font-weight: 200;
  letter-spacing: -0.02em;
  color: #E4B56A;
  line-height: 1;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.book .num-wer {
  grid-column: 2;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #FFFDF8;
  align-self: end;
}
.book .num-fuer {
  grid-column: 2;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.45;
  color: rgba(255,253,248,0.55);
}
@media (max-width: 600px) {
  .book .sp-nummern { grid-template-columns: 1fr; }
}

.page-severine .sp-numklein {
  background: #FAF6EC;
  border-left-color: #B31F66;
  color: #4B5168;
}
.page-severine .sp-numklein b { color: #845A0B; }
.page-severine .num-karte {
  background: #FFFFFF;
  border-color: #E6DDCB;
}
.page-severine .num-gross { color: #845A0B; }
.page-severine .num-wer { color: #161A2E; }
.page-severine .num-fuer { color: #4B5168; }

/* ────────────────────────────────────────────────────────────────
   8 · SATZKARTEN: .sp-satzk, .szk, .szk-k, .szk-t
   Kurze Situations-Etikette plus der Satz, den man sagt. Familie
   mit famcards, aber ohne Anfuehrungszeichen-Zitatcharakter.
   ──────────────────────────────────────────────────────────────── */
.book .sp-satzk { display: flex; flex-direction: column; gap: 13px; }
.book .szk {
  padding: 13px 21px;
  border-radius: 14px;
  background: rgba(247,243,233,0.035);
  border: 1px solid rgba(247,243,233,0.10);
  border-left: 2px solid #E4B56A;
}
.book .szk-k {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #E4B56A;
  margin-bottom: 8px;
}
.book .szk-t {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.55;
  color: #FFFDF8;
}
.page-severine .szk {
  background: #FFFFFF;
  border-color: #E6DDCB;
  border-left-color: #B31F66;
}
.page-severine .szk-k { color: #845A0B; }
.page-severine .szk-t { color: #161A2E; }

/* ────────────────────────────────────────────────────────────────
   9 · FAMCARDS: .sp-famc, .fam, .fam-vor, .fam-wort, .fam-wer
   Vorbild: .jrn-story-card in lw-journal.css (Zitatkarten anderer
   Frauen). Hier sind es andere Familien, das Zitat ist ihr
   Funke-Wort: darum bleibt es golden und leuchtend, wie ueberall
   sonst im Journal, wo ein gefundenes Wort erscheint.
   ──────────────────────────────────────────────────────────────── */
.book .sp-famc { display: flex; flex-direction: column; gap: 13px; }
.book .fam {
  padding: 21px 21px 21px;
  border-radius: 14px;
  background: rgba(247,243,233,0.045);
  border: 1px solid rgba(247,243,233,0.10);
  border-left: 2px solid #B31F66;
}
.book .fam-vor {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5;
  color: rgba(255,253,248,0.62);
}
.book .fam-wort {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.005em;
  color: #E4B56A;
  text-shadow: 0 0 26px rgba(228,181,106,0.35);
  line-height: 1.2;
  margin: 8px 0 8px;
}
.book .fam-wer {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 0.01em;
  color: rgba(255,253,248,0.55);
}
.page-severine .fam {
  background: #FFFFFF;
  border-color: #E6DDCB;
  border-left-color: #B31F66;
}
.page-severine .fam-vor { color: #4B5168; }
.page-severine .fam-wer { color: #4B5168; }

/* ==========================================================================
   «Was du jetzt tust» - die kurze Anleitung unter dem Zitat
   12.08.2026, Andys Befund: "wir geben am Anfang viel zu wenig Informationen,
   was jemand tun muss" und "Dann hat es eine Quote beziehungsweise eine
   kurze Anleitung".

   Gemessen an Lebendige Weiblichkeit: dort fuellt der Begleiter 56 Prozent
   der rechten Seite und laesst 125 bis 186px Rest. Bei FUNKE standen auf
   neun Seiten ohne Video zwischen 273 und 591px leer. Dieser Baustein
   fuellt den Rest nicht mit Deko, sondern mit dem einen Satz, der sagt,
   was das Elternteil an dieser Stelle wirklich tun soll.

   Sitzt rechtsbuendig wie das Zitat darueber (Andys Vorgabe: "bei den
   Zitaten musst du doch RECHTSbuendig sein"), auf der hellen Seite
   linksbuendig.
   ========================================================================== */
.fk-tun {
  margin-top: clamp(21px, 3vh, 34px);
  padding-top: 21px;
  border-top: 1px solid rgba(228, 181, 106, 0.22);
}
.fk-tun-label {
  display: block;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(228, 181, 106, 0.8);
  margin-bottom: 13px;
}
.fk-tun-text {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.55;
  color: rgba(255, 253, 248, 0.86);
  max-width: 34ch;
}

/* Auf der dunklen Begleiter-Seite rechtsbuendig, wie das Zitat darueber. */
.page-companion .fk-tun { text-align: right; }
.page-companion .fk-tun .fk-tun-text { margin-left: auto; }

/* Auf der hellen Seite linksbuendig, Text-Gold statt Gold auf Nacht. */
.page-severine .fk-tun { text-align: left; border-top-color: rgba(132, 90, 11, 0.22); }
.page-severine .fk-tun-label { color: #845A0B; }
.page-severine .fk-tun-text { color: #4B5168; margin-left: 0; }

/* ==========================================================================
   Die Weiche - zwei Wege, eine Entscheidung
   12.08.2026, Andys Befund: "Da holen wir die Eltern noch viel zu wenig ab
   am Anfang. Und irgendwo dazwischen gibt's eine Grenze."

   Zwei Karten untereinander auf der Nacht-Seite. Bewusst KEINE Knoepfe:
   das Elternteil soll hier lesen, nicht klicken. Die Entscheidung faellt
   spaeter bei der Session-Auswahl, wo sie technisch etwas bewirkt. Ein
   Knopf vor dem Kauf haette so getan, als wuerde er etwas festlegen.
   ========================================================================== */
.fk-weiche {
  display: flex;
  flex-direction: column;
  gap: clamp(13px, 1.8vh, 21px);
}
.fk-weg {
  background: linear-gradient(160deg, rgba(38, 46, 92, 0.42), rgba(19, 24, 52, 0.24));
  border: 1px solid rgba(228, 181, 106, 0.22);
  border-left: 2px solid #E4B56A;
  border-radius: 14px;
  padding: clamp(13px, 2.1vw, 21px) clamp(21px, 2.2vw, 21px);
}
.fk-weg-kicker {
  display: block;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(228, 181, 106, 0.8);
  margin-bottom: 8px;
}
.fk-weg-titel {
  display: block;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: clamp(16px, 1.9vw, 20px);
  font-weight: 500;
  line-height: 1.25;
  color: #FFFDF8;
  margin-bottom: 8px;
}
.fk-weg-text {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.55;
  color: rgba(255, 253, 248, 0.72);
  margin: 0;
}

/* Auf der hellen Seite, falls die Weiche dort je gebraucht wird. */
.page-severine .fk-weg {
  background: #FFFFFF;
  border-color: #E6DDCB;
  border-left-color: #B31F66;
}
.page-severine .fk-weg-kicker { color: #845A0B; }
.page-severine .fk-weg-titel { color: #161A2E; }
.page-severine .fk-weg-text { color: #4B5168; }

/* ==========================================================================
   Der Wegweiser im Inhaltsverzeichnis
   12.08.2026, Andys Vorgabe: "Grafiken bauen ganz am Anfang, sodass die
   Eltern schnell eine Orientierung bekommen... Jemand kommt in diesen Kurs
   und muss wissen, hey, was muss ich tun?"

   Steht im Verzeichnis, weil das die Flaeche ist, die von jeder Seite aus
   ueber "Inhalt" erreichbar ist. Wer sich verliert, oeffnet sie.
   ========================================================================== */
.toc-wegweiser {
  margin: clamp(21px, 3vh, 34px) 0 clamp(21px, 3.4vh, 34px);
  padding: clamp(21px, 2.2vw, 21px);
  background: #FAF6EC;
  border: 1px solid rgba(132, 90, 11, 0.18);
  border-left: 2px solid #845A0B;
  border-radius: 16px;
}
.toc-wegweiser svg {
  display: block;
  width: 100%;
  height: auto;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Auf schmalen Flaechen darf der Wegweiser weichen: dort zaehlt die Liste. */
@media (max-width: 880px) {
  .toc-wegweiser { padding: 13px; margin: 21px 0 21px; }
}

/* Die drei Rand-Zeilen unter der Weiche: dazwischen, juenger als sechs,
   mehrere Kinder. Seit 12.08. in einer eigenen, ruhigeren Box (Andy: "mach
   doch das drunter auch in einer box und gibt dem ganzen platz zum atmen").
   Sie sind kein Kleingedrucktes: fuer viele Familien entscheiden genau diese
   Zeilen, ob sie sich ueberhaupt gemeint fuehlen. Darum eigene Flaeche,
   aber ohne Goldkante, damit die zwei Wege darueber die Helden bleiben. */
.fk-weiche-rand {
  margin-top: clamp(21px, 3vh, 34px);
  padding: clamp(21px, 2.2vw, 21px) clamp(21px, 2.2vw, 21px) clamp(13px, 1.8vw, 21px);
  background: rgba(255, 253, 248, 0.04);
  border: 1px solid rgba(228, 181, 106, 0.14);
  border-radius: 14px;
}
.fk-weiche-rand p {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.65;
  color: rgba(255, 253, 248, 0.7);
  margin: 0 0 13px;
}
.fk-weiche-rand p:last-child { margin-bottom: 0; }
.fk-weiche-rand strong {
  font-weight: 500;
  color: rgba(228, 181, 106, 0.9);
}

/* Platz zum Atmen: die Weichen-Seite traegt weniger Bausteine als eine
   Video-Seite, also duerfen die Abstaende groesser sein. Fibonacci 34/55. */
.fk-weiche { gap: clamp(13px, 2.2vh, 21px); }
.spread[data-mode="weiche"] .page-companion .companion-quote {
  margin-top: clamp(34px, 4.5vh, 55px);
}

/* ==========================================================================
   Vorspann: die kurze Erklaerung UEBER einer Grafik
   12.08.2026, Andys Vorgabe zu Doppelseite 4: "warum du zuerst gehst sollten
   wir kurz erklaeren. und zwar ueber der Grafik!!"

   Die Beschriftung unter der Grafik (video-meta) sagt nur, WAS man sieht.
   Wer davor steht, will aber wissen, WARUM. Dieser Satz steht darum davor,
   nicht dahinter, und ist der einzige Text auf der Seite, der eine Ursache
   nennt statt einer Anweisung.
   ========================================================================== */
.fk-vorspann {
  margin-bottom: clamp(13px, 2.2vh, 21px);
  padding-bottom: clamp(13px, 1.8vh, 21px);
  border-bottom: 1px solid rgba(228, 181, 106, 0.18);
}
.fk-vorspann-text {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: clamp(16px, 1.5vw, 16px);
  font-weight: 300;
  line-height: 1.55;
  color: rgba(255, 253, 248, 0.82);
  margin: 0;
}
.fk-vorspann-text strong {
  font-weight: 500;
  color: #E4B56A;
}
/* Rechtsbuendig wie alles auf der Begleiterseite (Andys Vorgabe zu den
   Zitaten, gilt fuer die ganze Spalte). Der Text ist kurz genug dafuer;
   waere er laenger, waere Lesbarkeit wichtiger als Flucht. */
.page-companion .fk-vorspann { text-align: right; }
.page-companion .fk-vorspann-text { margin-left: auto; max-width: 44ch; }

.page-severine .fk-vorspann { border-bottom-color: rgba(132, 90, 11, 0.2); }
.page-severine .fk-vorspann-text { color: #4B5168; }
.page-severine .fk-vorspann-text strong { color: #845A0B; }

/* Die Weg-Karten sind seit 12.08. anklickbar (sie setzen die Session-Fassung,
   damit die zweite Alters-Abfrage auf Doppelseite 17 entfaellt). Als <button>
   brauchen sie die Knopf-Voreinstellungen zurueckgesetzt. */
.fk-weiche .fk-weg {
  display: block;
  width: 100%;
  text-align: left;
  font: inherit;
  cursor: pointer;
  appearance: none;
  transition: border-color .18s ease, background .18s ease;
}
.fk-weiche .fk-weg:hover {
  border-color: rgba(228, 181, 106, 0.5);
  background: linear-gradient(160deg, rgba(38, 46, 92, 0.62), rgba(19, 24, 52, 0.34));
}
.fk-weiche .fk-weg:focus-visible {
  outline: 2px solid #E4B56A;
  outline-offset: 3px;
}
/* Die getroffene Wahl ist sichtbar, sonst weiss niemand, dass geklickt wurde. */
.fk-weiche .fk-weg.on {
  border-color: #E4B56A;
  background: linear-gradient(160deg, rgba(228, 181, 106, 0.14), rgba(19, 24, 52, 0.4));
}
.fk-weiche .fk-weg.on .fk-weg-kicker { color: #E4B56A; }
.fk-weg-text { display: block; }

/* ==========================================================================
   Die Kind-Seiten sind sichtbar andere Seiten
   12.08.2026, Andys Befund: "sevi vorstellung kommt viel zu spaet, entweder
   nach vorne oder raus".

   Der Ort stimmt: Doppelseite 14 ist Sévérines erste Begegnung mit dem KIND,
   nicht mit dem Elternteil. Was fehlte, war die sichtbare Uebergabe. Wer 13
   Seiten am Stueck gelesen hat, erlebt "Ich bin Sevi" sonst als verspaetete
   Vorstellung, obwohl sie an jemand anderen gerichtet ist.

   Die drei Kind-Seiten stehen darum auf der Warm-Zone statt auf Papier und
   tragen eine Goldkante links. Beides sind Kanon-Werte, es braucht keinen
   neuen Ton. Dunkel werden sie NICHT: Andys Regel "es gibt manchmal
   Doppelseiten hell, niemals Doppelseiten dunkel".
   ========================================================================== */
.spread[data-wer="kind"] .page-severine {
  background: #FAF6EC;
  border-left: 3px solid #E4B56A;
}
.spread[data-wer="kind"] .severine-byline-label {
  color: #845A0B;
  font-weight: 500;
}
/* Der Titel darf hier waermer sein: es liest ein Kind mit. */
.spread[data-wer="kind"] .page-severine-title {
  color: #161A2E;
}

/* Die gewaehlte Situation muss sichtbar sein, sonst weiss niemand, dass der
   Klick angekommen ist (Befund 12.08.: die Wahl hatte keinen Zustand). */
.fk-sit-b.on {
  border-color: #B31F66;
  background: rgba(179, 31, 102, 0.06);
}
.fk-sit-b.on .s-k { color: #B31F66; }

/* ==========================================================================
   Gate und Funken-Glas, seit 12.08. mit Funktion
   Beides stand im Markup ohne Skript. Eine Schwelle, die man einfach uebergeht,
   lehrt, dass die Zusicherungen des Kurses unverbindlich sind.
   ========================================================================== */
.page-turn.is-gesperrt {
  opacity: 0.4;
  cursor: not-allowed;
}
.fk-gate-hinweis {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: rgba(228, 181, 106, 0.8);
  margin-bottom: 8px;
  text-align: right;
}
.page-severine .fk-gate-hinweis { color: #845A0B; text-align: left; }

/* Ein kurzer Stups, wenn jemand am gesperrten Pfeil klickt. Kein Rütteln,
   nur ein Aufleuchten: der Kurs weist nicht zurecht. */
@keyframes fkGateStups {
  0%   { border-color: rgba(228, 181, 106, 0.22); }
  30%  { border-color: #E4B56A; }
  100% { border-color: rgba(228, 181, 106, 0.22); }
}
.fk-gate-stups { animation: fkGateStups .9s ease; }

/* Das Funken-Glas fuellt sich ueber vierzig Abende. */
.fk-orb {
  position: relative;
  overflow: hidden;
}
.fk-orb::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: calc(var(--fuellung, 0) * 100%);
  background: linear-gradient(180deg, rgba(228, 181, 106, 0.75), rgba(228, 181, 106, 0.35));
  transition: height .5s ease;
}
.fk-orb.is-voll { box-shadow: 0 0 26px -4px rgba(228, 181, 106, 0.6); }
.fk-anker-go[disabled] { opacity: 0.55; cursor: default; }

/* ==========================================================================
   Die Eltern-Regie auf einer Kind-Seite
   12.08.2026, Vollcheck: "Auf einer Seite, die das Kind anspricht, steht ab
   Absatz 2 das komplette Regie-Skript fuer das Elternteil, ohne jede Trennung."
   Das Kind las damit mit, was ihm gleich gesagt werden sollte.
   Jetzt sichtbar abgesetzt: andere Flaeche, eigene Zeile darueber.
   ========================================================================== */
.fk-regie {
  margin-top: clamp(21px, 3vh, 34px);
  padding: clamp(21px, 2.2vw, 21px);
  background: #FFFFFF;
  border: 1px solid #E6DDCB;
  border-left: 2px solid #B31F66;
  border-radius: 14px;
}
.fk-regie-label {
  display: block;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #845A0B;
  margin-bottom: 13px;
}
.fk-regie-text {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  color: #4B5168;
  margin: 0 0 13px;
}
.fk-regie-text:last-child { margin-bottom: 0; }

/* ==========================================================================
   "So arbeitet ihr, je nach Kind" auf der Kaufseite
   12.08.2026, Andys Vorgabe: "Bevor jemand kauft, muss die Person wissen, wie
   das ablaeuft. Wie sie mit ihrem Kind arbeitet wenn es juenger ist. Wie sie
   mit einem Jugendlichen arbeitet, dass das moeglich ist dass sie's zusammen
   machen, dass Jugendliche das allein macht je nachdem wie mature diese Person
   ist, und dass junge Erwachsene das auch komplett selber durchmachen koennen."

   Das stand bisher erst hinter der Bezahlwand. Wer ein Kind ab dreizehn hat,
   kaufte "Ein Weg fuer euch beide" und erfuhr spaeter, dass es auch allein
   geht. Wiki-Grundsatz: "Entwicklungsstand statt Geburtsdatum".
   ========================================================================== */
.fk-wege {
  margin: clamp(21px, 3vh, 34px) 0;
  padding: clamp(21px, 2.4vw, 34px);
  background: #FFFFFF;
  border: 1px solid #E6DDCB;
  border-left: 2px solid #845A0B;
  border-radius: 14px;
}
.fk-wege-label {
  display: block;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #845A0B;
  margin-bottom: 13px;
}
.fk-wege-fall { display: block; margin-bottom: 13px; }
.fk-wege-fall:last-of-type { margin-bottom: 0; }
.fk-wege-wer {
  display: block;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #161A2E;
  margin-bottom: 5px;
}
.fk-wege-wie {
  display: block;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;
  color: #4B5168;
}
.fk-wege-fuss {
  margin: 13px 0 0;
  padding-top: 13px;
  border-top: 1px solid rgba(132, 90, 11, 0.18);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;
  color: #4B5168;
}

/* ==========================================================================
   Mobil: lesbare Schrift und greifbare Knoepfe
   12.08.2026 gemessen bei 375px: das Wer-Band stand auf 9px, mehrere
   Nebenzeilen auf 11px, und die Fassungs-Chips waren nur 37px hoch. Unter
   11.5px liest niemand nebenbei, unter 44px trifft niemand zuverlaessig.
   Struktur war in Ordnung: kein waagrechter Scroll, nichts ragte heraus.
   ========================================================================== */
@media (max-width: 640px) {
  /* lw-journal.css setzt hier 9px !important fuer seine eigene Mobilansicht.
     Dagegen hilft nur dasselbe Mittel mit hoeherer Spezifitaet. */
  .book .severine-byline .severine-byline-label { font-size: 11px !important; }
  .book .page-folio .page-folio-journal,
  .book .video-meta .video-meta-duration,
  .book .companion-quote-cite,
  .book .cover-portrait-caption .cover-portrait-role,
  .book .num-karte .num-wer,
  .book .fk-einblick-was,
  .book .fk-weiche-rand p { font-size: 14px !important; }

  /* Die Eyebrow-Zeilen (gesperrte Versalien) bleiben klein, aber nicht
     unlesbar: 11.5px ist die Untergrenze, die im Sitzen noch geht. */
  .book .fk-tun-label,
  .book .fk-wege-label,
  .book .fk-weg-kicker,
  .book .fk-regie-label,
  .book .fk-einblicke-label,
  .book .num-fuer,
  .book .subscribe-eyebrow,
  .book .paywall-choice-eyebrow,
  .book .toc-row-sub,
  .book .jrn-chat-eyebrow,
  .book .fk-msg-meta,
  .book .gate-k,
  .book .szk-k { font-size: 11px !important; }

  /* Tippziele nach der 44px-Regel. */
  .cfs-chip,
  .fk-sit-b,
  .trk-card,
  .fk-anker-go {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
  .trk-card, .fk-sit-b { display: flex; }

  /* Auf schmalen Flaechen darf der Einblick die volle Breite nehmen. */
  .page-companion .fk-einblick-film { max-width: 100%; }
}

/* ==========================================================================
   Sévérines Vita auf der Vorstellungsseite (12.08.)
   Andy: "wir muessen doch noch eine Seite haben, wo Sevi sich vorstellt."
   Sie stand vorher nirgends: ein Elternteil kaufte einen Kurs von einer Frau,
   ueber die es nichts wusste ausser dem Vornamen unter dem Portrait.
   Die Zahlen tragen die Seite, darum stehen sie gross und einzeln.
   ========================================================================== */
.fk-vita-portrait {
  /* 3/4 statt 4/5: mit dem Hochformat wurde die Doppelseite 1304px hoch und
     die Zahlen rutschten unter die Falz (gemessen 12.08. bei 1440x900). Auf
     dieser Seite tragen die Zahlen, nicht das Bild. */
  width: 100%;
  aspect-ratio: 3/4;
  max-height: 46vh;
  border-radius: 18px;
  background-image: url('/img/wi/severine.jpg');
  background-size: cover;
  background-position: center 20%;
  box-shadow: 0 0 0 1px rgba(228, 181, 106, 0.22), 0 32px 100px -20px rgba(0,0,0,.6);
  margin-bottom: clamp(21px, 2.8vh, 34px);
}
.fk-vita-zeile {
  display: flex;
  align-items: baseline;
  gap: clamp(13px, 1.8vw, 21px);
  padding: clamp(8px, 1.2vh, 13px) 0;
  border-bottom: 1px solid rgba(228, 181, 106, 0.14);
}
.fk-vita-zeile:last-child { border-bottom: 0; }
.fk-vita-wert {
  flex: 0 0 auto;
  min-width: 3ch;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: clamp(26px, 2.6vw, 34px);
  font-weight: 500;
  line-height: 1;
  color: #E4B56A;
  text-align: right;
}
.fk-vita-was {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5;
  color: rgba(255, 253, 248, 0.78);
}
.fk-vita-aus {
  margin-top: clamp(13px, 2.2vh, 21px);
  padding-top: clamp(13px, 1.8vh, 21px);
  border-top: 1px solid rgba(228, 181, 106, 0.22);
  text-align: right;
}
.fk-vita-aus-label {
  display: block;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(228, 181, 106, 0.8);
  margin-bottom: 8px;
}
.fk-vita-aus-text {
  display: block;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;
  color: rgba(255, 253, 248, 0.66);
}