/* SIGES Scroll-Section
   Zwei Varianten via Modifier-Klasse:
   .siges-acc-scroll           → style="accordion"  (details/summary, Expand/Collapse)
   .siges-acc-scroll--text     → style="text"        (Subheadings + sichtbarer Text)
   LEFT 50%: Bild sticky via GSAP  |  RIGHT 50%: Content
*/

/* Section: 100vw-Breakout. KEIN overflow:hidden — killt GSAP sticky. */
.siges-acc-scroll {
	position: relative !important;
	width: 100vw !important;
	max-width: 100vw !important;
	left: 50% !important;
	margin-left: -50vw !important;
	margin-right: -50vw !important;
	background: var(--sg-sec-bg, #f7f5f1);
	color: var(--sg-sec-text, inherit);
	box-sizing: border-box;
	overflow: visible !important;
}

.siges-acc-scroll__inner {
	display: flex !important;
	flex-direction: row !important; /* Elementor vererbt --flex-direction:column → hart überschreiben */
	align-items: flex-start;
	width: 100%;
	margin: 0;
	padding: 0;
	gap: 0;
}

/* ===== LEFT 50%: GSAP pinnt dieses Element ===== */
.siges-acc-scroll__media {
	flex: 0 0 50vw !important;
	width: 50vw !important;
	height: 100vh !important;
	align-self: flex-start;
	overflow: hidden;
	/* Per-Item → Section-Default → transparent (kein hartkodiertes Fallback) */
	background: var(--ics-slot-left-bg, var(--ics-media-bg, transparent));
	transition: background 0.6s cubic-bezier(0.16, 1, 0.3, 1);
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
	will-change: transform;
}

.siges-acc-scroll__img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	opacity: 0;
	transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1);
	pointer-events: none;
	max-width: none !important;
	max-height: none !important;
	display: block !important;
}
.siges-acc-scroll__img.is-active { opacity: 1; }

/* ===== RIGHT 50%: Content Stack ===== */
.siges-acc-scroll__content {
	flex: 1 1 50vw !important;
	min-width: 0 !important;
	max-width: 50vw;
	box-sizing: border-box;
	padding: 40vh 60px 30vh 60px !important;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	background: var(--ics-content-bg, transparent);
}

