/* Buchungskopf: Figma paisNsXcq9E2dk9OxkbIGK, 223:3 / 223:113 / 223:58. */
.hero {
  height: 302px;
  background: #13372d;
  color: var(--weiss);
}

.hero__inner {
  container-type: inline-size;
  position: relative;
  max-width: 1428px;
  height: 100%;
  margin-inline: auto;
}

.hero__frame {
  position: absolute;
  inset: 29px 26px;
  border: 1px solid rgb(255 255 255 / 70%);
}

.hero__home {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 37px;
  padding: 0 10px;
  background: #13372d;
}

.hero__home img {
  display: block;
  box-sizing: border-box;
  width: 102px;
  height: 46px;
  padding: 9.46px 12.95px 11.07px 10.64px;
  background: var(--weiss);
  box-shadow: 5px 5px 8px rgb(0 0 0 / 25%);
}

.hero__title {
  margin: 0;
  font-size: min(69.79px, 17.758vw);
  line-height: 0.75;
  text-align: center;
  text-transform: uppercase;
}

.hero__title span {
  position: absolute;
  left: 50%;
  width: max-content;
  max-width: 100%;
  transform: translateX(-50%);
  font-weight: 300;
  letter-spacing: 0.3em;
  text-indent: 0.3em;
}

.hero__title-lead {
  top: 46.88px;
  font-size: 0.55em;
  line-height: 1.364;
}

.hero__title .hero__title-main {
  top: 104.11px;
  font-size: 1em;
  font-weight: 900;
}

.hero__title-wide {
  top: 164.83px;
  font-size: 0.35em;
  line-height: 2.143;
}

@media (min-width: 600px) {
  .hero { height: 321px; }
  .hero__frame { inset: 28px 26px; }
  .hero__home { left: 56px; padding: 0 13px; }
  .hero__home img {
    width: 134.039px;
    height: 61px;
    padding: 12.55px 17.02px 14.68px 13.98px;
  }
  .hero__title { font-size: 80.732px; }
  .hero__title-lead { top: 38px; }
  .hero__title .hero__title-main { top: 104.2px; }
  .hero__title-wide { top: 174.44px; }
}

@media (min-width: 1024px) {
  .hero { height: min(38.7566vw, 553.44px); }
  .hero__frame { inset: 3.1746cqw 2.7778cqw; }
  .hero__home { left: 4.7619cqw; padding: 0 0.8598cqw; }
  .hero__home img {
    width: 13.7566cqw;
    height: 6.2831cqw;
    padding: 1.2925cqw 1.7471cqw 1.5122cqw 1.4348cqw;
  }
  .hero__title { font-size: 10.2648cqw; }
  .hero__title-lead { top: 4.7619cqw; }
  .hero__title .hero__title-main { top: 13.1792cqw; }
  .hero__title-wide { top: 22.1091cqw; }
}

/* --- Eckdaten ------------------------------------------------------------ */

.facts {
  padding: 1.875rem 1.25rem;
  background: var(--gruen-hell);
}

/* Die drei Eckdaten stehen im Entwurf auf der vollen Inhaltsbreite verteilt,
   nicht in der Mitte zusammengeschoben (Figma 42:4940). */
.facts__list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  max-width: var(--breite-inhalt);
  margin: 0 auto;
  padding: 0 0.625rem;
  list-style: none;
}

.facts__item {
  display: flex;
  flex: 0 1 311px;
  gap: 0.9375rem;
  align-items: center;
  padding: 0.625rem;
  border-radius: 5px;
}

.facts__icon {
  flex: none;
  width: 38px;
  height: 38px;
}

.facts__text {
  display: flex;
  flex-direction: column;
  /* Schwarz, nicht das Grün des Fließtextes (Figma 39:4359). */
  color: var(--schwarz);
  font-size: 1.25rem;
  line-height: 1.25;
}

.facts__text strong {
  font-weight: 700;
}

.facts__note {
  font-weight: 300;
}