/* stressfrei-umziehen.at, Theme sfu (2026-10-21)
 * Hero und Anfrage-Abschnitt nach den Referenzbildern des Auftraggebers (scripts/design/src/ref-*.jpg).
 * Unter 1024 px sind alle Maße Referenz-Pixel: --u = 1/883 der Breite (Hero, Kopf), --a = 1/941 (Anfrage).
 * Ab 1024 px eigenes Desktop-Layout mit festem Maßstab.
 * Hausregeln: Text nur rein #fff/#000 (oder Markenfarbe), keine Deckkraft auf Text, Überschriften brechen bei 344 px nicht um. */

@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../fonts/montserrat-latin.woff2") format("woff2"); }
@font-face { font-family: "Kalam"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/kalam-regular.woff2") format("woff2"); }
@font-face { font-family: "Kalam"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/kalam-bold.woff2") format("woff2"); }

:root {
	--u: calc(100vw / 883);
	--a: calc(100vw / 941);
	--blau: #00448a;
	--blau-linie: #2a6db5;
	--rot: #e3000f;
	--rot-box: #ce0205;
	--gelb: #fcca02;
	--stern: #f7b500;
	--nacht: #0a1726;
	--schrift: "Montserrat", "Helvetica Neue", Arial, sans-serif;
	--hand: "Kalam", "Segoe Print", cursive;
}
@media (min-width: 1024px) {
	:root { --u: 0.75px; --a: 0.75px; }
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { margin: 0; font-family: var(--schrift); font-size: 17px; line-height: 1.5; color: #000; background: #fff; }
img, svg, picture { display: block; max-width: 100%; }
/* Ersatz für das Core-Inline-CSS (sfu-core/html.php entfernt es, der HTML-Validator kennt die Eigenschaft nicht) */
img:is([sizes=auto i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px; }
p, h1, h2, h3, ul { margin: 0; }
ul { padding: 0; list-style: none; }
a { color: inherit; }
.sfu-rot { color: var(--rot); }
.sfu-svg { fill: currentColor; }

.sfu-skip { position: absolute; left: -9999px; top: 8px; z-index: 100; background: #fff; color: #000; padding: 10px 16px; font-weight: 700; }
.sfu-skip:focus { left: 8px; }
:focus-visible { outline: 3px solid var(--gelb); outline-offset: 2px; }

/* ── Kopf ─────────────────────────────────────────────────────────────────── */
.sfu-kopf {
	position: relative;
	z-index: 20;
	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-areas: "logo burger" "bew bew" "orte orte" "menue menue";
	align-items: center;
	background: var(--blau);
	color: #fff;
	/* Inhalte aller drei Zeilen bündig mit der H1 im Hero (Auftraggeber 21.10.): links 58, rechts bis 737,5 von 883 Referenz-Pixeln */
	--kopf-l: calc(58 * var(--u));
	--kopf-r: calc(145.5 * var(--u));
}
.sfu-logo { grid-area: logo; display: flex; align-items: center; gap: calc(14 * var(--u)); padding: calc(16 * var(--u)) 0 calc(13 * var(--u)) var(--kopf-l); text-decoration: none; min-width: 0; }
.sfu-logo__lkw img { width: calc(120 * var(--u)); height: auto; }
.sfu-logo__text { color: #fff; font-weight: 800; font-size: calc(40 * var(--u)); line-height: 1; letter-spacing: -0.035em; white-space: nowrap; }

.sfu-burger { grid-area: burger; display: flex; flex-direction: column; justify-content: space-between; width: calc(54 * var(--u)); height: calc(38 * var(--u)); min-width: 28px; min-height: 22px; margin: 0 var(--kopf-r) 0 calc(20 * var(--u)); padding: 0; border: 0; background: none; cursor: pointer; box-sizing: content-box; }
.sfu-burger span { display: block; height: calc(5 * var(--u)); min-height: 3px; border-radius: 2px; background: #fff; transition: transform .2s ease, opacity .2s ease; }
.sfu-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(calc(16.5 * var(--u))) rotate(45deg); }
.sfu-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.sfu-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(calc(-16.5 * var(--u))) rotate(-45deg); }

.sfu-bewertung { grid-area: bew; display: flex; align-items: center; padding: calc(9 * var(--u)) var(--kopf-r) calc(8 * var(--u)) var(--kopf-l); border-top: calc(2 * var(--u)) solid var(--blau-linie); color: #fff; text-decoration: none; }
.sfu-bewertung__google img { width: calc(145 * var(--u)); height: auto; }
.sfu-bewertung__trenner { width: calc(2.5 * var(--u)); height: calc(40 * var(--u)); margin: 0 calc(20 * var(--u)); background: #fff; }
.sfu-bewertung__text { font-size: calc(21.5 * var(--u)); font-weight: 600; white-space: nowrap; }
.sfu-bewertung__sterne { display: flex; gap: calc(3 * var(--u)); margin-left: calc(14 * var(--u)); color: var(--stern); }
.sfu-bewertung__sterne svg { width: calc(32 * var(--u)); height: calc(32 * var(--u)); fill: currentColor; }
.sfu-bewertung__wert { margin-left: auto; padding-left: calc(10 * var(--u)); font-size: calc(29 * var(--u)); font-weight: 700; white-space: nowrap; }

/* Regionen-Leiste unter der Bewertung (Auftraggeber 21.10.) */
.sfu-orte { grid-area: orte; padding: calc(11 * var(--u)) var(--kopf-r) calc(10 * var(--u)) var(--kopf-l); border-top: calc(2 * var(--u)) solid var(--blau-linie); background: #003a78; }
.sfu-orte__liste { display: flex; justify-content: space-between; align-items: center; }
.sfu-orte li { display: flex; align-items: center; gap: max(4px, calc(9 * var(--u))); color: #fff; font-size: max(11px, calc(26 * var(--u))); font-weight: 700; line-height: 1.2; white-space: nowrap; }
.sfu-orte__pin { width: auto; height: max(13px, calc(29 * var(--u))); color: var(--rot); flex: none; }

.sfu-menue { grid-area: menue; background: var(--blau); border-top: 1px solid var(--blau-linie); }
.sfu-menue[hidden] { display: none; }
.sfu-menue__liste { padding: 8px 0; }
.sfu-menue__liste a { display: block; padding: 14px calc(50 * var(--u)); color: #fff; font-weight: 700; font-size: 18px; text-decoration: none; }
.sfu-menue__liste a:hover, .sfu-menue__liste a:focus-visible { background: #003a76; }

/* ── Hero ─────────────────────────────────────────────────────────────────── */
.sfu-hero { position: relative; overflow: hidden; color: #fff; background: var(--nacht); min-height: calc(1607 * var(--u)); }
.sfu-hero__bild img { position: absolute; left: 0; top: calc(-133 * var(--u)); width: 100%; height: auto; max-width: none; }
.sfu-hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(0, 14, 38, .22) 0, rgba(0, 14, 38, 0) 32%, rgba(0, 10, 24, 0) 58%, rgba(0, 10, 24, .38) 76%, rgba(0, 10, 24, .45) 100%); }
.sfu-hero__inhalt { position: relative; z-index: 1; padding: calc(38 * var(--u)) calc(58 * var(--u)) calc(92 * var(--u)); }

.sfu-hero__h1 { font-weight: 700; line-height: 1.08; letter-spacing: -0.01em; text-shadow: 0 2px 10px rgba(0, 0, 0, .25); }
.sfu-hero__h1-a, .sfu-hero__h1-b { display: block; white-space: nowrap; }
.sfu-hero__h1-a { font-size: calc(47 * var(--u)); font-weight: 400; margin-bottom: calc(4 * var(--u)); }
.sfu-hero__h1-b { font-size: calc(56.5 * var(--u)); }
.sfu-hero__lead { margin-top: calc(14 * var(--u)); max-width: calc(600 * var(--u)); font-size: max(13px, calc(26.5 * var(--u))); font-weight: 400; line-height: 1.32; text-shadow: 0 1px 8px rgba(0, 0, 0, .35); }

.sfu-hero__unten { margin-top: calc(508 * var(--u)); }

.sfu-slogan { font-family: var(--hand); color: #fff; }
.sfu-slogan span { display: block; white-space: nowrap; }
.sfu-slogan__pinsel { height: auto; pointer-events: none; }
.sfu-slogan--hero { position: relative; width: calc(260 * var(--u)); margin-left: calc(-6 * var(--u)); font-size: calc(45 * var(--u)); font-weight: 700; line-height: .98; transform: rotate(-14deg); transform-origin: 0 100%; text-shadow: 0 2px 6px rgba(0, 0, 0, .45); }
.sfu-slogan--hero span:nth-child(2) { padding-left: calc(10 * var(--u)); }
.sfu-slogan--hero span:nth-child(3) { padding-left: calc(18 * var(--u)); }
.sfu-slogan--hero .sfu-slogan__pinsel { position: absolute; left: calc(8 * var(--u)); top: calc(118 * var(--u)); width: calc(206 * var(--u)); transform: rotate(10deg); transform-origin: 0 50%; }

.sfu-usps { display: grid; grid-template-columns: repeat(3, 1fr); width: calc(750 * var(--u)); margin: calc(18 * var(--u)) 0 0 calc(4 * var(--u)); text-align: center; }
.sfu-usp { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; }
.sfu-usp__bild img { width: auto; }
.sfu-usp__bild--icon-kalender img { height: calc(110 * var(--u)); }
.sfu-usp__bild--icon-team img { height: calc(140 * var(--u)); }
.sfu-usp__bild--icon-uhr img { height: calc(105 * var(--u)); margin-bottom: calc(3 * var(--u)); }
.sfu-usp__text { display: block; margin-top: calc(10 * var(--u)); font-size: max(12px, calc(24.5 * var(--u))); font-weight: 500; line-height: 1.14; text-shadow: 0 1px 6px rgba(0, 0, 0, .5); }
.sfu-usp__text::after { content: ""; display: block; width: calc(90 * var(--u)); height: calc(5 * var(--u)); margin: calc(9 * var(--u)) auto 0; border-radius: 3px; background: var(--rot); }

.sfu-preis { color: inherit; text-decoration: none; transition: transform .15s ease; }
a.sfu-preis:hover { transform: translateY(-2px); }
.sfu-preis { display: grid; grid-template-columns: minmax(0, 398fr) minmax(0, 400fr); width: calc(798 * var(--u)); margin: calc(22 * var(--u)) 0 0 calc(-16 * var(--u)); border-radius: calc(13 * var(--u)); overflow: hidden; box-shadow: 0 calc(8 * var(--u)) calc(30 * var(--u)) rgba(0, 0, 0, .35); text-align: center; }
.sfu-preis__gelb { background: var(--gelb); color: #000; padding: calc(20 * var(--u)) calc(10 * var(--u)) calc(14 * var(--u)); }
.sfu-preis__titel { font-size: calc(27 * var(--u)); font-weight: 800; text-transform: uppercase; letter-spacing: -0.005em; white-space: nowrap; }
.sfu-preis__betrag { display: flex; align-items: baseline; justify-content: center; gap: calc(18 * var(--u)); margin-top: calc(2 * var(--u)); white-space: nowrap; }
.sfu-preis__betrag strong { color: var(--rot); font-size: calc(94 * var(--u)); font-weight: 900; line-height: 1; letter-spacing: -0.04em; }
.sfu-preis__betrag span { font-size: calc(37 * var(--u)); font-weight: 800; letter-spacing: -0.02em; }
.sfu-preis__statt { margin-top: calc(6 * var(--u)); font-size: calc(25 * var(--u)); font-weight: 700; white-space: nowrap; }
.sfu-preis__statt s { text-decoration-thickness: calc(3 * var(--u)); }
.sfu-preis__rot { background: var(--rot-box); color: #fff; padding: calc(22 * var(--u)) calc(16 * var(--u)) calc(14 * var(--u)); display: flex; flex-direction: column; align-items: center; }
.sfu-preis__schutz { font-size: calc(24 * var(--u)); font-weight: 700; white-space: nowrap; }
.sfu-preis__generali { width: calc(340 * var(--u)); height: auto; margin: calc(18 * var(--u)) 0 calc(14 * var(--u)); }
.sfu-preis__gefuehl { font-size: calc(21.5 * var(--u)); font-weight: 500; white-space: nowrap; }
.sfu-preis__leiste { grid-column: 1 / -1; background: var(--blau); color: #fff; padding: calc(12 * var(--u)) calc(10 * var(--u)) calc(11 * var(--u)); font-size: calc(31 * var(--u)); font-weight: 800; text-transform: uppercase; letter-spacing: -0.005em; white-space: nowrap; }

/* ── Umzugsanfrage ────────────────────────────────────────────────────────── */
.sfu-anfrage { position: relative; overflow: hidden; color: #fff; background: var(--nacht); scroll-margin-top: 0; }
.sfu-anfrage__bild img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 50% 50%; }
.sfu-anfrage::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: rgba(0, 20, 42, .6); }
.sfu-anfrage__inhalt { position: relative; z-index: 1; padding: calc(128 * var(--a)) calc(80 * var(--a)) calc(52 * var(--a)); }

.sfu-anfrage__kopf { display: flex; justify-content: space-between; align-items: flex-start; }
.sfu-anfrage__h2 { font-weight: 800; letter-spacing: -0.02em; line-height: 1.02; }
.sfu-anfrage__h2 span { display: block; white-space: nowrap; font-size: calc(63 * var(--a)); }
.sfu-anfrage__h2 .sfu-rot { margin-top: calc(12 * var(--a)); font-size: calc(39.5 * var(--a)); letter-spacing: -0.015em; }
.sfu-timer { flex: none; width: max(calc(180 * var(--a)), 92px); margin: calc(-10 * var(--a)) calc(-30 * var(--a)) 0 0; text-align: center; position: relative; }
.sfu-timer img { width: calc(128 * var(--a)); height: auto; margin: 0 auto; }
.sfu-timer p { margin-top: calc(14 * var(--a)); font-size: max(10.5px, calc(21.5 * var(--a))); font-weight: 700; line-height: 1.32; white-space: nowrap; }
.sfu-timer__pinsel { width: calc(116 * var(--a)) !important; margin: calc(6 * var(--a)) auto 0 !important; }

.sfu-anfrage__intro { margin-top: calc(26 * var(--a)); max-width: max(calc(615 * var(--a)), min(100%, 330px)); font-size: max(13px, calc(23.5 * var(--a))); line-height: 1.2; }

.sfu-form { margin-top: calc(32 * var(--a)); }
.sfu-feld { position: relative; display: grid; grid-template-columns: calc(100 * var(--a)) 1fr; align-items: stretch; min-height: calc(75 * var(--a)); margin-bottom: calc(11 * var(--a)); border: max(1px, calc(1.5 * var(--a))) solid rgba(255, 255, 255, .3); border-radius: calc(11 * var(--a)); background: rgba(16, 38, 58, .62); }
.sfu-feld__icon { display: flex; align-items: center; justify-content: center; border-right: max(1px, calc(1.5 * var(--a))) solid rgba(255, 255, 255, .35); margin: calc(12 * var(--a)) 0; color: #fff; }
.sfu-feld__icon svg { width: calc(41 * var(--a)); height: calc(41 * var(--a)); }
.sfu-feld input, .sfu-feld textarea { width: 100%; min-width: 0; padding: 0 calc(26 * var(--a)); border: 0; background: transparent; color: #fff; font: 500 max(16px, calc(25.5 * var(--a))) / 1.3 var(--schrift); outline: none; border-radius: 0 calc(11 * var(--a)) calc(11 * var(--a)) 0; }
.sfu-feld input { height: calc(72 * var(--a)); min-height: 44px; }
.sfu-feld input::placeholder, .sfu-feld textarea::placeholder { color: transparent; }
.sfu-feld label { position: absolute; left: calc(127 * var(--a)); top: 50%; transform: translateY(-50%); color: #fff; font-size: max(15px, calc(23.5 * var(--a))); font-weight: 400; pointer-events: none; white-space: nowrap; transition: opacity .15s ease; }
.sfu-feld__pflicht { color: var(--rot); position: relative; top: calc(-6 * var(--a)); }
.sfu-feld input:not(:placeholder-shown) + label, .sfu-feld textarea:not(:placeholder-shown) + label, .sfu-feld:focus-within label, .sfu-feld.ist-gefuellt label { opacity: 0; }
.sfu-feld:focus-within { border-color: #fff; }
.sfu-feld.ist-fehler { border-color: var(--rot); box-shadow: 0 0 0 2px var(--rot); }
.sfu-feld--nachricht { min-height: calc(147 * var(--a)); }
.sfu-feld--nachricht .sfu-feld__icon { margin: calc(18 * var(--a)) 0 calc(20 * var(--a)); }
.sfu-feld textarea { display: block; min-height: max(96px, calc(144 * var(--a))); padding-top: max(13px, calc(26 * var(--a))); padding-bottom: calc(20 * var(--a)); resize: vertical; }
.sfu-feld--nachricht label { top: max(14px, calc(28 * var(--a))); transform: none; line-height: 1.25; }
.sfu-feld__hinweis { display: block; margin-top: calc(6 * var(--a)); font-size: max(12px, calc(19.5 * var(--a))); font-weight: 300; letter-spacing: .01em; }
.sfu-form__falle { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.sfu-form__senden { display: flex; align-items: center; justify-content: center; gap: calc(30 * var(--a)); width: 100%; min-height: calc(103 * var(--a)); margin-top: calc(22 * var(--a)); border: 0; border-radius: calc(13 * var(--a)); background: linear-gradient(180deg, #f5051d 0%, #d80013 100%); box-shadow: 0 calc(10 * var(--a)) calc(28 * var(--a)) rgba(227, 0, 15, .35); color: #fff; font: 800 max(16px, calc(31.5 * var(--a))) / 1.1 var(--schrift); letter-spacing: -0.005em; cursor: pointer; }
.sfu-form__senden:hover { background: linear-gradient(180deg, #ff1a30 0%, #e3000f 100%); }
.sfu-form__senden[disabled] { cursor: progress; filter: saturate(.7); }
.sfu-form__pfeil { width: calc(40 * var(--a)); height: calc(28 * var(--a)); fill: none; }
.sfu-form__status { margin-top: calc(14 * var(--a)); font-size: max(15px, calc(24 * var(--a))); font-weight: 600; min-height: 1em; }
.sfu-form__status:empty { display: none; }
.sfu-form__status.ist-fehler { color: #fff; background: var(--rot); padding: 10px 14px; border-radius: 8px; }
.sfu-form__danke { padding: calc(40 * var(--a)) calc(30 * var(--a)); border-radius: calc(13 * var(--a)); background: rgba(16, 38, 58, .8); border: 2px solid #fff; font-size: max(17px, calc(30 * var(--a))); font-weight: 700; line-height: 1.35; text-align: center; }

.sfu-vorteile { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: calc(34 * var(--a)); text-align: center; }
.sfu-vorteile li { display: flex; flex-direction: column; align-items: center; padding: calc(4 * var(--a)) 0; }
.sfu-vorteile li + li { border-left: max(1px, calc(1.5 * var(--a))) solid #fff; }
.sfu-vorteile__icon { width: auto; height: calc(50 * var(--a)); color: #fff; }
.sfu-vorteile span { margin-top: calc(14 * var(--a)); font-size: max(12px, calc(19.5 * var(--a))); font-weight: 700; line-height: 1.32; white-space: nowrap; }

.sfu-slogan--anfrage { position: relative; width: calc(400 * var(--a)); margin: calc(38 * var(--a)) auto 0; padding-left: calc(30 * var(--a)); font-size: calc(35 * var(--a)); font-weight: 400; line-height: 1.12; transform: rotate(-9deg); }
.sfu-slogan--anfrage span:nth-child(2) { padding-left: calc(58 * var(--a)); }
.sfu-slogan--anfrage .sfu-slogan__pinsel { width: calc(250 * var(--a)); margin: calc(-6 * var(--a)) 0 0 calc(110 * var(--a)); transform: rotate(3deg); }

/* ── Seiten ohne Hero, Fuß ────────────────────────────────────────────────── */
.sfu-seite { max-width: 820px; margin: 0 auto; padding: 48px 16px 64px; }
.sfu-seite__titel { font-size: clamp(26px, 6vw, 40px); line-height: 1.15; margin-bottom: 20px; }
.sfu-link { color: var(--blau); font-weight: 700; }
.sfu-fuss { background: var(--blau); color: #fff; text-align: center; padding: 28px 16px 32px; }
.sfu-fuss__marke { color: #fff; font-weight: 800; font-size: 22px; letter-spacing: -0.03em; }
.sfu-fuss__klein { margin-top: 6px; font-size: 15px; }

/* ── Schnellkontakt seitlich (nur unter 1024 px) und Nach-oben-Button (Auftraggeber 21.10.) ── */
.sfu-seite-cta { position: fixed; right: 0; bottom: calc(84px + env(safe-area-inset-bottom, 0px)); z-index: 50; display: flex; flex-direction: column; gap: 6px; transition: transform .35s ease; animation: sfu-reinragen .5s ease-out .6s backwards; }
.sfu-seite-cta.ist-weg { transform: translateX(115%); }
@keyframes sfu-reinragen { from { transform: translateX(115%); } to { transform: none; } }
.sfu-seite-cta__btn { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border: 2px solid #fff; border-right: 0; border-radius: 14px 0 0 14px; color: #fff; box-shadow: -3px 5px 14px rgba(0, 0, 0, .38); transition: width .15s ease; }
.sfu-seite-cta__btn:hover, .sfu-seite-cta__btn:focus-visible { width: 58px; }
.sfu-seite-cta__btn svg { width: 26px; height: 26px; }
.sfu-seite-cta__btn--wa { background: #25d366; }
.sfu-seite-cta__btn--wa svg { width: 29px; height: 29px; }
.sfu-seite-cta__btn--tel { background: var(--rot); }
.sfu-seite-cta__btn--mail { background: var(--blau); }

.sfu-nachoben { position: fixed; right: 14px; bottom: calc(18px + env(safe-area-inset-bottom, 0px)); z-index: 49; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border: 2px solid #fff; border-radius: 50%; background: var(--blau); color: #fff; box-shadow: 0 6px 18px rgba(0, 0, 0, .35); opacity: 0; visibility: hidden; transform: translateY(14px); transition: opacity .25s ease, transform .25s ease, visibility .25s; }
.sfu-nachoben.ist-sichtbar { opacity: 1; visibility: visible; transform: none; }
.sfu-nachoben:hover { background: #003a78; }
.sfu-nachoben svg { width: 26px; height: 26px; }
.menue-offen .sfu-seite-cta, .menue-offen .sfu-nachoben { visibility: hidden; }
@media (prefers-reduced-motion: reduce) {
	.sfu-seite-cta { animation: none; transition: none; }
	.sfu-nachoben { transition: none; }
}

/* ── Desktop ab 1024 px ───────────────────────────────────────────────────── */
@media (min-width: 1024px) {
	:root { --rand: max(24px, calc((100vw - 1240px) / 2 + 24px)); }
	.sfu-kopf { grid-template-columns: auto 1fr auto; grid-template-areas: "logo bew burger" "orte orte orte" "menue menue menue"; --kopf-l: var(--rand); --kopf-r: var(--rand); }
	.sfu-logo { padding: 14px 0 14px var(--kopf-l); }
	.sfu-bewertung { justify-self: end; border-top: 0; padding: 0; }
	.sfu-bewertung__wert { margin-left: 14px; }
	.sfu-orte { padding: 9px 0 9px var(--kopf-l); }
	.sfu-orte__liste { width: var(--h1-breite, calc(679.5 * var(--u))); }
	.sfu-orte li { font-size: 16px; gap: 8px; }
	.sfu-orte__pin { height: 18px; }
	.sfu-seite-cta { display: none; }
	.sfu-nachoben { right: 24px; bottom: 24px; }
	.sfu-burger { margin: 0 var(--kopf-r) 0 40px; }
	.sfu-menue__liste { display: flex; justify-content: flex-end; gap: 8px; padding: 6px 0; }
	.sfu-menue__liste a { padding: 12px 18px; }

	.sfu-hero { min-height: 0; background: linear-gradient(90deg, #06142a 0%, #0a1d38 45%, #0a1d38 100%); }
	.sfu-hero__bild img { position: absolute; top: 0; left: auto; right: 0; width: 60%; height: 100%; object-fit: cover; object-position: 50% 42%; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 28%); mask-image: linear-gradient(90deg, transparent 0, #000 28%); }
	.sfu-hero::after { background: linear-gradient(90deg, rgba(6, 20, 42, .55) 0, rgba(6, 20, 42, 0) 55%); }
	.sfu-hero__inhalt { padding: 56px 24px 64px var(--rand); }
	.sfu-hero__unten { margin-top: 40px; display: grid; grid-template-columns: auto 1fr; column-gap: 24px; align-items: end; width: calc(883 * var(--u)); }
	.sfu-slogan--hero { grid-column: 1; grid-row: 1; margin: 0 0 30px; }
	.sfu-usps { grid-column: 2; grid-row: 1; width: auto; margin: 0; }
	.sfu-preis { grid-column: 1 / -1; grid-row: 2; margin: 32px 0 0; }

	.sfu-anfrage__inhalt { max-width: calc(941 * var(--a)); margin: 0 auto; padding: 72px 0 64px; }
	.sfu-anfrage::after { background: rgba(0, 20, 42, .66); }
}
@media (min-width: 1440px) {
	:root { --u: 0.82px; --a: 0.8px; }
}