:root{--ink:#172b3c;--muted:#586a79;--paper:#ffffff;--line:#dce4eb;--accent:#eaf5ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline-offset:5px}aside{position:fixed;inset:0 auto 0 0;width:290px;background:#ffffff;border-right:1px solid var(--line);padding:34px 28px;display:flex;flex-direction:column;overflow:auto}.brand{text-decoration:none;display:block;margin-bottom:44px}.brand>span{font-size:11px;letter-spacing:2px}.brand strong{display:flex;gap:17px;align-items:center;font:76px/1.2 "Segoe UI",Arial,sans-serif}.brand strong span{font:15px Arial,sans-serif}nav{display:grid;gap:5px}nav a{text-decoration:none;padding:11px 14px;border-radius:4px}nav a.active,nav a:hover{background:var(--accent)}.contact{margin-top:auto;padding-top:38px;display:grid;gap:6px;font-size:13px;overflow-wrap:anywhere}.contact small{font-size:10px;letter-spacing:1.4px;margin-bottom:9px}.contact strong{font-size:17px}.contact a{margin-top:8px}main{margin-left:290px;max-width:1600px}.intro{padding:76px 7% 52px}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:2px;margin:0 0 24px}h1,h2,h3{font-weight:normal}h1{font:clamp(52px,6.8vw,100px)/1.04 "Segoe UI",Arial,sans-serif;letter-spacing:-3px;margin:0 0 27px}h2{font:clamp(32px,4vw,52px)/1.15 "Segoe UI",Arial,sans-serif;margin:0 0 24px}h3{font:28px/1.3 "Segoe UI",Arial,sans-serif;margin:0 0 15px}.lead{max-width:520px;font-size:18px;color:var(--muted);margin-bottom:29px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:14px 22px;border:0;border-radius:3px;background:var(--ink);color:white;text-decoration:none;cursor:pointer}.button:disabled{opacity:.5;cursor:not-allowed}.button.secondary{background:var(--accent);color:var(--ink)}figure{margin:0}img{width:100%;display:block;object-fit:cover}.hero{margin:0 4%}.hero img{max-height:640px;border-radius:4px}.hero figcaption,figcaption{font-size:12px;color:var(--muted);margin-top:10px}.section-heading{padding:72px 7% 32px;max-width:850px}.section-heading p:not(.eyebrow){color:var(--muted);max-width:650px}.links{display:flex;flex-wrap:wrap;gap:28px;margin-top:25px}.gallery{padding:0 7%;display:grid;grid-template-columns:1fr 1fr;gap:24px}.gallery img{height:280px;border-radius:3px}#wohnungen{padding-bottom:20px}.unit{scroll-margin-top:30px;margin:0 7% 24px;padding:32px;background:#ffffff;border:1px solid var(--line);border-radius:4px;display:grid;grid-template-columns:1fr 1.1fr;gap:32px}.unit-photo{min-height:180px;display:flex;align-items:center;justify-content:center;background:#f0f3f6;color:var(--muted);text-align:center;padding:24px}.unit img{max-height:330px}.unit .facts{display:flex;gap:24px;border-block:1px solid var(--line);padding:16px 0;margin:20px 0}.unit .actions{display:flex;flex-wrap:wrap;gap:10px}.unit .button{font-size:14px;gap:20px}.fine{color:var(--muted);font-size:13px}.unit small{display:block;color:var(--muted)}form{margin:0 7% 70px;padding:32px;background:#ffffff;border:1px solid var(--line);border-radius:4px}label{display:grid;gap:7px;margin-bottom:20px}.row{display:grid;grid-template-columns:1fr 1fr;gap:22px}input,select,textarea{width:100%;padding:12px;border:1px solid #afbdc9;border-radius:3px;background:white;color:var(--ink)}.consent{display:flex;align-items:flex-start;font-size:13px;gap:10px;flex-wrap:wrap}.consent input{width:18px;height:18px;flex-shrink:0}.slots{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.slots label{display:flex;gap:10px;border:1px solid var(--line);padding:12px;margin:0;align-items:center}.slots input{width:20px;height:20px}.trap{position:absolute;left:-10000px}#status:not(:empty){padding:16px;background:var(--accent)}#viewing{margin-bottom:25px}.skip{position:fixed;top:-100px;left:10px;z-index:9;padding:12px;background:white}.skip:focus{top:10px}footer{border-top:1px solid var(--line);padding:35px 7%;font-size:13px}footer details{margin:18px 0}footer details p{max-width:750px}[hidden]{display:none!important}@media(min-width:1350px){.intro{padding-top:90px}.hero img{max-height:650px}}@media(max-width:900px){aside{width:235px;padding:25px 20px}main{margin-left:235px}.unit{grid-template-columns:1fr}.brand strong{font-size:65px}.contact{font-size:12px}.gallery img{height:220px}}@media(max-width:650px){aside{position:relative;width:auto;padding:22px 20px;border-bottom:1px solid var(--line);border-right:0;overflow:visible}.brand{margin:0 0 20px}.brand strong{font-size:48px}.brand>span{font-size:9px}nav{grid-template-columns:repeat(3,1fr);gap:6px}nav a{font-size:12px;padding:9px 8px}nav a:first-child{grid-column:span 3}.contact{margin-top:25px;padding-top:17px;border-top:1px solid var(--line);grid-template-columns:1fr 1fr}.contact small{grid-column:span 2;margin:0}.contact a{grid-column:span 2;margin:0}main{margin:0}.intro{padding:42px 6% 35px}h1{font-size:57px;letter-spacing:-2px}.lead{font-size:16px}.hero{margin:0 6%}.hero img{height:340px}.section-heading{padding:45px 6% 22px}.gallery{padding:0 6%;grid-template-columns:1fr;gap:22px}.gallery img{height:250px}.unit{margin:0 6% 20px;padding:23px;gap:22px}.row{grid-template-columns:1fr;gap:0}form{margin:0 6% 45px;padding:23px}.slots{grid-template-columns:1fr}.unit .actions{display:grid}.button{min-height:48px}.links{gap:15px}footer{padding:25px 6%}}

/* White architecture, light grey surfaces and blue inspired by the lake and sky. */
:root{--blue:#086db5;--grey:#f4f6f8}
body{font-family:"Segoe UI",Arial,sans-serif}
.brand>span{font-weight:600}.brand strong{font-weight:650;letter-spacing:-4px;color:var(--blue)}.brand strong span{letter-spacing:0;color:var(--muted)}
.intro{background:linear-gradient(120deg,#fff 35%,#f0f8ff 100%);padding-top:70px;padding-bottom:48px}
h1{font-size:clamp(48px,6.3vw,88px);font-weight:650;letter-spacing:-3.5px;line-height:1.06}h2{font-weight:600;letter-spacing:-1.5px}h3{font-weight:600;letter-spacing:-.7px}
.eyebrow{color:var(--blue)}.contact small{color:var(--muted)}.contact a,.links{color:var(--blue)}
nav a{border-radius:8px;border-left:3px solid transparent;transition:background .15s,color .15s}nav a.active{background:var(--accent);color:var(--blue);border-left-color:var(--blue);font-weight:600}nav a:hover{background:var(--grey);color:var(--blue)}
.button{background:var(--blue);border:1px solid transparent;border-radius:8px;font-weight:600;transition:background .15s,box-shadow .15s}.button:hover{background:#07568f;box-shadow:0 4px 14px #086db520}.button.secondary{background:white;color:var(--blue);border-color:#b4d7ef}.button.secondary:hover{background:var(--accent)}.button:disabled{box-shadow:none}
.hero{padding-top:24px}.hero img{border-radius:12px}.gallery{padding-bottom:64px}.gallery img,.unit img{border-radius:10px}
#wohnungen{background:var(--grey);border-block:1px solid var(--line);padding-bottom:32px}.unit,form{border-radius:12px}.unit-photo{border-radius:8px}.unit .facts{flex-wrap:wrap;gap:12px 24px}
form{box-shadow:0 8px 32px #182d4006}input,select,textarea{border-radius:6px}input[type=checkbox]{accent-color:var(--blue)}.slots label{border-radius:6px}.slots label:has(input:checked){background:var(--accent);border-color:var(--blue)}#status:not(:empty){border-radius:6px}footer{background:var(--grey)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--blue)}
@media(max-width:650px){.intro{padding-top:38px;padding-bottom:35px}h1{font-size:48px;letter-spacing:-2px}h2{letter-spacing:-1px}.brand strong{letter-spacing:-3px}.hero{padding-top:20px}.gallery{padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Image-led introduction and village chapters, keeping the requested left navigation. */
#standort>.hero{margin:0;padding:0;position:relative}#standort>.hero img{height:clamp(360px,55vw,680px);max-height:none;border-radius:0;object-position:center top}#standort>.hero figcaption{position:absolute;bottom:16px;right:20px;margin:0;padding:5px 10px;background:#ffffffed;color:#344b5c;border-radius:3px;font-size:11px}
.intro{background:white;padding:56px 7% 64px}.intro h1{font-size:clamp(44px,5.1vw,72px);font-weight:500;letter-spacing:-2.5px}.intro .lead{max-width:640px}.gallery{padding-bottom:64px}
.village{padding:64px 7%;background:#f1f7fc;border-top:1px solid #e2edf6}.village-intro{max-width:720px;margin-bottom:44px}.village h2{font-weight:500}.village-intro .lead{max-width:660px}.text-link{color:var(--blue);font-weight:600}.village-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 44px}.village-grid article{padding:25px 0 28px;border-top:1px solid #cbdce9}.village-number{display:block;font-size:12px;color:var(--blue);letter-spacing:2px;margin-bottom:18px}.village-grid h3{font-size:25px;font-weight:500}.village-grid p{max-width:430px;color:var(--muted)}.village-grid a{font-size:14px;color:var(--blue)}.village-source{font-size:12px;color:var(--muted);max-width:720px;margin:25px 0 0}
@media(max-width:650px){#standort>.hero img{height:370px}#standort>.hero figcaption{bottom:10px;right:10px;font-size:10px}.intro{padding:35px 6% 42px}.intro h1{font-size:45px;letter-spacing:-1.8px}.village{padding:42px 6%}.village-grid{grid-template-columns:1fr}.village-intro{margin-bottom:30px}.village-grid article{padding:22px 0}.village-grid h3{font-size:24px}}