/* DBG v3.8.6 – mobiler Startbildschirm und direkter Projektstart */

.contact-main-v6#projektanfrage { scroll-margin-top: 88px; }

/* Der schnelle Projektstart ist auf Desktop UND Mobil sichtbar. */
.mobile-project-start-v386 {
  width: 100%;
  padding: 92px var(--pad);
  display: grid;
  grid-template-columns: minmax(0,.76fr) minmax(0,1.24fr);
  gap: clamp(55px,8vw,130px);
  align-items: start;
  background: #d8d2c7;
  color: #11161c;
}

.mobile-project-start-copy-v386 h2 {
  margin: 18px 0 22px;
  font-size: clamp(45px,5vw,76px);
  font-weight: 400;
  line-height: .97;
  letter-spacing: -.05em;
}

.mobile-project-start-copy-v386 p {
  max-width: 610px;
  margin: 0;
  color: #4f514f;
  font-size: 15px;
  line-height: 1.7;
}

.mobile-project-tags-v386 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 28px;
}

.mobile-project-tags-v386 span {
  padding: 8px 10px;
  border: 1px solid rgba(17,22,28,.22);
  font-size: 8px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mobile-project-actions-v386 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.mobile-project-action-v386 {
  min-height: 112px;
  padding: 19px 21px;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  grid-template-rows: auto 1fr;
  gap: 10px 20px;
  align-items: end;
  border: 1px solid rgba(17,22,28,.22);
  background: rgba(255,255,255,.18);
  color: #11161c;
  transition: background .25s ease, color .25s ease, transform .25s ease;
}

.mobile-project-action-v386:hover,
.mobile-project-action-v386:focus-visible {
  background: #fff;
  transform: translateY(-2px);
}

.mobile-project-action-v386 small {
  grid-column: 1 / -1;
  align-self: start;
  color: #68635b;
  font-size: 8px;
  letter-spacing: .14em;
}

.mobile-project-action-v386 strong {
  min-width: 0;
  font-size: clamp(20px,1.8vw,27px);
  font-weight: 500;
  line-height: 1.15;
}

.mobile-project-action-v386 > span {
  max-width: 190px;
  font-size: 9px;
  line-height: 1.4;
  text-align: right;
}

.mobile-project-action-v386.is-primary,
.mobile-project-action-v386.is-primary:hover,
.mobile-project-action-v386.is-primary:focus-visible {
  background: #111820;
  border-color: #111820;
  color: #fff;
}

.mobile-project-action-v386.is-primary small { color: #a7acb0; }

@media (max-width: 1024px) and (min-width: 701px) {
  .mobile-project-start-v386 {
    grid-template-columns: minmax(0,.86fr) minmax(0,1.14fr);
    gap: 44px;
    padding-top: 72px;
    padding-bottom: 72px;
  }
}

@media (max-width: 700px) {
  /* Garantierte Trennung: Der dekorative Grundriss wird auf Telefonen nicht
     mehr hinter dem Inhalt dargestellt. So kann keine Displayhöhe oder ein
     Browser-Zoom die Zeichnung erneut in die Überschrift schieben. */
  .home .hero-v6 .hero-blueprint-field,
  .home .hero-v6 .hero-blueprint-field:not(.subpage-floorplan),
  .home .hero-v6 .hero-floorplan,
  .home .hero-v6 .hero-blueprint-grid {
    display: none !important;
  }

  .home .hero-v6 {
    min-height: auto !important;
    height: auto !important;
    padding: calc(68px + 48px) 18px 30px !important;
    display: block !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 92% 12%, rgba(180,35,49,.16), transparent 34%),
      linear-gradient(145deg, #0b0f14 0%, #111820 62%, #0b0e12 100%) !important;
  }

  .home .hero-v6::before {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    top: 94px;
    height: 1px;
    z-index: 2;
    background: linear-gradient(90deg, #b51f35 0 72px, rgba(255,255,255,.16) 72px 100%);
  }

  .home .hero-v6::after {
    background: linear-gradient(180deg, rgba(5,8,11,.08), rgba(5,8,11,.4)) !important;
  }

  .home .hero-v6-copy {
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .home .hero-v6 .hero-kicker {
    display: block !important;
    margin: 0 0 20px !important;
    font-size: 9px !important;
    line-height: 1.4 !important;
    letter-spacing: .16em !important;
  }

  .home .hero-v6 h1,
  .home .hero-v6 .hero-title-balanced {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    font-size: clamp(40px, 11.2vw, 55px) !important;
    line-height: .95 !important;
    letter-spacing: -.052em !important;
    color: #fff !important;
  }

  .home .hero-v6 .hero-title-phrase {
    display: block !important;
    width: 100% !important;
  }

  .home .hero-v6 .hero-lead {
    width: 100% !important;
    max-width: 38rem !important;
    margin: 24px 0 0 !important;
    font-size: 14px !important;
    line-height: 1.62 !important;
    color: rgba(255,255,255,.76) !important;
  }

  .home .hero-v6 .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
    margin: 28px 0 0 !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  .home .hero-v6 .hero-actions .hero-offer-v386 {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-height: 56px !important;
    display: flex !important;
    justify-content: space-between !important;
    background: #fff !important;
    color: #11161c !important;
  }

  .home .hero-v6 .hero-actions .hero-call-v386,
  .home .hero-v6 .hero-actions .button-link {
    width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 12px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-top: 1px solid rgba(255,255,255,.2) !important;
    border-bottom: 0 !important;
    color: #fff !important;
    font-size: 10px !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
    text-align: left !important;
  }

  .home .hero-v6-flow {
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 32px 0 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    border-top: 1px solid rgba(255,255,255,.22) !important;
  }

  .home .hero-v6-flow > div {
    min-width: 0 !important;
    padding: 12px 8px 9px 0 !important;
    display: grid !important;
    grid-template-columns: 24px minmax(0,1fr) !important;
    gap: 6px !important;
  }

  .mobile-project-start-v386 {
    display: block !important;
    width: 100% !important;
    padding: 58px 18px !important;
    background: #d8d2c7 !important;
    color: #11161c !important;
  }

  .mobile-project-start-copy-v386 h2 {
    margin: 16px 0 18px !important;
    font-size: clamp(34px, 10vw, 46px) !important;
    font-weight: 400 !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
  }

  .mobile-project-start-copy-v386 p {
    max-width: 38rem !important;
    margin: 0 !important;
    color: #4f514f !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  .mobile-project-tags-v386 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-top: 24px !important;
  }

  .mobile-project-tags-v386 span {
    padding: 7px 9px !important;
    border: 1px solid rgba(17,22,28,.22) !important;
    font-size: 7px !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
  }

  .mobile-project-actions-v386 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    margin-top: 32px !important;
  }

  .mobile-project-action-v386 {
    min-height: 106px !important;
    padding: 17px 18px !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-rows: auto 1fr !important;
    gap: 9px 14px !important;
    align-items: end !important;
    border: 1px solid rgba(17,22,28,.22) !important;
    background: rgba(255,255,255,.18) !important;
    color: #11161c !important;
  }

  .mobile-project-action-v386 small {
    grid-column: 1 / -1 !important;
    align-self: start !important;
    color: #68635b !important;
    font-size: 8px !important;
    letter-spacing: .14em !important;
  }

  .mobile-project-action-v386 strong {
    min-width: 0 !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
  }

  .mobile-project-action-v386 > span {
    max-width: 150px !important;
    font-size: 9px !important;
    line-height: 1.35 !important;
    text-align: right !important;
  }

  .mobile-project-action-v386.is-primary {
    background: #111820 !important;
    border-color: #111820 !important;
    color: #fff !important;
  }

  .mobile-project-action-v386.is-primary small { color: #a7acb0 !important; }
}

@media (max-width: 390px) {
  .home .hero-v6 { padding-left: 15px !important; padding-right: 15px !important; }
  .home .hero-v6::before { left: 15px !important; right: 15px !important; }
  .home .hero-v6 h1,
  .home .hero-v6 .hero-title-balanced { font-size: clamp(36px, 11vw, 45px) !important; }
  .home .hero-v6 .hero-actions { grid-template-columns: 1fr !important; }
  .home .hero-v6 .hero-actions .hero-offer-v386 { grid-column: auto !important; }
  .mobile-project-start-v386 { padding-left: 15px !important; padding-right: 15px !important; }
  .mobile-project-action-v386 { grid-template-columns: 1fr !important; }
  .mobile-project-action-v386 > span { max-width: none !important; text-align: left !important; }
}