:root{--school-green:#c4ff06;--school-blue:#5ce1e6;--school-violet:#9d8cff;--school-ink:#07171c;--school-panel:#0b2228;--school-text:#d8e4e5;--school-muted:#9db2b6}
html{scroll-behavior:smooth;scroll-padding-top:7rem}
body{overflow-x:hidden}
.school-ben-page{background:radial-gradient(circle at 88% 10%,rgba(92,225,230,.08),transparent 27rem),radial-gradient(circle at 12% 34%,rgba(157,140,255,.06),transparent 30rem)}
.school-hero{position:relative;min-height:720px;padding:9rem max(5vw,1.25rem) 5.5rem;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(216,228,229,.13)}
.school-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,16,21,.98) 0%,rgba(4,16,21,.92) 47%,rgba(4,16,21,.48) 100%),url('/images/kinderthriller-flur.webp') center/cover;z-index:0}
.school-hero:after{content:"";position:absolute;width:34rem;height:34rem;right:-8rem;top:7rem;border:1px solid rgba(92,225,230,.2);border-radius:50%;box-shadow:0 0 80px rgba(92,225,230,.08);z-index:0}
.school-hero-inner{position:relative;z-index:1;width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,340px);gap:clamp(2rem,6vw,6rem);align-items:center}
.school-hero-copy{max-width:760px}.school-hero .breadcrumbs{margin-bottom:2rem}.school-hero h1{font-size:clamp(3rem,5.4vw,5.6rem);line-height:1.03;letter-spacing:-.045em;max-width:900px;margin:.6rem 0 1.5rem}.school-hero .intro{font-size:clamp(1.08rem,1.55vw,1.3rem);line-height:1.7;color:var(--school-text);max-width:760px}.school-use{display:flex;align-items:center;gap:.7rem;margin-top:1.3rem;color:#b7c9cb;font-size:.96rem}.school-use:before{content:"";width:2.3rem;height:1px;background:var(--school-blue);box-shadow:0 0 10px rgba(92,225,230,.5)}
.school-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.school-hero-actions .button{min-height:3.2rem}
.school-cover-wrap{position:relative;justify-self:center;max-width:305px}.school-cover-wrap:before,.school-cover-wrap:after{content:"";position:absolute;border-radius:20px;transform:rotate(-4deg)}.school-cover-wrap:before{inset:10% -12% -7% 8%;border:1px solid rgba(196,255,6,.36)}.school-cover-wrap:after{inset:-7% 8% 12% -12%;border:1px solid rgba(157,140,255,.34)}.school-cover{position:relative;z-index:1;width:100%;height:auto;border-radius:3px;box-shadow:0 30px 70px rgba(0,0,0,.48)}
.school-main{width:min(1180px,calc(100% - 2.5rem));margin:auto}.school-section{padding:clamp(4.5rem,8vw,7.5rem) 0;border-bottom:1px solid rgba(216,228,229,.12);scroll-margin-top:6.5rem}.school-section:last-child{border-bottom:0}.section-head{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(2rem,7vw,7rem);align-items:start;margin-bottom:2.6rem}.section-head h2,.story-copy h2,.author-copy h2,.form-copy h2{font-size:clamp(2.25rem,4.4vw,4rem);line-height:1.08;letter-spacing:-.04em}.section-head p,.story-copy p,.author-copy p,.form-copy p{color:var(--school-text);font-size:1.08rem;line-height:1.75}.section-kicker{display:block;color:var(--school-blue);font-size:.77rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.8rem}
.story-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(2rem,7vw,7rem);align-items:center}.story-question{padding:2rem;border-left:3px solid var(--school-green);background:linear-gradient(110deg,rgba(196,255,6,.08),transparent);font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.5;color:#f4f7f6}.story-clues{display:grid;gap:.8rem}.story-clues span{display:flex;align-items:center;gap:1rem;padding:1rem 1.15rem;border:1px solid rgba(216,228,229,.14);border-radius:14px;color:#c7d6d8;background:rgba(8,29,35,.62)}.story-clues span:before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--school-violet);box-shadow:0 0 12px rgba(157,140,255,.5);flex:0 0 auto}
.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.topic-card{position:relative;padding:1.7rem 1.6rem 1.8rem;border:1px solid rgba(216,228,229,.15);border-radius:18px;background:rgba(7,23,28,.72);min-height:210px}.topic-card:before{content:"";position:absolute;left:1.6rem;top:0;width:3rem;height:3px;background:var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 45%,transparent)}.topic-card:nth-child(3n+1){--accent:var(--school-green)}.topic-card:nth-child(3n+2){--accent:var(--school-blue)}.topic-card:nth-child(3n){--accent:var(--school-violet)}.topic-card h3{font-size:1.25rem;font-weight:700;margin:.3rem 0 .75rem}.topic-card p{color:#afc1c4;line-height:1.65}
.class-panel{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:clamp(2rem,6vw,6rem);padding:clamp(2rem,5vw,4.5rem);border:1px solid rgba(92,225,230,.2);border-radius:24px;background:linear-gradient(130deg,rgba(92,225,230,.08),rgba(157,140,255,.04) 65%,transparent)}.class-range{align-self:center;padding:1.5rem 0;border-top:1px solid rgba(92,225,230,.32);border-bottom:1px solid rgba(92,225,230,.18)}.class-range span{display:block;color:var(--school-blue);font-size:.78rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.65rem}.class-range strong{display:block;color:#f4f7f6;font-size:clamp(2.15rem,4.5vw,3.7rem);line-height:1.08;letter-spacing:-.04em}.class-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.class-list li{padding:1rem 1.1rem;border-radius:12px;background:rgba(8,29,35,.7);border:1px solid rgba(216,228,229,.12);color:#d0dcde}.class-note{grid-column:1/-1;color:#9fb3b6;line-height:1.65;margin-top:.5rem}
.materials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.material-card{display:flex;flex-direction:column;padding:1.7rem;border:1px solid rgba(216,228,229,.15);border-radius:18px;background:rgba(7,23,28,.78);min-height:355px}.material-card:nth-child(1){border-top:3px solid var(--school-green)}.material-card:nth-child(2){border-top:3px solid var(--school-blue)}.material-card:nth-child(3){border-top:3px solid var(--school-violet)}.material-card .status{width:max-content;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#a9babc;border:1px solid rgba(216,228,229,.18);border-radius:99px;padding:.4rem .65rem;margin-bottom:1.3rem}.material-card h3{font-size:1.45rem;font-weight:700;margin-bottom:.8rem}.material-card p{color:#afc0c3;line-height:1.65}.material-card ul{margin:.8rem 0 1.5rem;padding-left:1.1rem;color:#afc0c3;line-height:1.65;list-style:disc}.material-card .button{margin-top:auto;justify-content:center}.button[aria-disabled="true"]{opacity:.62;cursor:not-allowed;pointer-events:none}
.class-set-panel{padding:clamp(1.5rem,4vw,3rem);border:1px solid rgba(216,228,229,.15);border-radius:22px;background:linear-gradient(135deg,rgba(92,225,230,.06),rgba(7,23,28,.78) 42%,rgba(157,140,255,.045))}.class-set-intro{max-width:900px}.class-set-intro>p{color:var(--school-text);font-size:1.08rem;line-height:1.75}.format-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0}.format-note{padding:1.25rem 1.35rem;border:1px solid rgba(216,228,229,.14);border-radius:14px;background:rgba(7,23,28,.7)}.format-note.typical{border-left:3px solid var(--school-green)}.format-note.library{border-left:3px solid var(--school-violet)}.format-note span{display:block;color:#94a9ad;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.45rem}.format-note strong{display:block;font-size:1.2rem;margin-bottom:.35rem}.format-note p{color:#afc0c3;line-height:1.55}.price-table-wrap{overflow-x:auto;margin-top:1.5rem;border:1px solid rgba(216,228,229,.18);border-radius:16px;background:#06191e;-webkit-overflow-scrolling:touch;box-shadow:0 16px 36px rgba(0,0,0,.15)}.price-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;table-layout:fixed}.price-table caption{text-align:left;padding:1rem 1.25rem;color:#a9babc;font-size:.88rem;background:rgba(255,255,255,.018);border-bottom:1px solid rgba(216,228,229,.12)}.price-table th,.price-table td{padding:1.15rem 1.25rem;border-bottom:1px solid rgba(216,228,229,.105);vertical-align:middle}.price-table thead th{background:#0d2a31;color:#eef4f4;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.4}.price-table thead th:first-child{width:34%}.price-table thead th:nth-child(2){width:25%}.price-table thead th:nth-child(3),.price-table thead th:nth-child(4){width:20.5%;text-align:right}.price-table tbody th{text-align:left;font-weight:600;color:#dbe5e6;background:rgba(255,255,255,.012)}.price-table tbody td{color:#b9c9cb}.price-table tbody td:nth-child(2){font-variant-numeric:tabular-nums}.price-table tbody td:nth-child(3),.price-table tbody td:nth-child(4){text-align:right;color:#eef4f4;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}.price-table tbody tr:last-child th,.price-table tbody tr:last-child td{border-bottom:0}.table-scroll-hint{display:none;color:#8fa5a9;font-size:.78rem;margin:.65rem .25rem 0}.legal-note{margin-top:1.2rem;padding-left:1rem;border-left:2px solid rgba(92,225,230,.45);color:#98adb0;font-size:.92rem;line-height:1.65}.class-set-request{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end;margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(216,228,229,.12)}.class-set-request h3{font-size:1.45rem;font-weight:700;margin-bottom:.65rem}.class-set-request p{color:#afc0c3;line-height:1.65;max-width:760px}.class-set-request .button{white-space:nowrap}
.meeting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.meeting-card{padding:clamp(1.7rem,4vw,3rem);border-radius:20px;border:1px solid rgba(216,228,229,.15);background:rgba(7,23,28,.72)}.meeting-card:first-child{box-shadow:inset 4px 0 var(--school-green)}.meeting-card:last-child{box-shadow:inset 4px 0 var(--school-blue)}.meeting-card h3{font-size:1.6rem;font-weight:700;margin-bottom:1rem}.meeting-card p,.meeting-card li{color:#b3c3c6;line-height:1.65}.meeting-card ul{list-style:disc;padding-left:1.2rem;margin:1rem 0 1.5rem}.meeting-card .button{margin-top:1rem}
.series-strip{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,6rem);align-items:center}.series-themes{display:grid;gap:.75rem}.series-themes div{display:grid;grid-template-columns:80px 1fr;gap:1rem;align-items:center;padding:1rem;border-radius:12px;border:1px solid rgba(216,228,229,.13);background:rgba(8,29,35,.64)}.series-themes strong{font-size:.76rem;letter-spacing:.12em;color:var(--accent)}.series-themes div:nth-child(1){--accent:var(--school-green)}.series-themes div:nth-child(2){--accent:var(--school-blue)}.series-themes div:nth-child(3){--accent:var(--school-violet)}
.author-grid{display:grid;grid-template-columns:250px 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}.author-grid img{width:250px;aspect-ratio:2/3;object-fit:cover;object-position:50% 38%;border-radius:20px;border:1px solid rgba(157,140,255,.3);filter:saturate(.9)}
.school-form-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,6rem);align-items:start}.school-form{padding:clamp(1.5rem,4vw,2.5rem);border:1px solid rgba(92,225,230,.2);border-radius:20px;background:rgba(8,29,35,.76)}.school-form .form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.school-form label{display:grid;gap:.45rem;color:#d9e5e6;font-weight:600;margin-bottom:1rem}.school-form input,.school-form select,.school-form textarea{width:100%;background:#06181d;border:1px solid rgba(216,228,229,.18);border-radius:10px;padding:.85rem 1rem;color:#f4f7f6}.school-form textarea{min-height:145px}.school-form input:focus,.school-form select:focus,.school-form textarea:focus{outline:2px solid var(--school-blue);outline-offset:2px}.school-form .form-consent{display:flex;grid-template-columns:auto 1fr;align-items:flex-start;gap:.7rem;font-weight:400;color:#afc0c3;line-height:1.55}.school-form .form-consent input{width:1.1rem;height:1.1rem;margin-top:.2rem}.form-status{min-height:1.5rem;margin-top:1rem;color:#b9cbcd}.form-status.success{color:var(--school-green)}.form-status.error{color:#ffb4b4}
.faq-list{display:grid;gap:.7rem;max-width:900px}.faq-list details{border:1px solid rgba(216,228,229,.14);border-radius:14px;background:rgba(7,23,28,.7);padding:0 1.2rem}.faq-list summary{cursor:pointer;padding:1.2rem 2.5rem 1.2rem 0;font-weight:700;position:relative;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1.7rem;height:1.7rem;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(92,225,230,.35);color:var(--school-blue)}.faq-list details[open] summary:after{content:"−"}.faq-list p{padding:0 0 1.2rem;color:#afc0c3;line-height:1.65}
@media(max-width:900px){.school-hero-inner,.story-grid,.section-head,.class-panel,.series-strip,.school-form-section{grid-template-columns:1fr}.school-hero{padding-top:8rem}.school-cover-wrap{width:min(240px,62vw);margin-top:1rem}.topic-grid,.materials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.materials-grid .material-card:last-child{grid-column:1/-1}.section-head{gap:1.2rem}.class-set-request{grid-template-columns:1fr;align-items:start}.class-set-request .button{width:max-content}}
@media(max-width:620px){.school-hero{min-height:auto;padding:7.5rem 1.25rem 4.25rem}.school-hero-inner{gap:3rem}.school-hero h1{font-size:clamp(2.65rem,13vw,3.75rem)}.school-hero .intro{font-size:1.02rem;line-height:1.65}.school-use{align-items:flex-start;line-height:1.5}.school-hero-actions{display:grid}.school-hero-actions .button{width:100%;justify-content:center}.school-cover-wrap{width:min(210px,58vw)}.school-main{width:min(100% - 2rem,1180px)}.school-section{padding:4rem 0}.topic-grid,.materials-grid,.meeting-grid,.class-list,.format-notes{grid-template-columns:1fr}.materials-grid .material-card:last-child{grid-column:auto}.topic-card{min-height:0}.class-panel,.class-set-panel{padding:1.5rem}.class-range{padding:1.2rem 0}.class-range strong{font-size:2.4rem}.price-table-wrap{margin-left:-.25rem;margin-right:-.25rem}.price-table th,.price-table td{padding:.95rem 1rem}.table-scroll-hint{display:block}.class-set-request .button{width:100%;justify-content:center}.series-themes div{grid-template-columns:1fr;gap:.35rem}.author-grid{grid-template-columns:1fr}.author-grid img{width:min(240px,72vw);object-position:50% 36%}.school-form .form-row{grid-template-columns:1fr}.school-form{padding:1.25rem}.section-head h2,.story-copy h2,.author-copy h2,.form-copy h2{font-size:2.45rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Schulangebot – gezielter visueller Feinschliff */
.school-button-blue{background:var(--school-blue);border:1px solid var(--school-blue);color:#06171c}
.school-button-blue:hover,.school-button-blue:focus-visible{background:#eef9fa;border-color:#eef9fa;color:#06171c}
.school-button-outline{background:rgba(7,23,28,.56);border:1px solid var(--school-blue);color:#eaf8f9}
.school-button-outline:hover,.school-button-outline:focus-visible{background:var(--school-blue);color:#06171c}
.class-panel{grid-template-columns:minmax(290px,.82fr) minmax(0,1.18fr)}
.class-visual{align-self:center;position:relative;padding:2rem;border:1px solid rgba(92,225,230,.23);border-radius:20px;background:radial-gradient(circle at 82% 15%,rgba(92,225,230,.13),transparent 38%),rgba(5,23,28,.72);overflow:hidden}
.class-visual>span{display:block;color:var(--school-blue);font-size:.78rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.65rem}
.class-visual>strong{display:block;color:#f4f7f6;font-size:clamp(2.1rem,3.7vw,3.4rem);line-height:1.08;letter-spacing:-.04em}
.class-visual>p{max-width:30ch;margin-top:1.4rem;color:#aebfc2;line-height:1.55}
.grade-marks{display:flex;gap:.65rem;margin-top:1.5rem}
.grade-marks i{display:grid;place-items:center;width:3.15rem;height:3.15rem;border-radius:50%;font-style:normal;font-size:1.2rem;font-weight:750;color:#06171c;background:var(--school-blue);box-shadow:0 0 0 5px rgba(92,225,230,.08)}
.grade-marks i:nth-child(2){background:var(--school-violet);color:#fff;box-shadow:0 0 0 5px rgba(157,140,255,.08)}
.grade-marks i:nth-child(3){background:#f3f7f6;box-shadow:0 0 0 5px rgba(255,255,255,.06)}
.format-note.typical{border-left-color:var(--school-blue)}
.price-table-heading{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;margin:2.25rem 0 .8rem}
.price-table-heading strong{font-size:1.3rem}.price-table-heading span{color:#91a7aa;font-size:.88rem}
.price-table-wrap{overflow:hidden;margin-top:0;border-color:rgba(92,225,230,.2);box-shadow:none}
.price-table{min-width:0;border-collapse:collapse;table-layout:fixed}
.price-table thead th{background:#10313a;text-align:left}
.price-table thead th:first-child{width:34%}.price-table thead th:nth-child(2){width:26%}.price-table thead th:nth-child(3),.price-table thead th:nth-child(4){width:20%;text-align:right}
.price-table tbody tr:nth-child(even){background:rgba(92,225,230,.025)}
.meeting-layout{display:grid;grid-template-columns:minmax(230px,310px) minmax(0,1fr);gap:1rem;align-items:stretch}
.meeting-portrait{position:relative;min-height:100%;overflow:hidden;border-radius:20px;border:1px solid rgba(92,225,230,.22);background:#07171c}
.meeting-portrait img{width:100%;height:100%;min-height:540px;object-fit:cover;object-position:50% 28%}
.meeting-portrait figcaption{position:absolute;left:0;right:0;bottom:0;padding:3.5rem 1.2rem 1.15rem;background:linear-gradient(transparent,rgba(4,16,21,.94));color:#dbe7e8;font-size:.82rem}
.meeting-card{padding:clamp(1.7rem,3vw,2.35rem)}
.faq-list{width:100%;max-width:none}
.faq-list summary:after{transform:translateY(-56%);line-height:1}

@media(max-width:1050px){.meeting-layout{grid-template-columns:1fr}.meeting-portrait{min-height:360px}.meeting-portrait img{min-height:360px;max-height:520px;object-position:50% 24%}}
@media(max-width:900px){.class-panel{grid-template-columns:1fr}}
@media(max-width:620px){
  .class-visual{padding:1.45rem}.class-visual>strong{font-size:2.45rem}.grade-marks i{width:2.75rem;height:2.75rem}
  .price-table-heading{display:block}.price-table-heading span{display:block;margin-top:.3rem}
  .price-table-wrap{border:0;background:transparent;border-radius:0}
  .price-table,.price-table tbody,.price-table tr,.price-table th,.price-table td{display:block;width:100%}
  .price-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .price-table tbody{display:grid;gap:.8rem}
  .price-table tbody tr{padding:1rem 1.05rem;border:1px solid rgba(92,225,230,.17);border-radius:14px;background:#071d23}
  .price-table tbody tr:nth-child(even){background:#092128}
  .price-table tbody th{padding:0 0 .8rem;border-bottom:1px solid rgba(216,228,229,.12);font-size:1.05rem}
  .price-table tbody td{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0 0;border:0;text-align:right!important}
  .price-table tbody td:before{content:attr(data-label);color:#91a7aa;text-align:left;font-size:.82rem;font-weight:600}
  .meeting-grid{grid-template-columns:1fr}.meeting-portrait img{min-height:420px;max-height:520px}
}