@layer components{.lw-gruppe{gap:var(--space-5)}@media (max-width:39.99rem){.ui-pool-group.lw-gruppe{padding-inline:var(--space-4)}.lw-weg{--lw-knopf:2.5rem}.lw-station{column-gap:var(--space-3)}.lw-karte{padding:var(--space-3) var(--space-4)}}@media (max-width:23rem){.ui-pool-group.lw-gruppe{padding-inline:var(--space-3)}.lw-weg{--lw-knopf:2.25rem}.lw-station{column-gap:var(--space-2)}.lw-units{padding-inline:var(--space-2)}.lw-nr{font-size:var(--fs-1)}.lw-karte{padding:var(--space-3)}.lw-name{font-size:var(--fs-2)}}.lw-gruppe{container:lernweg/inline-size}@container lernweg (max-width:19.5rem){.lw-weg>.lw-station{row-gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.lw-weg>.lw-station>.lw-karte{z-index:1}}@container lernweg (max-width:16rem){.lw-karte>.lw-name{font-size:var(--fs-1)}.lw-karte>.lw-units{gap:var(--space-1);padding-inline:var(--space-2)}}.lw-name,.lw-desc,.lw-units{overflow-wrap:break-word}.lw-units{max-width:100%}.lw-titel{font-size:var(--fs-4)}.lw-weg{--lw-knopf:2.75rem;--lw-x:calc(var(--lw-knopf) / 2);gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid;position:relative}.lw-weg:before,.lw-weg:after{content:"";top:calc(var(--lw-knopf) / 2);bottom:calc(var(--lw-knopf) / 2);left:calc(var(--lw-x) - 1px);pointer-events:none;border-radius:1px;width:2px;position:absolute}.lw-weg:before{background:var(--accent-line)}.lw-weg:after{background:var(--accent-edge);transform-origin:50% 0}.lw-station{grid-template-columns:var(--lw-knopf) minmax(0, 1fr);column-gap:var(--space-4);align-items:start;display:grid;position:relative}.lw-nr{z-index:1;width:var(--lw-knopf);height:var(--lw-knopf);border:2px solid var(--accent-edge);background:var(--accent-a);color:var(--on-accent);box-shadow:0 0 0 5px var(--card);font:var(--weight-heading) var(--fs-2) / 1 var(--font-display);font-variant-numeric:lining-nums tabular-nums;border-radius:50%;place-items:center;display:grid;position:relative}.lw-karte{gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--card) 0%, var(--card-end) 100%);grid-template-columns:minmax(0,1fr);align-content:start;min-width:0;display:grid;position:relative}.lw-name{font:var(--weight-heading) var(--fs-3) / 1.25 var(--font-display);color:var(--heading);-webkit-hyphens:manual;hyphens:manual}.lw-units{justify-self:start;align-items:center;gap:var(--space-2);padding:.125rem var(--space-3);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text);font-weight:var(--weight-strong);display:inline-flex}.lw-striche{gap:3px;display:inline-flex}.lw-strich{background:currentColor;border-radius:2px;width:4px;height:.875rem;display:block}.lw-desc{color:var(--text-muted);max-width:var(--measure)}@media (min-width:64rem){.lw-weg{--lw-x:50%;grid-template-columns:minmax(0, 1fr) var(--lw-knopf) minmax(0, 1fr);column-gap:var(--space-5);row-gap:var(--space-3)}.lw-station{grid-template-columns:subgrid}.lw-station:nth-child(odd){grid-column:1/3}.lw-station:nth-child(odd) .lw-nr{grid-area:1/2}.lw-station:nth-child(odd) .lw-karte{grid-area:1/1}.lw-station:nth-child(2n){grid-column:2/4}.lw-station:first-child{grid-row:1/span 2}.lw-station:nth-child(2){grid-row:2/span 2}.lw-station:nth-child(3){grid-row:3/span 2}.lw-station:nth-child(4){grid-row:4/span 2}.lw-station:nth-child(5){grid-row:5/span 2}.lw-station:nth-child(6){grid-row:6/span 2}.lw-station:nth-child(7){grid-row:7/span 2}.lw-station:nth-child(8){grid-row:8/span 2}.lw-station:nth-child(9){grid-row:9/span 2}.lw-station:nth-child(10){grid-row:10/span 2}.lw-station:nth-child(11){grid-row:11/span 2}.lw-station:nth-child(12){grid-row:12/span 2}.lw-karte:before{content:"";top:calc(var(--lw-knopf) / 2);width:var(--space-5);background:var(--accent-line);height:1px;position:absolute}.lw-station:nth-child(odd) .lw-karte:before{right:calc(var(--space-5) * -1)}.lw-station:nth-child(2n) .lw-karte:before{left:calc(var(--space-5) * -1)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){:root[data-motion=on] .lw-weg{view-timeline:--lw-weg block}:root[data-motion=on] .lw-weg:after{animation:linear both lw-linie;animation-timeline:--lw-weg;animation-range:cover 15% cover 82%}:root[data-motion=on] .lw-station{view-timeline:--lw-station block}:root[data-motion=on] .lw-nr{animation:linear both lw-knoten;animation-timeline:--lw-station;animation-range:cover 30% cover 44%}}}@keyframes lw-linie{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes lw-knoten{0%{background:var(--card);color:var(--accent-text);transform:scale(.88)}to{background:var(--accent-a);color:var(--on-accent);transform:scale(1)}}}