/*
Theme Name: Theater Hamburg Theme
Author: Paradies.Digital
Author URI: https://paradies.digital/
Description: Theater Hamburg Theme (2025 Child Theme)
Version: 1.0
Text Domain: twentytwentyfive-child
Template: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/* S | 0.75rem | 12px */
/* S+ | 1.25rem | 20px */
/* M | 1.5rem | 24px */
/* M+ | 2rem | 32px */
/* L | 2.25rem | 36px */
/* XL | 3rem | 48px */
/* XXL | 4.375rem | 70px */

@font-face {
    font-family: 'ABC Social Regular';
    src: url('fonts/ABCSocial-Regular.otf') format('otf');
    src: url('fonts/ABCSocial-Regular.woff') format('woff');
    src: url('fonts/ABCSocial-Regular.woff2') format('woff2');
    font-weight: 100 900;
    font-stretch: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ABC Social Medium';
    src: url('fonts/ABCSocial-Regular.otf') format('otf');
    src: url('fonts/ABCSocial-Regular.woff') format('woff');
    src: url('fonts/ABCSocial-Regular.woff2') format('woff2');
    font-weight: 100 900;
    font-stretch: normal;
    font-style: normal;
}

html,
body {
    margin: 0;
    padding: 0;
    /*     padding-right: var(--scrollbar-width, 5px); */
    width: 100%;
    align-items: center;
    overflow-y: auto !important;
    overflow-x: hidden;
}

.wp-site-blocks {
    width: 100vw;
    height: 100vh;
    transform-origin: top left;
    overflow: visible;
    visibility: hidden;
}

.block-editor-block-list__layout.wp-site-blocks {
    visibility: visible !important;
}

p a {
    font-size: inherit !important;
}

a {
    color: black;
}

h1,
h2,
h3,
h4 {
    color: black !important;
}

.wp-block-group {
    padding-left: 0px !important;
    padding-right: 0px !important;
    overflow: hidden;
}

.header_title {
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-bottom: 6px !important;
}

.header_title a {
    font-size: 4.375rem !important;
    font-weight: 700 !important;
}

.header_title h1:nth-child(1) {
    text-align: left;
}

.header_title h1:nth-child(2) {
    text-align: right;
}

.hidden,
.hidden-temp {
    display: none !important;
}

.overflow_hidden {
    overflow: hidden;
}

.invisible {
    visibility: hidden !important;
}

.margin_left {
    margin-left: 12px !important;
}

.margin_right {
    margin-right: 12px !important;
}

.quadrat * {
    width: 40px !important;
    height: 40px !important;
    float: inline-start !important;
}

.quadrat img {
    background-color: white;
}

:where(.wp-site-blocks *:focus) {
    outline-width: 0px !important;
    outline-style: none;
}

.wp-block-column {
    flex-grow: 1 !important;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.wp-block-post-content {
    display: block;
}

:root :where(.wp-block-post-content) {
    padding: 0px;
    margin-top: 0;
}

.wp-block-cover video.wp-block-cover__video-background {
    border-radius: 20px;
}

.wp-block-cover {
    padding: 0px !important;
}

.wp-block-cover .wp-block-cover__inner-container *,
.wp-block-cover-image .wp-block-cover__inner-container * {
    position: relative !important;
    z-index: 1;
}

.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
    max-width: unset;
}

.wp-block-image img {
    vertical-align: unset;
}

/* Gallerie Plugin */

.wp-swiper>.wp-swiper__wrapper {
    margin-bottom: 0px;
    height: 318px;
}

.wp-swiper {
    padding-bottom: 60px !important;
}

.swiper-wrapper img {
    border-radius: 20px;
}

.swiper-button-next,
.swiper-button-prev {
    top: inherit !important;
    left: inherit !important;
    bottom: -50px;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 1;
}

.wp-swiper {
    position: relative;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 60px;
}

.wp_swiper__navigation {
    padding-left: 12px;
    padding-right: 12px;
}

/* Gallerie Plugin */

.padding_page {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.teaser_doppel {
    gap: 0px;
}

.teaser_doppel div figure img {
    vertical-align: bottom !important;
    padding: 12px !important;
}

/* video {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
} */

/* .container_wwds {

    video {
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: grayscale(0%);
    }
}
 */

/* Cookie Banner */

.cmplz-manage-consent {
    display: none !important;
}

#cmplz-cookiebanner-container {

    .cmplz-cookiebanner {
        width: 100%;
        margin: 10px !important;
        grid-gap: 0px;
        height: 128px;
        align-items: center;
        border: 1px solid black;
        grid-template-columns: 1fr 1fr !important;
        bottom: -10px !important;
        left: -10px !important;
        top: initial !important;
        transform: initial !important;
    }

    .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
        min-width: 120px;
        width: 100%;
        margin-bottom: 8px;
        justify-self: anchor-center !important;
    }

    /*     .cmplz-cookiebanner .cmplz-body {
        height: 128px;
        align-items: center;
    } */

    .cmplz-body .cmplz-message p a:hover {
        text-decoration: underline;
        font-style: italic;
    }

    .cmplz-body .cmplz-message p {
        font-weight: 400;
        font-size: 1.5rem;
        font-family: 'ABC Social Variable'
    }

    .cmplz-buttons,
    .cmplz-cookiebanner.cmplz-categories-type-no .cmplz-buttons {
        align-items: center;
        box-sizing: border-box;
    }

    .cmplz-cookiebanner.cmplz-categories-type-no .cmplz-buttons button {
        font: 700 normal 1.5rem var(--font-text), 'ABC Social Variable';
        color: black !important;
        border: 1px solid black !important;
        border-radius: 20px !important;
        padding: 0px 20px 0px 20px;
        align-self: center;
        height: 40px;
        align-content: center;
    }

}

/* Cookie Banner */

.custom-download-button {
    width: 40px !important;
    height: 40px !important;
    padding: 0px !important;
    margin: -52px 0px 0px 12px;
    content: url("/wp-content/uploads/20250307_TH_Icon_Pfeil-runter.svg") !important;
    line-height: 1;
    background-color: #DFDFDF;
    transition: unset !important;
    font-size: 1.5rem;
    font-weight: 700;
    font-family: 'ABC Social Variable';
    z-index: 2 !important;
}

.custom-download-button:hover {
    opacity: 1 !important;
}

.page-id-43 {
    /* PRESSE SEITE */

    .image-container {
        display: grid !important;
        flex: unset;
        height: unset;
        margin-bottom: 50px !important;
    }

    .wp-element-caption,
    figcaption {
        width: 90%;
        scrollbar-color: unset !important;
        scrollbar-gutter: unset !important;
        scrollbar-width: unset !important;
    }

    .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
        background: linear-gradient(0deg, #d9d9d9, #0000) !important;
        width: auto;
        box-sizing: border-box;
        background: unset;
        color: black !important;
        font-size: 1rem;
        font-weight: 400;
        font-family: 'ABC Social Variable';
        line-height: 1.1;
        margin-top: 0;
        padding-top: 50px;
        overflow: auto;
        padding: 4px 8px;
        scrollbar-color: #0000 #0000;
        text-align: left;
        text-shadow: unset;
        will-change: transform;
        z-index: 1;
    }

    .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
        -webkit-mask-image: unset !important;
        mask-image: unset !important;
        backdrop-filter: unset !important;
    }

    .wp-block-gallery .image-container a {
        flex: unset !important;
    }

    .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>a,
    .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>div:not(.components-drop-zone) {
        display: flex !important;
    }

}

.page-id-513 {

    /* THEATERNACHT INFORMATIONEN */
    .wp-block-buttons {
        padding-bottom: 44px !important;
    }
}

.page-id-3,
.page-id-515 {
    /* DATENSCHUTZERKLÄRUNG */

    .headline {
        padding: 40px 12px 20px 12px !important;
    }

    h2 {
        padding: 48px 12px 20px 12px !important;
        line-height: 58px;
    }

    h4 {
        padding: 0px 12px 0px 12px;
        line-height: 100%;
        font-style: italic;
    }

    p {
        padding: 0px 12px 0px 12px;
    }
}

.page-id-7 {

    /* FOLLOW TICKER AUF STARTSEITE */
    #custom-ticker_follow,
    footer {
        border-top: 1px solid black !important;
    }

    /*     .entry-content {
        margin-bottom: -18px;
    } */
}

/* Linker Teaser */

.container_premieren {
    .wp-block-cover__inner-container {
        height: 580px;
    }

    padding: 12px 12px 12px 0px !important;
}

.teasertext_premieren {
    /*     writing-mode: sideways-rl !important; */
    transform: rotate(270deg);
    font-size: 4.375rem !important;
    font-weight: 700 !important;
    width: max-content;
    line-height: 0.8 !important;
    text-align: left;
    top: 358px;
    right: 110px;
}

.teasertext_premieren:hover {
    font-style: italic;
}

/* Mittlerer Teaser*/

.container_wwds {
    .wp-block-cover__inner-container {
        height: 580px;
    }

    .wp-block-cover__inner-container {
        height: 580px;
    }

    .wp-block-cover video {
        object-fit: cover;
        object-position: bottom center;
    }

    padding: 12px 12px 12px 12px !important;
}

.teasertext_wwdsehen {
    text-align: left;
    font-size: 4.375rem !important;
    font-weight: 700 !important;
    width: 600px;
    height: 580px;
    line-height: 1 !important;
    text-align: left;
    left: 32px;
    bottom: -420px;
}

.teasertext_wwdsehen:hover {
    font-style: italic;
}

/* Rechter Teaser */

.container_allebuehnen {
    .wp-block-cover__inner-container {
        height: 580px;
    }

    padding: 12px 0px 12px 12px !important;
}

.teasertext_allebuehnen {
    /*     writing-mode: sideways-rl !important; */
    transform: rotate(90deg);
    font-size: 4.375rem !important;
    font-size: 4.375rem !important;
    font-weight: 700 !important;
    width: max-content;
    line-height: 0.8 !important;
    text-align: center;
    top: 191px;
    left: 96px;
}

.container_teaser :hover {
    font-style: italic;
}

/* Theaternacht Favoriten */

