/* webvents – Nachbau der alten Onepage-Seite (1:1-Layout, Werte vom Original vermessen).
   Desktop: alle Maße als N × --e  (--e = 1px bei 1440 px Breite, skaliert darunter proportional).
   Handy (< 1024 px): Werte der 390-px-Fassung. */

:root {
  --oliv: #666B4A;
  --oliv-dunkel: #42482D;
  --fuss: #656B4E;
  --beige: #F3F0E8;
  --grau: #F2F2F2;
  --sand: #D4D2BB;
  --tinte: #161414;
  --schwarz: #010101;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --e: calc(min(100vw, 1440px) / 1440);
  --schatten-knopf: 0 .5px 1.1px rgba(102,107,74,.12), 0 1.3px 2.8px rgba(102,107,74,.17), 0 2.7px 5.5px rgba(102,107,74,.21), 0 5.5px 11.4px rgba(102,107,74,.26), 0 15px 31px rgba(102,107,74,.38);
  --nav-h: calc(93 * var(--e));
}
*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: auto; }
body { margin: 0; background: #fff; color: var(--tinte); font: 400 16px/1.5 "Instrument Sans", -apple-system, system-ui, sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img, svg, video { display: block; max-width: 100%; }
img { height: auto; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
h1, h2, h3, h4, p, ul, figure { margin: 0; }
ul { padding: 0; list-style: none; }
em { font-style: normal; color: var(--oliv); }
b, strong { font-weight: 700; }
:focus-visible { outline: 2px solid var(--oliv); outline-offset: 3px; border-radius: 4px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip { position: fixed; left: 16px; top: -60px; z-index: 300; background: var(--oliv); color: #fff; padding: 10px 16px; border-radius: 4px; font-weight: 600; transition: top .2s; }
.skip:focus { top: 16px; }
.nur-mobil { display: none; }

.wrap { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 calc(32 * var(--e)); }

/* ---------- Überschriften ---------- */
.h2, .h3 { font-weight: 600; letter-spacing: -.4px; color: var(--tinte); }
.h2 { font-size: calc(48 * var(--e)); line-height: 1.181; }
.h3 { font-size: calc(32 * var(--e)); line-height: 1.2; }

/* ---------- Knöpfe ---------- */
.btn { position: relative; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; min-height: calc(56 * var(--e)); padding: 0 calc(28 * var(--e)); background: var(--oliv); color: #fff; border-radius: 4px; font-size: max(13px, calc(15 * var(--e))); font-weight: 600; letter-spacing: -.4px; line-height: 1.2; text-align: center; box-shadow: var(--schatten-knopf); transition: transform .35s var(--ease), box-shadow .35s var(--ease), background .3s; isolation: isolate; overflow: hidden; }
.btn::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,.22) 50%, transparent 70%); transform: translateX(-120%); transition: transform .8s var(--ease); }
.btn:hover { transform: translateY(-2px); box-shadow: var(--schatten-knopf), 0 18px 36px rgba(102,107,74,.25); }
.btn:hover::after { transform: translateX(120%); }
.btn:active { transform: translateY(0) scale(.98); }
.btn--gross { min-width: calc(210 * var(--e)); }
.btn--breit { display: flex; width: 100%; border-radius: 8px; }

/* ---------- Kopfzeile ---------- */
.nav { position: sticky; top: 0; z-index: 100; background: var(--beige); box-shadow: 0 4px 32px rgba(17,17,26,.05), 0 8px 48px rgba(17,17,26,.05); transition: transform .5s var(--ease); }
.nav.weg { transform: translateY(-100%); }
.nav__in { display: flex; align-items: center; height: var(--nav-h); max-width: 1440px; margin: 0 auto; padding: 0 calc(167 * var(--e)) 0 calc(82 * var(--e)); }
.nav__logo { display: block; flex: none; transition: transform .4s var(--ease); }
.nav__logo:hover { transform: scale(1.06) rotate(-2deg); }
.nav__logo-dunkel { width: calc(80 * var(--e)); height: auto; }
.nav__logo-hell { display: none; }
.nav__menu { display: flex; gap: calc(91 * var(--e)); margin-left: calc(97 * var(--e)); }
.nav__menu a { position: relative; font-size: max(13px, calc(15.2 * var(--e))); line-height: 1.5; color: #000; white-space: nowrap; }
.nav__menu a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -4px; height: 2px; background: var(--oliv); border-radius: 2px; transform: scaleX(0); transform-origin: left; transition: transform .35s var(--ease); }
.nav__menu a:hover::after, .nav__menu a.aktiv::after { transform: scaleX(1); }
.nav__insta { display: flex; align-items: center; gap: calc(11 * var(--e)); margin-left: auto; font-size: max(13px, calc(15 * var(--e))); color: #000; transition: color .3s; }
.nav__insta svg { width: calc(21 * var(--e)); height: calc(21 * var(--e)); fill: currentColor; transition: transform .4s var(--ease); }
.nav__insta:hover { color: var(--oliv); }
.nav__insta:hover svg { transform: rotate(-8deg) scale(1.08); }
.nav__burger { display: none; position: relative; width: 44px; height: 44px; margin-left: auto; margin-right: -13px; }
.nav__burger span { position: absolute; right: 13px; height: 2px; border-radius: 2px; background: #000; transition: transform .35s var(--ease), top .35s var(--ease), width .35s var(--ease), opacity .2s; }
.nav__burger span:nth-child(1) { top: 15px; width: 18px; }
.nav__burger span:nth-child(2) { top: 21px; width: 12px; }
.nav__burger span:nth-child(3) { top: 27px; width: 18px; }
.nav__burger[aria-expanded="true"] span:nth-child(1) { top: 21px; transform: rotate(45deg); }
.nav__burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.nav__burger[aria-expanded="true"] span:nth-child(3) { top: 21px; transform: rotate(-45deg); }

.mobilmenue { position: fixed; inset: 0; z-index: 90; display: flex; flex-direction: column; justify-content: center; gap: 28px; padding: 90px 24px 40px; background: var(--beige); opacity: 0; transition: opacity .35s var(--ease); }
.mobilmenue.offen { opacity: 1; }
.mobilmenue nav { display: grid; gap: 4px; }
.mobilmenue nav a { font-size: 30px; font-weight: 600; letter-spacing: -.4px; padding: 6px 0; color: var(--tinte); opacity: 0; transform: translateY(14px); transition: opacity .45s var(--ease), transform .45s var(--ease), color .2s; }
.mobilmenue nav a:active { color: var(--oliv); }
.mobilmenue.offen nav a { opacity: 1; transform: none; }
.mobilmenue .btn { align-self: flex-start; min-height: 48px; padding: 0 24px; font-size: 14px; }
.mobilmenue__mail { font-size: 15px; color: var(--oliv); font-weight: 600; }

/* ---------- 01 Deckblatt ---------- */
.hero { position: relative; display: flex; align-items: center; min-height: calc(776 * var(--e)); overflow: hidden; }
.hero__bild { position: absolute; inset: 0; z-index: -1; }
.hero__bild img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.06); transition: transform 2.4s var(--ease); }
.hero.da .hero__bild img { transform: none; }
.hero__text { position: relative; }
.hero__text > * { max-width: calc(658 * var(--e)); }
.hero__dach { font-size: max(13px, calc(16 * var(--e))); line-height: 1.5; color: var(--tinte); margin-bottom: calc(-2 * var(--e)); }
.hero__titel { font-weight: 600; letter-spacing: -.4px; color: #000; }
.hero__gross { display: block; font-size: calc(64 * var(--e)); line-height: 1.1616; }
.hero__gross em { font-weight: 700; }
.hero__klein { display: block; margin-top: calc(7 * var(--e)); font-size: calc(32 * var(--e)); line-height: 1.2; }
.hero__lead { max-width: calc(536 * var(--e)) !important; margin-top: calc(43 * var(--e)); font-size: max(14px, calc(18 * var(--e))); line-height: 1.5; color: var(--tinte); }
.hero__knopf { margin-top: calc(30 * var(--e)); }
.hero__usp { display: flex; gap: calc(33 * var(--e)); margin-top: calc(35 * var(--e)); }
.hero__usp li { display: flex; align-items: center; gap: calc(11 * var(--e)); font-size: max(12px, calc(15.2 * var(--e))); line-height: 1.5; color: var(--tinte); }
.hero__usp svg { width: calc(17 * var(--e)); height: calc(17 * var(--e)); fill: var(--tinte); flex: none; }

/* ---------- 02 Vorteile ---------- */
.vorteile { padding: calc(69 * var(--e)) 0 calc(56 * var(--e)); }
.vorteile__raster { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(32 * var(--e)); padding: 0 calc(48 * var(--e)); }
.vorteile__spalte { display: flex; flex-direction: column; gap: calc(32 * var(--e)); }
.vk { position: relative; display: flex; flex-direction: column; padding: calc(48 * var(--e)); border-radius: calc(24 * var(--e)); background: var(--oliv); color: #fff; overflow: hidden; transition: transform .5s var(--ease), box-shadow .5s var(--ease); }
.vk:not(.vk--intro):hover { transform: translateY(-6px); box-shadow: 0 24px 48px -18px rgba(66,72,45,.55); }
.vk__titel { font-size: calc(32 * var(--e)); line-height: 1.2; font-weight: 600; letter-spacing: -.4px; }
.vk p { font-size: max(13px, calc(16 * var(--e))); line-height: 1.5; margin-top: calc(20 * var(--e)); }
.vk__bild img { transition: transform .9s var(--ease); }
.vk:hover .vk__bild img { transform: scale(1.04); }
.vk--intro { height: calc(436 * var(--e)); background: var(--beige); color: #010101; }
.vk--intro .vk__titel em { color: #666B4B; }
.vk--intro p { font-size: max(13px, calc(17 * var(--e))); }
.vk--chaos { height: calc(592 * var(--e)); background: #616346; }
.vk--chaos .vk__bild img { width: 100%; height: calc(288 * var(--e)); object-fit: cover; }
.vk--chaos .vk__titel { margin-top: calc(19 * var(--e)); }
.vk--ablauf { height: calc(566 * var(--e)); background: #666B4A; }
.vk--ablauf .vk__bild, .vk--fragen .vk__bild, .vk--flexibel .vk__bild { position: relative; overflow: hidden; }
.vk--ablauf .vk__bild img, .vk--fragen .vk__bild img, .vk--flexibel .vk__bild img { position: absolute; max-width: none; height: auto; }
.vk--ablauf .vk__bild { height: calc(324 * var(--e)); }
.vk--ablauf .vk__bild img { width: 127.2%; left: -13.75%; top: -15.1%; }
.vk--ablauf .vk__titel { margin-top: calc(20 * var(--e)); }
.vk--fragen { height: calc(456 * var(--e)); background: #656A4C; }
.vk--fragen .vk__bild { height: calc(165 * var(--e)); }
.vk--fragen .vk__bild img { width: 64.95%; left: 17.4%; top: -15.2%; }
.vk--fragen .vk__titel { margin-top: calc(21 * var(--e)); }
.vk--budget { height: calc(508 * var(--e)); background: #656848; }
.vk--budget .vk__bild img { width: 100%; height: calc(182 * var(--e)); object-fit: cover; }
.vk--budget .vk__titel { margin-top: calc(20 * var(--e)); }
.vk--flexibel { height: calc(516 * var(--e)); background: #636546; }
.vk--flexibel .vk__bild { height: calc(212 * var(--e)); }
.vk--flexibel .vk__bild img { width: 94.4%; left: 2.96%; top: -4.7%; }
.vk--flexibel .vk__titel { margin-top: calc(20 * var(--e)); }
.vk--chaos p, .vk--ablauf p, .vk--fragen p, .vk--budget p, .vk--flexibel p { margin-top: calc(20 * var(--e)); }

/* ---------- 03 Prozess: gestapelte Karten ---------- */
.prozess { padding: calc(97 * var(--e)) 0 calc(60 * var(--e)); }
.prozess__stapel { position: relative; }
.pz-reihe { position: sticky; top: calc(48 * var(--e)); display: grid; grid-template-columns: calc(626 * var(--e)) calc(676 * var(--e)); column-gap: calc(74 * var(--e)); align-items: start; }
.pz-reihe .pk { grid-column: 2; }
.pz-reihe--1 { z-index: 1; padding-bottom: calc(24 * var(--e)); }
.pz-reihe--2 { z-index: 2; padding-bottom: calc(24 * var(--e)); }
.pz-reihe--3 { z-index: 3; padding-bottom: calc(93 * var(--e)); }
.pz-reihe--4 { z-index: 4; padding-bottom: calc(86 * var(--e)); }
.prozess__kopf { grid-column: 1; padding-top: calc(58 * var(--e)); }
.prozess__kopf p { margin-top: calc(20 * var(--e)); max-width: calc(479 * var(--e)); font-size: max(13px, calc(16 * var(--e))); line-height: 1.5; }
.btn--angebot { margin-top: calc(51 * var(--e)); min-height: calc(56 * var(--e)); min-width: calc(264 * var(--e)); padding: 0 calc(24 * var(--e)); gap: calc(2 * var(--e)); animation: puls 3.2s var(--ease) infinite; }
.btn__t { font-size: max(12px, calc(14 * var(--e))); font-weight: 600; letter-spacing: 0; }
.btn__s { font-size: max(10px, calc(11.2 * var(--e))); font-weight: 400; letter-spacing: .5px; color: rgba(255,255,255,.9); }
@keyframes puls { 0%, 100% { box-shadow: var(--schatten-knopf), 0 0 0 0 rgba(102,107,74,.28); } 50% { box-shadow: var(--schatten-knopf), 0 0 0 calc(12 * var(--e)) rgba(102,107,74,0); } }
.pk { position: relative; background: var(--beige); border-radius: calc(24 * var(--e)); overflow: hidden; }
.pk__bild { position: relative; overflow: hidden; }
.pk__bild img { position: absolute; max-width: none; height: auto; }
.pk--1 .pk__bild { aspect-ratio: 676 / 534; }
.pk--1 .pk__bild img { width: 139.94%; left: -18.05%; top: 0; }
.pk--2 .pk__bild { aspect-ratio: 676 / 487; }
.pk--2 .pk__bild img { width: 130.03%; left: -17.46%; top: -.36%; }
.pk--3 .pk__bild { aspect-ratio: 676 / 480; }
.pk--3 .pk__bild img { width: 130.03%; left: -14.94%; bottom: 0; }
.pk--4 .pk__bild { aspect-ratio: 676 / 453; }
.pk--4 .pk__bild img { width: 119.97%; left: -10.06%; top: 0; }
.pk__text { padding: calc(20 * var(--e)) calc(48 * var(--e)) calc(58 * var(--e)); }
.pk--1 .pk__text { padding-bottom: calc(49 * var(--e)); }
.pk--3 .pk__text { padding-top: calc(36 * var(--e)); padding-bottom: calc(56 * var(--e)); }
.pk--4 .pk__text { padding-top: calc(43 * var(--e)); padding-bottom: calc(68 * var(--e)); }
.pk__marke { display: inline-block; padding: calc(6 * var(--e)) calc(12 * var(--e)); background: var(--oliv); color: #fff; border-radius: 4px; font-size: max(11px, calc(14 * var(--e))); line-height: calc(20 * var(--e)); letter-spacing: .5px; text-transform: uppercase; }
.pk__titel { margin-top: calc(26 * var(--e)); max-width: calc(580 * var(--e)); font-size: calc(32 * var(--e)); line-height: 1.2; font-weight: 600; letter-spacing: -.4px; color: #010101; }
.pk__text p { margin-top: calc(16 * var(--e)); max-width: calc(520 * var(--e)); font-size: max(13px, calc(16 * var(--e))); line-height: 1.5; color: #010101; }
.pk--1 .pk__titel { margin-top: calc(17 * var(--e)); }
.pk--1 .pk__text p { margin-top: calc(8 * var(--e)); }
.pk--3 .pk__text p, .pk--4 .pk__text p { margin-top: calc(20 * var(--e)); }
.pk--3 .pk__titel, .pk--4 .pk__titel { margin-top: calc(29 * var(--e)); }
.pk__link { position: relative; display: inline-block; margin-top: calc(19 * var(--e)); padding: calc(4 * var(--e)) 0; font-size: max(13px, calc(15 * var(--e))); font-weight: 600; color: #010101; }
.pk--1 .pk__link { margin-top: calc(10 * var(--e)); font-size: max(14px, calc(17 * var(--e))); }
.pk__link::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: currentColor; opacity: .35; transform-origin: right; transition: transform .45s var(--ease), opacity .3s; }
.pk__link:hover::after { opacity: 1; animation: strich .6s var(--ease); }
@keyframes strich { 0% { transform: scaleX(1); transform-origin: right; } 49% { transform: scaleX(0); transform-origin: right; } 50% { transform: scaleX(0); transform-origin: left; } 100% { transform: scaleX(1); transform-origin: left; } }
.vergleichsbild { position: relative; z-index: 5; aspect-ratio: 1376 / 688; border-radius: calc(24 * var(--e)); background: var(--grau); overflow: hidden; }
.vergleichsbild img { position: absolute; max-width: none; width: 107.6%; left: -3.83%; top: -7.56%; }

/* ---------- 04 Countdown ---------- */
.zeit { padding: calc(38 * var(--e)) 0 calc(107 * var(--e)); }
.zeit__raster { display: grid; grid-template-columns: 1fr 1fr; gap: calc(56 * var(--e)); align-items: start; }
.zeit__links { padding-top: calc(51 * var(--e)); }
.zeit__frage { font-size: calc(24 * var(--e)); line-height: 1.21; font-weight: 600; letter-spacing: -.4px; color: #010101; }
.zeit__links .h3 { margin-top: calc(20 * var(--e)); max-width: calc(528 * var(--e)); color: #010101; }
.hakenliste { display: grid; gap: calc(17.2 * var(--e)); margin-top: calc(40 * var(--e)); }
.hakenliste li { position: relative; padding-left: calc(35 * var(--e)); font-size: max(13px, calc(15.2 * var(--e))); line-height: 1.5; color: #010101; }
.hakenliste li::before { content: ""; position: absolute; left: 0; top: 50%; width: calc(18 * var(--e)); height: calc(18 * var(--e)); margin-top: calc(-9 * var(--e)); border-radius: 4px; background: var(--oliv) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpolyline points='4 11 8 15 16 5' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 64% no-repeat; }
.zeit__box { padding: calc(40 * var(--e)); border-radius: calc(16 * var(--e)); background: rgba(230,230,230,.47); text-align: center; }
.zeit__tag { font-size: max(13px, calc(16 * var(--e))); line-height: 1.5; color: rgba(1,1,1,.5); }
.zeit__titel { margin: calc(20 * var(--e)) auto 0; max-width: calc(467 * var(--e)); font-size: calc(24 * var(--e)); line-height: 1.21; font-weight: 600; letter-spacing: -.4px; color: #010101; }
.uhr { display: flex; justify-content: center; align-items: flex-start; gap: calc(14 * var(--e)); margin-top: calc(48 * var(--e)); }
.uhr__feld { display: flex; flex-direction: column; align-items: center; min-width: calc(52 * var(--e)); }
.uhr__feld b { font-size: calc(32 * var(--e)); line-height: 1; font-weight: 600; letter-spacing: -.4px; color: #010101; font-variant-numeric: tabular-nums; }
.uhr__feld b.tick { animation: tick .45s var(--ease); }
@keyframes tick { from { transform: translateY(-30%); opacity: .2; } to { transform: none; opacity: 1; } }
.uhr__feld span { margin-top: 0; font-size: max(10px, calc(12 * var(--e))); line-height: 1.5; letter-spacing: -.4px; opacity: .8; color: #010101; }
.uhr i { font-style: normal; font-size: calc(28 * var(--e)); line-height: 1; font-weight: 600; color: #010101; }
.zeit__box .btn--breit { margin-top: calc(39 * var(--e)); min-height: calc(56 * var(--e)); }
.zeit__fuss { margin-top: calc(37 * var(--e)); font-size: max(13px, calc(16 * var(--e))); line-height: 1.5; color: rgba(1,1,1,.67); }

/* ---------- 05 Wann sinnvoll ---------- */
.sinn { padding: calc(29 * var(--e)) 0 calc(38 * var(--e)); background: var(--beige); }
.sinn__box { padding: calc(40 * var(--e)); border-radius: calc(16 * var(--e)); background: radial-gradient(circle at 0% 0%, #fff 0%, rgba(255,255,255,0) 70%), radial-gradient(circle at 100% 94%, #F3F0E8 0%, rgba(243,240,232,0) 70%), #F7F5F0; }
.sinn__logo { width: calc(105 * var(--e)); height: auto; }
.sinn__titel { margin-top: calc(32 * var(--e)); max-width: calc(420 * var(--e)); color: #010101; }
.sinn__titel b { font-weight: 600; }
.sinn__linie { height: 1px; margin-top: calc(23 * var(--e)); background: rgba(22,20,20,.55); transform-origin: left; }
.js .sinn__linie { transform: scaleX(0); transition: transform 1.4s var(--ease) .2s; }
.js .sinn__linie.in { transform: none; }
.sinn__spalten { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(40 * var(--e)); margin-top: calc(58 * var(--e)); }
.sinn__spalten h3 { font-size: calc(32 * var(--e)); line-height: 1.2; font-weight: 600; letter-spacing: -.4px; color: #010101; }
.sinn__spalten p { margin-top: calc(20 * var(--e)); font-size: max(13px, calc(18 * var(--e))); line-height: 1.5; color: #010101; }

/* ---------- 06 Pakete ---------- */
.pakete { padding: calc(80 * var(--e)) 0 calc(77 * var(--e)); }
.pakete__kopf { display: flex; justify-content: space-between; align-items: flex-start; }
.pakete__lead { margin-top: calc(18 * var(--e)); font-size: max(13px, calc(16 * var(--e))); line-height: 1.5; color: rgba(22,20,20,.79); }
.pakete__ziel { font-size: calc(20 * var(--e)); line-height: 1.21; font-weight: 600; letter-spacing: -.4px; text-align: right; }
.unterstrich { position: relative; display: inline; }
.pakete__raster { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(16 * var(--e)); margin-top: calc(60 * var(--e)); align-items: stretch; }
.paket { position: relative; display: flex; flex-direction: column; padding: calc(76 * var(--e)) calc(32 * var(--e)) calc(33 * var(--e)); border-radius: calc(16 * var(--e)); background: var(--grau); color: var(--tinte); transition: transform .5s var(--ease), box-shadow .5s var(--ease); }
.paket:hover { transform: translateY(-6px); box-shadow: 0 30px 60px -30px rgba(22,20,20,.35); }
.paket__marke { align-self: flex-start; margin: calc(-44 * var(--e)) 0 calc(19 * var(--e)); padding: calc(4 * var(--e)) calc(12 * var(--e)); border-radius: 4px; background: var(--beige); color: var(--oliv); font-size: max(10px, calc(12 * var(--e))); line-height: calc(20 * var(--e)); letter-spacing: .5px; text-transform: uppercase; }
.paket__name { font-size: calc(32 * var(--e)); line-height: 1.2; font-weight: 600; letter-spacing: -.4px; }
.paket__preis { margin-top: calc(20 * var(--e)); font-size: calc(48 * var(--e)); line-height: 1.181; font-weight: 600; letter-spacing: -.4px; }
.paket__text { margin-top: calc(10 * var(--e)); max-width: calc(378 * var(--e)); font-size: max(12px, calc(14 * var(--e))); line-height: 1.5; color: rgba(22,20,20,.53); min-height: calc(42 * var(--e)); }
.paket__liste { display: grid; gap: calc(17.2 * var(--e)); margin-top: calc(35 * var(--e)); }
.paket__liste li { position: relative; padding-left: calc(29 * var(--e)); font-size: max(12px, calc(15.2 * var(--e))); line-height: 1.5; color: rgba(22,20,20,.79); }
.paket__liste li::before { content: ""; position: absolute; left: calc(1 * var(--e)); top: calc(3 * var(--e)); width: calc(17 * var(--e)); height: calc(17 * var(--e)); background: currentColor; -webkit-mask: var(--icon) center / contain no-repeat; mask: var(--icon) center / contain no-repeat; }
.paket__liste li.ja { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpolyline points='4 11 8 15 16 5' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.paket__liste li.nein { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cline x1='5.05' y1='14.95' x2='14.95' y2='5.05' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E"); }
.paket__liste li.ja::before { color: var(--tinte); }
.paket__liste li.nein::before { color: var(--tinte); }
.btn--paket { margin-top: auto; width: 100%; min-height: calc(56 * var(--e)); border-radius: 8px; }
.paket--exklusiv { padding-top: calc(32 * var(--e)); padding-bottom: calc(83 * var(--e)); background: var(--oliv); color: #fff; }
.paket--exklusiv .paket__marke { margin-top: 0; }
.paket--exklusiv .paket__name { margin-top: 0; font-size: calc(39 * var(--e)); line-height: 1.2; font-weight: 700; }
.paket--exklusiv .paket__text { max-width: none; color: rgba(255,255,255,.52); min-height: 0; }
.paket--exklusiv .paket__liste { margin-top: calc(31 * var(--e)); margin-bottom: calc(62 * var(--e)); }
.paket--exklusiv .paket__liste li { color: rgba(255,255,255,.79); }
.paket--exklusiv .paket__liste li::before { color: #fff; }
.paket--exklusiv .btn--paket { background: var(--sand); color: #010101; box-shadow: 0 .5px 1.1px rgba(212,210,187,.12), 0 1.3px 2.8px rgba(212,210,187,.17), 0 2.7px 5.5px rgba(212,210,187,.21), 0 5.5px 11.4px rgba(212,210,187,.26), 0 15px 31px rgba(212,210,187,.38); }
.paket--exklusiv:hover { box-shadow: 0 30px 60px -28px rgba(66,72,45,.7); }

/* ---------- 07 Über uns ---------- */
.ueber { padding: calc(37 * var(--e)) 0 calc(55 * var(--e)); background: var(--beige); overflow: hidden; }
.ueber__raster { position: relative; display: grid; grid-template-columns: calc(670 * var(--e)) 1fr; padding-left: calc(95 * var(--e)); }
.ueber__karte { position: relative; z-index: 1; height: calc(666 * var(--e)); padding: calc(74 * var(--e)); border-radius: calc(16 * var(--e)); background: #fff; color: #010101; }
.ueber__rolle { margin-top: calc(2 * var(--e)); font-size: max(13px, calc(16 * var(--e))); line-height: 1.5; color: var(--oliv); }
.ueber__text { margin-top: calc(51 * var(--e)); max-width: calc(522 * var(--e)); font-size: max(14px, calc(18 * var(--e))); line-height: 1.5; }
.ueber__leise { margin-top: calc(31 * var(--e)); max-width: calc(522 * var(--e)); font-size: max(13px, calc(16 * var(--e))); line-height: 1.5; color: rgba(1,1,1,.51); }
.ueber__unterschrift { width: calc(417 * var(--e)); margin-top: calc(42 * var(--e)); }
.ueber__foto { position: absolute; top: 0; left: calc(749 * var(--e)); width: calc(564 * var(--e)); height: calc(666 * var(--e)); overflow: hidden; }
.ueber__foto img { position: absolute; max-width: none; width: 105.57%; left: -2.7%; top: -9.9%; }

/* ---------- 08 FAQ ---------- */
.faq { padding: calc(81 * var(--e)) 0 calc(91 * var(--e)); }
.faq__kopf { display: flex; flex-direction: column; align-items: center; text-align: center; }
.pille { display: inline-block; padding: calc(4 * var(--e)) calc(12 * var(--e)); border-radius: 4px; background: var(--grau); font-size: max(10px, calc(12 * var(--e))); line-height: 1.4; letter-spacing: .5px; text-transform: uppercase; color: var(--tinte); }
.faq__kopf .h2 { margin-top: calc(19 * var(--e)); }
.faq__kopf p { margin-top: calc(30 * var(--e)); max-width: calc(612 * var(--e)); font-size: max(14px, calc(18 * var(--e))); line-height: 1.5; }
.faq__liste { display: grid; gap: calc(24 * var(--e)); margin-top: calc(60 * var(--e)); }
.frage { border-radius: 8px; background: var(--grau); transition: background .3s; }
.frage:hover { background: #ECECEC; }
.frage summary { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: calc(32 * var(--e)) calc(36 * var(--e)) calc(32 * var(--e)) calc(32 * var(--e)); font-size: calc(20 * var(--e)); line-height: 1.21; font-weight: 600; letter-spacing: -.4px; color: var(--tinte); cursor: pointer; list-style: none; }
.frage summary::-webkit-details-marker { display: none; }
.frage__pfeil { flex: none; width: calc(18 * var(--e)); height: calc(18 * var(--e)); background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cline x1='8.5' y1='0.5' x2='8.5' y2='15.5' fill='none' stroke='%23161414' stroke-linecap='round'/%3E%3Cpolyline points='3.5,10.5 8.5,15.5 13.5,10.5' fill='none' stroke='%23161414' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); transition: transform .45s var(--ease); }
.frage[open] .frage__pfeil { transform: rotate(180deg); }
.frage__antwort { overflow: hidden; margin-top: calc(-24 * var(--e)); }
.frage__antwort p { padding: 0 calc(64 * var(--e)) calc(32 * var(--e)) calc(32 * var(--e)); font-size: max(14px, calc(16 * var(--e))); line-height: 1.5; color: var(--tinte); }

/* ---------- Fußzeile ---------- */
.fuss { background: var(--fuss); color: #fff; }
.fuss__in { display: grid; grid-template-columns: calc(325 * var(--e)) calc(312 * var(--e)) calc(337 * var(--e)) 1fr; align-items: start; max-width: 1440px; min-height: calc(278 * var(--e)); margin: 0 auto; padding: calc(46 * var(--e)) calc(32 * var(--e)) calc(40 * var(--e)) calc(95 * var(--e)); }
.fuss__logo img { width: calc(198 * var(--e)); transition: transform .5s var(--ease); }
.fuss__logo:hover img { transform: translateY(-3px); }
.fuss__spalte { display: grid; gap: calc(24.5 * var(--e)); justify-items: start; }
.fuss__spalte a, .fuss__titel { font-size: max(13px, calc(16.8 * var(--e))); line-height: 1.2; font-weight: 600; letter-spacing: -.4px; color: #fff; }
.fuss__spalte a { position: relative; transition: opacity .25s; }
.fuss__spalte a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform .35s var(--ease); }
.fuss__spalte a:hover::after { transform: scaleX(1); }
.fuss__spalte--recht { padding-left: calc(12 * var(--e)); }
.fuss__titel { font-size: calc(20 * var(--e)); }
.fuss__mail { display: inline-flex; align-items: center; gap: calc(12 * var(--e)); margin-top: calc(31 * var(--e)); font-size: max(13px, calc(15 * var(--e))); font-weight: 600; letter-spacing: -.4px; }
.fuss__mail svg { width: calc(21 * var(--e)); height: calc(21 * var(--e)); fill: #fff; transition: transform .4s var(--ease); }
.fuss__mail:hover svg { transform: translateY(-2px) rotate(-6deg); }

/* ---------- Rechtstexte (Impressum, Datenschutz & AGB) ---------- */
.seite-recht { background: #fff; }
.seite-recht .nav { position: fixed; top: calc(32 * var(--e)); left: 50%; width: calc(1101 * var(--e)); transform: translateX(-50%); border-radius: 8px; background: rgba(66,72,45,.92); -webkit-backdrop-filter: blur(14px) saturate(1.3); backdrop-filter: blur(14px) saturate(1.3); box-shadow: 0 8px 56px rgba(17,17,26,.1), 0 32px 140px rgba(17,17,26,.1); }
.seite-recht .nav.weg { transform: translate(-50%, calc(-100% - 40px)); }
.seite-recht .nav__in { height: calc(64 * var(--e)); padding: 0 calc(38 * var(--e)); }
.seite-recht .nav__logo-dunkel { display: none; }
.seite-recht .nav__logo-hell { display: block; width: calc(53 * var(--e)); height: auto; }
.seite-recht .nav__menu { gap: calc(48 * var(--e)); margin-left: calc(147 * var(--e)); }
.seite-recht .nav__menu a { color: #fff; font-weight: 600; }
.seite-recht .nav__menu a::after { background: #fff; }
.seite-recht .nav__insta { color: #fff; font-size: max(12px, calc(14 * var(--e))); }
.seite-recht .nav__insta:hover { color: var(--sand); }
.seite-recht .nav__burger span { background: #fff; }
.recht { padding: calc(120 * var(--e)) 0 calc(100 * var(--e)); }
.recht__text { max-width: calc(677 * var(--e) + 2 * 95 * var(--e)); padding: 0 calc(95 * var(--e)); font-size: 14px; line-height: 1.5; color: var(--tinte); }
.recht__text h1 { font-size: max(28px, calc(32 * var(--e))); line-height: 1.2; font-weight: 600; letter-spacing: -.4px; margin-bottom: calc(20 * var(--e)); }
.recht__text h1:not(:first-child) { margin-top: 48px; }
.recht__text h2 { margin: 26px 0 0; font-size: 16px; line-height: 1.4; font-weight: 700; }
.recht__text h3 { margin: 21px 0 0; font-size: 14px; line-height: 1.5; font-weight: 700; }
.recht__text h2 + h3, .recht__text h3 + h3 { margin-top: 0; }
.recht__text p { margin: 0; }
.recht__text h3 + p, .recht__text h2 + p { margin-top: 0; }
.recht__text p + p { margin-top: 21px; }
.recht__text a { color: var(--oliv); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; overflow-wrap: anywhere; }
.recht__text a:hover { color: var(--tinte); }
.recht__unter { margin-top: 12px !important; }

/* ---------- 404 ---------- */
.fehler { display: flex; align-items: center; min-height: calc(100vh - var(--nav-h)); padding: 80px 0; background: var(--beige); text-align: center; }
.fehler__in { display: flex; flex-direction: column; align-items: center; gap: 22px; }
.fehler .h2 { max-width: 760px; }
.fehler p { max-width: 520px; font-size: 18px; line-height: 1.5; }

/* ---------- Einblendungen ---------- */
.js [data-reveal] { opacity: 0; transform: translateY(34px); filter: blur(6px); transition: opacity .9s var(--ease) var(--d, 0s), transform 1.1s var(--ease) var(--d, 0s), filter .9s var(--ease) var(--d, 0s); }
.js [data-reveal].in { opacity: 1; transform: none; filter: none; }
.js .vk[data-reveal], .js .paket[data-reveal], .js .frage[data-reveal] { transition-property: opacity, transform, filter, box-shadow, background; }
.js .vk[data-reveal].in:hover, .js .paket[data-reveal].in:hover { transform: translateY(-6px); transition-delay: 0s; }
.js .vergleichsbild[data-reveal] { transform: translateY(40px) scale(.97); }
.js .vergleichsbild[data-reveal].in { transform: none; }
.wort { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .08em; margin-bottom: -.08em; }
.wort > span { display: inline-block; transform: translateY(105%); transition: transform 1s var(--ease); transition-delay: calc(var(--w, 0) * 45ms); }
.split-in .wort > span { transform: none; }

/* ======================================================================
   Handy & Tablet (< 1024 px) – Werte der 390-px-Fassung
   ====================================================================== */
@media (max-width: 1023px) {
  :root { --nav-h: 54px; }
  .nur-desktop { display: none !important; }
  .nur-mobil { display: inline; }
  .wrap { padding: 0 24px; max-width: 600px; }
  .h2, .h3 { font-size: 24px; line-height: 1.21; }

  .nav__in { height: 54px; padding: 0 24px; }
  .nav__logo-dunkel { width: 40px; }
  .nav__menu, .nav__insta { display: none; }
  .nav__burger { display: block; }

  .btn { min-height: 48px; padding: 0 24px; font-size: 14px; }

  /* Deckblatt */
  .hero { display: block; min-height: 0; padding-top: 15px; }
  .hero__text { display: contents; }
  .hero { display: flex; flex-direction: column; align-items: stretch; }
  .hero__text > * { max-width: none; }
  .hero__dach, .hero__usp { display: none !important; }
  .hero__titel { order: 1; padding: 0 24px; text-align: center; }
  .hero__gross { font-size: 24px; line-height: 1.21; }
  .hero__klein { margin-top: 5px; font-size: 17.6px; line-height: 1.216; }
  .hero__bild { position: relative; inset: auto; z-index: 0; order: 2; margin-top: 6px; height: clamp(400px, 70vw, 560px); }
  .hero__bild img { transform: none; }
  .hero__lead { order: 3; max-width: none !important; margin: 0 auto; padding: 0 24px; width: 100%; max-width: 600px !important; font-size: 12px; line-height: 1.5; text-align: center; }
  .hero__knopf { order: 4; margin: 17px auto 0; }
  .hero__knopf .btn { min-width: 191px; }

  /* Vorteile */
  .vorteile { padding: 53px 0 36px; }
  .vorteile__raster { display: flex; flex-direction: column; gap: 32px; padding: 0 40px; max-width: 600px; }
  .vorteile__spalte { display: contents; }
  .vk { display: grid; grid-template-areas: "bild" "text"; height: auto !important; padding: 0 24px 24px; border-radius: 24px; }
  .vk__titel { font-size: 24px; line-height: 1.21; }
  .vk p { grid-area: text; font-size: 16px; margin-top: 0 !important; }
  .vk .vk__bild { grid-area: bild; position: relative; margin: 0 -24px !important; height: auto !important; aspect-ratio: 310 / 239; overflow: hidden; }
  .vk .vk__bild::after { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,var(--abdunkeln, .23)); }
  .vk .vk__bild img { position: static !important; width: 100% !important; height: 100% !important; object-fit: cover !important; }
  .vk .vk__titel { grid-area: bild; align-self: end; position: relative; z-index: 1; margin: 0 0 24px !important; }
  .vk--ablauf { background: #4F513A; } .vk--budget { background: #4F513A; }
  .vk--chaos { background: #4A4C34; --abdunkeln: .27; } .vk--fragen { background: #474B37; --abdunkeln: .3; } .vk--flexibel { background: #474B32; --abdunkeln: .29; }
  .vk--intro { display: block; order: 0; margin: 0 -16px; padding: 0; background: none; text-align: center; color: var(--tinte); }
  .vk--intro .vk__titel { margin: 0 !important; }
  .vk--intro p { font-size: 12px; line-height: 1.5; margin-top: 12px !important; }
  .vk--ablauf { order: 1; } .vk--budget { order: 2; } .vk--chaos { order: 3; } .vk--fragen { order: 4; } .vk--flexibel { order: 5; }
  .vk--intro { margin-bottom: -13px; }

  /* Prozess */
  .prozess { padding: 68px 0 0; background: var(--beige); }
  .pz-reihe { display: block; top: 48px; }
  .prozess__kopf { padding: 0 0 24px; text-align: center; }
  .prozess__kopf p { margin: 11px auto 0; max-width: none; font-size: 12px; }
  .btn--angebot { display: none; }
  .pz-reihe--1, .pz-reihe--2 { padding-bottom: 24px; }
  .pz-reihe--3 { padding-bottom: 38px; }
  .pz-reihe--4 { padding-bottom: 0; }
  .pk { border-radius: 24px; }
  .pk--4 .pk__bild { aspect-ratio: 342 / 304; }
  .pk--4 .pk__bild img { width: 150%; left: -24.9%; }
  .pk__text, .pk--1 .pk__text { padding: 20px 24px 29px; }
  .pk--3 .pk__text { padding: 35px 24px 36px; }
  .pk--4 .pk__text { padding: 0 24px 44px; }
  .pk__marke { padding: 6px 12px; font-size: 12px; line-height: 20px; }
  .pk__titel, .pk--1 .pk__titel, .pk--3 .pk__titel, .pk--4 .pk__titel { margin-top: 13px; max-width: none; font-size: 24px; line-height: 1.21; }
  .pk__text p, .pk--1 .pk__text p, .pk--3 .pk__text p, .pk--4 .pk__text p { margin-top: 8px; max-width: none; font-size: 12px; }
  .pk__link, .pk--1 .pk__link { margin-top: 14px; padding: 4px 0; font-size: 13px; line-height: 1.2; }
  .pk--2 .pk__titel { margin-top: 26px; } .pk--3 .pk__titel { margin-top: 29px; } .pk--4 .pk__titel { margin-top: 22px; }
  .pk--2 .pk__text p, .pk--4 .pk__text p { margin-top: 17px; } .pk--3 .pk__text p { margin-top: 12px; }
  .pk--2 .pk__link { margin-top: 23px; }
  .vergleichsbild { display: none; }

  /* Reihenfolge der Sektionen auf dem Handy (wie Original) */
  main.start { display: flex; flex-direction: column; }
  main.start > .zeit { order: 1; }
  main.start > .faq { order: 2; }

  /* Wann sinnvoll */
  .sinn { padding: 0 0 6px; }
  .sinn__box { padding: 24px; border-radius: 16px; }
  .sinn__logo { display: none; }
  .sinn__titel { margin-top: 0; max-width: none; }
  .sinn__titel b { font-weight: 700; }
  .sinn__linie { margin-top: 20px; }
  .sinn__spalten { grid-template-columns: 1fr; gap: 24px; margin-top: 23px; }
  .sinn__spalten h3 { font-size: 17.6px; line-height: 1.216; }
  .sinn__spalten p { margin-top: 10px; font-size: 12px; }

  /* Pakete */
  .pakete { padding: 45px 0 48px; }
  .pakete__kopf { display: block; text-align: center; }
  .pakete__kopf .h2 { font-size: 24px; }
  .unterstrich { background: linear-gradient(transparent 82%, rgba(218,196,165,.75) 82%, rgba(218,196,165,.75) 94%, transparent 94%); }
  .pakete__lead { margin-top: 13px; font-size: 12px; }
  .pakete__ziel { display: none; }
  .pakete__raster { grid-template-columns: 1fr; gap: 16px; margin-top: 40px; }
  .paket { padding: 24px; border-radius: 16px; }
  .paket__marke { margin: 0 0 19px; padding: 4px 12px; font-size: 12px; line-height: 20px; }
  .paket__name { font-size: 32px; }
  .paket__preis { margin-top: 20px; font-size: 29px; line-height: 1.17; }
  .paket__text { margin-top: 10px; max-width: none; font-size: 14px; min-height: 0; }
  .paket__liste, .paket--exklusiv .paket__liste { gap: 17.2px; margin: 31px 0 0; }
  .paket__liste li { padding-left: 29px; font-size: 15.2px; }
  .paket__liste li::before { width: 17px; height: 17px; top: 3px; left: 1px; }
  .btn--paket { margin-top: 28px; min-height: 42px; font-size: 13px; }
  .paket--elegant .paket__preis { margin-top: 9px; font-size: 24px; line-height: 1.21; }
  .paket--elegant .paket__text { font-size: 12px; }
  .paket--elegant .paket__liste { gap: 19.6px; margin-top: 27px; }
  .paket--elegant .paket__liste li { font-size: 13.6px; }
  .paket--elegant .paket__liste li::before { top: 2px; }
  .paket--elegant .btn--paket { margin-top: 30px; }
  .paket--exklusiv { padding: 24px 24px 23px; }
  .paket--exklusiv .paket__name { font-size: 39px; line-height: 1.23; }
  .paket--royal { padding-top: 68px; }
  .paket--royal .paket__liste { margin-top: 33px; }
  .paket--royal .btn--paket { margin-top: 37px; }

  /* Über uns */
  .ueber { padding: 52px 0 0; }
  .ueber__raster { display: block; padding: 0; }
  .ueber__karte { height: auto; padding: 24px 24px 39px; border-radius: 16px; }
  .ueber__karte .h2 { font-size: 24px; }
  .ueber__rolle { margin-top: 1px; font-size: 14px; }
  .ueber__text { margin-top: 22px; max-width: none; font-size: 12px; }
  .ueber__leise { margin-top: 22px; max-width: none; font-size: 12px; }
  .ueber__unterschrift { width: 235px; margin-top: 3px; }
  .ueber__foto { position: relative; top: auto; left: auto; width: 100%; max-width: 376px; height: auto; aspect-ratio: 376 / 399; margin: -11px auto 0; }
  .ueber__foto img { width: 100%; left: 0; top: 0; }

  /* Countdown */
  .zeit { padding: 43px 0 24px; }
  .zeit__raster { display: block; }
  .zeit__links { padding-top: 0; }
  .zeit__frage { font-size: 17.6px; line-height: 1.216; }
  .zeit__links .h3 { margin-top: 11px; max-width: none; }
  .hakenliste { display: none; }
  .zeit__box { margin-top: 24px; padding: 24px; border-radius: 16px; background: var(--beige); }
  .zeit__tag { font-size: 16px; }
  .zeit__titel { margin-top: 25px; max-width: none; font-size: 24px; }
  .uhr { gap: 6px; margin-top: 30px; }
  .uhr__feld { min-width: 54px; }
  .uhr__feld b { font-size: 24px; }
  .uhr__feld span { font-size: 10px; }
  .uhr i { font-size: 22px; }
  .zeit__box .btn--breit { margin-top: 22px; min-height: 42px; font-size: 13px; }
  .zeit__fuss { margin-top: 20px; font-size: 12px; }

  /* FAQ */
  .faq { padding: 40px 0 50px; }
  .faq__kopf .pille { display: none; }
  .faq__kopf .h2 { margin-top: 0; font-size: 24px; }
  .faq__kopf p { margin-top: 30px; max-width: none; font-size: 14px; }
  .faq__liste { gap: 8px; margin-top: 34px; }
  .frage { background: var(--beige); }
  .frage:hover { background: #EDE9DE; }
  .frage summary { padding: 16px; font-size: 20px; gap: 22px; }
  .frage__pfeil { width: 18px; height: 18px; }
  .frage__antwort { margin-top: -6px; }
  .frage__antwort p { padding: 0 16px 16px; font-size: 16px; }

  /* Fußzeile */
  .fuss__in { display: flex; flex-direction: column; min-height: 449px; padding: 22px 24px 37px; }
  .fuss__logo img { width: 198px; }
  .fuss__spalte { gap: 24px; margin-top: 17px; }
  .fuss__spalte a { font-size: 13.6px; }
  .fuss__spalte--recht { padding-left: 0; margin-top: 44px; }
  .fuss__kontakt { margin-top: 45px; }
  .fuss__titel { font-size: 17.6px; }
  .fuss__mail { margin-top: 15px; font-size: 14px; gap: 9px; }
  .fuss__mail svg { width: 20px; height: 20px; }

  /* Rechtstexte */
  .seite-recht .nav { top: 12px; width: calc(100% - 24px); }
  .seite-recht .nav.weg { transform: translate(-50%, calc(-100% - 20px)); }
  .seite-recht .nav__in { height: 54px; padding: 0 18px; }
  .seite-recht .nav__logo-hell { width: 44px; }
  .recht { padding: 119px 0 64px; }
  .recht__text { max-width: 600px; padding: 0 24px; margin: 0 auto; }
  .recht__text h1 { font-size: 32px; margin-bottom: 20px; }
  .fehler .h2 { font-size: 32px; }
}

@media (min-width: 1024px) and (max-width: 1180px) {
  .nav__in { padding-right: calc(82 * var(--e)); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition-duration: .01ms !important; }
  .js [data-reveal] { opacity: 1; transform: none; filter: none; }
  .wort > span { transform: none; }
  .js .sinn__linie { transform: none; }
  .hero__bild img { transform: none; }
}