/* ============================================================
   JU-Versicherungen Theme — Jens Ulbrich Versicherungsmakler
   Farben: JU-Grün #1e5c2a · Dunkelgrün #134019 · Gold #b8960c · Hellgold #d4af37
   ============================================================ */

/* --- NavBar ------------------------------------------------- */
.panel-heading2 {
    font-size: 150%;
}
.navbar .navbar-nav > li,
.dropdown-menu li > a {
    font-size: 110%;
}
.dropdown-menu li > a h6 {
    font-size: 80%;
}
.fixed-top {
    background-color: #1e5c2a !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
}
.nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
}
.nav > li.nav-link-individual-visibility {
    display: block;
}
.navbar .navbar-nav > li > a,
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:focus,
.navbar .navbar-nav > .active > a:hover {
    color: rgba(255, 255, 255, 0.88);
}
.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:focus,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > li > a:hover {
    color: #d4af37;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.15) !important;
}
@media (min-width: 768px) {
    .fixed-top .navbar-nav > li.active > a,
    .fixed-top .navbar-nav > li.active > a:hover,
    .fixed-top .navbar-nav > li.active > a:focus {
        color: #d4af37;
        background-color: rgba(0, 0, 0, 0.20);
    }
    .fixed-top .navbar-nav > li.active {
        font-size: inherit;
    }
    .form-horizontal .control-label {
        font-size: 80%;
    }
}
@media (max-width: 768px) {
    .navbar .navbar-nav .open .dropdown-menu > li > a,
    .navbar .navbar-nav .open .dropdown-menu > li > a:focus,
    .navbar .navbar-nav .open .dropdown-menu > li > a:hover {
        color: rgba(255, 255, 255, 0.88);
        font-size: 100%;
    }
}
.dropdown-menu {
    background-color: #1e5c2a;
    border: none;
}
.dropdown-menu li > a,
.dropdown-menu li > span,
.dropdown-menu li > a:hover,
.dropdown-menu li > span:hover,
.fixed-top .navbar-nav > li.active .dropdown-menu li > a:hover {
    color: rgba(255, 255, 255, 0.88);
}
.dropdown-menu li > a:hover,
.dropdown-menu li > span:hover {
    color: #d4af37;
    background-color: rgba(0, 0, 0, 0.15);
}
.navbar .navbar-collapse {
    border-bottom: 0;
    box-shadow: none;
}
#navbar .glyphicons-search {
    color: rgba(255, 255, 255, 0.88);
}
.navbar .navbar-toggle {
    border-color: rgba(255, 255, 255, 0.5);
}
.navbar .navbar-toggle .icon-bar {
    background-color: rgba(255, 255, 255, 0.88);
}
/* Navbar Brand / Logo */
.navbar-brand {
    background: #fff;
    border-radius: 6px;
    padding: 4px 8px;
    margin: 6px 12px 6px 0;
    line-height: 1;
}

/* --- Buttons ----------------------------------------------- */
.btn-primary {
    background-color: #1e5c2a;
    border-color: #134019;
    color: #fff;
}
.btn-primary:focus,
.btn-primary:hover {
    background-color: #134019 !important;
    border-color: #0d2e11 !important;
    color: #fff;
}
.btn-default {
    background-color: #b8960c;
    border-color: #9a7d0a;
    color: #fff;
}
.btn-default:focus,
.btn-default:hover {
    background-color: #9a7d0a !important;
    border-color: #7d6508 !important;
    color: #fff;
    opacity: 1;
}
.btn-success {
    background-color: #1e5c2a;
    border-color: #134019;
}
.btn-success:hover {
    background-color: #134019 !important;
}

/* --- Forms ------------------------------------------------- */
.search-form-wrapper input[type=text] {
    color: #2c3e50;
}
::placeholder {
    color: #6b7c93;
    opacity: 0.9;
}

/* --- Layout ----------------------------------------------- */
.card-block .card-text {
    line-height: 2.5em;
}
@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}

/* Akzentfarbe (ersetzt "petrol") */
span.petrol { color: #b8960c; }

/* Panel-Headings */
.panel-heading {
    background-color: #1e5c2a;
    color: #fff;
}
.panel-heading a,
.panel-heading .btn {
    color: #fff;
}

/* --- Labels / Badges -------------------------------------- */
.label {
    border-radius: 0;
    padding: 3px 10px;
    font-size: 78%;
    font-weight: normal;
}
.label-default {
    background-color: #1e5c2a;
}
.panel.customer-filter a span.label,
.panel.customer-link-diagram a span.label {
    padding: 3px 8px;
    font-size: 75%;
    font-weight: normal;
    border-radius: 0;
}

/* --- Tables ----------------------------------------------- */
.table-hover > tbody > tr:hover {
    background-color: #eaf4ec;
}
.table > tbody > tr > td a {
    color: #1e5c2a;
    font-weight: bold;
}
.table > tbody > tr > td a:hover,
.table > tbody > tr > td a:focus {
    color: #b8960c;
}

/* --- Links ------------------------------------------------ */
a {
    color: #1e5c2a;
}
a:hover,
a:focus {
    color: #b8960c;
}

/* --- Login-Seite ------------------------------------------ */
.login-box,
.panel.login-panel {
    border-top: 4px solid #b8960c;
}
