/* NICHT IRGENDWANN – AUDIO / PUNK EDITORIAL / 1.0.0 */
.nia-player,
.nia-archive,
.nia-single { --nia-black:var(--ni-black,#020202); --nia-red:var(--ni-red,#89252d); --nia-white:#fff; --nia-paper:var(--ni-gray-100,#f5f5f5); --nia-ink:#020202; --nia-head:var(--font-headline,"Nachmittage Display",Impact,sans-serif); --nia-body:var(--font-body,"Roboto Slab",Georgia,serif); box-sizing:border-box; }
.nia-player *, .nia-archive *, .nia-single * { box-sizing:border-box; }
.nia-player { position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(150px,29%) minmax(0,1fr); gap:0; width:100%; max-width:100%; margin:20px 0 26px; border:3px solid var(--nia-black); background:var(--nia-black); color:var(--nia-white); box-shadow:9px 9px 0 var(--nia-red); font-family:var(--nia-body); overflow:visible; }
.nia-player__art { position:relative; display:flex; min-height:242px; align-items:center; justify-content:center; background:var(--nia-red); overflow:hidden; }
.nia-player__art::after {content:""; position:absolute; top:0; bottom:0; right:0; width:4px; background:#fff; opacity:.22; }
.nia-player__cover-image { display:block; width:100%; height:100%; position:absolute; inset:0; object-fit:cover; }
.nia-player__art-word {font-family:var(--nia-head); font-size:clamp(78px,12vw,170px); font-weight:400; color:#fff; line-height:1; transform:rotate(-9deg); letter-spacing:-.05em; }
.nia-player__art-word span {color:var(--nia-black);}
.nia-player__art-caption {position:absolute; left:15px; bottom:13px; right:12px; font-size:10px; font-family:var(--nia-body); font-weight:800; letter-spacing:.13em; color:white; text-shadow:0 2px 4px #000; }
.nia-player__body {min-width:0; padding:clamp(18px,3vw,36px); display:flex; flex-direction:column; justify-content:center; }
.nia-player__topline {display:flex; align-items:center; gap:9px; margin-bottom:8px; font-family:var(--nia-body); color:#d9d9d9; font-weight:800; text-transform:uppercase; letter-spacing:.09em; font-size:11px; line-height:1.35; }
.nia-player__red-dot {width:9px; height:9px; background:#c4434c; transform:rotate(-12deg); flex:none; }
#top .nia-player__title,.nia-player__title {margin:0 0 7px; padding:0; font-family:var(--nia-head); font-weight:400; font-style:normal; color:#fff; font-size:clamp(32px,4.5vw,62px); line-height:1; letter-spacing:.005em; text-transform:uppercase; overflow-wrap:anywhere; }
.nia-player__subtitle {margin:0 0 11px; padding:0; font-size:clamp(13px,1.4vw,15px); line-height:1.5; font-weight:400; color:#ebebeb; }
.nia-player__meta {font:700 10px/1.4 var(--nia-body); letter-spacing:.09em; color:#b7b7b7; text-transform:uppercase; margin-bottom:15px; }
.nia-player__transport {margin-top:auto;}
.nia-player audio {display:block; width:100%; height:40px; max-width:100%; }
.nia-player.is-enhanced audio {position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; clip-path:inset(50%); }
.nia-player__ui {display:none; align-items:center; gap:12px; padding:6px 0 9px; min-width:0; }
.nia-player.is-enhanced .nia-player__ui {display:flex;}
.nia-player__play {flex:0 0 50px; display:grid; place-items:center; width:50px; height:50px; border:2px solid var(--nia-red); border-radius:0!important; padding:0; color:white!important; background:var(--nia-red)!important; font:700 23px/1 Arial,sans-serif; cursor:pointer; }
.nia-player__play:hover {background:white!important; color:var(--nia-black)!important; border-color:white; }
.nia-player__play span {margin-left:2px;}
.nia-player__timeline {min-width:0; flex:1;}
.nia-player__timeline input[type="range"] {display:block; width:100%; height:22px; margin:0!important; padding:0; cursor:pointer; accent-color:#d9535b; background:transparent; border:0; box-shadow:none; }
.nia-player__clock {display:flex; justify-content:space-between; font:700 10px/1.4 var(--nia-body); letter-spacing:.04em; color:#c2c2c2; }
.nia-player__speed {flex:0 0 41px; height:37px; padding:0 2px; color:white!important; background:transparent!important; border:1px solid #777!important; border-radius:0!important; font:800 12px/1 var(--nia-body); cursor:pointer; }
.nia-player__speed:hover {border-color:white!important;}
.nia-player__bottom {display:flex; flex-wrap:wrap; gap:8px 18px; justify-content:space-between; margin-top:13px; padding-top:11px; border-top:1px solid #4b4b4b; color:#b6b6b6; font:800 9px/1.5 var(--nia-body); letter-spacing:.075em; }
.nia-player__bottom a {text-decoration:underline!important; color:white!important; font:inherit; text-underline-offset:3px;}
.nia-player button:focus-visible,.nia-player input:focus-visible,.nia-player a:focus-visible,.nia-archive a:focus-visible {outline:3px solid #fff!important; outline-offset:3px;}
.nia-player.is-error .nia-player__topline {color:#f6a5a5;}
/* Kompakt im Magazin oder in einer Grid-Karte */
.nia-player--compact {grid-template-columns:minmax(100px,26%) minmax(0,1fr); margin:0; box-shadow:none; border:0; }
.nia-player--compact .nia-player__art {min-height:215px;}
.nia-player--compact .nia-player__body {padding:clamp(13px,2.2vw,24px);}
#top .nia-player--compact .nia-player__title,.nia-player--compact .nia-player__title {font-size:clamp(24px,3vw,39px);}
.nia-player--compact .nia-player__art-word {font-size:clamp(60px,7vw,110px);}
.nia-player--compact .nia-player__art-caption {font-size:8px;}
.nia-player--compact .nia-player__play {width:42px;height:42px;flex-basis:42px;font-size:19px;}
.nia-player--compact .nia-player__ui {gap:9px;}
.nia-player--compact .nia-player__meta {margin-bottom:9px;}
.nia-player--compact .nia-player__bottom {margin-top:8px;}
/* Archiv */
.nia-archive {max-width:100%; width:100%; background:var(--nia-paper); color:var(--nia-ink); font-family:var(--nia-body); padding:0 0 70px; }
.nia-archive__hero {position:relative; overflow:hidden; min-height:285px; padding:clamp(35px,6vw,85px) clamp(22px,6vw,70px); background:var(--nia-black); color:#fff; }
.nia-archive__hero-inner {position:relative; z-index:1; max-width:1140px; margin:auto;}
.nia-archive__eyebrow {margin:0 0 15px; font:800 12px/1.5 var(--nia-body); letter-spacing:.13em; color:#f0bcc1;}
#top .nia-archive__hero h2,.nia-archive__hero h2 {margin:0 0 11px; padding:0; color:#fff; font:400 clamp(54px,9vw,118px)/.95 var(--nia-head); text-transform:uppercase; }
.nia-archive__hero-inner>p:not(.nia-archive__eyebrow) {margin:0; max-width:650px; font-size:clamp(15px,1.8vw,19px); line-height:1.55; color:#e6e6e6;}
.nia-archive__nav {display:flex; flex-wrap:wrap; gap:12px; margin-top:25px;}
.nia-archive__nav a {display:inline-block; background:var(--nia-red); color:white!important; text-decoration:none!important; font:800 12px/1 var(--nia-body); letter-spacing:.04em; padding:14px 18px; border:2px solid var(--nia-red);}
.nia-archive__nav a:hover {background:transparent;border-color:white;}
.nia-archive__stamp {position:absolute; right:clamp(5px,7vw,120px); top:15%; transform:rotate(11deg); border:3px solid white; padding:12px 18px; font:400 clamp(19px,3vw,39px)/1 var(--nia-head); background:var(--nia-red); box-shadow:9px 9px 0 #151515; text-align:center;}
.nia-archive__content {max-width:1200px; margin:0 auto; padding:clamp(30px,5vw,65px) clamp(16px,3vw,28px);}
.nia-archive__section {scroll-margin-top:110px; margin-bottom:60px;}
.nia-archive__section-title {border-bottom:4px solid #020202; margin-bottom:26px; padding-bottom:16px;}
.nia-archive__section-title span {display:block; margin-bottom:12px; color:var(--nia-red); font:800 12px/1.4 var(--nia-body); letter-spacing:.1em; }
#top .nia-archive__section-title h3,.nia-archive__section-title h3 {font:400 clamp(33px,5vw,59px)/1 var(--nia-head); color:#020202; margin:0; padding:0;}
.nia-archive__grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px;}
.nia-archive__grid--1 {grid-template-columns:1fr;}
.nia-archive__grid--3 {grid-template-columns:repeat(3,minmax(0,1fr));}
.nia-card {min-width:0; border:3px solid var(--nia-black); background:var(--nia-black); color:#fff; box-shadow:7px 7px 0 var(--nia-red); }
.nia-card .nia-player--compact {grid-template-columns:1fr;}
.nia-card .nia-player--compact .nia-player__art {min-height:0; aspect-ratio:2.2 / 1;}
.nia-card .nia-player--compact .nia-player__body {min-height:232px;}
#top .nia-card .nia-player--compact .nia-player__title,.nia-card .nia-player--compact .nia-player__title {font-size:clamp(27px,2.6vw,38px);}
.nia-card .nia-player__art-word {font-size:clamp(62px,8vw,100px);}
.nia-card__info {padding:0 19px 20px;}
.nia-card__excerpt {color:#ddd; margin:0 0 16px; font:400 13px/1.55 var(--nia-body);}
.nia-card__link {display:inline-block; border-bottom:2px solid #d75963; text-transform:uppercase; color:#fff!important; text-decoration:none!important; padding:5px 0; font:800 11px/1.4 var(--nia-body); letter-spacing:.07em;}
.nia-card__link:hover {color:#ffbfc3!important;}
.nia-archive__empty {background:#fff; padding:23px; border-left:6px solid var(--nia-red); font-size:16px;}
.nia-single {max-width:100%;}
.nia-single__story {margin:28px 0;}
.nia-empty {padding:15px; border:2px solid var(--nia-red); font:700 14px/1.5 var(--nia-body);}
@media(max-width:1100px) {.nia-archive__grid--3 {grid-template-columns:repeat(2,minmax(0,1fr));} .nia-archive__stamp {right:20px;transform:rotate(9deg) scale(.8); transform-origin:top right;} }
@media(max-width:760px) {
 .nia-player {grid-template-columns:1fr; box-shadow:6px 6px 0 var(--nia-red);}
 .nia-player__art {min-height:0; aspect-ratio:2.7/1;}
 .nia-player__art-word {font-size:100px;}
 .nia-player__body {padding:19px;}
 #top .nia-player__title,.nia-player__title {font-size:clamp(31px,9vw,48px);}
 .nia-player--compact {grid-template-columns:1fr;}
 .nia-player--compact .nia-player__art {min-height:0;aspect-ratio:2.7/1;}
 .nia-archive__stamp {position:relative;display:inline-block;top:auto;right:auto;margin:24px 0 0 14px;transform:rotate(-5deg) scale(.85);transform-origin:left top;}
 .nia-archive__hero {padding:38px 20px;}
 .nia-archive__grid, .nia-archive__grid--3 {grid-template-columns:1fr;gap:25px;}
 .nia-archive__content {padding:36px 17px;}
 .nia-archive__section {margin-bottom:45px;}
 .nia-archive__hero h2 {overflow-wrap:anywhere;}
}
@media(max-width:360px) {
 .nia-player__body {padding:13px;}
 .nia-player__ui {gap:7px;}
 .nia-player__play {flex-basis:43px; width:43px; height:43px;}
 .nia-player__speed {flex-basis:36px;}
 .nia-player__topline {font-size:10px;}
 .nia-archive__hero {padding:26px 16px;}
}
@media(prefers-reduced-motion:reduce) { .nia-player__play,.nia-archive__nav a {transition:none!important;} }

/* 04P / Song-Credits in Audio-Karten und eingebetteten Playern */
.nia-player__credits {display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 19px;margin:4px 0 13px;color:#f5f5f5;font:400 12px/1.5 var(--nia-body);}
.nia-player__credits>span {display:inline-flex;align-items:baseline;gap:7px;min-width:0;max-width:100%;overflow-wrap:anywhere;}
.nia-player__credits strong {color:#df747d;font:800 10px/1.5 var(--nia-body);letter-spacing:.11em;white-space:nowrap;}
.nia-player__credits span span {min-width:0;overflow-wrap:anywhere;}
.nia-card .nia-player__credits {gap:3px 13px;margin:1px 0 11px;font-size:11px;}
.nia-card .nia-player__credits>span {flex-wrap:wrap;gap:3px 6px;}
@media(max-width:480px){.nia-player__credits{gap:4px 12px;font-size:11px;}}