/*
Theme Name: SABTEC
Theme URI: https://sabtec.info
Description: FSE-Block-Theme fuer sabtec.info — SABTEC GmbH, modulare Raumsysteme
Author: myKaiserstuhl GmbH
Version: 1.9.13
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sabtec
*/

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; overflow-x: clip; -webkit-font-smoothing: antialiased; }
img, video { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: var(--wp--custom--fokus--breite) solid var(--wp--preset--color--primary);
	outline-offset: var(--wp--custom--fokus--abstand);
	box-shadow: 0 0 0 var(--wp--custom--fokus--abstand) var(--wp--preset--color--white);
}

.skip-link {
	position: absolute; left: -9999px; top: 0; z-index: 1000;
	background: var(--wp--preset--color--ink); color: var(--wp--preset--color--white);
	padding: 0.75rem 1.25rem; border-radius: 0 0 8px 0;
}
.skip-link:focus { left: 0; }

.wp-site-blocks { overflow-x: clip; }

.wp-block-image img,
figure.wp-block-image,
.wp-block-cover,
.wp-block-group.is-flaeche { border-radius: var(--wp--custom--radius--flaeche); }

.is-control { border-radius: var(--wp--custom--radius--control); }
.is-pill    { border-radius: var(--wp--custom--radius--pill); }
.is-overlay { border-radius: var(--wp--custom--radius--overlay); }

.sabtec-topline {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 12.5px;
	color: var(--wp--preset--color--soft);
	padding: 10px var(--wp--custom--gutter);
	border-bottom: 1px solid var(--wp--preset--color--hairline);
	background: var(--wp--preset--color--white);
}
.sabtec-topline__r { display: flex; gap: 18px; }
.sabtec-topline a {
	display: flex; gap: 6px; align-items: center;
	color: var(--wp--preset--color--muted); font-weight: 700;
}

.sabtec-topline svg { width: 15px; height: 15px; color: var(--wp--preset--color--primary); }

.sabtec-nav {
	position: sticky; top: 0; z-index: 80;
	background: rgba(255, 255, 255, 0.96);
	backdrop-filter: blur(8px);
	border-bottom: 1px solid var(--wp--preset--color--hairline);
	padding: 0;
}

@media (max-width: 1120px) {
	.sabtec-nav {
		backdrop-filter: none;
		background: var(--wp--preset--color--white);
	}
}
.sabtec-nav__in {
	display: flex; align-items: center; justify-content: space-between;
	gap: 18px; height: 80px;
	padding: 0 var(--wp--custom--gutter);
}
.sabtec-logo img { height: 31px; width: auto; display: block; }
.sabtec-nav__right { display: flex; gap: 10px; align-items: center; }

.sabtec-navcall,
.sabtec-navcta {
	display: inline-flex; align-items: center; gap: 8px;
	border-radius: var(--wp--custom--radius--pill);
	font-weight: 900; font-size: 14px; white-space: nowrap;
	padding: 11px 20px;
}
.sabtec-navcall {
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
	box-shadow: inset 0 0 0 1.5px var(--wp--custom--ui--line-strong);
}
.sabtec-navcall:hover,
.sabtec-navsearch:hover { background: var(--wp--custom--ui--hover-soft); }

.sabtec-navsearch {
	display: inline-flex; align-items: center; justify-content: center;
	width: 42px; height: 42px; flex: none;
	border-radius: 50%;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
	box-shadow: inset 0 0 0 1.5px var(--wp--custom--ui--line-strong);
}
.sabtec-navsearch svg { width: 18px; height: 18px; color: var(--wp--preset--color--primary); }
.sabtec-navcall svg { width: 16px; height: 16px; color: var(--wp--preset--color--primary); }
.sabtec-navcta {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
	padding: 11px 22px;
}

