/* ==========================================================================
   Typografie & Überschriften
   ========================================================================== */
h1 {
    color: var(--bs-secondary);
    font-size: 1.8rem;
    font-weight: 500;
}

h1.news {
    font-size: 1rem;
}

h2 {
    font-size: 1.2rem;
}

.teaser-1 {
    color: var(--bs-secondary);
    font-size: 1.4rem;
    font-weight: 500;
}

.teaser-2 {
    color: var(--bs-secondary);
    font-size: 1.4rem;
    font-weight: 400;
}

.teaser-3 {
    color: var(--bs-primary);
    font-size: 1.4rem;
    font-weight: 500;
}

/* Fallback für BS4 .text-bold (in BS5: .fw-bold) */
.text-bold {
    font-weight: 600 !important;
}

.font-size-large {
    font-size: 140%;
}

.text-datetime {
    color: #111 !important;
    font-size: 1rem;
}

/* ==========================================================================
   Layout & Abstände
   ========================================================================== */
body {
    /* Platzhalter für die fixed-top Navbar */
    padding-top: 100px;
    margin-top: 0;
}

.content-small {
    max-width: 800px;
}

.footer-content {
    margin-top: 150px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-image: url("/files/herzdiagnostik/images/herzdiagnostik_trenner.png");
    background-position: center top;
    background-repeat: repeat-x;
}

.footer-content p {
    text-align: right;
    margin-left: auto;
}

/* ==========================================================================
   Navigation
   ========================================================================== */
.navbar-dark .navbar-nav .nav-link.trail,
.navbar-dark .navbar-nav .nav-link.active {
    color: #fff !important;
    font-weight: 500;
}

/* ==========================================================================
   Formulare & Pflichtfelder
   ========================================================================== */
p.error {
    margin: 0;
    padding: 0;
    color: var(--bs-danger);
    font-size: 0.8rem;
}

span.mandatory {
    color: var(--bs-secondary);
}
@media @media screen and (max-width: 575.98px) {
}

/*!
 * Herzdiagnostik - Custom Color Theme for Bootstrap 5
 * Primärfarben: Rot (#bd1f26), Blau (#103c77)
 */

:root {
  /* ==========================================
     Bootstrap 5 Theme-Farben überschreiben
     ========================================== */
  --bs-primary: #bd1f26;
  --bs-primary-rgb: 189, 31, 38;

  --bs-secondary: #103c77;
  --bs-secondary-rgb: 16, 60, 119;

  --bs-link-color: #bd1f26;
  --bs-link-hover-color: #91181d;

  /* Eigene BMH-Aliase */
  --bs-bmhred: #bd1f26;
  --bs-bmhblue: #103c77;

  /* Rückwärtskompatibilität für altes eigenes CSS */
  --primary: #bd1f26;
  --secondary: #103c77;
}

/* 1. Variablen auf :root UND body setzen (überschreibt Bootstraps body-Reset) */
:root,
body {
  --bs-link-color: #bd1f26;
  --bs-link-color-rgb: 189, 31, 38;
  --bs-link-hover-color: #91181d;
  --bs-link-hover-color-rgb: 145, 24, 29;
}

/* 2. Direkte Zuweisung für reguläre Links (greift garantiert immer) */
a {
  color: var(--bs-link-color, #bd1f26);
  text-decoration: none;
}

a:hover,
a:focus {
  color: var(--bs-link-hover-color, #91181d);
  text-decoration: underline;
}

/* 3. Ausnahmen: Menü-Links in der Navbar weiß halten */
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.trail {
  color: #fff !important;
}

/* ==========================================
   Buttons (Primary & Secondary)
   ========================================== */
.btn-primary {
  --bs-btn-bg: #bd1f26;
  --bs-btn-border-color: #bd1f26;
  --bs-btn-hover-bg: #91181d;
  --bs-btn-hover-border-color: #86161b;
  --bs-btn-active-bg: #91181d;
  --bs-btn-active-border-color: #86161b;
  --bs-btn-disabled-bg: #bd1f26;
  --bs-btn-disabled-border-color: #bd1f26;
}

.btn-secondary {
  --bs-btn-bg: #103c77;
  --bs-btn-border-color: #103c77;
  --bs-btn-hover-bg: #0b2b55;
  --bs-btn-hover-border-color: #08203f;
  --bs-btn-active-bg: #0b2b55;
  --bs-btn-active-border-color: #08203f;
  --bs-btn-disabled-bg: #103c77;
  --bs-btn-disabled-border-color: #103c77;
}

.btn-outline-primary {
  --bs-btn-color: #bd1f26;
  --bs-btn-border-color: #bd1f26;
  --bs-btn-hover-bg: #bd1f26;
  --bs-btn-hover-border-color: #bd1f26;
}

.btn-outline-secondary {
  --bs-btn-color: #103c77;
  --bs-btn-border-color: #103c77;
  --bs-btn-hover-bg: #103c77;
  --bs-btn-hover-border-color: #103c77;
}

/* ==========================================
   Hintergründe & Badges
   ========================================== */
.bg-primary,
.bg-bmhred {
  background-color: #bd1f26 !important;
}

.bg-secondary,
.bg-bmhblue {
  background-color: #103c77 !important;
}

.text-primary,
.text-bmhred {
  color: #bd1f26 !important;
}

.text-secondary,
.text-bmhblue {
  color: #103c77 !important;
}

.border-primary {
  border-color: #bd1f26 !important;
}

.border-secondary {
  border-color: #103c77 !important;
}

/* ==========================================
   Navigation
   ========================================== */
.navbar-dark.bg-primary {
  background-color: #bd1f26 !important;
}

/* Dropdown-Highlights & Paginations */
.dropdown-item.active,
.dropdown-item:active,
.page-item.active .page-link {
  background-color: #bd1f26 !important;
  border-color: #bd1f26 !important;
}