@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#00004f;--ink:#11163b;--muted:#697083;--accent:#c3ed79;--paper:#f5f6f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%}h1,h2,h3{font-family:Manrope,Arial,sans-serif}p{line-height:1.7}a:focus-visible,button:focus-visible{outline:3px solid #64a420;outline-offset:5px}.skip-link{position:absolute;top:-80px;left:15px;z-index:20;background:white;padding:15px}.skip-link:focus{top:15px}.top{background:var(--navy);color:white;font-size:10px;letter-spacing:1.7px;display:flex;justify-content:space-between;padding:11px 5%}.top span{letter-spacing:.4px;color:#cecee3}header{display:flex;align-items:center;gap:25px;background:white;padding:12px 5%;max-width:none;margin:0}header .logo{flex:0 0 160px}header .logo img{width:160px;height:72px;display:block}header nav{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;line-height:1.5}header nav a:hover{color:#587b2e}.pill{border:1px solid #dedee8;padding:13px 16px;font-size:12px;white-space:nowrap}.pill span{margin-left:15px}.shop-global-search{background:#f5f6f8;border:0;width:90%;max-width:none;margin:12px auto;border-radius:0}.shop-global-search input{padding:10px 0;color:var(--ink);font-size:12px}.shop-global-search button{background:none;border:0;color:var(--navy);font-size:12px}.hero{position:relative;min-height:665px;margin:0 20px;color:#fff;overflow:hidden;background:#172d35}.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-photo{object-position:center 55%}.hero-shade{background:linear-gradient(90deg,rgba(4,13,34,.83),rgba(4,13,34,.3) 65%,rgba(4,13,34,.04))}.copy{position:relative;padding:100px 6% 110px;max-width:950px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.copy .eyebrow{color:#d9efb9;display:flex;align-items:center;gap:10px}.copy i{width:6px;height:6px;background:var(--accent);border-radius:50%}h1{font-size:clamp(48px,5.6vw,84px);font-weight:500;letter-spacing:-4px;line-height:1.06;margin:30px 0}h1 em{font-style:normal;color:var(--accent)}.copy p{max-width:430px;color:#e1e4e8;font-size:15px;margin:25px 0 32px}.hero-actions{display:flex;align-items:center;gap:28px}.button{border:0;background:var(--accent);color:var(--navy);padding:17px 24px;display:inline-flex;gap:35px;align-items:center;font-size:12px;font-weight:600}.button:hover{background:#d8ffa0}.text-link{font-size:12px;border-bottom:1px solid #a7b5c0;padding:9px 0}.hero-foot{position:absolute;bottom:26px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px}.hero-foot a{letter-spacing:.4px}.benefits{display:flex;justify-content:space-between;align-items:center;max-width:1260px;width:88%;margin:auto;padding:31px 0;border-bottom:1px solid #d9dce4;font-size:13px}.benefits b{color:#a6adb8;font-weight:400}.section{max-width:1260px;width:88%;margin:90px auto}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px;gap:30px}.sectionhead p{color:var(--muted);font-size:13px}.sectionhead .eyebrow{color:var(--navy);font-size:10px}h2{font-size:clamp(30px,3.5vw,48px);line-height:1.15;font-weight:500;letter-spacing:-1.8px;margin:17px 0}h3{font-weight:500}.building-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.building-card{position:relative;height:480px;overflow:hidden;background:#232d44;color:white}.building-card>img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.building-card:hover>img{transform:scale(1.035)}.building-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080d29ec,transparent 85%)}.building-card>div{position:absolute;bottom:30px;left:32px;right:32px;z-index:1}.building-card span{font-size:9px;letter-spacing:1.7px}.building-card h3{font-size:31px;letter-spacing:-1px;line-height:1.2;margin:16px 0}.building-card p{font-size:12px;max-width:80%;color:#e0e4e8}.round-arrow{position:absolute;right:0;bottom:0;border:1px solid #ffffff88;border-radius:50%;height:42px;width:42px;display:grid;place-items:center;font-size:20px;font-weight:400}.image-note{font-size:10px;color:#797f8e;text-align:right}.shop-shell{width:88%;margin:85px auto}.shop-shell h1{font-weight:500;color:var(--navy)}.shop-shell h2{font-size:32px;font-weight:500}.shop-shell p,.shop-spec{color:var(--muted)}.shop-shell .eyebrow{color:#555b83}.shop-shell a{color:var(--navy)}.shop-category,.shop-product,.shop-brand,.shop-doc-group,.shop-inquiry{background:white;border:1px solid #e1e3eb;border-radius:0;color:var(--ink)}.shop-product-image{background:white}.shop-product-copy{padding:24px}.shop-product-copy h3{font-size:18px}.shop-product-copy strong{color:var(--navy)}.shop-shell button,.shop-primary{background:var(--navy);color:white!important;border-color:var(--navy)}.shop-shell .shop-action{border-color:#d6d9e1;color:var(--navy)}.shop-filters,.shop-toolbar,.shop-panel,.shop-detail-panel{background:#eceef3!important;color:var(--ink)!important;border-color:#dde0e8!important}.shop-shell input,.shop-shell select,.shop-shell textarea{background:white!important;color:var(--ink)!important;border:1px solid #d5d9e4!important}.shop-shell label{color:var(--ink)}.shop-shell .ch-badge{background:var(--navy);color:white}.shop-shell .bundle-power,.shop-shell .bundle-quantity{background:var(--navy);color:white}.shop-mobile-menu{background:white;color:var(--navy)}.shop-mobile-menu nav{background:white}.process{border-top:1px solid #d9dce4;padding-top:65px;display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.process p{color:var(--muted);font-size:14px}.process ol{padding:0;margin:0;list-style:none}.process li{display:flex;gap:35px;padding:23px 0;border-bottom:1px solid #d9dce4}.process li>span{color:#9499ab;font-size:12px;padding-top:7px}.process h3{font-size:21px;margin:0 0 5px;letter-spacing:-.5px}.process li p{margin:0}.advice{background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;padding:55px 60px;gap:30px}.advice .eyebrow{color:var(--accent)}.advice p{color:#cdcfe4;font-size:13px}.advice .button{white-space:nowrap}footer{width:88%;max-width:1260px;margin:auto;padding:20px 0 50px;display:flex;justify-content:space-between;align-items:center;gap:30px}footer p{font-size:13px;color:var(--muted)}footer div{display:flex;flex-direction:column;gap:12px;font-size:12px}.preview{padding:12px 5%;font-size:10px;text-align:center;background:#e9ebf0;color:#656b7e}.breadcrumbs{font-size:12px}.shop-inquiry pre{white-space:pre-wrap;color:var(--ink)}
@media(min-width:1100px){.shop-mobile-menu{display:none}}@media(max-width:900px){header nav{display:none}header{justify-content:space-between}.hero{min-height:600px}.copy{padding-top:80px}h1{letter-spacing:-2px}.building-card{height:400px}.building-card h3{font-size:25px}.section{margin:65px auto}.advice{padding:35px}.process{gap:30px}.benefits{font-size:11px}}@media(max-width:600px){.top span{display:none}.top{justify-content:center}.hero{margin:0 10px;min-height:620px}.copy{padding:76px 24px 100px}.copy h1{font-size:49px}.copy p{font-size:14px;max-width:290px}.hero-shade{background:linear-gradient(90deg,#06142bdf,#06142b65)}.hero-actions{align-items:start;flex-direction:column;gap:14px}.hero-foot{font-size:8px;left:24px;right:24px}.hero-foot a{max-width:90px;text-align:right}.benefits{flex-wrap:wrap;gap:15px;justify-content:center}.benefits b:last-of-type{display:none}.sectionhead{display:block}.building-grid{grid-template-columns:1fr;gap:16px}.building-card{height:420px}.building-card h3{font-size:30px}.process{grid-template-columns:1fr;gap:15px}.advice{align-items:start;flex-direction:column;padding:30px}.advice h2{font-size:40px}footer{flex-wrap:wrap}footer p{max-width:135px}.shop-shell{margin-top:55px}.shop-global-search{margin:8px auto}.image-note{text-align:left}header .logo{flex-basis:135px}header .logo img{width:135px;height:61px}.pill{font-size:10px;padding:12px}.shop-heading h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.building-card>img{transition:none}}

.shop-shell .shop-lead,.shop-info-section p,.shop-info-section li,.shop-service-list,.shop-brand span,.shop-category-count,.breadcrumbs{color:#60697a}.shop-product-copy .eyebrow{color:#555b83}.shop-brand-shortcuts a{background:#fff;border-color:#dedee8}.shop-category h3 span,.shop-brand-shortcuts span,.shop-brand b{color:#00004f}

header nav{justify-content:center;gap:30px;font-size:13px}header nav a{padding:10px 0}#wohnen{scroll-margin-top:25px}@media(max-width:900px){header nav{display:flex;gap:12px;font-size:11px}header{flex-wrap:wrap}header nav{order:3;flex-basis:100%;justify-content:space-between}}

.contracting{border-top:1px solid #d9dce4;padding-top:65px}.contract-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.contract-grid article{background:white;border-top:2px solid var(--navy);padding:32px}.contract-grid article>span{font-size:9px;letter-spacing:1.5px;color:#697083}.contract-grid h3{font-size:23px;line-height:1.3;letter-spacing:-.6px}.contract-grid p,.owner-benefits p{font-size:14px;color:#697083;line-height:1.8}.owner-benefits{display:flex;align-items:center;gap:50px;border-bottom:1px solid #d9dce4;padding:24px 0}.owner-benefits h3{font-size:18px;white-space:nowrap}.owner-benefits p{max-width:690px}header nav{display:flex;flex:1;justify-content:center}section[id]{scroll-margin-top:25px}@media(max-width:900px){header nav{order:3;flex-basis:100%}.contract-grid{grid-template-columns:1fr}.owner-benefits{display:block}.contract-grid article{padding:26px}}@media(max-width:600px){header nav{gap:8px;font-size:10px}.copy .button{gap:15px;padding:17px}.hero-actions{gap:20px}}

/* iPhone layout */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:600px){header{gap:10px;padding:10px 5% 12px}header nav{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;width:100%;font-size:13px;border-top:1px solid #e4e6ed;padding-top:6px}header nav a{display:flex;align-items:center;min-height:44px;padding:8px 0}header .pill{min-height:44px;display:flex;align-items:center;font-size:11px}.hero{min-height:600px}.copy{padding:52px 22px 100px}.copy h1{font-size:clamp(37px,10.7vw,46px);letter-spacing:-1.9px;line-height:1.12;overflow-wrap:normal}.copy .eyebrow{font-size:8px;letter-spacing:1.3px}.copy p{font-size:15px;line-height:1.65;max-width:100%}.hero-actions{align-items:stretch}.hero-actions .button{justify-content:space-between;min-height:50px;font-size:12px}.text-link{min-height:44px;align-self:flex-start;display:flex;align-items:center}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:center;font-size:13px}.benefits b{display:none}.sectionhead p,.contract-grid p,.owner-benefits p,.process p,.advice p{font-size:15px}.building-card>div{left:24px;right:24px}.building-card h3{font-size:clamp(25px,7.3vw,30px)}.building-card p{font-size:14px;max-width:85%}.advice .button{min-height:50px;width:100%;justify-content:space-between}.process li{gap:20px}footer div a{min-height:44px;display:flex;align-items:center}footer div{gap:0}.preview{padding-bottom:max(12px,env(safe-area-inset-bottom))}}