/* Allgemeine Überschriftenfarben */
h1, h2, h3, h4, h5, h6 {
    color: #00274d; /* Dunkelblau */
    font-weight: bold;
}

/* Hintergrundfarbe der Navigationsleiste */
.navbar.bg-primary {
    background-color: #00274d !important; /* Dunkelblau */
}

/* Buttons: Erfolg */
.btn-success {
    background-color: #126432; /* Dunkelgrün */
    border: none;
    transition: background-color 0.3s ease;
}

.btn-success:hover {
    background-color: #0c5325; /* Dunkleres Grün */
}


/* Buttons: Gefahr */
.btn-danger {
    background-color: #9a1d14 !important; /* Rot */
    border: none;
}

.btn-danger:hover {
    background-color: #911616 !important;
}

/* Links (z. B. für E-Mails und externe Webseiten) */
a {
    color: #126432; /* Grün */
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: #0c5325; /* Dunkleres Grün */
    text-decoration: underline;
}

/* Formularelemente */
.form-control,
.form-select {
    border-radius: 5px;
    border: 1px solid #ced4da;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.form-control:focus,
.form-select:focus {
    border-color: #0c5325;
    box-shadow: 0 0 5px rgba(12, 83, 37, 0.25); /* Grüner Fokus */
}

/* Fehlermeldungen */
.invalid-feedback {
    color: #dc3545; /* Bootstrap Rot */
    font-size: 0.875rem;
}

/* Erfolgs- und Fehlermeldungen */
.alert {
    padding: 1rem 1.25rem;
    border-radius: 5px;
    font-size: 1rem;
}

.alert-danger {
    background-color: #f8d7da;
    color: #842029;
    border-color: #f5c2c7;
}

.alert-success {
    background-color: #d1e7dd;
    color: #0f5132;
    border-color: #badbcc;
}

/* Hintergrundfarben für spezielle Sektionen */
.bg-light {
    background-color: #f8f9fa !important; /* Helles Grau */
}

.bg-light-green {
    background-color: #f2fdf2; /* Hellgrün */
}

.bg-cta {
    background-color: #f2e1c1; /* Beige */
}

/* Bilder Styling */
.img-fluid {
    border-radius: 8px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Einheitlicher Schatten */
}

.rounded-circle {
    object-fit: cover;
    border: 3px solid #ddd;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Einheitlicher Schatten */
}

/* Karten (Cards) */
.card {
    border: none;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    transition: transform 0.3s ease;
}

.card:hover {
    transform: scale(1.05);
}

.card-title {
    font-weight: bold;
    color: #00274d; /* Dunkelblau */
}

.card-text {
    color: #555; /* Grau */
}

/* Text Styling */
p {
    color: #333333; /* Dunkler Text */
    line-height: 1.6;
}

/* Zentrierte Texte */
.text-center {
    text-align: center;
}

.text-center h5 {
    font-weight: bold;
    color: #00274d; /* Dunkelblau */
}

/* White Bar (Trennlinie) */
.white-bar {
    background-color: #ffffff; /* Weißer Hintergrund */
    height: 60px;
    width: 100%;
}

.dark-mode {
  background-color: #121212 !important;
  color: #f8f9fa !important;
}

.dark-mode .card {
  background-color: #1e1e1e !important;
  color: #f8f9fa !important;
}

.dark-mode .navbar,
.dark-mode .alert,
.dark-mode .progress,
.dark-mode .breadcrumb,
.dark-mode .form-control,
.dark-mode .table {
  background-color: #1e1e1e !important;
  color: #f8f9fa !important;
  border-color: #333 !important;
}

.dark-mode a,
.dark-mode .nav-link,
.dark-mode .card-title,
.dark-mode .card-text {
  color: #f8f9fa !important;
}

.dark-mode .btn {
  border-color: #f8f9fa;
}

.dark-mode .btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}



/* === Register page (unique) === */
.registerUnique-bg {
  background: radial-gradient(1200px 500px at 15% 0%, rgba(12,83,37,.08), transparent 60%),
              radial-gradient(1000px 400px at 85% 20%, rgba(0,39,77,.08), transparent 60%),
              #f8fafc;
}

.registerUnique-card {
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 10px 30px rgba(2, 32, 71, .08);
}

.registerUnique-bullets {
  list-style: none;
  padding-left: 0;
  margin: .5rem 0 0 0;
}

.registerUnique-bullets li {
  display: flex;
  gap: .5rem;
  align-items: flex-start;
  margin: .25rem 0;
  font-size: .95rem;
}

.registerUnique-bullets li i {
  font-size: 1rem;
}

/* optional: Dark-Mode-Feinschliff */
.dark-mode .registerUnique-card {
  background-color: #1e1e1e !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.4);
}

.registerUnique-details {
  margin-left: .25rem;
}
.registerUnique-details summary {
  list-style: none;
  cursor: pointer;
  font-size: .9rem;
  color: #0c5325;              /* dein Grün */
  display: inline-flex;
  align-items: center;
  gap: .35rem;
}
.registerUnique-details summary::-webkit-details-marker { display: none; }

.registerUnique-details summary .icon {
  font-size: 1rem;
  line-height: 1;
}

.registerUnique-details[open] summary { text-decoration: underline; }

.registerUnique-details-body {
  margin-top: .5rem;
  padding: .75rem .875rem;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: .5rem;
  background: #f8fafc;
  font-size: .9rem;
}