/* contentspacer */
.contentspacer-small{
    height: 30px;
}
.contentspacer-medium{
    height: 60px;
}
.contentspacer-large{
    height: 90px;
}
.contentspacer-xlarge{
    height: 140px;
}
.contentspacer-xxlarge{
    height: 350px;
}
.contentspacer-divider {
    height: 1px;
    background-color: var(--midgray);
}
@media screen and (max-width: 1680px) {
    .contentspacer-xxlarge{
        height: 16vw;
    }
}
@media screen and (max-width: 959px) {
    .contentspacer-small{
        height: 25px;
    }
    .contentspacer-medium{
        height: 50px;
    }
    .contentspacer-large{
        height: 75px;
    }
    .contentspacer-xlarge{
        height: 100px;
    }

}
@media screen and (max-width: 639px) {
    .contentspacer-small{
        height: 15px;
    }
    .contentspacer-medium{
        height: 25px;
    }
    .contentspacer-large{
        height: 35px;
    }
    .contentspacer-xlarge{
        height: 50px;
    }
    .contentspacer-xxlarge {
        height: 10vw;
    }
}

/*Bildbox - HOme*/
.bildbox {
    aspect-ratio: 1 / 1;
    overflow: hidden;
}
.bildbox.bildbox-2,
.bildbox.bildbox-3 {
    aspect-ratio: 2 / 1;
}
.bildbox.bildbox-3 .uk-inline {
    margin: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
}
.bildbox:not(.bildbox-3) img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}
.bildbox.bildbox-3 img {
    width: 15%;
    height: auto;
} 
.bildbox .bildboxtext {
    font-size: var(--sz15);
    line-height: var(--lh18);
    font-weight: 500;
}

