/* Unterseiten (Musik, Ratgeber) und neue Startseiten-Abschnitte. Ergänzt landing-v2.css, ohne Skripte. */
.sub-nav{display:none;gap:18px;flex-wrap:wrap;font-size:13px;font-weight:650;padding:0 0 14px;border-bottom:1px solid var(--line)}
.sub-nav a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#9a9c90}
.page{padding-top:40px;padding-bottom:90px}
.crumbs{font-size:12px;color:var(--muted);margin-bottom:22px}
.crumbs a{text-decoration:underline;text-underline-offset:3px}
.page-title{font-size:clamp(42px,6.2vw,86px);line-height:.98;letter-spacing:-.065em;max-width:15ch}
.page-title em{font-style:normal;color:#e74728}
.page-lead{font-size:19px;line-height:1.6;max-width:640px;margin-top:24px;color:var(--ink)}
.page-lead+.page-lead{margin-top:12px;font-size:16px;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.chips span{display:inline-block;border:1px solid var(--line);background:#fbfbf7;border-radius:30px;padding:3px 11px;font-size:12px;font-weight:600}
.chips .chip-strong{background:var(--lime);border-color:#b9d65a}
.mood-block{margin-top:64px}
.mood-block>h2{font-size:clamp(30px,3.6vw,46px)}
.mood-block>p{color:var(--muted);font-size:14px;margin-top:10px;max-width:560px}
.track-list{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.track{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fbfbf7}
.track img{width:112px;height:112px;border-radius:12px;object-fit:cover}
.track h3{font-size:22px;letter-spacing:-.035em}
.track h3 a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px}
.track h3 a:hover{text-decoration-color:currentColor}
.track-desc{font-size:13px;color:var(--muted);line-height:1.6;margin-top:6px}
.track-facts{font-size:12px;margin-top:8px;color:var(--ink)}
.track-fit{font-size:12px;margin-top:6px;color:var(--muted)}
.track audio{grid-column:1/-1;width:100%;height:40px}
.track .text-link{grid-column:1/-1;font-size:12px}
.info-box{margin-top:48px;padding:26px 28px;border-radius:18px;background:#ecebe3;max-width:820px}
.info-box h2{font-size:26px;letter-spacing:-.04em}
.info-box p,.info-box li{font-size:14px;line-height:1.75;margin-top:10px}
.info-box ul{padding-left:20px;margin:6px 0 0}
.info-box a{text-decoration:underline;text-underline-offset:3px}
.track-page{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:56px;align-items:start;margin-top:10px}
.track-page .cover{width:100%;height:auto;border-radius:18px;box-shadow:0 18px 36px #26311f21}
.track-page audio{width:100%;margin-top:18px}
.clip-note{font-size:12px;color:var(--muted);margin-top:8px}
.facts{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:10px 22px;margin:28px 0 0;font-size:14px}
.facts dt{font-weight:700}
.facts dd{margin:0;overflow-wrap:anywhere}
.facts code{font-size:12.5px;background:#ecebe3;padding:1px 6px;border-radius:6px}
.prose{max-width:720px}
.prose h2{font-size:clamp(26px,2.8vw,34px);letter-spacing:-.045em;margin-top:46px}
.prose h3{font-size:21px;margin-top:30px}
.prose p,.prose li{font-size:17px;line-height:1.75;margin-top:14px}
.prose ul,.prose ol{padding-left:22px;margin:10px 0 0}
.prose li{margin-top:6px}
.prose a{text-decoration:underline;text-underline-offset:3px}
.prose blockquote{margin:18px 0 0;padding:14px 18px;border-left:4px solid var(--coral);background:#fbfbf7;font-size:15px}
.prose .meta{font-size:13px;color:var(--muted);margin-top:18px}
.legal-note{margin-top:34px;padding:16px 20px;border:1px solid var(--line);border-radius:14px;font-size:14px!important;color:var(--muted)}
.cta-box{margin-top:48px;padding:28px;border-radius:20px;background:var(--ink);color:#fff;max-width:720px}
.cta-box h2{font-size:28px;letter-spacing:-.045em;margin:0}
.cta-box p{font-size:15px!important;color:#d9dccf;margin-top:12px}
.cta-box .button{margin-top:20px;background:var(--lime);color:var(--ink)}
.cta-box .button:hover{background:#c5ea57}
.cta-box a:not(.button){color:var(--lime)}
.article-list{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.article-list a{display:block;height:100%;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fbfbf7;transition:translate .2s}
.article-list a:hover{translate:0 -4px}
.article-list h2{font-size:24px;letter-spacing:-.04em}
.article-list p{font-size:14px;color:var(--muted);margin-top:10px;line-height:1.65}
.article-list .eyebrow{margin-bottom:12px;color:#b63a20}
/* Startseite: Musik, Ratgeber, Coolblack */
.home-extra{border-top:1px solid var(--line)}
.home-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.home-card{padding:30px;border-radius:22px;background:#fbfbf7;border:1px solid var(--line)}
.home-card h3{font-size:30px}
.home-card p{font-size:14px;color:var(--muted);line-height:1.75;margin-top:12px}
.home-card .text-link{margin-top:18px}
.cb-section{background:#e9e9e2}
.cb-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center}
.cb-grid h2{font-size:clamp(38px,4.6vw,64px)}
.cb-grid p{font-size:15px;line-height:1.8;color:var(--muted);margin-top:16px}
.cb-points{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.cb-points li{padding:16px 20px;border-radius:14px;background:#fbfbf7;font-size:14px;font-weight:600}
.cb-grid .button{margin-top:24px}
@media(max-width:900px){.track-list,.article-list,.home-cards{grid-template-columns:1fr}.track-page{grid-template-columns:1fr;gap:28px}.track-page .cover{max-width:300px}.cb-grid{grid-template-columns:1fr;gap:26px}}
@media(max-width:600px){.sub-nav{display:flex}.page{padding-top:22px}.track{grid-template-columns:76px minmax(0,1fr);gap:14px;padding:14px}.track img{width:76px;height:76px}.track h3{font-size:19px}.facts{grid-template-columns:1fr;gap:2px}.facts dd{margin-bottom:10px}.prose p,.prose li{font-size:16px}.home-card{padding:22px}.cta-box,.info-box{padding:22px}}