/* ==========================================================================
   EVANDO Consulting – Vorschaltseite (coming soon)
   Ergänzt site.css und consulting.css um das Wenige, das nur hier gilt.
   ========================================================================== */

/* Kopfbereich: Raumaufnahme wie auf der künftigen Startseite */
.hero.hell.vorschalt .hero-img.img-raum { background-image: url("img/raum.webp"); background-position: center 60%; }
@media (min-width: 901px) {
  .hero.hell.vorschalt::after { background: linear-gradient(90deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.88) 30%, rgba(255,255,255,.5) 52%, rgba(255,255,255,.1) 76%, rgba(255,255,255,0) 100%); }
}

/* Kontakt: drei Blöcke nebeneinander, auf dem Handy untereinander */
.kontakt-raster { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(28px, 4vw, 64px); margin-top: clamp(40px, 5vw, 64px); }
.kontakt-raster .contact-block { margin-bottom: 0; }
@media (max-width: 900px) { .kontakt-raster { grid-template-columns: 1fr; gap: 32px; } }

/* Leistungen in einer Zeile unter dem Kontakt */
.felder { list-style: none; margin: clamp(48px, 6vw, 80px) 0 0; padding: clamp(28px, 3vw, 40px) 0 0; border-top: 1px solid var(--rule); display: flex; flex-wrap: wrap; gap: 10px 36px; }
.felder li { font: 400 15px/1.4 var(--marke); letter-spacing: .14em; text-transform: uppercase; color: var(--stone); }