/* martincasino-de-2 — Designsystem, Schriftskala TYPO-10, Abstandsskala SPACE-09 */

@font-face{font-family:'Skyline Sans';src:url('/panel/type-a.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Skyline Sans';src:url('/panel/type-b.woff2') format('woff2');font-weight:700 800;font-style:normal;font-display:swap}
@font-face{font-family:'Harbour Text';src:url('/panel/type-c.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Harbour Text';src:url('/panel/type-d.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}

:root{
	--wb-primary:#fe6600;
	--wb-key:#1e81c5;
	--wb-action-down:#1967ac;
	--wb-sheet:#10151b;
	--wb-raised:#171e27;
	--wb-tint:#1f2833;
	--wb-body:#FFFFFF;
	--wb-faint:#bebcbc;
	--wb-stroke:#28323f;
	--wb-edge-hard:#3c4858;
	--wb-blend-a:#7db8eb;
	--wb-fade-bottom:#3694e0;
	--wb-caution:#9f1239;

	--wb-hair:2px;
	--wb-tiny:6px;
	--wb-snug:10px;
	--wb-base:16px;
	--wb-wide:48px;
	--wb-roomy:80px;
	--wb-vast:128px;
	--wb-huge:200px;
	--wb-sec:48px;
	--wb-gutter:12px;

	--r-hair:2px;
	--r-tiny:0;
	--r-snug:4px;
	--r-base:12px;
	--r-wide:24px;
	--r-roomy:32px;
	--r-vast:40px;
	--r-huge:56px;
	--wb-pill:9999px;
	--wb-round-full:50%;

	--wb-heading:'Skyline Sans',Verdana,sans-serif;
	--wb-copy:'Harbour Text',Helvetica,Arial,sans-serif;

	--wb-display-1:clamp(30px,5.4vw,60px);
	--wb-xl-2:clamp(24px,3.1vw,34px);
	--wb-sub:clamp(19px,2.1vw,24px);
	--wb-h4:19px;
	--wb-sm-2:16px;
	--wb-h6:14px;
	--z-copy:16px;
	--wb-petite:13px;
	--wb-legal:10px;

	--l-snug:1.1;
	--wb-even:1.5;
	--wb-open:1.65;
	--wb-close:-0.02em;
	--wb-default:0;
	--e-open:0.06em;
	--w-base:400;
	--wb-semi:600;
	--wb-black:800;

	--d-hair:0 1px 0 rgba(0,0,0,0.10);
	--d-tiny:0 1px 0 rgba(0,0,0,0.10);
	--d-snug:0 2px 8px rgba(0,0,0,0.07);
	--d-base:0 6px 16px rgba(0,0,0,0.10);
	--d-wide:0 12px 32px rgba(0,0,0,0.14);
	--d-roomy:0 18px 44px rgba(0,0,0,0.18);
	--d-vast:0 24px 60px rgba(0,0,0,0.22);
	--d-huge:0 34px 80px rgba(0,0,0,0.26);

	--b-hair:1px;
	--wb-regular:2px;
	--b-wide:4px;

	--wb-swift:117ms;
	--wb-normal:200ms;
	--wb-slow:331ms;
	--wb-land:cubic-bezier(0.24, 0.8, 0.38, 0.95);
	--wb-enter:cubic-bezier(0.46, 0, 0.47, 1);
	--wb-both:cubic-bezier(0.46, 0, 0.47, 1);
	--wb-elastic:cubic-bezier(0.31, 0.9, 0.57, 1.05);

	--wb-full:1220px;
	--wb-column:820px;
	--wb-brief:560px;
	--wb-inset-desktop:64px;
	--wb-pad-md:32px;
	--wb-padding-mobile:20px;
	--wb-pad:20px;
	--wb-h-lg:74px;
	--wb-h-sm:64px;
}

@media (min-width:760px){
	:root{--wb-pad:var(--wb-pad-md);--wb-sec:48px}
}
@media (min-width:1080px){
	:root{--wb-pad:var(--wb-inset-desktop);--z-copy:16px;--wb-petite:13px}
}

/* Grundlagen */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:120px}
html,body{overflow-x:clip}
body{
	margin:0;
	padding-top:98px;
	background:var(--wb-sheet);
	color:var(--wb-body);
	font-family:var(--wb-copy);
	font-size:var(--z-copy);
	line-height:var(--wb-open);
	display:flex;
	flex-direction:column;
	min-height:100vh;
}
@media (max-width:1079px){body{padding-top:80px}}
img{max-width:100%}
h1,h2,h3,h4,h5,h6{font-family:var(--wb-heading);font-weight:var(--wb-black);line-height:var(--l-snug);letter-spacing:var(--wb-close);overflow-wrap:anywhere;margin:0 0 var(--wb-base)}
h1{font-size:var(--wb-display-1)}
h2{font-size:var(--wb-xl-2)}
h3{font-size:var(--wb-sub)}
p{margin:0 0 var(--wb-base);overflow-wrap:anywhere}
p:last-child{margin-bottom:0}
ul,ol{margin:0 0 var(--wb-base);padding-left:var(--wb-wide)}
li{margin-bottom:var(--wb-tiny)}
strong{font-weight:var(--wb-semi)}
hr{border:0}
svg{display:block}

.skipJump{position:absolute;left:var(--wb-base);z-index:200;background:var(--wb-primary);color:var(--wb-sheet);padding:var(--wb-snug) var(--wb-base);border-radius:var(--r-snug);font-weight:var(--wb-semi);text-decoration:none}
.skipJump:not(:focus){top:-200px}
.skipJump:focus{top:var(--wb-snug)}

.pageMain{flex:1 0 auto;display:block}

/* Gemeinsame Sektionsbreite — Kopf, Fuss und alle Sektionen teilen eine Formel */
.vectorDisplayHold,.chipBodyHold,.componentContainerHold,.cabinCarouselHold,.latchBarHold,
.sheetRailHold,.wingBarHold,.hubListHold,.boardHeaderHold,.spikeHeaderHold,.nookTrackHold,
.stubSpanHold,.vectorTrackHold,.regionBunchHold{
	width:100%;
	max-width:calc(var(--wb-full) + 2 * var(--wb-pad));
	margin-inline:auto;
	padding-inline:var(--wb-pad);
}

/* ── Kopfzeile: HEAD-INSET, Insel mit Abstand zum Rand ───────────────── */
.vectorDisplay{
	position:fixed;
	inset-block-start:var(--wb-gutter);
	inset-inline:var(--wb-gutter);
	z-index:100;
	transition:transform var(--wb-normal) var(--wb-land);
}
.vectorDisplay.is-hidden{transform:translateY(calc(-100% - var(--wb-gutter) - 6px))}
.vectorDisplayHold{
	height:74px;
	display:flex;
	align-items:center;
	gap:var(--wb-base);
	max-width:1420px;
	padding-inline:var(--wb-base);
	background:var(--wb-raised);
	color:var(--wb-body);
	border:var(--b-hair) solid var(--wb-stroke);
	border-radius:var(--r-base);
	box-shadow:var(--d-wide);
}
@media (max-width:1079px){.vectorDisplayHold{height:64px;gap:var(--wb-snug)}}
.vectorDisplayBrand{display:flex;align-items:center;flex-shrink:0;text-decoration:none}
.vectorDisplayEmblem{display:block;height:60px;width:auto;flex-shrink:0}
@media (max-width:1079px){.vectorDisplayEmblem{height:44px}}

.vectorDisplayTap{
	display:inline-flex;
	margin-left:auto;
	width:46px;
	height:44px;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
	background:var(--wb-tint);
	color:var(--wb-body);
	border:var(--b-hair) solid var(--wb-edge-hard);
	border-radius:var(--r-snug);
	cursor:pointer;
}
@media (min-width:1080px){.vectorDisplayTap{display:none}}
.vectorDisplayBun{position:relative;display:block;width:20px;height:var(--wb-hair);background:var(--wb-body)}
.vectorDisplayBun::before,.vectorDisplayBun::after{content:'';position:absolute;left:0;width:20px;height:var(--wb-hair);background:var(--wb-body)}
.vectorDisplayBun::before{top:-6px}
.vectorDisplayBun::after{top:6px}

.vectorDisplayGuide{flex:1 1 auto;min-width:0;display:none}
@media (min-width:1080px){.vectorDisplayGuide{display:block}}
.vectorDisplayChain{display:flex;align-items:center;gap:var(--wb-base);margin:0;padding:0;list-style:none}
.vectorDisplaySlot{margin:0;flex:0 0 auto}
.vectorDisplayRoute{
	display:inline-block;
	padding:var(--wb-tiny) 0;
	color:var(--wb-body);
	background:var(--wb-raised);
	font-family:var(--wb-copy);
	font-size:16px;
	font-weight:var(--w-base);
	white-space:nowrap;
	text-decoration:none;
	border-radius:var(--r-snug);
	transition:color var(--wb-swift) var(--wb-land),background-color var(--wb-swift) var(--wb-land);
}
.vectorDisplayRoute:hover,.vectorDisplayRoute:focus-visible{background:var(--wb-tint);color:var(--wb-blend-a);padding-inline:var(--wb-snug)}
.vectorDisplaySlot.is-here .vectorDisplayRoute{font-weight:var(--wb-black);color:var(--wb-body);background:var(--wb-raised)}
.vectorDisplayRest{margin:0;flex:0 0 auto;position:relative}
.vectorDisplayMore{
	display:inline-block;
	padding:var(--wb-tiny) var(--wb-snug);
	background:var(--wb-tint);
	color:var(--wb-body);
	border:var(--b-hair) solid var(--wb-edge-hard);
	border-radius:var(--wb-pill);
	font-family:var(--wb-copy);
	font-size:var(--wb-petite);
	white-space:nowrap;
	cursor:pointer;
}
.vectorDisplayMore:hover{background:var(--wb-edge-hard);color:var(--wb-body)}
.vectorDisplayPane{
	position:absolute;
	inset-inline-end:0;
	inset-block-start:calc(100% + var(--wb-snug));
	display:none;
	height:auto;
	min-width:220px;
	max-height:70vh;
	overflow-y:auto;
	margin:0;
	padding:var(--wb-snug);
	list-style:none;
	background:var(--wb-tint);
	color:var(--wb-body);
	border:var(--b-hair) solid var(--wb-edge-hard);
	border-radius:var(--r-base);
	box-shadow:var(--d-vast);
	transition:height var(--wb-normal) var(--wb-both);
}
.vectorDisplayPane.is-open{display:block}
.vectorDisplayPane .vectorDisplaySlot{display:block;width:100%}
.vectorDisplayPane .vectorDisplayRoute{display:block;width:100%;background:var(--wb-tint);padding:var(--wb-tiny) var(--wb-snug)}

.vectorDisplayActions{margin-left:auto;display:flex;align-items:center;gap:var(--wb-snug);flex-shrink:0}
.vectorDisplayPress{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:44px;
	padding-inline:var(--wb-base);
	border-radius:var(--wb-pill);
	font-family:var(--wb-copy);
	font-size:var(--wb-petite);
	font-weight:var(--wb-semi);
	white-space:nowrap;
	text-decoration:none;
	flex-shrink:0;
}
.vectorDisplayPressQuiet{background:var(--wb-tint);color:var(--wb-body);border:var(--b-hair) solid var(--wb-edge-hard)}
.vectorDisplayPressQuiet:hover{background:var(--wb-edge-hard);color:var(--wb-body)}
@media (max-width:1199px){.vectorDisplayActions .vectorDisplayPress{padding-inline:var(--wb-snug)}}
@media (max-width:620px){
	.vectorDisplayActions .vectorDisplayPress{min-width:0;flex-shrink:1;white-space:normal;text-align:center;line-height:1.15;font-size:12px;padding:var(--wb-tiny);min-height:42px}
	.vectorDisplayEmblem{height:48px}
	.vectorDisplayTap{width:42px}
	.vectorDisplayHold{gap:var(--wb-tiny);padding-inline:var(--wb-snug)}
}
@media (max-width:380px){
	.vectorDisplayActions .vectorDisplayPress{font-size:11px;max-width:42vw;overflow-wrap:anywhere}
	.vectorDisplayEmblem{height:40px}
	.vectorDisplayTap{width:38px}
	.vectorDisplayHold{padding-inline:var(--wb-tiny)}
}

.vectorDisplayTray{
	display:none;
	margin-block-start:var(--wb-tiny);
	padding:var(--wb-snug);
	max-height:calc(100vh - 110px);
	overflow-y:auto;
	background:var(--wb-raised);
	color:var(--wb-body);
	border:var(--b-hair) solid var(--wb-stroke);
	border-radius:var(--r-base);
	box-shadow:var(--d-vast);
}
.vectorDisplayTray.is-open{display:block;}
@media (min-width:1080px){.vectorDisplayTray{display:none !important}}
.vectorDisplayTrayChain{display:block;margin:0;padding:0;list-style:none}
.vectorDisplayTraySlot{margin:0;display:block}
.vectorDisplayTraySlot.is-here .vectorDisplayTrayRoute{font-weight:var(--wb-black)}
.vectorDisplayTrayRoute{
	display:block;
	padding:var(--wb-snug) var(--wb-base);
	min-height:44px;
	background:var(--wb-raised);
	color:var(--wb-body);
	font-size:var(--wb-sm-2);
	text-decoration:none;
	border-radius:var(--r-snug);
}
.vectorDisplayTrayRoute:hover{background:var(--wb-tint);color:var(--wb-blend-a)}

/* ── Hinweis 18+ : RG-03, Band auf Inhaltsbreite ─────────────────────── */
.pulseStrip{
	width:100%;
	max-width:calc(var(--wb-full) + 2 * var(--wb-pad));
	margin:var(--wb-base) auto 0;
	padding:var(--wb-snug) var(--wb-base);
	background:var(--wb-caution);
	color:var(--wb-body);
	border-radius:var(--r-base);
}
.pulseStripText{margin:0;font-size:var(--wb-petite);line-height:var(--wb-even);text-align:center;color:var(--wb-body);background:var(--wb-caution)}
.pulseStripRoute{color:var(--wb-body);background:var(--wb-caution);text-decoration:underline;text-underline-offset:3px}
.pulseStripRoute:hover{color:var(--wb-body);background:var(--wb-caution)}

/* ── Erster Bildschirm: HERO-05, gerahmte Platte ─────────────────────── */
.componentContainer{display:block;padding-block:var(--wb-sec)}
.componentContainerFrame{
	position:relative;
	padding:var(--wb-wide);
	background:var(--wb-sheet);
	color:var(--wb-body);
	outline:var(--b-wide) solid var(--wb-body);
	box-shadow:0 0 0 8px transparent,0 0 0 9px var(--wb-body);
}
@media (max-width:759px){.componentContainerFrame{padding:var(--wb-base);outline-width:var(--wb-regular);box-shadow:0 0 0 5px transparent,0 0 0 6px var(--wb-body)}}
.componentContainerContent{display:block}
.componentContainerMark{display:block;margin-bottom:var(--wb-snug);color:var(--wb-faint);background:var(--wb-sheet);font-size:var(--wb-petite);font-style:italic;letter-spacing:var(--e-open)}
.componentContainerRule{width:80px;height:var(--b-hair);margin:var(--wb-base) auto;background:var(--wb-key)}
.componentContainerDeck{max-width:var(--wb-brief);margin:0 auto var(--wb-base);color:var(--wb-body);background:var(--wb-sheet);font-family:var(--wb-copy);font-size:var(--wb-sm-2);text-align:center;line-height:var(--wb-even)}
.componentContainer h1{text-align:center}
.componentContainerInvite{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:48px;
	margin-inline:auto;
	padding-inline:var(--wb-wide);
	border-radius:var(--r-tiny);
	font-weight:var(--wb-semi);
	text-decoration:none;
}
.componentContainerContent{text-align:center}

/* ── Seitenkopf: PHEAD-08, Etikettenreihe ────────────────────────────── */
.cabinCarousel{display:block;padding-block:var(--wb-sec)}
.cabinCarouselTags{display:flex;flex-wrap:wrap;gap:var(--wb-tiny);margin:0 0 var(--wb-base);padding:0;list-style:none}
.cabinCarouselSlot{margin:0}
.cabinCarouselMark{display:inline-block;padding:var(--wb-hair) var(--wb-snug);background:var(--wb-primary);color:var(--wb-sheet);border-radius:var(--wb-pill);font-size:var(--wb-legal);text-transform:uppercase;letter-spacing:var(--e-open);font-weight:var(--wb-semi)}
.cabinCarouselDeck{color:var(--wb-faint);background:var(--wb-sheet);font-size:var(--wb-sm-2)}

/* ── Fliesstext: PROSE-23, erster Absatz als Einschub ────────────────── */
.latchBar{display:block;padding-block:var(--wb-sec)}
.latchBarPart{display:block}
.latchBarPart + .latchBarPart{margin-block-start:var(--wb-wide)}
.latchBarPart h2{margin-block-start:0;margin-block-end:var(--wb-base);font-size:var(--wb-xl-2);font-weight:var(--wb-black)}
.latchBarLead{
	display:block;
	margin-block-end:var(--wb-base);
	padding-left:var(--wb-base);
	border-left:var(--b-hair) solid var(--wb-primary);
	background:var(--wb-sheet);
	color:var(--wb-body);
	font-size:var(--wb-h4);
	line-height:var(--wb-even);
}
.latchBarLead p{margin:0}
.latchBar p{color:var(--wb-body);background:var(--wb-sheet)}
.latchBar a{color:var(--wb-blend-a);background:var(--wb-sheet);text-decoration:underline;text-underline-offset:3px}
.latchBar a:hover{color:var(--wb-body);background:var(--wb-sheet)}
.latchBarChain{margin:0 0 var(--wb-base);padding-left:var(--wb-base);list-style:none}
.latchBarSteps{margin:0 0 var(--wb-base);padding-left:var(--wb-wide)}
.latchBarSlot{position:relative;margin-bottom:var(--wb-tiny);padding-left:var(--wb-base);color:var(--wb-body);background:var(--wb-sheet)}
.latchBarSteps .latchBarSlot{padding-left:0}
.latchBarChain .latchBarSlot::before{content:'';position:absolute;left:0;top:11px;width:var(--wb-tiny);height:var(--wb-hair);background:var(--wb-primary)}
.latchBarFigure{display:block;margin:var(--wb-base) 0 0;padding:0}
.latchBarFigure--context{max-width:100%}
.latchBarFigure--detail{max-width:100%}
.latchBarFigure--process{max-width:100%}
.latchBarPic{display:block;width:100%;height:auto;max-height:52vh;object-fit:cover;border-radius:var(--r-base);border:var(--b-hair) solid var(--wb-stroke)}
.latchBarPlug{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wb-base);margin-block:var(--wb-wide);padding:var(--wb-base);background:var(--wb-raised);border-radius:var(--r-wide);border:var(--b-hair) solid var(--wb-stroke)}
.latchBarPress{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding-inline:var(--wb-wide);border-radius:var(--wb-pill);font-weight:var(--wb-semi);text-decoration:none}
.latchBarFine{flex:1 1 260px;margin:0;color:var(--wb-faint);background:var(--wb-raised);font-size:var(--wb-petite)}

/* ── Kartenraster: GRID-05, breite Leitkarte + kompakte Liste ────────── */
.sheetRail{display:block;padding-block:var(--wb-sec)}
.sheetRailFeature{position:relative;padding:var(--wb-wide);margin-bottom:var(--wb-base);background:var(--wb-primary);color:var(--wb-sheet);border-radius:var(--r-wide)}
@media (max-width:759px){.sheetRailFeature{padding:var(--wb-base)}}
.sheetRailFeatureIcon{width:40px;height:40px;margin-bottom:var(--wb-snug);fill:var(--wb-sheet)}
.sheetRailFeatureLabel{margin:0 0 var(--wb-snug);color:var(--wb-sheet);background:var(--wb-primary);font-size:var(--wb-xl-2);font-weight:var(--wb-black);line-height:var(--l-snug)}
.sheetRailFeatureText{margin:0;max-width:var(--wb-brief);color:var(--wb-sheet);background:var(--wb-primary);font-size:var(--wb-sm-2);line-height:var(--wb-even)}
.sheetRailChain{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wb-base);margin:0;padding:0;list-style:none}
@media (max-width:759px){.sheetRailChain{grid-template-columns:minmax(0,1fr)}}
.sheetRailBrick{position:relative;margin:0;padding:var(--wb-base);padding-block-start:var(--wb-snug);background:var(--wb-raised);border-top:var(--wb-regular) solid var(--wb-key);border-radius:0 0 var(--r-base) var(--r-base);overflow:hidden}
.sheetRailBrick::after{content:'';position:absolute;left:0;bottom:0;width:0;height:5px;background:var(--wb-primary);transition:width var(--wb-normal) var(--wb-land)}
.sheetRailBrick:hover::after{width:100%}
.sheetRailIcon{width:26px;height:26px;margin-block:var(--wb-snug);fill:var(--wb-key)}
.sheetRailLabel{margin:0 0 var(--wb-tiny);color:var(--wb-body);background:var(--wb-raised);font-size:var(--wb-sm-2);font-weight:var(--wb-black)}
.sheetRailText{margin:0;color:var(--wb-faint);background:var(--wb-raised);font-size:var(--wb-petite);line-height:var(--wb-even)}

/* ── Datenblock: TABLE-08, schwebende Karten ohne Tabelle ────────────── */
.wingBar{display:block;padding-block:var(--wb-sec)}
.wingBarGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:var(--wb-base);margin:0;padding:0;list-style:none}
@media (max-width:400px){.wingBarGrid{grid-template-columns:minmax(0,1fr)}}
.wingBarBrick{position:relative;margin:0;padding:var(--wb-base);background:var(--wb-raised);border-radius:var(--r-base);border:var(--b-hair) solid var(--wb-stroke);overflow:hidden}
.wingBarBrick::after{content:'';position:absolute;left:0;bottom:0;width:0;height:5px;background:var(--wb-key);transition:width var(--wb-normal) var(--wb-land)}
.wingBarBrick:hover::after{width:100%}
.wingBarEntry{display:flex;flex-direction:column;gap:var(--wb-hair);padding-block:var(--wb-tiny);border-bottom:var(--b-hair) solid var(--wb-stroke)}
.wingBarEntry:last-child{border-bottom:0}
.wingBarMark{color:var(--wb-faint);background:var(--wb-raised);font-size:var(--wb-legal);text-transform:uppercase;letter-spacing:var(--e-open)}
.wingBarValue{color:var(--wb-body);background:var(--wb-raised);font-size:var(--wb-sm-2);font-weight:var(--wb-semi);overflow-wrap:anywhere}

