/* Symbolstrudel: Die Leinwand deckt den ganzen Seitenkopf, damit das Zeichen dort Platz findet, wo kein Text
   steht. .fk-symbol-mass trägt die alte Leinwand-Klasse und zeigt unsichtbar, wo der alte Wirbel saß
   (symbolstrudel.js misst daran – ohne Klassen umzuschalten). Markup: fk_wirbel_leinwand() in inc/hilfen.php. */
canvas.fk-symbolstrudel {
  position: absolute; inset: 0 auto auto 0; right: auto; bottom: auto;
  width: 100%; height: 100%; max-height: 72rem; max-width: none; aspect-ratio: auto;
  transform: none; opacity: 1; z-index: -2; pointer-events: none;
}
.fk-symbol-mass { visibility: hidden; pointer-events: none; }

/* Handy und Tablet hochkant: Unter der festen Kopfzeile bekommt das Zeichen einen eigenen Streifen über dem
   Kicker, statt hinter dem Text zu verblassen. Die Leinwand braucht dann nur die erste Bildschirmseite.
   Die Klassen fk-mit-zeichen und fk-mit-zeichen--<zeichen> setzt der Block selbst (kein :has(), siehe README
   „Feste Höhen“): Der Streifen steht vom ersten Bild an, die Seite springt nicht. */
@media (max-width: 52rem) {
  .fk-seitenkopf.fk-mit-zeichen { padding-top: calc(var(--header-hoehe) + var(--s-8) + 4.5rem); }
  /* runde Zeichen (Kreislauf) brauchen mehr Höhe, um als Kreislauf lesbar zu bleiben */
  .fk-seitenkopf.fk-mit-zeichen--kreislauf { padding-top: calc(var(--header-hoehe) + var(--s-8) + 7rem); }
  .fk-radar-buehne.fk-mit-zeichen { padding-top: calc(var(--header-hoehe) + var(--s-6) + 7rem); }
  canvas.fk-symbolstrudel { max-height: min(72rem, 100svh); }
}