.favoriten-button {
    width: 40px !important;
    height: 40px !important;
    border: 1px solid black;
    background-color: white;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

.favoriten-button figure img {
    border-radius: 0px;
    width: 25px !important;
}

/* Theaternacht Favoriten */

/* Theaternacht Startseite */

.container_startseite_theaternacht_programm,
.container_startseite_theaternacht_mobilitaet {
    .wp-block-cover__inner-container {
        height: 580px;
    }

    padding: 12px 12px 12px 0px !important;
}

.container_startseite_theaternacht_ticket,
.container_startseite_theaternacht_dein_besuch {
    .wp-block-cover__inner-container {
        height: 580px;
    }

    padding: 12px 0px 12px 12px !important;
}

.a_nach_b {
    justify-content: space-between;
}

.teasertext_programm {
    font-size: 4.375rem !important;
    font-weight: 700 !important;
    line-height: 75px !important;
}

.teasertext_ticket {
    font-size: 4.375rem !important;
    font-weight: 700 !important;
    line-height: 75px !important;
    width: 550px;
    top: 398px;
}

.teasertext_besuch {
    font-size: 4.375rem !important;
    font-weight: 700 !important;
    line-height: 75px !important;
    width: 650px;
    top: 398px;
}

.teasertext_mobilitaet {
    font-size: 4.375rem !important;
    font-weight: 700 !important;
    line-height: 75px !important;
}

.teasertext_programm:hover,
.teasertext_ticket:hover,
.teasertext_besuch:hover,
.teasertext_mobilitaet:hover {
    font-style: italic;
}

/* Theaternacht Startseite */

/* Theaternacht Anzeigen */

.anzeige_theaternacht_programm figcaption,
.anzeige_theaternacht_information figcaption {
    font-size: 16px;
    font-family: 'ABC Social Regular';
    padding: 0px 12px;
    text-align: right;
    margin: 0;
}

.anzeige_theaternacht_programm,
.anzeige_theaternacht_information {
    display: none !important;
}

/* Theaternacht Anzeigen */

/* Theaterpreis Startseite */

.container_startseite_theaterpreis_preisverleihung {
    .wp-block-cover__inner-container {
        height: 580px;
    }

    padding: 12px 12px 12px 0px !important;
}

.container_startseite_theaterpreis_rueckblick {
    .wp-block-cover__inner-container {
        height: 580px;
    }

    padding: 12px 0px 12px 12px !important;
}

.teasertext_preisverleihung,
.teasertext_rueckblick {
    font-size: 4.375rem !important;
    font-weight: 700 !important;
    line-height: 75px !important;
}

.teasertext_preisverleihung:hover,
.teasertext_rueckblick:hover {
    font-style: italic;
}

/* Theaterpreis Startseite */

/* SUCHE */

.wp-block-search__inside-wrapper {
    flex-direction: column;
}

.wp-block-search__input {
    padding-bottom: 288px;
    border-radius: 20px !important;
    border: 1px solid black;
}

.wp-block-search__button {
    width: 115px !important;
    /* 8vw*/
    position: relative;
    top: 14px;
    background-color: white;
    color: black;
    align-self: self-end;
}

/* SUCHE */

/* FOOTER */

footer .wp-block-navigation-item {
    width: 100%;
}

footer .wp-block-navigation-item a {
    transition: font-weight 0.1s linear;
}

/* footer .wp-block-navigation-item a:hover {
    font-variation-settings: "wght" 800, "ital" 12;
    transition: font-variation-settings 0.3s ease;
} */

.footer-button-container {
    width: 100%;
}

.footer-button-container-full {
    width: 100%;
    height: 100%;
}

.footer_button_container {

    .socials_container {
        padding: 12px 12px 12px 0px !important;
    }

    .newsletter_container {
        padding: 12px 12px 12px 12px !important;
    }

    .up_container {
        padding: 12px 0px 12px 12px !important;
    }

}

.footer-button {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    align-items: center;
    font-family: 'ABC Social Regular';
    font-size: 3rem !important;
    font-weight: 400;
    text-decoration: none;
    border-radius: 20px;
    border: 1px solid black;
    background-color: #F4F4F4;
    line-height: 58px !important;
}

footer ul li a {
    justify-content: center;
}

footer {
    margin-block-start: 0rem;
}

.footer_block {
    align-content: space-evenly;
}

.button-socials {
    box-sizing: border-box;
    padding: 20px 12px 20px 12px;
    box-sizing: border-box;
}

.button-socials img {
    width: 70px;
}

.button-newsletter {
    height: 100%;
    align-items: start;
    box-sizing: border-box;
}

.button-newsletter span {
    overflow: hidden;
    align-self: center;
    padding: 0px 15px 0px 15px;
    line-height: 58px !important;
    margin-bottom: 60px;
}

.button-up {
    height: 100%;
    place-content: center;
    flex-grow: 1;
    box-sizing: border-box;
}

.button-up img {
    height: 234px;
}

/* FOOTER */

/* LINKS & NAVIGATION */

a:link {
    text-decoration: none;
}

ul li a {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 400;
    line-height: 40px;
    border: 1px solid black !important;
    border-radius: 20px !important;
}

.parent-menu {
    display: flex;
    justify-content: space-evenly;
    /* Gleichmäßige Verteilung */
}

.top_nav {
    gap: 12px;
}

.wp-block-navigation-item {
    flex: 1;
    text-align: center;
    height: 40px;
    text-align: center;
    white-space: nowrap;
    /* Verhindert Zeilenumbrüche */
}

.wp-block-navigation-item a {
    height: 40px;
    font: 400 normal 1.5rem var(--font-text), 'ABC Social Social';
    line-height: 40px;
}

.wp-block-navigation-item,
button {
    transition: background-color 0.8s ease-in-out, border-radius 0.8s ease-in-out;
    box-sizing: border-box;
}

.wp-block-navigation .wp-block-page-list,
.wp-block-navigation__responsive-close,
.wp-block-navigation__responsive-container,
.wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-dialog {
    gap: 12px;
}

.wp-block-navigation__container {
    gap: 12px;
}

.wp-block-navigation .wp-block-navigation-item__content {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    box-sizing: border-box;
    background-color: white;
}

.wp-block-navigation-item__content span {
    font-weight: 400;
    font-size: 1.5rem !important;
    line-height: 39px !important;
    padding: 0px 20px 0px 20px;
    text-align: center;
    background: unset;
    /*     transition: font-weight 0.1s linear; */
}

.wp-block-navigation-submenu__toggl,
.wp-block-navigation__submenu-icon,
.wp-block-navigation__submenu-container {
    display: none !important;
}

.wp-block-navigation__submenu-container li:hover,
.wp-block-navigation-item__content:hover,
.wp-block-button a:hover,
.wp-block-button:hover,
button:hover,
button a:hover,
.merkliste:hover,
.switch:hover,
.cr_button:hover {
    background-color: #D9D9D9;
    border-radius: 20px !important;
    font-style: italic;
    font-weight: 500;
}

.wp-block-navigation__container .current-menu-item a,
.parent-menu li.highlighted-menu .current-menu-item a {
    border-radius: 20px !important;
    font-weight: 500 !important;
    font-style: italic;
}

.theater-hamburg.highlighted-menu>a {
    background-color: #d9d9d9 !important;
}

.theaterpreis-hamburg.highlighted-menu>a {
    background-color: #81DAFD !important;
}

.theaternacht-hamburg.highlighted-menu>a {
    background-color: #FFA4FF !important;
}

.theaternacht-hamburg .wp-block-navigation__submenu-container .current-menu-item a {
    background-color: #FFA4FF !important;
}

.theater-hamburg .wp-block-navigation__submenu-container .current-menu-item a {
    background-color: #D9D9D9 !important;
}

.theaterpreis-hamburg .wp-block-navigation__submenu-container .current-menu-item a {
    background-color: #81DAFD !important;
}

.child-menu li.theaternacht-hamburg.current-menu-item a {
    background-color: #FFA4FF !important;
}

.child-menu li.theater-hamburg.current-menu-item a {
    background-color: #D9D9D9 !important;
}

.child-menu li.theaterpreis-hamburg.current-menu-item a {
    background-color: #81DAFD !important;
}

.highlighted {
    background-color: #D9D9D9;
}

.bg_unset {
    background-color: unset;
}

.wp-block-navigation-item .current-menu-item a {
    font-weight: 400 !important;
}

/* LINKS & NAVIGATION */

/* THEATERNACHT */

/* Karte */

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
    box-shadow: none;
    display: none;
}

.filter-map {
    padding: 20px;
    display: flex;
    flex-direction: row;
}

/* Karte */

/*  Menüpunkte ausgegraut  */
ul.theaternacht-hamburg li:nth-child(1),
ul.theaternacht-hamburg li:nth-child(3),
ul.theaternacht-hamburg li:nth-child(4),
ul.theaternacht-hamburg li:nth-child(5),
ul.theaternacht-hamburg li:nth-child(6),
ul.theaternacht-hamburg li:nth-child(7) {
    pointer-events: none;
    opacity: 0.32;
    font-style: normal !important;
}

/* THEATERNACHT */

/* THEATERPREIS */

/* Menüpunkte ausgegraut */
/* ul.theaterpreis-hamburg li:nth-child(2),
ul.theaterpreis-hamburg li:nth-child(3), 
ul.theaterpreis-hamburg li:nth-child(4) {
    pointer-events: none;
    font-style: normal !important;
    opacity: 0.32;
}*/

/* THEATERPREIS */

/* ALLGEMEIN */

.mobile-only-content {
    display: none !important;
}

.desktop-only-content {
    display: block;
}

/* Buttons */

button,
button div,
.wp-block-button {
    padding: unset;
    border: 0 !important;
    box-sizing: border-box;
    line-height: 100%;
}

.wp-block-buttons .wp-block-button {
    display: flex;
}

.button-base,
.button-ghost {
    border: 0px !important;
    box-sizing: border-box;
}

.button-base {
    padding: unset !important;
}

.button-basic {
    font-family: 'ABC Social Variable';
    font-size: 1.25rem !important;
    color: black !important;
    border: 1px solid black !important;
    border-radius: 20px !important;
    padding: 0px 16px 0px 16px;
    align-self: center;
    height: 40px;
    align-content: center;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-sizing: border-box;
}

button a,
.link[data-v-22e4a078] div span span {
    font: 700 normal 1.5rem var(--font-text), 'ABC Social Variable';
    color: black !important;
    border: 1px solid black;
    border-radius: 20px !important;
    padding: 0px 20px 0px 20px;
    align-self: center;
    height: 40px;
    align-content: center;
}

.wp-block-button__link {
    font-weight: 700 !important;
    font-size: 1.5rem !important;
    font-family: 'ABC Social Variable';
    color: black !important;
    align-self: center;
    border: 1px solid black !important;
    border-radius: 20px !important;
    padding: 0px 20px 0px 20px !important;
    line-height: 15px;
    height: 40px;
    align-content: center;
}

button div span {
    font-weight: 700 !important;
    font-size: 1.5rem !important;
    font-family: 'ABC Social Variable';
    color: black !important;
    border: 1px solid black;
    box-sizing: border-box;
    border-radius: 20px !important;
    padding: 0px 20px 0px 20px;
    line-height: 20px !important;
    height: 40px;
    align-self: center;
    align-content: center;
}

/* Buttons */

/* Akkordeon / WP Details */

:root :where(.wp-block-details) {
    font-size: unset;
}

.wp-block-details {
    border-bottom: 1px solid black !important;
    margin-block-start: 0 !important;
}

.wp-block-details p {
    padding: 0px 12px !important;
}

details:has(+ p) {
    margin-bottom: 100px !important;
}

details:last-of-type {
    margin-bottom: 100px !important;
}

.page-id-515 {

    /* Theaternacht - Dein Besuch */
    details:has(+ p) {
        margin-bottom: 0px !important;
    }

    details:last-of-type {
        margin-bottom: 0px !important;
    }
}

details:first-of-type {
    border-top: 1px solid black;
}

details .wp-block-buttons {
    padding: 20px 12px 40px 12px !important;
}

.header_absatz {
    padding: 15px 8px 45px 8px !important;
}

.wp-block-details p {
    padding: 24px 60px 20px 12px !important;
    font-size: 2rem;
}

.wp-block-buttons {
    padding: 24px 60px 20px 12px !important;
    font-size: 2rem;
    line-height: 100%;
    gap: 8px;
}

.wp-block-details summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    list-style: unset;
    -webkit-appearance: none;
    /* Safari spezifisch */
    appearance: none;
    padding: 0px 0px 0px 12px !important;
    font-size: 2rem;
}

.wp-block-details summary::-webkit-details-marker,
.wp-block-details summary::marker {
    display: none;
}

.wp-block-details summary::after {
    content: '';
    transition: transform 0.3s ease;
    height: 60px;
    width: 60px;
    background-image: url(/wp-content/uploads/20250307_TH_Icon_Pfeil-runter.svg);
    background-size: cover;
    background-position: top;
    flex: none;
}

.wp-block-details[open] summary::after {
    content: '';
    height: 60px;
    width: 60px;
    background-image: url(/wp-content/uploads/20250307_TH_Icon_Pfeil-hoch.svg);
    background-size: cover;
    background-position: top;
    flex: none;
}

/* Akkordeon */

/* HAMBURG TOURISMUS WIDGET */

.widget-spielplan *,
.widget-spielplan {
    font: inherit normal inherit var(--font-text), 'ABC Social Variable';
    color: black !important;
    --font-text: 'ABC Social Variable';
    --font-display: 'ABC Social Variable';
    font-family: 'ABC Social Variable';
}

.mediaGallery.v-el-large {
    padding: 0px 0px 0px 0px !important;
}

.spielstaetten-theaternacht.widget-spielplan {
    background-color: #FFECFA !important;
}

.relationContainer {
    min-height: 600px;
}

.is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: unset !important;
    /* MAX BREITE */
}

/* HINTERGRUND-FILTER BEI OVERLAYS */
.modalBackdrop {
    background-color: unset !important;
}

.global-grid[data-v-bb8d1d5b] {
    display: none !important;
}

.global-placeholder-el-large,
.global-grid .taglist {
    display: none !important;
}

