/*
 * DIG Kaiserslautern - Custom CSS
 * Rot (#b31b34) → Blau (#004687) Theme Override
 * Erstellt: 2026-01-19
 */

/* ============================================
   CSS VARIABLEN OVERRIDE
   ============================================ */
:root {
    /* Hauptfarben */
    --my-main-theme: #004687;
    --my-main-theme-rgb: 0, 70, 135;
    --my-main-theme-hover: #003366;
    --my-main-theme-hover-rgb: 0, 51, 102;
    
    /* Link-Farben */
    --my-link-color: #004687;
    --my-link-color-rgb: 0, 70, 135;
    --my-link-hover-color: #003366;
    --my-link-hover-color-rgb: 0, 51, 102;
    
    /* Default/Red Override */
    --my-default: #004687;
    --my-default-rgb: 0, 70, 135;
    --my-red: #004687;
    --my-red-rgb: 0, 70, 135;
    --my-red-dark: #003366;
    --my-red-dark-rgb: 0, 51, 102;
}

/* ============================================
   BUTTONS
   ============================================ */
.btn-default,
.btn.btn-default,
a.btn-default {
    background-color: #004687 !important;
    border-color: #004687 !important;
    color: #fff !important;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn.btn-default:hover,
a.btn-default:hover {
    background-color: #003366 !important;
    border-color: #003366 !important;
    color: #fff !important;
}

/* ============================================
   LINKS
   ============================================ */
a {
    color: #004687;
}

a:hover,
a:focus {
    color: #003366;
}

/* ============================================
   HEADER / NAVIGATION
   ============================================ */
.area-header .nav-main-items > li > a:hover,
.area-header .nav-main-items > li.active > a,
.area-header .nav-main-items > li > a:focus {
    color: #004687 !important;
}

.nav-main-items .nav-menu li a:hover,
.nav-main-items .nav-menu li.active > a {
    color: #004687 !important;
}

.head .nav-toggle-btn:hover .nav-burger,
.head .nav-toggle-btn:focus .nav-burger {
    background-color: #004687 !important;
}

.head .nav-toggle-btn:hover .nav-burger::before,
.head .nav-toggle-btn:hover .nav-burger::after,
.head .nav-toggle-btn:focus .nav-burger::before,
.head .nav-toggle-btn:focus .nav-burger::after {
    background-color: #004687 !important;
}

/* Mobile Navigation */
.nav-main-mobile-logo,
.nav-aside .nav-main-items > li > a:hover {
    color: #004687 !important;
}

/* ============================================
   BADGE / LABELS
   ============================================ */
.badge-default,
.badge.bg-default,
.label-default {
    background-color: #004687 !important;
}

/* ============================================
   ALERTS
   ============================================ */
.alert-default {
    background-color: #004687 !important;
    border-color: #003366 !important;
}

/* ============================================
   TEASER / CONTENT BOXES
   ============================================ */
.teaser-btn,
.piece-btn {
    background-color: #004687 !important;
    border-color: #004687 !important;
}

.teaser-btn:hover,
.piece-btn:hover {
    background-color: #003366 !important;
    border-color: #003366 !important;
}

/* ============================================
   ACCORDION / TABS
   ============================================ */
.accordion .acco-toggle:hover,
.accordion .acco-toggle:focus,
.accordion .acco-toggle.collapsed:hover {
    color: #004687 !important;
}

.accordion .acco-toggle:not(.collapsed) {
    color: #004687 !important;
    border-color: #004687 !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
    color: #004687 !important;
    border-color: #004687 !important;
}

/* ============================================
   PAGINATION
   ============================================ */
.pagination .page-item.active .page-link {
    background-color: #004687 !important;
    border-color: #004687 !important;
}

.pagination .page-link:hover {
    color: #004687 !important;
}

/* ============================================
   FORMS
   ============================================ */
.form-control:focus {
    border-color: #004687 !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 70, 135, 0.25) !important;
}

input[type="submit"],
button[type="submit"] {
    background-color: #004687 !important;
    border-color: #004687 !important;
}

input[type="submit"]:hover,
button[type="submit"]:hover {
    background-color: #003366 !important;
    border-color: #003366 !important;
}

/* ============================================
   ICONS / SOCIAL
   ============================================ */
.icon-default,
.social-icons a:hover {
    color: #004687 !important;
}

/* ============================================
   FOOTER
   ============================================ */
.area-foot a:hover {
    color: #004687 !important;
}

/* ============================================
   BREADCRUMB
   ============================================ */
.breadcrumb a:hover {
    color: #004687 !important;
}

/* ============================================
   SECTION COLORED BACKGROUNDS
   ============================================ */
.bc-default,
.box-default {
    background-color: #004687 !important;
}

/* Gradient Override */
.bg-gradient,
.overlay-gradient {
    background: linear-gradient(166deg, #0066aa 0%, #003366 100%) !important;
}

/* ============================================
   SELECTION / HIGHLIGHT
   ============================================ */
::selection {
    background-color: #004687;
    color: #fff;
}

::-moz-selection {
    background-color: #004687;
    color: #fff;
}

/* ============================================
   SPINNER / LOADING
   ============================================ */
.spinner-border.text-default {
    color: #004687 !important;
}

/* ============================================
   ALLE VERBLEIBENDEN ROT-TÖNE ÜBERSCHREIBEN
   ============================================ */

/* #b31b34 Ersetzungen */
[style*="#b31b34"],
[style*="rgb(179, 27, 52)"],
[style*="rgb(179,27,52)"] {
    color: #004687 !important;
}

/* #ff264a Ersetzungen (Hover-Rot) */
[style*="#ff264a"],
[style*="rgb(255, 38, 74)"],
[style*="rgb(255,38,74)"] {
    color: #3366aa !important;
}

/* #8b1528 Ersetzungen (Dunkelrot) */
[style*="#8b1528"],
[style*="rgb(139, 21, 40)"],
[style*="rgb(139,21,40)"] {
    color: #003366 !important;
}

/* Fix 2026-06-25: Footer-/colored-row-Links nicht auf Blau zwingen (sonst blau-auf-blau unsichtbar) */
.colored-row a{color:var(--my-link-color)}
.colored-row a:hover,.colored-row a:focus{color:var(--my-link-hover-color)}

/* Fix 2026-06-25: Teaser-/Piece-Button-Text immer weiss (Hintergrund ist blau) */
.teaser-btn,.piece-btn{color:#fff !important}