.bildbox .bildboxtitel {
    font-size: var(--sz30);
    line-height: var(--lh34);
    font-weight: 600;
}
/* hero */
.hero{
    position: relative;
    width: 100vw;
    height: 100vh;
    left: calc((100vw - 1600px)/-2);
    top: 0;
    overflow: hidden;
    color: var(--white);
    margin-top: calc(-1 * var(--contentTop));
}
.hero_bg{
    /* background: linear-gradient(0deg, rgba(51, 65, 63, 0.50) 0%, rgba(51, 65, 63, 0.50) 100%); */
    background: linear-gradient(0deg, rgba(14, 32, 38, 0.31) 0%, rgba(14, 32, 38, 0.31) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
.hero a{
    display: block;
    height: 100%;
}
.hero .hero_content{
    position: relative;
    z-index: 2;
}
.hero video{
    /*filter: grayscale(100%);*/
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    object-fit: cover;
    object-position: center;
}
.hero_image{
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
}
.hero_image img{
    filter: grayscale(100%);
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    object-position: center;
}
.hero_content{
    top: 15vh;
    height: 70vh;
    width: 100%;
}
.hero_content_title1 h2{
    color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #FFF;
    font-family: "futura-pt-condensed";
    font-size: var(--sz90);
    font-style: normal;
    font-weight: 800;
    line-height: var(--lh90);
    text-transform: uppercase;
}
.hero_content_title2 h2{
    color: var(--white);
    font-family: "futura-pt-condensed";
    font-size: var(--sz90);
    font-style: normal;
    font-weight: 800;
    line-height: var(--lh90);
    text-transform: uppercase;
}
.hero_content_lead{
    width: 60%;
    font-size: var(--sz16);
    line-height: var(--lh24);
    margin: 50px 0;
    color: var(--white);
}
.hero_content_link{
}
.hero_bottom{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100vw;
    z-index: 1;
}
.hero_bottom_bg{
    padding: 15vh 0 5vh 0;
    /* background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(100, 100, 100, 0) 100%); */
    background: linear-gradient(0deg, #101E24 0%, rgba(14, 40, 49, 0.00) 100%);
    /* background: linear-gradient(0deg, #445754 0%, rgba(68, 87, 84, 0.00) 100%); */
}
.hero_bottom_link{
    font-size: var(--sz16);
    line-height: var(--lh16);
    color: var(--white);
    opacity: 0.7;
}
.hero_bottom_link:before{
    content: url('/wp-content/themes/vonallmen/assets/images/arrow_down.svg');
    margin-right: 8px;
    position: relative;
    top: 3px;
}
.hero_bottom_link:hover{
    opacity: 1;
    color: var(--white);
}
.hero_bottom_text{
    font-size: var(--sz16);
    line-height: var(--lh16);
    color: var(--white);
    opacity: 0.6;
    position: relative;
    cursor: pointer;
    transition: all ease 0.3s;
}
.hero_bottom_text_active,
.hero_bottom_text:hover{
    opacity: 1;
    transition: all ease 0.3s;
}
.hero_bottom_text_line{
    height: 1px;
    position: absolute;
    width: 0;
    border-top: 1px solid var(--primary);
    top: 26px;
    left: 0;
}
.hero_bottom_text_top{
    border-bottom: 1px solid var(--light_grey);
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.hero_bottom_text_bottom{
    font-size: var(--sz16);
    line-height: var(--lh16);
    color: var(--white);
}
@media screen and (max-width: 1679px) {
    .hero {
        left: -40px;
    }
    .hero .uk-container {
        padding: 0 40px;
    }
}
@media screen and (max-width: 959px) {
    .hero {
        left: -30px;
    }
    .hero .uk-container {
        padding: 0 30px;
    }
}
@media screen and (max-width: 639px) {
    .hero {
        left: -15px;
    }
    .hero .uk-container {
        padding: 0 15px;
    }
    .hero_content_lead{
        width: 100%;
    }
    .hero_bottom_text_bottom{
        display: none;
    }
}





/* blogpost_teaser */
.blogBacklink {
    margin-top: -70px;
    margin-bottom: 50px;
}
.blogpost_teaser_text{
    background: rgba(255,255,255,0.7);
    color: var(--semidark_grey);
    padding: 40px;
}
.blogpost_teaser_text_smalltitle{
    font-weight: 500;
    font-size: var(--sz16);
    line-height: var(--lh16);
    margin-top: 20px;
}
.blogpost_teaser_text h3{
    color: var(--dark_grey);
    font-weight: 500;
    font-size: var(--sz26);
    line-height: var(--lh30);
    margin: 30px 0 40px 0 !important;
    width: 80%;
}

.blogpost_teaser_image{
    background: rgba(255,255,255,0.7);
    max-height: 700px;
    overflow: hidden;
}
.blogpost_teaser_image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.blogpost_teaser_video video{
    /* filter: grayscale(100%); */
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
/*Blog-Grid*/
.blog-filter button {
    border-radius: 19px;
    background: var(--white05);
    padding: 10px 15px;
    color: var(--white70);
    font-size: var(--sz15);
    font-weight: 500;
    line-height: var(--lh15);
    margin-right: 15px;
    margin-bottom: 15px;
    display: inline-block;
    border: none;
    cursor: pointer;
}
.blog-filter button:hover,
.blog-filter button.filter-active {
    color: var(--white);
    background: var(--white15);
}
.so-widget-vonallmenblogpost-widget .blog-grid {
    display: block;
}
@media screen and (max-width: 639px) {
    .blogBacklink {
        margin-top: -50px;
        margin-bottom: 30px;
    }
}

/* titel */
.titel{
}
.titel div.uk-grid-match>div.position-bottom {
    display: flex;
    align-items: flex-end;
}
.titel_klein{
    color: var(--white);
    font-size: var(--sz15);
    line-height: var(--lh18);
    font-weight: 500;
    margin-bottom: 10px;
    opacity: 0.7;
}
.titel_gross{
    color: var(--white);
    font-size: var(--sz60);
    line-height: var(--lh66);
    font-weight: 600;
    width: 85% !important;
    flex: unset !important;
    hyphens: auto;
    word-break:  auto-phrase;
}
.titel_mittel{
    color: var(--white);
    font-size: var(--sz45);
    line-height: var(--lh50);
    font-weight: 600;
    flex: unset !important;
}
.titel_text{
    opacity: 0.7;
    color: var(--white);
    font-size: var(--sz16);
    line-height: var(--lh24);
    font-weight: 500;
    margin-bottom: 10px;
    width: 80%;
}
.titel_link,
.titel_link a{
    color: var(--white);
    font-size: var(--sz16);
    line-height: var(--lh24);
    font-weight: 500;
}

.titel_link a:after {
    content: url('/wp-content/themes/vonallmen/assets/images/arrow_right_red.png');
    margin-left: 8px;
    transition: all ease 0.3s;
    display: inline-block;
    position: relative;
    transform: translate(0, 0);
    bottom: unset;
    left: unset;
    width: auto;
    height: auto;
    background-color: unset;
}
.titel_link a:hover:after {
    transform: translateX(5px);
    transition: all ease 0.3s;
}
.titel_light .titel_klein{
    color: var(--primary);
}
.titel_light .titel_gross,
.titel_light .titel_mittel{
    color: var(--dark_grey);
}
.titel_light .titel_text{
    color: var(--semidark_grey);
}
.titel_light .titel_link,
.titel_light .titel_link a{
    color: var(--dark_grey);
}
@media screen and (max-width: 959px) {
    .titel_gross {
        width: 100% !important;
    }
}
@media screen and (max-width: 639px) {
    .titel .uk-position-bottom{
        position: static !important;
    }
}




/* linie */
.linie{
    height: 1px;
    border-top: 1px solid var(--white30);
}




/* iconliste */
.iconliste{
    margin: 0;
    padding: 0;
    list-style: none;
}
.iconliste li {
    position: relative;
    margin-bottom: 20px;
    font-weight: 500;
    padding-left: 35px;
}
.iconliste li:last-child {
    margin-bottom: 0px;
}
.iconliste li:before {
    position: absolute;
    top: 3px;
    left: 0;
    width: 20px;
    height: 20px;
    content: url('/wp-content/themes/vonallmen/assets/images/check_circle.png');
}


/* linkliste */
.linkliste_titel{
    color: var(--dark_grey);
    font-size: var(--sz20);
    font-weight: 500;
    line-height: var(--lh30);
    margin-bottom: 15px;
}
.linkliste a{
    color: var(--dark_grey);
    display: inline-block;
    padding-right: 30px;
}
.linkliste ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.linkliste li {
    position: relative;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: var(--sz16);
    line-height: var(--lh24);
}
.linkliste a:after,
.linkliste ul>li>a:after,
.linkliste ol>li>a:after,
.pageContent .linkliste a:after,
.pageContent .linkliste ul>li>a:after,
.pageContent .linkliste ol>li>a:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    content: url('/wp-content/themes/vonallmen/assets/images/arrow_right_red.png');
    display: inline-block;
    transition: all ease 0.3s;
    position: relative;
    transform: translate(0, 0);
    bottom: unset;
    left: unset;
    width: auto;
    height: auto;
    background-color: unset;
    margin-left: 8px;
}
.linkliste a:hover:after ,
.linkliste ul>li>a:hover:after, 
.linkliste ol>li>a:hover:after,
.pageContent .linkliste a:hover:after ,
.pageContent .linkliste ul>li>a:hover:after, 
.pageContent .linkliste ol>li>a:hover:after  {
    transition: all ease 0.3s;
    background-color: unset;
    transform: translateX(5px);
    width: auto;

}



/* angebote */
.angebote{
    width: calc(((100vw - 1600px) / 2) + 1600px);
}
.angebote .angebote_item{
    width: 470px !important;
}
.angebote_item{
    color: var(--white);
}
.angebote_item_image{
    background: var(--white10);
    aspect-ratio: 3 / 3;
    overflow: hidden;
    padding: 60px 40px;
}
.angebotekacheln .angebote_item_image {
    aspect-ratio: 4 / 5;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.angebote_item_image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.angebotekacheln .angebote_item_image img {
    padding: 60px 40px;
}
.angebote_item_image img.angebot_image_1{
    display: none;
}
.angebote_item_image img.angebot_image_2{
    display: block;
}
.angebote .uk-slider-items a:hover .angebote_item_image img.angebot_image_1,
.angebotekacheln a:hover .angebote_item_image img.angebot_image_1 {

    display: block;
}
.angebote .uk-slider-items a:hover .angebote_item_image img.angebot_image_2,
.angebotekacheln a:hover .angebote_item_image img.angebot_image_2 {
    display: none;
}

.angebote_item_title h3{
    font-size: var(--sz20);
    line-height: var(--lh30);
    font-weight: 500;
    opacity: 0.7;
    border-bottom: 1px solid var(--white30);
    padding: 20px 0;
    margin-bottom: 25px !important;
    color: var(--white);
}
.angebote_item_text{
    color: var(--white);
    opacity: 0.7;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 75px;
    width: 75%;
}
.angebote_item_button{
    transition: all 0.3s linear;
    opacity: 0.7;
    margin: 30px 0 20px 0;
}
.angebote_item:hover .angebote_item_title h3,
.angebote_item:hover .angebote_item_text,
.angebote_item:hover .angebote_item_button{
    opacity: 1;
}
.angebote_item:hover .angebote_item_image{
    background: var(--white30);
}
.angebote_item:hover .button_white_outline{
    background: var(--white);
    color: var(--dark_grey);
}
.angebote_item:hover .button_white_outline:after {
    content: url('/wp-content/themes/vonallmen/assets/images/arrow_right_red.png');
    transform: translateX(5px);
    transition: all ease 0.3s;
    position: relative;
    transform: translate(0, 0);
    bottom: unset;
    left: unset;
    width: auto;
    height: auto;
    background-color: unset;
}
@media screen and (max-width: 1679px) {
    .angebote {
        width: calc(100vw - 40px);
    }
}
@media screen and (max-width: 959px) {
    .angebote {
        width: calc(100vw - 30px);
    }
    .angebote_item_text{
        /* width: 100%; */
    }
}
@media screen and (max-width: 639px) {
    .angebote {
        width: calc(100vw - 15px);
    }
    .angebote .angebote_item{
        width: 75vw !important;
    }
    .angebotekacheln .angebote_item_image {
        aspect-ratio: 16 / 9;
    }
    .angebotekacheln .angebote_item_image img {
        padding: 30px 40px;
    }
}

/* angeboteliste */
.angeboteliste_item{
    margin-bottom: 100px;
    background: var(--white10);
    padding: 50px;
    transition:all 0.25s linear;
}
.angeboteliste_item_left{
    margin-right: 21%;
}
.angeboteliste_item_titel_top{
    font-size: var(--sz20);
    line-height: var(--lh30);
    font-weight: 500;
    margin-bottom: 40px !important;
    color: var(--primary);
}
.angeboteliste_item_titel{
    font-size: var(--sz45);
    line-height: var(--lh50);
    font-weight: 600;
    margin-bottom: 40px !important;
    color: var(--white);
}
.angeboteliste_item_image{
    margin-left: 15%;
    position: relative;
}
.angeboteliste_item_image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.angeboteliste_item_image img.angebot_image_1{
    opacity: 0;
    visibility: hidden;
    display: none;
}
.angeboteliste_item_image img.angebot_image_2{
    opacity: 1;
    visibility: visible;
    display: block;
}
.angeboteliste a:hover .angeboteliste_item_image img.angebot_image_2 {
    visibility: hidden;
    opacity: 0;
    display: none;
}
.angeboteliste a:hover .angeboteliste_item_image img.angebot_image_1 {
    visibility: visible;
    opacity: 1;
    display: block;
}
.angeboteliste_item_linie{
    border-top: 1px solid var(--white30);
    margin-top: 40px;
    padding-bottom: 30px;
}
.angeboteliste_item_bottom_titel{
    font-size: var(--sh20);
    line-height: var(--lh30);
    font-weight: 500;
    margin-bottom: 10px;
    color: var(--white);
}
.angeboteliste_item_bottom_text{
    font-size: var(--sz16);
    line-height: var(--lh24);
    font-weight: 500;
    color: var(--white70);
}
.angeboteliste_item_button{
    display: inline-block;
    background: var(--white);
    padding: 20px 30px;
    border-radius: 3px;
    color: var(--dark_grey);
    font-size: var(--sz16);
    line-height: var(--lh16);
}
.angeboteliste_item_button:hover{
    color: var(--dark_grey);
}
.angeboteliste_item:hover{
    background: rgba(255,255,255,0.5);
}
.angeboteliste_item:hover .angeboteliste_item_titel{
    color: var(--dark_grey);
}
.angeboteliste_item:hover .angeboteliste_item_linie{
    border-top: 1px solid var(--medium_grey);
}
.angeboteliste_item:hover .angeboteliste_item_bottom_titel,
.angeboteliste_item:hover .angeboteliste_item_bottom_text{
    color: var(--dark_grey);
}
.angeboteliste_item:hover .angeboteliste_item_button{
    background: var(--dark_grey);
    color: var(--white);
}

@media screen and (max-width: 959px) {
    .angeboteliste_item {
        padding: 30px;
        margin-bottom: 50px;
    }
    .angeboteliste_item_image {
        margin-left: 20vw;
        margin-right: 20vw;
    }
    .angebot_detail_vorteile_bild {
        position: relative !important;
        width: 50vw;
    }
}
@media screen and (max-width: 639px) {
    .angeboteliste_item {
        padding: 15px;
    }
    .angebot_detail_vorteile_bild {
        width: 80vw;
    }

}



/* postliste */
.postliste_titel{
    font-weight: 600;
    color: var(--white);
    font-size: var(--sz16);
    line-height: var(--lh16);
    opacity: 0.7;
}
.postliste_item{
    border-bottom: 1px solid var(--white30);
    padding: 30px 0;
    height: 100px;
}
.postliste_item_titel{
    color: var(--white);
    font-weight: 500;
    font-size: var(--sz20);
    line-height: var(--lh30);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
}
.postliste_item_lead{
    opacity: 0.7;
    color: var(--white);
    font-weight: 500;
    font-size: var(--sz16);
    line-height: var(--lh24);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all ease 0.3s;
}
.postliste_item>a:hover .postliste_item_lead {
    opacity: 1;
    transition: all ease 0.3s;
}
.postliste_link {
    margin-top: 30px;
}
.postliste_link a{
    font-weight: 500;
    color: var(--white);
    font-size: var(--sz16);
    line-height: var(--lh16);
}
.postliste_link a:after {
    content: url('/wp-content/themes/vonallmen/assets/images/arrow_right_red.png');
    margin-left: 8px;
    display: inline-block;
    transition: all ease 0.3s;
    position: relative;
    transform: translate(0, 0);
    bottom: unset;
    left: unset;
    width: auto;
    height: auto;
    background-color: unset;
}
.postliste_link a:hover:after {
    transition: all ease 0.3s;
    transform: translateX(5px);
}





/* zielgruppen */
.zielgruppen_item{
    background: var(--white);
}
.zielgruppen_item_image {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}
.zielgruppen_item_image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all ease 0.3s;
}
.zielgruppen_item_title {
    padding: 30px;
    height: calc(var(--lh30) * 2);
    overflow: hidden;
}
.zielgruppen_item_title h3{
    margin: 0;
    padding: 0;
    color: var(--black);
    font-weight: 500;
    font-size: var(--sz26);
    line-height: var(--lh30);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}
.zielgruppen_item_link {
    padding: 0 30px 40px 30px;
}
.zielgruppen_item_link span{
    font-weight: 500;
    color: var(--dark_grey);
    font-size: var(--sz16);
    line-height: var(--lh16);
}
.zielgruppen_item_link span:after {
    content: url('/wp-content/themes/vonallmen/assets/images/arrow_right_red.png');
    margin-left: 8px;
    transition: all ease 0.3s;
    display: inline-block;
    position: relative;
    transform: translate(0, 0);
    bottom: unset;
    left: unset;
    width: auto;
    height: auto;
    background-color: unset;
}
.zielgruppen a:hover .zielgruppen_item_image img {
    transform: scale(1.05);
    transition: all ease 0.3s;
}
.zielgruppen a:hover .zielgruppen_item_link span:after {
    transform: translateX(5px);
    transition: all ease 0.3s;
}
/* zielgruppenliste */
.zielgruppenliste_item{
    margin-bottom: 100px;
    background: var(--white10);
    padding: 50px;
    transition:all 0.25s linear;
    cursor: pointer;
}
.zielgruppenliste_item_anker{
    position: relative;
    top: -175px;
}

.zielgruppenliste_item_left{
    margin-right: 21%;
}
.zielgruppenliste_item_titel_top{
    font-size: var(--sz20);
    line-height: var(--lh30);
    font-weight: 500;
    margin-bottom: 40px !important;
    color: var(--primary);
}
.zielgruppenliste_item_titel{
    font-size: var(--sz45);
    line-height: var(--lh50);
    font-weight: 600;
    margin-bottom: 40px !important;
    color: var(--white);
}
.zielgruppenliste_item_lead{
    font-size: var(--sz16);
    line-height: var(--lh24);
    font-weight: 500;
    margin-bottom: 40px;
    color: var(--white70);
    width: 60%;
}
.zielgruppenliste_item_image{
    margin-left: 10%;
    position: relative;
    aspect-ratio:  1 / 1;
    overflow: hidden;
}
.zielgruppenliste_item_image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all ease 0.3s;
}
.zielgruppenliste_item:hover .zielgruppenliste_item_image img {
    transition: all ease 0.3s;
    transform: scale(1.05);
}
.zielgruppenliste_item_linie{
    border-top: 1px solid var(--white30);
    margin-top: 40px;
    padding-bottom: 30px;
}
.zielgruppenliste_item_more{
    font-size: var(--sz20);
    line-height: var(--lh30);
    font-weight: 600;
    color: var(--white);
    transition: all ease 0.3s;
}
.zielgruppenliste_item_more:hover{
    color: var(--white);
    transition: all ease 0.3s;
}
.zielgruppenliste_item_more:after{
    content: url('/wp-content/themes/vonallmen/assets/images/arrow_down_red.png');
    margin-left: 8px;
    transition: all ease 0.3s;
    display: inline-block;
}
.zielgruppenliste_item_button{
    display: inline-block;
    background: var(--white);
    border: 1px solid var(--white);
    padding: 20px 30px;
    border-radius: 3px;
    color: var(--dark_grey);
    font-size: var(--sz16);
    line-height: var(--lh16);
}
.zielgruppenliste_item_button:hover{
    color: var(--dark_grey);
    background-color: var(--white70);
}
.zielgruppenliste_item_detail{
    display: none;
    padding: 50px 0 0 0;
    color: var(--dark_grey);
}
.zielgruppenliste_item_detail {
    color: var(--dark_grey70);
}

.zielgruppenliste_item_detail h1,
.zielgruppenliste_item_detail h2,
.zielgruppenliste_item_detail h3,
.zielgruppenliste_item_detail h4,
.zielgruppenliste_item_detail h5,
.zielgruppenliste_item_detail h6,
.zielgruppenliste_item_detail .linkliste,
.zielgruppenliste_item_detail .linkliste a,
.zielgruppenliste_item_detail .linkliste ul>li>a,
.zielgruppenliste_item_detail .linkliste ol>li>a
 {
    color: var(--dark_grey);
}
/*.zielgruppenliste_item:hover,*/
.zielgruppenliste_item_active{
    background: var(--white70);
    transition: all ease 0.3s;
}
/*.zielgruppenliste_item:hover .zielgruppenliste_item_titel,*/
.zielgruppenliste_item_active .zielgruppenliste_item_titel{
    color: var(--dark_grey);
    transition: all ease 0.3s;
}
/*.zielgruppenliste_item:hover .zielgruppenliste_item_lead,*/
.zielgruppenliste_item_active .zielgruppenliste_item_lead{
    color: var(--semidark_grey);
    transition: all ease 0.3s;
}
/*.zielgruppenliste_item:hover .zielgruppenliste_item_linie,*/
.zielgruppenliste_item_active .zielgruppenliste_item_linie{
    border-top: 1px solid var(--semidark_grey);
    transition: all ease 0.3s;
}
/*.zielgruppenliste_item:hover .zielgruppenliste_item_more,*/
.zielgruppenliste_item_active .zielgruppenliste_item_more{
    color: var(--dark_grey);
    transition: all ease 0.3s;
}
.zielgruppenliste_item_more:hover:after {
    transform: translateY(5px);
    transition: all ease 0.3s;
}
.zielgruppenliste_item_active:hover .zielgruppenliste_item_more:after {
    transform: translateY(0) translateX(5px);
    transition: all ease 0.3s;
}
.zielgruppenliste_item_active .zielgruppenliste_item_more:after{
    content: url('/wp-content/themes/vonallmen/assets/images/arrow_up_red.png');
}
/*.zielgruppenliste_item:hover .zielgruppenliste_item_button,*/
.zielgruppenliste_item_active .zielgruppenliste_item_button{
    background: var(--dark_grey);
    border: 1px solid var(--dark_grey);
    color: var(--white);
    transition: all ease 0.3s;
}
.zielgruppenliste_item_active .zielgruppenliste_item_button:hover{
    /*background: var(--white);
    border: 1px solid var(--dark_grey);
    color: var(--dark_grey);*/
    opacity: 0.7;
}
@media screen and (max-width: 1200px) {
    .zielgruppenliste_item_left {
        margin-right: 0;
    }
    .zielgruppenliste_item_image {
        margin-left: 0;
    }
    .zielgruppenliste_item_titel_top,
    .zielgruppenliste_item_titel {
        margin-bottom:  4vw;
    }
    .zielgruppenliste_item_lead {
        width: 80%;
    }
}
@media screen and (max-width: 959px) {
    .zielgruppenliste_item {
        padding: 30px;
    }
    .zielgruppenliste_item_lead {
        width: 100%;
        margin-bottom: 4vw;
    }
    .zielgruppenliste_item_detail {
        padding: 30px 0 0 0;
    }
}
@media screen and (max-width: 639px) {
    .zielgruppenliste_item {
        padding: 15px;
    }
    .zielgruppenliste_item_image {
        margin-left: 20vw;
        margin-right: 20vw;
    }
    .zielgruppenliste_item_detail {
        padding: 20px 0 0 0;
    }
}
/*jobs liste*/
.jobsliste_item{
    margin-bottom: 100px;
    background: var(--white10);
    padding: 50px;
    transition:all 0.25s linear;
    cursor: pointer;
}
.jobsliste_item_anker{
    position: relative;
    top: -175px;
}
.jobsliste_item_top{
    cursor: pointer;
}
.jobsliste_item_left{
    margin-right: 21%;
}
.jobsliste_item_titel_top{
    font-size: var(--sz20);
    line-height: var(--lh30);
    font-weight: 500;
    margin-bottom: 40px !important;
    color: var(--primary);
}
.jobsliste_item_titel{
    font-size: var(--sz45);
    line-height: var(--lh50);
    font-weight: 600;
    margin-bottom: 40px !important;
    color: var(--white);
}
.jobsliste_item_lead{
    font-size: var(--sz16);
    line-height: var(--lh24);
    font-weight: 500;
    margin-bottom: 40px;
    color: var(--white70);
}
.jobsliste_item_image{
    margin-left: 10%;
    position: relative;
    aspect-ratio:  1 / 1;
    overflow: hidden;
}
.jobsliste_item_image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.jobsliste_item_linie{
    border-top: 1px solid var(--white30);
    margin-top: 40px;
    padding-bottom: 30px;
}
.jobsliste_item_more{
    font-size: var(--sz20);
    line-height: var(--lh30);
    font-weight: 600;
    color: var(--white);
}
.jobsliste_item_more:hover{
    color: var(--white);
}
.jobsliste_item_more:after{
    content: url('/wp-content/themes/vonallmen/assets/images/arrow_down_red.png');
    margin-left: 8px;
    display: inline-block;
    transition: all ease 0.3s;
}
.jobsliste_item:hover .jobsliste_item_more:after {
    transform: translateY(5px);
    transition: all ease 0.3s;
}
.jobsliste_item_active:hover .jobsliste_item_more:after {
    transform: translateY(0) translateX(5px);
    transition: all ease 0.3s;
}
.jobsliste_item_button{
    display: inline-block;
    background: var(--white);
    padding: 20px 30px;
    border-radius: 3px;
    color: var(--dark_grey);
    font-size: var(--sz16);
    line-height: var(--lh16);
}
.jobsliste_item_button:hover{
    color: var(--dark_grey);
}
.jobMailButton,
p a.jobMailButton,
a.jobMailButton {
    display: inline-block;
    background: var(--dark_grey);
    border: 1px solid var(--dark_grey);
    padding: 20px 30px;
    border-radius: 3px;
    color: var(--white);
    font-size: var(--sz16);
    line-height: var(--lh16);
}
.jobMailButton:hover,
p a.jobMailButton:hover,
a.jobMailButton:hover{
    /*background: var(--white);
    color: var(--dark_grey);*/
    opacity: 0.7;
}
.jobsliste_item_detail{
    display: none;
    padding: 50px 0 0 0;
    color: var(--dark_grey70);
}
.jobsliste_item_detail h1, 
.jobsliste_item_detail h2,
.jobsliste_item_detail h3,
.jobsliste_item_detail h4,
.jobsliste_item_detail h5,
.jobsliste_item_detail h6,
.jobsliste_item_detail .linkliste {
    color: var(--dark_grey);
}
/*.jobsliste_item:hover,*/
.jobsliste_item_active{
    background: var(--white70);
}
/*.jobsliste_item:hover .jobsliste_item_titel,*/
.jobsliste_item_active .jobsliste_item_titel{
    color: var(--dark_grey);
}
/*.jobsliste_item:hover .jobsliste_item_lead,*/
.jobsliste_item_active .jobsliste_item_lead{
    color: var(--semidark_grey);
}
/*.jobsliste_item:hover .jobsliste_item_linie,*/
.jobsliste_item_active .jobsliste_item_linie{
    border-top: 1px solid var(--semidark_grey);
}
/*.jobsliste_item:hover .jobsliste_item_more,*/
.jobsliste_item_active .jobsliste_item_more{
    color: var(--dark_grey);
}
.jobsliste_item_active .jobsliste_item_more:after{
    content: url('/wp-content/themes/vonallmen/assets/images/arrow_up_red.png');
}
/*.jobsliste_item:hover .jobsliste_item_button,*/
.jobsliste_item_active .jobsliste_item_button{
    background: var(--dark_grey);
    color: var(--white);
}
.jobsliste_item_active .titel_klein {
    color: var(--dark_grey);
    opacity: 1;
}
.jobsliste_item_active .titel_klein+div {
    color: var(--semidark_grey);
}
@media screen and (max-width: 959px) {
    .jobsliste_item{
        padding: 30px;
    }
}
@media screen and (max-width: 639px) {
    .jobsliste_item{
        padding: 15px 15px 30px 15px;
    }
    .jobsliste_item_linie {
        margin-top: 20px;
    }
}
/* testimonial */
.testimonial{
    position: relative;
    color: var(--white);
    width: 100vw;
    left: calc((100vw - 1600px)/-2);
    overflow: hidden;
    padding: 100px 0 100px 0;
    background-position: center;
    background-size: cover;
}
.testimonial_gradient{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(100, 100, 100, 0) 100%); */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 78.24%, #000 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%)
}
.testimonial_top{
    padding-bottom: 300px;
    border-bottom: 1px solid var(--white30);
    margin-left: 0;
}
.testimonial .uk-container{
    position: relative;
    z-index: 1;
}
.testimonial_text{
    font-size: var(--sz45);
    line-height: var(--lh50);
    font-weight: 500;
    /*max-width: 50% !important;*/
    margin-bottom: 40px;
}
.testimonial_name{
    font-size: var(--sz26);
    line-height: var(--lh30);
    opacity: 1;
    font-weight: 500;
}
.testimonial_funktion{
    opacity: 0.6;
    display: inline-block;
}
.testimonial_link{
    margin-top: 25px;
    font-size: var(--sz16);
    line-height: var(--lh24);
}
.testimonial_link a{
    color: var(--white70);
}
.testimonial_link_titel{
    font-size: var(--sz20);
    line-height: var(--lh30);
    color: var(--white);
    margin-bottom: 20px;
}
.testimonial_link a:hover{
    color: var(--white);
}
.testimonial_link_button a{
    margin-top: 20px;
    display: inline-block;
    border-radius: 3px;
    background: var(--white);
    color: var(--dark_grey);
    padding: 20px 25px;
    font-size: var(--sz16);
    line-height: var(--lh16);
}
.testimonial_link_button a:hover{
    color: var(--white);
    background-color: var(--primary);
}
@media screen and (max-width: 1679px) {
    .testimonial {
        left: -40px;
        padding: 200px 0 80px 0;
    }
    .testimonial .uk-container{
        padding: 0 40px;
    }
}
@media screen and (max-width: 959px) {
    .testimonial {
        left: -30px;
        padding: 100px 0 80px 0;
    }
    .testimonial_top{
        padding-bottom: 200px;
    }
    .testimonial .uk-container{
        padding: 0 30px;
    }
    .testimonial_text{
        max-width: 100% !important;
        margin-bottom: 20px;
    }
    
}
@media screen and (max-width: 639px) {
    .testimonial {
        left: -15px;
        padding: 60px 0 60px 0;
    }
    
    .testimonial_top{
        padding-bottom: 40vw;
    }
    .testimonial .uk-container{
        padding: 0 15px;
    }
    .testimonial_text{
        margin-bottom: 20px;
    }
    .testimonial_funktion{
        display: block;
        margin-left: 0;
    }
    .testimonial_link_button a{
        margin-top: 20px;
        padding: 10px 20px;
    }
}


/* teaser */
.teaser{
    /*background-image: url('/wp-content/themes/vonallmen/assets/images/teaser_bg.png');
    background-position: center;
    background-size: cover;*/
    text-align: center;
    color: var(--white);
    padding: 150px 0;
    position: relative;
    left: calc((100vw - 1600px)/-2);
    width: 100vw;
}
.teaser .teaser_content {
    position: relative;
    z-index: 10;
}
.teaser_titel{
    font-size: var(--sz60);
    line-height: var(--lh66);
    margin-bottom: 30px;
    font-weight: 600;
    padding: 0 20%;
}
.teaser_text{
    font-size: var(--sz16);
    line-height: var(--lh24);
    margin-bottom: 40px;
    padding: 0 35%;
}
.teaser_button a{
    display: inline-block;
    font-size: var(--sz15);
    line-height: var(--lh15);
    font-weight: 500;
    background: var(--white);
    border-radius: 3px;
    color: var(--dark_grey);
    padding: 20px 25px;
    margin-bottom: 30px;
}
.teaser_button a:hover{
    /*color: var(--white);*/
    background-color: var(--white70);
}
.teaser_footer{
    font-size: var(--sz16);
    line-height: var(--lh16);
    color: var(--white70);
}
.teaser_footer a{
    color: var(--white);
    text-decoration: none;
    position: relative;
    display: inline-block;
}
.teaser_footer a:after {
    content: '';
    height: 1px;
    background-color: var(--white);
    width: 100%;
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    transition: all ease 0.3s;
}
.teaser_footer a:hover:after { 
    width: 0;
    transition: all ease 0.3s;
}
.teaser_footer a:hover{
    color: var(--white);
    text-decoration: none;
}
@media screen and (max-width: 1679px) {
    .teaser {
        left: -40px;
    }
    .teaser .uk-container {
        padding: 0 40px;
    }
}
@media screen and (max-width: 1200px) {
    .teaser_titel{
        padding: 0 15%;
    }
    .teaser_text{
        padding: 0 25%;
    }
}
@media screen and (max-width: 959px) {
    .teaser {
        left: -30px;
        padding: 100px 0;
    }
    .teaser .uk-container {
        padding: 0 30px;
    }
    .teaser_titel{
        margin-bottom: 30px;
        font-weight: 600;
        padding: 0 10%;
    }
    .teaser_text{
        padding: 0 20%;
    }
}
@media screen and (max-width: 639px) {
    .teaser {
        left: -15px;
        padding: 50px 0;
    }
    .teaser .uk-container {
        padding: 0 15px;
    }
    .teaser_titel{
        margin-bottom: 20px;
        font-weight: 600;
        padding: 0 5%;
    }
    .teaser_text{
        padding: 0 5%;
    }
}


/* wissennav */
.wissennav_item{
    border-radius: 19px;
    background: var(--white05);
    padding: 10px 15px;
    color: var(--white70);
    font-size: var(--sz15);
    font-weight: 500;
    line-height: var(--lh15);
    margin-right: 15px;
    margin-bottom: 15px;
    display: inline-block;
}
.wissennav_item:last-child{
    margin-right: 0;
}
.wissennav_item:hover,
.wissennav_item_active{
    color: var(--white);
    background: var(--white15);
}

/*Sectionwidget*/
.widget_vonallmensection-widget,
.widget_vonallmensection-widget>div,
.so-widget-vonallmensection-widget ,
.vonallmensection {
    height: 100%;
}
.vonallmenbg-gr {
    background-color: var(--white10);
}
.vonallmensection > .uk-container {
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width: 960px) {
    .vonallmensection > .uk-container {
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media (min-width: 640px) {
    .vonallmensection > .uk-container {
        padding-left: 30px;
        padding-right: 30px;
    }
}



/*
 * WISSEN
 */
/* technologie */
.technologie,
.faq,
.insights,
.downloads,
.blog-grid,
.whitepaper {
    display: none;
    background: var(--white10);
    position: relative;
    width: 100vw;
    left: calc((100vw - 1600px)/-2);
    top: 0;
    padding: 100px 0;
}
.technologie_cat_item,
.download_cat_item{
    font-size: var(--sz15);
    line-height: var(--lh15);
    margin-bottom: 20px;
    cursor: pointer;
    color: var(--white70);
}
.technologie_cat_item.sublevel_1,
.download_cat_item.sublevel_1 {
    margin-left: 10px;
}
.technologie_cat_item.sublevel_2,
.download_cat_item.sublevel_2 {
    margin-left: 20px;
}
.technologie_cat_item:hover,
.technologie_cat_item_active,
.download_cat_item:hover,
.download_cat_item_active{
    color: var(--white);
}
.technologie_cat_item_active,
.download_cat_item_active{
    text-decoration: underline;
}
.technologie_accordion>ul {
    border-top: 1px solid var(--white30);
}
.technologie_accordion>ul>li{
    border-bottom: 1px solid var(--white30);
    margin-top: 0 !important;
}
.technologie_accordion>ul>li>a{
    display: block;
    color: var(--white);
    font-size: var(--sz20);
    line-height: var(--lh30);
    padding: 20px 0 15px 0;
    font-weight: 500;
}
.technologie_accordion>ul>li>a:hover{
    color: var(--white);
    background: rgba(255, 255, 255, 0.05);
}
.technologie_accordion .uk-accordion-content{
    padding: 0 0 20px 0;
    margin: 0;
}
.technologie_katliste_mobile select,
.download_katliste_mobile select{
    border: 1px solid var(--white30);
    border-radius: 3px;
    background: transparent;
    color: var(--white);
    padding: 10px;
    font-size: var(--sz16);
    line-height: var(--lh16);
}
#technologie_cat>option,
#download_cat>option {
    background-color: #28353b;
    color: #fff;
    border: 1px solid #fff;
}
@media screen and (max-width: 1679px) {
    .technologie,
    .faq,
    .insights,
    .downloads,
    .blog-grid,
    .whitepaper {
        left: -40px;
    }
    .technologie .uk-container,
    .faq .uk-container,
    .insights .uk-container,
    .downloads .uk-container,
    .blog-grid .uk-container,
    .whitepaper .uk-container {
        padding: 0 40px;
    }
}
@media screen and (max-width: 959px) {
    .technologie,
    .faq,
    .insights,
    .downloads,
    .blog-grid,
    .whitepaper {
        left: -30px;
        padding: 50px 0;
    }
    .technologie .uk-container,
    .faq .uk-container,
    .insights .uk-container,
    .downloads .uk-container,
    .blog-grid .uk-container,
    .whitepaper .uk-container {
        padding: 0 30px;
    }
}
@media screen and (max-width: 639px) {
    .technologie,
    .faq,
    .insights,
    .downloads,
    .blog-grid,
    .whitepaper {
        left: -15px;
        padding: 25px 0;
    }
    .technologie .uk-container,
    .faq .uk-container,
    .insights .uk-container,
    .downloads .uk-container,
    .blog-grid .uk-container,
    .whitepaper .uk-container {
        padding: 0 15px;
    }
}

/* FAQ */
.faq{
    display: none;
}

/* Insights */
.insights{
    display: none;
}
.insights_item{
    background: rgba(255, 255, 255, 0.05);
    transition:all 0.25s linear;
}
.insights_item:hover{
    background: rgba(255, 255, 255, 0.15);
}
.insights_item_image{
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
}
.insights_item_image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all ease 0.3s;
}
.insights_item:hover .insights_item_image img {
    transform: scale(1.05);
    transition: all ease 0.3s;
}
.insights_item_titel{
    color: var(--white);
    font-size: var(--sz20);
    line-height: var(--lh30);
    margin: 20px 20px 15px 20px !important;
    font-weight: 500;
}
.insights_item_desc{
    opacity: 0.7;
    color: var(--white);
    font-size: var(--sz16);
    line-height: var(--lh24);
    margin: 0 20px 20px 20px;
}
.insights_item:hover .insights_item_desc{
    opacity: 1;
}


/* Downloads */
/* Whitepaper */
.downloads,
.whitepaper{
    display: none;
}
.downloads .uk-container,
.whitepaper .uk-container{
    border-top: 1px solid var(--white30);
}
.downloads>.uk-container,
.whitepaper>.uk-container {
    border-top:  none;
}
.downloads_item,
.whitepaper_item {
    border-bottom: 1px solid var(--white30);
}
.whitepaper_item:first-child {
    border-top: 1px solid var(--white30);
}
.downloads_item a,
.whitepaper_item a{
    transition:all 0.25s linear;
    display: block;
    padding: 20px 0;
}
.downloads_item a:hover,
.whitepaper_item a:hover {
    background: rgba(255, 255, 255, 0.05);
}
.downloads_item_titel,
.whitepaper_item_titel {
    color: var(--white);
    font-size: var(--sz20);
    line-height: var(--lh30);
    font-weight: 500;
}
.downloads_item_desc,
.whitepaper_item_desc {
    opacity: 0.7;
    color: var(--white);
    font-size: var(--sz16);
    line-height: var(--lh24);
    transition: all ease 0.3s;
    margin-top: 15px;
}
.downloads_item .downloadLink,
.whitepaper_item .downloadLink,
.postliste_item .downloadLink {
    color: var(--white);
    opacity: 0.7;
    transition: all ease 0.3s;
}
.downloads_item:hover .downloads_item_desc,
.downloads_item:hover .downloadLink,
.whitepaper_item:hover .whitepaper_item_desc,
.whitepaper_item:hover .downloadLink,
.postliste_item:hover .downloadLink{
    opacity: 1;
    transition: all ease 0.3s;
}
.whitepaerform_wrapper {
    overflow: hidden;
}
.whitepaper .whitepaperform.uk-container {
    border-top: 0;
}
.whitepaperform>div {
    background-color: var(--dark_green);
    border-radius: 15px;
}
.whitepaperform {
    transition: opacity 0.3s ease;
    opacity: 0;
}
.whitepaperform.show {
    opacity: 1;
}
/*Mitarbeiter*/
.mitarbeiterbild {
    aspect-ratio:  2 / 3;
    position: relative;
    overflow: hidden;
}
.mitarbeiterbild img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}
.mitarbeiter h3 {
    margin-bottom: 10px !important;
}
.mitarbeiter p.position,
.mitarbeiter p.position2 {
    margin-bottom: 0;
    color: var(--white70);
}
.mitarbeiter p.email {
    margin-top: 10px;
    margin-bottom: 10px;
}
.mitarbeiter p.email a {
    color: var(--white);
    font-weight: 500;
}
.mitarbeiter p.email a:after {
    content: url(/wp-content/themes/vonallmen/assets/images/arrow_right_red.png);
    margin-left: 8px;
    display: inline-block;
    transition: all ease 0.3s;
    position: relative;
    transform: translate(0, 0);
    bottom: unset;
    left: unset;
    width: auto;
    height: auto;
    background-color: unset;

}
.mitarbeiter p.email a:hover:after {
    transform: translate(10px, 0);
    transition: all ease 0.3s;
}
.mitarbeiter .excerptDIV {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(16, 30, 36, 0.8);
    visibility: hidden;
    opacity: 0;
    transition: all ease 0.3s;
}
.mitarbeiter p.excerpt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
    width: calc(100% - 40px);
    font-size: var(--sz30);
    line-height: var(--lh34);
    letter-spacing: 1.5px;
    text-align: center;
    transition: all ease 0.3s;
}
.mitarbeiter .uk-card-body:hover .excerptDIV{
    visibility: visible;
    opacity: 1;
    transition: all ease 0.3s;
}
.mitarbeiter .uk-card-body:hover p.excerpt {
    transform: translate(-50%, -50%);
    transition: all ease 0.3s;
}
@media screen and (max-width: 639px) {
    .mitarbeiterbild {
        aspect-ratio: 1 / 1;
    }
    .mitarbeiterbild img {
        object-position: center 25%;
    }

}
/*Meilensteine*/
.meilensteine>div {
    padding-top: 50px;
    padding-bottom: 100px;
}
.meilensteine .slidernavitems.uk-position-top-left {
    top:180px;
    z-index: 4;
}
.meilensteine .m-year {
    font-size: var(--sz60);
    line-height: var(--lh66);
    font-weight: 600;
    color: var(--primary);
}
.meilensteine .m-title {
    font-size: var(--sz26);
    line-height: var(--lh30);
    font-weight: 600;
    color: var(--white);
}
.meilensteine .slidernavitems svg polyline,
.meilensteine .slidernavitems svg line,
.meilensteine .slidernavitems a.uk-invisible:hover svg polyline,
.meilensteine .slidernavitems a.uk-invisible:hover svg line {
    stroke: var(--white70) !important;
    transition: all ease 0.25s
}
.meilensteine .slidernavitems .meilensteine_nav_next,
.meilensteine .slidernavitems .meilensteine_nav_prev {
    border-radius: 100%;
    border: 1px solid var(--white70);
    transition: all ease 0.25s;
    background-color: var(--dark_green);
}
.meilensteine .slidernavitems a:hover {
    border-color: var(--white);
    transition: all ease 0.25s
}
.meilensteine .slidernavitems a:hover svg polyline,
.meilensteine .slidernavitems a:hover svg line {
    stroke: var(--white) !important;
    transition: all ease 0.25s
}
.meilensteine .slidernavitems .meilensteine_nav_prev.uk-invisible,
.meilensteine .slidernavitems .meilensteine_nav_next.uk-invisible,
.meilensteine .slidernavitems .meilensteine_nav_prev.uk-invisible:hover,
.meilensteine .slidernavitems .meilensteine_nav_next.uk-invisible:hover {
    visibility: visible !important;
    opacity: 0.5;
    cursor: default;
    border-color: var(--white70);
}
.meilensteine .uk-slider-items {
    z-index: 3;
}
.meilenstein-bild,
.meilenstein-bild a {
    aspect-ratio:  1 / 1;
    overflow: hidden;
    position: relative;
    display: block;
}
.meilenstein-bild img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}
.meilensteinBG {
    aspect-ratio: 1 / 1;
    border-radius: 100%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: auto;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;   /* vertikal zentriert */
    justify-content: flex-end; /* rechtsbündig */
    z-index: 1;
}
.meilensteinBG img {
    width: auto;
    height: 65%;
}
@media screen and (max-width: 1200px) {
   
}

