*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --blue:#1E4080;--blue-dk:#152E62;--blue-lt:#2A5298;
  --blue-pal:#EEF3FB;--gold:#C4973E;--gold-lt:#D9AD57;
  --cream:#F8F6F1;--warm:#F1EDE4;--white:#FFFFFF;
  --text:#111827;--muted:#2E3A4A
}
body{font-family:'Inter',sans-serif;color:var(--text);background:#fff;font-size:19px;line-height:1.9;font-weight:400}

/* ── NAV ── */
nav{position:fixed;inset:0 0 auto 0;z-index:10000;height:70px;padding:0 4%;
    background:#152E62;display:flex;align-items:center;justify-content:space-between;
    border-bottom:2px solid rgba(196,151,62,.25)}
.nav-brand{text-decoration:none;cursor:pointer;display:flex;align-items:center;gap:.5rem}
.nav-logo{height:1.65rem;width:auto;object-fit:contain;flex-shrink:0;align-self:flex-start;margin-top:2px}
.nav-brand-text{display:flex;flex-direction:column;justify-content:center}
.nav-brand-name{font-family:'Playfair Display',serif;font-size:1.65rem;font-weight:600;
                color:#fff;letter-spacing:.02em;display:block;line-height:1.1}
.nav-brand-name b{color:#C4973E}
.nav-brand-sub{font-family:'Inter',sans-serif;font-size:.76rem;font-weight:300;letter-spacing:.22em;text-transform:uppercase;
               color:rgba(255,255,255,.5);display:block;margin-top:3px;text-align:center}
.nav-menu{display:flex;align-items:center;gap:0;list-style:none}
.nav-item{position:relative}
.nav-item>a{display:flex;align-items:center;gap:.28rem;padding:0 1rem;height:70px;
            color:rgba(255,255,255,.90);text-decoration:none;font-size:1.1rem;
            letter-spacing:.03em;font-weight:600;white-space:nowrap;cursor:pointer;transition:color .2s}
.nav-item>a:hover,.nav-item>a.nav-active{color:#C4973E}
.nav-item>a .arr{font-size:.55rem;opacity:.5;transition:transform .2s}
.nav-item.open>a .arr{transform:rotate(180deg)}
.dd{display:none;position:absolute;top:70px;left:0;min-width:220px;
    background:#152E62;border:1px solid rgba(196,151,62,.28);
    border-top:3px solid #C4973E;border-radius:0 0 8px 8px;
    box-shadow:0 14px 36px rgba(0,0,0,.45);z-index:9999}
.dd a{display:block;padding:.95rem 1.3rem;color:#fff;background:#152E62;
      text-decoration:none;font-size:1.02rem;font-weight:400;
      border-bottom:1px solid rgba(255,255,255,.06);transition:background .15s,padding-left .15s}
.dd a:last-child{border-bottom:none}
.dd a:hover{background:rgba(196,151,62,.15);color:#C4973E;padding-left:1.7rem}
.nav-cta-item{margin-left:.4rem}
.nav-cta-item>a{background:#C4973E!important;color:#152E62!important;height:auto!important;
               padding:.6rem 1.5rem!important;font-size:1.06rem!important;border-radius:3px;font-weight:600!important;align-self:center}
.nav-cta-item>a:hover{background:#D9AD57!important;color:#152E62!important}

/* ── PAGE LAYOUTS ── */
.page-hero{min-height:100vh;position:relative;display:flex;align-items:center;
           padding:70px 4% 130px;overflow:hidden}
.page-content{padding-top:70px}
.sec{padding:4rem 4%}
.sec-alt{padding:2.5rem 4% 4rem;background:#F8F6F1}
.wrap{max-width:1100px;margin:0 auto}

/* ── TYPOGRAPHY ── */
.tag{display:inline-block;color:#C4973E;font-size:.84rem;letter-spacing:.2em;
     text-transform:uppercase;font-weight:700;margin-bottom:.6rem}
.h2{font-family:'Playfair Display',serif;font-size:clamp(2.1rem,3.9vw,3rem);
    color:#152E62;line-height:1.2;margin-bottom:1rem}
.lead{color:var(--muted);font-size:1.18rem;line-height:1.9;font-weight:400}
.gold-line{width:40px;height:2px;background:#C4973E;margin:1.1rem 0 1.6rem}

/* ── BUTTONS ── */
.btn{display:inline-block;text-decoration:none;padding:1rem 2rem;border-radius:3px;
     font-size:1.05rem;font-weight:600;letter-spacing:.02em;cursor:pointer;
     border:2px solid transparent;font-family:'Inter',sans-serif;transition:all .24s;background:none}
.btn-gold{background:#C4973E;color:#152E62;border-color:#C4973E}
.btn-gold:hover{background:#D9AD57;border-color:#D9AD57;transform:translateY(-2px);box-shadow:0 8px 22px rgba(196,151,62,.3)}
.btn-outline{background:#C4973E;color:#152E62;border-color:#C4973E}
.btn-outline:hover{background:#D9AD57;border-color:#D9AD57;transform:translateY(-2px)}
.btn-ghost{border:2px solid rgba(255,255,255,.5);color:#fff;background:transparent}
.btn-ghost:hover{border-color:#C4973E;color:#C4973E;transform:translateY(-2px)}

/* ── HERO ── */
.hero-bg{position:absolute;inset:0;
         background:url('img-3372-clean.jpeg') center 42%/cover no-repeat;
         filter:brightness(.82) saturate(1.3) contrast(1.02)}
.hero-sky{position:absolute;inset:0;
          background:linear-gradient(to bottom,rgba(80,160,240,.38) 0%,rgba(80,160,240,.18) 30%,transparent 55%)}
.hero-grad{position:absolute;inset:0;
           background:linear-gradient(115deg,rgba(21,46,98,.48) 0%,rgba(21,46,98,.05) 55%,transparent 100%),
                       linear-gradient(to top,rgba(21,46,98,.52) 0%,transparent 38%)}
.hero-content{position:relative;z-index:2;max-width:760px;animation:fadeUp .9s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.hero-pill{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(196,151,62,.35);
           background:rgba(196,151,62,.08);border-radius:100px;padding:.3rem .95rem;color:#C4973E;
           font-size:.71rem;letter-spacing:.18em;text-transform:uppercase;font-weight:500;margin-bottom:1.7rem}
.hero-pill::before{content:'';width:5px;height:5px;background:#C4973E;border-radius:50%}
.hero-h1{font-family:'Playfair Display',serif;font-size:clamp(2.6rem,5.5vw,4.2rem);
         color:#fff;line-height:1.17;font-weight:700;margin-bottom:1.35rem;
         text-shadow:0 2px 12px rgba(0,0,0,.45)}
.hero-h1 em{font-style:italic;color:#D9AD57}
.hero-p{color:rgba(255,255,255,.88);font-size:1.15rem;line-height:1.82;max-width:570px;
        margin-bottom:2.7rem;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.hero-btns{display:flex;gap:.9rem;flex-wrap:wrap}
.hero-trust{position:absolute;bottom:0;left:0;right:0;z-index:2;display:flex;gap:2.5rem;
            padding:1.5rem 4%;background:rgba(21,46,98,.52);
            border-top:1px solid rgba(255,255,255,.07);flex-wrap:wrap}
.ht .n{font-family:'Playfair Display',serif;font-size:1.85rem;color:#C4973E;font-weight:700;line-height:1}
.ht .l{font-size:.88rem;color:rgba(255,255,255,.85);letter-spacing:.07em;
       text-transform:uppercase;margin-top:.15rem;font-weight:400}

/* ── PAGE HEADER ── */
.page-header{background:#152E62;padding:2rem 4% 1.8rem;margin-bottom:0}
.page-header .tag{color:rgba(196,151,62,.8)}
.page-header .h2{color:#fff;font-size:clamp(1.5rem,2.8vw,2.1rem);margin-bottom:.3rem}
.page-header .lead{color:rgba(255,255,255,.88);max-width:600px;font-size:1rem;line-height:1.6}

/* ── SERVICE LAYOUT ── */
.svc-inner{display:grid;grid-template-columns:1fr 1fr;gap:4.5rem;align-items:center;max-width:1100px;margin:0 auto}
.svc-inner.rev{direction:rtl}
.svc-inner.rev>*{direction:ltr}
.svc-img-box{border-radius:8px;overflow:hidden;box-shadow:0 8px 30px rgba(30,64,128,.12);aspect-ratio:4/3;
             display:flex;align-items:center;justify-content:center}
.svc-img-box img{width:100%;height:100%;object-fit:cover;display:block}
.svc-list{list-style:none;display:flex;flex-direction:column;gap:.65rem;margin:1.2rem 0 1.8rem}
.svc-list li{display:flex;align-items:flex-start;gap:.7rem;color:var(--muted);font-size:1.08rem;line-height:1.82}
.svc-list li::before{content:'';width:6px;height:6px;background:#C4973E;border-radius:50%;margin-top:8px;flex-shrink:0}
.svc-btns{display:flex;gap:.85rem;flex-wrap:wrap}

/* ── LEISTUNGS-CARDS ── */
.cards-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.6rem;margin-top:3rem}
.card{background:#fff;padding:2.25rem 2rem;border-radius:8px;border-top:3px solid #C4973E;
      box-shadow:0 2px 14px rgba(30,64,128,.07);transition:transform .26s,box-shadow .26s;
      display:flex;flex-direction:column}
.card:hover{transform:translateY(-6px);box-shadow:0 14px 42px rgba(30,64,128,.12)}
.card-ico{width:46px;height:46px;background:#1E4080;border-radius:50%;display:flex;
          align-items:center;justify-content:center;margin-bottom:1.3rem}
.card-ico svg{width:22px;height:22px;fill:#C4973E}
.card h3{font-family:'Playfair Display',serif;font-size:1.35rem;color:#152E62;margin-bottom:.65rem}
.card p{color:var(--muted);font-size:1.05rem;line-height:1.85;flex:1}
.card .btn{margin-top:1.5rem;align-self:flex-start;font-size:.97rem;padding:.75rem 1.4rem}

/* ── IMMOBILIEN ── */
.prop-card{background:#fff;border-radius:8px;box-shadow:0 3px 16px rgba(30,64,128,.09);
           overflow:hidden;max-width:1060px;margin:1.4rem auto 0;
           display:grid;grid-template-columns:1.15fr 1fr}
/* ── linke Spalte: Galerie + Infostreifen ── */
.prop-gallery{position:relative;overflow:hidden;background:#ddd;display:flex;flex-direction:column}
.prop-main-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;cursor:pointer;flex-shrink:0;min-height:260px}
.gallery-arr{position:absolute;top:42%;transform:translateY(-50%);z-index:10;border:none;
             border-radius:50%;width:32px;height:32px;background:rgba(0,0,0,.38);color:#fff;
             font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;
             transition:background .18s;user-select:none}
.gallery-arr:hover{background:rgba(0,0,0,.65)}
.gallery-arr.prev{left:.45rem}
.gallery-arr.next{right:.45rem}
.prop-thumbs{display:flex;gap:.25rem;padding:.3rem .5rem;background:rgba(0,0,0,.42);
             overflow-x:auto;scrollbar-width:none;flex-shrink:0}
.prop-thumbs::-webkit-scrollbar{display:none}
.prop-thumb{width:48px;height:34px;object-fit:cover;border-radius:2px;cursor:pointer;
            opacity:.55;flex-shrink:0;border:2px solid transparent;transition:opacity .15s,border-color .15s}
.prop-thumb.active,.prop-thumb:hover{opacity:1;border-color:#C4973E}
.prop-badge{position:absolute;top:.6rem;left:.6rem;background:#1E4080;color:#fff;
            font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
            padding:.2rem .6rem;border-radius:3px;z-index:2}
.prop-badge.verkauf{background:#C4973E;color:#152E62}
/* Kennzahlen-Streifen unter Thumbnails */
.prop-quickinfo{display:grid;grid-template-columns:repeat(3,1fr);background:#152E62;
                padding:.6rem 0;flex-shrink:0}
.prop-qi{text-align:center;color:#fff;padding:.1rem 0}
.prop-qi-val{font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;line-height:1.2}
.prop-qi-lbl{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;opacity:.65;margin-top:.1rem}
/* ── rechte Spalte: Daten ── */
.prop-details{padding:1.4rem 1.6rem;display:flex;flex-direction:column;
              justify-content:space-between;height:100%;box-sizing:border-box;gap:.2rem}
.prop-head{margin-bottom:.5rem}
.prop-price{font-family:'Playfair Display',serif;font-size:1.55rem;color:#152E62;font-weight:700;line-height:1.1}
.prop-price-label{font-size:.72rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.4rem}
.prop-addr{font-family:'Playfair Display',serif;font-size:1.05rem;color:#152E62;font-weight:600;margin-bottom:.15rem}
.prop-loc{color:var(--muted);font-size:.85rem}
.prop-divider{border:none;border-top:1px solid #eee;margin:.6rem 0}
.prop-desc{color:var(--muted);font-size:.9rem;line-height:1.65;flex-grow:1}
.prop-features{display:flex;flex-wrap:wrap;gap:.3rem;margin:.55rem 0 .5rem}
.prop-feat{background:#EEF3FB;color:#1E4080;border-radius:100px;font-size:.78rem;font-weight:600;padding:.22rem .75rem}
.prop-energy{display:flex;align-items:center;gap:.4rem;background:#F1EDE4;border-radius:4px;
             padding:.35rem .65rem;font-size:.8rem;color:var(--muted);margin-bottom:.55rem}
.energy-badge{border-radius:3px;padding:.12rem .45rem;font-size:.68rem;font-weight:700;color:#fff}
.prop-ctas{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto;padding-top:.5rem}
#lightbox{display:none;position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.92);
          align-items:center;justify-content:center}
#lightbox.open{display:flex}
#lightbox img{max-width:92vw;max-height:88vh;border-radius:4px}
#lightbox button{position:absolute;top:1.2rem;right:1.5rem;background:none;border:none;
                 color:#fff;font-size:2.5rem;cursor:pointer;line-height:1}

/* ── BEWERTUNG WIZARD ── */
.bew-wrap{max-width:820px;margin:0 auto;padding:4rem 4%}
.bew-intro{text-align:center;margin-bottom:2.5rem}
.bew-wizard{background:#fff;border-radius:14px;padding:2.8rem 3rem;
            box-shadow:0 24px 70px rgba(0,0,0,.18)}
.bew-progress{margin-bottom:1.8rem}
.bew-prog-track{height:5px;background:rgba(30,64,128,.13);border-radius:3px;margin-bottom:.8rem;overflow:hidden}
.bew-prog-fill{height:100%;background:#C4973E;border-radius:3px;width:0;transition:width .4s ease}
.bew-prog-meta{display:flex;justify-content:space-between;align-items:center}
.bew-dots{display:flex;gap:.4rem}
.bew-dot{width:8px;height:8px;border-radius:50%;background:rgba(30,64,128,.18);transition:background .3s,transform .3s}
.bew-dot.active{background:#C4973E;transform:scale(1.3)}
.bew-dot.done{background:#1E4080}
.bew-label{font-size:.9rem;color:var(--muted);font-weight:500}
.bew-step{display:none}
.bew-step.active{display:block;animation:bewIn .3s ease}
@keyframes bewIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.bew-q{font-family:'Playfair Display',serif;font-size:1.45rem;color:#152E62;margin-bottom:1.4rem;font-weight:600}

/* ── 6 KACHELN: exaktes 3×2-Raster, gleiche Höhe ── */
.bew-tiles{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:.8rem;margin-bottom:.5rem}
.bew-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;
          gap:.55rem;padding:1.4rem .9rem;min-height:120px;
          border:2px solid rgba(30,64,128,.12);border-radius:10px;background:#fff;
          cursor:pointer;font-family:'Inter',sans-serif;font-size:1rem;color:#1A1A2E;
          transition:border-color .18s,background .18s,transform .18s;text-align:center;line-height:1.4}
.bew-ico{font-size:1.9rem;line-height:1}
.bew-tile:hover{border-color:#C4973E;background:#FBF8F3;transform:translateY(-2px)}
.bew-tile.sel{border-color:#C4973E;background:#FBF8F3;box-shadow:0 4px 14px rgba(196,151,62,.18)}

.bew-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.6rem}
.bew-pill{padding:.55rem 1.1rem;border:1.5px solid rgba(30,64,128,.16);border-radius:100px;
          background:#fff;font-family:'Inter',sans-serif;font-size:.97rem;color:var(--muted);
          cursor:pointer;transition:border-color .16s,background .16s,color .16s}
.bew-pill:hover{border-color:#C4973E;color:#C4973E}
.bew-pill.sel{background:#C4973E;border-color:#C4973E;color:#152E62;font-weight:600}
.bew-fields{display:flex;flex-direction:column;gap:1rem;margin-bottom:.5rem}
.bew-2col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.bew-field label{display:block;font-size:1rem;font-weight:600;color:#152E62;margin-bottom:.45rem;letter-spacing:.02em}
.bew-req{color:#C4973E}
.bew-field input,.bew-field select{width:100%;padding:.85rem 1.1rem;
    border:1.5px solid rgba(30,64,128,.18);border-radius:6px;font-size:1.05rem;
    font-family:'Inter',sans-serif;color:#1A1A2E;background:#fff;transition:border-color .18s}
.bew-field input:focus,.bew-field select:focus{outline:none;border-color:#C4973E}
.bew-check{display:flex;align-items:flex-start;gap:.6rem;font-size:1rem;color:var(--muted);
           margin-bottom:.6rem;cursor:pointer}
.bew-check input{margin-top:3px;accent-color:#C4973E}
.bew-nav{display:flex;justify-content:space-between;align-items:center;
         padding-top:1.4rem;margin-top:1.4rem;border-top:1px solid rgba(30,64,128,.09)}
.bew-nav-r{justify-content:flex-end}
.btn-bew-back{background:transparent;color:#152E62;border:1.5px solid rgba(30,64,128,.25);
              border-radius:4px;padding:.75rem 1.5rem;font-family:'Inter',sans-serif;
              font-size:1rem;font-weight:600;cursor:pointer;transition:background .18s}
.btn-bew-back:hover{background:#EEF3FB}
.bew-danke{text-align:center;padding:2.5rem 1rem}
.bew-danke-ico{font-size:3.5rem;margin-bottom:1rem}
.bew-danke h3{font-family:'Playfair Display',serif;font-size:1.8rem;color:#152E62;margin-bottom:.8rem}
.bew-danke p{color:var(--muted);font-size:1.05rem;max-width:420px;margin:0 auto}

/* ── ÜBER UNS ── */
.about-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:start;margin-bottom:4rem}
.photo-wrap img{width:100%;border-radius:8px;display:block;box-shadow:0 16px 48px rgba(30,64,128,.13)}
.about-body p{color:var(--muted);font-size:1.08rem;line-height:1.9;margin-bottom:1rem}
.vals{display:flex;flex-direction:column;gap:.85rem;margin-top:1.2rem}
.val{display:flex;align-items:flex-start;gap:.8rem}
.vdot{width:8px;height:8px;background:#C4973E;border-radius:50%;margin-top:8px;flex-shrink:0}
.val p{color:var(--muted);font-size:1.05rem;line-height:1.8;margin:0}
.val p strong{color:#152E62}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem}
.team-card{text-align:center;background:#fff;border-radius:10px;padding:2.25rem 1.75rem;
           box-shadow:0 4px 22px rgba(30,64,128,.09);border-top:3px solid #C4973E;
           transition:transform .26s,box-shadow .26s}
.team-card:hover{transform:translateY(-4px);box-shadow:0 14px 40px rgba(30,64,128,.13)}
.team-photo{width:150px;height:150px;border-radius:50%;object-fit:cover;object-position:center top;
            margin:0 auto 1.35rem;display:block;border:3px solid rgba(196,151,62,.35)}
.team-name{font-family:'Playfair Display',serif;font-size:1.3rem;color:#152E62;font-weight:600;margin-bottom:.2rem}
.team-role{font-size:.9rem;color:#C4973E;letter-spacing:.1em;text-transform:uppercase;font-weight:600;margin-bottom:.85rem}
.team-bio{font-size:1.05rem;color:var(--muted);line-height:1.82}

/* ── ABLAUF ── */
.steps{display:flex;flex-direction:column;margin-top:2.5rem}
.step{display:flex;gap:1.6rem;align-items:flex-start;padding:1.5rem 0;border-bottom:1px solid rgba(30,64,128,.09)}
.step:last-child{border-bottom:none}
.sn{width:44px;height:44px;border-radius:50%;background:#152E62;color:#C4973E;
    display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;
    font-size:1.2rem;font-weight:700;flex-shrink:0}
.step h4{font-family:'Playfair Display',serif;font-size:1.25rem;color:#152E62;margin-bottom:.35rem;font-weight:600}
.step p{color:var(--muted);font-size:1.05rem;line-height:1.82;margin:0}

/* ── KONTAKT ── */
.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:4rem;align-items:start}
.ci{display:flex;flex-direction:column;gap:.85rem;margin-top:2rem}
.cr{display:flex;align-items:center;gap:1rem}
.cico{width:44px;height:44px;background:rgba(255,255,255,.08);border-radius:50%;
      display:flex;align-items:center;justify-content:center;flex-shrink:0;
      border:1px solid rgba(196,151,62,.3)}
.cico svg{width:20px;height:20px;fill:#C4973E}
.crt strong{display:block;color:rgba(255,255,255,.6);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.15rem}
.crt a,.crt span{color:rgba(255,255,255,.90);text-decoration:none;font-size:1.05rem}
.cf{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:2.4rem}
.cf h3{font-family:'Playfair Display',serif;font-size:1.35rem;color:#fff;margin-bottom:.3rem}
.cf-note{font-size:1rem;color:rgba(255,255,255,.75);margin-bottom:1.5rem}
.fg-2{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-bottom:.9rem}
.fg{margin-bottom:.9rem}
.fg label{display:block;color:rgba(255,255,255,.75);font-size:.95rem;margin-bottom:.4rem}
.fg input,.fg select,.fg textarea{width:100%;background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.18);border-radius:5px;padding:.82rem 1rem;
    color:#fff;font-family:'Inter',sans-serif;font-size:1.05rem;transition:border-color .2s}
.fg input:focus,.fg select:focus,.fg textarea:focus{outline:none;border-color:#C4973E}
.fg textarea{height:110px;resize:vertical}
.fg select option{background:#152E62;color:#fff}
.btn-sub{width:100%;background:#C4973E;color:#152E62;border:none;padding:1rem 1.5rem;
         font-size:1.08rem;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;
         border-radius:5px;transition:all .24s;margin-top:.3rem}
.btn-sub:hover{background:#D9AD57;transform:translateY(-1px)}

/* ── IMPRESSUM / DATENSCHUTZ ── */
.legal-wrap{max-width:780px;margin:0 auto;padding:1rem 4% 3rem}
.legal-wrap h1{font-family:'Playfair Display',serif;font-size:1.6rem;color:#152E62;margin-bottom:1rem}
.legal-wrap h2{font-family:'Playfair Display',serif;font-size:1.05rem;color:#152E62;margin:1.2rem 0 .4rem}
.legal-wrap p{color:var(--muted);font-size:.88rem;line-height:1.7;margin-bottom:.6rem}

/* ── FOOTER ── */
footer{background:#152E62;border-top:2px solid rgba(196,151,62,.2);padding:2rem 4%;
       display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.fl-brand{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:600;color:#fff}
.fl-brand b{color:#C4973E}
.fl-tag{font-size:.8rem;letter-spacing:.18em;color:rgba(255,255,255,.65);text-transform:uppercase;margin-top:2px}
.fl-links{display:flex;gap:1.4rem}
.fl-links a{color:rgba(255,255,255,.7);text-decoration:none;font-size:.95rem;transition:color .18s}
.fl-links a:hover{color:#C4973E}

/* ═══════════════════════════════════════════════
   MOBILE & TABLET – RESPONSIVE STYLES
   Breakpoint 1: ≤ 900px (Tablet)
   Breakpoint 2: ≤ 640px (Handy)
   ═══════════════════════════════════════════════ */

/* ── Hamburger-Button (nur mobil sichtbar) ── */
.nav-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  z-index: 10001;
}
.nav-toggle span {
  display: block;
  width: 26px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  transition: transform .3s, opacity .3s;
}
.nav-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-toggle.open span:nth-child(2) { opacity: 0; }
.nav-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ── TABLET ≤ 900px ── */
@media (max-width: 900px) {
  /* Scrollsperre global aufheben – überschreibt alle inline height/overflow-Regeln */
  html, body {
    height: auto !important;
    min-height: 100% !important;
    overflow: visible !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }
  body { font-size: 17px; }

  /* Split-Hero und alle Vollbild-Layouts → scrollbar machen */
  .page-hero,
  .kt-page, .ms-page, .sa-page, .ab-page, .bw-page {
    height: auto !important;
    min-height: unset !important;
    overflow: visible !important;
    grid-template-rows: unset !important;
    display: flex !important;
    flex-direction: column !important;
    padding-top: 70px !important;
  }
  .hero-left, .hero-right,
  .hero-left-img, .hero-right-text, .hero-right-img,
  .kt-left, .kt-right,
  .ms-left, .ms-right,
  .sa-left, .sa-right,
  .ab-text, .ab-photo {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    min-height: unset !important;
  }
  .hero-right {
    height: 60vw !important;
    min-height: 220px !important;
    max-height: 420px !important;
    overflow: hidden !important;
    order: -1;
  }
  .hero-left-img {
    height: 45vw !important;
    min-height: 180px !important;
    max-height: 320px !important;
    overflow: hidden !important;
    order: -1;
  }
  .hero-left-img img, .hero-right img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    max-height: none !important;
  }
  .hero-left-img img {
    object-fit: cover !important;
    object-position: center top !important;
  }
  .hero-right-text {
    padding: 1.5rem 5% 1.5rem !important;
    overflow: visible !important;
    height: auto !important;
  }

  /* Nav: Hamburger einblenden */
  .nav-toggle { display: flex; }
  .nav-menu {
    display: none;
    position: fixed;
    top: 70px;
    left: 0; right: 0;
    background: #152E62;
    flex-direction: column;
    align-items: stretch;
    padding: 1rem 0 1.5rem;
    border-top: 2px solid rgba(196,151,62,.3);
    z-index: 10002;
    max-height: calc(100vh - 70px);
    overflow-y: auto;
  }
  .nav-menu.open { display: flex; }
  .nav-item > a {
    height: auto;
    padding: .85rem 5%;
    font-size: 1.08rem;
    border-bottom: 1px solid rgba(255,255,255,.07);
  }
  .nav-item > a .arr { display: none; }
  .dd {
    position: static;
    display: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: rgba(255,255,255,.05);
    padding: 0;
  }
  .nav-item.open > .dd {
    display: block !important;
  }
  .dd a {
    padding-left: 2rem;
    font-size: .95rem;
    border-bottom: 1px solid rgba(255,255,255,.04);
  }
  .nav-cta-item { margin: .8rem 5% 0; }
  .nav-cta-item > a {
    display: block !important;
    text-align: center !important;
    padding: .8rem 1.5rem !important;
    height: auto !important;
  }

  /* Layouts */
  .svc-inner,
  .about-grid,
  .contact-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .svc-inner.rev { direction: ltr; }
  .cards-3 { grid-template-columns: 1fr 1fr; gap: 1.2rem; }
  .team-grid { grid-template-columns: 1fr 1fr; gap: 1.2rem; }
  .prop-card { grid-template-columns: 1fr; max-width: 640px; }
  .prop-main-img { aspect-ratio: 16/9; min-height: 200px; }
  .prop-details { padding: 1.2rem 1.4rem; height: auto; }
  .prop-price { font-size: 1.35rem; }
  .prop-addr { font-size: .95rem; }
  .fg-2 { grid-template-columns: 1fr; }
  .bew-wizard { padding: 2rem 1.8rem; }
  .bew-tiles { grid-template-columns: repeat(2,1fr); }
}

/* ── Querformat Handy: Höhe ≤500px UND Breite ≤900px ── */
@media (orientation: landscape) and (max-height: 500px) and (max-width: 900px) {
  html, body {
    height: auto !important;
    overflow: visible !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .page-hero,
  .kt-page, .ms-page, .sa-page, .ab-page, .bw-page {
    height: auto !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .hero-left-img, .hero-right-img {
    height: 30vw !important;
    max-height: 200px !important;
  }
  .hero-right {
    height: 40vw !important;
    max-height: 250px !important;
  }
}

/* ── HANDY ≤ 640px ── */
@media (max-width: 640px) {
  html, body {
    height: auto !important;
    min-height: unset !important;
    overflow: visible !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    font-size: 16px;
  }

  /* ── ALLE Split-Screen-Layouts → einspaltig, scrollbar ── */
  .page-hero,
  .kt-page,
  .ms-page,
  .sa-page,
  .ab-page,
  .bw-page {
    height: auto !important;
    min-height: unset !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: visible !important;
    padding-top: 70px !important;
  }

  /* Spalten in Split-Layouts aufheben */
  .kt-left, .kt-right,
  .ms-left, .ms-right,
  .sa-left, .sa-right,
  .ab-text, .ab-photo,
  .hero-left, .hero-right,
  .hero-left-img, .hero-right-text,
  .hero-right-img {
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    min-height: unset !important;
  }

  /* Kontakt / Mietersuche / Suchauftrag: Info-Panel oben kompakt */
  .kt-left, .ms-left, .sa-left {
    padding: 1.5rem 5% 1.2rem !important;
  }
  /* Formular-Panel: normales Padding, scrollbar */
  .kt-right, .ms-right, .sa-right {
    padding: 1.4rem 5% 2rem !important;
    overflow-y: visible !important;
  }

  /* Formulare: alle Zweispalter → einspaltig */
  .kt-2col,
  .ms-2col,
  .sa-2col,
  .fg-2,
  .bew-2col,
  .mi-fg-row {
    grid-template-columns: 1fr !important;
    gap: .6rem !important;
  }

  /* Eingabefelder: iOS-kompatible Mindestgröße */
  input, select, textarea,
  .kt-fg input, .kt-fg select, .kt-fg textarea,
  .ms-fg input, .ms-fg select, .ms-fg textarea,
  .sa-fg input, .sa-fg select, .sa-fg textarea,
  .bew-field input, .bew-field select,
  .fg input, .fg select, .fg textarea,
  .mi-fg input, .mi-fg textarea {
    font-size: 16px !important; /* verhindert Auto-Zoom auf iOS */
    min-height: 44px !important;
  }
  textarea,
  .kt-fg textarea, .ms-fg textarea, .sa-fg textarea, .fg textarea {
    min-height: 80px !important;
  }

  /* Submit-Buttons: gut tippbar */
  .kt-submit, .ms-submit, .sa-submit,
  .btn-sub, .btn-bew-next, .btn-bew-back {
    width: 100% !important;
    min-height: 50px !important;
    font-size: 1rem !important;
    margin-top: .5rem !important;
  }

  /* index.html Hero */
  .hero-right {
    height: 60vw;
    min-height: 220px;
    order: -1;
  }
  .hero-left { padding: 1.4rem 5% 1.8rem !important; }
  .hero-body { justify-content: flex-start; }
  .hero-btns {
    grid-template-columns: 1fr 1fr !important;
    gap: .5rem;
  }
  .hero-btns .btn { font-size: .88rem; padding: .75rem .5rem; }
  .hero-footer { margin-top: 1.2rem; }

  /* verkauf / vermietung / ablauf Hero-Bild */
  .hero-left-img {
    height: 52vw !important;
    min-height: 180px !important;
    padding: 0 !important;
    order: -1;
  }
  .hero-left-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .hero-right-text { padding: 1.4rem 5% 1.6rem !important; overflow: visible !important; }
  .hero-right-img {
    height: 52vw !important;
    min-height: 180px !important;
    padding: 0 !important;
    overflow: hidden !important;
    order: -1;
    background: #F7F3EC;
  }
  .hero-right-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    max-width: none !important;
    max-height: none !important;
    position: relative !important;
  }

  /* Über-uns */
  .ab-top { grid-template-columns: 1fr !important; overflow: visible !important; }
  .ab-photo { height: 60vw; min-height: 200px; }
  .ab-vals { grid-template-columns: 1fr 1fr; }
  .ab-team-grid { grid-template-columns: 1fr !important; gap: .9rem; }
  .ab-team { padding: 1rem 5% 1.5rem; }

  /* Allgemeine Grids */
  .cards-3 { grid-template-columns: 1fr; }
  .team-grid { grid-template-columns: 1fr; }
  .svc-inner { gap: 1.5rem; }
  .svc-img-box { aspect-ratio: 16/9; }
  .svc-inner, .about-grid, .contact-grid { grid-template-columns: 1fr !important; }

  /* Bewertungs-Wizard */
  .bew-wrap { padding: 1.2rem 5% 2rem; }
  .bew-wizard { padding: 1.4rem 1rem; border-radius: 10px; }
  .bew-tiles { grid-template-columns: 1fr 1fr; gap: .55rem; }
  .bew-tile { min-height: 90px; padding: 1rem .5rem; font-size: .88rem; }
  .bew-q { font-size: 1.15rem; }
  .bew-nav { flex-wrap: wrap; gap: .5rem; }
  .btn-bew-back, .btn-bew-next { flex: 1 1 100% !important; }

  /* Immobilien-Karten */
  .prop-card { grid-template-columns: 1fr; }
  .prop-details { padding: .9rem 1rem; }
  .prop-ctas { flex-direction: column; }
  .prop-ctas .btn { width: 100%; text-align: center; }

  /* Modale (Besichtigung / Exposé) */
  .mi-modal { max-width: 100% !important; margin: 0 !important; border-radius: 12px 12px 0 0 !important; }
  .mi-overlay { align-items: flex-end !important; padding: 0 !important; }
  .mi-fg-row { grid-template-columns: 1fr !important; }

  /* Schrift & Abstände */
  .h2 { font-size: clamp(1.4rem, 6vw, 2rem); }
  .hero-h1 { font-size: clamp(1.5rem, 6vw, 2.2rem) !important; }
  .pg-h1 { font-size: clamp(1.3rem, 5.5vw, 1.9rem) !important; }
  .sec, .sec-alt { padding: 2rem 5%; }
  .legal-wrap { padding: 1rem 5% 2rem; }
  .page-header { padding: 1.5rem 5% 1.2rem; }

  /* Nav */
  .nav-brand-name { font-size: 1.3rem !important; }

  /* Footer */
  footer { flex-direction: column; align-items: flex-start; gap: .8rem; }
  .fl-links { flex-wrap: wrap; gap: .8rem; }
}

/* ── BARRIEREFREIHEIT: Focus-Styles (WCAG 2.1 AA) ── */
:focus-visible {
  outline: 3px solid #C4973E;
  outline-offset: 3px;
  border-radius: 2px;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid #C4973E;
  outline-offset: 3px;
}
/* Kein outline bei Maus-Klick (nur Tastatur) */
:focus:not(:focus-visible) { outline: none; }

/* ── MOBILE STICKY CTA ── */
.mobile-cta-bar {
  display: none;
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 100;
  background: #152E62;
  padding: .7rem 4%;
  gap: .5rem;
  box-shadow: 0 -3px 16px rgba(0,0,0,.18);
}
@media (max-width: 768px) {
  .mobile-cta-bar { display: flex; }
  body { padding-bottom: 80px; }
  footer { margin-bottom: 0; padding-bottom: 1.5rem; }
}
.mobile-cta-bar a {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  padding: .65rem .5rem;
  border-radius: 4px;
  font-size: .88rem;
  font-weight: 700;
  text-decoration: none;
  font-family: 'Inter', sans-serif;
}
.mobile-cta-bar .mcta-call {
  background: #C4973E;
  color: #152E62;
}
.mobile-cta-bar .mcta-contact {
  background: transparent;
  color: #fff;
  border: 2px solid rgba(255,255,255,.5);
}
.mobile-cta-bar a:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 2px;
}


/* ── Cookie-Consent-Banner ── */
#cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  background: #152E62;
  color: #fff;
  padding: 1rem 4%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  box-shadow: 0 -4px 24px rgba(0,0,0,.25);
  font-size: .85rem;
  line-height: 1.5;
}
#cookie-banner.hidden { display: none; }
#cookie-banner p { margin: 0; flex: 1; min-width: 200px; }
#cookie-banner a { color: #C4973E; text-decoration: underline; }
.cookie-btns { display: flex; gap: .6rem; flex-shrink: 0; }
.cookie-btn-accept {
  background: #C4973E;
  color: #152E62;
  border: none;
  padding: .55rem 1.2rem;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  font-size: .85rem;
  white-space: nowrap;
}
.cookie-btn-reject {
  background: transparent;
  color: #fff;
  border: 2px solid rgba(255,255,255,.4);
  padding: .55rem 1.2rem;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  font-size: .85rem;
  white-space: nowrap;
}
.cookie-btn-accept:hover { background: #b8872e; }

/* Cookie-Banner: auf Mobile über den Mobile-CTA schieben */
@media (max-width: 768px) {
  #cookie-banner { bottom: 80px; }
  body.cookie-active { padding-bottom: 200px; }
}
.cookie-btn-reject:hover { border-color: #fff; }
@media (max-width: 600px) {
  #cookie-banner { flex-direction: column; align-items: flex-start; }
  .cookie-btns { width: 100%; }
  .cookie-btn-accept, .cookie-btn-reject { flex: 1; text-align: center; }
}