/* Section-Heading */
.siges-acc-scroll__title {
	font-family: 'Ageo', 'Inter', sans-serif;
	font-size: clamp(24px, 2.2vw, 34px);
	font-weight: 700;
	color: var(--sg-acc-title, var(--sg-sec-text, #BE9B53)); /* title_color → text_color → Gold */
	line-height: 1.15;
	margin: 0 0 0.5rem;
	letter-spacing: -0.01em;
	max-width: 16ch;
}

.siges-acc-scroll__subtitle {
	font-size: 16px;
	color: var(--sg-sec-text, #2C2825); /* Brand-Typo via section_text_color */
	line-height: 1.55;
	margin: 0 0 1.5rem;
	max-width: 50ch;
}

.siges-acc-scroll__list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 2rem;
}

/* ============================================================
   ACCORDION-VARIANTE (default, style="accordion")
   ============================================================ */
.siges-acc-scroll__item {
	background: transparent;
	border: none;
	min-height: 30vh;
	display: block;
}

.siges-acc-scroll__head {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 22px 24px;
	cursor: pointer;
	list-style: none;
	font-family: inherit;
	background: #fff;
	border: 1px solid #ECE9E4;
	border-radius: 12px;
	transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.15s ease;
}
.siges-acc-scroll__head::-webkit-details-marker,
.siges-acc-scroll__head::marker { display: none; content: none; }
.siges-acc-scroll__head:hover {
	background: #f7f5f1;
	border-color: #d9d2c8;
}
.siges-acc-scroll__head:focus-visible {
	outline: 2px solid #BE9B53;
	outline-offset: -2px;
}

.siges-acc-scroll__item[open] .siges-acc-scroll__head {
	background: #fff;
	border-color: #BE9B53;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: 1px solid transparent;
	box-shadow: 0 -1px 0 0 #BE9B53;
}
.siges-acc-scroll__item.is-active .siges-acc-scroll__head {
	border-color: #BE9B53;
}

.siges-acc-scroll__icon {
	flex-shrink: 0 !important;
	width: 40px !important;
	height: 40px !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
}
.siges-acc-scroll__icon img {
	width: 40px !important;
	height: 40px !important;
	max-width: none !important;
	max-height: none !important;
	object-fit: contain !important;
	display: block !important;
}

.siges-acc-scroll__item-title {
	flex: 1;
	font-size: 1.1rem;
	font-weight: 600;
	color: var(--sg-sec-text, #3a3028);
	line-height: 1.3;
}

.siges-acc-scroll__chev {
	flex-shrink: 0;
	color: #BE9B53;
	transition: transform 0.25s ease;
}
.siges-acc-scroll__item[open] .siges-acc-scroll__chev {
	transform: rotate(180deg);
}

.siges-acc-scroll__body {
	padding: 20px 24px 24px 78px;
	color: #2C2825;
	font-size: 16px;
	line-height: 1.55;
	background: #fff;
	border: 1px solid #BE9B53;
	border-top: none;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	box-shadow: 0 8px 24px -10px rgba(81, 60, 45, 0.18);
}
.siges-acc-scroll__body p { margin: 0 0 0.6em; }
.siges-acc-scroll__body p:last-child { margin-bottom: 0; }

/* ============================================================
   TEXT-VARIANTE (style="text") — Modifier .siges-acc-scroll--text
   Überschreibt Accordion-Styles. Subheadings + Text immer sichtbar.
   ============================================================ */
.siges-acc-scroll--text .siges-acc-scroll__subtitle {
	margin-bottom: 2.5rem;
}

.siges-acc-scroll--text .siges-acc-scroll__list {
	gap: 5rem;
}

.siges-acc-scroll--text .siges-acc-scroll__item {
	min-height: 50vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.siges-acc-scroll--text .siges-acc-scroll__head {
	align-items: center; /* Icon vertikal auf Heading-Mitte */
	gap: 16px;
	padding: 0;
	margin-bottom: 0.85rem;
	background: none;
	border: none;
	border-radius: 0;
	cursor: default;
	transition: none;
}
.siges-acc-scroll--text .siges-acc-scroll__head:hover {
	background: none;
	border: none;
}

.siges-acc-scroll--text .siges-acc-scroll__icon {
	margin-top: 0; /* kein manueller Offset mehr — align-items:center übernimmt */
}

.siges-acc-scroll--text .siges-acc-scroll__item-title {
	font-family: 'Ageo', 'Inter', sans-serif;
	font-size: clamp(1.15rem, 1.5vw, 1.45rem);
	font-weight: 700;
	color: var(--ics-title-color, var(--sg-sec-text, #2C2825));
	line-height: 1.25;
	letter-spacing: -0.01em;
	/* h3 reset */
	margin: 0;
}

.siges-acc-scroll--text .siges-acc-scroll__body {
	padding: 0; /* bündig mit Icon-Kante */
	background: none;
	border: none;
	box-shadow: none;
	border-radius: 0;
	color: var(--ics-body-color, var(--sg-sec-text, #6b6357));
	line-height: 1.65;
}

/* ===== CTA in der Media-Spalte (gepinnt, unten links) ===== */
.siges-acc-scroll__media-cta {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.85rem 1.75rem;
	border: 2px solid #BE9B53;
	border-radius: 999px;
	color: #BE9B53;
	background: rgba(255,255,255,0.92);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	font-weight: 600;
	font-size: 0.95rem;
	text-decoration: none;
	transition: background 0.25s ease, color 0.25s ease, gap 0.25s ease;
	position: absolute;
	bottom: 36px;
	left: 36px;
	z-index: 10;
}
.siges-acc-scroll__media-cta:hover {
	background: #BE9B53;
	color: #fff;
	gap: 0.75rem;
	text-decoration: none;
}

/* ===== CTA im Content-Bereich (nur Mobile) ===== */
.siges-acc-scroll__cta {
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.85rem 1.75rem;
	border: 2px solid #BE9B53;
	border-radius: 999px;
	color: #BE9B53;
	font-weight: 600;
	font-size: 0.95rem;
	text-decoration: none;
	transition: background 0.25s ease, color 0.25s ease, gap 0.25s ease;
}
.siges-acc-scroll__cta:hover {
	background: #BE9B53;
	color: #fff;
	gap: 0.75rem;
	text-decoration: none;
}
/* Desktop: Media-CTA übernimmt → Content-CTA ausblenden */
@media (min-width: 901px) {
	.siges-acc-scroll__cta--mobile-only { display: none; }
}

/* Elementor wrapper neutralisieren */
.elementor-widget-shortcode:has(.siges-acc-scroll),
.elementor-widget-shortcode:has(.siges-acc-scroll) .elementor-widget-container,
.elementor-widget-shortcode:has(.siges-acc-scroll) .elementor-shortcode {
	padding: 0 !important;
	margin: 0 !important;
	min-height: 0 !important;
	width: 100% !important;
	max-width: none !important;
}

/* ===== ICS per-item card vars ===== */
.siges-icon-content-split .siges-acc-scroll__item {
	background: var(--ics-item-bg, var(--ics-card-bg, transparent));
	color: var(--ics-item-text, inherit);
	border-radius: 12px;
	transition: background 0.25s ease, box-shadow 0.25s ease;
}
.siges-icon-content-split .siges-acc-scroll__item:hover {
	background: var(--ics-item-hover, transparent);
}
.siges-icon-content-split .siges-acc-scroll__item .siges-acc-scroll__item-title {
	color: var(--ics-item-text, var(--ics-title-color, var(--sg-sec-text, #2C2825)));
}
.siges-icon-content-split .siges-acc-scroll__item .siges-acc-scroll__body {
	color: var(--ics-item-text, var(--ics-body-color, var(--sg-sec-text, #6b6357)));
}
.siges-icon-content-split .siges-acc-scroll__item .siges-acc-scroll__icon {
	background: var(--ics-item-icon-bg, transparent);
	border-radius: 8px;
}

/* ===== Icon-Mode (style="text", data-media-type="icon") ===== */
.siges-acc-scroll__media[data-media-type="icon"] {
	color: var(--ics-icon-color, inherit);
}

/* Großes linkes Icon: circle BG + Farbe via Slot-Vars (JS-sync) */
.siges-icon-content-split .siges-acc-scroll__media[data-media-type="icon"] .siges-acc-scroll__img {
	border-radius: 50% !important;
	background-color: var(--ics-slot-icon-bg, transparent) !important;
	color: var(--ics-slot-icon-color, inherit) !important;
	/* Größe + Positionierung bleiben identisch zur Icon-Mode-Basis-Regel */
}

/* Inline SVG Icons — fill + stroke via currentColor (= --ics-item-icon-color) */
.siges-icon-content-split .siges-ics-icon {
	fill: currentColor;
	stroke: currentColor;
	width: 100%;
	height: 100%;
	display: block;
}
/* Großes linkes Icon — zentriert, füllt den Panel großzügig */
.siges-icon-content-split .siges-acc-scroll__media .siges-ics-icon {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	/* Viel größer — ~45vw max 55vh damit es auf allen Viewports passt */
	width: clamp(280px, 42vw, 520px) !important;
	height: clamp(280px, 42vw, 520px) !important;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), color 0.4s ease, background 0.4s ease;
	/* Farbkette: per-Item Slot-Sync → Section-Level → SIGES-Gold als Brand-Default
	 * (Nicht auf inherit fallen — zu unkontrolliert, würde body-text-Farbe nutzen). */
	color: var(--ics-slot-icon-color, var(--ics-icon-color, #BE9B53)) !important;
	border-radius: 50%;
	background: var(--ics-slot-icon-bg, var(--ics-icon-bg, transparent));
	padding: 10%;
	box-sizing: border-box;
}
/* SVG-interne fill/stroke folgen currentColor — Override gegen Inline-Attribute */
.siges-icon-content-split .siges-acc-scroll__media .siges-ics-icon,
.siges-icon-content-split .siges-acc-scroll__media .siges-ics-icon * {
	fill: currentColor;
	stroke: currentColor;
}
.siges-icon-content-split .siges-acc-scroll__media .siges-ics-icon.is-active {
	opacity: 1;
	/* Subtile, langsame Eigenbewegung des aktiven Icons — pro Section leicht
	   variiert (siehe :nth-of-type). Zentrierung bleibt in den Keyframes erhalten.
	   Kleine Amplitude → lebendig, aber nicht unruhig. */
	animation: siges-ics-float-a 5s ease-in-out infinite;
}
.siges-icon-content-split .siges-acc-scroll__media .siges-ics-icon:nth-of-type(3n+2).is-active {
	animation-name: siges-ics-float-b;
	animation-duration: 5.5s;
}
.siges-icon-content-split .siges-acc-scroll__media .siges-ics-icon:nth-of-type(3n).is-active {
	animation-name: siges-ics-float-c;
	animation-duration: 6s;
}

@keyframes siges-ics-float-a {
	0%, 100% { transform: translate(-50%, -50%) scale(1); }
	50%      { transform: translate(-50%, calc(-50% - 28px)) scale(1.04); }
}
@keyframes siges-ics-float-b {
	0%, 100% { transform: translate(-50%, -50%) rotate(0deg); }
	50%      { transform: translate(-50%, calc(-50% - 20px)) rotate(3deg); }
}
@keyframes siges-ics-float-c {
	0%, 100% { transform: translate(-50%, -50%) scale(1); }
	50%      { transform: translate(-50%, calc(-50% + 24px)) scale(1.05); }
}
@media (prefers-reduced-motion: reduce) {
	.siges-icon-content-split .siges-acc-scroll__media .siges-ics-icon.is-active {
		animation: none;
	}
}
/* Sync-JS kann nun auf data-slot="N" am SVG-Element zugreifen */

/* Kleines rechtes Icon-Circle pro Item — komplett ausgeblendet im ICS-Layout
 * (Nur das große linke Icon ist gewünscht.) */
.siges-icon-content-split .siges-acc-scroll__item .siges-acc-scroll__icon,
.siges-icon-content-split .siges-acc-scroll__item .siges-acc-scroll__icon img,
.siges-icon-content-split .siges-acc-scroll__item .siges-acc-scroll__icon .siges-ics-icon {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}
.siges-acc-scroll__media[data-media-type="icon"] .siges-acc-scroll__img {
	top: 50% !important;
	left: 50% !important;
	right: auto !important;
	bottom: auto !important;
	width: clamp(280px, 42vw, 520px) !important;
	height: clamp(280px, 42vw, 520px) !important;
	max-width: clamp(280px, 42vw, 520px) !important;
	max-height: clamp(280px, 42vw, 520px) !important;
	object-fit: contain !important;
	transform: translate(-50%, -50%);
}

/* ===== ICS-SPECIFIC: Rechte Seite — keine kleinen Icons, größere Schrift ===== */

/* Doppelte Sicherheit: alle möglichen Icon-Container im rechten Content-Panel ausblenden */
.siges-icon-content-split .siges-acc-scroll__icon,
.siges-icon-content-split .siges-acc-scroll__head .siges-acc-scroll__icon {
	display: none !important;
}
/* Head-Gap zurücksetzen wenn kein Icon */
.siges-icon-content-split .siges-acc-scroll--text .siges-acc-scroll__head {
	gap: 0 !important;
	padding-left: 0 !important;
}

/* Per-Item rechte Seite Hintergrund — via --ics-item-right-bg (inline style),
   Fallback auf Section-Karten-Standard --ics-card-bg, dann transparent */
.siges-icon-content-split .siges-acc-scroll--text .siges-acc-scroll__item {
	background: var(--ics-item-right-bg, var(--ics-card-bg, transparent));
	border-radius: 12px;
	padding: 32px 40px;
	transition: background 0.4s ease;
}

/* Überschrift rechts — größer */
.siges-icon-content-split .siges-acc-scroll--text .siges-acc-scroll__item-title {
	font-size: clamp(1.5rem, 2.1vw, 2.4rem) !important;
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: -0.02em;
}

/* Body-Text rechts — lesbarer */
.siges-icon-content-split .siges-acc-scroll--text .siges-acc-scroll__body,
.siges-icon-content-split .siges-acc-scroll--text .siges-acc-scroll__body p {
	font-size: clamp(1rem, 1.15vw, 1.15rem) !important;
	line-height: 1.7;
}

/* Mehr Luft zwischen Items */
.siges-icon-content-split .siges-acc-scroll--text .siges-acc-scroll__list {
	gap: 6rem;
}

/* ===== FULL-WIDTH LAYOUT (layout="full") — kein Media-Panel ===== */
.siges-acc-scroll--full .siges-acc-scroll__inner {
	display: block !important;
}
.siges-acc-scroll--full .siges-acc-scroll__content {
	flex: none !important;
	max-width: 860px;
	width: 100%;
	margin: 0 auto;
	padding: 64px 40px 80px !important;
}
.siges-acc-scroll--full .siges-acc-scroll__title {
	max-width: none;
	color: var(--siges-text, #2C2825);
}
/* FAQ-Accordion items volle Breite */
.siges-acc-scroll--full .siges-acc-scroll__item {
	min-height: auto;
	border-bottom: 1px solid var(--siges-border, #ECE9E4);
}
.siges-acc-scroll--full .siges-acc-scroll__item:first-child {
	border-top: 1px solid var(--siges-border, #ECE9E4);
}
.siges-acc-scroll--full .siges-acc-scroll__head {
	padding: 1.25rem 1.5rem;
}
.siges-acc-scroll--full .siges-acc-scroll__body {
	padding: 0 1.5rem 1.25rem;
}
/* Forest-green Toggle-Icon für die FAQ-Sektion */
.siges-acc-scroll--full .siges-acc-scroll__toggle {
	background: #2D5A3D;
	border-color: #2D5A3D;
	color: #fff;
}

/* ===== Mobile: vertikal, kein sticky ===== */
@media (max-width: 900px) {
	/* ── Mobile ICS Layout: Icon über jeder Content-Card, kein Sticky-Panel ── */

	/* Shared Media-Panel ausblenden — Icon kommt per-Item aus __icon */
	.siges-acc-scroll__media { display: none !important; }
	.siges-acc-scroll__media-cta { display: none; }

	.siges-acc-scroll__inner { flex-direction: column !important; }
	.siges-acc-scroll__content {
		flex: 1 1 auto !important;
		max-width: none !important;
		padding: 16px var(--sg-outer, 16px) 24px !important;  /* Padding matched Nav-Pill (16px outer) */
	}

	/* Items als offene Karten — kein Accordion-Collapse auf Mobile */
	.siges-acc-scroll__item {
		min-height: auto !important;
		open: true;
	}
	/* Details-Element auf Mobile immer offen */
	.siges-acc-scroll__item:not([open]) { }

	/* Head: Icon oben ZENTRIERT → Titel darunter zentriert */
	.siges-icon-content-split .siges-acc-scroll__head {
		flex-direction: column !important;
		align-items: center !important;     /* zentriert Icon + Title horizontal */
		text-align: center !important;
		gap: 12px !important;
		padding: 18px 18px 12px !important;
		cursor: default !important;
		border-radius: 16px 16px 0 0 !important;
	}

	/* Icon-Container: zentriert horizontal (User-Wunsch). */
	.siges-icon-content-split .siges-acc-scroll__item .siges-acc-scroll__icon {
		width: clamp(80px, 22vw, 108px) !important;
		height: clamp(80px, 22vw, 108px) !important;
		border-radius: 50% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		background: var(--ics-slot-icon-bg, var(--ics-icon-bg, #58886D)) !important;
		align-self: center !important;       /* war flex-start → jetzt zentriert */
		margin-bottom: 4px !important;
	}
	.siges-icon-content-split .siges-acc-scroll__item .siges-acc-scroll__icon .siges-ics-icon {
		width: 55% !important;
		height: 55% !important;
		color: var(--ics-slot-icon-color, var(--ics-icon-color, #E9E3D7)) !important;
	}
	/* SVG-Pfade brauchen EXPLIZITES fill+stroke=currentColor — inline style="…stroke-width:2px"
	   auf den <path>-Elementen hat keine stroke-Farbe → ohne diese Override-Regel
	   sind die Linien transparent/unsichtbar auf Mobile. Mehrere Selektoren mit
	   aufsteigender Spezifität damit auch tiefe SVG-Hierarchien (g/g/g/path) treffen. */
	.siges-icon-content-split .siges-ics-icon,
	.siges-icon-content-split .siges-ics-icon *,
	.siges-icon-content-split .siges-ics-icon g,
	.siges-icon-content-split .siges-ics-icon path,
	.siges-icon-content-split .siges-ics-icon circle,
	.siges-icon-content-split .siges-ics-icon line,
	.siges-icon-content-split .siges-ics-icon polyline,
	.siges-icon-content-split .siges-ics-icon polygon,
	.siges-icon-content-split .siges-ics-icon rect {
		stroke: var(--ics-slot-icon-color, var(--ics-icon-color, #E9E3D7)) !important;
		stroke-width: 2px;
		fill: var(--ics-slot-icon-color, var(--ics-icon-color, #E9E3D7));  /* outline-only Icons haben inline fill:none → das gewinnt */
	}
	/* Default outline-only — viele Icons haben inline style="fill:none" auf den paths.
	   Die Regel oben setzt fill auf cream als Fallback, aber inline fill:none gewinnt
	   für die outline-Icons. Bei filled Icons fungiert das fill als Sichtbarkeits-Garant. */

	/* Body sichtbar + kompakter (weniger trailing-Padding) */
	.siges-icon-content-split .siges-acc-scroll__body {
		display: block !important;
		padding: 0 18px 18px !important;   /* war 0 20 24 */
		max-height: none !important;
		overflow: visible !important;
	}

	/* Item als Card — engere gap-Schaltung damit Kontent dichter fließt */
	.siges-acc-scroll__list { gap: 14px !important; }   /* war 20 */
	.siges-acc-scroll__item { border-radius: 16px !important; overflow: hidden !important; }
	.siges-acc-scroll__item-title { font-size: clamp(18px, 4.5vw, 22px) !important; line-height: 1.25 !important; }
	.siges-acc-scroll__title { font-size: clamp(22px, 5.5vw, 28px) !important; }
	.siges-acc-scroll--text .siges-acc-scroll__body { padding-left: 18px !important; }
	.siges-acc-scroll--text .siges-acc-scroll__body p { margin: 0 0 0.8em !important; }
	.siges-acc-scroll--text .siges-acc-scroll__body p:last-child { margin-bottom: 0 !important; }
}


/* ─── Media-Modus: team-Cards statt Icons im pinned Pin-Bereich ─────────── */
.siges-acc-scroll__media[data-media-type="team"] {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--siges-bg-light, #f5f1eb);
}
.siges-acc-scroll__team-slot {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: clamp(24px, 4vw, 60px);
	opacity: 0;
	transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1);
	pointer-events: none;
}
.siges-acc-scroll__team-slot.is-active {
	opacity: 1;
	pointer-events: auto;
}
.siges-acc-scroll__team-card {
	width: clamp(260px, 26vw, 360px);
	max-width: 100%;
}

@media (max-width: 980px) {
	/* Mobile: gleiche Stack-Logik wie für Image-Mode → Card oben sichtbar */
	.siges-acc-scroll__media[data-media-type="team"] {
		height: auto;
		min-height: 360px;
	}
	.siges-acc-scroll__team-slot {
		position: relative;
		inset: auto;
	}
	.siges-acc-scroll__team-slot:not(.is-active) {
		display: none;
	}
}

/* ── Dark Mode ────────────────────────────────────────────────────────────── */
.siges-acc-scroll--dark {
  color: var(--siges-border, #ECE9E4);
}
.siges-acc-scroll--dark .siges-acc-scroll__title,
.siges-acc-scroll--dark .siges-acc-scroll__item-title {
  color: var(--siges-border, #ECE9E4);
}
.siges-acc-scroll--dark .siges-acc-scroll__subtitle,
.siges-acc-scroll--dark .siges-acc-scroll__body,
.siges-acc-scroll--dark .siges-acc-scroll__head {
  color: rgba(236, 233, 228, 0.8);
}
.siges-acc-scroll--dark .siges-acc-scroll__icon img,
.siges-acc-scroll--dark .siges-acc-scroll__icon svg {
  filter: brightness(0) invert(1) sepia(1) saturate(2) hue-rotate(10deg);
}
.siges-acc-scroll--dark .siges-acc-scroll__item.is-active .siges-acc-scroll__item-title {
  color: var(--siges-gold, #BE9B53);
}
.siges-acc-scroll--dark .siges-acc-scroll__item-divider {
  background: rgba(236, 233, 228, 0.15);
}
.siges-acc-scroll--dark .siges-acc-scroll__cta {
  --page-accent: var(--siges-gold, #BE9B53);
  --page-accent-contrast: #2C2825;
}