/* JoomGallery Bildinfos ausblenden */
.jg_imginfo,
.jg_imgdesc,
.jg_metainfo,
.jg_imgdetailinfo,
.jg_detailinfoblock {
    display: none !important;
}
/* CSS Document */

/* JoomGallery Bildinformationen komplett ausblenden */
.item_fields {
    display: none !important;
}

/* Optional: Falls Titel oder Button danach zu viel Abstand haben */
h2 + a.jg-link {
    margin-bottom: 0 !important;
}

/* -------------------------------
   🔴 1. ROTE STANDARD-LINKS
--------------------------------- */

/* Alle normalen Links (Artikel, Content etc.) */
main a {
    color: #ff0000 !important; /* kräftiges Rot */
    text-decoration: none !important; /* Standard-Unterstreichung entfernt */
}

main a:hover {
    color: #cc0000 !important; /* dunkleres Rot beim Hover */
    text-decoration: underline; /* dezente Unterstreichung beim Hover */
}

/* -------------------------------
   🟡 2. GELBER UNTERSTRICH UNTER NAVIGATIONSLINKS
--------------------------------- */

@media (min-width: 992px) { /* nur Desktop */
    .mod-menu.nav .nav-item > a {
        position: relative;
        color: #ff0000 !important; /* Menüpunkte ebenfalls Rot */
    }

    /* Dauerhafte gelbe Linie unter jedem Menüpunkt */
    .mod-menu.nav .nav-item > a::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #fff; /* Gelb */
        transform: scaleX(1); /* immer sichtbar */
    }

    /* Hover-Effekt: Unterstrich wird etwas breiter (dezent animiert) */
    .mod-menu.nav .nav-item > a:hover::after {
        height: 2px;
        transition: height 0.2s ease;
    }
}