/* =========================================
   Farbvariablen (Logo-Farben)
   ========================================= */
:root {
    --cassiopeia-color-primary: #8A0024;
    --cassiopeia-color-secondary: #F4E9D8;
    --cassiopeia-color-link: #8A0024;
    --cassiopeia-color-hover: #B3002D;
    --cassiopeia-color-text: #1A1A1A;

    /* Globale Link-Unterstreichung deaktivieren */
    --link-decoration: none;
    --link-hover-decoration: none;
}

/* =========================================
   Beitragstitel im Blog-Layout
   ========================================= */
.blog-item h2 a,
.blog-item-title a,
.item-title a,
.page-header h2 a {
    color: var(--cassiopeia-color-link);
    text-decoration: none !important;
}

.blog-item h2 a:hover,
.blog-item-title a:hover,
.item-title a:hover,
.page-header h2 a:hover {
    color: var(--cassiopeia-color-hover);
    text-decoration: none !important; /* Unterstreichung entfernt */
}

/* =========================================
   Links im Beitragstext
   ========================================= */
.com-content a,
.item-page a,
.blog-item a,
.content a {
    color: var(--cassiopeia-color-link);
    text-decoration: none !important;
}

.com-content a:hover,
.item-page a:hover,
.blog-item a:hover,
.content a:hover {
    color: var(--cassiopeia-color-hover);
    text-decoration: none !important;
}

/* =========================================
   Cassiopeia-Header neutralisieren
   ========================================= */
.header,
.container-header,
.navbar,
.navbar-container,
.navbar-collapse,
.navbar-brand {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* Abstand zwischen Slider und Menü */
#below-top {
    margin-bottom: 1.5rem;
}

/* =========================================
   Menü – Hellgraue Leiste, dunkle Schrift
   ========================================= */
.container-nav {
    background: #e6e6e6 !important;
    border-bottom: 1px solid #ccc !important;
    padding: 0.6rem 0 !important;
    width: 100% !important;

    /* Link-Unterstreichung im Menü deaktivieren */
    --link-decoration: none;
    --link-hover-decoration: none;
}

/* Menü neutralisieren */
.container-nav a,
.container-nav .nav-link,
.container-nav .nav-item > a {
    background: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Menü horizontal */
.mod-menu {
    display: flex !important;
    gap: 1.2rem !important;
}

/* Menülinks – dunkelgrau */
.mod-menu a {
    color: #222 !important;
    background: none !important;
    border-radius: 0 !important;
    transition: color 0.25s ease !important;
}

/* Vertikale Zentrierung */
.container-nav .nav-link,
.container-nav .mod-menu > li > a {
    display: flex !important;
    align-items: center !important;
    padding: 0.4rem 0.8rem !important;
    line-height: 1.2 !important;
}

/* Hover – dunkelrot */
.mod-menu a:hover {
    color: var(--cassiopeia-color-primary) !important;
}

/* Aktive Seite */
.mod-menu .current a {
    color: var(--cassiopeia-color-primary) !important;
    font-weight: 600 !important;
}

/* =========================================
   FINAL: Unterstreichung überall entfernen
   ========================================= */

/* Menülinks */
.container-nav .mod-menu a,
.container-nav .mod-menu a:hover,
.container-nav .mod-menu a:focus,
.container-nav .mod-menu a:active {
    text-decoration: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* Bootstrap .nav > li > a */
.container-nav .nav > li > a,
.container-nav .nav > li > a:hover,
.container-nav .nav > li > a:focus,
.container-nav .nav > li > a:active {
    text-decoration: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* Pseudo-Elemente sicher entfernen */
.container-nav .mod-menu a::after,
.container-nav .nav-link::after,
.container-nav .nav-item > a::after {
    content: none !important;
    display: none !important;
}
/* Aktiven Menüpunkt vollständig neutralisieren */
.container-nav .mod-menu .current a,
.container-nav .mod-menu .current a:hover,
.container-nav .mod-menu .current a:focus,
.container-nav .mod-menu .current a:active {
    text-decoration: none !important;
    box-shadow: none !important;
    border: none !important;
}
/* Joomla überschreibt ALLES – also überschreiben wir Joomla */
.container-nav .mod-menu .current > a,
.container-nav .mod-menu .current > a:hover,
.container-nav .mod-menu .current > a:focus,
.container-nav .mod-menu .current > a:active {
    text-decoration: none !important;
    border: none !important;
    box-shadow: none !important;
}
/* Cassiopeia-Pseudo-Unterstreichung vollständig deaktivieren */
.container-nav .mod-menu a::after,
.container-nav .mod-menu a:hover::after,
.container-nav .mod-menu .current > a::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    height: 0 !important;
}