@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#141414;--black:#101010;--black2:#181818;--gold:#e8bf64;--gold2:#bd9140;--cream:#f6f4ef;--warm:#faf9f6;--border:#e8e4da;--muted:#6d6d6d;--white:#fff;--shadow:0 18px 70px rgba(0,0,0,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--warm)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}p{line-height:1.75}::selection{background:var(--gold);color:#111}
.container{width:min(1210px,calc(100% - 56px));margin-inline:auto}.muted{color:var(--muted)}.gold{color:var(--gold)}.gold-dark{color:#a57c36}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.21em;text-transform:uppercase;color:var(--gold2)}.section-title{font-family:Manrope,sans-serif;font-size:clamp(31px,4vw,48px);letter-spacing:-.047em;line-height:1.17;margin:14px 0 16px;font-weight:700}.section-subtitle{max-width:600px;color:#737373;font-size:15px}.section{padding:103px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:17px 24px;border:1px solid transparent;background:var(--gold);color:#15120b;font-weight:800;font-size:12px;letter-spacing:.075em;text-transform:uppercase;transition:.25s;white-space:nowrap}.btn:hover{background:#f5d38a;transform:translateY(-2px)}.btn-dark{background:#181818;color:var(--gold)}.btn-dark:hover{background:#35302a}.btn-outline{border-color:rgba(255,255,255,.55);background:transparent;color:white}.btn-outline:hover{background:white;color:black}.btn-outline-dark{background:transparent;color:#222;border-color:#d5c7a9}.btn-outline-dark:hover{background:#171717;color:white}.arrow{font-size:18px;font-weight:400}
.topbar{height:39px;background:#0d0d0d;color:#c1c1c1;border-bottom:1px solid #292929;font-size:11px;letter-spacing:.015em}.topbar .container{height:100%;display:flex;justify-content:space-between;align-items:center;gap:20px}.topbar-left,.topbar-right{display:flex;gap:25px;align-items:center}.topbar a:hover{color:var(--gold)}.topdot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);margin-right:9px;vertical-align:middle}
.header{height:94px;background:rgba(18,18,18,.98);color:white;position:relative;z-index:40;border-bottom:1px solid #36312a}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;min-width:145px}.brand img{height:78px;width:78px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:38px}.main-nav>a,.nav-dropdown>summary{font-size:12px;text-transform:uppercase;letter-spacing:.075em;font-weight:700;cursor:pointer;white-space:nowrap;list-style:none}.main-nav>a:hover,.nav-dropdown>summary:hover,.main-nav>a.active{color:var(--gold)}.nav-dropdown{position:relative}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown>summary:after{content:'⌄';font-size:14px;margin-left:8px;color:var(--gold)}.nav-dropdown[open] .submenu{display:grid}.submenu{position:absolute;top:calc(100% + 26px);left:-20px;min-width:215px;background:#161616;box-shadow:var(--shadow);padding:10px 0;border-top:2px solid var(--gold)}.submenu a{font-size:12px;font-weight:600;padding:13px 20px;transition:.2s}.submenu a:hover{background:#272727;color:var(--gold)}.header-actions{display:flex;align-items:center;gap:22px}.header-call{display:flex;flex-direction:column;align-items:flex-end;gap:4px;white-space:nowrap}.header-call span{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#a7a7a7}.header-call strong{font-size:15px;color:var(--gold)}.menu-mobile{display:none}.menu-mobile summary{list-style:none;cursor:pointer;font-size:12px;color:var(--gold);text-transform:uppercase;letter-spacing:.1em}.menu-mobile summary::-webkit-details-marker{display:none}.menu-mobile[open] .mobile-links{display:grid}.mobile-links{position:absolute;top:100%;left:0;right:0;background:#181818;box-shadow:var(--shadow);padding:16px 28px}.mobile-links a{padding:12px;color:white;border-bottom:1px solid #333;font-size:13px}
.hero{min-height:695px;position:relative;isolation:isolate;display:flex;align-items:center;color:white;background:#25231e}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(0,0,0,.87) 0%,rgba(0,0,0,.76) 37%,rgba(0,0,0,.26) 100%),url('assets/images/projekte/headd2.jpg') center/cover}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.25),transparent 45%)}.hero-content{padding:80px 0 113px;position:relative}.hero .eyebrow{display:flex;align-items:center;gap:13px;color:#f2d08a}.hero .eyebrow:before{content:'';width:31px;height:1px;background:#f2d08a}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(44px,6.1vw,84px);font-weight:700;line-height:1.085;letter-spacing:-.065em;max-width:870px;margin:24px 0 20px}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{max-width:560px;font-size:16px;line-height:1.85;color:#e0ded9;margin:0 0 34px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-index{position:absolute;bottom:33px;left:0;font-size:11px;letter-spacing:.2em;color:#c8c4bb;text-transform:uppercase}.hero-index strong{color:var(--gold);margin-right:16px}.vertical-side{position:absolute;right:30px;top:49%;writing-mode:vertical-rl;letter-spacing:.2em;font-size:10px;color:#eee;text-transform:uppercase}.visual-note{font-size:10px;letter-spacing:.04em;opacity:.56;position:absolute;right:30px;bottom:20px;color:#fff}
.stats{background:#151515;color:white}.stats .container{display:grid;grid-template-columns:repeat(3,1fr)}.stat{padding:35px 35px;border-right:1px solid #333;display:flex;align-items:center;gap:22px}.stat:last-child{border:0}.stat-num{font:700 39px Manrope,sans-serif;letter-spacing:-.07em;color:var(--gold)}.stat-label{font-size:12px;color:#c5c5c5;max-width:170px;line-height:1.6}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}.property-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.property-card{background:white;border:1px solid #ece9e4;box-shadow:0 4px 18px rgba(0,0,0,.025);transition:.3s;overflow:hidden}.property-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.property-image{display:block;position:relative;height:230px;overflow:hidden;background:#b4b0ac}.property-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.property-card:hover .property-image img{transform:scale(1.05)}.property-badge{position:absolute;top:14px;left:14px;background:var(--gold);padding:8px 11px;font-size:10px;letter-spacing:.09em;font-weight:800;text-transform:uppercase}.property-body{padding:21px 21px 23px}.property-meta{display:flex;gap:7px;align-items:center;color:#9b7b45;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.property-name{font:700 20px Manrope,sans-serif;letter-spacing:-.045em;margin:12px 0 10px}.property-name a:hover{color:var(--gold2)}.property-desc{font-size:12px;color:#858585;margin:0 0 21px}.property-footer{border-top:1px solid #eee;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#797979;font-size:11px}.property-footer strong{color:#1d1d1d;font-size:12px}.property-footer a{color:var(--gold2);font-weight:800}.property-footer a:hover{text-decoration:underline}
.about{background:#f0ede6}.about-wrap{display:grid;grid-template-columns:.96fr 1.04fr;align-items:center;gap:90px}.about-photo{height:555px;position:relative}.about-photo>img{width:100%;height:100%;object-fit:cover}.about-photo:after{content:'';position:absolute;width:47%;height:47%;border:11px solid #f0ede6;border-bottom:0;border-right:0;top:-20px;left:-20px;pointer-events:none}.about-stamp{position:absolute;bottom:-24px;right:-20px;padding:27px 31px;background:#181818;color:white;min-width:185px;box-shadow:var(--shadow)}.about-stamp strong{display:block;font:700 36px Manrope;color:var(--gold);line-height:1}.about-stamp span{font-size:11px;color:#ccc;line-height:1.5;display:block;margin-top:8px}.about-text .section-title{max-width:570px}.about-text p{color:#777;max-width:560px;font-size:14px;margin:0 0 14px}.divider-small{width:48px;height:3px;background:var(--gold);margin:25px 0}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;margin:30px 0}.feature{font-size:12px;font-weight:700;display:flex;align-items:center;gap:9px}.feature:before{content:'✓';color:#b48d4a;font-weight:900}
.gallery{background:#111;color:white}.gallery .section-subtitle{color:#b4b4b4}.gallery-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:260px 260px;gap:14px}.gallery-item{position:relative;overflow:hidden;background:#333}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .45s;filter:saturate(.86)}.gallery-item:hover img{transform:scale(1.05)}.gallery-item:first-child{grid-row:span 2}.gallery-item:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.73));pointer-events:none}.gallery-item span{position:absolute;bottom:20px;left:22px;z-index:1;font-weight:800;font-size:15px}.gallery-item small{display:block;color:#f2d698;margin-top:6px;letter-spacing:.1em;text-transform:uppercase;font-size:9px}.gallery-item .external{font-size:21px;float:right}.gallery .gallery-more{margin-top:30px}
.cta{position:relative;isolation:isolate;background:#dcb968;padding:73px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{font:700 clamp(28px,3.7vw,43px) Manrope;margin:0 0 11px;letter-spacing:-.05em}.cta p{margin:0;color:#493b27;font-size:14px}.contact-section{background:#f8f6f0}.contact-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.contact-box{padding:31px;background:#fff;border:1px solid var(--border);min-height:170px}.contact-box .symbol{font-size:30px;color:var(--gold2);margin-bottom:18px}.contact-box h3{font:700 16px Manrope;margin:0 0 10px}.contact-box p,.contact-box a{font-size:13px;color:#777;margin:0;line-height:1.65}.contact-box a:hover{color:var(--gold2)}
.footer{background:#101010;color:#c8c8c8;padding:70px 0 0}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr 1fr;gap:65px}.footer-logo{height:130px;width:130px;object-fit:contain;margin:-21px 0 8px}.footer p{font-size:12px;color:#a1a1a1;line-height:1.8;max-width:350px}.footer h4{font-size:12px;color:var(--gold);letter-spacing:.11em;text-transform:uppercase;margin:0 0 23px}.footer ul{padding:0;margin:0;list-style:none}.footer li{margin:0 0 13px}.footer li a,.footer li{font-size:12px;color:#b5b5b5}.footer li a:hover{color:var(--gold)}.bottom{border-top:1px solid #303030;margin-top:65px;padding:24px 0;display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#999}.bottom a{color:var(--gold)}
.page-hero{background:#171717;position:relative;overflow:hidden;color:white;padding:95px 0 92px}.page-hero:after{content:'';position:absolute;right:5%;top:-200px;height:500px;width:500px;border:1px solid rgba(232,191,100,.25);border-radius:50%;box-shadow:0 0 0 70px rgba(232,191,100,.02),0 0 0 150px rgba(232,191,100,.02)}.page-hero .container{position:relative;z-index:1}.page-hero h1{font:700 clamp(37px,5vw,61px) Manrope;letter-spacing:-.05em;margin:12px 0 15px}.breadcrumbs{font-size:12px;color:#c8c8c8}.breadcrumbs a:hover{color:var(--gold)}.breadcrumbs span{margin:0 12px;color:var(--gold)}.page-lead{max-width:640px;color:#c2c2c2;font-size:15px}.content-split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.content-split .image-wrap img{width:100%;height:520px;object-fit:cover}.text-block p{font-size:15px;color:#666}.pill{border:1px solid #c7af76;color:#997133;background:#fff7e4;border-radius:30px;font-size:10px;font-weight:800;text-transform:uppercase;padding:7px 11px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:30px 0}.filters a{border:1px solid #d7d4cc;background:white;padding:11px 17px;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.filters a:hover,.filters a.selected{background:#191919;color:var(--gold);border-color:#191919}.listing-main{padding:65px 0 100px}.notice{padding:19px 21px;background:#f4ead1;border-left:3px solid var(--gold2);color:#5b513e;font-size:13px;line-height:1.8;margin-top:30px}.list-strong{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:13px}.list-strong li:before{content:'✓';color:#ae853c;margin-right:10px}.contact-detail-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px}.info-panel{padding:50px;background:#181818;color:white}.info-panel h2{font:700 31px Manrope;letter-spacing:-.045em}.info-panel p{font-size:13px;color:#bebebe}.info-line{display:grid;grid-template-columns:28px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid #323232}.info-line strong{display:block;font-size:12px;color:var(--gold);margin-bottom:6px}.info-line span,.info-line a{font-size:14px;color:white}.info-line a:hover{color:var(--gold)}.contact-right{padding-top:24px}.contact-right h2{font:700 35px Manrope;letter-spacing:-.045em}.contact-right p{max-width:480px;color:#707070;font-size:14px}.contact-actions{display:flex;gap:11px;margin-top:35px;flex-wrap:wrap}.map-link{display:flex;background:#eae6db;padding:35px;align-items:center;justify-content:space-between;margin-top:32px}.map-link:hover{background:#e1dac9}
.property-detail{padding:66px 0 105px}.property-top{display:grid;grid-template-columns:1.45fr .8fr;gap:29px}.property-main-photo{border:1px solid var(--border);background:#e2dfdb;padding:0;display:flex;align-items:center;justify-content:center;min-height:480px}.property-main-photo img{max-height:580px;width:100%;object-fit:contain}.inquiry{background:#171717;color:white;padding:34px;position:relative}.inquiry .eyebrow{color:var(--gold)}.inquiry h2{font:700 27px Manrope;letter-spacing:-.05em;margin:12px 0}.inquiry p{font-size:13px;color:#aaa}.inquiry hr{border:0;border-top:1px solid #373737;margin:25px 0}.inquiry-row{padding:8px 0;display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#cacaca}.inquiry-row strong{color:white}.inquiry .btn{width:100%;margin-top:23px}.thumb-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:19px;max-width:calc(63%)}.thumb-panel a{background:white;border:1px solid var(--border);overflow:hidden}.thumb-panel img{width:100%;height:190px;object-fit:contain}.detail-lower{display:grid;grid-template-columns:1.4fr .8fr;gap:50px;margin-top:66px}.detail-lower h2{font:700 28px Manrope;letter-spacing:-.04em}.detail-lower p{font-size:14px;color:#6b6b6b}.details-box{background:#f0ece4;padding:28px 34px;align-self:start}.details-box h3{font:700 17px Manrope}.details-box .detail-line{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid #dad3c5;font-size:13px;color:#6b6b6b}.detail-line strong{color:#111}
.gallery-large{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.gallery-large a{background:#fff;border:1px solid #e4dfd5;display:block;overflow:hidden}.gallery-large img{height:330px;width:100%;object-fit:cover;transition:transform .35s}.gallery-large a:hover img{transform:scale(1.03)}.gallery-large span{display:flex;justify-content:space-between;align-items:center;padding:19px 23px;font-weight:700;font-size:14px}.gallery-large small{font-size:11px;color:#a07a34}
@media(max-width:1150px){.main-nav{gap:20px}.header-actions .header-call{display:none}.about-wrap{gap:45px}.property-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{gap:32px}}
@media(max-width:850px){.container{width:min(100% - 36px,680px)}.topbar-right{display:none}.header{height:82px}.brand img{width:70px;height:70px}.main-nav,.header-actions{display:none}.menu-mobile{display:block}.hero{min-height:650px}.hero-content{padding:60px 0 100px}.vertical-side{display:none}.stats .container{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:1/-1;border-top:1px solid #303030}.about-wrap,.content-split,.contact-detail-grid,.property-top,.detail-lower{grid-template-columns:1fr}.about-photo{height:460px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:230px 230px 230px}.gallery-item:first-child{grid-row:span 2}.gallery-item:nth-child(4){grid-column:span 2}.footer-grid{grid-template-columns:1fr 1fr;gap:36px}.thumb-panel{max-width:100%}.cta-inner{align-items:flex-start;flex-direction:column}.contact-grid{grid-template-columns:1fr}.property-main-photo{min-height:350px}}
@media(max-width:550px){.container{width:calc(100% - 30px)}.topbar{height:32px;font-size:10px}.topbar-left{gap:10px}.topbar-left span:last-child{display:none}.section{padding:70px 0}.hero{min-height:580px}.hero h1{font-size:43px}.hero p{font-size:14px}.hero-buttons{display:grid;max-width:280px}.hero .btn{justify-content:space-between}.section-head{align-items:flex-start;flex-direction:column}.property-grid,.gallery-large{grid-template-columns:1fr}.property-image{height:245px}.stats .container{grid-template-columns:1fr}.stat{padding:23px 10px;border-bottom:1px solid #333}.stat:last-child{grid-column:auto;border-top:0}.about-photo{height:335px}.about-stamp{right:0}.feature-list{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:190px 190px 170px}.gallery-item:first-child{grid-column:1/-1;grid-row:auto}.gallery-item:nth-child(4){grid-column:span 2}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-logo{height:115px}.bottom{flex-direction:column;margin-top:38px}.page-hero{padding:70px 0}.contact-detail-grid{gap:20px}.info-panel{padding:30px}.thumb-panel{grid-template-columns:1fr 1fr}.thumb-panel img{height:130px}.gallery-large img{height:240px}.map-link{padding:25px}.inquiry{padding:28px}}
