:root {
    --primary: #1F4E78; /* Setzen Sie hier Ihre gewünschte Farbe */
}

.is-primary {
    background-color: #1F4E78 !important;
    border-color: #1F4E78 !important;
    color: #1F4E78 !important;
}

.collapsible-box {
    margin-bottom: 1rem;
    cursor: pointer;
}

.collapsible-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.collapsible-header:hover {
    background-color: darken(var(--primary), 10%);
}

.collapsible-title {
    flex-grow: 1;
}

.collapsible-arrow {
    transition: transform 0.2s ease;
    margin-left: auto; /* Ensure the arrow stays on the right */
}

.collapsible-content {
    margin-top: 10px;
}

.collapsible-content.collapsed {
    display: none;
}

.collapsible-box.collapsed .collapsible-arrow {
    transform: rotate(90deg); /* Down arrow when expanded */
}