:root{--ink:#514b48;--wine:#7e203e;--paper:#fdfbf8;--line:#e3dcd5;--muted:#52615d;--green:#58604c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;color:var(--ink);background:var(--paper);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.65}a{color:var(--wine);text-underline-offset:.22em}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid var(--wine);outline-offset:5px}.skip{position:absolute;top:-100px;left:1rem;background:white;padding:1rem;z-index:20}.skip:focus{top:1rem}header,footer{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:26px 40px}header{border-bottom:1px solid var(--line)}.brand{font-weight:800;font-size:1.25rem;text-decoration:none;color:var(--ink);letter-spacing:-.04em}.brand span{display:block;font-size:.7rem;letter-spacing:.2em;color:var(--muted)}nav{display:flex;gap:1.5rem;flex-wrap:wrap}nav a{color:var(--ink);text-decoration:none;font-size:.95rem}nav a[aria-current]{color:var(--wine);text-decoration:underline;text-decoration-thickness:2px}.mobile{display:none}main{max-width:1160px;margin:auto;padding:62px 40px 70px}h1,h2{line-height:1.14;letter-spacing:-.04em;text-wrap:balance}h1{font-size:clamp(2.5rem,6vw,4.6rem);margin:0 0 24px;font-weight:800}h2{font-size:clamp(1.45rem,2.6vw,2rem);margin:0 0 18px}p{margin:0 0 18px;max-width:69ch}.intro{max-width:790px;margin-bottom:44px}.subtitle{font-size:1.3rem;font-weight:650;color:var(--green)}.index .intro{max-width:840px;border-left:5px solid var(--wine);padding-left:30px}.index .intro p:first-of-type+.p{color:var(--wine)}.button{display:inline-block;background:var(--wine);color:white;text-decoration:none;padding:12px 20px;border-radius:6px;font-size:.95rem;font-weight:650;margin-top:8px}.button:hover{background:#59172c}.sections{display:grid;grid-template-columns:1fr 1fr;column-gap:48px}.sections section{padding:26px 0 20px;border-top:1px solid var(--line)}.index .sections section:first-child{grid-column:1/-1}.story{max-width:850px}.story .sections{display:block}.story .intro{margin-bottom:28px}.story h1{font-size:clamp(2.3rem,5vw,3.8rem)}.story h3{font-size:1.25rem;margin-top:30px}.story p,.story li{overflow-wrap:anywhere}.end{margin-top:18px}.linkedin{margin-top:25px}.contact{border-top:1px solid var(--line);padding-top:28px}.contact a{font-size:clamp(1.15rem,3vw,1.6rem)}footer{border-top:1px solid var(--line);padding-top:32px;padding-bottom:36px}.mobile summary{cursor:pointer;font-weight:650}.mobile nav{flex-direction:column;padding-top:20px;gap:15px}@media(max-width:900px){header,footer{padding:22px 24px}.desktop{display:none}.mobile{display:block}.mobile[open]{width:100%}header:has(.mobile[open]){flex-wrap:wrap}main{padding:40px 24px 50px}.sections{column-gap:28px}footer{align-items:flex-start;flex-direction:column;gap:18px}footer nav{gap:12px 20px}.index .intro{padding-left:20px}}@media(max-width:600px){.sections{display:block}.intro{margin-bottom:30px}.sections section{padding:24px 0 18px}.brand{font-size:1.15rem}h1{overflow-wrap:break-word}.button{max-width:100%}.index .intro{border-left:0;padding-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

h1,h2,h3{color:#724052}h1{font-weight:750}.motto{font-size:1rem;font-weight:650;line-height:1.5;letter-spacing:0;color:var(--wine);flex-shrink:0}header{gap:1.5rem}.desktop{gap:1.1rem}@media(max-width:1050px){.desktop{display:none}.mobile{display:block}header:has(.mobile[open]){flex-wrap:wrap}.mobile[open]{width:100%}}@media(max-width:600px){header{gap:1rem}.motto{font-size:.88rem;flex-shrink:1}.mobile{flex-shrink:0}}

/* Fotografien – Entwurf September 2026 */
.photo{margin:0;overflow:hidden;background:#e6e8df}.photo img{display:block;width:100%;height:100%;object-fit:cover}.photo-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:center;margin-bottom:54px}.photo-intro .intro{margin:0;max-width:none}.index .photo-intro .intro{border:0;padding:0}.intro-photo{height:440px;border-radius:4px 64px 4px 4px}.intro-photo img{object-position:56% 42%}.photo-intro h1{font-size:clamp(2.4rem,5vw,4.2rem)}.grape-hero{height:340px;margin-bottom:36px;border-radius:4px 4px 64px 4px}.grape-hero img{object-position:50% 42%}.offer-photo{height:300px;margin-bottom:28px;border-radius:4px}.offer-photo img{object-position:50% 40%}.story:has(.photo-intro){max-width:1160px}.story .photo-intro h1{font-size:clamp(2.2rem,4vw,3.35rem)}.story .sections,.story .end,.story .linkedin{max-width:760px;margin-left:auto;margin-right:auto}.harvest-photo{float:right;width:42%;height:300px;margin:0 0 24px 30px;border-radius:4px 44px 4px 4px}.harvest-photo img{object-position:55% 40%}.story section{display:flow-root}.kontakt .intro-photo{height:300px}.kontakt .photo-intro{grid-template-columns:1.3fr .7fr}.fuer-betriebe .intro-photo img{object-position:65% 45%}@media(max-width:760px){.photo-intro,.kontakt .photo-intro{grid-template-columns:1fr;gap:26px;margin-bottom:34px}.intro-photo{height:360px;border-radius:4px 44px 4px 4px}.grape-hero{height:240px;margin-bottom:28px}.offer-photo{height:250px}.harvest-photo{float:none;width:100%;height:310px;margin:0 0 26px}.kontakt .intro-photo{height:260px}.photo-intro h1{font-size:clamp(2.5rem,8vw,3.8rem)}}

.index .intro-photo img{object-position:65% 40%}.story .intro-photo img,.kontakt .intro-photo img{object-position:80% 40%}.personal-photo{height:300px;margin-bottom:26px;border-radius:4px 44px 4px 4px}.personal-photo img{object-position:65% 40%}.business-photo{height:260px;margin-bottom:26px;border-radius:4px 44px 4px 4px}.business-photo img{object-position:55% 40%}