*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3efe5;color:#231f1b;font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:#231f1b}a:hover{color:#7b4a2a}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.top{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:18px 0;font-size:.94rem}.brand{font-weight:900;text-decoration:none}.nav{display:flex;gap:8px;flex-wrap:wrap}.nav a,.theme{text-decoration:none;border:1px solid #bfb09d;border-radius:999px;padding:7px 11px;background:#fffaf0;color:#231f1b;font:inherit;font-weight:700}.theme{cursor:pointer}.hero{position:relative;min-height:540px;border-radius:32px;overflow:hidden;background:#241e18;margin:8px 0 30px;display:grid;align-items:end;box-shadow:0 20px 60px rgba(43,34,29,.18)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,16,12,.92),rgba(20,16,12,.57) 50%,rgba(20,16,12,.1)),url('bilder/odyssee-hero.jpg') center/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:.13em;font-weight:900;font-size:.78rem}h1,h2,h3{font-family:Georgia,serif}.hero h1{font-size:clamp(3.2rem,8vw,7rem);line-height:.9;margin:.15em 0 .2em}.hero p{font-size:clamp(1.1rem,2vw,1.45rem)}.btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.btn{display:inline-block;padding:10px 15px;border-radius:999px;text-decoration:none;font-weight:900;background:#fffaf0;border:1px solid #c6b7a5}.hero .btn{color:#231f1b}.section{padding:34px 0}.section h2{font-size:clamp(2rem,4.6vw,3.7rem);line-height:1.05;margin:0 0 12px}.lead{font-size:1.15rem;max-width:900px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.card{grid-column:span 4;background:#fffaf0;border:1px solid #d6cab9;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}.portrait-grid{display:grid;grid-template-columns:minmax(190px,280px) 1fr;gap:28px;align-items:start}.portrait-grid img{border-radius:22px}.video{aspect-ratio:16/9;border:0;border-radius:18px;width:100%;background:#111}.note{border-left:5px solid #8a5c39;padding:12px 16px;background:#ece2d3;border-radius:0 14px 14px 0}.parts{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.part{padding:16px;background:#fffaf0;border:1px solid #d6cab9;border-radius:18px;text-decoration:none;font-weight:900;text-align:center}.singing{padding:46px 0 18px;border-top:1px solid #d1c4b3}.singing:first-child{border-top:0}.singing h2{font-size:clamp(2.2rem,5vw,4rem);line-height:1;margin:0 0 8px}.summary{font-size:1.08rem;max-width:900px;color:#5f5144}.media-row{display:grid;grid-template-columns:minmax(340px,46%) 1fr;gap:24px;align-items:start;margin:24px 0 34px}.video-stick{position:sticky;top:16px}.video-copy{background:#fffaf0;border:1px solid #d6cab9;border-radius:22px;padding:22px}.video-copy h3{margin-top:0;font-size:1.5rem}.video-copy pre{white-space:pre-wrap;font:inherit;line-height:1.7;margin:0}.fulltext{background:#fffaf0;border:1px solid #d6cab9;border-radius:24px;padding:clamp(22px,5vw,46px);font-family:Georgia,serif;font-size:1.16rem;line-height:1.9}.fulltext p{white-space:pre-line;margin:0 0 1.25em}.jump{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 26px}.jump a{text-decoration:none;border:1px solid #c9baa8;background:#fffaf0;border-radius:999px;padding:7px 11px;font-weight:800}.zitate-video{width:100%;border-radius:20px;background:#111}.footer{background:#51434c;color:#f4eaf0;padding:3rem 1rem;text-align:center;margin-top:50px}.footer a{color:#fff}.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}html.dark body{background:#15120f;color:#f4eee8}html.dark a{color:#f4eee8}html.dark .nav a,html.dark .theme,html.dark .card,html.dark .part,html.dark .video-copy,html.dark .fulltext,html.dark .jump a{background:#241f1b;color:#f4eee8;border-color:#554a40}html.dark .summary{color:#cbbfb4}html.dark .note{background:#302820;color:#f4eee8}html.dark .footer{background:#0e0c0a}@media(max-width:900px){.card,.card.wide{grid-column:1/-1}.parts{grid-template-columns:1fr 1fr}.media-row{grid-template-columns:1fr}.video-stick{position:static}.portrait-grid{grid-template-columns:1fr}.portrait-grid img{max-width:260px}.top{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.wrap{width:min(100% - 20px,1180px)}.hero{min-height:470px;border-radius:20px}.hero-inner{padding:26px 20px 32px}.hero h1{font-size:3.4rem}.parts{grid-template-columns:1fr}.video-copy{padding:18px}.fulltext{font-size:1.08rem;padding:20px}.media-row{gap:14px}}