/* QUVENTY RADIO 1.0.6 — flaches, responsives Querformat */
.qr-radio,.qr-radio *{box-sizing:border-box}
.qr-radio{width:100%;max-width:none;min-height:78px;padding:12px 18px;border-radius:14px;background:#263c4b;color:#fff;box-shadow:0 5px 16px #182b3926;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;display:flex;align-items:center;gap:20px}
.qr-identity{min-width:0;flex:1 1 260px;display:flex;flex-direction:column;justify-content:center;gap:1px}
.qr-brand{font-size:10px;font-weight:750;letter-spacing:.08em;color:#64c6cd;white-space:nowrap}
.qr-live{font-size:9px;color:#f4b1aa;margin-left:6px}
.qr-title{font-size:20px;font-weight:750;line-height:1.2;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qr-date{font-size:11px;color:#c6d6df}
.qr-controls{flex:0 1 auto;min-width:150px;display:flex;align-items:center;gap:10px;justify-content:center}
.qr-play,.qr-stop{border:0;cursor:pointer;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;font-family:inherit}
.qr-play{background:#65cbd0;color:#16313a;width:43px;height:43px;font-size:20px}
.qr-play:focus-visible,.qr-stop:focus-visible,.qr-archive:focus-visible{outline:3px solid #fff;outline-offset:3px}
.qr-stop{background:#152c39;color:#fff;width:32px;height:32px;font-size:14px}
.qr-stop[hidden]{display:none}
.qr-action-label{font-size:14px;white-space:nowrap;color:#fff}
.qr-archive{margin-left:auto;flex:none;color:#fff!important;text-decoration:none;font-size:13px;font-weight:600;white-space:nowrap}
.qr-archive:hover{text-decoration:underline}
.qr-unavailable{font-size:12px;color:#d3e0e5}
.qr-media{width:min(390px,38vw);height:42px;max-height:42px}
@media(max-width:640px){
 .qr-radio{padding:11px 13px;gap:10px;flex-wrap:wrap;min-height:0}
 .qr-identity{flex:1 1 calc(100% - 88px)}
 .qr-title{font-size:18px}
 .qr-controls{flex:1 1 auto;justify-content:flex-start;min-width:0}
 .qr-archive{margin-left:auto}
 .qr-media{width:100%;max-width:100%}
}
@media(min-width:641px) and (max-width:780px){
 .qr-radio{gap:12px;padding:12px}
 .qr-title{font-size:17px}
 .qr-controls{min-width:125px}
}

/* 1.0.7: Navigation und korrekt sichtbare Pausensteuerung */
.qr-back,.qr-forward{border:0;background:#152c39;color:#d7edf0;width:33px;height:33px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font-size:18px;flex:none}
.qr-back:hover:not(:disabled),.qr-forward:hover:not(:disabled){background:#345a6a}
.qr-back:disabled,.qr-forward:disabled{opacity:.35;cursor:default}
.qr-back:focus-visible,.qr-forward:focus-visible{outline:3px solid white;outline-offset:2px}
.qr-controls{min-width:235px;gap:8px}
@media(max-width:640px){.qr-controls{min-width:0;gap:7px}.qr-action-label{font-size:12px}}

/* 1.0.8: Farbauswahl über die Joomla-Modulparameter, CDU-Orange als Standard */
.qr-radio{background:var(--qr-background,#ffa600);color:var(--qr-foreground,#263c4b)}
.qr-radio .qr-brand,.qr-radio .qr-live,.qr-radio .qr-title,.qr-radio .qr-date,.qr-radio .qr-action-label,.qr-radio .qr-unavailable{color:var(--qr-foreground,#263c4b)}
.qr-radio .qr-archive{color:var(--qr-foreground,#263c4b)!important}
.qr-radio .qr-play{background:var(--qr-button,#ffffff);color:var(--qr-foreground,#263c4b)}
.qr-radio .qr-back,.qr-radio .qr-forward,.qr-radio .qr-stop{background:var(--qr-foreground,#263c4b);color:var(--qr-background,#ffa600)}
.qr-radio .qr-back:hover:not(:disabled),.qr-radio .qr-forward:hover:not(:disabled){filter:brightness(1.35)}
.qr-radio .qr-play:focus-visible,.qr-radio .qr-stop:focus-visible,.qr-radio .qr-archive:focus-visible,.qr-radio .qr-back:focus-visible,.qr-radio .qr-forward:focus-visible{outline:3px solid var(--qr-foreground,#263c4b);outline-offset:2px}