/* ------------------------------------------------------------------------------ */
/* Pfad: /assets/css/sortiment.css                                                */
/* ------------------------------------------------------------------------------ */
.grid-layout { display: grid; gap: 24px; width: 100%; }
.action-grid { grid-template-columns: repeat(3, 1fr); }
.card-full { grid-column: 1 / -1; }
.card-footer-action { display: flex; width: 100%; margin-top: auto; padding-top: 15px; }
.brand-text-sm { width: 100%; padding-top: 15px; border-top: 1px solid var(--border-color); font-size: 0.85rem; color: var(--text-secondary); }
.brand-grid { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px 24px; width: 100%; max-width: 900px; margin: 35px auto 0 auto; }
.brand-item { display: inline-block; white-space: nowrap; color: var(--text-secondary); font-size: 0.95rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; user-select: none; cursor: default; transition: color var(--transition-smooth); }
.brand-item:hover { color: var(--accent-gold); }
details summary { list-style: none; }
details summary::-webkit-details-marker { display: none; }
details[open] .accordion-arrow { transform: rotate(180deg); }
.accordion-summary { display: flex; justify-content: space-between; align-items: center; padding: 5px 0; font-weight: 700; user-select: none; cursor: pointer; }
.accordion-title-flex { display: flex; align-items: center; gap: 10px; }
.accordion-title-flex .card-icon-svg { flex-shrink: 0; margin: 0; color: var(--accent-gold); }
.accordion-arrow { display: inline-flex; justify-content: center; align-items: center; width: 24px; height: 24px; opacity: 0.7; color: var(--accent-gold); transform: rotate(0deg); transition: transform var(--transition-smooth, 0.3s ease); }
.card-accordion { border: 1px dashed var(--border-color); background-color: #cfa10008; }
.card-accordion details { width: 100%; }
.seo-text-content { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--border-color); font-size: 0.95rem; line-height: 1.6; color: var(--text-secondary); }
.seo-text-content p { margin-bottom: 1rem; }
.seo-text-content p:last-child { margin-bottom: 0; }
@media (max-width: 950px) { .action-grid { grid-template-columns: 1fr; } .card { box-sizing: border-box; width: 100%; max-width: 100%; padding: 22px; } .brand-grid { gap: 10px 16px; width: 100%; margin-top: 25px; } .brand-item { font-size: 0.85rem; } }