.osu-rss-reader {
list-style: none;
padding: 0;
margin: 0;
}
.osu-rss-reader li {
padding: 0.5em 0;
border-bottom: 1px solid #eee;
}
.osu-rss-reader li:last-child {
border-bottom: none;
}
.osu-rss-reader-title {
display: block;
font-weight: bold;
text-decoration: none;
color: #0073aa;
margin-bottom: 0.25em;
transition: color 0.2s ease;
}
.osu-rss-reader-title {
font-size: 1.125rem !important;
line-height: 1.8rem;
}
.osu-rss-reader-date {
display: block;
font-size: 0.85rem;
color: #eae7e1;
font-style: italic;
} @media (min-width: 600px) {
.osu-rss-reader-title {
display: inline;
margin-right: 1em;
margin-bottom: 0;
}
.osu-rss-reader-date {
display: inline;
}
} .osu-rss-reader-title:focus {
position: relative;
z-index: 1;
} .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} .osu-rss-reader.loading {
opacity: 0.6;
pointer-events: none;
}
.osu-rss-reader.loading::before {
content: "Lade RSS Feed...";
display: block;
padding: 1em;
text-align: center;
font-style: italic;
color: #666;
} .osu-rss-reader.error {
border: 1px solid #dc3545;
border-radius: 4px;
padding: 1em;
background-color: #f8d7da;
color: #721c24;
}
.osu-rss-reader.error::before {
content: "⚠ ";
font-weight: bold;
} .osu-rss-reader:empty::before {
content: "Keine RSS Einträge verfügbar.";
display: block;
padding: 1em;
text-align: center;
font-style: italic;
color: #666;
border: 1px dashed #ccc;
border-radius: 4px;
}