/* 6Flaschen – ausschließlich öffentliche Homepage. */
.public-home-page .public-section:first-of-type { padding-top: 0; }


/* Hotfix 6: drei gleich große Hero-CTAs auf der Startseite. */
.public-home-page .public-home-hero-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: min(100%, 360px);
  gap: 12px;
}
.public-home-page .public-home-hero-actions .public-button {
  width: 100%;
  min-height: 50px;
  justify-content: center;
  text-align: center;
}
@media (max-width: 640px) {
  .public-home-page .public-home-hero-actions {
    width: 100%;
  }
}

/* 8.5.47 + Hotfix Mobile-Hero:
   Auf mobilen Ansichten wird bewusst dieselbe breite Hero-Bildwelt
   mit angepasster Position genutzt, damit die Flasche vollständig sichtbar bleibt.
   Die frühere halbtransparente „6“ bleibt entfernt. */
.public-home-page .public-hero__visual {
  background:
    linear-gradient(90deg, var(--public-card-solid) 0%, transparent 22%),
    linear-gradient(180deg, transparent 55%, rgba(18, 29, 34, .20) 100%),
    url('/assets/img/public-home-hero-desktop.webp') 74% center / cover no-repeat;
  background:
    linear-gradient(90deg, var(--public-card-solid) 0%, transparent 22%),
    linear-gradient(180deg, transparent 55%, rgba(18, 29, 34, .20) 100%),
    image-set(
      url('/assets/img/public-home-hero-desktop.avif') type('image/avif'),
      url('/assets/img/public-home-hero-desktop.webp') type('image/webp')
    ) 74% center / cover no-repeat;
}

.public-home-page .public-hero__visual::after {
  content: none;
  display: none;
}

@media (max-width: 820px) {
  .public-home-page .public-hero__visual {
    min-height: 320px;
    background:
      linear-gradient(180deg, rgba(255,255,255,.08) 0%, transparent 45%, rgba(18,29,34,.14) 100%),
      url('/assets/img/public-home-hero-desktop.webp') 68% center / cover no-repeat;
    background:
      linear-gradient(180deg, rgba(255,255,255,.08) 0%, transparent 45%, rgba(18,29,34,.14) 100%),
      image-set(
        url('/assets/img/public-home-hero-desktop.avif') type('image/avif'),
        url('/assets/img/public-home-hero-desktop.webp') type('image/webp')
      ) 68% center / cover no-repeat;
  }
}

@media (max-width: 680px) {
  .public-home-page .public-hero__visual {
    min-height: 300px;
    background:
      linear-gradient(180deg, rgba(255,255,255,.08) 0%, transparent 45%, rgba(18,29,34,.14) 100%),
      url('/assets/img/public-home-hero-desktop.webp') 66% center / cover no-repeat;
    background:
      linear-gradient(180deg, rgba(255,255,255,.08) 0%, transparent 45%, rgba(18,29,34,.14) 100%),
      image-set(
        url('/assets/img/public-home-hero-desktop.avif') type('image/avif'),
        url('/assets/img/public-home-hero-desktop.webp') type('image/webp')
      ) 66% center / cover no-repeat;
  }
}