.container-header {
    background-color: #ffffcc !important; /* Ein schönes, kräftiges Gelb */
    background-image: none !important;    /* Entfernt den blauen Farbverlauf */
}
/* Ändert die Schriftfarbe des Menüs und des Seitentitels auf Schwarz */
.container-header a, 
.container-header .navbar-brand, 
.container-header .nav-link {
    color: #000000 !important;
}

/* Farbe, wenn man mit der Maus über einen Menüpunkt fährt (Hover) */
.container-header .nav-link:hover {
    color: #444444 !important;
}
/* Färbt den gesamten unteren Bereich (Bottom und Footer) gelb */
.container-bottom, 
.container-footer,
footer {
    background-color: #ffffcc !important; /* Nutze hier exakt das gleiche Gelb wie oben */
    background-image: none !important;    /* Entfernt Standard-Verläufe oder dunkle Hintergründe */
}
/* Entfernt den störenden Schatten im oberen Balken */
.container-header {
    box-shadow: none !important;
}
/* Richtet alle Banner flexibel nebeneinander und mittig aus */
.bannergroup, .bannergroup_default {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 20px !important;
}

/* Verhindert, dass die Banner die volle Breite blockieren */
.banneritem {
    display: inline-block !important;
    max-width: 240px !important; /* Begrenzt die Bildgröße */
}

/* Passt die Bilder an die Box an */
.banneritem img {
    width: 100% !important;
    height: auto !important;
}
/* Zwingt den Joomla-Copyright-Text und das offizielle Footer-Modul auf die Farbe Schwarz */
.mod-footer,
.mod-footer *,
footer small,
.container-footer small {
    color: #000000 !important;
}

/* Ändert zusätzlich eventuelle Links im Copyright-Bereich (z.B. den Joomla-Link) auf Schwarz */
.mod-footer a,
footer a {
    color: #000000 !important;
    text-decoration: underline !important; /* Macht den Link durch ein Unterstreichen besser sichtbar */
}
/* Zwingt den Text im neu angelegten Eigenen Modul im Footer auf die Farbe Schwarz */
.container-footer .custom,
.container-footer .custom p,
footer .custom,
footer .custom p {
    color: #000000 !important;
}
/* Blendet die gelben Phoca-Kategorieordner im Frontend vollständig aus */
.pg-cv-folder, 
.ph-si-category,
.phoca-gallery-folder-icon,
svg.ph-si-category,
img[src*="folder"] {
    display: none !important;
}

/* Verhindert leere, unschöne Lücken durch das ausgeblendete Icon */
.pg-cv-name {
    padding-left: 0 !important;
    background: none !important;
}