/*
 * Shouraki -- Säulenseiten
 *
 * Gilt ausschließlich unter .sk-saeule. Diese Klasse setzt page-saeule.php
 * zusammen mit .sk-inhalt auf den Artikel der Themenseiten (Säulen).
 *
 * Die wiederverwendbaren Bauteile der Inhaltsseiten -- Icon-Tokens,
 * Ausrichtung, Hervorhebungen im Fließtext, Faktenzeile, Tabelle,
 * Feinheiten -- stehen seit dem 2026-09-21 in assets/css/inhalt.css unter
 * .sk-inhalt. Diese Datei trägt zwei Teile, die nur die Säulen betreffen:
 *
 *   1. den Kursplan aus [sk_saeule_kursplan],
 *   2. seit dem 2026-09-25 die Bausteine der Optik D (Klassen sk-d-*),
 *      zusammen mit assets/js/saeule.js.
 *   3. seit dem 2026-10-03 den Mix aus den Entwürfen A bis D (Abschnitt
 *      D.17 am Ende); die Vergleichstabelle (D.7, D.15) ist entfallen.
 *
 * Keine Regel steht in beiden Dateien.
 *
 * Gestalt und Umklappen der Kursplan-Tabelle kommen aus inhalt.css: der
 * Kurzbefehl [sk_saeule_kursplan] gibt an Rollbereich, Tabelle, Titel und
 * Zusatz die generischen sk-tabelle*-Klassen zusätzlich zu den
 * kursplaneigenen aus.
 *
 * Reihenfolge beim Anmelden: inhalt.css zuerst -- Handle shouraki-inhalt,
 * abhängig von shouraki-main --, saeule.css danach mit shouraki-inhalt als
 * Abhängigkeit. Die Bausteine der Optik D setzen darauf: ihre Listen- und
 * Pseudo-Element-Regeln überschreiben die aus inhalt.css bei gleicher
 * Spezifität allein durch die spätere Stellung.
 *
 * Kein neues Designsystem: Farben, Schriften, Abstände, Radien und
 * Übergänge kommen aus den Tokens von main.css. main.css bleibt
 * unangetastet, und keine Regel dieser Datei kann eine Bestandsseite
 * treffen.
 */

/* ==========================================================================
   Kursplan -- was nur diese eine Tabelle betrifft

   Markup aus [sk_saeule_kursplan], Plugin shouraki-daten, includes/saeule.php.
   Alles Gestalterische an der Tabelle selbst steht in inhalt.css unter
   .sk-tabelle. Hier bleiben nur der Abstand der Bereiche und die drei
   Zelltypen, die es nur im Kursplan gibt: Uhrzeit, Leerwert, Kursseitenlink.
   ========================================================================== */

.sk-saeule .sk-kursplan {
	margin-block-start: var(--sk-cards-flow);
}

.sk-saeule .sk-kursplan__bereich + .sk-kursplan__bereich {
	margin-block-start: var(--sk-space-2xl);
}

.sk-saeule .sk-kursplan__zeit {
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
	color: var(--sk-color-text);
}

.sk-saeule .sk-kursplan__leer {
	color: var(--sk-color-text-dim);
}

.sk-saeule .sk-kursplan__link {
	font-size: var(--sk-fs-small);
}

/* ==========================================================================
   Optik D -- Bausteine der Säulenseiten (Nutzerentscheidung 2026-09-25)

   Vorlage: Entwurf D vom 2026-09-25 (Projektablage, pillar/).
   Markup aus Kernblöcken, erzeugt vom Inhaltsgenerator der Projektablage
   (Funktionen d_*) und als Blockmuster unter patterns/saeule-d-*.php.
   Beschreibung aller Klassen: BAUSTEINE-D.md in der Projektablage.

   Jede Klasse beginnt mit sk-d-. Der Hero trägt zusätzlich sk-hero--d,
   damit das Theme die Seite als Hero-Seite erkennt (Body-Klasse
   sk-has-hero, keine zweite H1); main.css hat keine Regel auf diese Klasse.

   Verhalten in assets/js/saeule.js. Das Skript setzt html.sk-d-js; alles,
   was ohne Skript nicht funktioniert (Filter, Punkte in der Tabelle,
   Knoten der Weg-Linie, Reiter), hängt an dieser Klasse. Ohne Skript steht
   der ganze Inhalt lesbar untereinander.

   Einblenden: saeule.js vergibt sk-d-rv nur an Elemente unterhalb des
   Sichtfensters und nimmt die Klasse nach dem Einblenden wieder ab, damit
   die Übergänge der Bausteine (Hover) danach wieder greifen. Der
   verborgene Zustand nutzt translate statt transform und schaltet den
   Weichzeichner mit ab. html.sk-anim-force (Renders) und reduzierte
   Bewegung zeigen sofort den Endzustand.

   Kein Klassenname enthält "reveal": das Render-Werkzeug erzwingt
   [class*="reveal"] pauschal.
   ========================================================================== */

.sk-saeule {
	--sk-d-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
	--sk-d-schraeg: linear-gradient(170deg, var(--sk-color-panel) 0%, var(--sk-color-bg) 70%);
	--sk-d-icon-seedling: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%2010a6%206%200%200%200%20-6%20-6h-3v2a6%206%200%200%200%206%206h3'/%3E%3Cpath%20d='M12%2014a6%206%200%200%201%206%20-6h3v1a6%206%200%200%201%20-6%206h-3'/%3E%3Cpath%20d='M12%2020l0%20-10'/%3E%3C/svg%3E");
	--sk-d-icon-hanger: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M14%206a2%202%200%201%200%20-4%200c0%201.667%20.67%203%202%204h-.008l7.971%204.428a2%202%200%200%201%201.029%201.749v.823a2%202%200%200%201%20-2%202h-14.001a2%202%200%200%201%20-2%20-2v-.823a2%202%200%200%201%201.029%20-1.749l7.971%20-4.428'/%3E%3C/svg%3E");
	--sk-d-icon-minimize: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5%209l4%200l0%20-4'/%3E%3Cpath%20d='M3%203l6%206'/%3E%3Cpath%20d='M5%2015l4%200l0%204'/%3E%3Cpath%20d='M3%2021l6%20-6'/%3E%3Cpath%20d='M19%209l-4%200l0%20-4'/%3E%3Cpath%20d='M15%209l6%20-6'/%3E%3Cpath%20d='M19%2015l-4%200l0%204'/%3E%3Cpath%20d='M15%2015l6%206'/%3E%3C/svg%3E");
	--sk-d-icon-down: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%2020l0%20-10'/%3E%3Cpath%20d='M12%2020l4%20-4'/%3E%3Cpath%20d='M12%2020l-4%20-4'/%3E%3Cpath%20d='M4%204l16%200'/%3E%3C/svg%3E");
	--sk-d-icon-sword: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20%204v5l-9%207l-4%204l-3%20-3l4%20-4l7%20-9z'/%3E%3Cpath%20d='M6.5%2011.5l6%206'/%3E%3C/svg%3E");
	--sk-d-icon-arrow-up-right: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M17%207l-10%2010'/%3E%3Cpath%20d='M8%207l9%200l0%209'/%3E%3C/svg%3E");
	--sk-d-icon-arrow-right: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5%2012l14%200'/%3E%3Cpath%20d='M13%2018l6%20-6'/%3E%3Cpath%20d='M13%206l6%206'/%3E%3C/svg%3E");
	--sk-d-icon-shirt: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M15%204l6%202v5h-3v8a1%201%200%200%201%20-1%201h-10a1%201%200%200%201%20-1%20-1v-8h-3v-5l6%20-2a3%203%200%200%200%206%200'/%3E%3C/svg%3E");
	--sk-d-icon-shoe: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%206h5.426a1%201%200%200%201%20.863%20.496l1.064%201.823a3%203%200%200%200%201.896%201.407l4.677%201.114a4%204%200%200%201%203.074%203.89v2.27a1%201%200%200%201%20-1%201h-16a1%201%200%200%201%20-1%20-1v-10a1%201%200%200%201%201%20-1z'/%3E%3Cpath%20d='M14%2013l1%20-2'/%3E%3Cpath%20d='M8%2018v-1a4%204%200%200%200%20-4%20-4h-1'/%3E%3Cpath%20d='M10%2012l1.5%20-3'/%3E%3C/svg%3E");
	--sk-d-icon-bottle: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M10%205h4v-2a1%201%200%200%200%20-1%20-1h-2a1%201%200%200%200%20-1%201v2z'/%3E%3Cpath%20d='M14%203.5c0%201.626%20.507%203.212%201.45%204.537l.05%20.07a8.093%208.093%200%200%201%201.5%204.694v6.199a2%202%200%200%201%20-2%202h-6a2%202%200%200%201%20-2%20-2v-6.2c0%20-1.682%20.524%20-3.322%201.5%20-4.693l.05%20-.07a7.823%207.823%200%200%200%201.45%20-4.537'/%3E%3Cpath%20d='M7%2014.803a2.4%202.4%200%200%200%201%20-.803a2.4%202.4%200%200%201%202%20-1a2.4%202.4%200%200%201%202%201a2.4%202.4%200%200%200%202%201a2.4%202.4%200%200%200%202%20-1a2.4%202.4%200%200%201%201%20-.805'/%3E%3C/svg%3E");
	--sk-d-icon-switch: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M16%203l4%204l-4%204'/%3E%3Cpath%20d='M10%207l10%200'/%3E%3Cpath%20d='M8%2013l-4%204l4%204'/%3E%3Cpath%20d='M4%2017l9%200'/%3E%3C/svg%3E");
	--sk-d-icon-refresh: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20%2011a8.1%208.1%200%200%200%20-15.5%20-2m-.5%20-4v4h4'/%3E%3Cpath%20d='M4%2013a8.1%208.1%200%200%200%2015.5%202m.5%204v-4h-4'/%3E%3C/svg%3E");
	--sk-d-icon-compass: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M8%2016l2%20-6l6%20-2l-2%206l-6%202'/%3E%3Cpath%20d='M3%2012a9%209%200%201%200%2018%200a9%209%200%201%200%20-18%200'/%3E%3C/svg%3E");
	--sk-d-icon-scale: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%2020l10%200'/%3E%3Cpath%20d='M6%206l6%20-1l6%201'/%3E%3Cpath%20d='M12%203l0%2017'/%3E%3Cpath%20d='M9%2012l-3%20-6l-3%206a3%203%200%200%200%206%200'/%3E%3Cpath%20d='M21%2012l-3%20-6l-3%206a3%203%200%200%200%206%200'/%3E%3C/svg%3E");
	--sk-d-icon-plus: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%205l0%2014'/%3E%3Cpath%20d='M5%2012l14%200'/%3E%3C/svg%3E");
	--sk-d-icon-user-star-gold: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23f7c948'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20%3E%20%3Cpath%20d='M8%207a4%204%200%201%200%208%200a4%204%200%200%200%20-8%200'%20/%3E%20%3Cpath%20d='M6%2021v-2a4%204%200%200%201%204%20-4h.5'%20/%3E%20%3Cpath%20d='M17.8%2020.817l-2.172%201.138a.392%20.392%200%200%201%20-.568%20-.41l.415%20-2.411l-1.757%20-1.707a.389%20.389%200%200%201%20.217%20-.665l2.428%20-.352l1.086%20-2.193a.392%20.392%200%200%201%20.702%200l1.086%202.193l2.428%20.352a.39%20.39%200%200%201%20.217%20.665l-1.757%201.707l.414%202.41a.39%20.39%200%200%201%20-.567%20.411l-2.172%20-1.138'%20/%3E%20%3C/svg%3E");
}

/* Icon je Klasse: jedes Element mit sk-d-i-<name> stellt --sk-d-icon
   bereit; das Pseudo-Element des Bausteins maskiert damit seine Fläche. */
.sk-saeule .sk-d-i-seedling { --sk-d-icon: var(--sk-d-icon-seedling); }
.sk-saeule .sk-d-i-calendar { --sk-d-icon: var(--sk-icon-calendar-week); }
.sk-saeule .sk-d-i-users { --sk-d-icon: var(--sk-icon-users-group); }
.sk-saeule .sk-d-i-hanger { --sk-d-icon: var(--sk-d-icon-hanger); }
.sk-saeule .sk-d-i-target { --sk-d-icon: var(--sk-icon-target-arrow); }
.sk-saeule .sk-d-i-minimize { --sk-d-icon: var(--sk-d-icon-minimize); }
.sk-saeule .sk-d-i-down { --sk-d-icon: var(--sk-d-icon-down); }
.sk-saeule .sk-d-i-sword { --sk-d-icon: var(--sk-d-icon-sword); }
.sk-saeule .sk-d-i-shirt { --sk-d-icon: var(--sk-d-icon-shirt); }
.sk-saeule .sk-d-i-shoe { --sk-d-icon: var(--sk-d-icon-shoe); }
.sk-saeule .sk-d-i-bottle { --sk-d-icon: var(--sk-d-icon-bottle); }
.sk-saeule .sk-d-i-switch { --sk-d-icon: var(--sk-d-icon-switch); }
.sk-saeule .sk-d-i-refresh { --sk-d-icon: var(--sk-d-icon-refresh); }
.sk-saeule .sk-d-i-shield { --sk-d-icon: var(--sk-icon-shield-check); }
.sk-saeule .sk-d-i-user-star { --sk-d-icon: var(--sk-icon-user-star); }
.sk-saeule .sk-d-i-compass { --sk-d-icon: var(--sk-d-icon-compass); }
.sk-saeule .sk-d-i-flag { --sk-d-icon: var(--sk-icon-flag); }
.sk-saeule .sk-d-i-scale { --sk-d-icon: var(--sk-d-icon-scale); }
.sk-saeule .sk-d-i-barbell { --sk-d-icon: var(--sk-icon-barbell); }
.sk-saeule .sk-d-i-building { --sk-d-icon: var(--sk-icon-building); }
.sk-saeule .sk-d-i-clock { --sk-d-icon: var(--sk-icon-clock); }

/* --------------------------------------------------------------------------
   D.1 Sektion, Kopf, Listen-Rückstellung
   -------------------------------------------------------------------------- */

.sk-saeule .entry-content > .sk-d-sektion {
	margin-block-start: 0;
}

.sk-saeule .sk-d-sektion {
	/* nullt den Gruppenfluss aus main.css für alle Kinder und Enkel */
	--sk-group-flow: 0;
	position: relative;
	padding: var(--sk-section-y) var(--sk-gutter);
}

.sk-saeule .sk-d-sektion > * {
	width: 100%;
	max-width: var(--sk-container);
	margin-inline: auto;
}

.sk-saeule .sk-d-sektion[id] {
	scroll-margin-block-start: var(--sk-header-height, 5rem);
}

.sk-saeule .sk-d-kopf {
	margin-block-end: clamp(1.75rem, 4vw, 2.75rem);
}

.sk-saeule .sk-d-kopf > * {
	max-width: 44rem;
}

.sk-saeule .entry-content .sk-d-eyebrow {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin: 0 0 1rem;
	font: 700 0.78rem/1 var(--sk-font-heading);
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--sk-color-gold);
}

.sk-saeule .entry-content .sk-d-eyebrow::before {
	content: "";
	flex: none;
	width: 28px;
	height: 2px;
	background: var(--sk-color-gold);
}

/* Nur block: der Kursfinder im Abschluss zentriert seine Überschrift mit
   margin-inline auto, das darf hier nicht wegfallen. */
.sk-saeule .entry-content .sk-d-sektion h2 {
	margin-block: 0;
	font-size: clamp(2rem, 6.2vw, 3rem);
	font-weight: 700;
	line-height: 1.02;
}

.sk-saeule .entry-content .sk-d-lead {
	margin-top: 1rem;
	font-size: clamp(1.02rem, 2.4vw, 1.14rem);
	line-height: 1.65;
	color: var(--sk-color-text-muted);
}

/* Alle Listen der Bausteine: ohne Haken aus inhalt.css, ohne Einzug. Die
   Bausteine setzen Einzug und Pseudo-Elemente danach selbst -- mit
   derselben Kette ".sk-saeule .entry-content ul.wp-block-list.<klasse>". */
.sk-saeule .entry-content ul.wp-block-list[class*="sk-d-"] {
	list-style: none;
	padding-inline-start: 0;
	gap: 0;
}

.sk-saeule .entry-content ul.wp-block-list[class*="sk-d-"] > li {
	padding-inline-start: 0;
}

.sk-saeule .entry-content ul.wp-block-list[class*="sk-d-"] > li::before {
	content: none;
}

.sk-saeule .entry-content .sk-d-textlink {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	font: 700 1rem/1.2 var(--sk-font-heading);
	letter-spacing: 0.02em;
	color: var(--sk-color-gold);
}

.sk-saeule .entry-content .sk-d-textlink a {
	color: inherit;
	text-decoration: none;
}

.sk-saeule .entry-content .sk-d-textlink::after {
	content: "";
	flex: none;
	width: 1.1em;
	height: 1.1em;
	background: currentColor;
	-webkit-mask: var(--sk-d-icon-arrow-right) center / contain no-repeat;
	mask: var(--sk-d-icon-arrow-right) center / contain no-repeat;
	transition: transform 0.25s var(--sk-d-ease);
}

