/* ================================================================== */
/*  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;
    }
}



/* ================================================================== */
/*  button  */
/* ================================================================== */
a.button.noarrow {
    border-radius: 20px;
    padding:9px 20px;
    font-weight:600;
    font-size:16px;
    line-height:140%;
    align-items: center;
    /* transition:none; */
    white-space: nowrap;
}
a.button.arrow {
    border-radius: 80px;
    padding: 6px 6px 6px 24px;
    font-weight:500;
    display: inline-flex;
    align-items: center;
    font-size:20px;
    line-height:20px;
    /* transition:none; */
    white-space: nowrap;
    gap: 20px;
}
a.button.arrow .button-text {
    display: inline-block;
}
a.button.arrow .circle-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    flex-shrink: 0;
}
/* Button black outlined */
a.button.outlined-black.arrow .circle-icon {
    background-image: url('/wp-content/themes/alumni/assets/images/button-arrow-black.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%;
    overflow: hidden;
}
a.button.outlined-black {
    background-color: transparent;
    color:var(--textblue);
    border:solid 1px var(--textblue);
}
a.button.outlined-black:hover {
    background-color: var(--textblue);
    color:var(--white);
}
a.button.outlined-black .circle-icon {
    background: transparent;
}
a.button.outlined-black:hover .circle-icon {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    flex-shrink: 0;
    background-image:
            url('/wp-content/themes/alumni/assets/images/button-arrow-white.svg'),
            linear-gradient(90deg, var(--lightblue), var(--green));
    background-repeat: no-repeat, no-repeat;
    background-position: center, center;
    background-size: 40%, cover;
}
/* button white outlined */
a.button.outlined-white.arrow .circle-icon {
    background-image: url('/wp-content/themes/alumni/assets/images/button-arrow-white.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%;
    overflow: hidden;
}
a.button.outlined-white {
    background-color: transparent;
    color:var(--white);
    border:solid 1px var(--white);
}
a.button.outlined-white-active,
a.button.outlined-white:hover {
    background-color: var(--white);
    color:var(--textblue);
}

a.button.outlined-white .circle-icon {
    background: transparent;
}
a.button.outlined-white:hover .circle-icon {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    flex-shrink: 0;
    background-image:
            url('/wp-content/themes/alumni/assets/images/button-arrow-white.svg'),
            linear-gradient(90deg, var(--lightblue), var(--green));
    background-repeat: no-repeat, no-repeat;
    background-position: center, center;
    background-size: 40%, cover;
}
/* button soft */
a.button.soft {
    background-color: #95b1c433;
    color:var(--white);
    border:solid 1px #95b1c433;
}
a.button.soft:hover {
    background-color: #95b1c466;
    color:var(--white);
}
a.button.soft .circle-icon {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    flex-shrink: 0;
    background-image:
            url('/wp-content/themes/alumni/assets/images/button-arrow-white.svg'),
            linear-gradient(90deg, var(--lightblue), var(--green));
    background-repeat: no-repeat, no-repeat;
    background-position: center, center;
    background-size: 40%, cover;
}
a.button.soft:hover .circle-icon {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    flex-shrink: 0;
    background-color:var(--green);
    background-image:url('/wp-content/themes/alumni/assets/images/button-arrow-black.svg');
    background-repeat: no-repeat, no-repeat;
    background-position: center, center;
    background-size: 40%, cover;
}
/* button black */
a.button.black {
    background-color: var(--darkblue);
    color:var(--white);
    border:solid 1px  var(--darkblue);
}
a.button.black:hover {
    background-color: #012847CC;
    color:var(--white);
}
a.button.black .circle-icon {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    flex-shrink: 0;
    background-image:
            url('/wp-content/themes/alumni/assets/images/button-arrow-white.svg'),
            linear-gradient(90deg, var(--lightblue), var(--green));
    background-repeat: no-repeat, no-repeat;
    background-position: center, center;
    background-size: 40%, cover;
}
a.button.black:hover .circle-icon {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    flex-shrink: 0;
    background-color:var(--green);
    background-image: url('/wp-content/themes/alumni/assets/images/button-arrow-black.svg');
    background-repeat: no-repeat, no-repeat;
    background-position: center, center;
    background-size: 40%, cover;
}

/* button gradient */
a.button.gradient {
    border: 1px solid transparent;
    background:
        linear-gradient(to right, var(--lightblue), var(--green)),
        linear-gradient(to right, var(--lightblue), var(--green)) border-box; /* Border-Verlauf */
    color: var(--textblue);
}
a.button.gradient:hover {
    background:transparent;
    color: var(--white);
    border:solid 1px var(--white);
}
a.button.gradient .circle-icon {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    flex-shrink: 0;
    background-image:
        url('/wp-content/themes/alumni/assets/images/button-arrow-white.svg'),
        linear-gradient(90deg, var(--lightblue), var(--green));
    background-repeat: no-repeat, no-repeat;
    background-position: center, center;
    background-size: 40%, cover;
}
a.button.gradient:hover .circle-icon {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    flex-shrink: 0;
    background-color:var(--green);
    background-image: url('/wp-content/themes/alumni/assets/images/button-arrow-black.svg');
    background-repeat: no-repeat, no-repeat;
    background-position: center, center;
    background-size: 40%, cover;
}
@media (max-width: 768px) {
    a.button.arrow {
        padding: 0px 0px 0px 25px;
        font-size:16px;
        line-height:16px;
        gap: 10px;
    }
}




/* ================================================================== */
/*  Section Title */
/* ================================================================== */
h3.widget-title {
    font-size: 18px;
    line-height: 150%;
    color:var(--white);
}


/* ================================================================== */
/*  Line */
/* ================================================================== */
.linie {
    border-bottom:solid 1px;
    max-height:1px;
    margin:30px 0px;
}
.linie.lightgray {
    color:var(--lightgray);
}
.linie.darkgray {
    color:var(--darkgray);
}
.linie.white20 {
    color:var(--white20);
}
@media (max-width: 959px) {
    .linie {
        margin:20px 0px;
    }
}
@media (max-width: 639px) {
    .linie {
        margin:10px 0px;
    }
}


/* ================================================================== */
/*  Accordion */
/* ================================================================== */
.uk-accordion-title::before {
    display: none !important;
}
.uk-accordion-title {
    position: relative;
    padding-right: 2em;
}
.uk-accordion-title:hover {
    color: var(--azure);
}
.uk-accordion-title::after {
    content: '';
    position: absolute;
    right: 0.5em;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transition: transform 0.3s ease, border-color 0.3s ease;
    color: inherit;
}
.uk-open > .uk-accordion-title::after {
    transform: translateY(-50%) rotate(-135deg);
    border-color: inherit;
}

.pageContent .alumniaccordion *,
.pageContent .alumniaccordion a.uk-accordion-title,
.pageContent .alumniaccordion .uk-open > .uk-accordion-title::after{
    color:var(--white);
}
.alumniaccordion .uk-accordion-content,
.alumniaccordion .uk-accordion-title::after{
    color:var(--white);
}
.alumniaccordion>ul.line{
    border-top:solid 1px var(--white20);
    padding-top:30px;
}
.alumniaccordion>ul>li{
    border-bottom:solid 1px var(--white20);
    padding-bottom:30px;
    margin:0px !important;
}
.alumniaccordion>ul>li:nth-child(n+2){
    padding-top:30px;
}
.alumniaccordion.normal .uk-accordion-title {
    font-size:20px;
    font-weight:500;
    line-height:29px;
}
.alumniaccordion.normal .uk-accordion-content {
    font-size:18px;
    font-weight:500;
    line-height:22px;
    padding-bottom:30px;
}
.accordion-link {
    padding-top:20px;
}
@media screen and (max-width: 959px) {
    .alumniaccordion.big .uk-accordion-title {
        font-size:24px;
        line-height:26px;
    }
}

/* ================================================================== */
/* textstyles */
/* ================================================================== */
.textstyles {
    font-family: Inter;
    vertical-align: middle;
    color:var(--white);
    width:85%;
}
.textstyles .normal {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
}
.textstyles .medium {
    font-weight: 600;
    font-size: 24px;
    line-height: 150%;
}
.textstyles .large {
    font-weight: 600;
    font-size: 40px;
    line-height: 110%;
}
.textstyles .soft {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color:var(--azure);
}
@media (max-width: 639px) {
    .textstyles {
        width:100%;
    }
    .textstyles .medium {
        font-size: 20px;
    }
    .textstyles .large {
        font-size: 30px;
    }
}


/* ================================================================== */
/* banner image startseite */
/* ================================================================== */
.banner .sow-image-container {
    width: 100%;
    height: 493px;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 15px;
    position: relative;
}
.banner .so-widget-image {
    width: 100% !important;;
    height: 100% !important;;
    object-fit: cover;
    object-position: center -150px;
    display: block !important;
}
@media (max-width: 959px) {
    .banner .so-widget-image {
        object-position: center;
    }
}
@media (max-width: 639px) {
    .banner .sow-image-container{
        height: auto !important;
    }
    .banner .so-widget-image {
        height: auto !important;
    }
}


/* ================================================================== */
/* mitarbeiter */
/* ================================================================== */
.mitarbeiter-container {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin: 0 auto;
    margin-bottom: 40px;
}

.mitarbeiter-layout-4 .mitarbeiter {
    flex: 0 1 calc(25% - 1.5rem);
    box-sizing: border-box;
    background-color: #CBDCE7;
    padding: 30px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.mitarbeiter-layout-2 .mitarbeiter {
    flex: 0 1 calc(50% - 1.5rem);
    box-sizing: border-box;
    background-color: #CBDCE7;
    padding: 30px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.mitarbeiter-inner{
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: left;
    justify-content: center;
    font-weight: bold;
    width: 100%;
}

.mitarbeiter-name {
    color: var(--textblue);
    font-weight:600;
    font-size:24px;
    line-height:150%;
    margin-top:20px;
}

.mitarbeiter-funktion {
    color: var(--textblue);
    font-weight:400;
    font-size:16px;
    line-height:150%;
    margin-top:10px;
}

.mitarbeiter-avatar-wrapper {
    display:flex;
    flex-direction: row;
    justify-content: center;
    width:100%;
}
.mitarbeiter-avatar {
    width: 230px;
    height: 230px;
    border-radius: 50%;
    overflow: hidden;
}

.mitarbeiter-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


/* section title */
.sectiontitle.small {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    vertical-align: middle;
    color:var(--white);
}
.sectiontitle.large {
    font-weight: 600;
    font-size: 40px;
    line-height: 110%;
    vertical-align: middle;
    color:var(--white);
    margin-bottom: 20px;
}
@media screen and (max-width: 959px) {
    .sectiontitle.large {
        font-size: 30px;
        margin-bottom: 10px;
    }
}



/* ================================================================== */
/* events */
/* ================================================================== */
h2.eventcategory-title {
    color:var(--white);
    font-weight: 600;
    font-size: 56px;
    line-height: 110%;
    letter-spacing: -2px;
}
p.eventcategory-text {
    color:var(--azure);
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0;
    max-width: 85%;
}
div.event-wrapper {
    margin-bottom:50px;
}
div.event-caption {
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color:var(--azure);
}
div.event-date {
    font-weight: 600;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: -2px;
    color:var(--textblue);
}
div.event-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0;
    color:var(--textblue);
}
div.event-lead {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0;
    color:var(--azure);
}
div.event-box {
    height:100%;
    background-color: white;
    border-radius: 15px;
}
div.event-inner {
    display: flex;
    height:100%;
    justify-content: space-between;
    flex-direction: column;
}
.event-top {
    padding:30px 30px 0px 30px;
}
.event-bottom {
    margin-top: auto;
    padding:0px 30px 30px 30px;
}
.event-image-box {
    height: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 15px;
}
.event-image {
    height: 290px;
    position: relative;
}
.event-image-inner {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: grayscale(100%);
    z-index: 1;
    width: 100%;
    height: 100%;
}
.event-wrapper:hover .event-image-inner {
    filter: grayscale(0%);
}

/* Verlauf */
/*
.event-image::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, var(--green), var(--lightblue));
    opacity: 0.6;
    mix-blend-mode: overlay;
    z-index: 2;
    pointer-events: none;
}
*/
@media (max-width: 639px) {
    h2.eventcategory-title {
        font-size: 36px;
    }
    p.eventcategory-text {
        max-width: 100%;
    }
    div.event-wrapper {
        margin-bottom:25px;
    }
    div.event-date {
        font-size: 20px;
        line-height: 20px;
        letter-spacing: -1px;
    }
    .event-top {
        padding:20px 20px 0px 20px;
    }
    .event-bottom {
        padding:0px 20px 20px 20px;
    }
    .event-image {
        height: 290px;
    }
}

/* ================================================================== */
/* Impressionen */
/* ================================================================== */
.impression{
}
.uk-slider-items.impressionen > li {
    height: 476px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:0px 10px;
}

.impressionen-wrapper {
    height: 476px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #003f50;
    overflow: hidden;
}

.impressionen-wrapper img {
    max-height: 100%;
    width: auto;
    display: block;
    border-radius: 15px;
}
@media (max-width: 959px) {
    .uk-slider-items.impressionen > li {
        height: 400px;
    }
    .impressionen-wrapper {
        height: 400px;
    }
    .impressionen-wrapper img {
        height: 400px;
        width: auto;
    }
}
@media (max-width: 639px) {
    .uk-slider-items.impressionen > li {
        height: 200px;
    }
    .impressionen-wrapper {
        height: 200px;
    }
    .impressionen-wrapper img {
        height: 200px;
        width: auto;
    }
}




/* ================================================================== */
/* Benefits */
/* ================================================================== */
.benefits{
    position: relative;
    left: calc((100vw - 1600px)/-2);
    width: 100vw;
}
.benefits:nth-child(even) .benefits-wrapper .uk-grid {
    flex-direction: row-reverse;
}
.benefits-dark,
.benefits:nth-child(even) {
    background-color:var(--textblue);
}
h2.benefits-title {
    font-weight: 600;
    font-size: 56px;
    line-height: 110%;
    letter-spacing: -2px;
    color:var(--white);
}
h3.benefits-link-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 110%;
    letter-spacing: -2px;
    color:var(--white);
    margin-bottom:0px;
}
.benefit-content{
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0;
    color:var(--white);
}
.benefits-image img{
    height: calc(100vh - 100px);
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.benefits-link-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0;
    color:var(--azure);
    margin-top:30px;
}
.benefits-link-text-external {
    font-weight: 400;
    font-size: 22px;
    line-height: 150%;
    letter-spacing: 0;
    color:var(--azure);
    margin-top:15px;
}
.pageContent .benefits-link-text-external a{
    color:var(--azure) !important;
    display: block;
}
.benefits-box {
    padding:150px 0 150px 100px;
}
.benefits:nth-child(even) .benefits-wrapper .uk-grid .benefits-box {
    padding: 150px 100px 150px 0;
}
.benefits-box ul {
    list-style-type: none;
    margin:0;
    padding:0;
    border-top: solid 1px var(--azure30);
    margin-top:150px;
}
.benefits-box li {
    position: relative;
    margin: 0;
    padding: 30px 50px 30px 0;
    border-bottom: solid 1px var(--azure30);
}
/* .benefits-box li:after { */
.benefits-box li:not(.nolink):after{
    content: '';
    position: absolute;
    top: 38px;
    right: 0;
    width: 32px;
    height: 32px;
    background-image: url('/wp-content/themes/alumni/assets/images/arrow-up.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.benefits-item-nolink {
    padding: 30px 0px 30px 0 !important;
}
.benefits-item-nolink:after {
    background-image: none !important;
}
.benefits-button {
    margin-top:80px;
}

.benefits-links .alumniaccordion ul {
    border-top: none !important;
    margin-top: 0px !important;
}
.benefits-links .alumniaccordion ul.line {
  border-top: none;
  padding-top: 0px;
}
.benefits-links .alumniaccordion .benefits-item-nolink {
    border: none !important;
    padding: 0 !important;
}
.benefits-links .alumniaccordion .uk-accordion-title{
    font-weight: 600;
    font-size: 40px;
    line-height: 120%;
    letter-spacing: -2px;
    color: var(--white);
}

@media (max-width: 1680px) {
    .benefits{
        left: -40px;
    }
    .benefits-box {
        padding: 10vw 40px 10vw 5vw;
    }
    .benefits:nth-child(even) .benefits-wrapper .uk-grid .benefits-box {
        padding: 10vw 5vw 10vw 40px;
    }
    h2.benefits-title {
        font-size: 3.5vw;
    }
    h3.benefits-link-title {
        font-size: 2.4vw;
    }
}
@media screen and (max-width: 1200px) {
     h3.benefits-link-title {
        font-size: 34px;
    }
}
@media (max-width: 959px) {
    .benefits{
        left: -30px;
    }
    .benefits-image img{
        height: auto;
        width: 100%;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        object-position: center;
    }
    .benefits-box {
        padding: 100px 30px;
    }
    h2.benefits-title {
        font-size:5vw;
    }
}
@media (max-width: 639px) {
    .benefits{
        left: -15px;
    }
    .benefits-box ul {
      margin-top: 50px;
    }
    .benefits-box li {
      padding: 20px 30px 20px 0;
    }
    h2.benefits-title {
        font-size: 36px;
    }
    h3.benefits-link-title {
      font-size: 30px;
    }
    .benefits-box {
      padding: 75px 15px;
    }
    .benefits-link-text {
        margin-top:15px;
    }
    .benefits-links .alumniaccordion .uk-accordion-title{
        font-size: 30px;
    }
}



/* ================================================================== */
/* Teaser */
/* ================================================================== */
.teaser {
    background-color:var(--white);
    border-radius: 30px;
    padding:150px 99px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:50px;
}
.teaser-title {
    font-weight: 600;
    font-size: 96px;
    line-height: 90%;
    padding-bottom:20px;
    background: linear-gradient(90deg, var(--lightblue), var(--green));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}
.teaser-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    color:var(--azure);
}
@media screen and (max-width: 1680px) {
    .teaser-title {
        font-size: 6vw;
    }
}
@media (max-width: 959px) {
    .teaser {
        padding:60px 30px;
        gap:30px;
    }
    .teaser-title {
        font-size: 66px;
        padding-bottom:20px;
    }
}
@media (max-width: 639px) {
    .teaser {
        padding:40px 20px;
        gap:20px;
    }
    .teaser-title {
        font-size: 36px;
        padding-bottom:20px;
    }
}




/* ================================================================== */
/* Testimonials */
/* ================================================================== */
.testimonial-author {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0%;
    color: var(--azure)
}
.testimonal_textbox {
    padding-right: 6.5vw;
}
.testimonial-text {
    font-weight: 600;
    font-size: 40px;
    line-height: 110%;
    letter-spacing: -2px;
    color: var(--white);
}
.testimonial-image-container {
    width: 100%;
    aspect-ratio: 2 / 1;
    overflow: hidden;
    position: relative;
    background-color: #f5f5f5;
    margin-bottom: 15px;
    border-radius: 15px;
}
.testimonial-image-container::after {
    /*content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, var(--green), var(--lightblue));
    opacity: 1;
    mix-blend-mode: overlay;
    z-index: 2;
    pointer-events: none;*/
}
.testimonial-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 40%;
    display: block;
    /*filter: grayscale(100%);*/
}

@media screen and (max-width: 1400px) {
    .testimonial-image-container {
        aspect-ratio: 16 / 9;
    }
}
@media screen and (max-width: 1200px) {
    .testimonial-image-container {
        aspect-ratio: 4 / 3;
    }
}

@media screen and (max-width: 959px) {
    .testimonal_textbox {
        padding-right: 0;
    }
    .testimonial-image-container {
        aspect-ratio: 2 / 1;
    }
    .testimonial-text {
        font-size: 34px;
    }
    .testimonial-author {
        margin-bottom: 20px !important;
    }
}
@media (max-width: 800px) {
    .testimonial-image-container {
        width: 100%;
        max-width: 776px;
        height: auto;
        aspect-ratio: 776 / 382;
    }
}
@media (max-width: 639px) {
    .testimonial-text {
        font-size: 30px;
    }
}

/* ================================================================== */
/* Event Kacheln */
/* ================================================================== */

/* general */
.ek-top {
    padding:30px 30px 0px 30px;
}
.ek-bottom {
    margin-top: auto;
    padding:0px 30px 30px 30px;
}

/* Event Kachel Kategorie */
.ek-cat-wrapper {
    height: 670px;
    background-color:transparent;
}
.ek-cat-img-box {
    overflow: hidden;
    position: relative;
    border-radius: 15px;
    width:100%;
}
.ek-cat-img {
    height: 670px;
    position: relative;
}
.ek-cat-img-inner {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: grayscale(100%);
    z-index: 1;
}
.ek-cat-img::after {
    content: '';
    position: absolute;
    inset: 0;
    background: #000000;
    opacity: 0.32;
    mix-blend-mode: multiply;
    z-index: 2;
    pointer-events: none;
}

.ek-cat-inner {
    position:absolute;
    z-index: 500;
    display: flex;
    height:100%;
    justify-content: space-between;
    flex-direction: column;
}
.ek-cat-title {
    font-weight: 600;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: -2px;
    color:var(--white);
}

.ek-cat-lead {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0;
    color:var(--white);
}


/* Event Kachel Event */
.ek-event-wrapper {
    height: 290px;
    background-color:white;
    border-radius: 15px;
}
.ek-event-box {
    height:100%;
    background-color: white;
    border-radius: 15px;
}
.ek-event-box-inner {
    display: flex;
    height:100%;
    justify-content: space-between;
    flex-direction: column;
}
.ek-event-caption {
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color:var(--azure);
}

.ek-event-date {
    font-weight: 600;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: -2px;
    color:var(--textblue);
}

.ek-event-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0;
    color:var(--textblue);
}

