/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Fabian Unterberger - Faun Media
Author URI: 
Description: Gleis 21 Child Theme
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Megamenü
-------------------------------------------------------------- */
.megamenu .mm-social .kt-inside-inner-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.megamenu .mm-social img {
    display: block;
}

.megamenu figure {
    margin-bottom: 0 !important;
}

#primary-menu ul.sub-menu {
    padding-top: 30px;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.header-menu-container ul.menu>li.kadence-menu-mega-enabled>ul a {
    color: unset;
    text-decoration: none;

}

@media (max-width: 767px) {



}


/* Allgemeine Styles
-------------------------------------------------------------- */

.h2-custom {
    margin: 0 0 1em;
}

.h2-custom h2, .editor-styles-wrapper .h2-custom h2 {
    margin: 0 !important;
    line-height: 1.3;
}

.h2-custom p.subline-h2 {
    margin: 0 0 5px 0;
    font-family: 'Brandon Grotesque', Helvetica, Arial, sans-serif;
    color: var(--global-palette1);
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.h3-custom {
    margin: 0 0 1em;
}

.h3-custom h3, .editor-styles-wrapper .h3-custom h3 {
    margin: 0 !important;
    line-height: 1.3;
}

.h3-custom p.subline-h3 {
    margin: 0;
    font-family: 'Brandon Grotesque', Helvetica, Arial, sans-serif;
    color: var(--global-palette1);
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* Post Single Overwrite
-------------------------------------------------------------- */

.site-container .content-wrap .single-entry {
    border-radius: 0 !important;
}

/* Button
-------------------------------------------------------------- */
a.wp-block-button__link::after {
    content: "";
    background-image: url(https://gleis21.wien/wp-content/uploads/2022/03/button-pfeil.svg);
    display: inline-block;
    background-size: contain;
    width: 8px;
    height: 13px;
    background-repeat: no-repeat;
    padding: 0;
    margin-left: 5px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}
.wp-block-button:hover > a.wp-block-button__link::after {
    -webkit-transform:translateX(8px);
        -ms-transform:translateX(8px);
            transform:translateX(8px);
}

a.wp-block-button__link {
    border-bottom: 2px solid var(--global-palette1);
    line-height: 1.2em;
    color: var(--global-palette1) !important;
    width: unset;
}

.button-white a.wp-block-button__link {
    padding: 10px 15px 10px 10px;
} 

@media (max-width: 767px) {


}

/* Menü
-------------------------------------------------------------- */
.site-branding {
    z-index: 10000;
}

#primary-menu {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: end !important;
}

#primary-menu .menu-item a:hover {
    text-decoration: underline;
}

#primary-menu .dropdown-nav-toggle {
    display: none;
}

#mobile-site-navigation .drawer-sub-toggle {
    width: 1.4rem;
    height: 1.4rem;
    border-top: 2px var(--global-palette3) solid;
    border-right: 2px var(--global-palette3) solid;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    padding: 0;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}

#mobile-site-navigation .drawer-sub-toggle[aria-expanded="true"] {
    -webkit-transform: rotate(130deg);
        -ms-transform: rotate(130deg);
            transform: rotate(130deg);
}

#primary-menu {
    position: relative;
}

#mobile-drawer .drawer-inner {
    display: block;
}

#mobile-drawer .drawer-header {
    margin-bottom: 50px;
}

#mobile-drawer .drawer-toggle .toggle-close-bar {
    height: 0.05em !important;
}

.site-header-item .header-mobile-logo {
    position: absolute;
    top: 25px;
    width: 30%;
}

.mobile-drawer-content .site-header-item .search-toggle-open-container {
    position: absolute;
    top: 25px;
    right: 25%;
    width: 20%;
}

#mobile-menu .drawer-nav-drop-wrap {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}

#mobile-menu .drawer-nav-drop-wrap .kadence-svg-iconset {
    display: none;
}

.mobile-navigation ul.sub-menu li a {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

/* Suche
-------------------------------------------------------------- */



#search-drawer .drawer-content .search-form .search-field {
    font-family: 'Brandon Grotesque', Helvetica, Arial, sans-serif;
    border-bottom: 1px solid var(--global-palette1);
    border-top: unset;
    border-left: unset;
    border-right: unset;
}


#search-drawer .drawer-inner .kadence-search-icon-wrap {
    color: var(--global-palette1) !important;
}

#search-drawer .drawer-inner input.search-field:focus {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}

.entry-content-wrap footer.entry-footer {
    margin-top: 15px;
}

/* Kadence Mailchimp Form
-------------------------------------------------------------- */

.kadence-blocks-form-message {
    background: var(--global-palette2) !important;
    border: none !important;
    color: var(--global-palette3) !important;
}

.kb-form-error-msg.kadence-blocks-form-warning {
    background-color: rgba(254,219,0,0.5);
    color: var(--global-palette3);
    border: none;
}

.kb-form input {
    font-family: 'Brandon Text', Helvetica, Arial, sans-serif;
    padding: 0 !important;
    margin-bottom: -10px !important;
    background-color: unset !important;
}

.kb-form .kadence-blocks-form-field .kb-text-style-field {
    min-height: unset !important;
}

.kb-form .kadence-blocks-form-field {
    margin-bottom: 35px !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.kb-form .kadence-blocks-form-field.kb-submit-field {
    margin-top:20px;
}

.kb-form .kadence-blocks-form-field button.kb-forms-submit {
    padding: 0;
    line-height: 1em;
    border-bottom: 2px solid #C52537 !important;
    border-radius: 0 !important;
    overflow: visible;
}

button.kb-forms-submit::after {
    content: "";
    background-image: url(https://gleis21.wien/wp-content/uploads/2022/03/button-pfeil.svg);
    display: inline-block;
    background-size: contain;
    width: 8px;
    height: 13px;
    background-repeat: no-repeat;
    padding: 0;
    margin-left: 5px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

.kb-submit-field:hover button.kb-forms-submit::after {
    -webkit-transform:translateX(8px);
        -ms-transform:translateX(8px);
            transform:translateX(8px);
}

/* Ergänzende Styles für Kadence Form Kontakt - Grid Template
-------------------------------------------------------------- */

#kontakt-form .kb-form {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 48% 48%;
    grid-template-columns: 48% 48%;
    -ms-grid-rows: 30px 15px 30px 15px 30px 15px 30px 15px 60px;
    grid-template-rows: 30px 30px 30px 30px 60px;
    row-gap: 15px;
}

#kontakt-form .kb-form > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

#kontakt-form .kb-form > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}

#kontakt-form .kb-form > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}

#kontakt-form .kb-form > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
}

#kontakt-form .kb-form > *:nth-child(5) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}

#kontakt-form .kb-form > *:nth-child(6) {
    -ms-grid-row: 5;
    -ms-grid-column: 2;
}