.sk-saeule .entry-content .sk-d-textlink:hover::after,
.sk-saeule .sk-d-person:hover .sk-d-textlink::after {
	transform: translateX(4px);
}

/* --------------------------------------------------------------------------
   D.2 Einblenden beim Scrollen
   -------------------------------------------------------------------------- */

html.sk-d-js .sk-saeule .entry-content .sk-d-rv {
	transition:
		opacity 0.8s var(--sk-d-ease),
		translate 0.8s var(--sk-d-ease),
		filter 0.8s var(--sk-d-ease);
	transition-delay: calc(var(--sk-d-i, 0) * 70ms);
}

html.sk-d-js .sk-saeule .entry-content .sk-d-rv:not(.is-in) {
	opacity: 0;
	translate: 0 26px;
	filter: blur(6px);
}

/* --------------------------------------------------------------------------
   D.3 Hero: schräg angeschnittenes Foto, goldene Linie, Count-up darunter
   -------------------------------------------------------------------------- */

.sk-saeule .sk-d-hero {
	padding: 0;
	background: var(--sk-color-deep);
	isolation: isolate;
	overflow: hidden;
}

.sk-saeule .sk-d-hero > * {
	max-width: none;
}

.sk-saeule .sk-d-hero__bild {
	position: relative;
	height: clamp(270px, 72vw, 520px);
	margin: 0;
	overflow: hidden;
	clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%);
}

.sk-saeule .sk-d-hero__bild img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 18% 40%;
	border-radius: 0;
	transform-origin: 30% 60%;
}

.sk-saeule .sk-d-hero__bild::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(3, 6, 23, 0.55) 0%, rgba(3, 6, 23, 0) 28%, rgba(3, 6, 23, 0) 70%, rgba(3, 6, 23, 0.9) 100%);
}

@media (prefers-reduced-motion: no-preference) {
	.sk-saeule .sk-d-hero__bild img {
		animation: sk-d-kenburns 16s var(--sk-d-ease) both;
	}
}

@keyframes sk-d-kenburns {
	from { transform: scale(1.14); }
	to { transform: scale(1); }
}

.sk-saeule .sk-d-sektion > .sk-d-hero__inhalt {
	position: relative;
	z-index: 2;
	width: min(100% - 2 * var(--sk-gutter), var(--sk-container));
	margin: -2.25rem auto 0;
	padding-bottom: clamp(2.25rem, 6vw, 3.5rem);
}

.sk-saeule .entry-content .sk-d-pfad {
	margin: 0 0 1.25rem;
	font: 600 0.82rem/1 var(--sk-font-heading);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--sk-color-text-dim);
}

.sk-saeule .entry-content .sk-d-pfad a {
	color: inherit;
	text-decoration: none;
}

.sk-saeule .entry-content .sk-d-pfad a:hover {
	color: var(--sk-color-gold);
}

.sk-saeule .entry-content .sk-d-hero h1 {
	margin: 0 0 1.25rem;
	font-size: clamp(3rem, 13.5vw, 5.75rem);
	font-weight: 700;
	line-height: 0.9;
	letter-spacing: -0.015em;
}

.sk-saeule .entry-content .sk-d-hero h1 em {
	display: block;
	font-style: normal;
	background: linear-gradient(100deg, var(--sk-color-gold-light), var(--sk-color-gold) 40%, var(--sk-color-gold-deep));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.sk-saeule .entry-content .sk-d-hero .sk-d-lead {
	max-width: 34rem;
	margin: 0 0 1.75rem;
}

.sk-saeule .sk-d-knoepfe {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1.25rem 1.75rem;
}

.sk-saeule .sk-d-knopf .wp-block-button__link {
	position: relative;
	overflow: hidden;
	gap: 0.7rem;
	min-height: 3.25rem;
	padding: 0 1.5rem;
	border-radius: var(--sk-radius);
	font: 700 1.08rem/1 var(--sk-font-heading);
	letter-spacing: 0.02em;
	box-shadow: 0 10px 30px -12px rgba(247, 201, 72, 0.55);
	transition:
		transform 0.25s var(--sk-d-ease),
		box-shadow 0.25s var(--sk-d-ease);
}

/* Glanz, der beim Hover über den Knopf läuft */
.sk-saeule .sk-d-knopf .wp-block-button__link::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, 0.55) 50%, transparent 70%);
	transform: translateX(-120%);
	transition: transform 0.7s var(--sk-d-ease);
	pointer-events: none;
}

.sk-saeule .sk-d-knopf .wp-block-button__link::after {
	content: "";
	flex: none;
	width: 1.15em;
	height: 1.15em;
	background: currentColor;
	-webkit-mask: var(--sk-d-icon-arrow-right) center / contain no-repeat;
	mask: var(--sk-d-icon-arrow-right) center / contain no-repeat;
	transition: transform 0.25s var(--sk-d-ease);
}

.sk-saeule .sk-d-knopf .wp-block-button__link:is(:hover, :focus-visible) {
	transform: translateY(-2px);
	box-shadow: 0 16px 36px -12px rgba(247, 201, 72, 0.7);
}

.sk-saeule .sk-d-knopf .wp-block-button__link:is(:hover, :focus-visible)::before {
	transform: translateX(120%);
}

.sk-saeule .sk-d-knopf .wp-block-button__link:is(:hover, :focus-visible)::after {
	transform: translateX(3px);
}

/* Scroll-Hinweis: Maus-Umriss mit wanderndem Rad statt Knopffläche */
.sk-saeule .sk-d-cue .wp-block-button__link,
.sk-saeule .sk-d-cue .wp-block-button__link:is(:hover, :focus-visible) {
	position: relative;
	gap: 0.6rem;
	min-height: 0;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	font: 600 0.85rem/1 var(--sk-font-heading);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--sk-color-text-dim);
}

.sk-saeule .sk-d-cue .wp-block-button__link:is(:hover, :focus-visible) {
	color: var(--sk-color-heading);
}

.sk-saeule .sk-d-cue .wp-block-button__link::before {
	content: "";
	flex: none;
	width: 26px;
	height: 40px;
	border: 1.5px solid currentColor;
	border-radius: 13px;
}

.sk-saeule .sk-d-cue .wp-block-button__link::after {
	content: "";
	position: absolute;
	left: 13px;
	top: 8px;
	width: 3px;
	height: 8px;
	margin-left: -1.5px;
	border-radius: 2px;
	background: var(--sk-color-gold);
}

@media (prefers-reduced-motion: no-preference) {
	.sk-saeule .sk-d-cue .wp-block-button__link::after {
		animation: sk-d-cue 1.8s var(--sk-d-ease) infinite;
	}
}

@keyframes sk-d-cue {
	0% { transform: translateY(0); opacity: 1; }
	70% { transform: translateY(12px); opacity: 0; }
	100% { opacity: 0; }
}

@media (min-width: 1024px) {
	.sk-saeule .sk-d-hero {
		display: flex;
		align-items: center;
		min-height: clamp(600px, 80vh, 760px);
	}

	.sk-saeule .sk-d-hero::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: -1;
		background: radial-gradient(60% 70% at 12% 40%, rgba(22, 35, 63, 0.9), transparent 70%);
	}

	/* Goldene Doppellinie entlang der Schnittkante des Fotos */
	.sk-saeule .sk-d-hero::after {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 1;
		pointer-events: none;
		background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%20preserveAspectRatio='none'%3E%3Cline%20x1='56.01'%20y1='0'%20x2='47'%20y2='100'%20stroke='%23f7c948'%20stroke-width='2'%20vector-effect='non-scaling-stroke'/%3E%3Cline%20x1='54.2'%20y1='0'%20x2='45.2'%20y2='100'%20stroke='%23f7c948'%20stroke-opacity='.3'%20stroke-width='1'%20vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
	}

	/* width: auto hebt width: 100% aus der Sektionsregel auf, sonst wäre
	   die Box trotz inset links 47 % breiter als der Hero. */
	.sk-saeule .sk-d-hero__bild {
		position: absolute;
		inset: 0 0 0 47%;
		width: auto;
		height: auto;
		clip-path: polygon(17% 0, 100% 0, 100% 100%, 0 100%);
	}

	.sk-saeule .sk-d-hero__bild img {
		object-position: 0% 58%;
	}

	.sk-saeule .sk-d-hero__bild::after {
		background:
			linear-gradient(90deg, rgba(3, 6, 23, 0.55) 0%, rgba(3, 6, 23, 0) 30%),
			linear-gradient(0deg, rgba(3, 6, 23, 0.6) 0%, rgba(3, 6, 23, 0) 30%),
			linear-gradient(180deg, rgba(3, 6, 23, 0.6) 0%, rgba(3, 6, 23, 0) 22%);
	}

	.sk-saeule .sk-d-sektion > .sk-d-hero__inhalt {
		margin-top: 0;
		padding: 4.5rem 0 5rem;
	}

	.sk-saeule .sk-d-hero__inhalt > * {
		max-width: 35rem;
	}
}

@media (min-width: 1024px) and (prefers-reduced-motion: no-preference) {
	.sk-saeule .sk-d-hero::after {
		clip-path: inset(0 0 100% 0);
		animation: sk-d-zeichnen 1.4s 0.35s var(--sk-d-ease) forwards;
	}
}

@keyframes sk-d-zeichnen {
	to { clip-path: inset(0 0 0 0); }
}

/* Kennzahlen: saeule.js zählt die Zahl im strong hoch, Vor- und Nachsatz
   ("ab", "x") stehen klein daneben. */
.sk-saeule .sk-d-zahlen {
	padding-block: 0;
	background: var(--sk-color-panel);
	border-block: 1px solid var(--sk-color-border);
}