/* ── Stimmen: REV-09, Magazin-Zitate ─────────────────────────────────── */
.hubList{display:block;padding-block:var(--wb-sec)}
.hubListSlot{display:block;padding-block:var(--wb-wide);text-align:center}
.hubListWords{
	max-width:var(--wb-brief);
	margin:0 auto var(--wb-base);
	padding:0;
	color:var(--wb-body);
	background:var(--wb-sheet);
	font-family:var(--wb-heading);
	font-size:var(--wb-sub);
	font-style:italic;
	font-weight:var(--w-base);
	line-height:var(--l-snug);
}
.hubListSub{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:var(--wb-snug)}
.hubListAuthor{color:var(--wb-faint);background:var(--wb-sheet);font-size:var(--wb-petite);letter-spacing:var(--e-open);text-transform:uppercase}
.hubListScore{color:var(--wb-primary);background:var(--wb-sheet);font-size:var(--wb-petite);font-weight:var(--wb-semi);letter-spacing:var(--e-open)}
.hubListRule{width:80px;height:var(--b-hair);margin:0 auto;background:var(--wb-stroke)}
.hubListPlug{display:flex;justify-content:center;margin-block-start:var(--wb-wide)}
.hubListPress{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding-inline:var(--wb-wide);border-radius:var(--wb-pill);font-weight:var(--wb-semi);text-decoration:none}