#kontakt-form .kb-form > *:nth-child(7) {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
}

#kontakt-form .kb-form > *:nth-child(8) {
    -ms-grid-row: 7;
    -ms-grid-column: 2;
}

#kontakt-form .kb-form > *:nth-child(9) {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
}

#kontakt-form .kb-form > *:nth-child(10) {
    -ms-grid-row: 9;
    -ms-grid-column: 2;
}

#kontakt-form .kb-form .kadence-blocks-form-field {
    margin-bottom: 0 !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    height: 100%;
}

#kontakt-form .kb-form input {
    margin-bottom: 0 !important;
}

#kontakt-form .kb-form .kadence-blocks-form-field:nth-child(1) {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 1;
    grid-column: 1;
}

#kontakt-form .kb-form .kadence-blocks-form-field:nth-child(2) {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 1;
    grid-column: 1;
}

#kontakt-form .kb-form .kadence-blocks-form-field:nth-child(3) {
    -ms-grid-row: 3;
    grid-row: 3;
    -ms-grid-column: 1;
    grid-column: 1;
}

#kontakt-form .kb-form .kadence-blocks-form-field:nth-child(4) {
    -ms-grid-row: 4;
    grid-row: 4;
    -ms-grid-column: 1;
    grid-column: 1;
}

#kontakt-form .kb-form .kadence-blocks-form-field:nth-child(5) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    grid-row: 1 / 5;
    -ms-grid-column: 2;
    grid-column: 2;
    margin: 0 !important;
    height: 100%;
}

#kontakt-form .kb-form textarea {
    height: 100%;
    border-width: 1px;
    padding: 5px !important;
    font-family: 'Brandon Text', Helvetica, Arial, sans-serif;
}

#kontakt-form .kb-form .kb-submit-field {
    grid-column: 1 / span stretch;
}

#kontakt-form .kb-form .kadence-blocks-form-field .kb-text-style-field {
    background-color: transparent;
}

@media (max-width: 767px) {

    #kontakt-form .kb-form {
        display: block;
    } 

    #kontakt-form .kb-form .kadence-blocks-form-field, #kontakt-form .kb-form textarea {
        margin-bottom: 35px !important;
    }

}


/* Footer
-------------------------------------------------------------- */

footer {
    margin-top: 80px;
}

.site-footer-wrap {
    margin-left: 50px;
    margin-right: 50px;
}

.footer-social-wrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.footer-social-inner .footer-social-wrap .widget-title {
    margin: 0 20px 0 0;
    margin-bottom: 0 !important;
    font-family: 'Brandon Text', Helvetica, Arial, sans-serif;
    color: var(--global-palette1);
    font-size: 1em;
    line-height: 0;
    
}

.footer-social-inner-wrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

#colophon .footer-navigation .footer-menu-container > ul > li > a {
    padding: 0 20px 0 0 !important;
}

.footer-widget1 .footer-widget-area-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.footer-widget1 .footer-widget-area-inner p {
    margin-right: 20px;
}

.site-bottom-footer-inner-wrap .widget {
    margin-bottom: 0 !important;
}

@media (max-width: 767px) {

    .site-footer-wrap {
        margin-left: 0;
        margin-right: 0;
    }

    #footer-menu {
        margin-left: unset;
    }

    #footer-menu {
        display: block;
    }

    .footer-menu-container .footer-navigation .menu {
        display: block;
    }

    .footer-social-wrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
    }

    .footer-social-inner-wrap {
        margin-right: 15px !important;
    }

    #colophon .footer-navigation .footer-menu-container > ul > li > a {
        padding: 0 !important;
        margin-bottom: 10px;
    }

    .footer-widget1 .footer-widget-area-inner {
        display: block;
    }

    .site-bottom-footer-inner-wrap .widget {
        margin-bottom: 10px !important;
    }
}


/* Block Bild links
-------------------------------------------------------------- */

.block-bild-links {
    width: var(--global-content-width);
}

.block-bild-links img {
    margin-left: -130px;
}

.block-bild-links p {
    text-align: right;
    margin-right: 130px;
    font-family: 'Brandon Text', Helvetica, Arial, sans-serif;
    font-size: 1.1em;
    color: var(--global-palette1);
    margin-top: 10px;
}

@media (max-width: 767px) {

.block-bild-links {
width: unset;
}

.block-bild-links img {
    margin-left: unset;
}

.block-bild-links p {
    text-align: left;
    margin-right: unset;
    margin-left: var(--global-content-edge-padding);;
    font-family: 'Brandon Text', Helvetica, Arial, sans-serif;
    margin-top: 5px;
    font-size: .9em;
}

}

/* Block Bild rechts
-------------------------------------------------------------- */

.block-bild-rechts {
    width: var(--global-content-width);
}

.block-bild-rechts img {
    margin-left: 130px;
}

.block-bild-rechts p {
    text-align: left;
    margin-left: 130px;
    font-family: 'Brandon Text', Helvetica, Arial, sans-serif;
    font-size: 1.1em;
    color: var(--global-palette1);
    margin-top: 10px;
}

@media (max-width: 767px) {

.block-bild-rechts {
width: unset;
}

.block-bild-rechts img {
    margin-left: unset;
}

.block-bild-rechts p {
    text-align: left;
    margin-right: unset;
    margin-left: var(--global-content-edge-padding);;
    font-family: 'Brandon Text', Helvetica, Arial, sans-serif;
    margin-top: 5px;
    font-size: .9em;
}

}

/* Block Varianten rechts
-------------------------------------------------------------- */