.sk-saeule .sk-d-zahlen::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -1px;
	height: 2px;
	background: linear-gradient(90deg, var(--sk-color-gold) 0%, rgba(247, 201, 72, 0) 60%);
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-zahlen__liste {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-block: 0;
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-zahlen__liste > li {
	padding: 1.05rem 1rem 1.15rem 0;
	border-bottom: 1px solid var(--sk-color-border-soft);
	font-size: 0.88rem;
	line-height: 1.45;
	color: var(--sk-color-text-muted);
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-zahlen__liste > li:nth-child(2n) {
	padding-left: 1.25rem;
	border-left: 1px solid var(--sk-color-border-soft);
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-zahlen__liste > li:nth-last-child(-n + 2) {
	border-bottom: 0;
}

.sk-saeule .entry-content .sk-d-zahlen__liste > li > strong {
	display: flex;
	align-items: baseline;
	gap: 0.35rem;
	margin-bottom: 0.5rem;
	font: 700 clamp(2.6rem, 11vw, 4.25rem)/1 var(--sk-font-heading);
	letter-spacing: -0.02em;
	font-variant-numeric: tabular-nums;
	color: var(--sk-color-gold);
}

.sk-saeule .entry-content .sk-d-zahl__zusatz {
	font-size: 0.42em;
	letter-spacing: 0.02em;
	color: var(--sk-color-gold-light);
}

@media (min-width: 1024px) {
	.sk-saeule .entry-content ul.wp-block-list.sk-d-zahlen__liste {
		grid-template-columns: repeat(4, 1fr);
	}

	.sk-saeule .entry-content ul.wp-block-list.sk-d-zahlen__liste > li,
	.sk-saeule .entry-content ul.wp-block-list.sk-d-zahlen__liste > li:nth-child(2n) {
		padding: 2rem 1.75rem 2.1rem;
		border-bottom: 0;
		border-left: 1px solid var(--sk-color-border-soft);
	}

	.sk-saeule .entry-content ul.wp-block-list.sk-d-zahlen__liste > li:first-child {
		padding-left: 0;
		border-left: 0;
	}
}

/* --------------------------------------------------------------------------
   D.4 Kurz gesagt: Text, Alterstabelle, Icon-Kacheln
   -------------------------------------------------------------------------- */

.sk-saeule .sk-d-kurz__raster {
	display: grid;
	gap: 1.75rem;
}

/* Nicht :not([class]): WordPress gibt Absätzen beim Rendern selbst die
   Klasse wp-block-paragraph. Gemeint sind alle Absätze ohne eigene
   D-Rolle (Eyebrow, Lead). */
.sk-saeule .entry-content .sk-d-kurz__text > p:not([class*="sk-d-"]) {
	margin-top: 1rem;
	color: var(--sk-color-text-muted);
}

.sk-saeule .sk-d-alter {
	display: flex;
	flex-direction: column;
	margin: 0;
	overflow: visible;
}

.sk-saeule .sk-d-alter .wp-element-caption {
	order: -1;
	margin: 0;
	padding-bottom: 0.75rem;
	text-align: left;
	font: 700 0.8rem/1 var(--sk-font-heading);
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--sk-color-text-dim);
}

.sk-saeule .sk-d-alter table {
	width: 100%;
	border-collapse: collapse;
	font-size: 1rem;
}

.sk-saeule .sk-d-alter :is(th, td) {
	padding: 0.85rem 0;
	border: 0;
	border-top: 1px solid var(--sk-color-border);
	background: none;
	text-align: left;
	vertical-align: baseline;
}

.sk-saeule .sk-d-alter tr:last-child :is(th, td) {
	border-bottom: 1px solid var(--sk-color-border);
}

.sk-saeule .sk-d-alter th {
	padding-right: 1rem;
	font: 400 1rem/1.55 var(--sk-font-body);
	color: var(--sk-color-text);
}

.sk-saeule .sk-d-alter th em {
	display: block;
	margin-top: 0.15rem;
	font-style: normal;
	font-size: 0.85rem;
	line-height: 1.45;
	color: var(--sk-color-text-dim);
}

.sk-saeule .sk-d-alter td {
	font: 700 1.5rem/1 var(--sk-font-heading);
	white-space: nowrap;
	text-align: right;
	color: var(--sk-color-gold);
}

.sk-saeule .sk-d-alter td em {
	font: 500 0.95rem/1 var(--sk-font-heading);
	font-style: normal;
	letter-spacing: 0.04em;
	color: var(--sk-color-text-dim);
}

.sk-saeule .sk-d-alter tbody tr {
	transition: background-color 0.25s;
}

.sk-saeule .sk-d-alter tbody tr:hover {
	background-color: rgba(22, 35, 63, 0.55);
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-kacheln {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	/* auto hält die Liste als direktes Kind der Sektion im Container */
	margin: 1.5rem auto 0;
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-kacheln > li {
	--sk-d-kt: 0.85rem;
	--sk-d-kx: 0.8rem;
	position: relative;
	padding: calc(var(--sk-d-kt) + 38px + 0.6rem) var(--sk-d-kx) 0.95rem;
	border: 1px solid var(--sk-color-border);
	border-radius: var(--sk-radius-lg);
	background: linear-gradient(160deg, var(--sk-color-panel-raised) 0%, var(--sk-color-panel) 75%);
	font-size: 0.86rem;
	line-height: 1.5;
	color: var(--sk-color-text-muted);
	transition:
		transform 0.35s var(--sk-d-ease),
		border-color 0.35s var(--sk-d-ease);
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-kacheln > li::before {
	content: "";
	position: absolute;
	inset: var(--sk-d-kt) auto auto var(--sk-d-kx);
	width: 38px;
	height: 38px;
	border-radius: var(--sk-radius);
	background: rgba(247, 201, 72, 0.1);
	-webkit-mask: none;
	mask: none;
	transition:
		background-color 0.35s var(--sk-d-ease),
		box-shadow 0.35s var(--sk-d-ease);
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-kacheln > li::after {
	content: "";
	position: absolute;
	top: calc(var(--sk-d-kt) + 7.5px);
	left: calc(var(--sk-d-kx) + 7.5px);
	width: 23px;
	height: 23px;
	background: var(--sk-color-gold);
	-webkit-mask: var(--sk-d-icon) center / contain no-repeat;
	mask: var(--sk-d-icon) center / contain no-repeat;
	transition: background-color 0.35s var(--sk-d-ease);
}

.sk-saeule .entry-content .sk-d-kacheln > li > strong {
	display: block;
	margin-bottom: 0.35rem;
	font: 700 1.12rem/1.15 var(--sk-font-heading);
	color: var(--sk-color-heading);
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-kacheln > li:hover {
	transform: translateY(-4px);
	border-color: rgba(247, 201, 72, 0.45);
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-kacheln > li:hover::before {
	background: var(--sk-color-gold);
	box-shadow: 0 0 0 6px rgba(247, 201, 72, 0.12);
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-kacheln > li:hover::after {
	background: var(--sk-color-ink);
}

@media (min-width: 720px) {
	.sk-saeule .entry-content ul.wp-block-list.sk-d-kacheln > li {
		--sk-d-kt: 1.35rem;
		--sk-d-kx: 1.25rem;
		padding-bottom: 1.45rem;
		font-size: 0.92rem;
	}
}

@media (min-width: 1024px) {
	.sk-saeule .sk-d-kurz__raster {
		grid-template-columns: 5fr 6fr;
		gap: 4.5rem;
		align-items: start;
	}

	.sk-saeule .entry-content ul.wp-block-list.sk-d-kacheln {
		grid-template-columns: repeat(4, 1fr);
		gap: 14px;
		margin-top: 3rem;
	}

	.sk-saeule .sk-d-alter td {
		font-size: 1.75rem;
	}
}

/* --------------------------------------------------------------------------
   D.5 Kurse: Schwerpunkt-Filter und Bento-Raster
   -------------------------------------------------------------------------- */

.sk-saeule .sk-d-kurse {
	background: var(--sk-d-schraeg);
}

/* Ohne Skript kein Filter: die Liste der Schwerpunkte wäre nur Text. */
.sk-saeule .sk-d-filter {
	display: none;
}

html.sk-d-js .sk-saeule .sk-d-filter {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0.85rem;
}

.sk-saeule .entry-content .sk-d-filter__titel {
	width: 100%;
	margin: 0 0.35rem 0 0;
	font: 700 0.78rem/1 var(--sk-font-heading);
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--sk-color-text-dim);
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-filter__liste {
	display: flex;
	flex-flow: row wrap;
	gap: 0.5rem;
	margin: 0;
}

.sk-saeule .sk-d-chip {
	appearance: none;
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.6rem 0.65rem;
	border: 1px solid var(--sk-color-border);
	border-radius: var(--sk-radius);
	background: rgba(15, 23, 42, 0.8);
	font: 600 0.9rem/1 var(--sk-font-heading);
	letter-spacing: 0.02em;
	color: var(--sk-color-text-muted);
	cursor: pointer;
	transition:
		background-color 0.25s,
		color 0.25s,
		border-color 0.25s;
}

.sk-saeule .sk-d-filter__liste > li[class*="sk-d-i-"] .sk-d-chip::before {
	content: "";
	flex: none;
	width: 1rem;
	height: 1rem;
	background: var(--sk-color-gold);
	-webkit-mask: var(--sk-d-icon) center / contain no-repeat;
	mask: var(--sk-d-icon) center / contain no-repeat;
}

.sk-saeule .sk-d-chip:hover {
	border-color: rgba(247, 201, 72, 0.5);
	color: var(--sk-color-heading);
}

.sk-saeule .sk-d-chip[aria-pressed="true"] {
	border-color: var(--sk-color-gold);
	background: var(--sk-color-gold);
	color: var(--sk-color-ink);
}

.sk-saeule .sk-d-filter__liste > li .sk-d-chip[aria-pressed="true"]::before {
	background: var(--sk-color-ink);
}

.sk-saeule .entry-content .sk-d-filter__zahl {
	margin: 0 auto 1.25rem;
	font-size: 0.88rem;
	color: var(--sk-color-text-dim);
}

.sk-saeule .entry-content .sk-d-filter__zahl b {
	font-weight: 700;
	color: var(--sk-color-gold);
}

@media (min-width: 720px) {
	.sk-saeule .entry-content .sk-d-filter__titel {
		width: auto;
	}

	.sk-saeule .sk-d-chip {
		padding: 0.65rem 0.9rem;
		font-size: 0.95rem;
		letter-spacing: 0.03em;
	}
}

.sk-saeule .sk-d-bento {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	counter-reset: sk-d-kachel;
}

.sk-saeule .sk-d-kachel {
	position: relative;
	isolation: isolate;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 184px;
	padding: 0.95rem;
	overflow: hidden;
	border: 1px solid var(--sk-color-border);
	border-radius: var(--sk-radius-lg);
	background: var(--sk-color-panel);
	color: var(--sk-color-heading);
	text-shadow: 0 1px 10px rgba(3, 6, 23, 0.85);
	counter-increment: sk-d-kachel;
	transition:
		opacity 0.45s var(--sk-d-ease),
		filter 0.45s var(--sk-d-ease),
		border-color 0.35s;
}

/* Laufende Nummer oben links, Pfeilfeld oben rechts */
.sk-saeule .sk-d-kachel::before {
	content: counter(sk-d-kachel, decimal-leading-zero);
	position: absolute;
	top: 0.8rem;
	left: 0.9rem;
	font: 700 0.8rem/1 var(--sk-font-heading);
	letter-spacing: 0.2em;
	color: var(--sk-color-gold);
	/* hält die Nummer auf hellen Fotos (Halle, Fenster) lesbar */
	text-shadow: 0 1px 6px rgba(4, 8, 18, 0.85), 0 0 2px rgba(4, 8, 18, 0.9);
}

.sk-saeule .sk-d-kachel::after {
	content: "";
	position: absolute;
	top: 0.6rem;
	right: 0.6rem;
	width: 38px;
	height: 38px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: var(--sk-radius);
	background: rgba(3, 6, 23, 0.55);
	transition:
		background-color 0.35s var(--sk-d-ease),
		border-color 0.35s var(--sk-d-ease);
}

.sk-saeule .sk-d-kachel__bild {
	position: absolute;
	inset: 0;
	z-index: -1;
	margin: 0;
}

.sk-saeule .sk-d-kachel__bild img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
	transition: transform 1s var(--sk-d-ease);
}

/* Abdunklung nach unten ... */
.sk-saeule .sk-d-kachel__bild::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(3, 6, 23, 0.1) 20%, rgba(3, 6, 23, 0.55) 55%, rgba(3, 6, 23, 0.95) 100%);
}

/* ... und ein Lichtkegel unter dem Mauszeiger (--mx/--my aus saeule.js) */
.sk-saeule .sk-d-kachel__bild::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	opacity: 0;
	background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%), rgba(247, 201, 72, 0.22), transparent 45%);
	transition: opacity 0.35s;
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-marken {
	display: flex;
	flex-flow: row wrap;
	gap: 0.35rem;
	margin: 0 0 0.5rem;
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-marken > li {
	padding: 0.35rem 0.45rem;
	border-radius: var(--sk-radius);
	background: rgba(247, 201, 72, 0.16);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	font: 700 0.68rem/1 var(--sk-font-heading);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--sk-color-gold-light);
}

.sk-saeule .entry-content .sk-d-kachel__titel {
	margin: 0;
	font-size: clamp(1.3rem, 5.4vw, 1.6rem);
	font-weight: 700;
	line-height: 1.02;
}

.sk-saeule .entry-content .sk-d-kachel__titel a {
	color: var(--sk-color-heading);
	text-decoration: none;
}

/* Der Titel-Link deckt die ganze Kachel ab */
.sk-saeule .entry-content .sk-d-kachel__titel a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
}

/* Pfeil im Feld oben rechts */
.sk-saeule .entry-content .sk-d-kachel__titel a::before {
	content: "";
	position: absolute;
	top: calc(0.6rem + 10px);
	right: calc(0.6rem + 10px);
	z-index: 1;
	width: 18px;
	height: 18px;
	background: var(--sk-color-heading);
	-webkit-mask: var(--sk-d-icon-arrow-up-right) center / contain no-repeat;
	mask: var(--sk-d-icon-arrow-up-right) center / contain no-repeat;
	transition:
		transform 0.45s var(--sk-d-ease),
		background-color 0.35s var(--sk-d-ease);
}

.sk-saeule .entry-content .sk-d-kachel__text {
	display: none;
	margin-top: 0.5rem;
	font-size: 0.9rem;
	line-height: 1.5;
	color: var(--sk-color-text);
}

.sk-saeule .entry-content .sk-d-kachel__meta {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	margin-top: 0.45rem;
	font: 600 0.86rem/1.2 var(--sk-font-heading);
	letter-spacing: 0.03em;
	color: var(--sk-color-text-muted);
}

.sk-saeule .entry-content .sk-d-kachel__meta::before {
	content: "";
	flex: none;
	width: 15px;
	height: 15px;
	background: var(--sk-color-gold);
	-webkit-mask: var(--sk-icon-users-group) center / contain no-repeat;
	mask: var(--sk-icon-users-group) center / contain no-repeat;
}

.sk-saeule .sk-d-kachel--gross,
.sk-saeule .sk-d-kachel--breit {
	grid-column: span 2;
}

.sk-saeule .sk-d-kachel--gross {
	min-height: 250px;
}

.sk-saeule .sk-d-kachel--breit {
	min-height: 236px;
}

.sk-saeule .entry-content .sk-d-kachel--breit .sk-d-kachel__text {
	display: block;
}

.sk-saeule .sk-d-kachel.is-dim {
	opacity: 0.28;
	filter: grayscale(1);
}

@media (min-width: 720px) {
	.sk-saeule .sk-d-bento {
		grid-auto-rows: 240px;
		gap: 14px;
	}

	.sk-saeule .sk-d-kachel,
	.sk-saeule .sk-d-kachel--gross,
	.sk-saeule .sk-d-kachel--breit {
		min-height: 0;
		padding: 1.25rem;
	}

	.sk-saeule .entry-content .sk-d-kachel__text {
		display: block;
	}

	.sk-saeule .sk-d-kachel--gross {
		grid-row: span 2;
	}
}

@media (min-width: 1024px) {
	.sk-saeule .sk-d-bento {
		grid-template-columns: repeat(4, 1fr);
		grid-auto-rows: 236px;
		grid-auto-flow: dense;
	}

	.sk-saeule .sk-d-kachel,
	.sk-saeule .sk-d-kachel--gross,
	.sk-saeule .sk-d-kachel--breit {
		padding: 1.4rem 1.5rem;
	}

	.sk-saeule .sk-d-kachel--breit-desktop {
		grid-column: span 2;
	}

	.sk-saeule .sk-d-kachel--hoch {
		grid-row: span 2;
	}

	.sk-saeule .entry-content .sk-d-kachel__titel {
		font-size: 1.75rem;
	}

	.sk-saeule .entry-content .sk-d-kachel--gross .sk-d-kachel__titel {
		font-size: clamp(2.5rem, 4vw, 3.25rem);
	}

	.sk-saeule .entry-content .sk-d-kachel--gross .sk-d-kachel__text {
		max-width: 30rem;
		font-size: 1rem;
	}

	/* Am Desktop deckt erst der Hover den Text der kleinen Kacheln auf */
	.sk-saeule .entry-content .sk-d-kachel:not(.sk-d-kachel--gross) .sk-d-kachel__text {
		max-height: 0;
		margin-top: 0;
		overflow: hidden;
		opacity: 0;
		transform: translateY(10px);
		transition:
			max-height 0.5s var(--sk-d-ease),
			opacity 0.4s var(--sk-d-ease),
			transform 0.5s var(--sk-d-ease),
			margin 0.5s var(--sk-d-ease);
	}

	.sk-saeule .entry-content .sk-d-kachel:is(:hover, :focus-within) .sk-d-kachel__text {
		max-height: 8rem;
		margin-top: 0.5rem;
		opacity: 1;
		transform: none;
	}

	.sk-saeule .sk-d-kachel:is(:hover, :focus-within) {
		border-color: rgba(247, 201, 72, 0.55);
	}

	.sk-saeule .sk-d-kachel:is(:hover, :focus-within) .sk-d-kachel__bild img {
		transform: scale(1.07);
	}

	.sk-saeule .sk-d-kachel:is(:hover, :focus-within) .sk-d-kachel__bild::after {
		background: linear-gradient(180deg, rgba(3, 6, 23, 0.25) 0%, rgba(3, 6, 23, 0.7) 45%, rgba(3, 6, 23, 0.97) 100%);
	}

	.sk-saeule .sk-d-kachel:is(:hover, :focus-within) .sk-d-kachel__bild::before {
		opacity: 1;
	}

	.sk-saeule .sk-d-kachel:is(:hover, :focus-within)::after {
		border-color: var(--sk-color-gold);
		background: var(--sk-color-gold);
	}

	.sk-saeule .entry-content .sk-d-kachel:is(:hover, :focus-within) .sk-d-kachel__titel a::before {
		background: var(--sk-color-ink);
		transform: rotate(45deg);
	}
}

/* Hinweis unter dem Raster (z. B. Frauenkurs auf einer anderen Säule) */
.sk-saeule .sk-d-hinweis {
	display: grid;
	grid-template-columns: 84px 1fr;
	gap: 0.3rem 1rem;
	align-items: start;
	margin-top: 14px;
	padding: 0.8rem;
	border: 1px solid var(--sk-color-border);
	border-left: 3px solid var(--sk-color-gold);
	border-radius: var(--sk-radius-lg);
	background: rgba(15, 23, 42, 0.85);
}

.sk-saeule .sk-d-hinweis__bild {
	grid-column: 1;
	grid-row: 1 / span 3;
	margin: 0;
}

.sk-saeule .sk-d-hinweis__bild img {
	width: 84px;
	height: 84px;
	object-fit: cover;
	border-radius: var(--sk-radius);
}

.sk-saeule .entry-content .sk-d-hinweis h3 {
	grid-column: 2;
	margin: 0;
	font-size: 1.15rem;
	font-weight: 700;
	line-height: 1.15;
}

.sk-saeule .entry-content .sk-d-hinweis p {
	grid-column: 2;
	font-size: 0.9rem;
	line-height: 1.5;
	color: var(--sk-color-text-muted);
}

.sk-saeule .entry-content .sk-d-hinweis p.sk-d-textlink {
	margin-top: 0.3rem;
	font-size: 0.95rem;
	color: var(--sk-color-gold);
}

@media (min-width: 720px) {
	.sk-saeule .sk-d-hinweis {
		grid-template-columns: 150px 1fr auto;
		column-gap: 1.5rem;
		align-items: center;
		padding: 1rem 1.5rem 1rem 1rem;
	}

	.sk-saeule .sk-d-hinweis__bild {
		grid-row: 1 / span 2;
	}

	.sk-saeule .sk-d-hinweis__bild img {
		width: 150px;
		height: 92px;
	}

	.sk-saeule .entry-content .sk-d-hinweis h3 {
		align-self: end;
	}

	.sk-saeule .entry-content .sk-d-hinweis p {
		align-self: start;
	}

	.sk-saeule .entry-content .sk-d-hinweis p.sk-d-textlink {
		grid-column: 3;
		grid-row: 1 / span 2;
		align-self: center;
		margin-top: 0;
	}
}

/* --------------------------------------------------------------------------
   D.6 Band: randloses Foto mit Parallaxe (--sk-d-py aus saeule.js)
   -------------------------------------------------------------------------- */

.sk-saeule .sk-d-band {
	height: clamp(340px, 56vw, 580px);
	padding: 0;
	overflow: hidden;
	background: var(--sk-color-deep);
}

.sk-saeule .sk-d-band > * {
	max-width: none;
}

.sk-saeule .sk-d-band__bild {
	position: absolute;
	inset: 0;
	margin: 0;
}

.sk-saeule .sk-d-band__bild img {
	position: absolute;
	left: 0;
	top: -12%;
	width: 100%;
	height: 124%;
	object-fit: cover;
	object-position: 50% 50%;
	border-radius: 0;
	transform: translate3d(0, var(--sk-d-py, 0px), 0);
	will-change: transform;
}

.sk-saeule .sk-d-band::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(90deg, rgba(11, 17, 30, 0.72) 0%, rgba(11, 17, 30, 0.35) 45%, rgba(11, 17, 30, 0) 70%),
		linear-gradient(180deg, var(--sk-color-bg) 0%, rgba(11, 17, 30, 0) 22%, rgba(11, 17, 30, 0.15) 50%, rgba(11, 17, 30, 0.92) 100%);
}

.sk-saeule .sk-d-sektion > .sk-d-band__inhalt {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	bottom: clamp(20px, 4vw, 52px);
	width: min(100% - 2 * var(--sk-gutter), var(--sk-container));
	margin-inline: auto;
}

.sk-saeule .entry-content .sk-d-band__zeile {
	margin: 0;
	font: 700 clamp(2.4rem, 1.2rem + 5vw, 5.25rem)/0.95 var(--sk-font-heading);
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: transparent;
	-webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.88);
}

.sk-saeule .entry-content .sk-d-band__zeile strong {
	font-weight: 700;
	color: var(--sk-color-gold);
	-webkit-text-stroke: 0;
}

.sk-saeule .entry-content .sk-d-band__satz {
	max-width: 36rem;
	margin-top: 1rem;
	font-size: 0.95rem;
	line-height: 1.55;
	color: var(--sk-color-text);
	text-shadow: 0 1px 12px rgba(3, 6, 23, 0.8);
}

@media (min-width: 1024px) {
	.sk-saeule .entry-content .sk-d-band__satz {
		font-size: 1.05rem;
	}
}

/* --------------------------------------------------------------------------
   D.8 Weg: Stationen mit mitlaufender Linie. saeule.js setzt die Knoten
   (01, 02, ...) und das SVG ein und berechnet den Pfad bei jeder
   Größenänderung neu.
   -------------------------------------------------------------------------- */

.sk-saeule .sk-d-weg {
	background:
		radial-gradient(1200px 600px at 85% 0%, rgba(247, 201, 72, 0.05), transparent 60%),
		var(--sk-color-bg);
}

.sk-saeule .sk-d-bahn {
	position: relative;
	display: grid;
	gap: 1.9rem;
}

.sk-saeule .sk-d-weg__svg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 100%;
	max-width: none;
	height: 100%;
	overflow: visible;
	pointer-events: none;
}

.sk-saeule .sk-d-weg__spur {
	fill: none;
	stroke: #26344d;
	stroke-width: 2;
	stroke-dasharray: 2 8;
	stroke-linecap: round;
}

