/* Entwurf "menschengemacht" (Jenny 30.10.: Linien, Icons, Nummern wirken AI): ruhige Saetze, runde Bilder, Handpfeile */
@import url("https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;1,6..72,400&display=swap");
.hm { padding: clamp(90px, 11vw, 160px) 0; }
.hm .satz { font-family: "Newsreader", Georgia, serif; font-size: clamp(26px, 2.8vw, 40px); line-height: 1.3; letter-spacing: -.01em; max-width: 28ch; margin: 0 auto; text-align: center; color: var(--tinte); }
.hm .satz em { font-style: italic; color: #1f3d66; }
.reise { display: grid; grid-template-columns: 1fr 70px 1fr 70px 1fr; align-items: start; max-width: 1080px; margin: clamp(60px, 8vw, 100px) auto 0; padding: 0 var(--rand); }
.station { text-align: center; }
.station img { width: min(240px, 100%); aspect-ratio: 1; border-radius: 50%; object-fit: cover; display: block; margin: 0 auto 26px; }
.station h3 { font-size: 22px; letter-spacing: -.02em; margin: 0 0 8px; }
.station p { font-family: "Newsreader", Georgia, serif; font-size: 19px; line-height: 1.45; color: #555; margin: 0 auto; max-width: 22ch; }
.pfeil-hand { width: 70px; height: 40px; margin-top: 100px; color: #1f3d66; }
@media (max-width: 860px) { .reise { grid-template-columns: 1fr; gap: 10px; } .pfeil-hand { transform: rotate(90deg); margin: 0 auto; } }
.du { background: #f6f4f0; }
.du h2 { font-family: "Newsreader", Georgia, serif; font-weight: 400; font-size: clamp(34px, 4vw, 56px); letter-spacing: -.02em; text-align: center; margin: 0 0 clamp(50px, 6vw, 80px); }
.wahl { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(30px, 4vw, 60px); max-width: 1080px; margin: 0 auto; padding: 0 var(--rand); }
.wahl > div { text-align: center; }
.wahl img { width: 170px; aspect-ratio: 1; border-radius: 50%; object-fit: cover; display: block; margin: 0 auto 22px; }
.wahl h3 { font-size: 20px; letter-spacing: -.02em; margin: 0 0 8px; }
.wahl p { font-family: "Newsreader", Georgia, serif; font-size: 18px; line-height: 1.45; color: #555; margin: 0 auto; max-width: 26ch; }
.wahl a { display: inline-block; margin-top: 14px; font-size: 15px; font-weight: 600; color: var(--tinte); }
@media (max-width: 860px) { .wahl { grid-template-columns: 1fr; } }
.neu-hinweis { text-align: center; margin-top: clamp(60px, 7vw, 90px); font-family: "Newsreader", Georgia, serif; font-size: clamp(22px, 2.2vw, 30px); }
.neu-hinweis a { font-family: var(--schrift); font-size: 15px; font-weight: 600; margin-left: 10px; }

/* Runde 2 (Jenny 30.10.): weniger mittig, Bilder groesser und zum Rand, Hero 80 % hoch */
.held80 { position: relative; height: 80vh; min-height: 520px; max-height: 900px; overflow: hidden; color: #fff; }
.held80 img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.held80::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.25) 40%, rgba(0,0,0,0) 62%), linear-gradient(0deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,0) 40%); }
.held80 .text { position: absolute; z-index: 2; left: var(--rand); bottom: clamp(40px, 7vh, 80px); max-width: 680px; }
.held80 h1 { font-size: clamp(42px, 5.6vw, 88px); font-weight: 700; letter-spacing: -.045em; line-height: .98; margin: 0; }
.held80 p { font-size: clamp(17px, 1.3vw, 20px); max-width: 40ch; margin: 20px 0 0; color: rgba(255,255,255,.88); }
@media (max-width: 760px) { .held80 { height: 78vh; } .held80 img { object-position: 72% 30%; } }
.hm { padding: clamp(80px, 9vw, 130px) 0; }
.hm .satz { text-align: left; margin: 0 0 0 var(--rand); max-width: 30ch; font-size: clamp(28px, 3.1vw, 46px); }
.reise { max-width: none; margin: clamp(60px, 7vw, 90px) 0 0; padding: 0 var(--rand); grid-template-columns: 1fr 60px 1fr 60px 1fr; }
.station { text-align: left; }
.station img { width: min(340px, 100%); margin: 0 0 24px; }
.station p { margin: 0; }
.station:nth-of-type(2) { margin-top: 70px; }
.station:nth-of-type(3) { margin-top: 140px; }
.reise .pfeil-hand:nth-of-type(1) { margin-top: 170px; }
.reise .pfeil-hand:nth-of-type(2) { margin-top: 240px; }
@media (max-width: 860px) { .station:nth-of-type(2), .station:nth-of-type(3) { margin-top: 0; } .reise .pfeil-hand { margin: 0 auto !important; } }
.du { padding: clamp(60px, 7vw, 100px) 0; }
.du h2 { text-align: left; margin: 0 0 clamp(36px, 4vw, 56px) var(--rand); }
.wahl { max-width: none; padding: 0 var(--rand); grid-template-columns: 1.15fr 1fr 1fr; align-items: start; }
.wahl > div { text-align: left; }
.wahl > div:nth-child(2) { margin-top: 50px; }
.wahl > div:nth-child(3) { margin-top: 20px; }
.wahl img { width: min(240px, 100%); margin: 0 0 20px; }
.wahl > div:first-child img { width: min(290px, 100%); }
.wahl p { margin: 0; }
@media (max-width: 860px) { .wahl > div:nth-child(n) { margin-top: 0; } }
.neu-hinweis { text-align: left; margin: clamp(44px, 5vw, 64px) 0 0 var(--rand); }
.held80::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 140px; z-index: 1; background: linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,0)); }
.hm-titel { font-family: "Newsreader", Georgia, serif; font-weight: 400; font-size: clamp(34px, 4vw, 56px); letter-spacing: -.02em; margin: 0 0 16px; }
.hm-lead { font-family: "Newsreader", Georgia, serif; font-size: clamp(19px, 1.6vw, 23px); line-height: 1.45; color: #555; max-width: 52ch; margin: 0 0 clamp(36px, 4vw, 56px); }
.warum3d { padding-top: clamp(80px, 9vw, 130px); }
@media (max-width: 860px) {
  .reise { grid-template-columns: 1fr; gap: 6px; }
  .station img { width: 72%; max-width: 300px; }
  .station:nth-of-type(2) { margin-left: 22%; }
  .station:nth-of-type(3) { margin-left: 8%; }
  .reise .pfeil-hand { margin: 4px 0 4px 30% !important; transform: rotate(90deg); }
  .wahl { grid-template-columns: 1fr; gap: 44px; }
  .wahl > div:nth-child(2) { margin-left: 18%; }
  .wahl img, .wahl > div:first-child img { width: 62%; max-width: 260px; }
}

.hm .satz { margin-right: var(--rand); }
.held80 .text { right: var(--rand); }