/*
  Theme Name: Grüne Jugend Landesverband 2025
  Description:
  Version: 1.2.0
  Author: TAU Berlin
  Author URI: https://www.tau-berlin.de
  Tags: Blank, HTML5, CSS3
  Text Domain: gruenejugendlv
*/




@font-face {
    font-family: Wix Madefor Display ExtraBold;
    src: url('assets/fonts/WixMadeforDisplay-ExtraBold.ttf') format('truetype')
}

@font-face {
    font-family: Wix Madefor Display SemiBold;
    src: url('assets/fonts/WixMadeforDisplay-SemiBold.ttf') format('truetype')
}

:root {
    --color-lime: #C7FF7A;
    --color-lavender: #9F88FF;
    --color-dark: #000000;
    --color-white: #FFFFFF;
    --color-grey: #F2F2F2;
    --color-pink: #F28ADE;
    --color-apricot: #FF8568;
    --gradient-1: linear-gradient(200deg, #FF8568 14.76%, #F28ADE 35.08%, #9F88FF 60.47%, #C7FF7A 85.37%);
    --gradient-2: linear-gradient(270deg, #FF8568 30.41%, #F28ADE 72.5%);
    --gradient-2-mobile: linear-gradient(0deg, #FF8568 30.41%, #F28ADE 72.5%);
    --gradient-3: linear-gradient(270deg, #F28ADE 30.41%, #FF8568 72.5%);
    --gradient-3-mobile: linear-gradient(0deg, #F28ADE 30.41%, #FF8568 72.5%);
    --font-bold: 'Wix Madefor Display ExtraBold';
    --font-reg: 'Wix Madefor Display SemiBold'
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
}

body {
    background-color: var(--color-white);
    font-family: var(--font-reg), Arial, Helvetica, sans-serif;
    color: var(--color-dark);
    font-style: normal;
    font-weight: 400;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    line-height: 1.3;
    height: 100%;
    min-height: 100vh;
    min-height: -webkit-fill-available;
    overflow-x: hidden
}

body.modal-open {
    overflow: hidden;
}
.modal-backdrop {
    z-index: -1 !important;
}

/* Type */
h1 {
    font-size: 40px;
    font-family: var(--font-bold), Arial, Helvetica, sans-serif
}
.single h1 {margin: 3rem 0;}
h1 span {
    background-color: var(--color-lime);
    padding: 6px 10px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 135%;
}
h2 {
    font-size: 36px;
    font-family: var(--font-bold), Arial, Helvetica, sans-serif
}
h2 span {
    background-color: var(--color-lime);
    padding: 4px 8px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 135%;
}
h3 {
    font-size: 32px;
    font-family: var(--font-bold), Arial, Helvetica, sans-serif
}
h4 {
    font-size: 28px;
    font-family: var(--font-bold), Arial, Helvetica, sans-serif
}
h5 {
    font-size: 24px;
    font-family: var(--font-bold), Arial, Helvetica, sans-serif;
    line-height: 1.5
}
h6 {
    font-size: 24px;
    text-transform: uppercase;
    font-family: var(--font-bold), Arial, Helvetica, sans-serif
}

a,
a.link-underline,
a:hover,
a.link-underline:hover {
    color: var(--color-dark);
    text-decoration: none
}

strong {
    font-family: var(--font-bold);
}
blockquote {
    font-size: 24px;
    font-family: var(--font-bold), Arial, Helvetica, sans-serif;
    padding: 8px 0 8px 32px;
    position: relative;
}
blockquote::before {
    content: '';
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCA0MCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS45NzYyNSAwSDE5LjE5MjRDMTYuOTEyMSAyLjQ5MjIxIDE1LjA3NTIgNS4yMDI0OSAxMy42ODE3IDguMTMwODRDMTIuMjg4MiAxMC45OTY5IDExLjY1NDggMTMuNDI2OCAxMS43ODE1IDE1LjQyMDZMOS4wMjYxMyAxMi42MTY4QzExLjY4NjUgMTIuNjE2OCAxMy45MDM0IDEzLjQ1NzkgMTUuNjc3IDE1LjE0MDJDMTcuNDUwNSAxNi44MjI0IDE4LjMzNzMgMTguODQ3NCAxOC4zMzczIDIxLjIxNUMxOC4zMzczIDIzLjcwNzIgMTcuNDgyMiAyNS43OTQ0IDE1Ljc3MiAyNy40NzY2QzE0LjEyNTEgMjkuMTU4OSAxMi4wMDMyIDMwIDkuNDA2MTggMzBDNi42MTkxNiAzMCA0LjMzODg4IDI5LjA2NTQgMi41NjUzMiAyNy4xOTYzQzAuODU1MTA3IDI1LjI2NDggMCAyMi43NzI2IDAgMTkuNzE5NkMwIDE3LjcyNTkgMC40NzUwNiAxNS41NDUyIDEuNDI1MTggMTMuMTc3NkMyLjM3NTMgMTAuNzQ3NyAzLjU3ODc4IDguMzgwMDYgNS4wMzU2MyA2LjA3NDc2QzYuNTU1ODIgMy43Njk0NyA4LjIwMjY5IDEuNzQ0NTUgOS45NzYyNSAwWk0zMC43ODM4IDBINDBDMzcuNzE5NyAyLjQ5MjIxIDM1Ljg4MjggNS4yMDI0OSAzNC40ODkzIDguMTMwODRDMzMuMDk1OCAxMC45OTY5IDMyLjQ2MjQgMTMuNDI2OCAzMi41ODkxIDE1LjQyMDZMMjkuODMzNyAxMi42MTY4QzMyLjQ5NDEgMTIuNjE2OCAzNC43MTEgMTMuNDU3OSAzNi40ODQ2IDE1LjE0MDJDMzguMjU4MSAxNi44MjI0IDM5LjE0NDkgMTguODQ3NCAzOS4xNDQ5IDIxLjIxNUMzOS4xNDQ5IDIzLjcwNzIgMzguMjg5OCAyNS43OTQ0IDM2LjU3OTYgMjcuNDc2NkMzNC45MzI3IDI5LjE1ODkgMzIuODEwOCAzMCAzMC4yMTM4IDMwQzI3LjQyNjggMzAgMjUuMTQ2NSAyOS4wNjU0IDIzLjM3MjkgMjcuMTk2M0MyMS42NjI3IDI1LjI2NDggMjAuODA3NiAyMi43NzI2IDIwLjgwNzYgMTkuNzE5NkMyMC44MDc2IDE3LjcyNTkgMjEuMjgyNyAxNS41NDUyIDIyLjIzMjggMTMuMTc3NkMyMy4xODI5IDEwLjc0NzcgMjQuMzg2NCA4LjM4MDA2IDI1Ljg0MzIgNi4wNzQ3NkMyNy4zNjM0IDMuNzY5NDcgMjkuMDEwMyAxLjc0NDU1IDMwLjc4MzggMFoiIGZpbGw9ImJsYWNrIi8+PC9zdmc+Cg==');
    background-size: 20px auto;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
}
p {
    line-height: 1.5;
    margin-bottom: 3rem;
}
p a {
    font-family: var(--font-bold);
    text-decoration: underline
}
.hl-xl {
    font-size: 40px;
    font-family: var(--font-bold)
}

/* Global Styles */

article {
    background-color: #ffffff;
    padding-bottom: 80px;
    margin-bottom: 654px;
    position: relative;
    z-index: +1;
}


    .container-fluid {
        width: 100%;
        max-width: 2000px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
    }
    img {
        width: 100%;
        display: block;
    }

    .wp-block-image {
        margin: 32px 0;
    }

    .wp-block-image img {
        width: 100% !important;
        display: block;
    }

    .color-bg {
        background-color: var(--color-apricot);
        padding-top: 40px;
        padding-bottom: 40px;
    }

    /* Section Spacers */
    .mb-lg {
        margin-bottom: 48px;
    }
    .mb-md {
        margin-bottom: 32px;
    }
    .mb-sm {
        margin-bottom: 16px;
    }
    .mt-lg {
        margin-top: 20px;
    }
    .mt-md {
        margin-top: 16px;
    }
    .mt-sm {
        margin-top: 16px;
    }

    ul.breadcrumb {display: none;}

    /* Nav */
    .site-header {
        width: 100%;
        background: var(--gradient-1)
    }

    .site-header .logo {
        width: 100%;
        max-height: 85px;
        margin: 12px 0;
    }

    /* Link Styles */
    .link-group {
        margin-top: 24px
    }
    .link-group .link-underline {
        margin-bottom: 16px;
        margin-right: 24px
    }
    .link-underline {
        font-family: var(--font-bold), Arial, Helvetica, sans-serif;
        font-size: 22px;
        position: relative;
        padding-bottom: 10px;
        display: inline-block;
    }
    .link-underline::after {
        content: '';
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        background-color: var(--color-lavender);
        height: 6px
    }
    .link-underline.light::after, .color-bg .link-underline::after {
        background-color: var(--color-lime)
    }



    .link-icon {
        display: inline-flex;
        align-items: center
    }
    .link-icon .label {
        text-wrap: nowrap;
    }
    .link-icon .icon {
        margin-left: 8px;
        width: 16px
    }

    /* Link Card */
    .link-group .link-card {
        margin-top: 24px;
    }
    .link-card {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: var(--color-grey)
    }
    .zustaendigkeiten .link-card {
        margin-top: 32px;
        cursor: pointer;
    }
    .link-card .icon {
        transition: all ease .3s
    }
    .link-card .icon img {
        width: 40px
    }
    .link-card .label {
        font-size: 24px;
        font-family: var(--font-bold)
    }
    .link-card.download {
        align-items: flex-end
    }
    .link-card.download .label,
    .link-card.job .label {
        padding-right: 16px
    }
    .link-card.download .icon img {
        width: 24px
    }

    .link-card.job {
        align-items: flex-end
    }
    .link-card.job .icon img {
        width: 28px
    }

    /* Info Card */
    .info-card {
        margin-top: 32px;
        background-color: var(--color-grey);
    }
    .info-card p {
        margin-top: 8px;
        margin-bottom: 12px;
    }
    .info-card .details {
        margin-top: 16px
    }
    .info-card .details table {
        margin-top: 16px
    }

    /* Scroll-field */
    .scrollfield {
        width: 100%;
        background: #F2F2F2;
        padding: 8px 0 0 20px;
        margin: 0 0 24px 0;
    }

    .scrollfield .scrollfield-crop {
        overflow-x: hidden;
    }

    .scrollfield .scrollfield-crop .outer {
        overflow-x: scroll;
        overflow-y: auto;
        white-space: nowrap;
        scroll-snap-type: none;
        overscroll-behavior-x: contain;
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding: 0;
        margin: 0;
    }

    .scrollfield .scrollfield-crop .outer::-webkit-scrollbar {
        display: none;  /* Safari and Chrome */
    }

    .scrollfield .scrollfield-crop .outer .inner {
        display: inline-flex;
        vertical-align: top;
        width: 100%;
    }

    .scrollfield .scrollfield-crop .outer .inner ul {
        display: inline-block;
        padding: 0;
        margin: 0;
        text-align: left;
    }

    .scrollfield .scrollfield-crop .outer .inner ul li {
        display: inline-block;
        padding: 0 40px 0 0;
        margin: 0;
        position: static;
    }

    .scrollfield .scrollfield-crop .outer .inner ul li:last-child {
        padding: 0 200px 0 0;
    }

    .scrollfield .scrollfield-crop .outer .inner ul li a {
        position: relative;
        color: #000;
        font-size: 22px;
        font-style: normal;
        line-height: 100%;
        height: auto;
        display: block;
        padding: 12px 0 16px 0;
        font-family: var(--font-bold), Arial, Helvetica, sans-serif;
    }

    .scrollfield .scrollfield-crop .outer .inner ul li.menu-item-has-children a {
        padding-right: 28px;
    }

    .scrollfield .scrollfield-crop .outer .inner ul li.menu-item-has-children a::before {
        content: '';
        display: block;
        width: 18px;
        height: 19px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        background: #F2F2F2 url('data: image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDE4IDE5IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMTggOC4xMzA4OUwxNS4xMjAxIDUuMzQzNzVMOSAxMC43MTYxTDIuODc5ODkgNS4zNDM3NUwwIDguMTMwODlMOSAxNi4wMzEyTDE4IDguMTMwODlaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==') 0 0 no-repeat;
        background-size: contain;
        -webkit-transition: all 300ms linear;
        -ms-transition: all 300ms linear;
        transition: all 300ms linear;
    }

    .scrollfield .scrollfield-crop .outer .inner ul li.menu-item-has-children.open a::before {
        transform: translateY(-50%) rotate(-180deg);
    }

    .scrollfield .scrollfield-crop .outer .inner ul li.current-menu-parent a::after {
        position: absolute;
        bottom: 0;
        content: '';
        left: 0;
        height: 6px;
        width: 100%;
        background-color: #9F88FF;
    }

    .scrollfield .scrollfield-crop .outer .inner ul li ul {
        display: none;
        position: relative;
    }

    .scrollfield .scrollfield-crop .outer .inner ul li.open ul {
        display: block;
        position: absolute;
        z-index: +1;
        background-color: #F2F2F2;
        padding: 12px;
        max-width: 75%;
    }

    .scrollfield .scrollfield-crop .outer .inner ul li.open ul li {
        display: block;
        width: 100%;
        white-space: normal;
        padding-right: 0 !important;
        margin: 0 0 12px 0;
    }

    .scrollfield .scrollfield-crop .outer .inner ul li.open ul li:last-child {
        margin: 0;
    }

    .scrollfield .scrollfield-crop .outer .inner ul li.open ul li a {
        padding: 0;
        line-height: 150%;
    }

.scrollfield .scrollfield-crop .outer .inner ul li.open ul li a::after, .scrollfield .scrollfield-crop .outer .inner ul li.open ul li a::before {
    display: none;
    padding: 0;
}


.scrollfield .scrollfield-crop .outer .inner ul li a.anmeldelink {
        height: auto;
        color: #FFFFFF;
        background-color: #000000;
        padding: 4px 8px 6px 8px;
    }

    /* Accordions */
    .accordion-group {
        margin-top: 24px;
    }
    .accordion-group .accordion-item {
        margin-top: 24px;
    }
    .accordion-item {
        display: block;
        background-color: var(--color-grey);
    }
    .accordion-item .top {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        cursor: pointer;
    }
    .accordion-item .title {
        padding-right: 12px;
    }
    .accordion-item .headline {
        margin-top: 4px;
        margin-bottom: 0;
    }
    .accordion-item .icon {
        width: 20px;
        padding-top: 8px;
        padding-bottom: 8px;
        -webkit-transition: all 400ms linear;
        -ms-transition: all 400ms linear;
        transition: all 400ms linear;
    }
    .accordion-item .inner {
        margin-top: 12px;
    }
    .accordion-item.open .icon {
        transform: rotate(180deg);
    }

    .link-card,
    .info-card,
    .accordion-item {
        padding: 16px;
    }

    /* Scrolling Marquee */
    .scrolling-marquee {
        background-color: var(--color-lime);
        margin-bottom: 48px;
        overflow-x: scroll
    }
    .scrolling-marquee::-webkit-scrollbar {
        display: none
    }
    .scrolling-marquee .scrolling-marquee-inner {
        display: flex;
        align-items: center;
        max-width: 100%;
        overflow-x: scroll;
        padding: 0
    }
    .scrolling-marquee span {
        display: block;
        text-wrap: nowrap;
        margin: 0 10px
    }
    .scrolling-marquee .icon {
        width: 40px
    }

    /* Headline Styles */
    .headline-container {
        margin-left: 10px;
        margin-bottom: 20px;
        max-width: 600px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .headline-container.ansprechpersonen {
        flex-direction: row;
    }
    .headline-container.fw {
        max-width: 100%;
    }
    .headline-container .word {
        position: relative;
        display: inline-block;
    }
    .headline-container.ansprechpersonen .word {
        border-left: 20px solid #fff;
        border-right: 20px solid #fff;
    }
    .headline-container.ansprechpersonen .word:first-child {
        border-left: none;
    }
    .headline-container.ansprechpersonen .word:last-child {
        border-right: none;
    }
    .headline-container .word h1,
    .headline-container .word h2,
    .headline-container .word h3,
    .headline-container .word h4,
    .headline-container .word h5,
    .headline-container .word h6,
    .headline-container .word p {
        margin-bottom: 0;
        position: relative;
        z-index: 2
    }
    .headline-container .word::after {
        content: '';
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        margin-left: -8px;
        background-color: var(--color-lime);
        width: calc(100% + 16px);
        z-index: 1
    }
    .headline-container.white .word::after {
        background-color: var(--color-white)
    }

    /* Banners */
    .banner-donate,
    .banner-link {
        margin-bottom: 48px
    }
    .banner-inner {
        background: var(--gradient-2-mobile);
        padding: 40px 20px;
        width: 100%;
        margin: 0 auto
    }
    .banner-headline {
        display: block;
        text-align: center;
        margin-bottom: 24px
    }
    .banner-headline h2 {
        max-width: 800px
    }
    .banner-headline img {
        margin-bottom: 24px;
        display: inline-block;
        width: 100%;
        height: auto;
    }
    .banner-donate .donate-group {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 0;
        padding: 0 8px
    }
    .donate-btn {
        font-size: 44px;
        background-color: var(--color-lime);
        font-family: var(--font-bold);
        line-height: 1.3;
        padding: 6px;
        margin: 7px;
        cursor: pointer;
    }
    .banner-link .link-container {
        text-align: center
    }
    .banner-link .link-underline {
        margin: 0
    }

    /* Text Section */
    .text-section .color-bg {
        padding: 24px 10px;
        margin: 0;
    }

    /* Img Section */
    .fw-img-section figure {
        padding: 0 0 50% 0;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat
    }

    /* Grey Section */
    .headlinetext-section {
        background-color: var(--color-grey);
        padding: 48px 0 0 0;
    }

    .headlinetext-section .row.blk {
        padding-bottom: 48px;
    }

    .headlinetext-section .row.blk a.showmore {
        position: relative;
        cursor: pointer;
        padding: 0 35px 0 0;
    }
    .headlinetext-section .row.blk a.showmore span.label {
        padding-bottom: 16px;
        display: block;
    }
    .headlinetext-section .row.blk a.showmore::before {
        content: '';
        display: block;
        width: 26px;
        height: 25px;
        position: absolute;
        right: 0;
        left: unset;
        top: 5px;
        background: transparent url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNSAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjUgMTEuMTk4NUwyMS4wMDAyIDcuNTMxMjVMMTIuNSAxNC42MDAxTDMuOTk5ODUgNy41MzEyNUwwIDExLjE5ODVMMTIuNSAyMS41OTM3TDI1IDExLjE5ODVaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==') center center no-repeat;
    }
    .headlinetext-section .row.blk span.icon {
        float: right;
        margin: 5px 0 0 10px;
    }
    .link-underline.download span.icon {
        float: right;
        margin: -5px 0 0 10px;
        transform: none;
    }
    .headlinetext-section .row.blk span.icon img, .link-underline.download span.icon img {
        width: 28px;
        height: 32px;
    }

    /* Teaser Sections */
    .news-section.color-bg .teaser-body,
    .news-section.color-bg figure {
        background-color: var(--color-white);
    }
    .teaser-section.color-bg {
        background-color: var(--color-grey)
    }

    /* Card Teasers */
    .date,
    .location,
    .type {
        font-size: 20px;
        text-transform: uppercase;
        font-family: var(--font-bold);
        text-transform: uppercase;
        margin-top: 12px;
        display: flex;
        align-items: center;
    }
    .date img,
    .location img {
        width: 18px;
        margin-right: 8px;
    }
    .teaser {
        position: relative;
        display: block;
        margin-bottom: 20px;
    }
    .teaser figure {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0 0 60% 0;
        background-color: var(--color-grey);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        transition: all .3s ease;
    }
    .teaser .tag {
        font-size: 16px;
        font-family: var(--font-bold);
        text-transform: uppercase;
        line-height: 1.5;
        padding: 2px 6px;
        background-color: var(--color-apricot);
        position: absolute;
        top: 16px;
        left: 16px
    }
    .teaser-body {
        background-color: var(--color-grey);
        padding: 16px;
    }

    .teaser.featured {
        display: block;
        background-color: var(--color-grey);
    }
    .teaser.featured .teaser-body {
        background: none;
    }
    .teaser.featured .tag {
        position: static;
        margin-right: 10px;
    }
    .teaser.featured .date {
        margin-top: 0;
    }
    .teaser.featured h4 {
        position: static;
    }

    .teaser.featured.featured-event {
        background-color: var(--color-pink);
        padding: 24px;
    }
    .teaser.featured.featured-event .teaser-body {
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
    }

    /* Link Teasers */
    .teaser-sm {
        position: relative
    }
    .teaser-sm .overlay {
        background-color: rgba(0, 0, 0, .2);
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 16px;
        display: flex;
        justify-content: space-between;
        flex-direction: column
    }
    .teaser-sm .icon {
        width: 40px
    }
    .overlay .headline-container,
    .teaser .headline-container {
        margin-bottom: 0;
        padding: 0;
    }

    /* Member Teasers */
    .teaser-member {
        margin-bottom: 26px
    }

    a.show_details {
        cursor: pointer;
    }

    .teaser-member figure {
        padding: 0 0 100% 0
    }
    .teaser-member:not(.plain) .overlay {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 16px;
        display: flex;
        justify-content: flex-end;
        flex-direction: column;
    }

    .show_details .teaser-member:not(.plain) .overlay {
        cursor: pointer;
    }

    .role p {
        font-size: 20px
    }
    .headline-container .role {
        font-family: var(--font-bold);
    }
    .headline-container .role::after {
        background-color: var(--color-white);
    }
    .teaser-member .headline-container .word.name::after {
        display: none;
    }

    .teaser-member .headline-container h4 {
        background-color: var(--color-lime);
        padding: 6px 10px;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        line-height: 135%;
        margin-left: -10px;
        display: inline;
    }

    .teaser-member .headline-container .role {
        margin-top: 4px;
    }
    .teaser-member .headline-container .word.role p {
        padding-top: 3px;
    }

    .teaser-member.plain .headline-container h4 {
        background-color: var(--color-apricot);
    }
    .zustaendigkeiten .headline-container .name::after {
        background-color: var(--color-apricot)
    }

    .teaser-download figure {
        background-size: cover;
    }
    .teaser-download .meta {
        margin: 12px 0;
    }
    .teaser-download .meta span {
        display: block;
        text-transform: uppercase;
        font-family: var(--font-bold);
        font-size: 18px;
    }
    .teaser-download .link-underline {
        margin: 0;
    }

    /* Topics Teasers */
    .topics-section .headline-container {
        margin-bottom: 20px
    }
    .topic-card {
        background-color: var(--color-lime);
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        height: 200px;
        margin-bottom: 24px;
        transition: all ease .3s;
    }
    .topic-card .headline {
        margin: 0;
    }
    .topic-card img {
        height: 68px;
        width: auto
    }

    /* Topic Single Section */
    .topic-single .headline-container {
        margin-bottom: 20px
    }
    .topic-single .topic-icon {
        width: 100px;
        margin-bottom: 32px
    }
    .topic-single .styled-list {
        margin-top: 32px
    }
    .topic-single .styled-list ul {
        list-style: none;
        padding: 0
    }
    .topic-single .styled-list li {
        display: flex;
        align-items: center;
        font-family: var(--font-bold);
        margin-top: 8px
    }
    .topic-single .styled-list img {
        width: 32px;
        margin-right: 10px
    }

    /* Meta */
    .meta {
        display: flex;
        margin-top: 20px;
    }
    .meta .separator {
        display: block;
        background-color: var(--color-dark);
        width: 4px;
        height: auto;
        margin-left: 8px;
        margin-right: 8px;
        margin-top: 12px;
    }
    .meta span {
        display: flex;
        align-items: center;
        font-family: var(--font-bold);
    }
    .inline-img {
        margin: 16px 0;
    }

    /* Events */
    .event-teaser-plain {
        display: block;
        margin-bottom: 32px;
    }

    .event-detail .monthname {display: none;}
    .event-teaser-plain .headline {
        margin-bottom: 0;
    }
    .event-teaser-plain figure {
        margin-bottom: 16px;
        margin-top: 0;
        padding: 0 0 50% 0;
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        transition: all .3s ease;
    }


    /* Form */
    .form-field {
        margin-bottom: 16px;
    }
    .form-control {
        appearance: none;
        border: solid 2px var(--color-dark);
        border-radius: 0;
        padding: 14px 16px;
        color: var(--color-dark);
        font-size: inherit;
        max-height: 74px;
    }
    input[type=number],
    select.form-control:not([size]):not([multiple]) {
        height: auto;
        max-height: 74px;
    }
    .select-field {
        position: relative;
    }
    .select-field::after {
        background: url(/assets/images/chevron.svg) 50% no-repeat;
        background-size: 20px auto;
        content: "";
        width: 20px;
        height: 20px;
        pointer-events: none;
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
    }
    .select-field-plain {
        max-width: 360px;
    }
    .select-field-plain select {
        border: none;
        padding: 14px 0;
        font-family: var(--font-bold);
    }
    .select-field-lg select {
        font-size: 24px;
        font-family: var(--font-bold);
        padding: 20px;
        max-height: unset !important;
    }
    .form-control::placeholder {
        color: var(--color-dark);
        opacity: .5;
    }
    .form-control:focus {
        border-color: var(--color-dark);
        box-shadow: 0 0 0 4px rgba(0, 0, 0, .4);
    }
    button[type=submit] {
        background-color: var(--color-dark);
        color: var(--color-white);
        appearance: none;
        -webkit-appearance: none;
        border: none;
        padding: 16px;
        margin-top: 8px;
        width: 100%;
        font-family: var(--font-bold);
        transition: all ease .3s;
        cursor: pointer;
    }
    .form-link {
        font-family: var(--font-bold);
        display: block;
        text-align: center;
    }
    .form-label {
        font-family: var(--font-bold);
    }
    .form-text {
        font-size: 16px;
        margin-top: 6px;
    }
    .info-link {
        display: flex;
        align-items: center;
        margin-top: 4px;
        font-family: var(--font-bold);
        transition: all ease .3s;
    }
    .info-link img {
        width: 20px;
        margin-left: 5px;
    }

    .stepper {
        display: flex;
        width: 100%;
    }
    .stepper .bar {
        display: block;
        margin-bottom: 12px;
        height: 8px;
        background-color: var(--color-grey);
    }
    .stepper .step-name {
        display: none;
        font-family: var(--font-bold);
    }
    .stepper .step-single.current .bar {
        background-color: var(--color-apricot);
    }
    .stepper .step-single.current .step-name {
        display: block;
    }
    .stepper .step-single {
        padding-left: 8px;
        padding-right: 8px;
        flex: 1;
    }
    .stepper .step-single:first-child {
        padding-left: 0;
    }
    .stepper .step-single:last-child {
        padding-right: 0;
    }

    /* Programme Table */
    .table,
    .table .table {
        background: none;
    }
    .table thead th {
        border-width: 1px;
    }
    .programme-table th.top {
        text-transform: uppercase;
        font-family: var(--font-bold);
    }

    /* Modal */
    .modal {
        background-color: rgba(0, 0, 0, 0);
        height: calc(var(--vh, 1vh) * 100);
        transition: background-color ease .3s;
    }

    .modal.show {
        background-color: rgba(0, 0, 0, .4);
    }

    .modal-dialog {
        max-width: 1px;
        margin: 0 0 0 auto;
        max-height: unset !important;
        height: calc(var(--vh, 1vh) * 100) !important;
        transition: max-width ease .3s;
    }

    .modal.show .modal-dialog {
        max-width: 880px;
    }

    .modal-content {
        max-height: unset !important;
        height: calc(var(--vh, 1vh) * 100) !important;
        border: none;
        border-radius: 0;
    }
    .modal-content .headline-container.modal-title h3 span {
        background-color: var(--color-lime);
        padding: 6px 10px;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        line-height: 100%;
    }
    .modal-header {
        border-bottom: none;
    }
    .btn-close {
        appearance: none;
        -webkit-appearance: none;
        border: none;
        background: none;
        display: flex;
        align-items: center;
        font-family: var(--font-bold);
    }
    .btn-close img {
        margin-right: 8px;
    }

    /* Footer */
    .site-footer {
        display: none;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: var(--gradient-1);
        padding-top: 24px;
        padding-bottom: 24px;
    }
    body.scroll-solid .site-footer {
        display: block;
    }
    .site-footer p a {
        text-decoration: none;
        font-family: var(--font-reg), Arial, Helvetica, sans-serif;
        color: var(--color-dark);
        font-style: normal;
        font-weight: 400;
    }
    .site-footer .logo {
        max-width: 860px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 32px;
    }
    .site-footer .legal {
        margin-top: 24px;
    }
    .site-footer ul {
        list-style: none;
        padding: 0;
    }
    .site-footer ul li a {
        text-decoration: underline;
        font-family: var(--font-bold);
    }
    .site-footer #menu-legal-menue a {
        display: block;
        margin-bottom: 8px;
    }
    .site-footer .social-menu {
        display: flex;
        margin-top: 20px;
    }
   .social-menu img {
        width: 40px;
        margin-right: 16px;
        transition: all ease .3s;
    }


    .page-template-template-positionen article figure.opener {
        margin: 0;
    }
    .page-template-template-positionen article figure.opener img {
        width: 30%;
        height: auto;
        margin-bottom: 32px;
    }

    .page-template-template-positionen article h1 {
        margin-bottom: 32px;
    }



    /* Breakpoints */
    @media (min-width:500px) {
        h1 {
            font-size: 48px;
        }
        h2 {
            font-size: 48px;
        }

        .mb-lg {
            margin-bottom: 64px;
        }
        .mb-md {
            margin-bottom: 40px;
        }
        .mb-sm {
            margin-bottom: 20px;
        }
        .mt-lg {
            margin-top: 32px;
        }
        .mt-md {
            margin-top: 24px;
        }
        .mt-sm {
            margin-top: 20px;
        }

        .container-fluid {
            padding-left: 40px;
            padding-right: 40px;
        }

        .link-underline {
            font-size: 24px;
            padding-bottom: 12px;
        }
        .link-underline::after {
            height: 8px;
        }
        .link-icon .icon {
            margin-left: 10px;
            width: 20px;
        }

        .info-card {
            padding: 20px;
        }

        .banner-headline img {
            width: 100px;
        }
        .donate-btn {
            font-size: 48px;
            padding: 0 6px;
            margin: 8px;
            line-height: 1.2;
        }

        .color-bg {
            padding-top: 64px;
            padding-bottom: 64px;
        }

        .teaser .tag {
            font-size: 20px;
            padding: 0 6px;
            top: 24px;
            left: 24px;
        }
        .teaser-body {
            padding: 20px;
        }
        .date {
            margin-top: 16px;
        }
        .location,
        .type {
            margin-top: 8px;
        }
        .teaser-member:not(.plain) .overlay,
        .teaser-sm .overlay {
            padding: 20px;
        }

        .topic-single .topic-icon {
            width: 160px;
            margin-bottom: 40px;
        }
        .topic-single .styled-list li {
            margin-top: 12px;
        }
        .topic-single .styled-list img {
            width: 40px;
            margin-right: 12px;
        }

        .form-wrapper {
            margin-top: 32px
        }
    }

    @media (max-width:620px) {
        .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {
            width: 100%;
            float: left;
            clear: both;
            margin: 0 0 2.992em 0;
        }

        .woocommerce ul.products li.product a.button.add_to_cart_button {
            top: calc(100vW - 55px);
        }

        .single-product.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper h2 {
            font-size: 24px;
        }
        .single-product.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper p {
            font-size: 18px;
        }
    }

    @media (min-width:768px) {

        .site-header .menu-overlay ul.menu {
            width: 50%;
        }

        .site-header .menu-overlay ul.menu.open {
            transform: translateX(0);
        }

        .site-header .menu-overlay ul.menu li ul li {
            margin-bottom: 24px;
        }

        .site-header .menu-overlay ul.menu li.open ul li {
            border-top: solid 2px var(--color-dark);
        }

        .site-header .menu-overlay ul.menu li.open ul li.menu-item-has-children {
            width: auto;
        }

        .site-header .menu-overlay ul.menu li.open ul li.menu-item-has-children a {
            width: auto;
        }

        .hl-xl {
            font-size: 48px;
        }

        .site-header .logo {
            max-height: 120px;
            margin: 18px 0;
        }

        .banner-inner {
            padding: 24px 34px;
        }
        .banner-headline img {
            margin-right: 24px;
            width: 100px;
        }

        .topic-card {
            padding: 24px;
            height: 260px;
        }

        .event-teaser-plain {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: solid 2px var(--color-dark);
            padding: 24px 0;
        }
        .event-teaser-plain:first-child {
            border-top: solid 2px var(--color-dark);
        }

        .event-detail .monthblock {
            margin-bottom: 0;
        }

        .event-detail .monthblock .event-teaser-plain {
            border-bottom: none;
            margin-bottom: 0;
        }

        .event-detail .monthblock .event-teaser-plain:first-child {
            border-top: none;
        }

        .event-detail .monthblock .monthname {
            display: block;
        }

        .event-detail .monthblock .monthname h4 {
            display: inline-block;
            background-color: var(--color-lime);
            padding: 2px 10px;
            -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
            line-height: 100%;
        }

        .event-detail .monthblock .sectionspacer hr {
            border-top: 2px solid rgb(0, 0, 0);
        }

        .event-teaser-plain figure {
            order: 1;
            margin-bottom: 0;
            flex: 0 0 28%;
            padding: 0 0 15% 0;
        }

        .product-teaser .quick-add {
            left: 20px;
            bottom: 20px;
        }

        .site-footer .logo {
            margin-bottom: 48px;
        }
        .site-footer .contact {
            display: flex;
        }
        .site-footer .contact p {
            margin-right: 48px;
        }
        .site-footer .social-menu {
            justify-content: flex-end;
            margin-top: 0;
            align-items: flex-end;
            height: 100%;
            padding-bottom: 20px;
        }
        .social-menu img {
            width: 48px;
        }
        .woocommerce ul.products li.product a.button.add_to_cart_button {
            display: none;
            top: calc(25vW - 55px);
        }

        .woocommerce ul.products li.product:hover a.button.add_to_cart_button {
            display: block;
        }
    }

    @media (min-width:992px) {

        h3 {
            font-size: 36px;
        }
        h4 {
            font-size: 28px;
        }
        h5 {
            font-size: 26px;
        }
        h6 {
            font-size: 26px;
        }
        blockquote {
            font-size: 32px;
            padding: 16px 0 16px 36px;
        }
        blockquote::before {
            background-size: 26px auto;
            width: 26px;
            height: 26px;
        }
        .wp-block-image {
            margin: 32px 0 100px 0;
        }
        .hl-xl {
            font-size: 64px;
        }
        .mb-lg {
            margin-bottom: 100px;
        }
        .mb-md {
            margin-bottom: 48px;
        }
        .mb-sm {
            margin-bottom: 24px;
        }
        .mt-lg {
            margin-top: 48px;
        }
        .mt-md {
            margin-top: 32px;
        }

        ul.breadcrumb {
            display: inline-block;
            background: none;
            margin: 0 0 30px 0;
        }

        ul.breadcrumb li {
            font-family: var(--font-reg), Arial, Helvetica, sans-serif;
            font-size: 22px;
            font-style: normal;
            line-height: 150%;
            color: rgba(0, 0, 0, 0.60);
            float: left;
            padding: 0 30px 0 0;
            position: relative;
        }

        ul.breadcrumb li::after {
            content: '/';
            color: #000000;
            font-family: var(--font-bold), Arial, Helvetica, sans-serif;
            width: auto;
            height: auto;
            position: absolute;
            display: block;
            right: 8px;
            top: 0;
        }

        ul.breadcrumb li:last-child::after {
            display: none !important;
        }

        ul.breadcrumb li a {
            color: #000000;
            font-family: var(--font-bold), Arial, Helvetica, sans-serif;
            text-decoration: none;
            color: #000;
        }

        .site-header .logo {
            max-height: 170px;
            margin: 24px 0;
        }

        .container-fluid {
            padding-left: 64px;
            padding-right: 64px;
        }

        .headline-container .word::after {
            margin-left: -12px;
            width: calc(100% + 24px);
        }
        .headline-container.sm .word::after {
            margin-left: -10px;
            width: calc(100% + 20px);
        }

        .info-card {
            margin-top: 40px;
        }
        .link-card,
        .info-card,
        .accordion-item {
            padding: 24px;
        }

        .banner-inner {
            padding: 40px 48px 40px 56px;
        }
        .donate-btn {
            font-size: 64px;
            padding: 0 8px;
            line-height: 1.2;
            transition: ease .3s background-color;
        }
        .donate-btn:hover {
            background-color: var(--color-white);
        }

        .scrollfield {
            padding: 6px 0 0 28px;
            margin: 0 0 64px 0;
        }

        .scrollfield .scrollfield-crop .outer .inner .element {
            padding: 0 48px 0 0;
        }

        .scrollfield .scrollfield-crop .outer .inner .element a {
            font-size: 26px;
            font-style: normal;
            font-weight: 800;
            line-height: 100%;
            height: 48px;
            display: block;
        }

        .scrollfield .scrollfield-crop .outer .inner .element a.selected::after {
            height: 8px;
            width: 100%;
            background-color: #9F88FF;
        }

        .scrollfield .scrollfield-crop .outer .inner ul li a {
            font-size: 26px;
        }

        .scrollfield .scrollfield-crop .outer .inner ul li.open ul {
            padding: 14px 24px 24px 24px;
        }

        .scrollfield .scrollfield-crop .outer .inner ul li.open ul li a {
            font-size: 24px;
        }

        .color-bg {
            padding-top: 100px;
            padding-bottom: 100px;
        }

        .scrolling-marquee span {
            margin: 0 20px;
        }
        .scrolling-marquee .icon {
            width: 85px;
        }

        .teaser-member {
            margin-bottom: 48px;
        }
        .teaser:hover figure {
            background-size: 105%;
        }
        .teaser-download:hover figure {
            background-size: cover;
        }

        .teaser.featured {
            display: flex;
        }
        .teaser.featured figure {
            flex: 0 0 50%;
            padding: 0 0 25% 0;
        }

        .teaser.featured .teaser-body {
            flex: 0 0 50%;
            padding: 48px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .page-template-template-termine .teaser.featured figure {
            flex: 0 0 40%;
        }

        .page-template-template-termine .teaser-body {
            flex: 0 0 60%;
            padding: 48px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .teaser.featured h4 {
            font-size: 40px;
        }
        .teaser.featured .meta {
            margin-bottom: 20px;
        }
        .teaser.featured .tag {
            position: static;
            margin-right: 16px;
        }
        .teaser.featured.featured-event {
            padding: 48px;
        }
        .teaser.featured.featured-event .teaser-body{
            padding-left: 48px;
        }

        .topic-card:hover {
            transform: rotate(2deg);
        }

        .accordion-group {
            margin-top: 40px
        }
        .accordion-group .accordion-item {
            margin-top: 32px;
        }
        .accordion-item .title .subhead {
            font-size: 20px;
        }
        .accordion-item .inner {
            margin-top: 20px;
        }
        .accordion-item .icon {
            width: 28px;
        }

        .meta img {
            height: 24px;
            width: auto;
            margin-right: 10px;
        }
        .inline-img {
            margin: 32px 0;
        }
        .event-teaser-plain {
            padding: 32px 0;
        }

        .event-detail .monthblock .event-teaser-plain {
            align-items: flex-start;
        }
        .event-detail .monthblock .monthname h4 {
            margin-top: 32px;
        }

        .event-teaser-plain:hover figure {
            background-size: 105%;
        }

        .product-teaser .quick-add {
            opacity: 0;
            width: 64px;
            height: 64px;
            left: 24px;
            bottom: 24px;
        }
        .product-teaser .quick-add img {
            width: 36px;
        }
        .product-teaser .thumb:hover .quick-add {
            opacity: 1;
        }
        .teaser.product-teaser:hover figure {
            background-size: 100%;
        }
        .product-teaser .thumb:hover figure {
            background-size: 105%;
        }
        .product-teaser .teaser-body {
            margin-top: 16px;
        }
        .product-teaser .product-title {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .product-teaser .product-title:hover {
            opacity: .5;
        }
        .product-teaser .price-meta {
            font-size: 18px;
            margin-top: 4px;
        }

        .shop-detail .product-title {
            padding-left: 40px;
        }

        .form-field {
            margin-bottom: 24px;
        }
        .form-text {
            font-size: 20px;
            margin-top: 12px;
        }
        .info-link {
            margin-top: 12px;
            font-size: 22px;
        }
        .info-link:hover {
            opacity: .5;
        }
        .info-link img {
            width: 24px;
            margin-left: 6px;
        }

        .stepper {
            margin-bottom: 64px;
        }
        .stepper .step-single {
            padding-left: 16px;
            padding-right: 16px;
        }
        .stepper .step-name {
            display: flex;
            font-family: var(--font-bold);
        }
        .stepper .step-single.current .step-name {
            display: block;
        }

        button[type=submit]:hover {
            background-color: rgba(0, 0, 0, .5);
        }

        .modal-header {
            padding: 24px 32px;
        }
        .modal-body {
            padding: 32px;
        }

        .social-menu img:hover {
            opacity: .5;
        }

        /* WOOCOMMERCE */

        .woocommerce-page h1.page-title {
            margin: 0 0 56px 0;
        }

        .woocommerce .woocommerce-ordering {
            margin: 0 0 56px 0;
        }
        .woocommerce .woocommerce-ordering select {
            font-size: 28px;
            padding: 0 41px 0 0;
            text-align: right;
            max-width: unset;
        }

        .woocommerce .woocommerce-ordering::before {
            width: 25px;
            height: 26px;
        }

        .woocommerce h2.woocommerce-loop-product__title {
            font-size: 28px;
        }

        .woocommerce ul.products li.product .price {
            font-size: 28px;
        }
        .single-product.woocommerce .woocommerce-tabs.wc-tabs-wrapper {
            float: right;
            width: 48%;
            clear: none;
        }

        .cta2024 .inner {
            width: 80%;
            max-height: 496px;
        }

        .cta2024 .inner .image {
            height: auto;
        }

        .cta2024 .inner .text {
            padding: 40px;
            height: calc(100vh - 140px);
            max-height: 496px;
        }

    }

    @media (min-width:1200px) {
        body {
            font-size: 24px;
        }

        .col {
            padding-right: 24px;
            padding-left: 24px
        }
        .row {
            margin-right: -12px;
            margin-left: -12px;
        }

        form .row {
            margin-right: -5px;
            margin-left: -5px;
        }

        form .col {
            padding-right: 12px;
            padding-left: 12px
        }

        .hl-xl {
            font-size: 80px;
        }

        .nav-bar {
            padding-right: 12px;
        }
        .site-header .menu-overlay ul.menu li {
            font-size: 56px;
        }
        .site-header .menu-overlay ul.menu li.open ul li {
            padding-bottom: 28px;
            font-size: 28px;
        }
        .link-group {
            margin-top: 32px;
        }
        .link-group .link-underline {
            margin-bottom: 24px;
            margin-right: 40px;
        }
        .link-underline {
            font-size: 28px;
            padding-bottom: 16px;
        }
        .link-underline::after {
            height: 10px;
            transform-origin: top left;
            transform: scaleX(1);
            transition: transform .3s ease;
        }
        .link-underline:hover::after {
            transform: scaleX(0);
        }
        .link-icon .icon {
            margin-left: 12px;
            width: 26px;
        }

        .link-group .link-card {
            margin-top: 32px;
        }
        .link-card .icon img {
            width: 48px;
        }
        .link-card.download .icon img {
            width: 32px;
        }
        .link-card .label {
            font-size: 28px;
        }
        .link-card:hover .icon {
            transform: translateX(-16px);
        }
        .link-card.download:hover .icon {
            transform: translateY(-12px);
        }
        .link-card.job:hover .icon {
            transform: scale(1.15);
        }
        .link-card.job .location-icon {
            width: 18px;
            margin-right: 10px;
        }
        .link-card.job .icon img {
            width: 40px;
        }

        .link-card,
        .info-card,
        .accordion-item {
            padding: 24px 28px 28px 28px;
        }

        .meta {
            display: flex;
            margin-top: 28px;
        }
        .meta .date ,
        .meta .type {
            margin-top: 0;
        }
        .meta .location {
            margin-top: 0;
        }
        .meta .separator {
            display: inline-block;
            margin-left: 14px;
            margin-right: 14px;
            margin-top: 0;
        }

        .headline-container {
            margin-bottom: 0;
        }

        .banner-inner {
            background: var(--gradient-2);
            align-items: center;
        }
        .banner-headline {
            display: flex;
            text-align: left;
            align-items: center;
            margin-bottom: 0;
            padding-left: 0;
            padding-right: 24px;
        }
        .banner-headline img {
            margin-right: 48px;
            width: 120px;
            margin-bottom: 0;
        }
        .banner-link .link-container {
            text-align: right;
        }
        .banner-link .link-underline {
            margin: 0 48px 0 0;
        }

        .teaser-body {
            padding: 20px 24px 24px 24px;
        }
        .date {
            font-size: 20px;
            margin-top: 24px;
        }
        .teaser-sm .icon {
            width: 70px;
        }
        .teaser-member.sm .name h5 {
            font-size: 20px;
        }
        .teaser-member.sm .role p {
            font-size: 18px;
        }

        .topic-single .headline-container,
        .topics-section .headline-container {
            margin-bottom: 32px;
        }
        .topic-single .topic-icon {
            width: 240px;
            margin-top: -10px;
        }
        .topic-single .styled-list {
            margin-top: 48px;
        }
        .topic-single .styled-list .headline-container {
            margin-bottom: 20px;
        }

        .topic-card {
            height: 280px;
            margin-bottom: 48px
        }
        .topic-card img {
            height: 100px;
            padding: 8px;
        }

        .text-section .color-bg {
            padding: 48px 24px;
        }

        .teaser-download {
            display: grid;
            grid-template-columns: .75fr 1.25fr;
        }
        .teaser-download .meta {
            margin: 20px 0;
            display: block;
        }
        .teaser-download .meta span {
            font-size: 22px;
        }
        .teaser-download .meta span {
            text-transform: uppercase;
            font-family: var(--font-bold);
        }

        .shop-detail form {
            margin-top: 32px;
        }
        button[type=submit] {
            min-height: 74px;
        }
        .info-card .details {
            margin-top: 24px
        }

        .modal-header {
            padding: 24px 48px;
        }
        .modal-body {
            padding: 48px;
        }
        .btn-close img {
            width: 38px;
            margin-right: 12px;
        }
        .page-template-template-positionen article figure.opener img {
            width: 50%;
        }
        .social-menu img {
            width: 56px;
        }
        .site-footer #menu-legal-menue {
            display: flex;
        }
        .site-footer #menu-legal-menue li {
            margin-right: 24px;
        }


    }


    @media (min-width:1420px) {
        .cta2024 .inner .text h2 {
            font-size: 40px;
            line-height: 130%;
        }

        .cta2024 .inner .text p {
            font-size: 24px;
            line-height: 150%;
            margin: 0 0 40px 0;
        }
    }

    @media (min-width:1300px) {
        h1 {
            font-size: 72px;
        }
        h2 {
            font-size: 48px;
            margin: 0 0 32px 0;
        }
        h3 {
            font-size: 40px;
        }
        h4 {
            font-size: 32px;
        }
        h5 {
            font-size: 28px;
        }
        h6 {
            font-size: 28px;
        }

        .topic-single .styled-list li {
            margin-top: 16px;
        }
        .topic-single .styled-list img {
            width: 48px;
            margin-right: 14px;
        }
    }

    @media (min-width:1480px) {
        body {
            font-size: 28px;
        }

        h3 {
            font-size: 48px;
        }
        h4 {
            font-size: 40px;
        }
        h5 {
            font-size: 32px;
        }
        h6 {
            font-size: 32px;
        }
        blockquote {
            font-size: 40px;
            padding: 20px 0 20px 40px;
        }
        blockquote::before {
            background-size: 30px auto;
            top: 8px;
            width: 30px;
            height: 30px;
        }
        .site-header .menu-overlay ul.menu li {
            font-size: 72px;
        }
        .date,
        .location,
        .type {
            font-size: 24px;
        }
        .teaser .tag {
            font-size: 24px;
            padding: 0 6px;
        }

        .teaser-member:not(.plain) .overlay,
        .teaser-sm .overlay {
            padding: 24px;
        }
        .role p {
            font-size: 24px;
        }
        .teaser-member.sm .name h5 {
            font-size: 28px;
        }
        .teaser-member.sm .role p {
            font-size: 20px
        }
        .teaser-featured .teaser-body {
            padding: 48px;
        }
        .teaser.featured h4 {
            font-size: 48px;
        }
        .teaser.featured .meta {
            margin-bottom: 32px;
        }

        .topic-single .topic-icon {
            width: 300px;
        }

        .topic-card {
            padding: 32px 40px 32px 32px;
            height: 440px;
        }

        .product-teaser .teaser-body {
            margin-top: 20px;
        }
        .product-teaser .product-title {
            font-size: 28px;
            margin-bottom: 4px;
        }
    }
}