.sk-saeule .sk-d-weg__linie {
	fill: none;
	stroke-width: 3;
	stroke-linecap: round;
	filter: drop-shadow(0 0 6px rgba(247, 201, 72, 0.45));
}

.sk-saeule .sk-d-weg__punkt {
	fill: var(--sk-color-gold-light);
}

.sk-saeule .sk-d-weg__halo {
	fill: rgba(247, 201, 72, 0.22);
}

@media (prefers-reduced-motion: no-preference) {
	.sk-saeule .sk-d-weg__halo {
		animation: sk-d-puls 1.8s ease-in-out infinite;
	}
}

@keyframes sk-d-puls {
	0%, 100% { r: 10px; }
	50% { r: 16px; }
}

/* Ohne Skript: Bild und Text untereinander */
.sk-saeule .sk-d-station {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 0.9rem;
}

html.sk-d-js .sk-saeule .sk-d-station {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	column-gap: 14px;
	row-gap: 0.9rem;
}

.sk-saeule .sk-d-station__knoten {
	position: relative;
	z-index: 2;
	grid-column: 1;
	grid-row: 1 / span 2;
	align-self: start;
	justify-self: center;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border: 2px solid var(--sk-color-border);
	border-radius: 50%;
	background: var(--sk-color-bg);
	font: 700 1rem/1 var(--sk-font-heading);
	letter-spacing: 0.04em;
	color: var(--sk-color-text-dim);
	transition:
		background-color 0.45s,
		color 0.45s,
		border-color 0.45s,
		box-shadow 0.45s,
		transform 0.45s var(--sk-d-ease);
}

.sk-saeule .sk-d-station.is-aktiv .sk-d-station__knoten {
	border-color: var(--sk-color-gold);
	background: var(--sk-color-gold);
	color: var(--sk-color-ink);
	box-shadow: 0 0 0 6px rgba(247, 201, 72, 0.14), 0 0 28px rgba(247, 201, 72, 0.45);
	transform: scale(1.06);
}

.sk-saeule .sk-d-station__bild {
	position: relative;
	grid-column: 2;
	grid-row: 1;
	margin: 0;
	overflow: hidden;
	aspect-ratio: 2 / 1;
	border-radius: var(--sk-radius-lg);
	background: var(--sk-color-panel);
}

.sk-saeule .sk-d-station__bild img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
	transition: transform 1.6s var(--sk-d-ease);
}

/* Abdeckung statt clip-path: das Bild selbst bleibt sichtbar, damit der
   Browser das lazy geladene Bild auch wirklich lädt. */
.sk-saeule .sk-d-station__bild::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, var(--sk-color-panel), var(--sk-color-panel-raised));
	transform: scaleX(0);
	transform-origin: 100% 50%;
	transition: transform 1.1s var(--sk-d-ease);
}

.sk-saeule .sk-d-station__bild::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	border: 1px solid rgba(247, 201, 72, 0);
	border-radius: var(--sk-radius-lg);
	pointer-events: none;
	transition: border-color 0.8s 0.3s;
}

.sk-saeule .sk-d-station.is-aktiv .sk-d-station__bild::before {
	border-color: rgba(247, 201, 72, 0.45);
}

html.sk-d-js .sk-saeule .sk-d-station__bild.sk-d-deck:not(.is-in)::after {
	transform: scaleX(1);
}

html.sk-d-js .sk-saeule .sk-d-station__bild.sk-d-deck:not(.is-in) img {
	transform: scale(1.12);
}

.sk-saeule .sk-d-station__text {
	grid-column: 2;
	grid-row: 2;
	min-width: 0;
}

.sk-saeule .entry-content .sk-d-station__text .sk-d-eyebrow {
	display: none;
	margin-bottom: 0.55rem;
}

.sk-saeule .entry-content .sk-d-station__text h3 {
	margin: 0 0 0.5rem;
	font-size: clamp(1.35rem, 4.6vw, 1.75rem);
	font-weight: 700;
	line-height: 1.1;
}

.sk-saeule .entry-content .sk-d-station__text p:not(.sk-d-eyebrow) {
	font-size: 0.96rem;
	color: var(--sk-color-text-muted);
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-station__marken {
	display: flex;
	flex-flow: row wrap;
	gap: 0.4rem;
	margin: 0.85rem 0 0;
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-station__marken > li {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.4rem 0.6rem;
	border: 1px solid var(--sk-color-border);
	border-radius: var(--sk-radius);
	background: var(--sk-color-panel);
	font: 600 0.88rem/1 var(--sk-font-heading);
	color: var(--sk-color-text);
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-station__marken > li::before {
	content: "";
	position: static;
	flex: none;
	width: 16px;
	height: 16px;
	background: var(--sk-color-gold);
	-webkit-mask: var(--sk-d-icon) center / contain no-repeat;
	mask: var(--sk-d-icon) center / contain no-repeat;
}

/* Tablet: Bild und Text nebeneinander statt breiter Bilder untereinander */
@media (min-width: 720px) and (max-width: 959px) {
	.sk-saeule .sk-d-bahn {
		gap: 2.75rem;
	}

	html.sk-d-js .sk-saeule .sk-d-station {
		grid-template-columns: 44px minmax(0, 1fr) minmax(0, 1fr);
		column-gap: 20px;
		align-items: start;
	}

	.sk-saeule .sk-d-station__knoten {
		grid-row: 1;
	}

	.sk-saeule .sk-d-station__bild {
		aspect-ratio: 4 / 3;
	}

	.sk-saeule .sk-d-station__text {
		grid-column: 3;
		grid-row: 1;
	}

	.sk-saeule .entry-content .sk-d-station__text .sk-d-eyebrow {
		display: flex;
	}
}

/* Desktop: Stationen abwechselnd links und rechts der Linie */
@media (min-width: 960px) {
	.sk-saeule .sk-d-bahn {
		gap: 4.25rem;
	}

	html.sk-d-js .sk-saeule .sk-d-station {
		grid-template-columns: 1.3fr 104px 1fr;
		gap: 0;
		align-items: start;
	}

	html.sk-d-js .sk-saeule .sk-d-station:nth-child(even) {
		grid-template-columns: 1fr 104px 1.3fr;
	}

	.sk-saeule .sk-d-station__knoten {
		grid-column: 2;
		grid-row: 1;
		width: 52px;
		height: 52px;
		margin-top: 6px;
		font-size: 1.125rem;
	}

	.sk-saeule .sk-d-station__bild {
		grid-column: 1;
		aspect-ratio: 16 / 10;
	}

	.sk-saeule .sk-d-station__bild::after {
		transform-origin: 0 50%;
	}

	.sk-saeule .sk-d-station__text {
		grid-column: 3;
		grid-row: 1;
		padding-top: 0.35rem;
	}

	.sk-saeule .sk-d-station:nth-child(even) .sk-d-station__bild {
		grid-column: 3;
	}

	.sk-saeule .sk-d-station:nth-child(even) .sk-d-station__bild::after {
		transform-origin: 100% 50%;
	}

	.sk-saeule .sk-d-station:nth-child(even) .sk-d-station__text {
		grid-column: 1;
		text-align: right;
	}

	.sk-saeule .entry-content .sk-d-station__text .sk-d-eyebrow {
		display: flex;
	}

	.sk-saeule .entry-content .sk-d-station:nth-child(even) .sk-d-eyebrow {
		justify-content: flex-end;
	}

	.sk-saeule .entry-content .sk-d-station:nth-child(even) .sk-d-eyebrow::before {
		order: 2;
	}

	.sk-saeule .entry-content .sk-d-station:nth-child(even) ul.wp-block-list.sk-d-station__marken {
		justify-content: flex-end;
	}

	.sk-saeule .entry-content .sk-d-station__text p:not(.sk-d-eyebrow) {
		font-size: 1rem;
	}
}

/* --------------------------------------------------------------------------
   D.9 Reiter (Einsteiger / Umsteiger / Rückkehrer). saeule.js baut die
   Reiterleiste aus den Namen; ohne Skript stehen alle Reiter untereinander.
   -------------------------------------------------------------------------- */

.sk-saeule .sk-d-wege {
	overflow: hidden;
	background: var(--sk-d-schraeg);
}

.sk-saeule .entry-content .sk-d-tabs__frage {
	margin-bottom: 1rem;
	font: 700 0.78rem/1 var(--sk-font-heading);
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--sk-color-text-dim);
}

.sk-saeule .sk-d-tabs.is-tabs .sk-d-tabs__frage {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.sk-saeule .sk-d-tab {
	display: grid;
	gap: 1.25rem;
}

.sk-saeule .sk-d-tab + .sk-d-tab {
	margin-top: 2.5rem;
}

.sk-saeule .sk-d-tabs.is-tabs .sk-d-tab + .sk-d-tab {
	margin-top: 0;
}

.sk-saeule .sk-d-tab[hidden] {
	display: none;
}

.sk-saeule .entry-content .sk-d-tab__name {
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font: 700 1.05rem/1.1 var(--sk-font-heading);
	color: var(--sk-color-heading);
}

.sk-saeule .entry-content .sk-d-tab__name::before {
	content: "";
	flex: none;
	width: 22px;
	height: 22px;
	background: var(--sk-color-gold);
	-webkit-mask: var(--sk-d-icon) center / contain no-repeat;
	mask: var(--sk-d-icon) center / contain no-repeat;
}

.sk-saeule .sk-d-tabs.is-tabs .sk-d-tab__name {
	display: none;
}

.sk-saeule .sk-d-tabliste {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin-bottom: 1.5rem;
	border-bottom: 1px solid var(--sk-color-border);
}

.sk-saeule .sk-d-tabknopf {
	appearance: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.45rem;
	padding: 0.9rem 0.25rem 1rem;
	border: 0;
	background: none;
	font: 700 1rem/1.1 var(--sk-font-heading);
	letter-spacing: 0.02em;
	color: var(--sk-color-text-dim);
	cursor: pointer;
	transition: color 0.3s;
}

.sk-saeule .sk-d-tabknopf::before {
	content: "";
	flex: none;
	width: 24px;
	height: 24px;
	background: currentColor;
	-webkit-mask: var(--sk-d-icon) center / contain no-repeat;
	mask: var(--sk-d-icon) center / contain no-repeat;
}

.sk-saeule .sk-d-tabknopf[aria-selected="true"] {
	color: var(--sk-color-heading);
}

.sk-saeule .sk-d-tabknopf[aria-selected="true"]::before {
	background: var(--sk-color-gold);
}

.sk-saeule .sk-d-tabbalken {
	position: absolute;
	left: 0;
	bottom: -1px;
	width: var(--w, 33.33%);
	height: 3px;
	background: var(--sk-color-gold);
	box-shadow: 0 0 12px rgba(247, 201, 72, 0.5);
	transform: translateX(var(--x, 0));
	transition:
		transform 0.5s var(--sk-d-ease),
		width 0.5s var(--sk-d-ease);
}

.sk-saeule .sk-d-tab__bild {
	position: relative;
	margin: 0;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	border-radius: var(--sk-radius-lg);
	background: var(--sk-color-panel);
}

.sk-saeule .sk-d-tab__bild img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
}

.sk-saeule .sk-d-tab__bild::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, var(--sk-color-panel), var(--sk-color-panel-raised));
	transform: scaleX(0);
	transform-origin: 100% 50%;
}

.sk-saeule .sk-d-tab.is-enter .sk-d-tab__bild::after {
	animation: sk-d-decke 0.8s var(--sk-d-ease) both;
}

.sk-saeule .sk-d-tab.is-enter .sk-d-tab__text {
	animation: sk-d-steigen 0.7s 0.15s var(--sk-d-ease) both;
}

@keyframes sk-d-decke {
	from { transform: scaleX(1); }
	to { transform: scaleX(0); }
}

@keyframes sk-d-steigen {
	from { opacity: 0; transform: translateY(18px); }
	to { opacity: 1; transform: none; }
}

.sk-saeule .entry-content .sk-d-tab__text h3 {
	margin: 0 0 0.8rem;
	font-size: clamp(1.55rem, 5vw, 2.1rem);
	font-weight: 700;
	line-height: 1.05;
}

.sk-saeule .entry-content .sk-d-tab__text p {
	color: var(--sk-color-text-muted);
}

.sk-saeule .entry-content .sk-d-tab__text p + p {
	margin-top: 0.9rem;
}

.sk-saeule .entry-content .sk-d-tab__text p.sk-d-kern {
	position: relative;
	margin-top: 1.1rem;
	padding: 0.9rem 1rem 0.9rem 2.85rem;
	border: 1px solid var(--sk-color-border);
	border-left: 3px solid var(--sk-color-gold);
	border-radius: var(--sk-radius);
	background: rgba(3, 6, 23, 0.45);
	font-size: 0.95rem;
	color: var(--sk-color-text);
}

.sk-saeule .entry-content .sk-d-tab__text p.sk-d-kern::before {
	content: "";
	position: absolute;
	left: 1rem;
	top: 1.05rem;
	width: 1.25em;
	height: 1.25em;
	background: var(--sk-color-gold);
	-webkit-mask: var(--sk-d-icon) center / contain no-repeat;
	mask: var(--sk-d-icon) center / contain no-repeat;
}

@media (min-width: 720px) {
	.sk-saeule .sk-d-tabknopf {
		flex-direction: row;
		justify-content: center;
		gap: 0.6rem;
		font-size: 1.15rem;
	}
}

@media (min-width: 1024px) {
	.sk-saeule .sk-d-tab {
		grid-template-columns: 6fr 5fr;
		gap: 3.5rem;
		align-items: center;
	}

	.sk-saeule .sk-d-tabliste {
		max-width: 640px;
	}

	.sk-saeule .sk-d-tab__bild {
		aspect-ratio: 4 / 3;
	}
}

/* --------------------------------------------------------------------------
   D.10 Trainer: Karten mit Link auf /trainer/<slug>/, dazu die Team-Kachel
   -------------------------------------------------------------------------- */

.sk-saeule .sk-d-trainer__raster {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}

.sk-saeule .sk-d-person {
	position: relative;
	isolation: isolate;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--sk-color-border);
	border-radius: var(--sk-radius-lg);
	background: var(--sk-color-panel);
	transition:
		border-color 0.35s var(--sk-d-ease),
		transform 0.35s var(--sk-d-ease);
}

.sk-saeule .sk-d-person--chef {
	padding-bottom: 1.1rem;
}

.sk-saeule .sk-d-person--chef > :not(figure) {
	padding-inline: 0.9rem;
}

.sk-saeule .sk-d-person--chef > figure + * {
	margin-top: -2rem;
}

.sk-saeule .sk-d-person::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	background: var(--sk-color-gold);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.45s var(--sk-d-ease);
}

.sk-saeule .sk-d-person:is(:hover, :focus-within) {
	border-color: rgba(247, 201, 72, 0.45);
	transform: translateY(-3px);
}

.sk-saeule .sk-d-person:is(:hover, :focus-within)::after {
	transform: scaleX(1);
}

/* z-index -1 im isolierten Kasten: das Bild liegt hinter dem Text, der mit
   negativem Abstand hineinragt. */
.sk-saeule .sk-d-person__bild {
	position: relative;
	z-index: -1;
	margin: 0;
	overflow: hidden;
	aspect-ratio: 16 / 9;
}

.sk-saeule .sk-d-person__bild img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 30%;
	border-radius: 0;
	filter: saturate(0.4) contrast(1.05);
	transition:
		filter 0.5s,
		transform 0.8s var(--sk-d-ease);
}

.sk-saeule .sk-d-person:is(:hover, :focus-within) .sk-d-person__bild img {
	filter: none;
	transform: scale(1.05);
}

.sk-saeule .sk-d-person__bild::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(15, 23, 42, 0) 45%, rgba(15, 23, 42, 1) 100%);
}

.sk-saeule .entry-content .sk-d-person__rolle {
	font: 700 0.72rem/1.3 var(--sk-font-heading);
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--sk-color-gold);
}

.sk-saeule .entry-content .sk-d-person__name {
	margin: 0.4rem 0 0.5rem;
	font-size: 1.45rem;
	font-weight: 700;
	line-height: 1.05;
}

.sk-saeule .entry-content .sk-d-person__name a {
	color: var(--sk-color-heading);
	text-decoration: none;
}

/* Der Name deckt die ganze Karte ab */
.sk-saeule .entry-content .sk-d-person__name a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
}

.sk-saeule .entry-content .sk-d-person__text {
	font-size: 0.88rem;
	line-height: 1.5;
	color: var(--sk-color-text-muted);
}

.sk-saeule .entry-content .sk-d-person .sk-d-textlink {
	margin-top: auto;
	padding-top: 0.9rem;
	font-size: 0.95rem;
}

.sk-saeule .sk-d-person--team {
	justify-content: flex-end;
	padding: 1rem 0.9rem 1.1rem;
	background: linear-gradient(160deg, var(--sk-color-panel-raised), var(--sk-color-panel));
}

.sk-saeule .sk-d-person--team::before {
	content: "";
	flex: none;
	width: 38px;
	height: 38px;
	margin-bottom: auto;
	border-radius: var(--sk-radius);
	background:
		var(--sk-d-icon-user-star-gold) center / 23px no-repeat,
		rgba(247, 201, 72, 0.1);
}

