/* ===============================
   Grundlayout: Hintergrund & Body
   =============================== */
body {
  background-color: white;
  color: black;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 1.6;
}

/* ===============================
   Überschriften
   =============================== */
h1, h2, h3, h4, h5, h6 {
  font-family: "Inter", sans-serif;
  color: black;
}

h1.page-title {
  color: black !important;
  font-weight: 600;
  font-size: 24px !important;
  margin-bottom: 12px;
  line-height: 1.3;
}

/* ===============================
   Links – Standard & Hover
   =============================== */
a[href], a {
  color: #1a4f8b !important;
  text-decoration: none !important;
  background: none !important;
}

a[href]:hover, a[href]:focus, a[href]:active,
a:hover, a:focus, a:active {
  color: #0d2f52 !important;
  text-decoration: underline !important;
  background: none !important;
}

/* ===============================
   Navigation Links
   =============================== */
nav {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 30px;
}

nav a {
  margin-right: 18px;
  font-weight: 500;
  text-decoration: none;
  color: #1a4f8b;
}

/* Mobile Anpassung */
@media (max-width: 600px) {
  nav {
    flex-direction: column;
    gap: 12px;
  }
}

/* ===============================
   Footer
   =============================== */
footer {
  color: #333;
}

/* ===============================
   Listen & Listenabstände
   =============================== */
ul li {
  margin-bottom: 12px;
  line-height: 1.6;
}

/* ===============================
   Details- / Media-Blocks
   =============================== */
.media-block {
  margin-top: 4px;
  margin-left: 20px;
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 1.4;
}

.media-block summary {
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
}

.site-description {
  margin-top: 2px;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 8px;
}

.media-block a {
  font-size: 14px;
}/* ===============================
   Grundlayout: Hintergrund & Body
   =============================== */
body {
  background-color: white;       /* weißer Hintergrund */
  color: black;                  /* schwarze Schrift */
  font-family: "Inter", sans-serif; /* moderne Schrift */
  font-size: 18px;
  line-height: 1.6;
}

/* ===============================
   Überschriften
   =============================== */
h1, h2, h3, h4, h5, h6 {
  font-family: "Inter", sans-serif;
  color: black;
}

/* ===============================
   Links – Standard & Hover
   =============================== */
a[href] {
  color: #1a4f8b !important;       /* dunkelblau */
  text-decoration: none !important; 
  background: none !important;      /* Theme Hover-Block entfernen */
}

a[href]:hover, a[href]:focus, a[href]:active {
  color: #0d2f52 !important;       /* dunkleres Blau beim Hover */
  text-decoration: underline !important; /* nur beim Hover unterstreichen */
  background: none !important;     /* Hover-Block entfernen */
}

/* ===============================
   Navigation Links
   =============================== */
nav a {
  margin-right: 18px;
  font-weight: 500;
}

/* ===============================
   Footer
   =============================== */
footer {
  color: #333;
}

/* ===============================
   Optional: Listen
   =============================== */
ul li {
  margin-bottom: 12px;
}/* --- Allgemeine Schrift und Farben --- */
body {
  background-color: white;       /* weißer Hintergrund */
  color: black;                  /* schwarze Schrift */
  font-family: "Inter", sans-serif; /* moderne Schrift */
  font-size: 18px;
  line-height: 1.6;
}

/* --- Links und Hover --- */
a {
  color: #1a4f8b !important;       /* dunkelblau */
  text-decoration: none !important; 
  background: none !important;      /* Theme Hover-Bg entfernen */
}

a:hover, a:focus, a:active {
  color: #0d2f52 !important;       /* dunkleres Blau beim Hover */
  text-decoration: underline !important;
  background: none !important;     /* Hover-Block entfernen */
}

/* --- Überschriften etwas kräftiger --- */
h1, h2, h3, h4, h5, h6 {
  font-family: "Inter", sans-serif;
  color: black;
}

/* --- Navigation Links etwas mehr Abstand --- */
nav a {
  margin-right: 18px;
  font-weight: 500;
}

/* Optional: Footer Schriftfarbe */
footer {
  color: #333;
}


h1.page-title {
  color: black !important;            /* Überschrift schwarz */
  font-family: "Inter", sans-serif;   /* Inter bleibt */
  font-weight: 600;                   /* fett, optional */
  font-size: 24px !important;         /* hier die Größe anpassen */
  margin-bottom: 12px;                /* Abstand nach unten */
  line-height: 1.3;                   /* optional für kompakten Look */
}


/* Haupt-Container */
.content {
  max-width: 900px;        /* Seitenbreite */
  margin: 0 auto;          /* zentrieren */
  padding: 20px;
}

/* Navigation Links inline und responsive */
nav {
  display: flex;
  flex-wrap: wrap;         /* auf Mobile umbrechen */
  gap: 20px;               /* Abstand zwischen Links */
  margin-bottom: 30px;
}

/* Links Styling */
nav a {
  text-decoration: none;
  color: #1a4f8b;
  font-weight: 500;
}

/* Mobile Anpassung */
@media (max-width: 600px) {
  nav {
    flex-direction: column;
    gap: 12px;
  }
}


/* ---------------------------
   Details- / Media-Blocks
   --------------------------- */
.media-block {
  margin-top: 4px;       /* Abstand zum vorherigen <li> */
  margin-left: 20px;     /* Einrückung */
  font-size: 15px;       /* kleiner als Haupttext */
  line-height: 1.4;      /* kompaktere Zeilenhöhe */
}

.media-block summary {
  font-weight: 600;      /* Summary etwas fett */
  font-size: 15px;       /* kleiner als Haupttext */
  cursor: pointer;
}

.site-description {
  margin-top: 2px;       /* kleiner Abstand nach Summary */
  font-size: 14px;       /* noch etwas kleiner für Abstract/Text */
  line-height: 1.5;
  margin-bottom: 8px;    /* Abstand zum nächsten <li> */
}

.media-block a {
  font-size: 14px;       /* Links kleiner */
}