/* julianekluess.de – Layout, mobil zuerst (ca. 375 px), Desktop ab 900 px.
   Farben, Schriften und Basis-Buttons kommen aus tokens.css (Designsystem). */

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { -webkit-font-smoothing: antialiased; overflow-x: hidden; }
p { margin: 0; }
img { border-radius: 0; }
a:hover { color: #9E1249; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }

.skip-link { position: absolute; left: -9999px; top: 0; }
.skip-link:focus { left: 16px; top: 16px; z-index: 100; background: var(--champagner); color: var(--tinte); padding: 8px 16px; }

.wrap { width: 100%; max-width: 1280px; margin-inline: auto; padding-inline: 24px; }
.abschnitt { padding-block: 64px; }
.dunkel { background: var(--tinte); color: var(--champagner); }
.nur-desktop, br.nur-desktop { display: none !important; }
.label { font-size: 12px; }
.dunkel .label, .label--gold { color: var(--hellgold); }
.titel { font-size: 30px; line-height: 1.2; margin: 0; }

/* Buttons wie im Entwurf: Gold metallisch mit einmaligem Glanz */
.btn { min-height: 48px; padding: 14px 28px; font-size: 16px; }
.btn--gold::after { content: ""; position: absolute; top: 0; left: -60%; width: 40%; height: 100%; inset: auto; top: 0; background: linear-gradient(100deg, rgba(255,255,255,0), rgba(255,255,255,.55), rgba(255,255,255,0)); transform: skewX(-20deg); }
.btn--gold:hover::after, .btn--gold:focus-visible::after { animation: glanz .9s ease; transition: none; transform: skewX(-20deg); }
@keyframes glanz { to { left: 130%; } }
@media (prefers-reduced-motion: reduce) { .btn--gold:hover::after, .btn--gold:focus-visible::after { animation: none; } }
.btn--gold, .btn--gold:hover, .dunkel .btn--gold, .dunkel .btn--gold:hover { color: var(--tinte); }

/* ---------- Kopf und Menü ---------- */
.kopf { position: relative; z-index: 20; background: var(--tinte); color: var(--champagner); }
.kopf__leiste { display: flex; align-items: center; justify-content: space-between; padding: 18px 24px; }
.kopf__name { font-family: var(--font-display); font-size: 22px; color: var(--champagner); text-decoration: none; }
.kopf__name:hover { color: var(--champagner); }
.menu-knopf { width: 48px; height: 48px; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; background: transparent; border: 0; padding: 0; cursor: pointer; }
.menu-knopf span { display: block; width: 26px; height: 1.5px; background: var(--champagner); transition: transform .3s ease, opacity .3s ease; }
.menu-knopf[aria-expanded="true"] span:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }
.menu-knopf[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.menu-knopf[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg); }
.hauptmenue { display: none; position: absolute; top: 100%; left: 0; right: 0; background: var(--tinte); padding: 8px 24px 32px; border-bottom: 1px solid rgba(212,168,83,.5); }
.hauptmenue.offen { display: block; }
.hauptmenue ul { list-style: none; margin: 0; padding: 0; }
.hauptmenue a { display: block; padding: 14px 0; font-size: 18px; color: rgba(244,233,223,.86); text-decoration: none; border-bottom: 1px solid rgba(244,233,223,.12); }
.hauptmenue a:hover, .hauptmenue a[aria-current="page"] { color: var(--champagner); }

/* Unterseiten: Kopf ohne Foto */
.kopf--schlicht .kopf__leiste { max-width: 1280px; margin-inline: auto; }