.sabtec-nav__menu .wp-block-navigation__container { gap: 30px; }
.sabtec-nav__menu .wp-block-navigation-item__content {
	font-size: 15px; font-weight: 700;
	display: flex; align-items: center; gap: 5px;
}
.sabtec-nav .sabtec-nav__menu .wp-block-navigation-item__content.wp-block-navigation-item__content {
	color: var(--wp--custom--ui--ink-nav);
}
.sabtec-nav .sabtec-nav__menu .wp-block-navigation-item__content.wp-block-navigation-item__content:hover,
.sabtec-nav .sabtec-nav__menu .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content.wp-block-navigation-item__content {
	color: var(--wp--preset--color--primary);
}
.sabtec-nav__menu .wp-block-navigation-item {
	height: 80px; display: flex; align-items: center;
}
.sabtec-nav__menu .wp-block-navigation__submenu-icon { width: 13px; height: 13px; color: var(--wp--custom--ui--icon-soft); }

.sabtec-nav__menu .wp-block-navigation__submenu-container {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--hairline);
	border-radius: var(--wp--custom--radius--overlay);
	box-shadow: 0 18px 50px rgba(22, 24, 45, 0.12);
	padding: 12px; min-width: 230px;
}
.sabtec-nav__menu .wp-block-navigation__submenu-container .wp-block-navigation-item {
	height: auto; display: block;
}
.sabtec-nav__menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	display: block; padding: 10px 14px; border-radius: 24px;
	font-weight: 700; font-size: 14.5px;
}
.sabtec-nav .sabtec-nav__menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content.wp-block-navigation-item__content {
	color: var(--wp--custom--ui--ink-2);
}
.sabtec-nav .sabtec-nav__menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content.wp-block-navigation-item__content:hover,
.sabtec-nav .sabtec-nav__menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content.wp-block-navigation-item__content:focus-visible {
	background: var(--wp--preset--color--primary-soft);
	color: var(--wp--preset--color--primary);
}

.sabtec-nav__in { position: relative; }

.sabtec-nav__menu,
.sabtec-nav__menu .wp-block-navigation__container,
.sabtec-nav__menu .wp-block-navigation__responsive-container:not(.is-menu-open),
.sabtec-nav__menu .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-dialog {
	position: static;
}

.sabtec-nav__menu .wp-block-navigation-item:has(> .sabtec-mega__container) { position: static; }

.sabtec-nav__menu .wp-block-navigation__submenu-container.sabtec-mega__container {

	left: var(--wp--custom--gutter); right: var(--wp--custom--gutter);
	width: auto; min-width: 0;

	top: 100%; margin-top: 0;
	padding: 8px 0 0; border: 0; background: none; box-shadow: none;

	transition: opacity 0.12s ease 0.25s, visibility 0s linear 0.37s;
}
.sabtec-mega__item { display: block; width: 100%; list-style: none; }

.sabtec-nav__menu .wp-block-navigation-item.has-child:hover > .sabtec-mega__container,
.sabtec-nav__menu .wp-block-navigation-item.has-child:focus-within > .sabtec-mega__container,
.sabtec-nav__menu .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .sabtec-mega__container {
	opacity: 1;
	visibility: visible;
	height: auto;
	width: auto;
	overflow: visible;

	transition: opacity 0.12s ease 0s, visibility 0s linear 0s;
}

.sabtec-mega {
	display: grid;
	grid-template-columns: 1.1fr 1.1fr 1.1fr 1.3fr;
	gap: 26px;
	padding: 30px;
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--hairline);
	border-radius: var(--wp--custom--radius--overlay);
	box-shadow: 0 18px 50px rgba(22, 24, 45, 0.14);
}
.sabtec-mega__titel {
	font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase;
	color: var(--wp--preset--color--soft); font-weight: 900;
	margin: 0 0 14px; line-height: 1.4;
}
.sabtec-nav .sabtec-nav__menu .sabtec-mega__link {
	display: flex; align-items: center; gap: 11px;
	padding: 9px 0; font-weight: 700; font-size: 14.5px;
	color: var(--wp--custom--ui--ink-2); background: none; border-radius: 0;
}
.sabtec-nav .sabtec-nav__menu .sabtec-mega__link:hover,
.sabtec-nav .sabtec-nav__menu .sabtec-mega__link:focus-visible {
	color: var(--wp--preset--color--primary); background: none;
}
.sabtec-mega__link svg {
	width: 22px; height: 22px; flex: none;
	color: var(--wp--preset--color--primary);
}