@media screen and (max-width: 959px) {
    .meilensteine .slidernavitems.uk-position-top-left {
        top: 50px;
        left: unset;
        right: 0;
    }
    .meilensteine>div {
        padding-top: 40px;
        padding-bottom: 80px;
    }
}
@media screen and (max-width: 639px) {
    .meilensteine .slidernavitems.uk-position-top-left {
        top: 25px;
        left: 50%;
        transform: translateX(-50%);
        right: unset;
    }
    .meilensteine>div {
        padding-top: 80px;
        padding-bottom: 40px;
    }
}
/*Buttonwidget*/
.button>a {
    display: inline-block;
    padding: 20px 30px;
    border-radius: 3px;
    font-size: var(--sz16);
    line-height: var(--lh16);
}
.button>a.color_white {
    background: var(--white);
    border: 1px solid var(--white);
    color: var(--dark_grey);
}
.button>a.color_white:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--white);
    text-decoration: none;
}
.button>a.color_red {
    background: var(--primary);
    border: 1px solid var(--primary);
    color: var(--white);
}
.button>a.color_red:hover {
    background: var(--primary-hover);
    border-color: var(--primary-hover);
    text-decoration: none;
}
.button>a.color_greydark {
    background: var(--dark_grey);
    border: 1px solid var(--dark_grey);
    color: var(--white);
}
.button>a.color_greydark:hover {
    background: var(--white);
    border-color: var(--white);
    color: var(--dark_grey);
    text-decoration: none;
}
/*Tabwidget von siteOrigin*/
.pageContent .panel-grid .so-widget-sow-tabs {
    position: relative;
    width: 100vw;
    left: calc((100vw - 1600px)/-2);
}
.pageContent .panel-grid .so-widget-sow-tabs .sow-tabs-tab-container {
    background-color: transparent;
    padding-bottom: 50px;
}
.pageContent .panel-grid .so-widget-sow-tabs .sow-tabs-tab-container .sow-tabs-tab {
    padding: 10px 15px;
    border-radius: 19px;
    background-color: var(--white05);
    color: var(--white70);
    font-size: var(--sz15);
    line-height: var(--lh15);
    margin-left: 0;
    margin-right: 15px;
    margin-bottom: 15px;
}
.pageContent .panel-grid .so-widget-sow-tabs .sow-tabs-tab-container .sow-tabs-tab.sow-tabs-tab-selected,
.pageContent .panel-grid .so-widget-sow-tabs .sow-tabs-tab-container .sow-tabs-tab:hover {
    background-color: var(--white15);
    color: var(--white);
}       

