/* 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; }
#wish_active .uk-radio:not(:disabled), #wish_active .uk-checkbox:not(:disabled), #wish_active input[type="checkbox"]:not([class*="uk-"]):not(:disabled), #wish_active input[type="radio"]:not([class*="uk-"]):not(:disabled) { cursor: pointer; margin-right: 5px; } #wish_active .rsform-block-info-usage {color:#232f3f; }
/* Musikwunsch-Seite – Design 14.10.2026 */
.rsp-mw-hero {
	position: relative;
	overflow: hidden;
	padding: 48px 40px 44px;
	border-radius: 20px;
	background: linear-gradient(135deg, #700040 0%, #8f1058 55%, #b05396 100%);
	color: #fff;
	text-align: center;
	box-shadow: 0 18px 50px rgba(112, 0, 64, .25);
}
.rsp-mw-hero::before,
.rsp-mw-hero::after {
	content: "♪";
	position: absolute;
	font-size: 180px;
	line-height: 1;
	color: rgba(255, 255, 255, .07);
	pointer-events: none;
}
.rsp-mw-hero::before { left: -20px; top: -30px; transform: rotate(-15deg); }
.rsp-mw-hero::after { content: "♫"; right: -10px; bottom: -50px; transform: rotate(12deg); }
.rsp-mw-hero h1 {
	margin: 14px 0 12px;
	color: #fff;
	font-size: 46px;
	line-height: 1.15;
	font-weight: 600;
}
.rsp-mw-lead {
	max-width: 560px;
	margin: 0 auto;
	font-size: 19px;
	line-height: 1.55;
	color: rgba(255, 255, 255, .92);
}
.rsp-mw-live {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 14px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .16);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.rsp-mw-dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #ff5a5a;
	box-shadow: 0 0 0 0 rgba(255, 90, 90, .7);
	animation: rsp-mw-puls 1.8s infinite;
}
@keyframes rsp-mw-puls {
	0% { box-shadow: 0 0 0 0 rgba(255, 90, 90, .7); }
	70% { box-shadow: 0 0 0 9px rgba(255, 90, 90, 0); }
	100% { box-shadow: 0 0 0 0 rgba(255, 90, 90, 0); }
}
@media (prefers-reduced-motion: reduce) { .rsp-mw-dot { animation: none; } }
/* Kein Live-Hinweis, wenn das Wunschformular gerade abgeschaltet ist */
body:has(#wish_active[style*="none"]) .rsp-mw-live { display: none; }
.rsp-mw-live.ist-aus { display: none; }

.rsp-mw-infos { margin-top: 24px; }
.rsp-mw-info {
	display: flex;
	gap: 14px;
	height: 100%;
	box-sizing: border-box;
	padding: 18px 20px;
	border-radius: 14px;
	background: #f6f1f4;
	color: #232f3f;
	font-size: 15px;
	line-height: 1.5;
}
.rsp-mw-info > [uk-icon] { flex: none; color: #700040; margin-top: 2px; }
.rsp-mw-info strong { display: block; margin-bottom: 2px; color: #700040; font-size: 16px; }
.rsp-mw-info a { font-weight: 700; white-space: nowrap; }

/* Formular als Karte in Schritten */
#wish_active.uk-card {
	padding: 36px 40px 40px;
	border-radius: 20px;
	border-top: 6px solid #700040;
	background: #fff;
	color: #232f3f;
	box-shadow: 0 10px 40px rgba(35, 47, 63, .12);
	counter-reset: rsp-mw-schritt;
}
#wish_active .uk-form-horizontal .uk-form-label {
	float: none;
	width: auto;
	margin: 0 0 6px;
	font-weight: 600;
	color: #232f3f;
}
#wish_active .uk-form-horizontal .uk-form-controls { margin-left: 0; }
#wish_active .rsform-block { margin-top: 0; margin-bottom: 18px; }
#wish_active .formRequired { margin-left: 3px; color: #700040; font-weight: 400; }
#wish_active .uk-input,
#wish_active .uk-select:not([multiple]):not([size]),
#wish_active .uk-select,
#wish_active .uk-textarea {
	border: 1px solid #d9d2d6;
	border-radius: 10px;
	background-color: #fff;
	transition: border-color .15s, box-shadow .15s;
}
#wish_active .uk-input,
#wish_active .uk-select:not([size]),
#wish_active .uk-select[size="1"] { height: 48px; padding: 0 14px; }
#wish_active .uk-textarea { padding: 12px 14px; }
#wish_active .uk-select[size="7"] { padding: 6px; }
#wish_active .uk-input:focus,
#wish_active .uk-select:focus,
#wish_active .uk-textarea:focus {
	outline: none;
	border-color: #700040;
	box-shadow: 0 0 0 3px rgba(112, 0, 64, .15);
}
#wish_active #song_search,
#wish_active #search_alt {
	padding-left: 44px;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='9' cy='9' r='7' fill='none' stroke='%23700040' stroke-width='1.6'/%3E%3Cpath d='M14 14l4.5 4.5' stroke='%23700040' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") no-repeat 14px center;
	font-size: 17px;
}