/* ZURÜCK BUTTONS */

.backlink a.text.link {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    text-indent: -9999px;
    /* Text ausblenden */
    background: url('/wp-content/uploads/20250119_TH_Icon_Pfeil.svg') no-repeat center;
    background-size: contain;
    border: 1px solid black;
    border-radius: 20px;
}

.backlink .icon {
    display: none;
}

.backlink.global-grid {
    display: none;
}

/* ZURÜCK BUTTONS */

/* MERKLISTE / HERZ OBEN RECHTS */

.merkliste a {
    display: flex;
}

.pageheader>.functions {
    display: none !important;
}

.main[data-v-304e7744] {
    font: 400 normal 3rem var(--font-text), 'ABC Social Variable';
    color: black !important;
    text-transform: none;
}

.buttons[data-v-e9b02842] {
    display: none;
}

.styler[data-v-192807b2] {
    height: unset !important;
    margin: 40px 0px 47px 0px;
}

.styler[data-v-192807b2] p {
    font: 400 normal 3rem var(--font-text), 'ABC Social Variable';
}

.backlink .baseIcon[data-v-a05ca9db] {
    display: none;
}

.backlink[data-v-2222a7d0] a {
    border: 1px solid black;
    border-radius: 20px;
    margin: 24px 0px 0px 0px;
}

.styler+.default.items {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
}

.title[data-v-3d655de6] {
    visibility: hidden !important;
}

.buttons[data-v-d942827a] {
    display: none !important;
}

/* MERKLISTE / HERZ OBEN RECHTS */

/* CONTENT DES WIDGETS */

.forecast {
    display: none;
}

.v-el-last {
    margin-bottom: 50px !important;
}

main {

    .global-placeholder-el-medium {
        display: none;
    }

    .global-grid {
        max-width: 99% !important;
        margin: 0;
        padding: 0px 12px;
        grid-template-columns: repeat(8, 0fr);
        width: 100% !important;
        --local-item--border: 0px var(--assign-separation-lines) solid !important;
    }

    .infoTags {
        justify-content: left;
        flex-direction: column !important;
        flex-wrap: nowrap;
        align-items: start !important;
        row-gap: 0;
    }

    .infoTags .item {
        /*         width: auto; */
        justify-content: flex-end;
        text-align: left;
    }

    .teaserList .layout .fig {
        /* BILDER */
        display: none !important;
    }

    /* KARTE */
    canvas {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        border-radius: 20px;
    }

    .imxMap .container {
        background-color: white !important;
    }

    section {

        .fig[data-v-8f56cfb7] {
            display: none !important;
        }

        .header[data-v-3e7383e6] {
            --local--color-headline: black;
            --local--gap: 30px;
            color: black;
            display: flex;
            flex-direction: column;
            position: relative;
            row-gap: var(--local--gap);
            margin-top: 30px;
        }

        .remove .baseIcon {
            content: url(/wp-content/uploads/20250119_TH_Icon_Kreuz.svg) !important;
            padding: 0;
            display: contents;
            align-items: center;
            justify-content: center;
            width: 20px;
            height: 20px !important;
        }

        .remove .baseIcon svg {
            width: 20px;
            height: 20px !important;
            flex-shrink: 0;
        }

        /* Ihre Filter */
        .title[data-v-9410cc11] {
            display: none !important;
        }

        h1 {
            display: none
        }

        /* Rahmen & Padding für das Layout */
        .layout {
            padding: 32px 24px 32px 24px;
            border-radius: 20px;
        }

        .roof,
        .category,
        .interval {
            display: none !important;
        }

        /* Abstand bei der TeaserList anpassen */
        .teaserList .styler .main {
            max-width: 80%;
            font: 400 normal 3rem var(--font-display), 'ABC Social Variable';
            color: black !important;
            text-transform: none;
            margin-top: -8px;
        }

        .infoTags .item span,
        .datelistWrap .info,
        .datelistWrap .datelist .item div {
            font: 400 normal 1.5rem var(--font-display), 'ABC Social Variable';
            color: black !important;
            line-height: 1.2;
        }

        .wrap>.items .tile {
            --local-list--itemsPerLine: 2 !important;
            padding: 22px 0px 0px 0px;
            column-gap: 12px;
            row-gap: 12px;
            margin: 0px 0px 20px 0px;
        }

        .wrap>.items .tile>.item {
            border: 0px !important;
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 0px !important;
            padding-bottom: 0px !important;
        }

        .layout.layout:has(.fig) {
            /* grid-template-columns: max-content !important; */
            --local-text--padding: 0px !important;
            grid-template-areas: "text text" !important;
            min-height: 358px;
        }

        .datelistWrap {
            justify-content: right;
        }

        .infoTags {
            justify-content: right;
            flex-direction: column !important;
            align-content: flex-end !important;
            align-items: end !important;
            row-gap: 0;
        }

        .infoTags .item {
            justify-content: flex-end;
            text-align: right;
        }

        .infoTags .item .baseIcon {
            display: none;
        }

        /* HERZ */
        .right .buttons {
            top: 32px;
            right: 24px;
            position: absolute;
        }

        .right .text {
            row-gap: 8px;
        }

        .list[data-v-814577e2] {
            --local--gap: 50px;
            --local-list--gap-vertical: 12px !important;
            --local-item--padding: 12px !important;
        }

        .items[data-v-814577e2]:not(:last-child) {
            border-bottom: 0px !important;
            padding-bottom: 0px !important;
        }

        .filter {

            grid-template-areas:
                "reset reset"
                "list list" !important;

            .title {
                display: none;
            }

            .list li,
            .reset {
                /* Ihre Filter */
                border: 1px solid black !important;
                border-radius: 20px !important;
                background-color: #D9D9D9 !important;
                padding: 0px 16px 0px 16px;
                height: 40px;
                max-width: fit-content;
                text-decoration: none;
                font: 400 normal 1.25rem var(--font-text), 'ABC Social Variable';
                color: black !important;
            }

            .list li button,
            span {
                /* Ihre Filter */
                font: 400 normal 1.25rem var(--font-text), 'ABC Social Variable';
                color: black !important;
                box-sizing: border-box;
                align-items: center;
                height: 40px;
            }

        }

        .list[data-v-8fe0e7cf] {
            border-top: 0px;
            height: 40px;
        }

        .list[data-v-0326b8e9] {
            border-top: 0px !important;
        }

        .list[data-v-0326b8e9] li {
            margin-bottom: 8px !important;
            margin-right: -8px !important;
        }

        .default li {
            border-top: 0px !important;
            border-bottom: 0px !important;
            padding-bottom: 0px !important;
            padding-top: 0px !important;
        }

        .global-grid .text {
            grid-column: 1 / span 12;

            .title {
                font: 400 normal 3rem var(--font-text), 'ABC Social Regular';
                font-size: 24px !important;
                color: black !important;
                line-height: 58px;
                text-transform: none;
                padding: 0px 0px 24px 0px !important;
            }

            .title .styler {
                height: unset;
            }

            .truncate .styler,
            .datelist .styler {
                height: unset !important;
            }

            .truncate .styler .render * {
                font: 400 normal 2rem var(--font-text), 'ABC Social Regular';
                color: black !important;
                line-height: 40px;
                top: 32px;
            }

            .truncate button {
                font: 400 normal 1.5rem var(--font-text), 'ABC Social Regular';
                color: black !important;
                text-decoration: none;
                font-style: italic !important;
                margin-bottom: 12px;
            }

        }

        .title[data-v-58e5f170] {
            row-gap: 0px !important;
        }

        .text[data-v-58e5f170] ul li span,
        .text[data-v-22e4a078] {
            font: 400 normal 1.5rem var(--font-text), 'ABC Social Regular';
            color: black !important;
            line-height: 30px;
        }

        .trigger[data-v-22e4a078] {
            /* Preisinformationen */
            display: none;
        }

        .info[data-v-22e4a078] {
            gap: 20px;
            flex-direction: column !important;
        }

        .link[data-v-40dd823d] {
            font: 700 normal 1.5rem var(--font-text), 'ABC Social Regular';
            color: black !important;
        }

        .styler[data-v-bd2ba8db] {
            height: 225px;
        }

        .styler[data-v-bd2ba8db] h2 {
            font-weight: bold;
        }

        .default {
            row-gap: 12px !important;
            column-gap: 12px;
        }

        .list.hasMap.showMap .main .map[data-v-c0f5a84f] {
            border-radius: 20px !important;
        }

        .input-fake {
            width: max-content;
            align-items: center;
            flex-direction: unset;
        }

        .switch {
            top: calc(100% + 8px) !important;
            border: 1px solid black !important;
            border-radius: 20px !important;
            margin: 12px 0px 0px 0px;
        }

        .switch .baseIcon,
        .price .baseIcon,
        .footer .baseIcon {
            display: none;
        }

        .price .info .link .button-ghost {
            border: 1px solid black !important;
            width: max-content;
            place-content: center;
            border-radius: 20px;
            padding: 0px 20px 0px 20px;
            margin-top: 12px;
            height: 40px;
        }

        .price .info .link .button-ghost .button-base .text {
            font: 700 normal 1.5rem var(--font-text), 'ABC Social Variable';
            color: black;
        }

        .price .info>.text {
            /* PREISINFO */
            display: none !important;
        }

        .switch .text {
            text-decoration: none;
            font: 400 normal 1.5rem var(--font-text), 'ABC Social Variable';
            color: black !important;
            height: 40px;
            padding: 0px 16px 0px 16px;
            align-content: center;
        }

        .imxMap .container {
            background-color: white !important;
        }

        canvas {
            /* Karte */
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
            border-radius: 20px;
        }

        .like>.icon {
            border: 0px;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
            height: 30px;
            color: #FF00FF;
        }

        .like:hover .icon[data-v-f4150ed3] {
            transform: unset;
            /*             color: black !important;
            opacity: 0.32 !important; */
        }

        .icon[data-v-f4150ed3].icon svg {
            width: 30px;
            height: 30px;
            flex-shrink: 0;
        }

        .map {
            --assign-map-poi-active: #FF00FF !important;
        }

        .disliked {
            color: black !important;
        }

        .footer button .button-ghost span .baseIcon[data-v-257d51ca] {
            display: none !important;
        }

        .footer {
            justify-content: left !important;
        }

        .buttons[data-v-194fc1fe] {
            padding-top: 15px;
        }

        .infoTags[data-v-0fc99b91] {
            row-gap: unset;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            height: 90px;
        }

        /* ZURÜCK ZUR ÜBERSICHT */
        /*         .text[data-v-58e5f170] .backlink {
            border-radius: 20px;
            border: 1px solid black;
            font: 700 normal 1.5rem var(--font-text), 'ABC Social Variable';
            color: black !important;
        } */

        /*         .text[data-v-58e5f170] .backlink .text {
            text-decoration: unset;
            font: inherit;
            padding: 10px 20px 10px 20px;
            line-height: 20px !important;
            align-self: center;
        } */

        .icon[data-v-a05ca9db] {
            display: none;
        }

        /* ZURÜCK ZUR ÜBERSICHT */

    }

    /* LISTENANSICHT */
    /*     .hasMap {}
 */
    /* KACHELANSICHT */
    .showMap {
        .wrap>.header+.main {
            -moz-column-gap: 30px;
            column-gap: 12px;
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            margin-left: unset;
            margin-right: unset;
            max-width: unset;
            width: 100%;
            padding-top: 22px;
        }
    }

    /* ALLE TERMINE ANZEIGEN - TOGGLE SWITCH */
    .trigger[data-v-dd34df0b] {
        font: 700 normal 1.5rem var(--font-text), 'ABC Social Variable';
        color: black !important;
        border: 1px solid black !important;
        border-radius: 20px !important;
        cursor: pointer;
        margin-top: 22px;
        text-decoration: none;
        padding: 0px 20px 0px 20px;
        height: 40px;
    }

    /* ALLE TERMINE ANZEIGEN - TOGGLE SWITCH */

    .switch[data-v-ae44304a] {
        display: none;
    }

    .list[data-v-dd34df0b],
    .list[data-v-dd34df0b] .item div span {
        font: 400 normal 1.5rem var(--font-text), 'ABC Social Variable';
        color: black !important;
        row-gap: 0px;
    }

    [data-v-bd2ba8db] h3,
    [data-v-bd2ba8db] h4 {
        font: 700 normal 1.5rem var(--font-text), 'ABC Social Variable';
        text-transform: unset;
    }

    .contact {
        .grid .location * {
            text-transform: unset;
            font-family: 'ABC Social Regular';
            font-size: 1.5rem;
            line-height: 30px;
            font-weight: 400;
            line-height: 1.3 !important;
            padding: 0px !important;
            color: black;


            .maplibregl-map,
            .maplibregl-map button,
            .maplibregl-map select,
            .maplibregl-map textarea,
            .maplibregl-map input {
                font-family: "ABC Social Regular";
                font-size: 14px;
                width: unset !important;
                height: unset !important;
            }
        }

        canvas,
        .imxMap,
        .map,
        .maplibregl-map {
            width: 684px !important;
            height: 394px !important;
        }

        .maplibregl-ctrl-fullscreen {
            display: none !important;
        }

        .maplibregl-ctrl-bottom-right {
            bottom: 0;
            right: 10px !important;
        }

        .grid .location {
            row-gap: 0px !important;
        }

        .grid .location .styler h2 {
            font-weight: 700 !important;
        }

        a[data-v-d7e9a8c0]:last-child {
            display: none;
        }
    }

    /* EVENT PAGE */
    .global-grid .text .title {
        row-gap: 0 !important;
    }

    .global-grid .text .title .infoTags {
        justify-content: left;
        flex-direction: column !important;
        align-content: flex-start !important;
        align-items: start !important;
        row-gap: 0;
    }

    .truncate+.infoTags {
        justify-content: left;
        flex-direction: column !important;
        align-content: flex-start !important;
        align-items: start !important;
        row-gap: 0;
    }

    .truncate+.infoTags .item {
        width: auto;
        justify-content: flex-start;
        text-align: left;
        border: 1px solid black;
        border-radius: 20px;
    }

    .truncate+.infoTags .item a {
        font: 700 normal 1.5rem var(--font-text), 'ABC Social Variable';
        padding: 0px 20px 0px 20px;
        height: 40px;
        line-height: 40px;
    }
}

