/* =========================
   GLOBAL
========================= */

a {
  text-decoration: none !important;
}

.et_pb_button {
  text-decoration: none;
}
.navilist{

  display: flex;
  gap: 10px; /* Abstand zwischen Elementen */
  list-style: none; /* optional: Punkte entfernen */
  padding: 0;

}
@media (max-width: 980px) {
  .keep-2-cols-mobile .et_pb_column {
    width: 50% !important;
    float: left;
  }
}

/* =========================
   DESKTOP MENU AUS
========================= */

#top-menu,
.et_pb_menu__menu {
  display: none !important;
}

/* =========================
   MOBILE MENU IMMER AN
========================= */

#et_mobile_nav_menu,
.et_mobile_nav_menu {
  display: block !important;
}

/* Menü rechts */
.et_pb_menu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

/* Abstand zur Suche */
.et_pb_search {
  margin-right: 15px;
}

/* =========================
   HAMBURGER ICON
========================= */

.mobile_menu_bar {
  position: relative;
  z-index: 100002;
  cursor: pointer;
}

/* Burger groß */
.mobile_menu_bar:before {
  font-size: 50px !important;
  color: var(--et-global-color-primary) !important;
  line-height: 1;
}

/* X oben rechts */
.mobile_nav.opened .mobile_menu_bar {
  position: fixed !important;
  top: 30px;
  right: 30px;
  z-index: 100003;
}

/* Close Icon */
.mobile_nav.opened .mobile_menu_bar:before {
  content: "\4d" !important;
  font-size: 80px !important;
}

/* =========================
   FULLSCREEN MENU
========================= */

.et_pb_menu .et_mobile_menu {
  position: fixed !important;
  inset: 0;
  width: 100vw;
  height: 100vh;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  padding: 40px;
  margin: 0;

  background: rgba(255,255,255,0.94) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  z-index: 100000;

  /* wichtig für Klick-Verhalten */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transform: translateY(-10px);
  transition: all 0.25s ease;
}

/* Admin Bar Fix */
body.admin-bar .et_mobile_menu {
  top: 32px;
  height: calc(100vh - 32px);
}

/* Menü geöffnet */
.mobile_nav.opened ul.et_mobile_menu {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0);
}

/* Scroll stoppen */
body.et_mobile_menu_open {
  overflow: hidden;
}

/* =========================
   MENU DESIGN
========================= */

.et_mobile_menu,
.et_mobile_menu ul,
.et_mobile_menu li {
  list-style: none !important;
  margin: 0;
  padding: 0;
}

/* Menüeinträge */
.et_mobile_menu li {
  text-align: center;
}

/* Links */
.et_mobile_menu li a {
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 12px 0;
  display: inline-block;

  color: #000 !important;

  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;

  transition: all 0.2s ease;
}

/* Hover */
.et_mobile_menu li a:hover {
  opacity: 0.7;
}

/* Aktive Seite */
.et_mobile_menu li.current-menu-item > a {
  opacity: 0.8;
}

/* =========================
   FONTS
========================= */

@font-face {
  font-family: 'CaveatLocal';
  src: url('/wp-content/uploads/fonts/Caveat-Regular.woff2') format('woff2'),
       url('/wp-content/uploads/fonts/Caveat-Regular.woff') format('woff');
}

@font-face {
  font-family: 'RobotoLocal';
  src: url('/wp-content/uploads/fonts/Roboto-Regular.woff2') format('woff2'),
       url('/wp-content/uploads/fonts/Roboto-Regular.woff') format('woff');
}

h1,
.entry-title,
.et_pb_fullwidth_header h1,
.et_pb_text h1,
.et_pb_module_header {
  font-family: 'RobotoLocal', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
}

h2,
h3,
.et_pb_text h2,
.et_pb_text h3,
.special {
  font-family: 'CaveatLocal', cursive !important;
}