/* Add here all your CSS customizations */

.box-shadow-card {
    margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
    .company-information {
        display: none;
    }

    .logotyp-image {
        width: 85px;
        height: 80px;
    }
}

@media screen and (min-width: 769px) {
    .logotyp-image {
        width: 155px;
        height: 150px;
    }
}

.company-information a {
    color: #444!important;
}

.company-information a:hover {
    color: #1b1564!important;
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    .reference-gallery {
        width: 100%;
        justify-content: center;
    }

    .reference-gallery-image {
        width: 70% !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .reference-gallery {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .reference-gallery-image {
        width: 19% !important;
    }
}

@media screen and (min-width: 1024px) {
    .reference-gallery {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .reference-gallery-image {
        width: 13% !important;
    }
}