@media (max-width: 991px) {
    .contentCardIMGTextContainer{
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
    .subPageHeadline {
        text-align: center;
    }

    .subPageDescription {
        padding-top: 25px;
        text-align: center;
    }

    .overAllIMGContainer {
        width: 100% !important;
    }

    .header-content {
        width: 100% !important;
        left: 0 !important;
        text-align: center;
    }

    .contentText {
        float: revert !important;
    }

    .contentText ul {
        padding-left: 3rem !important;
    }


    .contentText li::before {
        margin-right: 5px !important;
        margin-left: 5px !important;
        height: 30px !important;
        width: 30px !important;
    }
    .subPageContainer {
        position: relative !important;
    }

    .beitragCardTitle {
        margin-top: 100px;
    }
    .socialLinks {
        justify-content: center !important;
    }

    .bottomFooterInfoFlex {
        display: flex;
        flex-direction: column;
    }

    .header-button {
        left: 0;
        right: 0;
        margin: auto;
        margin-top: 50px !important;
    }
    .overAllIMGContainer {
        padding-bottom: 50px;
        width: 80%;
    }

    .contentIMGContainer {
        margin-left: 0 !important;
    }

    .contentRow {
        display: flex;
        justify-content: center;
    }
    .contentRowSmall {
        -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important;
    }
    .contentTextBlock {
        align-items: center !important;
    }

    .btn {
        font-size: 20px !important;
        padding: 20px 25px !important;
    }


    .header-button {
        padding: 20px 25px !important;
    }

    .contentText {
        width: 100% !important;
    }

    .contentBTN {
        text-align: center !important;
    }

    .normalIMG {
        position: revert !important;
    }

    .navBarContainer {
        padding: 0 !important;
    }
    .normalIMG {
        width: 60%;
    }

    .imgRoundCorner {
        width: 75vw;
        height: 75vw;
    }

    .wunder-title {
        text-align: center !important;
    }

    .imgRound {
        width: 110vw;
        height: 110vw;
    }

    .contentTextBlock p {
        text-align: center !important;
    }

    .contentSubHeadline {
        text-align: center !important;
    }


    .container {
        padding-right: 0 !important;
    }

    .contentTextBlock {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .contentText ul {
        width: fit-content;
        margin: 0 auto;
    }
    .svgIMG {
        width: 100% !important;
    }

    .footerHeadline {
        text-align: center;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .footerIcon {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .footerCloseInfo {
        margin: 0;
        padding: 100px 10px 10px!important;
    }

    .footerIconFa {
        position: relative;
    }

    .footerSubHeadline {
        text-align: center;
    }

    .footerInfo {
        text-align: center;
    }

    .footerNewsletterRow {
        padding-top: 100px;
    }

    .postitionFooter {
        text-align: center;
        width: 98%;
    }
}

#lottie {
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    text-align: center;
    opacity: 1;
}

.container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body {
    overflow-x: hidden !important;
    width: 100% !important;
    background-color: #f1f1f1 !important;
    font-size: 16px;
}

p, li{
    font-size: 1.25rem;
    line-height: 125%;
}

.container {
    max-width: 90%;
}

.wunder-title {
}

h1 {
    font-size: clamp(1.75rem, 5vw, 5rem) !important;
    line-height: 110% !important;
}

h3 {
    font-size: clamp(1.5rem, 5vw, 4rem) !important;
}

h2 {
    line-height: 110% !important;

    font-size: clamp(1.65rem, 5vw, 4rem) !important;
}

@media (max-width: 400px) {
    .navbar img {
        max-height: 50px !important;
    }
}

.navbar {
    height: 4rem;
    z-index: 2;
    box-shadow: none !important;
}

.nav-logo {
    max-height: 4.375rem;
}

.navPartnerIMG {
    height: 100%;
}

.navbar-nav {
    margin-right: auto !important;
}

.navbar-brand {
    height: 100% !important;
    padding-left: 10px;
}

.nav-item {
    margin: auto;
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 1.5rem;
    line-height: 110%;
    flex: none;
    flex-grow: 0;
    padding-right: 40px;
}

@media (max-width: 1600px) {
    .nav-item {
        padding-right: 20px;
    }
}

.smallNavIcon {
    display: none;
}

@media (max-width: 1400px) {
    .smallNavIcon {
        display: block;
    }

    .normalNavIcon {
        display: none;
    }

    .nav-logo {
        height: 100%;
    }
}

.nav-link {
    color: #000000 !important;
}

.nav-link:hover {
    color: #84BD00 !important;
}

.nav-link.active {
    border-bottom: #84BD00 2px solid;
}

.navBarContainer {
    max-width: 100% !important;
    height: 100% !important;
}

.nav-link-img {
    height: 100%;
}

.headerIMG {
    z-index: 1;
    width: 100%;
    height: 95vh;
    /*max-height: 1500px;*/
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: left;
}

.divider {
    margin-top: -120px !important;
}

.header-wrapper {
    position: relative;
}

.header-content {
    width: 40%;
    height: fit-content;
}

.header-description {
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Bitter, sans-serif;
    font-weight: 400;
    font-size: clamp(1.25rem, 2vw, 2rem) !important;
    line-height: 110%;
    color: #fff;
}

.header-headline {
    font-family: Gilroy, sans-serif;
    font-weight: 800;
    font-size: clamp(2.75rem, 5vw, 7.5rem) !important;
    line-height: 90%;
    text-transform: uppercase;
    color: #fff;
}

.footer-headline {
    font-family: Gilroy, sans-serif;
    font-weight: 800;
    font-size: clamp(1.75rem, 5vw, 5rem) !important;
    line-height: 90%;
    text-transform: uppercase;
    color: #fff;
}

@media (max-width: 800px) {
    .modalVideoProject {
        width: 100%;
    }

    .subPageTextContainer {
        padding: 30px !important;
    }

    .light {
        width: 80% !important;
    }
}

@media (max-width: 500px) {

    .header-button {
        width: 85% !important;
    }
}

@media (min-width: 991px) {
    .headerIMG {
        padding-left: 10%;
    }
}
@media (min-width: 1921px) {
    .headerIMG {
        padding-left: 0%;
    }
}


@media (max-width: 600px) {
    .contentCardIMGTextContainer {
        font-size: 35px !important;
    }
}

@media (max-width: 450px) {
    .contentCardIMGTextContainer {
        font-size: 25px !important;
    }
}


.header-button {
    margin-top: 50px;
    background-color: #fff;
    border-radius: 100px;
    padding: 25px 50px;
    width: fit-content;
    border: 4px solid transparent;
}

.header-button:hover {
    cursor: pointer;
}

.header-button-text {
    color: #000 !important;
    line-height: 90%;
    font-weight: 800;
    text-transform: uppercase;
    font-style: normal;
    font-size: clamp(1rem, 2vw, 1.75rem) !important;

}

.bottomDivider {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-top: 13%;
    position: inherit;
}

.topDivider {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-top: 80px;
    height: 120px;
    position: inherit;
    transform: rotate(180deg);
}


.smallerContent {
    width: 90%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.rectangleContainer {
    position: relative;
}

.rectangleContainer:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.rectangleContainer img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.imgRoundContainer {
    position: relative;
    width: 100%;
}

.imgRoundContainer:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.imgRoundContainer img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.contentBTN {
    padding-top: 50px;
}


.centerIMG {
    position: absolute;
    margin: auto !important;
    top: 0;
    left: 50px;
    bottom: 0;
    right: 0;
}

.contentTextBlock {
    display: flex;
    flex-direction: column;
}

.textContainer {
    padding-left: 10px;
    z-index: 2;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 576px) {
    .textContainer {
        display: block;
        padding-left: 0;
    }
    .contentText{
        max-width: 100% !important;
    }
    .contentText p{
        font-size: 1rem;
        text-align: start !important;
    }
    .contentText p strong{
        overflow-wrap: break-word;
    }
    .contentText ul{
        padding-left: 0 !important;
        text-indent: 0 !important;
    }
    .contentText ul li{
        font-size: 1rem;
    }
    .contentText li::before{
        margin-left: -20px !important;
        height: 15px !important;
        width: 15px !important;
    }
}

.svgIMG {
    filter: url(#round);
    z-index: 1;
}

@media not all and (min-resolution: .001dpcm) {
    .svgIMG {
        filter: url(#round2);
    }
}

.contentText {
    font-family: 'Bitter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 110%;
    color: #000;
}

.imgRoundCorner {
    object-fit: cover;
    border-radius: 50%;
    width: 55vw;
    height: auto;
    aspect-ratio: 1;
}

.imgRound {
    object-fit: cover;
    border-radius: 50%;
    max-width: 100%;
    width: 40vw;
    height: 40vw;
}


.clip-path {
    transform: rotate(90deg);
    filter: url('#round');
}

.triangleContainer {
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.imgRectangle {
    border-radius: 50px;
    width: 100%;
}

.contentSubHeadline {
    font-size: 1.25rem;
    font-family: Gilroy, sans-serif;
    font-weight: 300;
    color: #000;
    text-align: inherit;
    padding-bottom: 25px;
}

.wunder-content {
    overflow: hidden;
}

.contentText ul {
    padding-right: 0 !important;
    padding-left: 4em;
    text-indent: -70px;
}

.contentText li::before {
    content: '';
    display: inline-block;
    height: 40px;
    width: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
}

.contentText li {
    padding-top: 30px;
    list-style-type: none
}

.normalIMG {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.btn {
    background: #84BD00;
    border-radius: 100px;
    padding: 40px 50px;
    gap: 10px;
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 800;
    font-size: 25px;
    line-height: 90%;
    color: #fff;
}

.overviewTeaserIMGBig {
    background-color: transparent;
    /*max-width: 648px;*/
    /*min-width: 600px;*/
    /*min-width: 320px;*/
    position: relative;
    overflow-x: hidden;
    margin-bottom: 70px;
}

.overviewTeaserIMGSmall {
    background-color: transparent;
    /*max-width: 428px;*/
    /*min-width: 380px;*/
    /*min-width: 320px;*/
    position: relative;
    overflow-x: hidden;
    margin-bottom: 70px;
}

.overviewTeaserImage {
    border-radius: 20px;
    height: 500px;
    object-fit: cover;
    z-index: 0;
    width: 100%;
}

.overviewTeaserContainer {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.overviewTeaserHeadline {
    font-family: Gilroy, sans-serif;
    font-size: clamp(1.5rem, 2vw, 3rem) !important;
    font-weight: 800;
    text-align: right;
    line-height: 90%;
    padding: 45px 60px 26px;
    color: #fff;
    text-transform: uppercase;
    word-break: break-word;
}



.overviewTeaserHR {
    float: right;
    border: 1px solid #F1F1F1;
    height: 0px;
    text-align: right;
    width: 20%;
    margin-right: 60px;
}

.overviewTeaserDescription {
    font-family: Bitter, sans-serif;
    font-size: clamp(1rem, 2vw, 2rem) !important;
    font-weight: 400;
    text-align: right;
    line-height: 110%;
    padding: 26px 60px 45px;
    color: #fff;
}

.overviewTeaserSmallerContainer {
    position: relative;
    height: 100%;
}

.overviewTeaserBtn {
    text-transform: revert;
    position: absolute;
    bottom: 45px;
    right: 10%;
    background-color: #fff;
    color: #000;
    margin: auto;
    border-radius: 150px;
    white-space: nowrap;
    padding: 20px 50px;
    float: right;
    font-size: clamp(1rem, 2vw, 1.5rem) !important;
    font-weight: 800;
    font-family: Bitter, sans-serif !important;
}

.bottomFooterInfo {
    color: #f1f1f1;
    font-size: 1.25rem;
    font-weight: 800;
    font-family: Bitter, sans-serif;
}

.bottomFooterItem {
    padding-left: 20px;
    padding-right: 20px;
}

.bottomFooterItem:hover {
    color: #84BD00 !important;
}

.newsletterBTN {
    background-color: #84BD00;
    border: none !important;
    width: 80% !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: #f1f1f1 !important;
    margin: auto;
}

.newletterAgreement {
    font-family: Bitter, sans-serif;
    font-weight: 400;
    font-size: clamp(1rem, 5vw, 1.5rem) !important;
    color: #f1f1f1 !important;
}


.emailNewsletter {
    width: 100%;
    height: 50px;
}

.footerIMG {
    margin-top: -120px;
    z-index: 1;
    width: 100%;
    background-position: center;
    height: 900px;
}

.footerHeadline {
    font-size: clamp(2.5rem, 5vw, 5rem) !important;
    font-family: Gilroy, sans-serif;
    font-weight: 800;
    line-height: 110%;
    text-transform: uppercase;
    color: #f1f1f1;
    padding-top: 80px;
    padding-left: 150px;
}

.footerCloseInfo {
    padding: 150px;
    width: 100%;
}

.footerSubHeadline {
    font-family: Gilroy, sans-serif;
    font-size: clamp(1.75rem, 5vw, 3.5rem) !important;
    color: #f1f1f1;
    font-weight: 800;
    line-height: 90%;
    text-transform: uppercase;
    padding-bottom: 25px;
}

.footerInfo {
    font-family: Gilroy, sans-serif;
    font-size: clamp(1.25rem, 5vw, 2rem) !important;
    line-height: 110%;
    font-weight: 300;
    color: #f1f1f1 !important;
    text-decoration: none;
}

.bottomFooterItem:hover {
    cursor: pointer;
}

.footerInfoContainer {
    padding-bottom: 100px;
}

.postitionFooter {
    color: #f1f1f1;
    bottom: 0;
    position: absolute;
    font-size: clamp(1.25rem, 5vw, 2rem) !important;
    font-weight: 300;
    font-family: Gilroy, sans-serif;
    padding-bottom: 50px;
}

.footerIcon {
    position: relative;
    font-size: 60px;
    color: #f1f1f1;
    height: 100px;
}

.footerIconFa {
    position: absolute;
    top: 0;
}

.footerFullContainer {
    background-color: #191919;
    margin-top: -20px
}


.card-img-top {
    border-radius: 50%;
    width: 75%;
    display: block;
    margin: auto;
}

.card-title {
    font-size: 1.5rem;
    font-family: Gilroy, sans-serif;
    font-weight: 800;
    line-height: 90%;
    color: #84BD00 !important;
    padding-bottom: 20px;
}

.card-subtitle {
    font-weight: 300;
    font-size: 1.5rem;
    font-family: Bitter, sans-serif;
    text-transform: uppercase;
    line-height: 90%;
    color: #000 !important;
}

.contentCardTextContainer {
    border-radius: 25px;
    margin-top: 15%;
    height: 90%;
}

.contentCardContainer {
    position: relative;
    left: 0;
    padding-bottom: 150px;
}

.contentCardIMGContainer {
    position: absolute;
    top: 0;
    border-radius: 25px;
    left: 0;
    right: 0;
    width: 80%;
    margin: auto;
}

.contentCardIMG {
    display: block;
    margin: auto;
    width: 90%;
    border-radius: 25px;
    filter: brightness(50%);
    z-index: 2;
}

.contentCardDescription {
    left: 0;
    padding-top: 60% !important;
    font-family: Bitter, sans-serif;
    font-size: clamp(1rem, 2vw, 1.25rem) !important;
    line-height: 110%;
    color: #f1f1f1;
    text-align: center;
    font-weight: 400;
    padding: 40px;
    overflow-wrap: break-word;

}

.contentCardDescription.horizontal{
    padding-bottom: 100px!important;
    position: relative!important;
    height: 100%;
}

.contentCard-button.horizontal{
    margin: 0!important;
}

.header-button-text.horizontal{
    position: absolute;
    width: 90%;
    left: 0;
    bottom: 25px;
    height: fit-content;
    margin: auto;
    right: 0;
}

@media (max-width: 500px) {
    .contentCardDescription {
        padding-top: 70% !important;
    }
}

.contentCardIMGTextContainer {
    z-index: 5;
    padding-left: 35px;
    padding-right: 35px;
    position: absolute;
    width: 100%;
    color: #f1f1f1 !important;
    font-size: clamp(1.25rem, 2vw, 1.5rem) !important;
    line-height: 90%;
    font-weight: 800;
    font-family: Gilroy, sans-serif;
    text-align: center;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow-wrap: break-word;
    height: fit-content;
}

.contentCard-button {
    margin-top: 48px;
    border-radius: 100px;
    background-color: #fff;
    height: 100px;
    text-align: center;
    position: relative;
    margin-bottom: 50px;
}

.videoSlideShowSlide {
    height: 300px !important;
}

.videoSlideShowSlide img {
    border-radius: 25px !important;

}

.videoSlideshowDescription {
    font-family: Bitter, sans-serif;
    font-size: 1.25rem;
    line-height: 110%;
    font-weight: 400;
    color: #000 !important;

}


@media (max-width: 1199px) {
    .videoContainer {
        margin: 0 !important;
        margin-top: 20px !important;
    }
}

.swiper {
    height: auto !important;
}

.beitragCardSlide {
    width: 85%;
    position: relative;
    float: right;
    border-radius: 25px;
    color: #f1f1f1;
    height: 100%;
}

.whiteBeitrag {
    color: #000 !important;
    border: 2px solid #000;
}

.whiteBeitrag .beitragCardButton:hover .beitragButtonText {
    color: #fff !important;
}

.whiteBeitrag .beitragCardButton:hover {
    background-color: #000 !important;
}

.beitragCardSubheadline {
    padding-top: 0;
    font-size: clamp(1rem, 2vw, 1.5rem) !important;
    font-family: Gilroy, sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    padding: 30px;
    overflow-wrap: break-word;
}

@media (max-width: 1700px) {
    .beitragCardSubheadline {
        padding-top: 40px !important;

    }
}

@media (max-width: 500px) {
    .beitragCardSubheadline {
        padding-top: 60px !important;

    }
}

.beitragCardDescription {
    font-size: clamp(1rem, 2vw, 1.25rem) !important;
    font-family: Bitter, sans-serif;
    font-weight: 400;
    padding: 30px;
    padding-top: 0 !important;
    padding-bottom: 100px !important;
}

.swiper-slide {
    height: auto !important;
}

.beitragCardTitle {
    margin-top: 150px;
    /*margin-left: 80px;*/
    text-align: right;
    text-transform: uppercase;
    font-size: clamp(2.5rem, 5vw, 4rem) !important;
    font-family: Gilroy, sans-serif;
    font-weight: 800;
    right: -25px;
    padding-bottom: 200px;
    position: absolute;
}

.beitragIMG {
    border-radius: 25px;
}

.beitragCardcontainer {
    position: relative;
    width: 100%;
}

.beitragCardcontainer:after {
    content: "";
    display: block;
    padding-bottom: 100%; /* The padding depends on the width, not on the height, so with a padding-bottom of 100% you will get a square */
}

.beitragIMG {
    width: 90% !important;
    height: 90% !important;
    background-color: #8500B2;
    position: absolute;
    top: -50px;
    left: -30px;
    overflow: hidden;
    transform: rotate(-5.39deg);
}

.swiper-wrapper {
    padding-top: 80px;
}

.beitragCardButton {
    margin-left: 20px;
    margin-top: 20px;
    border-radius: 150px;
    background-color: #fff;
    position: absolute;
    margin-bottom: 25px;
    font-size: 1rem;
    font-weight: 800;
    font-family: Bitter, sans-serif;
    height: 50px;
    width: 40%;
    bottom: 0;
}

.beitragButtonText {
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: fit-content;
    height: fit-content;
}

.beitragCardSubheadlineTotal {
    color: #000 !important;
    text-align: center;
    font-size: 1.5rem;
    font-family: Gilroy, sans-serif;
    font-weight: 300;
    padding-bottom: 70px;
}


.projectIMG {
    height: 80% !important;
    width: 55% !important;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    margin: auto 0;
    border-radius: 25px;
}

.projectCardSlide {
    height: 100%;
    width: 70%;
    float: right;
    border-radius: 35px;
}


.whiteProject {
    color: #000 !important;
    border: 2px solid #000;
}

.projectCardTextContainer {
    width: 60%;
    float: right;
    color: #fff;
    height: 100%;
    padding-top: 10%;
    padding-bottom: 10%;
    position: relative;
}

.projectBottomNav{
    position: absolute;
    width: 100%;
    bottom: 0;
}

.projectCardHeadline {
    color: #f1f1f1;
    font-size: clamp(1rem, 2vw, 1.5rem) !important;
    font-weight: 800;
    font-family: Gilroy, sans-serif;

}

.projectCardDivider {
    border: 1px solid #F1F1F1;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 30%;
}

.projectCardDescription {
    padding-right: 20px;
    color: #f1f1f1;
    font-family: Bitter, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    padding-bottom: 100px;
}

.projectCardButton {
    margin-top: 25px;
    border-radius: 150px;
    background-color: #fff;
    position: relative;
    font-size: 1rem;
    font-weight: 800;
    font-family: Bitter, sans-serif;
    height: 40px;
}

.projectButtonText {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    right: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
    width: fit-content;
}

.projectCardPlayIcon .fa {
    color: transparent;
    position: absolute;
    margin: 0 auto;
    left: 30%;
    right: 0;
    top: 25%;
    bottom: 0;
    font-size: 20px;
}

.projectCardPlayIcon {
    width: 40px;
    border-radius: 50%;
    height: 40px;
    margin-top: 25px;
    position: relative;
    background-color: white;
}


.logoSliderIMG {
    height: 350px;
    vertical-align: middle;
    object-fit: cover;
    width: 100%;
    padding-bottom: 25px;
}

@media (max-width: 576px) {
    .projectCardPlayIcon {
        margin-top: 10px;
    }
}

@media (max-width: 1199px) {
    .footerNewsletterRow {
        padding-top: 50px;
    }
}

.subPageHeadline {
    font-family: Gilroy, sans-serif;
    font-weight: 800;
    font-size: clamp(1.5rem, 5vw, 5rem) !important;
    line-height: 120%;
    padding-bottom: 0 !important;
}

.subPageDescription {
    font-family: Bitter, sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 110%;
}

.subPageTextContainer {
    padding: 100px;
    top: 0;
    border: 0;
    margin: auto;
    bottom: 0;
    height: fit-content;
}

.subPageContainer {
}

@media (min-width: 2000px) {
    .subPageContainer {
        position: relative;
    }

    .subPageTextContainer {
        position: absolute !important;
    }
}

.subPageContainer img {
    border-radius: 25px !important;
}

.jobPageIMG {
    width: 100%;
}

.jobPageItem {
    padding: 20px;
    margin: 0 !important;
    overflow-y: hidden;
}

@media (max-width: 500px) {
    .jobPageContainer {
        padding: 30px 30px 30px 5px!important;
    }
}

.jobPageContainer {
    padding: 30px;
}

.galleryIMGItem {
    border-radius: 25px;
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.mask {
    border-radius: 25px;
}


.videoOuter {
    overflow: hidden;
    position: relative;
    margin-left: 25px;
    margin-right: 25px;
}

.video {
    position: relative;
    left: 0;
    top: 0;
    opacity: 1;
    border-radius: 25px;
}

.fade {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

.light {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 60%;
    height: fit-content;
    z-index: 9999999;
    overflow: hidden;
}

.boxclose {
    margin: 20px;
    float: right;
    cursor: pointer;
    color: #fff;
    border: 1px solid #AEAEAE;
    border-radius: 3px;
    background: #222222;
    font-size: 2rem;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 11px 3px;
    padding-bottom: 15px !important;
    position: absolute;
    right: 2px;
    top: 15%;
    z-index: 1002;
    opacity: 0.9;
    color: #f1f1f1 !important;
}

.boxclose:before {
    content: "×";
}

.fade:hover ~ .boxclose {
    display: none;
}

.modalVideo {
    width: 100%;
    height: 100%;
}

.videoModalBG {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0D0A0A;
    opacity: .9;
    z-index: 3;
}

.modalVideoProject {
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
}

.lightProject {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background-color: rgba(36, 33, 34, 0.9);
    z-index: 9999999;
    overflow: hidden;
}

.formResult {
    font-size: 2rem;
    text-align: center;
}

.form-notch {
    visibility: hidden;
}

.form-label {
    color: #191919 !important;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-family: Gilroy, sans-serif;
    font-weight: 800;
}

.checkbox {
    border-radius: 5px !important;
}

.text .form-control {
    border-radius: 20px !important;
}

.textarea {
    width: 100%;
    height: 150px;
    height: 150px;
    padding: 12px 20px !important;
    box-sizing: border-box;
    border: 2px solid #191919 !important;
    border-radius: 15px;
    font-size: 1rem;
    resize: none;

}

.text {
    box-sizing: border-box;
    border: 2px solid #191919 !important;
    border-radius: 10px;
    font-size: 1rem;
    resize: none;
    min-height: 60px !important;
}

.select-wrapper {
    box-sizing: border-box;
    border: 2px solid #191919 !important;
    border-radius: 10px;
    font-size: 1rem;
    resize: none;
    min-height: 60px !important;
}

.select-label {
    overflow: visible !important;
    white-space: normal;
}

.form-check {
    margin-top: 20px;
}

.form-group {
    padding-bottom: 50px;
}

.contactInfo {
    font-size: 24px;
    font-weight: 400;
    font-family: Bitter, sans-serif;
    color: #191919 !important;
}

.select-wrapper {
    position: relative;
}

.form-outline .form-control {
    color: #191919 !important;
}

.select-wrapper .form-outline {
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: fit-content;
    position: absolute;
}

.wunderform-submit {
    background: #84BD00;
    border-radius: 100px;
    padding: 40px 100px;
    gap: 10px;
    margin-bottom: 70px;
    font-family: 'Gilroy', sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 1.5rem;
    line-height: 90%;
    color: #fff;
}

.wunderform-submit:hover {
    border: 1px solid #84BD00 !important;
    background-color: #FFF;
    color: #84BD00 !important;
    cursor: pointer;
}

.SideNavFixed {
    position: fixed;
    top: 0;
    bottom: 0;
    margin: auto;
    width: fit-content;
    height: fit-content;
    z-index: 10;
    right: -60px;
}

.overAllIMGContainer:hover {
    animation: pulse 2s infinite;
    animation-timing-function: linear;
}

@keyframes overAllIMGContainer {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    100% {
        transform: scale(1);
    }
}

}

.contentCardIMGContainer:hover {
    animation: pulse 2s infinite;
    animation-timing-function: linear;
}

@keyframes contentCardIMGContainer {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    100% {
        transform: scale(1);
    }
}

}

.beitragCardcontainer:hover {
    animation: pulse 2s infinite;
    animation-timing-function: linear;
}

@keyframes beitragCardcontainer {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    100% {
        transform: scale(1);
    }
}

}

.projectIMG:hover {
    animation: pulse 2s infinite;
    animation-timing-function: linear;
}

@keyframes projectIMG {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    100% {
        transform: scale(1);
    }
}

}


#SideNavBTN {
    background-color: #f1f1f1;
    width: fit-content;
    left: 0;
    right: 0;
    /* top: 50%; */
    margin-top: 130% !important;
    margin: auto;
    border-radius: 10px 0px 0px 10px;
    padding: 15px 10px;
    box-shadow: 0px 2px 15px 0px rgb(0 0 0 / 50%);
    bottom: 0;
    /* margin: auto; */
    height: fit-content;
    float: left;
}

.sideNavItem {
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: fit-content;
    height: fit-content;
    color: #191919 !important;
    padding-bottom: 0 !important;
    font-size: 1.75rem!important;
}

.SideNavFixedMobile {
    display: none;
    position: fixed;
    right: 0;
    left: 0;
    bottom: -50px;
    margin: auto;
    width: 100%;
    height: fit-content;
    z-index: 10;
}

.mobileSideNavContainer {
    background-color: #f1f1f1;
    padding: 8px;
    border-radius: 15px 15px 0 0;
    box-shadow: 0px 2px 15px 0px rgb(0 0 0 / 50%);
    display: flex;
}

#MobileSideNavBTN {
    background-color: #f1f1f1;
    width: fit-content;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 10px 10px 0px 0px;
    padding: 5px 15px;
    box-shadow: 0px 2px 15px 0px rgb(0 0 0 / 50%);
}

.SideNavFixedMobile.active {
    bottom: 0;
}

.SideNavFixed.active {
    right: 0;
}

@media (max-width: 500px) {
    .SideNavFixed {
        display: none;
    }

    .SideNavFixedMobile {
        display: block;
    }

    .sideNavItem {
        display: inline;
    }

    .mobileItem {
        padding-bottom: 0 !important;
        padding-left: 5px;
        padding-right: 5px;
    }
}

.videoContainer .swiper-text {
    width: fit-content !important;
    height: fit-content !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.IconsContainer {
    float: right;
    box-shadow: 0px 2px 15px 0px rgb(0 0 0 / 50%);
    padding: 15px 10px;
    border-radius: 15px 0 0 15px;
    z-index: 999999;
    background-color: #f1f1f1;
}

.header-button:hover {
    background-color: transparent;
    border: 4px solid #f1f1f1;

}

.footer-button:hover .newsletterBTN {
    background-color: transparent !important;
    cursor: pointer;
}

.footer-button:hover .header-button-text {

    color: #84BD00 !important;
}

.footer-button:hover {
    background-color: transparent !important;
    border: 4px solid #84BD00 !important;
}

.footer-button:hover .newsletterBTN {
    background-color: transparent !important;
}

.btnContent {
    border: 4px solid transparent;
}

.btnContent:hover {
    background-color: transparent !important;
    box-shadow: none !important;
}

.contentCard-button:hover {
    background-color: transparent;
    border: 4px solid #f1f1f1;
}

.contentCard-button:hover .header-button-text {

    color: #f1f1f1 !important;
}

.beitragCardButton:hover {
    background-color: transparent;
    border: 4px solid #f1f1f1;
}

.beitragCardButton:hover .beitragButtonText {

    color: #f1f1f1 !important;
}

.overviewTeaserBtn {
    border: 4px solid transparent;
}

.overviewTeaserBtn:hover {
    background-color: transparent;
    border: 4px solid #f1f1f1;
    color: #000 !important;
}

.overviewTeaserBtn:hover .overviewTeaserBtn {

    color: #f1f1f1 !important;
}

.projectCardButton:hover {
    background-color: transparent;
    border: 2px solid #f1f1f1;
}

.projectCardButton:hover .projectButtonText {

    color: #f1f1f1 !important;
}

.projectCardPlayIcon:hover {
    background-color: transparent;
    border: 2px solid #f1f1f1;
    cursor: pointer;
}

.projectCardPlayIcon:hover .projectButtonText {

    color: #f1f1f1 !important;
}

.projectCardPlayIcon:hover i {
    color: #f1f1f1 !important;
}

.wunderform-submit {
    box-shadow: none !important;
}

.wunderform-submit:hover {
    border: 4px solid #84BD00 !important;
}

.shape {
    position: relative;
    overflow: hidden;
    height: 80px;
}

.shape::before {
    border-radius: 100%;
    position: absolute;
    background: black;
    right: -200px;
    left: -200px;
    top: -200px;
    content: '';
    bottom: 0;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    padding-top: 5vh; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 1.5rem;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.homeIcon {
    color: #fff !important;
}

.homeIcon:hover {
    color: #fff !important;
}

.footerInfo a .icon {
    position: relative;
    transition: .5s;
    z-index: 3;
}

.footerInfo a:hover .icon {
    transform: rotateY(360deg);
}


.footerInfo a:nth-child(1):hover .icon {
    color: #3b5999 !important;
}

.footerInfo a:nth-child(2):hover .icon {
    color: #FF0000 !important;
}

.footerInfo a:nth-child(3):hover .icon {
    color: #fb3958 !important;
}

.footerInfo a:nth-child(4):hover .icon {
    color: #0077b5 !important;
}


.IconsContainer a .icon {
    position: relative;
    transition: .5s;
    z-index: 3;
}

.IconsContainer .sideNavIcon a:hover .icon {
    transform: rotateY(360deg);
}


.IconsContainer .sideNavIcon:nth-child(1) a:hover .icon {
    color: #3b5999 !important;
}

.IconsContainer .sideNavIcon:nth-child(2) a:hover .icon {
    color: #FF0000 !important;
}

.IconsContainer .sideNavIcon:nth-child(3) a:hover .icon {
    color: #fb3958 !important;
}

.IconsContainer .sideNavIcon:nth-child(4) a:hover .icon {
    color: #0077b5 !important;
}

.IconsContainer .sideNavIcon:nth-child(5) a:hover .icon {
    color: #84BD00 !important;
}

.IconsContainer .sideNavIcon:nth-child(6) a:hover .icon {
    color: #84BD00 !important;
}

.IconsContainer .sideNavIcon:nth-child(7) a:hover .icon {
    color: #84BD00 !important;
}

.nav-link-img {
    border: none !important;
}

.newletterAgreement a {
    color: #84BD00 !important;
}

.newletterAgreement a:hover {
    color: #84BD00 !important;
    border-bottom: #84BD00 2px solid;
}

.contentIMGContainer {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.nav-item:hover .dropdown-menu {
    display: block;
}

.form-wrapper-component .form-content-component {
    background-color: var(--primary-background-color);
    color: var(--primary-text-color);
    box-shadow: 0px 0 4px 0px rgb(0 0 0 / 10%);
    width: 100%;
    max-width: 100%;
    margin: auto;
    border-radius: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 8px 160px 8px;
    margin-bottom: 32px;
    transition: all .3s ease-in-out;
    box-sizing: border-box;
    overflow-y: hidden;
}

.form-wrapper-component .form-wrapper-empty-header {
    height: 0px;
!important;
}

@media (min-width: 650px) {
    .form-wrapper-component .form-content-component.left-layout {
        margin: 0 0 0px 0px;
    }
}

.form-wrapper-component {
    overflow-y: hidden;
}

.btn-primary:hover {
    border-color: #84BD00;
    color: #84BD00;
}

.mobileDropDownItem {
    font-size: 0.8rem;
    padding-left: 40px;
}

.fa-caret-right {
    padding-right: 5px;
}

.socialLinks {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: left;
}

.calendly-overlay .calendly-popup {
    max-width: revert !important;
    min-width: revert !important;
    max-height: revert !important;
    height: 100% !important;
    width: 100% !important;
}

.contentCard-button{
    display: flex;
    justify-content: center;
    align-items: center;
}

.card {
    transition: transform 1s;
    transform-style: preserve-3d;
    cursor: pointer;
    position: relative;
    height: 100%;
    width: 100%;
    background-color: transparent;
    box-shadow: none;
}

.card.is-flipped {
    transform: rotateY(180deg);
}

.card__face {
    height: 100%;
    width: 100%;
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 50%;
}

.card__face--front {
    background-size: contain;
}

.card__face--back {
    background-size: contain;
    transform: rotateY(180deg);
}

.backTextContainer{
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #FFFFFF;
}

.backTextForeName{
    font-family: Gilroy, sans-serif;
    font-weight: lighter;
    font-size: clamp(30px, 5vw, 75px) !important;
    line-height: 110%;
}
.backTextLastName{
    font-family: Gilroy, sans-serif;
    font-weight: bolder;
    font-size: clamp(30px, 5vw, 75px) !important;
    line-height: 110%;
}
.backTextPosition{
    font-family: Gilroy, sans-serif;
    font-weight: lighter;
    font-size: 22px;
    line-height: 110%;
}
.backTextTel{
    font-family: Bitter, sans-serif;
    font-weight: bold;
    font-size: clamp(13px, 4vw, 25px) !important;
    line-height: 110%;
    padding-top: 50px;
}
.backTextEmail{
    font-family: Bitter, sans-serif;
    font-weight: bold;
    font-size: clamp(13px, 4vw, 25px) !important;
    line-height: 110%;
}

.accordion-item{
    font-family: Bitter, sans-serif;
}

.contentCard-button{
    display: flex;
    justify-content: center;
    align-items: center;
}


.scene {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    border: 0;
    margin: 40px 0;
    perspective: 600px;
}

.lightIMG{
    filter: none!important;
}

html {
    font-size: clamp(16px, 0.8vw, 28px);
}

.navbar-collapse{
    height: 100%;
}

.customContainer{
    max-width: 2600px!important;
    width: 90% !important;
}

.imgContainerMask {
    overflow: hidden;
}

@media (min-width: 1921px) {
    .imgContainerMask {
        margin-left: 0!important;
    }

    .footerCloseInfo {
        padding: 150px 0;
    }

    .footerHeadline{
        padding: 100px 0 0 0;
    }

    .wide-svg {
        width: 100% !important;
    }
}

.full-width {
    width: 100%;
}

.hex-margin-left {
    margin-left: 95px;
}

.percent-margin-left {
    margin-left: 40%;
}

.negative-margin-left {
    margin-left: -450px;
}

.rotate-45 {
    transform: rotate(45deg);
}

.wide-svg {
    width: 150%;
}

.margin-right-15{
    margin-right: 15%;
}
.margin-left-15{
    margin-left: 15%;
}