/* Custom Design Overrides */
body {
  background-image: none !important;
  background-color: #ffffff !important;
  min-height: 100vh;
}

.form-container {
  background-color: #ffffffff !important;
  background-image: none !important;
}

.club-logo {
  background-color: #ffffffff !important;
  background-image: none !important;
}

.form-container {
  max-width: 600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.form-container {
  border-radius: 0px !important;
}

.club-logo {
  border-radius: 0px !important;
}

.form-container {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.08) !important;
}

.club-logo {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.08) !important;
}

/* Custom Text Color */
.form-container,
.form-container p,
.form-container div,
.form-container .col-form-label,
.form-container label,
.form-container .custom-header .title,
.form-container .form-check-label,
.form-title h1,
.form-title p,
.form-text,
.text-muted,
small.text-muted {
  color: #000000ff !important;
}

.form-floating > label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select:focus ~ label,
.form-floating > .form-select:not([value=""]) ~ label {
  color: #000000ff !important;
}


/* Additional Custom CSS */
.form-container {
--sw-toolbar-btn-background-color: #EA782C !important;
--sw-anchor-active-primary-color:  #EA782C !important;
--sw-progress-color:  #EA782C !important;
--sw-anchor-done-primary-color: #F5C4A0 !important;
}
.summary-card-header {
background-color: #F5C4A0 !important;
}

.form-check-input:checked {
background-color: #EA782C !important;
border-color: #EA782C !important;
}

.form-control:focus, .form-select:focus {
border-color: #EA782C !important;
}

.custom-header {
border-left: 4px solid #EA782C !important;

}

.btn-primary {
  background:  #EA782C !important;
}

/* Dollar Bild verstecken */
a[href="#step-3"] .num img {
    display: none;
}

/* Euro-Zeichen als Text einfügen */
a[href="#step-3"] .num::before {
    content: "€";
    font-size: 22px;       /* Größe anpassen */
    color: #ffffff;           /* Grundfarbe */
    display: block;
    line-height: 28px;     /* Zentrierung */
}