/* ===========================================================
   Nachhilfe-Button in der Hauptnavigation
   + etwas mehr Luft zum Fensterrand im Kopfbereich
   =========================================================== */

/* --- Menuepunkte immer gleich ausgerichtet (sonst verschiebt der hoehere
   Nachhilfe-Button die Textlinks auf Seiten ohne align-items) --- */
header nav ul{align-items:center}
header nav ul li{display:flex;align-items:center}

/* --- Button --- */
header nav ul li.nav-cta{margin-left:6px}
header nav ul li.nav-cta a{
  display:inline-flex;align-items:center;
  background:#3aa37a;color:#fff !important;
  font-family:'Fredoka',Inter,sans-serif;font-weight:600;
  font-size:14.5px;line-height:1;letter-spacing:.005em;
  padding:9px 17px;border-radius:999px;white-space:nowrap;
  box-shadow:0 1px 2px rgba(28,60,44,.10),0 4px 12px rgba(58,163,122,.22);
  transition:background .2s ease,transform .2s ease,box-shadow .2s ease;
}
header nav ul li.nav-cta a:hover,
header nav ul li.nav-cta a:focus-visible{
  background:#2f8a66;color:#fff !important;
  transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(47,138,102,.32);
}
header nav ul li.nav-cta a:focus-visible{outline:3px solid #1c5a44;outline-offset:2px}
@media (prefers-reduced-motion:reduce){
  header nav ul li.nav-cta a{transition:none}
  header nav ul li.nav-cta a:hover{transform:none}
}

/* --- Menü bei mittlerer Fensterbreite etwas kompakter --- */
@media (min-width:561px) and (max-width:1100px){
  header nav ul{gap:16px !important;font-size:14px !important}
  header nav ul li.nav-cta a{padding:8px 13px;font-size:13.5px}
}

/* --- Einheitliche Kopfzeilen-Hoehe auf allen Seiten ---
   Feste Hoehe statt vertikalem Innenabstand: sonst waechst die Leiste dort,
   wo der Nachhilfe-Button hoeher ist als die uebrigen Menuepunkte. --- */
header .bar{min-height:72px;padding-top:0 !important;padding-bottom:0 !important;align-items:center}

/* --- Randabstand: Logo und Menü kleben nicht mehr am Fensterrand --- */
@media (min-width:561px) and (max-width:1300px){
  header .bar{padding-left:16px;padding-right:16px}
}

/* --- Mobiles Klappmenü: Nachhilfe hervorheben --- */
.m-menu ul li a[href="/nachhilfe/"]{color:#2f8a66;font-weight:600}

/* --- Brotkrumen: Links ohne Unterstreichung --- */
.crumbs a,.breadcrumb a{text-decoration:none}