/* ===== Tablet 960–1250 px ===== */
@media (min-width: 960px) and (max-width: 1250px) {

  /* Navbar per Flex mittig ausrichten */
  #navbar .uk-navbar {
    display: flex !important;
    align-items: center;
    justify-content: center;   /* zentriert Logo+Menü+CTA als Gruppe */
    gap: 0;
  }

  /* Symmetrischer Seitenabstand (25px links/rechts) für die Gruppe */
  #navbar .uk-navbar-container,
  #navbar .uk-container {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  /* UIkit-Center entkoppeln */
  #navbar .uk-navbar-center {
    position: static !important;
    left: auto !important;
    transform: none !important;
    display: flex !important;
    flex: 0 0 auto;            /* nur Inhaltsbreite */
    min-width: 0;
    margin-left: 8px;          /* Abstand Logo ↔ Menü (6–10px nach Geschmack) */
  }
  #navbar .uk-navbar-center-left,
  #navbar .uk-navbar-center-right { display: none !important; width: 0 !important; }

  /* Gruppen nicht schrumpfen */
  #navbar .uk-navbar-left,
  #navbar .uk-navbar-right { flex: 0 0 auto; }

  /* Menü einzeilig & kompakt (enger Abstand zwischen Punkten) */
  #navbar .uk-navbar-nav {
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;                  /* Tablet: Menüpunkte enger */
    margin: 0; padding: 0; list-style: none;
    white-space: nowrap;
  }
  #navbar .uk-navbar-nav > li > a {
    padding: 3px 6px;
    white-space: nowrap;
    line-height: 1.2;
  }

  /* Abstand Menü ↔ CTA (CTA bleibt systemgestylt) */
  #navbar .uk-navbar-right {
    margin-left: 10px;         /* 8–14px nach Geschmack */
  }
  #navbar .uk-navbar-right .uk-navbar-item { margin-left: 0 !important; }

  /* Logo im Tablet kleiner (ohne Verzerrung) */
  #navbar .uk-navbar-left .uk-logo img,
  #navbar .uk-navbar-left .uk-logo svg {
    height: 22px !important;   /* Wunschhöhe Tablet */
    width: auto !important;
    object-fit: contain;
    display: block;
  }
  #navbar .uk-navbar-left .uk-navbar-item.uk-logo {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 6px !important; /* addiert sich mit margin-left:8px oben zu angenehmer Luft */
  }
}

/* ===== Desktop ≥1251 px ===== */
@media (min-width: 1251px) {

  #navbar .uk-navbar {
    display: flex !important;
    align-items: center;
    justify-content: center;   /* komplette Gruppe mittig */
    gap: 0;
  }

  /* UIkit-Center entkoppeln */
  #navbar .uk-navbar-center {
    position: static !important;
    left: auto !important;
    transform: none !important;
    display: flex !important;
    flex: 0 0 auto;
    min-width: 0;
    margin-left: 8px;          /* Logo ↔ Menü */
  }
  #navbar .uk-navbar-center-left,
  #navbar .uk-navbar-center-right { display: none !important; width: 0 !important; }

  #navbar .uk-navbar-left,
  #navbar .uk-navbar-right { flex: 0 0 auto; }

  /* Menü-Link-Abstand Desktop */
  #navbar .uk-navbar-nav {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    margin: 0; padding: 0; list-style: none;
    white-space: nowrap;
  }

  /* Menü ↔ CTA */
  #navbar .uk-navbar-right { margin-left: 12px; }
  #navbar .uk-navbar-right .uk-navbar-item { margin-left: 0 !important; }
}