.block-varianten-rechts {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.block-varianten-rechts .text-bild-rechts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.block-varianten-rechts .varianten-rechts .bild-rechts {
    width: 59%;
    margin-left: auto;
    height: 600px;
}

.block-varianten-rechts .text {
position: absolute;
top: 0;
width: var(--global-content-width);
left: 50%;
-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
}

.block-varianten-rechts .text-rechts .block-h3 {
margin-top: 0;
}

.block-varianten-rechts .text-rechts {
width: 49%;
margin-right: 51%;
padding: 30px 30px 30px 30px;
}

.block-varianten-rechts ul.kt-svg-icon-list {
    margin-bottom: 0 !important;
}

.block-varianten-rechts p {
    margin-bottom: 0 !important;
}

@media (max-width: 767px) {
    .block-varianten-rechts .varianten-rechts .bild-rechts {
        width: 100%;
        height: 280px;
    }

    .block-varianten-rechts .text {
        position: unset;
        width: unset;
        left: unset;
        -webkit-transform: unset;
            -ms-transform: unset;
                transform: unset;
        margin-right: var(--global-content-edge-padding);
        margin-top: -30px;
    }

    .block-varianten-rechts .text-rechts {
        padding: var(--global-content-edge-padding);
    }

    .block-varianten-rechts .text-rechts .h3-custom p.subline-h3 {
        font-size: 17px;
        margin-bottom: 5px !important;
    }

    .block-varianten-rechts .text-rechts .h3-custom {
    margin-bottom: .7em !important;
    }

    .block-varianten-rechts .text-rechts {
    width: unset;
    margin-right: unset;
}

}

/* Block Varianten links
-------------------------------------------------------------- */

.block-varianten-links {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.block-varianten-links .text-bild-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.block-varianten-links .varianten-links .bild-links {
    width: 59%;
    margin-right: auto;
    height: 600px;
}


.block-varianten-links .text {
position: absolute;
top: 0;
width: var(--global-content-width);
left: 50%;
-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
}

.block-varianten-links .text-links .block-h3 {
margin-top: 0;
}

.block-varianten-links .text-links {
width: 49%;
margin-left: 51%;
padding: 30px 30px 30px 30px;
}

.block-varianten-links ul.kt-svg-icon-list {
    margin-bottom: 0 !important;
}

.block-varianten-links p {
    margin-bottom: 0 !important;
}


@media (max-width: 767px) {
    .block-varianten-links .varianten-links .bild-links {
        width: 100%;
        height: 280px;
    }

    .block-varianten-links .text {
        position: unset;
        width: unset;
        left: unset;
        -webkit-transform: unset;
            -ms-transform: unset;
                transform: unset;
        margin-right: var(--global-content-edge-padding);;
        margin-top: -30px;
    }

    .block-varianten-links .text-links {
        padding: var(--global-content-edge-padding);
    }

    .block-varianten-links .text-links .h3-custom p.subline-h3 {
        font-size: 17px;
        margin-bottom: 5px !important;
    }

    .block-varianten-links .text-links .h3-custom {
    margin-bottom: .7em !important;
    }

    .block-varianten-links .text-links {
    width: unset;
    margin-left: unset;
}

}

/* Block Text Bild links
-------------------------------------------------------------- */

.text-bild-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.text-bild-links .bild-links {
    width: 40%;
    height: 600px;
    margin-top: 100px;
}

.text-bild-links .bild-rechts {
    width: 59%;
    margin-left: 1%;
    height: 600px;
}


.block-text-bild-links {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}


.block-text-bild-links .text {
    position: absolute;
    top: 0;
    width: var(--global-content-width);
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.block-text-bild-links .text-links .block-h3 {
    margin-top: 0;
}

.block-text-bild-links .text-links {
    width: 49%;
    margin-right: 51%;
    background-color: white;
    padding: 0 30px 30px 30px;
}

.block-text-bild-links p {
    margin-bottom: 1.5rem;
}

@media (max-width: 767px) {
    .block-text-bild-links .text-bild-links .bild-rechts {
        width: 100%;
        height: 280px;
    }


    .block-text-bild-links .text-bild-links .bild-links {
        display: none;
    }

    .block-text-bild-links .text {
        position: unset;
        width: unset;
        left: unset;
         -webkit-transform: translateX(0);
             -ms-transform: translateX(0);
                 transform: translateX(0);
         margin-right: 20px;
        margin-top: -30px;
    }

    .block-text-bild-links .text-links {
        padding: var(--global-content-edge-padding);
    }

    .block-text-bild-links .text-links .h3-custom p.subline-h3 {
        font-size: 17px;
        margin-bottom: 5px !important;
    }

    .block-text-bild-links .text-links .h3-custom {
    margin-bottom: .7em !important;
    }

    .block-text-bild-links .text-links {
    width: unset;
    margin-right: unset;
}

.text-bild-links .bild-rechts {
    margin-left: 0 !important;
}

}

/* Block Text Bild rechts
-------------------------------------------------------------- */

.block-text-bild-rechts .text-bild-rechts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.text-bild-rechts .bild-links {
    width: 59%;
    margin-right: 1%;
    height: 600px;
}

.text-bild-rechts .bild-rechts {
    width: 40%;
    height: 600px;
    margin-top: 100px;
}


.block-text-bild-rechts {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}


.block-text-bild-rechts .text {
    position: absolute;
    top: 0;
    width: var(--global-content-width);
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.block-text-bild-rechts .text-rechts .block-h3 {
    margin-top: 0;
}

.block-text-bild-rechts .text-rechts {
    width: 49%;
    margin-left: 51%;
    background-color: white;
    padding: 0 30px 30px 30px;
}

.block-text-bild-rechts p {
    margin-bottom: 1.5rem;
}

@media (max-width: 767px) {

    .block-text-bild-rechts .text-bild-rechts  {
        display: block;
    }

    .block-text-bild-rechts .text-bild-rechts .bild-rechts {
        display: none;
    }
    
    .block-text-bild-rechts .text-bild-rechts .bild-links {
        width: 100%;
        height: 280px;
    }

    .block-text-bild-rechts .text {
        position: unset;
        margin-right: 20px;
        margin-top: -30px;
        width: unset; 
        left: unset;
        -webkit-transform: unset;
            -ms-transform: unset;
                transform: unset;
    }

    .block-text-bild-rechts .text-rechts {
        padding: var(--global-content-edge-padding);
        width: 100%;
        margin-left: unset;
    }

    .block-text-bild-rechts .text-rechts .h3-custom p.subline-h3 {
        font-size: 17px;
        margin-bottom: 5px !important;
    }

    .block-text-bild-rechts .text-rechts .h3-custom {
    margin-bottom: .7em !important;
    }
}

/* Block Event Slider
-------------------------------------------------------------- */

.block-event-slider .event-slide-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 50%;
}

.block-event-slider .event-slide-kategorie {
    font-family: 'Brandon Grotesque', Helvetica, Arial, sans-serif;
    font-size: 1em;
    color: var(--global-palette1);
    text-transform: uppercase;
    text-align: center;
    margin: 0 !important;
}

.block-event-slider #slideWrapper li {
    background-color: white;
    height: 420px;
    position: relative;
}

.block-event-slider li .event-slide {
    background-color: var(--global-palette8);
    height: 100%;
}

.block-event-slider li .event-slide .event-slide-titel {
    font-family: 'Brandon Text', Helvetica, Arial, sans-serif;
    font-weight:700;
    font-size: 1.1em;
    line-height: 1.2em;
    text-align: center;
    margin-bottom: 5px !important;
    padding: 0 15px;
}

.block-event-slider .event-slide-datum {
    font-family: 'Brandon Text', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--global-palette1);
    text-align: center;
    margin-bottom: 60px !important;
}

.block-event-slider li .event-slide .wp-block-button {
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.block-event-slider li .event-slide .wp-block-button a {
    font-size: 1em;
    margin-bottom: 20px;
}


.block-event-slider .lSSlideOuter .lSPager.lSpg>li a  {
    width: 15px;
    height: 15px;
    background-color: unset;
    border: 2px solid var(--global-palette3);
}

.block-event-slider .lSSlideOuter .lSPager.lSpg>li.active a, .block-event-slider .lSSlideOuter .lSPager.lSpg>li:hover a {
    background-color: var(--global-palette-highlight) !important;
    border: 2px solid var(--global-palette-highlight) !important;
}

.block-event-slider .lSSlideWrapper {
    position: unset;
}

.block-event-slider .lSSlideOuter #slideWrapper .lSAction {
    position: absolute;
    width: 108%;
    left: -4%;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

}

.block-event-slider .lSSlideOuter #slideWrapper .lSAction a {
    background-image: url(https://gleis21.wien/wp-content/themes/kadence-child/lightslider/img/controls-rot.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    opacity: 1;

}

.block-event-slider .lSSlideOuter #slideWrapper .lSAction a.lSNext {
    background-position: unset;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);

}

