/* ONEART · Kostenloses Erstgespräch: Knopf im Sofortkontakt und Hinweis auf der Kontaktseite (ergänzt styles.css).
   Der Knopf steht im HTML am Ende des Kastens (main.js ersetzt den zweiten Link durch "Telefon") und wird per order nach vorn geholt. */
.quick-contact--booking > span {
  order: -2;
}

.quick-contact--booking .quick-contact__book {
  order: -1;
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-bottom: 1px solid var(--line-dark);
  border-left: 0;
  background: var(--signal);
  color: #fff;
}

.quick-contact--booking .quick-contact__book svg {
  width: 15px;
  height: 15px;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.quick-contact--booking .quick-contact__book:hover {
  background: #a00c1c;
  color: #fff;
}

@media (max-width: 620px) {
  .quick-contact--booking {
    grid-template-columns: 1.5fr 1fr 1fr;
  }

  .quick-contact--booking .quick-contact__book {
    grid-column: auto;
    padding-inline: 0.5rem;
    border-bottom: 0;
    line-height: 1.2;
    text-align: center;
  }

  .quick-contact--booking .quick-contact__book svg {
    display: none;
  }

  .quick-contact--booking a:first-of-type {
    border-left: 1px solid var(--line-dark);
  }
}

/* Kontaktseite: Hinweis-Kasten unter den Kontaktwegen */
.booking-teaser {
  display: grid;
  gap: 0.35rem;
  margin-top: 2rem;
  padding: 1.35rem 1.4rem 1.25rem;
  border: 1px solid var(--signal);
  background: linear-gradient(140deg, rgba(197, 16, 36, 0.16), rgba(197, 16, 36, 0.02) 60%);
  color: var(--paper);
  transition: transform 180ms ease, background 180ms ease;
}

.booking-teaser:hover {
  transform: translateY(-2px);
  background: linear-gradient(140deg, rgba(197, 16, 36, 0.26), rgba(197, 16, 36, 0.05) 60%);
}

.booking-teaser__kicker {
  color: #ff8a96;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.booking-teaser strong {
  font-size: clamp(1.25rem, 2.2vw, 1.55rem);
  line-height: 1.2;
  letter-spacing: -0.03em;
}

.booking-teaser__text {
  color: #d7d1c8;
  font-size: 0.92rem;
  line-height: 1.55;
}

.booking-teaser__cta {
  margin-top: 0.35rem;
  color: #fff;
  font-size: 0.88rem;
  font-weight: 800;
}