*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#151715;color:#f7f0e4;font:18px/1.65 Arial,sans-serif}a{color:inherit}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #ffbf75;outline-offset:5px}.skip{position:absolute;left:-10000px}.skip:focus{left:20px;top:20px;background:#fff;color:#111;z-index:10}header{padding:22px 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #45473d;gap:24px}.brand{text-decoration:none;font-weight:800;line-height:1.2;font-size:20px}.brand small{display:block;color:#d9a16a;font-size:13px;letter-spacing:.14em;margin-top:5px}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{text-decoration:none;font-size:15px}nav a:hover{color:#ffc080}main{max-width:1240px;margin:auto;padding:0 5vw}.hero{padding:76px 0 66px;display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center}.eyebrow{font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:#e9b580;font-weight:bold}h1,h2,h3{line-height:1.1;margin:16px 0 24px}h1{font:normal clamp(46px,6.4vw,86px)/1.02 Georgia,serif;letter-spacing:-.035em}h1 em{color:#e9aa6d;font-weight:normal}h2{font:normal clamp(32px,4vw,48px)/1.1 Georgia,serif}h3{font-size:26px}.lead{color:#d5d3c8;max-width:650px}.button{display:inline-block;background:#e9aa6d;color:#171916;padding:12px 22px;font-weight:bold;text-decoration:none;border:0;border-radius:3px;margin:10px 12px 0 0;font-size:16px}.secondary{background:transparent;color:#f7f0e4;border:1px solid #8a897a}.feature{background:#263329;padding:40px;border:1px solid #66745c;position:relative}.feature .number{font:italic 76px Georgia;color:#acb891;line-height:1}.feature h2{font-size:54px}.pill{display:inline-block;border:1px solid #8b9c7d;border-radius:30px;padding:4px 12px;font-size:14px}.parts{border-top:1px solid #6b785e;margin-top:24px;padding-top:18px;display:flex;justify-content:space-between;font-size:15px}.section{padding:60px 0;border-top:1px solid #45473d}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-head h2{margin-bottom:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#20231f;padding:28px;border-top:3px solid #c79059}.card p{color:#d5d3c8;font-size:16px}.card a{color:#e9b580}.era-buttons{display:flex;gap:10px;flex-wrap:wrap}.era-buttons button{border:1px solid #656658;background:none;color:#f7f0e4;padding:12px 16px;border-radius:2px}.era-buttons button[aria-pressed=true]{background:#e9aa6d;color:#171916;border-color:#e9aa6d}.era-content{padding:34px;background:#eee6d6;color:#20231f;margin-top:24px;min-height:230px}.era-content p{max-width:800px}.era-content h3{font:36px Georgia}.two{display:grid;grid-template-columns:1fr 1fr;gap:40px}.quote{border-left:4px solid #e9aa6d;padding:20px 30px;font:30px/1.35 Georgia;background:#20231f}footer{padding:34px 5vw;border-top:1px solid #45473d;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:15px;color:#c9c9bd}footer div{display:flex;gap:20px}.legal{max-width:850px;padding:70px 0}.legal h1{font-size:54px}.note{background:#263329;padding:20px;border-left:3px solid #e9aa6d}.muted{color:#c1c3b5}.history-item{padding:20px 0;border-bottom:1px solid #45473d}details{padding:18px 0;border-bottom:1px solid #545748}summary{font-weight:bold;cursor:pointer}details p{font-size:17px}@media(max-width:760px){header{align-items:flex-start;flex-direction:column}nav{gap:16px}.hero{grid-template-columns:1fr;padding:42px 0;gap:30px}.feature{padding:28px}.grid,.two{grid-template-columns:1fr}.section{padding:40px 0}.section-head{display:block}.feature h2{font-size:44px}h1{font-size:52px}footer div{flex-wrap:wrap}.parts{gap:16px}body{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Plattenladen-Auftritt */
body{background:#171411}header{background:#171411;border-color:#5b4837}.brand{font-family:Georgia,serif;font-size:24px}.hero{position:relative;isolation:isolate;min-height:650px;margin:0 -5vw;padding:80px 5vw;gap:38px}.shop-backdrop{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(15,12,9,.91) 0%,rgba(15,12,9,.64) 52%,rgba(15,12,9,.3) 100%),url('/plattenladen.webp') center/cover no-repeat}.hero h1{text-shadow:0 3px 20px #000}.hero .lead{color:#fff3e2;font-size:20px}.hero .eyebrow{color:#ffd6a6}.feature{background:rgba(30,24,19,.92);border:1px solid #be8a58;box-shadow:0 18px 65px #0006;padding:34px;align-self:end}.feature h2{color:#f6d2aa;font-size:60px}.feature .pill{border-color:#bb8b5e}.parts{border-color:#8f6745}.parts strong{color:#ffd2a3;font-size:18px}.shop-caption{color:#b7aa9b;font-size:12px;padding:8px 0 18px}.section{border-color:#5b4837}.card{background:#30251d;border:1px solid #634b36;border-top:5px solid #c79059;box-shadow:0 10px 24px #0002}.quote{background:#30251d}.era-buttons button{border-color:#906a48;background:#292019;box-shadow:3px 4px 0 #0c0906}.era-content{background:#e8d7bc;border:8px solid #735035;box-shadow:0 10px 30px #0004}.era-content h3{color:#553418}footer{background:#100e0c;border-color:#5b4837}@media(max-width:760px){.hero{padding:50px 5vw;min-height:0}.shop-backdrop{background:linear-gradient(180deg,#100c09b5,#100c09de),url('/plattenladen.webp') center/cover}.feature{width:100%;padding:28px}.feature h2{font-size:48px}.hero .lead{font-size:18px}.parts{font-size:14px}.parts strong{font-size:16px}}
.shop-window{margin:28px 0 0}.shop-window img{display:block;width:100%;height:300px;object-fit:cover;object-position:center 70%;border:1px solid #735035}.shop-window figcaption{color:#b7aa9b;font-size:12px;padding:8px 0 18px}@media(max-width:760px){.shop-window img{height:230px}}.partner-grid{grid-template-columns:repeat(2,1fr)}.partner-label{color:#e9b580;font-size:14px}.affiliate-note{color:#c8bcae;font-size:15px;max-width:850px}@media(max-width:760px){.partner-grid{grid-template-columns:1fr}}.archive-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.archive-card h3{font:36px Georgia;margin-bottom:12px}.archive-subtitle{color:#e9b580!important;font-weight:bold}.archive-card li{font-size:16px;margin-bottom:8px}.source-link{font-size:14px!important}@media(max-width:760px){.archive-grid{grid-template-columns:1fr}}.archive-art{margin:-28px -28px 24px}.archive-art img{display:block;width:100%;height:245px;object-fit:cover}.archive-art figcaption{padding:6px 14px;color:#cabaa7;font-size:12px}.archive-card{overflow:hidden}@media(max-width:760px){.archive-art img{height:230px}}.sarah-photo{position:relative;overflow:hidden;aspect-ratio:1.4;margin:-34px -34px 25px;border-bottom:1px solid #be8a58}.sarah-photo img{display:block;width:310%;max-width:none;height:auto;position:absolute;left:0;top:0}.feature h2{font-size:48px;margin:12px 0 20px}.hero{min-height:760px}@media(max-width:760px){.sarah-photo{margin:-28px -28px 24px;aspect-ratio:1.2}.feature h2{font-size:44px}.hero{min-height:0}}.sarah-photo{aspect-ratio:auto;height:300px;margin:-20px -12px 20px;border:0;overflow:visible}.sarah-photo img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center bottom}@media(max-width:760px){.sarah-photo{height:280px;margin:-12px -6px 20px;aspect-ratio:auto}}.archive-listen{border-top:1px solid #735035;margin-top:24px;padding-top:14px}.archive-listen .listen-title{font-weight:bold;color:#f6d2aa;margin:0 0 4px}.archive-listen .button{font-size:15px;padding:10px 15px}.archive-listen .listen-note{font-size:13px;color:#c8bcae;margin-bottom:0}.team-intro{padding-bottom:34px}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:60px}.team-card h2{font-size:40px}.team-card p{font-size:18px}@media(max-width:760px){.team-grid{grid-template-columns:1fr}.team-card h2{font-size:34px}}.team-photo{margin:-28px -28px 24px}.team-photo img{width:100%;height:auto;display:block}.team-photo figcaption{font-size:12px;color:#cabaa7;padding:8px 14px}.team-card{overflow:hidden}
[hidden]{display:none!important}.artist-timeline{margin:24px 0;padding:18px;background:#211912;border-left:3px solid #e9aa6d}.artist-timeline h4{margin:0 0 16px;font-size:18px}.artist-timeline ol{list-style:none;padding:0;margin:0}.artist-timeline li{display:grid;grid-template-columns:85px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #614932}.artist-timeline strong{color:#f6d2aa}.artist-timeline span{font-size:16px}.knowledge-intro{border-top:0}.knowledge-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin:25px 0}.knowledge-links a{color:#e9b580}.fact-box{padding:30px;background:#e8d7bc;color:#211912;border:8px solid #735035}.fact-box h3{font:34px Georgia}.fact-box .source-link a{color:#57341c}.fact-box .secondary{color:#211912;border-color:#735035}.fact-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.fact-controls .button{margin:0}.fact-controls span{font-size:15px}.glossary{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.glossary details{align-self:start}.glossary summary{padding:5px 0}.knowledge-teaser{background:linear-gradient(110deg,#30251d,transparent);padding-left:24px;padding-right:24px}@media(max-width:760px){.glossary{grid-template-columns:1fr}.fact-box{padding:20px}.artist-timeline li{grid-template-columns:75px 1fr}}

.news-intro{border-top:0}.edition-date{font-size:14px;color:#c8bcae;margin-top:24px}.topic-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin:24px 0}.topic-links a{color:#e9b580;font-size:16px}.comparison-stories{display:grid;gap:24px}.comparison-card{background:#30251d;border-left:4px solid #c79059;padding:28px}.comparison-card h3{font:30px Georgia}.show-preview{display:grid;grid-template-columns:1fr 2fr;gap:35px;align-items:center;background:#30251d;padding:30px;border:1px solid #735035}.preview-cutout img{width:100%;height:auto;max-height:450px;object-fit:contain}.news-teaser .card h3{font:28px/1.15 Georgia}.news-teaser .card a{font-size:16px}.news-teaser .pill{font-size:13px}@media(max-width:760px){.show-preview{grid-template-columns:1fr;padding:22px}.preview-cutout img{max-height:320px}.comparison-card{padding:22px}.news-intro h1{font-size:46px}}

.amazon-buy{margin-top:24px;padding-top:18px;border-top:1px solid #735035}.amazon-buy .listen-title{font-weight:bold;color:#f6d2aa;margin:8px 0 0}.amazon-buy .button{font-size:15px;padding:10px 15px}.amazon-note{font-size:14px!important;color:#c8bcae!important}.amazon-disclosure{font-size:14px!important;color:#e8c5a0!important}.feature .amazon-buy{margin-top:20px}.feature .amazon-buy .button{display:block;margin-right:0;text-align:center}

/* Deutlich lesbare Buttons auf allen Flächen */
.button,.card a.button,.news-teaser .card a.button,.amazon-buy .button,.archive-listen .button{background:#f2bb80;color:#18120e;font-size:16px;font-weight:700;line-height:1.4;min-height:46px;padding:12px 18px;border:2px solid #f2bb80;text-decoration:none;text-shadow:none;opacity:1;white-space:normal}
.button.secondary,.card a.button.secondary,.news-teaser .card a.button.secondary,.amazon-buy .button.secondary,.archive-listen .button.secondary{background:#241b15;color:#fff4e6;border-color:#d7a474}
.button:hover,.card a.button:hover,.news-teaser .card a.button:hover{background:#ffdaa8;color:#18120e;border-color:#ffdaa8}
.button.secondary:hover,.card a.button.secondary:hover,.amazon-buy .button.secondary:hover,.archive-listen .button.secondary:hover{background:#463022;color:#ffffff;border-color:#ffdaa8}
.fact-box .button.secondary{background:#241b15;color:#fff4e6;border-color:#735035}
.button:focus-visible{outline:3px solid #fff4e6;outline-offset:4px;box-shadow:0 0 0 7px #171411}
.era-buttons button{font-size:17px;font-weight:700;color:#fff4e6;background:#241b15;border:2px solid #d7a474;min-height:46px}
.era-buttons button[aria-pressed=true]{background:#f2bb80;color:#18120e;border-color:#f2bb80}
.portal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.portal-grid .card p{font-size:17px}.portal-note{padding:22px;background:#30251d;border-left:4px solid #e9aa6d;font-size:16px;margin-top:26px}@media(max-width:760px){.portal-grid{grid-template-columns:1fr}}

.legal address{font-style:normal;line-height:1.7}.legal-date{font-size:14px;color:#c8bcae}.legal a:not(.button){text-decoration:underline;text-underline-offset:3px}

.projects-intro{border-top:0;padding-bottom:32px}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:60px}.project-card{padding:34px;display:flex;flex-direction:column;align-items:flex-start}.project-card h2{font-size:36px}.project-card p{font-size:18px}.project-card .button{margin-top:auto}.project-card .project-domain{font-size:14px;color:#c8bcae;margin-bottom:0}.project-blue{border-top-color:#84b9e2}.project-football{border-top-color:#9fcb80}.project-charts{border-top-color:#dec075}.project-rock{border-top-color:#d896bc}@media(max-width:760px){.projects-grid{grid-template-columns:1fr}.project-card{padding:26px}.project-card h2{font-size:32px}}

.backstage-intro{border-top:0}.studio-step{font:italic 44px Georgia;color:#e9b580}.studio-note{background:#30251d;padding:24px;margin:28px 0;border-left:4px solid #e9aa6d}.studio-note h3{font:28px Georgia}.connection-list{display:grid;grid-template-columns:1fr 1fr;gap:24px}.connection-card{padding:28px;background:#30251d;border-top:3px solid #e9aa6d}.connection-card h3{font:30px/1.2 Georgia}.connection-card .source-link{font-size:14px}@media(max-width:760px){.connection-list{grid-template-columns:1fr}}

header{align-items:center;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.brand{display:block;flex:0 0 240px}.brand-logo{display:block;width:240px;height:160px;object-fit:contain}header nav{flex:1;justify-content:flex-end;gap:14px 20px}@media(max-width:760px){header{align-items:flex-start}.brand{flex-basis:auto}.brand-logo{width:240px;height:160px}header nav{justify-content:flex-start;width:100%;flex:none}}

.brand{flex-basis:190px}.brand-logo{width:190px;height:190px}@media(max-width:760px){.brand{flex-basis:auto}.brand-logo{width:190px;height:190px}}