/*
	Theme Name: Hello Elementor Child
	Description: Child theme of Hello Elementor for SVG Euro-Zert. All custom CSS lives here and is scoped under a unique parent class per component (e.g. .svgz-header).
	Template: hello-elementor
	Version: 1.0.0
	Text Domain: hello-elementor-child
*/

/* ==========================================================================
   Design tokens
   ========================================================================== */
:root {
	--svgz-navy: #0e3a5c;
	--svgz-navy-2: #1a5379;
	--svgz-teal: #178a8c;
	--svgz-ink: #1b1b1b;
	--svgz-white: #ffffff;
	--svgz-font: "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
}

/* ==========================================================================
   Component: Main header  (parent class: .svgz-header)
   Structure (set in the Elementor "SVG Main Header" template):
   .svgz-header
     .svgz-header__row1
       .svgz-header__strip
       .svgz-header__white   > .svgz-header__logo + .svgz-header__nav
       .svgz-header__tools   > .svgz-header__search + .svgz-header__cta
     .svgz-header__row2      > .svgz-hl-label + .svgz-hl.svgz-hl--{kfz|gutachter|bgh|podcast}
   ========================================================================== */

.svgz-header {
	--svgz-row1-h: 90px;
	--svgz-row2-h: 64px;
	--svgz-slant: 24px;
	--svgz-gutter: clamp(16px, 5.8vw, 120px);
	--flex-wrap: nowrap;
	width: 100%;
	font-family: var(--svgz-font);
	font-stretch: condensed;
	background-color: var(--svgz-navy);
}

.svgz-header,
.svgz-header * {
	box-sizing: border-box;
}

/* Neutralise Elementor container defaults inside the header */
.svgz-header .e-con {
	--padding-top: 0px;
	--padding-right: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
	--gap: 0px;
	--row-gap: 0px;
	--column-gap: 0px;
	--flex-wrap: nowrap;
	--width: auto;
	width: auto;
	flex-wrap: nowrap;
}

.svgz-header .elementor-widget:not(:last-child) {
	margin-block-end: 0;
}

/* ---------- Row 1 ---------- */
.svgz-header .svgz-header__row1 {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	min-height: var(--svgz-row1-h);
}

.svgz-header .svgz-header__strip {
	flex: 0 0 clamp(20px, 3.3vw, 64px);
	width: clamp(20px, 3.3vw, 64px);
	background-color: var(--svgz-teal);
}

/* White panel: the white shape is a pseudo-element so dropdowns are never clipped by the slanted edge */
.svgz-header .svgz-header__white {
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: clamp(16px, 2vw, 40px);
	padding-inline-start: calc(var(--svgz-gutter) - clamp(20px, 3.3vw, 64px));
	padding-inline-end: 0;
}

.svgz-header .svgz-header__white::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background-color: var(--svgz-white);
	clip-path: polygon(0 0, 100% 0, calc(100% - var(--svgz-slant)) 100%, 0 100%);
}

.svgz-header .svgz-header__white > * {
	position: relative;
	z-index: 1;
}

.svgz-header .svgz-header__logo {
	flex: 0 0 auto;
	width: auto;
}

.svgz-header .svgz-header__logo .nex-logo a {
	display: block;
	line-height: 0;
}

.svgz-header .svgz-header__nav {
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
	align-self: stretch;
}

/* Main menu (desktop mode only – the NX drawer styles stay untouched) */
.svgz-header .nex-nav:not(.is-mobile) .nex-nav__list {
	gap: 0;
	height: var(--svgz-row1-h);
	align-items: stretch;
}

.svgz-header .nex-nav:not(.is-mobile) .nex-nav__list > li {
	align-items: stretch;
}

.svgz-header .nex-nav:not(.is-mobile) .nex-nav__list > li > a {
	display: flex;
	align-items: center;
	padding: 0 clamp(14px, 1.5vw, 24px);
	font-family: var(--svgz-font);
	font-stretch: condensed;
	font-size: clamp(17px, 1.4vw, 21px);
	font-weight: 400;
	line-height: 1;
}

/* Thin "|" separators between items */
.svgz-header .nex-nav:not(.is-mobile) .nex-nav__list > li + li::before {
	content: "";
	align-self: center;
	width: 1px;
	height: 22px;
	background-color: #3a3a3a;
}

/* Active / hover: teal text + teal bar sitting on the row's bottom edge */
.svgz-header .nex-nav:not(.is-mobile) .nex-nav__list > li > a::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 56%;
	height: 5px;
	border-radius: 4px 4px 0 0;
	background-color: var(--svgz-teal);
	transform: translateX(-50%) scaleX(0);
	transition: transform 0.25s ease;
}

.svgz-header .nex-nav:not(.is-mobile) .nex-nav__list > li:hover > a::after,
.svgz-header .nex-nav:not(.is-mobile) .nex-nav__list > li.current-menu-item > a::after,
.svgz-header .nex-nav:not(.is-mobile) .nex-nav__list > li.current-menu-ancestor > a::after {
	transform: translateX(-50%) scaleX(1);
}

/* Tools (search + button) on the navy side */
.svgz-header .svgz-header__tools {
	flex: 0 0 auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: clamp(12px, 1.4vw, 24px);
	padding-inline-start: calc(var(--svgz-slant) + 1vw);
	padding-inline-end: clamp(16px, 2.2vw, 40px);
}

.svgz-header .svgz-header__search {
	flex: 0 0 auto;
	width: clamp(130px, 10.7vw, 190px);
}

.svgz-header .svgz-header__search .nex-search {
	display: block;
	width: 100%;
}

.svgz-header .svgz-header__search .nex-search__form {
	flex-direction: row-reverse;
	min-width: 0;
	padding: 0 12px 0 4px;
}

.svgz-header .svgz-header__search .nex-search__input {
	height: 40px;
	font-family: var(--svgz-font);
	font-size: 16px;
}

.svgz-header .svgz-header__search .nex-search__submit {
	width: 32px;
	height: 32px;
	color: #7a7a7a;
}

.svgz-header .svgz-header__cta {
	flex: 0 0 auto;
	width: auto;
}

.svgz-header .svgz-header__cta .elementor-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: clamp(140px, 13vw, 190px);
	height: 40px;
	padding: 0 18px;
	border: 1px solid #8d8d8d;
	border-radius: 6px;
	background-color: #c8c8c8;
	background-image: linear-gradient(180deg, #ececec 0%, #bdbdbd 55%, #9c9c9c 100%);
	color: #151515;
	font-family: var(--svgz-font);
	font-stretch: condensed;
	font-size: clamp(16px, 1.3vw, 20px);
	font-weight: 400;
	line-height: 1;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
	transition: filter 0.2s ease;
}