@media (max-width: 767px) {

    .block-event-slider li .event-slide .event-slide-titel {
        margin-bottom: 15px !important;
    }

    .block-event-slider .event-slide-kategorie {
        margin: 15px !important;
    }

    .block-event-slider .lSSlideOuter #slideWrapper .lSAction {
        width: 23%;
        right: 0%;
        bottom: unset;
        top: unset;
        left: unset;
        z-index: 100;
    }

    .block-event-slider .lSSlideOuter #slideWrapper .lSAction a {
        width: 35px;
        height: 35px;
        margin-top: unset;
    }

    .block-event-slider .lSSlideOuter ul.lSPager.lSpg {
        max-width: 80%;
        text-align: left;
    }

    .block-event-slider #slideWrapper li {
    height: 500px;
    max-height: 80vh;
}
}

/* Block Hero
-------------------------------------------------------------- */

.hero-wrapper .block-hero {
    position: relative;
}

.hero-wrapper .hero-img {
    width: 100%;
    height: auto;
}

.acf-block-preview .block-hero li {
    width: 200px;
    margin-right: 5px;
}

.acf-block-preview .block-hero ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    list-style: none;
}

.hero-wrapper ul.image-gallery {
    max-height: 80vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

/* auskommentiert, weil damit NUR auf IOS horizontal scrollbar

.hero-wrapper .lSSlideWrapper {
    overflow: unset !important;
}

*/

.hero-wrapper .lSAction > a {
    margin: 0 50px !important;
    opacity: 1 !important;
    background-size: contain !important;
}

.hero-wrapper .lSPager.lSGallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: var(--global-content-width) !important;
    height: 70px;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 800px !important;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
}

.hero-wrapper .lSPager.lSGallery li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }

.lSSlideOuter .lSPager.lSGallery img {
    width: auto;
}

.hero-wrapper .g21-title {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    color: #1d252d;
    background-color: white !important;
    padding: 15px 30px 0 30px;
}

.hero-wrapper .block-hero .g21-title h1 {
    text-align: center;
    white-space: pre;
}

.hero-wrapper .lSAction a {
    height: 30%;
    background-repeat: no-repeat;
    background-position: unset !important;
}

.hero-wrapper .lSAction .lSNext {
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
}

.hero-wrapper .lSSlideOuter {
    overflow: unset !important;
}

.hero-wrapper .hero-wrapper {
    margin-bottom: 150px;
}

@media (max-width: 767px) {

    .hero-wrapper .hero-wrapper {
    margin-bottom: 0;
}

.hero-wrapper .lSAction > a {
    top: 40%;
}


.hero-wrapper #light-slider {
            height: 60vh !important;
        }

        .hero-wrapper .hero-img {
            width: auto !important;
            height: 60vh;
            max-width: unset;
            
        }
        
        .hero-wrapper .block-hero #light-slider li {
            overflow: hidden;
        }
        
        .hero-wrapper .lSPager.lSpg {
            -webkit-transform: unset !important;
                -ms-transform: unset !important;
                    transform: unset !important;
            margin-top: 25px !important;
            position: absolute;
            top: 0;
            left: 50%;
            -webkit-transform: translateX(-50%) !important;
                -ms-transform: translateX(-50%) !important;
                    transform: translateX(-50%) !important;
        }
        
        .hero-wrapper .g21-title {
            width: 100%;
            max-width: 80% !important;
            bottom: 10px;
        }
        
        .hero-wrapper .lSSlideOuter .lSPager.lSpg>li.active a, .lSSlideOuter .lSPager.lSpg>li:hover a {
            color: var(--global-palette-highlight) !important;
            border: 2px solid var(--global-palette-highlight) !important;
        }
        
        .hero-wrapper .lSSlideOuter .lSPager.lSpg>li.active a, .lSSlideOuter .lSPager.lSpg>li:hover a {
            background-color: var(--global-palette-highlight) !important;
            border: 2px solid var(--global-palette-highlight) !important;
    }
    
    .hero-wrapper .lSSlideOuter .lSPager.lSpg > li.active a, .hero-wrapper .lSSlideOuter .lSPager.lSpg > li a {
        width: 15px;
        height: 15px;
        background-color: unset;
        border: 2px solid white;
    }

    .hero-wrapper .lSAction > a {
    margin: 0 10px !important;
}

