/* ====== Header (dein partial/page_fals_header.php) ======
   Wenn der Header “voll breit” sein soll, darf NICHT der Wrapper darunter begrenzen,
   sondern NUR dein bf-main. Der Header bleibt außerhalb. */
.header{
  width: 100%;
  box-sizing: border-box;
}
 /* Header: nur so hoch wie der Inhalt, mit sauberem Abstand per gap */
  .header{
    background-color: #999; /* #999; */
    color: black;           /* white; */
    display: flex;          /* verhindert Margin-Kollaps */
    flex-direction: column; /* Titel oben, Nav darunter */
    gap: .5rem;             /* Abstand zwischen Titel und Nav */
    padding: .75rem 2rem;   /* kompakter als 1rem 2rem */
    min-height: auto;       /* keine feste Mindesthöhe */
  }

  /* Links: konsistente Farbe (Header hat black; Links weiß gewünscht) */
  .header a{
    color: white;           /* black; */
    text-decoration: none;
    font-size: 1rem;
  }

  /* Titel: kein margin-bottom – Abstand kommt über gap */
  .header-title{
    font-size: 2rem;
    font-weight: 400;
    margin: 0;              /* wichtig */
    line-height: 1.15;
    color: #09439e;			/* #09439e; */
  }

  /* Navi: darf umbrechen, nutzt gap statt individuelle margins */
  .header-nav{
    display: flex;
    flex-wrap: wrap;        /* erlaubt Umbruch */
    gap: .6rem 1rem;        /* vertikal / horizontal */
    margin: 0;
    padding: 0;
  }

  .header-nav .navlink,
  .header-nav .verzeichnislink{
    color: white;
    text-decoration: none;
    font-size: 1rem;
    display: inline-block;
  }

  .header-nav .navlink:hover,
  .header-nav .verzeichnislink:hover{
    text-decoration: underline;
  }

  /* Entfernt die starre Einrückung, wir nutzen gap für Abstände */
  .header-nav .verzeichnislink{
    margin-left: 0;         /* vorher 1em, bitte löschen/überschreiben */
  }

  /* Kompakter auf kleinen Screens */
  @media (max-width: 768px){
    .header{ padding: .5rem 1rem; gap: .4rem; }
    .header-title{ font-size: clamp(1rem, 3vw, 2rem); }
  }

  /* Falls irgendwo min-height für .header gesetzt wurde, neutralisieren */
  @media (max-width: 600px){
    .header{ min-height: unset !important; }
  }