/* ── Fragen: FAQ-06, Inhaltsverzeichnis mit Ankern ───────────────────── */
.boardHeader{display:block;padding-block:var(--wb-sec)}
.boardHeaderToc{display:block;margin-bottom:var(--wb-wide);padding:var(--wb-base);background:var(--wb-raised);border-radius:var(--r-base)}
.boardHeaderTocChain{margin:0;padding-left:var(--wb-base);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:var(--wb-tiny) var(--wb-base)}
.boardHeaderTocSlot{margin:0;color:var(--wb-faint);background:var(--wb-raised)}
.boardHeaderRoute{color:var(--wb-faint);background:var(--wb-raised);font-size:var(--wb-sm-2);text-decoration:none}
.boardHeaderRoute:hover{color:var(--wb-body);background:var(--wb-raised)}
.boardHeaderChain{margin:0}
.boardHeaderAsk{margin:0;padding-block-start:var(--wb-base);border-top:var(--b-hair) solid var(--wb-stroke);scroll-margin-top:130px}
.boardHeaderAsk h3{margin:0 0 var(--wb-snug);color:var(--wb-body);font-size:var(--wb-h4);font-weight:var(--wb-black)}
.boardHeaderReply{margin:0 0 var(--wb-base);padding:0}
.boardHeaderReply p{margin:0;color:var(--wb-faint);background:var(--wb-sheet);line-height:var(--wb-open)}