.hero-wrapper .block-hero .g21-title h1 {
    white-space: unset;
}
}


/* Tabs Block
-------------------------------------------------------------- */
.wp-block-kadence-tabs .kt-tabs-wrap .kt-tabs-content-wrap .kt-tab-inner-content {
    background: none;
}

@media (max-width: 767px) {

    .wp-block-kadence-tabs .kt-tabs-wrap ul.kt-tabs-title-list  {
        overflow: scroll;
        word-break: initial !important;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }

    .wp-block-kadence-tabs .kt-tabs-wrap .kt-tabs-title-list li.kt-title-item {
        -webkit-box-flex: unset !important;
            -ms-flex: unset !important;
                flex: unset !important;
        white-space: nowrap !important;
    }

}

/* Slider
-------------------------------------------------------------- */

.slider-g21 .wp-block-kadence-slider  button {
    background: none;
}

.slider-g21 .wp-block-kadence-slider .slick-prev::before, .slider-g21 .wp-block-kadence-slider .slick-next::before {
    height: 35px;
    width: 35px;
    border-color: var(--global-palette1);
    border-width: 3px 3px 0 0;
}

.slider-g21 .kb-advanced-slide-inner-wrap {
    padding:0;
    background: none !important;
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
}

.slider-g21 .kt-blocks-carousel .slick-prev {
    left: -30px;
}

.slider-g21 .kt-blocks-carousel .slick-next {
    right: -30px;
}

.slider-g21 .kt-blocks-carousel .slick-next::before {
    left: -7px;
}

.slider-g21 .kb-advanced-slide-inner-wrap p {
    font-family: 'Brandon Grotesque', Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--global-palette1);
}

.slider-g21 .kt-blocks-carousel .slick-dots li button:before {
    width: 15px;
    height: 15px;
    -webkit-box-shadow: inset 0 0 0 8px var(--global-palette1);
            box-shadow: inset 0 0 0 8px var(--global-palette1);
} 

.kt-blocks-carousel .slick-dots li {
    margin: 0 3px !important;
}

@media (max-width: 767px) {

    .slider-g21 .kt-blocks-carousel .slick-prev {
        left: 5px;
        opacity: .75;
        display: none !important;
    }
    
    .slider-g21 .kt-blocks-carousel .slick-next {
        right: 5px;
        opacity: .75;
        display: none !important;
    }

    .kt-blocks-carousel .slick-prev::before {
        left: 5px;
        
    }

    .kt-blocks-carousel .slick-next::before {
        right: 5px;
        left: -7px !important;
        display: none;
    }
}

/* Hero Single Block
-------------------------------------------------------------- */

@media (max-width: 767px) {

.hero-wrapper.hero-single .g21-title {
    width: 100%;
    max-width: 80% !important;
}

.hero-wrapper.hero-single .g21-title h1 {
    white-space: nowrap;
}
}

/* Testimonial Block
-------------------------------------------------------------- */

.kundenstimmen .kt-blocks-testimonial-carousel-item .kt-testimonial-media-wrap .kt-testimonial-image {
background-size: contain;
width: 50%;
left: 50%;
-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
}


.kundenstimmen .kt-testimonial-content-wrap:before {
    display: block;
    content: '';
    background: url('https://gleis21.wien/wp-content/uploads/2022/05/zitat-icon.svg') no-repeat center center;
    height: 2.5em;
    margin-bottom: 30px;
    }


.kundenstimmen .tns-outer .tns-controls button {
    background: none;
    top: 70%;
}

.tns-outer .tns-controls button[data-controls="prev"]:before {
    height: 35px !important;
    width: 35px !important;
    border-color: var(--global-palette1);
    border-width: 3px 3px 0 0;
}

.tns-outer .tns-controls button[data-controls="next"]:before {
    height: 35px !important;
    width: 35px !important;
    border-color: var(--global-palette1);
    border-width: 3px 3px 0 0;
}


.kundenstimmen .tns-outer .tns-nav button {
    opacity: 1;
}

.kundenstimmen .kt-carousel-container-dotstyle-outlinedark .tns-outer .tns-nav button:before {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    border: 2px solid var(--global-palette3);
}

.kundenstimmen .kt-carousel-container-dotstyle-outlinedark .tns-outer .tns-nav button.tns-nav-active:before {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    border: 2px solid var(--global-palette1);
    background-color: var(--global-palette1);
}

.kundenstimmen .tns-outer .tns-nav button:before {
    width: 15px;
    height: 15px;
}

@media (max-width: 767px) {

    .kundenstimmen .kt-blocks-testimonial-carousel-item .kt-testimonial-content-wrap::before {
        height: 2em;
        margin-bottom: 10px;
        }

        .kundenstimmen .tns-outer .tns-controls button {
    background: none;
    top: 70%;
    display: none;
}

}



/* Akkordion
-------------------------------------------------------------- */