.ek-event-lead {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0;
    color:var(--azure);

}

/* Event Kachel Image */
.ek-img-wrapper {
    height: 290px;
    background-color:transparent;
}

.ek-img-box {
    overflow: hidden;
    position: relative;
    border-radius: 15px;
    width:100%;
}
.ek-img {
    height: 290px;
    position: relative;
}
.ek-img-inner {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /*filter: grayscale(100%);*/
    z-index: 1;
}

/* Event Kachel Gradient */
.ek-grad-wrapper {
    height: 670px;
    border-radius: 15px;
    background:linear-gradient(90deg, var(--green), var(--lightblue));
}
.ek-grad-inner {
    display: flex;
    height:100%;
    justify-content: space-between;
    flex-direction: column;
}
.ek-grad-top {
    font-weight: 600;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: -2px;
    color:var(--white);
    padding:30px 30px 0px 30px;
}
.ek-grad-bottom {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0px;
    color:var(--white);
    margin-top: auto;
    padding:0px 30px 30px 30px;
}
@media screen and (max-width: 1200px) {
    .ek-cat-img,
    .ek-cat-wrapper,
    .ek-grad-wrapper {
        height: 30vw;
    }
}
@media screen and (min-width: 780px) and (max-width: 1199px) {
    .eventkachel .uk-child-width-1-1\@m>* {
        width: 100%;
    } 
}
@media (max-width: 639px) {
    .ek-cat-wrapper,
    .ek-cat-img {
        height: unset;
        aspect-ratio: 1 / 1;
    }
    .ek-grad-wrapper {
        height: unset;
    }
    .ek-grad-top{
        margin-bottom: 20px;
    }
    .ek-cat-title,
    .ek-event-date,
    .ek-grad-top {
        font-size: 25px;
        line-height: 25px;

    }
}