/* ── Aufruf: CTA-05, zwei Aktionen ───────────────────────────────────── */
.spikeHeader{display:block;padding-block:var(--wb-sec);background:var(--wb-raised)}
.spikeHeader h2{scroll-margin-top:130px}
.spikeHeaderText{max-width:var(--wb-brief);color:var(--wb-faint);background:var(--wb-raised);font-size:var(--wb-sm-2)}
.spikeHeaderActions{display:flex;flex-wrap:wrap;gap:var(--wb-base);margin-block:var(--wb-base)}
.spikeHeaderPress{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding-inline:var(--wb-wide);border-radius:var(--wb-pill);font-weight:var(--wb-semi);text-decoration:none}
.spikeHeaderPressQuiet{background:var(--wb-tint);color:var(--wb-body);border:var(--b-hair) solid var(--wb-edge-hard)}
.spikeHeaderPressQuiet:hover{background:var(--wb-edge-hard);color:var(--wb-body)}
.spikeHeaderTerms{color:var(--wb-faint);background:var(--wb-raised);font-size:var(--wb-petite);line-height:var(--wb-even)}

/* ── Rechtstexte: LEGAL-04, umrandeter Kasten ────────────────────────── */
.nookTrack{display:block;padding-block:var(--wb-sec)}
.nookTrackBox{position:relative;padding:var(--wb-wide);background:var(--wb-raised);border:var(--b-hair) solid var(--wb-stroke);border-radius:var(--r-wide);box-shadow:var(--d-snug)}
@media (max-width:759px){.nookTrackBox{padding:var(--wb-base)}}
.nookTrackStamp{margin:0 0 var(--wb-base);color:var(--wb-faint);background:var(--wb-raised);font-size:var(--wb-petite);text-align:right}
.nookTrackIntro{color:var(--wb-body);background:var(--wb-raised);font-size:var(--wb-h4);line-height:var(--wb-even)}
.nookTrackPart{display:block;margin-block-start:var(--wb-wide);scroll-margin-top:130px}
.nookTrackPart h2{margin-block-start:0;font-size:var(--wb-sub)}
.nookTrackPart p{color:var(--wb-faint);background:var(--wb-raised)}
.nookTrackChain{margin:0;padding-left:var(--wb-base);list-style:none}
.nookTrackSlot{position:relative;padding-left:var(--wb-base);color:var(--wb-faint);background:var(--wb-raised)}
.nookTrackSlot::before{content:'';position:absolute;left:0;top:11px;width:var(--wb-tiny);height:var(--wb-hair);background:var(--wb-key)}
.nookTrackNote{margin-block-start:var(--wb-wide);color:var(--wb-faint);background:var(--wb-raised);font-size:var(--wb-petite)}

