/*
 * Trattler Cascade Navigation 1.6.2
 * Premium base styling.
 *
 * Desktop:
 * - Level 1 = calm white primary panel.
 * - Level 2 = soft secondary panel docked to the right.
 * - Level 3+ = Bründl-style accordion inside level 2.
 *
 * Mobile / tablet:
 * - One panel at a time.
 * - Level 2 slides in from the right.
 * - Level 3+ remains an accordion.
 */

.trattler-cascade-menu {
	position: fixed !important;
	z-index: 999999 !important;
	top: calc(var(--trattler-menu-top, 0px) + var(--trattler-admin-offset, 0px)) !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 16px;
	line-height: 1.45;
	text-align: left;
}

.trattler-cascade-menu[hidden] {
	display: none !important;
}

body.trattler-menu-open {
	overflow: hidden !important;
}

.trattler-cascade-menu,
.trattler-cascade-menu *,
.trattler-cascade-menu *::before,
.trattler-cascade-menu *::after {
	box-sizing: border-box !important;
}

/* Isolate the menu from theme and Elementor button/link styling. */
.trattler-cascade-menu button,
.trattler-cascade-menu a {
	-webkit-appearance: none !important;
	appearance: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	text-decoration: none !important;
	text-transform: none !important;
}

.trattler-cascade-menu button {
	border: 0 !important;
	border-radius: 0 !important;
}

.trattler-cascade-menu ul,
.trattler-cascade-menu li,
.trattler-cascade-menu h2 {
	margin: 0 !important;
	padding: 0;
}

.trattler-cascade-menu ul {
	list-style: none !important;
}

/* -------------------------------------------------------------------------
 * Backdrop
 * ---------------------------------------------------------------------- */
.trattler-cascade-menu__backdrop {
	position: absolute !important;
	inset: 0 !important;
	background: var(--trattler-overlay, rgba(16, 18, 27, 0.54)) !important;
	-webkit-backdrop-filter: blur(var(--trattler-overlay-blur, 2px));
	backdrop-filter: blur(var(--trattler-overlay-blur, 2px));
	opacity: 0;
	cursor: pointer;
	transition: opacity var(--trattler-duration, 380ms) ease;
}

.trattler-cascade-menu.is-visible .trattler-cascade-menu__backdrop {
	opacity: 1;
}

/* -------------------------------------------------------------------------
 * Shell
 * ---------------------------------------------------------------------- */
.trattler-cascade-menu__shell,
.trattler-cascade-menu__viewport {
	position: absolute !important;
	inset: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	pointer-events: none;
}

/* -------------------------------------------------------------------------
 * Close control: large, quiet and deliberately not button-like.
 * ---------------------------------------------------------------------- */
