*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4efe7;color:#211c1a;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:#211c1a}a:hover{color:#723d46}img{max-width:100%;display:block}.wrap{width:min(1160px,calc(100% - 32px));margin:auto}.top{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 0;font-size:.95rem}.brand{font-weight:800;text-decoration:none}.nav{display:flex;gap:10px;flex-wrap:wrap}.nav a{text-decoration:none;border:1px solid #b8aaa2;border-radius:999px;padding:7px 12px;background:#fff9f0}.hero{position:relative;min-height:520px;border-radius:32px;overflow:hidden;background:#282221;margin:8px auto 28px;display:grid;align-items:end;box-shadow:0 20px 60px rgba(43,34,29,.16)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,14,13,.92) 0%,rgba(17,14,13,.68) 47%,rgba(17,14,13,.15) 75%),url('bilder/tucholsky-paris-1928.jpg') center 22%/cover no-repeat}.hero-inner{position:relative;z-index:1;color:#fff;padding:clamp(28px,6vw,72px);max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:.78rem}.hero h1{font-family:Georgia,serif;font-size:clamp(3.1rem,8vw,7rem);line-height:.86;margin:.15em 0 .18em}.hero p{font-size:clamp(1.1rem,2vw,1.5rem);max-width:680px}.btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-block;padding:11px 16px;border-radius:999px;text-decoration:none;font-weight:800;background:#fff9f0;border:1px solid #c6b7af}.hero .btn.primary{background:#f4efe7;color:#211c1a;border-color:#f4efe7}.hero .btn.ghost{color:#fff;background:transparent;border-color:#d8cbc5}.section{padding:34px 0}.section h2{font-family:Georgia,serif;font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.05;margin:0 0 12px}.lead{font-size:1.12rem;max-width:850px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.card{grid-column:span 4;background:#fffaf2;border:1px solid #d5c9c1;border-radius:24px;padding:24px;box-shadow:0 8px 24px rgba(55,42,34,.05)}.card.wide{grid-column:span 6}.card.full{grid-column:1/-1}.card h3{font-family:Georgia,serif;font-size:1.55rem;line-height:1.1;margin:4px 0 10px}.card p{margin:.3em 0}.tag{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#754650;margin-bottom:8px}.video{aspect-ratio:16/9;border:0;border-radius:20px;width:100%;background:#111}.audio-box{background:#2b2523;color:#fff;border-radius:24px;padding:24px}.audio-box audio{width:100%;margin-top:12px}.quote{font-family:Georgia,serif;font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.4}.route{counter-reset:step}.route .card{position:relative}.step:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#211c1a;color:#fff;font-weight:900;margin-bottom:14px}.works{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.work{background:#fffaf2;border:1px solid #d5c9c1;border-radius:18px;padding:17px;text-decoration:none;font-weight:800}.work small{display:block;color:#765f56;font-weight:500;margin-top:4px}.note{border-left:5px solid #754650;padding:12px 16px;background:#ece2d8;border-radius:0 14px 14px 0}.footer{border-top:1px solid #cabdb4;margin-top:50px;padding:28px 0 60px;color:#645650}.reader{width:min(900px,calc(100% - 32px));margin:auto}.reader-hero{padding:54px 0 20px}.reader h1{font-family:Georgia,serif;font-size:clamp(2.6rem,7vw,5rem);line-height:.95;margin:.2em 0}.toolbox{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}.tool{background:#fffaf2;border:1px solid #d5c9c1;border-radius:18px;padding:18px}.original{font-family:Georgia,serif;font-size:1.17rem;line-height:1.85;background:#fffaf2;border:1px solid #d5c9c1;border-radius:24px;padding:clamp(22px,5vw,46px);white-space:normal}.original p{margin:0 0 1.15em}.mini-nav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:28px 0}.muttern{font-size:1.3rem;text-align:center}.muttern p{margin:1.3em 0}.print-only{display:none}@media(max-width:850px){.card,.card.wide{grid-column:1/-1}.works{grid-template-columns:1fr 1fr}.hero{min-height:480px}.hero:before{background:linear-gradient(0deg,rgba(17,14,13,.94),rgba(17,14,13,.25)),url('bilder/tucholsky-paris-1928.jpg') center/cover no-repeat}.toolbox{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.wrap{width:min(100% - 20px,1160px)}.works{grid-template-columns:1fr}.hero{border-radius:20px}.hero-inner{padding:26px 20px 32px}.hero h1{font-size:3.4rem}.card{padding:19px}}@media print{body{background:#fff}.top,.footer,.btns,.video{display:none}.original,.card{box-shadow:none;border-color:#bbb}.print-only{display:block}}

/* SMS-Standard: Hell/Dunkel + Footer */
.theme{border:1px solid #b8aaa2;background:#fff9f0;color:#211c1a;border-radius:999px;padding:7px 12px;font-weight:800;cursor:pointer;font:inherit}
.schule-footer{margin:auto;max-width:1100px;text-align:center}.ki-hinweis{pointer-events:none;font-size:12px;line-height:1.4;text-align:center;margin:30px auto 10px;max-width:900px;padding:0 12px;opacity:.85}
.footer{background:#51434c;color:#f4eaf0;padding:3rem 1rem;text-align:center;border-top:0;margin-top:50px}.footer a{color:#fff}
html.dark body{background:#151210;color:#f4eee9}html.dark a{color:#f4eee9}html.dark a:hover{color:#efb4c0}
html.dark .nav a,html.dark .theme,html.dark .card,html.dark .work,html.dark .tool,html.dark .original{background:#241f1d;color:#f4eee9;border-color:#554943}
html.dark .work small{color:#cbbdb6}html.dark .note{background:#312925;color:#f4eee9}html.dark .audio-box{background:#0f0d0c}
html.dark .step:before{background:#f4eee9;color:#211c1a}html.dark .footer{background:#0e0c0b;color:#eee5df}html.dark .brand{color:#f4eee9}
@media(max-width:850px){.top .theme{align-self:flex-start}}


.bio-grid{display:grid;grid-template-columns:minmax(190px,260px) 1fr;gap:28px;align-items:start}.bio-portrait{margin:0}.bio-portrait img{width:100%;border-radius:22px;box-shadow:0 12px 32px rgba(43,34,29,.14)}.bio-text{font-size:1.08rem}.bio-text p:first-child{margin-top:0}.bio-text .note{margin-top:18px}@media(max-width:700px){.bio-grid{grid-template-columns:1fr}.bio-portrait{max-width:240px}.bio-text{font-size:1rem}}