/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: May 12 2026 | 09:21:16 */
/* ============================================================
   PARK Café – Header / Navigation
   ============================================================ */

/* --- Basis: Linie unten statt Schatten + Sticky-Transition --- */
#main-header,
#main-header.et-fixed-header {
  border-bottom: 2px solid #001e50 !important;
  box-shadow: none !important;
  transition: transform 0.3s ease;
  will-change: transform;
}

/* Divi: Fixed Header nicht ausblenden, wenn Divi den Nav verstecken will */
.et_hide_nav.et_fixed_nav #main-header {
  opacity: 1 !important;
}

/* --- Headroom-Verhalten: runter scrollen = weg, hoch scrollen = zurück --- */
body #main-header.pc-header-hide,
body.et_fixed_nav #main-header.pc-header-hide {
  transform: translateY(-100%) !important;
}

/* --- Logo: Hover-Skalierung --- */
#logo {
  transition: transform 0.3s ease;
}

#main-header .logo_container a:hover #logo {
  transform: scale(0.9);
}

/* --- Homepage: Logo nur sichtbar, wenn Divi-Sticky aktiv ist --- */
body.home #main-header .logo_container a {
  transition: opacity 0.3s ease 0.4s; /* 0.4s Verzögerung beim Einblenden */
}

body.home #main-header:not(.et-fixed-header) .logo_container a {
  opacity: 0;
  pointer-events: none;
  transition-delay: .2s;
}

@media (max-width: 980px) {
  body.home #main-header.pc-header-top {
    background: transparent !important;
    box-shadow: none !important;
    border-bottom: none !important;
  }
}

/* --- Hauptnavigation: weiche Transitions + Hover --- */
#main-header a {
  transition: all .3s ease;
}

#main-header a:hover {
  font-weight: 700;
  opacity: 1!important;
}

.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a,
.et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a {
  transition: all .3s ease-in-out;
}

/* ============================================================
   Mobile Menü
   ============================================================ */

.mobile_menu_bar:before {
  color: #001e50 !important;
  transition: color .3s ease;
}

@media (min-width: 800px) {
  .mobile_menu_bar:hover:before {
    color: #ffffff !important;
  }
}

.et_mobile_menu {
  border-radius: 15px;
  padding: 0 !important;
  border: 2px solid #001e50 !important;
  box-shadow: none !important;
}

.et_mobile_menu a {
  text-align: center;
  font-size: 20px !important;
  color: #001e50 !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.et_mobile_menu li a,
.nav li li a {
  transition: all .3s ease-in-out;
}

.et_mobile_menu li a:hover,
.nav li li a:hover {
  background-color: transparent !important;
  font-weight: 700 !important;
}

/* --- Startseite Mobile: kein Border am Header solang ganz oben --- */
@media (max-width: 980px) {
  body.home #main-header:not(.et-fixed-header) {
    border-bottom: none !important;
  }
}

/* --- Mobile: Divi-Header auf fixed zwingen, damit Headroom funktioniert --- */
@media (max-width: 980px) {
  body #main-header {
    position: fixed !important;
  }
}