/* ── Formular: FORM-06, schwebende Beschriftungen ────────────────────── */
.stubSpan{display:block;padding-block:var(--wb-sec)}
.stubSpanIntro{color:var(--wb-faint);background:var(--wb-sheet);max-width:var(--wb-brief)}
.stubSpanForm{display:block;max-width:var(--wb-column)}
.stubSpanEntry{position:relative;margin-bottom:var(--wb-base)}
.stubSpanControl{
	width:100%;
	padding:var(--wb-wide) var(--wb-base) var(--wb-snug);
	background:var(--wb-raised);
	color:var(--wb-body);
	border:var(--b-hair) solid var(--wb-edge-hard);
	border-radius:var(--r-tiny);
	font-family:var(--wb-copy);
	font-size:var(--wb-sm-2);
}
.stubSpanArea{min-height:140px;resize:vertical}
.stubSpanMark{
	position:absolute;
	top:var(--wb-base);
	left:var(--wb-base);
	color:var(--wb-faint);
	background:var(--wb-raised);
	font-size:var(--wb-sm-2);
	pointer-events:none;
	transition:top var(--wb-swift) var(--wb-land),font-size var(--wb-swift) var(--wb-land);
}
.stubSpanControl:focus + .stubSpanMark,.stubSpanControl:not(:placeholder-shown) + .stubSpanMark{top:var(--wb-tiny);font-size:var(--wb-legal);color:var(--wb-blend-a)}
.stubSpanControl:focus{outline:var(--wb-regular) solid var(--wb-key);outline-offset:2px}
.stubSpanPress{min-height:48px;padding-inline:var(--wb-wide);background:var(--wb-primary);color:var(--wb-sheet);border:0;border-radius:var(--wb-pill);font-family:var(--wb-copy);font-weight:var(--wb-semi);font-size:var(--wb-sm-2);cursor:pointer}
.stubSpanPress:hover{background:var(--wb-body);color:var(--wb-sheet)}
.stubSpanDone{margin-block-start:var(--wb-base);padding:var(--wb-base);background:var(--wb-raised);color:var(--wb-body);border-radius:var(--r-base)}