.pageContent .panel-grid .so-widget-sow-tabs .sow-tabs-panel-container {
    background-color: var(--white10);
}
.pageContent .panel-grid .so-widget-sow-tabs .sow-tabs-tab-container,
.pageContent .panel-grid .so-widget-sow-tabs .sow-tabs-panel-container .sow-tabs-panel {
    max-width: 1600px;
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
}

@media screen and (max-width: 1679px) {
    .pageContent .panel-grid .so-widget-sow-tabs {
        left: -40px;
    }
    .pageContent .panel-grid .so-widget-sow-tabs .sow-tabs-tab-container, 
    .pageContent .panel-grid .so-widget-sow-tabs .sow-tabs-panel-container .sow-tabs-panel {
        padding: 0 40px 40px;
    }
}
@media screen and (max-width: 959px) {
    .pageContent .panel-grid .so-widget-sow-tabs {
        left: -30px;
    }
    .pageContent .panel-grid .so-widget-sow-tabs .sow-tabs-tab-container,
    .pageContent .panel-grid .so-widget-sow-tabs .sow-tabs-panel-container .sow-tabs-panel{
        padding: 0 30px 30px;
    }
}
@media screen and (max-width: 639px) {
    .pageContent .panel-grid .so-widget-sow-tabs{
        left: -15px;
    }
    .pageContent .panel-grid .so-widget-sow-tabs .sow-tabs-tab-container,
    .pageContent .panel-grid .so-widget-sow-tabs .sow-tabs-panel-container .sow-tabs-panel{
        padding: 0 15px 30px;
    }
}