.svgz-header .svgz-header__cta .elementor-button:hover,
.svgz-header .svgz-header__cta .elementor-button:focus {
	filter: brightness(1.06);
	color: #000;
}

/* ---------- Row 2: Themen-Highlights ---------- */
.svgz-header .svgz-header__row2 {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: clamp(14px, 1.6vw, 28px);
	min-height: var(--svgz-row2-h);
	padding-inline-start: var(--svgz-gutter);
	padding-inline-end: 16px;
	background-color: var(--svgz-navy-2);
}

.svgz-header .svgz-hl-label,
.svgz-header .svgz-hl {
	flex: 0 0 auto;
	width: auto;
}

.svgz-header .svgz-hl-label .elementor-heading-title,
.svgz-header .svgz-hl .elementor-heading-title {
	margin: 0;
	color: var(--svgz-white);
	font-family: var(--svgz-font);
	font-stretch: condensed;
	font-size: clamp(17px, 1.65vw, 25px);
	line-height: 1;
	white-space: nowrap;
}

.svgz-header .svgz-hl-label .elementor-heading-title {
	font-weight: 700;
}

.svgz-header .svgz-hl .elementor-heading-title {
	font-weight: 400;
}

.svgz-header .svgz-hl .elementor-heading-title a {
	display: inline-flex;
	align-items: center;
	gap: 0.55em;
	color: var(--svgz-white);
	text-decoration: none;
	transition: opacity 0.2s ease;
}

.svgz-header .svgz-hl .elementor-heading-title a:hover {
	opacity: 0.8;
}

/* "|" separator between highlights */
.svgz-header .svgz-hl + .svgz-hl {
	position: relative;
	padding-inline-start: clamp(14px, 1.6vw, 28px);
}

.svgz-header .svgz-hl + .svgz-hl::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: 50%;
	width: 1px;
	height: 1.1em;
	background-color: rgba(255, 255, 255, 0.75);
	transform: translateY(-50%);
}

/* Line icons (generated SVG masks, tinted with currentColor) */
.svgz-header .svgz-hl .elementor-heading-title a::before,
.svgz-hlm__chip .elementor-heading-title a::before {
	content: "";
	flex: 0 0 auto;
	width: 1.45em;
	height: 1.45em;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.svgz-header .svgz-hl--kfz .elementor-heading-title a::before,
.svgz-hlm__chip--kfz .elementor-heading-title a::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 22 16.5 12.5H31.5L35 22'/%3E%3Cpath d='M8 22H40a3 3 0 0 1 3 3V33H5V25a3 3 0 0 1 3-3z'/%3E%3Cpath d='M10 33V38H16V33M32 33V38H38V33'/%3E%3Ccircle cx='12' cy='27.5' r='2'/%3E%3Ccircle cx='36' cy='27.5' r='2'/%3E%3Cpath d='M20 28H28'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 22 16.5 12.5H31.5L35 22'/%3E%3Cpath d='M8 22H40a3 3 0 0 1 3 3V33H5V25a3 3 0 0 1 3-3z'/%3E%3Cpath d='M10 33V38H16V33M32 33V38H38V33'/%3E%3Ccircle cx='12' cy='27.5' r='2'/%3E%3Ccircle cx='36' cy='27.5' r='2'/%3E%3Cpath d='M20 28H28'/%3E%3C/svg%3E");
}

.svgz-header .svgz-hl--gutachter .elementor-heading-title a::before,
.svgz-hlm__chip--gutachter .elementor-heading-title a::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='21' cy='13' r='6'/%3E%3Cpath d='M7 41V37Q7 28 21 28Q28 28 31.5 31'/%3E%3Ccircle cx='36' cy='36' r='7'/%3E%3Cpath d='M32.8 36.2 35 38.4 39.4 33.6'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='21' cy='13' r='6'/%3E%3Cpath d='M7 41V37Q7 28 21 28Q28 28 31.5 31'/%3E%3Ccircle cx='36' cy='36' r='7'/%3E%3Cpath d='M32.8 36.2 35 38.4 39.4 33.6'/%3E%3C/svg%3E");
}

.svgz-header .svgz-hl--bgh .elementor-heading-title a::before,
.svgz-hlm__chip--bgh .elementor-heading-title a::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 9V40M15 40H33M8 15H40'/%3E%3Ccircle cx='24' cy='6.5' r='1.6'/%3E%3Cpath d='M10 15 5 28M10 15 15 28M4 28a6 6 0 0 0 12 0zM38 15 33 28M38 15 43 28M32 28a6 6 0 0 0 12 0z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 9V40M15 40H33M8 15H40'/%3E%3Ccircle cx='24' cy='6.5' r='1.6'/%3E%3Cpath d='M10 15 5 28M10 15 15 28M4 28a6 6 0 0 0 12 0zM38 15 33 28M38 15 43 28M32 28a6 6 0 0 0 12 0z'/%3E%3C/svg%3E");
}

.svgz-header .svgz-hl--podcast .elementor-heading-title a::before,
.svgz-hlm__chip--podcast .elementor-heading-title a::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='18' y='5' width='12' height='22' rx='6'/%3E%3Cpath d='M12 22a12 12 0 0 0 24 0M24 34V42M17 42H31'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='18' y='5' width='12' height='22' rx='6'/%3E%3Cpath d='M12 22a12 12 0 0 0 24 0M24 34V42M17 42H31'/%3E%3C/svg%3E");
}

/* Search focus states: replace the parent theme's black outline + white halo */
.svgz-header .nex-search .nex-search__input:focus,
.svgz-header .nex-search .nex-search__input:focus-visible {
	outline: none;
	box-shadow: none;
}

.svgz-header .nex-search button:focus-visible {
	outline: 2px solid var(--svgz-teal);
	outline-offset: 2px;
	box-shadow: none;
}

/* Hide the browser's built-in "clear" × (low contrast on navy) */
.svgz-header .nex-search .nex-search__input::-webkit-search-cancel-button {
	-webkit-appearance: none;
	appearance: none;
	display: none;
}

/* Desktop field: highlight the whole field while typing */
.svgz-header .svgz-header__search .nex-search__form:focus-within {
	box-shadow: 0 0 0 2px var(--svgz-teal);
}

/* Fullscreen overlay: brighten the underline while typing */
.svgz-header .svgz-header__search-m .nex-search__input:focus {
	border-bottom-color: var(--svgz-white) !important;
}

.svgz-header .svgz-header__search-m .nex-search button:focus-visible {
	outline-color: var(--svgz-white);
}