/* ================================================================== */
/*  Kacheln */
/* ================================================================== */
.kachel {
    background-color:white;
    margin-bottom:50px;
    border-radius: 15px;
}
.kachel-wrapper {
    border-radius: 15px;
    padding:20px !important;
}
.kachel-number {
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0%;
    color:var(--textblue);
}
.kachel-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -2px;
    margin-top:0px !important;
    margin-bottom:90px !important;
    color:var(--textblue);
}
.kachel-text>* {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0;
    color:var(--textblue) !important;
}
@media (max-width: 639px) {
    .kachel {
        margin-bottom:30px;
    }
    .kachel-wrapper {
        padding:15px !important;
    }
    .kachel-title {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: -2px;
        margin-top:0px !important;
        margin-bottom:30px !important;
    }
}



/* ================================================================== */
/*  Formsection Form */
/* ================================================================== */
.formsection{
    background: white;
    border-radius: 15px;
    /* margin:50px 0px 100px; */
    color: var(--textblue) !important;
}
.formsection-form {
    margin-top:80px;
}
.formsection-sectiontitle{
    color: var(--textblue) !important;
}
.formsection-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 110%;
    letter-spacing: -2px;
    color:var(--textblue);
}
.formsection-text ul, .formsection-text ol {
    padding-left:20px !important;
}
@media (max-width: 1680px) {
    .formsection{
        /* margin: 50px 0px 100px; */
        padding-left: 40px;
        padding-right: 40px;
    }
    .formsection-title {
        font-size: 2.4vw;
    }
}
@media (max-width: 959px) {
    .formsection{
        /* margin: 50px 0px 100px; */
        padding-left: 30px;
        padding-right: 30px;
    }
    .formsection-title {
        font-size: 34px;
    }
}
@media (max-width: 639px) {
    .formsection{
        /* margin: 50px 0px 100px; */
        padding-left: 15px;
        padding-right: 15px;
    }
    .formsection-title {
        font-size: 30px;
    }
}