/*Gravity-Forms*/
/*Felddarstellung*/
.gform_wrapper form .gform_body .gform_fields .gfield input[type=text],
.gform_wrapper form .gform_body .gform_fields .gfield input[type=tel],
.gform_wrapper form .gform_body .gform_fields .gfield input[type=email],
.gform_wrapper form .gform_body .gform_fields .gfield input[type=number],
.gform_wrapper form .gform_body .gform_fields .gfield textarea {
    font-size: 24px;
    line-height: 24px;
    font-style: normal;
    font-weight: 500;
    border-style: solid;
    border-color: var(--white70);
    border-width: 0 0 1px 0;
    border-radius: 0;
    box-shadow: none;
    padding: 20px 0;
    transition: all ease 0.3s;
    color: var(--white70);
    outline: none;
    background: transparent;
}


.gform_wrapper form .gform_body .gform_fields .gfield select {
    font-size: 24px;
    line-height: 24px;
    font-style: normal;
    font-weight: 500;
    border-style: solid;
    border-color: var(--white70);
    border-width: 0 0 1px 0;
    border-radius: 0;
    box-shadow: none;
    transition: all ease 0.3s;
    color: var(--white70);
    padding-left: 0;
    background-color: transparent;
}
.gform_wrapper form .gform_body .gform_fields .gfield select option {
    /*background-color: #28353a;*/
    background-color: #333f44;
}
.gform_wrapper form .gform_body .gform_fields .gfield select option:hover,
.gform_wrapper form .gform_body .gform_fields .gfield select option:checked {
   background-image:linear-gradient(90deg, yellow 0%, red 80%);
   background-color: #485357;
}

