.kat-kopf{align-items:end}.kat-live{padding-top:var(--space-5);border-top:1px solid var(--line-strong);color:var(--ink-muted);grid-column:9/span 4;gap:8px;font-size:15px;line-height:22px;display:grid}.kat-live strong{color:var(--ink);align-items:center;gap:8px;font-weight:500;display:inline-flex}.kat-puls{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 0 var(--accent);border-radius:50%}.kat-reiter{margin-bottom:var(--space-7);flex-wrap:wrap;gap:8px;display:flex;position:relative}.kat-reiter button{z-index:1;border-radius:var(--radius-full);border:1px solid var(--line-strong);height:48px;color:var(--ink);font-family:var(--font-sans);cursor:pointer;transition:color var(--dauer-1) var(--kurve-standard);background:0 0;align-items:center;gap:10px;padding:0 18px;font-size:16px;font-weight:500;display:inline-flex;position:relative}.kat-reiter button:focus-visible{box-shadow:var(--focus-ring);outline:none}.kat-reiter button[aria-selected=true]{color:var(--on-accent);border-color:#0000}.kat-reiter .kat-anz{font-family:var(--font-mono);color:inherit;opacity:.8;font-size:13px}.kat-pille{z-index:0;border-radius:var(--radius-full);background:var(--surface-accent);pointer-events:none;height:48px;position:absolute;top:0;left:0}@media (hover:hover){.kat-reiter button[aria-selected=false]:hover{background:var(--surface-2)}}.kat-produkt-kopf{gap:var(--spalten-abstand);margin-bottom:var(--space-6);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;display:grid}.kat-produkt-kopf .lh-actions{justify-content:flex-end}.kat-gruppe+.kat-gruppe{margin-top:var(--space-8)}.kat-gruppe-titel{margin-bottom:var(--space-4);color:var(--ink-muted);align-items:baseline;gap:12px;font-size:15px;line-height:22px;display:flex}.kat-gruppe-titel strong{font-family:var(--font-display);color:var(--ink);font-size:21px}.kat-gitter{gap:var(--spalten-abstand);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.kat-paket{padding:var(--space-5);border-radius:var(--radius-l);border:1px solid var(--line-strong);background:var(--surface);transition:border-color var(--dauer-2) var(--kurve-standard), transform var(--dauer-2) var(--kurve-raus);flex-direction:column;gap:12px;display:flex}@media (hover:hover){.kat-paket:hover{border-color:var(--accent);transform:translateY(-3px)}}.kat-paket h4{font-family:var(--font-display);margin:0;font-size:21px;font-weight:700;line-height:1.25}.kat-paket>p{color:var(--ink-muted);font-size:15px;line-height:23px}.kat-typ{align-self:flex-start}.kat-bausteine{flex-wrap:wrap;gap:6px;padding-top:8px;display:flex}.kat-baustein{border-radius:var(--radius-s);border:1px solid var(--line);min-height:32px;color:var(--ink);font-family:var(--font-sans);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:6px;padding:4px 10px;font-size:13px;line-height:18px;display:inline-flex}.kat-baustein:focus-visible{box-shadow:var(--focus-ring);outline:none}.kat-baustein[aria-expanded=true]{border-color:var(--accent);background:var(--surface-2)}.kat-baustein .lh-i{transition:transform var(--dauer-1) var(--kurve-standard);flex:none}.kat-baustein[aria-expanded=true] .lh-i{transform:rotate(45deg)}@media (hover:hover){.kat-baustein:hover{background:var(--surface-2)}}.kat-erklaerung{border-radius:var(--radius-s);background:var(--surface-2);color:var(--ink);margin:0;padding:10px 12px;font-size:14px;line-height:21px;overflow:hidden}.kat-leer{gap:var(--space-4);max-width:640px;padding:var(--space-6);border-radius:var(--radius-l);border:1px dashed var(--line-strong);display:grid}.kat-leer p{color:var(--ink-muted)}.kat-laden{gap:var(--spalten-abstand);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.kat-laden span{border-radius:var(--radius-l);background:var(--surface-2);opacity:.35;height:240px}@container vp (max-width:1100px){.kat-gitter,.kat-laden{grid-template-columns:repeat(2,minmax(0,1fr))}}@container vp (max-width:1000px) and (min-width:701px){.kat-live{grid-column:8/span 5}}@container vp (max-width:700px){.kat-live{margin-top:var(--space-5);grid-column:1}.kat-reiter{margin-bottom:var(--space-6)}.kat-reiter button,.kat-pille{height:var(--ziel-min)}.kat-produkt-kopf{grid-template-columns:1fr}.kat-produkt-kopf .lh-actions{justify-content:flex-start}.kat-gitter,.kat-laden{grid-template-columns:1fr}.kat-paket{padding:20px}}@media (prefers-reduced-motion:reduce){.kat-paket,.kat-baustein .lh-i{transition:none}.kat-paket:hover{transform:none}}