/* ── Autorenkarte: AUTH-05, kompakt ──────────────────────────────────── */
.hingeCarousel{display:flex;gap:var(--wb-snug);max-width:480px;margin-bottom:var(--wb-wide);padding:var(--wb-base);background:var(--wb-raised);border-radius:var(--r-base)}
.hingeCarouselHeadshot{width:56px;height:56px;flex-shrink:0;border-radius:var(--wb-round-full);object-fit:cover;object-position:center top}
.hingeCarouselBody{display:flex;flex-direction:column;gap:var(--wb-hair);min-width:0}
.hingeCarouselTitle{color:var(--wb-blend-a);background:var(--wb-raised);font-size:var(--wb-legal);text-transform:uppercase;letter-spacing:var(--e-open)}
.hingeCarouselAuthor{color:var(--wb-body);background:var(--wb-raised);font-size:var(--wb-sm-2);font-weight:var(--wb-black)}
.hingeCarouselText{margin:0;color:var(--wb-faint);background:var(--wb-raised);font-size:var(--wb-petite);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ── Autorenzeile: BYLINE-07, Karte mit Fachgebieten ─────────────────── */
.shellModule{display:block;padding-block:var(--wb-wide);width:100%;max-width:calc(var(--wb-full) + 2 * var(--wb-pad));margin-inline:auto;padding-inline:var(--wb-pad)}
.shellModuleBrick{padding:var(--wb-base);background:var(--wb-raised);border-radius:var(--r-base);box-shadow:var(--d-snug)}
.shellModuleTop{display:flex;align-items:center;gap:var(--wb-snug)}
.shellModuleHeadshot{width:72px;height:72px;flex-shrink:0;border-radius:var(--wb-round-full);object-fit:cover;object-position:center top}
.shellModuleIdent{min-width:0}
.shellModuleAuthor{margin:0;font-size:var(--wb-h4);font-weight:var(--wb-black)}
.shellModuleTitle{margin:0;color:var(--wb-faint);background:var(--wb-raised);font-size:var(--wb-petite)}
.shellModuleText{margin-block:var(--wb-base) var(--wb-snug);color:var(--wb-body);background:var(--wb-raised);line-height:var(--wb-open)}
.shellModuleTags{display:flex;flex-wrap:wrap;gap:var(--wb-tiny);margin-bottom:var(--wb-snug)}
.shellModuleTag{padding:var(--wb-hair) var(--wb-snug);background:var(--wb-primary);color:var(--wb-sheet);border-radius:var(--wb-pill);font-size:var(--wb-legal);text-transform:uppercase;letter-spacing:var(--e-open);font-weight:var(--wb-semi)}
.shellModuleRoute{color:var(--wb-blend-a);background:var(--wb-raised);text-decoration:underline;text-underline-offset:3px}
.shellModuleRoute:hover{color:var(--wb-body);background:var(--wb-raised)}
.shellModuleRouteAll{display:inline-block;font-size:var(--wb-petite)}

/* ── Cookies: COOK-06, Karte unten mit Zusatzlink ────────────────────── */
.regionBunch{
	position:fixed;
	inset-block-end:var(--wb-base);
	inset-inline:var(--wb-base);
	z-index:95;
	clip-path:inset(0 100% 0 0);
	opacity:0;
	visibility:hidden;
	transition:clip-path var(--wb-slow) var(--wb-land),opacity var(--wb-normal) var(--wb-land);
}
.regionBunch.is-open{clip-path:inset(0 0 0 0);opacity:1;visibility:visible}
.regionBunchHold{padding:var(--wb-base);background:var(--wb-raised);color:var(--wb-body);border:var(--b-hair) solid var(--wb-edge-hard);border-radius:var(--r-base);box-shadow:var(--d-vast)}
.regionBunchWords{margin:0 0 var(--wb-snug);color:var(--wb-body);background:var(--wb-raised);font-size:var(--wb-petite);line-height:var(--wb-even)}
.regionBunchActions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wb-snug)}
.regionBunchMore{display:inline-flex;align-items:center;min-height:36px;color:var(--wb-blend-a);background:var(--wb-raised);font-size:var(--wb-petite);text-decoration:underline;text-underline-offset:3px}
.regionBunchMore:hover{color:var(--wb-body);background:var(--wb-raised)}
.regionBunchSkip{min-height:44px;padding-inline:var(--wb-base);background:var(--wb-tint);color:var(--wb-body);border:var(--b-hair) solid var(--wb-edge-hard);border-radius:var(--wb-pill);font-family:var(--wb-copy);font-size:var(--wb-petite);cursor:pointer}
.regionBunchSkip:hover{background:var(--wb-edge-hard);color:var(--wb-body)}
.regionBunchConfirm{min-height:44px;padding-inline:var(--wb-base);background:var(--wb-primary);color:var(--wb-sheet);border:0;border-radius:var(--wb-pill);font-family:var(--wb-copy);font-size:var(--wb-petite);font-weight:var(--wb-semi);cursor:pointer}
.regionBunchConfirm:hover{background:var(--wb-body);color:var(--wb-sheet)}
@media (max-width:720px){
	.regionBunch{inset-inline:var(--wb-snug);inset-block-end:var(--wb-snug)}
	.regionBunchHold{padding:12px 14px;font-size:13px;line-height:1.35}
	.regionBunchWords{font-size:12px;line-height:1.35}
	.regionBunchActions{gap:8px}
	.regionBunchSkip,.regionBunchConfirm{padding:8px 14px;font-size:12px;min-height:36px}
}

