/* Umbau v7 (G·B11, A8, A12, B): die 11 Tags an den Leistungszeilen, Nummer und Badges der Preiskarten, Für-wen-Zeile, Kostenzeile,
   aufklappbare Leistungen und die Tag-Legende. Farben laut G·B11, abgeleitet aus den Farben des Siegels (site.css). */
.tag{--tag:var(--muted);display:inline-block;font-style:normal;font-size:12px;font-weight:700;line-height:1.5;padding:0 8px;border-radius:999px;white-space:nowrap;vertical-align:1px;
  color:color-mix(in srgb,var(--tag) 78%,var(--fg));background:color-mix(in srgb,var(--tag) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--tag) 55%,transparent)}
.tag-neu{--tag:var(--logo-gurke)}
.tag-beliebt{--tag:var(--logo-orange)}
.tag-ki{--tag:var(--logo-violett)}
.tag-persoenlich{--tag:color-mix(in srgb,var(--logo-blau) 55%,#5aa0ff)}
.tag-hardware{--tag:var(--logo-stahl)}
.tag-ab-datum{--tag:var(--logo-goldgelb)}
.tag-zeitsparer{--tag:color-mix(in srgb,var(--logo-gurke) 50%,var(--logo-blau))}
.tag-mehr-umsatz{--tag:var(--gold-gross)}
.tag-pflicht{--tag:var(--logo-blau)}
.tag-gutes-tun{--tag:color-mix(in srgb,var(--logo-rot) 55%,#ffb3c6)}
.tag-mehrere-laeden{--tag:var(--brass)}

.leistung-hinweis{font-size:12px;color:var(--muted)}

/* Nummer der Leiter 1–7 (G·B) und Badge „Aktion“ (G·A8) */
.paket-marken{display:flex;gap:8px;align-items:center;margin:0 0 4px;min-height:26px}
.paket-nr{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;font-weight:700;font-size:14px;background:var(--logo-lila);color:var(--logo-gold)}
.paket-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.paket-badge-aktion{background:var(--logo-rot);color:#fff}
.paket-fuer{font-weight:700;color:var(--fg);margin-top:-4px}
.paket-kosten{font-size:13px;color:var(--muted);padding-top:10px;border-top:1px solid var(--line)}

/* Rest der Leistungen aufklappbar (§ 0 Nr. 6: vollständig im HTML) */
.leistungen-mehr{margin-top:6px}
.leistungen-mehr>summary{cursor:pointer;font-size:14px;font-weight:700;color:var(--fg);padding:6px 0}
.leistungen-mehr>ul{margin-top:6px}

/* Legende der 11 Tags (G·B11) */
.legende ul.tag-legende{grid-template-columns:repeat(3,minmax(0,1fr))}
.legende ul.tag-legende li{padding-left:0}
.legende ul.tag-legende li .tag{margin-right:6px}
@media (max-width:1180px){.legende ul.tag-legende{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.legende ul.tag-legende{grid-template-columns:1fr}}

/* Kurzfassung Silber · Gold · Krone (G·A8-1) */
.pakete-kurz{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.pakete-kurz{grid-template-columns:1fr}}
.preise-kurz-hinweis,.preise-kurz-filialen,.preise-kurz-provision{text-align:center;color:var(--muted);margin-top:14px}
.preise-kurz-hinweis{font-family:var(--f-display);font-size:22px;font-weight:700;color:var(--fg)}
.preise-kurz-link{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:18px}