.sabtec-nav .sabtec-nav__menu .sabtec-mega__promo {
	display: flex; flex-direction: column; justify-content: flex-end;
	gap: 6px; min-height: 160px; padding: 22px;
	background: var(--wp--preset--color--primary-deep);
	border-radius: var(--wp--custom--radius--flaeche);
	color: var(--wp--preset--color--white);
}
.sabtec-mega__promo-eyebrow {
	font-size: 11px; font-weight: 900; letter-spacing: 2px;
	text-transform: uppercase; color: var(--wp--preset--color--accent);
}
.sabtec-mega__promo-titel {
	font-family: var(--wp--preset--font-family--display);
	font-size: 22px; font-weight: 900; letter-spacing: -0.5px; line-height: 1.15;
}
.sabtec-mega__promo-text { font-size: 13.5px; line-height: 1.5; opacity: 0.82; }
.sabtec-mega__promo-cta {
	margin-top: 6px; font-size: 13px; font-weight: 900;
	text-decoration: underline; text-underline-offset: 3px;
}

.sabtec-nav .sabtec-nav__menu .sabtec-mega__promo {
	transition: background-color var(--wp--custom--bewegung--kurz) var(--wp--custom--bewegung--kurve);
}
@media (hover: hover) {
	.sabtec-nav .sabtec-nav__menu .sabtec-mega__promo:hover { background: var(--wp--preset--color--primary); }
}

.sabtec-foot {
	border-top: 1px solid var(--wp--preset--color--hairline);
	background: var(--wp--preset--color--white);
	padding: 72px var(--wp--custom--gutter) 40px;
	margin: 0;
}
.sabtec-foot__grid {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr;
	gap: 40px;
	max-width: 1280px;
	margin: 0 auto;
}
.sabtec-foot__marke img { height: 30px; width: auto; }
.sabtec-foot__marke p {
	color: var(--wp--preset--color--muted);
	margin-top: 16px;
	max-width: 280px;
	font-size: 14.5px;
}
.sabtec-foot__titel {
	color: var(--wp--preset--color--primary);
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-size: 12px;
	font-weight: 900;
	line-height: 1.4;
	margin: 0 0 14px;
}
.sabtec-foot__spalte a {
	display: block;
	color: var(--wp--preset--color--muted);
	font-size: 14.5px;
	margin-bottom: 9px;
}
.sabtec-foot__spalte a:hover { color: var(--wp--preset--color--primary); }

.sabtec-foot__leiste {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
	max-width: 1280px;
	margin: 44px auto 0;
	padding-top: 22px;
	border-top: 1px solid var(--wp--preset--color--hairline);
	font-size: 13px;
	color: var(--wp--preset--color--soft);
}

.sabtec-foot__recht { display: flex; gap: 5px; flex-wrap: wrap; }
.sabtec-foot__recht a:hover { color: var(--wp--preset--color--primary); }

