/* Fügen Sie eine Übergangseigenschaft für die Animation hinzu */
.icon {
    font-size: 20px;
    transition: transform 0.3s ease;
    margin-top: 13px;
}

/* Stil für das Minuszeichen (nicht .collapsed) */
.icon::before {
    content: "\f067"; /* Das Unicode-Symbol für das Minus-Icon von Font Awesome */
}

/* Stil für das Pluszeichen (.collapsed) */
.collapsed .icon::before {
    content: "\f068"; /* Das Unicode-Symbol für das Plus-Icon von Font Awesome */
}

/* Fügen Sie eine kleine Rotation für die Animation hinzu */
.collapsed .icon {
    transform: rotate(45deg);
}

/* Überschrift für die FAQ-Sektion */
.faq-section h1 {
    font-size: 24px;
    margin-bottom: 20px;
}

/* Hintergrundfarbe und Abstand für die FAQ-Box */
.faq-section .accordion {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 10px;
}

/* Aktualisieren Sie die Schriftart für die Frage-Titel */
.faq-section .card-header h2 button {
    font-weight: bold;
}

/* Aktualisieren Sie den Hintergrund der Frage-Titel, wenn sie aktiv sind */
.faq-section .card-header.active {
    background-color: #3498db;
    color: #fff;
}

/* Aktualisieren Sie den Hintergrund der Frage-Box */
.faq-section .card {
    margin-bottom: 15px;
    border: none;
    border-radius: 10px;
}

/* Aktualisieren Sie den Text für die Antwort */
.faq-section .card-body {
    font-size: 18px;
    line-height: 1.6;
}

#btnl {
    color: black;
}

.icone {
    font-size: 1.7erm;
}