/* ---------- Hero ---------- */
.hero { position: relative; background: var(--tinte); color: var(--champagner); }
.hero__flaeche { position: relative; aspect-ratio: 1080 / 1203; overflow: hidden; }
.hero__bild img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 100% 0%; }
.hero__oben { position: absolute; left: 0; right: 0; top: 0; height: 40px; background: linear-gradient(to top, rgba(26,16,24,0), var(--tinte)); }
.hero__seite { display: none; }
.hero__text { position: absolute; left: 22px; bottom: 22px; width: 44%; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.hero__text .label { font-size: 11px; color: var(--hellgold); }
.hero h1 { margin: 0; font-size: clamp(24px, 6.2vw, 40px); line-height: 1.18; color: var(--champagner); }
.hero__unter { margin-top: 2px; font-size: clamp(15px, 3.8vw, 20px); line-height: 1.5; color: rgba(244,233,223,.86); }
.hero .btn { margin-top: 8px; padding: 12px 18px; font-size: 15px; white-space: nowrap; }

/* ---------- Bekannt aus ---------- */
.medien { background: linear-gradient(120deg, rgba(185,138,62,.26) 0%, rgba(242,218,146,.42) 28%, rgba(212,168,83,.32) 50%, rgba(246,227,166,.45) 72%, rgba(176,126,51,.26) 100%), var(--champagner); border-top: 1.5px solid var(--gold); border-bottom: 1.5px solid var(--gold); }
.medien__innen { padding: 28px 20px 30px; display: flex; flex-direction: column; align-items: center; gap: 14px; }
.medien .label { color: var(--tinte); }
.medien__zeile { width: 100%; max-width: 1100px; display: flex; align-items: center; gap: 12px; }
.medien__spur { flex: 1; display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; list-style: none; margin: 0; padding: 0; }
.medien__spur::-webkit-scrollbar { display: none; }
.medien__spur li { flex: 0 0 50%; scroll-snap-align: start; display: flex; align-items: center; justify-content: center; height: 44px; padding: 0 8px; }
.medien__spur a, .medien__spur span { display: flex; align-items: center; justify-content: center; min-height: 44px; }
.medien__spur img { width: auto; height: auto; max-width: 100%; }
.logo-sat1, .logo-wdr, .logo-emotion { max-height: 15px; }
.logo-ndr { max-height: 33px; }
.logo-zdf { max-height: 31px; }
.logo-zeit { max-height: 16px; }
.logo-brigitte { max-height: 18px; }
.pfeil { flex-shrink: 0; width: 44px; height: 44px; border-radius: var(--radius-pill); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; border: 1.5px solid transparent; background: linear-gradient(var(--champagner), var(--champagner)) padding-box, var(--gold-metallisch) border-box; }
.pfeil:hover { background: linear-gradient(#EFE2D6, #EFE2D6) padding-box, var(--gold-metallisch) border-box; }

/* ---------- Vorstellung ---------- */
.vorstellung__innen { display: flex; flex-direction: column; gap: 20px; }
.vorstellung__text { display: flex; flex-direction: column; gap: 18px; font-size: 17px; line-height: 1.65; }
.markiert { background: linear-gradient(transparent 55%, rgba(212,168,83,.45) 55%); padding: 0 3px; font-weight: 400; }
.vorstellung__links { display: flex; flex-direction: column; gap: 20px; }
.vorstellung__bild { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; margin-top: 12px; }

/* ---------- Keynote ---------- */
.keynote__raster { display: flex; flex-direction: column; gap: 16px; }
.keynote__links { display: flex; flex-direction: column; gap: 14px; }
.keynote__titel { margin: 4px 0 0; font-family: var(--font-script); font-weight: 400; font-size: clamp(36px, 10.5vw, 46px); line-height: 1.2; color: var(--gold); }
.keynote__unter { font-family: var(--font-display); font-style: italic; font-size: 21px; line-height: 1.3; }
.keynote__text { display: flex; flex-direction: column; gap: 16px; font-size: 18px; line-height: 1.65; max-width: 620px; color: rgba(244,233,223,.86); }
.keynote__kasten { margin-top: 16px; border: 1px solid var(--gold); padding: 24px; display: flex; flex-direction: column; gap: 20px; }
.keynote__kasten dl { margin: 0; display: flex; flex-direction: column; gap: 20px; }
.keynote__kasten div + div { border-top: 1px solid rgba(212,168,83,.6); padding-top: 20px; }
.keynote__kasten dt { font-size: 12px; font-weight: 400; letter-spacing: .12em; text-transform: uppercase; color: var(--hellgold); margin-bottom: 4px; }
.keynote__kasten dd { margin: 0; font-size: 16px; line-height: 1.55; }

/* ---------- Mitnahmen ---------- */
.mitnahmen__kopf { display: flex; flex-direction: column; align-items: center; gap: 14px; margin-bottom: 32px; }
.mitnahmen__kopf h2 { font-size: 28px; line-height: 1.2; text-align: center; margin: 0; }
.kringel-welle { width: 160px; height: auto; }
.mitnahmen { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.mitnahme { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; padding: 24px 20px 28px; transition: transform .35s ease, background-color .35s ease, box-shadow .35s ease; }
.mitnahme__zahl { font-family: var(--font-display); font-size: 44px; line-height: 1; color: #B07E33; transition: transform .35s ease, color .35s ease; transform-origin: center bottom; }
.mitnahme__satz { font-family: var(--font-display); font-size: 22px; line-height: 1.3; }
.mitnahme:hover, .mitnahme:active { transform: translateY(-6px); background-color: #EFE2D6; box-shadow: 0 16px 32px -20px rgba(26,16,24,.4); }
.mitnahme:hover .mitnahme__zahl, .mitnahme:active .mitnahme__zahl { color: var(--gold); transform: scale(1.15); }
@media (prefers-reduced-motion: reduce) { .mitnahme, .mitnahme__zahl { transition: none; } .mitnahme:hover { transform: none; } }

/* ---------- Video ---------- */
.video__innen { display: flex; flex-direction: column; align-items: center; gap: 32px; text-align: center; }
.gold-titel { margin: 0; font-size: 32px; line-height: 1.2; display: inline-block; color: var(--gold); background: linear-gradient(110deg, #B98A3E 0%, #F2DA92 22%, #D4A853 40%, #FFF6D8 50%, #D4A853 60%, #F6E3A6 78%, #B07E33 100%); background-size: 250% 100%; background-position: 100% 0; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; transition: background-position 1.2s ease; }
.video__innen:hover .gold-titel { background-position: 0 0; }
@media (prefers-reduced-motion: reduce) { .gold-titel { transition: none; } }
.video__link { position: relative; display: block; width: 100%; max-width: 1000px; aspect-ratio: 16 / 9; overflow: hidden; }
.video__link img { width: 100%; height: 100%; object-fit: cover; }
.video__play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 64px; height: 64px; border-radius: 999px; background: rgba(26,16,24,.72); display: flex; align-items: center; justify-content: center; }
.video__play svg { width: 100%; height: 100%; }
.video__hinweis { margin-top: -16px; max-width: 640px; font-size: 14px; line-height: 1.6; color: rgba(244,233,223,.7); }
.video__hinweis a { color: var(--hellgold); }

/* ---------- Stimmen ---------- */
.stimmen__titel { text-align: center; font-size: 30px; line-height: 1.2; margin: 0 0 32px; }
.stimmen { display: flex; flex-direction: column; gap: 56px; padding-top: 38px; }
.stimme { margin: 0; border: 1px solid rgba(212,168,83,.7); background: rgba(255,255,255,.28); padding: 0 24px 28px; display: flex; flex-direction: column; align-items: center; gap: 18px; text-align: center; transition: transform .35s ease, box-shadow .35s ease; }
.stimme img { width: 76px; height: 76px; border-radius: 999px; object-fit: cover; margin-top: -38px; flex-shrink: 0; }
.stimme blockquote { margin: 0; font-family: var(--font-display); font-size: 20px; line-height: 1.35; }
.stimme figcaption { margin-top: auto; font-size: 14px; color: var(--lavendel-asche); }
.stimme:hover, .stimme:active { transform: translateY(-6px); box-shadow: 0 16px 32px -20px rgba(26,16,24,.4); }
@media (prefers-reduced-motion: reduce) { .stimme { transition: none; } .stimme:hover { transform: none; } }

/* ---------- Zusammenarbeit ---------- */
.zusammenarbeit__raster { display: flex; flex-direction: column; gap: 32px; }
.zusammenarbeit__bild { width: 100%; height: auto; }
.zusammenarbeit h2 { margin: 0 0 32px; color: var(--champagner); }
.gruende { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 28px; }
.grund { display: flex; align-items: flex-start; gap: 16px; }
.grund h3 { margin: 0 0 4px; font-size: 24px; line-height: 1.2; color: var(--champagner); }
.grund p { font-size: 17px; line-height: 1.65; color: rgba(244,233,223,.8); }
.goldring { flex-shrink: 0; margin-top: 4px; width: 26px; height: 26px; border-radius: 999px; border: 1.5px solid transparent; background: linear-gradient(var(--tinte), var(--tinte)) padding-box, var(--gold-metallisch) border-box; display: inline-flex; align-items: center; justify-content: center; }
.goldpunkt { width: 8px; height: 8px; border-radius: 999px; background: linear-gradient(120deg, #B98A3E 0%, #F2DA92 40%, #D4A853 70%, #B07E33 100%); transition: transform .35s ease; }
.grund:hover .goldpunkt { transform: scale(1.6); }
@media (prefers-reduced-motion: reduce) { .goldpunkt { transition: none; } }

/* ---------- Bühnen ---------- */
.buehnen h2 { margin: 0 0 32px; }
.buehnen__raster { display: flex; flex-direction: column; gap: 20px; }
.karte { border: 1px solid rgba(212,168,83,.7); padding: 24px; display: flex; flex-direction: column; gap: 12px; }
.karte--himbeere { background: var(--himbeere); color: #fff; border: 0; }
.karte--himbeere .label { color: var(--champagner); }
.karte__gross { font-family: var(--font-display); font-size: 26px; line-height: 1.25; }
.karte__text { font-size: 17px; line-height: 1.65; color: rgba(255,255,255,.9); }
.eintrag { display: flex; flex-direction: column; gap: 2px; font-size: 17px; line-height: 1.65; }
.eintrag small { font-size: 14px; color: var(--lavendel-asche); }
.eintrag a { align-self: flex-start; color: var(--tinte); text-decoration: none; border-bottom: 1px solid var(--gold); }
.eintrag a:hover { color: var(--himbeere); }

/* ---------- Anfrage ---------- */
.anfrage__innen { max-width: 880px; margin-inline: auto; display: flex; flex-direction: column; gap: 32px; }
.anfrage__kopf { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; }
.anfrage__kopf h2 { margin: 0; font-size: 34px; line-height: 1.15; color: var(--champagner); }
.kringel-schleife { width: 160px; height: auto; }
.anfrage__kopf p { font-size: 17px; line-height: 1.65; color: rgba(244,233,223,.86); max-width: 560px; }
.formular { display: grid; grid-template-columns: 1fr; gap: 20px; }
.feld { display: flex; flex-direction: column; gap: 8px; }
.feld label { font-size: 14px; font-weight: 400; color: var(--champagner); }
.feld input, .feld textarea { width: 100%; min-height: 48px; padding: 12px 16px; border: 0; border-radius: 0; background: var(--champagner); color: var(--tinte); font-family: var(--font-sans); font-weight: 300; font-size: 16px; }
.feld textarea { min-height: 140px; resize: vertical; }
.zustimmung { display: flex; align-items: flex-start; gap: 14px; }
.zustimmung input { flex-shrink: 0; width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--gold); }
.zustimmung label { font-size: 15px; line-height: 1.55; color: rgba(244,233,223,.86); }
.zustimmung a { color: var(--hellgold); }
.formular__senden { display: flex; justify-content: center; margin-top: 8px; }
.versteckt { position: absolute; left: -9999px; }

/* ---------- Fuß ---------- */
.fuss { background: var(--champagner); color: var(--tinte); padding: 48px 0 40px; }
.fuss__oben { display: flex; flex-direction: column; gap: 28px; }
.fuss__name { font-family: var(--font-display); font-size: 26px; }
.fuss__satz { margin-top: 12px; font-size: 16px; line-height: 1.6; color: var(--lavendel-asche); max-width: 460px; }
.fuss nav { display: flex; flex-wrap: wrap; gap: 4px 24px; font-size: 15px; }
.fuss a { color: var(--lavendel-asche); text-decoration: none; display: inline-flex; align-items: center; min-height: 44px; }
.fuss a:hover { color: var(--tinte); }
.fuss__linie { height: 1px; background: var(--gold); margin: 28px 0 12px; }
.fuss__unten { display: flex; flex-direction: column; gap: 8px; font-size: 14px; }
.fuss__unten div { display: flex; flex-wrap: wrap; gap: 0 24px; align-items: center; }
.fuss__unten span { color: var(--lavendel-asche); }

/* ---------- Textseiten (Impressum, Datenschutz, Danke) ---------- */
.textseite { padding-block: 56px 72px; }
.textseite .wrap { max-width: 820px; }
.textseite h1 { font-size: var(--fs-h1); margin-bottom: 24px; }
.textseite h2 { font-size: 22px; line-height: 1.3; margin: 36px 0 10px; }
.textseite p, .textseite li { font-size: 17px; line-height: 1.65; }
.textseite p + p { margin-top: 12px; }
.textseite ul { padding-left: 20px; margin: 8px 0 0; }
.textseite .muted { color: var(--lavendel-asche); }

/* =================== Desktop ab 900 px =================== */
@media (min-width: 900px) {
  .wrap { padding-inline: 64px; }
  .abschnitt { padding-block: 96px; }
  .nur-desktop { display: revert !important; }
  .keynote__text.nur-desktop { display: flex !important; }
  br.nur-desktop { display: inline !important; }
  .nur-mobil, br.nur-mobil { display: none !important; }
  .titel { font-size: 40px; line-height: 1.2; }

  /* Kopf liegt über dem Foto */
  .kopf { position: absolute; inset: 0 0 auto; background: transparent; }
  .kopf__leiste { max-width: 1280px; margin-inline: auto; padding: 24px 64px; }
  .kopf__name { font-size: 26px; }
  .kopf--schlicht { position: relative; background: var(--tinte); }
  .menu-knopf { display: none; }
  .hauptmenue, .hauptmenue.offen { display: block; position: static; background: none; padding: 0; border: 0; }
  .hauptmenue ul { display: flex; gap: 32px; }
  .hauptmenue a { padding: 0 0 6px; font-size: 15px; font-weight: 400; border-bottom: 1.5px solid transparent; }
  .hauptmenue a:hover { border-bottom-color: rgba(212,168,83,.6); }
  .hauptmenue a[aria-current="page"] { border-bottom-color: var(--gold); }

  /* Hero so hoch, dass „Bekannt aus“ (ca. 164 px) ohne Scrollen sichtbar bleibt */
  .hero__flaeche { aspect-ratio: auto; height: clamp(540px, calc(100vh - 166px), 62vw); height: clamp(540px, calc(100svh - 166px), 62vw); }
  .hero__bild img { object-position: 85% 25%; }
  .hero__oben { height: 140px; background: linear-gradient(to bottom, rgba(26,16,24,.7), rgba(26,16,24,0)); }
  .hero__seite { display: block; position: absolute; inset: 0; background: linear-gradient(to right, rgba(26,16,24,.6) 0%, rgba(26,16,24,.35) 30%, rgba(26,16,24,0) 48%); }
  .hero__text { left: 0; right: 0; bottom: auto; top: 0; width: auto; height: 100%; max-width: 1280px; margin-inline: auto; padding: clamp(104px, 15vh, 170px) 64px 40px; gap: clamp(18px, 3vh, 32px); }
  .hero__text > * { max-width: 620px; }
  .hero__text .label { font-size: 12px; }
  .hero h1 { margin-top: -8px; font-size: clamp(44px, 3.9vw, 56px); line-height: 1.1; }
  .hero__unter { margin-top: 0; font-size: 18px; line-height: 1.65; }
  .hero .btn { margin-top: 0; padding: 14px 32px; font-size: 17px; }

  .medien__innen { padding: 36px 64px 38px; gap: 18px; }
  .medien__zeile { gap: 32px; }
  .medien__spur li { flex-basis: 25%; height: 50px; padding: 0 16px; }
  .logo-sat1, .logo-wdr { max-height: 20px; }
  .logo-ndr { max-height: 43px; }
  .logo-zdf { max-height: 40px; }
  .logo-zeit { max-height: 20px; }
  .logo-brigitte, .logo-emotion { max-height: 24px; }
  .pfeil { width: 48px; height: 48px; }

  .vorstellung__innen { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 56px; align-items: center; }
  .vorstellung__links { grid-column: span 7; gap: 32px; }
  .vorstellung__text { gap: 22px; font-size: 18px; max-width: 640px; }
  .vorstellung__bild { grid-column: 8 / span 5; margin-top: 0; }

  .keynote__raster { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 32px; align-items: start; }
  .keynote__links { grid-column: span 7; display: flex; flex-direction: column; gap: 20px; }
  .keynote__titel { font-size: 56px; }
  .keynote__unter { font-size: 26px; }
  .keynote__text { margin: 8px 0 0 96px; }
  .keynote__kasten { grid-column: 9 / span 4; margin-top: 36px; padding: 32px; }

  .mitnahmen__kopf { margin-bottom: 40px; }
  .mitnahmen__kopf h2 { font-size: 32px; }
  .kringel-welle { width: 200px; }
  .mitnahmen { flex-direction: row; gap: 12px; margin-inline: -20px; }
  .mitnahme { flex: 1; }
  .mitnahme__satz { font-size: 26px; }

  .video__innen { gap: 48px; }
  .gold-titel { font-size: 44px; }
  .video__play { width: 96px; height: 96px; }
  .video__hinweis { margin-top: -24px; }

  .stimmen__titel { font-size: 40px; line-height: 1.15; margin-bottom: 48px; }
  .stimmen { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
  .stimme { padding: 0 32px 36px; }

  .zusammenarbeit__raster { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 56px; align-items: stretch; }
  .zusammenarbeit__bild-box { grid-column: span 6; }
  .zusammenarbeit__text { grid-column: 7 / span 6; padding-top: 88px; }
  .zusammenarbeit h2 { font-size: 44px; line-height: 1.15; margin-bottom: 56px; }
  .gruende { gap: 40px; }
  .grund { gap: 20px; }
  .grund h3 { font-size: 30px; }
  .grund p { font-size: 18px; }
  .goldring { margin-top: 6px; }

  .buehnen h2 { margin-bottom: 40px; }
  .buehnen__raster { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; align-items: stretch; }
  .karte { padding: 32px; }
  .karte__gross { font-size: 28px; }
  .eintrag { font-size: 18px; }

  .anfrage__innen { gap: 40px; padding-inline: 64px; }
  .anfrage__kopf h2 { font-size: 44px; }
  .kringel-schleife { width: 200px; }
  .anfrage__kopf p { font-size: 18px; }
  .formular { grid-template-columns: 1fr 1fr; gap: 24px; }
  .feld--breit, .zustimmung, .formular__senden { grid-column: span 2; }

  .fuss { padding: 64px 0 48px; }
  .fuss__oben { flex-direction: row; justify-content: space-between; align-items: flex-start; gap: 48px; }
  .fuss__name { font-size: 28px; }
  .fuss nav { gap: 0 32px; }
  .fuss__linie { margin: 40px 0 8px; }
  .fuss__unten { flex-direction: row; justify-content: space-between; }
}

/* =================== Erscheinen beim Scrollen (alle Seiten) =================== */
.erscheint { opacity: 0; transform: translateY(28px); transition: opacity .8s ease, transform .8s ease; }
.erscheint.sichtbar { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .erscheint { opacity: 1; transform: none; transition: none; } }

/* =================== It's About You (mobil zuerst) =================== */
.iay-hero { background: var(--tinte); color: var(--champagner); }
.iay-hero__raster { display: flex; flex-direction: column; }
.iay-hero__bild { width: 100%; aspect-ratio: 1; object-fit: cover; object-position: 50% 12%; }
.iay-hero__text { padding: 20px 24px 40px; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.iay-hero .label { color: var(--hellgold); }
.iay-hero h1 { margin: 0 0 -.14em; font-family: var(--font-script); font-weight: 400; font-size: clamp(40px, 11vw, 88px); line-height: 1.15; white-space: nowrap; color: var(--gold); background: linear-gradient(110deg, #B98A3E 0%, #F2DA92 25%, #D4A853 45%, #F6E3A6 65%, #B07E33 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; padding: 0 .12em .22em 0; }
.iay-hero__unter { font-family: var(--font-display); font-size: 20px; line-height: 1.35; color: var(--champagner); max-width: 30ch; }
.iay-hero .btn { margin-top: 4px; }
.medien--klein .medien__innen { padding-block: 20px 22px; }

.iay-script { margin: 0; font-family: var(--font-script); font-weight: 400; font-size: clamp(40px, 10vw, 56px); line-height: 1.2; color: var(--gold); }
.einzug { display: flex; flex-direction: column; gap: 18px; }
.iay-zeit .wrap { display: flex; flex-direction: column; gap: 20px; }
.iay-zeit p, .iay-ich p { font-size: 17px; line-height: 1.7; }

/* Kacheln wie die Mitnahmen und Stimmen der Startseite */
.kachel { border: 1px solid rgba(212,168,83,.7); background: rgba(255,255,255,.28); padding: 28px 24px; display: flex; flex-direction: column; gap: 10px; transition: transform .35s ease, box-shadow .35s ease, background-color .35s ease, opacity .8s ease; }
.kachel:hover, .kachel:active { transform: translateY(-6px); background-color: #EFE2D6; box-shadow: 0 16px 32px -20px rgba(26,16,24,.4); }
@media (prefers-reduced-motion: reduce) { .kachel { transition: none; } .kachel:hover { transform: none; } }
.kachel h3 { margin: 0; font-size: 23px; line-height: 1.25; }
.kachel p { font-size: 17px; line-height: 1.65; }
.kachel__zahl { font-family: var(--font-display); font-size: 44px; line-height: 1; color: #B07E33; transition: transform .35s ease, color .35s ease; transform-origin: left bottom; }
.kachel:hover .kachel__zahl { color: var(--gold); transform: scale(1.15); }

.iay-mitte { text-align: center; margin: 0 0 32px; }
.iay-kacheln { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 16px; }
.iay-wenn__schluss { margin-top: 28px; text-align: center; font-family: var(--font-display); font-style: italic; font-size: 22px; }

.iay-galerie { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.iay-galerie img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }

.iay-stimmen { display: flex; flex-direction: column; gap: 56px; padding-top: 38px; max-width: 900px; margin-inline: auto; }

.iay-schritte { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 16px; }

.iay-preis { text-align: center; }
.iay-preis .wrap { max-width: 720px; display: flex; flex-direction: column; align-items: center; gap: 16px; }
.iay-preis h2 { margin: 0; color: var(--champagner); }
.iay-preis p { font-size: 18px; line-height: 1.65; color: rgba(244,233,223,.86); }
.iay-preis .iay-preis__klein { font-size: 14px; color: rgba(244,233,223,.6); }

.iay-ich__raster { display: flex; flex-direction: column; gap: 28px; }
.iay-ich__bild { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
.iay-ich strong { font-weight: 400; background: linear-gradient(transparent 55%, rgba(212,168,83,.45) 55%); padding: 0 3px; }

.iay-faq h2 { margin: 0 0 24px; }
.iay-faq details { border-top: 1px solid rgba(212,168,83,.7); }
.iay-faq details:last-of-type { border-bottom: 1px solid rgba(212,168,83,.7); }
.iay-faq summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 56px; padding: 14px 0; font-family: var(--font-display); font-size: 20px; line-height: 1.3; }
.iay-faq summary::-webkit-details-marker { display: none; }
.iay-faq summary::after { content: "+"; flex-shrink: 0; font-family: var(--font-sans); font-size: 24px; color: #B07E33; transition: transform .25s ease; }
.iay-faq details[open] summary::after { transform: rotate(45deg); }
.iay-faq details p { padding: 0 0 20px; font-size: 17px; line-height: 1.65; }
.iay-anfrage__kontakt { font-size: 15px; color: rgba(244,233,223,.74); }
.iay-anfrage__kontakt a { color: var(--hellgold); }

@media (min-width: 900px) {
  .seite-iay .kopf { background: linear-gradient(to bottom, rgba(26,16,24,.85), rgba(26,16,24,0)); }
  .iay-hero__raster { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; min-height: min(100svh, 900px); }
  .iay-hero__text { order: -1; justify-content: center; padding: 140px 64px 80px max(64px, calc((100vw - 1280px) / 2 + 64px)); gap: 20px; }
  .iay-hero__bild { height: 100%; aspect-ratio: auto; }
  .iay-hero__unter { font-size: 28px; }
  /* Überschrift bündig, Text mit Einzug – wie „Ein Erlebnis, das bewegt“ */
  .einzug { margin-left: 96px; max-width: 680px; gap: 22px; }
  .iay-zeit p, .iay-ich p { font-size: 18px; }
  .iay-zeit .wrap { gap: 28px; }
  .iay-mitte { margin-bottom: 48px; }
  .iay-kacheln { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
  .kachel { padding: 36px 32px; }
  .kachel h3 { font-size: 27px; }
  .iay-galerie { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
  .iay-stimmen { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
  .iay-schritte { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
  .iay-ich__raster { display: grid; grid-template-columns: 7fr 5fr; gap: 64px; align-items: center; }
  .iay-ich .einzug { margin-left: 96px; }
  .iay-faq .einzug { max-width: 760px; gap: 0; }
}
.kachel--dunkel { background: rgba(244,233,223,.05); border-color: rgba(212,168,83,.55); }
.kachel--dunkel:hover, .kachel--dunkel:active { background-color: rgba(244,233,223,.1); box-shadow: 0 16px 32px -20px rgba(0,0,0,.8); }
.kachel--dunkel h3 { color: var(--champagner); }
.kachel--dunkel p { color: rgba(244,233,223,.8); }
.kachel--dunkel .kachel__zahl { color: var(--hellgold); }
.stimme.erscheint, .kachel.erscheint { transition: opacity .8s ease, transform .6s ease, box-shadow .35s ease, background-color .35s ease; }

/* It's About You: neutrales Anthrazit statt Tinte, passend zu Schwarz-Weiß (Ton vom Flyer) */
.seite-iay { --tinte: #2C2C2C; }
.seite-iay .hero__oben, .seite-iay .iay-hero { background-color: var(--tinte); }
@media (min-width: 900px) {
  .seite-iay .kopf { background: linear-gradient(to bottom, rgba(44,44,44,.85), rgba(44,44,44,0)); }
}
.seite-iay .kachel--dunkel:hover { box-shadow: 0 16px 32px -20px rgba(0,0,0,.9); }
.seite-iay .stimme:hover, .seite-iay .kachel:hover:not(.kachel--dunkel) { box-shadow: 0 16px 32px -20px rgba(44,44,44,.45); }

/* ===== It's About You – Überarbeitung 2 ===== */
.iay-dunkel { background: var(--tinte); color: var(--champagner); }
.iay-dunkel .titel, .iay-dunkel h2 { color: var(--champagner); }
.iay-gold-metall { background: linear-gradient(110deg, #B98A3E 0%, #F2DA92 25%, #D4A853 45%, #F6E3A6 65%, #B07E33 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; padding: .12em .12em .22em 0; margin: -.12em 0 -.14em; }
.iay-dunkel p { color: rgba(244,233,223,.86); }

/* Hero: Bild läuft weich in den Hintergrund über, Text liegt darauf */
.iay-hero__raster { display: none; }
.iay-hero__flaeche { position: relative; overflow: hidden; }
.iay-hero__bild { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; object-position: 50% 12%; }
.iay-hero__verlauf { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(44,44,44,0) 45%, rgba(44,44,44,.75) 80%, var(--tinte) 100%); }
.iay-hero__text { position: relative; margin-top: -90px; padding: 0 24px 40px; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.iay-hero h1 { padding-top: .14em; margin-top: -.14em; }

.iay-schmal { max-width: 1100px; }
.iay-kopf { display: flex; flex-direction: column; align-items: center; gap: 14px; margin-bottom: 36px; text-align: center; }
.iay-kopf .titel { margin: 0; }

.iay-zwei { display: flex; flex-direction: column; gap: 28px; }
.iay-zwei__text { display: flex; flex-direction: column; gap: 20px; }
.iay-zwei__bild { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
.iay-zwei__bild--quadrat { aspect-ratio: 1; }

.iay-galerie img.erscheint { transition: opacity .8s ease, transform .8s ease; }

.stimme--dunkel { background: rgba(244,233,223,.05); border-color: rgba(212,168,83,.55); }
.stimme--dunkel blockquote { color: var(--champagner); }
.stimme--dunkel figcaption { color: var(--hellgold); }

.kachel--hell { background: var(--champagner); border-color: transparent; }
.kachel--hell:hover, .kachel--hell:active { background-color: #FBF5EA; box-shadow: 0 18px 36px -20px rgba(0,0,0,.9); }
.kachel--hell h3 { color: #2C2C2C; }
.iay-dunkel .kachel--hell p { color: #2C2C2C; }
.kachel--hell .kachel__zahl { color: #B07E33; }

.iay-preis { margin-top: 56px; padding-top: 48px; border-top: 1px solid rgba(212,168,83,.4); display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; max-width: 720px; margin-inline: auto; }
.iay-preis .titel { margin: 0; color: var(--champagner); }
.iay-preis .iay-preis__klein { font-size: 14px; color: rgba(244,233,223,.6); }

@media (min-width: 900px) {
  .iay-hero__flaeche { height: clamp(560px, calc(100svh - 120px), 900px); }
  .iay-hero__bild { position: absolute; top: 0; right: 0; width: 58%; height: 100%; aspect-ratio: auto; object-position: 50% 20%; }
  .iay-hero__verlauf { left: auto; width: 58%; background: linear-gradient(to right, var(--tinte) 0%, rgba(44,44,44,.6) 18%, rgba(44,44,44,0) 45%), linear-gradient(to top, rgba(44,44,44,.6) 0%, rgba(44,44,44,0) 25%); }
  .iay-hero__text { position: absolute; inset: 0; margin: 0 auto; max-width: 1280px; padding: 120px 64px 64px; justify-content: center; gap: 20px; }
  .iay-hero__text > * { max-width: 560px; }
  .iay-hero__unter { font-size: 26px; }

  .iay-kopf { margin-bottom: 48px; }
  .iay-zwei { display: grid; grid-template-columns: 7fr 5fr; gap: 64px; align-items: center; }
  .iay-zwei__text { gap: 28px; }
  .iay-galerie { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  .iay-preis { margin-top: 72px; }
}
@media (min-width: 900px) { .iay-hero__text > h1 { max-width: none; } }
@media (max-width: 899px) {
  .iay-hero__verlauf { background: linear-gradient(to bottom, rgba(44,44,44,0) 55%, rgba(44,44,44,.7) 85%, var(--tinte) 100%); }
  .iay-hero__text { margin-top: -28px; }
}
@media (min-width: 900px) {
  .iay-zeit .wrap.iay-zwei, .iay-ich .wrap.iay-zwei { display: grid; grid-template-columns: 7fr 5fr; gap: 64px; align-items: center; }
}

/* ===== It's About You – Überarbeitung 3 (Desktop-Feinschliff) ===== */
/* Alles Gold als Gold metallisch */
.seite-iay .iay-script, .seite-iay .kachel__zahl, .seite-iay .iay-hero .label, .seite-iay .iay-preis__preis {
  background: linear-gradient(110deg, #B98A3E 0%, #F2DA92 25%, #D4A853 45%, #F6E3A6 65%, #B07E33 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: var(--gold);
}
/* Schreibschrift nie abschneiden: Luft für Ober- und Unterlängen */
.seite-iay .iay-script { display: inline-block; padding: .22em .2em .26em .14em; margin: -.22em 0 -.26em -.14em; line-height: 1.25; }
.seite-iay .kachel__zahl { display: inline-block; padding-right: .1em; }
.iay-preis__preis { font-family: var(--font-display); font-size: 24px; line-height: 1.3; margin: 0; }

/* Schatten für Fotos, damit sie sich vom Grund abheben */
.seite-iay .iay-zwei__bild, .seite-iay .iay-galerie img { box-shadow: 0 26px 50px -24px rgba(0,0,0,.55); }
.seite-iay .iay-dunkel .iay-zwei__bild { box-shadow: 0 26px 60px -20px rgba(0,0,0,.9); }

/* Kachel-Überschriften kursiv */
.kachel h3 em { font-style: italic; }

/* Galerie fliegt sichtbar ein */
.iay-galerie img.erscheint { opacity: 0; transform: translateY(60px) scale(.96); transition: opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); }
.iay-galerie img.erscheint.sichtbar { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .iay-galerie img.erscheint { opacity: 1; transform: none; transition: none; } }

.iay-schritte .kachel { padding: 32px 26px; }

@media (min-width: 900px) {
  /* Hero: kleinere Schrift, Textblock tiefer */
  .iay-hero h1 { font-size: clamp(56px, 4.6vw, 72px); }
  .iay-hero__unter { font-size: 22px; max-width: 26em; }
  .iay-hero__text { justify-content: flex-end; padding-bottom: 14vh; }
  .iay-preis__preis { font-size: 28px; }
}
/* Auf hellem Grund: dunklerer Metallverlauf, damit die Schrift lesbar bleibt */
.seite-iay section:not(.iay-dunkel):not(.dunkel) .iay-script,
.seite-iay .kachel--hell .kachel__zahl {
  background-image: linear-gradient(110deg, #8F6526 0%, #C9A04E 30%, #A87A33 52%, #D9B566 72%, #8F6526 100%);
}

/* ===== It's About You – Überarbeitung 4 ===== */
.seite-iay .iay-script { padding-left: .3em; margin-left: -.3em; }
/* Alle Fotos fliegen ein, wie die Galerie */
.seite-iay img.erscheint { opacity: 0; transform: translateY(60px) scale(.96); transition: opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); }
.seite-iay img.erscheint.sichtbar { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .seite-iay img.erscheint { opacity: 1; transform: none; transition: none; } }
/* Kachel-Überschriften „Für dich, wenn …“: fett, etwas kleiner */
.iay-kacheln .kachel h3 { font-weight: 700; font-size: 21px; line-height: 1.3; }
.iay-zwei__bild--hoch { aspect-ratio: auto; }
@media (min-width: 900px) {
  .iay-hero__text { padding-bottom: 8vh; }
  .einzug, .iay-ich .einzug { margin-left: 140px; }
  .iay-kacheln .kachel h3 { font-size: 22px; }
  .iay-ich .wrap.iay-zwei { align-items: stretch; }
  .iay-ich .iay-zwei__text { justify-content: center; }
  .iay-zwei__bild--hoch { height: 100%; max-height: 640px; object-fit: cover; object-position: 50% 30%; }
}
@media (min-width: 900px) {
  .iay-ich .wrap.iay-zwei { grid-template-columns: 8fr 4fr; align-items: center; }
  .iay-zwei__bild--hoch { height: auto; max-height: none; aspect-ratio: 2 / 3; }
}
.iay-preis p:not(.iay-preis__klein) { color: var(--champagner); }
/* Galerie auf etwas dunklerem Champagner, damit sie sich vom Abschnitt darüber absetzt */
.iay-galerie-grund { background: #E8DCC6; }
@media (min-width: 900px) { .iay-zeit .einzug { margin-left: 128px; } }
@media (min-width: 900px) { .iay-zeit .einzug { margin-left: 106px; } }

/* ===== It's About You – mobile Optimierung ===== */
@media (max-width: 899px) {
  /* Hero: Label nicht mehr auf dem Foto */
  .iay-hero__text { margin-top: 0; padding-top: 4px; }
  .iay-hero__verlauf { background: linear-gradient(to bottom, rgba(44,44,44,0) 60%, rgba(44,44,44,.6) 85%, var(--tinte) 100%); }
  /* Schreibschrift-Titel etwas kleiner, damit „Das bin ich – Juliane.“ schöner umbricht */
  .seite-iay .iay-script { font-size: 36px; }
  /* Ablauf: kompakte Kacheln, Zahl links neben dem Text */
  .iay-schritte { gap: 12px; }
  .iay-schritte .kachel { display: grid; grid-template-columns: 40px 1fr; column-gap: 14px; row-gap: 4px; padding: 20px 20px 22px; }
  .iay-schritte .kachel__zahl { grid-row: span 2; font-size: 36px; }
  .iay-schritte .kachel h3 { font-size: 20px; }
  .iay-schritte .kachel p { font-size: 16px; line-height: 1.6; }
  /* Kacheln „Für dich, wenn …“ etwas luftiger und kompakter */
  .iay-kacheln .kachel { padding: 24px 22px; }
  /* Dein Foto: auf dem Handy 4:5, damit es nicht zu lang wird */
  .iay-zwei__bild--hoch { aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 25%; }
  /* Preis: kürzere Zeilen */
  .iay-preis p { max-width: 34ch; }
  .iay-preis { margin-top: 40px; padding-top: 36px; }
}

/* ===== It's About You – mobiler Hero wie auf der Startseite: Foto rechts, Text links ===== */
@media (max-width: 899px) {
  .iay-hero__flaeche { height: 470px; }
  .iay-hero__bild { position: absolute; top: 0; right: 0; width: 64%; height: 100%; aspect-ratio: auto; object-fit: cover; object-position: 55% 18%; }
  .iay-hero__verlauf { left: auto; right: 0; width: 64%; background:
      linear-gradient(to right, var(--tinte) 0%, rgba(44,44,44,.55) 22%, rgba(44,44,44,0) 50%),
      linear-gradient(to top, var(--tinte) 0%, rgba(44,44,44,0) 22%); }
  .iay-hero__text { position: absolute; left: 22px; bottom: 26px; width: 58%; margin: 0; padding: 0; gap: 10px; }
  .iay-hero .label { font-size: 11px; }
  .iay-hero h1 { white-space: normal; font-size: 40px; line-height: 1.08; }
  .iay-hero__unter { font-size: 16px; line-height: 1.4; }
  .iay-hero .btn { padding: 12px 18px; font-size: 15px; min-height: 46px; white-space: nowrap; }
}
@media (max-width: 899px) { .iay-hero__text { width: 54%; } .iay-hero__unter { font-size: 15px; } }
@media (max-width: 899px) { .iay-hero h1 { font-size: clamp(32px, 9.6vw, 40px); } .iay-hero .label { white-space: nowrap; font-size: 10.5px; } }
/* Mobiler Hero, Runde 2: Titel in einer Zeile, Text im weichen Übergang unten */
@media (max-width: 899px) {
  .iay-hero__flaeche { height: 540px; }
  .iay-hero__bild { width: 74%; object-position: 55% 10%; }
  .iay-hero__verlauf { width: 74%; background:
      linear-gradient(to right, var(--tinte) 0%, rgba(44,44,44,.5) 20%, rgba(44,44,44,0) 45%),
      linear-gradient(to top, var(--tinte) 0%, var(--tinte) 24%, rgba(44,44,44,.6) 40%, rgba(44,44,44,0) 58%); }
  .iay-hero__text { left: 22px; right: 22px; width: auto; bottom: 24px; gap: 10px; }
  .iay-hero .label { margin-bottom: 8px; }
  .iay-hero h1 { white-space: nowrap; font-size: clamp(34px, 10.4vw, 44px); margin: 0 0 -.14em; padding-left: .12em; }
  .iay-hero__unter { max-width: 24em; }
}
@media (max-width: 899px) { .iay-hero__flaeche { height: 520px; } }
@media (max-width: 899px) { .seite-iay .einzug { margin-left: 28px; } }
/* Mobiler Hero, Runde 3: Lydia bleibt sichtbar, Label höher */
@media (max-width: 899px) {
  .iay-hero__verlauf { background:
      linear-gradient(to right, var(--tinte) 0%, rgba(44,44,44,.45) 18%, rgba(44,44,44,0) 40%),
      linear-gradient(to top, var(--tinte) 0%, rgba(44,44,44,.85) 12%, rgba(44,44,44,.35) 30%, rgba(44,44,44,0) 46%); }
  .iay-hero .label { margin-bottom: 22px; }
  .iay-hero__unter, .iay-hero .label { text-shadow: 0 1px 10px rgba(0,0,0,.55); }
}
@media (max-width: 899px) { .iay-zeit .iay-zwei__bild { width: 70%; max-width: 280px; margin-left: auto; margin-right: auto; } }
@media (max-width: 899px) { .iay-hero__unter { font-size: 19px; line-height: 1.35; } }

/* ===== Einheitliche Textgrößen auf dem Handy (Startseite und It's About You) ===== */
@media (max-width: 899px) {
  main p:not(.iay-hero__unter):not(.hero__unter):not(.karte__gross):not(.label):not(.iay-wenn__schluss):not(.iay-preis__klein),
  main dd, .keynote__kasten dd { font-size: 16px; line-height: 1.65; }
  .stimme blockquote { font-size: 18px; }
  .iay-wenn__schluss { font-size: 20px; }

  /* Kacheln „Für dich, wenn …“: Hochformat zum Wischen */
  .iay-kacheln { display: flex; flex-direction: row; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; margin: 0 -24px; padding: 4px 24px 18px; scrollbar-width: none; }
  .iay-kacheln::-webkit-scrollbar { display: none; }
  .iay-kacheln .kachel { flex: 0 0 74%; scroll-snap-align: center; min-height: 330px; padding: 28px 22px; justify-content: flex-start; }
  .iay-kacheln .kachel:hover { transform: none; }
  .iay-kacheln .kachel h3 { font-size: 21px; }
  .iay-wisch-hinweis { display: block; text-align: center; font-size: 13px; color: var(--lavendel-asche); margin-top: 4px; }
}
@media (min-width: 900px) { .iay-wisch-hinweis { display: none; } }
/* Kacheln „Für dich, wenn …“ auf dem Handy wieder untereinander, schmaler und eher hochformatig */
@media (max-width: 899px) {
  .iay-kacheln { display: flex; flex-direction: column; align-items: center; gap: 16px; overflow: visible; margin: 0; padding: 0; scroll-snap-type: none; }
  .iay-kacheln .kachel { flex: none; width: 100%; max-width: 310px; min-height: 0; padding: 30px 24px 32px; }
}
@media (max-width: 899px) { .iay-hero .label { margin-bottom: 6px; } }
/* Preis mit Bild, damit am Ende nicht nur Text steht */
.iay-preis--mit-bild { max-width: 1040px; display: flex; flex-direction: column; align-items: center; gap: 28px; }
.iay-preis__bild { width: 70%; max-width: 280px; height: auto; aspect-ratio: 4 / 5; object-fit: cover; box-shadow: 0 26px 60px -20px rgba(0,0,0,.9); }
.iay-preis__text { display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
@media (min-width: 900px) {
  .iay-preis--mit-bild { display: grid; grid-template-columns: 4fr 7fr; gap: 64px; align-items: center; text-align: left; }
  .iay-preis__bild { width: 100%; max-width: none; }
  .iay-preis__text { align-items: flex-start; text-align: left; }
  .iay-preis__text p { max-width: 52ch; }
}
@media (min-width: 900px) { .iay-preis:not(.iay-preis--mit-bild) .iay-preis__text { align-items: center; text-align: center; } }
/* Ablauf: Zahlen nicht mehr vergrößern, damit sie nicht in die Zwischenräume ragen */
.iay-schritte .kachel:hover .kachel__zahl, .iay-schritte .kachel:active .kachel__zahl { transform: none; }
@media (max-width: 899px) { .iay-schritte .kachel:hover, .iay-schritte .kachel:active { transform: none; } }
.iay-galerie-grund { background: #DCCFC3; }
.iay-galerie-grund { background: #EADBD3; }
/* It's About You: Champagner ohne Gelbstich (Variante B „Champagner rosé“) */
.seite-iay { --champagner: #F4E9DF; }
.iay-galerie-grund { background: #E9DACB; }
.seite-iay .kachel--hell:hover, .seite-iay .kachel--hell:active { background-color: #F9F2EC; }
.seite-iay .kachel:not(.kachel--dunkel):not(.kachel--hell):hover { background-color: #EFE2D6; }

/* Fuß kompakter: Menü entfernt, Copyright mit Impressum und Datenschutz in einer Zeile, darunter Social Media */
.fuss__oben { gap: 0; }
.fuss__linie { margin: 24px 0 8px; }
.fuss__unten { gap: 0; }
.fuss__unten div { gap: 0 18px; }
.fuss a { min-height: 36px; }
.fuss__unten span { white-space: nowrap; }
@media (min-width: 900px) { .fuss__linie { margin: 32px 0 8px; } }
.fuss__copy { line-height: 1.35; white-space: normal !important; }
.fuss__unten div:first-child { align-items: center; flex-wrap: nowrap; gap: 0 22px; }
/* „Für dich, wenn …“: Überschriften nicht mehr kursiv, Text leicht eingerückt */
.iay-kacheln .kachel h3 em { font-style: normal; }
.iay-kacheln .kachel p { margin-left: 16px; }
@media (min-width: 900px) { .iay-kacheln .kachel p { margin-left: 20px; } }
/* Ablauf auf dem Handy: einheitliche, fast quadratische Kacheln, Zahl über dem Text */
@media (max-width: 899px) {
  .iay-schritte { align-items: center; gap: 16px; }
  .iay-schritte .kachel { display: flex; flex-direction: column; gap: 8px; width: 100%; max-width: 310px; aspect-ratio: 1 / 1; padding: 26px 24px; justify-content: flex-start; }
  .iay-schritte .kachel__zahl { font-size: 44px; }
  .iay-schritte .kachel h3 { font-size: 21px; }
}
/* Startseite „Ein Erlebnis, das bewegt“: Text mit Einzug wie auf den anderen Seiten */
.vorstellung__text { margin-left: 28px; }
@media (min-width: 900px) { .vorstellung__text { margin-left: 140px; max-width: none; } }
/* Fuß: Copyright, Impressum und Datenschutz in einer Zeile, auch auf kleinen Handys */
.fuss__copy { white-space: nowrap !important; }
@media (max-width: 899px) {
  .fuss__unten { font-size: 13px; }
  .fuss__unten div:first-child { gap: 0 16px; flex-wrap: nowrap; }
}
@media (max-width: 349px) { .fuss__unten { font-size: 12px; } .fuss__unten div:first-child { gap: 0 10px; } }
/* Google-Bewertung unter „Was Frauen über ihr Shooting sagen“ */
.bewertung { display: inline-flex; flex-direction: column; align-items: center; gap: 6px; margin-top: 4px; text-decoration: none; color: var(--champagner); }
.bewertung__sterne { display: inline-flex; gap: 3px; }
.bewertung__text { font-size: 14px; color: rgba(244,233,223,.8); border-bottom: 1px solid rgba(212,168,83,.6); padding-bottom: 2px; }
.bewertung:hover .bewertung__text { color: var(--champagner); border-bottom-color: var(--gold); }

/* =================== Über mich =================== */
.um-hero { position: relative; background: #F7F6F3; }
.um-hero__bild img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
.um-hero__text { padding: 28px 24px 48px; display: flex; flex-direction: column; gap: 14px; background: var(--champagner); }
.um-hero h1 { margin: 0; font-size: 32px; line-height: 1.15; }
.um-hero__unter { font-size: 18px !important; line-height: 1.55; color: var(--lavendel-asche); }

.um-weg__raster { display: flex; flex-direction: column; gap: 36px; }
.um-weg h2 { margin: 0 0 32px; }
.zeitstrahl { list-style: none; margin: 0; padding: 0 0 0 28px; position: relative; display: flex; flex-direction: column; gap: 40px; }
.zeitstrahl::before { content: ""; position: absolute; left: 6px; top: 8px; bottom: 8px; width: 1.5px; background: linear-gradient(to bottom, #B98A3E, #F2DA92 40%, #D4A853 70%, #B07E33); }
.zeitstrahl__punkt { position: relative; }
.zeitstrahl__punkt::before { content: ""; position: absolute; left: -28px; top: 7px; width: 14px; height: 14px; border-radius: 999px; background: var(--gold-metallisch); box-shadow: 0 0 0 4px var(--champagner); }
.zeitstrahl h3 { margin: 0 0 10px; font-size: 22px; line-height: 1.25; }
.zeitstrahl p a { color: var(--tinte); text-decoration: none; border-bottom: 1px solid var(--gold); }
.um-weg__bild { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; box-shadow: 0 26px 50px -24px rgba(0,0,0,.55); }

.um-leitsatz { margin: 0 auto 40px; max-width: 18ch; text-align: center; font-size: 34px; line-height: 1.2; background: linear-gradient(110deg, #B98A3E 0%, #F2DA92 25%, #D4A853 45%, #F6E3A6 65%, #B07E33 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: var(--gold); }
.um-wege { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: center; gap: 16px; }
.um-wege .kachel { width: 100%; max-width: 340px; }
.um-wege .kachel h3 { font-size: 22px; }
.um-link { align-self: flex-start; margin-top: 6px; color: var(--hellgold); text-decoration: none; border-bottom: 1px solid rgba(212,168,83,.6); min-height: 32px; display: inline-flex; align-items: center; }
.um-link::after { content: " →"; margin-left: 6px; }
.um-preis { margin-top: 4px; font-size: 14px; color: var(--tinte); text-align: center; }

.um-privat__bild img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }

.um-ende__innen { display: flex; flex-direction: column; align-items: center; gap: 24px; text-align: center; }
.um-ende h2 { margin: 0; color: var(--champagner); }
.um-ende__buttons { display: flex; flex-direction: column; gap: 14px; align-items: center; }

@media (max-width: 899px) { .seite-um .einzug { margin-left: 28px; } }
@media (min-width: 900px) {
  .um-hero { height: clamp(560px, calc(100vh - 92px), 820px); overflow: hidden; }
  .um-hero__bild img { position: absolute; inset: 0; height: 100%; aspect-ratio: auto; object-position: 70% 30%; }
  .um-hero__text { position: absolute; inset: 0; max-width: 1280px; margin: 0 auto; padding: 0 64px; justify-content: center; background: none; }
  .um-hero__text > * { max-width: 520px; }
  .um-hero h1 { font-size: 52px; line-height: 1.1; }
  .um-hero__unter { font-size: 20px !important; }

  .um-weg__raster { display: grid; grid-template-columns: 7fr 5fr; gap: 64px; align-items: start; }
  .zeitstrahl { margin-left: 72px; padding-left: 36px; gap: 48px; }
  .zeitstrahl__punkt::before { left: -36px; }
  .zeitstrahl h3 { font-size: 26px; }
  .um-weg__bild { position: sticky; top: 40px; margin-top: 88px; }

  .um-leitsatz { font-size: 48px; max-width: 22ch; margin-bottom: 56px; }
  .um-wege { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; max-width: 1100px; margin-inline: auto; }
  .um-wege .kachel { max-width: none; }
  .um-privat__bild img { aspect-ratio: 21 / 9; object-position: 50% 55%; }
  .um-ende__buttons { flex-direction: row; }
}
@media (min-width: 900px) { .um-hero__text > * { max-width: 440px; } .um-hero h1 { font-size: 48px; } }
/* Nebenbutton auf dunklem Grund: Goldrand */
.btn--goldrand { color: var(--champagner); border: 1.5px solid transparent; background: linear-gradient(var(--tinte), var(--tinte)) padding-box, var(--gold-metallisch) border-box; }
.btn--goldrand:hover { color: var(--champagner); background: linear-gradient(#2a1c26, #2a1c26) padding-box, var(--gold-metallisch) border-box; }
.um-privat .titel { margin-bottom: 24px; }
@media (min-width: 900px) { .um-leitsatz { max-width: 26ch; } }

/* ===== Über mich – Hero wie Startseite / It's About You ===== */
.um-hero { position: relative; background: var(--tinte); color: var(--champagner); }
.um-hero__flaeche { position: relative; overflow: hidden; height: 520px; }
.um-hero__bild img { position: absolute; top: 0; right: 0; width: 74%; height: 100%; aspect-ratio: auto; object-fit: cover; object-position: 45% 15%; }
.um-hero__verlauf { position: absolute; top: 0; right: 0; bottom: 0; width: 74%; background:
  linear-gradient(to right, var(--tinte) 0%, rgba(26,16,24,.55) 20%, rgba(26,16,24,0) 46%),
  linear-gradient(to top, var(--tinte) 0%, rgba(26,16,24,.85) 12%, rgba(26,16,24,.3) 30%, rgba(26,16,24,0) 46%); }
.um-hero__text { position: absolute; left: 22px; right: 22px; bottom: 24px; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 0; background: none; }
.um-hero .label { color: var(--hellgold); margin-bottom: 4px; text-shadow: 0 1px 10px rgba(0,0,0,.55); }
.um-hero h1 { margin: 0; font-size: clamp(28px, 8vw, 34px); line-height: 1.12; color: var(--champagner); text-shadow: 0 1px 14px rgba(0,0,0,.45); }
.um-hero__unter { font-family: var(--font-display); font-size: 18px !important; line-height: 1.35; color: var(--champagner) !important; max-width: 24em; text-shadow: 0 1px 10px rgba(0,0,0,.55); }
.um-hero .btn { margin-top: 4px; padding: 12px 18px; font-size: 15px; min-height: 46px; }
@media (min-width: 900px) {
  .seite-um .kopf { background: linear-gradient(to bottom, rgba(26,16,24,.85), rgba(26,16,24,0)); }
  .um-hero__flaeche { height: clamp(540px, calc(100vh - 166px), 62vw); height: clamp(540px, calc(100svh - 166px), 62vw); }
  .um-hero__bild img { width: 60%; object-position: 62% 25%; }
  .um-hero__verlauf { width: 60%; background:
    linear-gradient(to right, var(--tinte) 0%, rgba(26,16,24,.6) 18%, rgba(26,16,24,0) 45%),
    linear-gradient(to top, rgba(26,16,24,.6) 0%, rgba(26,16,24,0) 25%); }
  .um-hero__text { inset: 0; left: 0; right: 0; bottom: auto; height: 100%; max-width: 1280px; margin: 0 auto; padding: 120px 64px 64px; justify-content: center; gap: 22px; }
  .um-hero__text > * { max-width: 560px; }
  .um-hero h1 { font-size: clamp(42px, 3.6vw, 52px); line-height: 1.12; text-shadow: none; }
  .um-hero__unter { font-size: 22px !important; text-shadow: none; }
  .um-hero .btn { padding: 14px 32px; font-size: 17px; }
}
.um-auszeichnung { margin: 40px 0 0 28px; padding-top: 16px; border-top: 1px solid rgba(212,168,83,.6); font-size: 14px !important; color: var(--lavendel-asche); }
@media (min-width: 900px) { .um-auszeichnung { margin-left: 108px; } }
@media (min-width: 900px) { .um-hero { height: auto; } }
@media (min-width: 900px) { .um-hero__bild img { inset: 0 0 0 auto; left: auto; right: 0; width: 60%; } .um-hero__text > * { max-width: 560px; } .um-hero h1 { font-size: clamp(42px, 3.6vw, 52px); } }

/* ===== Über mich – heller Hero, passend zum hellen Foto ===== */
.um-hero { background: var(--champagner); color: var(--tinte); }
.um-hero__verlauf { background:
  linear-gradient(to right, var(--champagner) 0%, rgba(244,233,223,.55) 20%, rgba(244,233,223,0) 46%),
  linear-gradient(to top, var(--champagner) 0%, rgba(244,233,223,.85) 12%, rgba(244,233,223,.3) 30%, rgba(244,233,223,0) 46%); }
.um-hero .label { color: #8F6526; text-shadow: none; }
.um-hero h1 { color: var(--tinte); text-shadow: 0 1px 12px rgba(244,233,223,.9); }
.um-hero__unter { color: var(--tinte) !important; text-shadow: 0 1px 10px rgba(244,233,223,.9); }
/* Kopfzeile auf hellem Grund: dunkle Schrift */
.seite-um .kopf { background: var(--champagner); }
.seite-um .kopf__name, .seite-um .kopf__name:hover { color: var(--tinte); }
.seite-um .menu-knopf span { background: var(--tinte); }
@media (min-width: 900px) {
  .seite-um .kopf { background: linear-gradient(to bottom, rgba(244,233,223,.9), rgba(244,233,223,0)); }
  .seite-um .hauptmenue a { color: rgba(26,16,24,.8); }
  .seite-um .hauptmenue a:hover, .seite-um .hauptmenue a[aria-current="page"] { color: var(--tinte); }
  .um-hero__verlauf { background:
    linear-gradient(to right, var(--champagner) 0%, rgba(244,233,223,.6) 16%, rgba(244,233,223,0) 40%); }
  .um-hero h1, .um-hero__unter { text-shadow: none; }
}
/* „Bekannt aus“ auf hellem Grund (Über mich): helles Champagner, goldene Pfeile ohne Kreis */
.medien--hell { background: #FAF4EE; }
.medien--hell .pfeil, .medien--hell .pfeil:hover { background: none; border: 0; }
.medien--hell .pfeil svg { width: 26px; height: 26px; }
.medien--hell .pfeil:hover svg { transform: scale(1.12); }
.medien--hell .pfeil svg { transition: transform .25s ease; }

/* „Bekannt aus“ in Tinte: schmaler, Label links, Logos dichter, Pfeile in Gold */
.medien--tinte { background: var(--tinte); border: 0; }
.medien--tinte .medien__innen { padding: 16px 20px 18px; gap: 8px; align-items: flex-start; }
.medien--tinte .label { color: var(--champagner); font-size: 11px; }
.medien--tinte .medien__zeile { gap: 4px; }
.medien--tinte .medien__spur li { height: 40px; padding: 0 6px; }
.medien--tinte .pfeil, .medien--tinte .pfeil:hover { background: none; border: 0; width: 36px; height: 40px; }
.medien--tinte .pfeil svg { width: 22px; height: 22px; transition: transform .25s ease; }
.medien--tinte .pfeil:hover svg { transform: scale(1.12); }
@media (min-width: 900px) {
  .medien--tinte .medien__innen { flex-direction: row; align-items: center; max-width: 1280px; margin: 0 auto; padding: 14px 64px; gap: 32px; }
  .medien--tinte .label { flex-shrink: 0; margin: 0; font-size: 12px; }
  .medien--tinte .medien__zeile { max-width: none; flex: 1; gap: 8px; }
  .medien--tinte .medien__spur li { flex-basis: 16.666%; height: 44px; padding: 0 10px; }
}
@media (max-width: 899px) { .medien--tinte .medien__spur li { flex-basis: 33.333%; } }

/* „Du kennst mich aus“: helles Lavendel, schmal, Label mittig, Pfeile in Gold */
.medien--lavendel { background: #EBE3E8; border: 0; }
.medien--lavendel .medien__innen { padding: 16px 20px 18px; gap: 6px; align-items: center; }
.medien--lavendel .label { color: var(--lavendel-asche); font-size: 11px; }
.medien--lavendel .medien__zeile { gap: 4px; }
.medien--lavendel .medien__spur li { flex-basis: 33.333%; height: 40px; padding: 0 6px; }
.medien--lavendel .pfeil, .medien--lavendel .pfeil:hover { background: none; border: 0; width: 36px; height: 40px; }
.medien--lavendel .pfeil svg { width: 22px; height: 22px; transition: transform .25s ease; }
.medien--lavendel .pfeil:hover svg { transform: scale(1.12); }
@media (min-width: 900px) {
  .medien--lavendel .medien__innen { padding: 16px 64px 18px; gap: 6px; }
  .medien--lavendel .label { font-size: 12px; }
  .medien--lavendel .medien__zeile { max-width: 1100px; gap: 8px; }
  .medien--lavendel .medien__spur li { flex-basis: 16.666%; height: 44px; padding: 0 10px; }
}
/* Über mich Hero auf mittleren Breiten (Tablet, kleiner Laptop): Foto weiter rechts, Text schmaler */
@media (min-width: 900px) and (max-width: 1279px) {
  .um-hero__bild img { width: 52%; object-position: 72% 25%; }
  .um-hero__verlauf { width: 52%; }
  .um-hero__text > * { max-width: 44vw; }
  .um-hero h1 { font-size: clamp(36px, 3.8vw, 46px); }
  .um-hero__unter { font-size: 19px !important; }
}
@media (max-width: 899px) { .um-hero__bild img { width: 78%; object-position: 18% 12%; } .um-hero__verlauf { width: 78%; } }

/* Logos optisch angeglichen: Maßstab ist NDR */
.logo-sat1, .logo-wdr { max-height: 12px; }
.logo-emotion, .logo-brigitte { max-height: 14px; }
.logo-zeit { max-height: 14px; }
.logo-zdf { max-height: 23px; }
@media (min-width: 900px) {
  .logo-sat1, .logo-wdr { max-height: 16px; }
  .logo-emotion, .logo-brigitte { max-height: 19px; }
  .logo-zeit { max-height: 18px; }
  .logo-zdf { max-height: 30px; }
}
.medien--lavendel { background: #EFE2D6; } .medien--lavendel .label { color: #8F6526; }
@media (min-width: 900px) { .um-hero__text { justify-content: flex-end; padding-bottom: 8vh; } }
@media (min-width: 900px) { .hero__text { justify-content: flex-end; padding-bottom: 8vh; } }
.medien--lavendel .label { color: var(--tinte); }
/* Logostreifen etwas luftiger */
.medien--lavendel .medien__innen { padding-top: 24px; padding-bottom: 26px; gap: 10px; }
@media (min-width: 900px) { .medien--lavendel .medien__innen { padding-top: 26px; padding-bottom: 28px; gap: 10px; } }

/* ===== Über mich: Weg im Zickzack ===== */
.um-weg h2 { margin: 0 0 32px; }
.weg { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 48px; position: relative; }
.weg-schritt { display: flex; flex-direction: column; gap: 18px; }
.weg-schritt__bild { width: 78%; max-width: 320px; height: auto; aspect-ratio: 4 / 5; object-fit: cover; box-shadow: 0 26px 50px -24px rgba(0,0,0,.55); }
.weg-schritt--rechts .weg-schritt__bild { align-self: flex-end; }
.weg-schritt__text { display: flex; flex-direction: column; gap: 8px; margin-left: 28px; }
.weg-schritt__alter { font-size: 12px !important; letter-spacing: .12em; text-transform: uppercase; color: #8F6526; }
.weg-schritt h3 { margin: 0 0 6px; font-size: 24px; line-height: 1.25; }
.weg-schritt__text a { color: var(--tinte); text-decoration: none; border-bottom: 1px solid var(--gold); }
.um-auszeichnung { margin: 48px 0 0 28px; }
@media (min-width: 900px) {
  .weg { gap: 88px; }
  .weg::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: linear-gradient(to bottom, rgba(212,168,83,0), #D4A853 10%, #D4A853 90%, rgba(212,168,83,0)); }
  .weg-schritt { display: grid; grid-template-columns: 1fr 1fr; gap: 0 112px; align-items: center; position: relative; }
  .weg-schritt::after { content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 14px; margin: -7px 0 0 -6px; border-radius: 999px; background: var(--gold-metallisch); box-shadow: 0 0 0 5px var(--champagner); }
  .weg-schritt__bild { width: 100%; max-width: 420px; justify-self: end; }
  .weg-schritt__text { margin-left: 0; max-width: 480px; }
  .weg-schritt--rechts .weg-schritt__bild { order: 2; justify-self: start; align-self: center; }
  .weg-schritt--rechts .weg-schritt__text { order: 1; justify-self: end; }
  .weg-schritt h3 { font-size: 28px; }
  .um-auszeichnung { margin: 72px auto 0; text-align: center; max-width: 640px; padding-top: 16px; }
}

/* ===== Über mich: In den Medien ===== */
.presse h2 { margin: 0 0 32px; }
.presse__highlights { display: grid; grid-template-columns: 1fr; gap: 24px; margin-bottom: 40px; }
.presse__karte { display: flex; flex-direction: column; gap: 8px; color: var(--tinte); text-decoration: none; }
.presse__karte:hover { color: var(--tinte); }
.presse__bild { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; box-shadow: 0 26px 50px -24px rgba(0,0,0,.55); }
.presse__bild img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.presse__karte:hover .presse__bild img { transform: scale(1.03); }
.presse__play { position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; border-radius: 999px; background: rgba(26,16,24,.7); }
.presse__play::after { content: ""; position: absolute; left: 26px; top: 20px; border-left: 18px solid #E6C77F; border-top: 12px solid transparent; border-bottom: 12px solid transparent; }
.presse__label { margin-top: 8px; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: #8F6526; }
.presse__titel { font-family: var(--font-display); font-size: 21px; line-height: 1.3; }
.presse__link { align-self: flex-start; font-size: 15px; border-bottom: 1px solid var(--gold); }
.presse__link::after, .presse__zeile a::after { content: " →"; }
.presse__liste { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(212,168,83,.6); }
.presse__zeile { display: grid; grid-template-columns: 1fr auto; gap: 2px 16px; padding: 14px 0; border-bottom: 1px solid rgba(212,168,83,.6); align-items: baseline; }
.presse__datum { grid-column: 1 / -1; font-size: 13px; color: var(--lavendel-asche); }
.presse__datum:empty { display: none; }
.presse__medium { font-family: var(--font-display); font-size: 19px; }
.presse__art { grid-column: 1; font-size: 15px; color: var(--lavendel-asche); }
.presse__zeile a, .presse__zeile > span:last-child:not(.presse__art) { grid-column: 2; grid-row: 1 / span 3; align-self: center; font-size: 15px; color: var(--tinte); text-decoration: none; border-bottom: 1px solid var(--gold); white-space: nowrap; }
.presse__zeile > span:last-child:not(.presse__art) { border: 0; color: var(--lavendel-asche); }
.presse__zwischen { margin: 48px 0 16px; font-size: 22px; }
@media (min-width: 900px) {
  .presse__highlights { grid-template-columns: 1fr 1fr; gap: 40px; margin-bottom: 56px; }
  .presse__liste, .presse__zwischen { margin-left: 106px; max-width: 900px; }
  .presse__zeile { grid-template-columns: 120px 240px 1fr auto; gap: 0 24px; align-items: center; padding: 16px 0; }
  .presse__datum, .presse__medium, .presse__art { grid-column: auto; grid-row: auto; }
  .presse__datum:empty { display: block; }
  .presse__zeile a, .presse__zeile > span:last-child:not(.presse__art) { grid-column: auto; grid-row: auto; }
}

/* ===== Über mich: Zeitstrahl links, Text mit Einzug, Bild daneben im Zickzack ===== */
.um-intro { padding-bottom: 0; }
.um-intro__text { font-family: var(--font-display); font-size: 21px !important; line-height: 1.5; max-width: 760px; margin: 0 auto !important; text-align: center; color: var(--lavendel-asche); }
.weg::before { content: ""; position: absolute; left: 6px; top: 8px; bottom: 8px; width: 1.5px; background: linear-gradient(to bottom, #B98A3E, #F2DA92 40%, #D4A853 70%, #B07E33); }
.weg { padding-left: 32px; gap: 56px; }
.weg-schritt { display: block; position: relative; }
.weg-schritt::after { content: ""; position: absolute; left: -32px; top: 4px; width: 14px; height: 14px; border-radius: 999px; background: var(--gold-metallisch); box-shadow: 0 0 0 4px var(--champagner); margin: 0; }
.weg-schritt__bild { float: right; width: 40%; max-width: 220px; margin: 4px 0 12px 16px; }
.weg-schritt--rechts .weg-schritt__bild { float: left; margin: 4px 16px 12px 0; align-self: auto; }
.weg-schritt__text { display: block; margin-left: 0; }
.weg-schritt__text p:not(.weg-schritt__alter) { margin-left: 0; }
.weg-schritt::before { content: ""; display: table; } .weg-schritt { overflow: hidden; }
@media (min-width: 900px) {
  .weg { padding-left: 64px; gap: 88px; }
  .weg::before { left: 6px; }
  .weg-schritt { display: grid; grid-template-columns: 7fr 5fr; gap: 0 64px; align-items: start; overflow: visible; }
  .weg-schritt::before { display: none; }
  .weg-schritt::after { left: -64px; top: 30px; margin: 0; }
  .weg-schritt__bild { float: none; width: 100%; max-width: 400px; margin: 0; justify-self: start; }
  .weg-schritt--rechts { grid-template-columns: 5fr 7fr; }
  .weg-schritt--rechts .weg-schritt__bild { float: none; margin: 0; order: 0; justify-self: end; }
  .weg-schritt--rechts .weg-schritt__text { order: 1; justify-self: start; }
  .weg-schritt:not(.weg-schritt--rechts) .weg-schritt__bild { order: 2; }
  .weg-schritt__text { max-width: 600px; }
  .weg-schritt__text p:not(.weg-schritt__alter) { margin-left: 40px; }
  .weg-schritt--rechts::after { left: -64px; }
}
.weg-schritt { overflow: visible; display: flow-root; } @media (min-width: 900px) { .weg-schritt { display: grid; } }

/* ===== Über mich: Zeitstrahl mittig, Bild und Text abwechselnd ===== */
@media (min-width: 900px) {
  .weg { padding-left: 0; gap: 96px; }
  .weg::before { left: 50%; margin-left: -0.75px; top: 0; bottom: 0; background: linear-gradient(to bottom, rgba(212,168,83,0), #D4A853 8%, #D4A853 92%, rgba(212,168,83,0)); }
  .weg-schritt, .weg-schritt--rechts { grid-template-columns: 1fr 1fr; gap: 0 112px; align-items: center; }
  .weg-schritt::after, .weg-schritt--rechts::after { left: 50%; top: 50%; margin: -7px 0 0 -7px; }
  /* 1 und 3: Bild links, Text rechts; 2: Text links, Bild rechts */
  .weg-schritt:not(.weg-schritt--rechts) .weg-schritt__bild { order: 0; justify-self: end; }
  .weg-schritt:not(.weg-schritt--rechts) .weg-schritt__text { order: 1; justify-self: start; }
  .weg-schritt--rechts .weg-schritt__text { order: 0; justify-self: end; }
  .weg-schritt--rechts .weg-schritt__bild { order: 1; justify-self: start; }
  .weg-schritt__bild { width: 100%; max-width: 380px; }
  .weg-schritt__text { max-width: 480px; }
  .weg-schritt__text p:not(.weg-schritt__alter) { margin-left: 32px; }
}
@media (min-width: 900px) { .um-weg h2 { text-align: center; margin-bottom: 64px; } }
/* Wendepunkte ohne Bild: Text abwechselnd rechts und links der Mittellinie */
@media (min-width: 900px) {
  .weg-schritt--nurtext:not(.weg-schritt--rechts) .weg-schritt__text { grid-column: 2; justify-self: start; }
  .weg-schritt--nurtext.weg-schritt--rechts .weg-schritt__text { grid-column: 1; justify-self: end; }
  .weg { gap: 72px; }
}
@media (max-width: 899px) { .weg-schritt__text p:not(.weg-schritt__alter) { margin-left: 20px; } }

/* ===== Über mich: Absatz mit Goldbild, Wendepunkte ohne Zeitstrahl ===== */
.um-intro { padding-bottom: 32px; }
.um-intro__raster { display: flex; flex-direction: column; gap: 28px; }
.um-intro__text p { font-family: var(--font-display); font-size: 21px !important; line-height: 1.5; text-align: left; color: var(--tinte); max-width: none; margin: 0 !important; }
.um-intro__bild { width: 100%; max-width: 380px; height: auto; aspect-ratio: 4 / 5; object-fit: cover; box-shadow: 0 26px 50px -24px rgba(0,0,0,.55); align-self: center; }
.um-wenden h2 { margin: 0 0 32px; }
.um-wende h3 { margin: 0 0 14px; font-size: 24px; line-height: 1.25; }
.um-wende a { color: var(--tinte); text-decoration: none; border-bottom: 1px solid var(--gold); }
.um-kringel { display: block; width: 120px; height: auto; margin: 36px auto; }
.um-auszeichnung { margin: 48px 0 0; text-align: center; padding-top: 16px; }
@media (max-width: 899px) { .um-intro__text.einzug, .um-wende .einzug { margin-left: 28px; } }
@media (min-width: 900px) {
  .um-intro__raster { display: grid; grid-template-columns: 7fr 5fr; gap: 64px; align-items: center; }
  .um-intro__text.einzug { margin-left: 106px; }
  .um-intro__text p { font-size: 24px !important; }
  .um-wenden h2 { margin-bottom: 48px; text-align: left; }
  .um-wende { max-width: 980px; }
  .um-wende h3 { font-size: 28px; }
  .um-wende .einzug { margin-left: 106px; max-width: 760px; }
  .um-kringel { width: 150px; margin: 48px auto 48px 106px; }
  .um-auszeichnung { max-width: 640px; margin: 64px auto 0; }
}
/* Wendepunkte: Zeitstrahl links, Punkt an jeder Überschrift, Text mit Einzug */
.um-strahl { position: relative; padding-left: 32px; display: flex; flex-direction: column; gap: 48px; }
.um-strahl::before { content: ""; position: absolute; left: 6px; top: 10px; bottom: 10px; width: 1.5px; background: linear-gradient(to bottom, #B98A3E, #F2DA92 40%, #D4A853 70%, #B07E33); }
.um-strahl .um-wende { position: relative; }
.um-strahl .um-wende::before { content: ""; position: absolute; left: -32px; top: 8px; width: 14px; height: 14px; border-radius: 999px; background: var(--gold-metallisch); box-shadow: 0 0 0 4px var(--champagner); }
.um-wende .markiert { font-weight: 400; }
@media (min-width: 900px) {
  .um-strahl { padding-left: 48px; gap: 64px; }
  .um-strahl .um-wende::before { left: -48px; top: 12px; }
  .um-wende .einzug { margin-left: 58px; }
}
@media (max-width: 899px) { .um-strahl .um-wende .einzug { margin-left: 20px; } }

/* ===== Über mich, Aufbau 3 ===== */
.um-zwei__raster { display: flex; flex-direction: column; gap: 28px; }
.um-zwei h2 { margin: 0 0 20px; }
.um-zwei .einzug p { font-size: 17px; line-height: 1.7; }
.um-zwei__bild { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; box-shadow: 0 26px 50px -24px rgba(0,0,0,.55); }
.um-zwei__bild--quer { aspect-ratio: 3 / 2; }
.um-zwei + .um-zwei { padding-top: 0; }
.um-details h2 { margin: 0 0 32px; }
.um-details__liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 16px; }
.um-details__liste img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; margin: -28px -24px 8px; width: calc(100% + 48px); max-width: none; }
.um-details__liste .kachel { overflow: hidden; }
.um-details__liste .kachel h3 { font-size: 21px; }
.presse__mehr { margin-top: 32px; text-align: center; }
@media (max-width: 899px) { .um-zwei .einzug { margin-left: 28px; } .um-zwei--gespiegelt .um-zwei__bild { order: 2; } .um-zwei__bild { max-width: 420px; } }
@media (min-width: 900px) {
  .um-zwei__raster { display: grid; grid-template-columns: 7fr 5fr; gap: 64px; align-items: center; }
  .um-zwei--gespiegelt .um-zwei__raster { grid-template-columns: 5fr 7fr; }
  .um-zwei .einzug { margin-left: 106px; }
  .um-zwei .einzug p { font-size: 18px; }
  .um-zwei h2 { margin-bottom: 24px; }
  .um-details__liste { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
  .um-details__liste img { margin: -36px -32px 8px; width: calc(100% + 64px); }
}

/* Untermenü „Presse“ unter Über mich */
.untermenue { list-style: none; margin: 0; padding: 0 0 0 18px; }
.untermenue a { font-size: 16px !important; }
@media (min-width: 900px) {
  .hat-unter { position: relative; }
  .untermenue { position: absolute; left: -16px; top: 100%; min-width: 150px; padding: 10px 16px; background: var(--tinte); border: 1px solid rgba(212,168,83,.35); opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .2s ease, transform .2s ease, visibility 0s .2s; z-index: 20; }
  .hat-unter:hover .untermenue, .hat-unter:focus-within .untermenue { opacity: 1; visibility: visible; transform: none; transition: opacity .2s ease, transform .2s ease; }
  .untermenue a { color: rgba(244,233,223,.86) !important; padding: 6px 0; display: block; }
  .untermenue a:hover { color: var(--champagner) !important; }
}
.seite-presse .presse__kontakt a { color: var(--tinte); border-bottom: 1px solid var(--gold); text-decoration: none; }
@media (max-width: 899px) { .seite-presse .einzug { margin-left: 28px; } }
@media (min-width: 900px) { .um-wege { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; max-width: 1180px; } .um-wege .kachel { padding: 32px 26px; } }
/* Text und Bild auch auf Tablets nebeneinander, Bild nie zu breit */
.um-zwei__bild { max-width: 420px; }
@media (min-width: 700px) and (max-width: 899px) {
  .um-zwei__raster { display: grid; grid-template-columns: 7fr 5fr; gap: 32px; align-items: center; }
  .um-zwei .einzug { margin-left: 40px; }
}
.um-leitsatz { margin-bottom: 20px !important; }
.um-leitsatz__kringel { display: block; margin: 0 auto 28px; width: 180px; height: auto; }
.um-wege__intro { text-align: center; margin: 0 0 28px; font-size: 13px !important; letter-spacing: .14em; text-transform: uppercase; color: var(--hellgold) !important; }
@media (min-width: 900px) { .um-leitsatz__kringel { width: 220px; margin-bottom: 36px; } .um-wege__intro { margin-bottom: 36px; } }
.um-video { display: flex; flex-direction: column; gap: 10px; color: var(--tinte); text-decoration: none; align-self: center; }
.um-video:hover .presse__bild img { transform: scale(1.03); }
.presse__highlights--eins { max-width: 720px; margin-inline: auto; grid-template-columns: 1fr !important; }
@media (min-width: 900px) { .seite-um .um-zwei__raster { grid-template-columns: 6fr 6fr; } }
@media (min-width: 900px) { .um-wege { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 1100px; gap: 32px; } }
/* Wege-Kacheln gleich hoch, Link immer unten */
.um-wege { align-items: stretch; }
.um-wege .kachel { height: 100%; }
.um-wege .um-link { margin-top: auto; }
.um-wege .kachel p { margin-bottom: 12px; }
@media (min-width: 900px) { .um-wege .kachel h3 { min-height: 2.5em; } }
.um-wege__intro { color: var(--champagner) !important; }
/* Wege-Kacheln: Text und Link leicht eingerückt, wie bei „Für dich, wenn …“ */
.um-wege .kachel p, .um-wege .um-link { margin-left: 16px; }
@media (min-width: 900px) { .um-wege .kachel p, .um-wege .um-link { margin-left: 20px; } }

/* Videostimme */
.video-stimme { margin: 0 0 48px; display: flex; flex-direction: column; align-items: center; gap: 20px; text-align: center; }
.video-stimme__player { width: 72%; max-width: 300px; aspect-ratio: 9 / 16; border-radius: 18px; overflow: hidden; box-shadow: 0 26px 50px -24px rgba(0,0,0,.55); background: var(--tinte); }
.video-stimme__player video { width: 100%; height: 100%; object-fit: cover; display: block; }
.video-stimme blockquote { margin: 0; font-family: var(--font-display); font-size: 22px; line-height: 1.35; max-width: 26ch; }
.video-stimme figcaption { margin-top: 10px; font-size: 14px; color: var(--lavendel-asche); }
.stimmen--zwei { max-width: 860px; margin-inline: auto; }
@media (min-width: 900px) {
  .video-stimme { flex-direction: row; justify-content: center; gap: 56px; text-align: left; margin-bottom: 72px; }
  .video-stimme__player { width: 300px; }
  .video-stimme__text { max-width: 440px; }
  .video-stimme blockquote { font-size: 30px; }
  .stimmen--zwei { grid-template-columns: 1fr 1fr; }
}
.stimmen--eins { max-width: 560px; margin-inline: auto; grid-template-columns: 1fr !important; }
/* Videostimme gestapelt: Zitat oben, Video, Name darunter */
.video-stimme--gestapelt { flex-direction: column !important; align-items: center; text-align: center !important; gap: 22px; }
.video-stimme--gestapelt blockquote { max-width: 30ch; }
.video-stimme--gestapelt figcaption { margin-top: 0; }
@media (min-width: 900px) { .um-zwei--gespiegelt .um-zwei__raster { grid-template-columns: 5fr 7fr; } .um-zwei--gespiegelt .um-zwei__bild { justify-self: end; max-width: 380px; } }
/* Über mich: Mut-Abschnitt auf Champagner dunkel, mehr Kringel */
.um-mut { background: #EFE2D6; }
.um-kringel-links { display: block; width: 120px; height: auto; margin: -6px 0 22px; }
.um-kringel-mitte { display: block; width: 140px; height: auto; margin: -16px auto 36px; }
@media (min-width: 900px) { .um-kringel-links { width: 150px; margin: -8px 0 26px 106px; } .um-kringel-mitte { width: 170px; margin-bottom: 48px; } }
@media (max-width: 899px) { .um-kringel-links { margin-left: 28px; } }

.um-kringel-unten { margin-top: 28px !important; margin-bottom: 0 !important; }

.um-zwei .einzug a { color: var(--tinte); text-decoration: none; border-bottom: 1px solid var(--gold); }
.um-zwei .einzug a:hover { border-bottom-width: 2px; }
/* Platzhalter-Initial, solange kein Porträt da ist */
.stimme__initial { position: absolute; top: -38px; left: 50%; margin-left: -38px; width: 76px; height: 76px; border-radius: 999px; display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-size: 30px; color: var(--tinte); background: var(--gold-metallisch); box-shadow: 0 0 0 4px var(--champagner); }
.stimme__initial { position: static; margin: -38px 0 0; flex-shrink: 0; }
/* Über mich: vier Stimmen im 2×2-Raster */
@media (min-width: 900px) { .stimmen--vier { grid-template-columns: 1fr 1fr; max-width: 920px; margin-inline: auto; row-gap: 64px; } }


/* ===== Über mich: Handy-Hero ===== */

/* Handy: „Du kennst mich aus“ immer ohne Scrollen sichtbar */
@media (max-width: 899px) { .um-hero__flaeche { height: clamp(400px, calc(100svh - 204px), 520px) !important; } }


/* ===== It’s About You: Änderungen Oktober 2026 ===== */
/* Einheitliche Schriftgrößen: Fließtext 18 px (Handy 16), kurze Gilda-Texte 20 px (Handy 18) */
@media (min-width: 900px) { .iay-faq details p { font-size: 18px !important; line-height: 1.7 !important; } }
@media (max-width: 899px) {
  .iay-faq summary { font-size: 18px !important; line-height: 1.35 !important; }
  .gs-kacheln .kachel p { font-size: 18px !important; line-height: 1.45 !important; }
}


/* Galerie-Grund im Ton der Logoleiste (Champagner dunkel) */
.iay-galerie-grund { background: #EFE2D6 !important; }

/* Wechsel hell/dunkel: Formular hell, FAQ dunkel */
.seite-iay #anfrage { background: var(--champagner); color: var(--tinte); }
.seite-iay #anfrage h2, .seite-iay #anfrage p, .seite-iay #anfrage label { color: var(--tinte); }
.seite-iay #anfrage a:not(.btn) { color: #8F6526; }
.seite-iay #anfrage .feld input, .seite-iay #anfrage .feld textarea { background: #FBF7F2; border: 1px solid rgba(44,44,44,.22); }
.seite-iay #anfrage .feld input:focus, .seite-iay #anfrage .feld textarea:focus { border-color: #B07E33; }
.seite-iay .iay-faq.iay-dunkel { background: var(--tinte); color: var(--champagner); }
.seite-iay .iay-faq.iay-dunkel h2, .seite-iay .iay-faq.iay-dunkel summary { color: var(--champagner); }
.seite-iay .iay-faq.iay-dunkel details p { color: rgba(244,233,223,.86); }
.seite-iay .iay-faq.iay-dunkel summary::after { color: var(--hellgold); }
.seite-iay #anfrage .kringel { filter: brightness(.78) saturate(1.15); }

/* „Oder einfach, weil du es dir wert bist.“ in Milkshake, metallisches Gold auf hellem Grund */
.seite-iay .iay-wenn__schluss { margin: 32px auto 0; text-align: center; font-family: var(--font-script) !important; font-style: normal; font-weight: 400;
  font-size: clamp(30px, 6vw, 36px) !important; line-height: 1.5 !important; text-wrap: balance;
  color: #9A6E2C; background: linear-gradient(110deg, #7A5420 0%, #B8893D 30%, #D9B266 48%, #A97B33 66%, #6E4A1C 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; padding: .35em .1em .3em; }
@media (min-width: 900px) { .seite-iay .iay-wenn__schluss { margin-top: 44px; } }

/* Handy: „Du kennst mich aus“ immer ohne Scrollen sichtbar */
@media (max-width: 899px) { .iay-hero__flaeche { height: clamp(400px, calc(100svh - 204px), 520px) !important; } }


/* ===== Golden Scars ===== */

/* ===== Golden Scars ===== */
.gs-kacheln .kachel { min-height: 0; padding: 26px 24px; justify-content: center; }
.gs-kacheln .kachel p { margin: 0 !important; font-family: var(--font-display); font-size: 20px !important; line-height: 1.4; }
.gs-hinweis { margin: 28px auto 0; max-width: 640px; text-align: center; font-size: 15px !important; color: var(--lavendel-asche); }
.bewertung--hell { color: var(--tinte); }
.bewertung--hell .bewertung__text { color: var(--lavendel-asche); }
.gs-zitat { font-family: var(--font-display); font-size: 22px !important; line-height: 1.4; color: #8F6526; }
.gs-galerie { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.gs-galerie img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; box-shadow: 0 26px 50px -24px rgba(0,0,0,.55); }
.seite-gs .um-zwei .einzug p a { color: var(--tinte); }
@media (min-width: 900px) {
  .gs-kacheln { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
  .gs-galerie { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  .gs-schritte { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
  .gs-schritte .kachel { padding: 28px 22px; }
  .gs-schritte .kachel h3 { font-size: 21px; }
}
@media (max-width: 899px) { .gs-kacheln .kachel { max-width: 340px; } }
.gs-sterne { margin: -16px 0 40px; }
.seite-gs .um-hero__bild img { object-position: 50% 20%; } @media (min-width: 900px) { .seite-gs .um-hero__bild img { width: 64%; object-position: 58% 20%; } .seite-gs .um-hero__verlauf { width: 64%; } }
.gs-hero-kringel { display: block; width: 130px; height: auto; margin: 2px 0 4px; } @media (min-width: 900px) { .gs-hero-kringel { width: 180px; margin: 4px 0 6px; } }
@media (min-width: 900px) { .seite-gs .um-hero__bild img { width: 62%; object-position: 62% 30%; } .seite-gs .um-hero__verlauf { width: 62%; } }
.seite-gs .um-kringel-mitte { margin-top: 14px; } @media (min-width: 900px) { .seite-gs .um-kringel-mitte { margin-top: 20px; } }

/* Golden Scars – Hero mit Hochformat-Foto (lachende Frau) */
.seite-gs .um-hero__bild img { object-position: 50% 12%; }
@media (min-width: 900px) {
  .seite-gs .um-hero__bild img { left: auto; right: 0; width: auto; height: 100%; aspect-ratio: 471 / 706; object-fit: cover; object-position: 50% 0%; }
  .seite-gs .um-hero__verlauf { left: auto; right: 0; bottom: auto; width: auto; height: 100%; aspect-ratio: 471 / 706;
    background: linear-gradient(to right, var(--champagner) 0%, rgba(244,233,223,.55) 14%, rgba(244,233,223,0) 38%),
                linear-gradient(to top, #EFE2D6 0%, rgba(239,226,214,0) 16%); }
  .gs-galerie { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Golden Scars – Handy: Text links, Bild rechts (Narbe bleibt über dem Text sichtbar) */
@media (max-width: 899px) {
  .seite-gs .um-hero__flaeche { height: 560px; }
  .seite-gs .um-hero__bild img { left: auto; right: 0; top: -18px; width: 66%; height: auto; aspect-ratio: 471 / 706; object-fit: cover; object-position: 50% 0%; }
  .seite-gs .um-hero__verlauf { inset: 0; width: 100%; height: 100%; background:
    linear-gradient(to right, var(--champagner) 34%, rgba(244,233,223,.6) 42%, rgba(244,233,223,0) 56%),
    linear-gradient(to top, var(--champagner) 0%, var(--champagner) 30%, rgba(244,233,223,.7) 38%, rgba(244,233,223,0) 48%); }
  .seite-gs .um-hero__text { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: 0 22px 28px; }
  .seite-gs .um-hero h1, .seite-gs .um-hero__unter { text-shadow: none; }
}

/* „Du kennst das nur zu gut“: weniger Abstand zwischen Kringel und Kacheln */
.seite-gs section[aria-labelledby="kennst"] .iay-kopf { margin-bottom: 28px; }
.seite-gs section[aria-labelledby="kennst"] .iay-kopf .um-kringel-mitte { margin-bottom: 0; }
@media (min-width: 900px) { .seite-gs section[aria-labelledby="kennst"] .iay-kopf { margin-bottom: 40px; } }

/* „Und das ist nicht deine Schuld.“ unter den Kacheln */
.gs-schuld { margin: 32px auto 0; text-align: center; font-family: var(--font-script); font-weight: 400; font-size: clamp(30px, 6vw, 36px) !important; line-height: 1.5 !important;
  color: #9A6E2C; background: linear-gradient(110deg, #7A5420 0%, #B8893D 30%, #D9B266 48%, #A97B33 66%, #6E4A1C 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; padding: .35em .1em .3em; }
.gs-umbruch { display: inline; } @media (min-width: 600px) { .gs-umbruch { display: none; } }
@media (min-width: 900px) { .gs-schuld { margin-top: 44px; } }
/* Therapie-Hinweis unter dem Formular */
.gs-hinweis-formular { grid-column: 1 / -1; margin: 20px 0 0; text-align: center; font-size: 14px !important; line-height: 1.5; color: rgba(244,233,223,.7) !important; }

/* FAQ nach dem Formular: Champagner dunkel, damit sie sich vom Fuß absetzt */


/* Einheitliche Schriftgrößen: Fließtext 18 px (Handy 16), kurze Gilda-Texte 20 px (Handy 18) */
@media (min-width: 900px) { .iay-faq details p { font-size: 18px !important; line-height: 1.7 !important; } }
@media (max-width: 899px) {
  .iay-faq summary { font-size: 18px !important; line-height: 1.35 !important; }
  .gs-kacheln .kachel p { font-size: 18px !important; line-height: 1.45 !important; }
}

.gs-therapie { margin-top: 14px !important; }

/* Galerie-Grund im Ton der Logoleiste (Champagner dunkel) */
.iay-galerie-grund { background: #EFE2D6 !important; }

/* Golden Scars Desktop: Foto ca. 10 % nach links, rechts weich auslaufend */
@media (min-width: 900px) {
  .seite-gs .um-hero__bild img, .seite-gs .um-hero__verlauf { right: 10vw; }
  .seite-gs .um-hero__verlauf { background:
    linear-gradient(to right, var(--champagner) 0%, rgba(244,233,223,.55) 14%, rgba(244,233,223,0) 36%),
    linear-gradient(to left, var(--champagner) 0%, rgba(244,233,223,.55) 12%, rgba(244,233,223,0) 32%),
    linear-gradient(to top, #EFE2D6 0%, rgba(239,226,214,0) 16%); }
}

/* „Mehr als ein Shooting“: Abstand nach oben wie alle Abschnitte */
.seite-gs section[aria-labelledby="mehr"] { padding-top: 64px !important; }
@media (min-width: 900px) { .seite-gs section[aria-labelledby="mehr"] { padding-top: 96px !important; } }

.seite-gs .gs-zitat { font-style: normal !important; } .seite-gs .gs-zitat em { font-style: italic; }

/* ===== Goldener Moment (0-€-Angebot) ===== */
.gs-freebie { background: var(--champagner); }
.gs-freebie__raster { display: flex; flex-direction: column; gap: 36px; max-width: 980px; margin-inline: auto; }
.gs-freebie__karte { align-self: center; width: min(72vw, 300px); aspect-ratio: 4 / 5; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; text-align: center; padding: 28px;
  background: linear-gradient(160deg, #FBF6F0 0%, #EFE2D6 100%); border: 1px solid rgba(176,126,51,.55); outline: 1px solid rgba(176,126,51,.25); outline-offset: -10px;
  box-shadow: 0 30px 60px -28px rgba(26,16,24,.45); transform: rotate(-3deg); }
.gs-freebie__name { font-family: var(--font-script); font-size: clamp(40px, 10vw, 52px); line-height: 1.25; padding: .2em .15em .25em;
  background: linear-gradient(110deg, #7A5420 0%, #B8893D 30%, #D9B266 48%, #A97B33 66%, #6E4A1C 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #9A6E2C; }
.gs-freebie__klein { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--lavendel-asche); }
.gs-freebie__label { color: #8F6526 !important; margin: 0 0 6px; }
.gs-freebie h2 { margin: 0 0 14px; }
.gs-freebie__text > p { margin-left: 28px; }
.gs-freebie__form { margin: 22px 0 0 28px; display: grid; gap: 16px; }
.gs-freebie__form .feld input { background: #FBF7F2; border: 1px solid rgba(26,16,24,.22); }
.gs-freebie__form .feld input:focus { border-color: #B07E33; }
.gs-freebie__form .btn { justify-self: start; }
.gs-freebie__hinweis { margin: 0; font-size: 14px !important; line-height: 1.5 !important; color: var(--lavendel-asche); }
.gs-freebie__hinweis a { color: #8F6526; }
@media (min-width: 900px) {
  .gs-freebie__raster { flex-direction: row; align-items: center; gap: 72px; }
  .gs-freebie__karte { flex: 0 0 300px; }
  .gs-freebie__text { flex: 1; }
  .gs-freebie__text > p { margin-left: 106px; }
  .gs-freebie__form { margin-left: 106px; grid-template-columns: 1fr 1fr; align-items: end; }
  .gs-freebie__form .btn, .gs-freebie__hinweis { grid-column: 1 / -1; }
}
/* FAQ jetzt dunkel: Wechsel Formular dunkel · Goldener Moment hell · FAQ dunkel · Fuß hell */
.seite-gs .iay-faq.iay-dunkel { background: var(--tinte); color: var(--champagner); }
.seite-gs .iay-faq.iay-dunkel h2, .seite-gs .iay-faq.iay-dunkel summary { color: var(--champagner); }
.seite-gs .iay-faq.iay-dunkel details p { color: rgba(244,233,223,.86); }
.seite-gs .iay-faq.iay-dunkel summary::after { color: var(--hellgold); }
.gs-freebie__form label { color: var(--tinte) !important; font-size: 14px; }
.gs-freebie__karte { transform: none; }
@media (max-width: 899px) { .gs-freebie__karte { width: 220px; padding: 20px; } .gs-freebie__name { font-size: 38px; } }

/* Film zum Ablauf: zuerst Vorschaubild, YouTube lädt erst nach Klick (Datenschutz) */
.gs-film { margin: 56px auto 0; max-width: 960px; }
.gs-film__rahmen { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #000; box-shadow: 0 30px 60px -28px rgba(0,0,0,.7); }
.gs-film__rahmen img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 38%; filter: brightness(.62); transition: filter .4s ease; }
.gs-film__rahmen iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.gs-film__start { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; background: none; border: 0; cursor: pointer; color: var(--champagner); font: inherit; }
.gs-film__start:hover + img, .gs-film__rahmen:hover img { filter: brightness(.75); }
.gs-film__play { width: 76px; height: 76px; border-radius: 999px; display: flex; align-items: center; justify-content: center; padding-left: 5px; color: var(--tinte);
  background: linear-gradient(115deg, #B98A3E 0%, #F2DA92 45%, #C79A4B 70%, #F5E3A8 100%); box-shadow: 0 10px 30px -8px rgba(0,0,0,.6); transition: transform .3s ease; }
.gs-film__play svg { width: 34px; height: 34px; }
.gs-film__start:hover .gs-film__play, .gs-film__start:focus-visible .gs-film__play { transform: scale(1.08); }
.gs-film__titel { font-family: var(--font-display); font-size: 20px; text-shadow: 0 2px 12px rgba(0,0,0,.5); padding: 0 16px; text-align: center; }
.gs-film__hinweis { margin-top: 14px; text-align: center; font-size: 14px; line-height: 1.5; color: rgba(244,233,223,.7); }
.gs-film__hinweis a { color: var(--hellgold); }
@media (min-width: 900px) { .gs-film { margin-top: 72px; } .gs-film__play { width: 96px; height: 96px; } .gs-film__play svg { width: 42px; height: 42px; } .gs-film__titel { font-size: 24px; } }
.gs-film__rahmen img { object-position: 50% 8% !important; filter: none !important; }
.gs-film__rahmen::after { content: ""; position: absolute; inset: 0; background: rgba(26,16,24,.5); pointer-events: none; transition: background .4s ease; }
.gs-film__rahmen:hover::after { background: rgba(26,16,24,.38); }
.gs-film__start { z-index: 2; }

/* Handy: „Du kennst mich aus“ immer ohne Scrollen sichtbar, Foto wächst mit der Höhe */
@media (max-width: 899px) {
  .seite-gs .um-hero__flaeche { height: clamp(400px, calc(100svh - 204px), 560px) !important; }
  .seite-gs .um-hero__bild img { height: 72% !important; width: auto !important; }
}
@media (max-width: 899px) and (max-height: 720px) {
  .seite-gs .um-hero h1 { font-size: 28px !important; }
  .seite-gs .um-hero__text .btn { padding-top: 12px; padding-bottom: 12px; }
  .seite-gs .um-hero__bild img { height: 62% !important; top: -10px !important; }
}
@media (max-width: 899px) { .seite-gs .um-hero__bild img { -webkit-mask-image: linear-gradient(to bottom, #000 78%, transparent 100%); mask-image: linear-gradient(to bottom, #000 78%, transparent 100%); } }

.gs-film__rahmen img { object-position: 50% 50% !important; }
.gs-film__rahmen::after { background: rgba(26,16,24,.12) !important; }
.gs-film__rahmen:hover::after { background: rgba(26,16,24,0) !important; }

/* Handy final: echte Spalten – Text links, Foto rechts in voller Höhe */
@media (max-width: 899px) {
  .seite-gs .um-hero__bild img { top: 0 !important; right: 0 !important; left: auto !important; width: 54% !important; height: 100% !important; aspect-ratio: auto !important;
    object-fit: cover !important; object-position: 50% 0% !important; -webkit-mask-image: none !important; mask-image: none !important; }
  .seite-gs .um-hero__verlauf { inset: 0 !important; width: 100% !important; height: 100% !important; aspect-ratio: auto !important; background:
    linear-gradient(to right, var(--champagner) 46%, rgba(244,233,223,.55) 52%, rgba(244,233,223,0) 60%),
    linear-gradient(to top, #EFE2D6 0%, rgba(239,226,214,0) 10%) !important; }
  .seite-gs .um-hero__text { right: auto !important; max-width: 56%; padding: 0 0 26px 22px !important; }
  .seite-gs .um-hero h1 { font-size: 27px !important; line-height: 1.2 !important; }
  .seite-gs .um-hero__unter { font-size: 15px !important; line-height: 1.4 !important; }
  .seite-gs .um-hero__text .btn { white-space: normal; max-width: 150px; text-align: center; line-height: 1.25; padding: 10px 22px !important; border-radius: 26px; font-size: 14px !important; }
}
@media (max-width: 899px) { .seite-gs .um-hero__flaeche { overflow: hidden; } .seite-gs .um-hero__bild img { top: -9% !important; height: 109% !important; } }

/* Test Option 1: Unterzeile als kleines Label über der Überschrift, Textblock unten links kürzer */
@media (max-width: 899px) {
  .seite-gs .um-hero__text { display: flex; flex-direction: column; align-items: flex-start; }
  .seite-gs .um-hero__unter { order: 0; margin: 2px 0 0 !important; font-family: var(--font-body) !important; font-size: 11px !important; line-height: 1.5 !important;
    letter-spacing: .14em; text-transform: uppercase; color: var(--tinte) !important; }
  .seite-gs .um-hero h1 { margin-bottom: 0 !important; }
  .seite-gs .um-hero__text { padding-bottom: 5% !important; bottom: 26px !important; }
}


/* Zitat schwarz, zweiter Teil mit goldenem Textmarker */
.seite-gs .gs-zitat { font-size: 24px !important; line-height: 1.5 !important; color: var(--tinte) !important; }
.seite-gs .gs-zitat .markiert { -webkit-box-decoration-break: clone; box-decoration-break: clone; }
@media (min-width: 900px) { .seite-gs .gs-zitat { font-size: 28px !important; } }

.gs-freebie__bild { align-self: center; width: min(78vw, 320px); height: auto; box-shadow: 0 30px 60px -28px rgba(26,16,24,.45); }
@media (min-width: 900px) { .gs-freebie__bild { flex: 0 0 380px; width: 380px; } }


/* ===== Goldener Moment: Danke- und Willkommen-Seite ===== */
.gm-seite { min-height: 62vh; display: flex; align-items: center; background: var(--champagner); }
.gm-seite .wrap { max-width: 720px; margin-inline: auto; text-align: center; }
.gm-seite h1 { margin: 0 0 18px; }
.gm-seite .kringel { display: block; margin: 0 auto 28px; }
.gm-seite p { margin: 0 auto 14px; max-width: 540px; }
.gm-seite .gm-klein { font-size: 14px !important; color: var(--lavendel-asche); }
.gm-seite .btn { margin-top: 18px; }
.gm-script { font-family: var(--font-script); font-size: clamp(34px, 7vw, 44px) !important; line-height: 1.4 !important; padding: .2em .2em .3em; margin: 6px 0 0;
  background: linear-gradient(110deg, #7A5420 0%, #B8893D 30%, #D9B266 48%, #A97B33 66%, #6E4A1C 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #9A6E2C; }


/* ===== Podcast ===== */


/* ===== Podcast ===== */
.pc-intro { max-width: 640px; margin: 0 auto; text-align: center; }
.pc-intro p { margin: 0 0 14px; }
.pc-folgen .kachel { display: flex; flex-direction: column; }
.pc-folgen .kachel p { flex: 1; }
.pc-link { margin-top: 14px; align-self: flex-start; color: #8F6526 !important; text-decoration-color: #B07E33; font-size: 15px; }
.pc-hoeren { background: #EFE2D6; }
.pc-hoeren__raster { display: flex; flex-direction: column; gap: 32px; max-width: 980px; margin-inline: auto; }
.pc-cover { width: min(78vw, 300px); align-self: center; box-shadow: 0 30px 60px -28px rgba(26,16,24,.45); }
.pc-hoeren h2 { margin: 0 0 12px; }
.pc-hoeren__text { margin: 0 0 22px 28px; }
.pc-knoepfe { display: flex; flex-wrap: wrap; gap: 14px; margin-left: 28px; }
.pc-hoeren .btn--neben { background: linear-gradient(#EFE2D6, #EFE2D6) padding-box, var(--gold-metallisch) border-box; }
@media (min-width: 900px) {
  .pc-hoeren__raster { flex-direction: row; align-items: center; gap: 72px; }
  .pc-cover { flex: 0 0 340px; width: 340px; }
  .pc-hoeren__text, .pc-knoepfe { margin-left: 106px; }
}
.seite-pc section[aria-labelledby="pc-fuer"] .iay-kopf { margin-bottom: 28px; }
.seite-pc section[aria-labelledby="pc-fuer"] .iay-kopf .um-kringel-mitte { margin-bottom: 0; }
@media (min-width: 900px) { .seite-pc section[aria-labelledby="pc-fuer"] .iay-kopf { margin-bottom: 40px; } }
.seite-pc #gast h2 { text-wrap: balance; }
@media (max-width: 899px) { .seite-pc .um-hero__bild img { object-position: 64% 0% !important; } }


/* ===== Podcast-Hero im Farbverlauf des Covers ===== */
.seite-pc .um-hero__flaeche { background: linear-gradient(45deg, #7C2E9E 0%, #AB4294 24%, #DD5789 50%, #EE985B 74%, #FEDA2A 100%); }
.seite-pc .um-hero__verlauf { background: none !important; }
.seite-pc .um-hero__bild img { -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 34%), linear-gradient(to top, transparent 0%, #000 14%); -webkit-mask-composite: source-in; mask-image: linear-gradient(to right, transparent 0%, #000 34%), linear-gradient(to top, transparent 0%, #000 14%); mask-composite: intersect; }
.seite-pc .um-hero h1, .seite-pc .um-hero__unter { color: #fff !important; text-shadow: 0 2px 18px rgba(80,20,70,.25) !important; }
.pc-titel { display: flex; flex-direction: column; line-height: 1 !important; }
.pc-titel__script { font-family: var(--font-script); font-weight: 400; font-size: clamp(44px, 6.4vw, 92px); line-height: 1.15; padding: .1em 0 0; }
.pc-titel__wort { font-family: var(--font-display); font-size: clamp(34px, 4.6vw, 64px); line-height: 1; margin-top: -.05em; }
.seite-pc .um-hero__unter { font-family: var(--font-display) !important; font-size: clamp(17px, 1.6vw, 22px) !important; letter-spacing: 0 !important; text-transform: none !important; line-height: 1.35 !important; }
/* Kopfzeile auf dem Verlauf */
.seite-pc .kopf { background: linear-gradient(90deg, #C9579A 0%, #E0708A 35%, #EE985B 70%, #F9C83C 100%); }
.seite-pc .kopf__name, .seite-pc .kopf__name:hover { color: #fff; }
.seite-pc .menu-knopf span { background: #fff; }
@media (min-width: 900px) {
  .seite-pc .kopf { background: none; }
  .seite-pc .hauptmenue a { color: rgba(255,255,255,.88); }
  .seite-pc .hauptmenue a:hover, .seite-pc .hauptmenue a[aria-current="page"] { color: #fff; border-bottom-color: #fff; }
}
@media (max-width: 899px) {
  .seite-pc .um-hero__bild img { -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 30%), linear-gradient(to top, transparent 0%, #000 12%); mask-image: linear-gradient(to right, transparent 0%, #000 30%), linear-gradient(to top, transparent 0%, #000 12%); width: 58% !important; }
  .seite-pc .um-hero__text { max-width: 58%; }
  .seite-pc .um-hero__unter { margin-top: 6px !important; }
}
.seite-pc .um-hero__bild img { -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 34%, #000 82%, transparent 100%), linear-gradient(to top, transparent 0%, #000 14%) !important; -webkit-mask-composite: source-in !important; mask-image: linear-gradient(to right, transparent 0%, #000 34%, #000 82%, transparent 100%), linear-gradient(to top, transparent 0%, #000 14%) !important; mask-composite: intersect !important; }
@media (min-width: 900px) { .seite-pc .um-hero__bild img { right: 4vw !important; } }
@media (max-width: 899px) { .seite-pc .um-hero__bild img { -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 30%), linear-gradient(to top, transparent 0%, #000 12%) !important; mask-image: linear-gradient(to right, transparent 0%, #000 30%), linear-gradient(to top, transparent 0%, #000 12%) !important; } }

/* Podcast-Hero: Headerbild mit Verlauf als ganze Fläche */
@media (min-width: 900px) {
  .seite-pc .um-hero__bild img { left: 0 !important; right: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; aspect-ratio: auto !important; object-fit: cover !important; object-position: 85% 15% !important; -webkit-mask-image: none !important; mask-image: none !important; }
}
@media (max-width: 899px) {
  .seite-pc .um-hero__bild img { top: 0 !important; height: 100% !important; width: 62% !important; object-position: 50% 0% !important; }
  .seite-pc .um-hero__text { max-width: 56%; }
}

.pc-einzug { max-width: 760px; }
.seite-pc section[aria-labelledby="pc-fuer"] h2 { margin-bottom: 22px; } @media (min-width: 900px) { .seite-pc section[aria-labelledby="pc-fuer"] h2 { margin-bottom: 32px; } }

/* Podcast: Folgencover in den Kacheln */
.pc-folge { padding-top: 0 !important; overflow: hidden; }
.pc-folge__bild { display: block; width: calc(100% + 44px); max-width: none; margin: 0 -22px 18px; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 0; }
.pc-folge__bild--platzhalter { background: linear-gradient(45deg, #7C2E9E 0%, #DD5789 50%, #FEDA2A 100%); }

.pc-folge h3 { margin-top: 4px; }

.pc-folge__cover { display: block; }
.pc-folge__titel { color: inherit !important; text-decoration: none; }
.pc-folge__titel:hover { text-decoration: underline; text-decoration-color: #B07E33; }
.pc-folge__cover:hover .pc-folge__bild { filter: brightness(1.05); }


/* Folgen-Kacheln: Höhe wächst mit dem Inhalt, Text bleibt sichtbar */
.pc-folgen .kachel.pc-folge { aspect-ratio: auto !important; height: auto !important; max-width: 420px; justify-content: flex-start !important; }

/* Titel wie auf dem Cover: „Podcast" mittig unter „Golden Scars", fett */
.pc-titel { display: inline-flex !important; width: fit-content; align-items: flex-start; text-align: left; }
.pc-titel__wort { font-weight: 400; }
.pc-titel__wort { margin-left: 0; margin-top: .32em !important; }
@media (max-width: 899px) { .seite-pc .pc-titel__script { text-shadow: 0 1px 3px rgba(90,25,80,.55), 0 2px 14px rgba(90,25,80,.45) !important; } }
.pc-titel__script { white-space: nowrap; }
@media (max-width: 899px) { .seite-pc .um-hero__text { max-width: none !important; } .pc-titel__script { font-size: 44px !important; } }
@media (max-width: 899px) { .seite-pc .um-hero__unter { max-width: 58% !important; } }

/* Mikrofon-Foto freigestellt vor einem Kreis im Cover-Verlauf */
.pc-mikro { position: relative; width: 100%; max-width: 380px; margin-inline: auto; }
.pc-mikro::before { content: ""; position: absolute; left: 4%; right: 4%; top: 12%; aspect-ratio: 1; border-radius: 50%;
  background: linear-gradient(45deg, #7C2E9E 0%, #AB4294 24%, #DD5789 50%, #EE985B 74%, #FEDA2A 100%); }
.pc-mikro img { position: relative; display: block; width: 100%; height: auto; border-radius: 0; box-shadow: none; filter: drop-shadow(0 18px 28px rgba(26,16,24,.18)); }
@media (min-width: 900px) { .pc-mikro { justify-self: end; max-width: 400px; } }
.pc-mikro::before { left: 0 !important; right: 0 !important; top: 10% !important; }
.pc-mikro img { width: 80% !important; margin-inline: auto; }
.pc-mikro::before { display: none !important; }
.pc-mikro img { width: 100% !important; }
@media (max-width: 899px) { .pc-mikro { max-width: 240px !important; margin-top: 8px; } }
@media (max-width: 899px) { .pc-mikro { display: none !important; } }

/* Folgen kompakter: kleine Nummer, kleinere Kacheln */
.pc-folge { position: relative; }
.pc-nr { position: absolute; top: 10px; left: 10px; z-index: 2; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
  font-family: var(--font-display); font-size: 18px; color: var(--tinte); background: var(--gold-metallisch); box-shadow: 0 4px 10px rgba(26,16,24,.25); }
.pc-folgen .kachel.pc-folge h3 { font-size: 18px !important; line-height: 1.3; margin: 0 0 6px; }
.pc-folgen .kachel.pc-folge p { font-size: 15px !important; line-height: 1.5 !important; margin: 0; }
.pc-folgen .pc-link { margin-top: 10px; font-size: 14px; }
.pc-folgen .kachel.pc-folge { padding-bottom: 18px !important; }
.pc-folge__bild { margin-bottom: 14px !important; }
@media (min-width: 900px) { .pc-folgen { max-width: 1040px; margin-inline: auto; gap: 20px !important; } }
/* Handy: Cover klein links, Text rechts */
@media (max-width: 899px) {
  .pc-folgen { gap: 12px !important; }
  .pc-folgen .kachel.pc-folge { display: grid !important; grid-template-columns: 112px 1fr; column-gap: 14px; align-items: start; padding: 0 14px 0 0 !important; max-width: none !important; width: 100%; }
  .pc-folge__cover { grid-row: 1 / span 3; align-self: stretch; }
  .pc-folge__bild { width: 112px !important; height: 100% !important; min-height: 112px; margin: 0 !important; aspect-ratio: auto !important; }
  .pc-folgen .kachel.pc-folge h3 { font-size: 16px !important; margin: 12px 0 4px; }
  .pc-folgen .kachel.pc-folge p { font-size: 14px !important; }
  .pc-folgen .pc-link { margin: 6px 0 12px; }
  .pc-nr { width: 26px; height: 26px; font-size: 14px; top: 6px; left: 6px; }
}
@media (min-width: 900px) { .pc-folgen { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; max-width: 820px !important; } }




/* ===== Presse (neu) ===== */
/* Hero: dunkel, Text links, Porträt rechts mit weichem Verlauf */
.pr-hero { background: #090B0C; color: var(--champagner); }
.pr-hero__flaeche { position: relative; overflow: hidden; height: clamp(420px, calc(100svh - 190px), 600px); max-width: 1440px; margin: 0 auto; }
.pr-hero__bild { position: absolute; top: 0; right: 0; height: 100%; width: 60%; object-fit: cover; object-position: 50% 8%;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 30%), linear-gradient(to top, transparent 0%, #000 14%); -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, transparent 0%, #000 30%), linear-gradient(to top, transparent 0%, #000 14%); mask-composite: intersect; }
.pr-hero__text { position: absolute; left: 22px; bottom: 30px; max-width: 58%; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.pr-hero .label { color: var(--hellgold); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; }
.pr-hero h1 { margin: 0; font-size: clamp(28px, 8vw, 34px); line-height: 1.12; color: var(--champagner); }
.pr-hero__unter { font-size: 14px; line-height: 1.45; color: rgba(244,233,223,.8); }
.pr-hero .btn { margin-top: 6px; padding: 11px 20px; font-size: 15px; min-height: 44px; white-space: nowrap; }
.pr-hero__credit { position: absolute; right: 12px; bottom: 8px; font-size: 10px !important; color: rgba(244,233,223,.45); }
@media (min-width: 900px) {
  .seite-presse .kopf { background: linear-gradient(to bottom, rgba(9,11,12,.85), rgba(9,11,12,0)); }
  .pr-hero__flaeche { height: clamp(540px, calc(100svh - 120px), 760px); }
  .pr-hero__bild { width: 56%; right: 4vw; -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 30%, #000 86%, transparent 100%), linear-gradient(to top, transparent 0%, #000 12%); mask-image: linear-gradient(to right, transparent 0%, #000 30%, #000 86%, transparent 100%), linear-gradient(to top, transparent 0%, #000 12%); }
  .pr-hero__text { left: 64px; top: 0; bottom: 0; justify-content: center; gap: 22px; max-width: 520px; padding-top: 60px; }
  .pr-hero .label { font-size: 12px; }
  .pr-hero h1 { font-size: clamp(44px, 4vw, 58px); }
  .pr-hero__unter { font-size: 19px; }
  .pr-hero .btn { padding: 14px 32px; font-size: 17px; }
  .pr-hero__credit { right: 24px; bottom: 14px; font-size: 11px !important; }
}
@media (min-width: 1440px) { .pr-hero__text { left: calc(50% - 640px + 64px); } }

/* Einzug */
.seite-presse .einzug { margin-left: 28px; }
@media (min-width: 900px) { .seite-presse .einzug { margin-left: 106px; } }
.seite-presse .titel { margin-bottom: 24px; }
@media (min-width: 900px) { .seite-presse .titel { margin-bottom: 32px; } }
.seite-presse main p { font-size: 17px; line-height: 1.7; }

/* Ich bin Juliane: Text links, Sat.1-Bild rechts */
.pr-zwei { display: grid; gap: 36px; }
.pr-ich__bild { margin: 0 0 0 28px; }
.pr-ich__bild img { display: block; width: 100%; height: auto; box-shadow: 0 24px 50px -24px rgba(26,16,24,.55); }
.pr-ich__bild figcaption { margin-top: 10px; font-size: 13px; color: var(--lavendel-asche); }
@media (min-width: 900px) {
  .pr-zwei { grid-template-columns: 5fr 6fr; gap: 64px; align-items: center; }
  .pr-ich .einzug { max-width: 440px; }
  .pr-ich__bild { margin: 0; }
}

/* Kurzbiografie: Reiter Kurz / Mittel / Lang */
.pr-bio__reiter { display: flex; gap: 8px; }
.pr-bio__reiter button { font: inherit; font-size: 15px; padding: 9px 20px; border-radius: 999px; border: 1px solid rgba(212,168,83,.6); background: none; color: rgba(244,233,223,.85); cursor: pointer; transition: background .25s ease, color .25s ease; }
.pr-bio__reiter button:hover { color: var(--champagner); border-color: var(--gold); }
.pr-bio__reiter button[aria-selected="true"] { background: var(--gold-metallisch); color: var(--tinte); border-color: transparent; }
.pr-bio__feld { max-width: 720px; padding: 26px 24px; border: 1px solid rgba(212,168,83,.4); background: rgba(244,233,223,.05); display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.pr-bio__umfang { font-size: 12px !important; letter-spacing: .14em; text-transform: uppercase; color: var(--hellgold) !important; }
.pr-bio__text { color: rgba(244,233,223,.9) !important; }
.pr-kopieren { font: inherit; font-size: 14px; padding: 0 0 3px; background: none; border: 0; border-bottom: 1px solid var(--gold); color: var(--hellgold); cursor: pointer; }
.pr-kopieren:hover { color: var(--champagner); }

/* Interviewthemen */
.pr-themen__liste { list-style: none; margin: 0 0 0 28px; padding: 0; display: grid; gap: 16px; }
.pr-themen .kachel h3 { font-size: 22px; }
@media (min-width: 900px) { .pr-themen__liste { margin-left: 106px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; max-width: 980px; } }

/* Beiträge: Bildkacheln, farbig, beim Darüberfahren schwarz-weiß */
.pr-kacheln { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 16px; }
.pr-kachel { display: flex; flex-direction: column; gap: 6px; color: var(--champagner); text-decoration: none; height: 100%; }
.pr-kachel:hover { color: var(--champagner); }
.pr-kachel img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; margin-bottom: 8px; box-shadow: 0 20px 40px -22px rgba(0,0,0,.9); transition: filter .5s ease, transform .5s ease; }
a.pr-kachel:hover img, a.pr-kachel:focus-visible img { filter: grayscale(1); transform: translateY(-4px); }
.pr-kachel__medium { font-family: var(--font-display); font-size: 18px; line-height: 1.25; }
.pr-kachel__art { font-size: 14px; line-height: 1.45; color: rgba(244,233,223,.7); }
.pr-kachel__los { margin-top: auto; padding-top: 4px; font-size: 14px; color: var(--hellgold); }
.pr-kachel__los::after { content: " →"; }
@media (min-width: 900px) {
  .pr-kacheln { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 44px 28px; }
  .pr-kachel__medium { font-size: 20px; }
}

/* Print und Podcasts */
.pr-mehr { background: #FAF4EE; }
.pr-mehr__raster { display: grid; gap: 40px; }
.pr-faecher { display: block; width: 100%; height: auto; box-shadow: 0 24px 50px -24px rgba(26,16,24,.55); }
.pr-listen { display: flex; flex-direction: column; gap: 44px; }
.pr-listen .titel { font-size: 26px; margin-bottom: 18px; }
.pr-liste { list-style: none; margin: 0 0 0 28px; padding: 0; }
.pr-liste li { padding: 12px 0; border-bottom: 1px solid rgba(212,168,83,.45); font-size: 16px; line-height: 1.5; color: var(--lavendel-asche); }
.pr-liste li:first-child { border-top: 1px solid rgba(212,168,83,.45); }
.pr-liste strong { font-weight: 400; color: var(--tinte); }
.pr-liste a { text-decoration: none; border-bottom: 1px solid var(--gold); }
.pr-liste a:hover strong { color: #9E1249; }
@media (min-width: 900px) {
  .pr-mehr__raster { grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; }
  .pr-listen .titel { font-size: 30px; }
  .pr-liste { margin-left: 58px; }
}

/* Pressefotos: Platzhalter */
.pr-fotos__raster { list-style: none; margin: 28px 0 0 28px; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.pr-fotos__raster li { aspect-ratio: 2 / 3; background: linear-gradient(160deg, #EBE3E8, #DCCFD8); }
@media (min-width: 900px) { .pr-fotos__raster { margin-left: 106px; gap: 24px; max-width: 760px; } }

.pr-mail { color: var(--hellgold); text-decoration: none; border-bottom: 1px solid var(--gold); }
.pr-mail:hover { color: var(--champagner); }
.seite-presse .kopf, .seite-presse .hauptmenue { background: #090B0C; }
.seite-presse main .pr-hero__unter { font-size: 14px; line-height: 1.45; }
@media (max-width: 899px) { .pr-hero__text { max-width: 56%; } .pr-hero__bild { width: 68%; } }
@media (min-width: 900px) { .seite-presse .kopf { background: linear-gradient(to bottom, rgba(9,11,12,.85), rgba(9,11,12,0)); } .seite-presse .hauptmenue { background: none; } .seite-presse main .pr-hero__unter { font-size: 19px; } }
.pr-bio__feld[hidden] { display: none; }
.pr-kachel .pr-kachel__medium { color: var(--champagner); }
.pr-kachel .pr-kachel__los { color: var(--hellgold); }
@media (max-width: 899px) { .pr-hero h1, .pr-hero__unter { text-shadow: 0 1px 12px rgba(9,11,12,.9), 0 0 2px rgba(9,11,12,.6); } .pr-hero__bild { object-position: 40% 8%; } }
@media (max-width: 899px) { .pr-hero__text { max-width: 64%; } .pr-hero h1 { font-size: clamp(22px, 6.4vw, 28px); hyphens: manual; } }
@media (min-width: 900px) { .pr-hero__text { max-width: 600px; } .pr-hero h1 { font-size: clamp(40px, 3.6vw, 52px); } }
@media (max-width: 899px) {
  .pr-hero__bild { width: 78%; right: -16%; object-position: 50% 6%; }
  .pr-hero__unter { display: none; }
  .pr-hero__text { max-width: 62%; bottom: 28px; gap: 14px; }
}
.pr-kachel img { aspect-ratio: 1 / 1; }
/* Desktop: Porträt komplett zeigen, nicht beschneiden */
@media (min-width: 900px) {
  .pr-hero__flaeche { height: clamp(560px, calc(100svh - 140px), 800px); }
  .pr-hero__bild { top: 0; bottom: 0; right: 6vw; width: auto; height: 100%; aspect-ratio: 2 / 3; object-fit: contain; object-position: 50% 50%;
    -webkit-mask-image: none; mask-image: none; }
}
@media (min-width: 1440px) { .pr-hero__bild { right: calc(50% - 720px + 86px); } }
/* Titel und Unterzeile wie die anderen Seiten */
.pr-hero h1 { font-size: clamp(28px, 8vw, 34px); line-height: 1.12; }
.seite-presse main .pr-hero__unter { display: block; font-family: var(--font-display); font-size: 18px; line-height: 1.35; color: var(--champagner); }
@media (min-width: 900px) {
  .pr-hero h1 { font-size: clamp(42px, 3.6vw, 52px); }
  .seite-presse main .pr-hero__unter { font-size: 22px; }
}

/* ===== Hero auf allen Seiten: Text unten, Button kurz über „Du kennst mich aus“ (Desktop) ===== */
@media (min-width: 900px) {
  body .hero .hero__text,
  body .um-hero .um-hero__text,
  body .pr-hero .pr-hero__text { justify-content: flex-end !important; padding-bottom: clamp(36px, 6vh, 56px) !important; }
  body .pr-hero .pr-hero__text { padding-top: 0; }
}
/* Presse Handy: weniger Luft zwischen Kopf und Menü */
@media (max-width: 899px) { .pr-hero__bild { top: -46px; height: calc(100% + 46px); } }
.pr-kontakt { margin-top: 14px !important; line-height: 1.8 !important; color: rgba(244,233,223,.86); }
/* Presse: Titel und Untertitel größer, weil der Titel nur ein Wort ist */
.pr-hero h1 { font-size: 38px !important; line-height: 1.08; }
.seite-presse main .pr-hero__unter { font-size: 21px !important; line-height: 1.3; }
@media (min-width: 900px) {
  .pr-hero h1 { font-size: clamp(54px, 4.6vw, 66px) !important; }
  .seite-presse main .pr-hero__unter { font-size: clamp(24px, 2vw, 28px) !important; }
}
/* Pressefotos zum Herunterladen */
.pr-fotos__raster { list-style: none; margin: 32px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 16px; }
.pr-fotos__raster li { aspect-ratio: auto; background: none; }
.pr-fotos__raster figure { margin: 0; display: flex; flex-direction: column; gap: 8px; }
.pr-foto__rahmen { aspect-ratio: 1 / 1; background: #EBE3E8; display: flex; align-items: center; justify-content: center; padding: 12px; }
.pr-foto__rahmen img { max-width: 100%; max-height: 100%; width: auto; height: auto; box-shadow: 0 16px 30px -18px rgba(26,16,24,.6); }
.pr-foto--platz .pr-foto__rahmen span { font-size: 14px; color: var(--lavendel-asche); }
.pr-fotos__raster figcaption { font-size: 14px; color: var(--lavendel-asche); }
.pr-foto__laden { align-self: flex-start; font-size: 15px; color: var(--tinte); text-decoration: none; border-bottom: 1px solid var(--gold); padding-bottom: 2px; }
.pr-foto__laden span { font-size: 12px; color: var(--lavendel-asche); }
.pr-foto__laden::before { content: "↓ "; color: #B07E33; }
@media (min-width: 900px) { .pr-fotos__raster { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 44px 28px; margin-left: 106px; max-width: 980px; } }
.pr-foto__rahmen { position: relative; aspect-ratio: 1 / 1; padding: 0; display: block; overflow: hidden; }
.pr-foto__rahmen img { position: absolute; inset: 0; margin: auto; max-width: 86%; max-height: 86%; }
.pr-foto--platz .pr-foto__rahmen span { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.pr-foto__laden span { display: block; margin-top: 2px; }
/* Pressefotos ohne Hintergrundfläche, Bild unten bündig über dem Credit */
.pr-foto__rahmen { background: none; }
.pr-foto__rahmen img { inset: auto 0 0 0; margin: 0 auto 0 0; max-width: 100%; max-height: 100%; }
/* Pressefotos in natürlicher Größe, Credits auf einer Linie */
.pr-fotos__raster { align-items: end; }
.pr-foto__rahmen { position: static; aspect-ratio: auto; overflow: visible; }
.pr-foto__rahmen img { position: static; display: block; width: 100%; height: auto; max-width: none; max-height: none; margin: 0; }
.pr-foto--hoch .pr-foto__rahmen img { width: 62%; }
/* Pressefotos nach Format sortiert */
.pr-foto--hoch .pr-foto__rahmen img { width: 100%; }
.pr-fotos__format { margin: 40px 0 0; font-family: var(--font-sans); font-weight: 400; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: #8F6526; }
.pr-fotos__format + .pr-fotos__raster { margin-top: 16px; }
@media (min-width: 900px) {
  .pr-fotos__format { margin-left: 106px; }
  .pr-fotos__raster--hoch { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pr-fotos__raster--quer { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pr-fotos__raster--hoch { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 900px) { .pr-fotos__raster--quer { max-width: 720px; } }
.pr-fotos__raster--hoch { margin-top: 32px; }
.pr-fotos__raster--quer { margin-top: 44px; }
@media (min-width: 900px) { .pr-fotos__raster--hoch { margin-top: 40px; } .pr-fotos__raster--quer { margin-top: 56px; } }
/* Golden Scars: Titel am Desktop in zwei Zeilen, „neu“ nie allein */
@media (min-width: 900px) { .gs-titel-zeile { white-space: nowrap; } .seite-gs .um-hero__text > h1 { max-width: none !important; } }
/* Pressefotos Desktop: Querformate alle vier in einer Zeile */
@media (min-width: 900px) { .pr-fotos__raster--quer { grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: 980px; gap: 44px 24px; } .pr-fotos__raster--hoch { gap: 44px 24px; } }
/* Querformate zuerst, Hochformate darunter */
.pr-fotos__raster--quer { margin-top: 32px; }
.pr-fotos__raster--hoch { margin-top: 44px; }
@media (min-width: 900px) { .pr-fotos__raster--quer { margin-top: 40px; } .pr-fotos__raster--hoch { margin-top: 56px; } }
/* Golden Scars Hero: Titel schmaler, damit er nicht über dem Körper liegt */
@media (max-width: 899px) { .seite-gs .um-hero__text { max-width: 50% !important; } }
@media (min-width: 900px) { .seite-gs .um-hero h1 { font-size: clamp(34px, 3.6vw, 52px) !important; } }
@media (min-width: 900px) and (max-width: 1299px) { .seite-gs .um-hero h1 { font-size: clamp(34px, 3.3vw, 44px) !important; } }
/* Startseite: Bilder fliegen ein wie auf den anderen Seiten */
body:not(.seite-um):not(.seite-iay) img.erscheint { opacity: 0; transform: translateY(60px) scale(.96); transition: opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); }
body:not(.seite-um):not(.seite-iay) img.erscheint.sichtbar { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { body img.erscheint { opacity: 1 !important; transform: none !important; transition: none !important; } }
/* Presse Handy: Porträt mehr ins Bild, Hand nicht im Schatten */
@media (max-width: 899px) {
  .pr-hero__bild { width: 76%; right: -4%; object-position: 50% 6%;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 16%), linear-gradient(to top, transparent 0%, #000 12%);
    mask-image: linear-gradient(to right, transparent 0%, #000 16%), linear-gradient(to top, transparent 0%, #000 12%); }
}
/* Presse Handy: Schatten weiter nach links, Hand frei */
@media (max-width: 899px) {
  .pr-hero__bild { width: 92%; right: -6%;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 9%), linear-gradient(to top, transparent 0%, #000 12%);
    mask-image: linear-gradient(to right, transparent 0%, #000 9%), linear-gradient(to top, transparent 0%, #000 12%); }
}
/* Presse: Untertitel in Outfit wie auf der Startseite */
.seite-presse main .pr-hero__unter { font-family: var(--font-sans) !important; font-weight: 300; font-size: 17px !important; line-height: 1.55 !important; color: rgba(244,233,223,.86) !important; }
@media (min-width: 900px) { .seite-presse main .pr-hero__unter { font-size: 20px !important; } }
/* Über mich Handy: Text schmal links, nicht über dem Körper */
@media (max-width: 899px) { body.seite-um:not(.seite-gs) .um-hero__text { right: auto; max-width: 60%; } }
@media (max-width: 899px) { body.seite-um:not(.seite-gs) .um-hero h1 { font-size: 28px !important; } body.seite-um:not(.seite-gs) .um-hero__unter { font-size: 16px !important; } }
.um-zeile { white-space: nowrap; }
@media (min-width: 900px) { body.seite-um:not(.seite-gs) .um-hero__text > h1 { max-width: none !important; } }

/* ===== Einheitliche Hero-Untertitel: Outfit ohne Serifen wie auf der Startseite ===== */
html body main section[class] .um-hero__unter, html body main section[class] .iay-hero__unter, html body main section[class] .pr-hero__unter {
  font-family: var(--font-sans) !important; font-weight: 300 !important;
  text-transform: none !important; letter-spacing: 0 !important;
  font-size: 16px !important; line-height: 1.55 !important; }
@media (min-width: 900px) {
  html body main section[class] .um-hero__unter, html body main section[class] .iay-hero__unter, html body main section[class] .pr-hero__unter { font-size: 19px !important; line-height: 1.6 !important; }
}