html {
    background-color: #c2d74e;    
}

body {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 18px;
    color: #333333;
    max-width: 700px;
    margin: 0.75em auto;
    padding: 0 5px;
}

h1 {
    font-weight: normal;
    font-size: 1.15em;    
    margin: 0.25em 0 1em 0;
    display: flex;
    align-items: baseline;
    gap: 10px;
}

h2 {
    font-weight: normal;
    font-size: 1.25em;
    margin: 0 0 0.5em 0;
}

h3 {
    font-weight: normal;
    font-size: 1.3em;
    margin: 2em 0 0.5em 0;
}

a { 
	text-decoration: none !important; 
	transition: all 0.25s linear 0s;
	padding: 0; 
}


a:link { 
	color: #333333; 
	border-bottom: 2px dotted #333333;
}

a:visited { 
	color: #333333; 
	border-bottom: 2px dotted #333333;

}

a:hover  { 
	color: #cc007a; 
	border-bottom: 2px dotted #cc007a;
}

a:active { 
	color: #333333; 
	border-bottom: 2px dotted #333333;
}

a:focus { 
	color: #333333; 
	border-bottom: 2px dotted #333333;
}


header a {
	border: none !important;
}

header img {
	width: 195px;
}



img {
	max-width: 100%;
	height: auto;	
}

footer {
    margin: 1rem 0 0 0;
}

ul {
	margin: 0 0 1em 1.25em;
	padding: 0;
}	

ul li{
	margin: 0 0 1em 0;
	padding: 0;
}	

.news-item {
    padding: 10px;
    margin-bottom: 1em;
    border-radius: 6px;
    background: #dedede;
    overflow-wrap: break-word;
}
.news-item.aktuell {
    background: #fff;

}
.news-item.aktuell h2::before {
    content: "*";
    font-size: 200%;          /* doppelt so groß wie die Überschrift */
    line-height: 0;          /* verhindert, dass die Zeile höher wird */
    vertical-align: middle;  /* Stern mittig zur Schrift ausrichten */
    margin-right: 0.5rem;    /* Abstand statt Leerzeichen */     
    position: relative;
    top: 0.25rem;      /* positiv = tiefer, negativ = höher */
}

.news-item.aktuell h2::after {
    content: "";
}

.news-item h3 {
    margin: 0 0 8px 0;
}
.news-item p {
    margin: 0 0 8px 0;
    font-weight: normal;
}
.news-item small {
    color: #666;
    font-weight: normal;
    margin: 0.75em 0 0 0;
    display: block;
    text-align: right;
}
button {
    padding: 5px 8px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 0.9em;
}
#suchfeld {
    padding: 5px 8px;
    max-width: 48%;
    margin-bottom: 15px;
    box-sizing: border-box;
    font-size: 0.9em; 
}
#pagination {
    display: flex;
    gap: 6px;
    margin-top: 15px;
    flex-wrap: wrap;
}
#pagination button {
    padding: 6px 12px;
    margin-bottom: 0;
}
#pagination button.aktive-seite {
    background: #333;
    color: #fff;
    font-weight: bold;
}
#keine-treffer {
    color: #888;
    display: none;
}

#verbindungsstatus {
    border-radius: 4px;
}

.status-punkt {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 4px;
    vertical-align: middle;
}


#verbindungsstatus.offline .status-punkt {
    background-color: #dc3545;
}

#verbindungsstatus.online .status-punkt {
    background-color: #88ba14;
    animation: pulsieren 3s infinite;
}

@keyframes pulsieren {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

.news-url {
    margin: 0.3em 0 0.8em 0;
}

.news-url a {
    color: #cc007a;
    word-break: break-all;
}

.keine-meldungen {
    color: #cc007a;
}

#info {
	float: right;
	list-style-type: none;
	margin: 0;
}

#info li {
	margin: 0;
	text-align: right;
}