.accordion-g21 .wp-block-kadence-accordion .kt-accordion-inner-wrap .wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header {
    color: var(--global-palette1) !important;
    background: none !important;
    border-color: var(--global-palette1);
    border-width: 0px 0px 2px 0px;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.accordion-g21 .wp-block-kadence-accordion .kt-accordion-inner-wrap .wp-block-kadence-pane.kt-accordion-pane {
    margin-bottom: 15px;
}

.accordion-g21 .kt-accordion-header-wrap .kt-blocks-accordion-header .kt-blocks-accordion-title-wrap {
    text-transform: none;
    font-family: 'Brandon Text', Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 1.15em;
}

.accordion-g21 .wp-block-kadence-accordion .kt-accordion-inner-wrap .wp-block-kadence-pane .kt-blocks-accordion-icon-trigger::before {
    background-color: var(--global-palette1) !important;
    height: 2px !important;
}

.accordion-g21 .wp-block-kadence-accordion .kt-accordion-inner-wrap .wp-block-kadence-pane .kt-blocks-accordion-icon-trigger::after {
    background-color: var(--global-palette1) !important;
    height: 2px !important;
}

/* Event Single Post
-------------------------------------------------------------- */

.event-hero {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 70vh;
}

.event-content-wrapper {
    width: var(--global-content-width);
    margin: 0 auto;
}

.event-daten-container {
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

p.event-daten {
font-family: 'Brandon Text', Helvetica, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
padding: 40px 100px 0px 40px;
background-color: var(--global-palette2);
display: inline-block;
margin: 0;
}

h1.event  {
    font-family: 'Brandon Text', Helvetica, Arial, sans-serif;
    color: var(--global-palette1);
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: 0.01em;
    text-transform: none;
    margin: -2px 0 0 0;
    padding: 15px 40px 0px 40px;
    background-color: var(--global-palette2);
    max-width: 100vw;
}

p.event-kategorie {
    font-family: 'Brandon Grotesque', Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
    background-color: var(--global-palette2);
    padding: 10px 100px 40px 40px;
    margin: -2px 0 0 0;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.ticketlink {
    margin-top: -80px;
}

.event-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
}

.event-content-main {
    width: 70%;
    padding: 0 10px 0 0;
}

.event-sidebar {
    width: 30%;
}

.sidebar-top {
    background-color: var(--global-palette8);
    padding: 10px;
    margin-bottom: 80px;
}

.sidebar-top a{
    word-break: break-all;
}

.event-content h2 {
    color: var(--global-palette1);
    font-size: 1.15em;
    line-height: 1.4em;
    letter-spacing: 1px;
    font-family: Brandon Grotesque;
    font-weight: 700;
    text-transform: uppercase;
}

.event-sidebar p, .event-sidebar a {
    font-family: Brandon Text, helvetica, arial, sans-serif;
    width: 100%;
    font-size: 1em;
    color: var(--global-palette4);
}

.event-sidebar .ticketlink {
    margin-top: 40px;
    margin-bottom: 20px;
}

.event-sidebar .ticketlink a {
    width: unset;
    font-size: 1em;
}

.event-sidebar p.bordered:not(:last-child) {
    border-bottom: 1px solid var(--global-palette3);
}

.event-sidebar h2:not(:first-child) {
    margin-top: 40px;
}

.event-sidebar .accordion-events {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}

.event-sidebar .accordion-events  label {
    color: var(--global-palette1);
    font-size: 1.15em;
    line-height: 1em;
    letter-spacing: 1px;
    font-family: 'Brandon Text', Helvetica, Arial, sans-serif;
    font-weight: 700;
    margin: 0;
    border-bottom: 1px solid var(--global-palette1);
    width: 100%;
    display: block;
    position: relative;
}

.event-sidebar .accordion-events .checkbox {
    display: block;
    height: 15px;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
    opacity: 0;
}


.event-sidebar .accordion-events label::before {
    content: "";
    position: absolute;
    -webkit-transition: all ease-in-out 0.1333333333s;
    -o-transition: all ease-in-out 0.1333333333s;
    transition: all ease-in-out 0.1333333333s;
    right: 0;
    bottom: 3px;
    background-color: var(--global-palette1);
    height: 2px;
    width: 15px;
    margin: 7px 0;
    -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%);

}

.event-sidebar .accordion-events label::after {
    content: "";
    position: absolute;
    -webkit-transition: all ease-in-out 0.1333333333s;
    -o-transition: all ease-in-out 0.1333333333s;
    transition: all ease-in-out 0.1333333333s;
    width: 2px;
    right: 0;
    bottom: 3px;
    background-color: var(--global-palette1);
    height: 15px;
    max-height: 300px;
    margin: 0 7px;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
}

.event-sidebar .accordion-events #body-anfahrtsinfos {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

#anfahrtsinfos:checked ~ #body-anfahrtsinfos{
    max-height: 300px;
}

#anfahrtsinfos:checked ~ #label-anfahrtsinfos::after {
    max-height: 0;
}

.event-sidebar .accordion-events #body-coronainfos {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

#coronainfos:checked ~ #body-coronainfos{
    max-height: 300px;
}

#coronainfos:checked ~ #label-coronainfos::after {
    max-height: 0;
}

.weitere-infos {
    margin: 40px 0;
    background-color: rgba(254, 219, 0, .2);
    padding: 10px;
}

.event-übersichtsbutton {
    margin: 40px 0 100px 0;
}

/* Events Single Share Links */

.event-content .event-sidebar .social-share-links {
    display: flex;
    align-items: center;
}

.event-content .event-sidebar .social-share-links p {
    text-transform: uppercase;
    color: var(--global-palette1);
    font-weight: 700;
    letter-spacing: .2;
    text-align: right;
    margin: 6px 10px 0 0;
}

.event-content .event-sidebar .social-share-links a {
    width: 20%;
}


/* Events Single geförderte Veranstaltung Logos */

