/* Solange das Menü die ganze Fläche deckt, rollt die Seite darunter nicht. */
html.pp-menu-open{overflow:hidden}
@media (min-width:46.01rem){html.pp-menu-open{overflow:visible}}
/* Reiter. Ohne Skript stehen die Tafeln untereinander; mit Skript ist eine sichtbar
   (`behaviour.js`). Aussehen von Leiste und Reiter: das Muster — hier nur Bedienung. */
.o-tabs [role="tabpanel"][hidden], .o-tabs.is-tabbed [aria-labelledby][hidden] { display: none }
.o-tabs [role="tab"] { cursor: pointer; -webkit-user-select: none; user-select: none }
.o-tabs [role="tab"]:focus-visible { outline: 2px solid var(--primary, currentColor); outline-offset: 2px }
/* Die gezeigte Tafel blendet weich ein (2026-10-23, medieninfo.de) — nicht bei abbestellter Bewegung. */
@media (prefers-reduced-motion: no-preference) {
  .o-tabs.is-tabbed [aria-labelledby]:not([hidden]) { animation: pp-tab-in .35s ease-out }
}
@keyframes pp-tab-in { from { opacity: 0 } to { opacity: 1 } }