.trattler-cascade-menu__close {
	position: absolute !important;
	z-index: 100 !important;
	top: var(--trattler-close-top, 26px) !important;
	left: var(--trattler-close-left, 30px) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 12px !important;
	width: auto !important;
	min-width: 0 !important;
	height: auto !important;
	min-height: 44px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	color: var(--trattler-close-color, var(--trattler-text, #302d56)) !important;
	font-family: var(--trattler-close-font-family, inherit) !important;
	font-size: var(--trattler-close-font-size, 16px) !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: 0.02em !important;
	cursor: pointer !important;
	pointer-events: auto;
	opacity: 0;
	transform: translate3d(-8px, 0, 0);
	transition:
		opacity 220ms ease,
		transform 220ms ease,
		color 180ms ease;
}

.trattler-cascade-menu.is-visible .trattler-cascade-menu__close {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.trattler-cascade-menu__close:hover {
	color: var(--trattler-accent, #c8101a) !important;
}

.trattler-cascade-menu__close-icon {
	position: relative !important;
	display: inline-block !important;
	flex: 0 0 var(--trattler-close-icon-size, 30px) !important;
	width: var(--trattler-close-icon-size, 30px) !important;
	height: var(--trattler-close-icon-size, 30px) !important;
	font-size: 0 !important;
	line-height: 0 !important;
}

.trattler-cascade-menu__close-icon::before,
.trattler-cascade-menu__close-icon::after {
	content: "" !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	width: 72% !important;
	height: 1.5px !important;
	background: currentColor !important;
	transform-origin: center !important;
}

.trattler-cascade-menu__close-icon::before {
	transform: translate(-50%, -50%) rotate(45deg) !important;
}

.trattler-cascade-menu__close-icon::after {
	transform: translate(-50%, -50%) rotate(-45deg) !important;
}

.trattler-cascade-menu__close-label {
	font: inherit !important;
	text-transform: uppercase !important;
}

/* -------------------------------------------------------------------------
 * Accessible focus
 * ---------------------------------------------------------------------- */
.trattler-cascade-menu__close:focus-visible,
.trattler-menu-item:focus-visible,
.trattler-menu-back:focus-visible,
.trattler-level-two__link:focus-visible,
.trattler-accordion__link:focus-visible,
.trattler-accordion__toggle:focus-visible,
.trattler-deep-menu__link:focus-visible,
.trattler-deep-menu__toggle:focus-visible,
.trattler-menu-promo--linked:focus-visible,
.trattler-menu-trigger:focus-visible,
.trattler-menu-trigger a:focus-visible,
.trattler-menu-trigger button:focus-visible {
	outline: 3px solid currentColor !important;
	outline-offset: -4px !important;
}

/* -------------------------------------------------------------------------
 * Panels
 * ---------------------------------------------------------------------- */
.trattler-menu-panel {
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	display: block !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	color: var(--trattler-text, #302d56) !important;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition:
		transform var(--trattler-duration, 380ms) var(--trattler-ease, cubic-bezier(0.76, 0, 0.24, 1)),
		opacity 220ms ease,
		visibility 220ms ease;
}

.trattler-menu-panel--main {
	left: 0 !important;
	width: var(--trattler-main-width, 430px) !important;
	background: var(--trattler-bg-main, #ffffff) !important;
	border: 0 !important;
	box-shadow: 16px 0 48px rgba(17, 20, 34, 0.08) !important;
	transform: translate3d(-102%, 0, 0);
}

.trattler-menu-panel--sub {
	left: var(--trattler-main-width, 430px) !important;
	width: var(--trattler-sub-width, 560px) !important;
	background: var(--trattler-bg-sub, #f1f2f4) !important;
	border: 0 !important;
	border-left: 1px solid var(--trattler-border, #e2e4e8) !important;
	box-shadow: 22px 0 50px rgba(17, 20, 34, 0.08) !important;
	transform: translate3d(-24px, 0, 0);
}

.trattler-menu-panel.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translate3d(0, 0, 0);
}

.trattler-menu-panel__content {
	display: block !important;
	min-height: 100% !important;
	margin: 0 !important;
	padding: var(--trattler-panel-padding-top, 76px) 0 40px !important;
}

.trattler-menu-panel--sub .trattler-menu-panel__content {
	padding-top: var(--trattler-panel-padding-top, 76px) !important;
}

/* Desktop deliberately starts with real menu items, like the reference. */
.trattler-menu-panel--sub .trattler-menu-panel__header {
	display: none !important;
}

.trattler-menu-panel__header {
	margin: 0 !important;
	padding: 0 var(--trattler-sub-padding-x, 34px) 26px !important;
}

.trattler-menu-panel__title {
	margin: 0 !important;
	padding: 0 !important;
	color: var(--trattler-text, #302d56) !important;
	font-family: var(--trattler-sub-font-family, inherit) !important;
	font-size: var(--trattler-title-font-size, 30px) !important;
	font-weight: 700 !important;
	line-height: 1.12 !important;
	letter-spacing: -0.02em !important;
}

.trattler-menu-back {
	display: none !important;
	align-items: center !important;
	gap: 10px !important;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 0 24px !important;
	padding: 0 !important;
	background: transparent !important;
	color: var(--trattler-text, #302d56) !important;
	font-family: var(--trattler-sub-font-family, inherit) !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	cursor: pointer !important;
}

.trattler-menu-back:hover {
	color: var(--trattler-accent, #c8101a) !important;
}

/* -------------------------------------------------------------------------
 * Lists
 * ---------------------------------------------------------------------- */
.trattler-menu-list,
.trattler-level-two,
.trattler-accordion__list,
.trattler-deep-menu {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.trattler-menu-list > li,
.trattler-level-two > li {
	position: relative !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.trattler-menu-list > li {
	border-bottom: 1px solid var(--trattler-border, #e2e4e8) !important;
}

/* -------------------------------------------------------------------------
 * Level 1
 * ---------------------------------------------------------------------- */
.trattler-menu-item {
	-webkit-appearance: none !important;
	appearance: none !important;
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 24px !important;
	width: 100% !important;
	max-width: none !important;
	min-height: var(--trattler-main-item-height, 82px) !important;
	height: auto !important;
	margin: 0 !important;
	padding: 16px var(--trattler-main-padding-x, 30px) !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: var(--trattler-text, #302d56) !important;
	box-shadow: none !important;
	font-family: var(--trattler-main-font-family, inherit) !important;
	font-size: var(--trattler-main-font-size, 22px) !important;
	font-weight: var(--trattler-main-font-weight, 650) !important;
	line-height: 1.18 !important;
	letter-spacing: -0.015em !important;
	text-align: left !important;
	text-decoration: none !important;
	cursor: pointer !important;
	transition:
		background-color 180ms ease,
		color 180ms ease,
		padding-left 220ms ease;
}

.trattler-menu-item::before {
	content: "" !important;
	position: absolute !important;
	top: 18% !important;
	bottom: 18% !important;
	left: 0 !important;
	width: 3px !important;
	background: var(--trattler-accent, #c8101a) !important;
	transform: scaleY(0) !important;
	transform-origin: center !important;
	transition: transform 180ms ease !important;
}

.trattler-menu-item:hover,
.trattler-menu-item:focus-visible {
	padding-left: calc(var(--trattler-main-padding-x, 30px) + 6px) !important;
	background: var(--trattler-bg-hover, #f6f6f8) !important;
	color: var(--trattler-text, #302d56) !important;
}

.trattler-menu-item.is-active,
.trattler-menu-list > li.current-menu-ancestor > .trattler-menu-item,
.trattler-menu-list > li.current-menu-parent > .trattler-menu-item {
	background: var(--trattler-bg-active, #eceef2) !important;
	color: var(--trattler-text, #302d56) !important;
}

.trattler-menu-item.is-active::before,
.trattler-menu-list > li.current-menu-ancestor > .trattler-menu-item::before,
.trattler-menu-list > li.current-menu-parent > .trattler-menu-item::before,
.trattler-menu-list > li.current-menu-item > .trattler-menu-item::before {
	transform: scaleY(1) !important;
}

.trattler-menu-list > li.current-menu-item > .trattler-menu-item {
	color: var(--trattler-accent, #c8101a) !important;
}

/* Refined line arrow instead of a typographic glyph. */
.trattler-menu-item__arrow {
	position: relative !important;
	flex: 0 0 30px !important;
	display: block !important;
	width: 30px !important;
	height: 18px !important;
	overflow: hidden !important;
	font-size: 0 !important;
	line-height: 0 !important;
	color: currentColor !important;
	transition: transform 200ms ease !important;
}

.trattler-menu-item__arrow::before {
	content: "" !important;
	position: absolute !important;
	top: 50% !important;
	right: 2px !important;
	width: 24px !important;
	height: 1.5px !important;
	background: currentColor !important;
	transform: translateY(-50%) !important;
}

.trattler-menu-item__arrow::after {
	content: "" !important;
	position: absolute !important;
	top: 50% !important;
	right: 2px !important;
	width: 8px !important;
	height: 8px !important;
	border-top: 1.5px solid currentColor !important;
	border-right: 1.5px solid currentColor !important;
	transform: translateY(-50%) rotate(45deg) !important;
}

.trattler-menu-item:hover .trattler-menu-item__arrow,
.trattler-menu-item:focus-visible .trattler-menu-item__arrow,
.trattler-menu-item.is-active .trattler-menu-item__arrow {
	transform: translateX(5px) !important;
}

/* -------------------------------------------------------------------------
 * Level 2
 * ---------------------------------------------------------------------- */
.trattler-level-two__link {
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
	min-height: var(--trattler-sub-item-height, 78px) !important;
	margin: 0 !important;
	padding: 16px var(--trattler-sub-padding-x, 34px) !important;
	background: transparent !important;
	color: var(--trattler-text, #302d56) !important;
	font-family: var(--trattler-sub-font-family, inherit) !important;
	font-size: var(--trattler-sub-font-size, 20px) !important;
	font-weight: var(--trattler-sub-font-weight, 650) !important;
	line-height: 1.2 !important;
	letter-spacing: -0.01em !important;
	text-decoration: none !important;
	transition:
		background-color 180ms ease,
		color 180ms ease,
		padding-left 180ms ease;
}

.trattler-level-two__link:hover,
.trattler-level-two__link:focus-visible {
	padding-left: calc(var(--trattler-sub-padding-x, 34px) + 6px) !important;
	background: rgba(255, 255, 255, 0.38) !important;
	color: var(--trattler-accent, #c8101a) !important;
}

.current-menu-item > .trattler-level-two__link {
	color: var(--trattler-accent, #c8101a) !important;
}

/* -------------------------------------------------------------------------
 * Level 2 -> Level 3 accordion
 * ---------------------------------------------------------------------- */
.trattler-accordion {
	border: 0 !important;
}

.trattler-accordion__row {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) var(--trattler-accordion-toggle-width, 72px) !important;
	align-items: stretch !important;
	min-height: var(--trattler-sub-item-height, 78px) !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	transition: background-color 180ms ease;
}

.trattler-accordion__link {
	display: flex !important;
	align-items: center !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 16px 0 16px var(--trattler-sub-padding-x, 34px) !important;
	background: transparent !important;
	color: var(--trattler-text, #302d56) !important;
	font-family: var(--trattler-sub-font-family, inherit) !important;
	font-size: var(--trattler-sub-font-size, 20px) !important;
	font-weight: var(--trattler-sub-font-weight, 650) !important;
	line-height: 1.2 !important;
	letter-spacing: -0.01em !important;
	text-decoration: none !important;
	transition:
		color 180ms ease,
		padding-left 180ms ease;
}

.trattler-accordion__link:hover,
.trattler-accordion__link:focus-visible {
	padding-left: calc(var(--trattler-sub-padding-x, 34px) + 6px) !important;
	color: var(--trattler-accent, #c8101a) !important;
}

.trattler-accordion__link--static {
	cursor: default !important;
}

.trattler-accordion__toggle {
	-webkit-appearance: none !important;
	appearance: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-width: 0 !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: var(--trattler-text, #302d56) !important;
	box-shadow: none !important;
	cursor: pointer !important;
	transition:
		background-color 180ms ease,
		color 180ms ease;
}

.trattler-accordion__toggle:hover {
	background: rgba(255, 255, 255, 0.32) !important;
	color: var(--trattler-accent, #c8101a) !important;
}

.trattler-accordion__icon {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 30px !important;
	height: 30px !important;
	margin: 0 !important;
	padding: 0 !important;
	color: currentColor !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 31px !important;
	font-weight: 300 !important;
	line-height: 1 !important;
	text-align: center !important;
}

.trattler-accordion.is-expanded > .trattler-accordion__row,
.trattler-accordion.current-menu-ancestor > .trattler-accordion__row {
	background: var(--trattler-bg-accordion, #e5e7eb) !important;
}

.trattler-accordion.is-expanded > .trattler-accordion__row .trattler-accordion__icon::after {
	transform: translate(-50%, -50%) rotate(0deg);
}

.trattler-accordion__content {
	display: grid !important;
	grid-template-rows: 0fr !important;
	margin: 0 !important;
	padding: 0 !important;
	background: var(--trattler-bg-accordion, #e5e7eb) !important;
	transition: grid-template-rows 300ms var(--trattler-ease, cubic-bezier(0.76, 0, 0.24, 1));
}

.trattler-accordion.is-expanded > .trattler-accordion__content {
	grid-template-rows: 1fr !important;
}

.trattler-accordion__content-inner {
	min-height: 0 !important;
	overflow: hidden !important;
}

.trattler-accordion__list {
	padding: 0 var(--trattler-sub-padding-x, 34px) 24px !important;
}

.trattler-accordion__list > li {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.trattler-accordion__list a,
.trattler-deep-menu__link {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 7px 0 !important;
	background: transparent !important;
	color: var(--trattler-text, #302d56) !important;
	font-family: var(--trattler-detail-font-family, inherit) !important;
	font-size: var(--trattler-detail-font-size, 17px) !important;
	font-weight: var(--trattler-detail-font-weight, 400) !important;
	line-height: 1.45 !important;
	text-decoration: none !important;
	transition:
		color 160ms ease,
		transform 160ms ease;
}

.trattler-accordion__list a:hover,
.trattler-accordion__list a:focus-visible,
.trattler-accordion__list .current-menu-item > a,
.trattler-deep-menu__link:hover,
.trattler-deep-menu__link:focus-visible {
	color: var(--trattler-accent, #c8101a) !important;
	transform: translateX(4px) !important;
}

/* -------------------------------------------------------------------------
 * Optional Level 4+
 * ---------------------------------------------------------------------- */
.trattler-deep-menu__row {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 48px !important;
	align-items: center !important;
	margin: 0 !important;
	padding: 0 !important;
}

.trattler-deep-menu__toggle {
	-webkit-appearance: none !important;
	appearance: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 44px !important;
	height: 44px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	color: var(--trattler-text, #302d56) !important;
	font-family: var(--trattler-detail-font-family, inherit) !important;
	font-size: 24px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	cursor: pointer !important;
}

.trattler-deep-menu__icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 30px !important;
	height: 30px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 26px !important;
	font-weight: 300 !important;
	line-height: 1 !important;
}

.trattler-accordion__content[hidden],
.trattler-deep-menu__children[hidden] {
	display: none !important;
}

.trattler-deep-menu__children {
	display: none !important;
	margin: 0 !important;
	padding: 0 0 0 18px !important;
}

.trattler-deep-menu__item.is-expanded > .trattler-deep-menu__children {
	display: block !important;
}

.trattler-screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* -------------------------------------------------------------------------
 * Tablet / mobile drilldown
 * ---------------------------------------------------------------------- */
@media (max-width: 1024px) {
	.trattler-menu-panel--main,
	.trattler-menu-panel--sub {
		left: 0 !important;
		width: min(100vw, var(--trattler-mobile-width, 100vw)) !important;
		max-width: 100vw !important;
		border-left: 0 !important;
		box-shadow: 12px 0 36px rgba(17, 20, 34, 0.1) !important;
	}

	.trattler-menu-panel--main {
		transform: translate3d(-102%, 0, 0);
	}

	.trattler-menu-panel--main.is-open {
		transform: translate3d(0, 0, 0);
	}

	.trattler-menu-panel--main.is-parent {
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
		transform: translate3d(-100%, 0, 0) !important;
	}

	.trattler-menu-panel--sub {
		transform: translate3d(100%, 0, 0);
	}

	.trattler-menu-panel--sub.is-open {
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		transform: translate3d(0, 0, 0) !important;
	}

	/*
	 * Mobile navigation header:
	 * Back stays on the left inside the sub panel, while the global
	 * close control sits on the right. This prevents both controls from
	 * occupying the same top-left area.
	 */
	.trattler-cascade-menu__close {
		top: 20px !important;
		right: var(--trattler-sub-padding-x, 28px) !important;
		left: auto !important;
		justify-content: flex-end !important;
		min-height: 44px !important;
	}

	.trattler-menu-panel--sub .trattler-menu-panel__header {
		display: block !important;
	}

	.trattler-menu-panel__content,
	.trattler-menu-panel--sub .trattler-menu-panel__content {
		padding-top: 86px !important;
		padding-bottom: calc(30px + env(safe-area-inset-bottom)) !important;
	}

	.trattler-menu-panel--sub .trattler-menu-panel__content {
		padding-top: 20px !important;
	}

	.trattler-menu-panel__header {
		padding: 0 var(--trattler-sub-padding-x, 28px) 28px !important;
	}

	.trattler-menu-back {
		display: inline-flex !important;
		min-height: 44px !important;
		margin: 0 0 24px !important;
		padding: 0 !important;
		font-size: 15px !important;
		line-height: 1 !important;
	}

	.trattler-menu-back > span[aria-hidden="true"] {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 24px !important;
		height: 24px !important;
		font-size: 20px !important;
		font-weight: 400 !important;
	}

	.trattler-menu-panel--sub .trattler-menu-panel__title {
		margin-top: 2px !important;
	}

	.trattler-menu-item {
		min-height: var(--trattler-main-item-height, 74px) !important;
		font-size: var(--trattler-main-font-size, 20px) !important;
	}

	.trattler-level-two__link,
	.trattler-accordion__row {
		min-height: var(--trattler-sub-item-height, 72px) !important;
	}

	.trattler-accordion__row {
		grid-template-columns: minmax(0, 1fr) var(--trattler-accordion-toggle-width, 66px) !important;
	}
}

@media (max-width: 480px) {
	.trattler-menu-panel--main,
	.trattler-menu-panel--sub {
		width: 100vw !important;
	}

	.trattler-cascade-menu__close {
		top: 18px !important;
		right: 20px !important;
		left: auto !important;
	}

	.trattler-menu-item {
		font-size: 19px !important;
	}

	.trattler-level-two__link,
	.trattler-accordion__link {
		font-size: 18px !important;
	}

	.trattler-accordion__list a,
	.trattler-deep-menu__link {
		font-size: 16px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.trattler-cascade-menu *,
	.trattler-cascade-menu *::before,
	.trattler-cascade-menu *::after {
		scroll-behavior: auto !important;
		transition-duration: 1ms !important;
		animation-duration: 1ms !important;
		animation-iteration-count: 1 !important;
	}
}

/* -------------------------------------------------------------------------
 * Elementor trigger affordance
 * ---------------------------------------------------------------------- */
.trattler-menu-trigger,
.trattler-menu-trigger *,
.trattler-menu-trigger a,
.trattler-menu-trigger button,
.trattler-menu-trigger span,
.trattler-menu-trigger i,
.trattler-menu-trigger svg,
.trattler-menu-trigger svg * {
	cursor: pointer !important;
}

/* -------------------------------------------------------------------------
 * Optional promotional image tiles below the main menu
 * ---------------------------------------------------------------------- */
.trattler-menu-promos {
	width: 100% !important;
	margin: var(--trattler-promo-margin-top, 30px) 0 0 !important;
	padding: 0 var(--trattler-main-padding-x, 30px) 18px !important;
}

.trattler-menu-promos__heading {
	margin: 0 0 12px !important;
	padding: 0 !important;
	color: var(--trattler-text, #302d56) !important;
	font-family: var(--trattler-main-font-family, inherit) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	opacity: 0.62;
}

.trattler-menu-promos__grid {
	display: grid !important;
	grid-template-columns: repeat(var(--trattler-promo-columns, 1), minmax(0, 1fr)) !important;
	gap: var(--trattler-promo-gap, 12px) !important;
	margin: 0 !important;
	padding: 0 !important;
}

.trattler-menu-promo {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	aspect-ratio: var(--trattler-promo-ratio, 16 / 9) !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
	border-radius: var(--trattler-promo-radius, 0px) !important;
	background: #22243a !important;
	color: var(--trattler-promo-title-color, #ffffff) !important;
	isolation: isolate;
}

.trattler-menu-promo--linked {
	cursor: pointer !important;
}

.trattler-menu-promo__media,
.trattler-menu-promo__overlay {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
}

.trattler-menu-promo__media {
	z-index: 0;
	overflow: hidden !important;
}

.trattler-menu-promo__image {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: cover !important;
	object-position: center !important;
	transform: scale(1.001);
	transition: transform 480ms cubic-bezier(0.22, 1, 0.36, 1);
}

.trattler-menu-promo__overlay {
	z-index: 1;
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0) 28%,
		var(--trattler-promo-overlay, rgba(20, 22, 35, 0.55)) 100%
	) !important;
	transition: opacity 240ms ease;
}

.trattler-menu-promo__label {
	position: absolute !important;
	z-index: 2;
	top: 14px !important;
	left: 14px !important;
	display: inline-flex !important;
	align-items: center !important;
	min-height: 26px !important;
	margin: 0 !important;
	padding: 5px 9px !important;
	background: var(--trattler-promo-label-bg, #c8101a) !important;
	color: var(--trattler-promo-label-color, #ffffff) !important;
	font-family: var(--trattler-main-font-family, inherit) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
}

.trattler-menu-promo__content {
	position: absolute !important;
	z-index: 2;
	right: 18px !important;
	bottom: 17px !important;
	left: 18px !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	align-items: end !important;
	column-gap: 14px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.trattler-menu-promo__title,
.trattler-menu-promo__text {
	display: block !important;
	grid-column: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: var(--trattler-main-font-family, inherit) !important;
}

.trattler-menu-promo__title {
	color: var(--trattler-promo-title-color, #ffffff) !important;
	font-size: var(--trattler-promo-title-size, 20px) !important;
	font-weight: var(--trattler-promo-title-weight, 700) !important;
	line-height: 1.12 !important;
	letter-spacing: -0.015em !important;
}

.trattler-menu-promo__text {
	margin-top: 5px !important;
	color: var(--trattler-promo-text-color, rgba(255, 255, 255, 0.88)) !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.35 !important;
}

.trattler-menu-promo__arrow {
	position: relative !important;
	grid-column: 2 !important;
	grid-row: 1 / span 2 !important;
	display: block !important;
	width: 30px !important;
	height: 18px !important;
	margin-bottom: 2px !important;
	color: var(--trattler-promo-title-color, #ffffff) !important;
	transition: transform 220ms ease;
}

.trattler-menu-promo__arrow::before,
.trattler-menu-promo__arrow::after {
	content: "" !important;
	position: absolute !important;
	right: 0 !important;
	top: 50% !important;
	background: currentColor !important;
}

.trattler-menu-promo__arrow::before {
	width: 28px !important;
	height: 1.5px !important;
	transform: translateY(-50%);
}

.trattler-menu-promo__arrow::after {
	width: 8px !important;
	height: 8px !important;
	border-top: 1.5px solid currentColor !important;
	border-right: 1.5px solid currentColor !important;
	background: transparent !important;
	transform: translateY(-50%) rotate(45deg);
	transform-origin: center;
}

.trattler-menu-promo--linked:hover .trattler-menu-promo__image,
.trattler-menu-promo--linked:focus-visible .trattler-menu-promo__image {
	transform: scale(1.045);
}

.trattler-menu-promo--linked:hover .trattler-menu-promo__arrow,
.trattler-menu-promo--linked:focus-visible .trattler-menu-promo__arrow {
	transform: translateX(5px);
}

.trattler-menu-promo--linked:focus-visible {
	outline: 2px solid var(--trattler-accent, #c8101a) !important;
	outline-offset: 3px !important;
}

@media (max-width: 1024px) {
	.trattler-menu-promos__grid {
		grid-template-columns: 1fr !important;
	}
}

/* -------------------------------------------------------------------------
 * Highlighted menu items
 *
 * The class is assigned through the native WordPress menu item option
 * "Als farbigen Metapunkt hervorheben". It is intentionally supported on
 * all navigation levels, while the primary use case is a level-one meta item.
 * ---------------------------------------------------------------------- */
.trattler-menu-list > li.trattler-menu-highlight > .trattler-menu-item,
.trattler-menu-list > li.trattler-menu-highlight.current-menu-item > .trattler-menu-item,
.trattler-menu-list > li.trattler-menu-highlight.current-menu-parent > .trattler-menu-item,
.trattler-menu-list > li.trattler-menu-highlight.current-menu-ancestor > .trattler-menu-item {
	background: var(--trattler-highlight-bg, #c8101a) !important;
	color: var(--trattler-highlight-text, #ffffff) !important;
}

.trattler-menu-list > li.trattler-menu-highlight > .trattler-menu-item:hover,
.trattler-menu-list > li.trattler-menu-highlight > .trattler-menu-item:focus-visible,
.trattler-menu-list > li.trattler-menu-highlight > .trattler-menu-item.is-active {
	background: var(--trattler-highlight-hover-bg, #a80d16) !important;
	color: var(--trattler-highlight-hover-text, #ffffff) !important;
}

.trattler-menu-list > li.trattler-menu-highlight > .trattler-menu-item::before {
	background: currentColor !important;
	opacity: 0.82 !important;
}

.trattler-level-two > li.trattler-menu-highlight > .trattler-level-two__link,
.trattler-level-two > li.trattler-menu-highlight.current-menu-item > .trattler-level-two__link {
	background: var(--trattler-highlight-bg, #c8101a) !important;
	color: var(--trattler-highlight-text, #ffffff) !important;
}

.trattler-level-two > li.trattler-menu-highlight > .trattler-level-two__link:hover,
.trattler-level-two > li.trattler-menu-highlight > .trattler-level-two__link:focus-visible {
	background: var(--trattler-highlight-hover-bg, #a80d16) !important;
	color: var(--trattler-highlight-hover-text, #ffffff) !important;
}

.trattler-accordion.trattler-menu-highlight > .trattler-accordion__row {
	background: var(--trattler-highlight-bg, #c8101a) !important;
	color: var(--trattler-highlight-text, #ffffff) !important;
}

.trattler-accordion.trattler-menu-highlight > .trattler-accordion__row .trattler-accordion__link,
.trattler-accordion.trattler-menu-highlight > .trattler-accordion__row .trattler-accordion__toggle {
	color: inherit !important;
}

.trattler-accordion.trattler-menu-highlight > .trattler-accordion__row:hover,
.trattler-accordion.trattler-menu-highlight > .trattler-accordion__row:focus-within {
	background: var(--trattler-highlight-hover-bg, #a80d16) !important;
	color: var(--trattler-highlight-hover-text, #ffffff) !important;
}


/* -------------------------------------------------------------------------
 * Windows High Contrast / forced colors
 * ---------------------------------------------------------------------- */
@media (forced-colors: active) {
	.trattler-cascade-menu__close:focus-visible,
	.trattler-menu-item:focus-visible,
	.trattler-menu-back:focus-visible,
	.trattler-level-two__link:focus-visible,
	.trattler-accordion__link:focus-visible,
	.trattler-accordion__toggle:focus-visible,
	.trattler-deep-menu__link:focus-visible,
	.trattler-deep-menu__toggle:focus-visible,
	.trattler-menu-promo--linked:focus-visible,
	.trattler-menu-trigger:focus-visible,
	.trattler-menu-trigger a:focus-visible,
	.trattler-menu-trigger button:focus-visible {
		outline-color: Highlight !important;
	}

	.trattler-menu-item__arrow::before,
	.trattler-menu-item__arrow::after,
	.trattler-cascade-menu__close-icon::before,
	.trattler-cascade-menu__close-icon::after {
		forced-color-adjust: auto;
	}
}

/* -------------------------------------------------------------------------
 * Accessibility hardening 1.6.1
 * ---------------------------------------------------------------------- */
.trattler-menu-panel {
	scroll-padding-block: 96px 28px !important;
}

.trattler-cascade-menu__close,
.trattler-menu-item,
.trattler-menu-back,
.trattler-level-two__link,
.trattler-accordion__link,
.trattler-accordion__toggle,
.trattler-deep-menu__link,
.trattler-deep-menu__toggle,
.trattler-menu-promo--linked,
.trattler-menu-panel__title,
.trattler-screen-reader-text[data-panel-heading] {
	scroll-margin-block: 12px !important;
}

.trattler-menu-trigger,
.trattler-menu-trigger > a,
.trattler-menu-trigger > button,
.trattler-menu-trigger [role="button"] {
	min-width: 24px;
	min-height: 24px;
}

/* Programmatic context focus remains visible for keyboard users. */
.trattler-menu-panel__title[tabindex="-1"]:focus {
	outline: 3px solid currentColor !important;
	outline-offset: 4px !important;
}

.trattler-screen-reader-text[data-panel-heading]:focus {
	outline: 0 !important;
}

@media (max-width: 1024px) {
	.trattler-menu-panel {
		scroll-padding-block: 82px 24px !important;
	}
}