.reading-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-block:45px 35px}.reading-intro h1{font-size:clamp(2.3rem,4.4vw,4rem)}.reading-intro .eyebrow{margin-bottom:15px}.reading-intro p{margin-top:14px;color:var(--muted)}.reading-intro>a{flex-shrink:0}.reading-room{background:var(--sage);padding-block:25px 35px}.reader-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.reader-tools label{display:flex;align-items:center;gap:12px;font-size:.875rem;font-weight:600}.reader-tools select{max-width:370px;min-height:48px;border:1px solid var(--line);border-radius:50px;background:var(--paper);color:var(--green);padding:10px 38px 10px 18px;font-size:1rem}.reader-book{display:grid;grid-template-columns:1fr 1fr;background:var(--white);border-radius:12px;overflow:hidden;box-shadow:0 25px 55px #173f3225,0 5px 0 #c6c7b8;min-height:550px}.reader-picture{background:#203c30;min-width:0;display:flex;align-items:center;position:relative}.reader-picture img{width:100%;height:100%;max-height:760px;object-fit:contain;touch-action:pan-y}.reader-copy{padding:clamp(25px,3.5vw,52px);min-width:0;max-height:760px;overflow-y:auto;background:linear-gradient(90deg,#e9e6d7 0,#fffefa 5%,#fffefa 100%);scrollbar-width:thin}.reader-copy h2{font-size:clamp(1.8rem,3.2vw,2.8rem);line-height:1.12;margin-bottom:24px}.reader-copy p{font-size:1.0625rem;line-height:1.85;margin-bottom:1.1em}.reader-copy .big-lead{font-size:1.25rem;margin-top:15px}.reader-copy .btn{margin-top:20px}.reader-copy .eyebrow{font-size:.875rem;margin-bottom:18px}.reader-copy .kursiv{font-style:italic}.reader-copy .betont{font-weight:700}.reader-copy .grosse-zeile{font-family:Bricolage,sans-serif;font-size:1.65rem;line-height:1.4}.reader-copy .adresse{padding:22px;background:var(--sage);border-radius:10px}.reader-copy .ende-wort{font:800 4rem/2 Bricolage,sans-serif;margin-block:80px}.reader-navigation{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:28px}.reader-navigation p{min-width:130px;text-align:center;font-size:.95rem}.reader-prev{background:var(--paper);color:var(--green);border:1px solid var(--line)}.reader-navigation button:disabled{opacity:.4;transform:none}.reader-hint{font-size:.875rem;color:var(--muted);text-align:center;margin-top:18px}.reading-outro{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:40px}.reading-outro p{font:800 clamp(1.5rem,2.5vw,2rem)/1.2 Bricolage,sans-serif}.reader-only-control{display:block;margin-top:20px;background:none;border:0;color:var(--green);cursor:pointer}
@media(max-width:900px){.reading-intro{display:block}.reading-intro>a{margin-top:15px}.reader-book{grid-template-columns:1fr;max-width:720px;margin-inline:auto}.reader-picture img{max-height:500px;aspect-ratio:1.5;object-fit:contain}.reader-copy{max-height:none;background:var(--white);padding:30px}.reader-copy p{font-size:1.125rem}.reader-tools select{max-width:330px}.reading-outro{flex-wrap:wrap}.reader-book{min-height:0}}
@media(max-width:600px){.reading-intro{padding-block:30px}.reader-tools{flex-wrap:wrap;gap:14px}.reader-tools label{width:100%;flex-wrap:wrap}.reader-tools select{max-width:100%;width:100%;flex:1;min-width:0;font-size:.875rem}.reader-tools .listen-button{width:100%}.reader-copy{padding:26px 22px}.reader-copy h2{font-size:2rem}.reader-copy .eyebrow{font-size:.8rem}.reader-navigation{gap:10px;justify-content:space-between}.reader-navigation .btn{padding:12px 15px;min-height:48px;font-size:.875rem}.reader-navigation p{min-width:80px;font-size:.875rem}.reader-picture img{aspect-ratio:1.3}.reading-outro{padding-block:32px}.reading-outro .btn{font-size:.9rem}.reader-copy .grosse-zeile{font-size:1.4rem}}

/* Complete collages remain visible at every screen size. */
.reader-picture{background:var(--paper);justify-content:center}
.reader-picture img{display:block;height:auto;max-height:none;object-fit:contain;object-position:center;aspect-ratio:auto}