.sk-saeule .entry-content .sk-d-person--team .sk-d-person__name {
	margin: 1rem 0 0.45rem;
	font-size: 1.3rem;
	line-height: 1.1;
}

.sk-saeule .entry-content .sk-d-person--team .sk-d-textlink {
	margin-top: 0;
}

@media (min-width: 720px) {
	.sk-saeule .sk-d-trainer__raster {
		grid-template-columns: 3fr 2fr;
		gap: 14px;
	}

	.sk-saeule .sk-d-person--chef {
		padding-bottom: 1.35rem;
	}

	.sk-saeule .sk-d-person--chef > :not(figure) {
		padding-inline: 1.25rem;
	}

	.sk-saeule .sk-d-person--team {
		padding: 1.35rem 1.25rem;
	}

	.sk-saeule .entry-content .sk-d-person__text {
		font-size: 0.93rem;
	}
}

@media (min-width: 1024px) {
	.sk-saeule .sk-d-trainer__raster {
		grid-template-columns: 2fr 1fr;
	}

	.sk-saeule .entry-content .sk-d-person--chef .sk-d-person__name {
		font-size: 2.4rem;
	}

	.sk-saeule .entry-content .sk-d-person--chef .sk-d-person__text {
		max-width: 32rem;
		font-size: 1rem;
	}
}

/* --------------------------------------------------------------------------
   D.11 Fragen mit Ratgeber-Kasten. Die details kommen aus [sk_faq]; die
   Gestaltung hängt am Behälter, nicht an der Klasse der Einträge.
   -------------------------------------------------------------------------- */

.sk-saeule .sk-d-fragen {
	background: var(--sk-color-panel);
}

.sk-saeule .sk-d-fragen__raster {
	display: grid;
	gap: 2rem;
}

.sk-saeule .sk-d-ratgeber {
	margin-top: 1.75rem;
	padding: 1.25rem;
	border: 1px solid var(--sk-color-border);
	border-radius: var(--sk-radius-lg);
	background: var(--sk-color-bg);
}

.sk-saeule .entry-content .sk-d-ratgeber h3 {
	margin: 0 0 0.35rem;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.15;
}

.sk-saeule .entry-content .sk-d-ratgeber > p {
	margin-bottom: 0.75rem;
	font-size: 0.9rem;
	color: var(--sk-color-text-muted);
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-ratgeber__liste {
	display: block;
	margin: 0;
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-ratgeber__liste > li {
	position: relative;
	isolation: isolate;
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-ratgeber__liste > li + li {
	border-top: 1px solid var(--sk-color-border);
}

/* Das getönte Feld hinter dem Icon */
.sk-saeule .entry-content ul.wp-block-list.sk-d-ratgeber__liste > li::before {
	content: "";
	position: absolute;
	inset: 50% auto auto 0;
	z-index: -1;
	width: 36px;
	height: 36px;
	border-radius: var(--sk-radius);
	background: rgba(247, 201, 72, 0.1);
	translate: 0 -50%;
	-webkit-mask: none;
	mask: none;
}

.sk-saeule .entry-content .sk-d-ratgeber__liste a {
	display: grid;
	grid-template-columns: 36px 1fr 18px;
	column-gap: 0.8rem;
	align-items: center;
	padding: 0.8rem 0;
	color: var(--sk-color-heading);
	text-decoration: none;
}

.sk-saeule .entry-content .sk-d-ratgeber__liste a::before {
	content: "";
	grid-column: 1;
	grid-row: 1 / span 2;
	justify-self: center;
	width: 22px;
	height: 22px;
	background: var(--sk-color-gold);
	-webkit-mask: var(--sk-d-icon) center / contain no-repeat;
	mask: var(--sk-d-icon) center / contain no-repeat;
}

.sk-saeule .entry-content .sk-d-ratgeber__liste a::after {
	content: "";
	grid-column: 3;
	grid-row: 1 / span 2;
	width: 18px;
	height: 18px;
	background: var(--sk-color-text-dim);
	-webkit-mask: var(--sk-d-icon-arrow-right) center / contain no-repeat;
	mask: var(--sk-d-icon-arrow-right) center / contain no-repeat;
	transition:
		transform 0.25s var(--sk-d-ease),
		background-color 0.25s;
}

.sk-saeule .entry-content .sk-d-ratgeber__liste a:hover::after {
	background: var(--sk-color-gold);
	transform: translateX(4px);
}

.sk-saeule .entry-content .sk-d-ratgeber__liste a strong {
	grid-column: 2;
	grid-row: 1;
	font: 700 1.05rem/1.2 var(--sk-font-heading);
	color: var(--sk-color-heading);
}

.sk-saeule .entry-content .sk-d-ratgeber__liste a em {
	display: none;
	grid-column: 2;
	grid-row: 2;
	margin-top: 0.15rem;
	font-style: normal;
	font-size: 0.84rem;
	line-height: 1.4;
	color: var(--sk-color-text-dim);
}

@media (min-width: 720px) {
	.sk-saeule .entry-content .sk-d-ratgeber__liste a em {
		display: block;
	}
}

.sk-saeule .sk-d-fragen__liste {
	border-top: 1px solid var(--sk-color-border);
}

.sk-saeule .sk-d-fragen__liste details {
	margin: 0;
	border-bottom: 1px solid var(--sk-color-border);
}

.sk-saeule .sk-d-fragen__liste summary {
	display: grid;
	grid-template-columns: 1fr 32px;
	gap: 1rem;
	align-items: center;
	padding: 1.1rem 0;
	list-style: none;
	cursor: pointer;
	font: 700 1.15rem/1.25 var(--sk-font-heading);
	color: var(--sk-color-heading);
	transition: color 0.25s;
}

.sk-saeule .sk-d-fragen__liste summary::-webkit-details-marker {
	display: none;
}

.sk-saeule .sk-d-fragen__liste summary::before {
	content: "";
	grid-column: 2;
	grid-row: 1;
	width: 32px;
	height: 32px;
	border: 1px solid var(--sk-color-border);
	border-radius: var(--sk-radius);
	transition:
		background-color 0.35s,
		border-color 0.35s;
}

.sk-saeule .sk-d-fragen__liste summary::after {
	content: "";
	grid-column: 2;
	grid-row: 1;
	justify-self: center;
	width: 18px;
	height: 18px;
	background: var(--sk-color-gold);
	-webkit-mask: var(--sk-d-icon-plus) center / contain no-repeat;
	mask: var(--sk-d-icon-plus) center / contain no-repeat;
	transition:
		transform 0.35s var(--sk-d-ease),
		background-color 0.35s;
}

.sk-saeule .sk-d-fragen__liste summary:hover {
	color: var(--sk-color-gold-light);
}

.sk-saeule .sk-d-fragen__liste details[open] > summary::before {
	border-color: var(--sk-color-gold);
	background: var(--sk-color-gold);
}

.sk-saeule .sk-d-fragen__liste details[open] > summary::after {
	background: var(--sk-color-ink);
	transform: rotate(45deg);
}

.sk-saeule .entry-content .sk-d-fragen__liste details > :not(summary) {
	margin: 0;
	padding: 0 3rem 1.25rem 0;
	font-size: 0.97rem;
	color: var(--sk-color-text-muted);
}

.sk-saeule .entry-content .sk-d-fragen__liste details > :not(summary) + :not(summary) {
	margin-top: -0.5rem;
}

@supports (interpolate-size: allow-keywords) {
	.sk-saeule .sk-d-fragen__liste {
		interpolate-size: allow-keywords;
	}

	.sk-saeule .sk-d-fragen__liste details::details-content {
		block-size: 0;
		overflow: hidden;
		transition:
			block-size 0.45s var(--sk-d-ease),
			content-visibility 0.45s allow-discrete;
	}

	.sk-saeule .sk-d-fragen__liste details[open]::details-content {
		block-size: auto;
	}
}

@media (min-width: 1024px) {
	.sk-saeule .sk-d-fragen__raster {
		grid-template-columns: 5fr 7fr;
		gap: 4rem;
		align-items: start;
	}

	.sk-saeule .sk-d-fragen__liste summary {
		padding: 1.35rem 0;
		font-size: 1.3rem;
	}
}

/* --------------------------------------------------------------------------
   D.12 Abschluss: der Kursfinder vor einem abgedunkelten Hallenfoto. Der
   Kursfinder behält die volle Containerbreite, er ist ein Werkzeug mit
   eigener Aufteilung (Abweichung vom Entwurf, siehe NOTIZEN.md).
   -------------------------------------------------------------------------- */

.sk-saeule .sk-d-abschluss {
	padding: 0;
	overflow: hidden;
	background: var(--sk-color-deep);
}

.sk-saeule .sk-d-abschluss > * {
	max-width: none;
}

.sk-saeule .sk-d-abschluss__bild {
	position: absolute;
	inset: 0 0 auto 0;
	height: clamp(260px, 48vw, 440px);
	margin: 0;
	overflow: hidden;
	clip-path: polygon(0 0, 100% 0, 100% 78%, 0 100%);
}

.sk-saeule .sk-d-abschluss__bild img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 60%;
	border-radius: 0;
	opacity: 0.5;
}

.sk-saeule .sk-d-abschluss__bild::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(3, 6, 23, 0.35), var(--sk-color-deep) 96%);
}

.sk-saeule .sk-d-abschluss .sk-booking {
	position: relative;
	border: 0;
	background: transparent;
}

/* --------------------------------------------------------------------------
   D.13 Bildausschnitte (Klasse am Bildblock)
   -------------------------------------------------------------------------- */

.sk-saeule .wp-block-image.sk-d-pos-50-40 img { object-position: 50% 40%; }
.sk-saeule .wp-block-image.sk-d-pos-40-30 img { object-position: 40% 30%; }
.sk-saeule .wp-block-image.sk-d-pos-45-30 img { object-position: 45% 30%; }
.sk-saeule .wp-block-image.sk-d-pos-50-12 img { object-position: 50% 12%; }

/* --------------------------------------------------------------------------
   D.14 Endzustand: Renders (html.sk-anim-force) und reduzierte Bewegung
   -------------------------------------------------------------------------- */

html.sk-anim-force .sk-saeule .entry-content .sk-d-rv {
	opacity: 1 !important;
	translate: none !important;
	filter: none !important;
	transition: none !important;
}

html.sk-anim-force .sk-saeule .sk-d-hero__bild img {
	animation: none !important;
	transform: none !important;
}

html.sk-anim-force .sk-saeule .sk-d-hero::after {
	animation: none !important;
	clip-path: none !important;
}

html.sk-anim-force .sk-saeule .sk-d-cue .wp-block-button__link::after,
html.sk-anim-force .sk-saeule .sk-d-weg__halo {
	animation: none !important;
}

html.sk-anim-force .sk-saeule .sk-d-station__bild::after {
	transform: scaleX(0) !important;
	transition: none !important;
}

html.sk-anim-force .sk-saeule .sk-d-station__bild img {
	transform: none !important;
	transition: none !important;
}

html.sk-anim-force .sk-saeule .sk-d-station__knoten,
html.sk-anim-force .sk-saeule .sk-d-station__bild::before {
	transition: none !important;
}

html.sk-anim-force .sk-saeule .sk-d-tab__bild::after,
html.sk-anim-force .sk-saeule .sk-d-tab__text {
	animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
	.sk-saeule,
	.sk-saeule *,
	.sk-saeule *::before,
	.sk-saeule *::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
		transition-delay: 0s !important;
	}

	html.sk-d-js .sk-saeule .entry-content .sk-d-rv:not(.is-in) {
		opacity: 1;
		translate: none;
		filter: none;
	}

	html.sk-d-js .sk-saeule .sk-d-station__bild.sk-d-deck:not(.is-in)::after {
		transform: scaleX(0);
	}

	html.sk-d-js .sk-saeule .sk-d-station__bild.sk-d-deck:not(.is-in) img {
		transform: none;
	}

	.sk-saeule .sk-d-band__bild img {
		transform: none !important;
	}
}

/* --------------------------------------------------------------------------
   D.16 Phase 3 (25.09.2026): Befunde der Freigabe D
   Abschluss-Varianten (Klassen am Abschluss-Block, gesetzt in
   inhalte_bauen.py):
     --zweispaltig  ab 1024 px Text links, Kursfinder rechts, wie im
                    Entwurf D (.kf-grid 5fr/8fr).
     --ohne-studio  blendet die Studio-Karte des Kursfinders aus (911, 912:
                    dort gibt es kein Studio-Angebot).
     --nur-studio   zeigt vom Kursfinder nur die Studio-Karte (915). Das
                    Buchungsfenster bleibt dasselbe, nur Liste und Kalender
                    treten zurueck.
   Dazu: Fusszeilen-Aufruf aus, Autorenbox kompakt, Fotoband auf dem Handy
   flacher, Trainer-Karte quer, Kacheltext am Tablet, Abstand der
   Kursknoepfe, flachere Stationen am Desktop.
   -------------------------------------------------------------------------- */

/* Ein Abschluss statt zwei: die Saeule endet mit dem Kursfinder. Der
   Aufruf "Komm zum Probetraining" aus footer.php wiederholt ihn nur
   (Nutzerregel "ein Kursfinder statt Doppel-CTA", 20.09.2026). */
.page-template-page-saeule .sk-cta--footer {
	display: none;
}

/* Weniger Leerraum zwischen Kursfinder und Autorenbox */
.sk-saeule .sk-d-abschluss .sk-booking {
	padding-bottom: clamp(2rem, 1.5rem + 2vw, 3.25rem);
}

.page-template-page-saeule .sk-autor-schluss {
	margin-block: var(--sk-space-lg) var(--sk-space-2xl);
}

/* Autorenbox kompakt: kleines Bild links auf jeder Breite, statt eines
   Vollbreit-Fotos auf dem Handy. */
.page-template-page-saeule .sk-autor {
	padding: var(--sk-space-md);
}

.page-template-page-saeule .sk-autor__karte {
	grid-template-columns: 4.5rem minmax(0, 1fr);
	gap: var(--sk-space-md);
	align-items: start;
}

@media (min-width: 540px) {
	.page-template-page-saeule .sk-autor__karte {
		grid-template-columns: 6.5rem minmax(0, 1fr);
		align-items: center;
	}
}

/* Abschluss-Varianten */
.sk-saeule .sk-d-abschluss--ohne-studio .sk-kf-studio {
	display: none;
}

.sk-saeule .sk-d-abschluss--nur-studio :is(
	.sk-kf__head,
	.sk-kf-week,
	.sk-kf-month,
	.sk-kf-profile,
	.sk-kf-results__head,
	.sk-kf-filterzeile,
	.sk-kf-list,
	.sk-kf-recurrence
) {
	display: none !important;
}

.sk-saeule .sk-d-abschluss--nur-studio .sk-kf-studio {
	margin-top: 0;
}

/* Zusatz unter dem Kursfinder (915: Personal Training anfragen) */
.sk-saeule .sk-d-abschluss > .sk-d-abschluss__zusatz {
	position: relative;
	box-sizing: border-box;
	width: min(100% - 2 * var(--sk-gutter), var(--sk-container));
	max-width: var(--sk-container);
	margin: 0 auto;
	padding: 1.25rem 1.25rem 1.35rem;
	border: 1px solid var(--sk-color-border);
	border-left: 3px solid var(--sk-color-gold);
	border-radius: var(--sk-radius-lg);
	background: var(--sk-color-panel);
}

.sk-saeule .sk-d-abschluss > .sk-d-abschluss__zusatz:last-child {
	margin-bottom: clamp(2rem, 1.5rem + 2vw, 3.25rem);
}

.sk-saeule .entry-content .sk-d-abschluss__zusatz h3 {
	margin: 0 0 0.4rem;
	font-size: clamp(1.25rem, 1rem + 1vw, 1.6rem);
	line-height: 1.15;
}

.sk-saeule .entry-content .sk-d-abschluss__zusatz p {
	margin: 0;
	color: var(--sk-color-text-muted);
}

.sk-saeule .entry-content .sk-d-abschluss__zusatz .sk-d-knoepfe {
	margin-top: 1rem;
}

@media (min-width: 720px) {
	.sk-saeule .sk-d-abschluss > .sk-d-abschluss__zusatz {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		column-gap: 2rem;
		align-items: center;
		padding: 1.5rem 1.75rem;
	}

	.sk-saeule .entry-content .sk-d-abschluss__zusatz > :not(.sk-d-knoepfe) {
		grid-column: 1;
	}

	.sk-saeule .entry-content .sk-d-abschluss__zusatz > .sk-d-knoepfe {
		grid-column: 2;
		grid-row: 1 / span 2;
		margin-top: 0;
	}
}

