body {
    font-family: 'bio-sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'bio-sans', sans-serif !important;
}

.innerWrap {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}



.innerWrap {
    position: relative;
    left: -4px;
    right: -4px;
}

.topLogo {
    margin-top: 0 !important;
    /*   max-width: 290px;*/
    max-width: 210px;
    padding-top: 13px;
    padding-bottom: 13px;
}

.contactDataWrap {
    margin-top: 0;
}

.bottomHeader {
    background-color: white;
}

.topHeader {
    background-color: #FDC311;
}

.navigationWrap {
    background-color: white;
}

    .navigationWrap a {
        color: #141414;
        text-transform: uppercase;
    }

    .navigationWrap .active a, .navigationWrap li:hover a {
        color: white;
        background-color: #FDC311;
    }

.scrolled .navigationWrap li.active a {
    color: white;
}

.scrolled .navigationWrap a {
    color: #141414;
}

.footerLinks li {
    list-style: none;
    display: inline;
    margin-left: 10px;
    float: right;
}

    .footerLinks li a {
        color: white;
    }

.footerLinks {
    width: 100%;
}


.backgroundImage {
    height: 60vh;
    overflow: hidden;
    padding-top: 300px;
    background-size: cover;
    background-position: center center;
}

.backgroundImage {
    position: relative;
}

.titleImageText h2 {
    color: white;
    margin-bottom: 20px;
    font-size: 40px;
}
/*.titleImageText {
    position: absolute;
    z-index: 5;
    top: 0;
    bottom: 0;
    width: 100%;
}*/


section h2 {
    font-family: "Manrope", Sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #FDC311;
}

.button {
    background-color: #1A1A1A;
    color: white;
    font-family: "bio-sans";
    margin-bottom: 5px;
}

.yellowOverlay {
    background: #FDC311;
}

.headingWrap {
    background-color: #FDC311;
    padding-top: 35px;
    padding-bottom: 35px;
    position: relative;
    z-index: 2;
    margin-top: -3px;
}

    .headingWrap h2 {
        font-weight: 300;
        font-size: 34px;
    }

    .headingWrap .boldPart {
        font-weight: 600;
    }

footer {
    border-top: 0;
}

.blogOverview h3 {
    color: #fdc311;
}

address a {
    color: white;
}

    address a:hover {
        color: #fdc311;
    }

.bgGrey .contactWrap a {
    color: #fdc311;
}



.imageTextSection a {
    color: #141414;
    border-bottom: 1px solid #141414;
}

.overlay:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, transparent 0%, black 100%);
    height: 400px;
}

.titleImageText {
    width: 100%;
    bottom: 100px;
    position: absolute;
}

.roundButton {
    border: 4px solid white;
    background-color: transparent;
    border-radius: 50px;
    padding: 60px;
    padding: 10px 40px;
    padding-top: 7px;
    text-transform: unset !important;
    font-size: 19px;
    font-family: "bio-sans";
}

.title-image-wrapper .roundButton:hover {
    background-color: #fdc311;
    color: black;
    border-color: #fdc311;
}

.yellowOverlay img {
    width: 25px;
    height: 25px;
}

.thumbCol {
    padding-left: 5px;
    padding-right: 5px;
}

.galleryRow {
    margin-left: -5px;
    margin-right: -5px;
}

.servicePage h2 {
    font-size: 32px;
    color: #fdc311;
    margin-bottom: 20px;
}

.servicePage {
    padding-bottom: 50px;
}

.yellowLine {
    border-top: 2px solid #fdc311;
}

video {
    max-width: 100%;
}

.scrolled .contactDataWrap svg path, .scrolled .contactDataWrap, .scrolled .contactDataWrap a {
    color: white;
    fill: white;
}

.place {
    display: none;
}

#mobileTrigger path {
    fill: #fdc311 !important;
}

.scrolled #mobileTrigger {
    max-width: 35px;
}

.scrolled img.topLogo {
    margin-bottom: 0;
}

.bottomHeader {
    min-height: 62px;
}

.contactDataWrap {
    padding-bottom: 0;
}

.topHeader {
    transition: height ease .35s, padding-top ease .35s;
}

.scrolled .topHeader {
    height: 40px;
    padding-top: 6px;
}

.menuOpen .mobileMenu {
    background-color: #fdc311;
}

    .menuOpen .mobileMenu a, .menuOpen .mobileMenu span {
        color: #141414;
    }

.navigationWrap a {
    transition: background-color ease .35s, padding ease .35s;
}


p a {
    color: #141414;
    border-bottom: 1px solid #141414;
}

.specialText p {
    border: none;
    padding-left: 0;
}

@media screen and (min-width: 1200px) {
    .scrolled .navigationWrap a, .navigationWrap a {
        padding: 36px 35px;
    }



    /*.scrolled img.topLogo {
        max-width: 290px;
        width: 290px;
    }*/

    .scrolled img.topLogo {
        max-width: 160px
    }

    .backgroundImage {
        height: 100vh;
    }
}


@media screen and (min-width: 992px) {
    .scrolled .innerHeader {
        /*  margin-top: -50px;*/
        margin-top: -39px;
    }

    .bottomHeader {
        min-height: 53px;
    }

    .place {
        display: block;
    }

    .backgroundImage {
        height: 80vh;
    }

    .topLogo {
        max-width: 290px;
    }

    .navigationWrap a {
        padding: 36px 31px;
    }


    .scrolled .navigationWrap a {
        padding: 15px 31px;
    }

    .moreScrolled .bottomHeader {
        height: unset !important;
    }

    .navigationWrap {
        margin-top: 0;
    }

    .scrolled img.topLogo {
        padding-bottom: 8px;
    }
}

@media screen and (min-width:768px) {
    .backgroundImage {
        height: 75vh;
    }
}

@media screen and (min-width:540px) {
    .backgroundImage {
        height: 65vh;
    }
}