@media (min-width: 960px) {
/* Toolbar: Titel | DAB-Hinweis (nur benötigte Breite, mittig) | Moderator; Seitenspalten gleich breit */
.tm-toolbar > .uk-container.uk-flex { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; column-gap: 20px; }
.tm-toolbar > .uk-container > div:not(.uk-margin-auto-left) { grid-column: 1; min-width: 0; }
.tm-toolbar > .uk-container > div:not(.uk-margin-auto-left) > .uk-grid { margin-left: 0; }
.tm-toolbar > .uk-container > div:not(.uk-margin-auto-left) > .uk-grid > * { width: 100%; min-width: 0; padding-left: 0; }
.tm-toolbar > .uk-container > .uk-margin-auto-left, .tm-toolbar > .uk-container > .uk-margin-auto-left > .uk-grid { display: contents; }
.tm-toolbar > .uk-container > .uk-margin-auto-left > .uk-grid > * { padding-left: 0; margin-top: 0; min-width: 0; }
.tm-toolbar > .uk-container > .uk-margin-auto-left > .uk-grid > :first-child { grid-column: 2; justify-self: center; }
.tm-toolbar > .uk-container > .uk-margin-auto-left > .uk-grid > :last-child { grid-column: 3; justify-self: stretch; }
.tm-toolbar .rsp-topbar-title, .tm-toolbar .rsp-topbar-moderator { min-width: 0; }
.tm-toolbar .rsp-topbar-title .uk-width-expand { min-width: 0; }
.tm-toolbar #c_artist, .tm-toolbar #c_title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}
.rsp-dab { display: inline-flex; align-items: center; gap: 14px; padding: 7px 28px 7px 7px; border: 1px solid rgba(255,255,255,.3); border-radius: 999px; background: linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.04)); box-shadow: 0 4px 16px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.15); color: #fff; line-height: 1.15; white-space: nowrap; }
.rsp-dab .rsp-dab-icon { position: relative; flex: none; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50%; background: #fc8800; color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.3); }
.rsp-dab .rsp-dab-icon::after { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid #fc8800; animation: rsp-dab-pulse 2.4s ease-out infinite; }
.rsp-dab .rsp-dab-text { text-align: left; }
.rsp-dab .rsp-dab-top { font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 3px; opacity: .85; }
.rsp-dab .rsp-dab-channel { font-size: 25px; font-weight: 700; letter-spacing: .5px; }
.rsp-dab .rsp-dab-badge { display: inline-block; margin-right: 6px; padding: 0 8px; border-radius: 5px; background: #fff; color: #700040; font-size: 18px; line-height: 26px; vertical-align: 2px; }
@keyframes rsp-dab-pulse { 0% { transform: scale(1); opacity: .8; } 100% { transform: scale(1.45); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .rsp-dab .rsp-dab-icon::after { animation: none; opacity: 0; } }
#page\#0 .el-link {float: right;padding-right:25px;} #page\#1 .el-link {float: right;} #album-tip #canvas{text-align:center;} #album-tip .el-image {text-align:center;} #album-tip .el-title {text-transform:uppercase !important;} #album-tip .el-link{float:right;}
/* 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; } }