.gform_wrapper form  select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])),
.gform_wrapper form  select:hover:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])),
.gform_wrapper form  select:focus:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])),
.gform_wrapper form  select:active:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])),
.gform_wrapper form  select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])):focus,
.gform_wrapper form  select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])):hover,
.gform_wrapper form  select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])):active {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(255, 255, 255, 0.7)'/%3E%3C/svg%3E");
    background-color: #000; /* z. B. schwarzer Hintergrund */
    color: #fff; /* weiße Schrift */
}



.gform_wrapper form .gform_body .gform_fields .gfield.has-focus input,
.gform_wrapper form .gform_body .gform_fields .gfield input:focus,
.gform_wrapper form .gform_body .gform_fields .gfield.has-focus textarea,
.gform_wrapper form .gform_body .gform_fields .gfield textarea:focus,
.gform_wrapper form .gform_body .gform_fields .gfield.has-focus select,
.gform_wrapper form .gform_body .gform_fields .gfield select:focus {
    outline: none;
    border-color: var(--white70);
    transition: all ease 0.3s
}
.gform_wrapper.gform-theme form .gform-footer.gform_footer input[type=submit].gform_button.button,
.gform_wrapper.gform-theme form .gform-body .gform-page-footer input[type=submit].gform_button.button,
.gform_wrapper.gform-theme form .gform-body .gform_page .gform-page-footer .gform_next_button.button  {
    font-family: 'Inter';
    font-style: normal;
    font-size: var(--sz15);
    line-height: var(--lh15)
    font-weight: 500;
    padding: 20px 25px;
    background: var(--white);
    color: var(--dark_grey);
    border: none;
    border-radius: 3px;
    text-transform: none;
    cursor: pointer;
    transition: all ease 0.3s;
    margin-top: 40px;
    min-width: 130px;
}
.gform_wrapper.gform-theme form .gform-body .gform_page .gform-page-footer .gform_previous_button.button {
    font-family: 'Inter';
    font-style: normal;
    font-size: var(--sz15);
    line-height: var(--lh15)
    font-weight: 500;
    padding: 20px 25px;
    background: var(--white);
    color: var(--dark_grey);
    border: none;
    border-radius: 3px;
    text-transform: none;
    cursor: pointer;
    transition: all ease 0.3s;
    margin-top: 40px;
    min-width: 130px;

}
.gform_wrapper.gform-theme form .gform-body .gform_page .gform-page-footer .gform_previous_button:hover {
    background: var(--primary);
    color: var(--white);
    transition: all ease 0.3s;
}
.gform_wrapper.gform-theme form .gform-footer.gform_footer input[type=submit].gform_button.button:hover,
.gform_wrapper.gform-theme form .gform-body .gform-page-footer input[type=submit].gform_button.button:hover,
.gform_wrapper.gform-theme form .gform-body .gform_page .gform-page-footer .gform_next_button.button:hover  {
    background: var(--primary);
    color: var(--white);
    transition: all ease 0.3s;
}
.gform_wrapper.gform-theme form .gform-footer.gform_footer input[type=submit].gform_button.button:focus,
.gform_wrapper.gform-theme form .gform-body .gform-page-footer input[type=submit].gform_button.button:focus,
.gform_wrapper.gform-theme form .gform-body .gform-page-footer input[type=submit].gform_next_button:focus,
.gform_wrapper.gform-theme form .gform-body .gform_page .gform-page-footer .gform_previous_button.button,
.gform_wrapper.gform-theme form .gform-body .gform_page .gform-page-footer .gform_next_button.button {
    outline: none;
}
.gform_wrapper .gform_heading .gform_required_legend {
    color: var(--white70);
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
}

