/* Sticky Navbar Styles */
html {
  scroll-behavior: smooth;
}

body {
  padding: 0 !important;
  margin: 0 !important;
  overflow-x: hidden;
}

.navbar {
  position: -webkit-sticky !important; /* Für Safari */
  position: sticky !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 9999 !important; /* Sehr hoher z-index */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
}

.container {
  padding-top: 40px !important; /* Von 20px auf 40px erhöht */
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Stellen Sie sicher, dass das mobile Panel über der Sticky-Navbar liegt */
.mp-panel {
  z-index: 10000 !important;
}

.mp-overlay {
  z-index: 9998 !important;
}

.navbar.sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
}