/* 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; }
#template-Yq-DRLfg\#0{padding-top: 5px;} #template-Yq-DRLfg\#1 .el-link{float:right;} #template-Yq-DRLfg\#2{padding-top:20px !important;} #template-Yq-DRLfg\#3 .el-link {float: right;} #template-Yq-DRLfg\#3{padding-bottom:10px}
#footer\#4 a {color: #232f3f !important;} #footer\#5 ul.uk-subnav { display: : flex; justify-content: center; } #footer\#5{ font-family: 'Titillium Web'; font-size: 17px !important; font-weight: 400 !important; } #footer\#6{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; } }