:root {
    --wetter-background-color: #f0f0f0;
    --wetter-primary-color: #007acc;
    --wetter-secondary-color: #dddddd;
    --wetter-text-color: #333333;
    --wetter-filter-bar-background: #e0e0e0;
    --wetter-filter-bar-text-color: #333333; 
    --wetter-filter-bar-border-color: #c0c0c0;
}

.wetter_filter_bar {
    text-align: center; 
    margin: 10px 0; 
    padding: 10px;
    background: var(--wetter-filter-bar-background);
    color: var(--wetter-filter-bar-text-color);
    border: 1px solid var(--wetter-filter_bar-border-color);
    border-radius: 4px;
}

.weather {
	max-width: 1080px;
	margin: 0 auto;
	background-color: var(--wetter-background-color);
	padding: 20px;
}

.weather-entry {
    border: 1px solid var(--wetter-secondary-color); padding: 15px;
    margin-bottom: 20px; background-color: #fff;
}

.weather-entry h2 {
    color: var(--wetter-primary-color); margin-top: 0;
}

.weather-entry p {
    color: var(--wetter-text-color);
}

/* NEU: Die Regel für größere Frontend-Icons hier einfügen */
.wetter-icon-frontend-gross {
 /* Stelle sicher, dass du diese Klasse auch im PHP verwendest */
    font-size: 1.8em !important; /* Deine gewünschte Größe, !important zum Testen/Sicherstellen */
    vertical-align: middle;
    line-height: 1;
}