/*--------------------------------------------------------------
# Kontakt
--------------------------------------------------------------*/

       .icon-active {
  color: #00937a; /* Beispiel-Farbe für "markiert" */
}

.active-link {
  font-weight: normal;
  text-decoration: none;
  color: #00937a; /* oder deine Wunschfarbe */
}

/* Container Für "Tabelle"*/
.form-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  border-color: #DEE2E6;
}

input, textarea, select {
  font-size: 16px !important;
}

/* Tabelle (falls vorhanden) */
.table {
  width: 100%;
}

/* Fokus-Stile für Inputs & Selects */
.form-control:focus,
.form-select:focus {
  border-color: #00937a !important; /* grün */
  box-shadow: none !important;
  outline: none !important;
}

/* Standard Input-Größen (mindestens 16px für iOS) */
input,
textarea,
select {
  font-size: 16px;
}

/* Labels */
.form-label {
  font-size: 16px;
  color: #444444;
}

/* Select-Stil */
.form-select {
  font-size: 16px;
  color: #595c5f;
}

/* Placeholder-Stile */
input::placeholder,
.custom-textarea::placeholder {
  color: #595c5f;
  font-size: 16px;
}

/* Links wie Datenschutzerklärung & Captcha */
.form-label a,
.mt-2 a {
  color: #555;
  text-decoration: underline;
  text-decoration-style: dotted;
  transition: all 0.2s ease-in-out;
}

.form-label a:hover,
.mt-2 a:hover {
  color: #00937a;
}

/* Auf Smartphones: normale Unterstreichung */
@media (max-width: 768px) {
  .form-label a,
  .mt-2 a {
    text-decoration-style: dotted;
  }
}