/* Mobile / tablet search: icon beside the burger, opens a full-screen form */
.svgz-header .svgz-header__search-m {
	display: none;
	flex: 0 0 auto;
	width: auto;
}

.svgz-header .svgz-header__white > .svgz-header__search-m {
	z-index: 2;
}

.svgz-header .svgz-header__search-m .nex-search {
	display: block;
	--nex-search-color: #5a5a5a;
}

.svgz-header .svgz-header__search-m .nex-search__toggle {
	width: 44px;
	height: 44px;
	color: #5a5a5a;
}

.svgz-header .svgz-header__search-m .nex-search__toggle svg {
	width: 28px;
	height: 28px;
}

.svgz-header .svgz-header__search-m .nex-search__form {
	background-color: var(--svgz-navy);
	font-family: var(--svgz-font);
	font-stretch: condensed;
}

.svgz-header .svgz-header__search-m .nex-search__input {
	font-family: var(--svgz-font);
	font-stretch: condensed;
	color: var(--svgz-white);
}

.svgz-header .svgz-header__search-m .nex-search__input::placeholder {
	color: rgba(255, 255, 255, 0.55);
}

.svgz-header .svgz-header__search-m .nex-search__form .nex-search__close {
	top: 20px;
	right: 16px;
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.14);
	color: var(--svgz-white);
	font-size: 30px;
	line-height: 1;
}

.svgz-header .svgz-header__search-m .nex-search__form .nex-search__close:hover,
.svgz-header .svgz-header__search-m .nex-search__form .nex-search__close:focus {
	background-color: rgba(255, 255, 255, 0.24);
	color: var(--svgz-white);
}

.svgz-header .svgz-header__search-m .nex-search__submit svg {
	width: 28px;
	height: 28px;
}

/* Mobile drawer in brand colours */
.svgz-header .nex-nav.is-mobile {
	--nex-m-link: var(--svgz-white);
	--nex-m-hover: #5fd0d3;
}

.svgz-header .nex-nav.is-mobile .nex-nav__panel {
	background-color: var(--svgz-navy);
	font-family: var(--svgz-font);
	font-stretch: condensed;
}

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
	.svgz-header {
		--svgz-row1-h: 72px;
		--svgz-row2-h: 56px;
	}

	.svgz-header .svgz-header__search {
		display: none;
	}

	.svgz-header .svgz-header__white {
		padding-inline-end: 12px;
	}

	.svgz-header .svgz-header__nav {
		flex: 0 0 auto;
		align-self: center;
	}

	.svgz-header .svgz-header__search-m {
		display: block;
		margin-inline-start: auto;
		align-self: center;
	}
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
	.svgz-header {
		--svgz-row1-h: 64px;
		--svgz-row2-h: 52px;
		--svgz-gutter: 16px;
	}

	.svgz-header .svgz-header__strip,
	.svgz-header .svgz-header__tools {
		display: none;
	}

	.svgz-header .svgz-header__white {
		padding-inline-start: 16px;
	}

	.svgz-header .svgz-header__white::before {
		clip-path: none;
	}

	/* Highlights become a horizontally scrollable strip */
	.svgz-header .svgz-header__row2 {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.svgz-header .svgz-header__row2::-webkit-scrollbar {
		display: none;
	}

	.svgz-header .svgz-hl-label .elementor-heading-title,
	.svgz-header .svgz-hl .elementor-heading-title {
		font-size: 17px;
	}
}

/* ==========================================================================
   Component: Hero banner with podcast player  (parent class: .svgz-hero)
   Template: elementor-templates/svgz-hero-podcast.json
   Colours, typography, spacing, backgrounds and responsive layout are set in
   Elementor. This CSS only covers what Elementor free cannot do: the teal strip,
   the waveform mask + progress fill, and the play/pause state.
   ========================================================================== */

/* Teal strip on the left edge (::after – Elementor uses ::before for overlays) */
.svgz-hero::after {
	content: "";
	position: absolute;
	inset-block: 0;
	inset-inline-start: 0;
	width: clamp(20px, 3.3vw, 64px);
	background-color: var(--svgz-teal);
	pointer-events: none;
}