@media (max-width: 1120px) {
	.sabtec-foot__grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 600px) {
	.sabtec-foot__grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	.sabtec-foot__marke p { max-width: none; }
}
@media (max-width: 700px) {
	body { --wp--custom--gutter: 22px; }

	.sabtec-topline { display: none; }
	.sabtec-navcall { display: none; }
	.sabtec-nav__in { padding: 0 20px; }

	.sabtec-mega {
		grid-template-columns: 1fr; gap: 18px; padding: 0;
		border: 0; box-shadow: none; background: none;
	}
	.sabtec-mega__promo { min-height: 0; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
}

@media (max-width: 1120px) {
	.sabtec-nav__menu .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}
	.sabtec-nav__menu .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}

	.sabtec-nav__menu .is-menu-open .wp-block-navigation-item {
		height: auto;
		display: block;
	}

	.sabtec-nav .sabtec-nav__menu .is-menu-open .wp-block-navigation-item__content.wp-block-navigation-item__content {
		display: flex;
		align-items: center;
		min-height: 52px;
		font-size: 19px;
	}

	.sabtec-nav__menu .is-menu-open .wp-block-navigation__responsive-container-content,
	.sabtec-nav__menu .is-menu-open .wp-block-navigation__container {
		width: 100%;
		align-items: stretch;
	}
	.sabtec-nav__menu .is-menu-open .wp-block-navigation__container {
		gap: 0;
	}
	.sabtec-nav__menu .is-menu-open .wp-block-navigation__container > .wp-block-navigation-item {
		width: 100%;
	}
	.sabtec-nav__menu .is-menu-open > .wp-block-navigation__responsive-dialog .wp-block-navigation__container > .wp-block-navigation-item + .wp-block-navigation-item,
	.sabtec-nav__menu .is-menu-open .wp-block-navigation__container > .wp-block-navigation-item + .wp-block-navigation-item {
		border-top: 1px solid var(--wp--preset--color--hairline);
	}

	.sabtec-nav__menu .is-menu-open .sabtec-mega__container {
		position: static;
		opacity: 1;
		visibility: visible;
		padding: 0;
		display: none;
		width: auto;
		height: auto;
		overflow: visible;
		transition: none;
	}
	.sabtec-nav__menu .is-menu-open .wp-block-navigation-item.sabtec-mega--auf > .sabtec-mega__container {
		display: block;
	}

	.sabtec-nav__menu .is-menu-open .wp-block-navigation__submenu-container:not(.sabtec-mega__container) {
		position: static;
		display: none;
		opacity: 1;
		visibility: visible;
		width: auto;
		min-width: 0;
		margin-left: 2px;
		padding: 4px 0 14px 14px;
		border: 0;
		border-left: 2px solid var(--wp--preset--color--hairline);
		border-radius: 0;
		box-shadow: none;
		background: none;
	}
	.sabtec-nav__menu .is-menu-open .wp-block-navigation-item.sabtec-mega--auf > .wp-block-navigation__submenu-container:not(.sabtec-mega__container) {
		display: block;
	}

	.sabtec-nav__menu .is-menu-open .wp-block-navigation__submenu-icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: var(--wp--preset--color--primary);

		transition: transform var(--wp--custom--bewegung--lang) var(--wp--custom--bewegung--kurve);
	}
	.sabtec-nav__menu .is-menu-open .wp-block-navigation__submenu-icon svg {
		width: 15px;
		height: 15px;
	}

	.sabtec-nav__menu .is-menu-open .wp-block-navigation-item.has-child {
		position: relative;
		display: block;
	}
	.sabtec-nav__menu .is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation-item__content {
		width: auto;
		max-width: none;
		padding-right: 56px;
	}
	.sabtec-nav__menu .is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation-submenu__toggle {
		position: absolute;

		top: 26px;
		transform: translateY(-50%);
		right: 0;
		width: 44px;
		height: 44px;
		margin: 0;
		padding: 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background: none;
		border: 0;
		border-radius: 999px;
		cursor: pointer;
	}

	.sabtec-nav__menu .is-menu-open .wp-block-navigation-submenu__toggle .wp-block-navigation__submenu-icon {
		width: auto;
		height: auto;
		margin-left: 0;
	}
	.sabtec-nav__menu .is-menu-open .sabtec-mega--auf > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon,
	.sabtec-nav__menu .is-menu-open .sabtec-mega--auf > .wp-block-navigation-submenu__toggle .wp-block-navigation__submenu-icon {
		transform: rotate(180deg);
	}

	.sabtec-nav__menu .is-menu-open .sabtec-mega {
		grid-template-columns: 1fr;
		gap: 18px;
		padding: 4px 0 14px 14px;
		margin-left: 2px;
		border: 0;
		border-left: 2px solid var(--wp--preset--color--hairline);
		box-shadow: none;
		background: none;
		border-radius: 0;
	}
	.sabtec-nav__menu .is-menu-open .sabtec-mega__spalte { min-width: 0; }

	.sabtec-nav__menu .is-menu-open .sabtec-mega__promo {
		min-height: 0;
		padding: 18px;
	}
}

