:root{--ink:#23383a;--petrol:#234c50;--brick:#a7563f;--sand:#f0e8db;--paper:#fcfaf6;--line:#d8d5cf;--muted:#586b6b;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}img{display:block;max-width:100%}button,input,textarea{font:inherit}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:96px;padding:14px max(25px,calc((100% - var(--max))/2));display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:42px;background:#fff;position:relative;z-index:10}.wordmark{text-decoration:none;color:var(--ink);font-size:.88rem;font-weight:850;letter-spacing:.14em;white-space:nowrap}.wordmark span{color:var(--brick)}.wordmark small{font-size:.63rem}.main-nav{display:flex;gap:26px}.main-nav a{font-size:.83rem;font-weight:750;text-decoration:none}.main-nav a:hover,.main-nav a:focus-visible{color:var(--brick)}.brand img{width:88px;height:49px;object-fit:contain}.menu-button{display:none;width:44px;height:44px;padding:10px;border:1px solid var(--line);background:#fff}.menu-button span:not(.sr-only){display:block;width:22px;height:2px;margin:4px auto;background:var(--ink)}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.08}h1{font-size:clamp(3.1rem,5.7vw,6.4rem);letter-spacing:-.043em;margin-bottom:23px}h2{font-size:clamp(2.5rem,4.3vw,5rem);letter-spacing:-.033em;margin-bottom:24px}.kicker{margin-bottom:17px;color:var(--brick);font-size:.74rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.hero{position:relative;min-height:775px;background:var(--sand)}.hero-image{height:775px;margin:0}.photo{position:relative;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover}.photo figcaption{position:absolute;right:15px;bottom:0;padding:5px 8px;color:#fff;background:rgba(21,40,42,.83);font-size:.67rem}.hero-card{position:absolute;left:max(25px,calc((100% - var(--max))/2));bottom:70px;width:min(660px,calc(100% - 50px));padding:54px 58px 49px;background:rgba(252,250,246,.97)}.hero-card>p:not(.kicker){max-width:520px;color:var(--muted);font-size:1.06rem}.hero-actions{margin-top:27px;display:flex;flex-wrap:wrap;gap:10px}.button{min-height:51px;padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;text-align:center;border:1px solid transparent;font-size:.88rem;font-weight:850;text-decoration:none;cursor:pointer}.button-brick,.button-submit{color:#fff;background:var(--brick)}.button-brick:hover,.button-brick:focus-visible,.button-submit:hover,.button-submit:focus-visible{background:#86432e}.button-light{background:transparent;border-color:var(--petrol);color:var(--petrol)}
.urban-details{max-width:var(--max);margin:auto;padding:114px 25px 125px}.section-head{max-width:870px}.section-head h2{max-width:770px}.section-head>p:not(.kicker){max-width:620px;color:var(--muted);font-size:1.05rem}.detail-grid{margin-top:66px;display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.detail-grid article{padding-top:19px;border-top:2px solid var(--petrol)}.detail-grid span{font-size:.76rem;color:var(--brick);font-weight:900}.detail-grid h3{margin:30px 0 15px;font-size:2rem}.detail-grid p{max-width:360px;margin:0;color:var(--muted)}
.interior{min-height:650px;display:grid;grid-template-columns:minmax(340px,.7fr) minmax(0,1.3fr);background:var(--petrol);color:#fff}.interior-copy{padding:80px 65px 80px max(30px,calc((100vw - var(--max))/2));display:flex;flex-direction:column;justify-content:center}.interior-copy .kicker{color:#d9a28c}.interior-copy h2{font-size:clamp(2.7rem,4vw,4.6rem)}.interior-copy p:not(.kicker){max-width:390px;color:#e1e9e7}.interior-image{min-height:650px;margin:0}
.paths{max-width:var(--max);margin:auto;padding:120px 25px;display:grid;grid-template-columns:1fr 1fr;gap:95px}.paths article{padding:34px 0 0;border-top:2px solid var(--brick)}.paths article+article{border-color:var(--petrol)}.paths h2{font-size:clamp(2.5rem,3.5vw,4rem)}.paths p:not(.kicker){max-width:500px;color:var(--muted)}.paths a{display:inline-block;margin-top:22px;padding-bottom:4px;border-bottom:2px solid var(--brick);font-weight:850;text-decoration:none}.paths article+article a{border-color:var(--petrol)}
.contact-section{padding:110px max(25px,calc((100% - var(--max))/2));background:var(--sand)}.contact-title h2{margin-bottom:0}.contact-layout{margin-top:46px;display:grid;grid-template-columns:minmax(0,1.48fr) minmax(260px,.52fr);gap:65px}.contact-layout form{padding:40px;background:#fff}fieldset{padding:0;margin:0 0 26px;border:0}legend{margin-bottom:11px;color:var(--muted);font-size:.84rem;font-weight:800}.choice-row{display:flex;gap:9px;flex-wrap:wrap}.choice-row label{position:relative;flex:1 1 155px}.choice-row input{position:absolute;width:1px;height:1px;opacity:0}.choice-row span{min-height:50px;padding:10px 13px;display:flex;align-items:center;justify-content:center;border:1px solid #bbc5c3;background:#fff;text-align:center;font-size:.84rem;font-weight:850;cursor:pointer}.choice-row input:checked+span{color:#fff;background:var(--petrol);border-color:var(--petrol)}.choice-row input:focus-visible+span{outline:3px solid var(--brick);outline-offset:2px}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-grid label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:.84rem;font-weight:800}.field-grid small{font-weight:500}.field-grid input,.field-grid textarea{width:100%;padding:13px 14px;background:#fff;color:var(--ink);border:1px solid #b9c2c0;border-radius:0}.field-grid input{min-height:49px}.field-grid textarea{resize:vertical}.field-grid input:focus,.field-grid textarea:focus{outline:3px solid #e8c7b7;border-color:var(--brick)}.message-field{grid-column:1/-1}.privacy-check{margin:20px 0;display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-size:.82rem}.privacy-check input{margin-top:3px;width:18px;height:18px;flex:0 0 auto;accent-color:var(--petrol)}.privacy-check a{text-underline-offset:3px}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-status{min-height:1.5em;margin:13px 0 0;color:var(--muted);font-size:.82rem}.personal-contact{padding:44px 0 44px 38px;border-left:1px solid #bfbdb7;align-self:center}.personal-contact h2{font-size:clamp(2.7rem,3.9vw,4rem);margin-bottom:9px}.personal-contact>p:not(.kicker):not(.contact-note){color:var(--muted);margin-bottom:24px}.personal-contact a{display:block;width:fit-content;margin:8px 0;font-weight:850;text-decoration:none}.contact-note{margin-top:30px;color:var(--muted);font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:1.12rem}
.site-footer{min-height:90px;padding:20px max(25px,calc((100% - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;color:var(--muted);font-size:.79rem}.site-footer nav{display:flex;flex-wrap:wrap;gap:23px}.site-footer a{text-underline-offset:3px}
@media(max-width:1050px){.site-header{grid-template-columns:1fr auto auto;gap:18px}.main-nav{gap:17px}.wordmark{font-size:.76rem}.hero-card{bottom:38px}.interior{grid-template-columns:1fr 1fr}.interior-copy{padding:55px 34px}.paths{gap:45px}.contact-layout{grid-template-columns:1fr}.personal-contact{padding:38px 0 0;border:0;border-top:1px solid #bfbdb7}}
@media(max-width:800px){.site-header{grid-template-columns:1fr auto auto}.menu-button{display:block;grid-column:2;grid-row:1}.brand{grid-column:3;grid-row:1}.main-nav{display:none;position:absolute;left:0;right:0;top:100%;padding:23px 25px;flex-direction:column;background:#fff;border-top:1px solid var(--line)}.main-nav.is-open{display:flex}.hero{min-height:0}.hero-image{height:64vw;min-height:340px}.hero-card{position:relative;left:auto;bottom:auto;width:auto;margin:-65px 25px 0;padding:42px 43px}.urban-details{padding:92px 25px}.detail-grid{gap:24px}.interior{grid-template-columns:1fr}.interior-copy{padding:75px 35px}.interior-image{min-height:0;height:60vw}.paths{padding:92px 25px}.contact-section{padding:90px 25px}}
@media(max-width:650px){.site-header{height:82px;padding:12px 18px}.wordmark{font-size:.68rem;letter-spacing:.08em}.brand img{width:72px;height:43px}.hero-image{height:70vw;min-height:255px}.hero-card{margin:-28px 18px 0;padding:38px 24px 43px}h1{font-size:clamp(2.75rem,12vw,4.7rem)}.hero-actions{display:grid}.urban-details{padding:78px 20px}.detail-grid{margin-top:43px;grid-template-columns:1fr;gap:34px}.detail-grid h3{margin:16px 0 10px}.interior-copy{padding:72px 20px}.interior-image{height:74vw}.paths{padding:80px 20px;grid-template-columns:1fr;gap:65px}.contact-section{padding:78px 20px}.contact-layout{margin-top:32px;gap:40px}.contact-layout form{padding:27px 18px}.choice-row{display:grid}.field-grid{grid-template-columns:1fr}.message-field{grid-column:auto}.site-footer{padding:27px 20px;align-items:flex-start;flex-direction:column}.site-footer nav{gap:18px}}
@media(max-width:360px){.wordmark{font-size:.61rem}.site-header{gap:9px;padding-left:12px;padding-right:12px}.hero-card{margin-left:12px;margin-right:12px;padding-left:19px;padding-right:19px}.urban-details,.interior-copy,.paths,.contact-section{padding-left:16px;padding-right:16px}.contact-layout form{padding-left:14px;padding-right:14px}.button{width:100%}}
@media(max-width:800px){.hero-image figcaption{bottom:79px}}
@media(max-width:650px){.hero-image figcaption{bottom:42px}}

/* AWZ: Symbolbild-Kennzeichnung im Bild, rechts unten */
.hero-image figcaption{bottom:10px}
