/* Mediadaten /werben/ – Bereiche als Tabs „Themenwelten“ (Stefan 12.10.2026, Auswahl Entwurf 05). Basis: mediadaten.css + Tokens. */
.smd-tabs .smd-tw ~ .smd-sprung, html.smd-js .smd-tabs .smd-sprung { display: none; }
/* Vor dem Skript (kein Aufblitzen): nur der Start-Bereich „Print“ (Magazin + Themenplan) */
html.smd-js .smd-tabs .smd > .smd-sek:not(#smd-magazin):not(#smd-themen) { display: none; }
.smd-tw__panel[hidden] { display: none !important; }
.smd-tw { overflow-anchor: none; } /* kein Mitspringen des Browsers beim Tauschen der Paneele */
.smd-tw__panel:focus { outline: none; }
.smd-tw__panel > .smd-sek:first-child { padding-top: var(--sw-s-xl, 48px); }
.smd-tw__tab, .smd-tw__akk { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; text-align: left; -webkit-tap-highlight-color: transparent; }
.smd-tw__tab:focus-visible, .smd-tw__akk:focus-visible { outline: 3px solid var(--sw-ink); outline-offset: 2px; }
.smd-tw__u { display: block; }

/* ---------- 05 · Themenwelten: fünf Gruppen als große Schalter ---------- */
.smd-tw--05 .smd-tw__nav { position: sticky; top: var(--sw-header, 64px); z-index: 5; display: grid; grid-auto-flow: column; grid-auto-columns: max-content; /* Breite nach Inhalt – Leiste ist wischbar (12.10.2026: Überlauf „Pakete & Service“) */ overflow-x: auto; scrollbar-width: none; margin: 0 calc(-1 * var(--sw-pad)); padding: 12px var(--sw-pad); gap: 8px; background: var(--sw-paper); border-bottom: 1.5px solid var(--sw-ink); }
.smd-tw--05 .smd-tw__nav::-webkit-scrollbar { display: none; }
.smd-tw--05 .smd-tw__tab { display: grid; gap: 4px; min-width: 150px; padding: 12px 14px 11px; background: var(--sw-ink); color: var(--sw-paper); white-space: nowrap; }
.smd-tw--05 .smd-tw__l { font-family: var(--sw-font-display); font-size: clamp(20px, 2vw, 26px); line-height: 1; text-transform: uppercase; white-space: nowrap; }
.smd-tw--05 .smd-tw__u { font-size: 12px; line-height: 1.3; opacity: .75; }
.smd-tw--05 .smd-tw__tab:hover { background: #2B2622; }
.smd-tw--05 .smd-tw__tab[aria-selected="true"] { background: var(--sw-word); color: var(--sw-ink); }
.smd-tw--05 .smd-tw__tab[aria-selected="true"] .smd-tw__u { opacity: 1; }
@media (min-width: 1200px) {
	.smd-tw--05 .smd-tw__nav { top: var(--sw-sticky, 60px); }
	.smd-tw--05 .smd-tw__nav { margin: 0; padding: 14px 0; grid-auto-flow: row; grid-template-columns: repeat(5, minmax(0, 1fr)); }
	/* fünf feste Spalten: Unterzeile darf umbrechen, Titel skaliert mit (kein Überlauf zwischen 1200 und 1280 px) */
	.smd-tw--05 .smd-tw__tab { min-width: 0; white-space: normal; align-content: start; }
	.smd-tw--05 .smd-tw__l { font-size: clamp(19px, 1.75vw, 26px); }
	.smd-tw--05 .smd-tw__u { overflow-wrap: anywhere; }
}