@font-face{font-family:'Nunito';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/nunito-latin-600-normal.woff2) format('woff2')}@font-face{font-family:'Nunito';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/nunito-latin-700-normal.woff2) format('woff2')}@font-face{font-family:'Nunito';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/nunito-latin-800-normal.woff2) format('woff2')}@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/nunito-sans-latin-400-normal.woff2) format('woff2')}@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/nunito-sans-latin-600-normal.woff2) format('woff2')}:root{--ink:#012F50;--muted:#4A5D70;--paper:#fff;--soft:#EEF4F9;--line:#D5E0EA;--accent:#0170AB;--sun:#EE9C04;--sea:#0180C1;--serif:'Nunito','Segoe UI',sans-serif;--sans:'Nunito Sans','Segoe UI',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 var(--sans)}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:700}h1,h2,h3{font-family:var(--serif)}h1{font-size:clamp(3rem,5.1vw,5.3rem);line-height:1.07;letter-spacing:-.025em}h2{font-size:clamp(2.15rem,3.7vw,3.7rem);line-height:1.12;letter-spacing:-.02em}h3{font-size:1.85rem;line-height:1.2;letter-spacing:-.02em}p{margin-bottom:1em}p:last-child{margin-bottom:0}em{font-style:normal;font-weight:800}header{display:flex;justify-content:space-between;align-items:center;min-height:105px;padding:20px 5%;border-bottom:1px solid var(--line);background:white;position:relative;z-index:5}.brand{text-decoration:none;display:block;line-height:0}.brand span{display:block;font:10px/1.6 var(--sans);letter-spacing:1.7px;margin-top:8px}nav{display:flex;align-items:center;gap:40px}nav a{text-decoration:none;font-size:15px}nav a:last-child{border:1px solid var(--ink);padding:9px 26px}nav a:hover,.text-link:hover{color:var(--accent)}nav a[aria-current]{border-bottom:2px solid var(--accent)}.menu-toggle{display:none}.skip{position:absolute;top:-100px;left:15px;background:white;padding:12px;z-index:99}.skip:focus{top:10px}:focus-visible{outline:3px solid #EE9C04;outline-offset:5px}.hero{display:grid;grid-template-columns:43% 57%;min-height:670px;background:var(--ink);color:white}.hero-copy{padding:64px 10% 54px 12%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font:14px/1.45 var(--sans);text-transform:uppercase;letter-spacing:2px;margin-bottom:24px}.hero .eyebrow{color:#B9CBDB}.hero h1{margin-bottom:30px}.hero h1 em{color:#F2B33D}.hero-copy>p:not(.eyebrow){font-size:18px;color:#E3EBF2;line-height:1.7;margin-bottom:30px}.hero-images{display:grid;grid-template-columns:44% 56%;gap:5px;padding:26px 26px 26px 0;align-items:stretch}.hero-images figure{position:relative;overflow:hidden}.hero-images img{object-position:center}.hero-hamburg{margin-top:80px}.hero-cannes{margin-bottom:80px}.hero-cannes img{object-position:43% center}.hero-images figcaption{position:absolute;bottom:0;left:0;right:0;padding:40px 16px 17px;background:linear-gradient(transparent,#0009);font-size:13px;line-height:1.4}.button{display:inline-block;background:var(--ink);border:1px solid var(--ink);color:white;padding:14px 24px;text-decoration:none;font-size:15px;transition:background .2s}.button:hover{background:#0A4470}.button.light{background:white;color:var(--ink);border-color:white}.button.light:hover{background:#E3EEF7}.section{max-width:1400px;margin:auto;padding:95px 5%}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:55px}.section-head>p{max-width:420px;color:var(--muted)}.places .eyebrow{color:var(--accent)}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 36px}.property-photo{display:block;aspect-ratio:1.4;position:relative;overflow:hidden;background:var(--soft);margin-bottom:22px}.property-photo img{transition:transform .5s}.property-photo:hover img{transform:scale(1.025)}.property:first-child .property-photo img{object-position:center 45%}.number{position:absolute;left:0;bottom:0;background:white;padding:7px 17px;font:20px var(--serif)}.property .eyebrow{margin-bottom:10px;font-size:13px;letter-spacing:1.4px;color:var(--muted)}.property h3 a{text-decoration:none}.property h3{margin-bottom:10px}.property>p:not(.eyebrow){color:var(--muted);margin-bottom:14px}.text-link{display:inline-block;font-size:15px;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:3px}.no-photo{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#E3EDF5;color:#0A4470;position:relative;border:20px solid #EEF4F9}.no-photo:before,.no-photo:after{content:'';position:absolute;left:12%;right:12%;height:1px;background:#A6BCCF;top:24%}.no-photo:after{top:auto;bottom:24%}.no-photo>span{font:italic clamp(3rem,6vw,5.4rem) var(--serif)}.no-photo small{font-size:14px;letter-spacing:1px;margin-top:12px}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:var(--soft);max-width:none;padding-left:max(5%,calc((100% - 1260px)/2));padding-right:max(5%,calc((100% - 1260px)/2))}.about .eyebrow{color:var(--accent)}.about p:not(.eyebrow){color:var(--muted)}.about .large-text{font:28px/1.4 var(--serif);color:var(--ink)!important;margin-bottom:24px}.about .text-link{margin-top:12px}footer{padding:55px 5% 25px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:35px}footer .brand{display:inline-block;margin-bottom:17px}footer p{font-size:14px;color:var(--muted)}.footer-links{display:flex;gap:28px;font-size:14px}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:12px}.detail-heading{padding-top:42px;padding-bottom:55px}.breadcrumb{display:inline-block;font-size:14px;margin-bottom:40px;color:var(--muted)}.detail-heading h1{margin-bottom:25px}.intro{font-size:21px;line-height:1.65;max-width:820px;color:var(--muted)}.detail-image{height:min(65vw,620px);margin:0 5%;background:var(--soft)}.detail-image img{object-position:center 45%}body:has(.detail-heading h1) .detail-image:has(img[src*="hamburg-fassade"]){height:650px;background:#EEF4F9}.detail-image img[src*="hamburg-fassade"]{object-fit:contain}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:0 0 75px;padding-bottom:35px;border-bottom:1px solid var(--line)}dt{font-size:14px;color:var(--muted);margin-bottom:6px}dd{font:32px/1.3 var(--serif);margin:0}.object-copy{padding-bottom:30px}.object-story{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:55px}.object-story p{color:var(--muted)}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.details-grid h3{font-size:25px;margin-bottom:18px}.details-grid p{font-size:16px;color:var(--muted)}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px}.gallery-item{padding:0;border:0;background:var(--soft);height:350px;position:relative;overflow:hidden}.gallery-item img{object-fit:contain}.gallery-item span{position:absolute;right:12px;bottom:12px;background:#fff;padding:5px 13px;font-size:13px;color:var(--ink)}.contact-band{background:var(--ink);color:white;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:65px 8%}.contact-band h2{margin-bottom:18px}.contact-band .eyebrow{color:#B9CBDB}.second-apartment{text-align:center;background:var(--soft);padding:100px 20px}.second-apartment span{font:italic 90px var(--serif)}.contact-page{display:grid;grid-template-columns:1fr 1.15fr;gap:80px}.contact-page h1{margin-bottom:30px}.contact-page>div>p:not(.eyebrow){max-width:360px;color:var(--muted)}address{font-style:normal;line-height:2;margin-top:45px}address strong{font-weight:400;font-family:var(--serif);font-size:23px}form{background:var(--soft);padding:35px}label{display:block;font-size:15px;margin-bottom:7px}input,select,textarea{display:block;width:100%;border:1px solid #95A8BA;border-radius:0;background:white;color:var(--ink);padding:11px 12px;margin-bottom:22px;min-height:48px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-note{border-left:3px solid var(--accent);background:white;padding:15px;font-size:14px;margin-bottom:24px}.form-privacy{font-size:14px;color:var(--muted);margin-bottom:24px}.honeypot{position:absolute;left:-9999px}#form-status{font-size:15px;margin-top:20px}#message-preview{border-top:1px solid var(--line);margin-top:25px;padding-top:25px}#message-preview h2{font-size:27px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:16px/1.7 var(--sans)}.legal{max-width:900px}.legal h1{margin-bottom:50px}.legal h2{font-size:26px;margin:30px 0 15px}.lightbox{width:min(1100px,96vw);max-width:96vw;max-height:95vh;background:#011E33;border:0;color:white;padding:60px 20px 20px}.lightbox::backdrop{background:#01121Fe8}.lightbox>img{height:65vh;object-fit:contain}.lightbox>p{font-size:14px;text-align:center;margin:15px 0}.close-lightbox{position:absolute;right:20px;top:15px;background:transparent;color:white;border:1px solid #8FA8BE;padding:5px 15px}.lightbox-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.lightbox-nav button{background:transparent;color:white;border:1px solid #8FA8BE;padding:6px 12px}.lightbox-nav button:disabled{opacity:.4;cursor:default}body.modal-open{overflow:hidden}[hidden]{display:none!important}
@media(min-width:1500px){.hero{min-height:760px}.hero-copy{padding-left:max(12%,calc((100vw - 1260px)/2))}.hero h1{font-size:5.6rem}}
@media(max-width:1000px){.hero{grid-template-columns:48% 52%;min-height:610px}.hero-copy{padding:45px 8% 45px 10%}.hero-images{grid-template-columns:1fr;padding-right:18px;gap:15px}.hero-hamburg{display:none}.hero-cannes{margin:30px 0}.section{padding-top:65px;padding-bottom:65px}.contact-page{gap:35px}.form-row{grid-template-columns:1fr;gap:0}.section-head{gap:30px}.facts{gap:15px}dd{font-size:27px}}
@media(max-width:700px){header{min-height:88px;padding:18px 6%}.brand{font-size:35px}.brand span{font-size:9px}.menu-toggle{display:block;background:white;border:1px solid var(--ink);padding:7px 13px;font-size:14px}nav{display:none;position:absolute;top:100%;left:0;right:0;padding:20px 6%;background:white;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:8px}nav.open{display:flex}nav a{padding:12px 0}nav a:last-child{text-align:center}.hero{display:flex;flex-direction:column}.hero-copy{padding:48px 7%}.hero h1{font-size:3.6rem}.hero .eyebrow{font-size:12px}.hero-images{height:350px;display:grid;grid-template-columns:40% 60%;padding:0 7% 30px;gap:8px}.hero-hamburg{display:block;margin:30px 0 0}.hero-cannes{margin:0 0 30px}.hero-images figcaption{font-size:11px;padding:35px 10px 12px}.section{padding:60px 7%}.section-head{display:block;margin-bottom:35px}.section-head>p{margin-top:25px}.property-grid{grid-template-columns:1fr;gap:40px}.property-photo{aspect-ratio:1.25}.property-photo img[src*="hamburg-fassade"]{object-fit:contain}.property h3{font-size:1.8rem}.about{grid-template-columns:1fr;gap:30px}.eyebrow{font-size:12px;letter-spacing:1.4px}.about .large-text{font-size:25px}.detail-heading{padding-top:30px;padding-bottom:40px}.detail-heading h1{font-size:3rem}.intro{font-size:18px}.detail-image{margin:0 5%;height:350px}body:has(.detail-heading h1) .detail-image:has(img[src*="hamburg-fassade"]){height:500px}.facts{grid-template-columns:1fr 1fr;gap:25px;margin-bottom:45px}.object-story{grid-template-columns:1fr;gap:25px;margin-bottom:40px}.details-grid{grid-template-columns:1fr;gap:30px}.gallery{grid-template-columns:1fr;gap:16px}.gallery-item{height:300px}.contact-band{flex-direction:column;align-items:flex-start;padding:50px 7%}.contact-page{grid-template-columns:1fr;gap:40px}.contact-page h1{font-size:3.4rem}form{padding:23px}.form-row{grid-template-columns:1fr}.footer-links{flex-wrap:wrap;gap:20px}footer{grid-template-columns:1fr;gap:25px;padding:40px 7% 20px}.copyright{grid-column:1}.lightbox>img{height:55vh}.lightbox-nav{font-size:12px}.lightbox-nav button{font-size:12px}.second-apartment span{font-size:65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.apartment-section{border-top:1px solid var(--line)}.unit-navigation{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 55px}.unit-navigation a{border:1px solid var(--line);padding:10px 17px;text-decoration:none;font-size:15px}.unit-navigation a:hover{background:var(--soft)}.unit{padding:45px 0;border-top:1px solid var(--line);scroll-margin-top:30px}.unit-heading{display:grid;grid-template-columns:55px 1fr;gap:25px}.unit-number{font:30px var(--serif);color:var(--accent)}.unit-heading h3{margin-bottom:18px}.unit-heading p{max-width:900px;color:var(--muted)}.unit-gallery{margin-top:28px}.unit-gallery .gallery-item{height:300px}@media(max-width:700px){.unit-heading{grid-template-columns:35px 1fr;gap:12px}.unit-heading h3{font-size:1.6rem}.unit-navigation{gap:8px}.unit-navigation a{padding:8px 12px}.unit-gallery .gallery-item{height:270px}}

/* Startseite: Bilder in Flucht, ohne Beschriftung */
.hero-images .hero-hamburg,.hero-images .hero-cannes{margin:0}
.hero-images figcaption{display:none}


/* WeTe Immo – Neugestaltung 2026 */
.brand .logo{display:block;width:auto;height:48px;object-fit:contain}
header{min-height:92px;box-shadow:0 1px 0 var(--line)}
nav a{font-weight:600}
nav a:last-child{background:var(--ink);color:#fff;border-color:var(--ink);border-radius:999px}
nav a:last-child:hover{background:var(--sea);border-color:var(--sea);color:#fff}
.button{border-radius:999px;font-weight:600}
.eyebrow{font-weight:600}
.eyebrow::before{content:'';display:inline-block;width:14px;height:8px;margin-right:10px;vertical-align:2px;border:3px solid var(--sun);border-width:3px 3px 0 0;transform:rotate(-45deg) skew(10deg,10deg);border-radius:2px}
.property-photo,.gallery-item,.detail-image,form,.form-note{border-radius:14px}
.property-photo{overflow:hidden}
.number{border-top-right-radius:12px;font-weight:700;color:var(--ink)}
.number::after{content:'';display:block;height:3px;background:var(--sun);margin-top:2px;border-radius:2px}
.text-link{border-bottom:2px solid var(--sun);font-weight:600}
.text-link:hover{color:var(--sea)}
.hero{background:var(--ink)}
.hero-images img{border-radius:12px}
dd{font-weight:700;color:var(--ink)}
.about .large-text{font-weight:700}
.contact-band{background:var(--ink)}
footer{background:var(--ink);color:#fff}
footer p,footer .copyright{color:#B9CBDB}
footer .copyright{border-top-color:#1F4A6E}
footer .brand .logo{height:44px}
.footer-links a:hover{color:var(--sun)}
input:focus,select:focus,textarea:focus{border-color:var(--sea);outline:2px solid var(--sea);outline-offset:0}
@media(max-width:700px){.brand .logo{height:36px}header{min-height:76px}.menu-toggle{border-radius:999px;padding:8px 18px;font-weight:600;color:var(--ink)}.hero h1{font-size:2.9rem}}

/* Startseite 2026 */
.home-page header{position:absolute;top:0;left:0;right:0;background:transparent;border:0;box-shadow:none;background:linear-gradient(#0009,#0000)}
.home-page header nav a{color:#fff}
.home-page header nav a:last-child{background:#fff;color:var(--ink);border-color:#fff}
.home-page header nav a:last-child:hover{background:var(--sun);border-color:var(--sun);color:var(--ink)}
.home-page .menu-toggle{background:transparent;color:#fff;border-color:#fff}
.h-hero{position:relative;height:min(100vh,920px);min-height:560px;color:#fff;overflow:hidden}
.h-hero>img{position:absolute;inset:0;object-position:center 55%}
.h-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#012F50d9 0%,#012F5099 38%,#012F5000 70%)}
.h-hero-text{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;padding:120px 5% 60px;max-width:760px}
.h-hero h1{font-size:clamp(2.8rem,6vw,5.6rem);line-height:1.04;margin-bottom:24px;text-shadow:0 2px 20px #0005}
.h-hero h1 em{color:var(--sun)}
.h-hero-text>p:not(.eyebrow){font-size:20px;margin-bottom:32px;color:#EAF1F7}
.h-hero .eyebrow{color:#fff}
.h-regions{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#fff;padding:6px}
.region{position:relative;height:340px;overflow:hidden;color:#fff;text-decoration:none;border-radius:10px}
.region img{transition:transform .6s}.region:hover img{transform:scale(1.04)}
.region:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#012F50cc)}
.region span{position:absolute;left:28px;bottom:24px;z-index:1;font:700 30px/1.15 var(--serif)}
.region small{display:block;font:600 13px var(--sans);letter-spacing:2px;text-transform:uppercase;color:var(--sun);margin-bottom:6px}
.obj{display:grid;grid-template-columns:1.35fr 1fr;gap:56px;align-items:center;margin-bottom:110px}
.obj.flip .obj-media{order:2}
.obj-media{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:8px;height:520px;text-decoration:none}
.obj-media figure{overflow:hidden;border-radius:12px;background:var(--soft)}
.obj-media img{transition:transform .6s}.obj-media:hover img{transform:scale(1.03)}
.obj-big{grid-row:1/3}
.obj-num{display:block;font:800 64px/1 var(--serif);color:var(--soft);-webkit-text-stroke:1.5px var(--line);margin-bottom:10px}
.obj h3{font-size:clamp(2rem,3vw,2.8rem);margin-bottom:6px}.obj h3 a{text-decoration:none}
.obj-tag{font:700 18px var(--serif);color:var(--sea);margin-bottom:16px}
.obj-text>p:not(.eyebrow):not(.obj-tag){color:var(--muted);margin-bottom:26px}
.h-life{background:var(--soft)}
.life-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.life-grid figure{position:relative;height:300px;overflow:hidden;border-radius:12px}
.life-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 14px;background:linear-gradient(transparent,#012F50cc);color:#fff;font-size:14px;font-weight:600}
.home .about{background:#fff}
@media(max-width:700px){.home-page header nav a,.home-page header nav a:last-child{color:var(--ink)}.home-page header nav a:last-child{background:var(--ink);color:#fff}
.h-hero{height:88vh}.h-hero:after{background:linear-gradient(#012F5066,#012F50cc)}.h-hero-text{justify-content:flex-end;padding:100px 7% 48px}.h-hero h1{font-size:2.7rem}
.h-regions{grid-template-columns:1fr}.region{height:220px}.region span{font-size:24px}
.obj{grid-template-columns:1fr;gap:24px;margin-bottom:70px}.obj.flip .obj-media{order:0}.obj-media{height:340px}.obj-num{font-size:44px}
.life-grid{grid-template-columns:1fr 1fr;gap:10px}.life-grid figure{height:180px}}

.h-hero-text .button{align-self:flex-start}

/* Neubau 2026 */
.h-title{margin-bottom:50px}
.obj-text>p:not(.eyebrow){color:var(--muted);margin-bottom:26px;font-size:18px}
.h-about{max-width:760px;text-align:left}
.h-about h2{margin-bottom:18px}.h-about p{color:var(--muted);font-size:18px;margin-bottom:18px}
.o-hero{height:min(72vh,720px);min-height:360px;overflow:hidden;background:var(--soft)}
.o-head{padding-top:44px;padding-bottom:20px}
.o-head h1{font-size:clamp(2.4rem,4.4vw,4rem);margin-bottom:16px}
.o-info{padding-top:20px;padding-bottom:30px}
.o-info .facts{margin-bottom:40px}
.o-text{max-width:820px}.o-text p{color:var(--muted);font-size:18px}
.o-gallery h2{margin-bottom:10px}
.g-title{font-size:22px;margin:40px 0 16px;color:var(--ink)}
.g-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.g-item{position:relative;padding:0;border:0;background:var(--soft);aspect-ratio:4/3;overflow:hidden;border-radius:12px;cursor:zoom-in}
.g-item img{transition:transform .5s}.g-item:hover img{transform:scale(1.04)}
.g-item span{position:absolute;left:10px;bottom:10px;background:#fffffff0;color:var(--ink);font-size:13px;font-weight:600;padding:4px 12px;border-radius:999px}
.objpage .contact-band{margin-top:60px}
@media(max-width:700px){.g-grid{grid-template-columns:1fr 1fr;gap:8px}.g-item span{font-size:11px;padding:3px 9px}.o-hero{height:46vh}.o-text p,.obj-text>p:not(.eyebrow){font-size:16px}}

.h-hero h1{font-size:clamp(2.2rem,4.2vw,3.8rem);max-width:640px}
@media(max-width:700px){.h-hero>img{object-position:78% 55%}}