html {
    scroll-behavior: smooth;
}

html, body {
    width: auto !important;
    overflow-x: hidden !important;
    scroll-behavior: smooth;
}

.navbar-brand img {
    height: 40px;
}

#header-section {
    width: 100%;
    height: 800px;
    position: relative;
}

#header-section video {
    object-fit: cover;
    width: 100%;
    height: 800px;
    position: relative;
    z-index: 0;
}

#header-section #heading-1 {
    top: 450px;
}

#header-section #heading-2 {
    top: 550px;
}

#header-section #heading-3 {
    top: 650px;
}

#header-section h1 {
    padding: 10px;
    position: absolute;
    left: 3%;
    z-index: 1;
    text-transform: uppercase;
    font-size: 3vw;
    max-width: 80%;
    background-color: #f0f0f0;
}

.services-header, .services-header video {
    height: 500px !important;
}

.services-header #heading-2 {
    top: 250px !important;
}

.services-header #heading-3 {
    top: 350px !important;
}

@media only screen and (max-width: 600px) {
    #header-section {
        height: 400px;
    }

    #header-section h1 {
        font-size: 5vw;
    }

    #header-section video {
        height: 400px;
    }

    #header-section #heading-1 {
        top: 200px;
    }

    #header-section #heading-2 {
        top: 250px;
    }

    #header-section #heading-3 {
        top: 300px;
    }

    .services-header, .services-header video {
        height: 270px !important;
    }

    .services-header #heading-2 {
        top: 170px !important;
    }
    .services-header #heading-3 {
        top: 220px !important;
    }
}

#about-section {
    padding-top: 5vw;
    padding-bottom: 5vw;
    text-align: center;
    background-color: #f0f0f0;
}

#about-section h2 {
    font-size: 35pt;
}

#about-section p {
    text-align: left;
}

p {
    font-size: 17pt;
}

#keyfacts-section {
    margin-top: 6vw;
    text-align: center;
    margin-bottom: 6vw;
}

#keyfacts-section h3 {
    font-size: 80pt;
}

#keyfacts-section h6 {
    font-size: 22pt;
}

#services-section {
    text-align: center;
    background-color: #f0f0f0;
    padding-bottom: 3vw;
    padding-top: 2vw;
}

#services-section h2 {
    font-size: 30pt;
    margin-top: 3vw;
    margin-bottom: 3vw;
}

#services-section p {
    text-align: left;
    font-size: 15pt;
}

#services-section .row {
    margin-left: 10px;
    margin-right: 10px;
}

#advantages-section {
    margin-top: 3vw;
}

#advantages-section h2 {
    font-size: 30pt;
    margin-top: 3vw;
    margin-bottom: 3vw;
}

#advantages-section .row .col-lg-10 .row .col-lg-6 {
    padding-top: 3vw;
}

#case-section {
    margin-top: 3vw;
    background-color: #f0f0f0;
    padding-top: 3vw;
    padding-bottom: 3vw;
}

#case-section h2 {
    font-size: 30pt;
}

#carousel {
    margin-top: 3vw;
}

#blog-section {
    margin-top: 3vw;
}

#blog-section h2 {
    font-size: 30pt;
    margin-bottom: 2vw;
}

.maps-container {
    width: 100%;
    height: 100%;
}

footer {
    width: 100%;
    background-color: #dedede;
    color: black;
    padding-top: 9px;
    padding-bottom: 4px;
}

footer a {
    color: black;
}

i {
    color: #fff;
    font-size: 2em;
}

footer i {
	color: black;
}

.contact-info-section {
    background-color: #f99a4d;
    width: 100%;
    color: white;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    filter: invert(1);
}

#outsourcing-section, #weiterbildung-section, #experten-section, #contact-section {
    margin-top: 3vw;
}

#vermittlung-section, #weiterbildung-section, #contact-section {
    background-color: #f0f0f0;
}

.nav-link {
	color: rgba(0,0,0,0.65) !important;
}

.nav-link:hover {
	color: black !important;
}

li:not(.nav-item) {
	font-size: 17pt;
}