/**
 * SDH Header – Entwurf 1 (Widget „SDH Header – Entwurf 1", Präfix sdh-hdr1) — Kopfzeile, Konto-Schalter, Mega-Menü, Mobil-Menü.
 *
 * Arbeitet nur mit CSS-Properties (--sdh-hdr1-*), die die Stil-Steuerungen
 * des Widgets setzen. Der Rückfallwert im var() ist die Vorgabe.
 * Umbruch auf das Mobil-Menü bei 1024 px (Elementor-Breakpoint „Tablet").
 */

/* ==========================================================
   Header fixieren: sticky muss am Theme-Builder-Wrapper sitzen,
   weil das Widget selbst genau so hoch ist wie sein Elternelement.
   ========================================================== */
[data-elementor-type="header"]:has(.sdh-hdr1[data-sticky="1"]) {
	position: sticky;
	top: 0;
	z-index: 990;
}
.admin-bar [data-elementor-type="header"]:has(.sdh-hdr1[data-sticky="1"]) { top: 32px; }
@media (max-width: 782px) {
	.admin-bar [data-elementor-type="header"]:has(.sdh-hdr1[data-sticky="1"]) { top: 0; }
}

/* .sdh-hdr1 bildet den Stapelkontext: Abdunklung (z 0) liegt unter der Leiste (z 1) */
.sdh-hdr1 {
	--hdr-ease: cubic-bezier(.2, .7, .2, 1);
	position: relative;
	z-index: 990;
	color: var(--sdh-hdr1-color, #2D2E33);
}
.sdh-hdr1-bar {
	position: relative;
	z-index: 1;
	background: var(--sdh-hdr1-bg, #fff);
	transition: box-shadow .25s var(--hdr-ease);
}
.sdh-hdr1.is-scrolled .sdh-hdr1-bar { box-shadow: 0 6px 24px rgba(45, 46, 51, .08); }
.sdh-hdr1 a { text-decoration: none; }
.sdh-hdr1 button {
	font: inherit;
	color: inherit;
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	box-shadow: none;
	text-transform: none;
	letter-spacing: normal;
}
.sdh-hdr1 button:hover,
.sdh-hdr1 button:focus { background: none; color: inherit; }
.sdh-hdr1 ul { margin: 0; padding: 0; list-style: none; }
.sdh-hdr1 svg.sdh-hdr1-i {
	width: 18px;
	height: 18px;
	flex: none;
	stroke: currentColor;
	fill: none;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.sdh-hdr1 :focus-visible { outline: 2px solid var(--sdh-hdr1-focus, #2D2E33); outline-offset: 2px; }

.sdh-hdr1-inner {
	max-width: var(--sdh-hdr1-max, 1200px);
	margin: 0 auto;
	padding-left: var(--sdh-hdr1-pad-x, 24px);
	padding-right: var(--sdh-hdr1-pad-x, 24px);
}

/* ==========================================================
   Obere Zeile
   ========================================================== */
.sdh-hdr1-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	height: var(--sdh-hdr1-top-h, 76px);
	transition: height .25s var(--hdr-ease);
}
.sdh-hdr1.is-scrolled .sdh-hdr1-top { height: var(--sdh-hdr1-top-h-scrolled, 60px); }
.sdh-hdr1-logo { display: block; flex: none; }
.sdh-hdr1-logo img {
	display: block;
	width: auto;
	height: var(--sdh-hdr1-logo-h, 52px);
	max-width: none;
	transition: height .25s var(--hdr-ease);
}
.sdh-hdr1.is-scrolled .sdh-hdr1-logo img { height: var(--sdh-hdr1-logo-h-scrolled, 40px); }

.sdh-hdr1-line {
	height: var(--sdh-hdr1-line-w, 1px);
	background: var(--sdh-hdr1-line-color, #ECECEC);
}

/* ==========================================================
   Konto-Schalter: ein Element, der Aktiv-Teil gleitet beim Hover
   ========================================================== */
.sdh-hdr1-seg {
	position: relative;
	display: flex;
	align-items: stretch;
	height: var(--sdh-hdr1-seg-h, 52px);
	padding: var(--sdh-hdr1-seg-pad, 4px);
	border-radius: var(--sdh-hdr1-seg-radius, 12px);
	background: var(--sdh-hdr1-seg-bg, #F1F1F5);
	box-shadow: inset 0 0 0 var(--sdh-hdr1-seg-border-w, 1px) var(--sdh-hdr1-seg-border, #E4E4EA);
	isolation: isolate;
}
.sdh-hdr1-seg-thumb {
	position: absolute;
	z-index: -1;
	top: var(--sdh-hdr1-seg-pad, 4px);
	bottom: var(--sdh-hdr1-seg-pad, 4px);
	left: 0;
	width: 0;
	border-radius: var(--sdh-hdr1-thumb-radius, 8px);
	background: var(--sdh-hdr1-thumb-bg, #BE1623);
	box-shadow: 0 2px 8px rgba(45, 46, 51, .18);
	transition: transform .35s var(--hdr-ease), width .35s var(--hdr-ease), background-color .2s;
}
/* Ohne JS (oder vor dem Messen) sitzt der Aktiv-Teil als Hintergrund am Startteil */
.sdh-hdr1-seg:not(.is-ready) .sdh-hdr1-seg-thumb { display: none; }
.sdh-hdr1-seg:not(.is-ready) .sdh-hdr1-seg-item.is-home {
	background: var(--sdh-hdr1-thumb-bg, #BE1623);
	color: var(--sdh-hdr1-seg-color-active, #fff);
}
.sdh-hdr1 .sdh-hdr1-seg-item {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 0 var(--sdh-hdr1-seg-item-pad, 20px);
	border-radius: var(--sdh-hdr1-thumb-radius, 8px);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.2;
	white-space: nowrap;
	color: var(--sdh-hdr1-seg-color, #2D2E33);
	transition: color .25s var(--hdr-ease);
}
.sdh-hdr1 .sdh-hdr1-seg-item:hover { color: var(--sdh-hdr1-seg-color, #2D2E33); }
.sdh-hdr1 .sdh-hdr1-seg-item.is-on { color: var(--sdh-hdr1-seg-color-active, #fff); }
.sdh-hdr1-seg-item:active .sdh-hdr1-seg-label { transform: scale(.97); }
.sdh-hdr1-seg-label { display: flex; align-items: center; gap: 8px; transition: transform .1s; }
.sdh-hdr1-seg-two { display: flex; flex-direction: column; }
.sdh-hdr1-seg-two small {
	font-size: 10.5px;
	font-weight: 500;
	letter-spacing: .08em;
	text-transform: uppercase;
	opacity: var(--sdh-hdr1-seg-small-opacity, .7);
}
.sdh-hdr1-avatar {
	display: grid;
	place-items: center;
	width: 26px;
	height: 26px;
	margin-left: -10px;
	border-radius: 50%;
	background: #fff;
	color: var(--sdh-hdr1-thumb-bg, #BE1623);
	font-size: 11px;
	font-weight: 700;
	transition: color .25s;
}
.sdh-hdr1-seg-item:not(.is-on) .sdh-hdr1-avatar { color: var(--sdh-hdr1-seg-color, #2D2E33); }

/* ==========================================================
   Hauptnavigation
   ========================================================== */
.sdh-hdr1-nav {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	height: var(--sdh-hdr1-nav-h, 56px);
}
.sdh-hdr1-nav-list { display: flex; align-items: stretch; gap: var(--sdh-hdr1-nav-gap, 4px); margin-left: calc(var(--sdh-hdr1-nav-pad, 14px) * -1) !important; }
.sdh-hdr1-nav-item { display: flex; }
.sdh-hdr1-nav-item.has-dropdown { position: relative; }
.sdh-hdr1 .sdh-hdr1-nav-link {
	position: relative;
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 0 var(--sdh-hdr1-nav-pad, 14px);
	font-size: 16px;
	font-weight: 500;
	color: var(--sdh-hdr1-nav-color, #2D2E33);
	transition: color .2s;
}
.sdh-hdr1 .sdh-hdr1-nav-link:hover,
.sdh-hdr1 .sdh-hdr1-nav-link[aria-expanded="true"] { color: var(--sdh-hdr1-nav-color-hover, #2D2E33); }
.sdh-hdr1 .sdh-hdr1-nav-link.is-current { color: var(--sdh-hdr1-nav-color-current, #2D2E33); }
.sdh-hdr1-nav-link::after {
	content: "";
	position: absolute;
	left: var(--sdh-hdr1-nav-pad, 14px);
	right: var(--sdh-hdr1-nav-pad, 14px);
	bottom: -1px;
	height: var(--sdh-hdr1-underline-h, 2px);
	background: var(--sdh-hdr1-underline, #BE1623);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .25s var(--hdr-ease);
}
.sdh-hdr1-nav-link:hover::after,
.sdh-hdr1-nav-link[aria-expanded="true"]::after,
.sdh-hdr1-nav-link.is-current::after { transform: scaleX(1); }
.sdh-hdr1-nav-link .sdh-hdr1-chev { width: 14px; height: 14px; opacity: .6; transition: transform .25s var(--hdr-ease); }
.sdh-hdr1-nav-link[aria-expanded="true"] .sdh-hdr1-chev { transform: rotate(180deg); }

/* Handwerkerclub als Registertab auf der Unterkante */
.sdh-hdr1 .sdh-hdr1-tab {
	align-self: flex-end;
	display: flex;
	align-items: center;
	gap: 8px;
	height: var(--sdh-hdr1-tab-h, 42px);
	padding: 0 var(--sdh-hdr1-tab-pad, 18px);
	border-radius: var(--sdh-hdr1-tab-radius, 8px 8px 0 0);
	background: var(--sdh-hdr1-tab-bg, #BE1623);
	color: var(--sdh-hdr1-tab-color, #fff);
	font-size: 15px;
	font-weight: 500;
	transition: background .2s, color .2s;
}
.sdh-hdr1 .sdh-hdr1-tab:hover { background: var(--sdh-hdr1-tab-bg-hover, #A3121E); color: var(--sdh-hdr1-tab-color-hover, #fff); }
.sdh-hdr1 .sdh-hdr1-tab:active { background: var(--sdh-hdr1-tab-bg-active, #8C0F1A); }
.sdh-hdr1-tab svg.sdh-hdr1-i { width: 14px; height: 14px; opacity: .8; }

/* ==========================================================
   Mega-Panels und Dropdown
   ========================================================== */
.sdh-hdr1-mega {
	position: absolute;
	z-index: 20;
	left: 0;
	right: 0;
	top: 100%;
	background: var(--sdh-hdr1-mega-bg, #fff);
	border-top: 1px solid var(--sdh-hdr1-line-color, #ECECEC);
	box-shadow: 0 24px 48px rgba(45, 46, 51, .12);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition: opacity .2s var(--hdr-ease), transform .2s var(--hdr-ease), visibility 0s linear .2s;
}
.sdh-hdr1-mega.is-open,
.sdh-hdr1-dropdown.is-open {
	opacity: 1;
	visibility: visible;
	transform: none;
	transition: opacity .2s var(--hdr-ease), transform .2s var(--hdr-ease), visibility 0s;
}
.sdh-hdr1-mega .sdh-hdr1-inner { max-width: var(--sdh-hdr1-mega-max, 1440px); }
.sdh-hdr1-mega-body {
	padding-top: var(--sdh-hdr1-mega-pad-y, 32px);
	padding-bottom: var(--sdh-hdr1-mega-pad-y, 32px);
}
.sdh-hdr1-mega-grid {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 1fr);
	grid-template-rows: auto 1fr;
	column-gap: var(--sdh-hdr1-col-gap, 40px);
	row-gap: 0;
}
.sdh-hdr1-mega-grid.cols-1 { --sdh-hdr1-cols: 1; }
.sdh-hdr1-mega-grid.cols-2 { --sdh-hdr1-cols: 2; }
.sdh-hdr1-mega-grid.cols-3 { --sdh-hdr1-cols: 3; }
.sdh-hdr1-mega-grid.cols-4 { --sdh-hdr1-cols: 4; }
.sdh-hdr1-mega-grid.cols-5 { --sdh-hdr1-cols: 5; }
/* Bildkarten: eine Karte = Kartenbreite, zwei Karten = zweimal plus Abstand */
.sdh-hdr1-mega-grid.has-cards { grid-template-columns: repeat(var(--sdh-hdr1-cols), minmax(0, 1fr)) var(--sdh-hdr1-cards-w, 230px); }
.sdh-hdr1-mega-grid.has-cards.cards-2 { grid-template-columns: repeat(var(--sdh-hdr1-cols), minmax(0, 1fr)) calc(var(--sdh-hdr1-cards-w, 188px) * 2 + 16px); }
/* Spaltenköpfe gleich hoch, Listen starten auf einer Linie */
.sdh-hdr1-col { display: grid; grid-row: span 2; grid-template-rows: subgrid; align-content: start; }
.sdh-hdr1-col + .sdh-hdr1-col {
	border-left: 1px solid var(--sdh-hdr1-col-divider, #ECECEC);
	padding-left: var(--sdh-hdr1-col-gap, 40px);
	margin-left: -1px;
}
.sdh-hdr1-col-stack { display: block; grid-row: span 2; }
.sdh-hdr1-col-stack .sdh-hdr1-group + .sdh-hdr1-group { margin-top: var(--sdh-hdr1-group-gap, 28px); }

.sdh-hdr1-head { margin-bottom: var(--sdh-hdr1-head-gap, 14px); }
.sdh-hdr1 .sdh-hdr1-head h3 {
	margin: 0;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: var(--sdh-hdr1-head-color, #2D2E33);
}
.sdh-hdr1 .sdh-hdr1-head p {
	margin: 4px 0 0;
	font-size: 13px;
	line-height: 1.45;
	color: var(--sdh-hdr1-head-text-color, #6C6D74);
}

.sdh-hdr1-links.is-two { columns: 2; column-gap: 24px; }
.sdh-hdr1-links li { break-inside: avoid; }
.sdh-hdr1 .sdh-hdr1-links a {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px;
	padding: 6px 8px;
	margin: 0 -8px;
	border-radius: 6px;
	font-size: 15px;
	line-height: 1.3;
	color: var(--sdh-hdr1-link-color, #2D2E33);
	transition: background .15s, color .15s;
}
.sdh-hdr1 .sdh-hdr1-links a:hover { background: var(--sdh-hdr1-link-bg-hover, #F1F1F5); color: var(--sdh-hdr1-link-color-hover, #BE1623); }
.sdh-hdr1-links .sdh-hdr1-note { font-size: 12px; white-space: nowrap; color: var(--sdh-hdr1-note-color, #6C6D74); }
.sdh-hdr1-links a.is-hidden { display: none; }

.sdh-hdr1 .sdh-hdr1-deals a {
	display: block;
	padding: 8px 10px;
	margin: 0 -10px;
	border-radius: 6px;
	color: var(--sdh-hdr1-link-color, #2D2E33);
	transition: background .15s;
}
.sdh-hdr1 .sdh-hdr1-deals a:hover { background: var(--sdh-hdr1-link-bg-hover, #F1F1F5); color: var(--sdh-hdr1-link-color, #2D2E33); }
.sdh-hdr1-deal-title { display: block; font-size: 15px; font-weight: 500; line-height: 1.3; }
.sdh-hdr1-deals a:hover .sdh-hdr1-deal-title { color: var(--sdh-hdr1-link-color-hover, #BE1623); }
.sdh-hdr1-deal-text { display: block; margin-top: 2px; font-size: 13px; line-height: 1.4; color: var(--sdh-hdr1-note-color, #6C6D74); }

/* Bildkarten */
.sdh-hdr1-cards { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 16px; align-content: start; grid-row: span 2; }
.sdh-hdr1 .sdh-hdr1-card { display: block; color: var(--sdh-hdr1-link-color, #2D2E33); }
.sdh-hdr1-card-img {
	display: block;
	aspect-ratio: var(--sdh-hdr1-card-ratio, 4 / 5);
	border-radius: var(--sdh-hdr1-card-radius, 10px);
	overflow: hidden;
	background: #F1F1F5;
}
.sdh-hdr1-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s var(--hdr-ease); }
.sdh-hdr1-card:hover .sdh-hdr1-card-img img { transform: scale(1.04); }
.sdh-hdr1-card-over {
	display: block;
	margin-top: 10px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: var(--sdh-hdr1-card-over-color, #6C6D74);
}
.sdh-hdr1-card-title { display: block; margin-top: 2px; font-size: 15px; font-weight: 500; line-height: 1.35; color: var(--sdh-hdr1-card-title-color, #2D2E33); transition: color .15s; }
.sdh-hdr1-card:hover .sdh-hdr1-card-title { color: var(--sdh-hdr1-link-color-hover, #BE1623); }

/* Fußzeile im Panel */
.sdh-hdr1-mega-foot { background: var(--sdh-hdr1-foot-bg, #F8F8FA); border-top: 1px solid var(--sdh-hdr1-line-color, #ECECEC); }
.sdh-hdr1-mega-foot .sdh-hdr1-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 60px; }
.sdh-hdr1 .sdh-hdr1-all { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 500; color: var(--sdh-hdr1-foot-link, #2D2E33); }
.sdh-hdr1 .sdh-hdr1-all:hover { color: var(--sdh-hdr1-link-color-hover, #BE1623); }
.sdh-hdr1-search { position: relative; width: 280px; margin: 0; }
.sdh-hdr1 .sdh-hdr1-search input {
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0 12px 0 38px;
	border: 1px solid var(--sdh-hdr1-search-border, #E4E4EA);
	border-radius: var(--sdh-hdr1-search-radius, 8px);
	background: var(--sdh-hdr1-search-bg, #fff);
	box-shadow: none;
	font: inherit;
	font-size: 14px;
	color: var(--sdh-hdr1-search-color, #2D2E33);
}
.sdh-hdr1 .sdh-hdr1-search input::placeholder { color: var(--sdh-hdr1-search-placeholder, #6C6D74); }
.sdh-hdr1 .sdh-hdr1-search input:focus {
	outline: none;
	border-color: var(--sdh-hdr1-search-border-focus, #2D2E33);
	box-shadow: 0 0 0 var(--sdh-hdr1-search-ring, 0px) var(--sdh-hdr1-search-border-focus, #2D2E33);
}
.sdh-hdr1-search svg.sdh-hdr1-i { position: absolute; left: 12px; top: 11px; color: var(--sdh-hdr1-search-placeholder, #6C6D74); }
.sdh-hdr1-empty { display: none; margin: 0; font-size: 14px; color: var(--sdh-hdr1-note-color, #6C6D74); }

/* Kleines Dropdown */
.sdh-hdr1-dropdown {
	position: absolute;
	z-index: 20;
	top: 100%;
	left: 0;
	min-width: 260px;
	padding: 10px;
	background: var(--sdh-hdr1-mega-bg, #fff);
	border: 1px solid var(--sdh-hdr1-line-color, #ECECEC);
	border-radius: 0 0 10px 10px;
	box-shadow: 0 24px 48px rgba(45, 46, 51, .12);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition: opacity .2s var(--hdr-ease), transform .2s var(--hdr-ease), visibility 0s linear .2s;
}
.sdh-hdr1-dropdown .sdh-hdr1-deals a { margin: 0; }

/* Abdunklung hinter offenem Panel */
.sdh-hdr1-scrim {
	position: fixed;
	inset: 0;
	z-index: 0;
	background: var(--sdh-hdr1-scrim, rgba(45, 46, 51, .28));
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .2s, visibility 0s linear .2s;
}
.sdh-hdr1-scrim.is-on { opacity: 1; visibility: visible; pointer-events: auto; transition: opacity .2s, visibility 0s; }

/* ==========================================================
   Mobil
   ========================================================== */
.sdh-hdr1-m-actions { display: none; align-items: center; gap: 4px; }
.sdh-hdr1 .sdh-hdr1-icon-btn {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 8px;
	color: var(--sdh-hdr1-m-icon, #2D2E33);
}
.sdh-hdr1 .sdh-hdr1-icon-btn:hover,
.sdh-hdr1 .sdh-hdr1-icon-btn:active { background: #F1F1F5; color: var(--sdh-hdr1-m-icon, #2D2E33); }
.sdh-hdr1-icon-btn svg.sdh-hdr1-i { width: 24px; height: 24px; }

.sdh-hdr1-drawer {
	position: fixed;
	inset: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	background: var(--sdh-hdr1-m-bg, #fff);
	color: var(--sdh-hdr1-color, #2D2E33);
	transform: translateX(100%);
	visibility: hidden;
	transition: transform .3s var(--hdr-ease), visibility 0s linear .3s;
}
.sdh-hdr1-drawer.is-open { transform: none; visibility: visible; transition: transform .3s var(--hdr-ease), visibility 0s; }
.sdh-hdr1-drawer-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: none;
	height: 64px;
	padding: 0 12px 0 16px;
	border-bottom: 1px solid var(--sdh-hdr1-m-divider, #ECECEC);
}
.sdh-hdr1-drawer-head img { display: block; height: 40px; width: auto; }
.sdh-hdr1-drawer-scroll { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
.sdh-hdr1-drawer-account { display: grid; gap: 10px; padding: 20px 16px; border-bottom: 1px solid var(--sdh-hdr1-m-divider, #ECECEC); }

.sdh-hdr1-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 52px;
	padding: 0 18px;
	border-radius: var(--sdh-hdr1-thumb-radius, 8px);
	font-size: 15px;
	font-weight: 500;
	transition: background .2s;
}
.sdh-hdr1 .sdh-hdr1-btn-primary { background: var(--sdh-hdr1-thumb-bg, #BE1623); color: var(--sdh-hdr1-seg-color-active, #fff); }
.sdh-hdr1 .sdh-hdr1-btn-primary:active { filter: brightness(.9); color: var(--sdh-hdr1-seg-color-active, #fff); }
.sdh-hdr1 .sdh-hdr1-btn-secondary {
	justify-content: space-between;
	background: var(--sdh-hdr1-seg-bg, #F1F1F5);
	box-shadow: inset 0 0 0 1px var(--sdh-hdr1-seg-border, #E4E4EA);
	color: var(--sdh-hdr1-seg-color, #2D2E33);
	text-align: left;
}
.sdh-hdr1 .sdh-hdr1-btn-secondary:active { filter: brightness(.96); }
.sdh-hdr1-btn .sdh-hdr1-avatar { margin-left: 0; }

.sdh-hdr1-acc { border-bottom: 1px solid var(--sdh-hdr1-m-divider, #ECECEC); }
.sdh-hdr1 .sdh-hdr1-acc-btn,
.sdh-hdr1 .sdh-hdr1-acc-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 56px;
	padding: 0 16px;
	font-size: 17px;
	font-weight: 500;
	text-align: left;
	color: var(--sdh-hdr1-m-color, #2D2E33);
}
.sdh-hdr1-acc-btn .sdh-hdr1-chev { opacity: .6; transition: transform .25s var(--hdr-ease); }
.sdh-hdr1-acc-btn[aria-expanded="true"] .sdh-hdr1-chev { transform: rotate(180deg); }
.sdh-hdr1-acc-panel { display: none; padding: 0 16px 20px; }
.sdh-hdr1-acc-btn[aria-expanded="true"] + .sdh-hdr1-acc-panel { display: block; }

.sdh-hdr1-m-group { padding-top: 16px; }
.sdh-hdr1-m-group:first-child { padding-top: 4px; }
.sdh-hdr1 .sdh-hdr1-m-group h4 {
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: var(--sdh-hdr1-head-color, #2D2E33);
}
.sdh-hdr1-m-chips { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.sdh-hdr1 .sdh-hdr1-m-chips a {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 0 12px;
	border: 1px solid var(--sdh-hdr1-chip-border, #E4E4EA);
	border-radius: var(--sdh-hdr1-chip-radius, 8px);
	background: var(--sdh-hdr1-chip-bg, #fff);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.25;
	color: var(--sdh-hdr1-m-color, #2D2E33);
}
.sdh-hdr1-m-chips a:active { background: #F1F1F5; }
.sdh-hdr1 .sdh-hdr1-m-deals a {
	display: block;
	margin-bottom: 8px;
	padding: 10px 12px;
	border: 1px solid var(--sdh-hdr1-chip-border, #E4E4EA);
	border-radius: var(--sdh-hdr1-chip-radius, 8px);
	background: var(--sdh-hdr1-chip-bg, #fff);
	color: var(--sdh-hdr1-m-color, #2D2E33);
}
.sdh-hdr1-m-deals a:active { background: #F1F1F5; }
.sdh-hdr1 .sdh-hdr1-m-all {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 16px;
	padding: 12px 14px;
	border-radius: var(--sdh-hdr1-chip-radius, 8px);
	background: #F1F1F5;
	font-size: 15px;
	font-weight: 500;
	color: var(--sdh-hdr1-m-color, #2D2E33);
}
.sdh-hdr1-drawer-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 20px 16px 32px; }
.sdh-hdr1-drawer-foot .sdh-hdr1-tab { align-self: auto; border-radius: var(--sdh-hdr1-thumb-radius, 8px); height: 44px; }
.sdh-hdr1 .sdh-hdr1-logout { font-size: 15px; color: var(--sdh-hdr1-note-color, #6C6D74); }

body.sdh-hdr1-locked { overflow: hidden; }
/* Offenes Mobil-Menü liegt über allem (auch über schwebenden Knöpfen der Seite) */
body.sdh-hdr1-locked [data-elementor-type="header"]:has(.sdh-hdr1),
body.sdh-hdr1-locked .sdh-hdr1 { z-index: 100000; }

/* ==========================================================
   Breakpoints
   ========================================================== */
@media (max-width: 1240px) {
	.sdh-hdr1-mega-grid.has-cards { grid-template-columns: repeat(var(--sdh-hdr1-cols), minmax(0, 1fr)); }
	.sdh-hdr1-cards { display: none; }
}
@media (max-width: 1100px) {
	.sdh-hdr1 { --sdh-hdr1-nav-pad: 10px; --sdh-hdr1-col-gap: 28px; }
	.sdh-hdr1-nav-link { font-size: 15px; }
}
@media (max-width: 1024px) {
	.sdh-hdr1-top { height: var(--sdh-hdr1-top-h-m, 64px); }
	.sdh-hdr1.is-scrolled .sdh-hdr1-top { height: var(--sdh-hdr1-top-h-m, 64px); }
	.sdh-hdr1-logo img,
	.sdh-hdr1.is-scrolled .sdh-hdr1-logo img { height: var(--sdh-hdr1-logo-h-m, 42px); }
	.sdh-hdr1-account,
	.sdh-hdr1-line,
	.sdh-hdr1-navwrap { display: none; }
	.sdh-hdr1-m-actions { display: flex; }
	.sdh-hdr1-bar { border-bottom: 1px solid var(--sdh-hdr1-line-color, #ECECEC); }
}
@media (prefers-reduced-motion: reduce) {
	.sdh-hdr1 *,
	.sdh-hdr1-drawer { transition-duration: .01s !important; }
}