/* Gemeinsame Unterkante der vier Einstiegsbereiche. */
:root { --einstieg-hoehe: 620px; }
.wrap.seiten-einstieg {
  min-height: var(--einstieg-hoehe);
  padding-block: 48px !important;
  box-shadow: inset 0 -1px #dbe4e9;
}
.kontakt-einstieg {
  display: grid;
  align-items: center;
  background: linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.94) 23%, rgba(255,255,255,.88) 40%, rgba(255,255,255,.72) 52%, rgba(255,255,255,.28) 69%, transparent 85%),
    url("assets/empfang.jpg") center 59% / cover no-repeat, #fff;
}
.kontakt-einstieg > div { max-width: 590px; }
.kontakt-einstieg h1 { font-size: clamp(36px, 4.2vw, 56px); }
@media (max-width: 800px) {
  :root { --einstieg-hoehe: 740px; }
  .wrap.seiten-einstieg { padding-block: 36px !important; }
  .seiten-einstieg.home-hero .visual { height: clamp(190px, 45vw, 280px); }
  .seiten-einstieg.kontakt-einstieg {
    align-items: start;
    background: linear-gradient(to bottom, rgba(255,255,255,.98) 0%, rgba(255,255,255,.94) 37%, rgba(255,255,255,.80) 49%, transparent 72%),
      url("assets/empfang.jpg") 66% center / cover no-repeat, #fff;
  }
}

@media (max-width: 375px) {
  :root { --einstieg-hoehe: 825px; }
}