body {
    background-color: #f8f9fa; /* Helles Grau für Kontrast */
}
.navbar {
    background-color: #f1f1f1 !important;
}
.navbar-brand img {
    height: 50px; /* Größe des Logos in der Navigationsleiste */
}
.hero-section {
    background-color: #007bff;
    color: white;
    text-align: center;
    padding: 150px 0;
}
.service-icon {
    font-size: 50px;
    color: #007bff; /* Blau aus dem Logo */
}
.contact-form {
    background: #f1f1f1;
    padding: 40px;
    border-radius: 10px;
}
footer {
    background-color: #343a40;
    color: white;
    text-align: center;
    padding: 10px 0;
}
/* vertical line */
.vl {
    border-left: 6px solid #007bff;
    height: 50px;
}
#instaIcon {
    color: #007bff;
}
@media (max-width: 991.98px) {
    .navbar {
        padding: 10px;
    }
    .vr {
        display: none !important;
    }
}
@media (min-width: 992px) {
    #hlLinks {
        display: none !important;
    }
}