@layer components{.weg-band{border-radius:20px;margin-inline:8px}.weg-band>.container-page{padding-inline:20px}@media (min-width:48rem){.weg-band{margin-inline:var(--rand);border-radius:var(--radius-buehne)}.weg-band>.container-page{padding-inline:32px}}@media (min-width:64rem){.weg-band>.container-page{padding-inline:56px}}.weg-band .abschnitt__kopf{max-width:44em;margin-bottom:32px}@media (min-width:64rem){.weg-band .abschnitt__kopf{margin-bottom:48px}}.weg{--weg-knoten:40px;--weg-abstand:24px;--weg-innen:16px;border-top:0;gap:0;display:grid}.weg__station{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);display:grid;position:relative}.weg__zone{grid-area:1/1;margin-bottom:8px}@media not (min-width:64rem){.weg__knoten{margin:var(--weg-innen) 0 0 var(--weg-innen);z-index:1;place-self:start;position:relative}.weg__karte h3{min-height:var(--weg-knoten);padding-left:calc(var(--weg-knoten) + 12px);align-items:center;display:flex}}@media not (min-width:48rem){.weg__uebergabe{padding-left:calc(var(--weg-innen) + var(--weg-knoten) + 12px)}.weg__uebergabe:before{content:"";top:0;bottom:0;left:calc(var(--weg-innen) + var(--weg-knoten) / 2 - 1px);border-left:2px solid var(--color-line-on-dark);position:absolute}}.weg__chip{background:var(--color-surface-dark);border:1px solid var(--color-line-on-dark);border-radius:var(--radius-chip);min-height:28px;font-size:var(--text-notiz);color:var(--color-accent-on-dark);align-items:center;padding:3px 12px;font-weight:700;line-height:1.5;display:inline-flex}.weg__knoten{width:var(--weg-knoten);height:var(--weg-knoten);border-radius:var(--radius-md);grid-area:2/1}.weg__knoten .ic{width:20px;height:20px}.weg__karte{padding:var(--weg-innen);background:var(--color-surface-dark);border:1px solid var(--color-line-on-dark);border-radius:var(--radius-card);grid-area:2/1}.weg__karte h3{font-size:var(--text-basis);color:var(--color-white);font-weight:700;line-height:1.3}.weg__karte>p{font-size:var(--text-klein);color:var(--color-on-dark-muted);margin-top:12px;line-height:1.55}.weg__bild{margin-top:12px}.weg__uebergabe{grid-area:3/1;align-items:center;min-height:32px;padding-block:8px;display:flex;position:relative}.weg__geraet{border:1.5px solid var(--color-accent-on-dark);border-radius:var(--radius-md);width:36px;height:58px;color:var(--color-accent-on-dark);align-content:space-between;justify-items:center;padding:6px 5px;display:grid}@media (min-width:48rem){.weg__geraet{width:44px;height:72px;padding:8px 7px}}.weg__geraet-blatt{background:var(--color-white);border-radius:2px;gap:3px;width:100%;padding:4px 3px;display:grid}.weg__geraet-blatt i{background:var(--color-line-strong);border-radius:1px;height:2px;display:block}.weg__geraet-blatt i:last-child{width:60%}.weg__ersetzung{font-size:var(--text-klein);color:var(--color-white);gap:6px;line-height:1.55;display:grid}.weg__ersetzung mark{color:var(--color-ink)}.weg__platzhalter{background:color-mix(in srgb, var(--color-accent-on-dark) 14%, transparent);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-notiz);color:var(--color-accent-on-dark);padding:0 6px;font-weight:700;line-height:1.5;display:inline-block}.weg__ort{font-size:var(--text-titel-3);font-weight:700;line-height:var(--text-titel-3--line-height);letter-spacing:var(--text-titel-3--letter-spacing);color:var(--color-white);align-items:flex-start;gap:8px;display:flex}.weg__ort .ic{color:var(--color-accent-on-dark);margin-top:2px}.weg__grenzen{max-width:44em;font-size:var(--text-klein);color:var(--color-on-dark-muted);margin-top:24px;line-height:1.55}.weg__fuss{gap:12px 40px;display:grid}.weg__fuss-satz{align-items:flex-start;gap:8px;display:flex}.weg__fuss-satz .ic{color:var(--color-accent-on-dark);margin-top:3px}.weg__fuss-zusatz{color:var(--color-white);flex-wrap:wrap;gap:6px 16px;font-weight:600;display:flex}.weg__fuss-zusatz li{align-items:center;gap:8px;display:inline-flex}.weg__fuss-zusatz .ic{color:var(--color-accent-on-dark)}@media (min-width:55rem){.weg__fuss{grid-template-columns:minmax(0,1fr) auto;align-items:start}}@media (min-width:48rem){.weg{--weg-innen:20px;gap:8px var(--weg-abstand);grid-template-columns:repeat(2,minmax(0,1fr))}.weg__uebergabe{padding-block:10px 0}}@media (min-width:64rem){.weg{--weg-knoten:48px;gap:0 var(--weg-abstand);grid-template-columns:repeat(4,minmax(0,1fr))}.weg__station{grid-template-rows:40px var(--weg-knoten) minmax(0, 1fr);row-gap:16px}.weg__zone{align-items:center;gap:8px;width:100%;height:40px;margin:0;display:flex;position:absolute;top:0;left:0}.weg__zone:before,.weg__zone:after{content:"";border-top:1px solid var(--color-line-on-dark);flex:1}.weg__station:nth-child(2) .weg__zone{width:calc(300% + 2 * var(--weg-abstand))}.weg__knoten{z-index:1;border-radius:var(--radius-knopf);position:relative}.weg__knoten .ic{width:24px;height:24px}.weg__karte{grid-row:3}.weg__uebergabe{top:calc(40px + 16px + var(--weg-knoten) / 2);left:var(--weg-knoten);width:calc(100% - var(--weg-knoten) + var(--weg-abstand));grid-area:1/1;justify-content:center;min-height:0;padding:0;position:absolute;transform:translateY(-50%)}.weg__uebergabe:before{content:"";border-top:2px solid var(--color-line-on-dark);position:absolute;top:50%;left:0;right:0}.weg__uebergabe:after{content:"";border-top:2px solid var(--color-line-on-dark);border-right:2px solid var(--color-line-on-dark);width:8px;height:8px;position:absolute;top:50%;right:1px;transform:translateY(-50%)rotate(45deg)}.weg__uebergabe .weg__chip{position:relative}.weg__grenzen{margin-top:32px}}@media (min-width:80rem){.weg{--weg-abstand:32px}}}