/* Startseite — klare Abschnitte, gemeinsame Raster, vier vergleichbare Leseproben. */
.hero{background:var(--cream);overflow:hidden;border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:44px;align-items:center;min-height:610px}
.hero-copy{padding-block:64px}.hero h1{font-size:clamp(46px,4.8vw,70px);font-weight:400;line-height:1.05;letter-spacing:-.045em;margin:20px 0 26px}.hero p{max-width:460px;font-size:17px;color:#52665f;margin:0}.hero-art{align-self:stretch;min-width:0;margin-right:calc((min(1240px,90vw) - 100vw)/2);display:flex;background:#fff;overflow:hidden;border-radius:0 0 0 96px}.hero-art img{width:100%;height:100%;min-height:610px;object-fit:cover;object-position:50% 65%;display:block}.promise{padding:20px 5vw;background:var(--paper);border-bottom:1px solid var(--line);text-align:center;color:#5d7067;font-size:12px;line-height:1.8;letter-spacing:.035em}
.library,.reading-experience,.figures,.club,.ai-note,.faq,.heart-project{padding:88px 0}.section-head{max-width:760px;margin:0 auto 40px;text-align:center}.section-head h2,.readways h2,.growth h2,.club h3,.ai-note h2,.faq h2,.heart-project h2{font-size:clamp(36px,4.3vw,58px);font-weight:400;line-height:1.1;letter-spacing:-.035em;margin:14px 0 20px}.section-head p{max-width:630px;margin:0 auto;color:#52665f;font-size:16px;line-height:1.75}
#bibliothek.library{background:var(--paper)!important}.library-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:36px}.library-top .section-head{text-align:left;margin:0;max-width:710px}.library-top .section-head p{margin:0;max-width:620px}.shelf-controls{display:flex;gap:8px;flex-shrink:0}.shelf-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #b9c7bd;border-radius:50%;background:transparent;color:var(--deep);font-size:23px}.shelf-controls button:hover{background:var(--soft-green)}.shelf-controls button:disabled{opacity:.3}
.book-grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:4px;overscroll-behavior-inline:contain;padding:8px 3px 20px;scrollbar-width:thin;scrollbar-color:#c3cdbf transparent}.book-tile{scroll-snap-align:start;min-width:0;background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 4px 14px #173f3b04;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;flex-direction:column}.book-tile:not(.book-coming):hover,.book-tile:focus-within,.mode-flip:hover{transform:translateY(-5px);box-shadow:0 16px 30px #173f3b12;border-color:#a8baab}.library-card-link{display:flex;flex-direction:column;height:100%}.book-cover{position:relative;aspect-ratio:1.6;background:var(--cream);overflow:hidden}.book-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.library-card-link:hover .book-cover img{transform:scale(1.035)}.story-info{padding:26px;flex:1}.book-title-row{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:12px;align-items:start;margin:14px 0}.book-title-row h3{font-size:27px;line-height:1.17;letter-spacing:-.025em;margin:0;min-height:3.51em}.book-title-row h3 em{font-weight:400}.book-title-arrow{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fcf0e7;color:var(--orange);font-size:22px;transition:background .2s}.library-card-link:hover .book-title-arrow{background:#f8d9c5}.library-card-link:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.story-info p{font-size:14px;color:#53685e;line-height:1.65;margin:0}.book-coming{background:#f4f5ef}.book-coming .book-title-row{grid-template-columns:1fr}.book-coming .book-title-arrow,.cover-placeholder{display:none}.book-coming .eyebrow{color:#717567}
.reading-experience{background:var(--soft-green);border-block:1px solid var(--line)}.readways-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.readways-grid p{font-size:17px;color:#52665f;max-width:550px}.readways-grid>img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:24px}.reading-mode-cards{margin-top:44px}.mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.mode-flip{position:relative;text-align:left;border:1px solid #d0dbca;border-radius:20px;background:#fffdf8;min-width:0;padding:26px;perspective:1100px;transition:transform .22s,box-shadow .22s,border-color .22s;color:var(--ink)}.mode-flip:nth-child(2){background:#fff5df}.mode-flip:nth-child(3){background:#e7f1f3}.mode-flip:nth-child(4){background:#fff}.mode-turn{height:100%;display:grid;transform-style:preserve-3d;transition:transform .45s ease}.mode-flip[aria-pressed=true] .mode-turn{transform:rotateY(180deg)}.mode-face{grid-area:1/1;display:grid;grid-template-rows:48px minmax(0,1fr) 34px 22px;gap:10px;padding-top:12px;min-width:0;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.mode-back{transform:rotateY(180deg);visibility:hidden}.mode-flip[aria-pressed=true] .mode-back{visibility:visible}.mode-flip[aria-pressed=true] .mode-front{visibility:hidden}.mode-heading{font:700 26px/1.2 Georgia,serif;align-self:start;letter-spacing:-.02em}.mode-description{font:400 15px/1.65 Arial,sans-serif}.audio-note{font:12px/1.45 Arial,sans-serif;color:#667568}.flip-hint,.example-label{font:700 12px/1.5 Arial,sans-serif;align-self:start}.flip-hint{grid-row:4;align-self:end;color:var(--orange)}.mode-back .mode-example{grid-row:2/4;display:block;min-width:0;font:17px/1.55 Georgia,serif}.example-copy{display:block}.sample-team .example-copy{font-size:14px;line-height:1.5}.sample-child{display:block;font:700 21px/1.3 Georgia,serif;color:#176a96;margin:6px 0}.mode-back .sample-syllables,.mode-back .sample-clear{font-family:Arial,sans-serif}.sample-word{white-space:nowrap}.s-blue{color:#176a96}.s-orange{color:#ae4324}.sample-clear{background:#fff;color:#111}.mode-back .example-label{grid-row:1}.availability{display:inline-block;font-size:12px;color:#61705e;margin:14px 0 0;padding-left:12px;border-left:2px solid #b6c4aa}
.figures{background:var(--cream);border-bottom:1px solid var(--line)}.fig-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.fig-card{min-width:0;display:flex;flex-direction:column;border:1px solid #e4dfd3;background:#fffdf8;border-radius:22px;overflow:hidden}.fig-card>img{width:100%;aspect-ratio:1.48;object-fit:contain;display:block;background:#f8f1e8}.fig-copy{padding:26px;display:flex;flex-direction:column;flex:1}.fig-copy h3{font-size:32px;margin:0 0 14px}.fig-copy p{font-size:15px;line-height:1.75;color:#52665f;margin:0 0 14px}.fig-trait{font-size:11px;font-weight:700;letter-spacing:.06em;color:#6c6b4f;margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}
.growth{padding:72px 0;background:var(--deep);color:white}.growth-intro{max-width:860px;margin:auto;text-align:center}.growth h2{font-size:clamp(34px,4vw,52px)}.growth h2 em{color:#f5bc88}.growth p{font-size:17px;line-height:1.8;color:#dce6de;max-width:750px;margin:20px auto 0}.club{text-align:center;background:var(--paper);padding-bottom:64px}.club-intro{max-width:700px;margin:auto}.club p{color:#52665f;max-width:580px;margin:0 auto}.ai-note{padding-top:0;padding-bottom:72px;background:var(--paper)}.ai-note-box{border:1px solid var(--line);border-radius:24px;padding:44px 52px;display:grid;grid-template-columns:.8fr 1.2fr;gap:0 46px;background:#f2f5ee}.ai-note h2{grid-column:1;grid-row:1/3;font-size:37px;margin:0}.ai-note h3{font:700 18px/1.4 Arial,sans-serif;margin:0 0 12px}.ai-note p{font-size:15px;margin:0;color:#52665f}.faq{border-block:1px solid var(--line);background:white;padding:72px 0}.faq .wrap{max-width:800px}.faq h2{text-align:center;margin-bottom:32px}.faq details{border-bottom:1px solid var(--line)}.faq summary{padding:21px 32px 21px 0;font-size:16px;font-weight:700;position:relative;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:4px;top:18px;font-size:25px;color:var(--orange);font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{margin:0;padding:0 30px 22px 0;color:#52665f;font-size:15px}.heart-project{padding:64px 5vw;background:var(--cream);text-align:center}.heart-project-card{max-width:720px;margin:auto}.heart-project h2{font-size:40px}.heart-project p{font-size:16px;color:#52665f;margin:0}
@media(min-width:1100px){.shelf-controls{display:none}}
@media(max-width:1100px){.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.book-grid{grid-auto-columns:calc((100% - 24px)/2)}.readways-grid{gap:36px}}
@media(max-width:900px){.hero-grid{gap:24px;min-height:500px;grid-template-columns:1fr 1fr}.hero-art img{min-height:500px}.hero h1{font-size:46px}.hero-copy{padding-block:48px}.hero p{font-size:16px}.fig-grid{gap:16px}.fig-copy{padding:22px}.fig-copy p{font-size:14px}.book-title-row h3{font-size:26px}.ai-note-box{padding:32px;gap:24px}.ai-note h2{font-size:32px}}
@media(max-width:650px){.hero-grid{display:flex;flex-direction:column;gap:0;width:100%}.hero-copy{padding:44px 6vw 32px;width:100%}.hero h1{font-size:46px;max-width:470px}.hero h1 br{display:none}.hero h1 br:after{content:' '}.hero h1 em{display:block}.hero-art{width:100%;margin:0;border-radius:48px 48px 0 0;height:auto;max-height:none}.hero-art img{min-height:0;height:auto;aspect-ratio:4/3;object-fit:cover}.promise{font-size:11px;padding:16px 6vw}.library,.reading-experience,.figures{padding:56px 0}.library-top{gap:18px;align-items:end}.library-top .section-head h2{font-size:36px}.library-top .section-head h2 br{display:none}.library-top .section-head p{font-size:15px}.shelf-controls{flex-direction:column}.shelf-controls button{width:36px;height:36px}.book-grid{grid-auto-columns:86%;gap:16px}.book-title-row h3{min-height:0;font-size:27px}.story-info{padding:24px}.readways-grid{grid-template-columns:1fr;gap:28px}.readways-grid h2{font-size:38px}.readways-grid p{font-size:16px}.reading-mode-cards{margin-top:28px}.mode-grid{grid-template-columns:1fr;gap:16px}.mode-flip{padding:26px 30px}.mode-description{font-size:16px}.mode-back .mode-example{font-size:18px}.mode-face{grid-template-rows:40px minmax(0,1fr) 30px 22px;gap:8px}.fig-grid{grid-template-columns:1fr;gap:24px}.fig-copy{padding:26px}.fig-copy p{font-size:16px}.growth{padding:56px 0}.growth p{font-size:16px}.club{padding:56px 0 40px}.ai-note{padding-bottom:56px}.ai-note-box{display:block;padding:28px}.ai-note h2{margin-bottom:28px;font-size:34px}.faq{padding:56px 0}.faq h2{font-size:35px}.heart-project{padding:56px 6vw}.heart-project h2{font-size:35px}}
@media(min-width:1101px){.hero h1{font-size:64px}}