/* Seniorenumzug: Einstieg dunkel (Startbild A), Pflegekasse, Sorgen, Momente. Rest wie Privatumzug (seiten.css) */
:where(.sz-hero, .sz-pk, .sz-sorgen, .sz-momente, .sz-start) :where(ul, ol) { list-style: none; margin: 0; padding: 0; }

/* Einstieg */
.sz-hero { padding-block: clamp(40px, 6vw, 88px) clamp(56px, 7vw, 96px); background: var(--tief); color: #fff; }
.sz-hero__in { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(40px, 6vw, 88px); align-items: center; }
.sz-hero .krumen, .sz-hero .krumen a { color: rgba(255, 255, 255, .72); }
.sz-hero h1 { font: 400 clamp(38px, 4.2vw, 64px)/1.08 var(--serif); letter-spacing: -0.026em; color: #fff; text-wrap: balance; padding-bottom: 4px; }
.sz-hero h1 em { font-style: italic; color: var(--gold-hell); }
.sz-hero__lead { margin-top: 24px; max-width: 30em; font-size: 20px; line-height: 1.6; color: rgba(255, 255, 255, .85); }
.sz-hero__haken { display: grid; gap: 14px; margin-top: 28px; }
.sz-hero__haken li { display: flex; align-items: center; gap: 14px; font-size: 18px; font-weight: 600; }
.sz-hero__haken .i { flex: none; width: 26px; height: 26px; padding: 6px; border-radius: 50%; background: var(--gold); color: var(--tief); }
.sz-hero .hero__aktion { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 32px; margin-top: 36px; }
.sz-hero .hero__tel { color: #fff; font-size: 20px; }
.sz-hero .hero__tel .i { color: var(--gold-hell); }
.sz-hero__belege { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 40px; margin-top: 36px; padding-top: 28px; border-top: 1px solid rgba(255, 255, 255, .16); }
.sz-hero__belege a { display: grid; gap: 4px; color: #fff; text-decoration: none; }
.sz-hero__note { display: flex; align-items: center; gap: 10px; }
.sz-hero__note b { font-size: 24px; }
.sz-hero__note .i { width: 20px; height: 20px; color: var(--gold-hell); }
.sz-hero__belege small { font-size: 15px; color: rgba(255, 255, 255, .72); }
.sz-hero__siegel { display: block; width: 76px; height: 76px; }
.sz-hero__bild { position: relative; }
.sz-hero__foto { aspect-ratio: 4 / 5; border-radius: var(--r); overflow: hidden; }
.sz-hero__foto img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sz-hero__karte { position: absolute; left: -32px; bottom: 32px; display: grid; gap: 2px; padding: 18px 24px; border-radius: 18px; background: var(--karte); color: var(--titel); box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .55); }
.sz-hero__karte b { font: 400 36px/1.1 var(--serif); }
.sz-hero__karte span { font-size: 15px; font-weight: 600; }

/* Gemeinsam */
.sz-kopf { max-width: 860px; }
.sz-kopf > p { margin-top: 20px; max-width: 36em; font-size: 18px; line-height: 1.7; color: var(--text-2); }
.sz-aktion { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 28px; margin-top: 36px; }
.sz-foto { border-radius: var(--r); overflow: hidden; }
.sz-foto img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sz-foto--quer { aspect-ratio: 3 / 2; }

/* Pflegekasse: grau „Das erleben viele“ gegen dunkelblau „Mit John & Martin“ (wie Heidelberg) */
.sz-pk { padding-block: clamp(72px, 9vw, 120px); background: var(--grund); }
.sz-pk__paar { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: clamp(36px, 4vw, 52px); }
.sz-pk__paar > div { padding: clamp(28px, 3.4vw, 44px); border-radius: 24px; }
.sz-pk__ohne { background: var(--flaeche); } .sz-pk__mit { background: var(--tief); }
.sz-pk__k { margin-bottom: 18px; font: 600 14px var(--sans); letter-spacing: .06em; text-transform: uppercase; color: var(--text-2); }
.sz-pk__mit .sz-pk__k { color: var(--gold-hell); }
.sz-pk__paar li { display: flex; gap: 14px; padding-block: 18px; border-top: 1px solid var(--linie); }
.sz-pk__mit li { border-top-color: rgba(255, 255, 255, .14); }
.sz-pk__paar li > .i { flex: none; width: 24px; height: 24px; margin-top: 3px; }
.sz-pk__ohne li > .i { color: #9aa3b2; }
.sz-pk__mit li > .i { padding: 5px; border-radius: 50%; background: var(--gold); color: #fff; }
.sz-pk__paar b { display: block; font: 400 22px/1.25 var(--serif); }
.sz-pk__ohne b { color: var(--text); } .sz-pk__mit b { color: #fff; }
.sz-pk__paar li span { display: block; margin-top: 4px; font-size: 16.5px; line-height: 1.6; color: var(--text-2); }
.sz-pk__mit li span { color: rgba(255, 255, 255, .8); }
.sz-pk__fuss { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 40px; margin-top: clamp(28px, 3vw, 40px); padding: 22px 28px; border-radius: 20px; background: var(--flaeche); }
.sz-pk__fuss p { display: flex; gap: 12px; align-items: flex-start; max-width: 44em; font-size: 16px; line-height: 1.6; color: var(--titel); }
.sz-pk__fuss p .i { flex: none; width: 22px; height: 22px; margin-top: 1px; color: var(--akzent-text); }

/* Pflegekasse: Zahl, Foto Aleks im Büro, Hilfe beim Antrag */
.sz-pk__kopf { max-width: 860px; }
.sz-pk__kopf > p { margin-top: 20px; max-width: 36em; font-size: 18px; line-height: 1.7; color: var(--text-2); }
.sz-pk__foto { aspect-ratio: 4 / 5; border-radius: var(--r); overflow: hidden; }
.sz-pk__foto img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sz-pk__hilfe { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(32px, 6vw, 88px); margin-top: clamp(40px, 5vw, 64px); align-items: start; }
.sz-pk__t { font: 400 clamp(28px, 2.8vw, 38px)/1.15 var(--serif); color: var(--titel); text-wrap: balance; }
.sz-pk__t em { font-style: italic; color: var(--gold-text, var(--akzent-text)); }
.sz-pk__hilfe > div > p { margin-top: 16px; font-size: 18px; line-height: 1.7; color: var(--text-2); }
.sz-pk__liste { display: grid; border-top: 1px solid var(--linie); }
.sz-pk__liste li { display: flex; gap: 18px; padding-block: 20px; border-bottom: 1px solid var(--linie); }
.sz-pk__nr { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--gold); color: var(--tief); font-weight: 700; }
.sz-pk__liste h3 { font: 400 23px/1.25 var(--serif); color: var(--titel); }
.sz-pk__liste p { margin-top: 4px; font-size: 17px; line-height: 1.6; color: var(--text-2); }

/* Sorgen: Zitat links, Antwort rechts */
.sz-sorgen { padding-block: clamp(72px, 9vw, 120px); background: var(--tief); }
.sz-sorgen .titel { color: #fff; }
.sz-sorgen .titel em { color: var(--gold-hell); }
.sz-sorgen__liste { margin-top: clamp(32px, 4vw, 52px); border-top: 1px solid rgba(255, 255, 255, .16); }
.sz-sorgen__liste li { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 12px 56px; padding-block: 32px; border-bottom: 1px solid rgba(255, 255, 255, .16); }
.sz-sorgen__z { font: italic 400 clamp(24px, 2.4vw, 32px)/1.3 var(--serif); color: #fff; }
.sz-sorgen__a { font-size: 18px; line-height: 1.7; color: rgba(255, 255, 255, .82); }

/* Momente und Versprechen */
.sz-momente { padding-block: clamp(72px, 9vw, 120px); background: var(--grund); }
.sz-momente__liste { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: clamp(36px, 4vw, 56px); align-items: start; }
.sz-momente__bild { aspect-ratio: 4 / 5; }
.sz-momente__liste h3 { margin-top: 18px; font: 400 24px/1.25 var(--serif); color: var(--titel); }
.sz-momente__liste p { margin-top: 6px; font-size: 16.5px; line-height: 1.6; color: var(--text-2); }
.sz-versprechen { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 28px; margin-top: clamp(40px, 5vw, 64px); padding-top: 32px; border-top: 1px solid var(--linie); }
.sz-versprechen li { display: flex; gap: 12px; }
.sz-versprechen .i { flex: none; width: 24px; height: 24px; padding: 5px; margin-top: 2px; border-radius: 50%; background: var(--gold); color: #fff; }
.sz-versprechen b { display: block; font-size: 17px; color: var(--titel); }
.sz-versprechen span { display: block; margin-top: 2px; font-size: 15.5px; line-height: 1.55; color: var(--text-2); }

@media (max-width: 960px) {
  .sz-pk__foto { aspect-ratio: 4 / 3; }
  .sz-hero__in, .sz-pk__paar, .sz-pk__hilfe, .sz-sorgen__liste li, .sz-momente__liste { grid-template-columns: 1fr; }
  .sz-pk__fuss .knopf { width: 100%; justify-content: center; }
  .sz-hero__foto { aspect-ratio: 4 / 3; }
  .sz-hero__karte { left: 16px; bottom: 16px; padding: 14px 18px; }
  .sz-hero__karte b { font-size: 28px; }
  .sz-hero .hero__aktion .knopf, .sz-aktion .knopf { width: 100%; justify-content: center; }
  .sz-momente__bild { aspect-ratio: 4 / 3; }
  .sz-versprechen { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) { .sz-versprechen { grid-template-columns: 1fr; } .sz-hero h1 { font-size: 36px; } }

/* Einstieg S4 mit weichem Übergang (wie Städteseiten): Foto nur rechts, damit das Paar nicht im Verlauf verschwindet */
.sz-start__haken { display: grid; gap: 12px; margin-top: 26px; }
.sz-start__haken li { display: flex; align-items: center; gap: 12px; font-size: 17px; font-weight: 600; color: var(--titel); }
.sz-start__haken .i { flex: none; width: 24px; height: 24px; padding: 5px; border-radius: 50%; background: var(--gold); color: #fff; }
.sz-start .hero__aktion { margin-top: 32px; }
.sz-start__belege { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; margin-top: 28px; font-size: 15px; font-weight: 600; color: var(--text-2); }
.sz-start__belege a { display: inline-flex; align-items: center; gap: 8px; color: var(--text); text-decoration: none; }
.sz-start__belege b { color: var(--titel); font-size: 17px; }
.sz-start__belege .i { width: 16px; height: 16px; color: var(--gold); }
.sz-start__siegel { display: inline-flex; align-items: center; gap: 10px; }
.sz-start__siegel img { width: 44px; height: 44px; }
@media (min-width: 961px) {
  .sz-start { background: #f4eee7; }
  .sz-start .hero__buehne { left: max(40%, 600px); }
  .sz-start .hero__buehne::after { background: linear-gradient(90deg, #f4eee7 0%, rgba(244, 238, 231, 0.75) 14%, rgba(244, 238, 231, 0) 34%); }
  .sz-start .hero__text { max-width: 560px; }
}

.sz-hinweis { display: flex; gap: 12px; align-items: flex-start; margin-top: 36px; padding: 18px 22px; border-radius: 16px; background: var(--flaeche); font-size: 16.5px; line-height: 1.6; color: var(--titel); }
.sz-hinweis .i { flex: none; width: 22px; height: 22px; margin-top: 1px; color: var(--akzent-text); }

/* Pflegekasse R2: Foto links, Text rechts, Tipps zum Aufklappen */
.sz-pk { background: var(--lp-warm, #f7f3ec); }
.sz-pk__in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(40px, 6vw, 88px); align-items: center; }
.sz-pk__text { margin-top: 18px; max-width: 36em; font-size: 18px; line-height: 1.7; color: var(--text-2); }
.sz-pk__in .sz-pk__t { margin: 32px 0 16px; font-size: 24px; }
.sz-pk__tipps { margin-top: 20px; border-top: 1px solid var(--linie); border-bottom: 1px solid var(--linie); }
.sz-pk__tipps summary { display: flex; align-items: center; gap: 12px; padding-block: 18px; cursor: pointer; list-style: none; font-weight: 700; font-size: 17px; color: var(--titel); }
.sz-pk__tipps summary::-webkit-details-marker { display: none; }
.sz-pk__tipps summary .i { width: 20px; height: 20px; color: var(--akzent-text); }
.sz-pk__tipps summary .i:last-child { margin-left: auto; transition: transform .2s var(--ease); }
.sz-pk__tipps[open] summary .i:last-child { transform: rotate(45deg); }
.sz-pk__tipps ul { display: grid; gap: 10px; padding-bottom: 20px; }
.sz-pk__tipps li { font-size: 16.5px; line-height: 1.6; color: var(--text-2); }
.sz-pk__tipps b { color: var(--titel); }

/* Vergleich: am Markt oft üblich gegen John & Martin */
.sz-vg { padding-block: clamp(72px, 9vw, 120px); background: var(--grund); }
.sz-vg__tabelle { margin-top: clamp(36px, 4vw, 52px); border-radius: 24px; overflow: hidden; background: var(--karte); box-shadow: 0 0 0 1px var(--linie); }
.sz-vg table { width: 100%; border-collapse: collapse; }
.sz-vg th, .sz-vg td { padding: 22px 26px; border-bottom: 1px solid var(--linie); text-align: left; vertical-align: top; }
.sz-vg tbody tr:last-child > * { border-bottom: 0; }
.sz-vg thead th { font: 600 15px var(--sans); color: var(--titel); }
.sz-vg thead .sz-vg__wir { background: var(--tief); color: #fff; }
.sz-vg tbody th { width: 24%; font: 400 21px/1.3 var(--serif); color: var(--titel); }
.sz-vg td { font-size: 17px; line-height: 1.55; color: var(--text-2); }
.sz-vg td .i { width: 18px; height: 18px; margin-right: 10px; vertical-align: -3px; color: #9aa3b2; }
.sz-vg td.sz-vg__wir { background: color-mix(in srgb, var(--tief) 5%, var(--karte)); color: var(--titel); font-weight: 600; }
.sz-vg td.sz-vg__wir .i { padding: 3px; border-radius: 50%; background: var(--gold); color: #fff; }
@media (max-width: 960px) {
  .sz-pk__in { grid-template-columns: 1fr; }
  .sz-vg thead { display: none; }
  .sz-vg tr { display: block; padding: 14px 0; border-bottom: 1px solid var(--linie); }
  .sz-vg tbody tr:last-child { border-bottom: 0; }
  .sz-vg th, .sz-vg td { display: block; width: auto !important; border: 0 !important; padding: 6px 20px; }
}

/* Sorgen F1 aus Sicht der Senioren: Frage, Schmerz, Lösung */
.sz-f1 { padding-block: clamp(72px, 9vw, 120px); background: var(--lp-warm, #f7f3ec); }
.sz-f1 ul { list-style: none; margin: 0; padding: 0; }
.sz-f1__t { max-width: 18em; }
.sz-f1__lead { margin-top: 22px; max-width: 36em; font-size: 20px; line-height: 1.65; color: var(--text-2); }
.sz-f1__karte { margin-top: clamp(36px, 4vw, 48px); padding: clamp(28px, 4vw, 48px); border-radius: 24px; background: var(--karte); box-shadow: 0 0 0 1px var(--linie); }
.sz-f1__k { font: 600 14px var(--sans); letter-spacing: .06em; text-transform: uppercase; color: var(--akzent-text); }
.sz-f1 ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 24px; }
.sz-f1 li { display: flex; flex-direction: column; gap: 14px; }
.sz-f1__nr { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--gold); color: var(--tief); font-weight: 700; font-size: 18px; }
.sz-f1__z { font: italic 400 clamp(22px, 2.2vw, 28px)/1.3 var(--serif); color: var(--titel); }
.sz-f1 li p:last-child { font-size: 17px; line-height: 1.65; color: var(--text-2); }
.sz-f1__familie { margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--linie); font: italic 400 20px/1.4 var(--serif); color: var(--titel); }
@media (max-width: 960px) { .sz-f1 ul { grid-template-columns: 1fr; } }

/* Momente M4: großes Foto in der Mitte, zwei kleinere außen, Kundenstimme */
.sz-momente__kopf { max-width: 860px; margin-inline: auto; text-align: center; }
.sz-momente__kopf .titel { margin-inline: auto; }
.sz-momente__kopf > p { margin: 20px auto 0; max-width: 36em; font-size: 18px; line-height: 1.7; color: var(--text-2); }
.sz-momente .sz-momente__liste { grid-template-columns: 4fr 5fr 4fr; align-items: center; }
.sz-momente__liste li:not(:nth-child(2)) .sz-momente__bild { aspect-ratio: 1; }
.sz-momente__bild { border-radius: var(--r); overflow: hidden; }
.sz-momente__bild img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sz-momente__stimme { max-width: 760px; margin: clamp(48px, 5vw, 64px) auto 0; text-align: center; }
.sz-momente__stimme blockquote { margin: 0; font: italic 400 clamp(22px, 2.4vw, 30px)/1.4 var(--serif); color: var(--titel); }
.sz-momente__stimme figcaption { margin-top: 12px; font-size: 15px; color: var(--text-2); }
@media (max-width: 960px) { .sz-momente .sz-momente__liste { grid-template-columns: 1fr; } .sz-momente__liste li .sz-momente__bild { aspect-ratio: 4 / 3 !important; } }

/* Momente eingebunden: gleicher warmer Grund wie „Sie ziehen um“ davor und der Ablauf danach, Kopf linksbündig wie überall */
/* ohne eigene Ränder oben und unten: der Abstand kommt vom Abschnitt davor und vom Ablauf danach, keine Trennlinie */
/* T1: Fotoabschnitt auf Dunkelblau zwischen den warmen Nachbarn */
.sz-momente { padding-block: clamp(72px, 9vw, 120px); background: var(--tief); }
.sz-momente .titel { color: #fff; } .sz-momente .titel em { color: var(--gold-hell); }
.sz-momente .sz-momente__kopf > p { color: rgba(255, 255, 255, .82); }
.sz-momente .sz-momente__liste h3 { color: #fff; }
.sz-momente__kopf { display: block; max-width: 860px; margin-inline: 0; text-align: left; }
.sz-momente__kopf .titel { margin-inline: 0; }
.sz-momente__kopf > p { margin: 20px 0 0; }
.sz-momente .sz-momente__liste li p { color: rgba(255, 255, 255, .78); }
@media (max-width: 960px) { .sz-momente__kopf { grid-template-columns: 1fr; } }

/* Versprechen 2C: dunkelblaue Karte mit den Gründern links, Foto rechts */
.sz-vs { padding-block: clamp(72px, 9vw, 120px); background: var(--grund); }
.sz-vs ul { list-style: none; margin: 0; padding: 0; }
.sz-vs__in { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(40px, 6vw, 96px); align-items: center; }
.sz-vs__karte { margin-top: 28px; padding: clamp(28px, 3.4vw, 44px); border-radius: 24px; background: var(--tief); }
.sz-vs__k { padding-bottom: 14px; border-bottom: 1px solid rgba(255, 255, 255, .16); font: 400 26px var(--serif); color: #fff; }
.sz-vs__karte li { display: flex; gap: 14px; padding-block: 14px; border-bottom: 1px solid rgba(255, 255, 255, .16); }
.sz-vs__karte li > .i { flex: none; width: 24px; height: 24px; padding: 5px; margin-top: 2px; border-radius: 50%; background: var(--gold); color: #fff; }
.sz-vs__karte b { display: block; font-size: 18px; color: #fff; }
.sz-vs__karte li span { display: block; margin-top: 2px; font-size: 15.5px; line-height: 1.55; color: rgba(255, 255, 255, .78); }
.sz-vs__gf { display: flex; align-items: center; gap: 14px; margin-top: 22px; }
.sz-vs__fotos { display: flex; flex: none; }
.sz-vs__fotos img { width: 52px; height: 52px; border-radius: 50%; outline: 3px solid var(--tief); }
.sz-vs__fotos img + img { margin-left: -12px; }
.sz-vs__gf b { display: block; font: 600 16px var(--sans); color: #fff; }
.sz-vs__gf span { font-size: 14px; color: rgba(255, 255, 255, .7); }
.sz-vs__foto { aspect-ratio: 4 / 5; border-radius: var(--r); overflow: hidden; }
.sz-vs__foto img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 960px) { .sz-vs__in { grid-template-columns: 1fr; } .sz-vs__foto { aspect-ratio: 4 / 3; order: -1; } }