/* Umschaltpunkte (Bootstrap/Cassiopeia):
   sm 576px · md 768px · lg 992px · xl 1200px · xxl 1400px */

/* --- Schrift "Inter" (variable Schrift), lokal vom eigenen Server ---
   Dateien in media/templates/site/cassiopeia_extended/fonts/:
   inter.css, InterVariable.woff2, InterVariable-Italic.woff2
   WICHTIG: @import muss die erste Anweisung der Datei bleiben
   (nur Kommentare dürfen davor stehen).
   Im Template-Stil (Tab "Schriften") die Schriftart auf "Keine" stellen. */
@import url("fonts/inter.css");
@import url("header.css");

:root {
  --cassiopeia-font-family-body: "InterVariable", sans-serif;
  --cassiopeia-font-family-headings: "InterVariable", sans-serif;
  --cassiopeia-font-weight-normal: 400;
  --cassiopeia-font-weight-headings: 700;
}

/* Menue uppercase */
nav.navbar a {
  text-transform: uppercase;
}

/* Cassiopeia kennt nur 2–4 Spalten: 5 Spalten ergänzen (ab 992 px) */
@media (min-width: 992px) {
  .blog-items.columns-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }  /* Richtung "Quer" */
  .blog-items.masonry-5 { column-count: 5; }                                   /* Richtung "Nach unten" */
}

/* Blog in Spalten: "Mehr ..."-Knöpfe unten auf einer Linie */
.blog-items[class*="columns-"] .blog-item .item-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.blog-items[class*="columns-"] .blog-item .readmore {
  margin-top: auto;
}

/* Footer: Copyright und Impressum-Zeile linksbündig untereinander */
.container-footer .grid-child {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 16px;
  padding-bottom: 16px;
}
.container-footer .mod-custom p {
  margin-bottom: 0;   /* kein zusätzlicher Abstand unter der Impressum-Zeile */
}

/* Choice page without underlined links */
div.top-a {
  /* Links: normal ohne Unterstreichung, beim Darüberfahren unterstrichen */
  a,
  a:not([class]) {
    text-decoration: none;
  }
  a:not(.btn):not(.button_cookie):hover,
  a:not(.btn):not(.button_cookie):focus-visible {
     text-decoration: underline;
  }
}