/* ================================================================== */
/*  scrolldown */
/* ================================================================== */
.heroscrolldownwidget{
    color:var(--azure);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0;
    text-align: right;
    vertical-align: bottom;
    cursor: pointer;
    white-space: nowrap;
}
.heroscrolldownwidget::before{
    content: '';
    position: relative;
    width: 30px;
    height: 30px;
    padding-right:20px;
    background-image: url('/wp-content/themes/alumni/assets/images/scrolldown.svg');
    background-repeat: no-repeat;
    -moz-background-size: fit;
}



/* ================================================================== */
/*  Gravity-Form */
/* ================================================================== */
/*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: 600;
    border-style: solid;
    border-color: var(--ocean);
    border-width: 0 0 1px 0;
    border-radius: 0;
    box-shadow: none;
    padding: 20px 0;
    transition: var(--transition);
    color: var(--textblue);
    outline: none;
}


.gform_wrapper form .gform_body .gform_fields .gfield select {
    font-size: 24px;
    line-height: 24px;
    font-style: normal;
    font-weight: 600;
    border-style: solid;
    border-color: var(--ocean);
    border-width: 0 0 1px 0;
    border-radius: 0;
    box-shadow: none;
    transition: var(--transition);
    color: var(--textblue);
    padding-left: 0;
}
.gform_wrapper form .gform_body .gform_fields .gfield select option {
    background: var(--white);
}
.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(--ocean);
    transition: var(--transition);
}
.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: 20px;
    line-height: 20px;
    font-weight: 600;
    padding: 15px 24px;
    background: var(--white);
    color: var(--textblue);
    border: 1px solid var(--textblue);
    border-radius: 80px;
    text-transform: none;
    cursor: pointer;
    transition: var(--transition);
    margin-top: 40px;
}
.gform_wrapper.gform-theme form .gform-body .gform_page .gform-page-footer .gform_previous_button.button {
    font-family: 'Inter';
    font-style: normal;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    padding: 15px 24px;
    background: var(--white);
    color: var(--textblue);
    border: 1px solid var(--textblue);
    border-radius: 80px;
    text-transform: none;
    cursor: pointer;
    transition: var(--transition);
    margin-top: 40px;
}
.gform_wrapper.gform-theme form .gform-body .gform_page .gform-page-footer .gform_previous_button:hover {
    background: var(--textblue);
    color: var(--white);
    transition: var(--transition);
}
.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(--textblue);
    color: var(--white);
    transition: var(--transition);
}
.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;
}

.gfield_required .gfield_required.gfield_required_asterisk,
.gfield_consent_label .gfield_required.gfield_required_asterisk {
    position: relative;
    top: -8px;
}
.has-focus .gfield_required .gfield_required.gfield_required_asterisk {
    position: relative;
    top: -4px;
}

.gform_heading .gform_required_legend {
    display: none;
}
/*CustomButtonStyle*/ 
.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 {
    background-image: url('/wp-content/themes/alumni/assets/images/button-arrow-black.svg');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center;
    padding-right: 60px;
}
.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 {
    background-image: url('/wp-content/themes/alumni/assets/images/button-arrow-white.svg');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center;
    padding-right: 60px; 
}

.gform_wrapper .gform_heading .gform_required_legend {
    color: var(--ocean);
    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(--ocean);
    font-size: 24px;
    font-weight: 500;
    line-height: 25px;
    transform: translateY(30px);
    transition: var(--transition);
    cursor: text;
    margin-bottom: 0;
}
.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 input[type=checkbox]:before{
    color: var(--ocean);
}
.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: var(--transition);
}
.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: 20px;
    line-height: 20px;
}

/*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 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;
    }

}