/* ============================================
   MOBILE FIXES — greift nur ≤ 900px
   ============================================ */
@media (max-width: 900px){

  /* ---- TOPBAR: kompakt, 1 Zeile, Locations weg, Social kleiner ---- */
  .ix-topbar{padding:6px 0!important}
  .ix-topbar-inner{padding:0 14px!important;flex-wrap:nowrap!important;gap:12px!important;justify-content:space-between!important}
  .ix-topbar-contact{flex:1 1 auto;min-width:0;gap:10px!important;flex-wrap:nowrap!important;overflow:hidden}
  .ix-topbar-contact a{font-size:11.5px!important;white-space:nowrap}
  .ix-topbar-contact a:not(.ix-topbar-wa) span.ic{display:none!important}
  .ix-topbar-wa{padding-left:8px!important;margin-left:0!important;border-left:1px solid rgba(255,255,255,.15)!important}
  .ix-topbar-wa span.ic-wa{display:inline-flex!important}
  /* WhatsApp: nur Icon auf < 540px */
  @media (max-width:540px){
    .ix-topbar-wa{font-size:0!important;padding-left:6px!important}
    .ix-topbar-wa .ic-wa{font-size:0;width:16px!important;height:16px!important}
    .ix-topbar-wa .ic-wa svg{width:16px!important;height:16px!important}
    .ix-topbar-contact a:nth-child(2){display:none!important}  /* office@-Mail auf sehr klein verstecken */
  }
  .ix-topbar-meta{flex:0 0 auto;gap:0!important;padding-left:8px;border-left:1px solid rgba(255,255,255,.12)}
  .ix-topbar-locs{display:none!important}
  .ix-topbar-social{padding-left:0!important;margin-left:0!important;border-left:none!important;gap:10px!important}
  .ix-topbar-social svg{width:13px!important;height:13px!important}

  /* ---- HEADER: Logo + Hamburger sichtbar — KOSTENLOS BEWERTEN raus ---- */
  body .ix-head-cta,body .ix-head-cta-mobile-search,
  html body[class] .ix-head-cta{display:none!important}
  /* Stattdessen "Immobilie suchen" Button als Mobile-CTA */
  body.ix-mobile-cta-injected .ix-head-search-mobile{display:inline-flex!important}

  /* Theme-Hamburger SICHTBAR machen */
  body .rh_menu__hamburger,
  html body .rh_menu__hamburger.hamburger,
  html body .rh_menu__hamburger.hamburger--squeeze{
    display:inline-flex!important;
    align-items:center;justify-content:center;
    width:46px!important;height:46px!important;
    padding:10px!important;
    margin-left:auto;
    background:#FAF8F3!important;
    border:1px solid #E5E2DA!important;
    cursor:pointer;
    position:relative;z-index:120
  }
  body .rh_menu__hamburger .hamburger-box{width:24px!important;height:18px!important;display:inline-block!important;position:relative!important}
  body .rh_menu__hamburger .hamburger-inner,
  body .rh_menu__hamburger .hamburger-inner::before,
  body .rh_menu__hamburger .hamburger-inner::after{
    width:24px!important;height:2px!important;background:#1A1D24!important;display:block!important;position:absolute!important;border-radius:0!important;left:0
  }
  body .rh_menu__hamburger .hamburger-inner{top:8px!important}
  body .rh_menu__hamburger .hamburger-inner::before{content:"";top:-8px!important}
  body .rh_menu__hamburger .hamburger-inner::after{content:"";top:8px!important}

  /* HEADER-Wrap kompakter */
  .rh_header__wrap,header .rh_header__wrap{padding:8px 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;flex-wrap:nowrap!important}
  .rh_header__logo,.rh_header__logo img{max-width:140px!important;max-height:38px!important;height:auto!important;width:auto!important}

  /* ---- DRAWER: das versteckte Menü als Sidebar von rechts ---- */
  /* .rh_menu Container bleibt VISIBLE damit Hamburger sichtbar/klickbar ist */
  body .rh_menu{display:flex!important;flex:0 0 auto;width:auto!important;background:transparent!important;position:relative}
  /* Aber das Menu-UL darin auf Mobile verstecken (außer drawer-open) */
  body .rh_menu > nav.main-menu,body .rh_menu .menu-main-menu-container{display:block!important;width:100%}
  body .rh_menu > ul.rh_menu__responsive,
  body .rh_menu .rh_menu__responsive:not(.rh_menu__hamburger){display:none!important}
  body.ix-drawer-open .rh_menu > ul.rh_menu__responsive,
  body.ix-drawer-open .rh_menu .rh_menu__responsive,
  html body.ix-drawer-open .rh_menu ul.rh_menu__responsive{display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;padding-top:54px!important;margin:0!important;list-style:none!important}
  html body.ix-drawer-open .rh_menu nav.main-menu{padding-top:0!important;width:100%!important}
  html body.ix-drawer-open .rh_menu .menu-main-menu-container{padding-top:0!important;width:100%!important}
  /* LIs voll sichtbar */
  html body.ix-drawer-open .rh_menu ul.rh_menu__responsive > li{
    display:block!important;visibility:visible!important;opacity:1!important;
    width:100%!important;height:auto!important;float:none!important;
    background:transparent!important;border-bottom:1px solid #EFEAE0!important;
    position:relative!important;text-align:left!important
  }
  html body.ix-drawer-open .rh_menu ul.rh_menu__responsive > li > a{
    display:block!important;visibility:visible!important;opacity:1!important;
    padding:18px 28px!important;font-size:15px!important;font-weight:600!important;
    color:#1A1D24!important;background:transparent!important;border:none!important;
    text-transform:uppercase!important;letter-spacing:.06em!important;
    text-decoration:none!important;height:auto!important;line-height:1.3!important;
    text-indent:0!important;text-align:left!important
  }
  html body.ix-drawer-open .rh_menu ul.sub-menu{
    display:none!important;visibility:visible!important;opacity:1!important;
    position:static!important;background:#FAF8F3!important;width:100%!important;
    box-shadow:none!important;padding:0!important;margin:0!important;list-style:none!important
  }
  html body.ix-drawer-open .rh_menu li.ix-sub-open > ul.sub-menu{display:block!important}
  html body.ix-drawer-open .rh_menu ul.sub-menu > li{display:block!important;width:100%!important;border-bottom:1px solid #EFEAE0!important}
  html body.ix-drawer-open .rh_menu ul.sub-menu > li > a{
    display:block!important;padding:14px 36px!important;font-size:13.5px!important;font-weight:500!important;
    color:#3C3D40!important;text-transform:none!important;letter-spacing:.02em!important;
    text-decoration:none!important;background:transparent!important
  }
  body.ix-drawer-open .rh_menu{
    display:flex!important;flex-direction:column!important;
    position:fixed!important;top:0!important;right:0!important;
    width:300px!important;max-width:88vw!important;height:100vh!important;
    background:#fff!important;
    z-index:9999!important;
    padding:62px 0 24px!important;
    box-shadow:-12px 0 32px rgba(0,0,0,.18)!important;
    overflow-y:auto!important;
    transform:translateX(0)!important;
    transition:transform .3s ease!important
  }
  body.ix-drawer-open .rh_menu__responsive,
  body.ix-drawer-open ul.rh_menu__responsive{
    display:block!important;width:100%!important;flex-direction:column!important;
    padding:0!important;margin:0!important;list-style:none!important
  }
  body.ix-drawer-open .rh_menu__responsive > li,
  body.ix-drawer-open ul.rh_menu__responsive > li{
    display:block!important;width:100%!important;border-bottom:1px solid #EFEAE0!important;position:relative
  }
  body.ix-drawer-open .rh_menu__responsive > li > a,
  body.ix-drawer-open ul.rh_menu__responsive > li > a{
    display:block!important;padding:18px 28px!important;font-size:15px!important;font-weight:600!important;
    color:#1A1D24!important;text-decoration:none!important;text-transform:uppercase!important;letter-spacing:.06em!important;
    background:transparent!important;border:none!important
  }
  body.ix-drawer-open .rh_menu__responsive > li.menu-item-has-children > a::after{
    content:"›"!important;float:right!important;color:#BC2E2B!important;font-weight:700!important;font-size:20px!important;line-height:1!important
  }
  body.ix-drawer-open .rh_menu__responsive > li ul.sub-menu{
    display:none!important;background:#FAF8F3!important;padding:0!important;list-style:none!important;margin:0!important
  }
  body.ix-drawer-open .rh_menu__responsive > li.ix-sub-open ul.sub-menu{display:block!important}
  body.ix-drawer-open .rh_menu__responsive > li ul.sub-menu > li > a{
    display:block!important;padding:14px 36px!important;font-size:13.5px!important;font-weight:500!important;
    color:#3C3D40!important;text-transform:none!important;letter-spacing:.02em!important;text-decoration:none!important
  }
  body.ix-drawer-open .rh_menu__responsive > li.ix-sub-open > a::after{transform:rotate(90deg);display:inline-block}

  /* Overlay hinter dem Drawer */
  body.ix-drawer-open::after{
    content:"";position:fixed;inset:0;background:rgba(15,18,24,.5);z-index:9998;
    backdrop-filter:blur(2px)
  }

  /* ---- HOME HERO Mobile: kompakter ---- */
  .ix-hero-stage{min-height:auto!important;height:auto!important}
  .ix-hero-inner{grid-template-columns:1fr!important;gap:18px!important;padding:50px 18px 36px!important}
  .ix-hero-copy h1{font-size:28px!important;line-height:1.18!important}
  .ix-hero-copy .ix-eyebrow,.ix-hero-copy .kicker{font-size:10px!important;letter-spacing:.22em!important}
  .ix-hero-copy p,.ix-hero-copy .lead{font-size:14.5px!important;line-height:1.55!important}
  .ix-hero-stage .ix-callback{max-width:none!important;padding:22px 22px 26px!important}
  .ix-hero-stage .ix-callback h3{font-size:22px!important}

  /* ---- BREADCRUMB: einheitlich Mobile ---- */
  .ix-breadcrumb-inner,.ix-legal-breadcrumb-inner,.ix-kar-breadcrumb-inner{padding:9px 18px!important;font-size:11.5px!important}

  /* ---- SECTIONS: weniger Padding ---- */
  .ix-section,.ix-arch-filter,.ix-tm-section,.ix-tm-grid,.ix-kar-section{padding-left:18px!important;padding-right:18px!important}

  /* ---- FOOTER: 1 Spalte auf Mobile ---- */
  .ix-footer-grid{grid-template-columns:1fr!important;gap:32px!important;padding:36px 18px 24px!important}

  /* ---- KARTE / Property-Archive ---- */
  .ix-arch-filter-tabs{flex-wrap:wrap!important}
  .ix-arch-filter-tab{flex:1 1 33%!important;font-size:11px!important;padding:12px 6px!important;letter-spacing:.08em!important}
  .ix-arch-grid{grid-template-columns:1fr!important}

  /* ---- BEWERTUNGS-PAGE: Hero-Card weniger transparent / besser lesbar ---- */
  .ix-eval-hero .glass-card,.ix-bewertung-hero .glass{background:rgba(255,255,255,.94)!important;border:1px solid rgba(0,0,0,.06)!important;backdrop-filter:none!important}

  

  /* HERO Slider Mobile: alle Slides absolute übereinander */
  .ix-hero-stage{position:relative}
  .ix-slides{position:relative;width:100%}
  .ix-slide{position:absolute!important;inset:0!important;width:100%!important;opacity:0;transition:opacity .5s ease;pointer-events:none}
  .ix-slide.is-active,.ix-slide:first-child{opacity:1;pointer-events:auto;position:relative!important}

  
  
  /* Theme-default Submenu-Arrows entfernen + sauberer ›-Pfeil */
  html body.ix-drawer-open .rh_menu li::after,
  html body.ix-drawer-open .rh_menu li::before,
  html body.ix-drawer-open .rh_menu a::after:not(.ix-arrow),
  html body.ix-drawer-open .rh_menu li > span,
  html body.ix-drawer-open .rh_menu .rh_menu__trigger,
  html body.ix-drawer-open .rh_menu .menu-item-has-children-trigger{
    display:none!important;background:none!important;content:none!important
  }
  html body.ix-drawer-open .rh_menu li.menu-item-has-children > a{position:relative!important}
  html body.ix-drawer-open .rh_menu li.menu-item-has-children > a::after{
    content:›!important;display:inline-block!important;position:absolute!important;
    right:24px!important;top:50%!important;transform:translateY(-50%)!important;
    color:#BC2E2B!important;font-size:22px!important;font-weight:700!important;line-height:1!important;background:none!important
  }
  html body.ix-drawer-open .rh_menu li.ix-sub-open > a::after{transform:translateY(-50%) rotate(90deg)!important}
  html body.ix-drawer-open .rh_menu li.current-menu-item > a{color:#BC2E2B!important}

  /* DRAWER: noch höhere Priorität gegen Hero-Form / Sticky-Elements */
  html body.ix-drawer-open .rh_menu{z-index:99999!important}
  html body.ix-drawer-open::after{z-index:99998!important}
  html body.ix-drawer-open{overflow:hidden!important;position:fixed!important;top:0;left:0;right:0;bottom:0;width:100%}
  /* Hero-Elemente unter dem Drawer halten */
  body.ix-drawer-open .ix-hero-stage,
  body.ix-drawer-open .ix-callback,
  body.ix-drawer-open .ix-search-wrap,
  body.ix-drawer-open .ix-arch-filter,
  body.ix-drawer-open .ix-head-search-mobile{z-index:1!important;position:static!important}
  /* Hamburger DRINNEN im Drawer wird zum Close-Button */
  body.ix-drawer-open .rh_menu__hamburger{
    position:absolute!important;top:18px!important;right:18px!important;
    background:transparent!important;border:none!important;z-index:100000!important
  }
  body.ix-drawer-open .rh_menu__hamburger .hamburger-inner{transform:rotate(45deg)!important;background:#BC2E2B!important}
  body.ix-drawer-open .rh_menu__hamburger .hamburger-inner::before{display:none!important}
  body.ix-drawer-open .rh_menu__hamburger .hamburger-inner::after{transform:rotate(-90deg) translate(8px,0)!important}

  /* ---- Anti-Overflow Safety ---- */
  html,body{overflow-x:hidden!important;max-width:100vw}
  img,video,iframe{max-width:100%!important;height:auto!important}
  .ix-section *,.rh_section *{max-width:100%}
}

/* ============================================
   MOBILE CTA-Button "Immobilie suchen" injected
   ============================================ */
.ix-head-search-mobile{display:none}
.ix-head-search-mobile{display:none!important}