:root{--de-ink:#102a43;--de-muted:#627d98;--de-blue:#1769aa;--de-gold:#f9b44d;--de-red:#d1604b;--de-border:#d9e2ec;--de-paper:#f6f8fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--de-ink);background:var(--de-paper);margin:0;font-family:DM Sans,sans-serif}button,a{font:inherit}button{cursor:pointer}.german-site{background:var(--de-paper);min-height:100vh;overflow:hidden}.german-hero{color:#fff;isolation:isolate;min-height:760px;position:relative}.german-hero-media,.german-hero-media img,.german-hero-overlay{width:100%;height:100%;position:absolute;inset:0}.german-hero-media img{object-fit:cover;object-position:center}.german-hero-overlay{z-index:1;background:linear-gradient(90deg,#061a2de8 0%,#061a2db8 43%,#061a2d2b 100%),linear-gradient(#061a2d2e 0%,#061a2d0a 60%,#061a2dba 100%)}.german-nav,.german-hero-content{z-index:2;max-width:1240px;margin:0 auto;padding-left:1.25rem;padding-right:1.25rem;position:relative}.german-nav{justify-content:space-between;align-items:center;height:88px;display:flex}.german-brand{color:#fff;align-items:center;gap:.65rem;font-family:Space Grotesk,sans-serif;font-weight:700;text-decoration:none;display:inline-flex}.german-brand img{object-fit:contain;width:42px;height:42px}.german-nav-links{align-items:center;gap:1.3rem;display:flex}.german-nav-links a{color:#e3edf5;font-size:.9rem;font-weight:700;text-decoration:none}.german-nav-links a:hover{color:var(--de-gold)}.german-hero-content{grid-template-columns:minmax(0,1fr) 250px;align-items:center;gap:3rem;min-height:672px;padding-top:3rem;padding-bottom:6rem;display:grid}.german-hero-copy{max-width:700px}.german-eyebrow{color:#f9d278;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .8rem;font-size:.76rem;font-weight:800}h1,h2,h3,p{margin-top:0}.german-hero h1{color:#fff;letter-spacing:-.06em;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(3.5rem,8vw,6.7rem);line-height:.94}.german-hero h1 span{color:var(--de-gold)}.german-lead{color:#e3edf5;max-width:570px;margin:1.6rem 0 2rem;font-size:1.15rem;line-height:1.65}.german-hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.german-primary,.german-secondary{border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:.7rem;min-height:48px;padding:.75rem 1rem;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;display:inline-flex}.german-primary{color:#102a43;background:var(--de-gold);box-shadow:0 12px 24px #f9b44d35}.german-primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px #f9b44d55}.german-primary.small{min-height:42px;padding:.6rem .85rem}.german-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.german-secondary{color:var(--de-ink);border-color:var(--de-border);background:#fff}.german-secondary:hover{border-color:var(--de-blue)}.german-proof{color:#e3edf5;font-size:.78rem}.german-hero-card{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#061a2d9c;border:1px solid #ffffff38;border-radius:18px;align-self:end;gap:.5rem;padding:1.2rem;display:grid;box-shadow:0 20px 45px #0003}.german-card-kicker{color:#f9d278;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:800}.german-hero-card strong{font-family:Space Grotesk,sans-serif;font-size:3.6rem;line-height:1}.german-hero-card strong small{color:#e3edf5;font-size:1.2rem}.german-hero-card>span:not(.german-card-kicker){color:#c8d7e4;font-size:.82rem}.german-progress{background:#ffffff2e;border-radius:99px;height:5px;margin:.7rem 0 .3rem;overflow:hidden}.german-progress i,.german-lesson-progress i{border-radius:inherit;background:var(--de-gold);height:100%;display:block}.german-hero-card a{color:#fff;font-size:.82rem;font-weight:800;text-decoration:none}.german-map-section,.german-lessons-section{max-width:1240px;margin:0 auto;padding:clamp(4rem,8vw,7rem) 1.25rem}.german-lessons-section{padding-top:1rem}.german-section-heading{grid-template-columns:minmax(0,1fr) minmax(260px,420px);align-items:end;gap:2rem;margin-bottom:2rem;display:grid}.german-section-heading h2{letter-spacing:-.05em;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(2.1rem,4.5vw,3.9rem);line-height:1}.german-section-heading>p{color:var(--de-muted);margin:0;line-height:1.6}.german-map-frame{border:1px solid var(--de-border);background:#fff;border-radius:22px;padding:.5rem;box-shadow:0 24px 55px #102a4312}.german-map-frame img{border-radius:17px;width:100%;display:block}.german-zone-grid{grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1rem;display:grid}.german-zone-card{border:1px solid var(--de-border);background:#fff;border-radius:15px;gap:.8rem;padding:1rem;display:flex}.german-zone-card>span{color:var(--de-red);font-family:Space Grotesk,sans-serif;font-weight:800}.german-zone-card h3{margin:0 0 .25rem;font-size:1rem}.german-zone-card p{color:var(--de-muted);margin:0;font-size:.8rem;line-height:1.4}.german-mission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.german-mission-card{border:1px solid var(--de-border);min-height:190px;color:var(--de-ink);text-align:left;background:#fff;border-radius:18px;grid-template-rows:auto auto 1fr auto;grid-template-columns:auto 1fr;column-gap:.95rem;padding:1.15rem;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;position:relative;box-shadow:0 12px 28px #102a4308}.german-mission-card:hover{border-color:var(--de-gold);transform:translateY(-3px);box-shadow:0 18px 34px #102a4314}.german-mission-card.is-complete{background:linear-gradient(135deg,#fff,#effaf5)}.german-mission-number{color:#fff;background:var(--de-red);border-radius:50%;grid-row:1/5;place-items:center;width:48px;height:48px;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:800;display:grid}.german-mission-zone{color:var(--de-red);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:800}.german-mission-card h3{margin:.18rem 0 .2rem;font-family:Space Grotesk,sans-serif;font-size:1.35rem}.german-mission-card p{color:var(--de-muted);margin:0;font-size:.9rem}.german-mission-card small{color:var(--de-muted);align-self:end;margin-top:1rem;font-size:.78rem}.german-mission-card b{color:var(--de-blue);grid-column:2;justify-self:end;margin-top:.7rem;font-size:.8rem}.german-footer{border-top:1px solid var(--de-border);color:var(--de-muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1.5rem max(1.25rem,50vw - 620px);font-size:.8rem;display:flex}.german-footer span:first-child{color:var(--de-ink);font-family:Space Grotesk,sans-serif;font-weight:800}.german-footer a{color:var(--de-blue);font-weight:700;text-decoration:none}.german-lesson-page{background:radial-gradient(circle at 90% 0%, #f9b44d20, transparent 27rem), var(--de-paper);min-height:100vh}.german-lesson-nav{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;max-width:980px;height:78px;margin:0 auto;padding:0 1.25rem;display:grid}.german-lesson-nav>button{color:var(--de-muted);text-align:left;background:0 0;border:0;padding:0;font-weight:700}.german-lesson-nav>button:hover{color:var(--de-red)}.german-lesson-nav>span{color:var(--de-muted);text-align:right;font-size:.8rem;font-weight:800}.german-lesson-nav .german-brand{color:var(--de-ink)}.german-lesson-progress{background:var(--de-border);border-radius:99px;max-width:980px;height:5px;margin:0 auto;overflow:hidden}.german-lesson-shell{max-width:760px;margin:0 auto;padding:2.2rem 1.25rem 5rem}.german-lesson-meta{color:var(--de-muted);justify-content:space-between;gap:1rem;margin-bottom:1.2rem;font-size:.76rem;display:flex}.german-lesson-meta strong{color:var(--de-red)}.german-lesson-card{border:1px solid var(--de-border);background:#fff;border-radius:24px;padding:clamp(1.3rem,5vw,2.4rem);box-shadow:0 20px 50px #102a4310}.german-lesson-card h1{color:var(--de-ink);letter-spacing:-.05em;margin:0 0 1rem;font-family:Space Grotesk,sans-serif;font-size:clamp(2.3rem,6vw,4rem);line-height:.98}.german-lesson-lead{color:var(--de-muted);line-height:1.65}.german-story-card{color:#fff;background:linear-gradient(135deg,#102a43,#1769aa);border-radius:17px;gap:.35rem;margin:1.5rem 0;padding:1.3rem;display:grid}.german-story-card span{color:#f9d278;letter-spacing:.12em;font-size:.7rem;font-weight:800}.german-story-card strong{font-family:Space Grotesk,sans-serif;font-size:1.35rem}.german-story-card small{color:#d9e8f2;line-height:1.45}.german-rule-grid{gap:.8rem;margin:1.5rem 0;display:grid}.german-rule-grid h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.45rem}.german-example{border-left:4px solid var(--de-gold);background:#fff8e9;border-radius:0 12px 12px 0;gap:.25rem;padding:1rem;display:grid}.german-example strong{font-family:Space Grotesk,sans-serif}.german-example span{color:var(--de-muted);font-size:.88rem}.german-task-card{border:1px solid var(--de-border);background:#fbfcfd;border-radius:17px;margin-top:1.4rem;padding:1.2rem}.german-task-prompt{color:var(--de-ink);margin:0 0 1rem;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700}.german-options{gap:.55rem;display:grid}.german-options button{border:1px solid var(--de-border);min-height:48px;color:var(--de-ink);text-align:left;background:#fff;border-radius:10px;align-items:center;gap:.7rem;padding:.55rem .7rem;display:flex}.german-options button:hover:not(:disabled){border-color:var(--de-blue)}.german-options button.selected{border-color:var(--de-blue);box-shadow:0 0 0 2px #1769aa18}.german-options button.correct{color:#16615b;background:#e6f6f3;border-color:#29966f}.german-options button.wrong{border-color:var(--de-red);color:#8d382c;background:#fff0ed}.german-options button>span{width:28px;height:28px;color:var(--de-ink);background:#eef3f7;border-radius:8px;place-items:center;font-weight:800;display:grid}.german-task-actions{justify-content:space-between;gap:.7rem;margin-top:1rem;display:flex}.german-feedback{border-radius:10px;margin:1rem 0 0;padding:.8rem .9rem;font-size:.9rem;line-height:1.45}.german-feedback.success{color:#16615b;background:#e6f6f3}.german-feedback.error{color:#8d382c;background:#fff0ed}.german-feedback.info{color:#355b7d;background:#eef5fb}.german-task-card+.german-primary,.german-rule-grid+.german-primary{margin-top:1.2rem}.german-final-actions,.german-complete-actions{justify-content:space-between;align-items:center;gap:1rem;margin-top:1.2rem;display:flex}.german-final-actions>span{color:var(--de-muted);font-size:.82rem;font-weight:700}.german-complete-card{background:#e6f6f3;border-radius:17px;align-items:center;gap:1rem;margin:1.6rem 0;padding:1.2rem;display:flex}.german-complete-icon{color:#fff;background:#29966f;border-radius:50%;place-items:center;width:46px;height:46px;font-size:1.4rem;font-weight:800;display:grid}.german-complete-card strong{color:#16615b;font-family:Space Grotesk,sans-serif;font-size:1.2rem}.german-complete-card p{color:#355b7d;margin:.25rem 0 0;font-size:.88rem}.german-not-found{text-align:center;place-content:center;justify-items:center;gap:.8rem;min-height:100vh;padding:2rem;display:grid}.german-not-found h1{margin:0;font-family:Space Grotesk,sans-serif}@media (width<=800px){.german-hero-content{grid-template-columns:1fr;align-content:center}.german-hero-card{align-self:auto;width:min(250px,100%)}.german-section-heading{grid-template-columns:1fr;gap:.8rem}.german-zone-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.german-hero{min-height:850px}.german-nav{height:72px;padding:0 .9rem}.german-nav-links{gap:.7rem}.german-nav-links a:first-child{display:none}.german-nav-links a{font-size:.76rem}.german-hero-content{gap:2rem;min-height:778px;padding:2.2rem .9rem 3rem}.german-hero h1{font-size:clamp(3rem,14vw,5rem)}.german-lead{font-size:1rem}.german-map-section,.german-lessons-section{padding-left:.9rem;padding-right:.9rem}.german-lessons-section{padding-top:0}.german-zone-grid,.german-mission-grid{grid-template-columns:1fr}.german-footer{padding-left:.9rem;padding-right:.9rem}.german-lesson-nav{height:70px;padding:0 .9rem}.german-lesson-nav .german-brand span{display:none}.german-lesson-shell{padding-left:.9rem;padding-right:.9rem}.german-lesson-meta{font-size:.7rem}.german-final-actions,.german-complete-actions{flex-direction:column;align-items:stretch}.german-final-actions .german-primary,.german-complete-actions>*{width:100%}.german-task-actions .german-secondary{min-width:100px}}