@media (min-width: 1024px) {
	.sk-saeule .sk-d-abschluss--zweispaltig .sk-booking {
		display: grid;
		grid-template-columns: minmax(0, 5fr) minmax(0, 8fr);
		grid-template-rows: auto auto 1fr;
		column-gap: clamp(2rem, 4vw, 3.5rem);
		align-items: start;
		box-sizing: border-box;
		max-width: calc(var(--sk-container) + 2 * var(--sk-gutter));
		margin-inline: auto;
	}

	.sk-saeule .sk-d-abschluss--zweispaltig .sk-booking > * {
		max-width: none;
		margin-inline: 0;
	}

	.sk-saeule .sk-d-abschluss--zweispaltig .sk-booking > .sk-eyebrow {
		grid-column: 1;
		grid-row: 1;
		padding-top: 2.5rem;
	}

	.sk-saeule .sk-d-abschluss--zweispaltig .sk-booking > h2 {
		grid-column: 1;
		grid-row: 2;
		font-size: clamp(2.25rem, 3.4vw, 2.75rem);
	}

	.sk-saeule .sk-d-abschluss--zweispaltig .sk-booking > .sk-lead {
		grid-column: 1;
		grid-row: 3;
	}

	.sk-saeule .sk-d-abschluss--zweispaltig .sk-booking > .sk-kf {
		grid-column: 2;
		grid-row: 1 / span 3;
		margin-top: 0;
	}
}

/* Kursknoepfe: Abstand zwischen "Probetraining buchen" und "Mehr zum Kurs" */
.sk-saeule .sk-kf-course__book {
	flex-wrap: wrap;
	gap: var(--sk-space-sm);
}

/* Fotoband: auf dem Handy flacher, damit das Bild nicht weich hochskaliert
   wird (Befund 911, Bildbox 280 bis 320 px unter 767 px). */
@media (max-width: 767px) {
	.sk-saeule .sk-d-band {
		height: clamp(280px, 80vw, 320px);
	}
}

/* Kacheln am Tablet: kleine Kacheln zeigen nur Titel und Meta, wie auf dem
   Handy. Der volle Text lag dort ueber dem halben Foto. */
@media (min-width: 720px) and (max-width: 1023px) {
	.sk-saeule .entry-content .sk-d-kachel:not(.sk-d-kachel--gross):not(.sk-d-kachel--breit) .sk-d-kachel__text {
		display: none;
	}
}

/* Hero-Ausschnitt nach rechts (912: das Kind steht rechts im Bild) */
@media (min-width: 1024px) {
	.sk-saeule .sk-d-hero__bild.sk-d-pos-hero-65 img {
		object-position: 65% 50%;
	}
}

/* Trainer: ab 720 px die Chef-Karte quer (Bild links, Text rechts) und die
   Team-Kachel als flache Leiste darunter. Vorher stand die Team-Kachel so
   hoch wie die Chef-Karte und blieb in der Mitte leer. */
@media (min-width: 720px) {
	.sk-saeule .sk-d-trainer__raster {
		grid-template-columns: 1fr;
	}

	.sk-saeule .sk-d-person--chef {
		display: grid;
		grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
		grid-template-rows: 1fr auto auto auto auto 1fr;
		padding-bottom: 0;
	}

	.sk-saeule .sk-d-person--chef > figure {
		grid-column: 1;
		grid-row: 1 / -1;
		aspect-ratio: 4 / 3;
	}

	.sk-saeule .sk-d-person--chef > :not(figure) {
		grid-column: 2;
		padding-inline: 1.5rem 1.75rem;
	}

	.sk-saeule .sk-d-person--chef > figure + * {
		grid-row: 2;
		margin-top: 0;
	}

	.sk-saeule .sk-d-person--chef > .sk-d-person__name {
		grid-row: 3;
	}

	.sk-saeule .sk-d-person--chef > .sk-d-person__text {
		grid-row: 4;
	}

	.sk-saeule .sk-d-person--chef > .sk-d-textlink {
		grid-row: 5;
		padding-bottom: 1.25rem;
	}

	.sk-saeule .sk-d-person--chef .sk-d-person__bild::after {
		background: linear-gradient(90deg, rgba(15, 23, 42, 0) 60%, rgba(15, 23, 42, 1) 100%);
	}

	.sk-saeule .sk-d-person--team {
		display: grid;
		grid-template-columns: 38px auto minmax(0, 1fr) auto;
		column-gap: 1.25rem;
		align-items: center;
		padding: 1.1rem 1.5rem;
	}

	.sk-saeule .sk-d-person--team::before {
		margin-bottom: 0;
	}

	.sk-saeule .entry-content .sk-d-person--team .sk-d-person__name {
		margin: 0;
		white-space: nowrap;
	}

	.sk-saeule .entry-content .sk-d-person--team .sk-d-person__text {
		margin: 0;
	}

	.sk-saeule .entry-content .sk-d-person--team .sk-d-textlink {
		padding-top: 0;
		white-space: nowrap;
	}
}

@media (min-width: 720px) and (max-width: 1023px) {
	.sk-saeule .sk-d-person--team {
		grid-template-columns: 38px minmax(0, 1fr) auto;
		row-gap: 0.35rem;
	}

	.sk-saeule .entry-content .sk-d-person--team .sk-d-person__text {
		grid-column: 2 / -1;
		grid-row: 2;
	}
}

/* Weg am Desktop: flachere Bilder, engere Abstaende (Seitenlaenge) */
@media (min-width: 960px) {
	.sk-saeule .sk-d-bahn {
		gap: 2.75rem;
	}

	.sk-saeule .sk-d-station__bild {
		aspect-ratio: 2 / 1;
	}
}

/* Oeffnungszeiten als zweite Zeile im Kurz-Block (913). Vorher ein eigener
   Abschnitt mit voller Innenhoehe (Befund Seitenlaenge). */
.sk-saeule .sk-d-kurz__zeiten {
	margin-top: clamp(2.5rem, 2rem + 2vw, 3.5rem);
	padding-top: clamp(2rem, 1.5rem + 2vw, 3rem);
	border-top: 1px solid var(--sk-color-border-soft);
	scroll-margin-top: 6rem;
}

.sk-saeule .entry-content .sk-d-kurz__zeiten h3 {
	margin: 0.35rem 0 0;
	font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.1rem);
	font-weight: 700;
	line-height: 1.1;
}

/* Zweispaltiger Abschluss: In der rechten Spalte ist der Kursfinder so
   schmal wie am Tablet. Die Kurskarte nimmt deshalb dieselbe Anordnung wie
   unter 960 px (kursfinder.css): Knoepfe in einer eigenen Zeile unter dem
   Kurs, sonst bricht der Kursname Buchstabe fuer Buchstabe um. */
@media (min-width: 1024px) {
	.sk-saeule .sk-d-abschluss--zweispaltig .sk-kf-course {
		grid-template-columns: 4px 7rem 1fr;
	}

	.sk-saeule .sk-d-abschluss--zweispaltig .sk-kf-course__book {
		grid-column: 2 / -1;
		justify-content: flex-end;
		border-block-start: 1px solid var(--sk-kf-line);
	}
}

/* Autorenbox auf dem Handy: Bild neben Name und Rolle, der Text darunter
   ueber die volle Breite statt in einer schmalen Spalte (Seitenlaenge). */
@media (max-width: 539px) {
	.page-template-page-saeule .sk-autor__text {
		display: contents;
	}

	.page-template-page-saeule .sk-autor__karte {
		row-gap: 0.25rem;
		align-items: center;
	}

	.page-template-page-saeule .sk-autor__bild {
		grid-column: 1;
		grid-row: 1 / span 2;
	}

	.page-template-page-saeule .sk-autor__name,
	.page-template-page-saeule .sk-autor__rolle {
		grid-column: 2;
		margin: 0;
	}

	.page-template-page-saeule .sk-autor__bio,
	.page-template-page-saeule .sk-autor__stand {
		grid-column: 1 / -1;
	}

	.page-template-page-saeule .sk-autor__bio {
		margin-top: 0.75rem;
	}
}

/* --------------------------------------------------------------------------
   D.17 Mix (Nutzerfreigabe 03.10.2026)
   Vorlage: tmp-content/pillar/entwurf-optik-2026-10-03-mix/index.html.
   Hero A, Zahlen C, Was dich erwartet B, Kurse C (Bento im 12er-Raster mit
   Hinweiskachel), Weg C mit vier Stationen und je einem bewegten Baustein,
   Reiter D, Lageplan C mit [sk_rundgang], Trainer C, Fragen C, Kursfinder C,
   Autorenbox B. Überschreibt D.2 bis D.16 durch die spätere Stellung oder
   eine Stufe mehr Spezifität. Die Vergleichstabelle (früher D.7 und D.15)
   ist mit dem Mix entfallen.
   -------------------------------------------------------------------------- */

.sk-saeule {
	--sk-d-pfeil: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2070%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M2%2012h64'/%3E%3Cpath%20d='M57%204l9%208-9%208'/%3E%3C/svg%3E");
}

/* Einblenden ohne Unschärfe (der Mix blendet nur mit Deckkraft und Weg ein) */
html.sk-d-js .sk-saeule .entry-content .sk-d-rv:not(.is-in) {
	filter: none;
}

.sk-saeule .wp-block-image.sk-d-pos-50-20 img { object-position: 50% 20%; }

/* ---------------------------------------------------------------- Hero A */

.sk-saeule .sk-d-hero__bild {
	height: clamp(330px, 56svh, 540px);
	clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}

.sk-saeule .sk-d-hero__bild::after {
	background:
		linear-gradient(180deg, rgba(3, 6, 23, 0.55) 0%, rgba(3, 6, 23, 0) 24%),
		linear-gradient(0deg, rgba(3, 6, 23, 0.55) 0%, rgba(3, 6, 23, 0) 16%);
}

.sk-saeule .sk-d-sektion > .sk-d-hero__inhalt {
	margin-top: 0;
	padding: 1.25rem 0 3.25rem;
}

.sk-saeule .entry-content .sk-d-hero h1 {
	margin: 0 0 1.5rem;
	font-size: clamp(3.6rem, 1.2rem + 7.2vw, 8rem);
	line-height: 0.86;
	letter-spacing: -0.012em;
	text-transform: uppercase;
	overflow-wrap: break-word;
	hyphens: manual;
}

.sk-saeule .entry-content .sk-d-hero .sk-d-lead {
	max-width: 34rem;
	margin-bottom: 2rem;
	font-size: clamp(1.0625rem, 0.95rem + 0.5vw, 1.3125rem);
	line-height: 1.6;
}

@media (prefers-reduced-motion: no-preference) {
	.sk-saeule .entry-content .sk-d-hero h1 {
		animation: sk-d-hoch 1s var(--sk-d-ease) both;
	}

	.sk-saeule .entry-content .sk-d-hero h1 em {
		animation: sk-d-hoch 1s 0.14s var(--sk-d-ease) both;
	}
}

/* Die Zeile steigt aus einer unsichtbaren Kante auf (Entwurf A). Das
   Endbild klemmt nichts ab: inset mit negativem Rand. */
@keyframes sk-d-hoch {
	from {
		clip-path: inset(0 -10% 100% -10%);
		translate: 0 0.55em;
	}
	to {
		clip-path: inset(-25% -10% -25% -10%);
		translate: 0 0;
	}
}

@media (min-width: 1024px) {
	.sk-saeule .sk-d-hero {
		min-height: min(100svh, 900px);
	}

	/* Goldene Linie an der neuen Bildkante: oben 41 % + 20 % von 59 % */
	.sk-saeule .sk-d-hero::after {
		background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%20preserveAspectRatio='none'%3E%3Cline%20x1='52.8'%20y1='0'%20x2='41'%20y2='100'%20stroke='%23f7c948'%20stroke-width='2'%20vector-effect='non-scaling-stroke'/%3E%3Cline%20x1='51'%20y1='0'%20x2='39.2'%20y2='100'%20stroke='%23f7c948'%20stroke-opacity='.3'%20stroke-width='1'%20vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
	}

	.sk-saeule .sk-d-hero__bild {
		inset: 0 0 0 41%;
		height: auto;
		clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
	}

	.sk-saeule .sk-d-hero__bild img {
		object-position: 38% 60%;
	}

	.sk-saeule .sk-d-sektion > .sk-d-hero__inhalt {
		padding: calc(var(--sk-header-height) + 3rem) 0 6rem;
	}

	/* Der Titel bleibt links der Bildkante (Entwurf A lief bei 1440 mit
	   dem letzten Buchstaben ins Foto). */
	.sk-saeule .sk-d-hero {
		--sk-d-hero-spalte: calc(41vw - max(var(--sk-gutter), (100vw - var(--sk-container)) / 2) - 1.5rem);
	}

	.sk-saeule .sk-d-hero__inhalt > * {
		max-width: var(--sk-d-hero-spalte);
	}

	/* Die Spalte wird ab 1400 px wieder schmaler, die Schrift darf nicht
	   weiter wachsen: das laengste Wort (Kampfsport, 5,31 em) bleibt ganz. */
	.sk-saeule .entry-content .sk-d-hero h1 {
		font-size: min(clamp(4rem, 0.5rem + 5.6vw, 6.5rem), calc(var(--sk-d-hero-spalte) / 5.45));
	}

	.sk-saeule .entry-content .sk-d-hero .sk-d-lead {
		max-width: 28rem;
	}

	.sk-saeule .sk-d-hero .sk-d-knoepfe {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* ---------------------------------------------------------------- Was dich erwartet B */

.sk-saeule .entry-content ul.wp-block-list.sk-d-kacheln {
	margin-top: 0;
}

@media (min-width: 1024px) {
	.sk-saeule .sk-d-kurz__raster {
		grid-template-columns: 5fr 7fr;
		gap: 4rem;
	}

	.sk-saeule .sk-d-kurz__text {
		position: sticky;
		top: calc(var(--sk-header-height) + 2rem);
	}

	.sk-saeule .entry-content ul.wp-block-list.sk-d-kacheln {
		grid-template-columns: 1fr 1fr;
		gap: 14px;
		margin-top: 3.25rem;
	}

	.sk-saeule .entry-content ul.wp-block-list.sk-d-kacheln > li {
		--sk-d-kt: 1.75rem;
		--sk-d-kx: 1.6rem;
		min-height: 15rem;
		padding: calc(var(--sk-d-kt) + 52px + 1.25rem) var(--sk-d-kx) 1.75rem;
		font-size: 0.975rem;
	}

	.sk-saeule .entry-content ul.wp-block-list.sk-d-kacheln > li::before {
		width: 52px;
		height: 52px;
	}

	.sk-saeule .entry-content ul.wp-block-list.sk-d-kacheln > li::after {
		top: calc(var(--sk-d-kt) + 13px);
		left: calc(var(--sk-d-kx) + 13px);
		width: 26px;
		height: 26px;
	}

	.sk-saeule .entry-content .sk-d-kacheln > li > strong {
		margin-bottom: 0.5rem;
		font-size: 1.5rem;
	}
}

/* ---------------------------------------------------------------- Kurse C */

.sk-saeule .sk-d-bento {
	grid-template-columns: minmax(0, 1fr);
	gap: 12px;
}

.sk-saeule .sk-d-kachel,
.sk-saeule .sk-d-kachel--gross,
.sk-saeule .sk-d-kachel--breit {
	grid-column: auto;
	min-height: 300px;
	padding: var(--sk-space-md);
}

/* Kein Zähler und kein Pfeilkasten mehr; der Pfeil steht neben dem Titel */
.sk-saeule .sk-d-kachel::before,
.sk-saeule .sk-d-kachel::after,
.sk-saeule .entry-content .sk-d-kachel__titel a::before {
	content: none;
}

.sk-saeule .sk-d-kachel__bild::after {
	background: linear-gradient(180deg, rgba(3, 6, 23, 0.05) 10%, rgba(3, 6, 23, 0.55) 45%, rgba(3, 6, 23, 0.95) 100%);
}

/* Am Handy steht der Text ueber fast der ganzen Kachel; helle Hallenfotos
   (blaue Matte) brauchen dort frueher eine dunkle Flaeche (T-10). */
/* Die Bild-Lightbox (lightbox.css) macht aus ::after jedes Bildblocks eine
   2rem grosse runde Lupe, unsichtbar bis zum Hover. Hier ist ::after die
   Abdunklung oder die Abdeckung der Bildflaeche: volle Flaeche, sichtbar. */
.sk-saeule :is(.sk-d-hero__bild, .sk-d-kachel__bild, .sk-d-station__bild, .sk-d-tab__bild, .sk-d-abschluss__bild, .sk-d-person__bild).sk-lb-rahmen::after {
	width: auto;
	height: auto;
	border-radius: 0;
	opacity: 1;
}

/* Was dich erwartet (B): die Altersliste steht unter dem Text und braucht
   Abstand zur letzten Zeile. */
.sk-saeule .entry-content * + .sk-d-alter {
	margin-top: 2rem;
}

@media (max-width: 719px) {
	.sk-saeule .sk-d-kachel__bild::after {
		background: linear-gradient(180deg, rgba(3, 6, 23, 0.2) 0%, rgba(3, 6, 23, 0.72) 30%, rgba(3, 6, 23, 0.9) 60%, rgba(3, 6, 23, 0.97) 100%);
	}
}

.sk-saeule .sk-d-kachel > .sk-d-marken,
.sk-saeule .sk-d-kachel > .sk-d-eyebrow { order: 1; }
.sk-saeule .sk-d-kachel > .sk-d-kachel__titel { order: 2; }
.sk-saeule .sk-d-kachel > .sk-d-kachel__meta { order: 3; }
.sk-saeule .sk-d-kachel > .sk-d-kachel__text { order: 4; }
.sk-saeule .sk-d-kachel > .sk-d-textlink { order: 5; }

.sk-saeule .entry-content ul.wp-block-list.sk-d-marken {
	margin-bottom: 0.7rem;
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-marken > li {
	padding: 0.35rem 0.5rem;
	border: 1px solid rgba(247, 201, 72, 0.35);
	background: rgba(3, 6, 23, 0.72);
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	font: 700 0.6875rem/1 var(--sk-font-heading);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--sk-color-gold-light);
}

.sk-saeule .entry-content .sk-d-kachel__titel {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	font-size: clamp(1.5rem, 1.3rem + 0.8vw, 2rem);
}

.sk-saeule .entry-content .sk-d-kachel__titel::after {
	content: "";
	flex: none;
	width: 1.1em;
	height: 1.1em;
	max-width: 26px;
	max-height: 26px;
	background: var(--sk-color-gold);
	-webkit-mask: var(--sk-d-icon-arrow-right) center / contain no-repeat;
	mask: var(--sk-d-icon-arrow-right) center / contain no-repeat;
	transition: transform 0.3s var(--sk-d-ease);
}

.sk-saeule .entry-content .sk-d-kachel:is(:hover, :focus-within) .sk-d-kachel__titel::after {
	transform: translateX(5px);
}

.sk-saeule .entry-content .sk-d-kachel__meta {
	margin-top: 0.35rem;
	font: 600 0.9rem/1.2 var(--sk-font-heading);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--sk-color-gold);
}

.sk-saeule .entry-content .sk-d-kachel__meta::before {
	content: none;
}

.sk-saeule .entry-content .sk-d-kachel__text {
	display: block;
	margin-top: 0.6rem;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: var(--sk-color-text-muted);
}

/* Hinweiskachel (Frauenkurs auf 911): kein Ganzflächen-Link, Text immer sichtbar */
.sk-saeule .sk-d-kachel.sk-d-kachel--hinweis {
	border-color: rgba(247, 201, 72, 0.45);
}

.sk-saeule .entry-content .sk-d-kachel--hinweis .sk-d-eyebrow {
	margin-bottom: 0.6rem;
}

.sk-saeule .entry-content .sk-d-kachel--hinweis .sk-d-kachel__titel {
	font-size: 1.5rem;
}

.sk-saeule .entry-content .sk-d-kachel--hinweis .sk-d-kachel__titel::after {
	content: none;
}

.sk-saeule .entry-content .sk-d-kachel--hinweis .sk-d-kachel__text a {
	color: var(--sk-color-gold-light);
}

.sk-saeule .entry-content .sk-d-kachel--hinweis .sk-d-textlink {
	position: relative;
	z-index: 2;
	margin-top: 0.8rem;
	font-size: 0.9rem;
}

/* Gefiltert: passende Kacheln bekommen den Goldrand (saeule.js setzt
   is-gefiltert am Raster) */
.sk-saeule .sk-d-bento.is-gefiltert .sk-d-kachel:not(.is-dim):not(.sk-d-kachel--hinweis) {
	border-color: var(--sk-color-gold);
}

@media (min-width: 640px) {
	.sk-saeule .sk-d-bento {
		grid-template-columns: 1fr 1fr;
		grid-auto-rows: auto;
	}

	.sk-saeule .sk-d-kachel--gross {
		grid-column: 1 / -1;
		grid-row: auto;
	}
}

@media (min-width: 720px) and (max-width: 1023px) {
	.sk-saeule .sk-d-kachel,
	.sk-saeule .sk-d-kachel--gross,
	.sk-saeule .sk-d-kachel--breit {
		min-height: 300px;
		padding: var(--sk-space-md);
	}

	.sk-saeule .entry-content .sk-d-kachel:not(.sk-d-kachel--gross):not(.sk-d-kachel--breit) .sk-d-kachel__text {
		display: block;
	}
}

@media (min-width: 1024px) {
	.sk-saeule .sk-d-bento {
		grid-template-columns: repeat(12, minmax(0, 1fr));
		grid-auto-rows: 250px;
		grid-auto-flow: dense;
	}

	.sk-saeule .sk-d-kachel,
	.sk-saeule .sk-d-kachel--breit {
		grid-column: span 3;
		min-height: 0;
		padding: var(--sk-space-md);
	}

	.sk-saeule .sk-d-kachel.sk-d-kachel--gross {
		grid-column: span 6;
		grid-row: span 2;
		min-height: 0;
	}

	.sk-saeule .sk-d-kachel.sk-d-kachel--breit,
	.sk-saeule .sk-d-kachel.sk-d-kachel--breit-desktop { grid-column: span 6; }
	.sk-saeule .sk-d-kachel.sk-d-kachel--fuenftel { grid-column: span 5; }
	.sk-saeule .sk-d-kachel.sk-d-kachel--drittel { grid-column: span 4; }
	.sk-saeule .sk-d-kachel.sk-d-kachel--hoch { grid-row: span 2; }

	.sk-saeule .entry-content .sk-d-kachel.sk-d-kachel--hinweis .sk-d-kachel__text {
		max-height: none;
		margin-top: 0.6rem;
		overflow: visible;
		opacity: 1;
		transform: none;
		font-size: 0.875rem;
	}

	.sk-saeule .sk-d-kachel.sk-d-kachel--hinweis {
		justify-content: flex-start;
	}
}

/* ---------------------------------------------------------------- Weg C: vier Stationen */

.sk-saeule .entry-content .sk-d-station__bild figcaption {
	position: absolute;
	left: 12px;
	top: 12px;
	margin: 0;
	padding: 0.5rem 0.65rem;
	border-radius: var(--sk-radius);
	background: rgba(3, 6, 23, 0.78);
	font: 700 0.75rem/1 var(--sk-font-heading);
	letter-spacing: 0.18em;
	text-transform: uppercase;
	text-align: left;
	color: var(--sk-color-gold);
}

/* Bausteine in den Stationen. Die Absatzregel aus D.8 (gedämpfte
   Fließtextfarbe) gilt nur für die eigentlichen Sätze. */
.sk-saeule .entry-content .sk-d-station__text p.sk-d-ablauf__titel {
	margin: 0 0 var(--sk-space-sm);
	font: 700 0.75rem/1 var(--sk-font-heading);
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--sk-color-text-dim);
}

