/* ==========================================================================
   Gipfellicht – Shell
   Schrift, Variablen, Kopfzeile, Menü, Fußleiste.
   Wird auf ALLEN Seiten geladen, auch im Gipfelbuch (App-Seite). Deshalb:
   - nur Klassen mit gl-Präfix, keine Element-Selektoren (body, a, h2, button …),
   - Variablen mit --gl-Präfix (keine Kollision mit --bg/--accent der App),
   - Kompatibilitäts-Variablen --gg-header-total / --gg-credits-total für /book/style.css.
   ========================================================================== */

@font-face {
	font-family: 'Saira';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(../fonts/saira-latin-ext-wght-normal.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Saira';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(../fonts/saira-latin-wght-normal.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	/* Marke */
	--gl-accent: #0675c4;
	--gl-accent-2: #3a93d8;
	--gl-accent-soft: rgba(6, 117, 196, .16);
	--gl-glow: #e0893a;
	--gl-glow-soft: rgba(224, 137, 58, .14);

	/* Shell (immer dunkel, wie das Gipfelbuch) */
	--gl-shell-bg: #0b0d10;
	--gl-shell-bg-2: #15181d;
	--gl-shell-line: #2a2f38;
	--gl-shell-text: #f2f4f6;
	--gl-shell-text-2: #a7b0ba;
	--gl-shell-text-3: #79828e;

	/* Maße */
	--gl-header-h: 56px;
	--gl-bar-h: 34px;
	--gl-safe-top: env(safe-area-inset-top, 0px);
	--gl-safe-right: env(safe-area-inset-right, 0px);
	--gl-safe-bottom: env(safe-area-inset-bottom, 0px);
	--gl-safe-left: env(safe-area-inset-left, 0px);
	--gl-header-total: calc(var(--gl-header-h) + var(--gl-safe-top));
	--gl-bar-total: calc(var(--gl-bar-h) + var(--gl-safe-bottom));
	--gl-admin-bar: 0px;

	/* Platz, den Google-Anzeigen belegen (gesetzt von ads-guard.js) */
	--gl-ad-top: 0px;        /* Höhe einer Anker-Anzeige oben */
	--gl-ad-top-shift: 0px;  /* davon NICHT schon von Google selbst eingerückt */
	--gl-ad-bottom: 0px;     /* Höhe einer Anker-Anzeige unten */
	--gl-ad-left: 0px;       /* Breite einer Seitenleisten-Anzeige links */
	--gl-ad-right: 0px;      /* … rechts */

	/* Kompatibilität: /book/style.css (Gipfelbuch) rechnet mit diesen Namen */
	--gg-header-total: var(--gl-header-total);
	--gg-credits-total: var(--gl-bar-total);

	--gl-font: 'Saira', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	--gl-gutter: clamp(16px, 4vw, 48px);
	--gl-gutter-l: max(var(--gl-gutter), var(--gl-safe-left));
	--gl-gutter-r: max(var(--gl-gutter), var(--gl-safe-right));
	--gl-container: none;
	--gl-measure: 820px;
	--gl-wide: 1320px;
	--gl-radius: 10px;
	--gl-ease: cubic-bezier(.2, .7, .2, 1);
}
.admin-bar { --gl-admin-bar: 32px; }
@media (max-width: 782px) { .admin-bar { --gl-admin-bar: 46px; } }

/* Screenreader-Text */
.gl-sr,
.gl-header .screen-reader-text,
.gl-drawer .screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.gl-skip {
	position: fixed;
	left: 12px;
	top: -100px;
	z-index: 100000;
	padding: 10px 16px;
	border-radius: 8px;
	background: var(--gl-accent);
	color: #fff;
	font: 600 15px/1 var(--gl-font);
	text-decoration: none;
}
.gl-skip:focus { top: calc(var(--gl-admin-bar) + 8px); }

.gl-header *,
.gl-drawer *,
.gl-bar * { box-sizing: border-box; }

.gl-icon {
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	flex: 0 0 auto;
	display: block;
}

/* ==========================================================================
   Kopfzeile
   ========================================================================== */

.gl-header {
	position: fixed;
	top: calc(var(--gl-admin-bar) + var(--gl-ad-top));
	left: 0;
	right: 0;
	z-index: 1500;               /* über Karte (9) und Map-Buttons (1000), unter App-Dialogen (2000+) */
	height: var(--gl-header-total);
	padding-top: var(--gl-safe-top);
	box-sizing: border-box;
	background: rgba(11, 13, 16, .9);
	-webkit-backdrop-filter: saturate(150%) blur(14px);
	backdrop-filter: saturate(150%) blur(14px);
	border-bottom: 1px solid var(--gl-shell-line);
	color: var(--gl-shell-text);
	font-family: var(--gl-font);
	transition: transform .32s var(--gl-ease), background-color .25s ease, border-color .25s ease, top .2s ease;
	will-change: transform;
}
.gl-header.is-hidden {
	transform: translate3d(0, calc(-100% - var(--gl-ad-top) - var(--gl-admin-bar) - 8px), 0);
	box-shadow: none;
}
.gl-header.is-hidden .gl-searchbar { display: none; }

/* Transparent über dem Startseiten-Hero, bis gescrollt wird */
.gl-overlay-header .gl-header:not(.is-scrolled):not(.is-open) {
	background: linear-gradient(to bottom, rgba(5, 8, 16, .45), rgba(5, 8, 16, 0));
	border-color: transparent;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

/* Kopfzeile scrollt mit (Einstellung "static") */
.gl-header-static .gl-header { position: absolute; }

.gl-header__inner {
	height: var(--gl-header-h);
	max-width: var(--gl-container);
	margin: 0 auto;
	padding: 0 calc(var(--gl-gutter-r) + var(--gl-ad-right)) 0 calc(var(--gl-gutter-l) + var(--gl-ad-left));
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
}

.gl-brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	flex: 0 1 auto;
	margin: 0;
	color: var(--gl-shell-text);
	text-decoration: none;
	font: 700 1.3rem/1 var(--gl-font);
	letter-spacing: .01em;
}
.gl-brand:hover,
.gl-brand:focus-visible { color: var(--gl-accent-2); }
.gl-brand .gl-icon { width: 26px; height: 26px; stroke: var(--gl-accent-2); }
.gl-brand__name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gl-brand__logo { display: block; height: 34px; width: auto; max-width: min(180px, 46vw); object-fit: contain; }

/* Desktop-Navigation */
.gl-nav { flex: 1 1 auto; min-width: 0; display: flex; justify-content: flex-end; }
.gl-nav .gl-menu,
.gl-nav .gl-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gl-nav .gl-menu { display: flex; gap: 2px; }
.gl-nav li { position: relative; margin: 0; padding: 0; }
.gl-nav a {
	display: block;
	padding: 8px 12px;
	border-radius: 8px;
	color: var(--gl-shell-text-2);
	text-decoration: none;
	font: 500 .95rem/1.3 var(--gl-font);
	white-space: nowrap;
}
.gl-nav a:hover,
.gl-nav a:focus-visible,
.gl-nav .current-menu-item > a,
.gl-nav .current_page_item > a,
.gl-nav .current-menu-ancestor > a {
	color: var(--gl-shell-text);
	background: rgba(255, 255, 255, .07);
}
.gl-nav .menu-item-has-children > a::after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 0 3px 8px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg);
	opacity: .7;
}
.gl-nav .sub-menu {
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	min-width: 230px;
	padding: 6px;
	background: var(--gl-shell-bg-2);
	border: 1px solid var(--gl-shell-line);
	border-radius: 12px;
	box-shadow: 0 18px 44px rgba(0, 0, 0, .5);
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity .15s ease, transform .15s ease, visibility 0s linear .15s;
	z-index: 2;
}
.gl-nav .sub-menu a { white-space: normal; }
.gl-nav .sub-menu .sub-menu { top: -7px; left: 100%; }
.gl-nav li:hover > .sub-menu,
.gl-nav li:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	transition-delay: 0s;
}
/* Letzte Untermenüs am rechten Rand nach links öffnen (nie aus dem Bildschirm) */
.gl-nav .gl-menu > li:nth-last-child(-n+2) > .sub-menu { left: auto; right: 0; }
.gl-nav .gl-menu > li:nth-last-child(-n+2) .sub-menu .sub-menu { left: auto; right: 100%; }

