/* Einstiegsseiten: bestehende Markenfarben, Schriften und Navigation. */
.landing-hero{max-width:var(--max);margin:auto;padding:clamp(2rem,5vw,5rem) var(--gutter);display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.landing-heading{min-width:0}.landing-back{font-family:var(--display);font-size:.9rem;text-decoration:none}
.landing-heading h1{font-family:var(--display);font-weight:400;font-size:clamp(3rem,6vw,6.5rem);line-height:1.02;text-transform:uppercase;overflow-wrap:anywhere;margin:1.5rem 0}
.landing-subtitle{font-size:clamp(1.3rem,2vw,1.8rem)}.landing-heading>p{max-width:39rem}.landing-heading .button{margin-top:1rem;max-width:100%;white-space:normal}
.landing-hero figure{margin:0;min-width:0}.landing-hero img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center}
.landing-hero figcaption{font-size:.8rem;margin-top:.7rem}.landing-story{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:clamp(2rem,7vw,7rem)}
.landing-copy{max-width:45rem}.landing-copy p{line-height:1.8}.landing-copy h2,.landing-motifs h2{font-family:var(--display);font-weight:400;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.1;margin:2rem 0 1rem}.landing-copy>p:first-child{margin-top:0}
.landing-motifs{align-self:start;border-top:3px solid var(--color-accent);padding-top:1rem}.landing-motifs h2{margin-top:0}.landing-motifs>a{display:block;border-bottom:1px solid var(--color-ink);padding:1rem 0;text-decoration:none}
.landing-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2rem}.landing-related a{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--color-ink);font-family:var(--display);font-size:clamp(1.4rem,2.5vw,2.1rem);line-height:1.15;text-decoration:none}
.landing-related a:hover,.landing-motifs>a:hover{text-decoration:underline}.landing-related a:focus-visible,.landing-motifs>a:focus-visible{outline:3px solid var(--color-ink);outline-offset:3px}
@media(max-width:760px){.landing-hero,.landing-story{grid-template-columns:1fr}.landing-heading h1{font-size:clamp(2.5rem,11vw,4.5rem)}.landing-hero figure{max-width:36rem;width:100%}.landing-hero img{aspect-ratio:4/3}.landing-related{grid-template-columns:1fr}.landing-related a{font-size:1.5rem}}