.sk-saeule .entry-content .sk-d-station__text p.sk-d-textlink {
	margin-top: var(--sk-space-md);
	font-size: 1rem;
	color: var(--sk-color-gold);
}

.sk-saeule .entry-content .sk-d-station__text p.sk-d-station__hinweis {
	margin-top: var(--sk-space-md);
	padding: var(--sk-space-sm) var(--sk-space-md);
	border-left: 2px solid var(--sk-color-gold);
	background: linear-gradient(90deg, rgba(247, 201, 72, 0.08), transparent);
	color: var(--sk-color-text);
}

/* 01 und 03: zwei Pillen, der Pfeil dazwischen zeichnet sich */
.sk-saeule .entry-content ul.wp-block-list.sk-d-verbinden {
	display: flex;
	flex-flow: row wrap;
	padding: 0;
	list-style: none;
	align-items: center;
	gap: 0.75rem calc(70px + 1rem);
	margin: var(--sk-space-lg) 0 0;
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-verbinden > li {
	position: relative;
	padding: 0.75rem 1rem;
	border: 1px solid var(--sk-color-gold);
	border-radius: var(--sk-radius);
	font: 700 1rem/1 var(--sk-font-heading);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--sk-color-gold);
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-verbinden > li + li::before {
	content: "";
	position: absolute;
	top: 50%;
	left: calc(-70px - 0.5rem);
	width: 70px;
	height: 24px;
	margin-top: -12px;
	background: var(--sk-color-gold);
	-webkit-mask: var(--sk-d-pfeil) center / 100% 100% no-repeat;
	mask: var(--sk-d-pfeil) center / 100% 100% no-repeat;
}

html.sk-d-js .sk-saeule .entry-content ul.wp-block-list.sk-d-verbinden > li + li::before {
	clip-path: inset(0 100% 0 0);
	transition: clip-path 1s var(--sk-d-ease) 0.4s;
}

html.sk-d-js .sk-saeule .entry-content .sk-d-station.is-aktiv ul.wp-block-list.sk-d-verbinden > li + li::before {
	clip-path: inset(0 0 0 0);
}

/* 02: Mitbringliste, gestaffelte Unterstreichung */
.sk-saeule .sk-d-ablauf {
	margin-top: var(--sk-space-lg);
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-ablauf__liste {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(138px, 1fr));
	gap: var(--sk-space-xs);
	margin: 0;
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-ablauf__liste > li {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0.6rem;
	overflow: hidden;
	padding: 0.75rem 0.8rem;
	border: 1px solid var(--sk-color-border);
	border-radius: var(--sk-radius);
	background: var(--sk-color-panel);
	font: 600 1rem/1.2 var(--sk-font-heading);
	color: var(--sk-color-text);
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-ablauf__liste > li::before {
	content: "";
	position: static;
	flex: none;
	width: 1.4em;
	height: 1.4em;
	background: var(--sk-color-gold);
	-webkit-mask: var(--sk-d-icon) center / contain no-repeat;
	mask: var(--sk-d-icon) center / contain no-repeat;
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-ablauf__liste > li::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: var(--sk-color-gold);
	transform-origin: 0 50%;
}

html.sk-d-js .sk-saeule .entry-content ul.wp-block-list.sk-d-ablauf__liste > li::after {
	transform: scaleX(0);
	transition: transform 0.6s var(--sk-d-ease) 0.2s;
}

html.sk-d-js .sk-saeule .entry-content ul.wp-block-list.sk-d-ablauf__liste > li:nth-child(2)::after { transition-delay: 0.38s; }
html.sk-d-js .sk-saeule .entry-content ul.wp-block-list.sk-d-ablauf__liste > li:nth-child(3)::after { transition-delay: 0.56s; }

html.sk-d-js .sk-saeule .entry-content .sk-d-station.is-aktiv ul.wp-block-list.sk-d-ablauf__liste > li::after {
	transform: scaleX(1);
}

/* 04: Stufenbalken bis zur Entscheidung */
.sk-saeule .entry-content ul.wp-block-list.sk-d-stufen {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: end;
	gap: var(--sk-space-xs);
	height: 150px;
	margin: var(--sk-space-lg) 0 0;
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-stufen > li {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 100%;
	font: 700 0.9375rem/1.15 var(--sk-font-heading);
	color: var(--sk-color-heading);
}

.sk-saeule .entry-content .sk-d-stufen > li > strong {
	display: flex;
	align-items: flex-start;
	height: calc((150px - 3rem) * var(--sk-d-h, 1) / 100);
	margin-bottom: 0.5rem;
	padding: 0.45rem 0.55rem;
	border-radius: var(--sk-radius) var(--sk-radius) 0 0;
	background: linear-gradient(180deg, rgba(247, 201, 72, 0.95), rgba(222, 145, 29, 0.55));
	font: 700 0.8rem/1 var(--sk-font-heading);
	letter-spacing: 0.1em;
	color: var(--sk-color-ink);
	transform-origin: 50% 100%;
}

.sk-saeule .entry-content .sk-d-stufen > li:nth-child(1) > strong { --sk-d-h: 40; }
.sk-saeule .entry-content .sk-d-stufen > li:nth-child(2) > strong { --sk-d-h: 68; }
.sk-saeule .entry-content .sk-d-stufen > li:nth-child(3) > strong { --sk-d-h: 100; }

html.sk-d-js .sk-saeule .entry-content .sk-d-stufen > li > strong {
	transform: scaleY(0.04);
	transition: transform 0.9s var(--sk-d-ease) 0.15s;
}

html.sk-d-js .sk-saeule .entry-content .sk-d-stufen > li:nth-child(2) > strong { transition-delay: 0.37s; }
html.sk-d-js .sk-saeule .entry-content .sk-d-stufen > li:nth-child(3) > strong { transition-delay: 0.59s; }

html.sk-d-js .sk-saeule .entry-content .sk-d-station.is-aktiv .sk-d-stufen > li > strong {
	transform: scaleY(1);
}

@media (max-width: 599px) {
	.sk-saeule .entry-content ul.wp-block-list.sk-d-ablauf__liste {
		grid-template-columns: minmax(0, 1fr);
	}

	.sk-saeule .entry-content ul.wp-block-list.sk-d-verbinden {
		column-gap: calc(40px + 1rem);
	}

	.sk-saeule .entry-content ul.wp-block-list.sk-d-verbinden > li {
		padding: 0.55rem 0.65rem;
		font-size: 0.8125rem;
		letter-spacing: 0.08em;
	}

	.sk-saeule .entry-content ul.wp-block-list.sk-d-verbinden > li + li::before {
		left: calc(-40px - 0.5rem);
		width: 40px;
	}
}

/* Text der Stationen steht immer links (der Mix spiegelt nur das Bild) */
@media (min-width: 960px) {
	.sk-saeule .sk-d-station:nth-child(even) .sk-d-station__text {
		text-align: left;
	}

	.sk-saeule .entry-content .sk-d-station:nth-child(even) .sk-d-eyebrow {
		justify-content: flex-start;
	}

	.sk-saeule .entry-content .sk-d-station:nth-child(even) .sk-d-eyebrow::before {
		order: 0;
	}

	.sk-saeule .entry-content .sk-d-station:nth-child(even) ul.wp-block-list.sk-d-station__marken {
		justify-content: flex-start;
	}
}

/* ---------------------------------------------------------------- Lageplan C */

/* Schräge Oberkante als eigene Fläche, nicht als clip-path am Abschnitt:
   der Rundgang darin darf nicht mit abgeschnitten werden. */
.sk-saeule .entry-content > .sk-d-lageplan {
	isolation: isolate;
	margin-top: -3vw;
	padding-top: calc(var(--sk-section-y) + 3vw);
}

.sk-saeule .sk-d-lageplan::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: var(--sk-color-panel);
	clip-path: polygon(0 3vw, 100% 0, 100% 100%, 0 100%);
}

.sk-saeule .sk-d-haus {
	display: grid;
	gap: var(--sk-space-xl);
}

.sk-saeule .sk-d-raum {
	min-height: 9.75rem;
	margin-top: var(--sk-space-lg);
	padding: var(--sk-space-md);
	border: 1px solid var(--sk-color-border);
	border-left: 3px solid var(--sk-color-gold);
	border-radius: var(--sk-radius-lg);
	background: var(--sk-color-bg);
}

.sk-saeule .sk-d-raum__label {
	display: block;
	font: 700 0.75rem/1 var(--sk-font-heading);
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--sk-color-text-dim);
}

.sk-saeule .sk-d-raum__name {
	display: block;
	margin-top: 0.55rem;
	font: 700 clamp(2rem, 1.6rem + 1.6vw, 3rem)/1 var(--sk-font-heading);
	color: var(--sk-color-gold);
}

.sk-saeule .sk-d-raum__text {
	display: block;
	min-height: 1.7em;
	margin-top: 0.5rem;
	color: var(--sk-color-text-muted);
}

.sk-saeule .sk-d-raum.ist-neu .sk-d-raum__name,
.sk-saeule .sk-d-raum.ist-neu .sk-d-raum__text {
	animation: sk-d-steigen 0.5s var(--sk-d-ease) both;
}

@keyframes sk-d-steigen {
	from {
		opacity: 0;
		translate: 0 18px;
	}
	to {
		opacity: 1;
		translate: 0 0;
	}
}

.sk-saeule .entry-content .sk-d-haus__text .sk-d-textlink {
	margin-top: var(--sk-space-md);
}

.sk-saeule .sk-d-plan {
	padding: var(--sk-space-md);
	border: 1px solid var(--sk-color-border);
	border-radius: var(--sk-radius-lg);
	background: var(--sk-color-deep);
}

.sk-saeule .entry-content .sk-d-plan__titel {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	margin: 0 0 var(--sk-space-sm);
	font: 700 0.8125rem/1 var(--sk-font-heading);
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--sk-color-text-dim);
}

.sk-saeule .sk-d-plan__titel span + span {
	color: var(--sk-color-gold);
}

.sk-saeule .sk-d-plan svg {
	display: block;
	width: 100%;
	height: auto;
	max-height: 560px;
}

.sk-saeule .sk-d-raum-g {
	cursor: pointer;
}

.sk-saeule .sk-d-raum-g :is(rect, polygon) {
	fill: #1e293b;
	stroke: #0b111e;
	stroke-width: 6;
	transition: fill 0.35s, stroke 0.35s;
}

.sk-saeule .sk-d-raum-g--innen :is(rect, polygon) {
	fill: #0f172a;
}

.sk-saeule .sk-d-raum-g text {
	font: 700 48px var(--sk-font-heading);
	fill: var(--sk-color-gold);
	transition: fill 0.35s;
}

.sk-saeule .sk-d-raum-g--innen text {
	font-size: 34px;
}

.sk-saeule .sk-d-raum-g.ist-an :is(rect, polygon) {
	fill: rgba(247, 201, 72, 0.28);
	stroke: var(--sk-color-gold);
}

.sk-saeule .sk-d-raum-g.ist-an text {
	fill: #fff;
}

/* Lager: sichtbar, aber kein Raum zum Anwählen (kein Chip, kein Klick) */
.sk-saeule .sk-d-raum-g--still {
	cursor: default;
	pointer-events: none;
}

.sk-saeule .sk-d-raum-g--still :is(rect, polygon) {
	fill: #131c2e;
}

.sk-saeule .sk-d-raum-g--still text {
	fill: var(--sk-color-text-dim);
	opacity: 0.75;
}

.sk-saeule .sk-d-plan__eingang {
	fill: var(--sk-color-gold);
}

.sk-saeule .sk-d-plan__eingang-text {
	font: 700 32px var(--sk-font-heading);
	fill: #fce588;
}

.sk-saeule .sk-d-plan__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin-top: var(--sk-space-md);
}

