
    .warengruppen-container {
        display: flex;
        flex-wrap: wrap;
        gap: 8px; /* Abstand zwischen den Elementen */
    }
    
    .warengruppe-item {
        flex: 1 1 calc(25% - 8px); /* Standard: 4 Spalten */
    }

    /* Erstes Element nimmt die volle Breite ein */
    .warengruppe-item.full-width {
        flex: 1 1 100%;
    }

    /* Mobile: 3 Spalten */
    @media (max-width: 768px) {
        .warengruppe-item {
            flex: 1 1 calc(33.33% - 8px);
        }
        
        .warengruppe-item.full-width {
            flex: 1 1 100%;
        }
    }
    
    /* Extra kleine Bildschirme: 2 Spalten */
    @media (max-width: 480px) {
        .warengruppe-item {
            flex: 1 1 calc(50% - 8px);
        }
        
        .warengruppe-item.full-width {
            flex: 1 1 100%;
        }
    }

    /* Toggle Header */
    .toggle-header {
        cursor: pointer;
        padding: 10px 12px;
    }

    /* Dreht den Pfeil nach unten, wenn zugeklappt */
    .toggle-header[aria-expanded="false"] i {
        transform: rotate(180deg);
        transition: transform 0.3s ease;
    }

    .toggle-header[aria-expanded="true"] i {
        transform: rotate(0deg);
        transition: transform 0.3s ease;
    }