/*Labeldarstellung*/
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-text label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-phone label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-email label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-number label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-select label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-textarea label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-date label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-fileupload label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-address legend.gfield_label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-checkbox legend.gfield_label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-radiocheckbox legend.gfield_label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-consent .ginput_container_consent label.gfield_consent_label {
    color: var(--white70);
    font-size: 24px;
    font-weight: 500;
    line-height: 25px;
    transform: translateY(30px);
    transition: all ease 0.3s;
    cursor: text;
    margin-bottom: 0;
}
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-email .ginput_complex label {
    transform: translateY(-45px);
}


.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-radio label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-checkbox label {
    color: var(--white70);
    font-size: 16px;
    font-weight: 500;
    line-height: 17px;
    transition: all ease 0.3s;
    cursor: text;
    margin-bottom: 0;
    cursor: pointer;
}
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-radio legend.gfield_label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-checkbox legend.gfield_label {
    color: var(--white70);
    font-size: 16px;
    font-weight: 500;
    line-height: 17px;
    transition: all ease 0.3s;
    cursor: text;
    margin-bottom: 20px;
}
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-select label {
    margin-bottom: 2px;
}
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-checkbox legend.gfield_label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-radiocheckbox legend.gfield_label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-fileupload label {
    margin-bottom: 10px;
}
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-select label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-date label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-fileupload label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-address legend.gfield_label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-checkbox legend.gfield_label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-radiocheckbox legend.gfield_label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-consent .ginput_container_consent label.gfield_consent_label {
    transform: translate(0);
    font-size: 16px;
    cursor: default;
}

.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-text.has-focus label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-phone.has-focus label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-email.has-focus label,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-number.has-focus label,
/*.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-select.has-focus label,*/
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-textarea.has-focus label   {
    transform: translateY(0px);
    font-size: 16px;
    transition: all ease 0.3s;
}
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-email.has-focus .ginput_complex label {
    transform: translateY(-75px);
}
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-checkbox label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-radiocheckbox label,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-consent .ginput_container_consent label.gfield_consent_label {
    cursor: pointer;
    font-size: 24px;
    line-height: 24px;
}
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-checkbox label a,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-radiocheckbox label a,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-consent .ginput_container_consent label.gfield_consent_label a {
    color: var(--white80);
    position: relative;
}
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-checkbox label a:hover,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-radiocheckbox label a:hover,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-consent .ginput_container_consent label.gfield_consent_label a:hover {
    color: var(--white);
}
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-checkbox label a::before,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-radiocheckbox label a::before,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-consent .ginput_container_consent label.gfield_consent_label a::before {
    content: '';
    background-color: var(--white80);
    position: absolute;
    bottom: -3px;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    width: 100%;    
    transition: all ease 0.3s;
}
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-checkbox label a:hover::before,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-radiocheckbox label a:hover::before,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-consent .ginput_container_consent label.gfield_consent_label a:hover::before {
    width: 0;
    transition: all ease 0.3s;    
}
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-checkbox label .gfield_required.gfield_required_asterisk,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-radiocheckbox label .gfield_required.gfield_required_asterisk,
.gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-consent .ginput_container_consent label.gfield_consent_label .gfield_required.gfield_required_asterisk {
    position: relative;
    top: -10px;
    color: var(--white70);
}
.gform_wrapper form .gform_body .gform_fields .gfield_fileupload_filename {
    color: var(--white70);
}
.gform_wrapper form .gform_body .gform_fields .gfield_description.gform_fileupload_rules,
.gform_wrapper form .gform_body .gform_fields .gfield_fileupload_filesize,
.gform_wrapper form .gform_body .gform_fields .gfield_fileupload_percent,
.gform_wrapper form .gform_body .gform_fields .dashicons.dashicons-trash {
    color: var(--white50);
}
.gform_wrapper form .gform_body .gform_fields .dashicons:before,
.gform_wrapper form .gform_body .gform_fields .gfield_fileupload_cancel {
    color: var(--white50) !important;
}
.gform_wrapper form .gform_body .gform_fields .dashicons:hover:before,
.gform_wrapper form .gform_body .gform_fields .gfield_fileupload_cancel:hover {
    color: var(--white) !important;
}

