#stx-lesson{--paper:#FFFFFF;--paper-soft:#F4F6FB;--paper-blau:#EDF2FA;--ink:#1B2027;--ink-soft:#4A5464;--ink-faint:#626B7A;--rail:#DFE5F0;--rail-2:#C6CEDE;--blau:#3C5B98;--blau-dunkel:#2E4879;--gruen:#16743A;--shadow:0 1px 2px rgba(20,30,50,.05),0 10px 30px -18px rgba(20,30,50,.28);--mono:ui-monospace,"Cascadia Code","Segoe UI Mono","Roboto Mono",Consolas,monospace;--text:740px;--breit:1080px;--medien:760px;--band-x:24px;font-family:noto sans,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);font-size:17px;line-height:1.7;background:var(--paper)}#stx-lesson *,#stx-lesson *::before,#stx-lesson *::after{box-sizing:border-box}#stx-lesson h1,#stx-lesson h2,#stx-lesson h3{font-family:inherit;color:var(--ink);letter-spacing:-.02em;line-height:1.25;margin:0;overflow-wrap:break-word;hyphens:auto}#stx-lesson p{margin:0 0 18px}#stx-lesson a{color:var(--blau);text-decoration:underline;text-underline-offset:3px}#stx-lesson a:hover{color:var(--blau-dunkel)}#stx-lesson :focus-visible{outline:3px solid rgba(60,91,152,.6);outline-offset:2px;border-radius:5px}#stx-lesson .stx-lesson-wrap{display:grid;gap:0 24px;grid-template-columns:[breit-start] minmax(0,1fr) [text-start] minmax(0,var(--text)) [text-end] minmax(0,1fr) [breit-end];max-width:var(--breit);margin:0 auto;padding:0 24px}#stx-lesson .stx-lesson-wrap>*{grid-column:text}#stx-lesson .stx-lesson-wrap>.breit{grid-column:breit}#stx-lesson .stx-lesson-head{padding:clamp(24px,3.5vw,40px)0 0}#stx-lesson .stx-lesson-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.88rem;color:var(--ink-faint);margin-bottom:16px}#stx-lesson .stx-lesson-crumb a{color:var(--blau);font-weight:600}#stx-lesson .stx-lesson-crumb .stx-lesson-nr{font-family:var(--mono);font-size:.76rem;font-weight:700;letter-spacing:.06em;color:var(--ink-faint);background:var(--paper-blau);border:1px solid var(--rail);border-radius:999px;padding:2px 9px}#stx-lesson .stx-lesson-crumb .stx-lesson-pfeil{color:var(--rail-2)}#stx-lesson h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;margin-bottom:20px}#stx-lesson .stx-lesson-ziele{background:var(--paper-blau);border:1px solid var(--rail);border-radius:12px;padding:20px var(--band-x);margin:0 0 24px}#stx-lesson .stx-lesson-ziele h2{font-family:var(--mono);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px}#stx-lesson .stx-lesson-keypoints{list-style:none;margin:0;padding:0;display:grid;gap:12px 26px;grid-template-columns:1fr}@media(min-width:640px){#stx-lesson .stx-lesson-keypoints{grid-template-columns:1fr 1fr}}#stx-lesson .stx-lesson-keypoints li{position:relative;margin:0;padding-left:30px;font-size:.97rem;line-height:1.55;color:var(--ink)}#stx-lesson .stx-lesson-keypoints li::before{content:'';position:absolute;left:0;top:2px;width:19px;height:19px;border-radius:6px;background:#fff;border:1px solid var(--rail-2)}#stx-lesson .stx-lesson-keypoints li::after{content:'';position:absolute;left:6px;top:7px;width:5px;height:9px;border:solid var(--blau);border-width:0 1.9px 1.9px 0;transform:rotate(43deg)}#stx-lesson .stx-lesson-compare{width:min(100%,var(--medien));margin:30px auto;display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:720px){#stx-lesson .stx-lesson-compare{grid-template-columns:1fr 1fr}}#stx-lesson .stx-lesson-compare-karte{background:#fff;border:1px solid var(--rail);border-radius:12px;padding:20px 22px;box-shadow:var(--shadow)}#stx-lesson .stx-lesson-compare-karte>h3{font-family:var(--mono);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 14px}#stx-lesson .stx-lesson-compare dl{margin:0}#stx-lesson .stx-lesson-compare dl>div{position:relative;padding-left:26px;margin-top:14px}#stx-lesson .stx-lesson-compare dl>div:first-child{margin-top:0}#stx-lesson .stx-lesson-compare dl>div::before{content:'';position:absolute;left:0;top:5px;width:11px;height:11px;border-radius:4px;background:var(--paper-blau);border:1.5px solid var(--blau)}#stx-lesson .stx-lesson-compare dt{font-weight:700;font-size:.97rem;color:var(--ink);margin:0}#stx-lesson .stx-lesson-compare dd{margin:2px 0 0;font-size:.93rem;line-height:1.55;color:var(--ink-soft)}#stx-lesson .stx-lesson-hint{border-left:3px solid var(--rail-2);padding:2px 0 2px 16px;margin:0 0 26px;font-size:.95rem;color:var(--ink-soft)}#stx-lesson .stx-lesson-toc{background:#fff;border:1px solid var(--rail);border-radius:12px;padding:18px 22px;margin:0 0 30px}#stx-lesson .stx-lesson-toc h2{font-family:var(--mono);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:10px}#stx-lesson .stx-lesson-toc ol{margin:0;padding-left:20px}#stx-lesson .stx-lesson-toc li{margin-top:4px;font-size:.95rem}#stx-lesson .stx-lesson-toc a{text-decoration:none}#stx-lesson .stx-lesson-toc a:hover{text-decoration:underline}#stx-lesson .stx-lesson-section{margin-bottom:8px}#stx-lesson :where(h2,h3,section,nav,span)[id]{scroll-margin-top:96px}body.admin-bar #stx-lesson :where(h2,h3,section,nav,span)[id]{scroll-margin-top:128px}@media(max-width:782px){body.admin-bar #stx-lesson :where(h2,h3,section,nav,span)[id]{scroll-margin-top:142px}}@media(max-width:600px){body.admin-bar #stx-lesson :where(h2,h3,section,nav,span)[id]{scroll-margin-top:96px}}#stx-lesson h2{font-size:clamp(1.3rem,2.4vw,1.6rem);font-weight:800;margin:38px 0 14px}#stx-lesson h3{font-size:clamp(1.08rem,1.8vw,1.22rem);font-weight:700;margin:28px 0 12px}#stx-lesson figure{width:min(100%,var(--medien));margin:30px auto}#stx-lesson .stx-lesson-shot img,#stx-lesson .stx-lesson-image img{display:block;margin:0 auto;width:100%;max-width:min(100%,var(--bild,100%));height:auto;border:1px solid var(--rail-2);border-radius:10px;background:var(--paper-soft)}#stx-lesson .stx-lesson-shot figcaption,#stx-lesson .stx-lesson-image figcaption{display:block;max-width:min(100%,var(--bild,100%));margin-left:auto;margin-right:auto}#stx-lesson .stx-lesson-caption{margin:10px 0 0;font-size:.88rem;line-height:1.55;color:var(--ink-faint)}#stx-lesson figure a{display:block;margin:0 auto;text-decoration:none;width:100%;max-width:min(100%,var(--bild,100%))}#stx-lesson figure a:hover img{border-color:var(--blau)}#stx-lesson .stx-lesson-code{font-family:var(--mono);font-size:.94rem;line-height:1.6;background:var(--paper-soft);border:1px solid var(--rail);border-left:3px solid var(--blau);border-radius:8px;padding:12px 16px;margin:0 0 22px;overflow-x:auto;white-space:pre;color:var(--ink)}#stx-lesson code{font-family:var(--mono);font-size:.9em;background:var(--paper-blau);border:1px solid var(--rail);border-radius:5px;padding:1px 5px}#stx-lesson .stx-lesson-code code{background:0 0;border:0;padding:0;font-size:1em}#stx-lesson .stx-lesson-note{background:#fff;border:1px solid var(--rail);border-left:4px solid var(--gruen);border-radius:10px;padding:16px 20px;margin:0 0 26px;box-shadow:var(--shadow)}#stx-lesson .stx-lesson-note>b{display:block;font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gruen);margin-bottom:6px}#stx-lesson .stx-lesson-note p{margin:0;font-size:.97rem}#stx-lesson .stx-lesson-praxis{background:var(--paper-soft);border:1px solid var(--rail);border-radius:10px;padding:16px 20px;margin:0 0 26px}#stx-lesson .stx-lesson-praxis>b{display:block;font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px}#stx-lesson .stx-lesson-praxis p{margin:0;font-size:.97rem;color:var(--ink-soft)}#stx-lesson .stx-lesson-summary{background:var(--paper-blau);border:1px solid var(--rail-2);border-radius:12px;padding:clamp(20px,3vw,28px)var(--band-x);margin:40px 0 0}#stx-lesson .stx-lesson-summary h2{margin-top:0;font-size:1.2rem}#stx-lesson .stx-lesson-summary .stx-lesson-keypoints{margin-top:16px}#stx-lesson .stx-lesson-summary .stx-lesson-keypoints li::before{border-color:var(--rail-2)}#stx-lesson .stx-lesson-related{margin:34px 0 0}#stx-lesson .stx-lesson-related h2{font-family:var(--mono);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 10px}#stx-lesson .stx-lesson-related p{margin-bottom:14px}#stx-lesson .stx-lesson-nav{display:grid;gap:12px;margin:30px 0 0;padding-top:26px;border-top:1px solid var(--rail);grid-template-columns:1fr}@media(min-width:720px){#stx-lesson .stx-lesson-nav{grid-template-columns:1fr auto 1fr;align-items:center}#stx-lesson .stx-lesson-nav .nav-vor{justify-self:start}#stx-lesson .stx-lesson-nav .nav-mitte{justify-self:center}#stx-lesson .stx-lesson-nav .nav-nach{justify-self:end;text-align:right}}@media(max-width:719px){#stx-lesson .stx-lesson-nav>div:empty{display:none}}#stx-lesson .stx-lesson-nav a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;line-height:1.2;padding:10px 20px;border-radius:10px;text-decoration:none;font-size:.97rem;font-weight:700;border:1px solid var(--rail-2);background:#fff;color:var(--blau);transition:border-color .15s ease,color .15s ease;white-space:nowrap}@media(max-width:370px){#stx-lesson .stx-lesson-nav a{padding-left:12px;padding-right:12px;font-size:.9rem}}@media(max-width:330px){#stx-lesson .stx-lesson-nav a{padding-left:10px;padding-right:10px;font-size:.86rem}}#stx-lesson .stx-lesson-nav a:hover{border-color:var(--blau);color:var(--blau-dunkel)}#stx-lesson .stx-lesson-nav .nav-nach a{background:var(--blau);color:#fff;border-color:transparent}#stx-lesson .stx-lesson-nav .nav-nach a:hover{background:var(--blau-dunkel);color:#fff}#stx-lesson .stx-lesson-nav svg{width:15px;height:15px;flex:none}#stx-lesson .stx-lesson-comments{margin:36px 0 0;padding-top:28px;border-top:1px solid var(--rail)}#stx-lesson .stx-lesson-comments h2{margin-top:0;font-size:1.2rem}#stx-lesson .stx-lesson-comments p{font-size:.97rem;color:var(--ink-soft)}#stx-lesson .stx-lesson-video{width:min(100%,var(--medien));margin:0 auto 32px}#stx-lesson .stx-lesson-video-hinweis{width:100%;margin:0 0 10px;font-size:.95rem;color:var(--ink-soft)}#stx-lesson .stx-lesson-video-frame{width:100%;aspect-ratio:16/9;background:var(--ink);border:1px solid var(--rail-2);border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}#stx-lesson .stx-lesson-video-frame iframe{display:block;width:100%;height:100%;border:0}#stx-lesson .stx-lesson-download{display:flex;flex-wrap:wrap;align-items:center;gap:14px;background:#fff;border:1px solid var(--rail);border-left:4px solid var(--blau);border-radius:10px;padding:16px 20px;margin:0 0 26px;box-shadow:var(--shadow)}@media(max-width:820px){#stx-lesson .stx-lesson-wrap{padding-left:20px;padding-right:20px;gap:0}}@media(max-width:620px){#stx-lesson{font-size:16px;--band-x:18px}#stx-lesson .stx-lesson-ziele,#stx-lesson .stx-lesson-toc{padding:16px var(--band-x)}#stx-lesson .stx-lesson-code{font-size:.86rem}}@media(prefers-reduced-motion:reduce){#stx-lesson *{transition:none!important}}