/* Schritt-Überschriften (ausgeblendete Abschnitte zählen nicht mit) */
#wish_active .uk-width-12-12:has(> .rsform-block-song-search)::before,
#wish_active .uk-width-12-12:has(> .rsform-block-user-firstname)::before,
#wish_active .uk-width-12-12:has(> .rsform-block-sond-alternative)::before,
#wish_active .rsform-block-info-usage::before,
#wish_active .rsform-block-newsletter-email-addr::before {
	counter-increment: rsp-mw-schritt;
	display: block;
	margin: 0 0 14px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 22px;
	font-weight: 600;
	color: #700040;
}
#wish_active .uk-width-12-12:has(> .rsform-block-song-search)::before { content: counter(rsp-mw-schritt) ". Dein Wunschtitel"; }
#wish_active .uk-width-12-12:has(> .rsform-block-user-firstname)::before { content: counter(rsp-mw-schritt) ". Wer wünscht sich den Titel?"; }
#wish_active .uk-width-12-12:has(> .rsform-block-sond-alternative)::before { content: counter(rsp-mw-schritt) ". Alternativer Titel (optional)"; }
#wish_active .rsform-block-info-usage::before { content: counter(rsp-mw-schritt) ". Gruß & Anmoderation"; }
#wish_active .rsform-block-newsletter-email-addr::before { content: counter(rsp-mw-schritt) ". Fast geschafft"; }
#wish_active .uk-grid + .uk-grid:has(.rsform-block-user-firstname),
#wish_active .uk-grid + .uk-grid:has(.rsform-block-sond-alternative),
#wish_active .uk-grid + .uk-grid:has(.rsform-block-info-usage) {
	margin-top: 12px;
	padding-top: 26px;
	border-top: 1px solid #eee6eb;
}
#wish_active .rsform-block-newsletter-email-addr {
	margin-top: 12px;
	padding-top: 26px;
	border-top: 1px solid #eee6eb;
}
/* Hinweistexte im Formular */
#wish_active .rsform-block-sond-alternative p,
#wish_active .rsform-block-info-usage {
	margin-top: 0;
	font-size: 14px;
	line-height: 1.55;
	color: #5b6573 !important;
}
#wish_active .rsform-block-info-usage::before { margin-bottom: 10px; }
#wish_active .rsform-block-info-usage { margin-bottom: 20px; }
#wish_active .rsform-block-subscribeme,
#wish_active .rsform-block-rsp-privacy { margin-bottom: 10px; }
#wish_active .rsform-block-subscribeme .uk-form-label,
#wish_active .rsform-block-rsp-privacy .uk-form-label { display: none; }
#wish_active .uk-checkbox { width: 20px; height: 20px; margin: -3px 8px 0 0; border-radius: 5px; }
#wish_active .uk-checkbox:checked { background-color: #700040; border-color: #700040; }
/* Absenden */
#wish_active .rsform-block-user-send-music-request { margin: 26px 0 0; }
#wish_active .rsform-block-user-send-music-request .uk-form-label { display: none; }
#wish_active #user_send_music_request {
	width: 100%;
	height: 58px;
	border: 0;
	border-radius: 999px;
	background: #700040;
	background-image: none;
	color: #fff;
	font-size: 19px;
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: none;
	box-shadow: 0 8px 22px rgba(112, 0, 64, .3);
	transition: background-color .15s, transform .15s, box-shadow .15s;
}
#wish_active #user_send_music_request::before { content: "♪ "; }
#wish_active #user_send_music_request:hover,
#wish_active #user_send_music_request:focus-visible {
	background: #5c0034;
	transform: translateY(-1px);
	box-shadow: 0 12px 26px rgba(112, 0, 64, .35);
}
#wish_active .formRed {
	padding: 12px 16px;
	border-radius: 10px;
	background: #fdecee;
	color: #b3122e;
	font-weight: 600;
}