/*Zusatzklassen*/
.gform_wrapper form .gform_body .gform_fields .gfield.hidedescription .gfield_description.instruction {
    display: none;
}
.gform_wrapper form .gform_body .gform_fields .gfield.bewerbung_nationalitaet .ginput_address_country {
    width: 100%;
}
@media screen and (max-width: 959px) {
    .gform_wrapper form .gform_body .gform_fields .placeholder {
        display: none;    
    }
    .gform_wrapper form .gform_body .gform_fields .anrede {
        width: 100%;
        grid-column: span 12;
    }
    .gform_wrapper.gform-theme form .gform-footer.gform_footer input[type=submit].gform_button.button,
    .gform_wrapper.gform-theme form .gform-body .gform-page-footer input[type=submit].gform_button.button,
    .gform_wrapper.gform-theme form .gform-body .gform_page .gform-page-footer .gform_next_button.button  { 
        font-size: 22px;
        line-height: 22px;
        padding: 10px 15px;
    }
    .gform_wrapper.gform-theme form .gform-body .gform_page .gform-page-footer .gform_previous_button.button {
        font-size: 22px;
        line-height: 22px;
        padding: 10px 15px;
    }
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-checkbox label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-radiocheckbox label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-consent .ginput_container_consent label.gfield_consent_label {
        font-size: 22px;
        line-height: 22px;
    }
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-text label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-phone label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-email label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-number label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-select label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-textarea label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-date label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-fileupload label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-address legend.gfield_label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-checkbox legend.gfield_label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-radiocheckbox legend.gfield_label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-consent .ginput_container_consent label.gfield_consent_label {
        font-size: 22px;
        line-height: 22px;
    }
    .gform_wrapper form .gform_body .gform_fields .gfield select {
        font-size: 22px;
        line-height: 22px;
    }
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-select label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-date label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-fileupload label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-address legend.gfield_label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-checkbox legend.gfield_label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-radiocheckbox legend.gfield_label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-consent .ginput_container_consent label.gfield_consent_label {
        transform: translate(0);
        font-size: 16px;
        cursor: default;
    }
    .gform_wrapper form .gform_body .gform_fields .gfield input[type=text],
    .gform_wrapper form .gform_body .gform_fields .gfield input[type=tel],
    .gform_wrapper form .gform_body .gform_fields .gfield input[type=email],
    .gform_wrapper form .gform_body .gform_fields .gfield input[type=number],
    .gform_wrapper form .gform_body .gform_fields .gfield textarea {
        font-size: 22px;
        line-height: 22px;
    }

}
@media screen and (max-width: 639px) {
    .gform_wrapper.gform-theme form .gform-footer.gform_footer input[type=submit].gform_button.button,
    .gform_wrapper.gform-theme form .gform-body .gform-page-footer input[type=submit].gform_button.button,
    .gform_wrapper.gform-theme form .gform-body .gform_page .gform-page-footer .gform_next_button.button  {
        font-size: 20px;
        line-height: 20px;
        padding: 8px 10px;
    }
    .gform_wrapper.gform-theme form .gform-body .gform_page .gform-page-footer .gform_previous_button.button {
        font-size: 20px;
        line-height: 20px;
        padding: 8px 10px;
    }
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-checkbox label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-radiocheckbox label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-consent .ginput_container_consent label.gfield_consent_label {
        font-size: 20px;
        line-height: 20px;
    }
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-text label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-phone label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-email label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-number label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-select label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-textarea label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-date label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-fileupload label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-address legend.gfield_label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-checkbox legend.gfield_label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-radiocheckbox legend.gfield_label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-consent .ginput_container_consent label.gfield_consent_label {
        font-size: 20px;
        line-height: 20px;
    }
    .gform_wrapper form .gform_body .gform_fields .gfield select {
        font-size: 20px;
        line-height: 29px;
    }
    .gform_wrapper form .gform_body .gform_fields .gfield input[type=text],
    .gform_wrapper form .gform_body .gform_fields .gfield input[type=tel],
    .gform_wrapper form .gform_body .gform_fields .gfield input[type=email],
    .gform_wrapper form .gform_body .gform_fields .gfield input[type=number],
    .gform_wrapper form .gform_body .gform_fields .gfield textarea {
        font-size: 20px;
        line-height: 20px;
    }
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-select label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-date label,
    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-fileupload label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-address legend.gfield_label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-checkbox legend.gfield_label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-radiocheckbox legend.gfield_label,
    .gform_wrapper form .gform_body .gform_fields fieldset.gfield--type-consent .ginput_container_consent label.gfield_consent_label {
        transform: translate(0);
        font-size: 16px;
        cursor: default;
    }
}


/*Fonts und Abstände in Gravitforms / Allgemeine Styleanpassungen*/
span.gfield_required,
.gform_required_legend {
    display: none;
}
.gform_wrapper form .gform_body .gform_fields .gfield--type-html h3,
.gform_wrapper form .gform_body .gform_fields .gfield--type-html h4 {
    margin-bottom: -30px;
}
.gform_wrapper form .gf_page_steps .gf_step_completed .gf_step_number,
.gform_wrapper form .gf_page_steps .gf_step_completed .gf_step_number:after {
    background-color: var(--primary);
    border-color: var(--primary);
}
.gform_wrapper form .gfield:where(.gfield--type-fileupload,.gfield--input-type-fileupload) .gform_drop_area::before {
    color: var(--primary);
}
.gform_wrapper form .gform_body .gform_fields .gfield:where(.gfield--type-fileupload,.gfield--input-type-fileupload) .ginput_container_fileupload .gform_fileupload_multifile .gform_drop_area button.gform_button_select_files {
    font-size: 18px;
    line-height: 18px;
    padding: 10px 20px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    background: var(--primary);
    border: 2px solid var(--primary);
    color: var(--white);
    text-transform: uppercase;
    border-radius: 6px;
    display: inline-block;
    cursor: pointer;
    transition: all ease 0.3s;
}
.gform_wrapper form .gform_body .gform_fields .gfield:where(.gfield--type-fileupload,.gfield--input-type-fileupload) .ginput_container_fileupload .gform_fileupload_multifile .gform_drop_area button.gform_button_select_files:hover {
    color: var(--primary);
    background-color: var(--primary);
    transition: all ease 0.3s;
}
.gform_wrapper.gform-theme--framework form .gf_progressbar {
    background-color: var(--white10);
}
.gform_wrapper.gform-theme--framework form .gf_progressbar .gf_progressbar_percentage {
    background-color: var(--white30) !important;
}
/*Custom GF STyles*/
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-radio.offertRadios input[type=radio],
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-checkbox.offertCheckbox input[type=checkbox] {
    display: none;

}
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-radio.offertRadios .gfield_radio label, 
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-checkbox.offertCheckbox .gfield_checkbox label {
    font-size: var(--sz15)
    line-height: var(--lh15);
    display: block;
    text-align: center;
    padding: 10px 15px;
    background-color: var(--white05);
    color: var(--white70);
    position: relative;
    margin-left: 0;
    min-width: 200px;
    margin-bottom: 15px;
    border-radius: 19px;
}

.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-radio.offertRadios .gfield_radio label:hover, 
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-radio.offertRadios .gfield_radio input[type=radio]:checked+label, 
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-checkbox.offertCheckbox .gfield_checkbox label:hover, 
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-checkbox.offertCheckbox .gfield_checkbox input[type=checkbox]:checked+label {
    background-color: var(--white15);
    color: var(--white);
}
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-checkbox.offertCheckbox .gfield_checkbox,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-radio.offertRadios .gfield_radio {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.gform_wrapper form .gform_body .gform_fields .hiddenDescription .gfield_description {
    display: none;
}
/*gAppointemt*/
/* Setzt den Reset für das Appointment-Calendar zurück */

#ga_appointments_calendar h3 {
    border-bottom: none;
}
.gfield--type-appointment_calendar label.gfield_label {
    color: var(--white70);
    font-size: 16px;
    line-height: 17px;
    font-weight: 500;
    margin-bottom: 20px;
}
.ga_appointments_calendar_header {
    border-radius: 0;
}