body {
    --ZollernAlb-primary-color: #485A75;
    --ZollernAlb-header-color: #FFFFFF;
    --ZollernAlb-footer-color: #485A75;
    --ZollernAlb-text-color: #000000;
    --ZollernAlb-icon-color: #485A75;
}

.fa{
    background-color: var(--ZollernAlb-icon-color) !important;
}

.navbar-header {
    width: 110px;
    background: url('../img/ZOK_Logo.png') no-repeat center center transparent;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: left 30px top 15px !important;
    background-size: 74px 51px !important;
}

.button-nav .week-date h2{
    background: var(--ZollernAlb-icon-color) !important;

}
.fc-toolbar .fc-right{
    background: var(--ZollernAlb-icon-color) !important;
}

.fc-toolbar button{
    background: var(--ZollernAlb-icon-color) !important;
}


.navbar-header img{
    display: none;
}


@media (max-width: 1099px) {
    .navbar-nav li{
        margin-right: 10px;
    }
    .navbar-header {
        width: 110px;
        background-position: left 10px top 10px !important;
        background-size: 75px 51px !important;
    }
    .navbar-header img {
        margin: 0;
    }
    #welcome-text{
        padding-top: 40px !important;
    }

}

/* Buttons */
.btn-gradient, .btn-gradient:hover, .btn-gradient:active, .btn-gradient:visited, .btn-gradient:link {
    background: var(--ZollernAlb-primary-color) !important;
    color: #FFF !important;
    border-radius: 0;
    border: none;
    text-transform: uppercase;
}

.btn-gradient:hover, .btn-gradient:active, .btn-gradient:visited, .btn-primary:hover, .btn-primary:active {
    background-color: var(--ZollernAlb-footer-color) !important;
    border-color: var(--ZollernAlb-footer-color) !important;
    color: var(--ZollernAlb-text-color) !important;
}

#footer{
    background-color: var(--ZollernAlb-header-color) !important;
}

#footer a:hover, #footer a:link, #footer a:visited,.footer{
    color: var(--ZollernAlb-text-color) !important;
}


.navbar-header img {
    max-height: 100%;
}

.close {
    opacity: unset;
    color: #fff;
}

.panel-primary {
    border-color: unset;
}

#header {
    background: var(--ZollernAlb-header-color) !important;

}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text,.navbar-text #subtitle{
    color: var(--ZollernAlb-text-color) !important;
}

.fc-right, .fc-state-default{
    background-color: var(--ZollernAlb-footer-color) !important;
    border-color: var(--ZollernAlb-footer-color) !important;
    color: var(--ZollernAlb-text-color) !important;
}

.input-group-addon{
    background: var(--ZollernAlb-icon-color) !important;
}

.week-date h2{
    background: var(--ZollernAlb-primary-color) !important;
}