/* ── Fehlerseite: ERR-04, ganzflächige Atmosphäre ────────────────────── */
.vectorTrack{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:clamp(460px,calc(100vh - 220px),720px);
	padding-block:var(--wb-sec);
	background-color:var(--wb-sheet);
	background-image:linear-gradient(180deg,rgba(16,21,27,0.35),rgba(16,21,27,0.92)),url('/panel/composition.webp');
	background-size:cover;
	background-position:center;
}
.vectorTrackHold{text-align:center}
.vectorTrackLabel{max-width:var(--wb-brief);margin-inline:auto;color:var(--wb-body);font-size:var(--wb-display-1)}
.vectorTrackText{max-width:var(--wb-brief);margin-inline:auto;padding:var(--wb-base);color:var(--wb-body);background:var(--wb-sheet);border-radius:var(--r-base);font-size:var(--wb-sm-2)}
.vectorTrackInvite{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-block-start:var(--wb-base);padding-inline:var(--wb-wide);background:var(--wb-key);color:var(--wb-body);border-radius:var(--wb-pill);font-weight:var(--wb-semi);text-decoration:none}
.vectorTrackInvite:hover{background:var(--wb-action-down);color:var(--wb-body)}

/* ── Fusszeile: FOOT-10, gegliedert und detailreich ──────────────────── */
.chipBody{flex-shrink:0;padding-block:var(--wb-sec);background:var(--wb-sheet);border-top:var(--b-hair) solid var(--wb-stroke)}
.chipBodyCrest{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wb-base);padding-block-end:var(--wb-base);border-bottom:var(--b-hair) solid var(--wb-stroke)}
.chipBodyBrand{display:inline-flex;flex-shrink:0;text-decoration:none}
.chipBodyEmblem{display:block;height:52px;width:auto}
.chipBodyWords{flex:1 1 280px;margin:0;color:var(--wb-faint);background:var(--wb-sheet);font-size:var(--wb-sm-2)}
.chipBodyPress{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding-inline:var(--wb-base);border-radius:var(--wb-pill);font-weight:var(--wb-semi);text-decoration:none}
.chipBodyGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:var(--wb-base);padding-block:var(--wb-base);border-bottom:var(--b-hair) solid var(--wb-stroke)}
.chipBodyTrack{min-width:0}
.chipBodyHeading{margin:0 0 var(--wb-snug);color:var(--wb-body);font-size:var(--wb-h6);text-transform:uppercase;letter-spacing:var(--e-open)}
.chipBodyChain{margin:0;padding:0;list-style:none}
.chipBodySlot{margin-bottom:var(--wb-tiny)}
.chipBodyRoute{color:var(--wb-faint);background:var(--wb-sheet);font-size:var(--wb-petite);text-decoration:none}
.chipBodyRoute:hover{color:var(--wb-body);background:var(--wb-sheet)}
.chipBodyNote{padding-block:var(--wb-base);border-bottom:var(--b-hair) solid var(--wb-stroke)}
.chipBodyText{margin:0 0 var(--wb-tiny);color:var(--wb-faint);background:var(--wb-sheet);font-size:var(--wb-legal);line-height:var(--wb-even)}
.chipBodyBase{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--wb-snug);padding-block-start:var(--wb-base)}
.chipBodyCopy{margin:0;color:var(--wb-faint);background:var(--wb-sheet);font-size:var(--wb-petite)}
.chipBodyTop{color:var(--wb-blend-a);background:var(--wb-sheet);font-size:var(--wb-petite);text-decoration:underline;text-underline-offset:3px}
.chipBodyTop:hover{color:var(--wb-body);background:var(--wb-sheet)}