/* BILDERGALERIE */
.mediaGallery {

    margin: 0px -12px 32px -12px;
    padding: 12px 24px !important;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    min-height: 435px;

    /*         .fig {
            display: inline !important;
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
        }

        .fig img {
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
            border-radius: 20px;
        } */

    .item[data-v-3afb3fdb] {
        height: 394px;
        width: 591px;
        display: block;
        border-radius: 20px;
    }

    .slide {
        margin-right: 12px;
        /*             width: 591px !important; */
    }

    .slide img {
        border-radius: 20px;
    }

    .slide:not(.slide--small) {
        margin-right: 12px;
    }

    .grid {
        margin-left: 0px;
        margin-right: 0px;
        padding: 12px 24px;
    }

    figcaption {
        transform: translate(0) !important;
        max-height: 100% !important;
        word-break: unset !important;
        position: sticky !important;
        padding: 8px !important;
        backdrop-filter: unset !important;
        transition: unset !important;

    }

    figcaption .text {
        font: 400 normal 0.75rem var(--font-text), 'ABC Social Variable';
    }

    .info[data-v-4f244ad4] {
        font: 400 normal 1.25rem var(--font-text), 'ABC Social Variable';
    }

    button[aria-label="zurück"] {
        background-image: url(/wp-content/uploads/20250119_TH_Icon_Pfeil.svg);
        transform: scale(2);
        margin-top: 6px;
    }

    button[aria-label="zurück"] .baseIcon svg path {
        display: none;
    }

    button[aria-label="weiter"] {
        background-image: url(/wp-content/uploads/20250320_TH_Icon_Pfeil-rechts.svg);
        transform: scale(2);
        margin-top: 6px;
    }

    button[aria-label="weiter"] .baseIcon svg path {
        display: none;
    }

    .icon[data-v-4f244ad4] {
        color: black;
    }

}

.mediaGallery .grid .slot {
    row-gap: 6px;
}

/* HERO IMAGE */
.hero .fig {
    display: none !important;
}

/*     figure picture img:hover {
        -webkit-filter: grayscale(0%) !important;
        -moz-filter: grayscale(0%) !important;
        -ms-filter: grayscale(0%) !important;
        -o-filter: grayscale(0%) !important;
        filter: grayscale(0%) !important;
    }

    .fig:hover {
        -webkit-filter: grayscale(0%) !important;
        -moz-filter: grayscale(0%) !important;
        -ms-filter: grayscale(0%) !important;
        -o-filter: grayscale(0%) !important;
        filter: grayscale(0%) !important;
    } */

/* TERMINLISTEN */
.datelist[data-v-dd34df0b],
.list[data-v-dd34df0b] {
    row-gap: 0px;
    margin: 6px -6px 10px -6px;
}

.datelist[data-v-dd34df0b] .styler h2 {
    padding: 0px 6px;
}

/* ICONS */
.list[data-v-dd34df0b] .baseIcon,
.item[data-v-dd34df0b] .baseIcon {
    display: none;
}

.item[data-v-dd34df0b] {
    padding: 4px 12px 4px 12px !important;
    margin: 0 -12px !important;
}

.item[data-v-dd34df0b] .text {
    margin-left: 12px;
}

.item[data-v-dd34df0b] .time {
    margin: 0px 0px 0px 0px;
    padding: 0px !important;
    justify-self: center;
}

.item .action,
.item .meta {
    margin-right: 16px;
    border-left: 0px !important;
    justify-items: right;
    justify-self: right;
}

.list .item .action .ticketLink {
    border: 0px !important;
}

.item[data-v-dd34df0b] .meta[data-v-e406873e] {
    grid-area: inherit !important;
}

.list[data-v-dd34df0b] li {
    border-top: 1px solid black;
}

.list[data-v-dd34df0b] li:last-child {
    border-bottom: 1px solid black;
}

/* ANFAHRT / MAP */
.arrival,
.stops {
    display: none !important;
    margin-bottom: 0px !important;
}

.contact:not(.noLocation) .global-grid {
    grid-template-areas: "main map" !important;
    grid-template-columns: 1fr 1fr !important;
    row-gap: unset;
    column-gap: 140px;
}

.main .wrap+.map {
    width: 684px;
    height: 394px;
    margin-bottom: 0px !important;
}

.main .wrap+.map {
    grid-column: 5 / span 2;
}

.map[data-v-889838ab] {
    height: 856px !important;
}

.map .imxMap {
    height: 856px;
    position: absolute;
}

.sticky {
    top: 0 !important;
}

.location[data-v-5dca109b] {
    grid-column: unset !important;
    grid-area: main !important;
    min-width: 300px;
}

.location[data-v-5dca109b] .bottom {
    width: 100%;
}

.location[data-v-5dca109b] h2 {
    font-weight: 700;
}

:is(.time[data-v-2bd2bbbc]) {
    justify-self: center;
}

/* EVENT PAGE */

/* VENUE PAGE */

.wrap[data-v-c3a190a3],
.arrival,
.stops,
.contributor {
    display: none !important;
}

/* VENUE PAGE */

/* HEADER ELEMENT DES WIDGETS */

