body {
    background-image: url('/images/background.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}
/* Löscht radikal alle Hintergründe, Farbverläufe und Schatten im gesamten Header- und Navigationsbereich */
.container-header,
.container-nav,
.navbar,
.navbar-nav,
.nav-item,
.nav-link,
.container-fluid,
.grid-child,
header {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
}
/* 1. Setzt die internen CSS-Farbvariablen des Templates auf transparent */
:root {
    --cassiopeia-color-primary: transparent !important;
}

/* 2. Erzwingt die Transparenz für absolut alle Menü-Container und -Listen */
.container-nav,
.navbar,
.navbar-nav,
.nav-item,
.nav-link,
.mod-menu,
.menu-horizontal,
ul.mod-menu,
li.metismenu-item {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 3. Entfernt weiße Hintergründe, falls das Menü als "Card" oder Box gerendert wird */
.card,
.card-body,
.mod-menu-container {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
/* Ändert die Schriftgröße JEDES Hyperlinks auf der gesamten Website radikal */
a, span.nav-link, .menu-horizontal a, .metismenu a {
    font-size: 20px !important;
}
.wetter-gross {
    font-size: 1.2rem; /* Ändern Sie den Wert (z.B. 1.2rem, 16px) nach Wunsch */
}
/* Ändert die Schriftgröße und Farbe der Modul-Überschrift */
.wetter-gross h3, .wetter-gross .page-header {
    font-size: 1.2rem;       /* Größe der Überschrift */
    color: #000000;          /* Ihre Wunschfarbe als Hex-Code */
    font-weight: bold;       /* Fettgedruckt */
    margin-bottom: 10px;     /* Abstand nach unten zum Wetterinhalt */
}
/* Blendet das moderne Joomla-eigene Alert-Systemelement komplett aus */
joomla-alert {
    display: none !important;
}

/* Fallback für ältere Container-Klassen */
.joomla-alert, #system-message-container {
    display: none !important;