/********************************************
 * EHBS Knecht – HiOrg Theme Overrides
 * Stand: 2025-10-22
 ********************************************/

#externe-kursliste, #anmeldung-container {
  --ehbs-primary: #232E6A;
  --ehbs-primary-600: #1E285A;
  --ehbs-text: #2F3A45;
  --ehbs-muted: #6B7785;
  --ehbs-border: #E4E7EB;
  --ehbs-bg: #FFFFFF;
  --ehbs-bg-soft: #F7F9FB;
  --ehbs-success: #1BBE7A;
  --ehbs-danger: #FD5540;
  --ehbs-radius: 12px;
  --ehbs-radius-sm: 8px;
  --ehbs-shadow: 0 6px 16px rgba(0,0,0,.06);
  --ehbs-shadow-sm: 0 3px 8px rgba(0,0,0,.05);
}

#externe-kursliste, #anmeldung-container {
  font-family: "Open Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--ehbs-text);
}
#externe-kursliste p,
#anmeldung-container p,
#externe-kursliste li,
#anmeldung-container li { line-height: 1.55; }

#externe-kursliste a,
#anmeldung-container a {
  color: var(--ehbs-primary);
  text-decoration: none;
}
#externe-kursliste a:hover,
#anmeldung-container a:hover {
  text-decoration: underline;
  color: var(--ehbs-primary-600);
}
#externe-kursliste a:focus-visible,
#anmeldung-container a:focus-visible {
  outline: 2px solid var(--ehbs-primary);
  outline-offset: 2px;
  border-radius: 6px;
}

h1 {
  background: transparent !important;
  color: var(--ehbs-primary) !important;
  font-size: 22pt !important;
  padding: 0 !important;
  text-align: left !important;
}
#externe-kursliste #div-ueberschrift {
  font-size: 28px !important;
  font-weight: 700;
  color: var(--ehbs-primary);
  margin: 12px 0 18px 0;
}

#externe-kursliste .termine-container {
  border: none !important;
  background: var(--ehbs-bg);
  border-radius: var(--ehbs-radius);
  box-shadow: var(--ehbs-shadow);
  padding: 18px 16px 16px 16px;
  margin: 18px 0;
}
#externe-kursliste .termine-monat {
  font-size: 18px !important;
  color: var(--ehbs-muted);
  margin-bottom: 8px;
}

@media (max-width: 900px) {
  #externe-kursliste .termine-datum-container,
  #externe-kursliste .termine-kurs,
  #externe-kursliste .termine-button-anmeld-plaetze {
    display: block !important;
    width: 100% !important;
    margin-top: 8px;
  }
}

#externe-kursliste .kurstyp-bezeichung,
#externe-kursliste .kurstyp-bezeichnung {
  font-size: 16px !important;
  font-weight: 700;
  color: var(--ehbs-text);
}
#externe-kursliste .lehrgangsdauer-normal,
#externe-kursliste .kurs-ausbilder,
#externe-kursliste .kurs-bemerkung {
  color: var(--ehbs-muted);
}

#externe-kursliste .btn-anmelden,
#externe-kursliste a.button-anmelden,
#anmeldung-container #btn-senden,
#anmeldung-container #btn-senden-weitere-tn,
#anmeldung-container #button-weiter,
#anmeldung-container #btn-vertrag-abschliessen {
  background: var(--ehbs-primary) !important;
  color: #fff !important;
  border: 1px solid var(--ehbs-primary) !important;
  border-radius: var(--ehbs-radius);
  padding: 10px 16px !important;
  height: auto !important;
  line-height: 1.2 !important;
  box-shadow: var(--ehbs-shadow-sm);
  transition: background .15s ease, transform .05s ease;
  font-weight: 600 !important;
}
#externe-kursliste .btn-anmelden:hover,
#externe-kursliste a.button-anmelden:hover,
#anmeldung-container #btn-senden:hover,
#anmeldung-container #btn-senden-weitere-tn:hover,
#anmeldung-container #button-weiter:hover,
#anmeldung-container #btn-vertrag-abschliessen:hover {
  background: var(--ehbs-primary-600) !important;
  transform: translateY(-1px);
}
/* EHBS: rote Aktionsleisten – Text zwingend weiß */
#externe-kursliste a.buttons,
#externe-kursliste a.buttons:link,
#externe-kursliste a.buttons:visited,
#externe-kursliste a.buttons:hover,
#externe-kursliste a.buttons:active,
#externe-kursliste a.buttons *,
#externe-kursliste a[role="button"],
#externe-kursliste a[role="button"]:link,
#externe-kursliste a[role="button"]:visited,
#externe-kursliste a[role="button"]:hover,
#externe-kursliste a[role="button"]:active,
#externe-kursliste a[role="button"] *,
/* Fallback: Links mit inline background */
#externe-kursliste a[style*="background"],
#externe-kursliste a[style*="background"] *,
#externe-kursliste a[style*="background-color"],
#externe-kursliste a[style*="background-color"] * {
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 600;
}