:root {
  /* Surfaces / Backgrounds */
  --portalThemeColor1: #FFFFFF;
  /* Main surfaces / cards (containers) */
  --portalThemeColor2: #870a24;
  /* Primary Arlewo accent color (buttons, links, highlights) */
  --portalThemeColor3: #f7f5f7;
  /* Page background (body/html) – warm off-white */
  --portalThemeColor4: #101010;
  /* Hover/active variant of black */
  --portalThemeColor5: #F2DDDA;
  /* Very light red tint for subtle backgrounds / outline hover */
  --portalThemeColor6: #65071B;
  /* Darker red (footer, strong bands) */

  --portalThemeColor7: #FFFFFF;
  /* Alternative white, e.g. for light sections */
  --portalThemeColor8: #2A2C2E;
  /* Dark grey (for dark sections if needed) */
  --portalThemeColor9: #65071B;
  /* Markers/badges (e.g. unread stripe) */
  --portalThemeColor10: #e9e9e7;
  /* Second, slightly stronger off-white surface */
  --portalThemeColor11: #E4D3CF;
  /* Additional lightly tinted surface (tables, info boxes) */
  --portalThemeColor12: #42010f;
  /* Secondary accent color (e.g. special bands/badges) */

  /* Text colors on the respective backgrounds */
  --portalThemeOnColor1: #2A2C2E;
  /* Text on white (cards/containers) */
  --portalThemeOnColor2: #FFFFFF;
  /* Text on brand red (buttons, links, badges) */
  --portalThemeOnColor3: #2A2C2E;
  /* Text on off-white areas (Color3) */
  --portalThemeOnColor4: #FFFFFF;
  /* Text on hover red (Color4) */
  --portalThemeOnColor5: #2A2C2E;
  /* Text on very light red tints (Color5) */
  --portalThemeOnColor6: #FFFFFF;
  /* Text on dark footer red (Color6) */
  --portalThemeOnColor7: #2A2C2E;
  /* Text on alternative white sections (Color7) */
  --portalThemeOnColor8: #FFFFFF;
  /* Text on dark grey (Color8) */
  --portalThemeOnColor9: #FFFFFF;
  /* Text/icons on strong red (Color9) */
  --portalThemeOnColor10: #2A2C2E;
  /* Text on Color10 (lightly tinted areas) */
  --portalThemeOnColor11: #2A2C2E;
  /* Text on Color11 (lightly tinted areas) */
  --portalThemeOnColor12: #FFFFFF;
  /* Text on accent red (Color12) */


  --font-heading: Georgia, "Times New Roman", Times, serif;
  --font-ui: "SwissNow", "Swiss Now", "SwissNow Medium", "SwissNow Book", Arial, sans-serif;
  --font-body: "SwissNow", "Swiss Now", "SwissNow Book", Arial, sans-serif;
}

/* Lauftext */
html,
body {
  font-family: var(--font-body) !important;
}

/* Grosse Überschriften: Georgia Regular */
h1,
h2 {
  font-family: var(--font-heading) !important;
}

/* Kleine Titel (z. B. Karten-/Sektionstitel) */
h3,
h4,
h5,
h6,
.card-title,
.card-header,
.section-title {
  font-family: var(--font-ui) !important;
}

/* Buttons: SwissNow Medium */
.btn,
button,
input[type="button"],
input[type="submit"] {
  font-family: var(--font-ui) !important;
}

/* Auszeichnungen im Lauftext: SwissNow Bold */
strong,
b {
  font-family: var(--font-body) !important;
}