.sk-saeule .sk-d-plan__chips .sk-d-chip {
	padding: 0.55rem 0.7rem;
	font-size: 0.85rem;
}

/* Der Rundgang gibt seinen eigenen Abschnitt aus; im Lageplan ohne
   zweiten Seitenrand und mit Trennlinie */
.sk-saeule .sk-d-lageplan > .sk-rundgang {
	margin-top: var(--sk-space-3xl);
	padding-inline: 0;
	padding-bottom: 0;
	padding-top: var(--sk-space-2xl);
	border-top: 1px solid var(--sk-color-border);
	background: none;
}

@media (min-width: 960px) {
	.sk-saeule .sk-d-haus {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: var(--sk-space-3xl);
		align-items: center;
	}
}

/* ---------------------------------------------------------------- Trainer C */

.sk-saeule .sk-d-trainer .sk-d-trainer__raster {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--sk-space-lg);
}

.sk-saeule .sk-d-chef {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	overflow: hidden;
	border: 1px solid var(--sk-color-border);
	border-radius: var(--sk-radius-lg);
	background: var(--sk-gradient-panel);
}

.sk-saeule .sk-d-chef__bild {
	margin: 0;
	overflow: hidden;
}

.sk-saeule .sk-d-chef__bild img {
	width: 100%;
	height: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 0;
	transition: transform 0.9s var(--sk-d-ease);
}

.sk-saeule :where(.sk-d-chef__bild) img {
	object-position: 45% 30%;
}

.sk-saeule .sk-d-chef:hover .sk-d-chef__bild img {
	transform: scale(1.04);
}

.sk-saeule .sk-d-chef__text {
	padding: var(--sk-space-lg) var(--sk-space-md);
}

.sk-saeule .entry-content .sk-d-chef__name {
	margin: 0;
	font-size: clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem);
	line-height: 1.05;
}

.sk-saeule .entry-content .sk-d-chef__name a {
	color: var(--sk-color-heading);
	text-decoration: none;
}

.sk-saeule .entry-content .sk-d-chef__name a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

.sk-saeule .entry-content .sk-d-chef__name a:hover {
	color: var(--sk-color-gold-light);
}

.sk-saeule .entry-content .sk-d-chef__rolle {
	margin: 0.4rem 0 var(--sk-space-sm);
	font: 600 1rem/1.3 var(--sk-font-heading);
	letter-spacing: 0.06em;
	color: var(--sk-color-gold);
}

.sk-saeule .entry-content .sk-d-chef__text > p:not([class*="sk-d-"]) {
	max-width: 56ch;
	color: var(--sk-color-text-muted);
}

.sk-saeule .entry-content .sk-d-chef__text .sk-d-textlink {
	margin-top: var(--sk-space-md);
}

.sk-saeule .entry-content .sk-d-chef:hover .sk-d-textlink::after {
	transform: translateX(4px);
}

.sk-saeule .sk-d-team {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.sk-saeule .sk-d-portrait {
	position: relative;
	margin: 0;
	overflow: hidden;
	border: 1px solid var(--sk-color-border);
	border-radius: var(--sk-radius-lg);
	background: var(--sk-color-panel);
}

.sk-saeule .sk-d-portrait img {
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	border-radius: 0;
	filter: saturate(0.35) contrast(1.05);
	transition: filter 0.5s, transform 0.8s var(--sk-d-ease);
}

.sk-saeule :where(.sk-d-portrait) img {
	object-position: 50% 12%;
}

.sk-saeule .sk-d-portrait:hover img {
	filter: none;
	transform: scale(1.04);
}

.sk-saeule .sk-d-team__karte {
	grid-column: 1 / -1;
	display: grid;
	gap: var(--sk-space-sm);
	padding: var(--sk-space-md);
	border: 1px solid var(--sk-color-border);
	border-left: 3px solid var(--sk-color-gold);
	border-radius: var(--sk-radius-lg);
	background: var(--sk-gradient-panel);
}

.sk-saeule .entry-content .sk-d-team__karte .sk-d-eyebrow {
	margin: 0;
}

.sk-saeule .entry-content .sk-d-team__karte > p:not([class*="sk-d-"]) {
	max-width: 62ch;
	margin: 0;
	color: var(--sk-color-text-muted);
}

@media (min-width: 700px) {
	.sk-saeule .sk-d-team {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.sk-saeule .sk-d-team__karte {
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
	}

	.sk-saeule .entry-content .sk-d-team__karte .sk-d-eyebrow {
		grid-column: 1 / -1;
	}
}

@media (min-width: 960px) {
	.sk-saeule .sk-d-chef {
		grid-template-columns: 5fr 7fr;
	}

	/* Das Bild folgt der Texthoehe; ohne absolute Lage zieht das
	   Hochformat der Mediathek (width/height-Attribute) die Karte lang. */
	.sk-saeule .sk-d-chef__bild {
		position: relative;
		min-height: 22rem;
	}

	.sk-saeule .sk-d-chef__bild img {
		position: absolute;
		inset: 0;
		aspect-ratio: auto;
	}

	.sk-saeule .sk-d-chef__text {
		align-self: center;
		padding: var(--sk-space-xl) var(--sk-space-2xl) var(--sk-space-xl) var(--sk-space-xl);
	}
}

/* ---------------------------------------------------------------- Fragen C */

.sk-saeule .sk-d-ratgeber {
	margin-top: var(--sk-space-lg);
	padding: 0;
	border: 0;
	background: none;
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-ratgeber__liste {
	display: grid;
	gap: 1px;
	margin-top: var(--sk-space-md);
	overflow: hidden;
	border: 1px solid var(--sk-color-border);
	border-radius: var(--sk-radius-lg);
	background: var(--sk-color-border);
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-ratgeber__liste > li {
	background: var(--sk-color-panel);
	transition: background-color 0.3s;
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-ratgeber__liste > li + li {
	border-top: 0;
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-ratgeber__liste > li:hover {
	background: var(--sk-color-panel-raised);
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-ratgeber__liste > li::before {
	left: var(--sk-space-md);
}

.sk-saeule .entry-content .sk-d-ratgeber__liste a {
	padding: var(--sk-space-sm) var(--sk-space-md);
}

/* ---------------------------------------------------------------- Kursfinder C */

.sk-saeule .entry-content > .sk-d-abschluss {
	isolation: isolate;
	overflow: hidden;
	border-top: 1px solid var(--sk-color-border);
	background: var(--sk-color-deep);
}

.sk-saeule .sk-d-abschluss__bild {
	inset: 0;
	z-index: -1;
	height: auto;
	clip-path: none;
}

.sk-saeule .sk-d-abschluss__bild img {
	object-position: 50% 50%;
	opacity: 0.22;
}

.sk-saeule .sk-d-abschluss__bild::after {
	background: linear-gradient(180deg, var(--sk-color-deep) 0%, rgba(3, 6, 23, 0.6) 30%, rgba(3, 6, 23, 0.85) 100%);
}

.sk-saeule .sk-d-abschluss .sk-booking {
	padding: var(--sk-space-md);
	border: 1px solid var(--sk-color-border);
	border-top: 3px solid var(--sk-color-gold);
	border-radius: var(--sk-radius-lg);
	background: rgba(15, 23, 42, 0.94);
}

@media (min-width: 768px) {
	.sk-saeule .sk-d-abschluss .sk-booking {
		padding: var(--sk-space-xl);
	}
}

/* ---------------------------------------------------------------- Autorenbox B */

.page-template-page-saeule .sk-autor-schluss {
	margin-block: 0;
}

.page-template-page-saeule .sk-autor {
	padding: 2rem 0;
	border: 0;
	border-top: 1px solid var(--sk-color-border);
	border-radius: 0;
	background: none;
}

.page-template-page-saeule .sk-autor__eyebrow {
	font: 700 0.7rem/1 var(--sk-font-heading);
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--sk-color-gold);
}

.page-template-page-saeule .sk-autor__karte,
.page-template-page-saeule .sk-autor-schluss .sk-autor__karte {
	grid-template-columns: 64px minmax(0, 1fr);
	gap: 0.25rem 1rem;
	align-items: center;
}

.page-template-page-saeule .sk-autor__bild {
	width: 64px;
}

.page-template-page-saeule .sk-autor__foto {
	width: 64px;
	height: 64px;
	object-fit: cover;
	object-position: 40% 25%;
	border-radius: var(--sk-radius-lg);
}

.page-template-page-saeule .sk-autor__name {
	font: 700 1.15rem/1.2 var(--sk-font-heading);
}

.page-template-page-saeule :is(.sk-autor__rolle, .sk-autor__bio, .sk-autor__stand) {
	font-size: 0.85rem;
	color: var(--sk-color-text-dim);
}

/* ---------------------------------------------------------------- Endzustand und reduzierte Bewegung */

html.sk-anim-force .sk-saeule .entry-content .sk-d-hero h1,
html.sk-anim-force .sk-saeule .entry-content .sk-d-hero h1 em,
html.sk-anim-force .sk-saeule .sk-d-raum * {
	animation: none !important;
	clip-path: none !important;
	translate: none !important;
}

html.sk-anim-force .sk-saeule .entry-content ul.wp-block-list.sk-d-verbinden > li + li::before {
	clip-path: inset(0 0 0 0) !important;
	transition: none !important;
}

html.sk-anim-force .sk-saeule .entry-content ul.wp-block-list.sk-d-ablauf__liste > li::after {
	transform: scaleX(1) !important;
	transition: none !important;
}

html.sk-anim-force .sk-saeule .entry-content .sk-d-stufen > li > strong {
	transform: scaleY(1) !important;
	transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
	html.sk-d-js .sk-saeule .entry-content ul.wp-block-list.sk-d-verbinden > li + li::before {
		clip-path: inset(0 0 0 0);
	}

	html.sk-d-js .sk-saeule .entry-content ul.wp-block-list.sk-d-ablauf__liste > li::after {
		transform: scaleX(1);
	}

	html.sk-d-js .sk-saeule .entry-content .sk-d-stufen > li > strong {
		transform: scaleY(1);
	}
}

/* ---------------------------------------------------------------- Befundrunde 03.10.2026 */

/* Hero am Handy: Bild niedriger, damit Titel und Einleitung trotz der
   festen Leiste (60 px) im ersten Bildschirm stehen. Ausschnitt je Seite
   (Klassen sk-d-pos-hm-*), er passt fuer das 16:9-Bild und fuer die
   4:3-Fassung (-mobil) aus dem srcset des Themes. */
@media (max-width: 1023px) {
	.sk-saeule .sk-d-hero__bild {
		height: clamp(240px, 40svh, 540px);
	}

	.sk-saeule .sk-d-hero__bild.sk-d-pos-hm-44-70 img { object-position: 44% 70%; }
	.sk-saeule .sk-d-hero__bild.sk-d-pos-hm-55-40 img { object-position: 55% 40%; }
	.sk-saeule .sk-d-hero__bild.sk-d-pos-hm-70-30 img { object-position: 70% 30%; }
}

/* Schwebender WhatsApp-Knopf (Plugin, bis 900 px unten links): weicht,
   solange der Hero im Bild ist. Die Klasse setzt saeule.js. */
@media (max-width: 900px) {
	html.sk-d-hero-sicht .sk-wa {
		display: none;
	}
}

/* Hero am Desktop: Der Hero beginnt unter dem Seitenkopf, der Abstand fuer
   den Kopf war doppelt. Die Mindesthoehe endet ueber der Desktop-Leiste,
   damit der Knopf bei langem Titel (912) nicht unter ihr liegt. */
@media (min-width: 1024px) {
	.sk-saeule .sk-d-hero {
		min-height: min(calc(100svh - var(--sk-header-height) - var(--sk-deskbar-height, 0px)), 900px);
	}

	.sk-saeule .sk-d-sektion > .sk-d-hero__inhalt {
		padding: 2.5rem 0 4rem;
	}
}

/* Mitbringliste: Chips so breit wie ihr Text, Umbruch nur zwischen den
   Chips (vorher brach "Sportkleidung" bei 1440 mitten im Wort). */
.sk-saeule .entry-content ul.wp-block-list.sk-d-ablauf__liste {
	display: flex;
	flex-wrap: wrap;
}

.sk-saeule .entry-content ul.wp-block-list.sk-d-ablauf__liste > li {
	flex: 1 1 auto;
	min-width: min-content;
	overflow-wrap: normal;
	word-break: normal;
	hyphens: manual;
}

@media (max-width: 599px) {
	.sk-saeule .entry-content ul.wp-block-list.sk-d-ablauf__liste > li {
		flex-basis: 100%;
	}
}

/* Auf einen Blick: Die kuerzere Spalte laeuft mit (vorher blieb rechts
   neben langem Text eine leere Flaeche). Der Knopf unter der Tabelle
   bekommt Abstand (915). */
@media (min-width: 1024px) {
	.sk-saeule .entry-content .sk-d-kurz__raster > ul.wp-block-list.sk-d-kacheln {
		position: sticky;
		top: calc(var(--sk-header-height) + 2rem);
		align-self: start;
	}
}

.sk-saeule .entry-content .sk-d-kurz__text > .sk-d-knoepfe {
	margin-top: var(--sk-space-lg);
}

/* Abschluss: ein Kasten mit einer goldenen Kante. Ab 768 px in
   Inhaltsbreite statt randlos (der Rahmen lag am Bildschirmrand), darunter
   ein Rand ohne zweite Goldlinie. Am Handy ein randloses Band mit dem
   Seitenrand als Einzug, damit der Kursfinder nicht dreifach eingerueckt
   wird. */
.sk-saeule .sk-d-abschluss .sk-booking .sk-kf__panel {
	border-top: 1px solid var(--sk-color-border);
}

@media (max-width: 767px) {
	.sk-saeule .sk-d-abschluss .sk-booking {
		padding-inline: var(--sk-gutter);
		border-inline: 0;
		border-radius: 0;
	}
}

@media (min-width: 768px) {
	.sk-saeule .sk-d-abschluss .sk-booking {
		box-sizing: border-box;
		width: min(100% - 2 * var(--sk-gutter), var(--sk-container));
		margin-inline: auto;
	}
}

/* Zusatz unter dem Kursfinder (915) mit Abstand zum Kasten */
.sk-saeule .sk-d-abschluss > .sk-d-abschluss__zusatz {
	margin-top: var(--sk-space-lg);
}

/* Band: unten deckend in die Seitenfarbe, sonst blieb rechts unter der
   Kante eine hellere Stufe (915). */
.sk-saeule .sk-d-band::after {
	background:
		linear-gradient(90deg, rgba(11, 17, 30, 0.72) 0%, rgba(11, 17, 30, 0.35) 45%, rgba(11, 17, 30, 0) 70%),
		linear-gradient(180deg, var(--sk-color-bg) 0%, rgba(11, 17, 30, 0) 22%, rgba(11, 17, 30, 0.15) 50%, var(--sk-color-bg) 100%);
}

/* Rundgang im Lageplan: Kopf wie die uebrigen Abschnitte (Goldstrich vor
   der Zeile, Abschnittsueberschrift, Abstand zum Rundgang). Das Markup
   kommt aus dem Plugin und bleibt unberuehrt. */
.sk-saeule .sk-d-lageplan > .sk-rundgang > .sk-eyebrow {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin: 0 0 1rem;
	font: 700 0.78rem/1 var(--sk-font-heading);
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--sk-color-gold);
}

.sk-saeule .sk-d-lageplan > .sk-rundgang > .sk-eyebrow::before {
	content: "";
	flex: none;
	width: 28px;
	height: 2px;
	background: var(--sk-color-gold);
}

.sk-saeule .entry-content .sk-d-lageplan > .sk-rundgang > h2 {
	margin-block: 0;
	font-size: clamp(2rem, 6.2vw, 3rem);
	font-weight: 700;
	line-height: 1.02;
}

.sk-saeule .sk-d-lageplan > .sk-rundgang > .sk-rundgang__text {
	margin: 1rem 0 var(--sk-space-lg);
}

/* Autorenbox ab 1024 px auf der Inhaltskante der Abschnitte, das Bild oben
   am Namen statt mittig neben dem ganzen Text. */
.page-template-page-saeule .sk-autor__karte,
.page-template-page-saeule .sk-autor-schluss .sk-autor__karte {
	align-items: start;
}

.page-template-page-saeule .sk-autor__text {
	max-width: 46rem;
}

@media (min-width: 1024px) {
	.page-template-page-saeule .sk-autor-schluss {
		padding-inline: 0;
	}
}