/* Waveform: bars are a mask; the container's Elementor background colour is the bar colour */
.svgz-hero .svgz-hero__wave {
	--svgz-wave-progress: var(--svgz-navy-2);
	--svgz-p: 0%;
	position: relative;
	width: 100%;
	cursor: pointer;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 44' preserveAspectRatio='none'%3E%3Crect x='1.0' y='19.0' width='2.6' height='6.0' rx='1.3'/%3E%3Crect x='6.0' y='17.8' width='2.6' height='8.4' rx='1.3'/%3E%3Crect x='11.0' y='15.3' width='2.6' height='13.5' rx='1.3'/%3E%3Crect x='16.0' y='14.9' width='2.6' height='14.2' rx='1.3'/%3E%3Crect x='21.0' y='11.5' width='2.6' height='21.1' rx='1.3'/%3E%3Crect x='26.0' y='10.6' width='2.6' height='22.9' rx='1.3'/%3E%3Crect x='31.0' y='11.1' width='2.6' height='21.9' rx='1.3'/%3E%3Crect x='36.0' y='7.1' width='2.6' height='29.9' rx='1.3'/%3E%3Crect x='41.0' y='9.7' width='2.6' height='24.6' rx='1.3'/%3E%3Crect x='46.0' y='6.4' width='2.6' height='31.2' rx='1.3'/%3E%3Crect x='51.0' y='9.2' width='2.6' height='25.7' rx='1.3'/%3E%3Crect x='56.0' y='9.4' width='2.6' height='25.3' rx='1.3'/%3E%3Crect x='61.0' y='7.7' width='2.6' height='28.5' rx='1.3'/%3E%3Crect x='66.0' y='6.4' width='2.6' height='31.1' rx='1.3'/%3E%3Crect x='71.0' y='12.0' width='2.6' height='20.1' rx='1.3'/%3E%3Crect x='76.0' y='13.0' width='2.6' height='18.1' rx='1.3'/%3E%3Crect x='81.0' y='13.4' width='2.6' height='17.2' rx='1.3'/%3E%3Crect x='86.0' y='14.9' width='2.6' height='14.2' rx='1.3'/%3E%3Crect x='91.0' y='17.6' width='2.6' height='8.8' rx='1.3'/%3E%3Crect x='96.0' y='17.9' width='2.6' height='8.2' rx='1.3'/%3E%3Crect x='101.0' y='15.6' width='2.6' height='12.8' rx='1.3'/%3E%3Crect x='106.0' y='19.3' width='2.6' height='5.4' rx='1.3'/%3E%3Crect x='111.0' y='16.1' width='2.6' height='11.9' rx='1.3'/%3E%3Crect x='116.0' y='18.3' width='2.6' height='7.3' rx='1.3'/%3E%3Crect x='121.0' y='18.9' width='2.6' height='6.2' rx='1.3'/%3E%3Crect x='126.0' y='19.0' width='2.6' height='5.9' rx='1.3'/%3E%3Crect x='131.0' y='18.3' width='2.6' height='7.5' rx='1.3'/%3E%3Crect x='136.0' y='16.2' width='2.6' height='11.5' rx='1.3'/%3E%3Crect x='141.0' y='18.8' width='2.6' height='6.4' rx='1.3'/%3E%3Crect x='146.0' y='17.5' width='2.6' height='9.1' rx='1.3'/%3E%3Crect x='151.0' y='16.5' width='2.6' height='11.0' rx='1.3'/%3E%3Crect x='156.0' y='16.6' width='2.6' height='10.8' rx='1.3'/%3E%3Crect x='161.0' y='15.3' width='2.6' height='13.5' rx='1.3'/%3E%3Crect x='166.0' y='17.6' width='2.6' height='8.8' rx='1.3'/%3E%3Crect x='171.0' y='17.6' width='2.6' height='8.9' rx='1.3'/%3E%3Crect x='176.0' y='16.3' width='2.6' height='11.4' rx='1.3'/%3E%3Crect x='181.0' y='12.0' width='2.6' height='20.1' rx='1.3'/%3E%3Crect x='186.0' y='14.0' width='2.6' height='16.1' rx='1.3'/%3E%3Crect x='191.0' y='14.9' width='2.6' height='14.2' rx='1.3'/%3E%3Crect x='196.0' y='12.2' width='2.6' height='19.7' rx='1.3'/%3E%3Crect x='201.0' y='13.5' width='2.6' height='17.0' rx='1.3'/%3E%3Crect x='206.0' y='15.1' width='2.6' height='13.8' rx='1.3'/%3E%3Crect x='211.0' y='10.6' width='2.6' height='22.8' rx='1.3'/%3E%3Crect x='216.0' y='11.9' width='2.6' height='20.1' rx='1.3'/%3E%3Crect x='221.0' y='16.1' width='2.6' height='11.8' rx='1.3'/%3E%3Crect x='226.0' y='14.0' width='2.6' height='15.9' rx='1.3'/%3E%3Crect x='231.0' y='16.8' width='2.6' height='10.3' rx='1.3'/%3E%3Crect x='236.0' y='14.7' width='2.6' height='14.5' rx='1.3'/%3E%3Crect x='241.0' y='15.6' width='2.6' height='12.8' rx='1.3'/%3E%3Crect x='246.0' y='18.3' width='2.6' height='7.5' rx='1.3'/%3E%3Crect x='251.0' y='14.1' width='2.6' height='15.8' rx='1.3'/%3E%3Crect x='256.0' y='19.3' width='2.6' height='5.4' rx='1.3'/%3E%3Crect x='261.0' y='17.5' width='2.6' height='9.0' rx='1.3'/%3E%3Crect x='266.0' y='15.5' width='2.6' height='13.1' rx='1.3'/%3E%3Crect x='271.0' y='19.1' width='2.6' height='5.8' rx='1.3'/%3E%3Crect x='276.0' y='17.1' width='2.6' height='9.9' rx='1.3'/%3E%3Crect x='281.0' y='19.8' width='2.6' height='4.5' rx='1.3'/%3E%3Crect x='286.0' y='16.0' width='2.6' height='12.0' rx='1.3'/%3E%3Crect x='291.0' y='15.4' width='2.6' height='13.2' rx='1.3'/%3E%3Crect x='296.0' y='16.6' width='2.6' height='10.9' rx='1.3'/%3E%3Crect x='301.0' y='14.7' width='2.6' height='14.5' rx='1.3'/%3E%3Crect x='306.0' y='18.1' width='2.6' height='7.8' rx='1.3'/%3E%3Crect x='311.0' y='15.8' width='2.6' height='12.3' rx='1.3'/%3E%3Crect x='316.0' y='16.4' width='2.6' height='11.1' rx='1.3'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 44' preserveAspectRatio='none'%3E%3Crect x='1.0' y='19.0' width='2.6' height='6.0' rx='1.3'/%3E%3Crect x='6.0' y='17.8' width='2.6' height='8.4' rx='1.3'/%3E%3Crect x='11.0' y='15.3' width='2.6' height='13.5' rx='1.3'/%3E%3Crect x='16.0' y='14.9' width='2.6' height='14.2' rx='1.3'/%3E%3Crect x='21.0' y='11.5' width='2.6' height='21.1' rx='1.3'/%3E%3Crect x='26.0' y='10.6' width='2.6' height='22.9' rx='1.3'/%3E%3Crect x='31.0' y='11.1' width='2.6' height='21.9' rx='1.3'/%3E%3Crect x='36.0' y='7.1' width='2.6' height='29.9' rx='1.3'/%3E%3Crect x='41.0' y='9.7' width='2.6' height='24.6' rx='1.3'/%3E%3Crect x='46.0' y='6.4' width='2.6' height='31.2' rx='1.3'/%3E%3Crect x='51.0' y='9.2' width='2.6' height='25.7' rx='1.3'/%3E%3Crect x='56.0' y='9.4' width='2.6' height='25.3' rx='1.3'/%3E%3Crect x='61.0' y='7.7' width='2.6' height='28.5' rx='1.3'/%3E%3Crect x='66.0' y='6.4' width='2.6' height='31.1' rx='1.3'/%3E%3Crect x='71.0' y='12.0' width='2.6' height='20.1' rx='1.3'/%3E%3Crect x='76.0' y='13.0' width='2.6' height='18.1' rx='1.3'/%3E%3Crect x='81.0' y='13.4' width='2.6' height='17.2' rx='1.3'/%3E%3Crect x='86.0' y='14.9' width='2.6' height='14.2' rx='1.3'/%3E%3Crect x='91.0' y='17.6' width='2.6' height='8.8' rx='1.3'/%3E%3Crect x='96.0' y='17.9' width='2.6' height='8.2' rx='1.3'/%3E%3Crect x='101.0' y='15.6' width='2.6' height='12.8' rx='1.3'/%3E%3Crect x='106.0' y='19.3' width='2.6' height='5.4' rx='1.3'/%3E%3Crect x='111.0' y='16.1' width='2.6' height='11.9' rx='1.3'/%3E%3Crect x='116.0' y='18.3' width='2.6' height='7.3' rx='1.3'/%3E%3Crect x='121.0' y='18.9' width='2.6' height='6.2' rx='1.3'/%3E%3Crect x='126.0' y='19.0' width='2.6' height='5.9' rx='1.3'/%3E%3Crect x='131.0' y='18.3' width='2.6' height='7.5' rx='1.3'/%3E%3Crect x='136.0' y='16.2' width='2.6' height='11.5' rx='1.3'/%3E%3Crect x='141.0' y='18.8' width='2.6' height='6.4' rx='1.3'/%3E%3Crect x='146.0' y='17.5' width='2.6' height='9.1' rx='1.3'/%3E%3Crect x='151.0' y='16.5' width='2.6' height='11.0' rx='1.3'/%3E%3Crect x='156.0' y='16.6' width='2.6' height='10.8' rx='1.3'/%3E%3Crect x='161.0' y='15.3' width='2.6' height='13.5' rx='1.3'/%3E%3Crect x='166.0' y='17.6' width='2.6' height='8.8' rx='1.3'/%3E%3Crect x='171.0' y='17.6' width='2.6' height='8.9' rx='1.3'/%3E%3Crect x='176.0' y='16.3' width='2.6' height='11.4' rx='1.3'/%3E%3Crect x='181.0' y='12.0' width='2.6' height='20.1' rx='1.3'/%3E%3Crect x='186.0' y='14.0' width='2.6' height='16.1' rx='1.3'/%3E%3Crect x='191.0' y='14.9' width='2.6' height='14.2' rx='1.3'/%3E%3Crect x='196.0' y='12.2' width='2.6' height='19.7' rx='1.3'/%3E%3Crect x='201.0' y='13.5' width='2.6' height='17.0' rx='1.3'/%3E%3Crect x='206.0' y='15.1' width='2.6' height='13.8' rx='1.3'/%3E%3Crect x='211.0' y='10.6' width='2.6' height='22.8' rx='1.3'/%3E%3Crect x='216.0' y='11.9' width='2.6' height='20.1' rx='1.3'/%3E%3Crect x='221.0' y='16.1' width='2.6' height='11.8' rx='1.3'/%3E%3Crect x='226.0' y='14.0' width='2.6' height='15.9' rx='1.3'/%3E%3Crect x='231.0' y='16.8' width='2.6' height='10.3' rx='1.3'/%3E%3Crect x='236.0' y='14.7' width='2.6' height='14.5' rx='1.3'/%3E%3Crect x='241.0' y='15.6' width='2.6' height='12.8' rx='1.3'/%3E%3Crect x='246.0' y='18.3' width='2.6' height='7.5' rx='1.3'/%3E%3Crect x='251.0' y='14.1' width='2.6' height='15.8' rx='1.3'/%3E%3Crect x='256.0' y='19.3' width='2.6' height='5.4' rx='1.3'/%3E%3Crect x='261.0' y='17.5' width='2.6' height='9.0' rx='1.3'/%3E%3Crect x='266.0' y='15.5' width='2.6' height='13.1' rx='1.3'/%3E%3Crect x='271.0' y='19.1' width='2.6' height='5.8' rx='1.3'/%3E%3Crect x='276.0' y='17.1' width='2.6' height='9.9' rx='1.3'/%3E%3Crect x='281.0' y='19.8' width='2.6' height='4.5' rx='1.3'/%3E%3Crect x='286.0' y='16.0' width='2.6' height='12.0' rx='1.3'/%3E%3Crect x='291.0' y='15.4' width='2.6' height='13.2' rx='1.3'/%3E%3Crect x='296.0' y='16.6' width='2.6' height='10.9' rx='1.3'/%3E%3Crect x='301.0' y='14.7' width='2.6' height='14.5' rx='1.3'/%3E%3Crect x='306.0' y='18.1' width='2.6' height='7.8' rx='1.3'/%3E%3Crect x='311.0' y='15.8' width='2.6' height='12.3' rx='1.3'/%3E%3Crect x='316.0' y='16.4' width='2.6' height='11.1' rx='1.3'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}

