/* design-81 | Lieferservice — Allergen-Aushang ([d81_allergene]) */
.d81-allergene { --d81a-line: #c9c9c9; --d81a-bg: #e3e3e3; color: inherit; font-size: 14px; line-height: 1.45; }
.d81-allergene__kopf { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 24px; margin-bottom: 18px; }
.d81-allergene__titel { margin: 0; font-size: 2.6em; letter-spacing: .02em; text-transform: uppercase; line-height: 1; }
.d81-allergene__unter { margin: 0; font-weight: 700; text-transform: uppercase; font-size: .95em; }
.d81-allergene__spalten { column-count: 4; column-gap: 28px; border-top: 1px solid var(--d81a-line); padding-top: 16px; }
.d81-allergene__karte { break-inside: avoid; margin: 0 0 18px; }
.d81-allergene__karte h3 { margin: 0 0 4px; font-size: 1em; text-transform: uppercase; }
.d81-allergene__karte p { margin: 0 0 4px; font-size: .92em; }
.d81-allergene__kuerzel { display: inline-block; min-width: 1.6em; font-weight: 700; }
.d81-allergene__hinweis { margin: 8px 0 28px; padding-top: 16px; border-top: 1px solid var(--d81a-line); }
.d81-allergene__zwischentitel { margin: 0 0 16px; text-align: center; font-size: 1.6em; }
.d81-allergene__legende { display: grid; grid-template-columns: 1fr 1.6fr 1.6fr; gap: 12px; }
.d81-allergene__box { background: var(--d81a-bg); padding: 18px 20px; }
.d81-allergene__box h3 { margin: 0 0 12px; text-align: center; font-size: 1.05em; text-transform: uppercase; }
.d81-allergene__box p { margin: 0; }
.d81-allergene__liste { list-style: none; margin: 0; padding: 0; }
.d81-allergene__liste li { margin: 0 0 3px; }
.d81-allergene__sub { padding-left: 1.6em; }
@media (max-width: 1100px) { .d81-allergene__spalten { column-count: 2; } .d81-allergene__legende { grid-template-columns: 1fr; } }
@media (max-width: 600px)  { .d81-allergene__spalten { column-count: 1; } .d81-allergene__titel { font-size: 2em; } }
