/* Designabstimmung 02: größere Schrift, zentrierte Abschnittstitel und Bildgalerie. */
header .head{height:122px!important}header .brand img{width:295px!important;max-height:110px!important}
header .library-menu-toggle .menu-symbol{position:relative;width:15px;height:15px;transform:none!important}
.menu-symbol:before,.menu-symbol:after{content:'';position:absolute;background:currentColor;border-radius:2px;left:1px;top:7px;width:13px;height:1.5px}
.menu-symbol:after{transform:rotate(90deg);transition:transform .18s ease}
.library-menu-toggle[aria-expanded=true] .menu-symbol:after{transform:rotate(0)}
/* Kein Bild neben dem Titel: zentrierte Überschrift und Einleitung. */
.home-page .library-top{position:relative;justify-content:center}.home-page .library-top .section-head{text-align:center;max-width:800px;margin-inline:auto}.home-page .library-top .section-head p{margin-inline:auto;max-width:680px}.home-page .shelf-controls{position:absolute;right:0;bottom:-48px;z-index:1}.home-page .book-grid{padding-top:12px}
.home-page .section-head h2,.home-page .readways h2,.home-page .club h3,.home-page .faq h2{font-size:clamp(39px,4.6vw,62px)}
.home-page .hero h1{font-size:clamp(48px,5vw,68px)}
.home-page .hero p,.home-page .readways-grid p{font-size:18px}
.home-page .section-head p,.home-page .club p,.home-page .heart-project p{font-size:17px}
.home-page .growth h2{font-size:clamp(37px,4.3vw,56px)}.home-page .growth p{font-size:18px}
.home-page .book-tile,.home-page .book-tile .story-info{background:#f4f5ef}.home-page .book-title-row h3{font-size:29px}.home-page .story-info p{font-size:15px}
.home-page .mode-heading{font-size:28px}.home-page .mode-description{font-size:16px}.home-page .mode-flip{height:365px}.home-page .mode-back .mode-example{font-size:18px}.home-page .sample-team .example-copy{font-size:15px}.home-page .sample-child{font-size:22px}.home-page .mode-face{grid-template-rows:50px minmax(0,1fr) 34px 22px}
.home-page .fig-copy h3{font-size:34px;padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid var(--line)}.home-page .fig-copy p{font-size:16px}.home-page .fig-copy p:last-child{margin-bottom:0}
.home-page .ai-note h2{font-size:40px}.home-page .ai-note h3{font-size:19px}.home-page .ai-note p,.home-page .faq details p{font-size:16px}.home-page .faq summary{font-size:17px}.home-page .heart-project h2{font-size:43px}
body.story-page .story-title h1{font-size:clamp(44px,5.1vw,70px)!important}body.story-page .story-title p{font-size:18px!important}
body.story-page #readaloud .story-text p:not(.story-lead),body.story-page #clearview .story-text p:not(.story-lead){font-size:20px!important}
body.story-page #readaloud .story-lead{font-size:31px!important;line-height:1.2!important}
body.story-page #together .together-chunk[data-reader=adult]{font-size:19px!important}body.story-page #together .together-chunk[data-reader=child]{font-size:24px!important}
body.story-page .story-goodnight{font-size:clamp(36px,4.3vw,56px)!important}
body.story-page .wuselfehler h2,body.story-page .wuselfehler-game-title,body.story-page .story-questions-head h2{font-size:clamp(36px,4.3vw,54px)!important;line-height:1.12!important;font-family:Georgia,serif!important;font-weight:400!important}
body.story-page .wuselfehler p,body.story-page .story-questions-head p{font-size:19px!important}
body.story-page .story-next h2{font-size:30px}
/* Feste verfügbare Höhe statt eines flachen Seitenverhältnisses. Jedes Bild vollständig. */
body.story-page .wusel-gallery-modal{top:20px!important;width:min(940px,calc(100vw - 48px))!important}
body.story-page .wusel-gallery-dialog{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;height:min(900px,calc(100dvh - 40px));max-height:calc(100dvh - 40px)!important;padding:16px 64px!important;overflow:hidden!important}
body.story-page .wusel-gallery-head{margin:0 -48px!important}
body.story-page .wusel-gallery-stage{height:100%!important;min-height:0!important;aspect-ratio:auto!important;overflow:hidden;display:flex;align-items:center;justify-content:center}
body.story-page .wusel-gallery-stage img{display:block;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}
body.story-page .wusel-gallery-caption{margin:0!important}
/* Ein Klick auf die klar beschrifteten Kontaktangaben, ohne JavaScript nutzbar. */
.contact-disclosure{border:1px solid var(--line);border-radius:14px;background:#f2f5ee;margin:24px 0;padding:0 22px}
.contact-disclosure summary{position:relative;padding:20px 28px 20px 0;font-size:17px;line-height:1.5;font-weight:700;list-style:none}.contact-disclosure summary::-webkit-details-marker{display:none}.contact-disclosure summary:after{content:'+';position:absolute;right:0;top:18px;font-size:25px;font-weight:400}.contact-disclosure[open] summary:after{content:'−'}.contact-details{border-top:1px solid var(--line);padding-bottom:10px}.legal-page h1{font-size:clamp(36px,5.3vw,58px)}.legal-page p,.legal-page li{font-size:17px}
@media(min-width:901px) and (max-width:1100px){header .head{gap:14px}header .brand img{width:250px!important}header nav{gap:14px}.home-page .mode-flip{height:330px}}
@media(max-width:900px){
 header .head{height:148px!important;position:relative;justify-content:center!important}header .brand{margin-inline:auto!important}header .brand img{width:min(342px,calc(100vw - 62px))!important;max-height:140px!important}header .menu-toggle{position:absolute!important;left:auto!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;z-index:3}header .mobile-nav{max-height:calc(100dvh - 148px)}
 .home-page .hero h1{font-size:49px}.home-page .fig-copy p{font-size:16px}
 body.story-page .wusel-gallery-modal{top:12px!important;right:10px!important;width:calc(100vw - 20px)!important}body.story-page .wusel-gallery-dialog{height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)!important;padding:14px 38px!important}body.story-page .wusel-gallery-head{margin:0 -26px!important}
}
@media(max-width:650px){
 .home-page .library-top{margin-bottom:62px}.home-page .shelf-controls{flex-direction:row;bottom:-50px}.home-page .section-head h2,.home-page .readways h2{font-size:40px}.home-page .library-top .section-head p{font-size:16px}.home-page .hero p,.home-page .readways-grid p{font-size:17px}.home-page .mode-flip{height:320px}.home-page .mode-face{grid-template-rows:45px minmax(0,1fr) 30px 22px}.home-page .fig-copy p{font-size:17px}.home-page .ai-note h2{font-size:36px}.home-page .heart-project h2{font-size:38px}
 body.story-page .story-title h1{font-size:45px!important}body.story-page .story-title p{font-size:17px!important}body.story-page .wuselfehler h2,body.story-page .wuselfehler-game-title,body.story-page .story-questions-head h2{font-size:37px!important}body.story-page .wuselfehler p{font-size:17px!important}
 .legal-page h1{font-size:36px}.contact-disclosure{padding-inline:16px}.contact-disclosure summary{font-size:16px}
}
@media(max-width:360px){header .head{height:130px!important}header .brand img{max-height:122px!important}header .mobile-nav{max-height:calc(100dvh - 130px)}.home-page .mode-heading{font-size:26px}}
/* Homepage revision: beige reading card and two-column AI introduction. */
.home-page .mode-flip:first-child{background:var(--cream)}
.home-page .ai-note-box{display:grid;text-align:left}
.home-page .ai-note h2{font-size:44px;margin:0}
.home-page .ai-note p{max-width:none;margin:0}
@media(max-width:900px){.home-page .ai-note h2{font-size:38px}}
@media(max-width:650px){
 .home-page .ai-note-box{display:block}
 .home-page .ai-note h2{font-size:38px;margin-bottom:28px}
}
/* Natural image proportions: taller portraits without oversized blank areas. */
body.story-page .wusel-gallery-dialog{display:block!important;height:auto!important}
body.story-page .wusel-gallery-stage{position:relative;display:block;width:100%;height:auto!important;aspect-ratio:var(--gallery-ratio, 1)!important;max-height:calc(100dvh - 156px);margin:12px 0 16px}
body.story-page .wusel-gallery-stage img{position:absolute;inset:0}
@media(min-width:1101px){.home-page .hero h1{font-size:66px;letter-spacing:-.05em}}
@media(max-width:900px){header .menu-toggle{top:12px!important;transform:none!important}}