.svgz-hero .svgz-hero__wave::after {
	content: "";
	position: absolute;
	inset-block: 0;
	inset-inline-start: 0;
	width: var(--svgz-p);
	background-color: var(--svgz-wave-progress);
	transition: width 0.2s linear;
}

.svgz-hero .svgz-hero__wave:focus-visible {
	outline: 2px solid var(--svgz-teal);
	outline-offset: 4px;
	box-shadow: none;
}

/* Play button shows a pause glyph while the audio is playing */
.svgz-hero .svgz-hero__play .elementor-icon {
	cursor: pointer;
}

.svgz-hero .svgz-hero__podcast.is-playing .svgz-hero__play .elementor-icon > * {
	display: none;
}

.svgz-hero .svgz-hero__podcast.is-playing .svgz-hero__play .elementor-icon::after {
	content: "";
	display: block;
	box-sizing: content-box;
	width: 0.28em;
	height: 0.9em;
	border-inline: 0.28em solid currentColor;
}

/* Long German compound words (e.g. "Versicherungswirtschaft.") must never cause sideways scrolling */
.svgz-hero .svgz-hero__text .elementor-heading-title {
	overflow-wrap: anywhere;
	hyphens: auto;
}

@media (max-width: 767px) {
	/* Let the podcast title wrap naturally inside the narrow card */
	.svgz-hero .svgz-hero__title {
		min-width: 0;
	}

	.svgz-hero .svgz-hero__title br {
		display: none;
	}
}

/* ==========================================================================
   Community carousel ("Unsere starke Gemeinschaft") – parent class .svgz-community
   Colours, type, spacing, card look and the stats strip are Elementor settings; this block only holds
   the carousel behaviour (scroll-snap, card widths), the arrow buttons, the progress bar and hover effects.
   Add the class "svgz-community--auto" to the section for slow auto-scroll, "svgz-community--color" to keep logos in colour.
   ========================================================================== */
.svgz-community {
	--svgz-cm-gap: 20px;
	--svgz-cm-per: 4;
	--svgz-cm-accent: #178a8c;
	--svgz-cm-navy: #0e3a5c;
}

/* Elementor gives child containers width:100% – the cards size themselves from the visible-card count instead */
.svgz-community .svgz-community__head > .e-con,
.svgz-community .svgz-community__stats > .e-con {
	--width: auto;
}