.sabtec-topline a,
.sabtec-foot__spalte a,
.sabtec-foot__recht a,
.sabtec-nav__menu .wp-block-navigation-submenu__toggle,
.card .det,
.card .req,
.lnk,
.dl .get,
.stx .links a { position: relative; }

.sabtec-topline a::after,
.sabtec-foot__spalte a::after,
.sabtec-foot__recht a::after,
.sabtec-nav__menu .wp-block-navigation-submenu__toggle::after,
.card .det::after,
.card .req::after,
.lnk::after,
.dl .get::after,
.stx .links a::after {
	content: "";
	position: absolute;
	left: 0; right: 0; top: 50%;
	transform: translateY(-50%);
	min-width: 24px; height: 24px;
}

.sabtec-nav .sabtec-nav__menu .wp-block-navigation__container > .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-item__content.wp-block-navigation-item__content {
	color: var(--wp--preset--color--primary);
}

.sabtec-nav .sabtec-nav__menu .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content.wp-block-navigation-item__content {
	color: var(--wp--preset--color--primary);
	font-weight: 900;
}

@media not all and (max-width: 1120px) {
	.sabtec-nav__menu .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
		position: relative;
	}
	.sabtec-nav__menu .wp-block-navigation__container > .wp-block-navigation-item:is(.current-menu-item, .current-menu-ancestor) > .wp-block-navigation-item__content::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;

		bottom: calc((100% - 80px) / 2);
		height: 3px;
		background: var(--wp--preset--color--primary);
		pointer-events: none;
	}

	.sabtec-nav .sabtec-nav__menu .wp-block-navigation-item.has-child.sabtec-mega--zu > .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
		opacity: 0;
		visibility: hidden;
		transition: none;
	}
}

.sabtec-nav .sabtec-nav__menu .sabtec-mega__link[aria-current="page"] {
	color: var(--wp--preset--color--primary);
	font-weight: 900;
}

.sabtec-nav__menu .wp-block-navigation-item.has-child:focus-within > .wp-block-navigation__submenu-container:not(.sabtec-mega__container),
.sabtec-nav__menu .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container:not(.sabtec-mega__container) {
	opacity: 1;
	visibility: visible;
	height: auto;
	width: auto;
	min-width: 230px;
	overflow: visible;
}

.pgal .thumbs button[aria-pressed="true"] { border-color: var(--blue); }

.wp-site-blocks > header.wp-block-template-part {
	position: sticky;
	top: calc(-1 * var(--sabtec-topline-h, 42px));
	z-index: 80;
}
body.admin-bar .wp-site-blocks > header.wp-block-template-part {
	top: calc(32px - var(--sabtec-topline-h, 42px));
}

:root { --sabtec-kopf-luft: var(--wp--preset--spacing--20); }
html { scroll-padding-top: calc(var(--sabtec-kopf-h, 81px) + var(--sabtec-kopf-luft)); }
@media (max-width: 782px) {
	body.admin-bar .wp-site-blocks > header.wp-block-template-part {
		top: calc(46px - var(--sabtec-topline-h, 42px));
	}
}
@media (max-width: 700px) {

	.wp-site-blocks > header.wp-block-template-part { top: 0; }
	body.admin-bar .wp-site-blocks > header.wp-block-template-part { top: 46px; }
}
@media (max-width: 600px) {

	body.admin-bar .wp-site-blocks > header.wp-block-template-part { top: 0; }
}

