:root {
	--hsc-radius-sm: .55rem;
	--hsc-radius: 1rem;
	--hsc-radius-lg: 1.5rem;
	--hsc-shadow: 0 18px 48px rgba(14,38,51,.10);
	--hsc-shadow-soft: 0 10px 28px rgba(14,38,51,.07);
	--hsc-header-height: 80px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
img, svg { max-width: 100%; height: auto; }
a { text-underline-offset: .18em; }
a:hover { text-decoration-thickness: .12em; }
:focus-visible { outline: 3px solid var(--wp--preset--color--hsc-secondary); outline-offset: 3px; border-radius: .25rem; }

.hsc-site-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: rgba(255,255,255,.96);
	border-bottom: 1px solid var(--wp--preset--color--hsc-border);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	padding: 0;
}
.hsc-header-inner {
	width: min(calc(100% - 2rem), var(--wp--style--global--wide-size, 1180px));
	min-height: var(--hsc-header-height);
	margin-inline: auto;
	padding-block: .58rem;
	gap: clamp(1.1rem, 2.4vw, 2rem);
}
.hsc-logo {
	display: inline-flex;
	align-items: center;
	gap: .8rem;
	font-weight: 790;
	text-decoration: none;
	line-height: 1;
	color: var(--wp--preset--color--hsc-primary);
	min-width: max-content;
}
.hsc-logo__mark { width: 52px; height: 52px; flex: 0 0 52px; display: block; }
.hsc-logo__text { font-size: clamp(1.12rem, 1.02rem + .42vw, 1.36rem); letter-spacing: -.045em; line-height: 1.03; color: var(--wp--preset--color--hsc-primary); }
.hsc-main-nav {
	flex: 1 1 auto;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: clamp(.9rem, 1.8vw, 1.6rem);
}
.hsc-main-nav .wp-block-navigation__container {
	align-items: center;
	gap: .15rem clamp(.45rem, 1vw, .9rem);
}
.hsc-main-nav .wp-block-navigation-item__content {
	display: inline-flex;
	align-items: center;
	min-height: 42px;
	border-radius: 999px;
	padding: .55rem .42rem;
	color: var(--wp--preset--color--hsc-primary-dark);
	text-decoration: none;
	line-height: 1.15;
	white-space: nowrap;
}
.hsc-main-nav .wp-block-navigation-item__content:hover {
	background: var(--wp--preset--color--hsc-muted);
	color: var(--wp--preset--color--hsc-cta);
	text-decoration: none;
}
.hsc-nav-cta a,
.hsc-main-nav .hsc-nav-cta a {
	background: var(--wp--preset--color--hsc-cta);
	color: #fff !important;
	border-radius: 999px;
	padding: .72rem 1rem;
	box-shadow: 0 10px 26px rgba(11,107,79,.20);
}
.hsc-main-nav .hsc-nav-cta a:hover { background: var(--wp--preset--color--hsc-cta-dark); color: #fff !important; text-decoration: none; }
.hsc-main-nav .wp-block-navigation__responsive-container-open {
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 1px solid var(--wp--preset--color--hsc-border);
	border-radius: .9rem;
	background: var(--wp--preset--color--hsc-muted);
	color: var(--wp--preset--color--hsc-primary-dark);
}

.hsc-section { padding-block: clamp(3.5rem, 7vw, 6rem); }
.hsc-section--surface { background: var(--wp--preset--color--hsc-surface); }
.hsc-section--muted { background: var(--wp--preset--color--hsc-muted); }
.hsc-section-heading { max-width: 780px; margin-bottom: 2rem; }
.hsc-section-heading.alignwide { margin-left: auto; margin-right: auto; }
.hsc-kicker {
	color: var(--wp--preset--color--hsc-secondary);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	margin: 0 0 .65rem;
}
.hsc-lead, .is-style-lead { font-size: var(--wp--preset--font-size--lead); color: var(--wp--preset--color--hsc-text-muted); line-height: 1.55; }
.hsc-small { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--hsc-text-muted); }
.hsc-disclaimer { max-width: 660px; }

.hsc-hero {
	position: relative;
	overflow: clip;
	background: linear-gradient(135deg, var(--wp--preset--color--hsc-background) 0%, #fff 48%, #F8F2E8 100%);
	padding-top: clamp(3rem, 6vw, 5.25rem);
}
.hsc-hero::before, .hsc-hero::after {
	content: "";
	position: absolute;
	border-radius: 999px;
	pointer-events: none;
	z-index: 0;
}
.hsc-hero::before { width: 38vw; height: 38vw; left: -14vw; top: -12vw; background: rgba(238,244,242,.95); }
.hsc-hero::after { width: 34vw; height: 34vw; right: -10vw; top: 7rem; background: rgba(199,107,43,.10); }
.hsc-hero > * { position: relative; z-index: 1; }
.hsc-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
	gap: clamp(2rem, 5vw, 4rem);
	align-items: center;
}
.hsc-hero h1 { font-size: var(--wp--preset--font-size--x-large); letter-spacing: -.045em; max-width: 760px; margin-block: .4rem 1rem; }
.hsc-button-row { margin-top: 1.5rem; }
.wp-block-button__link, .hsc-button {
	min-height: 46px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	cursor: pointer;
	font: inherit;
	font-weight: 760;
	text-decoration: none;
	transition: transform .12s ease, background-color .12s ease, border-color .12s ease;
}
.wp-block-button__link:hover, .hsc-button:hover { transform: translateY(-1px); text-decoration: none; }
.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link {
	background: #fff !important;
	color: var(--wp--preset--color--hsc-primary-dark) !important;
	border: 1px solid var(--wp--preset--color--hsc-border);
}
.hsc-button { border-radius: 999px; padding: .86rem 1.15rem; }
.hsc-button--primary { background: var(--wp--preset--color--hsc-cta); color: #fff; }
.hsc-button--secondary { background: #fff; color: var(--wp--preset--color--hsc-primary-dark); border: 1px solid var(--wp--preset--color--hsc-border); }
.hsc-trust-list {
	display: flex;
	flex-wrap: wrap;
	gap: .65rem;
	padding: 0;
	margin: 1.2rem 0 0;
	list-style: none;
}
.hsc-trust-list li {
	background: #fff;
	border: 1px solid var(--wp--preset--color--hsc-border);
	border-radius: 999px;
	padding: .48rem .78rem;
	font-weight: 700;
	color: var(--wp--preset--color--hsc-primary);
}
.hsc-trust-list li::before { content: "✓"; color: var(--wp--preset--color--hsc-cta); margin-right: .38rem; }
.hsc-hero__visual {
	border-radius: clamp(1.4rem, 3vw, 2.2rem);
	filter: drop-shadow(0 24px 42px rgba(17,30,42,.13));
}
.hsc-hero__visual--premium {
	background: linear-gradient(145deg, rgba(255,255,255,.88), rgba(238,244,242,.74));
	padding: .35rem;
}
.hsc-hero__visual svg { display: block; width: 100%; height: auto; }

.hsc-card {
	background: var(--wp--preset--color--hsc-surface);
	border: 1px solid var(--wp--preset--color--hsc-border);
	border-radius: var(--hsc-radius-lg);
	box-shadow: var(--hsc-shadow-soft);
	padding: clamp(1.15rem, 2.4vw, 1.65rem);
}
.hsc-card, .hsc-question, .hsc-region-grid a, .hsc-faq details, .hsc-steps li { transition: border-color .14s ease, box-shadow .14s ease, transform .14s ease; }
.hsc-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.hsc-topic-card { color: inherit; text-decoration: none; min-height: 210px; }
.hsc-topic-card:hover { transform: translateY(-2px); box-shadow: var(--hsc-shadow); }
.hsc-topic-card h3 { margin-block: .8rem .45rem; }
.hsc-icon {
	display: inline-grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: .9rem;
	background: var(--wp--preset--color--hsc-muted);
	color: var(--wp--preset--color--hsc-primary);
	font-weight: 900;
}
.hsc-question-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: .75rem; margin-bottom: 1.25rem; }
.hsc-question { border: 1px solid var(--wp--preset--color--hsc-border); border-radius: 999px; padding: .75rem .9rem; background: var(--wp--preset--color--hsc-background); font-weight: 700; color: var(--wp--preset--color--hsc-primary); }

.hsc-steps { counter-reset: step; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; list-style: none; padding: 0; margin: 0; }
.hsc-steps li { background: #fff; border: 1px solid var(--wp--preset--color--hsc-border); border-radius: var(--hsc-radius-lg); padding: 1.4rem; }
.hsc-steps span { display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--wp--preset--color--hsc-primary); color: #fff; font-weight: 800; }
.hsc-steps h3 { margin: 1rem 0 .35rem; }

.hsc-two-col { gap: clamp(1rem, 4vw, 2rem); align-items: stretch !important; }
.hsc-info-card { height: 100%; }
.hsc-checklist ul { padding-left: 1.15rem; }
.hsc-checklist li + li { margin-top: .55rem; }
.hsc-checklist li::marker { color: var(--wp--preset--color--hsc-cta); }

.hsc-region-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .75rem; }
.hsc-region-grid a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 58px;
	padding: .85rem 1rem;
	background: #fff;
	border: 1px solid var(--wp--preset--color--hsc-border);
	border-radius: var(--hsc-radius);
	color: var(--wp--preset--color--hsc-primary-dark);
	text-decoration: none;
	font-weight: 750;
}
.hsc-region-grid a::after { content: "›"; color: var(--wp--preset--color--hsc-secondary); font-size: 1.4rem; line-height: 1; }
.hsc-region-grid a:hover { border-color: var(--wp--preset--color--hsc-secondary); }

