body{
	background-image: linear-gradient(to bottom, #eafdf5, #e4fbf9, #e1f8fc, #e1f4ff, #e4f0ff, #e4f0ff, #e4f0ff, #e4f0ff, #e1f4ff, #e1f8fc, #e4fbf9, #eafdf5);
}
.accordion {
	--bs-accordion-focus-border-color: #d90000;
	--bs-accordion-color: #000000; #text body
	--bs-accordion-btn-color: #666666;
	--bs-accordion-border-color: #33b540;
	--bs-accordion-active-color: #000040;
	--bs-accordion-active-bg: #bfffbf;
	--bs-accordion-btn-focus-box-shadow:none;
	
}

.popover_con {
  --bs-popover-max-width: 50em;
  --bs-popover-border-color:  #33b540;
  --bs-popover-header-bg:  #dddddd;
  --bs-popover-header-color: #666666;
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: .5rem;
}

.navbar {
    border-bottom: 1px solid #33b540; /* Stellt die Rahmenbreite und Farbe ein */
}

/* Anpassen der Fokusrandfarbe für Bootstrap-Form-Control-Elemente */
.form-control:focus {
	border-color: #33b540; /* Grüne Farbe */
	box-shadow: 0 0 0 0.25rem rgba(76, 175, 80, 0.25); /* Passende Schattenfarbe für den Fokus */
}
.form-select:focus {
	border-color: #33b540; /* Grüne Farbe */
	box-shadow: 0 0 0 0.25rem rgba(76, 175, 80, 0.25); /* Passende Schattenfarbe für den Fokus */
}

.form-check-input:focus {
	border-color: #33b540; /* Grüne Farbe */
	background-color: #37db00; !important; /* Grüne Hintergrundfarbe */
	box-shadow: 0 0 0 0.25rem rgba(76, 175, 80, 0.25); /* Passende Schattenfarbe für den Fokus */
}
.form-check-input:checked {
	background-color: #37db00; !important; /* Grüne Hintergrundfarbe */
	border-color: #33b540 !important; /* Grüne Grenze */
}
/* Standardzustand: grün für alle Labels */
.btn-check + .btn-outline-primary {
    border-color: #33b540 !important; /* Grüne Grenze */
    color: #33b540 !important; /* Grüne Schrift */
}

/* Fokus auf das Checkbox-Input (btn-check) */
.btn-check:focus + .btn-outline-primary {
    border-color: #33b540 !important; /* Grüne Farbe */
    box-shadow: 0 0 0 0.25rem rgba(76, 175, 80, 0.25); /* Passende Schattenfarbe für den Fokus */
}

/* Aktivierter Zustand (wenn die Checkbox angeklickt wurde) */
.btn-check:checked + .btn-outline-primary {
    background-color: #37db00; !important; /* Grüne Hintergrundfarbe */
    border-color: #33b540 !important; /* Grüne Grenze */
    color: white !important; /* Weiße Schriftfarbe */
}
.spinner-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: fex;
	justify-content: center;
	align-items: center;
	z-index: 1050; /* Über den meisten Elementen anzeigen */
}
.spinner-border {
	width: 3rem;
	height: 3rem;
}

.green-checkbox {
    accent-color: #33b540;
}