.svgz-community .svgz-community__track {
	--gap: var(--svgz-cm-gap);
	gap: var(--svgz-cm-gap);
	flex-wrap: nowrap;
	justify-content: flex-start;
	overflow-x: auto;
	overflow-y: hidden;
	margin-inline: -6px;
	scroll-snap-type: x mandatory;
	scroll-padding-inline: 6px;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-x: contain;
}

.svgz-community .svgz-community__track::-webkit-scrollbar {
	display: none;
}

.svgz-community .svgz-community__track:focus-visible {
	outline: 2px solid var(--svgz-cm-accent);
	outline-offset: 2px;
	border-radius: 18px;
}

.svgz-community .svgz-community__card {
	--width: auto;
	--flex-shrink: 0;
	position: relative;
	flex: 0 0 calc((100% - (var(--svgz-cm-per) - 1) * var(--svgz-cm-gap)) / var(--svgz-cm-per));
	width: auto;
	min-width: 0;
	scroll-snap-align: start;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.svgz-community .svgz-community__card:hover,
.svgz-community .svgz-community__card:focus-within {
	border-color: var(--svgz-cm-accent);
	box-shadow: 0 16px 34px rgba(14, 58, 92, 0.18);
	transform: translateY(-5px);
}

/* teal accent line that grows in along the card's top edge (::after – Elementor uses ::before for overlays) */
.svgz-community .svgz-community__card::after {
	content: "";
	position: absolute;
	inset: 0 24px auto;
	height: 3px;
	border-radius: 0 0 4px 4px;
	background-color: var(--svgz-cm-accent);
	transform: scaleX(0);
	transition: transform 0.3s ease;
}

.svgz-community .svgz-community__card:hover::after,
.svgz-community .svgz-community__card:focus-within::after {
	transform: scaleX(1);
}

/* logos: calm grey until the card is hovered */
.svgz-community .svgz-community__logo img {
	filter: grayscale(1) opacity(0.75);
	transition: filter 0.3s ease, transform 0.3s ease;
}

.svgz-community .svgz-community__card:hover .svgz-community__logo img,
.svgz-community .svgz-community__card:focus-within .svgz-community__logo img,
.svgz-community.svgz-community--color .svgz-community__logo img {
	filter: none;
}

.svgz-community .svgz-community__card:hover .svgz-community__logo img {
	transform: scale(1.06);
}

/* a link set on the name or the logo makes the whole card clickable */
.svgz-community .svgz-community__card a {
	color: inherit;
}

.svgz-community .svgz-community__card a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

/* arrows */
.svgz-community .svgz-community__nav .elementor-widget-html {
	display: flex;
	gap: 10px;
}

.svgz-community .svgz-community__btn {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	margin: 0;
	padding: 0;
	border: 2px solid var(--svgz-cm-navy);
	border-radius: 50%;
	background-color: transparent;
	color: var(--svgz-cm-navy);
	line-height: 1;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}

.svgz-community .svgz-community__btn:hover,
.svgz-community .svgz-community__btn:focus-visible {
	border-color: var(--svgz-cm-accent);
	background-color: var(--svgz-cm-accent);
	color: #fff;
	outline: none;
}

.svgz-community .svgz-community__btn:focus-visible {
	box-shadow: 0 0 0 3px rgba(23, 138, 140, 0.3);
}

.svgz-community .svgz-community__btn:disabled {
	opacity: 0.3;
	pointer-events: none;
}

.svgz-community.is-static .svgz-community__nav,
.svgz-community.is-static .svgz-community__progresswrap {
	display: none;
}

/* progress bar */
.svgz-community .svgz-community__progress {
	position: relative;
	height: 4px;
	overflow: hidden;
	border-radius: 4px;
	background-color: #d3dce4;
}

.svgz-community .svgz-community__progress span {
	position: absolute;
	inset-block: 0;
	left: 0;
	width: 25%;
	border-radius: 4px;
	background-color: var(--svgz-cm-accent);
	transition: left 0.15s linear, width 0.2s ease;
}

@media (max-width: 1024px) {
	.svgz-community {
		--svgz-cm-per: 3;
	}
}

@media (max-width: 767px) {
	.svgz-community {
		--svgz-cm-per: 1.3;
		--svgz-cm-gap: 14px;
	}

	/* let the cards run off the screen edge so the next one peeks out (matches the section's mobile padding) */
	.svgz-community .svgz-community__track {
		--width: calc(100% + 18px);
		width: calc(100% + 18px);
		max-width: none;
		margin-right: -18px;
		padding-right: 18px;
	}

	/* swiping replaces the arrows on phones */
	.svgz-community .svgz-community__nav {
		display: none;
	}

	.svgz-community .svgz-community__stat {
		flex: 1 1 0;
		min-width: 0;
		padding-inline: 8px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.svgz-community .svgz-community__card,
	.svgz-community .svgz-community__card::after,
	.svgz-community .svgz-community__logo img,
	.svgz-community .svgz-community__progress span {
		transition: none;
	}

	.svgz-community .svgz-community__card:hover {
		transform: none;
	}
}

/* ==========================================================================
   Component: Main footer  (parent class: .svgz-footer)
   Structure (set in the NX "SVG Main Footer" template):
   .svgz-footer
     .svgz-footer__cta   > .svgz-footer__ctatext + .svgz-footer__ctabtn
     .svgz-footer__main  > .svgz-footer__col--brand | --nav | --themen | --podcast
     .svgz-footer__bar   > .svgz-footer__copy + .svgz-footer__legal + totop link
   Colours, type, spacing and content are Elementor settings; this block holds the slanted edge,
   the column sizing, the link animations and the mobile arrangement.
   ========================================================================== */
.svgz-footer {
	width: 100%;
	font-family: var(--svgz-font);
	font-stretch: condensed;
}

.svgz-footer,
.svgz-footer * {
	box-sizing: border-box;
}

/* Neutralise Elementor child-container defaults */
.svgz-footer .svgz-footer__col,
.svgz-footer .svgz-footer__ctatext,
.svgz-footer .svgz-footer__logochip {
	--width: auto;
	width: auto;
}

.svgz-footer .elementor-widget:not(:last-child) {
	margin-block-end: 0;
}

.svgz-footer a,
.svgz-footer a:hover,
.svgz-footer a:focus {
	text-decoration: none;
}

/* Call-to-action band: its lower edge is slanted like the header's white panel */
.svgz-footer .svgz-footer__cta {
	--svgz-slant: 26px;
	position: relative;
	z-index: 1;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - var(--svgz-slant)));
}

