.hero {
  position: relative;
  min-height: 100vh;   /* oder z.B. 80vh – je nach Wunsch */
  overflow: hidden;
  display: flex;
  align-items: center;
}

/* Background-Wrapper */
.hero .hero-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
}

/* Video selbst */
.hero .hero-bg-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Overlay (falls vorhanden) */
.hero:before {
  z-index: 2;
}

/* Content */
.hero .container {
  position: relative;
  z-index: 3;
}

.why-us {
  position: relative;
  overflow: hidden;
}

/* Hintergrundbild */
.slider-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../img/events-bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1; /* Bild hinter Content */
  filter: blur(10px); /* optional: Bild selbst unscharf */
}

/* Dunkles Overlay */
.slider-bg::after {
  content: "";
  position: absolute;
  inset: 0; /* top:0; right:0; bottom:0; left:0 */
  background-color: rgba(0, 0, 0, 0.5); /* 50% dunkles Overlay */
  z-index: 2;
}

/* Content über Bild & Overlay */
.why-us .container {
  position: relative;
  z-index: 3; /* über Bild und Overlay */
  color: #fff; /* Textfarbe weiß für Lesbarkeit */
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center;
}

.header-phone-number
{
  margin-left: 10px;
}

.menu-item .menu-content a
{
  pointer-events: none;
  cursor: default;
  border-radius: 8px;
  background-color: rgba(12,11,9,0.8);
  padding-left: 8px;
  padding-right: 8px;
}

.menu-item .menu-content span
{
  border-radius: 8px;
  background-color: rgba(12,11,9,0.8);
}

.menu-item .menu-ingredients
{
  padding-left: 2px;
}

#menu-download-title
{
  padding-top: 5px;
  padding-bottom: 5px;
}


/* Verhindert Hover-Farbänderung für alle markierten Elemente */
.why-us .card-item.no-hover-card:hover span.no-hover-color,
.why-us .card-item.no-hover-card:hover h4 a.no-hover-color,
.why-us .card-item.no-hover-card:hover p.no-hover-color {
  color: inherit !important;
}

.menu-download-button
{
  background-color: rgba(50, 50, 50, 0.5) !important;
}

.site-title-text
{
  color: rgb(221,208,164);
}


#site-logo
{
  max-height: 15px;
  margin-right: 20px;

}
.site-title-text .main
{
  font-size: 12px;
  margin: 0;
}
.site-title-text .sub
{
  font-size: 6px;
  margin: 0;
  margin-top: 10px;
  text-align: left;
}

@media (min-width: 374px)
{
  #site-logo
  {
    max-height: 15px;
  }
  .site-title-text .main
  {
    font-size: 12px;
    margin: 0;
  }
  .site-title-text .sub
  {
    font-size: 6px;
    margin: 0;
    margin-top: 10px;
    text-align: center;
  }
}
@media (min-width: 400px)
{
  #site-logo
  {
    max-height: 18px;
  }
  .site-title-text .main
  {
    font-size: 14px;
    margin: 0;
  }
  .site-title-text .sub
  {
    font-size: 7px;
    margin: 0;
    margin-top: 10px;
    text-align: center;
  }
}
@media (min-width: 435px)
{
  #site-logo
  {
    max-height: 24px;
  }
  .site-title-text .main
  {
    font-size: 16px;
    margin: 0;
  }
  .site-title-text .sub
  {
    font-size: 8px;
    margin: 0;
    margin-top: 10px;
    text-align: center;
  }
}
@media (min-width: 455px)
{
  #site-logo
  {
    max-height: 26px;
  }
  .site-title-text .main
  {
    font-size: 18px;
    margin: 0;
  }
  .site-title-text .sub
  {
    font-size: 9px;
    margin: 0;
    margin-top: 10px;
    text-align: center;
  }
}
@media (min-width: 485px)
{
  #site-logo
  {
    max-height: 30px;
  }
  .site-title-text .main
  {
    font-size: 20px;
    margin: 0;
  }
  .site-title-text .sub
  {
    font-size: 10px;
    margin: 0;
    margin-top: 10px;
    text-align: center;
  }
}
@media (min-width: 500px)
{
  #site-logo
  {
    max-height: 32px;
  }
  .site-title-text .main
  {
    font-size: 24px;
    margin: 0;
  }

  .site-title-text .sub
  {
    font-size: 12px;
    margin: 0;
    margin-top: 10px;
    text-align: center;
  }
}

section.impressum,
section.privacy-policy
{
  padding-top: 100px;
  background-color: color(srgb 0.0972136 0.0934985 0.0860681 / 0.95);
}

#privacy-notes
{
  font-size: 18px;
}

#privacy-notes h2
{
  font-size: 26px;
}

.footer-nav-columns
{
  display: flex;
}

.footer .footer-links ul
{
  list-style: none;
  padding-right: 15px;
  margin: 0;
}

.phone-mobile
{
  display: none;
}

.phone-desktop
{
  display: inline;
}

@media (max-width: 991px)
{
  .phone-mobile
  {
    display: inline;
    color: #ffffff;
  }

  .phone-desktop
  {
    display: none;
  }
}