﻿/*
.top-bar {
    background: #0068B4;
    border-bottom: 1px solid #0068B4;
}

.navbar {
    background: #0068B4;
}
*/

#bottom {
    border-bottom: none;
}

#footer {
    border-top: 5px solid #0068B4;
}

#bottom ul li a:hover {
    color: #0068B4;
}

#footer a:hover {
    color: #0068B4;
}

a {
    color: #0068B4;
}

    a:hover, a:focus {
        color: #d43133;
    }

/* Start changed, Ingo Rieping, 05.01.2018 */
.btn-primary {
    background: #0068B4;
    color: white;
}


    .btn-primary:hover,
    .btn-primary:focus {
        background: #0068B4;
    }





.navbar-user > li > a:hover {
    background-color: #0068B4;
}

.navbar-user > .active > a,
.navbar-user > .active > a:hover,
.navbar-user > .active > a:focus,
.navbar-user > .open > a,
.navbar-user > .open > a:hover,
.navbar-user > .open > a:focus {
    background-color: #0068B4;
}

.navbar-user > li:hover > a,
.navbar-user > li:focus > a,
.navbar-user > li.active > a {
    background-color: #0068B4;
}


.navbar-inverse .navbar-nav > li > a {
    background-color: #0068B4;
    color: #fff;
}

    .navbar-inverse .navbar-nav > li > a:hover {
        color: #0068B4;
        background-color: #fff;
    }

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #0068B4;
    color: #fff;
}

.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
    background-color: #0068B4;
    color: #fff;
}



.recent-work-wrap .overlay {
    background: #0068B4;
}





ul.pagination > li.active > a,
ul.pagination > li:hover > a {
    background-color: #0068B4 !important;
    border-color: #0068B4 !important;
    color: #fff;
}

ul.pagination > li.active > *, 
ul.pagination > li:hover > * {
  background-color: #0068B4 !important;
  border-color: #0068B4 !important;
  color: #fff;
}

.navbar-user > li > a:hover,
.navbar-user > li > a:focus {
    background-color: #0068B4;
    color: #fff;
}




#main-slider .carousel-indicators li {
    width: 20px;
    height: 20px;
    background-color: transparent;
    margin: 0 15px 0 0;
    position: relative;
    border: 1px solid #FFF;
    visibility: hidden;
}

    #main-slider .carousel-indicators li:after {
        position: absolute;
        content: "";
        width: 24px;
        height: 24px;
        border-radius: 100%;
        background: rgba(0, 0, 0, 0);
        border: 1px solid #FFF;
        left: -3px;
        top: -3px;
        visibility: hidden;
    }

#main-slider .carousel-indicators .active {
    width: 20px;
    height: 20px;
    background-color: #fff;
    margin: 0 15px 0 0;
    border: 1px solid #FFF;
    position: relative;
    visibility: hidden;
}

    #main-slider .carousel-indicators .active:after {
        position: absolute;
        content: "";
        width: 24px;
        height: 24px;
        border-radius: 100%;
        background: rgba(0, 0, 0, 0);
        border: 1px solid #fff;
        left: -3px;
        top: -3px;
        visibility: hidden;
    }

/*
#main-slider .carousel-indicators .active {
    background-color: transparent;
    border: white solid;
    border-width: 2px;
}

    #main-slider .carousel-indicators .active:after {
        background-color: transparent;
        border: white;
        border-width: 2px;
    }
*/



#main-slider .prev,
#main-slider .next {
    background-color: transparent;
    border: white solid;
    border-width: 2px;
}

#main-slider a:hover.prev,
#main-slider a:hover.next {
    color: #0068B4;
    background-color: white;
}

/*
#main-slider .carousel .btn-slide {
    background: #0068B4;
}
*/


.tab-content {
    background: #D7E4ED;
}

.panel-default > .panel-heading,
.panel {
    /*background: rgba(0, 104, 180, 0.12);*/
    background: #D7E4ED;
    /*border:1px solid;
  box-shadow:none;*/
}

#logoContainer {
    background: #fff;
}

/* Weiße Schrit mit schwarzem Rand => Rand entfernen */
.strokeme {
    color: white;
    text-shadow: none;
}


#main-slider .carousel a.btn-slide {
    background-color: transparent;
    border: white solid;
    border-width: 2px;
}

#main-slider .carousel a:hover.btn-slide {
    color: #0068B4;
    background-color: white;
}

#logoRibbon img {
    margin-right: 20px;
}
