@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('fonts/NHaasGroteskDSStd-55Rg.otf1') format('opentype'),
         url('fonts/NHaasGroteskDSStd-55Rg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-family: GothicA1;
    src: url(fonts/GothicA1-Regular.ttf);
}

:root{
    --blue-altyre: #0056A4;
}

body {
    font-family: GothicA1;
}

.logo svg {
    width: 361px;
}

.hero-section a, .section-text{
    color: var(--blue-altyre);
}

section.hero-section, .hero-section a {
    min-height: 100vh;
    color: var(--blue-altyre);
    position: relative;
}

.logo {
    margin-top: 227px;
}

.container-fluid.h-100 {
    width: 1384px;
    display: flex;
    flex-direction: column;
    gap: 132px;
}


.main-content p:first-child {
    margin-bottom: 34px;
}

span.nav {
    position: absolute;
    bottom: 59px;
    right: 70px;
    display: block;
}

.logo-impressum svg {
    width: 251px;
}

.section-text .container-fluid.h-100 {
    gap: 99px;
}

.main-content-impressum {
    width: 836px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 235px;
}

.main-content-impressum h2 {
    font-size: 17px;
    font-weight: 400;
}

@media(max-width:1383px){
    .container-fluid.h-100 {
        width: 80%;
    }

}

@media(max-width: 1024px){
    .main-content-impressum {
        width: 700px;
    }
}

@media(max-width:767px){
    .logo svg {
        width: 253px;
    }

    .container-fluid.h-100 {
        width: 100%;
        padding-left: 32px;
        padding-right: 32px;
    }

    .row.flex-column.flex-lg-row {
        width: 100%;
    }

    span.nav {
        bottom: 134px;
        right: 32px;
        display: block;
    }

    .main-content-impressum{
        width: 100%;
    }
}