/* Play-Button links, bündig mit dem RSP-Logo in der Navbar darunter */
.rsp-topbar-title .rsp-topbar-playicon-container { width: auto; flex-grow: 0; }
.rsp-topbar-title .rsp-player-icon { margin: 0; }
.rsp-topbar-moderator .uk-width-expand\@m { min-width: 0; }
.rsp-topbar-moderator #showtime, .rsp-topbar-moderator #showname, .rsp-topbar-moderator #mod_header_link1 > div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#page\#0 .rsp-titlecover { display:block !important} #page\#0 .rsp-titlecover-InfoBox { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(70,00,40,.75); color: #fff; padding: 6px; font-size: 13px; line-height: 16px; -webkit-backface-visibility: hidden; backface-visibility: hidden; text-transform: uppercase; text-align: center;} #page\#0 .rsp-titlecover-airtime{ line-height: 20px; color:#ffffff; background-color:#700040; padding: 5px 5px 5px 5px !important; position: absolute; top: 5px; right: 5px;} #page\#0 .rsp-titlecover-artist{} #page\#0 .rsp-titlecover-title { color:#ffffff; font-size: 18px; line-height: 1; font-weight: 300; margin-top:5px; margin-bottom:5px } #page\#0 .rsp-titlecover-stream{ position: absolute; top: 40px; right: 5px;background-color:#700040;} #page\#0 .uk-button{ padding: 5px 2px 5px 5px !important; line-height: 20px; background-color: #700040; align-content: center; text-align:center !important;} #page\#0 .uk-grid-item-match, #page\#0 .uk-grid-match>* { display: block; flex-wrap: wrap;} #page\#0 .g-ads-divider-titlelist{padding-top:10px;padding-bottom:10px;} #page\#1 .titlelist-select form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 1200px; padding: 1rem 0; margin: 0 auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #page\#1 form[name=titlelist-select] select { background-color: #ffffff; border-bottom: none; margin: 0 1rem; padding-right: 30px; text-transform: uppercase; width: auto; } #page\#1 form[name=titlelist-select] select[name=channel-select] { margin-left: 0; padding-left: 5px; } #page\#1 form[name=titlelist-select] select[name=date-select] { margin-left: .25rem; padding-left: 5px; } #page\#1 form[name=titlelist-select] select[name=hour-select] { margin-right: .25rem; padding-left: 5px; } #page\#1 form[name=titlelist-select] select[name=minutes-select] { margin-left: .25rem; padding-left: 5px; } #page\#1 .titlelist form select { color: #700040; border-color: #000000; width: auto; margin: .5rem; } #page\#1 select { display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 1em; background-size: 18px auto; padding: .5em 24px .5em .66em; } #page\#1 input:not([type=checkbox]):not([type=radio]):not([type=submit]), #page\#1 select { font-family: 'Titillium Web'; font-size: 1em; line-height: 1.55; font-weight: 500; color: #700040; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: 0 0; padding: .25rem 0; border-radius: 0; width: 100%; outline: none; box-shadow: none; border: none; border-bottom: 2px solid rgba(0,0,0,.1); -webkit-transition: all 250ms ease; transition: all 250ms ease; } #page\#1 form[name=titlelist-select] .button { background: 0 0; border: 2px solid #fff; text-transform: uppercase; padding: .33em 2em; letter-spacing: 2px; } #page\#1 .titlelist-select form .button { margin: 0 0 0 1rem; } #page\#1 .button, #page\#1 input[type=submit] { font-family: 'Titillium Web'; font-weight: 300; -webkit-appearance: none; -moz-appearance: none; appearance: none; letter-spacing: 2px; } #page\#1 .button, #page\#1 button, #page\#1 input[type=submit] { font-family: 'Titillium Web'; font-size: 1rem; line-height: 1.2; font-weight: 300; background: #fc8800; color: #fff; border: none; margin: 0 0 0 auto; cursor: pointer; display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; box-shadow: none; padding: .63rem 1rem; -webkit-transition: all 300ms ease; transition: all 300ms ease; overflow: hidden; text-transform: uppercase; } #page\#1 select { background: url(/images/rsp_setup/caret_down.png) no-repeat 100% 50%; background-size: 18px auto; padding-right: 26px; font-weight: 300; line-height: 1.2; } @media (max-width: 599px){ #page\#1 form[name=titlelist-select] select[name=channel-select], #page\#1 form[name=titlelist-select] select[name=date-select] { width: 90%; margin-left: auto; margin-right: auto; margin-bottom: 10px; }} @media (min-width:600px) and (max-width:959px){ #page\#1 form[name=titlelist-select] select{margin:.25rem}} @media (min-width:600px) and (max-width:959px){ #page\#1 form[name=titlelist-select] .button{padding:.45em .66em;box-sizing:content-box;margin:.25rem;font-size:.85em}} #page\#2 .uk-search-default .uk-search-input { background-color: rgba(255,255,255,0.25); border-color: rgba(255, 255, 255, 0.25); } #page\#2 .uk-search-default { width: 250px; } #page\#3 .uk-card-body { padding: 25px 25px !important; } #page\#4 h6.rsp-titlelist-title { margin: 0px !important } #page\#4 .rsp-titlelist-airtime { padding: 5px;} #page\#4 .rsp-titlelist-title {} #page\#4 .rsp-titlelist-artist {} #page\#4 .rsp-titlelist-stream { position: relative; float: right;} #page\#4 .rsp-titlelist-cover { width:75px; height:75px; min-width: 75px; } #page\#4 .uk-button{ padding: 5px 2px 5px 5px !important; line-height: 20px; background-color: #700040; align-content: center; text-align:center !important; border: 1px solid #700040; background-image: linear-gradient(90deg,transparent 50%,#700040 50%); }
#footer\#5 a {color: #232f3f !important;} #footer\#6 ul.uk-subnav { display: : flex; justify-content: center; } #footer\#6{ font-family: 'Titillium Web'; font-size: 17px !important; font-weight: 400 !important; } #footer\#7{text-align:center;}
/* Newsletter-Anmeldung im Footer (eigenes Formular statt Brevo-iframe, sendet an dasselbe Brevo-Formular; 14.10.2026) */
.rsp-nl {
	position: relative;
	box-sizing: border-box;
	max-width: 460px;
	margin: 0 auto;
	padding: 28px 26px 22px;
	overflow: hidden;
	border-radius: 16px;
	color: #fff;
	background: linear-gradient(135deg, #700040 0%, #a3145f 60%, #e6007e 100%);
	box-shadow: 0 8px 24px rgba(112, 0, 64, .22);
	isolation: isolate;
	text-align: left;
}
.rsp-nl-bg { position: absolute; z-index: -1; right: -30px; top: -26px; width: 170px; height: 170px; color: #fff; opacity: .12; transform: rotate(-14deg); }
.rsp-nl-label { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; opacity: .9; }
.rsp-nl-label svg { width: 18px; height: 18px; }
.rsp-nl-titel { margin: 8px 0 6px; font-family: 'Titillium Web', sans-serif; font-size: 26px; font-weight: 700; line-height: 1.15; color: #fff; }
.rsp-nl-text { margin: 0 0 16px; font-size: 15px; line-height: 1.45; opacity: .92; }
.rsp-nl-vorteile { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 18px; padding: 0; list-style: none; }
.rsp-nl-vorteile li { padding: 3px 10px; border-radius: 999px; background: rgba(255, 255, 255, .16); font-size: 12.5px; font-weight: 600; }
.rsp-nl-feld { display: flex; gap: 6px; padding: 5px; border-radius: 999px; background: #fff; box-shadow: 0 3px 10px rgba(0, 0, 0, .15); }
.rsp-nl-feld input[type=email] { flex: 1 1 auto; min-width: 0; height: 44px; padding: 0 14px; border: 0; border-radius: 999px; background: transparent; font-size: 15px; color: #232f3f; outline: none; }
.rsp-nl-feld input[type=email]::placeholder { color: #8a8f98; }
.rsp-nl-btn { flex: none; height: 44px; padding: 0 20px; border: 0; border-radius: 999px; background: #fc8800; color: #fff; font-family: 'Titillium Web', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; cursor: pointer; transition: background-color .2s ease, transform .2s ease; }
.rsp-nl-btn:hover, .rsp-nl-btn:focus-visible { background: #e57a00; transform: translateX(2px); }
.rsp-nl-btn:disabled { opacity: .7; cursor: wait; transform: none; }
.rsp-nl-feld:focus-within { box-shadow: 0 0 0 3px rgba(252, 136, 0, .6), 0 3px 10px rgba(0, 0, 0, .15); }
.rsp-nl-optin { display: flex; align-items: flex-start; gap: 10px; margin: 14px 2px 0; font-size: 12.5px; line-height: 1.4; cursor: pointer; }
.rsp-nl-optin input { flex: none; width: 18px; height: 18px; margin: 1px 0 0; accent-color: #fc8800; cursor: pointer; }
.rsp-nl-optin a { color: #fff; text-decoration: underline; }
.rsp-nl-hinweis { margin: 8px 2px 0; font-size: 11.5px; opacity: .75; }
.rsp-nl-meldung { display: none; margin: 12px 0 0; padding: 9px 12px; border-radius: 10px; font-size: 13.5px; font-weight: 600; }
.rsp-nl-meldung.is-fehler { display: block; background: rgba(255, 255, 255, .95); color: #a0002a; }
.rsp-nl-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.rsp-nl-ok { display: none; text-align: center; padding: 10px 0 6px; }
.rsp-nl-ok svg { width: 56px; height: 56px; margin-bottom: 6px; }
.rsp-nl.is-ok .rsp-nl-form, .rsp-nl.is-ok .rsp-nl-text, .rsp-nl.is-ok .rsp-nl-vorteile { display: none; }
.rsp-nl.is-ok .rsp-nl-ok { display: block; }
@media (max-width: 400px) {
	.rsp-nl { padding: 22px 18px 18px; }
	.rsp-nl-titel { font-size: 22px; }
	.rsp-nl-feld { flex-direction: column; border-radius: 14px; }
	.rsp-nl-btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .rsp-nl-btn { transition: none; } }
/* Voting-Hinweis rechtsbündig unter den Menüpunkten (wird per Script in die Navbar gehängt) */
.uk-navbar-container > .uk-container.rsp-vote-host { position: relative; }
.rsp-vote { position: absolute; z-index: 0; display: inline-flex; align-items: center; gap: 10px; background: linear-gradient(135deg, #e6007e, #fc8800); color: #fff; text-decoration: none; box-shadow: 0 4px 12px rgba(35,47,63,.2); overflow: hidden; isolation: isolate; transition: transform .25s ease, box-shadow .25s ease; }
.rsp-vote:hover, .rsp-vote:focus-visible { color: #fff; text-decoration: none; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(35,47,63,.3); }
.rsp-vote:focus-visible { outline: 3px solid #700040; outline-offset: 2px; }
.rsp-vote::after { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: -60%; width: 40%; background: linear-gradient(100deg, rgba(255,255,255,0), rgba(255,255,255,.35), rgba(255,255,255,0)); transform: skewX(-20deg); animation: rsp-vote-shine 5s ease-in-out 1.5s infinite; }
.rsp-vote-icon { flex: none; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: rgba(255,255,255,.2); }
.rsp-vote-icon svg { width: 17px; height: 17px; }
.rsp-vote-text { font-family: 'Titillium Web', sans-serif; font-size: 16px; font-weight: 700; line-height: 1.1; white-space: nowrap; }
.rsp-vote-go { flex: none; display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: #fff; color: #700040; transition: transform .25s ease, background-color .25s ease, color .25s ease; }
.rsp-vote-go svg { width: 14px; height: 14px; }
.rsp-vote:hover .rsp-vote-go { transform: translateX(3px); background: #700040; color: #fff; }
/* Einflug nach Seitenstart: schießt von rechts herein, federt nach und rastet ein */
@keyframes rsp-vote-in {
	0% { transform: translateX(110vw) skewX(-28deg) scaleX(1.25); filter: blur(4px); }
	55% { transform: translateX(-22px) skewX(10deg) scaleX(.94); filter: blur(0); }
	70% { transform: translateX(10px) skewX(-5deg) scaleX(1.03); }
	83% { transform: translateX(-4px) skewX(2deg) scaleX(.99); }
	93% { transform: translateX(1px) skewX(0) scaleX(1); }
	100% { transform: none; }
}
@keyframes rsp-vote-pop { 0% { transform: translateY(-50%) scale(.2); opacity: 0; } 60% { transform: translateY(-50%) scale(1.12); opacity: 1; } 80% { transform: translateY(-50%) scale(.96); } 100% { transform: translateY(-50%) scale(1); } }
.tm-header .uk-navbar-container { overflow-x: clip; }
@keyframes rsp-vote-shine { 0%, 70% { left: -60%; } 100% { left: 130%; } }
/* Desktop: als Pille im weißen Bereich unter den Menüpunkten, nichts ragt in die Grafik */
@media (min-width: 960px) {
.rsp-vote { bottom: 6px; right: 40px; padding: 4px 5px 4px 5px; border-radius: 999px; animation: rsp-vote-in .95s cubic-bezier(.2,.8,.25,1) .6s backwards; transform-origin: right center; }
.rsp-vote-text { padding-right: 2px; }
}
@media (min-width: 960px) and (max-width: 1199px) { .rsp-vote { right: 30px; } }
.rsp-vote-short { display: none; }
/* Mobil: kompakte Pille links in der Leiste, gegenüber dem Menü-Symbol */
@media (max-width: 959px) {
.rsp-vote { top: 50%; left: 15px; right: auto; transform: translateY(-50%); gap: 6px; padding: 4px 12px 4px 4px; border-radius: 999px; animation: rsp-vote-pop .6s ease-out .5s backwards; }
.rsp-vote:hover, .rsp-vote:focus-visible { transform: translateY(-50%); }
.rsp-vote-text, .rsp-vote-go { display: none; }
.rsp-vote-short { display: inline; font-family: 'Titillium Web', sans-serif; font-size: 14px; font-weight: 700; line-height: 1; white-space: nowrap; }
}
@media (prefers-reduced-motion: reduce) { .rsp-vote { animation: none !important; } .rsp-vote::after { animation: none; display: none; } .rsp-vote, .rsp-vote-go { transition: none; } }