.einstieg{--ader: #3db8b8;--ader-naechste: #c9a84c;position:relative;width:min(920px,100%);margin-inline:auto;padding-inline:clamp(16px,4vw,56px)}.einstieg-strecke{position:relative;display:grid;gap:0}.einstieg-strecke:before{content:"";position:absolute;z-index:0;inset-block:0;inset-inline-start:0;width:1px;background:linear-gradient(180deg,#3db8b800 0 2%,#3db8b8 8%,#c9a84c 38%,#d4652a,#ff6b00 78%,#c9a84c 92%,#c9a84c00);opacity:.5;pointer-events:none}.einstieg-teil{position:relative;z-index:1;padding:clamp(28px,4vw,52px) clamp(20px,3vw,44px);background:#0b0b0ff7;border-top:1px solid #c9a84c3d;border-inline-start:2px solid var(--ader)}.einstieg-teil:first-child{border-top:0}.einstieg-teil+.einstieg-teil{margin-top:1px}.einstieg-teil>*+*{margin-top:clamp(18px,2.2vw,26px)}.einstieg-kicker{margin:0;font:700 .66rem/1.5 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ader)}.einstieg-teil h1{margin:0;max-width:18ch;font:400 clamp(2.9rem,6.5vw,5rem)/.95 var(--font-display);letter-spacing:-.035em;color:#f4efe6;text-wrap:balance}.einstieg-teil h2{margin:0;max-width:24ch;font:400 clamp(1.9rem,3.6vw,3rem)/1.04 var(--font-display);letter-spacing:-.028em;color:#f4efe6;text-wrap:balance}.einstieg-zug{display:grid;gap:8px}.einstieg-wer{display:flex;align-items:center;gap:9px;font:700 .56rem/1.4 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#6acac3}.einstieg-wer .ori-pixel{width:32px;height:32px}.einstieg-lese{display:grid;gap:1.1em;max-width:64ch}.einstieg-lese p{margin:0;font:400 clamp(1.06rem,1.35vw,1.22rem)/1.72 var(--font-lesetext);color:#dcd5c8}.einstieg-lese p:first-child{color:#f4efe6}.einstieg-tafel{margin:0;display:grid;gap:14px}.einstieg-tafel img{display:block;width:100%;height:auto;border:1px solid #c9a84c4d;border-radius:0}.einstieg-tafel figcaption{max-width:52ch;font:400 .95rem/1.6 var(--font-lesetext);font-style:italic;color:#bdb3a4}.einstieg-saeulen{display:grid;gap:0;margin:0;padding:0;list-style:none}.einstieg-saeulen li{display:grid;grid-template-columns:76px minmax(0,1fr);gap:4px 22px;align-items:center;padding-block:clamp(18px,2.4vw,26px);border-top:1px solid #ffffff14}.einstieg-saeulen li:first-child{border-top:0}.einstieg-saeulen img{grid-row:1 / span 2;width:76px;height:76px;border:1px solid color-mix(in srgb,var(--saeule) 45%,transparent);border-radius:0}.einstieg-saeulen strong{font:400 clamp(1.5rem,2.4vw,2.1rem)/1.1 var(--font-display);letter-spacing:-.02em;color:var(--saeule)}.einstieg-saeulen span{max-width:56ch;font:400 1rem/1.62 var(--font-lesetext);color:#c8c0b4}.einstieg-module{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;background:#c9a84c24}.einstieg-module a{position:relative;display:grid;grid-template-rows:auto 1fr;height:100%;background:#0d1012;text-decoration:none;transition:background var(--dur-flink) var(--ease-blatt)}.einstieg-module a:hover,.einstieg-module a:focus-visible{background:#111718}.einstieg-module a:focus-visible{outline:2px solid #3db8b8;outline-offset:-3px;z-index:2}.einstieg-module img{display:block;width:100%;height:108px;object-fit:cover;object-position:center;filter:saturate(.9) contrast(1.02);transition:filter var(--dur-flink) var(--ease-blatt)}.einstieg-module a:hover img{filter:saturate(1.02) contrast(1.05)}.einstieg-module .modul-text{display:grid;align-content:start;gap:7px;padding:clamp(18px,2.2vw,26px)}.einstieg-module strong{font:400 clamp(1.4rem,2vw,1.85rem)/1.1 var(--font-display);letter-spacing:-.02em;color:#f4efe6}.einstieg-module span{max-width:44ch;font:400 .97rem/1.6 var(--font-lesetext);color:#c0b8ab}.einstieg-schritte{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:schritt}.einstieg-schritte li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;align-items:center;padding-block:clamp(16px,2.2vw,24px);border-top:1px solid #ffffff14}.einstieg-schritte li:first-child{border-top:0}.einstieg-schritte .zeichen{display:grid;place-items:center;width:56px;height:56px;background:#08090b;border:1px solid #c9a84c3d}.einstieg-schritte .zeichen img{width:34px;height:34px}.einstieg-schritte .zeichen .ori-pixel{width:32px;height:32px}.einstieg-schritte .zeichen .zahl{font:700 .8rem/1 var(--font-mono);letter-spacing:.06em;color:#e2bb79}.einstieg-schritte p{margin:0;max-width:62ch;font:400 1.03rem/1.68 var(--font-lesetext);color:#d1c9bc}.einstieg-glossar{display:grid;gap:clamp(18px,2.4vw,26px)}.einstieg-glossar-kopf{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start}.einstieg-glossar-kopf img{width:44px;height:44px;flex:none}.einstieg-glossar-kopf p{margin:0;max-width:62ch;font:400 1.03rem/1.68 var(--font-lesetext);color:#d1c9bc}.einstieg-begriffe{display:flex;flex-wrap:wrap;gap:10px 20px;margin:0;padding-top:4px}.einstieg-glossar-weg{justify-self:start;display:inline-flex;align-items:center;gap:18px;min-height:50px;padding:12px 20px;background:#ff6b00;color:#0b0b0f;font:700 .72rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-radius:0}.einstieg-glossar-weg:hover{background:#ff8129;color:#0b0b0f}.einstieg-glossar-weg:focus-visible{outline:2px solid #3db8b8;outline-offset:4px}.einstieg-teil:last-child{padding-block:clamp(18px,2vw,26px)}.einstieg-hinweis{margin:0;max-width:76ch;font:400 .72rem/1.65 var(--font-mono);color:#9a958a}@media(max-width:780px){.einstieg-module{grid-template-columns:1fr}.einstieg-saeulen li{grid-template-columns:56px minmax(0,1fr);gap:4px 16px}.einstieg-saeulen img{width:56px;height:56px}.einstieg-teil{padding-inline:clamp(16px,4vw,24px)}}@media(prefers-reduced-motion:reduce){.einstieg-module a,.einstieg-module img{transition:none}}