/* Farben hier ändern. Das Naturmotiv liegt unter assets/natur.svg. */
:root{--background:#f5f3eb;--text:#283e35;--muted:#738076;--accent:#78865e;--line:#d9ddd0}
*{box-sizing:border-box}
body{margin:0;background:var(--background);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.page{max-width:1600px;margin:auto;padding:0 6.2%}
.masthead{min-height:118px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.wordmark{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none;font-size:14px;letter-spacing:.025em}
.wordmark svg{width:29px;height:29px;fill:none;stroke:var(--accent);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.header-note{font-size:12px;color:var(--muted)}
.welcome{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding:34px 0 58px;min-height:690px}
.intro{padding:0 0 20px}
.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.22em;display:flex;gap:10px;align-items:center;margin:0 0 33px;color:var(--muted)}
.eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--accent)}
h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(58px,6.8vw,106px);line-height:1.02;letter-spacing:-.065em;margin:0 0 32px}
h1 em{font-weight:400;color:var(--accent)}
.greeting{font-size:14px;line-height:1.9;color:#637068;margin:0}
.small-rule{height:1px;width:41px;background:#b8c0ac;margin:38px 0 23px}
.quiet-note{font-size:11px;color:var(--muted);letter-spacing:.03em}
.landscape{margin:0;position:relative;isolation:isolate}
.landscape img{display:block;width:100%;height:clamp(480px,60vh,720px);object-fit:cover;border-radius:47% 47% 3px 3px}
figcaption{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.04em;color:var(--muted);padding:17px 2px 0}
figcaption span:last-child{font-size:18px}
footer{border-top:1px solid var(--line);padding:23px 0 28px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.035em;color:var(--muted)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}
@media(min-width:1500px){.welcome{gap:10%;padding-top:50px}}
@media(max-width:700px){.page{padding:0 7%}.masthead{min-height:88px}.wordmark{font-size:12px;gap:9px}.header-note{display:none}.welcome{grid-template-columns:1fr;gap:33px;padding:35px 0 37px;min-height:0}.intro{padding:0}h1{font-size:72px;margin-bottom:23px}.eyebrow{margin-bottom:25px}.greeting{font-size:13px}.small-rule{margin:27px 0 18px}.landscape img{height:450px}.quiet-note{margin-bottom:0}footer{font-size:9px;padding:21px 0 25px}}
@media(max-width:360px){h1{font-size:62px}.desktop-break{display:none}.landscape img{height:370px}}