/* A calm, dedicated learning space. All rules stay scoped to children's pages. */
body.fw271-kids{--kid-accent:#c8ec46;--kid-soft:#f1f7d9;--kid-glass:rgba(244,250,225,.91);--kid-ink:#142d40;--kid-line:#cedbb4;--kid-focus:#648116}
body.fw271-kids[data-kids-theme=violet]{--kid-accent:#d5adfa;--kid-soft:#f5ebff;--kid-glass:rgba(246,236,255,.92);--kid-line:#dbcaec;--kid-focus:#76509d}
body.fw271-kids[data-kids-theme=ocean]{--kid-accent:#86e5dd;--kid-soft:#e6f9f7;--kid-glass:rgba(231,251,247,.92);--kid-line:#b7ded9;--kid-focus:#16796e}
.fw271-kids :is(.fw271-guide,.fw271-guide-toggle,.fw271-audio-player){box-sizing:border-box;font-family:Inter,system-ui,sans-serif;color:var(--kid-ink)}
.fw271-kids [hidden]{display:none!important}
.fw271-kids .fw271-mascot{display:inline-flex;flex:none;align-items:center;justify-content:center;width:120px;height:112px;border-radius:0;background:transparent;box-shadow:none;position:relative}
.fw271-kids .fw271-mascot img{display:block;object-fit:contain;width:100%;height:100%;max-width:none;filter:none;position:relative;z-index:1}
.fw271-kids .fw271-mascot.is-small{width:46px;height:43px}
.fw271-kids #fw268 .fw271-companion{display:flex;align-items:center;gap:18px;margin:28px 0;color:var(--kid-ink);background:none;border:0;padding:0;box-shadow:none}
.fw271-kids .fw271-bubble{position:relative;border:1px solid var(--kid-line);border-radius:22px 22px 22px 5px;background:#fff;padding:20px 24px;box-shadow:0 7px 22px #142d4008;flex:1;min-width:0}
.fw271-kids #fw268 .fw271-bubble strong{font-size:13px;letter-spacing:.035em;color:#4c6370}.fw271-kids #fw268 .fw271-bubble p{font:500 16px/1.65 Inter,system-ui,sans-serif;margin:8px 0 0}
.fw271-kids #fw268 .fw271-text-button{font-size:13px;min-height:44px;padding:8px 0;background:transparent;border:0;border-radius:6px;text-decoration:underline;text-underline-offset:4px;margin:7px 0 0}
.fw271-kids #fw268 .fw271-text-button:hover{padding-inline:10px}
.fw271-kids .fw271-success-mascot{background:transparent;border-radius:0;padding:0;filter:none;box-shadow:none}
.fw271-kids #fw268 .fw269-nav{margin-bottom:12px}.fw271-kids #fw268 .fw269-nav>a{flex:0 1 auto;min-width:240px}
.fw271-kids #fw268 .fw269-links{display:block;margin:16px 0}.fw271-kids #fw268 .fw269-links>a{font-size:15px;color:var(--kid-ink);text-decoration:underline;text-underline-offset:4px;padding:8px 0;display:inline-block}
.fw271-kids #fw268 .fw269-profile .fw-profile{background:var(--kid-soft);border-color:var(--kid-line)}
.fw271-kids #fw268 .fw269-profile>summary{font-size:15px}.fw271-kids #fw268 .fw-progress{font-size:14px;margin-bottom:36px}
.fw271-kids #fw268 .fw271-parent-fold{border:1px solid #d7e1e5;border-radius:16px;padding:12px 20px}.fw271-kids #fw268 .fw271-parent-fold>summary{font-size:15px}
.fw271-kids .fw271-share-fold{margin:30px 0;border-bottom:1px solid #d7e1e5;padding:12px 0}.fw271-kids .fw271-share-fold>summary{cursor:pointer;font-weight:650;font-size:15px}.fw271-kids .fw271-share-fold #geschichte-teilen{margin:20px 0}
.fw271-kids #fw268 .fw271-course-timeline{display:block;max-width:720px;margin-inline:auto;padding-left:10px}
.fw271-kids #fw268 .fw271-course-timeline .fw-lesson-link{position:relative;border:0;border-radius:0;border-left:2px solid var(--kid-line);margin:0;padding:16px 20px 16px 30px;min-height:80px;background:none;color:var(--kid-ink)}
.fw271-kids #fw268 .fw271-course-timeline .fw-lesson-link b{position:absolute;left:-18px;top:18px;width:34px;height:34px;display:grid;place-items:center;background:var(--kid-soft);border:1px solid var(--kid-line);border-radius:50%;font-size:13px;color:var(--kid-ink)}
.fw271-kids #fw268 .fw271-course-timeline .fw-lesson-link.is-done{background:#e9f5ed;border-color:#559571}.fw271-kids #fw268 .fw271-course-timeline .is-done b{background:#26734d;color:white;border-color:#26734d}
.fw271-kids #fw268 .fw271-course-timeline .fw-lesson-link[aria-current=step]>span{font-weight:750}
.fw271-kids #fw268 .fw-rate{display:block;font-size:14px}.fw271-kids #fw268 .fw-rate>span{display:flex;justify-content:space-between;gap:12px}.fw271-kids #fw268 .fw-rate input[type=range]{display:block;width:100%;height:44px;margin:7px 0 0;padding:0;accent-color:var(--kid-focus);cursor:pointer}
.fw271-kids #fw268 .fw-rate output{font-weight:750;font-variant-numeric:tabular-nums}
.fw271-kids #fw268 .fw271-account-slider{padding:16px;border:1px solid var(--kid-line);border-radius:16px;background:#fff}.fw271-kids #fw268 .fw271-account-slider>span{display:flex;justify-content:space-between;gap:10px}.fw271-kids #fw268 .fw271-account-slider input[type=range]{padding:0;accent-color:var(--kid-focus)}
.fw271-kids .fw271-guide{position:fixed;inset:104px 14px 16px auto;display:none;width:258px;height:calc(100dvh - 120px);max-height:none;max-width:calc(100vw - 24px);margin:0;padding:0;overflow:hidden;border:1px solid #ffffffd9;border-radius:24px;background:var(--kid-glass);box-shadow:0 16px 48px #142d4024,inset 0 0 0 1px var(--kid-line);backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35);z-index:990}
.fw271-kids .fw271-guide[open]{display:flex;flex-direction:column}.fw271-kids .fw271-guide::backdrop{background:#102a3b66;backdrop-filter:blur(3px)}
.fw271-kids .fw271-guide-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 12px 10px 18px;border-bottom:1px solid var(--kid-line);flex:none}.fw271-kids .fw271-guide-head strong{font-size:13px}
.fw271-kids .fw271-guide-head button{width:42px;height:42px;border:1px solid var(--kid-line);background:#ffffffa6;color:var(--kid-ink);border-radius:50%;font:26px/1 system-ui;cursor:pointer}
.fw271-kids .fw271-guide-scroll{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:12px 14px 24px}
.fw271-kids .fw271-guide-welcome{display:flex;align-items:center;gap:4px}.fw271-kids .fw271-guide-welcome .fw271-mascot{width:88px;height:88px}.fw271-kids .fw271-mini-bubble{background:#fff;border-radius:16px 16px 16px 3px;padding:11px 10px;font-size:12px;line-height:1.5;border:1px solid var(--kid-line);flex:1;margin:0}
.fw271-kids .fw271-overview{display:block;margin:10px 0 20px;padding:11px 16px;text-align:center;text-decoration:none;font-size:13px;font-weight:650;border:1px solid var(--kid-line);border-radius:12px;color:var(--kid-ink);background:#ffffffa6}
.fw271-kids .fw271-guide-progress>div{display:flex;justify-content:space-between;align-items:center;font-size:12px}.fw271-kids .fw271-guide-progress strong{font-size:20px}.fw271-kids .fw271-guide-progress progress{width:100%;height:9px;accent-color:#28754d;margin:8px 0 5px}
.fw271-kids .fw271-guide-timeline h3{font:700 11px/1.4 Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#506574;margin:23px 0 10px}
.fw271-kids .fw271-guide-timeline ol{list-style:none;margin:0 0 0 14px;padding:0;border-left:2px solid var(--kid-line)}.fw271-kids .fw271-guide-timeline li{margin:0;padding:0}
.fw271-kids .fw271-guide-timeline a{display:flex;position:relative;gap:10px;align-items:start;border-radius:12px;padding:10px 8px 10px 0;margin-left:-15px;color:var(--kid-ink);text-decoration:none;font-size:12px;line-height:1.45;min-height:52px}
.fw271-kids .fw271-step-num{display:grid;place-items:center;flex:none;width:28px;height:28px;font-size:10px;background:#f8fcf5;border:1px solid var(--kid-line);border-radius:50%;font-weight:700}.fw271-kids .fw271-guide-timeline small{display:block;font-size:10px;margin-top:3px;color:#526879}
.fw271-kids .fw271-guide-timeline a[aria-current=page]{background:#ffffffb8;box-shadow:inset 0 0 0 1px var(--kid-line);font-weight:700}.fw271-kids .fw271-guide-timeline a[aria-current=page] .fw271-step-num{background:var(--kid-ink);color:var(--kid-accent);border-color:var(--kid-ink)}
.fw271-kids .fw271-guide-timeline a.is-done{background:#e4f3e8;color:#205d3d}.fw271-kids .fw271-guide-timeline a.is-done .fw271-step-num{background:#28754d;color:#fff;border-color:#28754d}.fw271-kids .fw271-guide-timeline a.is-done small{color:#205d3d}
.fw271-kids .fw271-guide :is(a,button):hover{background:#142d40;color:#dcff79}.fw271-kids .fw271-guide a:hover *{color:#dcff79}
.fw271-kids .fw271-guide :is(a,button):focus-visible,.fw271-kids .fw271-guide-toggle:focus-visible{outline:3px solid var(--kid-focus);outline-offset:2px}
.fw271-kids .fw271-depot-peek{display:grid;gap:6px;margin-top:24px;padding:14px;border-radius:17px;border:1px solid var(--kid-line);background:#ffffffa6;color:var(--kid-ink);text-decoration:none;font-size:12px}.fw271-kids .fw271-depot-peek strong{font-size:21px}.fw271-kids .fw271-depot-peek small{line-height:1.6;font-size:11px}.fw271-kids .fw271-depot-peek svg{width:100%;height:62px;display:block}.fw271-kids .fw271-guide-note{font-size:10px;line-height:1.6;color:#526879;margin:15px 5px 0}
.fw271-kids .fw271-guide-toggle{display:flex;align-items:center;gap:10px;position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));background:var(--kid-glass);border:1px solid #ffffffd9;box-shadow:0 8px 30px #142d4030,inset 0 0 0 1px var(--kid-line);border-radius:22px;padding:7px 17px 7px 7px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:900;cursor:pointer;min-height:56px;text-align:left;font-size:14px;font-weight:700}.fw271-kids .fw271-guide-toggle b{display:block;font-size:11px;font-weight:500;margin-top:2px}
.fw271-kids .fw271-audio-player{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));left:18px;display:flex;align-items:center;gap:12px;padding:12px 15px;background:#142d40;color:#fff;box-shadow:0 8px 30px #142d4033;border-radius:18px;z-index:980;max-width:min(620px,calc(100vw - 36px));font-size:13px}.fw271-kids .fw271-audio-player button{background:var(--kid-accent);color:#142d40;border:0;border-radius:9px;padding:9px 12px;min-height:42px;cursor:pointer;font:600 13px Inter,system-ui,sans-serif}.fw271-kids .fw271-audio-player span{flex:1}
@media(min-width:1280px){.fw271-kids main{padding-right:290px}.fw271-kids .blog242-hero,.fw271-kids .blog242-article{max-width:960px;width:calc(100% - 64px);margin-left:auto;margin-right:auto}.fw271-kids .fw271-guide-toggle{top:110px;bottom:auto}}
@media(max-width:1279px){.fw271-kids .fw271-guide{inset:auto 12px calc(12px + env(safe-area-inset-bottom)) 12px;width:calc(100% - 24px);height:min(82dvh,780px);max-width:560px;margin-inline:auto;border-radius:26px}.fw271-kids .fw271-guide-scroll{padding:10px 22px 26px}.fw271-kids .fw271-guide-timeline a{font-size:14px;padding-block:12px}.fw271-kids .fw271-guide-timeline small{font-size:11px}.fw271-kids .fw271-guide-welcome{max-width:420px;margin:auto}.fw271-kids .fw271-guide-welcome .fw271-mascot{width:100px;height:90px}.fw271-kids .fw271-mini-bubble{font-size:14px}.fw271-kids .fw271-audio-player{bottom:calc(88px + env(safe-area-inset-bottom));left:12px;max-width:calc(100vw - 24px)}.fw271-kids footer{padding-bottom:95px}}
@media(max-width:680px){.fw271-kids #fw268 .fw271-companion{gap:8px;align-items:flex-start;margin:24px 0}.fw271-kids .fw271-companion .fw271-mascot{width:70px;height:78px}.fw271-kids .fw271-bubble{padding:15px;border-radius:18px 18px 18px 4px}.fw271-kids #fw268 .fw271-bubble p{font-size:14px;line-height:1.6}.fw271-kids #fw268 .fw269-nav>a{min-width:0;width:100%}.fw271-kids #fw268 .fw269-profile .fw-profile{padding:16px}.fw271-kids .fw271-audio-player{font-size:12px}.fw271-kids .fw271-audio-player button{font-size:12px;padding:8px}.fw271-kids #fw268 .fw-quiz h4{display:none}.fw271-kids .fw271-guide-head strong{font-size:15px}}
@media(prefers-reduced-motion:no-preference){.fw271-kids .fw271-mascot img{transition:transform .25s}.fw271-kids .fw271-companion:hover .fw271-mascot img{transform:translateY(-3px) rotate(-3deg)}}

.fw271-kids .fw271-guide :is(a,button):is(:hover,:focus-visible){background:#142d40!important;color:#dcff79!important}.fw271-kids .fw271-guide a:is(:hover,:focus-visible) *{color:#dcff79!important}
/* IDs deliberately outrank the legacy global link-hover rule. Navy always pairs with lime. */
html body.fw271-kids #fw271-guide :is(a,button):is(:hover,:focus-visible,:active),
html body.fw271-kids #fw271-guide :is(a,button):is(:hover,:focus-visible,:active) *,
html body.fw271-kids #fw271-guide-toggle:is(:hover,:focus-visible,:active),
html body.fw271-kids #fw271-guide-toggle:is(:hover,:focus-visible,:active) *{background-color:#142d40!important;color:#dfff78!important;-webkit-text-fill-color:#dfff78!important}
html body.fw271-kids #fw268 :is(.fw-primary,button[aria-pressed=true]),
html body.fw271-kids #fw268 :is(.fw-primary,button[aria-pressed=true]) *{color:#dfff78!important}
html body.fw271-kids #fw268 .fw276-depot-explainer{border:1px solid var(--kid-line);border-radius:18px;background:var(--kid-soft);padding:18px 20px;margin:18px 0 24px;font-size:15px;line-height:1.65}
html body.fw271-kids #fw268 .fw276-depot-explainer p:last-child{margin-bottom:0}
html body.fw271-kids #fw268 .fw276-depot-explainer a,html body.fw271-kids #fw268 [data-lock] a{display:inline-block;padding:6px 8px;border-radius:7px;text-underline-offset:3px}
html body.fw271-kids #fw268 :is(.fw276-depot-explainer,[data-lock]) a:is(:hover,:focus-visible,:active){background:#142d40!important;color:#dfff78!important}
html body.fw271-kids #fw268 .fw-rate input:disabled{cursor:not-allowed;opacity:.5}
/* One bounded connector belongs to the chapter list, never to a full-width link. */
html body.fw271-kids.blog242-page #main .blog242-toc.fw271-stations[open]>[role=navigation]{display:grid!important;position:relative!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:12px 0;isolation:isolate}
html body.fw271-kids.blog242-page #main .blog242-toc.fw271-stations>[role=navigation]::before{content:'';position:absolute;left:calc((100% - 30px)/12);right:calc((100% - 30px)/12);top:38px;height:2px;background:var(--kid-line);z-index:-1;pointer-events:none}
html body.fw271-kids.blog242-page #main .blog242-toc.fw271-stations a{display:flex!important;position:relative;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:10px;padding:12px 4px;border:0;min-width:0;min-height:52px;font-size:13px!important;line-height:1.5;text-decoration:none}
html body.fw271-kids.blog242-page #main .blog242-toc.fw271-stations a::before{content:none!important;display:none!important}
html body.fw271-kids.blog242-page #main .blog242-toc.fw271-stations a>span:first-child{display:grid;place-items:center;position:relative;flex:0 0 28px;min-width:28px;width:28px;height:28px;box-sizing:border-box;border-radius:50%;background:var(--kid-soft);border:1px solid var(--kid-line);font-size:11px;font-weight:750;color:var(--kid-ink)}
html body.fw271-kids.blog242-page #main .blog242-toc.fw271-stations a.is-current>span:first-child{background:var(--kid-ink);color:#dfff78;border-color:var(--kid-ink)}
@media(max-width:760px){
 html body.fw271-kids.blog242-page #main .blog242-toc.fw271-stations[open]>[role=navigation]{grid-template-columns:minmax(0,1fr);gap:0}
 html body.fw271-kids.blog242-page #main .blog242-toc.fw271-stations>[role=navigation]::before{left:20px;right:auto;top:38px;bottom:38px;width:2px;height:auto}
 html body.fw271-kids.blog242-page #main .blog242-toc.fw271-stations a{flex-direction:row;justify-content:flex-start;align-items:center;text-align:left;gap:13px;padding:8px 6px;font-size:14px!important}
}