.gl-header__actions {
	display: flex;
	align-items: center;
	gap: 6px;
	flex: 0 0 auto;
	margin-left: auto;
}
.gl-hbtn {
	-webkit-appearance: none;
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 40px;
	min-width: 40px;
	margin: 0;
	padding: 0 10px;
	border: 1px solid transparent;
	border-radius: 10px;
	background: transparent;
	color: var(--gl-shell-text-2);
	font: 600 .9rem/1 var(--gl-font);
	text-decoration: none;
	cursor: pointer;
	transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.gl-hbtn:hover,
.gl-hbtn:focus-visible,
.gl-hbtn[aria-expanded="true"] { color: var(--gl-shell-text); background: rgba(255, 255, 255, .08); }
.gl-hbtn--app { padding: 0 14px; background: var(--gl-accent); border-color: var(--gl-accent); color: #fff; }
.gl-hbtn--app:hover,
.gl-hbtn--app:focus-visible { background: var(--gl-accent-2); border-color: var(--gl-accent-2); color: #fff; }
.gl-hbtn__label { display: none; }
.gl-hbtn--menu { display: none; }

.gl-burger { position: relative; display: block; width: 20px; height: 14px; }
.gl-burger span {
	position: absolute;
	left: 0;
	right: 0;
	height: 2px;
	border-radius: 2px;
	background: currentColor;
	transition: transform .25s var(--gl-ease), opacity .2s ease, top .25s var(--gl-ease);
}
.gl-burger span:nth-child(1) { top: 0; }
.gl-burger span:nth-child(2) { top: 6px; }
.gl-burger span:nth-child(3) { top: 12px; }
.gl-hbtn--menu[aria-expanded="true"] .gl-burger span:nth-child(1) { top: 6px; transform: rotate(45deg); }
.gl-hbtn--menu[aria-expanded="true"] .gl-burger span:nth-child(2) { opacity: 0; }
.gl-hbtn--menu[aria-expanded="true"] .gl-burger span:nth-child(3) { top: 6px; transform: rotate(-45deg); }

/* Ausklappbare Suche */
.gl-searchbar {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	display: none;
	padding: 10px var(--gl-gutter-r) 12px var(--gl-gutter-l);
	background: var(--gl-shell-bg-2);
	border-bottom: 1px solid var(--gl-shell-line);
	box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
}
.gl-searchbar.is-open { display: block; }

/* Suchformular (Kopfzeile, Menü, Hero, 404) */
.gl-search {
	display: flex;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	border: 1px solid var(--gl-shell-line);
	border-radius: 12px;
	background: var(--gl-shell-bg);
	overflow: hidden;
}
.gl-search__field {
	-webkit-appearance: none;
	appearance: none;
	flex: 1 1 auto;
	min-width: 0;
	height: 46px;
	margin: 0;
	padding: 0 14px;
	border: 0;
	outline: none;
	box-shadow: none;
	background: transparent;
	color: var(--gl-shell-text);
	font: 400 16px/1 var(--gl-font); /* 16px: kein Zoom auf iOS */
}
.gl-search__field::placeholder { color: var(--gl-shell-text-3); }
.gl-search__field::-webkit-search-cancel-button { filter: invert(1); }
.gl-search__submit {
	-webkit-appearance: none;
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 52px;
	margin: 0;
	padding: 0;
	border: 0;
	background: var(--gl-accent);
	color: #fff;
	cursor: pointer;
}
.gl-search__submit:hover { background: var(--gl-accent-2); }

/* ==========================================================================
   Mobiles Menü (Overlay – funktioniert auch bei body{overflow:hidden} im Gipfelbuch)
   ========================================================================== */

.gl-drawer {
	position: fixed;
	top: calc(var(--gl-admin-bar) + var(--gl-ad-top) + var(--gl-header-total));
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1499;
	display: none;
	background: var(--gl-shell-bg);
	color: var(--gl-shell-text);
	font-family: var(--gl-font);
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
}
.gl-drawer.is-open { display: block; animation: gl-drawer-in .22s var(--gl-ease); }
@keyframes gl-drawer-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
.gl-drawer__inner {
	display: flex;
	flex-direction: column;
	gap: 20px;
	max-width: 720px;
	margin: 0 auto;
	padding: 20px var(--gl-gutter-r) calc(28px + var(--gl-safe-bottom)) var(--gl-gutter-l);
}
.gl-drawer .gl-search { max-width: none; }
.gl-drawer .gl-menu,
.gl-drawer .gl-menu ul,
.gl-drawer__nav ul { list-style: none; margin: 0; padding: 0; }
.gl-drawer li { margin: 0; padding: 0; }
.gl-drawer__nav a {
	display: block;
	padding: 14px 4px;
	border-bottom: 1px solid var(--gl-shell-line);
	color: var(--gl-shell-text);
	text-decoration: none;
	font: 600 1.35rem/1.15 var(--gl-font);
	overflow-wrap: anywhere;
}
.gl-drawer__nav li li a { padding: 10px 4px 10px 20px; font-size: 1rem; font-weight: 500; color: var(--gl-shell-text-2); }
.gl-drawer__nav .current-menu-item > a { color: var(--gl-accent-2); }
.gl-drawer__cta {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 14px;
	border-radius: 12px;
	background: var(--gl-accent);
	color: #fff;
	text-decoration: none;
	font: 600 1.05rem/1 var(--gl-font);
}
.gl-drawer__cta:hover { background: var(--gl-accent-2); }
html.gl-drawer-open,
html.gl-drawer-open body { overflow: hidden; }

/* Social-Links */
.gl-social { display: flex; flex-wrap: wrap; gap: 4px; list-style: none; margin: 0; padding: 0; }
.gl-social li { margin: 0; padding: 0; }
.gl-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 999px;
	color: var(--gl-shell-text-2);
}
.gl-social a:hover { color: var(--gl-shell-text); background: rgba(255, 255, 255, .08); }
.gl-social .gl-icon { width: 18px; height: 18px; fill: currentColor; stroke: none; }

/* ==========================================================================
   Fußleiste (alle Seiten, auch Gipfelbuch)
   ========================================================================== */

.gl-bar {
	position: relative;
	display: flex;
	align-items: center;
	height: var(--gl-bar-total);
	padding: 0 0 var(--gl-safe-bottom);
	box-sizing: border-box;
	background: var(--gl-shell-bg);
	border-top: 1px solid var(--gl-shell-line);
	color: var(--gl-shell-text-3);
	font: 400 12px/1 var(--gl-font);
	letter-spacing: .02em;
	z-index: 1400;               /* über der Karte, unter der Kopfzeile */
}
/* Gipfelbuch: immer fixiert. Inhaltsseiten: optional (Body-Klasse gl-bar-fixed). */
.gl-app .gl-bar,
.gl-bar-fixed .gl-bar {
	position: fixed;
	left: var(--gl-ad-left);
	right: var(--gl-ad-right);
	bottom: var(--gl-ad-bottom);
}
.gl-bar__inner {
	flex: 1 1 auto;
	min-width: 0;
	max-width: var(--gl-container);
	height: calc(var(--gl-bar-h) - 1px);
	margin: 0 auto;
	padding: 0 var(--gl-gutter-r) 0 var(--gl-gutter-l);
	display: flex;
	align-items: center;
	gap: 18px;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-x: contain;
}
.gl-bar__inner::-webkit-scrollbar { display: none; }
.gl-bar a { color: var(--gl-shell-text-2); text-decoration: none; }
.gl-bar a:hover,
.gl-bar a:focus-visible { color: var(--gl-accent-2); }
.gl-bar__brand a { color: var(--gl-shell-text); font-weight: 600; }
.gl-bar__links { display: inline-flex; gap: 14px; }
.gl-bar__spacer { flex: 1 1 auto; min-width: 8px; }
.gl-bar__social a { width: 26px; height: 26px; }
.gl-bar__social .gl-icon { width: 14px; height: 14px; }
.gl-bar__ctx {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	border: 1px solid var(--gl-shell-line);
	border-radius: 999px;
	color: var(--gl-shell-text) !important;
	font-weight: 600;
}
.gl-bar__ctx:hover { border-color: var(--gl-accent-2); }
.gl-bar__ctx .gl-icon { width: 14px; height: 14px; stroke: var(--gl-accent-2); }
.gl-bar__top {
	-webkit-appearance: none;
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 26px;
	height: 26px;
	margin: 0;
	padding: 0;
	border: 1px solid var(--gl-shell-line);
	border-radius: 999px;
	background: transparent;
	color: var(--gl-shell-text-2);
	cursor: pointer;
}
.gl-bar__top:hover { color: var(--gl-shell-text); border-color: var(--gl-shell-text-3); }
.gl-bar__top .gl-icon { width: 14px; height: 14px; }

/* Sprachumschalter (GTranslate) – außerhalb des scrollenden Bereichs, Menü klappt nach oben auf */
.gl-bar__lang {
	position: relative;
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	height: 26px;
	margin-left: var(--gl-gutter-l);
	margin-right: 4px;
}
.gl-bar__lang:empty,
.gl-bar__lang.is-empty { display: none; }
/* Plugin-Container, die theme.js hierher holt: nie mehr schwebend/fixiert */
.gl-bar__lang > *,
.gl-bar__lang .gtranslate_wrapper,
.gl-bar__lang [id^="gt-wrapper"],
.gl-bar__lang #gt_float_wrapper {
	position: relative !important;
	inset: auto !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	transform: none !important;
	margin: 0 !important;
	display: flex !important;
	align-items: center;
	height: 26px;
	z-index: 5 !important;
}
.gl-bar__lang .gtranslate_wrapper:empty { display: none !important; }
.gl-bar__lang > [style*="display: none"] { display: none !important; }
/* GTranslate "Flaggen / Sprachcodes als Links" (a.glink) – kompakte Pillen */
.gl-bar__lang > * { gap: 2px; }
.gl-bar__lang a.glink {
	display: inline-flex !important;
	align-items: center;
	gap: 4px;
	height: 22px;
	padding: 0 6px !important;
	border-radius: 999px;
	color: var(--gl-shell-text-3) !important;
	font: 600 11px/1 var(--gl-font) !important;
	letter-spacing: .04em;
	text-decoration: none !important;
	white-space: nowrap;
}
.gl-bar__lang a.glink:hover,
.gl-bar__lang a.glink:focus-visible { color: var(--gl-shell-text) !important; background: rgba(255, 255, 255, .08); }
.gl-bar__lang a.glink.gt-current-lang,
.gl-bar__lang a.glink.gt-current { color: #fff !important; background: rgba(255, 255, 255, .12); }
.gl-bar__lang a.glink img { width: 16px !important; height: auto !important; margin: 0 !important; border-radius: 2px; }
.gl-bar__lang a.glink img + span { margin: 0; }
/* Google-Element ("Powered by Google"-Text) kompakt */
.gl-bar__lang .goog-te-gadget { font-size: 0 !important; color: transparent !important; white-space: nowrap; }
.gl-bar__lang .goog-te-gadget > span { display: none !important; }
.gl-bar__lang .goog-te-gadget .goog-te-combo { margin: 0 !important; }
.gl-bar__lang:not(.is-empty):not(:empty) + .gl-bar__inner { padding-left: 12px; }
.gl-bar .gt_float_switcher {
	position: relative !important;
	inset: auto !important;
	display: inline-flex !important;
	font-size: 12px !important;
	line-height: 1 !important;
	background: var(--gl-shell-bg-2) !important;
	color: var(--gl-shell-text) !important;
	border: 1px solid var(--gl-shell-line) !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	overflow: visible !important;
	z-index: 5;
}
.gl-bar .gt_float_switcher .gt-selected,
.gl-bar .gt_float_switcher .gt-current-lang {
	height: 24px !important;
	padding: 0 8px !important;
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	background: transparent !important;
	color: var(--gl-shell-text) !important;
	white-space: nowrap;
}
.gl-bar .gt_float_switcher img { width: 16px !important; height: auto !important; margin: 0 !important; }
.gl-bar .gt_float_switcher .gt_options {
	position: absolute !important;
	left: -1px !important;
	right: auto !important;
	bottom: calc(100% + 6px) !important;
	min-width: 170px;
	overflow-y: auto !important;
	background: var(--gl-shell-bg-2) !important;
	border: 0 !important;
	border-radius: 10px !important;
	padding: 0 !important;
	box-shadow: 0 -8px 30px rgba(0, 0, 0, .45);
}
.gl-bar .gt_float_switcher .gt_options.gt-open {
	max-height: min(60vh, 320px) !important;
	border: 1px solid var(--gl-shell-line) !important;
	padding: 4px 0 !important;
}
.gl-bar .gt_float_switcher .gt_options a {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 7px 12px !important;
	color: var(--gl-shell-text-2) !important;
	font-size: 12px !important;
}
.gl-bar .gt_float_switcher .gt_options a:hover { background: rgba(255, 255, 255, .06) !important; color: var(--gl-shell-text) !important; }
.gl-bar .gt_switcher { position: relative !important; font-size: 12px !important; }
.gl-bar .gt_switcher .gt_selected a { height: 24px !important; line-height: 24px !important; padding: 0 8px !important; border: 1px solid var(--gl-shell-line) !important; border-radius: 999px !important; background: var(--gl-shell-bg-2) !important; color: var(--gl-shell-text) !important; }
.gl-bar .gt_switcher .gt_option { position: absolute !important; bottom: calc(100% + 6px) !important; top: auto !important; left: 0 !important; background: var(--gl-shell-bg-2) !important; border: 1px solid var(--gl-shell-line) !important; border-radius: 10px !important; }
.gl-bar .gt_switcher .gt_option a { color: var(--gl-shell-text-2) !important; background: transparent !important; }
.gl-bar__lang select,
.gl-bar__lang .goog-te-combo {
	-webkit-appearance: none;
	appearance: none;
	height: 24px;
	padding: 0 24px 0 10px;
	border: 1px solid var(--gl-shell-line);
	border-radius: 999px;
	background: var(--gl-shell-bg-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a7b0ba' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 7px center / 12px no-repeat;
	color: var(--gl-shell-text);
	font: 12px var(--gl-font);
}
/* Google-Translate-Banner oben unterdrücken (verschiebt sonst die Seite) */
.skiptranslate > iframe.skiptranslate,
body > .skiptranslate:not(#google_translate_element) { display: none !important; }
html.translated-ltr body,
html.translated-rtl body { top: 0 !important; }

/* ==========================================================================
   Breakpoints
   ========================================================================== */

@media (min-width: 960px) {
	.gl-hbtn__label { display: inline; }
}
@media (max-width: 959px) {
	.gl-nav { display: none; }
	.gl-hbtn--menu { display: inline-flex; }
}
@media (max-width: 720px) {
	.gl-bar__inner { gap: 12px; }
	.gl-bar__social,
	.gl-bar__meta,
	.gl-bar__text { display: none; }
	/* Kontext-Link bleibt rechts angepinnt, der Rest scrollt darunter durch */
	.gl-bar__ctx {
		position: sticky;
		right: 0;
		margin-left: auto;
		background: var(--gl-shell-bg);
		box-shadow: -16px 0 14px -4px var(--gl-shell-bg);
	}
	.gl-bar__top { display: none; }
}
@media (max-width: 380px) {
	.gl-hbtn--search { display: none; } /* Suche steckt im Menü */
}

@media (prefers-reduced-motion: reduce) {
	.gl-header,
	.gl-nav .sub-menu,
	.gl-burger span,
	.gl-drawer.is-open { transition: none; animation: none; }
}