/* navigation */

body {
    font-family: 'Dosis', sans-serif !important;
    letter-spacing: 0.5px;
    /*font-weight: 400;*/
}

nav {
    transition: ease-out transform 0.3s;
    z-index: 100;
}

.navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.scrollUp {
    transform: translateY(-100%);
}

nav a.nav-link {
    color: #383838;
    font-weight: 500;
    display: block;
}

nav a.nav-link:hover
nav a.nav-link:focus {
    color: #bdc3c7;
}

nav input.form-control {
    border-radius: 0;
    height: auto;
    font-size: 0.9rem;
}

nav .form-control:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

nav .btn {
    height: auto;
}

nav.btn:hover,
nav.btn:focus {
    background-color: #bdc3c7;
}

nav div.input-group {
    border-bottom: 2px solid #bdc3c7;
}

/* banner section */

#banner {
    background: linear-gradient(rgba(40, 40, 40, .85), rgba(40, 40, 40, .95)), url('../img/Unbenannt-11.jpg');
    background-attachment: fixed;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}

@media (max-width: 575.98px) {
    .display-2 {
        font-size: 4.50rem;
        font-weight: 300;
        line-height: 1.0;
    }
}

.text-primary-red {
    color: #d9373f;
}

.btn.bg-primary-red {
    background-color: #d9373f;
    color: white;
    border-radius: 0;
    transition: background-color .3s
}

.btn.bg-primary-red:hover {
    background-color: #d7151d;
    color: white;
    border-radius: 0;
}

.btn-outline-primary-red {
    background-color: transparent;
    color: #d9373f !important;
    transition: background-color .4s;
    border: 1px solid #d9373f;
    border-radius: 0;
}

.btn-outline-primary-red:hover {
    cursor: pointer;
    color: white !important;
    background-color: #d9373f;
}

#company-info {
    background: linear-gradient(rgba(230, 230, 230, .7), rgba(230, 230, 230, .8)), url('../img/christian-wiediger-AEeoY_aqvNk-unsplash.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    border-radius: 0;
    padding: 4rem 0;
}

footer.background-primary-red {
    background-color: #d9373f;
}

footer hr {
    border-color: white;
    background-color: white;
    color: white;
}

footer li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

footer ul {
    margin: 0;
    padding: 0;
}

footer ul li a {
    /* text-decoration: none; */
    color: white;
}

footer ul li a:hover {
    color: white;
}

.top-container {
    margin-top: 92px;
}

.card-contact {
    width: 22rem;
}

@media (max-width: 991.98px) {
    .card-contact {
        width: 30rem;
    }
}

.gallery-row {
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px;
}

.gallery-column {
    flex: 25%;
    max-width: 25%;
    padding: 0 4px;
}

.gallery-column a img {
    margin-top: 8px;
    vertical-align: middle;
    width: 100%;
}

.gallery-column a {
    display: block;
    transition: transform .2s;
}


.gallery-column a:hover {
    transform: scale(1.015);
}

@media screen and (max-width: 991.98px) {
    .gallery-column {
        flex: 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 767.98px) {
    .gallery-column {
        flex: 100%;
        max-width: 100%;
    }
}

.image-header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    border-radius: 0;
    padding: 4rem 0;
    text-align: center;
    color: #485460;
    height: 230px;
}

.product-card {
    max-width: 22rem;
}

.dropdown-menu {
    border-radius: 0 !important;
}

.dropdown-item:focus,
.dropdown-item:active
{
    background-color: #d7151d !important;
    color: white !important;
}

a.text-primary-red {
    transition: color .2s;
}

a.text-primary-red:hover {
    color: #d7151d !important;
    text-decoration: none;
}