/* ===== Schriften (lokal) ===== */
@font-face {
  font-family: "Source Sans 3";
  src: url("/images/fonts/source-sans-3-400.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Source Sans 3";
  src: url("/images/fonts/source-sans-3-400-italic.woff2") format("woff2");
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Source Sans 3";
  src: url("/images/fonts/source-sans-3-700.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Source Serif 4";
  src: url("/images/fonts/source-serif-4-600.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}

body, p, li, a, .menu-item-title {
  font-family: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Source Serif 4", Georgia, "Times New Roman", serif;
  font-weight: 600;
}
body { font-size: 17px; line-height: 1.65; }


/* ===== Dark Mode ===== */
body.dark-active,
body.dark-active .t4-content,
body.dark-active .t4-megamenu,
body.dark-active .t4-megamenu .dropdown-menu { background-color: #1A1B1E !important; }
body.dark-active .t4-topbar  { background-color: #141517 !important; }
body.dark-active .t4-footnav { background-color: #222327 !important; }

/* Text */
body.dark-active .t4-content p,
body.dark-active .t4-content li { color: #E4E2DD; }
body.dark-active h1,
body.dark-active h2,
body.dark-active h3 { color: #F1EFEA; }

/* Links */
body.dark-active a { color: #8FB3E0; }
body.dark-active a:hover { color: #A9C6EA; }

/* Symbole */
body.dark-active .icon img[src*="/images/Icons/"] { filter: invert(.9); }

/* Menü */
body.dark-active .t4-megamenu .nav-link,
body.dark-active .t4-megamenu .dropdown-item,
body.dark-active .t4-megamenu .menu-item-title { color: #E4E2DD; }
body.dark-active .t4-megamenu .nav-link:hover,
body.dark-active .t4-megamenu .nav-link:focus,
body.dark-active .t4-megamenu .nav-link.active,
body.dark-active .t4-megamenu .active > .nav-link,
body.dark-active .t4-megamenu .show > .nav-link,
body.dark-active .t4-megamenu .dropdown-item:hover,
body.dark-active .t4-megamenu .dropdown-item:focus,
body.dark-active .t4-megamenu .dropdown-item.active,
body.dark-active .t4-megamenu .active > .dropdown-item,
body.dark-active .t4-megamenu a:hover .menu-item-title,
body.dark-active .t4-megamenu .active > a .menu-item-title { color: #8FB3E0 !important; }

/* Heller Modus: ruhigeres, seriöseres Erscheinungsbild */
body:not(.dark-active),
body:not(.dark-active) .t4-content { background-color: #F8F7F4 !important; }
body:not(.dark-active) .t4-footnav { background-color: #EFEDE8 !important; }

body:not(.dark-active) .t4-content p,
body:not(.dark-active) .t4-content li { color: #2B2F33; }
body:not(.dark-active) h1,
body:not(.dark-active) h2,
body:not(.dark-active) h3 { color: #1F2933; }

h1, h2 { text-transform: none !important; letter-spacing: .01em; }

body:not(.dark-active) .t4-content a { color: #1F3A5F; }
body:not(.dark-active) .t4-content a:hover { color: #2E5A8C; }