/* Barrierefreiheit */
:focus-visible{outline:var(--wb-regular) solid var(--wb-blend-a);outline-offset:2px}
@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation:none !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}
}
.lijavi-pick{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--wb-wide);min-height:48px;border-radius:var(--wb-pill);font-weight:var(--wb-semi)}
.lijavi-pick{position:relative;
  background:#C026D3;color:#FFFFFF;text-decoration:none;
  transition:background 0.1s cubic-bezier(.2,.7,.3,1),transform 0.1s cubic-bezier(.2,.7,.3,1);}
.lijavi-pick.lijavi-pick{color:#FFFFFF;text-decoration:none;}
.lijavi-pick:hover{background:#A21CAF;color:#FFFFFF;animation:none}
.lijavi-pick.lijavi-pick:hover{color:#FFFFFF;text-decoration:none}
.lijavi-pick:hover::after{animation:none}
.lijavi-pick:active{background:#86198F;color:#FFFFFF}
.lijavi-pick:focus-visible{outline:3px solid #10151B;outline-offset:3px}
.lijavi-pick{overflow:hidden;animation:lijavi-ripple 2s linear infinite}
.lijavi-pick::after{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;pointer-events:none;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.42) 50%,transparent 100%);transform:translateX(-160%);animation:lijavi-ripple-2 2s ease-in-out infinite}
@keyframes lijavi-ripple{0%{transform:scale(1);animation-timing-function:cubic-bezier(.25,.8,.35,1)}17.500%{transform:scale(1.05);animation-timing-function:cubic-bezier(.45,.05,.55,.95)}55.000%,100%{transform:scale(1)}}
@keyframes lijavi-ripple-2{0%,6.000%{transform:translateX(-160%)}47.500%,100%{transform:translateX(330%)}}
.componentContainerContent .componentContainerInvite{border-radius:var(--r-tiny)}

@media (max-width: 1117px) {
  .vectorDisplayGuide,
  .vectorDisplayChain,
  .vectorDisplayRoute { display: none !important; }
  .vectorDisplayTap { display: flex !important; }
}