.pageheader {

    /* AUSRICHTUNG DES GESAMTEN HEADERS */
    --local--columns: 0px auto 1fr auto 40px !important;
    grid-template-rows: unset !important;
    padding: 0px 12px;

    /* INPUT FELDER IM HEADER */
    justify-items: left;

    /* GETAUSCHTE ICONS */

    .date .input-fake>.wrap {
        background-image: url(/wp-content/uploads/20250119_TH_Icon_Kalender.png) !important;
        background-size: contain;
    }

    .baseIcon[data-v-ec2a1bbe],
    .filter button>.label {
        display: none !important;
    }

    .input[data-v-ec2a1bbe] {
        /* Kalender Symbol */
        display: none;
    }

    .wrap[data-v-3e4b0416] {
        background-image: url(/wp-content/uploads/20250119_TH_Icon_Filter.svg);
    }

    .wrap[data-v-3e4b0416] .baseIcon {
        display: none;
    }

    /* GETAUSCHTE ICONS */

    /* SUCHE NACH ... FILTER */

    .search[data-v-18423a97] {
        --local--gap: 12px;
    }

    form {
        height: 120px;
        padding: 0px 0px 0px 0px !important;
        align-items: center !important;
        column-gap: 12px;
        --local--gap: 12px;
        gap: 12px;
        background: unset !important;
        display: flex;

        .filter .filterOpener,
        .date .wrap {
            width: 40px;
            max-width: 40px !important;
            height: 40px;
            box-sizing: border-box;
            border-radius: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex: unset !important;
        }

        .input-fake {
            /* Kalender Button */
            border: 1px solid black !important;
            border-radius: 20px;
            background: none;
            border: none;
            cursor: pointer;
            padding: 0;
            align-items: center;
            text-align: center;
            display: flex;
            flex-direction: column;
            row-gap: 0;
        }

        .filter button {
            border-radius: 20px;
            background: none;
            cursor: pointer;
            padding: 0;
            align-items: center;
            text-align: center;
            display: flex;
            flex-direction: column;
            row-gap: 0;
            width: max-content;
            font: 400 normal 1.25rem var(--font-text), 'ABC Social Variable';
        }

        .item.filter>.button {
            border: 1px solid black !important;
        }

        .filter .label[data-v-3e4b0416],
        .tab[data-v-3e4b0416],
        .tab[data-v-3f76704e],
        .filter .wrap .count[data-v-3e4b0416] {
            display: none !important;
        }

        .term,
        .date {
            flex: unset !important;
            max-width: unset !important;
            box-sizing: border-box;
        }

        .search-Event .date {
            border: 1px solid black;
            border-radius: 20px;
            flex: 0 !important;
        }

        .dropdown {
            left: 29.5%;
            border: 1px solid black;
            border-radius: 20px;
            height: 697px;
            align-content: end;
            overflow: hidden;
            --local--height: unset !important;
        }

        .filter>.dropdown {
            left: 33%;
            height: unset;
            max-height: unset;
        }

        .dropdown .filter {
            padding: 32px 24px 24px 24px;
            width: unset;
        }

        .dropdown .filter .accordion .title__text {
            align-self: start;
            margin-bottom: 12px;
        }

        .label[data-v-210961c0] {
            color: black !important;
        }

        .filter[data-v-3e4b0416] {
            display: flex;
            flex-direction: column;
            row-gap: 60px;
            width: unset !important;
        }

        .item[data-v-210961c0] {
            display: flex;
            flex: 0;
            width: 40px;
            height: 40px;
            border: 1px solid black;
            border-radius: 20px;

            button {
                border: 1px solid black;
            }
        }

        .filterOpener[data-v-210961c0] {
            height: unset;
        }

        /* Text im Filter- und Kalender-Button ausblenden */
        .text,
        .date .label,
        .date .placeholder .input {
            display: none;
        }

        .button-cta span span {
            display: inline;
            font-size: 1.5rem;
            font-weight: 700;
            box-sizing: border-box;
            text-align: center;
            align-content: center;
            padding: 0px 20px 0px 20px;
            height: 40px;
        }

        .button-cta span .baseIcon {
            display: none !important;
        }
    }

    .baseIcon {
        border: 0px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 20px;
        height: 20px !important;
    }

    .baseIcon.icon svg {
        width: 20px;
        height: 20px !important;
        flex-shrink: 0;
    }

    .baseIcon.icon svg rect {
        stroke-width: 1.7;
    }

    .placeholder {
        display: none;
    }

    .wrap {
        padding: 0;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        --local-item--border: 0px !important;
        --local-item--padding: 0px !important;
    }

    ::placeholder {
        color: black !important;
        opacity: 1;
        /* Firefox */
    }

    .wrap[data-v-210961c0] {
        border-radius: 20px;
        border: 1px solid black !important;
        width: 200px;
    }

    .wrap[data-v-210961c0] .baseIcon {
        display: none;
    }

    .icon[data-v-b8e43049] {
        font-size: unset !important;
    }

    .input[data-v-210961c0] {
        padding: 2px 63px 2px 20px;
        height: 40px;
        gap: 8px;
        font: 400 normal 1.25rem var(--font-text), 'ABC Social Variable';
        color: black !important;
        text-overflow: ellipsis;
    }

    .input[data-v-210961c0]::placeholder {
        color: black !important;
        opacity: 0.32 !important;
    }

    .wrap[data-v-210961c0]:has(input:is(:active, :focus)) {
        outline: 0px;
    }

    .term[data-v-4336d9c6] {
        max-width: unset;
    }

    .term>.input-text {
        flex-direction: row;
    }

    .label[data-v-210961c0] {
        place-content: center;
        margin-right: 15px;
        font-size: 1.5rem;
        line-height: 100%;
        font-weight: 400;
    }

    .link[data-v-ebeb2a4b] {
        border: 0px !important;
    }

    .text[data-v-e3b21713],
    .title[data-v-304e7744] {
        display: none !important;
    }

    .date[data-v-4336d9c6] {
        flex: 0;
        width: 40px;
        height: 40px;
        border: 1px solid black;
        border-radius: 20px;
    }

    /* KATEGORIEN */

    .title.small[data-v-ca510f8e] {
        display: none !important;
    }

    .item__content__inner[data-v-baed4ee3]:before {
        display: none;
    }

    .accordion[data-v-70b04e06] {
        --local-gap: 16px !important;
    }

    .accordion__list {
        row-gap: 8px !important;
    }

    .dropdown .filter .accordion ul {
        flex-direction: row;
    }

    .dropdown .filter .accordion ul ul {
        flex-direction: column;
    }

    .accordion__list li {
        width: min-content;
        border-bottom: unset !important;
    }

    .accordion__list[data-v-70b04e06] {
        column-gap: 12px;
    }

    .item__content[data-v-baed4ee3] {
        padding-left: 0px;
    }

    .input-checkbox .baseIcon {
        display: none;
    }

    .button[data-v-364a97d3] {
        border: 0px !important;
    }

    .filter[data-v-a9257fc9] {
        --local--padding: 30px 30px;
        --local--width: 1152px !important;
        /*80vw*/
    }

    .button-base[data-v-b8e43049] {
        color: black !important;
    }

    .title__text[data-v-ca510f8e] {
        font: 400 normal 1.5rem var(--font-text), 'ABC Social Variable';
        color: black !important;
        line-height: 100%;
    }

    .title__arrow {
        display: none !important;
        height: 1em;
    }

    label:has(input:checked) {
        background-color: #D9D9D9 !important;
    }

    .input-checkbox:has(input:checked) {
        background-color: #D9D9D9 !important;
        border-radius: 20px;
        display: flex;
    }

    .icon[data-v-51f27bf8],
    .input[data-v-51f27bf8] {
        display: none;
    }

    .list[data-v-c4ff942c] {
        row-gap: 8px !important;
    }

    .list[data-v-8f5f562c] {
        gap: 8px !important;
    }

    label[data-v-f161b019] .label,
    .list[data-v-8f5f562c] label,
    .list[data-v-c4ff942c] label {
        border-radius: 20px;
        border: 1px solid black !important;
        padding: 0px 16px 0px 16px;
        gap: 8px;
        font: 400 normal 1.25rem var(--font-text), 'ABC Social Variable';
        color: black !important;
        height: 40px;
        width: max-content;
        align-content: center;
    }

    .input-text>.label {
        display: none !important;
    }

    .input[data-v-f161b019] {
        display: none !important;
    }

    .list[data-v-16f79321] label {
        padding: 0px 16px 0px 16px !important;
        height: 40px !important;
    }

    .list[data-v-c4ff942c] label span {
        font: 400 normal 1.25rem var(--font-text), 'ABC Social Variable';
        color: black !important;
        padding: unset;
    }

    /* KATEGORIEN */

    /* MERKMALE */

    .item[data-v-dea9aedb]:not(:has(input:checked)):before {
        background-color: unset;
        opacity: 0.3;
        border-radius: 20px;
    }

    /* MERKMALE */

    /* DROPDOWN MENU FILTER / KALENDER */

    .dp__menu_inner {
        padding: 0 24px;
        position: fixed;
        top: 32px;
        left: 0px;
        justify-self: center;
        justify-self: anchor-center;
        width: 326px;
    }

    .dp__main {
        max-width: 326px;
    }

    .dp--header-wrap {
        margin-bottom: 32px;
    }

    .dp__menu.dp__theme_light {
        --dp-background-color: white;
        --dp-range-between-dates-background-color: #d9d9d9 !important;
    }

    .dp__btn.dp__month_year_select {
        font: 400 normal 1.5rem var(--font-text), 'ABC Social Variable';
        color: black !important;
        text-transform: none;
        cursor: initial !important;
    }

    .calendar {
        --local--padding-vertical: 0px;
        --local--width: unset !important;
        min-height: 593px;
        width: unset !important;
        padding-bottom: 0px;
        padding-top: 0px !important;
        padding-left: 24px;
        padding-right: 24px;
        align-items: center;
        justify-self: center;
        row-gap: 0;
        flex-wrap: unset;
        place-content: end;
    }

    .additional+.footer {
        /* BUTTON IM KALENDER */
        margin-top: 32px;
        box-shadow: unset;
        justify-content: right;
        align-self: flex-end !important;
        padding: 0px !important;
    }

    .additional+.footer .button-cta {
        margin: 0px 0px 24px 0px;
    }

    .additional .quick .selected {
        background-color: #D9D9D9 !important;
    }

    .additional .list {
        gap: 8px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 60px;
    }

    .datepicker {
        align-self: center;
        --local--color-border: unset;
        height: 0px;
        border: 0px !important;
        --local--color-border: white !important;
    }

    .datepicker__day__value {
        display: block;
        color: black !important;
        font-size: 1.25rem;
        height: 40px;
        width: 40px;
        line-height: 40px;
    }

    .dp__month_year_wrap {
        gap: 10px;
    }

    /* bis 12h / 12-18h / ab 18h */
    .additional {
        display: flex !important;
        justify-content: center;
        gap: 0px;
        padding-left: 0px !important;
        padding-right: 0px;
        flex-direction: row;
        width: 312px;
    }

    .footer .button-cta {
        background-color: unset;
        --local-button-cta--color: black;
    }
}

.calendar .quick {
    visibility: hidden;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 8px;

}

.calendar .quick button {
    font: 400 normal 1.25rem var(--font-text), 'ABC Social Variable';
    color: black !important;
    border: 1px solid black !important;
    background: white !important;
    border-radius: 20px !important;
    padding: 0px 12px 0px 12px !important;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    align-self: flex-end;
}

.additional .list .icon,
.additional .dayTime .heading {
    display: none !important;
}

input[name="dayTime"] {
    background: none;
    border: 1px solid black !important;
    border-radius: 20px !important;
}

.additional .list {

    .item {
        font-size: 1.25rem !important;
        align-items: center;
        border-radius: 20px;
        background: unset !important;
        height: 40px;
        padding: 0px;
        justify-content: center;
    }

    .item:not(:has(input:checked)) {
        font-size: 1.25rem;
        padding: 0px;
        justify-content: center;
    }

    .item:has(input:checked) {
        background-color: #D9D9D9 !important;
    }

}

.button-cta.primary {
    --local-button-cta--background: unset;
    --local-button-cta--color: black;
    border-radius: 20px;
    border: 1px solid black;
    margin: 0px;
}

.datepicker__day {
    font: 400 normal 0.75rem var(--font-title), 'ABC Social Variable';
    border: 1px solid black;
    border-radius: 20px;
    width: 40px;
    height: 40px;
    align-content: center;
}

.dp__cell_disabled,
.dp__cell_offset {
    color: black;
    opacity: 0.32 !important;
}

.dp__cell_disabled .datepicker__day {
    border: 1px solid black !important;
    opacity: 0.32 !important;
}

.dp__cell_inner.dp__range_end::before,
.dp__cell_inner.dp__range_start::before {
    background-color: #D9D9D9 !important;
    color: black !important;
    content: "";
    width: 40px !important;
    height: 41px !important;
    border-radius: 20px;
    left: 50%;
    position: absolute;
    top: 2px;
    transform: translate(-50%);
    z-index: 1;
    align-self: center;

}

.dp__active_date,
.dp__range_end,
.dp__range_start {
    background: unset;
    color: black;
}

.dp__calendar_header .dp__calendar_header_item {
    font: 400 normal 1.25rem var(--font-title), 'ABC Social Variable';
    color: black !important;
    width: 50px;
}

.dp__menu.dp__theme_light {
    --dp-hover-color: #D9D9D9 !important;
    --dp-hover-text-color: black;
}

.dp__overlay {
    background: white;
    font: 400 normal 0.75rem var(--font-title), 'ABC Social Variable';
    color: black !important;
}

.dp__overlay_cell_active {
    background: #D9D9D9 !important;
    color: black;
    border-radius: 20px;
}

.dp__overlay_col {
    width: 28%;
    border: 1px solid black;
    border-radius: 20px;
    margin: 2px;
}

.dp__overlay_row {
    justify-content: center;
}

.dp__overlay_cell_disabled,
.dp__overlay_cell_disabled:hover {
    background: var(--dp-disabled-color);
    border-radius: 20px;
}

.dp__overlay_cell,
.dp__overlay_cell_active {
    border-radius: 20px;
    cursor: pointer;
}

.dp__button:hover {
    background: unset;
    color: var(--dp-hover-icon-color);
}

.item[data-v-fab98f33] {
    padding: 0px 10px 15px 0px;
    width: 100%;
}

.pageheader:after {
    box-shadow: unset !important;
}

.global-grid.hasMap>.wrap {
    grid-column: 1 / span 12 !important;
    padding-bottom: 100px;
}

/* THEATER A-Z */

.picture[data-v-304e7744] {
    display: none;
}

.no-entries {
    display: none;
}

.letter-header {
    margin: 48px 12px 0px 12px !important;
    line-height: 1;
}

.alphabet-nav {
    display: none !important;
}

.letter-section {
    border-bottom: 1px solid black;
}

.letter-section:last-child {
    border-bottom: 0px solid black;
}

.theater_container {

    margin-block-start: 0 !important;

    .content {
        border-top: 1px solid black;
        display: grid;
        grid-template-columns: 1.1fr 1.3fr 1fr;
        width: 100%;
        font-size: 1.5rem !important;
        font-weight: 400 !important;
        font-family: 'ABC Social Regular';
        padding: 4px 12px 4px 12px;
    }

    .content {

        .website,
        .title,
        .address {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            width: 100%;
        }
    }

}

/* THEATER A-Z */

/* TAGESTIPPS */

.spielplan_container {

    margin-block-start: 0 !important;

    .content {
        border-top: 1px solid black;
        display: grid;
        grid-template-columns: 4fr 2fr auto;
        width: 100%;
        font-size: 1.5rem !important;
        font-weight: 400 !important;
        font-family: 'ABC Social Regular';
        padding: 4px 0px 4px 0px;

        .website,
        .title,
        .address {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            width: 90%;
        }
    }

    .title {
        padding-left: 12px;
    }

    .time {
        padding-right: 12px;
        width: 125px;
    }

}

.spielplan_container_wrapper .spielplan_container:last-child {

    .content {
        border-bottom: 1px solid black;
    }
}

.button-spielplan {
    background-color: unset;
    margin: 32px 12px 40px 12px !important;
}

.button-spielplan a {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    font-family: 'ABC Social Variable';
    color: black !important;
    padding: 0px 12px 0px 12px !important;
    align-self: center;
    align-content: center;
    height: 40px;
}

/* TAGESTIPPS */

/* MOBILE */