@media (min-width: 1121px) and (max-width: 1279px) {
	.sabtec-navcall {
		width: 42px; height: 42px; padding: 0;
		justify-content: center; flex: none;
	}
	.sabtec-navcall__text { display: none; }
}

@media (max-width: 360px) {
	.sabtec-nav__in { gap: 8px; padding: 0 16px; }
	.sabtec-nav__right { gap: 8px; }
	.sabtec-navcta { padding-inline: 16px; }
	.sabtec-logo { flex: none; }
	.sabtec-logo img { height: 28px; }
}

.wp-site-blocks > footer.wp-block-template-part { margin-block-start: 0; }

.sabtec-nav .sabtec-navcta--kompakt,
.sabtec-nav__menu .sabtec-menue-suche,
.sabtec-nav__menu .sabtec-menue-kontakt { display: none; }

.sabtec-nav .sabtec-menuesymbol { overflow: visible; fill: none; }
.sabtec-nav .sabtec-menuesymbol path {
	transform-box: fill-box;
	transform-origin: center;
	transition:
		stroke-dasharray var(--wp--custom--bewegung--lang) var(--wp--custom--bewegung--kurve),
		stroke-dashoffset var(--wp--custom--bewegung--lang) var(--wp--custom--bewegung--kurve);
}
.sabtec-nav .sabtec-menuesymbol path:nth-of-type(1) { stroke-dasharray: 16 16; stroke-dashoffset: 0; }
.sabtec-nav .sabtec-menuesymbol path:nth-of-type(2) { stroke-dasharray: 13 16; stroke-dashoffset: -3; }
.sabtec-nav .sabtec-menuesymbol path:nth-of-type(3) { stroke-dasharray: 10 16; stroke-dashoffset: -6; }

.sabtec-nav .wp-block-navigation__responsive-container-close .sabtec-menuesymbol path:nth-of-type(1) {
	transform: translate(1px, 6px) rotate(45deg);
}
.sabtec-nav .wp-block-navigation__responsive-container-close .sabtec-menuesymbol path:nth-of-type(2) {
	opacity: 0;
}
.sabtec-nav .wp-block-navigation__responsive-container-close .sabtec-menuesymbol path:nth-of-type(3) {
	stroke-dasharray: 16 16;
	stroke-dashoffset: 0;
	transform: translate(1px, -6px) rotate(-45deg);
}

@keyframes sabtec-zum-x-1 { from { transform: none; } }
@keyframes sabtec-zum-x-2 { from { opacity: 1; } }
@keyframes sabtec-zum-x-3 { from { transform: none; stroke-dasharray: 10 16; stroke-dashoffset: -6; } }
.sabtec-nav .is-menu-open .wp-block-navigation__responsive-container-close .sabtec-menuesymbol path:nth-of-type(1) { animation: sabtec-zum-x-1 .38s var(--wp--custom--bewegung--kurve); }
.sabtec-nav .is-menu-open .wp-block-navigation__responsive-container-close .sabtec-menuesymbol path:nth-of-type(2) { animation: sabtec-zum-x-2 .2s var(--wp--custom--bewegung--kurve); }
.sabtec-nav .is-menu-open .wp-block-navigation__responsive-container-close .sabtec-menuesymbol path:nth-of-type(3) { animation: sabtec-zum-x-3 .38s var(--wp--custom--bewegung--kurve); }

@keyframes sabtec-zu-strichen-1 { from { transform: translate(1px, 6px) rotate(45deg); } }
@keyframes sabtec-zu-strichen-2 { from { opacity: 0; } }
@keyframes sabtec-zu-strichen-3 { from { transform: translate(1px, -6px) rotate(-45deg); stroke-dasharray: 16 16; stroke-dashoffset: 0; } }
.sabtec-nav .sabtec-menue-zurueck .sabtec-menuesymbol path:nth-of-type(1) { animation: sabtec-zu-strichen-1 .38s var(--wp--custom--bewegung--kurve); }
.sabtec-nav .sabtec-menue-zurueck .sabtec-menuesymbol path:nth-of-type(2) { animation: sabtec-zu-strichen-2 .38s var(--wp--custom--bewegung--kurve); }
.sabtec-nav .sabtec-menue-zurueck .sabtec-menuesymbol path:nth-of-type(3) { animation: sabtec-zu-strichen-3 .38s var(--wp--custom--bewegung--kurve); }

