/* DBG v3.8.7 – klarer mobiler Startbereich und dezente MIA */

/* Das Firmenlogo wird im schwebenden Assistenten durch ein neutrales
   Monogramm ersetzt. Der Launcher bleibt am Desktop klein und klappt nicht
   mehr automatisch als breiter Werbebalken aus. */
.baupilot-launcher,
.baupilot-launcher:hover,
.baupilot-launcher.is-teasing {
  width: 46px !important;
  min-width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  background: rgba(17,19,22,.9) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.17) !important;
  transform: none !important;
  opacity: .78 !important;
}

.baupilot-launcher:hover,
.baupilot-launcher:focus-visible { opacity: 1 !important; }
.baupilot-launcher::before,
.baupilot-launcher-ring,
.baupilot-launcher-copy { display: none !important; }
.baupilot-launcher-icon {
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px !important;
  display: grid !important;
  place-items: center !important;
}
.baupilot-launcher-icon img { display: none !important; }
.mia-monogram-v387 {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .08em;
}
.baupilot-brandmark {
  width: 31px !important;
  height: 31px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255,255,255,.22) !important;
}
.baupilot-brandmark img { display: none !important; }
.baupilot-brandmark .mia-monogram-v387 { font-size: 7px !important; }

@media (max-width: 700px) {
  /* Einheitlich sichere Unterseiten-Titel: kein Abschneiden auf schmalen
     Telefonen, auch bei langen deutschen Begriffen. */
  .page-hero-v6 .page-hero-copy { width: 100% !important; max-width: 100% !important; overflow: visible !important; }
  .page-hero-v6 h1,
  .page-hero-v6 .page-hero-copy h1 {
    max-width: 100% !important;
    padding-right: 2px !important;
    overflow: visible !important;
    font-size: clamp(35px, 9.8vw, 49px) !important;
    line-height: 1 !important;
    letter-spacing: -.042em !important;
    overflow-wrap: break-word !important;
  }

  /* Kontaktseiten-Logik für die Startseite: Grundriss, danach Text. */
  .home .hero-v6 {
    min-height: 0 !important;
    height: auto !important;
    padding: calc(68px + 24px) 18px 30px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    overflow: hidden !important;
  }

  .home .hero-v6::before { display: none !important; }

  .home .hero-v6 .hero-blueprint-field,
  .home .hero-v6 .hero-blueprint-field:not(.subpage-floorplan) {
    display: block !important;
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    order: 1 !important;
    width: 100% !important;
    height: 205px !important;
    min-height: 205px !important;
    margin: 0 0 30px !important;
    transform: none !important;
    opacity: .72 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    border-top: 1px solid rgba(255,255,255,.15) !important;
    border-bottom: 1px solid rgba(255,255,255,.15) !important;
    background: rgba(255,255,255,.018) !important;
    -webkit-mask-image: none !important;
            mask-image: none !important;
  }

  .home .hero-v6 .hero-blueprint-grid { display: block !important; opacity: .36 !important; }
  .home .hero-v6 .hero-floorplan {
    display: block !important;
    position: absolute !important;
    inset: -12% -10% !important;
    width: 120% !important;
    height: 124% !important;
    max-width: none !important;
  }
  .home .hero-v6 .blueprint-stamp,
  .home .hero-v6 .blueprint-coord { display: none !important; }

  .home .hero-v6-copy {
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  .home .hero-v6 h1,
  .home .hero-v6 .hero-title-balanced {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 2px 3px 0 !important;
    overflow: visible !important;
    font-size: clamp(34px, 9.5vw, 45px) !important;
    line-height: 1.01 !important;
    letter-spacing: -.045em !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .home .hero-title-phrase,
  .home .hero-title-plan-v387,
  .home .hero-title-plan-v387 > span {
    display: block !important;
    width: 100% !important;
    white-space: nowrap !important;
  }

  .home .hero-v6 .hero-lead {
    margin-top: 22px !important;
    max-width: 100% !important;
  }

  .home .hero-v6 .hero-actions { margin-top: 25px !important; }
  .home .hero-v6-flow {
    order: 3 !important;
    margin-top: 28px !important;
  }

  /* Auf Telefonen gibt es keinen dauerhaft schwebenden Knopf. MIA bleibt
     über den sichtbaren Button im Hero und weitere Seitenaktionen erreichbar. */
  .baupilot:not(.is-open) .baupilot-launcher { display: none !important; }
}

@media (max-width: 390px) {
  .home .hero-v6 { padding-left: 15px !important; padding-right: 15px !important; }
  .home .hero-v6 .hero-blueprint-field,
  .home .hero-v6 .hero-blueprint-field:not(.subpage-floorplan) {
    height: 180px !important;
    min-height: 180px !important;
    margin-bottom: 26px !important;
  }
  .home .hero-v6 h1,
  .home .hero-v6 .hero-title-balanced {
    font-size: clamp(31px, 9vw, 38px) !important;
    letter-spacing: -.038em !important;
  }
  .page-hero-v6 h1,
  .page-hero-v6 .page-hero-copy h1 { font-size: clamp(31px, 9vw, 39px) !important; }
}