/* Produkt-Drill-Down Badge – HTML/CSS-Komponente (2026-09-04 v2)
   Ersetzt die skalierten SVG-Bilder: Text bleibt in jeder Groesse lesbar.
   .dd-chip            Inline-Chip (Listen, Karten, Schalter)     ~30 px hoch
   .dd-chip--sm        kleiner Chip (Generator-Schalter)           ~24 px
   .dd-chip--lg        grosser Chip (Feature-Karten)               ~38 px
   .dd-banner          Banner mit Datenzeile (Sektionen, Pro-Seite) ~64 px
   Farben: Navy #0c1018, Blau→Gruen-Rahmen, Amber-PRO. Funktioniert auf hellem und dunklem Grund. */
.dd-chip,.dd-banner{--dd-bd:linear-gradient(90deg,#60a5fa,#34d399);--dd-amber:linear-gradient(90deg,#f59e0b,#d97706);
  display:inline-flex;align-items:center;gap:8px;box-sizing:border-box;vertical-align:middle;white-space:nowrap;text-decoration:none;
  color:#e8ecf2;background:#0c1018;border:1.5px solid transparent;border-radius:999px;
  background-image:linear-gradient(#0c1018,#0c1018),var(--dd-bd);background-origin:border-box;background-clip:padding-box,border-box;
  font-family:Poppins,'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;font-weight:700;line-height:1;letter-spacing:.01em;text-transform:none;flex:none}
.dd-chip{font-size:.82rem;padding:6px 12px 6px 9px}
.dd-chip i,.dd-banner i{flex:none;display:inline-block;width:1.25em;height:1.25em;background:url(/assets/badges/drilldown-icon.svg) center/contain no-repeat}
.dd-chip .dd-pro,.dd-banner .dd-pro{flex:none;background:var(--dd-amber);color:#0c1018;font-size:.68em;font-weight:800;letter-spacing:.06em;padding:.32em .6em;border-radius:999px;margin-left:2px}
.dd-chip--sm{font-size:.72rem;padding:4px 9px 4px 7px;gap:6px}
.dd-chip--lg{font-size:1rem;padding:9px 16px 9px 12px;gap:10px}
.dd-banner{border-radius:16px;padding:10px 16px 10px 12px;gap:12px;font-size:1.05rem;text-align:left}
.dd-banner i{width:32px;height:32px}
.dd-banner .dd-txt{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.dd-banner .dd-sub{font-size:.7rem;font-weight:500;color:#9aa0b0;letter-spacing:.02em;white-space:normal}
.dd-banner--xl{font-size:1.3rem;padding:14px 22px 14px 16px;gap:16px;border-radius:20px}
.dd-banner--xl i{width:44px;height:44px}.dd-banner--xl .dd-sub{font-size:.82rem}
a.dd-chip:hover,a.dd-banner:hover{filter:brightness(1.12)}
@media(max-width:480px){.dd-banner--xl{font-size:1.05rem;padding:10px 16px 10px 12px}.dd-banner--xl i{width:32px;height:32px}.dd-banner--xl .dd-sub{font-size:.7rem}}