.hsc-faq { display: grid; gap: .75rem; }
.hsc-faq details { background: #fff; border: 1px solid var(--wp--preset--color--hsc-border); border-radius: var(--hsc-radius); padding: 0; overflow: clip; }
.hsc-faq summary { min-height: 54px; cursor: pointer; padding: 1rem 1.15rem; font-weight: 760; color: var(--wp--preset--color--hsc-primary-dark); }
.hsc-faq summary:hover { background: var(--wp--preset--color--hsc-muted); }
.hsc-faq p { margin: 0; padding: 0 1.15rem 1.15rem; color: var(--wp--preset--color--hsc-text-muted); }

.hsc-final-cta { padding-top: 0; }
.hsc-cta-panel {
	text-align: center;
	padding: clamp(2rem, 5vw, 3.5rem);
	background: linear-gradient(135deg, var(--wp--preset--color--hsc-primary), var(--wp--preset--color--hsc-primary-dark));
	border-radius: clamp(1.2rem, 3vw, 2rem);
	color: #fff;
	box-shadow: var(--hsc-shadow);
}
.hsc-cta-panel h2, .hsc-cta-panel p { color: #fff; }
.hsc-cta-panel .wp-block-button__link { background: #fff; color: var(--wp--preset--color--hsc-primary-dark); }

.hsc-site-footer {
	background: var(--wp--preset--color--hsc-primary-dark);
	color: rgba(255,255,255,.84);
	padding: clamp(3.75rem, 7vw, 6rem) 0 clamp(4.5rem, 7vw, 6.5rem);
}
.hsc-site-footer a { color: #fff; text-decoration: none; }
.hsc-site-footer a:hover { text-decoration: underline; }
.hsc-footer-grid { display: grid; grid-template-columns: minmax(240px, .9fr) minmax(0, 1.6fr); gap: clamp(1.5rem, 5vw, 4rem); }
.hsc-footer-brand { max-width: 420px; }
.hsc-logo--footer { color: #fff; }
.hsc-footer-links h3 { color: #fff; font-size: 1rem; margin-top: 0; }
.hsc-footer-links ul { list-style: none; padding: 0; margin: 0; }
.hsc-footer-links li + li { margin-top: .55rem; }
.hsc-footer-bottom { border-top: 1px solid rgba(255,255,255,.18); margin-top: 2rem; padding-top: 1rem; }

.hsc-page-shell { padding-block: 2rem 0; }
.hsc-content-page, .hsc-article { padding-block: clamp(2rem, 5vw, 4rem); }
.hsc-content-page > h1, .hsc-article > h1 { margin-top: 0; }
.hsc-breadcrumbs { max-width: 1180px; margin: 1.2rem auto 0; padding-inline: var(--wp--preset--spacing--30); font-size: var(--wp--preset--font-size--small); }
.hsc-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: .35rem; padding: 0; margin: 0; list-style: none; }
.hsc-breadcrumbs li:not(:last-child)::after { content: "›"; margin-left: .35rem; color: var(--wp--preset--color--hsc-text-muted); }
.hsc-breadcrumbs a { color: var(--wp--preset--color--hsc-text-muted); }
.hsc-breadcrumbs span { color: var(--wp--preset--color--hsc-primary-dark); font-weight: 700; }
.hsc-meta { color: var(--wp--preset--color--hsc-text-muted); font-size: var(--wp--preset--font-size--small); }

.hsc-answer-box, .hsc-warning-box, .hsc-editorial-note, .hsc-author-box, .hsc-source-box {
	border-radius: var(--hsc-radius);
	padding: 1rem 1.15rem;
	border: 1px solid var(--wp--preset--color--hsc-border);
	background: var(--wp--preset--color--hsc-muted);
}
.hsc-warning-box { border-color: #F4C7C3; background: #FFF4F2; color: var(--wp--preset--color--hsc-primary-dark); }
.hsc-editorial-note { background: #fff; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--hsc-text-muted); }
.hsc-author-box, .hsc-source-box { background: #fff; color: var(--wp--preset--color--hsc-text-muted); font-size: var(--wp--preset--font-size--small); margin-block: 1rem; }
.hsc-thank-you-card { max-width: 760px; margin-inline: auto; }

.hsc-toc { background: #fff; border: 1px solid var(--wp--preset--color--hsc-border); border-radius: var(--hsc-radius); padding: 1rem 1.25rem; margin: 1.5rem 0; }
.hsc-toc ol { margin-bottom: 0; }
.hsc-table { overflow-x: auto; }
.hsc-table table { width: 100%; border-collapse: collapse; background: #fff; }
.hsc-table th, .hsc-table td { padding: .85rem; border: 1px solid var(--wp--preset--color--hsc-border); text-align: left; vertical-align: top; }
.hsc-table th { background: var(--wp--preset--color--hsc-muted); color: var(--wp--preset--color--hsc-primary-dark); }

.hsc-form-layout { align-items: flex-start !important; }
.hsc-form { display: grid; gap: 1rem; }
.hsc-progress { height: .65rem; background: var(--wp--preset--color--hsc-muted); border-radius: 999px; overflow: hidden; }
.hsc-progress span { display: block; width: 7.7%; height: 100%; background: var(--wp--preset--color--hsc-cta); border-radius: inherit; transition: width .18s ease; }
.hsc-form fieldset { border: 0; padding: 0; margin: 0; display: grid; gap: .8rem; }
.hsc-form legend { font-size: var(--wp--preset--font-size--medium); font-weight: 800; color: var(--wp--preset--color--hsc-primary-dark); margin-bottom: .65rem; }
.hsc-form label { font-weight: 700; color: var(--wp--preset--color--hsc-primary-dark); }
.hsc-form input:not([type="radio"]):not([type="checkbox"]), .hsc-form select, .wp-block-search__input {
	width: 100%;
	min-height: 50px;
	border: 1px solid var(--wp--preset--color--hsc-border);
	border-radius: var(--hsc-radius-sm);
	padding: .75rem .9rem;
	font: inherit;
	background: #fff;
	color: var(--wp--preset--color--hsc-text);
}
.hsc-form input[aria-invalid="true"], .hsc-form select[aria-invalid="true"] { border-color: var(--wp--preset--color--hsc-error); box-shadow: 0 0 0 3px rgba(180,35,24,.13); }
.hsc-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.hsc-choice-grid label, .hsc-consent {
	min-height: 54px;
	display: flex;
	align-items: flex-start;
	gap: .55rem;
	border: 1px solid var(--wp--preset--color--hsc-border);
	border-radius: var(--hsc-radius-sm);
	padding: .85rem;
	background: #fff;
	font-weight: 650;
}
.hsc-choice-grid input, .hsc-consent input { margin-top: .2rem; min-width: 1.1rem; min-height: 1.1rem; }
.hsc-form-actions { display: flex; gap: .75rem; flex-wrap: wrap; justify-content: space-between; margin-top: .5rem; }
.hsc-form-message { border-radius: var(--hsc-radius-sm); padding: .85rem; background: var(--wp--preset--color--hsc-muted); color: var(--wp--preset--color--hsc-primary-dark); }
.hsc-form-message.is-error { background: #FFF4F2; color: var(--wp--preset--color--hsc-error); }
.hsc-aside-card { position: sticky; top: calc(var(--hsc-header-height) + 1rem); }

.hsc-post-list { display: grid; gap: 1rem; }
.hsc-post-card h2, .hsc-post-card h3 { margin-top: 0; }
.hsc-404 { min-height: 55vh; display: grid; place-content: center; }

.hsc-mobile-cta { display: none; }

@media (min-width: 1101px) {
	.hsc-main-nav .wp-block-navigation__responsive-container-open { display: none !important; }
}

@media (max-width: 1120px) {
	.hsc-main-nav .wp-block-navigation-item__content { font-size: .92rem; padding-inline: .22rem; }
	.hsc-main-nav .hsc-nav-cta a { padding-inline: .85rem; }
}

@media (max-width: 1100px) {
	:root { --hsc-header-height: 70px; }
	.hsc-header-inner { padding-block: .55rem; }
	.hsc-main-nav { flex: 0 0 auto; }
	.hsc-main-nav .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none; }
	.hsc-main-nav .wp-block-navigation__responsive-container-open { display: inline-flex !important; }
	.hsc-main-nav .wp-block-navigation__responsive-container.is-menu-open {
		padding: 1.2rem;
		background: rgba(255,255,255,.98);
	}
	.hsc-main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		align-items: stretch;
		gap: .65rem;
		padding-top: 2rem;
	}
	.hsc-main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
		width: 100%;
		align-items: stretch;
		gap: .65rem;
	}
	.hsc-main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
		width: 100%;
		justify-content: space-between;
		min-height: 52px;
		padding: .85rem 1rem;
		border: 1px solid var(--wp--preset--color--hsc-border);
		background: #fff;
	}
	.hsc-main-nav .wp-block-navigation__responsive-container.is-menu-open .hsc-nav-cta a { justify-content: center; background: var(--wp--preset--color--hsc-cta); }
	.hsc-hero__grid { grid-template-columns: 1fr; }
	.hsc-hero__visual { max-width: 560px; margin-inline: auto; }
	.hsc-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.hsc-question-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.hsc-region-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.hsc-steps { grid-template-columns: 1fr; }
	.hsc-footer-grid { grid-template-columns: 1fr; }
	.hsc-aside-card { position: static; }
}

@media (max-width: 720px) {
	:root { --hsc-header-height: 64px; }
	.hsc-logo { gap: .52rem; }
	.hsc-logo__mark { width: 38px; height: 38px; flex: 0 0 38px; }
	.hsc-logo__text { font-size: 1rem; letter-spacing: -.04em; }
	.hsc-header-inner { min-height: var(--hsc-header-height); }
	.hsc-section { padding-block: 3rem; }
	.hsc-card-grid, .hsc-question-grid, .hsc-region-grid, .hsc-choice-grid { grid-template-columns: 1fr; }
	.hsc-topic-card { min-height: auto; }
	.hsc-mobile-cta { display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; padding: .7rem .9rem calc(.7rem + env(safe-area-inset-bottom)); background: rgba(255,255,255,.96); border-top: 1px solid var(--wp--preset--color--hsc-border); box-shadow: 0 -10px 26px rgba(17,30,42,.08); }
	.hsc-mobile-cta .hsc-button { width: 100%; }
	body { padding-bottom: 74px; }
}

@media (max-width: 420px) {
	.hsc-header-inner { width: min(calc(100% - 1.25rem), var(--wp--style--global--wide-size, 1180px)); }
	.hsc-logo__mark { width: 36px; height: 36px; flex: 0 0 36px; }
	.hsc-logo__text { font-size: .91rem; letter-spacing: -.045em; max-width: 210px; overflow: hidden; text-overflow: ellipsis; }
	.hsc-main-nav .wp-block-navigation__responsive-container-open { width: 42px; height: 42px; }
	.wp-block-buttons, .hsc-button-row { width: 100%; }
	.wp-block-buttons .wp-block-button, .hsc-button-row .wp-block-button { width: 100%; }
	.wp-block-button__link, .hsc-button { width: 100%; text-align: center; white-space: normal; }
	.hsc-card { padding: 1rem; }
}

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




/* Version 1.0.16: Premium-Logo und Startseitenabstände */
.hsc-logo--premium-v116 .hsc-logo__mark { width: 56px; height: 56px; flex-basis: 56px; }
.hsc-logo--premium-v116 .hsc-logo__text { font-size: clamp(1.18rem, 1.06rem + .48vw, 1.42rem); font-weight: 790; letter-spacing: -.05em; }
.hsc-logo:hover { text-decoration: none; }
.hsc-logo:hover .hsc-logo__text { color: var(--wp--preset--color--hsc-primary-dark); }
.hsc-logo--footer .hsc-logo__text { color: #fff; }
.hsc-hero__visual--premium { box-shadow: 0 28px 70px rgba(17,30,42,.12); }
@media (max-width: 1100px) {
	.hsc-logo--premium-v116 .hsc-logo__mark { width: 48px; height: 48px; flex-basis: 48px; }
	.hsc-logo--premium-v116 .hsc-logo__text { font-size: 1.1rem; }
}
@media (max-width: 700px) {
	.hsc-logo--premium-v116 .hsc-logo__mark { width: 42px; height: 42px; flex-basis: 42px; }
	.hsc-logo--premium-v116 .hsc-logo__text { font-size: .98rem; max-width: 220px; overflow: hidden; text-overflow: ellipsis; }
}
@media (max-width: 380px) {
	.hsc-logo--premium-v116 .hsc-logo__mark { width: 38px; height: 38px; flex-basis: 38px; }
	.hsc-logo--premium-v116 .hsc-logo__text { font-size: .88rem; max-width: 185px; }
}


/* Version 1.0.16: hochwertige Startseite mit vollständig integriertem Nutzertext */
.hsc-home-v116 { --hsc-home-max: 1180px; background: #F6F3EE; color: var(--wp--preset--color--hsc-text); }
.hsc-home-container { width: min(calc(100% - 2rem), var(--hsc-home-max)); margin-inline: auto; }
.hsc-home-section { padding-block: clamp(4.75rem, 7.8vw, 8.25rem); }
.hsc-home-section--white { background: #fff; }
.hsc-home-section--soft { background: #F6F3EE; }
.hsc-home-section--dark { background: linear-gradient(135deg, #1E2D3D, #111E2A); color: #fff; }
.hsc-home-hero { position: relative; overflow: clip; padding-block: clamp(4rem, 7vw, 7.5rem); background: radial-gradient(circle at 85% 20%, #F8F2E8 0, transparent 28rem), linear-gradient(135deg, #F6F3EE 0%, #fff 52%, #EEF4F2 100%); }
.hsc-home-hero::before { content: ""; position: absolute; width: 42vw; height: 42vw; border-radius: 999px; background: rgba(59,170,154,.08); left: -16vw; top: -15vw; }
.hsc-home-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(360px, .86fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; }
.hsc-eyebrow { margin: 0 0 .9rem; color: #8A6427; font-size: .78rem; font-weight: 820; letter-spacing: .11em; text-transform: uppercase; }
.hsc-home-hero h1 { margin: 0 0 1.25rem; max-width: 760px; color: #111E2A; font-size: clamp(2.65rem, 5vw, 5.05rem); line-height: .94; letter-spacing: -.07em; text-wrap: balance; }
.hsc-home-lead { max-width: 720px; color: #344349; font-size: clamp(1.16rem, 1.2vw, 1.42rem); line-height: 1.58; }
.hsc-home-hero__copy > p:not(.hsc-eyebrow):not(.hsc-home-lead) { max-width: 690px; color: #4D5C62; font-size: 1.04rem; line-height: 1.72; }
.hsc-home-actions { display: flex; flex-wrap: wrap; gap: .85rem; margin-top: 1.8rem; }
.hsc-premium-button { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: .95rem 1.35rem; border-radius: 999px; font-weight: 820; text-decoration: none; transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease; }
.hsc-premium-button:hover { transform: translateY(-1px); text-decoration: none; }
.hsc-premium-button--primary { color: #fff; background: #0B6B4F; box-shadow: 0 16px 34px rgba(11,107,79,.20); }
.hsc-premium-button--primary:hover { color: #fff; background: #094D3B; }
.hsc-premium-button--secondary { color: #1E2D3D; background: #fff; border: 1px solid #D9E1DF; }
.hsc-premium-button--light { color: #1E2D3D; background: #fff; box-shadow: 0 14px 30px rgba(0,0,0,.13); }
.hsc-home-trust { display: flex; flex-wrap: wrap; gap: .55rem; list-style: none; padding: 0; margin: 1.35rem 0 0; }
.hsc-home-trust li { display: inline-flex; align-items: center; gap: .38rem; min-height: 38px; padding: .45rem .75rem; border-radius: 999px; background: rgba(255,255,255,.82); border: 1px solid #D9E1DF; color: #1E2D3D; font-size: .9rem; font-weight: 750; }
.hsc-home-trust li::before { content: "✓"; color: #0B6B4F; }
.hsc-home-visual { position: relative; min-height: 420px; padding: 1rem; border-radius: 2rem; background: rgba(255,255,255,.70); box-shadow: 0 32px 90px rgba(17,30,42,.13); border: 1px solid rgba(217,225,223,.85); }
.hsc-home-visual svg { display: block; width: 100%; height: auto; filter: drop-shadow(0 24px 34px rgba(17,30,42,.08)); }
.hsc-home-visual__badge { position: absolute; z-index: 2; right: 1.3rem; top: 1.3rem; padding: .62rem .82rem; border-radius: 999px; background: #fff; border: 1px solid #D9E1DF; color: #1E2D3D; font-size: .8rem; font-weight: 800; box-shadow: 0 12px 26px rgba(17,30,42,.08); }
.hsc-home-visual__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: .7rem; margin-top: .75rem; }
.hsc-home-visual__cards span { min-height: 44px; display: grid; place-items: center; border-radius: .9rem; background: #fff; border: 1px solid #D9E1DF; color: #1E2D3D; font-weight: 800; font-size: .88rem; }
.hsc-split, .hsc-editorial-grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(320px, .85fr); gap: clamp(1.6rem, 5vw, 4rem); align-items: center; }
.hsc-split--intro { grid-template-columns: minmax(0, .88fr) minmax(360px, 1fr); }
.hsc-home-v116 h2 { margin: 0 0 1rem; color: #111E2A; font-size: clamp(2rem, 3.4vw, 3.15rem); line-height: 1.04; letter-spacing: -.055em; text-wrap: balance; }
.hsc-home-v116 h3 { color: #111E2A; line-height: 1.16; letter-spacing: -.025em; }
.hsc-home-v116 p { line-height: 1.72; }
.hsc-premium-card { position: relative; padding: clamp(1.35rem, 3vw, 2rem); border-radius: 1.65rem; background: #fff; border: 1px solid #D9E1DF; box-shadow: 0 18px 50px rgba(17,30,42,.08); }
.hsc-highlight-card { background: linear-gradient(135deg, #fff 0%, #F8F2E8 100%); }
.hsc-cost-card { background: linear-gradient(135deg, #fff 0%, #EEF4F2 100%); }
.hsc-card-label { margin: 0 0 .65rem; color: #8A6427; font-size: .78rem; font-weight: 820; letter-spacing: .1em; text-transform: uppercase; }
.hsc-note-box { padding: 1rem 1.1rem; border-radius: 1rem; background: #F8F2E8; border: 1px solid rgba(200,161,90,.35); color: #3A3329; }
.hsc-question-card { background: #fff; }
.hsc-check-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.hsc-check-grid li, .hsc-bullet-list li { position: relative; padding-left: 1.75rem; }
.hsc-check-grid li { min-height: 64px; display: flex; align-items: center; padding-block: .72rem; padding-right: .85rem; border-radius: 1rem; background: #F6F3EE; border: 1px solid #E6E0D6; font-weight: 720; color: #1E2D3D; }
.hsc-check-grid li::before, .hsc-bullet-list li::before { content: "✓"; position: absolute; left: .75rem; top: .75rem; color: #0B6B4F; font-weight: 900; }
.hsc-check-grid--two li { min-height: 58px; background: #fff; }
.hsc-bullet-list { list-style: none; display: grid; gap: .65rem; margin: 1rem 0; padding: 0; }
.hsc-bullet-list li { color: #344349; }
.hsc-bullet-list li::before { top: 0; left: 0; }
.hsc-bullet-list--compact { gap: .45rem; }
.hsc-editorial-grid { align-items: start; grid-template-columns: minmax(0, 1fr) minmax(280px, 380px); }
.hsc-editorial-main { max-width: 760px; }
.hsc-side-note { background: #1E2D3D; color: #EAF2F4; }
.hsc-side-note h3, .hsc-side-note .hsc-card-label { color: #fff; }
.hsc-side-note p { color: #EAF2F4; }
.hsc-linkline { color: #5D6A70; font-size: .96rem; margin-top: 1.25rem; margin-bottom: 0; }
.hsc-table-scroll { overflow-x: auto; border-radius: 1.35rem; border: 1px solid #D9E1DF; background: #fff; box-shadow: 0 18px 50px rgba(17,30,42,.07); }
.hsc-goal-table { width: 100%; border-collapse: collapse; min-width: 680px; }
.hsc-goal-table th, .hsc-goal-table td { padding: 1rem 1.1rem; text-align: left; border-bottom: 1px solid #D9E1DF; vertical-align: top; }
.hsc-goal-table th { background: #1E2D3D; color: #fff; font-weight: 820; }
.hsc-goal-table tr:last-child td { border-bottom: 0; }
.hsc-goal-table td:first-child { font-weight: 790; color: #1E2D3D; }
.hsc-section-head { max-width: 780px; margin-bottom: clamp(2rem, 3.2vw, 3rem); }
.hsc-section-head--dark h2, .hsc-section-head--dark p { color: #fff; }
.hsc-process { list-style: none; padding: 0; margin: 0 0 2rem; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.hsc-process li { padding: 1.4rem; border-radius: 1.35rem; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); }
.hsc-process span { display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: #fff; color: #1E2D3D; font-weight: 900; }
.hsc-process h3 { color: #fff; margin-block: 1rem .45rem; }
.hsc-process p { color: #DDE7EA; }
.hsc-values-card { background: linear-gradient(135deg, #fff 0%, #F3F7F6 100%); }
.hsc-transparency-card { background: #F8F2E8; }
.hsc-region-cloud { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .8rem; }
.hsc-region-cloud a { display: flex; align-items: center; justify-content: space-between; min-height: 58px; padding: .8rem 1rem; border-radius: 1rem; background: #fff; border: 1px solid #D9E1DF; color: #1E2D3D; font-weight: 800; text-decoration: none; box-shadow: 0 10px 24px rgba(17,30,42,.05); }
.hsc-region-cloud a::after { content: "›"; color: #3BAA9A; font-size: 1.45rem; }
.hsc-region-cloud a:hover { border-color: #3BAA9A; text-decoration: none; transform: translateY(-1px); }
.hsc-faq-layout { display: grid; grid-template-columns: minmax(280px, .62fr) minmax(0, 1fr); gap: clamp(1.5rem, 5vw, 4rem); align-items: start; }
.hsc-home-faq { display: grid; gap: .75rem; }
.hsc-home-faq details { border-radius: 1rem; background: #fff; border: 1px solid #D9E1DF; overflow: clip; box-shadow: 0 10px 24px rgba(17,30,42,.05); }
.hsc-home-faq summary { cursor: pointer; min-height: 58px; padding: 1rem 1.15rem; font-weight: 820; color: #1E2D3D; }
.hsc-home-faq summary:hover { background: #F6F3EE; }
.hsc-home-faq details p { margin: 0; padding: 0 1.15rem 1.15rem; color: #4D5C62; }
.hsc-home-final { background: #fff; padding-block: clamp(5rem, 8vw, 7.5rem) clamp(5.75rem, 9vw, 8.75rem); }
.hsc-final-panel { padding: clamp(2.4rem, 5.5vw, 4.5rem); border-radius: 2rem; color: #fff; background: radial-gradient(circle at 85% 15%, rgba(59,170,154,.28) 0, transparent 22rem), linear-gradient(135deg, #1E2D3D, #111E2A); box-shadow: 0 28px 70px rgba(17,30,42,.16); }
.hsc-final-panel h2, .hsc-final-panel p { color: #fff; max-width: 820px; }
@media (max-width: 1100px) {
	.hsc-logo--premium-v116 .hsc-logo__mark { width: 48px; height: 48px; flex-basis: 48px; }
	.hsc-logo--premium-v116 .hsc-logo__text { font-size: 1.1rem; }
	.hsc-home-hero__grid, .hsc-split, .hsc-split--intro, .hsc-editorial-grid, .hsc-faq-layout { grid-template-columns: 1fr; }
	.hsc-home-visual { max-width: 640px; margin-inline: auto; }
	.hsc-process { grid-template-columns: 1fr; }
	.hsc-region-cloud { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
	.hsc-logo--premium-v116 .hsc-logo__mark { width: 42px; height: 42px; flex-basis: 42px; }
	.hsc-logo--premium-v116 .hsc-logo__text { font-size: .98rem; max-width: 220px; overflow: hidden; text-overflow: ellipsis; }
	.hsc-home-section { padding-block: 4rem; }
	.hsc-home-hero { padding-block: 3.4rem 4.2rem; }
	.hsc-home-hero h1 { font-size: clamp(2.25rem, 12vw, 3.05rem); line-height: .98; }
	.hsc-home-lead { font-size: 1.05rem; }
	.hsc-home-actions, .hsc-home-actions .hsc-premium-button { width: 100%; }
	.hsc-home-actions .hsc-premium-button { text-align: center; }
	.hsc-home-visual { min-height: auto; padding: .75rem; border-radius: 1.4rem; }
	.hsc-home-visual__badge { position: static; display: inline-flex; margin-bottom: .75rem; }
	.hsc-home-visual__cards { grid-template-columns: 1fr; }
	.hsc-check-grid, .hsc-check-grid--two { grid-template-columns: 1fr; }
	.hsc-region-cloud { grid-template-columns: 1fr; }
	.hsc-premium-card { border-radius: 1.25rem; }
}
@media (max-width: 420px) {
	.hsc-logo--premium-v116 .hsc-logo__mark { width: 38px; height: 38px; flex-basis: 38px; }
	.hsc-logo--premium-v116 .hsc-logo__text { font-size: .88rem; max-width: 185px; }
	.hsc-home-container { width: min(calc(100% - 1.25rem), var(--hsc-home-max)); }
	.hsc-premium-button { min-height: 50px; padding-inline: 1rem; white-space: normal; }
}

/* Version 1.0.16: vertikale Abstands- und Footer-Abnahme */
.hsc-home-v116 .hsc-home-section > .hsc-home-container > *:last-child,
.hsc-home-v116 .hsc-section-head > *:last-child,
.hsc-home-v116 .hsc-premium-card > *:last-child,
.hsc-home-v116 .hsc-final-panel > *:last-child { margin-bottom: 0; }
.hsc-home-v116 .hsc-final-panel { isolation: isolate; }
@media (max-width: 700px) {
	.hsc-home-final { padding-block: 4.25rem 6.25rem; }
	.hsc-site-footer { padding-block: 4rem 6.75rem; }
	.hsc-section-head { margin-bottom: 1.65rem; }
}


/* Version 1.0.16: Header-/Responsive-Hardening nach Vorschau-Abnahme */
:root { --hsc-header-height: 88px; }
.hsc-site-header {
	min-height: var(--hsc-header-height);
	overflow: visible;
	isolation: isolate;
}
.hsc-site-header .hsc-header-inner {
	min-height: var(--hsc-header-height);
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	padding-block: .72rem;
}
.hsc-logo--premium-v116 {
	min-width: 0;
	max-width: min(430px, 42vw);
	flex: 0 1 auto;
	align-self: center;
}
.hsc-logo--premium-v116 .hsc-logo__mark {
	width: 54px;
	height: 54px;
	flex: 0 0 54px;
	overflow: visible;
}
.hsc-logo--premium-v116 .hsc-logo__text {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: clamp(1.13rem, 1.02rem + .38vw, 1.34rem);
	line-height: 1.05;
}
.hsc-main-nav {
	min-width: 0;
	align-self: center;
}
.hsc-main-nav .wp-block-navigation__container {
	flex-wrap: nowrap;
	align-items: center;
}
.hsc-main-nav .wp-block-navigation__responsive-container-open {
	flex: 0 0 44px;
}
.hsc-main-nav .wp-block-navigation__responsive-container-open svg {
	width: 24px;
	height: 24px;
}
.admin-bar .hsc-site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .hsc-site-header { top: 46px; } }
@media (max-width: 1100px) {
	:root { --hsc-header-height: 74px; }
	.hsc-site-header .hsc-header-inner { padding-block: .58rem; }
	.hsc-logo--premium-v116 { max-width: min(360px, calc(100vw - 92px)); }
	.hsc-logo--premium-v116 .hsc-logo__mark { width: 46px; height: 46px; flex-basis: 46px; }
	.hsc-logo--premium-v116 .hsc-logo__text { font-size: 1.06rem; }
}
@media (max-width: 700px) {
	:root { --hsc-header-height: 68px; }
	.hsc-site-header .hsc-header-inner { width: min(calc(100% - 1.25rem), var(--wp--style--global--wide-size, 1180px)); }
	.hsc-logo--premium-v116 { max-width: calc(100vw - 92px); gap: .52rem; }
	.hsc-logo--premium-v116 .hsc-logo__mark { width: 42px; height: 42px; flex-basis: 42px; }
	.hsc-logo--premium-v116 .hsc-logo__text { font-size: .98rem; max-width: 220px; }
}
@media (max-width: 420px) {
	:root { --hsc-header-height: 66px; }
	.hsc-logo--premium-v116 .hsc-logo__mark { width: 38px; height: 38px; flex-basis: 38px; }
	.hsc-logo--premium-v116 .hsc-logo__text { font-size: .88rem; max-width: 178px; }
	.hsc-main-nav .wp-block-navigation__responsive-container-open { width: 42px; height: 42px; flex-basis: 42px; }
}


/* Version 1.0.16: Header-Overlay-/Hero-Abschneidefix */
.hsc-site-header { z-index: 1000; background: rgba(255,255,255,.98); }
.hsc-home-hero { overflow: hidden; isolation: isolate; }
.hsc-home-hero::before { top: 0; transform: translate(-35%, -35%); }
.hsc-home-hero::after { top: 0; transform: translate(20%, 10%); }
.hsc-site-header .hsc-header-inner { position: relative; z-index: 2; }
.hsc-logo--premium-v116 .hsc-logo__mark { overflow: visible; }

/* ========================================================================== 
   Version 1.0.16 – UI/UX-Abnahme: Karten, Section-Rhythmus und Footer-Abstand
   Ziel: keine angeschnittenen Blöcke, mehr optische Luft, bessere Lesbarkeit.
   ========================================================================== */
.hsc-home-v116 {
	--hsc-home-section-pad: clamp(5.25rem, 7.6vw, 8.75rem);
	--hsc-home-section-pad-mobile: 4.25rem;
	--hsc-home-card-pad: clamp(1.55rem, 3vw, 2.25rem);
	--hsc-home-gap: clamp(2rem, 4.8vw, 4.5rem);
}
.hsc-home-v116 .hsc-home-section {
	position: relative;
	overflow: visible !important;
	padding-block: var(--hsc-home-section-pad);
}
.hsc-home-v116 .hsc-home-section--dark {
	padding-block: clamp(5.5rem, 8vw, 8.75rem);
}
.hsc-home-v116 .hsc-home-container {
	overflow: visible !important;
}
.hsc-home-v116 .hsc-split,
.hsc-home-v116 .hsc-split--intro,
.hsc-home-v116 .hsc-editorial-grid,
.hsc-home-v116 .hsc-faq-layout {
	gap: var(--hsc-home-gap);
	align-items: start !important;
}
.hsc-home-v116 .hsc-section-head {
	margin-bottom: clamp(2.2rem, 3.8vw, 3.35rem);
}
.hsc-home-v116 .hsc-section-head > *:last-child,
.hsc-home-v116 .hsc-premium-card > *:last-child,
.hsc-home-v116 .hsc-editorial-main > *:last-child,
.hsc-home-v116 .hsc-final-panel > *:last-child,
.hsc-home-v116 .hsc-home-container > *:last-child {
	margin-bottom: 0;
}
.hsc-home-v116 .hsc-premium-card {
	overflow: visible !important;
	padding: var(--hsc-home-card-pad);
	min-height: 100%;
	line-height: 1.62;
}
.hsc-home-v116 .hsc-question-card,
.hsc-home-v116 .hsc-transparency-card,
.hsc-home-v116 .hsc-values-card,
.hsc-home-v116 .hsc-cost-card,
.hsc-home-v116 .hsc-highlight-card {
	padding-bottom: clamp(1.8rem, 3vw, 2.5rem);
}
.hsc-home-v116 .hsc-check-grid {
	gap: 1rem;
	align-items: stretch;
	grid-auto-rows: minmax(78px, auto);
}
.hsc-home-v116 .hsc-check-grid li {
	min-height: 78px;
	align-items: flex-start;
	padding: 1rem 1rem 1rem 2.6rem;
	line-height: 1.45;
	overflow: visible;
}
.hsc-home-v116 .hsc-check-grid li::before {
	left: 1rem;
	top: 1.05rem;
}
.hsc-home-v116 .hsc-bullet-list {
	gap: .85rem;
	margin: 1.15rem 0 1.45rem;
}
.hsc-home-v116 .hsc-bullet-list li {
	line-height: 1.62;
	padding-left: 1.85rem;
}
.hsc-home-v116 .hsc-bullet-list li::before {
	left: 0;
	top: .05rem;
}
.hsc-home-v116 .hsc-process {
	gap: 1.25rem;
	margin: 0 0 2.6rem;
}
.hsc-home-v116 .hsc-process li {
	min-height: 190px;
	padding: 1.55rem;
	overflow: visible;
}
.hsc-home-v116 .hsc-table-scroll {
	margin-bottom: .5rem;
	overflow-x: auto;
	overflow-y: visible;
}
.hsc-home-v116 .hsc-home-faq {
	gap: 1rem;
	padding-bottom: .35rem;
}
.hsc-home-v116 .hsc-home-faq details {
	overflow: hidden;
}
.hsc-home-v116 .hsc-home-faq summary {
	line-height: 1.35;
	padding-block: 1.05rem;
}
.hsc-home-v116 .hsc-home-faq details p {
	line-height: 1.65;
	padding-bottom: 1.35rem;
}
.hsc-home-v116 .hsc-home-final {
	background: #fff;
	padding-block: clamp(5.25rem, 8vw, 8rem) clamp(7.5rem, 10vw, 10rem);
}
.hsc-home-v116 .hsc-final-panel {
	overflow: visible;
	margin-bottom: 0;
}
.hsc-site-footer {
	margin-top: 0;
	padding-block: clamp(5rem, 8vw, 7.25rem) clamp(5.75rem, 8vw, 8rem);
}
@media (max-width: 1080px) {
	.hsc-home-v116 .hsc-process li { min-height: auto; }
	.hsc-home-v116 .hsc-check-grid { grid-auto-rows: minmax(70px, auto); }
	.hsc-home-v116 .hsc-check-grid li { min-height: 70px; }
}
@media (max-width: 700px) {
	.hsc-home-v116 .hsc-home-section { padding-block: var(--hsc-home-section-pad-mobile); }
	.hsc-home-v116 .hsc-home-section--dark { padding-block: 4.6rem; }
	.hsc-home-v116 .hsc-home-final { padding-block: 4.75rem 7.25rem; }
	.hsc-home-v116 .hsc-split,
	.hsc-home-v116 .hsc-split--intro,
	.hsc-home-v116 .hsc-editorial-grid,
	.hsc-home-v116 .hsc-faq-layout { gap: 2.1rem; }
	.hsc-home-v116 .hsc-section-head { margin-bottom: 1.8rem; }
	.hsc-home-v116 .hsc-premium-card { padding: 1.25rem; }
	.hsc-home-v116 .hsc-check-grid { gap: .8rem; }
	.hsc-home-v116 .hsc-check-grid li { min-height: 64px; padding: .9rem .95rem .9rem 2.45rem; }
	.hsc-home-v116 .hsc-check-grid li::before { top: .92rem; left: .92rem; }
	.hsc-site-footer { padding-block: 4.5rem 7.25rem; }
}

/* Version 1.0.16 – finale Header-/Navigations-Stabilisierung */
:root { --hsc-header-height: 92px; --hsc-header-max-width: 1180px; --hsc-header-side-gap: 1.5rem; }
.hsc-site-header,
.hsc-site-header--final-v116 {
	position: sticky;
	top: 0;
	z-index: 9999;
	width: 100%;
	min-height: var(--hsc-header-height);
	height: auto;
	overflow: visible !important;
	background: rgba(255,255,255,.985);
	border-bottom: 1px solid rgba(217,225,223,.95);
	box-shadow: 0 1px 0 rgba(17,30,42,.035), 0 12px 34px rgba(17,30,42,.035);
	backdrop-filter: blur(14px) saturate(165%);
	-webkit-backdrop-filter: blur(14px) saturate(165%);
}
.hsc-site-header .hsc-header-inner,
.hsc-site-header--final-v116 .hsc-header-inner {
	width: min(calc(100% - var(--hsc-header-side-gap) * 2), var(--hsc-header-max-width));
	min-height: var(--hsc-header-height);
	margin-inline: auto;
	padding-block: 14px;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: nowrap !important;
	gap: clamp(1.25rem, 2.5vw, 2rem);
	overflow: visible !important;
}
.hsc-site-header .hsc-logo,
.hsc-logo--premium-v116 {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-start;
	gap: .72rem;
	flex: 0 0 auto;
	min-width: 0;
	max-width: 360px;
	min-height: 56px;
	text-decoration: none;
	color: #1E2D3D;
	overflow: visible !important;
}
.hsc-site-header .hsc-logo__mark,
.hsc-logo--premium-v116 .hsc-logo__mark {
	display: block !important;
	width: 50px;
	height: 50px;
	flex: 0 0 50px;
	overflow: visible !important;
}
.hsc-site-header .hsc-logo__mark svg,
.hsc-logo--premium-v116 .hsc-logo__mark svg {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
}
.hsc-site-header .hsc-logo__text,
.hsc-logo--premium-v116 .hsc-logo__text {
	display: block;
	font-size: clamp(1.12rem, 1.04rem + .34vw, 1.32rem);
	font-weight: 820;
	line-height: 1.08;
	letter-spacing: -.048em;
	white-space: nowrap;
	overflow: visible;
	text-overflow: clip;
	color: #1E2D3D;
}
.hsc-main-nav {
	flex: 1 1 auto;
	min-width: 0;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	overflow: visible !important;
}
.hsc-main-nav .wp-block-navigation__container,
.hsc-main-nav .wp-block-page-list {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-end !important;
	flex-wrap: nowrap !important;
	gap: .18rem !important;
	min-width: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}
.hsc-main-nav .wp-block-navigation-item__content {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center;
	min-height: 44px;
	padding: .62rem .55rem;
	border-radius: 999px;
	font-size: .92rem;
	font-weight: 740;
	line-height: 1.12;
	white-space: nowrap;
	color: #1E2D3D;
	text-decoration: none;
}
.hsc-main-nav .hsc-nav-cta .wp-block-navigation-item__content,
.hsc-main-nav .hsc-nav-cta a {
	min-height: 46px;
	padding: .76rem 1.05rem !important;
	background: #0B6B4F !important;
	border-radius: 999px;
	box-shadow: 0 10px 24px rgba(11,107,79,.20);
	color: #fff !important;
	font-size: .91rem;
	font-weight: 820;
}
.hsc-main-nav .wp-block-navigation__responsive-container-open {
	display: none !important;
	align-items: center !important;
	justify-content: center !important;
	width: 46px;
	height: 46px;
	min-width: 46px;
	border: 1px solid #D9E1DF;
	border-radius: 14px;
	background: #EEF4F2;
	color: #1E2D3D;
}
@media (max-width: 1180px) and (min-width: 1081px) {
	.hsc-site-header .hsc-header-inner { gap: 1rem; }
	.hsc-site-header .hsc-logo { max-width: 318px; }
	.hsc-site-header .hsc-logo__mark { width: 46px; height: 46px; flex-basis: 46px; }
	.hsc-site-header .hsc-logo__text { font-size: 1.06rem; }
	.hsc-main-nav .wp-block-navigation-item__content { font-size: .86rem; padding-inline: .42rem; }
	.hsc-main-nav .hsc-nav-cta a { font-size: .84rem; padding-inline: .82rem !important; }
}
@media (max-width: 1080px) {
	:root { --hsc-header-height: 76px; --hsc-header-side-gap: 1rem; }
	.hsc-site-header .hsc-header-inner { padding-block: 10px; }
	.hsc-site-header .hsc-logo { max-width: min(380px, calc(100vw - 104px)); min-height: 52px; }
	.hsc-site-header .hsc-logo__mark { width: 46px; height: 46px; flex-basis: 46px; }
	.hsc-site-header .hsc-logo__text { font-size: 1.06rem; max-width: calc(100vw - 170px); overflow: hidden; text-overflow: ellipsis; }
	.hsc-main-nav { flex: 0 0 auto; }
	.hsc-main-nav .wp-block-navigation__container:not(.is-menu-open),
	.hsc-main-nav .wp-block-page-list:not(.is-menu-open),
	.hsc-main-nav .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none !important; }
	.hsc-main-nav .wp-block-navigation__responsive-container-open { display: inline-flex !important; }
}
@media (max-width: 520px) {
	:root { --hsc-header-height: 70px; --hsc-header-side-gap: .75rem; }
	.hsc-site-header .hsc-header-inner { gap: .8rem; padding-block: 8px; }
	.hsc-site-header .hsc-logo { gap: .52rem; min-height: 48px; max-width: calc(100vw - 84px); }
	.hsc-site-header .hsc-logo__mark { width: 40px; height: 40px; flex-basis: 40px; }
	.hsc-site-header .hsc-logo__text { font-size: .98rem; max-width: calc(100vw - 140px); }
	.hsc-main-nav .wp-block-navigation__responsive-container-open { width: 44px; height: 44px; min-width: 44px; }
}


/* ========================================================================== 
   Version 1.0.16 – Mobile Navigation: guaranteed fallback menu
   Ziel: sichtbarer, barrierearmer Menübutton auf Tablet/Mobile, unabhängig vom
   nativen WordPress-Overlay-Markup in statischer Vorschau oder Cache-Zuständen.
   ========================================================================== */
.hsc-mobile-menu-toggle,
.hsc-mobile-menu-panel {
	display: none;
}
.hsc-mobile-menu-toggle {
	appearance: none;
	border: 1px solid #D9E1DF;
	background: #EEF4F2;
	color: #1E2D3D;
	border-radius: 999px;
	font: inherit;
	font-weight: 820;
	line-height: 1;
	min-height: 48px;
	min-width: 48px;
	padding: .55rem .75rem;
	align-items: center;
	justify-content: center;
	gap: .55rem;
	cursor: pointer;
	box-shadow: 0 10px 24px rgba(17,30,42,.06);
}
.hsc-mobile-menu-toggle__label {
	font-size: .92rem;
	letter-spacing: -.01em;
}
.hsc-mobile-menu-toggle__icon {
	width: 20px;
	height: 16px;
	display: inline-flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 0 0 20px;
}
.hsc-mobile-menu-toggle__icon span {
	display: block;
	height: 2px;
	border-radius: 999px;
	background: currentColor;
	transition: transform .16s ease, opacity .16s ease;
}
.hsc-mobile-menu-toggle[aria-expanded="true"] .hsc-mobile-menu-toggle__icon span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.hsc-mobile-menu-toggle[aria-expanded="true"] .hsc-mobile-menu-toggle__icon span:nth-child(2) { opacity: 0; }
.hsc-mobile-menu-toggle[aria-expanded="true"] .hsc-mobile-menu-toggle__icon span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

@media (max-width: 1080px) {
	.hsc-site-header .hsc-header-inner,
	.hsc-site-header--final-v116 .hsc-header-inner {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
	}
	.hsc-site-header .hsc-main-nav {
		display: none !important;
		visibility: hidden !important;
	}
	.hsc-mobile-menu-toggle {
		display: inline-flex !important;
		visibility: visible !important;
		position: relative;
		z-index: 10002;
		flex: 0 0 auto;
	}
	.hsc-mobile-menu-panel {
		position: fixed;
		z-index: 10000;
		left: max(.75rem, env(safe-area-inset-left));
		right: max(.75rem, env(safe-area-inset-right));
		top: calc(var(--hsc-header-height) + .65rem);
		display: block;
		background: rgba(255,255,255,.985);
		border: 1px solid #D9E1DF;
		border-radius: 22px;
		box-shadow: 0 24px 70px rgba(17,30,42,.16);
		padding: .75rem;
		max-height: calc(100dvh - var(--hsc-header-height) - 2rem);
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.hsc-mobile-menu-panel[hidden] {
		display: none !important;
	}
	.hsc-mobile-menu-nav {
		display: grid;
		gap: .35rem;
	}
	.hsc-mobile-menu-nav a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 50px;
		padding: .95rem 1rem;
		border-radius: 16px;
		color: #1E2D3D;
		text-decoration: none;
		font-weight: 790;
		line-height: 1.25;
		background: transparent;
	}
	.hsc-mobile-menu-nav a:hover,
	.hsc-mobile-menu-nav a:focus-visible {
		background: #EEF4F2;
		text-decoration: none;
	}
	.hsc-mobile-menu-nav a::after {
		content: "›";
		font-size: 1.35rem;
		line-height: 1;
		color: #8A6427;
	}
	.hsc-mobile-menu-nav .hsc-mobile-menu-nav__cta {
		margin-top: .35rem;
		justify-content: center;
		background: #0B6B4F;
		color: #fff;
		box-shadow: 0 12px 26px rgba(11,107,79,.22);
	}
	.hsc-mobile-menu-nav .hsc-mobile-menu-nav__cta::after { content: none; }
	body.hsc-mobile-menu-is-open::before {
		content: "";
		position: fixed;
		inset: 0;
		z-index: 9998;
		background: rgba(17,30,42,.22);
		backdrop-filter: blur(2px);
	}
	body.hsc-mobile-menu-is-open .hsc-site-header { z-index: 10001; }
}
@media (max-width: 520px) {
	.hsc-mobile-menu-toggle {
		min-height: 46px;
		min-width: 46px;
		padding-inline: .7rem;
		border-radius: 15px;
	}
	.hsc-mobile-menu-toggle__label { font-size: .88rem; }
	.hsc-mobile-menu-panel {
		left: .65rem;
		right: .65rem;
		top: calc(var(--hsc-header-height) + .5rem);
		border-radius: 18px;
	}
	.hsc-mobile-menu-nav a { min-height: 48px; padding: .88rem .95rem; }
}
@media (max-width: 360px) {
	.hsc-mobile-menu-toggle__label { display: none; }
	.hsc-mobile-menu-toggle { width: 46px; padding-inline: .65rem; }
}
@media (min-width: 1081px) {
	.hsc-mobile-menu-toggle,
	.hsc-mobile-menu-panel {
		display: none !important;
	}
	body.hsc-mobile-menu-is-open::before { content: none; }
}
@media (prefers-reduced-motion: reduce) {
	.hsc-mobile-menu-toggle__icon span { transition: none; }
}


/* Version 1.0.16 – mobile Typografie-Absicherung */
@media (max-width: 520px) {
	.hsc-home-v116 h1,
	.hsc-home-v116 h2,
	.hsc-home-v116 h3,
	.hsc-site-header .hsc-logo__text {
		overflow-wrap: break-word;
		word-break: normal;
		hyphens: auto;
	}
}


/* ========================================================================== 
   Version 1.0.16 – Mobile Navigation: icon-only button + accessible label
   Ziel: optisch nur Hamburger-Icon, semantisch weiter klarer Menü-Zugang.
   ========================================================================== */
.hsc-screen-reader-text,
.hsc-mobile-menu-toggle__text,
.hsc-mobile-menu-toggle__label {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
.hsc-mobile-menu-toggle--v116,
.hsc-mobile-menu-toggle {
	width: 48px !important;
	min-width: 48px !important;
	height: 48px !important;
	min-height: 48px !important;
	padding: 0 !important;
	border-radius: 14px !important;
	gap: 0 !important;
}
.hsc-mobile-menu-toggle__icon {
	width: 21px !important;
	height: 16px !important;
}
@media (max-width: 520px) {
	.hsc-mobile-menu-toggle--v116,
	.hsc-mobile-menu-toggle {
		width: 46px !important;
		min-width: 46px !important;
		height: 46px !important;
		min-height: 46px !important;
		padding: 0 !important;
	}
}


/* ========================================================================== 
   Version 1.0.17 – Mobile real-device hotfixes
   - deaktiviert das Core-Overlay-Menü des Navigation-Blocks auf Mobile vollständig
   - stellt sicher, dass nur das eigene Dropdown-Menü verwendet wird
   - reduziert den unerwünschten Zwischenraum zwischen Header und Hero auf Mobile
   ========================================================================== */
@media (max-width: 1080px) {
	.hsc-main-nav,
	.hsc-main-nav .wp-block-navigation,
	.hsc-main-nav .wp-block-navigation__responsive-container,
	.hsc-main-nav .wp-block-navigation__responsive-container-open,
	.hsc-main-nav .wp-block-navigation__responsive-container-close,
	.hsc-main-nav button.wp-block-navigation__responsive-container-open,
	.hsc-main-nav button.wp-block-navigation__responsive-container-close {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}

	.hsc-site-header .hsc-main-nav {
		flex: 0 0 auto !important;
		width: 0 !important;
		min-width: 0 !important;
		overflow: hidden !important;
	}

	.hsc-mobile-menu-panel {
		top: calc(var(--hsc-header-height) + .35rem);
	}
}

@media (max-width: 782px) {
	:root { --hsc-header-height: 74px; }
	.hsc-home-hero {
		padding-top: clamp(1.35rem, 5vw, 2rem);
		padding-bottom: clamp(3rem, 7vw, 4.5rem);
	}
	.hsc-home-hero__eyebrow { margin-bottom: .95rem; }
	.hsc-home-hero__title { margin-bottom: 1rem; }
	.hsc-home-hero__lead { margin-top: 0; }
}

@media (max-width: 520px) {
	:root { --hsc-header-height: 72px; --hsc-header-side-gap: .9rem; }
	.hsc-site-header .hsc-header-inner {
		min-height: var(--hsc-header-height);
		padding-block: 9px;
	}
	.hsc-mobile-menu-panel {
		top: calc(var(--hsc-header-height) + .3rem);
		padding: .65rem;
	}
	.hsc-home-hero {
		padding-top: 1.15rem;
	}
}


/* ========================================================================== 
   Version 1.0.18 – Mobile Sticky Glass Header
   Ziel: Navigation auf Mobile jederzeit erreichbar, ohne die Seite optisch zu
   beschweren. Der Header bleibt kontrastreich und barrierearm.
   ========================================================================== */
@media (max-width: 1080px) {
	.hsc-site-header,
	.hsc-site-header--final-v116 {
		position: sticky !important;
		top: 0 !important;
		z-index: 10020 !important;
		background: rgba(255,255,255,.92) !important;
		backdrop-filter: blur(18px) saturate(165%);
		-webkit-backdrop-filter: blur(18px) saturate(165%);
		transition: min-height .18s ease, background-color .18s ease, box-shadow .18s ease, border-color .18s ease;
	}

	.hsc-site-header.hsc-is-scrolled,
	body.hsc-scrolled .hsc-site-header {
		min-height: 64px !important;
		background: rgba(255,255,255,.86) !important;
		border-bottom-color: rgba(217,225,223,.85) !important;
		box-shadow: 0 10px 34px rgba(17,30,42,.10) !important;
	}

	.hsc-site-header.hsc-is-scrolled .hsc-header-inner,
	body.hsc-scrolled .hsc-site-header .hsc-header-inner {
		min-height: 64px !important;
		padding-block: 7px !important;
	}

	.hsc-site-header.hsc-is-scrolled .hsc-logo__mark,
	body.hsc-scrolled .hsc-site-header .hsc-logo__mark {
		width: 38px !important;
		height: 38px !important;
		flex-basis: 38px !important;
	}

	.hsc-site-header.hsc-is-scrolled .hsc-logo__text,
	body.hsc-scrolled .hsc-site-header .hsc-logo__text {
		font-size: .95rem !important;
	}

	.hsc-site-header.hsc-is-scrolled .hsc-mobile-menu-toggle,
	body.hsc-scrolled .hsc-site-header .hsc-mobile-menu-toggle {
		min-width: 44px !important;
		min-height: 44px !important;
		border-radius: 14px !important;
		box-shadow: 0 10px 24px rgba(17,30,42,.08) !important;
	}

	body.hsc-mobile-menu-is-open .hsc-site-header,
	body.hsc-mobile-menu-is-open .hsc-site-header.hsc-is-scrolled {
		background: rgba(255,255,255,.98) !important;
	}

	body.hsc-scrolled .hsc-mobile-menu-panel {
		top: calc(64px + .45rem) !important;
	}
}

@media (max-width: 520px) {
	.hsc-site-header.hsc-is-scrolled .hsc-logo,
	body.hsc-scrolled .hsc-site-header .hsc-logo {
		max-width: calc(100vw - 84px) !important;
	}

	.hsc-site-header.hsc-is-scrolled .hsc-logo__text,
	body.hsc-scrolled .hsc-site-header .hsc-logo__text {
		font-size: .88rem !important;
		max-width: calc(100vw - 136px) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.hsc-site-header,
	.hsc-site-header .hsc-header-inner,
	.hsc-site-header .hsc-logo__mark,
	.hsc-site-header .hsc-logo__text,
	.hsc-mobile-menu-toggle {
		transition: none !important;
	}
}


/* ========================================================================== 
   Version 1.0.19 – Samsung-Mobile-Header-Fix + Footer-Logo-Kontrast
   - stellt den mobilen Header auf fixed um (robuster als sticky in Samsung Internet)
   - vergrößert die mobile Wortmarke leicht
   - korrigiert weiße Footer-Wortmarke auf dunklem Hintergrund
   ========================================================================== */
.hsc-site-footer .hsc-logo,
.hsc-site-footer .hsc-logo__text,
.hsc-footer-brand .hsc-logo__text,
.hsc-logo--footer .hsc-logo__text {
	color: #FFFFFF !important;
}

@media (max-width: 1080px) {
	body {
		padding-top: var(--hsc-header-height);
	}

	.hsc-site-header,
	.hsc-site-header--final-v116 {
		position: fixed !important;
		left: 0;
		right: 0;
		width: 100%;
		top: 0 !important;
		z-index: 10030 !important;
	}

	.admin-bar .hsc-site-header,
	.admin-bar .hsc-site-header--final-v116 {
		top: 46px !important;
	}

	body.admin-bar {
		padding-top: calc(var(--hsc-header-height) + 46px);
	}

	.hsc-mobile-menu-panel {
		position: fixed !important;
		top: calc(var(--hsc-header-height) + .55rem);
		left: .9rem;
		right: .9rem;
		z-index: 10031;
	}

	body.admin-bar .hsc-mobile-menu-panel {
		top: calc(var(--hsc-header-height) + 46px + .55rem);
	}
}

@media (max-width: 700px) {
	:root { --hsc-header-height: 72px; }

	.hsc-site-header .hsc-header-inner,
	.hsc-site-header--final-v116 .hsc-header-inner {
		padding-block: 10px !important;
	}

	.hsc-site-header .hsc-logo,
	.hsc-site-header--final-v116 .hsc-logo {
		max-width: calc(100vw - 92px) !important;
		gap: .6rem !important;
	}

	.hsc-site-header .hsc-logo__mark,
	.hsc-site-header--final-v116 .hsc-logo__mark {
		width: 42px !important;
		height: 42px !important;
		flex-basis: 42px !important;
	}

	.hsc-site-header .hsc-logo__text,
	.hsc-site-header--final-v116 .hsc-logo__text {
		font-size: 1.08rem !important;
		font-weight: 830 !important;
		max-width: calc(100vw - 150px) !important;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

@media (max-width: 520px) {
	:root { --hsc-header-height: 70px; }

	.hsc-site-header .hsc-logo__text,
	.hsc-site-header--final-v116 .hsc-logo__text {
		font-size: 1.02rem !important;
		max-width: calc(100vw - 142px) !important;
	}

	.hsc-mobile-menu-toggle {
		min-width: 46px !important;
		min-height: 46px !important;
	}
}

/* ==========================================================================
   Version 1.0.20 – Mobile spacing + stable sticky wordmark
   Ziel:
   - Wortmarke im Sticky-Mobile-Header bleibt beim Scrollen gleich groß.
   - Abstände zwischen Header, Hero, Einleitung und Content-Blöcken werden
     auf Mobile kompakter und gleichmäßiger.
   ========================================================================== */
@media (max-width: 1080px) {
	body { padding-top: var(--hsc-header-height); }

	.hsc-site-header.hsc-is-scrolled .hsc-logo__text,
	body.hsc-scrolled .hsc-site-header .hsc-logo__text {
		font-size: inherit !important;
		font-weight: 830 !important;
		letter-spacing: -.05em !important;
	}

	.hsc-site-header.hsc-is-scrolled .hsc-logo__mark,
	body.hsc-scrolled .hsc-site-header .hsc-logo__mark {
		width: 42px !important;
		height: 42px !important;
		flex-basis: 42px !important;
	}

	.hsc-site-header.hsc-is-scrolled .hsc-header-inner,
	body.hsc-scrolled .hsc-site-header .hsc-header-inner {
		min-height: var(--hsc-header-height) !important;
		padding-block: 9px !important;
	}

	body.hsc-scrolled .hsc-mobile-menu-panel {
		top: calc(var(--hsc-header-height) + .45rem) !important;
	}

	.hsc-home-hero {
		padding-top: clamp(1rem, 3.8vw, 1.75rem) !important;
		padding-bottom: clamp(2.35rem, 5vw, 3.5rem) !important;
	}

	.hsc-home-hero__grid { gap: clamp(1.35rem, 4vw, 2.25rem) !important; }
	.hsc-home-hero__eyebrow { margin-bottom: .72rem !important; }
	.hsc-home-hero__title { margin-top: 0 !important; margin-bottom: .92rem !important; }
	.hsc-home-hero__lead { margin-top: 0 !important; margin-bottom: 1.05rem !important; }
	.hsc-home-actions { margin-top: 1.15rem !important; }
	.hsc-home-trust { margin-top: 1.05rem !important; }

	.hsc-home-section { padding-block: clamp(3.1rem, 7vw, 4.4rem) !important; }
	.hsc-home-section--dark { padding-block: clamp(3.5rem, 8vw, 4.9rem) !important; }
	.hsc-home-final { padding-block: clamp(3.6rem, 8vw, 5.2rem) clamp(5.25rem, 10vw, 6.8rem) !important; }
	.hsc-section-head { margin-bottom: clamp(1.4rem, 4.5vw, 2.1rem) !important; }

	.hsc-split,
	.hsc-split--intro,
	.hsc-editorial-grid,
	.hsc-faq-layout { gap: clamp(1.45rem, 5vw, 2.35rem) !important; }

	.hsc-premium-card { padding: clamp(1.2rem, 4.5vw, 1.65rem) !important; }
	.hsc-check-grid { gap: .72rem !important; }
	.hsc-check-grid li {
		min-height: auto !important;
		padding-top: .78rem !important;
		padding-bottom: .78rem !important;
	}
}

@media (max-width: 700px) {
	:root { --hsc-header-height: 70px; }

	.hsc-site-header .hsc-logo__text,
	.hsc-site-header--final-v116 .hsc-logo__text,
	.hsc-site-header.hsc-is-scrolled .hsc-logo__text,
	body.hsc-scrolled .hsc-site-header .hsc-logo__text {
		font-size: 1.04rem !important;
		max-width: calc(100vw - 148px) !important;
	}

	.hsc-home-hero { padding-top: .9rem !important; }
	.hsc-home-hero__title {
		font-size: clamp(3.05rem, 14.2vw, 4.75rem) !important;
		line-height: .96 !important;
	}
	.hsc-home-hero__lead {
		font-size: clamp(1.18rem, 5vw, 1.55rem) !important;
		line-height: 1.52 !important;
	}
	.hsc-home-section { padding-block: 3.35rem !important; }
	.hsc-home-section--soft,
	.hsc-home-section--white { padding-block: 3.25rem !important; }
}

@media (max-width: 520px) {
	:root { --hsc-header-height: 68px; }

	.hsc-site-header .hsc-header-inner,
	.hsc-site-header--final-v116 .hsc-header-inner { padding-block: 8px !important; }

	.hsc-site-header .hsc-logo__mark,
	.hsc-site-header--final-v116 .hsc-logo__mark,
	.hsc-site-header.hsc-is-scrolled .hsc-logo__mark,
	body.hsc-scrolled .hsc-site-header .hsc-logo__mark {
		width: 40px !important;
		height: 40px !important;
		flex-basis: 40px !important;
	}

	.hsc-site-header .hsc-logo__text,
	.hsc-site-header--final-v116 .hsc-logo__text,
	.hsc-site-header.hsc-is-scrolled .hsc-logo__text,
	body.hsc-scrolled .hsc-site-header .hsc-logo__text {
		font-size: 1rem !important;
		max-width: calc(100vw - 140px) !important;
	}

	.hsc-home-hero {
		padding-top: .75rem !important;
		padding-bottom: 2.7rem !important;
	}

	.hsc-home-hero__eyebrow { margin-bottom: .65rem !important; }
	.hsc-home-hero__lead { margin-bottom: .8rem !important; }
	.hsc-home-section { padding-block: 3rem !important; }
	.hsc-section-head { margin-bottom: 1.25rem !important; }
}

@media (max-width: 390px) {
	.hsc-site-header .hsc-logo__text,
	.hsc-site-header--final-v116 .hsc-logo__text,
	.hsc-site-header.hsc-is-scrolled .hsc-logo__text,
	body.hsc-scrolled .hsc-site-header .hsc-logo__text {
		font-size: .96rem !important;
		max-width: calc(100vw - 136px) !important;
	}
}


/* ==========================================================================
   Version 1.0.21 – Mobile Hero-Top-Gap-Fix
   Ursache:
   Die Start-Hero-Sektion trägt zusätzlich .hsc-home-section. Dadurch konnten
   mobile Section-Abstände den spezifischen Hero-Abstand wieder überschreiben.
   Lösung:
   Höher spezifische, am Dateiende stehende Hero-Regeln für Mobile.
   ========================================================================== */
@media (max-width: 1080px) {
	.hsc-home-v116 .hsc-home-hero.hsc-home-section {
		padding-top: .85rem !important;
		padding-bottom: 2.65rem !important;
	}

	.hsc-home-v116 .hsc-home-hero .hsc-home-container,
	.hsc-home-v116 .hsc-home-hero .hsc-home-hero__grid {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}

	.hsc-home-v116 .hsc-home-hero__copy {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	.hsc-home-v116 .hsc-home-hero__copy > :first-child {
		margin-top: 0 !important;
	}
}

@media (max-width: 700px) {
	.hsc-home-v116 .hsc-home-hero.hsc-home-section {
		padding-top: .55rem !important;
		padding-bottom: 2.35rem !important;
	}

	.hsc-home-v116 .hsc-home-hero__eyebrow {
		margin-top: 0 !important;
		margin-bottom: .58rem !important;
	}
}

@media (max-width: 520px) {
	.hsc-home-v116 .hsc-home-hero.hsc-home-section {
		padding-top: .35rem !important;
		padding-bottom: 2.15rem !important;
	}
}


/* ==========================================================================
   Version 1.0.22 – Mobile Hero Start Closer
   Ziel: Der erste Hero-Text startet auf Mobile näher unter der Navigation.
   Gilt nur für Mobile und nur für die Startseiten-Hero-Sektion.
   ========================================================================== */
@media (max-width: 1080px) {
	.hsc-home-v116 .hsc-home-hero.hsc-home-section {
		padding-top: .35rem !important;
	}

	.hsc-home-v116 .hsc-home-hero__grid,
	.hsc-home-v116 .hsc-home-hero__copy {
		align-items: start !important;
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	.hsc-home-v116 .hsc-home-hero__eyebrow {
		margin-top: 0 !important;
	}
}

@media (max-width: 700px) {
	.hsc-home-v116 .hsc-home-hero.hsc-home-section {
		padding-top: .18rem !important;
	}

	.hsc-home-v116 .hsc-home-hero__eyebrow {
		margin-bottom: .5rem !important;
	}
}

@media (max-width: 520px) {
	.hsc-home-v116 .hsc-home-hero.hsc-home-section {
		padding-top: 0 !important;
	}

	.hsc-home-v116 .hsc-home-hero__copy {
		transform: translateY(-.35rem);
	}
}


/* ==========================================================================
   Version 1.0.23 – Mobile Landscape / Firefox Fix
   Problem:
   In Firefox Mobile Queransicht steht weniger nutzbare Höhe zur Verfügung.
   Der fixe Mobile-CTA unten nimmt dann zu viel Fläche ein und kann den Hero
   optisch überlagern. Samsung Internet wirkte dagegen bereits stimmig.
   Lösung:
   Nur bei Queransicht mit kleiner Viewport-Höhe wird der fixe Bottom-CTA
   deaktiviert und der Hero etwas kompakter skaliert.
   ========================================================================== */
@media (max-width: 1080px) and (orientation: landscape) and (max-height: 620px) {
	.hsc-mobile-cta {
		display: none !important;
	}

	body {
		padding-bottom: 0 !important;
	}

	.hsc-home-v116 .hsc-home-hero.hsc-home-section {
		padding-top: .4rem !important;
		padding-bottom: 1.65rem !important;
	}

	.hsc-home-v116 .hsc-home-hero__grid {
		gap: 1.1rem !important;
	}

	.hsc-home-v116 .hsc-home-hero__title {
		font-size: clamp(2.25rem, 6.7vw, 4.05rem) !important;
		line-height: .94 !important;
		margin-bottom: .65rem !important;
		max-width: 980px !important;
	}

	.hsc-home-v116 .hsc-home-hero__eyebrow {
		font-size: clamp(.78rem, 1.9vw, .98rem) !important;
		line-height: 1.35 !important;
		margin-bottom: .45rem !important;
	}

	.hsc-home-v116 .hsc-home-hero__lead {
		font-size: clamp(1rem, 2.25vw, 1.22rem) !important;
		line-height: 1.42 !important;
		margin-bottom: .65rem !important;
	}

	.hsc-home-v116 .hsc-home-actions {
		margin-top: .75rem !important;
		gap: .55rem !important;
	}

	.hsc-premium-button,
	.hsc-home-v116 .hsc-premium-button {
		min-height: 44px !important;
		padding: .72rem 1.05rem !important;
		font-size: .96rem !important;
		border-radius: 999px !important;
	}

	.hsc-home-v116 .hsc-home-trust {
		margin-top: .75rem !important;
		gap: .45rem !important;
	}

	.hsc-home-v116 .hsc-home-trust li {
		min-height: 32px !important;
		padding: .34rem .6rem !important;
		font-size: .78rem !important;
	}
}

@media (max-width: 780px) and (orientation: landscape) and (max-height: 520px) {
	.hsc-home-v116 .hsc-home-hero__title {
		font-size: clamp(2.1rem, 7vw, 3.25rem) !important;
	}

	.hsc-home-v116 .hsc-home-hero__lead {
		font-size: 1rem !important;
	}

	.hsc-home-v116 .hsc-home-section {
		padding-block: 2.35rem !important;
	}
}