/* Matratzen Discount · SEO-Widget-Styles Matratzen-Cluster (alle Groessen-Seiten) · md-Namespace
   Zentrale Datei — wird von allen 9 Kategorieseiten-Bloecken per <link> geladen.
   NICHT verschieben/umbenennen: fileadmin/seo/matratzen-cluster.css · Aenderungen unter gleichem Namen ueberschreiben. */
.md-haerte-grid{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}
.md-haerte-card{flex:1 1 200px;text-align:center;background:#fff;border:2px solid #dee2e6;border-radius:10px;padding:18px}
.md-haerte-badge{display:inline-block;background:#118c9c;color:#fff;padding:6px 16px;border-radius:20px;font-weight:800;font-size:0.95rem;margin-bottom:10px;letter-spacing:0.3px}
.md-haerte-kg{font-size:1rem;font-weight:700;color:#121212;margin-bottom:6px}
.md-haerte-desc{font-size:0.85rem;color:#6c757d;line-height:1.5}
.md-material-table{margin:18px 0 10px}
.md-material-table table{width:100%;border-collapse:collapse;font-size:0.9rem;background:#fff;border-radius:12px;overflow:hidden}
.md-material-table th{background:#0a545e;color:#fff;text-align:left;padding:12px 14px;font-weight:700;white-space:nowrap}
.md-material-table td{padding:11px 14px;border-bottom:1px solid #e9ecef;color:#495057;vertical-align:top}
.md-material-table td.high{color:#118c9c;font-weight:700}
.md-material-table td.low{color:#6c757d}
.md-disclaimer{font-size:0.8rem;color:#6c757d;margin-top:10px;line-height:1.5}
.md-finetuning{background:#e9f3f6;border-radius:14px;padding:28px;margin:34px 0}
.md-finetuning-grid{display:grid;grid-template-columns:340px 1fr;gap:28px;align-items:start}
.md-finetuning-image{border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#e9f3f6 0%,#118c9c 100%);min-height:220px}
.md-finetuning-image img{width:100%;height:100%;object-fit:cover;display:block}
.md-finetuning-tag{display:inline-block;background:#118c9c;color:#fff;font-size:0.74rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:5px 14px;border-radius:20px;margin-bottom:12px}
.md-finetuning-content h2{margin-top:0}
.md-finetuning-content p{color:#495057;line-height:1.7}
.md-finetuning-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.md-finetuning-cat h3{font-size:0.92rem;color:#0a545e;margin:0 0 8px;font-weight:800}
.md-finetuning-cat ul{list-style:none;margin:0;padding:0}
.md-finetuning-cat li{margin:0 0 6px;font-size:0.88rem;line-height:1.5}
.md-finetuning-cat a{color:#118c9c;text-decoration:none}
.md-finetuning-cat a:hover{text-decoration:underline}
.md-finetuning-related{margin-top:22px;padding:18px 22px;background:#fff;border-radius:10px;font-size:0.88rem;color:#495057;line-height:1.7}
.md-finetuning-related strong{display:block;font-size:0.74rem;color:#0a545e;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:8px;font-weight:800}
.md-finetuning-related a{color:#118c9c;text-decoration:none;white-space:nowrap}
.md-finetuning-related a:hover{text-decoration:underline}
.md-finetuning-related .sep{margin:0 6px;color:#bdc4cf}
.md-faq{margin:34px 0 10px}
.md-faq-head{margin-bottom:18px}
.md-faq-tag{display:inline-block;background:#e9f3f6;color:#0a545e;font-size:0.74rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:5px 14px;border-radius:20px;margin-bottom:10px}
.md-faq-head p{color:#6c757d;font-size:0.92rem;margin:6px 0 0}
.md-faq-list{border:1px solid #dee2e6;border-radius:12px;overflow:hidden;background:#fff}
.md-faq-item{border-bottom:1px solid #e9ecef}
.md-faq-item:last-child{border-bottom:none}
.md-faq-q{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;background:none;border:none;padding:16px 18px;text-align:left;font-size:0.98rem;font-weight:700;color:#121212;cursor:pointer;font-family:var(--bs-font-sans-serif,'Inter',-apple-system,sans-serif)}
.md-faq-icon{position:relative;flex:0 0 18px;height:18px}
.md-faq-icon::before,.md-faq-icon::after{content:"";position:absolute;background:#118c9c;transition:transform .2s}
.md-faq-icon::before{left:0;top:8px;width:18px;height:2px}
.md-faq-icon::after{left:8px;top:0;width:2px;height:18px}
.md-faq-item.open .md-faq-icon::after{transform:rotate(90deg)}
.md-faq-a{display:none}
.md-faq-item.open .md-faq-a{display:block}
.md-faq-a-inner{padding:0 18px 16px;color:#495057;font-size:0.92rem;line-height:1.7}
@media (max-width:900px){.md-finetuning-grid{grid-template-columns:1fr}.md-finetuning-cats{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.md-finetuning{padding:20px}.md-finetuning-cats{grid-template-columns:1fr}.md-faq-q{font-size:0.92rem;padding:14px 14px}.md-faq-a-inner{padding:0 14px 14px}}
