@font-face {
font-family: 'ABC Social Regular';
src: url(//theater-hamburg.org/wp-content/themes/theater-hamburg/fonts/ABCSocial-Regular.otf) format('otf');
src: url(//theater-hamburg.org/wp-content/themes/theater-hamburg/fonts/ABCSocial-Regular.woff) format('woff');
src: url(//theater-hamburg.org/wp-content/themes/theater-hamburg/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(//theater-hamburg.org/wp-content/themes/theater-hamburg/fonts/ABCSocial-Regular.otf) format('otf');
src: url(//theater-hamburg.org/wp-content/themes/theater-hamburg/fonts/ABCSocial-Regular.woff) format('woff');
src: url(//theater-hamburg.org/wp-content/themes/theater-hamburg/fonts/ABCSocial-Regular.woff2) format('woff2');
font-weight: 100 900;
font-stretch: normal;
font-style: normal;
}
html,
body {
margin: 0;
padding: 0; 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;
} .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;
} .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;
}   .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-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;
}
} .custom-download-button {
width: 40px !important;
height: 40px !important;
padding: 0px !important;
margin: -52px 0px 0px 12px;
content: url(//theater-hamburg.org/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 { .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 { .wp-block-buttons {
padding-bottom: 44px !important;
}
}
.page-id-3,
.page-id-515 { .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 { #custom-ticker_follow,
footer {
border-top: 1px solid black !important;
} } .container_premieren {
.wp-block-cover__inner-container {
height: 580px;
}
padding: 12px 12px 12px 0px !important;
}
.teasertext_premieren { 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;
} .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;
} .container_allebuehnen {
.wp-block-cover__inner-container {
height: 580px;
}
padding: 12px 0px 12px 12px !important;
}
.teasertext_allebuehnen { 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;
} .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;
}  .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;
}  .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;
}  .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;
}  .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; position: relative;
top: 14px;
background-color: white;
color: black;
align-self: self-end;
}  footer .wp-block-navigation-item {
width: 100%;
}
footer .wp-block-navigation-item a {
transition: font-weight 0.1s linear;
} .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;
}  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; }
.top_nav {
gap: 12px;
}
.wp-block-navigation-item {
flex: 1;
text-align: center;
height: 40px;
text-align: center;
white-space: nowrap; }
.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; }
.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;
}   .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;
}  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;
}      .mobile-only-content {
display: none !important;
}
.desktop-only-content {
display: block;
} 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;
}  :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 { 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; 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(//theater-hamburg.org/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(//theater-hamburg.org/wp-content/uploads/20250307_TH_Icon_Pfeil-hoch.svg);
background-size: cover;
background-position: top;
flex: none;
}  .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; } .modalBackdrop {
background-color: unset !important;
}
.global-grid[data-v-bb8d1d5b] {
display: none !important;
}
.global-placeholder-el-large,
.global-grid .taglist {
display: none !important;
} .backlink a.text.link {
position: relative;
display: inline-block;
width: 40px;
height: 40px;
overflow: hidden;
text-indent: -9999px; background: url(//theater-hamburg.org/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;
}  .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;
}  .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 { justify-content: flex-end;
text-align: left;
}
.teaserList .layout .fig { display: none !important;
} 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(//theater-hamburg.org/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;
} .title[data-v-9410cc11] {
display: none !important;
}
h1 {
display: none
} .layout {
padding: 32px 24px 32px 24px;
border-radius: 20px;
}
.roof,
.category,
.interval {
display: none !important;
} .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) { --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;
} .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 { 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 { 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] { 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 { 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 { -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; }
.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;
}   .icon[data-v-a05ca9db] {
display: none;
} }   .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;
}
} .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;
} .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;
}
} .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;
}
} .mediaGallery {
margin: 0px -12px 32px -12px;
padding: 12px 24px !important;
border-top: 1px solid black;
border-bottom: 1px solid black;
min-height: 435px; .item[data-v-3afb3fdb] {
height: 394px;
width: 591px;
display: block;
border-radius: 20px;
}
.slide {
margin-right: 12px; }
.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(//theater-hamburg.org/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(//theater-hamburg.org/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 .fig {
display: none !important;
}  .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;
} .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;
} .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;
}  .wrap[data-v-c3a190a3],
.arrival,
.stops,
.contributor {
display: none !important;
}  .pageheader { --local--columns: 0px auto 1fr auto 40px !important;
grid-template-rows: unset !important;
padding: 0px 12px; justify-items: left; .date .input-fake>.wrap {
background-image: url(//theater-hamburg.org/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] { display: none;
}
.wrap[data-v-3e4b0416] {
background-image: url(//theater-hamburg.org/wp-content/uploads/20250119_TH_Icon_Filter.svg);
}
.wrap[data-v-3e4b0416] .baseIcon {
display: none;
}  .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 { 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,
.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; }
.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;
} .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; }
.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;
}  .item[data-v-dea9aedb]:not(:has(input:checked)):before {
background-color: unset;
opacity: 0.3;
border-radius: 20px;
}  .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 { 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;
} .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;
} .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%;
}
}
}  .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;
}  @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;
} 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;
}
}
} 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;
} 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;
} .header_title a,
.has-xx-large-font-size {
font-size: 30px !important;
} .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) { .custom-menu-image svg {
margin-right: 3px;
margin-bottom: 2px;
}
}
.custom-menu-image a {
pointer-events: auto; display: block;
width: 32px;
height: 32px;
box-sizing: border-box;
}
.wp-block-navigation {
overflow: visible; }
.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 { margin-bottom: 8px !important;
}
.page-id-50 p { padding: 15px 8px 20px 8px !important;
font-size: 16px !important;
}
.page-id-43,
.page-id-33 { h2 {
padding-left: 8px !important;
padding-right: 8px !important;
}
h2:not(:first-child) {
padding-top: 45px !important;
}
}
.page-id-3,
.page-id-515 { 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 { details:has(+ p) {
margin-bottom: unset !important;
}
details:last-of-type {
margin-bottom: 40px !important;
}
.details_mobile {
margin: 40px 0px !important;
}
} .rolf_mares_bild img {
width: unset !important;
}
.theaterpreis_text_mobile {
width: 85%;
} .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-navigation__responsive-container-open {
display: block !important;
} .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-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 {
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;
}
} .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;
} .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; }
.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 { left: 0px !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 { 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; gap: 10px; list-style: none; padding: 0;
}
.wp-block-navigation-item {
flex: 1 1 calc(50% - 10px); box-sizing: border-box; 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; }
.container_wwds {
order: 1; }
.container_allebuehnen {
order: 3; }
}
.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;
}
} .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;
} .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;
}  .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;
} .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;
} .accordion__list li .active {
display: flex;
background-color: white;
z-index: 1;
}
.visibility {
visibility: visible;
} .accordion__list .active button strong {
opacity: 1;
}
.mobile-only-content {
display: inline !important;
}
.desktop-only-content {
display: none !important;
} .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; 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] { 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;
} .list.hasMap.showMap .main .wrap {
width: 358px;
display: block !important;
}
.list.hasMap.showMap .main .map {
display: none !important;
} .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;
} .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;
}
} .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;
}
} .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;
}
}