body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 21px;
    overflow-y: scroll;
    background: #e9ecef;
}
a {
    color: #0856A0;
}

a:hover {
    color: #80bdff;
    transition: all .35s;
}
.page-section {
    background: #e9ecef;
    margin-top: 10px;
    margin-bottom: 10px;
}

ul, menu, dir {
    -webkit-padding-start: 0;
}

h2 {
    font-size: 15px;
    line-height: 26px;
}

.p-5 {
    padding: 2rem!important;
}

@media screen and (max-width: 400px) {
    .p-5 {
        padding: 1rem!important;
    }
}

/* ------------------------------------------------------ Banner -----------------------------------------------------*/
.banner {
    padding: 8px 0 8px 0;
    background: #0856A0;
}
.jumbotron {
    padding: 10px;
}
.motto {
    font-size: 18px;
}

/* ---------------------------------------------------- Navigation ---------------------------------------------------*/
#mainNav {
    background-color: #0856A0!important;
}
#mainNav .navbar-nav .nav-item .nav-link {
    color: #ffffff;
}
#mainNav .navbar-nav .nav-item .nav-link {
    font-weight: 600;
}

/* ------------------------------------------------------- Home ------------------------------------------------------*/
.homecontainer {
    background: #0856A0;
    color: #ffffff;
    padding-left: 2px;
}
.homecontainer h2 {
    padding: 5px;
}
ul {
    padding-left: 5px;
}
@media screen and (max-width: 575px) {
    .vertrieb-container {
        display: none;
    }
}

/* ---------------------------------------------------- Leistungen ---------------------------------------------------*/
.leistungengesamt {
    text-align: right;
}
@media screen and (max-width: 991px) {
    .leistungengesamt {
        text-align: left;
    }
}

/* ------------------------------------------------------ Galerie ----------------------------------------------------*/
.galerie {
    margin-left: -15px;
}


/* ------------------------------------------------------ Kontakt ----------------------------------------------------*/
.kontaktfoto {
    text-align: right;
}
@media screen and (max-width: 991px) {
    .kontaktfoto {
        text-align: center;
    }
}

/* ------------------------------------------------------ Footer -----------------------------------------------------*/
.footer {
    padding: 15px 0;
}

/* --------------------------------------------------- Cookie Alert --------------------------------------------------*/
.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 10%;
    margin: 0 !important;
    z-index: 9999;
    opacity: 0;
    border-radius: 0;
    background: #212327;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ecf0f1;
    line-height: 40px;
}

.cookiealert.show {
    opacity: 0.9;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

.cookiealert a {
    text-decoration: underline
}

.cookiealert .acceptcookies {
    margin-left: 10px;
    border-radius: 5px;
    vertical-align: baseline;
}

.btn-group-sm > .btn, .btn-sm {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
}
.btn-primary:hover {
    background-color: #0056b3;
    border-color: #0056b3;
}