/* Gemeinsame Verfeinerung beider Leseseiten. Die Lesemodi bleiben eigenständig. */
body.story-page .reader-sec{padding-top:40px!important;padding-bottom:72px!important;background:var(--soft-green);border:0!important}
.breadcrumb{display:flex;gap:10px;align-items:center;margin:0 0 32px;font:13px/1.5 Arial,sans-serif;color:#5a6c61}.breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
body.story-page .story-title{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center;margin:0 0 48px;padding:0;min-height:0}
body.story-page .story-title h1{font-family:Georgia,serif;font-size:clamp(42px,4.8vw,66px)!important;line-height:1.06!important;letter-spacing:-.04em;font-weight:400;margin:18px 0 24px!important}body.story-page .story-title h1 span{display:inline}body.story-page .story-title h1 em{color:var(--orange)!important;font-weight:400!important}body.story-page .story-title p{font-size:17px!important;line-height:1.75;color:#52665f;max-width:480px;margin:0}body.story-page .story-title-image-placeholder{aspect-ratio:1.45;min-height:0;box-shadow:none;border:0;border-radius:26px;display:block;margin:0;overflow:hidden}body.story-page .story-title-image-placeholder img{display:block;width:100%;height:100%;min-height:0;object-fit:cover}
body.story-page .reader{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;overflow:visible!important}body.story-page .toolbar{position:relative!important;top:auto!important;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px!important;margin:0 0 28px!important;background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:20px!important;box-shadow:0 4px 16px #173f3b06!important}body.story-page .tabs{display:flex;flex-wrap:wrap;gap:5px}body.story-page .tab{font:700 14px/1.4 Arial,sans-serif!important;padding:12px 15px!important;min-height:44px;border:0!important;border-radius:12px!important;background:transparent;color:var(--ink);white-space:nowrap}body.story-page .tab.active{background:var(--deep)!important;color:white!important}body.story-page .tab:not(.active):hover{background:#e7ede1!important}body.story-page .toolbar>.btn{border:1px solid #d4dfce!important;background:#f1f5e9!important;color:var(--deep)!important;font:700 13px/1.4 Arial,sans-serif!important;min-height:44px;padding:12px 17px;border-radius:12px;cursor:pointer}
body.story-page .story-flow{gap:28px!important}body.story-page .story-row{box-shadow:none!important;transform:none!important;border-radius:22px!important}body.story-page .story-text{box-shadow:none!important;transform:none!important}body.story-page .story-step{font:700 11px/1.5 Arial,sans-serif!important;letter-spacing:.14em;opacity:.7;margin-bottom:20px!important}body.story-page .story-text h3{transform:none!important}body.story-page .story-audio{min-height:42px!important;padding:10px 15px!important;border:1px solid #173f3b30!important;background:#ffffffb8!important;color:var(--deep)!important;border-radius:12px!important;font:700 12px/1.4 Arial,sans-serif!important;margin-top:24px!important;box-shadow:none!important}body.story-page .story-audio:hover{background:#fff!important}body#story-two.story-second{--story-layout-gap:24px}body#story-two.story-second .story-mode .story-row>.story-text{padding:32px!important;border-radius:20px!important}body#story-two.story-second .story-mode .story-row>.story-visual{border-radius:20px!important}body.story-page .clear-view .story-audio{border-color:#111!important;background:#fff!important;color:#111!important}
body.story-page .story-after{padding:64px 0!important;background:var(--paper)!important;border-block:1px solid var(--line)}body.story-page .story-goodnight{font-size:clamp(34px,4vw,52px)!important;line-height:1.12!important;font-weight:400!important}body.story-page .wuselfehler{padding:72px 0!important;background:var(--cream)!important}body.story-page .wuselfehler-card{border-radius:24px!important;box-shadow:none!important;border:1px solid var(--line)!important;gap:36px!important;padding:40px!important;background:var(--paper)!important}body.story-page .wuselfehler h2{font-size:clamp(34px,4vw,50px)!important;line-height:1.1!important;font-weight:400!important}body.story-page .wusel-look button{border-radius:14px!important;min-height:64px;box-shadow:none!important}body.story-page .wusel-answer-accordion{box-shadow:none!important}body.story-page .story-questions{padding:80px 0!important}body.story-page .story-questions-head h2{font-size:clamp(34px,4vw,50px)!important;line-height:1.1!important;font-weight:400!important}.story-question-list{max-width:800px;gap:10px}.story-question{box-shadow:none!important;border-radius:12px!important}.story-question summary{padding:15px 50px 15px 20px;font-size:16px;line-height:1.45}.story-question-answer{padding:0 48px 20px 20px;font-size:18px;line-height:1.65}
.story-next{padding:44px 0;background:var(--soft-green);border-bottom:1px solid var(--line)}.story-next .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.story-next h2{font-size:28px;line-height:1.25;margin:8px 0 0;font-weight:400}.story-next a{display:inline-flex;padding:14px 22px;border-radius:999px;background:var(--deep);color:white;font-size:14px;font-weight:700;white-space:nowrap}.story-next a:hover{background:#28554b}
@media(max-width:1100px){body.story-page .story-title{gap:36px}body.story-page .toolbar{justify-content:center}body.story-page .tabs{justify-content:center}}
@media(max-width:900px){body.story-page .reader-sec{padding-top:32px!important}.breadcrumb{margin-bottom:28px}body.story-page .story-title{grid-template-columns:1fr;gap:28px;margin-bottom:32px}body.story-page .story-title h1{font-size:clamp(40px,7vw,58px)!important;max-width:720px}body.story-page .story-title p{max-width:650px}body.story-page .story-title-image-placeholder{aspect-ratio:1.6}body.story-page .wuselfehler-card{padding:28px!important;gap:24px!important}body.story-page .story-questions{padding:60px 0!important}}
@media(max-width:600px){body.story-page .wrap{width:92vw}body.story-page .toolbar{padding:10px!important;gap:10px}body.story-page .tabs{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:5px}body.story-page .tab{font-size:13px!important;padding:12px 8px!important}body.story-page .toolbar>.btn{width:100%}body.story-page .story-title h1{font-size:42px!important}body.story-page .story-title p{font-size:16px!important}body.story-page .story-title-image-placeholder{border-radius:18px}body#story-two.story-second .story-mode .story-row>.story-text{padding:26px 22px!important}body.story-page .wuselfehler{padding:48px 0!important}body.story-page .wuselfehler-card{padding:24px 20px!important}body.story-page .story-after{padding:48px 0!important}.story-next .wrap{flex-direction:column;align-items:flex-start}.story-next a{white-space:normal}.story-question summary{font-size:15px}}
/* Reset former floating toolbar offsets; the reader controls live in normal flow. */
body.story-page .toolbar{left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:100%!important;max-width:none!important;min-height:0!important;z-index:2!important}
body.story-page .tab{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.tab-icon{display:block;width:17px;height:17px;flex:none}
body.story-page .story-mode{padding-top:0!important}
body.story-page #readaloud,body.story-page #together,body.story-page #syllable,body.story-page #clearview{padding:0 0 24px!important;min-width:0}
body.story-page .story-flow{grid-template-columns:minmax(0,1fr);min-width:0}
body.story-page .story-flow>.story-row{min-width:0;max-width:100%}
/* Klare Ansicht must remain black on white, including the final two sections. */
body.story-page #clearview .story-text,
body#story-two.story-second #clearview .story-flow .story-row>.story-text{background:#fff!important;color:#111!important}