/* Assistent: immer nur ein Schritt (nur wenn das Skript läuft, sonst bleibt das ganze Formular sichtbar) */
#wish_active.rsp-mw-wiz .rsp-mw-off { display: none !important; }
#wish_active.rsp-mw-wiz .uk-width-12-12::before,
#wish_active.rsp-mw-wiz .rsform-block-info-usage::before,
#wish_active.rsp-mw-wiz .rsform-block-newsletter-email-addr::before { content: none !important; }
#wish_active.rsp-mw-wiz .uk-grid,
#wish_active.rsp-mw-wiz .uk-grid + .uk-grid,
#wish_active.rsp-mw-wiz .rsform-block-newsletter-email-addr { margin-top: 0 !important; padding-top: 0 !important; border-top: 0 !important; }
.rsp-mw-steps {
	display: flex;
	justify-content: space-between;
	gap: 6px;
	margin: 0 0 14px;
	padding: 0;
	list-style: none;
}
.rsp-mw-steps li { flex: 1; text-align: center; }
.rsp-mw-step {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	width: 100%;
	padding: 0;
	border: 0;
	background: none;
	color: #9a8f96;
	font: inherit;
	font-size: 13px;
	font-weight: 600;
	cursor: default;
}
.rsp-mw-step .rsp-mw-num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 2px solid #e2d8de;
	background: #fff;
	color: #9a8f96;
	font-size: 15px;
	font-weight: 700;
	transition: all .2s;
}
.rsp-mw-step.ist-fertig { color: #700040; cursor: pointer; }
.rsp-mw-step.ist-fertig .rsp-mw-num { border-color: #700040; background: #700040; color: #fff; }
.rsp-mw-step.ist-fertig .rsp-mw-num::before { content: "✓"; }
.rsp-mw-step.ist-fertig .rsp-mw-num span { display: none; }
.rsp-mw-step.ist-aktiv { color: #700040; }
.rsp-mw-step.ist-aktiv .rsp-mw-num { border-color: #700040; color: #700040; box-shadow: 0 0 0 4px rgba(112, 0, 64, .12); }
.rsp-mw-bar { height: 6px; margin: 0 0 26px; border-radius: 3px; background: #f0e8ed; overflow: hidden; }
.rsp-mw-bar span { display: block; height: 100%; width: 0; border-radius: 3px; background: linear-gradient(90deg, #700040, #b05396); transition: width .35s ease; }
.rsp-mw-titel { margin: 0 0 18px !important; font-size: 26px; font-weight: 600; color: #700040; }
.rsp-mw-titel small { display: block; margin-top: 2px; font-family: 'Lato', sans-serif; font-size: 15px; font-weight: 400; color: #5b6573; }
.rsp-mw-panel { animation: rsp-mw-rein .3s ease; }
@keyframes rsp-mw-rein { from { opacity: 0; transform: translateX(14px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .rsp-mw-panel { animation: none; } .rsp-mw-bar span { transition: none; } }
.rsp-mw-nav { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 24px; }
.rsp-mw-nav button { font: inherit; cursor: pointer; }
.rsp-mw-zurueck { padding: 10px 4px; border: 0; background: none; color: #700040; font-weight: 600; }
.rsp-mw-zurueck:hover { text-decoration: underline; }
.rsp-mw-weiter {
	margin-left: auto;
	min-width: 190px;
	height: 54px;
	padding: 0 30px;
	border: 0;
	border-radius: 999px;
	background: #700040;
	color: #fff;
	font-size: 18px !important;
	font-weight: 700;
	box-shadow: 0 8px 22px rgba(112, 0, 64, .3);
	transition: background-color .15s, transform .15s;
}
.rsp-mw-weiter::after { content: " →"; }
.rsp-mw-weiter:hover, .rsp-mw-weiter:focus-visible { background: #5c0034; transform: translateY(-1px); }
#wish_active .rsp-mw-err .uk-input,
#wish_active .rsp-mw-err .uk-select,
#wish_active .rsp-mw-err .uk-textarea { border-color: #c8102e; box-shadow: 0 0 0 3px rgba(200, 16, 46, .12); }
.rsp-mw-hinweis { margin-top: 6px; color: #c8102e; font-size: 14px; font-weight: 600; }
.rsp-mw-auswahl {
	display: none;
	margin-top: 10px;
	padding: 12px 14px;
	border-radius: 10px;
	background: #f6f1f4;
	color: #232f3f;
	font-size: 15px;
}
.rsp-mw-auswahl.ist-da { display: block; }
.rsp-mw-auswahl::before { content: "♪ "; color: #700040; font-weight: 700; }
.rsp-mw-summary {
	margin: 0 0 22px;
	padding: 16px 18px;
	border-radius: 14px;
	background: #f6f1f4;
	color: #232f3f;
	font-size: 15px;
	line-height: 1.6;
}
.rsp-mw-summary strong { color: #700040; }
@media (max-width: 639px) {
	.rsp-mw-step { font-size: 10px; letter-spacing: -.01em; }
	.rsp-mw-step .rsp-mw-num { width: 32px; height: 32px; }
	.rsp-mw-titel { font-size: 22px; }
	.rsp-mw-weiter { min-width: 0; flex: 1; }
}

/* Newsletter-Schritt: Ja / Nein */
#wish_active .rsp-mw-nl-zu { display: none !important; }
.rsp-mw-nl-wahl {
	display: flex;
	align-items: center;
	gap: 20px;
	margin: 0 0 22px;
	padding: 22px 24px;
	border: 2px solid #f3e6ee;
	border-radius: 16px;
	background: linear-gradient(180deg, #fffaf4 0%, #fff 80%);
}
.rsp-mw-nl-icon {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: #fff0de;
	color: #fc8800;
}
.rsp-mw-nl-knoepfe { display: flex; flex-wrap: wrap; gap: 12px; flex: 1; }
.rsp-mw-nl-knoepfe button {
	flex: 1 1 150px;
	height: 52px;
	padding: 0 20px;
	border-radius: 999px;
	font: inherit;
	font-size: 17px;
	font-weight: 700;
	cursor: pointer;
	transition: background-color .15s, color .15s, border-color .15s, transform .15s;
}
.rsp-mw-nl-ja { border: 2px solid #fc8800; background: #fc8800; color: #fff; box-shadow: 0 6px 18px rgba(252, 136, 0, .3); }
.rsp-mw-nl-ja:hover, .rsp-mw-nl-ja:focus-visible { background: #e57a00; border-color: #e57a00; transform: translateY(-1px); }
.rsp-mw-nl-nein { border: 2px solid #d9d2d6; background: #fff; color: #5b6573; }
.rsp-mw-nl-nein:hover, .rsp-mw-nl-nein:focus-visible { border-color: #9a8f96; color: #232f3f; }
.rsp-mw-nl-ja.ist-gewaehlt::before { content: "✓ "; }
.rsp-mw-nl-wahl .rsp-mw-hinweis { flex-basis: 100%; }
.rsp-mw-nl-wahl.rsp-mw-err { flex-wrap: wrap; border-color: #f2b8c2; }
#wish_active .rsform-block-newsletter-email-addr .uk-form-label,
#wish_active .rsform-block-subscribeme .uk-form-label { display: none; }
#wish_active .rsform-block-subscribeme .uk-checkbox:checked { background-color: #fc8800; border-color: #fc8800; }
@media (max-width: 639px) {
	.rsp-mw-nl-wahl { flex-direction: column; align-items: stretch; text-align: center; padding: 20px 16px; }
	.rsp-mw-nl-icon { width: 52px; height: 52px; margin: 0 auto; }
}

/* Formular gerade abgeschaltet */
#wish_inactive {
	padding: 36px 32px;
	border-radius: 20px;
	background: #f6f1f4;
	color: #232f3f;
	text-align: center;
	font-size: 17px;
	line-height: 1.6;
}
#wish_inactive::before {
	content: "♫";
	display: block;
	margin-bottom: 8px;
	font-size: 44px;
	line-height: 1;
	color: #700040;
}
#wish_inactive p:first-child { font-family: 'Titillium Web', sans-serif; font-size: 24px; font-weight: 600; color: #700040; }

@media (max-width: 639px) {
	.rsp-mw-hero { padding: 36px 20px 32px; border-radius: 16px; }
	.rsp-mw-hero h1 { font-size: 34px; }
	.rsp-mw-lead { font-size: 17px; }
	#wish_active.uk-card { padding: 26px 18px 28px; border-radius: 16px; }
	#wish_active .uk-width-12-12:has(> .rsform-block-song-search)::before,
	#wish_active .uk-width-12-12:has(> .rsform-block-user-firstname)::before,
	#wish_active .uk-width-12-12:has(> .rsform-block-sond-alternative)::before,
	#wish_active .rsform-block-info-usage::before,
	#wish_active .rsform-block-newsletter-email-addr::before { font-size: 19px; }
}
#footer\#0 a {color: #232f3f !important;} #footer\#1 ul.uk-subnav { display: : flex; justify-content: center; } #footer\#1{ font-family: 'Titillium Web'; font-size: 17px !important; font-weight: 400 !important; } #footer\#2{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; } }