:root{--navy:#1d374e;--blue:#5e8ea6;--orange:#d57337;--cream:#f7f0df;--paper:#fffaf0;--green:#5d8061;--ink:#263746;--soft:#e4f0f4}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.55}.top{background:#fffaf2;border-bottom:1px solid #e3d7c1;position:sticky;top:0;z-index:10}.nav{max-width:1180px;margin:auto;padding:14px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:25px;font-weight:800;color:var(--navy);text-decoration:none}.accent{color:var(--orange)}.navlinks{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.nav a{text-decoration:none;color:var(--navy);font-weight:700}.hero{background:linear-gradient(135deg,#e6f0f4,#f7f0df)}.hero-inner,.wrap,.middle-row,.practical-row{max-width:1180px;margin:auto;padding:52px 24px}.hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:center}.hero h1{font-size:62px;line-height:1;margin:8px 0}.tagline{font-size:25px;font-weight:800}.lead{font-size:19px}.eyebrow{font-weight:800;color:var(--orange);text-transform:uppercase;letter-spacing:.05em}.hero-art img{width:100%;border-radius:28px;box-shadow:0 15px 40px #0002}.facts{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.fact{background:#fff9;padding:12px 16px;border-radius:15px}.btn{display:inline-block;border:0;border-radius:999px;padding:12px 20px;font-weight:800;text-decoration:none;cursor:pointer}.btn-blue{background:var(--navy);color:white}.btn-primary{background:var(--orange);color:white}.btn-green{background:var(--green);color:white}.actions{display:flex;gap:12px;flex-wrap:wrap}.introband{max-width:1180px;margin:30px auto}.intro-card,.box,.panel,.exercise{background:var(--paper);border-radius:24px;box-shadow:0 8px 25px #26374612}.intro-card{padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.photo-people img{width:100%;border-radius:18px}.panel{padding:28px}.themes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.theme{background:white;border-radius:18px;overflow:hidden;border:1px solid #eadfca}.thumb img{width:100%;height:150px;object-fit:cover}.inside{padding:16px}.middle-row,.practical-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.practical-row{grid-template-columns:repeat(2,1fr)}.box{padding:26px}.footer{background:var(--navy);color:white}.footerin{max-width:1180px;margin:auto;padding:30px 24px}.chapter{max-width:1120px;margin:34px auto;padding:0 22px}.chapter-hero{display:grid;grid-template-columns:1fr .7fr;gap:30px;align-items:center;background:linear-gradient(135deg,#e4f0f4,#fff4df);padding:30px;border-radius:26px}.chapter-hero h1{font-size:48px;margin:6px 0}.chapter-hero img{width:100%;max-height:600px;object-fit:contain;border-radius:18px;background:white}.free{color:var(--green);font-weight:800}.route{display:grid;gap:18px;margin:28px 0}.exercise{padding:24px}.exercise h2{color:var(--navy);margin-top:0}.exercise h3{color:var(--orange)}input,select,textarea{width:100%;padding:12px;border:2px solid #d7d7cc;border-radius:12px;font-size:17px;background:white}.inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.inline input{max-width:260px}.feedbackline{font-weight:800;margin-top:10px;min-height:26px}.ok{color:#2f7542}.no{color:#a43e32}.wordbank{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.word{background:var(--soft);padding:8px 12px;border-radius:10px;font-weight:700}.audio-card{display:flex;gap:18px;align-items:center;background:#eef5f6;padding:16px;border-radius:16px}.audio-card audio{width:min(100%,420px)}.speaking{border-left:7px solid var(--orange)}.coffee{background:#fff0dc}.navthemes{display:flex;justify-content:space-between;margin:25px 0}.small{font-size:14px;color:#60717c}.source-note{background:#eef5f6;border-radius:14px;padding:12px 16px}.checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.checkitem{background:#fff;border:1px solid #eadfca;border-radius:12px;padding:10px}.themegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.themegrid a{background:white;border-radius:16px;padding:14px;text-decoration:none;color:var(--navy);border:1px solid #e5dac6}.themegrid img{width:100%;aspect-ratio:210/297;object-fit:cover;border-radius:10px;margin-bottom:8px}@media(max-width:800px){.hero-inner,.chapter-hero,.intro-card,.middle-row,.practical-row{grid-template-columns:1fr}.themes,.themegrid{grid-template-columns:repeat(2,1fr)}.hero h1,.chapter-hero h1{font-size:40px}.navlinks{display:none}.checklist{grid-template-columns:1fr}}
.opening-plate{max-width:900px;margin:28px auto 34px;padding:18px;background:#fffaf2;border:1px solid #eadbc5;border-radius:24px;box-shadow:0 10px 28px rgba(35,48,62,.08)}.opening-plate img{display:block;width:100%;height:auto;border-radius:14px}.chapter-hero>img{object-fit:contain;background:#fbf5e9}

.chapter-hero img,.opening-plate img{width:100%;height:auto!important;object-fit:contain!important;display:block}

.route{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.sectionhead{grid-column:1/-1;background:#1d374e;color:white;padding:16px 22px;border-radius:18px;margin-top:18px}.sectionhead h2{margin:0;color:white}.sectionhead p{margin:4px 0 0;color:#e8f1f4}.exercise{min-height:230px}.route .exercise:nth-child(even){margin-top:26px}.task{background:#eef5f6;border-left:5px solid #d57337;padding:12px 14px;border-radius:10px;margin:10px 0 15px}.chapter-plate{max-width:620px;margin:28px auto}.chapter-plate img{width:100%;height:auto;display:block;border-radius:22px;box-shadow:0 10px 28px #26374620}.chapter-hero img{max-width:430px;margin:auto}.vocabtable{width:100%;border-collapse:collapse}.vocabtable td{padding:7px;border-bottom:1px solid #eadfca}.home-quote{font-family:Georgia,serif;font-size:18px}@media(max-width:800px){.route{grid-template-columns:1fr}.exercise{margin-top:0!important}.sectionhead{grid-column:1}.chapter-plate{max-width:100%}}

/* Browseraudio voor luisteroefeningen */
.tts-player{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:.8rem 0 1rem}
.tts-play,.tts-stop{border:0;border-radius:999px;padding:.62rem 1rem;font:inherit;font-weight:700;cursor:pointer}
.tts-play{background:#173b5c;color:#fff}.tts-play:hover{filter:brightness(1.08)}
.tts-stop{background:#edf2f4;color:#173b5c}.tts-stop:hover{background:#e2e9ed}
.tts-status{font-size:.9rem;color:#52606d;min-width:8rem}
.tts-player.is-speaking .tts-play{background:#d96832}

/* Hulpscherm Duitse tekens */
.dechars-helper{position:fixed;right:18px;bottom:18px;z-index:1000;font-size:15px}.dechars-toggle{border:0;border-radius:999px;padding:11px 16px;background:#1d374e;color:#fff;font-weight:800;box-shadow:0 5px 18px #0003;cursor:pointer}.dechars-panel{position:absolute;right:0;bottom:52px;width:min(390px,calc(100vw - 28px));background:#fffaf0;border:1px solid #dfd3bf;border-radius:18px;padding:16px;box-shadow:0 12px 34px #0003;color:#263746}.dechars-title{display:flex;align-items:center;justify-content:space-between;font-size:18px}.dechars-close{border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:#1d374e}.dechars-panel p{margin:8px 0 12px}.dechars-buttons{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 10px}.dechars-buttons button{min-width:42px;height:42px;border:1px solid #cbd8dd;border-radius:10px;background:#eef5f6;color:#1d374e;font-size:21px;font-weight:800;cursor:pointer}.dechars-buttons button:hover{background:#dcecf1}.dechars-message{min-height:22px;color:#a43e32;font-weight:700}.dechars-panel details{margin-top:6px;border-top:1px solid #e5dac6;padding-top:9px}.dechars-panel summary{cursor:pointer;font-weight:800}.dechars-codes{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px;margin-top:9px;font-family:Consolas,monospace;font-size:14px}@media(max-width:600px){.dechars-helper{right:10px;bottom:10px}.dechars-toggle{padding:10px 13px}.dechars-panel{right:0}.dechars-codes{grid-template-columns:1fr}}