.event-content .logos-koop-und-spons {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.event-content .logos-koop-und-spons .logos-koop-und-spons-col img {
    left: unset;
    -webkit-filter: unset;
            filter: unset;
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
    display: inline-block;
    position: unset;
    top: unset;
    width: 100%;
    height: auto;
}

.event-content .logos-koop-und-spons .logos-koop-und-spons-col {
    padding-top: 10px;
    margin-bottom: 60px;
    margin-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

}

@media (max-width: 767px) {

    .event-content-wrapper {
        width: unset;
        margin: 0 30px;
    }

    .event-übersichtsbutton {
        text-align: center;
        margin-bottom: 40px;
    }

    .ticketlink {
        text-align: center;
        margin-top: -50px;
    }

    p.event-daten {
        font-size: 20px;
        font-weight: 700;
        line-height: 1;
        padding: 13px 15px 0px 15px;
    }

    h1.event {
        padding: 10px 15px 0px 15px;
        line-height: 1.5;
        font-size: 25px;
        margin-top: -4px;
    }

    p.event-kategorie {
        padding: 15px 15px 15px 15px;
    }

    .event-hero {
        height: 50vh;
    }

    .event-content {
        display: block;
        margin-top: 50px;
    }
    
    .event-content-main {
        width: 100%;
        padding: 0;
    }

    .event-sidebar {
        width: 100%;
    }

    .event-content .logos-koop-und-spons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }

    .event-content .logos-koop-und-spons .logos-koop-und-spons-col {
        width: calc(100% * (1/2));
        margin-bottom: 0;
    }

    .event-content .logos-koop-und-spons .logos-koop-und-spons-col img {
        -webkit-transform: unset;
            -ms-transform: unset;
                transform: unset;
        top: 0;
        max-width: 95%;
    }
    


}

/* Event Archive Programm & gemeinsame Styles mit Block Hero Single Image
-------------------------------------------------------------- */

.hero-wrapper.programm {
    position: relative;
    margin-bottom: 100px;
}

.programm .hero-img {
    height: 500px;
    background: url('https://gleis21.wien/wp-content/uploads/2022/05/hero-programm-desktop.jpg') no-repeat center/cover;
}

.programm.hero-single .hero-img {
    height: 600px;
}

.programm .g21-title {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    color: #1d252d;
    background-color: white !important;
    padding: 15px 30px 0 30px;
    height: 70px;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 800px;
    text-align: center;
}

p.programm-intro {
    margin-bottom: 60px;
    text-align: center;
    font-size: 23px;
    line-height: 31px;
    font-weight: inherit;
    font-family: 'Brandon Text', Helvetica, Arial, sans-serif;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
}

.buttons-programm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
        width: 70%;
        margin: 0 auto;
}

.buttons-programm .wp-block-button {
    margin-bottom: 10px;
}

.programm-event-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
    margin-bottom: 30px;
    display: none;
}

.programm-event-wrapper.active-kategorie.active-monat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.programm-event-bild {
    height: 300px;
    width: 50%;
}

.programm-event-content {
    width: 50%;
    background-color: var(--global-palette2);
}


.programm-event-content h2 {
    font-size: 1.6em;
    line-height: 1.4;
    color: var(--global-palette1);
    padding: 0 15px 15px 15px;
    text-transform: unset;
}

.programm-event-wrapper .programm-event-content .event-daten {
    text-transform: uppercase;
    font-size: 1em;
    padding: 15px 15px 15px 15px;
    margin-left: -20%
}

.programm-event-wrapper .programm-event-content .wp-block-button {
text-align: right;
position: absolute;
bottom: 30px;
right: 30px;
}

.koop-und-spons {
    margin-top: 60px;
    text-align: center;
}

.koop-und-spons p {
font-family: 'Brandon Grotesque', Helvetica, Arial, sans-serif;
font-size: 1.5em;
text-transform: uppercase;
font-weight: 700;
margin-top: 40px;
}

.logos-koop-und-spons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.logos-koop-und-spons-col {
    width: calc(100% * (1/4));
    margin-bottom: 20px;
    position: relative;
    padding-top: 20%;
}

.logos-koop-und-spons .logos-koop-und-spons-col img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    height: 60px;
    width: auto;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
}



@media (max-width: 767px) {

    .programm.hero-single .hero-img {

    height: 500px;
    }

    .buttons-programm {
        display: block;
    }   

    .buttons-programm .wp-block-button {
        text-align: center;
    }   

    .programm-event-bild {
        height: 230px;
        width: 100%;
    }

    .programm-event-content {
        width: 100%;
    }

    .programm-event-content .event-background {
        background-color: var(--global-palette2);
        padding-bottom: 30px;
    }
    
    .programm-event-content .event-daten-wrapper {
        margin-top: -40px;
        height: 40px;
    }

    .programm-event-wrapper .programm-event-content .event-daten {
        margin: 0;
        font-size: .8em;
        padding-bottom: 0;
        font-weight: 100;
        display: inline-block;
        text-transform: unset;
        height: 100%;
    }     
    
    .programm-event-content h2 {
        font-size: 1.2em;
        line-height: 1.2em;
        font-weight: 700;
        letter-spacing: .02em;
        padding-top: 10px;
    }

    .programm-event-wrapper .programm-event-content .wp-block-button {
        text-align: center;
        position: unset;
    }

    .logos-koop-und-spons {
        display: block;
    }

    .logos-koop-und-spons .logos-koop-und-spons-col img {
        margin: 20px auto;
        max-width: 60%;
    }

    .koop-und-spons p {
        font-size: 1em;
        }

    .koop-und-spons h3 {
        padding: 0 15px 0 15px;
        }

    .logos-koop-und-spons-col {
        width: 100%;
    }
}

/* Event Filter */

.filtersteuerung-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.filter-veranstaltungskategorie-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 60px 0;
}

.filter-veranstaltungskategorien {
    display: inline-block;
    padding: 0 15px 0 15px;
    position:relative;
    z-index: 100;
}

.filter-veranstaltungskategorien button.event-filter {
    color: var(--global-palette3);
    font-weight: 100;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
}

.filter-veranstaltungskategorien button.event-filter.menu {
    position: relative;
    padding: 10px;
}

button.event-filter:active, button.event-filter:focus  {
    color: var(--global-palette3);
}

.event-filter li {
    display: inline-block;
}


.filter-veranstaltungskategorien.open > .filter-menu {
    max-height: 1500px;
}