@media (max-width: 1120px) {
	.wp-site-blocks { --sabtec-kopf-rand: var(--wp--custom--gutter); }

	.wp-site-blocks .sabtec-nav__right { display: none; }
	.wp-site-blocks .sabtec-nav__menu { gap: 8px; }

	.wp-site-blocks .sabtec-nav .sabtec-navcta--kompakt {
		display: inline-flex;
		justify-content: center;
		min-height: 44px;
		padding: 0 20px;
	}

	.wp-site-blocks .sabtec-nav .wp-block-navigation__responsive-container-open:not(.always-shown),
	.wp-site-blocks .sabtec-nav .wp-block-navigation__responsive-container-close {
		background: var(--wp--preset--color--primary-soft);
		color: var(--wp--preset--color--primary);
		transition: background-color var(--wp--custom--bewegung--kurz) var(--wp--custom--bewegung--kurve);
	}
	@media (hover: hover) {
		.wp-site-blocks .sabtec-nav .wp-block-navigation__responsive-container-open:not(.always-shown):hover,
		.wp-site-blocks .sabtec-nav .wp-block-navigation__responsive-container-close:hover {
			background: var(--wp--custom--ui--on-primary-flaeche-2);
		}

		.wp-site-blocks .sabtec-nav .wp-block-navigation__responsive-container-open:hover .sabtec-menuesymbol path {
			stroke-dasharray: 16 16;
			stroke-dashoffset: 0;
		}
	}

	.wp-site-blocks .sabtec-nav__menu:has(.is-menu-open) .wp-block-navigation__responsive-container-open {
		opacity: 0;
	}

	.wp-site-blocks .sabtec-nav__menu .is-menu-open .wp-block-navigation__responsive-container-content .has-child > .wp-block-navigation__submenu-container.sabtec-mega__container {
		padding: 0;
	}
	.wp-site-blocks .sabtec-nav__menu .is-menu-open .wp-block-navigation__responsive-container-content .has-child > .wp-block-navigation__submenu-container:not(.sabtec-mega__container) {
		margin-left: 2px;
		padding: 4px 0 14px 14px;
		border-left: 2px solid var(--wp--preset--color--hairline);
	}

	.wp-site-blocks .sabtec-nav .sabtec-nav__menu .is-menu-open .wp-block-navigation__submenu-container:not(.sabtec-mega__container) .wp-block-navigation-item__content.wp-block-navigation-item__content {
		min-height: 0;
		padding: 9px 0;
		border-radius: 0;
		background: none;
		font-size: 14.5px;
	}
	.wp-site-blocks .sabtec-nav__menu .is-menu-open .wp-block-navigation__responsive-container-close {
		position: fixed;
		top: var(--sabtec-menueknopf-oben, 18px);
		right: var(--sabtec-menueknopf-rechts, var(--sabtec-kopf-rand));
		z-index: 3;
	}

	.wp-site-blocks .sabtec-nav__menu .wp-block-navigation__responsive-container.is-menu-open {
		top: var(--sabtec-menue-oben, 81px);
		padding: 0;
		background: var(--wp--preset--color--white);
		overscroll-behavior: contain;
		animation: none;
	}
	.wp-site-blocks .sabtec-nav__menu .is-menu-open .wp-block-navigation__responsive-dialog {
		margin-top: 0;
	}
	.wp-site-blocks .sabtec-nav__menu .is-menu-open .wp-block-navigation__responsive-container-content {
		padding: 12px var(--sabtec-kopf-rand) calc(32px + env(safe-area-inset-bottom, 0px));
		animation: sabtec-menue-ein var(--wp--custom--bewegung--lang) var(--wp--custom--bewegung--kurve);
	}

	.wp-site-blocks .sabtec-nav__menu .is-menu-open .sabtec-menue-suche {
		display: flex;
		align-items: center;
		gap: 12px;
		min-height: 48px;
		margin: 0 0 10px;
		padding: 0 20px;
		border-radius: var(--wp--custom--radius--pill);
		background: var(--wp--custom--ui--flaeche-hell);
		color: var(--wp--preset--color--muted);
		font-size: 16px;
		font-weight: 700;
		transition:
			background-color var(--wp--custom--bewegung--kurz) var(--wp--custom--bewegung--kurve),
			color var(--wp--custom--bewegung--kurz) var(--wp--custom--bewegung--kurve);
	}
	.wp-site-blocks .sabtec-nav__menu .sabtec-menue-suche svg {
		flex: none;
		width: 20px;
		height: 20px;
		color: var(--wp--preset--color--primary);
	}

	.wp-site-blocks .sabtec-nav__menu .is-menu-open .sabtec-menue-kontakt {
		display: block;
		margin-top: 32px;
	}
	.wp-site-blocks .sabtec-menue-kontakt__titel { margin: 0 0 16px; }
	.wp-site-blocks .sabtec-nav .sabtec-menue-anfrage {
		display: flex;
		justify-content: center;
		width: 100%;
		min-height: 52px;
		padding: 0 24px;
	}
	.wp-site-blocks .sabtec-menue-wege {
		display: grid;
		gap: 4px;
		margin-top: 14px;
	}
	.wp-site-blocks .sabtec-nav .sabtec-menue-weg {
		display: flex;
		align-items: center;
		gap: 14px;
		min-height: 56px;
		color: var(--wp--preset--color--ink);
	}
	.wp-site-blocks .sabtec-menue-weg__symbol {
		flex: none;
		display: grid;
		place-items: center;
		width: 44px;
		height: 44px;
		border-radius: 50%;
		background: var(--wp--preset--color--primary-soft);
		color: var(--wp--preset--color--primary);
	}
	.wp-site-blocks .sabtec-menue-weg__symbol svg { width: 18px; height: 18px; }
	.wp-site-blocks .sabtec-menue-weg__text {
		display: flex;
		flex-direction: column;
		min-width: 0;
		line-height: 1.3;
	}
	.wp-site-blocks .sabtec-menue-weg__label {
		font-size: 12.5px;
		font-weight: 700;
		color: var(--wp--preset--color--soft);
	}
	.wp-site-blocks .sabtec-menue-weg__wert {
		font-size: 16px;
		font-weight: 900;
		overflow-wrap: anywhere;
	}
	@media (hover: hover) {
		.wp-site-blocks .sabtec-nav__menu .sabtec-menue-suche:hover {
			background: var(--wp--preset--color--primary-soft);
			color: var(--wp--preset--color--primary);
		}
		.wp-site-blocks .sabtec-nav .sabtec-menue-weg:hover .sabtec-menue-weg__wert {
			color: var(--wp--preset--color--primary);
		}
	}
}

@media (min-width: 701px) and (max-width: 1120px) {
	.wp-site-blocks .sabtec-menue-wege { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.wp-site-blocks .sabtec-nav .sabtec-menue-anfrage { display: inline-flex; width: auto; }
}

@media (max-width: 700px) {
	.wp-site-blocks { --sabtec-kopf-rand: 20px; }
}
@media (max-width: 360px) {
	.wp-site-blocks { --sabtec-kopf-rand: 16px; }
	.wp-site-blocks .sabtec-nav .sabtec-navcta--kompakt { padding: 0 16px; }
}

@keyframes sabtec-menue-ein { from { opacity: 0; transform: translateY(-8px); } }