@media only screen and (max-width: 800px) {

    .page-id-48 p,
    .wp-block-post-content .headline,
    h2 {
        font-size: 24px !important;
    }

    .has-x-large-font-size,
    .has-xx-large-font-size,
    .has-large-font-size {
        font-size: unset !important;
    }

    /* M | 1rem | 16px */

    button a,
    .website,
    .title,
    .address,
    .time,
    .alphabet-nav,
    .infoTags *,
    .shorten,
    .cmplz-body .cmplz-message p,
    .wp-block-details summary,
    .wp-block-details p,
    .wp-block-button__link,
    figcaption,
    .dropdown *,
    .dp__calendar *,
    .calendar .quick button,
    .button-cta span span,
    .wp-element-caption,
    .datelistWrap .info,
    .datelistWrap .datelist .item div,
    .list[data-v-16f79321] label,
    .text[data-v-58e5f170] ul li span,
    .text[data-v-22e4a078],
    .link[data-v-40dd823d],
    .list[data-v-dd34df0b],
    .list[data-v-dd34df0b] .item div span,
    .trigger[data-v-dd34df0b],
    [data-v-bd2ba8db] h3 {
        font-size: 16px !important;
    }

    main {
        & .contact {
            .location * {
                font-size: 16px !important;
            }
        }
    }

    /* L | 1.25rem | 20px */

    nav,
    button div span,
    .has-large-font-size,
    .wp-block-navigation-item__content span,
    .wp-block-navigation__submenu-container li a span,
    .wp-block-navigation-submenu a,
    .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open,
    .cmplz-cookiebanner.cmplz-categories-type-no .cmplz-buttons button,
    .dp__btn.dp__month_year_select,
    .location *,
    .title__text,
    .text[data-v-58e5f170] .truncate .styler .render *,
    .label[data-v-210961c0],
    .input[data-v-210961c0] {
        font-size: 20px !important;
    }

    /* XL | 1.5rem | 24px */

    h2,
    .wp-block-post-content p,
    .ticker-content,
    .text[data-v-58e5f170] .title,
    .styler[data-v-192807b2] p,
    .teaserList .styler .main {
        font-size: 24px !important;
    }

    /* XXL | 1.875vw | 30px */

    .header_title a,
    .has-xx-large-font-size {
        font-size: 30px !important;
    }

    /* WIDTH ANPASSUNG */

    .header_title {
        padding-left: 6px !important;
        padding-right: 6px !important;
        padding-bottom: 0px !important;
    }

    p a:link {
        text-decoration: underline;
    }

    header .wp-block-heading {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .wp-block-heading {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .wp-block-heading h2 {
        padding-bottom: 30px !important;
    }

    .wp-block-post-content .headline,
    .main-content {
        padding: 15px 8px 45px 8px !important;
    }

    div.wp-block-buttons {
        padding: 24px 0px 20px 8px !important;
    }

    .wp-block-media-text__content {
        padding: 0 !important;
    }

    .page-id-1715 {
        .headline {
            padding: 15px 8px 0px 8px !important;
        }
    }

    .custom-menu-image {
        display: block;
        width: 32px !important;
        height: 32px !important;
        position: relative;
        border: 1px solid black;
        border-radius: 20px;
        justify-items: center;
        align-content: center;
        align-self: center;
        box-sizing: border-box;
    }

    .custom-menu-image svg {
        vertical-align: middle !important;
        align-content: center;
        justify-content: center;
    }

    @supports (-webkit-touch-callout: none) {

        /* Alles hier wird nur in Safari auf iOS angewendet */
        .custom-menu-image svg {
            margin-right: 3px;
            margin-bottom: 2px;
        }
    }

    .custom-menu-image a {
        pointer-events: auto;
        /* Aktiviert das Klicken auf den Link */
        display: block;
        width: 32px;
        height: 32px;
        box-sizing: border-box;
    }

    .wp-block-navigation {
        overflow: visible;
        /* Stellt sicher, dass der Container das Bild nicht verdeckt */
    }

    .custom-menu-image img {
        display: inline-block;
        visibility: visible;
        width: 32px;
        height: 32px;
        pointer-events: auto;
        transform: scale(1.2);
        cursor: pointer;
    }

    .custom-menu-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        z-index: 5;
        box-sizing: border-box;
        padding: 0px 8px !important;
    }

    .custom-menu-wrapper button,
    .custom-menu-wrapper div {
        background-color: white;
    }

    .custom-download-button {
        width: 32px !important;
        height: 32px !important;
    }

    #cmplz-cookiebanner-container .cmplz-cookiebanner {
        width: 100% !important;
        margin: 0% !important;
        min-height: 140px;
        padding: 0px 8px !important;
        grid-gap: 0px;
        bottom: 0px !important;
        left: 0px !important;
    }

    .padding_page {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .wp-container-core-group-is-layout-12 {
        /* STARTSEITE */
        margin-bottom: 8px !important;
    }

    .page-id-50 p {
        /* IMPRESSUM */
        padding: 15px 8px 20px 8px !important;
        font-size: 16px !important;
    }

    .page-id-43,
    .page-id-33 {
        /* PRESSE & FAQ */

        h2 {
            padding-left: 8px !important;
            padding-right: 8px !important;
        }

        h2:not(:first-child) {
            padding-top: 45px !important;
        }
    }

    .page-id-3,
    .page-id-515 {
        /* DATENSCHUTZERKLÄRUNG, DEIN-BESUCH */

        h2 {
            padding: 15px 8px 20px 8px !important;
            line-height: 100%;
        }

        h4 {
            font-size: 16px !important;
            padding: 0px 8px 8px 8px;
            line-height: 100%;
            font-style: italic;
        }

        p {
            padding: 0px 8px 0px 8px;
            font-size: 16px !important;
            margin: 0px !important;
        }

        .datenschutz {
            padding: 0px 0px 45px 0px !important;
        }
    }

    .page-id-515 {

        /* Theaternacht - Dein Besuch */
        details:has(+ p) {
            margin-bottom: unset !important;
        }

        details:last-of-type {
            margin-bottom: 40px !important;
        }

        .details_mobile {
            margin: 40px 0px !important;
        }
    }

    /* Theaterpreis Mobile */

    .rolf_mares_bild img {
        width: unset !important;
    }

    .theaterpreis_text_mobile {
        width: 85%;
    }

    /* Theaterpreis Mobile */

    .quadrat * {
        width: 32px !important;
        height: 32px !important;
    }

    ul li a {
        line-height: 32px !important;
    }

    .wp-block-navigation-item {
        height: 32px !important;
    }

    .wp-block-navigation-item a {
        height: 32px !important;
        line-height: 32px !important;
    }

    .wp-block-details p {
        font-size: 16px !important;
        padding: 16px 43px 16px 8px !important;
        margin-bottom: 0px !important;
    }

    details:has(+ p) {
        margin-bottom: 50px !important;
    }

    details:last-of-type {
        margin-bottom: 50px !important;
    }

    .mobile_padding p,
    .wp-block-details summary {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .wp-block-details summary::after {
        height: 32px;
        width: 32px;
        margin-left: 10px;
    }

    .wp-block-details[open] summary::after {
        height: 32px;
        width: 32px;
        margin-left: 10px;
    }

    .wp-block-button__link {
        padding: 0px 12px 0px 12px !important;
        height: 32px;
    }

    .widget-spielplan {
        padding: 0px 8px 0px 8px !important;
    }

    button a,
    .link[data-v-22e4a078] div span span {
        padding: 0px 12px 0px 12px !important;
        height: 32px !important;
    }

    button div span {
        padding: 0px 12px 0px 12px !important;
        line-height: 20px !important;
        height: 32px !important;
    }

    .button-basic {
        font-size: 16px !important;
        padding: 0px 12px 0px 12px;
        align-self: center;
        height: 32px !important;
    }

    .price .info .link .button-ghost {
        padding: 0px 12px 0px 12px !important;
        margin-top: 8px !important;
        height: 32px !important;
    }

    .price .info .link .button-ghost .button-base .text {
        font-size: 1rem !important;
        color: black;
    }

    .filter .list .item {
        margin-bottom: 8px;
    }

    section .filter .list {
        height: 100% !important;
    }

    section .main {
        margin-bottom: 20px;
    }

    .list[data-v-dd34df0b] {
        row-gap: 0px;
        margin: 0px 0px 0px 0px !important;
    }

    .item[data-v-dd34df0b] .time {
        margin: 0px 0px 0px 0px !important;
    }

    .trigger[data-v-dd34df0b] {
        padding: 0px 12px 0px 12px !important;
        height: 32px !important;
    }

    .wp-block-navigation-item__content span {
        line-height: 32px !important;
        padding: 0px 12px 0px 12px !important;
    }

    .list[data-v-8fe0e7cf],
    .list[data-v-8fe0e7cf] .item {
        height: 32px !important;
    }

    .infoTags[data-v-0fc99b91] {
        height: 60px !important;
    }

    .text[data-v-58e5f170] ul li span,
    .text[data-v-22e4a078] {
        line-height: 20px !important;
        margin-bottom: unset;
    }

    .text .truncate .styler .render * {
        line-height: 24px !important;
        top: 32px;
        font-size: 20px !important;
    }

    .teaserList .styler .main {
        margin-top: 0px !important;
    }

    .switch .text {
        height: 32px !important;
        padding: 0px 12px 0px 12px !important;
    }

    .main[data-v-feb5bd3d] {
        row-gap: 8px !important;
        column-gap: 8px;
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .infoTags[data-v-40dd823d] .item a {
        padding: 0px 12px 0px 12px !important;
        height: 32px !important;
        line-height: 32px !important;
    }

    .pageheader {

        grid-template-areas: unset !important;
        grid-template-columns: unset !important;

        .wrap {
            padding: 0;
            width: 32px;
            height: 32px;
            border-radius: 20px;
        }

        .baseIcon {
            width: 20px;
            height: 20px !important;
        }

        .baseIcon.icon svg {
            width: 20px;
            height: 20px !important;
        }

        .input[data-v-210961c0] {
            padding: 2px 63px 2px 20px;
            height: 32px;
            gap: 8px;
        }

        .date[data-v-4336d9c6] {
            flex: 0;
            width: 32px;
            height: 32px;
            border: 1px solid black;
            border-radius: 20px;
        }

        .date[data-v-e2a2b87a] {
            height: 34px !important;
        }

        label[data-v-f161b019] .label,
        .list[data-v-8f5f562c] label,
        .list[data-v-c4ff942c] label,
        .list[data-v-16f79321] label {
            padding: 0px 16px 0px 16px;
            gap: 8px;
            height: 32px !important;
            width: 100%;
        }

        .input-checkbox[data-v-f161b019] {
            display: flex;
            width: 266px;
        }

        & .list[data-v-8f5f562c] label {
            width: 233px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
    }

    .calendar .quick button {
        padding: 0px 12px 0px 12px !important;
        height: 32px !important;
    }

    .item[data-v-752776aa] {
        height: 32px !important;
    }

    .button-spielplan {
        margin: 16px 8px 16px 8px !important;
    }

    .button-spielplan a {
        padding: 0px 12px 0px 12px !important;
        height: 32px;
    }

    /*     .wp-block-post-content {
        display: block;
        width: 100vw;
    } */

    /* WIDTH ANPASSUNG */

    /* hamburger button */
    .wp-block-navigation__responsive-container-open {
        display: block !important;
    }

    /* full menu */
    .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
        display: none;
    }

    .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
        margin-top: 0px;
    }

    /*     .wp-block-group-is-layout-flex {
        flex-direction: column;
    } */

    .wp-block-gallery {
        --wp--style--unstable-gallery-gap: 8px;
        gap: 8px;
        display: block;
    }

    .wp-block-gallery .wp-block-image {
        width: 100% !important;
        max-width: none;
    }

    .wp-block-embed-youtube {
        margin: 0px 8px !important;
    }

    .werbebanner {
        margin: 0px !important;
    }

    .wp-swiper>.wp-swiper__wrapper {
        height: 251px !important;
    }

    /*     .wp-swiper>.wp-swiper__wrapper img {
        max-width: 96% !important;
    }
 */
    .wp-swiper {
        margin-bottom: 30px;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .wp_swiper__navigation {
        padding-left: 8px;
        padding-right: 8px;
    }

    .wp-swiper__slide-content .wp-block-image {
        margin: 0px !important;
    }

    .wp-swiper__slide {
        margin-right: 4px !important;
    }

    .mediaGallery {
        min-height: 340px !important;
        padding: 8px !important;
        margin: 0px -8px 32px -8px !important;

        .swiper .slide {
            margin-right: 8px;
            width: 354px !important;
        }
    }

    .mediaGallery .slide:not(.slide--small) {
        margin-right: 8px;
    }

    .anzeige_theaternacht_programm img,
    .anzeige_theaternacht_information img {
        padding-top: 48px;
        padding-bottom: 0px;
        margin: 0;
    }

    .anzeige_theaternacht_programm figcaption,
    .anzeige_theaternacht_information figcaption {
        font-size: 16px;
        font-family: 'ABC Social Regular';
        padding-top: 0px;
        padding-bottom: 8px;
        padding-right: 8px;
        text-align: right;
        margin: 0;
    }

    .page-id-513 {
        details:last-of-type {
            margin-bottom: 0px !important;
        }
    }

    /*     video {
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: grayscale(0%);
    } */

    .item[data-v-9a9fba7a]:not(.item--no-action, .item--meta) {
        -moz-column-gap: 0px !important;
        column-gap: 0px !important;
        grid-template-areas: "date time" "action action";
        grid-template-columns: 4fr 2fr !important;
    }

    .item[data-v-9a9fba7a]:not(.item--no-action).item--meta {
        grid-template-columns: 2fr 2fr !important;
        grid-template-areas: "date time" "action meta";
    }

    .item.item--no-action[data-v-9a9fba7a]:not(.item--meta) {
        grid-template-columns: 5fr 2fr !important;
        grid-template-areas: "date time action" !important;
    }

    .item.item--no-action.item--meta[data-v-9a9fba7a] {
        grid-template-columns: 4fr 2fr !important;
        grid-template-areas: "date time" "meta meta" !important;
        -moz-column-gap: 0px !important;
        column-gap: 0px !important;

        .meta {
            padding-left: 0px !important;
        }
    }

    .item[data-v-e406873e] {
        --local-item--gap: 0px;
    }

    .action {
        align-self: right;
        border-left: 0px !important;
        padding-left: 0px !important;
        justify-items: left !important;
    }

    .meta {
        padding-left: 56px !important;
    }

    .page-id-43 {
        .image-container {
            margin-bottom: 44px !important;
        }
    }

    .page-id-1395 {
        .wp-block-post-content {
            display: inline-block;
            margin-bottom: 190px;
        }

        .cr_ipe_item label,
        .cr_ipe_item label a {
            font-size: 1rem !important;
            font-weight: 400 !important;
        }

        .cr_ipe_item label a {
            text-decoration: underline;
        }

        .cr_ipe_item input {
            padding: 6px;
            font-size: 1rem !important;
        }

    }

    .wp-container-core-group-is-layout-1,
    .wp-container-core-group-is-layout-3 {
        flex-direction: row;
        justify-content: space-between;
    }

    /* MENU */
    .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
        font-family: inherit;
        color: black !important;
        font-weight: inherit;
        border: 1px solid black !important;
        border-radius: 20px;
        height: 32px;
        width: 320px !important;
        /*         margin-bottom: 8px; */
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
        left: 0px;
    }

    .wp-container-content-6 ul {
        /* Kontakt-Menü */
        left: 0px !important;
    }

    /*     .wp-block-navigation__responsive-container-close,
    .wp-block-navigation__responsive-container-open {
        margin-left: 8px !important;
    } */

    .favoriten-button {
        display: none;
    }

    ul.mobile-only-content {
        margin-top: 0px !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
        align-items: unset;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        overflow: visible;
        padding-top: 0px;
    }

    .wp-block-navigation-submenu__toggl,
    .wp-block-navigation__submenu-icon,
    .wp-block-navigation__submenu-container {
        display: block !important;
    }

    #custom-ticker_date,
    #custom-ticker_follow,
    .child-menu,
    .merkliste,
    .footer_button_container,
    .wp-container-core-group-is-layout-4,
    .wp-container-core-group-is-layout-89f36487,
    .wp-container-core-group-is-layout-b257e07f {
        display: none !important;
    }

    .wp-block-navigation.no-wrap {
        --navigation-layout-wrap: unset;
    }

    nav {

        background-color: unset !important;
        text-align: center;
        position: relative !important;
        gap: 8px !important;
        width: 100%;

        button {
            padding-left: 8px;
            padding-right: 8px;
        }

        .wp-block-navigation-submenu a {
            text-align: center;
            padding-top: 175px;
        }

        .is-menu-open {
            background-color: white !important;
            padding: unset !important;
            position: relative;
            width: 100% !important;
            min-height: max-content;
            height: auto;
            overflow-y: auto !important;
            animation: overlay-menu__fade-in-animation .1s ease-out;
            animation-fill-mode: forwards;
            background-color: inherit;
            display: flex;
            flex-direction: column;
            padding: clamp(1rem, var(--wp--style--root--padding-top), 20rem) clamp(1rem, var(--wp--style--root--padding-right), 20rem) clamp(1rem, var(--wp--style--root--padding-bottom), 20rem) clamp(1rem, var(--wp--style--root--padding-left), 20em);
            z-index: 100000;
        }

        .wp-block-navigation__responsive-container-close {
            display: none !important;
        }

        .wp-block-navigation__responsive-container-content {
            align-items: center;

            .parent-menu .has-child {
                /* Container Full width */
                margin-top: 8px;
                border-bottom: 1px solid black;
                border-radius: 0px !important;
            }

            .parent-menu .has-child a {
                width: 96% !important;
            }

            .parent-menu .has-child ul li {
                width: 89% !important;
                margin-bottom: 8px;
            }

        }

        .wp-block-navigation__container {
            display: flex;
            flex-wrap: wrap;
            /* Erlaubt Umbruch auf die nächste Zeile */
            gap: 10px;
            /* Abstand zwischen den Elementen */
            list-style: none;
            /* Entfernt die Standard-Punkte */
            padding: 0;
        }

        .wp-block-navigation-item {
            flex: 1 1 calc(50% - 10px);
            /* 50% Breite abzüglich des gaps */
            box-sizing: border-box;
            /* Padding & Border in die Breite einrechnen */
            text-align: center;
        }

        .wp-block-navigation__submenu-container li a span {
            text-align: center;
        }

        .wp-block-navigation-item__content span {
            font-weight: 400;
            line-height: 32px !important;
            text-align: center;
            background: unset;
        }

        .wp-block-navigation__submenu-container {
            padding-top: 15px;
            top: unset !important;
        }

        .wp-block-navigation__responsive-container-content ul {
            gap: 250px;
        }

        .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
            background-color: #fff !important;
        }

        .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
        .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
        .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
            justify-self: center;
        }

        .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
            display: flex;
            flex-grow: 1;
            width: 100%;
            justify-content: center;
        }

        .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
            margin-left: 0rem !important;
            padding-right: 0rem !important;
            padding-left: 0rem !important;
            width: 100% !important;
            opacity: 1;
            overflow: unset;
            position: relative;
            visibility: visible;
            margin-top: 8px;
            display: flex !important;
            align-items: flex-end;
        }

        .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
        .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
            gap: 0px;
        }

        .current-menu-item *,
        .parent-menu li.highlighted-menu {
            border-radius: 20px !important;
            font-weight: 400 !important;
            font-style: unset !important;
        }

        .theaternacht-hamburg li.current-menu-item a {
            background-color: #FFA4FF !important;
            font-style: italic;
            font-weight: 500 !important;
        }

        .theaterpreis-hamburg li.current-menu-item a {
            background-color: #81DAFD !important;
            font-style: italic;
            font-weight: 500 !important;
        }

        .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
        .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
        .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
            justify-content: center;
            width: 100%;
        }

        .mobile-only-content ul {
            flex-direction: row !important;
        }

        .favoriten {
            width: 97% !important;
            font-size: 1.5rem;
            border-radius: 20px;
            margin: 8px;
        }

        .mobile-contact {
            padding-left: 6px !important;
            padding-right: 6px !important;
            place-self: center;
            width: 100% !important;
            gap: 8px !important;
        }

        .mobile-contact a:first-child {
            display: none;
        }

    }

    .right .buttons {
        top: 18px !important;
        right: 8px !important;
        position: absolute;
    }

    .icon[data-v-9c2ae1c5] {
        width: 25px !important;
        height: 25px !important;
    }

    .icon[data-v-9c2ae1c5].icon svg {
        width: 25px !important;
        height: 25px !important;
        flex-shrink: 0;
    }

    .list[data-v-0326b8e9] {
        padding: 0px;
    }

    .filter[data-v-e3141f68],
    .filter[data-v-ec4c9a3d] {
        row-gap: 7px !important;
    }

    .filter[data-v-3e4b0416] {
        row-gap: 0px !important;
        padding: 0px !important;
    }

    .container_teaser {
        display: flex !important;
        flex-direction: column !important;

        .container_premieren {
            order: 2;
            /* Nach unten verschieben */
        }

        .container_wwds {
            order: 1;
            /* Nach oben verschieben */
        }

        .container_allebuehnen {
            order: 3;
            /* Bleibt an letzter Stelle */
        }
    }

    .container_teaser {
        div {
            border-right: 0px;
            border-left: 0px;
            border-top: 0px;
            padding: 0px;
        }
    }

    .container_premieren,
    .container_wwds {
        padding: 8px 0px 8px 0px !important;
        border-bottom: 1px solid black !important;
        height: 478px !important;

        .wp-block-cover {
            margin: 0px 8px !important;
            align-items: unset;

            .wp-block-cover__inner-container {
                height: 459px !important;
            }

            .wp-block-cover__background {
                opacity: 0;
            }
        }

    }

    .container_allebuehnen {
        padding: 8px 0px 8px 0px !important;
        height: 478px !important;

        .wp-block-cover {
            margin: 0px 8px !important;
        }

        .wp-block-cover__inner-container {
            height: 459px !important;
        }

    }

    /* Theaternacht Startseite Mobile */

    .container_theaternacht_startseite {

        .ticker_theaternacht_startseite_mobile #custom-ticker {
            padding: 0px 8px 0px 8px !important;
            border-bottom: 1px solid black;
        }

        .a_nach_b p:nth-child(2) {
            text-align: right !important;
            padding-right: 24px !important;
        }
    }

    .container_startseite_theaternacht_programm_mobile {
        .wp-block-cover__inner-container {
            height: 459px !important;
            width: 359px !important;
        }

        padding: 8px 8px 8px 8px !important;
    }

    .container_startseite_theaternacht_mobilitaet_mobile {
        .wp-block-cover__inner-container {
            height: 459px !important;
            width: 359px !important;
        }

        padding: 8px 8px 8px 8px !important;
    }

    .container_startseite_theaternacht_ticket_mobile,
    .container_startseite_theaternacht_dein_besuch_mobile {
        .wp-block-cover__inner-container {
            height: 459px !important;
            width: 359px !important;
        }

        padding: 8px 8px 8px 8px !important;
    }

    .container_startseite_theaternacht_programm_mobile .teasertext_programm,
    .container_startseite_theaternacht_ticket_mobile .teasertext_ticket,
    .container_startseite_theaternacht_dein_besuch_mobile .teasertext_besuch {
        font-size: 45px !important;
        line-height: 100% !important;
        padding: 24px 0px 0px 24px !important;
        width: 300px !important;
        text-align: left;
        top: unset;
        right: unset;
        left: unset;
    }

    .container_startseite_theaternacht_mobilitaet_mobile .teasertext_mobilitaet {
        font-size: 45px !important;
        line-height: 100% !important;
        padding: 12px 0px 0px 24px !important;
        width: 300px !important;
        text-align: left;
        top: unset;
        right: unset;
        left: unset;
    }

    /* Theaternacht Startseite Mobile */

    .wp-block-cover.is-position-bottom-left,
    .wp-block-cover.is-position-top-right {
        align-items: unset;
        justify-content: left;
    }

    .wp-block-cover {
        padding: 0px !important;
        border: 1px solid black !important;
    }

    .wp-block-post-content .teasertext_wwdsehen,
    .wp-block-post-content .teasertext_allebuehnen,
    .wp-block-post-content .teasertext_premieren {
        height: auto;
        padding: unset !important;
        writing-mode: unset !important;
        font-size: 45px !important;
        width: 100% !important;
        text-align: left;
        top: 24px;
        left: 24px;
        right: unset;
        transform: unset;
    }

    /* Theaternacht Startseite Mobile */

    /* Theaterpreis Startseite Mobile */

    .wp-block-post-content .teasertext_preisverleihung,
    .wp-block-post-content .teasertext_rueckblick {
        font-size: 45px !important;
    }

    .container_theaterpreis_startseite {

        .ticker_theaternacht_startseite_mobile #custom-ticker {
            padding: 0px 8px 0px 8px !important;
            border-bottom: 1px solid black;
        }
    }

    .container_startseite_theaterpreis_preisverleihung_mobile {
        .wp-block-cover__inner-container {
            height: 459px !important;
            width: 359px !important;
        }

        padding: 8px 8px 8px 8px !important;
    }

    .container_startseite_theaterpreis_rueckblick_mobile {
        .wp-block-cover__inner-container {
            height: 459px !important;
            width: 359px !important;
        }

        padding: 8px 8px 8px 8px !important;
    }

    /* Theaterpreis Startseite Mobile */

    .ticker-content {
        display: flex !important;
        padding-right: 0 !important;
        flex-direction: column;
    }

    .datetime {
        padding-left: 0 !important;
        line-height: 0;
    }

    #custom-ticker {
        padding: 0px 8px 26.5px 8px !important;
    }

    #ticker-wrapper .ticker-content:nth-of-type(2) {
        display: none !important;
    }

    #ticker-wrapper:hover {
        animation: unset !important;
    }

    .accordion__list li {
        position: relative;
        z-index: 0;
    }

    .accordion__list li .item__content {
        visibility: hidden;
    }

    .accordion__list li .item__content .active {
        visibility: visible;
    }

    .item .small:nth-of-type(2) {
        display: none !important;
    }

    .accordion__list li button strong {
        position: relative;
        opacity: 0.7;
    }

    .accordion__list li div {
        position: fixed;
        top: 45px;
        left: 15px;
        padding: 18px 0px 38px 0px !important;
    }

    /* Sichtbares Dropdown */
    .accordion__list li .active {
        display: flex;
        background-color: white;
        z-index: 1;
    }

    .visibility {
        visibility: visible;
    }

    /* Sichtbares Dropdown */
    .accordion__list .active button strong {
        opacity: 1;
    }

    .mobile-only-content {
        display: inline !important;
    }

    .desktop-only-content {
        display: none !important;
    }

    /* Hamburg Tourismus Widget */

    .global-grid {
        grid-template-columns: unset !important;
        width: 99% !important;
    }

    .layout {
        padding: 19px 16px !important;
        min-height: unset !important;
    }

    .styler[data-v-f7d280cc] {
        height: 94px !important;
    }

    .styler[data-v-192807b2] {
        margin: 15px 0px 15px 0px !important;
    }

    .styler[data-v-bd2ba8db] .title {
        margin-top: 16px;
        line-height: 100% !important;
    }

    .buttons[data-v-11e8f509] {
        top: 19px !important;
        right: 16px !important;
        position: absolute;
    }

    form {

        height: 48px !important;
        column-gap: 8px !important;

        .filter .filterOpener,
        .date .wrap {
            width: 32px !important;
            max-width: 32px !important;
            height: 32px !important;
            border-radius: 20px;
        }

        .item[data-v-210961c0] {
            width: 32px;
            height: 32px;
        }

        .button-cta span span {
            padding: 0px 12px 0px 12px !important;
            height: 32px !important;
            /* width: 80%; */
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
    }

    form div term,
    form div filter {
        display: flex;
    }

    .dropdown {
        left: 50% !important;
        overflow: hidden !important;
        max-width: unset !important;
        align-content: flex-start !important;
        --local--height: unset !important;
        min-height: unset !important;
        width: 298px !important;
        height: 486px !important;
        display: block;
    }

    .dropdown .filter {
        padding: 24px 19px 19px 19px !important;
        width: unset;
    }

    .date .dropdown {
        height: 508px !important;
    }

    .filter .dropdown {
        height: 560px !important;
    }

    .label[data-v-210961c0],
    .global-placeholder-el-small {
        display: none !important;
    }

    .dp__menu_inner {
        padding: 0 19px !important;
        top: 16px !important;
        left: 0px;
        width: 260px !important;
    }

    .dp__main {
        max-width: 260px !important;
    }

    .dp--header-wrap {
        margin-bottom: 32px !important;
    }

    .footer[data-v-72c7454a] {
        margin-top: 0px !important;
        box-shadow: unset;
        justify-content: right;
        align-self: flex-end !important;
        padding: 0px !important;
    }

    .footer[data-v-4ab7c12d] {
        /* BUTTON: WEITERE VERANSTALTUNGEN */
        justify-content: center !important;
        margin: 8px 0px;
    }

    .footer[data-v-72c7454a] .button-cta {
        margin: 16px 0px 0px 0px !important;
    }

    .calendar {
        min-height: 492px !important;
        min-width: 298px !important;
        padding-top: 0px !important;
        padding-left: 19px !important;
        padding-right: 19px !important;
        row-gap: 10px !important;
    }

    .datepicker__day {
        height: 32px !important;
        width: 32px !important;
    }

    .datepicker__day__value {
        height: 32px !important;
        width: 32px !important;
        line-height: 32px !important;
    }

    .dp__cell_inner.dp__range_end::before,
    .dp__cell_inner.dp__range_start::before {
        width: 32px !important;
        height: 34px !important;
        top: 5px !important;
    }

    .dp__calendar_header {
        height: 0px !important;
    }

    .dp__calendar_row {
        height: 32px;
        margin: 6px !important;
    }

    .dp__month_year_wrap {
        gap: 10px !important;
    }

    .additional {
        width: 232px !important;
        justify-content: center !important;
    }

    .additional[data-v-f25da917] {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .wrap[data-v-210961c0] {
        width: auto;
    }

    .item__content[data-v-baed4ee3] {
        width: max-content !important;
    }

    .input-text[data-v-f7e557a2] {
        flex: unset;
    }

    .value[data-v-ae7d5b43] {
        display: none;
    }

    .switch {
        display: none !important;
    }

    .reset {
        height: 32px !important;
        padding: 0px 12px 0px 12px !important;
    }

    .list[data-v-0326b8e9] li {
        min-height: 32px;
        height: max-content !important;
        padding: 0px 12px 0px 12px !important;
        margin-bottom: 0px !important;
    }

    .remove {
        min-height: 32px;
        height: max-content !important;
    }

    .wrap[data-v-feb5bd3d] {
        display: flex;
        flex-direction: column;
        grid-column: 1 / span 12;
        row-gap: 0px !important;
        border-bottom: 0px !important;
        padding-bottom: 0px !important;
    }

    .list[data-v-814577e2] {
        --local-item--border: 0px !important;
        --local-item--padding: 0px !important;
    }

    .tile[data-v-814577e2] {
        --local-list--itemsPerLine: 2 !important;
        grid-template-columns: auto !important;
        --local-list--gap-horizontal: unset !important;
        --local-list--gap-vertical: 8px !important;
        padding-top: 8px !important;
        margin-bottom: 8px !important;
        column-gap: 8px !important;
        row-gap: 8px !important;
    }

    .list[data-v-8f5f562c] {
        flex-direction: column;
    }

    .list[data-v-8f5f562c] label {
        width: max-content;
    }

    .v-el-last {
        margin-bottom: 0px !important;
        border-bottom: 0px !important;
    }

    .map[data-v-5dca109b] {
        grid-column: unset !important;
        grid-area: map !important;
    }

    /* LISTENANSICHT MOBILE VERMEIDEN */

    .list.hasMap.showMap .main .wrap {
        width: 358px;
        display: block !important;
    }

    .list.hasMap.showMap .main .map {
        display: none !important;
    }

    /* LISTENANSICHT MOBILE VERMEIDEN */

    .text[data-v-58e5f170] {
        --local-heroText--gap: 0px !important;
        --local-heroText--gap-title: 0px !important;
    }

    .wrap[data-v-16964b09] {
        padding-bottom: 45px !important;
    }

    .top_nav {
        padding: 8px 0px !important;
        gap: 8px;
    }

    .theater-hamburg {
        border-top: 1px solid;
        margin: 0 !important;
        padding-top: 8px !important;
    }

    footer.wp-block-template-part {
        border-top: 1px solid black;
        padding-top: 10px;
    }

    .pageFooter {
        display: none;
    }

    footer .padding_page {
        padding-top: 2px !important;
    }

    .footer[data-v-3a3a32db] {
        display: block !important;
        margin: -12px auto 8px auto !important;
        border-top: 0px !important;
    }

    .footer[data-v-095b320f] {
        box-shadow: unset !important;
        width: unset !important;
        position: absolute !important;
        align-self: end !important;
        margin-right: 0px !important;
    }

    /*     footer .wp-block-navigation-item {
        width: 432px;
    } */

    .contact-menu-mobile {
        display: flex !important;
        flex-direction: row;
    }

    .contact:not(.noLocation) .grid.global-grid {
        grid-template-areas:
            "main"
            "map" !important;
        grid-template-columns: 1fr;
        row-gap: 16px;
        column-gap: unset !important;
    }

    .map[data-v-5dca109b] {
        margin-top: 20px;
        --local--aspectRatio: 360 / 449 !important;
    }

    .item[data-v-64624f70]>:is(.input-fake, .input-text, .button),
    .item[data-v-e2a2b87a]>:is(.input-fake, .input-text, .button),
    .item[data-v-ec2a1bbe]>:is(.input-fake, .input-text, .button),
    .item[data-v-d2d3c444]>:is(.input-fake, .input-text, .button),
    .item[data-v-3e4b0416]>:is(.input-fake, .input-text, .button) {
        display: flex !important;
    }

    .tab[data-v-b72b9a21],
    .tab[data-v-ae7d5b43] {
        display: none !important;
    }

    main {
        & .contact {

            canvas,
            .imxMap,
            .map,
            .maplibregl-map {
                width: 358px !important;
                margin-left: 0px;
            }

            canvas.maplibregl-canvas {
                aspect-ratio: 449 / 345 !important;
            }
        }
    }

    .maplibregl-ctrl-fullscreen {
        display: none !important;
    }

    .maplibregl-ctrl-bottom-right {
        bottom: 0;
        right: 10px !important;
    }

    .location[data-v-5dca109b] {
        min-width: unset !important;
    }

    .spielplan_container {
        .content {
            grid-template-columns: 79% 21%;
            grid-template-rows: 1fr 1fr;

        }

        .title {
            order: 1;
            padding-left: 8px !important;
        }

        .address {
            order: 3;
            padding-left: 8px !important;
        }

        .time {
            order: 2;
        }

    }

    /* THEATER A-Z */

    .alphabet-nav {
        display: block;
        margin: 8px 8px 22px 8px !important;

    }

    .alphabet-nav a {
        padding: 4px;
        font-size: 1.5rem;
    }

    .letter-header {
        margin: 10px !important;
        font-size: 1.5rem;
    }

    a:where(:not(.wp-element-button)) {
        font-size: inherit;
    }

    .theater_container {
        .content {
            grid-template-columns: 1fr;
            grid-template-rows: auto auto;
        }

        .address,
        .website {
            text-decoration: underline;
        }
    }

    /* THEATER A-Z */

    .search[data-v-18423a97] {
        --local--gap: 20px;
        --local--justify: center;
        --local--padding-vertical: 0px;
    }

    .term[data-v-7ca6b7b5] {
        padding: 16px 8px 16px 8px;
    }

    .wrap[data-v-210961c0] {
        width: 100% !important;
    }

    .input[data-v-210961c0] {
        width: 100% !important;
    }

    form .item {
        height: unset !important;
    }

    .item[data-v-4336d9c6] {
        height: 32px;
        width: 32px;
    }

    .text[data-v-f7d280cc] {
        --local-text--gap: 15px;
    }

    .item[data-v-56d26793] {
        height: 32px !important;
    }

    .infoTags[data-v-40dd823d] {
        margin-bottom: unset !important;
    }

    .items[data-v-814577e2]:not(:last-child) {
        border-bottom: 0px !important;
        padding-bottom: 0px !important;
    }

}