@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/barlow-condensed-vietnamese-500-normal.70f04bd5.woff2) format("woff2"),url(/_next/static/media/barlow-condensed-vietnamese-500-normal.7dec19f5.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/barlow-condensed-latin-ext-500-normal.dfe6e0fb.woff2) format("woff2"),url(/_next/static/media/barlow-condensed-latin-ext-500-normal.e6bbc82d.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/barlow-condensed-latin-500-normal.6440fe73.woff2) format("woff2"),url(/_next/static/media/barlow-condensed-latin-500-normal.48e4fdf4.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/barlow-condensed-vietnamese-700-normal.b5cf89c0.woff2) format("woff2"),url(/_next/static/media/barlow-condensed-vietnamese-700-normal.c7b344a0.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/barlow-condensed-latin-ext-700-normal.e84925df.woff2) format("woff2"),url(/_next/static/media/barlow-condensed-latin-ext-700-normal.73a79c9e.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/barlow-condensed-latin-700-normal.e9811009.woff2) format("woff2"),url(/_next/static/media/barlow-condensed-latin-700-normal.f6cc1247.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--rot:#c8102e;--rot-dunkel:#9c0c24;--gelb:#f2c200;--blau:#1560bd;--bg:#f6f5f2;--surface:#fff;--surface2:#eeece7;--text:#1c1c1c;--text2:#5d5b56;--border:#dedad2;--befehl-bg:#1c1c1c;--befehl-text:#fff;--ok:#1d8a3e;--shadow:0 1px 3px rgba(0,0,0,.08),0 4px 14px rgba(0,0,0,.05);--display:"Barlow Condensed","Arial Narrow",system-ui,sans-serif;--body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}html.dark{--bg:#121212;--surface:#1d1d1d;--surface2:#262626;--text:#f0efec;--text2:#a4a19b;--border:#383838;--befehl-bg:#000;--befehl-text:#fff;--shadow:0 1px 3px rgba(0,0,0,.5),0 4px 14px rgba(0,0,0,.35);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:16px}body{font-family:var(--body);background:var(--bg);color:var(--text);line-height:1.5;padding-bottom:calc(72px + env(safe-area-inset-bottom));min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}:focus-visible{outline:3px solid var(--rot);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.container{max-width:760px;margin:0 auto;padding:0 16px}@media (min-width:900px){.container{max-width:860px}}.header{background:var(--rot);color:#fff;padding:calc(10px + env(safe-area-inset-top)) 0 10px;position:-webkit-sticky;position:sticky;top:0;z-index:40;box-shadow:0 2px 8px rgba(0,0,0,.25)}.header-inner{display:flex;align-items:center;gap:12px}.header h1{font-family:var(--display);font-weight:700;font-size:1.55rem;letter-spacing:.04em;text-transform:uppercase;line-height:1.1;flex:1 1}.header .sub{font-size:.72rem;opacity:.85;font-family:var(--body);text-transform:none;letter-spacing:0;font-weight:400}.icon-btn{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:hsla(0,0%,100%,.14);color:#fff;font-size:1.15rem;flex-shrink:0}.icon-btn:active{background:hsla(0,0%,100%,.28)}.hero{padding:26px 0 8px}.hero .eyebrow{letter-spacing:.14em;font-size:.85rem;color:var(--rot)}.hero .eyebrow,.hero h2{font-family:var(--display);text-transform:uppercase;font-weight:700}.hero h2{font-size:2rem;line-height:1.05;margin:4px 0 8px}.hero p{max-width:56ch}.hero p,.section-label{color:var(--text2);font-size:.95rem}.section-label{font-family:var(--display);text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin:24px 0 10px;display:flex;align-items:center;gap:10px}.section-label:after{content:"";flex:1 1;height:2px;background:var(--border)}.variant-grid{display:grid;grid-gap:12px;gap:12px}@media (min-width:640px){.variant-grid{grid-template-columns:repeat(3,1fr)}}.variant-card{text-align:left;background:var(--surface);border:2px solid var(--border);border-radius:14px;padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px;transition:border-color .15s,transform .1s;position:relative;overflow:hidden}.variant-card:before{content:attr(data-num);position:absolute;right:8px;top:-14px;font-family:var(--display);font-weight:700;font-size:4.6rem;color:var(--surface2);z-index:0;line-height:1}.variant-card>*{position:relative;z-index:1}.variant-card.selected{border-color:var(--rot)}.variant-card:active{transform:scale(.985)}.variant-card .v-name{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:1.2rem;color:var(--rot);letter-spacing:.04em}.variant-card .v-title{font-weight:600;font-size:.98rem;line-height:1.3}.variant-card .v-zeit{font-size:.8rem;color:var(--text2)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:9px 16px;border-radius:999px;background:var(--surface);border:2px solid var(--border);font-weight:700;font-size:.95rem;font-family:var(--display);letter-spacing:.05em;min-width:48px;text-align:center}.chip.selected{background:var(--rot);border-color:var(--rot);color:#fff}.chip:disabled{opacity:.35;cursor:not-allowed}.stufe-info{margin-top:10px;font-size:.85rem;color:var(--text2);background:var(--surface);border-left:4px solid var(--gelb);border-radius:0 10px 10px 0;padding:10px 12px}.role-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}@media (min-width:640px){.role-grid{grid-template-columns:repeat(3,1fr)}}.role-card{border-radius:14px;padding:14px;text-align:left;box-shadow:var(--shadow);border:2px solid transparent;display:flex;flex-direction:column;gap:2px;transition:transform .1s}.role-card:active{transform:scale(.97)}.role-card .r-name{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:1.15rem;letter-spacing:.04em}.role-card .r-kennz{font-size:.7rem;opacity:.8;line-height:1.3}html.dark .role-card[data-hell="1"]{border-color:var(--border)}.primary-btn{display:block;width:100%;padding:15px;border-radius:12px;background:var(--rot);color:#fff;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:1.15rem;margin-top:20px;box-shadow:var(--shadow)}.primary-btn:disabled{opacity:.4}.viewbar{display:flex;align-items:center;gap:8px;padding:10px 0;flex-wrap:wrap}.viewbar .back{font-weight:700;color:var(--rot);font-size:.9rem;padding:6px 10px 6px 0}.badge{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--surface2);border:1px solid var(--border)}.role-badge{color:#fff;border:none}.phase{margin-bottom:14px;background:var(--surface);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--border)}.phase-head{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;text-align:left}.phase-head .num{width:30px;height:30px;border-radius:8px;background:var(--rot);color:#fff;display:grid;place-items:center;flex-shrink:0}.phase-head .num,.phase-head .t{font-family:var(--display);font-weight:700}.phase-head .t{flex:1 1;text-transform:uppercase;font-size:1.1rem;letter-spacing:.03em;line-height:1.15}.phase-head .chev{color:var(--text2);transition:transform .2s}.phase-head .chev.open{transform:rotate(180deg)}.phase-body{padding:0 16px 16px;border-top:1px solid var(--border)}.phase-info{font-size:.85rem;color:var(--text2);background:var(--surface2);border-radius:10px;padding:10px 12px;margin:12px 0 4px}.step{position:relative;padding:12px 0 12px 20px;border-left:3px solid var(--border);margin-left:6px}.step:before{content:"";position:absolute;left:-7.5px;top:18px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:3px solid var(--stepcolor,var(--text2))}.step.own{border-left-color:var(--stepcolor,var(--rot))}.step.other{opacity:.95}.step-wer{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.step-wer .who{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:.95rem;letter-spacing:.05em;padding:2px 9px;border-radius:6px;color:#fff;background:var(--stepcolor,var(--text2))}.step-wer .who.hell{color:#1a1a1a}.step-wer .zeit{font-size:.75rem;font-weight:700;color:var(--rot)}.step ul{list-style:none}.step ul li{padding-left:16px;position:relative;font-size:.93rem;margin:3px 0}.step ul li:before{content:"–";position:absolute;left:0;color:var(--text2)}.befehl{margin:8px 0 2px;background:var(--befehl-bg);color:var(--befehl-text);border-radius:10px;padding:10px 14px;font-size:.95rem;white-space:pre-line;font-weight:600;line-height:1.45;border-left:5px solid var(--rot);position:relative}.befehl .an{margin-top:6px}.befehl .an,.befehl .sprecher{display:block;font-size:.72rem;font-weight:400;opacity:.75}.befehl .sprecher{margin-bottom:4px}.wait{margin:8px 0;border-radius:10px;padding:10px 12px 10px 14px;background:var(--surface);border:2px solid var(--gelb);font-size:.9rem;font-weight:600;position:relative;overflow:hidden}.wait:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:repeating-linear-gradient(135deg,var(--gelb) 0 8px,#1a1a1a 8px 16px)}.wait .wait-label{display:inline-flex;align-items:center;gap:5px;font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:var(--rot);font-weight:700;margin-bottom:2px}.step-note{font-size:.82rem;color:var(--text2);margin-top:6px;padding-left:2px;font-style:italic}.branch-toggle{display:flex;gap:6px;margin:12px 0 4px;background:var(--surface2);border-radius:10px;padding:4px}.branch-toggle button{flex:1 1;padding:8px;border-radius:8px;font-weight:700;font-size:.85rem;color:var(--text2)}.branch-toggle button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.context-toggle{font-size:.8rem;font-weight:700;color:var(--rot);padding:8px 0}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--surface);border-top:1px solid var(--border);display:flex;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -2px 12px rgba(0,0,0,.08)}.bottomnav button{flex:1 1;padding:9px 4px 7px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.68rem;font-weight:600;color:var(--text2)}.bottomnav button.on{color:var(--rot)}.bottomnav .ni{font-size:1.25rem;line-height:1}.card{background:var(--surface);border-radius:14px;box-shadow:var(--shadow);border:1px solid var(--border);padding:16px;margin-bottom:12px}.card h3{font-family:var(--display);text-transform:uppercase;font-size:1.15rem;letter-spacing:.03em;margin-bottom:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card .hz{margin-left:auto;font-size:.85rem;color:var(--rot);font-weight:700;white-space:nowrap}.card li,.card p{font-size:.92rem}.card ul{list-style:none;margin-top:6px}.card ul li{padding-left:16px;position:relative;margin:4px 0}.card ul li:before{content:"–";position:absolute;left:0;color:var(--text2)}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag{font-size:.8rem;border:1px solid var(--border);border-radius:8px;padding:4px 9px}.quiz-progress,.tag{background:var(--surface2)}.quiz-progress{height:6px;border-radius:3px;margin:12px 0;overflow:hidden}.quiz-progress>div{height:100%;background:var(--rot);border-radius:3px;transition:width .25s}.quiz-q{font-size:1.05rem;font-weight:700;margin-bottom:4px}.quiz-hint{font-size:.78rem;color:var(--text2);margin-bottom:12px}.answer{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;background:var(--surface);border:2px solid var(--border);border-radius:12px;padding:12px 14px;margin-bottom:8px;font-size:.93rem;transition:border-color .12s}.answer .abc{font-family:var(--display);font-weight:700;color:var(--text2)}.answer.sel{border-color:var(--rot)}.answer.right{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,var(--surface))}.answer.wrong{border-color:var(--rot);background:color-mix(in srgb,var(--rot) 10%,var(--surface))}.quiz-result{text-align:center;padding:30px 0}.quiz-result .big{font-family:var(--display);font-size:3.2rem;font-weight:700;color:var(--rot)}.phase-tag{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text2);background:var(--surface2);border:1px solid var(--border);padding:2px 7px;border-radius:999px;white-space:nowrap}.milestone-group{margin-bottom:4px}.milestone-group+.milestone-group{margin-top:14px}.milestone{display:flex;flex-direction:column;gap:2px;background:var(--surface2);border-left:5px solid var(--rot);border-radius:0 10px 10px 0;padding:10px 12px;margin:14px 0 8px}.milestone .ms-flag{font-family:var(--display);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:700;color:var(--rot)}.milestone .ms-trigger{font-weight:700;font-size:.98rem;line-height:1.25}.milestone .ms-folge{font-size:.82rem;color:var(--text2)}.milestone-group:first-child .milestone{margin-top:4px}.phase-head .head-text{flex:1 1;display:flex;flex-direction:column;gap:1px;min-width:0}.phase-head .wann{font-size:.72rem;font-weight:600;color:var(--text2);text-transform:none;letter-spacing:0;line-height:1.25}.phase.gate{border-color:var(--gelb)}.task-list{list-style:none;margin-top:12px}.task-list li{padding:7px 0 7px 26px;position:relative;font-size:.93rem;border-bottom:1px dashed var(--border)}.task-list li:last-child{border-bottom:none}.task-list li:before{content:"";position:absolute;left:4px;top:13px;width:9px;height:9px;border-radius:50%;border:2.5px solid var(--rot)}.merke{margin-top:10px;font-size:.85rem;background:var(--surface2);border-left:4px solid var(--blau);border-radius:0 10px 10px 0;padding:9px 12px}