
:root{--navy:#0e1b2d;--gold:#b88a45;--cream:#f6f0e6;--paper:#fffaf2;--text:#172033;--muted:#6b7280;--red:#c73532;--orange:#d98a1f;--green:#5f8f3b;--blue:#315fa8}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--paper);line-height:1.6}h1,h2{font-family:Cinzel,serif;font-weight:600;line-height:1.05;color:var(--navy)}h1{font-size:clamp(2.5rem,7vw,5.6rem);margin:0 0 .5rem}h2{font-size:clamp(2rem,4vw,3.8rem);margin:.2rem 0 1rem}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 6vw;background:linear-gradient(180deg,#07111f,#0e1b2d);backdrop-filter:blur(18px);border-bottom:1px solid rgba(184,138,69,.45);box-shadow:0 12px 35px rgba(7,17,31,.22)}.brand{display:flex;gap:14px;align-items:center;text-decoration:none;color:white}.brand-image img{display:block;height:74px;width:auto;max-width:min(520px,42vw);object-fit:contain}.logo-mark{width:54px;height:54px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-family:Cinzel,serif;font-size:28px}.ip{letter-spacing:-4px}.brand-copy strong{display:block;text-transform:uppercase;letter-spacing:.12em}.brand-copy small{display:block;font-size:.72rem;color:#d6c6ae}nav{display:flex;gap:24px;align-items:center}nav a,footer a{color:#f6f0e6;text-decoration:none;font-size:.82rem;text-transform:uppercase;letter-spacing:.09em;font-weight:700}nav a:hover{color:#d4a866}.hero{min-height:86vh;position:relative;display:grid;align-items:center;overflow:hidden;background:var(--navy)}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.06);animation:ken 16s ease-out forwards}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,20,35,.82),rgba(10,20,35,.35),rgba(10,20,35,.06))}.hero-content{position:relative;color:white;max-width:840px;padding:12vw 8vw}.hero-content h1{color:white}.hero-sub{font-family:Cinzel,serif;color:#d4a866;font-size:clamp(1.8rem,4vw,3.8rem);font-style:italic;margin:0 0 1rem}.hero-content p:not(.eyebrow):not(.hero-sub){max-width:650px;font-size:1.15rem}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;color:var(--gold);font-weight:700}.light{color:#f2d093}.btn{display:inline-flex;align-items:center;gap:12px;padding:14px 22px;border-radius:7px;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;cursor:pointer;border:0}.primary{background:var(--gold);color:white}.ghost{border:1px solid rgba(255,255,255,.55);color:white}.outline{border:1px solid rgba(184,138,69,.5);color:var(--gold);background:transparent}.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.section{padding:90px 7vw}.cream{background:linear-gradient(180deg,#fffaf2,#f2eadc)}.section-head{max-width:920px;margin:0 auto 42px;text-align:center}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;max-width:1300px;margin:auto}.service-grid article,.location-cards article,.principles article,.ref-card,.network-grid article,.offer-placeholder{background:white;border:1px solid rgba(184,138,69,.14);border-radius:18px;box-shadow:0 18px 45px rgba(14,27,45,.07)}.service-grid article{padding:30px}.service-grid b{color:var(--gold)}.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;max-width:1400px;margin:auto}.rounded-img{width:100%;border-radius:24px;box-shadow:0 25px 70px rgba(14,27,45,.16)}.location-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.location-cards article{padding:24px}.image-band{height:360px;background:linear-gradient(rgba(14,27,45,.25),rgba(14,27,45,.55)),var(--band);background-size:cover;background-position:center;display:grid;place-items:center;color:white;text-align:center}.image-band div{max-width:800px;font-family:Cinzel,serif;font-size:2rem}.image-band a{display:block;margin-top:18px;color:#f2d093;font-family:Inter;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}.filter-row{max-width:1300px;margin:0 auto 26px;display:flex;justify-content:space-between;align-items:center;gap:18px}.filter{background:white;border:1px solid rgba(184,138,69,.25);border-radius:8px;padding:12px 20px;margin:4px;font-weight:700;color:var(--navy);cursor:pointer}.filter.active{background:var(--navy);color:white}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin:0 7px}.dot.vermietet{background:var(--orange)}.dot.verkauft{background:var(--red)}.ref-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1300px;margin:auto}.ref-card{overflow:hidden;transition:.25s}.ref-card:hover{transform:translateY(-5px)}.ref-img{height:230px;position:relative;background:#ddd;overflow:hidden}.ref-img img{width:100%;height:100%;object-fit:cover;display:block}.badge{position:absolute;top:16px;left:16px;color:white;border-radius:7px;padding:8px 12px;text-transform:uppercase;font-weight:800;font-size:.75rem;letter-spacing:.06em}.badge.verkauft{background:var(--red)}.badge.vermietet{background:var(--orange)}.ref-body{padding:20px}.ref-body h3{margin:0 0 5px}.ref-body p{margin:0;color:#566070}.ref-body small{color:var(--gold);font-weight:700}.center{text-align:center;margin-top:30px}.note{max-width:1200px;margin:22px auto 0;color:#7b6b5a;font-size:.9rem}.status-line span{display:inline-block;margin:8px 8px 0 0;padding:8px 14px;border-radius:20px;color:white;font-weight:700}.sale{background:var(--green)}.rent{background:var(--blue)}.offer-placeholder{padding:40px;text-align:center;color:#7b6b5a}.network{background:#f8f4ed}.network-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:24px;max-width:1200px;margin:auto}.network-grid article{padding:28px;text-align:center}.network-grid img{max-width:180px;max-height:180px;object-fit:contain}.video-placeholder{height:240px;border-radius:16px;background:linear-gradient(135deg,#0e1b2d,#2b405f);color:white;display:grid;place-items:center;padding:28px}.video-placeholder span{font-family:Cinzel,serif;font-size:2rem}.dark{background:var(--navy);color:white}.dark h2,.dark h3{color:white}.gold{color:#d7aa61}.quote{font-family:Cinzel,serif;font-size:1.55rem;color:#e6c78f}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1100px;margin:auto}.principles article{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);padding:28px}.timeline-row{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;max-width:1200px;margin:auto}.timeline-row article{border-top:2px solid var(--gold);padding:18px;background:white;border-radius:0 0 14px 14px}.gallery-teaser{display:grid;grid-template-columns:.9fr 1fr;gap:50px;align-items:center}.gallery-teaser img{width:100%;border-radius:24px}.contact{padding:70px 7vw;background:linear-gradient(120deg,#0e1b2d,#20364f);color:white;display:flex;justify-content:space-between;gap:30px}.contact h2{color:white}footer{padding:30px 7vw;display:flex;gap:24px;justify-content:center;align-items:center;flex-wrap:wrap;background:#07111f;color:#d6c6ae}footer a{color:#d6c6ae}.gallery-grid{columns:4 260px;column-gap:20px;max-width:1500px;margin:auto}.gallery-item{break-inside:avoid;margin:0 0 20px;background:white;border-radius:16px;overflow:hidden;box-shadow:0 12px 35px rgba(14,27,45,.08);cursor:pointer}.gallery-item img{width:100%;display:block}.gallery-item figcaption{padding:12px 14px;color:#5d6572;font-size:.88rem}.lightbox{position:fixed;inset:0;background:rgba(7,17,31,.92);display:none;z-index:100;place-items:center;padding:4vw}.lightbox.open{display:grid}.lightbox img{max-width:90vw;max-height:80vh;border-radius:12px}.lightbox p{color:white}.lightbox button{position:absolute;top:24px;right:30px;font-size:40px;background:none;border:0;color:white;cursor:pointer}@keyframes ken{to{transform:scale(1)}}@media(max-width:1000px){nav{display:none}.service-grid,.ref-grid{grid-template-columns:repeat(2,1fr)}.two-col,.gallery-teaser,.network-grid,.principles{grid-template-columns:1fr}.timeline-row{grid-template-columns:1fr 1fr}.contact{display:block}}@media(max-width:620px){.brand-image img{height:54px;max-width:72vw}.topbar{padding:10px 5vw}.service-grid,.ref-grid,.timeline-row{grid-template-columns:1fr}.hero-content{padding:28vw 7vw 18vw}.filter-row{display:block}}

.gallery-item figcaption strong{display:block;color:var(--navy);font-weight:700}.customer-credit{display:block;margin-top:4px;color:#8a7a65;font-size:.78rem;font-style:italic}.gallery-page h1{font-size:clamp(2.4rem,5vw,4.8rem)}

/* v0.7 additions */
.image-band{background-position:var(--band-position,50% 50%)}
.gallery-item .title-pending{display:block;margin-top:.35rem;color:#8a8175;font-size:.82rem}
.offers{display:block}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.offer-card,.offer-sync{background:#fff;border:1px solid rgba(19,38,62,.12);border-radius:14px;overflow:hidden;box-shadow:0 12px 30px rgba(12,27,45,.08)}.offer-photo{height:220px;background-size:cover;background-position:center;position:relative}.demo-one{background-image:linear-gradient(135deg,rgba(10,26,44,.15),rgba(10,26,44,.05)),url('assets/muenchen/muenchenimpression-044.jpg')}.demo-two{background-image:linear-gradient(135deg,rgba(10,26,44,.15),rgba(10,26,44,.05)),url('assets/muenchen/muenchenimpression-043.jpg')}.offer-status,.demo-label{position:absolute;top:14px;padding:7px 11px;border-radius:999px;font-size:.76rem;font-weight:700}.offer-status{left:14px;color:#fff}.offer-status.sale{background:#7a2934}.offer-status.rent{background:#315b7a}.demo-label{right:14px;background:rgba(255,255,255,.9);color:#182d45}.offer-body{padding:20px}.offer-body small{color:#a47b3c}.offer-body h3{margin:.35rem 0}.offer-body a{display:inline-block;margin-top:8px;color:#1c3654;font-weight:700}.offer-sync{padding:28px;background:#10263e;color:#fff}.offer-sync strong{font-family:Cinzel,serif;font-size:1.3rem;color:#d5b16b}.offer-sync li{margin:.5rem 0}.sync-state{display:inline-block;margin-top:12px;color:#bcd6c0}.gallery-item img{object-fit:cover}@media(max-width:900px){.offer-grid{grid-template-columns:1fr}.offer-photo{height:260px}}

/* LIVE Phase 1 – Kontakt & Galerie */
.impression-label{display:inline-block;color:#9b8c78;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin-right:.45rem}.impression-number{display:inline;color:var(--gold);font-size:.9rem}.impression-title{display:block;color:var(--navy);font-weight:700;margin-top:.3rem}.impression-place{display:block;color:#737b86;font-size:.78rem;margin-top:.1rem}.lightbox{grid-template-columns:70px minmax(0,1fr) 70px}.lightbox>img,.lightbox>p{grid-column:2}.lightbox img{border:10px solid #f7f2e9;box-shadow:0 20px 70px rgba(0,0,0,.45)}.lightbox-close,.lightbox-prev,.lightbox-next{position:fixed;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.35);color:#fff;cursor:pointer;border-radius:50%}.lightbox-close{top:22px;right:26px;width:46px;height:46px;font-size:28px}.lightbox-prev,.lightbox-next{top:50%;transform:translateY(-50%);width:54px;height:54px;font-size:40px;line-height:1}.lightbox-prev{left:24px}.lightbox-next{right:24px}.contact a{color:white}.contact-page{min-height:72vh}.contact-page h1{font-size:clamp(2.2rem,5vw,4.4rem)}.contact-form{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#fff;padding:34px;border-radius:18px;box-shadow:0 18px 45px rgba(14,27,45,.08)}.contact-form label{font-weight:700;color:var(--navy)}.contact-form label span{font-weight:400;color:#737b86}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:7px;padding:13px 14px;border:1px solid #d8d0c5;border-radius:8px;font:inherit;background:#fff}.contact-form textarea{resize:vertical}.contact-form .full{grid-column:1/-1}.contact-form .check{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:.9rem}.contact-form .check input{width:auto;margin-top:4px}.contact-form .check a{color:var(--gold)}.hp{position:absolute;left:-9999px}.form-note{text-align:center;color:#6f6b64;font-size:.85rem}@media(max-width:700px){.contact-form{grid-template-columns:1fr;padding:22px}.lightbox{grid-template-columns:1fr}.lightbox>img,.lightbox>p{grid-column:1}.lightbox-prev{left:8px}.lightbox-next{right:8px}}

/* v0.7 LIVE Phase 1: onOffice Regionalangebote */
.onoffice-embed{
  width:min(1180px,calc(100% - 32px));
  margin:28px auto 0;
  background:#fff;
  border:1px solid rgba(169,134,77,.28);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 14px 34px rgba(6,32,50,.08);
}
.onoffice-embed iframe{
  display:block;
  width:100%;
  min-height:1180px;
  border:0;
  background:#fff;
}
@media (max-width: 900px){
  .onoffice-embed{
    width:calc(100% - 20px);
    border-radius:12px;
  }
  .onoffice-embed iframe{
    min-height:1500px;
  }
}

/* v0.7 LIVE Phase 1e: mobile navigation */
.nav-toggle{
  display:none;
  width:44px;height:44px;
  padding:9px;
  border:1px solid rgba(169,134,77,.45);
  border-radius:10px;
  background:transparent;
  cursor:pointer;
}
.nav-toggle span{
  display:block;
  height:2px;
  margin:5px 0;
  background:currentColor;
}
@media (max-width: 900px){
  .nav-toggle{display:block;margin-left:auto;position:relative;z-index:1002}
  header nav, .header nav, .site-header nav{
    display:none;
  }
  header nav.is-open, .header nav.is-open, .site-header nav.is-open{
    display:flex;
    position:absolute;
    left:12px;right:12px;top:calc(100% + 4px);
    z-index:1001;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:10px;
    background:#fff;
    border:1px solid rgba(169,134,77,.35);
    border-radius:14px;
    box-shadow:0 18px 40px rgba(6,32,50,.16);
  }
  header, .header, .site-header{position:relative}
  header nav.is-open a, .header nav.is-open a, .site-header nav.is-open a{
    display:block;
    padding:11px 10px;
  }
}
