/* - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Desktop-Layout: Brand + Menü in einer Zeile */
@media (min-width: 992px) {

  .container-header {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas: "brand nav";
    align-items: center;
  }

  /* Brand (Logo / Titel) */
  .container-header .grid-child:has(.navbar-brand) {
    grid-area: brand;
  }

  /* Hauptnavigation */
  .container-header .container-nav {
    grid-area: nav;
    justify-self: end;
  }
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Copyright kleiner */
.copyright {
  font-size: 0.75em;
  padding: 2em 2em 2em 2.7em;
}