:root{--navy:#19364d;--ink:#263c4c;--soft:#eef1f4;--paper:#f8f7f4;--line:#d9dfe2;--copper:#9b6958;--muted:#526771}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55;min-width:320px}img{display:block;max-width:100%;height:auto}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{width:min(100% - 48px,1240px);margin-inline:auto}.skip{position:absolute;left:12px;top:-80px;z-index:99;background:#fff;padding:10px 16px}.skip:focus{top:12px}.site-header{background:white;border-bottom:1px solid var(--line);position:relative;z-index:20}.header-inner{min-height:76px;display:flex;align-items:center;gap:30px}.domain-name{text-decoration:none;font-size:1.36rem;letter-spacing:-.06em;font-weight:900;white-space:nowrap}.domain-name span{color:var(--copper)}.navigation{display:flex;gap:25px;margin-left:auto}.navigation a{text-decoration:none;font-size:.86rem;font-weight:700}.navigation a:hover,.navigation a:focus-visible{text-decoration:underline;text-underline-offset:5px}.brand{display:block;width:64px;margin-left:10px}.brand img{width:100%;height:auto;max-height:50px;object-fit:contain}.menu-button{display:none;background:#fff;border:1px solid var(--line);color:var(--ink);font-size:.78rem;font-weight:700;padding:6px 9px}.menu-button span{font-size:1rem;margin-left:3px}.eyebrow{font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.16em;color:var(--copper);margin:0 0 18px;line-height:1.35}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.12}h1{font-size:clamp(2.7rem,5vw,5.2rem);font-weight:800;margin-bottom:24px}h2{font-size:clamp(2.1rem,3.7vw,3.8rem);font-weight:800;margin-bottom:21px}h3{font-size:1.18rem;margin-bottom:9px}p{margin-bottom:0}.lead{font-size:1.08rem;line-height:1.7;color:#485e6b}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:var(--navy);color:#fff;border:1px solid var(--navy);min-height:52px;padding:13px 19px;text-decoration:none;font-size:.87rem;font-weight:800;margin-top:30px}.button span,.text-link span{font-size:1.15rem}.button:hover,.button:focus-visible{background:#2b5a76}.text-link{display:inline-flex;align-items:center;gap:16px;text-decoration:none;border-bottom:2px solid var(--copper);padding-bottom:4px;font-size:.89rem;font-weight:800}.text-link:hover,.text-link:focus-visible{color:var(--copper)}.hero{background:var(--paper)}.hero-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(35px,5.5vw,82px);align-items:center;padding-block:64px 72px}.image-frame{position:relative;margin:0;background:#e5e6e3}.image-frame img{width:100%;height:auto;object-fit:contain}.image-frame figcaption{position:absolute;right:9px;bottom:9px;background:rgba(255,255,255,.93);font-size:.6rem;color:#43565d;padding:4px 7px;line-height:1.2;white-space:nowrap}.hero-photo{padding:8px;border:1px solid #e4e0da}.hero-copy{max-width:570px}.city-section{padding-block:88px 94px}.city-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(42px,7vw,100px)}.city-heading p:last-child{color:var(--muted);max-width:485px}.city-details{display:grid;gap:0;border-top:3px solid var(--navy)}.city-details article{padding:18px 0 21px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:112px 1fr;column-gap:18px}.city-details article>span{grid-row:1/3;color:var(--copper);font-weight:800;letter-spacing:.08em;font-size:.67rem;padding-top:4px}.city-details p{color:var(--muted);max-width:490px}.living-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(36px,6vw,80px);align-items:center;padding-block:40px 95px}.living-copy p:not(.eyebrow){color:var(--muted);max-width:465px;margin-bottom:27px}.living-photo{padding:8px;border:1px solid var(--line)}.buyer-section{background:#e9eef0;padding-block:68px}.buyer-layout{display:grid;grid-template-columns:.35fr 1fr 1fr;gap:32px}.buyer-layout .eyebrow{padding-top:8px}.buyer-layout h2{font-size:clamp(2rem,3vw,3.2rem);margin-bottom:0}.buyer-layout div p{color:var(--muted);margin-bottom:22px}.form-section{background:var(--paper);padding-block:88px}.form-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(36px,6vw,90px)}.form-heading h2{max-width:390px}.form-heading:after{content:'';display:block;width:75px;height:3px;background:var(--copper);margin-top:30px}form{background:#fff;border:1px solid var(--line);box-shadow:0 12px 36px rgba(30,55,72,.07);padding:clamp(20px,3.5vw,46px);max-width:640px}form label{display:block;font-weight:700;font-size:.79rem;line-height:1.4;margin-bottom:7px}form small{font-weight:400;color:#697881;font-size:.74rem}form select,form input:not([type=checkbox]),form textarea{display:block;width:100%;border:1px solid #cfd9dd;background:#fff;color:var(--ink);border-radius:1px;padding:11px 12px;min-height:46px;outline-offset:2px;margin-bottom:18px}form textarea{resize:vertical;min-height:106px}form .two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.consent{display:flex;gap:9px;align-items:flex-start;line-height:1.5;font-weight:400;margin:0 0 19px}.consent input{width:17px;height:17px;flex:none;margin:3px 0 0;accent-color:var(--navy)}.consent a{text-decoration:underline;text-underline-offset:2px}form button[type=submit]{background:var(--navy);border:1px solid var(--navy);color:#fff;font-size:.84rem;font-weight:800;min-height:49px;padding:13px 16px}form button[type=submit]:hover,form button[type=submit]:focus-visible{background:#2c5974}.preview-note{font-size:.73rem;color:#697881;margin-top:12px}.form-message{min-height:1.5em;margin-top:10px;font-size:.84rem}.form-message.success{color:#275d3b}.personal-section{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-block:66px}.personal-section h2{font-size:2rem;margin-bottom:4px}.personal-section p:last-child{color:var(--muted)}.personal-links{display:grid;text-align:right;gap:5px;font-size:1.04rem;font-weight:800}.personal-links a{text-decoration:underline;text-underline-offset:3px}.site-footer{background:var(--navy);color:#fff;padding-block:25px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:.73rem}.footer-inner nav{display:flex;gap:24px;font-weight:700}.footer-inner a{text-decoration:none}.footer-inner a:hover,.footer-inner a:focus-visible{text-decoration:underline}#immobilie,#wohnen,#kaufen,#anfrage,#kontakt{scroll-margin-top:20px}@media(max-width:1000px){.hero-layout{gap:35px}.city-layout{gap:45px}.buyer-layout{grid-template-columns:1fr 1fr}.buyer-layout .eyebrow{grid-column:1/-1;padding:0;margin-bottom:-18px}}@media(max-width:760px){.wrap{width:min(100% - 36px,1240px)}.header-inner{min-height:65px;gap:12px}.domain-name{font-size:1.19rem}.menu-button{display:block;margin-left:auto}.brand{width:48px;margin-left:0}.navigation{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 10px 20px rgba(20,40,60,.1);margin:0;padding:14px 18px 18px;flex-direction:column;gap:0}.navigation.is-open{display:flex}.navigation a{display:block;padding:11px 8px}.hero-layout,.city-layout,.living-section,.buyer-layout,.form-layout{grid-template-columns:1fr}.hero-layout{padding-block:40px 58px;gap:30px}.hero-copy{order:-1}.city-section{padding-block:59px}.city-layout{gap:34px}.living-section{padding-block:55px 70px;gap:36px}.living-copy{max-width:630px}.buyer-section{padding-block:55px}.buyer-layout{gap:19px}.buyer-layout .eyebrow{grid-column:auto;margin:0}.form-section{padding-block:62px}.form-layout{gap:28px}.form-heading:after{margin-top:15px}.personal-section{padding-block:52px}}@media(max-width:430px){body{font-size:15px}.wrap{width:min(100% - 28px,1240px)}.header-inner{min-height:61px;gap:8px}.domain-name{font-size:1.05rem}.brand{width:42px}.menu-button{font-size:.7rem;padding:5px 6px}.hero-layout{padding-block:30px 45px}h1{font-size:clamp(2.22rem,10.8vw,3.15rem)}h2{font-size:clamp(1.95rem,9vw,2.65rem)}.lead{font-size:1rem}.button{width:100%;gap:10px}.image-frame{padding:5px}.image-frame figcaption{right:6px;bottom:6px;font-size:.56rem;padding:3px 5px}.city-section{padding-block:47px}.city-details article{grid-template-columns:1fr;gap:3px}.city-details article>span{grid-row:auto;padding:0}.living-section{padding-block:44px 56px}.buyer-section{padding-block:47px}.form-section{padding-block:50px}form{padding:20px 15px}.form .two-fields{grid-template-columns:1fr;gap:0}.personal-section{display:block}.personal-links{text-align:left;margin-top:20px}.footer-inner{display:block}.footer-inner nav{flex-wrap:wrap;gap:18px;margin-top:12px}}