.svgz-footer .svgz-footer__ctabtn .elementor-button {
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
	transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.svgz-footer .svgz-footer__ctabtn .elementor-button:hover,
.svgz-footer .svgz-footer__ctabtn .elementor-button:focus-visible {
	transform: translateY(-2px);
}

/* Columns: the brand and podcast columns are a little wider than the link columns */
.svgz-footer .svgz-footer__col {
	flex: 1 1 0;
	min-width: 150px;
}

.svgz-footer .svgz-footer__col--brand {
	flex-grow: 1.7;
	min-width: 260px;
}

.svgz-footer .svgz-footer__col--podcast {
	flex-grow: 1.2;
	min-width: 210px;
}

/* small teal bar under each column title */
.svgz-footer .svgz-footer__title {
	position: relative;
	padding-bottom: 12px;
}

.svgz-footer .svgz-footer__title::after {
	content: "";
	position: absolute;
	inset: auto auto 0 0;
	width: 32px;
	height: 3px;
	border-radius: 3px;
	background-color: var(--svgz-teal);
}

/* vertical footer menus: the NX menu is a flex list – keep it left aligned and compact */
.svgz-footer .nex-nav--vertical .nex-nav__list {
	align-items: flex-start;
}

.svgz-footer .nex-nav--horizontal .nex-nav__list {
	flex-wrap: wrap;
}

/* social icons + podcast pills */
.svgz-footer .svgz-footer__social .elementor-social-icon {
	transition: transform 0.2s ease, background-color 0.2s ease;
}

.svgz-footer .svgz-footer__social .elementor-social-icon:hover {
	transform: translateY(-3px);
}

.svgz-footer .svgz-footer__pill .elementor-button {
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.svgz-footer .svgz-footer__pill .elementor-button:hover,
.svgz-footer .svgz-footer__pill .elementor-button:focus-visible {
	transform: translateX(4px);
}

/* the white chip behind the logo keeps the logo's own colours readable on navy */
.svgz-footer .svgz-footer__logochip img {
	display: block;
}

/* "Nach oben" button */
.svgz-footer a.svgz-footer__totop {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	border: 1.5px solid rgba(255, 255, 255, 0.35);
	border-radius: 999px;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.svgz-footer a.svgz-footer__totop:hover,
.svgz-footer a.svgz-footer__totop:focus-visible {
	border-color: #fff;
	background-color: #fff;
	color: var(--svgz-navy);
}

.svgz-footer a:focus-visible {
	outline: 2px solid #5cc7c9;
	outline-offset: 3px;
}

@media (max-width: 1024px) {
	.svgz-footer .svgz-footer__col--brand {
		flex-basis: 100%;
	}

	.svgz-footer .svgz-footer__col--podcast {
		flex-basis: 100%;
	}

	.svgz-footer .svgz-footer__bar {
		justify-content: center;
		text-align: center;
	}
}

@media (max-width: 767px) {
	.svgz-footer .svgz-footer__cta {
		--svgz-slant: 18px;
	}

	/* Navigation and Themen sit side by side to save height */
	.svgz-footer .svgz-footer__col--nav,
	.svgz-footer .svgz-footer__col--themen {
		flex: 1 1 calc(50% - 12px);
		min-width: 0;
	}

	.svgz-footer .svgz-footer__col--brand,
	.svgz-footer .svgz-footer__col--podcast {
		flex-basis: 100%;
	}

	.svgz-footer .svgz-footer__bar {
		flex-direction: column;
		gap: 14px;
	}

	.svgz-footer .nex-nav--horizontal .nex-nav__list {
		justify-content: center;
	}
}

@media (prefers-reduced-motion: reduce) {
	.svgz-footer * {
		transition: none !important;
	}
}

/* ==========================================================================
   Community marquee – two rows of logo cards, endless scroll (parent class .svgz-marquee)
   Row 1 moves to the right, row 2 to the left; the edges fade out; 4 cards per row on desktop, 3 on tablet, 2 on phones.
   The cards are Elementor containers (colours, shadow, text = Elementor settings). The script svgz-marquee.js repeats the
   cards so the loop has no gap. Speed: add "svgz-marquee--slow" or "svgz-marquee--fast" to the section's CSS classes.
   ========================================================================== */
.svgz-marquee {
	--svgz-mq-per: 4;
	--svgz-mq-gap: 20px;
	--svgz-mq-speed: 45;
	--svgz-mq-accent: #178a8c;
}

.svgz-marquee.svgz-marquee--slow {
	--svgz-mq-speed: 28;
}

.svgz-marquee.svgz-marquee--fast {
	--svgz-mq-speed: 75;
}

.svgz-marquee .svgz-marquee__row,
.svgz-marquee .svgz-marquee__track,
.svgz-marquee .svgz-marquee__card {
	--width: auto;
}

/* the row clips the endless track and fades both edges out */
.svgz-marquee .svgz-marquee__row {
	container-type: inline-size;
	width: 100%;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 14%, #000 86%, transparent 100%);
	mask-image: linear-gradient(90deg, transparent 0, #000 14%, #000 86%, transparent 100%);
}

.svgz-marquee .svgz-marquee__track {
	--gap: var(--svgz-mq-gap);
	--width: max-content;
	width: max-content;
	max-width: none;
	gap: var(--svgz-mq-gap);
	flex-wrap: nowrap;
	animation: svgz-mq var(--svgz-mq-dur, 40s) linear infinite;
	will-change: transform;
}

.svgz-marquee .svgz-marquee__row--right .svgz-marquee__track {
	animation-direction: reverse;
}

@keyframes svgz-mq {
	from {
		transform: translate3d(0, 0, 0);
	}

	to {
		transform: translate3d(calc(var(--svgz-mq-dist, 0px) * -1), 0, 0);
	}
}

/* hovering or tabbing into a row pauses it so a card can be read and clicked */
.svgz-marquee .svgz-marquee__row:hover .svgz-marquee__track,
.svgz-marquee .svgz-marquee__row:focus-within .svgz-marquee__track {
	animation-play-state: paused;
}

/* card width = (row width - gaps) / cards per row */
.svgz-marquee .svgz-marquee__card {
	position: relative;
	flex: 0 0 220px;
	width: auto;
	min-width: 0;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

@supports (width: 1cqw) {
	.svgz-marquee .svgz-marquee__card {
		flex-basis: calc((100cqw - (var(--svgz-mq-per) - 1) * var(--svgz-mq-gap)) / var(--svgz-mq-per));
	}
}

.svgz-marquee .svgz-marquee__card:hover,
.svgz-marquee .svgz-marquee__card:focus-within {
	border-color: var(--svgz-mq-accent);
	box-shadow: 0 16px 34px rgba(14, 58, 92, 0.18);
	transform: translateY(-5px);
}

.svgz-marquee .svgz-marquee__logo img {
	filter: grayscale(1) opacity(0.75);
	transition: filter 0.3s ease, transform 0.3s ease;
}

.svgz-marquee .svgz-marquee__card:hover .svgz-marquee__logo img,
.svgz-marquee .svgz-marquee__card:focus-within .svgz-marquee__logo img,
.svgz-marquee.svgz-marquee--color .svgz-marquee__logo img {
	filter: none;
}

.svgz-marquee .svgz-marquee__card:hover .svgz-marquee__logo img {
	transform: scale(1.06);
}

/* a link set on the name or the logo makes the whole card clickable */
.svgz-marquee .svgz-marquee__card a {
	color: inherit;
}

.svgz-marquee .svgz-marquee__card a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

@media (max-width: 1024px) {
	.svgz-marquee {
		--svgz-mq-per: 3;
	}
}

@media (max-width: 767px) {
	.svgz-marquee {
		--svgz-mq-per: 2;
		--svgz-mq-gap: 12px;
	}

	.svgz-marquee .svgz-marquee__row {
		-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%);
		mask-image: linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%);
	}
}

/* no motion: the rows become plain, swipeable lists */
@media (prefers-reduced-motion: reduce) {
	.svgz-marquee .svgz-marquee__row {
		overflow-x: auto;
		scrollbar-width: none;
	}

	.svgz-marquee .svgz-marquee__track {
		animation: none;
	}

	.svgz-marquee [data-svgz-clone] {
		display: none;
	}
}

/* Elementor editor: keep the cards static and editable */
.elementor-editor-active .svgz-marquee .svgz-marquee__row {
	overflow-x: auto;
	-webkit-mask-image: none;
	mask-image: none;
}

.elementor-editor-active .svgz-marquee .svgz-marquee__track {
	animation: none;
}

/* ==========================================================================
   Component: Themen strip for phones  (parent class: .svgz-hlm)
   Template: elementor-templates/svgz-themen-mobile.json
   A swipeable row of pills (icon + topic) that replaces the header's "Themen-Highlights" row on phones.
   Colours, type, pill look and links are Elementor settings of the template; this block holds the layout,
   the scroll-snap, the faded edges and the "current page" state (set by assets/js/svgz-hlm.js).
   The icons are the same masks as the header highlights (see .svgz-hl--* above).
   ========================================================================== */
.svgz-hlm {
	display: none;
}

@media (max-width: 767px) {
	/* the strip replaces the old "Themen-Highlights" row on phones (hidden wherever the strip is placed) */
	.svgz-header .svgz-header__row2,
	.svgz-header__row2 {
		display: none !important;
	}

	.svgz-header .svgz-hlm,
	.svgz-hlm {
		position: relative;
		z-index: 1;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		gap: 10px;
		width: 100%;
		padding: 11px 0 11px 16px;
		--padding-top: 11px;
		--padding-right: 0px;
		--padding-bottom: 11px;
		--padding-left: 16px;
	}

	.svgz-header .svgz-hlm .svgz-hlm__label,
	.svgz-hlm .svgz-hlm__label {
		--width: auto;
		--padding-top: 0px;
		--padding-right: 0px;
		--padding-bottom: 0px;
		--padding-left: 0px;
		flex: 0 0 auto;
		width: auto;
		padding: 0;
		padding-inline-end: 4px;
		border-inline-end: 1px solid rgba(255, 255, 255, 0.22);
	}

	.svgz-hlm .svgz-hlm__labeltext {
		margin: 0;
		padding-inline-end: 10px;
	}

	.svgz-header .svgz-hlm .svgz-hlm__scroller,
	.svgz-hlm .svgz-hlm__scroller {
		--width: auto;
		--gap: 10px;
		--padding-top: 0px;
		--padding-right: 16px;
		--padding-bottom: 0px;
		--padding-left: 2px;
		--svgz-hlm-l: 0px;
		--svgz-hlm-r: 28px;
		display: flex;
		flex: 1 1 auto;
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 10px;
		min-width: 0;
		width: auto;
		padding: 0 16px 0 2px;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x proximity;
		scroll-padding-inline: 2px;
		scrollbar-width: none;
		overscroll-behavior-x: contain;
		-webkit-overflow-scrolling: touch;
		-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 var(--svgz-hlm-l), #000 calc(100% - var(--svgz-hlm-r)), transparent 100%);
		mask-image: linear-gradient(90deg, transparent 0, #000 var(--svgz-hlm-l), #000 calc(100% - var(--svgz-hlm-r)), transparent 100%);
	}

	.svgz-hlm .svgz-hlm__scroller::-webkit-scrollbar {
		display: none;
	}

	.svgz-hlm .svgz-hlm__chip {
		position: relative;
		display: flex;
		flex: 0 0 auto;
		align-items: center;
		width: auto;
		min-height: 42px;
		scroll-snap-align: start;
		transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
	}

	.svgz-hlm .svgz-hlm__chip .elementor-heading-title {
		margin: 0;
		font-stretch: condensed;
		line-height: 1;
		white-space: nowrap;
	}

	.svgz-hlm .svgz-hlm__chip .elementor-heading-title a {
		display: inline-flex;
		align-items: center;
		gap: 0.55em;
		color: inherit;
		text-decoration: none;
		transition: color 0.2s ease;
	}

	/* the whole pill is the tap target */
	.svgz-hlm .svgz-hlm__chip .elementor-heading-title a::after {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: 999px;
	}

	.svgz-hlm .svgz-hlm__chip .elementor-heading-title a::before {
		width: 1.3em;
		height: 1.3em;
	}

	.svgz-hlm .svgz-hlm__chip:active {
		transform: scale(0.97);
	}

	.svgz-hlm .svgz-hlm__chip .elementor-heading-title a:focus-visible {
		outline: none;
	}

	.svgz-hlm .svgz-hlm__chip:has(a:focus-visible) {
		outline: 2px solid #7fd3d5;
		outline-offset: 2px;
	}

	/* current page */
	/* repeated class: must outrank the widget's own Elementor background rule */
	.svgz-hlm .svgz-hlm__chip.svgz-hlm__chip.is-active {
		border-color: #ffffff;
		background-color: #ffffff;
	}

	.svgz-hlm .svgz-hlm__chip.is-active .elementor-heading-title a {
		color: var(--svgz-navy);
	}
}

@media (prefers-reduced-motion: reduce) {
	.svgz-hlm .svgz-hlm__chip,
	.svgz-hlm .svgz-hlm__chip .elementor-heading-title a {
		transition: none;
	}
}