/*
 * Rechtliche Seiten: Seitenkopf wie der Rubrikkopf „Strip“ (Stefan 08.10.2026).
 * Werte übernommen aus assets/rubrik-entwuerfe.css (.rl-skopf, Musik live) – bei Änderungen dort hier nachziehen.
 */
.sw-seite__kopf.swr-skopf { padding-top: 64px; padding-bottom: 0; margin-bottom: var(--sw-s-xl); width: auto; max-width: none; margin-inline: 0; padding-inline: var(--sw-pad); } /* gleiche Rasterlinie wie Logo (auch ≥ 1600 px, Stefan 09.10.2026) */ /* Breite/Rand von .sw-seite__kopf */

/* Brotkrumen als Dachzeile wie im Artikel (.a2-dach): Archivo 700, Versal, .2em, Tinte; aktuelle Seite mit 3-px-Akzentlinie */
.swr-skopf .sw-breadcrumb { font-family: var(--sw-font-ui); font-stretch: 100%; font-weight: 700; font-size: var(--sw-fs-label); letter-spacing: .2em; line-height: 1; text-transform: uppercase; color: var(--sw-ink); }
.swr-skopf .sw-breadcrumb p { margin: 0; }
.swr-skopf .sw-breadcrumb a { color: inherit; text-decoration: none; padding-bottom: 3px; border-bottom: 3px solid transparent; transition: border-color .2s; }
.swr-skopf .sw-breadcrumb a:hover, .swr-skopf .sw-breadcrumb a:focus-visible { border-bottom-color: var(--sw-word); text-decoration: none; }
.swr-skopf .sw-breadcrumb .separator { margin-inline: 8px; color: var(--sw-text-2); }
.swr-skopf .sw-breadcrumb .last { padding-bottom: 3px; border-bottom: 3px solid var(--sw-word); } /* --sw-word: in der Farbwelt Papier dunkel statt unsichtbar (Audit 08.10.2026) */

.swr-skopf__zeile { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 32px; align-items: end; margin-top: 28px; padding-bottom: 32px; border-bottom: 2px solid var(--sw-ink); } /* Linie 2 px (Stefan 08.10.2026 freigegeben) */
.swr-skopf__marke { margin: 0; font-family: var(--sw-font-display); font-size: 84px; line-height: .8; text-transform: uppercase; font-weight: 400; font-synthesis: none; }
.swr-skopf__h1 { position: relative; top: 5px; margin: 0; font-family: var(--sw-font-ui); font-weight: 700; font-size: 22px; line-height: 1.25; }

/* robust bei langen Titeln/vielen Buttons (wie Strip, Audit 08.10.2026): Leiste nie breiter als die Zeile, sonst wischbar */
.swr-skopf__nav { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.swr-skopf__nav::-webkit-scrollbar { display: none; }
.swr-skopf__nav ul { width: max-content; display: flex; list-style: none; margin: 0; padding: 0; border: 1.5px solid var(--sw-ink); }
.swr-skopf__nav li { margin: 0; }
.swr-skopf__nav li + li { border-left: 1.5px solid var(--sw-ink); }
.swr-skopf__nav a { display: block; padding: 10px 16px 9px; color: var(--sw-ink); font-family: var(--sw-font-ui); font-weight: 800; font-stretch: 75%; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; white-space: nowrap; transition: background .2s, color .2s; }
.swr-skopf__nav a:hover, .swr-skopf__nav a:focus-visible { background: var(--sw-accent-soft); color: var(--sw-on-accent); }
.swr-skopf__nav a[aria-current], .swr-skopf__nav a[aria-current]:hover { background: var(--sw-ink); color: var(--sw-paper); }

/* Inhaltsspalte (Stefan 08.10.2026: „2 Raster breiter“): Desktop 8 von 12 Rasterspalten mittig (Sp. 3–10) statt 42rem ≈ 6 Spalten;
   Tablet volle Inhaltsbreite (8 von 8). Prozentwerte beziehen sich auf den vollbreiten <main>-Container. */
@media (min-width: 768px) {
	.sw-rechtsseite .e-con:has(> .elementor-widget-theme-post-content) { --content-width: 100%; max-width: none !important; width: min(100% - 2 * var(--sw-m), var(--sw-content-max)) !important; margin-inline: auto !important; padding-inline: 0 !important; }
}
@media (min-width: 1200px) {
	.sw-rechtsseite .e-con:has(> .elementor-widget-theme-post-content) { width: calc((min(100% - 2 * var(--sw-m), var(--sw-content-max)) - (var(--sw-cols) - 1) * var(--sw-gap)) / var(--sw-cols) * 8 + 7 * var(--sw-gap)) !important; }
}

@media (min-width: 1024px) {
	.swr-skopf__zeile { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 18px 32px; }
	.swr-skopf__marke { flex: none; }
	.swr-skopf__zeile > div { flex: 1 1 260px; min-width: 0; }
	.swr-skopf__nav { flex: 0 1 auto; min-width: 0; margin-left: auto; }
}
@media (max-width: 1199px) {
	.swr-skopf__marke { font-size: 72px; }
}
@media (max-width: 1023px) {
	.swr-skopf__zeile { grid-template-columns: auto minmax(0, 1fr); row-gap: 18px; }
	.swr-skopf__nav { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
	.sw-seite__kopf.swr-skopf { padding-top: 36px; margin-bottom: var(--sw-s-l); }
	.swr-skopf__zeile { grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 20px; padding-bottom: 22px; }
	.swr-skopf__marke { font-size: clamp(44px, 14vw, 60px); }
	.swr-skopf__marke--lang { font-size: clamp(36px, 11vw, 52px); } /* lange Marken (z. B. „Barrierefreiheit“) passen in 375 px */
	.swr-skopf__h1 { font-size: 18px; }
	.swr-skopf .sw-breadcrumb { line-height: 2; } /* umbrechende Brotkrumen: Akzentlinie läuft nicht durch die nächste Zeile */
	/* Buttons als 2×2-Raster statt Scrollleiste: alle sichtbar, aktive Seite nie abgeschnitten; Trennlinien über gap */
	.swr-skopf__nav ul { width: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 1.5px; background: var(--sw-ink); }
	.swr-skopf__nav li { background: var(--sw-paper); }
	.swr-skopf__nav li + li { border-left: 0; }
	.swr-skopf__nav li:last-child:nth-child(odd) { grid-column: 1 / -1; }
	.swr-skopf__nav a { padding: 11px 12px 10px; font-size: 12px; text-align: center; }
}