button.event-filter.menu:after {
    content: "";
    background-image: url(https://gleis21.wien/wp-content/uploads/2022/03/button-pfeil.svg);
    display: inline-block;
    background-size: contain;
    width: 8px;
    height: 13px;
    background-repeat: no-repeat;
    padding: 0;
    margin-left: 5px;
    position: absolute;
    right: 15px;
    top: 15px;
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

.filter-veranstaltungskategorien.open .menu:after {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}

.filter-veranstaltungskategorien .filter-steuerung {
    background-color: var(--global-palette2);
    min-width: 150px;
}

.filter-veranstaltungskategorien .filter-menu {
    background-color: var(--global-palette2);
    min-width: 150px;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .3s;
    -o-transition: max-height .3s;
    transition: max-height .3s;
}

.filter-veranstaltungskategorien .filter-menu .event-filter {
    padding: 4px 10px;
}

.filter-veranstaltungskategorien .event-filter li.active-marker {
    border-bottom: 3px solid var(--global-palette1);
}

@media (max-width: 767px) {
    button.event-filter.menu:after {
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        -webkit-transform-origin: top right;
            -ms-transform-origin: top right;
                transform-origin: top right;
    }

    .filter-veranstaltungskategorien button.event-filter.menu {
        position: relative;
    }


    .filter-veranstaltungskategorie-wrapper {
        margin: 0px 0px 60px 0px;
    }
    .filter-veranstaltungskategorie-wrapper:nth-child(1) {
        margin: 60px 0px 10px 0px;
    }

    .filter-veranstaltungskategorien{
        width: 80vw;
    } 
}


/* Event Rückblicke
-------------------------------------------------------------- */

ul#light-slider.ruckblicke-slider {
    overflow: visible !important;
}

.event-slide-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 75%;
    margin-bottom: 20px;
}

.block-rueckblicke-slider #slideWrapper li {
    height: 500px;
    position: relative;
}

.block-rueckblicke-slider li .event-slide {
    height: 100%;
}

.block-rueckblicke-slider li .event-slide .event-slide-titel {
    font-family: 'Brandon Grotesque', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight:700;
    line-height: 1.2em;
    text-align: center;
    margin-bottom: 10px !important;
    padding: 0 15px;
}

.block-rueckblicke-slider .event-slide-datum {
    font-family: 'Brandon Text', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--global-palette1);
    text-align: center;
    margin-bottom: 5px;
}

.block-rueckblicke-slider li .event-slide .wp-block-button {
    text-align: center;
}


.block-rueckblicke-slider li .event-slide .wp-block-button a.wp-block-button__link::after {
    height: 10px;
}

.block-rueckblicke-slider .lSPager.lSpg {
    margin-top: 0 !important;
}


.block-rueckblicke-slider .lSSlideOuter .lSPager.lSpg>li a  {
    width: 15px;
    height: 15px;
    background-color: unset;
    border: 2px solid var(--global-palette3);
}

.block-rueckblicke-slider .lSSlideOuter .lSPager.lSpg>li.active a, .block-event-slider .lSSlideOuter .lSPager.lSpg>li:hover a {
    background-color: var(--global-palette-highlight) !important;
    border: 2px solid var(--global-palette-highlight) !important;
}

.block-rueckblicke-slider .lSSlideWrapper {
    position: unset;
    margin-bottom: 20px
}

.block-rueckblicke-slider .lSSlideOuter #slideWrapper .lSAction {
    position: absolute;
    width: 112%;
    left: -6%;
    top: calc(37% - 40px);
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

}

.block-rueckblicke-slider .lSSlideOuter #slideWrapper .lSAction a {
    background-image: url(https://gleis21.wien/wp-content/themes/kadence-child/lightslider/img/controls-rot.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    opacity: 1;

}

.block-rueckblicke-slider .lSSlideOuter #slideWrapper .lSAction a.lSNext {
    background-position: unset;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    right: 0;

}

.block-rueckblicke-slider .lSAction .lSPrev {
    left: 0;
}

.block-rueckblicke-slider ul.ruckblicke-slider {
    margin: 0;
}

@media (max-width: 767px) {

    .block-rueckblicke-slider .lSSlideOuter {
        position: relative;
    }

    .block-rueckblicke-slider .lSSlideOuter #slideWrapper .lSAction {
        width: 23%;
        right: 0%;
        bottom: unset;
        top: unset;
        left: unset;
        z-index: 100;
    }

    .block-rueckblicke-slider .lSSlideOuter #slideWrapper .lSAction a {
        width: 35px;
        height: 35px;
        margin-top: unset;
    }

    .block-rueckblicke-slider .lSSlideOuter ul.lSPager.lSpg {
        max-width: 80%;
        margin: 0 auto !important;
    }

    .block-rueckblicke-slider #slideWrapper li {
    height: 300px;
    }

    .event-slide-image {
    height: 60%;
    }

}

/* Rückblicke Programmseite */

.programmseite.block-rueckblicke-slider {
    background-color: var(--global-palette2); 
    margin-top: 60px;
    padding: 0 var(--global-content-edge-padding);
}

.programmseite.block-rueckblicke-slider h2 {
    text-align: center; 
    padding-top: 40px;
}

.programmseite.block-rueckblicke-slider .ruckblicke-wrapper {
    width: var(--global-content-width); 
    position: relative; 
    margin: 0 auto 60px auto; 
    padding: 30px 0;
}

.programmseite.block-rueckblicke-slider .lSSlideOuter #slideWrapper .lSAction {
    position: absolute;
    width: 112%;
    left: -6%;
    top: 35%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

@media (max-width: 767px) {
    .programmseite.block-rueckblicke-slider .ruckblicke-wrapper {
        width: 100%;
    }

    .programmseite.block-rueckblicke-slider .lSSlideOuter #slideWrapper .lSAction {
        width: 23%;
        left: unset;
        top: unset;
        right:0;

        -webkit-transform: translateY(-50%);

            -ms-transform: translateY(-50%);

                transform: translateY(-50%);
    }

    .programmseite.block-rueckblicke-slider #slideWrapper li {
        height: 350px;
    }

    .programmseite.block-rueckblicke-slider .event-slide-titel {
        margin: 0;
    }

    .programmseite.block-rueckblicke-slider .event-slide-datum {
        margin-top: 0;
    }

}

/* Kooperationen und Sponsoren Programmseite
-------------------------------------------------------------- */

.programm.koop-und-spons {
    width: var(--global-content-width);
    margin: 60px auto;
}

@media (max-width: 767px) {
    
    .programm.koop-und-spons {
        width: 100%;
        margin: 40px auto;
    }
}