.u-lehr{--a:#ffd34d;--b:#e9ab12;--c:#c48600;--d:#9c6a00;--tg:clamp(1.7rem, 7.4vw, 2.2rem);--mitte:calc(var(--tg) * .51);--rg:clamp(.92rem, 4.1vw, 1.08rem);gap:1.6rem;display:grid;position:relative}#u-lehr-1:checked~.u-lehr-schalter,.u-lehr-plan[data-plan="1"]{--a:#fff4c9;--b:#ffd34d;--c:#f8bc15;--d:#d99a00}.u-lehr-wahl{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0}.u-lehr-schalter{isolation:isolate;background:#ffffff0d;border:1px solid #ffffff29;border-radius:999px;grid-template-columns:1fr 1fr;width:100%;max-width:460px;padding:5px;display:grid;position:relative}.u-lehr-reiter{min-height:52px;font-size:var(--rg);text-transform:uppercase;letter-spacing:.04em;color:#f5f2ea;white-space:nowrap;-webkit-hyphens:none;hyphens:none;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;place-items:center;padding:0 .75rem;line-height:1;display:grid}.u-lehr-daumen{z-index:1;pointer-events:none;background:linear-gradient(110deg, var(--a), var(--b) 48%, var(--c));clip-path:inset(5px 50% 5px 5px round 999px);border-radius:999px;grid-template-columns:1fr 1fr;padding:5px;transition:clip-path .55s cubic-bezier(.34,1.3,.64,1);display:grid;position:absolute;inset:0}.u-lehr-daumen>span{place-items:center;display:grid}.u-lehr-daumen>span:before{content:attr(data-t);content:attr(data-t) / "";font-family:var(--font-display);font-weight:800;font-stretch:86%;font-size:var(--rg);text-transform:uppercase;letter-spacing:.04em;color:#171200;white-space:nowrap;line-height:1}#u-lehr-1:checked~.u-lehr-schalter .u-lehr-daumen{clip-path:inset(5px 5px 5px 50% round 999px)}#u-lehr-0:focus-visible~.u-lehr-schalter .u-lehr-reiter:first-of-type,#u-lehr-1:focus-visible~.u-lehr-schalter .u-lehr-reiter:nth-of-type(2){outline-offset:3px;outline:3px solid #ffd34d}.u-lehr-plan{display:none}#u-lehr-0:checked~.u-lehr-plan[data-plan="0"],#u-lehr-1:checked~.u-lehr-plan[data-plan="1"]{display:contents}@keyframes u-lehr-ein{0%{opacity:0;transform:translateY(18px)}}.u-lehr-kopf{animation:u-lehr-ein .6s var(--ease) both}.u-lehr-bahn{animation:u-lehr-ein .7s var(--ease) 80ms both}.u-lehr-akzent{background:linear-gradient(100deg, var(--a), var(--b) 45%, var(--c));color:#0000;-webkit-background-clip:text;background-clip:text}.u-lehr-bahn{position:relative}.u-lehr-inhalt{padding:0 0 1.5rem 2.6rem;position:relative}.u-lehr-inhalt:last-child{padding-bottom:0}.u-lehr-inhalt:not(:last-child):before,.u-lehr-inhalt:not(:last-child):after{content:"";top:var(--mitte);border-radius:4px;height:100%;position:absolute}.u-lehr-inhalt:not(:last-child):before{background:#ffffff21;width:2px;left:9px}.u-lehr-inhalt:not(:last-child):after{transform-origin:top;width:4px;transform:scaleY(var(--s,1));background:linear-gradient(180deg, var(--von,var(--a)), var(--bis,var(--c)));left:8px}.u-lehr-inhalt:first-child{--von:var(--a);--bis:var(--b)}.u-lehr-inhalt:nth-child(2){--von:var(--b);--bis:var(--c)}.u-lehr-inhalt:nth-child(3){--von:var(--c);--bis:var(--d)}.u-lehr-inhalt:nth-child(4){--von:var(--d);--bis:var(--d)}.u-lehr-lauf{left:0;top:var(--mitte);pointer-events:none;opacity:0;width:20px;height:100%;transform:translateY(calc(var(--s,1) * 100%));position:absolute}.u-lehr-inhalt[data-spitze] .u-lehr-lauf{opacity:1}.u-lehr-funke{width:12px;height:12px;box-shadow:0 0 0 3px #ffd34d59, 0 0 18px 4px var(--bis,var(--c));background:#fff7d6;border-radius:50%;position:absolute;top:-6px;left:4px}@keyframes u-lehr-puls{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.u-lehr-funke:after{content:"";border:2px solid var(--a);border-radius:50%;animation:1.4s ease-out infinite u-lehr-puls;position:absolute;inset:-2px}.u-lehr-knoten{left:0;top:calc(var(--mitte) - 10px);z-index:1;width:20px;height:20px;transition:transform .45s var(--ease-feder);background:#111213;border:2px solid #ffffff4d;border-radius:50%;position:absolute}.u-lehr-knoten:after{content:"";background:linear-gradient(140deg, var(--von,var(--a)), var(--bis,var(--c)));box-shadow:0 0 22px var(--bis,var(--c));border-radius:50%;position:absolute;inset:-2px}.u-lehr-knoten:before{content:"";border:2px solid var(--von,var(--a));opacity:0;border-radius:50%;position:absolute;inset:-2px}.u-lehr[data-lebt] .u-lehr-inhalt[data-an] .u-lehr-knoten:before{animation:.9s ease-out u-lehr-puls}.u-lehr-titel{font-family:var(--font-plakat,var(--font-display));text-transform:uppercase;font-stretch:68%;font-size:var(--tg);letter-spacing:0;transition:transform .45s var(--ease);line-height:1.02;position:relative}.u-lehr-titel:before{content:attr(data-t);content:attr(data-t) / "";pointer-events:none;opacity:0;color:#f5f2ea4d;position:absolute;inset:0}.u-lehr-titel>span{background:linear-gradient(95deg, var(--a), var(--b) 42%, var(--c) 88%);color:#0000;clip-path:inset(-.12em 0 -.18em);-webkit-background-clip:text;background-clip:text;display:block;position:relative}.u-lehr-text{color:#c9c7c0;max-width:50ch;margin-top:.45rem;font-size:1rem;line-height:1.5}.u-lehr[data-lebt] .u-lehr-inhalt:not([data-an]) .u-lehr-knoten:after{opacity:0;transform:scale(0)}.u-lehr[data-lebt] .u-lehr-inhalt:not([data-an]) .u-lehr-titel:before{opacity:1}.u-lehr[data-lebt] .u-lehr-inhalt:not([data-an]) .u-lehr-titel>span{clip-path:inset(-.12em 100% -.18em 0)}.u-lehr[data-lebt] .u-lehr-inhalt:not([data-an]) .u-lehr-text{opacity:.45;transform:translate(6px)}.u-lehr[data-lebt] .u-lehr-inhalt[data-an] .u-lehr-knoten{transform:scale(1.12)}.u-lehr[data-lebt="2"] .u-lehr-inhalt:after{transition:transform .22s linear}.u-lehr[data-lebt="2"] .u-lehr-lauf{transition:transform .22s linear,opacity .3s}.u-lehr[data-lebt="2"] .u-lehr-knoten:after{transition:transform .5s var(--ease-feder), opacity .3s ease}.u-lehr[data-lebt="2"] .u-lehr-titel:before{transition:opacity .5s .25s}.u-lehr[data-lebt="2"] .u-lehr-titel>span{transition:clip-path .85s var(--ease)}.u-lehr[data-lebt="2"] .u-lehr-text{transition:opacity .6s ease .1s, transform .7s var(--ease) .1s}@media (hover:hover){.u-lehr-inhalt:hover .u-lehr-titel{transform:translate(8px)}.u-lehr-inhalt:hover .u-lehr-knoten{transform:scale(1.4)}}@media (min-width:640px){.u-lehr{--tg:clamp(2.2rem, 3.3vw, 3rem)}.u-lehr-inhalt{padding:0 0 2.1rem 3.4rem}.u-lehr-text{font-size:1.05rem}}@media (min-width:1024px){.u-lehr{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:2.4rem 4.5rem}.u-lehr-schalter{grid-area:1/1}.u-lehr-kopf{grid-area:2/1}.u-lehr-kopf .h2{font-size:clamp(2.2rem,4.3vw,4rem)}.u-lehr-bahn{grid-area:1/2/span 2;padding-top:.35rem}}@media (prefers-reduced-motion:reduce){.u-lehr-kopf,.u-lehr-bahn,.u-lehr-funke:after{animation:none}.u-lehr-lauf{display:none}}