/* tiv-nav-design-2026 */

/* --- Ziele: Podcast und Events vom Kategorie-Block abtrennen --- */
.navbar li.menu-item.tiv-nav-dest > a { color:#1f6f5c; font-weight:600; }
.navbar li.menu-item.tiv-nav-dest > a:hover { color:#0a4a4a; }
@media (min-width: 992px) {
  .navbar li.menu-item.tiv-nav-dest:first-of-type { border-left:1px solid #dfe9e6; margin-left:.55rem; padding-left:.85rem; }
}
/* --- Einsteiger-CTA: der wichtigste Weg für neue Leser --- */
.navbar li.menu-item.tiv-nav-cta > a {
  background:#1f6f5c; color:#fff !important; border-radius:999px;
  padding:.42em 1.05em !important; font-weight:700; white-space:nowrap;
  transition:background .15s ease;
}
.navbar li.menu-item.tiv-nav-cta > a:hover { background:#0a4a4a; color:#fff !important; }
.navbar li.menu-item.tiv-nav-cta > a::before { content:"🌱"; margin-right:.35em; }
/* --- Service-Buttons dezent --- */
.navbar li.menu-item.tiv-nav-btn > a {
  border:1.5px solid #c9d8d4; border-radius:999px; padding:.34em .9em !important;
  color:#0a4a4a; font-weight:600;
}
.navbar li.menu-item.tiv-nav-btn > a:hover { background:#0a4a4a; border-color:#0a4a4a; color:#fff !important; }

/* --- Mobile: gleiche Hierarchie, mehr Luft, klare Trennung --- */
@media (max-width: 991px) {
  .offcanvas li.menu-item.tiv-nav-dest { border-top:1px solid #e7ddca; margin-top:.35rem; }
  .offcanvas li.menu-item.tiv-nav-cta { margin:.9rem 1rem; }
  .offcanvas li.menu-item.tiv-nav-cta > a {
    display:block; text-align:center; background:#1f6f5c; color:#fff !important;
    border-radius:999px; padding:.72em 1em !important; font-weight:700;
  }
  .offcanvas li.menu-item.tiv-nav-btn > a { color:#0a4a4a; font-weight:600; }
  /* Unterpunkte klar als zweite Ebene lesbar */
  .offcanvas .sub-menu > .menu-item > a { padding-left:2.1rem !important; font-size:.94em; color:#4c6360; }
}

/* --- Platz schaffen: kompaktere Hauptleiste, keine Zeilenumbrueche --- */
@media (min-width: 992px) {
  .navbar ul.menu > li.menu-item > a { padding-left:.62rem !important; padding-right:.62rem !important; white-space:nowrap; letter-spacing:.02em; }
  .navbar ul.menu > li.menu-item > a { font-size:.82rem; }
  .navbar li.menu-item.tiv-nav-cta > a { padding:.4em .95em !important; font-size:.82rem; }
  .navbar li.menu-item.tiv-nav-btn > a { padding:.32em .8em !important; font-size:.8rem; }
}
@media (min-width: 1200px) {
  .navbar ul.menu > li.menu-item > a { font-size:.86rem; padding-left:.78rem !important; padding-right:.78rem !important; }
}