/* Freigegebene Komposition A, große Porträts aus C. */
.classroom-hero{display:grid;grid-template-columns:1.04fr 1fr;gap:54px;padding:66px 4.2% 58px;max-width:1640px;margin:auto;align-items:center;overflow:hidden}.classroom-copy h1{font-size:clamp(50px,5.1vw,82px);font-weight:800;line-height:.99;letter-spacing:-.04em;text-wrap:initial}.classroom-copy h1 span{color:var(--blue)}.course-name{font-size:26px;line-height:1.2;font-weight:750;margin-top:25px;letter-spacing:-.025em}.classroom-lead{font-size:17px;line-height:1.7;color:var(--muted);max-width:520px;margin-top:20px}.course-facts{display:flex;gap:26px;margin-top:25px;font-size:14px;line-height:1.6}.course-facts span+span{border-left:1px solid var(--line);padding-left:26px}.course-facts strong{display:block;font-size:17px}.classroom-copy .actions{justify-content:flex-start;align-items:center;gap:20px;margin:28px 0 0}.classroom-copy .text-link{font-size:13px}.classroom-visual{min-width:0}.classroom-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 0 35px}.portrait-window{position:relative;min-width:0;aspect-ratio:1.13;border-radius:16px;background:var(--blue);isolation:isolate;overflow:hidden}.portrait-window.creator{transform:rotate(-3deg);z-index:2}.portrait-window.community{background:var(--light-blue);transform:translateY(22px) rotate(3deg)}.portrait-window.ideas{background:var(--navy);transform:translateY(4px) rotate(2deg)}.portrait-window.strategy{transform:translateY(21px) rotate(-2deg)}.portrait-crop{position:absolute;inset:0;overflow:hidden}.portrait-crop img{position:absolute;width:var(--sheet-width);max-width:none;height:auto;left:var(--sheet-left);top:0;transform-origin:50% 65%}.portrait-label{position:absolute;bottom:12px;left:12px;color:var(--navy);background:var(--paper);padding:6px 10px;border-radius:6px;font-size:11px;font-weight:650;line-height:1.3}.conversation{position:absolute;background:var(--white);border-radius:12px;padding:13px 17px;box-shadow:0 8px 24px #00002814;font-size:13px;line-height:1.4;font-weight:650;z-index:4;max-width:195px}.conversation-question{top:-8px;right:-12px;transform:rotate(2deg)}.conversation-answer{left:-30px;bottom:14px;max-width:230px;transform:rotate(-2deg)}.scene-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;color:var(--muted);font-size:10px}.scene-replay{border:0;background:transparent;display:flex;align-items:center;gap:7px;color:var(--blue);font-size:11px;font-weight:650;padding:8px 0;white-space:nowrap}.scene-replay svg{width:15px;height:15px}.classroom-pillars{background:var(--blue);color:white;padding:68px 0 75px;position:relative;overflow:hidden}.pillars-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;margin-bottom:48px}.pillars-intro h2{font-size:clamp(34px,3.3vw,50px)}.pillars-intro>p{font-size:16px;max-width:500px;color:#e2e8ff}.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.pillars-grid article+article{border-left:1px solid #ffffff55;padding-left:38px}.pillar-icon{width:42px;height:42px;stroke-width:2;margin-bottom:22px}.pillars-grid h3{font-size:29px;line-height:1.12;margin-bottom:20px}.pillars-grid p{font-size:15px;line-height:1.75;color:#e2e8ff}.curriculum{display:grid;grid-template-columns:32% 1fr;gap:45px;align-items:start}.curriculum .section-intro{display:block;margin:0}.curriculum .section-intro h2{font-size:43px}.curriculum .section-intro>p{font-size:15px;margin-top:25px}.module-overview{grid-template-columns:repeat(3,1fr);gap:0 24px}.module-overview li{display:block;padding:20px 0}.module-number{display:block;margin-bottom:12px}.module-overview h3{font-size:19px;line-height:1.18}.module-overview p{font-size:13px;line-height:1.65}.module-note{grid-column:2;margin-top:-20px;font-size:13px}.classroom-practice{background:var(--ice);overflow:hidden}.classroom-practice .practice-layout{grid-template-columns:1fr 1fr;gap:70px}.closeup-scene{position:relative;min-width:0;padding-top:25px}.closeup-crop{aspect-ratio:1.04;position:relative;overflow:hidden;background:var(--light-blue);border-radius:16px 16px 0 0;max-width:460px}.closeup-crop img{position:absolute;width:365.714%;max-width:none;left:-53.571%;top:0;height:auto;transform-origin:50% 60%}.idea-ticket{position:absolute;right:-20px;bottom:8%;width:235px;background:white;border-radius:12px;padding:23px;transform:rotate(4deg);box-shadow:0 8px 24px #00002814}.idea-ticket span{font-size:11px;line-height:1.5;color:var(--muted);display:block}.idea-ticket strong{display:block;font-size:24px;line-height:1.12;letter-spacing:-.025em;margin:15px 0 18px}.classroom-practice .practice-copy .button{margin-top:27px}.classroom-practice .practice-copy p{font-size:17px;line-height:1.85}.certificate-band{background:var(--navy);color:white;padding:75px 0}.certificate-band>.wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;align-items:center}.certificate-band h2 span{color:var(--blue-on-dark)}.certificate-band p{font-size:17px;color:#d8def1}.certificate-band a{margin-top:25px;color:var(--blue-on-dark)}.button svg,.text-link svg{transition:transform 200ms}.button:hover svg,.text-link:hover svg{transform:translateX(4px)}.button:hover{transform:none}.module-overview li{transition:background 180ms}.faq-list summary svg{transition:transform 180ms}.skip{top:0;transform:translateY(-150%)}.skip:focus{transform:translateY(0)}
@media(min-width:1600px){.classroom-stage{gap:25px}.portrait-label{font-size:13px}.conversation{font-size:15px;max-width:240px}}
@media(max-width:1150px){.classroom-hero{gap:32px;padding-inline:32px}.classroom-copy h1{font-size:58px}.course-name{font-size:23px}.course-facts{gap:15px}.course-facts span+span{padding-left:15px}.classroom-copy .actions{align-items:flex-start;flex-direction:column}.conversation{font-size:11px;max-width:160px;padding:10px 12px}.conversation-answer{max-width:180px;left:-15px}.portrait-label{font-size:9px}.curriculum{grid-template-columns:1fr}.curriculum .section-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px}.curriculum .section-intro>p{margin:0}.module-note{grid-column:1}.module-overview h3{font-size:23px}.module-overview p{font-size:15px}.pillars-grid{gap:24px}.pillars-grid article+article{padding-left:24px}.pillars-grid h3{font-size:24px}.classroom-practice .practice-layout{gap:40px}.idea-ticket{width:195px;right:-10px;padding:18px}.idea-ticket strong{font-size:21px}}
@media(max-width:760px){.classroom-hero{grid-template-columns:1fr;padding:40px 20px 30px;gap:30px}.classroom-copy h1{font-size:clamp(42px,9.8vw,65px);line-height:1.02}.course-name{font-size:24px;margin-top:21px}.classroom-lead{font-size:16px;margin-top:16px}.course-facts{margin-top:22px;gap:24px}.course-facts span+span{padding-left:24px}.course-facts strong{font-size:16px}.course-facts span{font-size:12px}.classroom-copy .actions{flex-direction:row;align-items:center;gap:15px;margin-top:24px}.classroom-copy .text-link{font-size:12px}.classroom-stage{max-width:570px;margin:auto;gap:13px;padding:16px 5px 24px}.portrait-window{aspect-ratio:1.05;border-radius:12px}.portrait-label{font-size:8px;left:8px;bottom:8px;padding:5px 7px}.conversation-question{top:2px;right:0;max-width:150px;font-size:10px}.conversation-answer{bottom:0;left:0;max-width:175px;font-size:10px}.scene-caption{font-size:9px;margin-top:10px}.scene-replay{font-size:10px}.classroom-pillars{padding:48px 0}.pillars-intro{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.pillars-intro h2{font-size:37px}.pillars-intro p{font-size:15px}.pillars-grid{grid-template-columns:1fr;gap:28px}.pillars-grid article{position:relative;padding:24px 0 0 62px;border-top:1px solid #ffffff55}.pillars-grid article+article{border-left:0;padding-left:62px}.pillar-icon{position:absolute;left:0;top:27px;width:35px;height:35px}.pillars-grid h3{font-size:27px;margin-bottom:15px}.pillars-grid h3 br{display:none}.pillars-grid p{font-size:14px}.curriculum{gap:28px}.curriculum .section-intro{display:block}.curriculum .section-intro h2{font-size:37px}.curriculum .section-intro>p{margin-top:22px}.module-overview{grid-template-columns:1fr}.module-overview li{display:flex;gap:17px;padding:23px 0}.module-number{margin-top:2px}.module-overview h3{font-size:22px}.module-overview p{font-size:14px}.module-note{margin-top:0;font-size:14px}.classroom-practice .practice-layout{display:flex;flex-direction:column-reverse;gap:25px}.closeup-scene{width:100%}.closeup-crop{max-width:400px}.idea-ticket{right:-5px;bottom:5%;width:175px}.idea-ticket strong{font-size:21px}.classroom-practice .practice-copy p{font-size:16px}.certificate-band{padding:50px 0}.certificate-band>.wrap{grid-template-columns:1fr;gap:25px}.certificate-band h2{font-size:36px}.certificate-band p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.portrait-window,.conversation,.idea-ticket{transform:none!important}.button svg,.text-link svg{transition:none}}
@media(max-width:760px){.header .brand{font-size:20px}.header .brand img{width:30px;height:30px}.header{gap:12px}}

.scene-replay[hidden]{display:none}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.classroom-stage{padding-top:50px}}
/* Review: klare Silhouetten, lesbare Ideenkarte und neun Modulkarten. */
.portrait-window.ideas{background:#e8efff}.portrait-window.strategy{background:#fff}
.idea-ticket{position:relative;right:auto;bottom:auto;width:max-content;max-width:100%;margin:-42px 0 0 auto;padding:26px 30px;transform:none;z-index:2}
.idea-ticket span{font-size:16px;line-height:1.5;color:var(--ink);white-space:nowrap}
.idea-ticket strong{font-size:28px;line-height:1.25;margin:14px 0;white-space:nowrap;letter-spacing:-.025em}
.curriculum{grid-template-columns:32% 1fr;gap:54px;align-items:start}.curriculum .section-intro{position:sticky;top:36px;display:block}
.module-overview.module-stack{display:block;margin:0;padding:0;list-style:none;min-width:0;padding-bottom:24px}
.module-stack>li{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:34px 38px;margin:0 0 30px;min-height:385px;transform-origin:50% 0;scroll-margin-top:120px;z-index:calc(1 + var(--module-index));display:block}
.module-stack>li:nth-child(3n+2){background:#e8efff}.module-stack>li:nth-child(3n){background:#f8f9ff}
.module-stack .module-number{font-size:16px;margin:0 0 16px;color:var(--blue)}.module-stack .module-number span{font-weight:400;color:var(--muted);margin-left:8px}.module-stack h3{font-size:32px;margin:0 0 18px;line-height:1.15}.module-stack>li>p{font-size:17px;line-height:1.7;margin-bottom:22px}.module-stack .module-topics{list-style:none;margin:0;padding:0}.module-stack .module-topics li{display:block;padding:10px 0 10px 20px;border:0;border-top:1px solid var(--line);font-size:16px;line-height:1.5;position:relative;background:transparent;min-height:0;transition:none}.module-stack .module-topics li::before{content:'';width:5px;height:5px;border-radius:50%;position:absolute;left:0;top:20px;background:var(--blue)}.module-note{font-size:15px;margin-top:0}
@media(min-width:1001px) and (min-height:760px) and (prefers-reduced-motion:no-preference){.module-stack>li{position:sticky;top:calc(40px + var(--module-index)*6px)}}
@media(max-width:1000px){.curriculum{grid-template-columns:1fr;gap:30px}.curriculum .section-intro{position:static}.module-note{grid-column:1}.module-stack>li{min-height:0}}
@media(max-width:760px){.idea-ticket{margin-top:-28px;padding:22px;max-width:100%;width:max-content}.idea-ticket span{font-size:16px}.idea-ticket strong{font-size:24px}.module-stack>li{padding:25px 22px;margin-bottom:20px}.module-stack h3{font-size:27px}.module-stack>li>p,.module-stack .module-topics li{font-size:16px}.module-stack .module-number{font-size:15px}.curriculum .section-intro h2{font-size:36px}}
@media(max-width:359px){.idea-ticket{padding:20px 16px}.idea-ticket strong{font-size:22px}.idea-ticket span{font-size:15px}}
