/* Mobile Navigations-Akkordeon: Unterpunkte pro Spalte auf-/zuklappbar (nur <=1024px) */
@media only screen and (max-width: 1024px) {
	.main-navigation-top li.first-element.nav-akkordeon-kopf {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
	}
	.nav-akkordeon-toggle {
		background: transparent;
		border: 0;
		cursor: pointer;
		padding: 10px;
		line-height: 0;
		flex: 0 0 auto;
		color: inherit;
	}
	.nav-akkordeon-toggle svg {
		width: 22px;
		height: 22px;
		transition: transform 0.25s ease;
	}
	.nav-akkordeon-toggle[aria-expanded="true"] svg {
		transform: rotate(180deg);
	}
	.main-navigation-top .navigation-column.nav-akkordeon-offen li {
		display: block;
		animation: navAkkordeonEin 0.25s ease;
	}
	.main-navigation-top .navigation-column.nav-akkordeon-offen li.first-element {
		animation: none;
		margin-bottom: 12px;
	}
	/* Kopfzeile bleibt auch aufgeklappt Flex — Pfeil rechtsbündig wie im zugeklappten Zustand */
	.main-navigation-top .navigation-column.nav-akkordeon-offen li.first-element.nav-akkordeon-kopf {
		display: flex;
	}
	.main-navigation-top .navigation-column.nav-akkordeon-offen li:not(.first-element) {
		margin-bottom: 10px;
	}
	@keyframes navAkkordeonEin {
		from { opacity: 0; transform: translateY(-4px); }
		to { opacity: 1; transform: none; }
	}
}

@media only screen and (min-width: 1025px) {
	.nav-akkordeon-toggle {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.nav-akkordeon-toggle svg {
		transition: none;
	}
	.main-navigation-top .navigation-column.nav-akkordeon-offen li {
		animation: none;
	}
}

/* iOS-Fix: Menühöhe an dynamischen Viewport anpassen (Safari-Toolbar verdeckt sonst den unteren Bereich) */
@supports (height: 100dvh) {
	.main-navigation {
		height: calc(100dvh - 93px);
	}
	@media only screen and (max-width: 767px) {
		.main-navigation {
			height: calc(100dvh - 73px);
		}
	}
}
@media only screen and (max-width: 1024px) {
	.main-navigation .main-navigation-bottom {
		padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
	}
}