/* assets/nami.css – AG-Auswahl. Ergänzt das gemeinsame style.css. */

.ags {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(21rem, 1fr));
    gap: 1rem;
}

/* Rahmen um jede AG: Sie ist als Ganzes eine Auswahl. */
.ag {
    padding: 1rem 1rem .25rem;
    border: 1px solid var(--linie);
    border-radius: 8px;
}

.ag .wahl {
    margin-bottom: .5rem;
}

.ag.voll {
    color: var(--text-leise);
    background: var(--flaeche);
}

.ag dl {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .125rem .75rem;
    margin: 0 0 .75rem;
}

.ag dt {
    font-weight: 600;
}

.ag dd {
    margin: 0;
}

.ag p {
    margin-bottom: .75rem;
}

@media (max-width: 24rem) {
    .ags {
        grid-template-columns: 1fr;
    }
}