/*
meyermisginmedia.com
Hamburger Kunsthalle CSS.

Mobile bis max. 720px
*/

/*
.site-footer {
background-color: rgb(203, 71, 71) !important;
}
*/
:root {

  --fs-body-verysmall: 1rem !important;
  --fs-body-midsmall: 1.25rem !important;
  --fs-body-small: 1.25rem !important;
  --fs-body: 1.25rem !important;
  --fs-h1: 3.5rem !important;
  --fs-h1255: 3rem !important;
  --fs-h15: 2rem !important;
  --fs-h2: 2rem !important;
  --fs-h3: 1.75rem !important;
  --fs-h35: 1.5rem !important;
  --fs-h4: 1.25rem !important;
  --spacing-default: 5rem;
  --spacing-small: 3rem;
}

#hkhPageHeader {
  grid-template-columns: 1fr 2fr 1fr;
  padding: .125rem 1.5rem .625rem 0;
}

#block-hkh-barrio-content .content {
  max-width: 100%;
  overflow-x: hidden;
}

h1.title {
  line-height: 100%;
  margin: 0 0 4rem -.25rem;
  -webkit-hyphens: auto !important;
  -moz-hyphens: auto !important;
  -ms-hyphens: auto !important;
  -o-hyphens: auto !important;
  hyphens: auto !important;
}

h1.title,
.page-node-type-hkh_seite h1.node__title {
  width: 100%;
}

.schmal {
  padding: 0 1.5rem;
  margin-left: 0 !important;
  width: 100;
}

#hkhPageHeader {
  padding: .125rem 1.5rem .75rem 0;
}

#hkhPageHeader * {
  font-size: .9375rem !important;
}

#block-hkh-barrio-sprachumschalter {
  margin-top: .75rem;
}

#block-hkh-barrio-sprachumschalter span,
#block-hkh-barrio-sprachumschalter span * {
  line-height: 1.935rem;
}

.minusMarginLeft {
  margin-left: -1.625rem;
}

.site-footer {
  padding: 4rem 1.5rem 0 1.5rem;
}

#block-newsletterabo {
  margin: -2.5rem 0 -4rem 0 !important;
  padding-top: 5rem;
}

.zweiSpalter,
.dreiSpalter,
.vierSpalter {
  display: block;
}

#block-hkh-barrio-calltoactionbuttonzumticketsystem {
  bottom: 1rem;
  right: 1rem;
  width: 6.4375rem;
  height: 6.4375rem;
}

#block-hkh-barrio-calltoactionbuttonzumticketsystem a {
  width: 6.4375rem !important;
  height: 6.4375rem !important;
  line-height: 1.25rem;
}

.page-node-type-hkh_seite .weiss .field--name-field-buehne-media .field--name-field-media-image {
  margin-bottom: 4rem;
}

#block-hkh-barrio-offnungszeiten .field--name-field-oeffnungszeiten {
  margin: 1.125rem 0 0 1.5rem;
}

/*Paragraphs*/
.paragraph {
  margin-bottom: var(--spacing-small);
}

#blockmitdendreihauptlinksfurdiestartseite {
  margin: 0rem 0 !important;
}

#blockmitdendreihauptlinksfurdiestartseite .link1 a,
#blockmitdendreihauptlinksfurdiestartseite .link2 a,
#blockmitdendreihauptlinksfurdiestartseite .link3 a,
#blockmitdendreihauptlinksfurdiestartseite .link4 a {
  padding-left: 1.25rem;
  line-height: 100%;
  display: block;
  padding: 2rem 1rem 2rem 0;
}

.paragraph--type--container .paragraph--type--headline * {
  -webkit-hyphens: auto !important;
  -moz-hyphens: auto !important;
  -ms-hyphens: auto !important;
  -o-hyphens: auto !important;
  hyphens: auto !important;
}

.paragraph--type--zitat {
  margin-left: 0;
  padding: 0 1.5rem;
  width: 100%;
}

.paragraph--type--zitat blockquote p:first-child:before {
  content: url(../images/zitat-mobil.svg);
}

.paragraph--type--zitat .zitat {
  width: 100%;
}

.paragraph--type--zitat blockquote span {
  font-size: 3.5rem;
}

.paragraph--type--zitat blockquote p {
  text-indent: 2rem;
}

.paragraph--type--zitat .zitatCaption {
  margin-left: 0;
  line-height: 150%;
  letter-spacing: .025rem;
}

.hkhInfoBox {
  grid-template-columns: 1fr;
}

.hkhInfoBox,
.hkhDownload {
  border-top: 5px solid var(--clr-hkhcolordark);
  border-left: 0;
}

.hkhInfoBox,
.hkhDownload {
  padding: 2rem 1rem !important !important;
}

.hkhDownload {
  gap: 2rem;
}

.hkhInfoBox {
  padding: 2.75rem 1.5rem 2rem 1.5rem !important;
}

.hkhDownload h3,
.hkhDownload .hkhDownloadText,
.hkhInfoBox .khhInfoboxHeadline {
  line-height: 120%;
  margin-bottom: 1rem;
  letter-spacing: 0;
}

.hkhInfoBox .khhInfoboxHeadline {
  margin-bottom: .5rem;
}

.hkhInfoBox .khhInfoboxBody {
  letter-spacing: .025rem;
  line-height: 150%;
}



.hkhDownload {
  padding: 2rem 1rem !important;
  grid-template-columns: 1fr;
  width: auto;
  margin: 0 1.5rem 0 1.5rem;
}

.hkhDownload .hkhDownloadText {
  width: 100%;
  letter-spacing: 0.025rem;
  line-height: 150%;
}

.paragraph--type--links {
  padding: 0 1.5rem 2rem 1.5rem;
  width: 100%;
  margin: 0 !important;
}

.paragraph--type--links .zweiSpaltigeLinks .field--name-field-link {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0 2.5rem;
}

.paragraph--type--links .zweiSpaltigeLinks .field__item {
  margin-top: -3px;
}

.paragraph--type--links .field--name-field-link {
  grid-template-columns: 1fr;
}

.hkhText .textContent .field--name-field-text p:nth-child(n+2) a.contentLink,
.textMarginal .paragraph--type--links .field--name-field-link .field__item:nth-child(n+2) a {
  margin-top: -19px;
}

.hkhTextMitMarginal .paragraph--type--links .field--type-link a,
.textMarginal .paragraph--type--text .contentLink,
.paragraph--type--links .field--name-field-link a,
.hkhText .textContent .field--name-field-text a.contentLink {
  margin-bottom: 1rem;
}

.paragraph--type--links .field--name-field-link a {
  margin-bottom: 0;
}

.textMarginal .paragraph--type--links .field--type-link a {
  margin-bottom: 1rem !important;
}

.paragraph--view-mode--horizontal .teaserTextBildHorizontal,
.paragraph--view-mode--horizontal-gespiegelt .teaserTextBildHorizontalGespiegelt {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: inherit;
  gap: 2rem;
  align-items: center;
}

.paragraph--view-mode--horizontal,
.paragraph--view-mode--horizontal-gespiegelt {
  padding: 3rem 1.5rem;
}

.paragraph--view-mode--horizontal div:first-child {
  order: 2;
}

.paragraph--view-mode--horizontal div:nth-child(2) {
  order: 1;
}

.teaserTextBildHorizontalHero {
  min-height: 40rem;
}


.teaserTextBildHorizontalHero .headline {
  left: -4px;
}

.ckeditor-accordion-container>dl dt>a,
.ckeditor-accordion-container>dl dt>a:not(.button),
.ui-accordion-header {
  line-height: 120%;
  font-size: var(--fs-body);
  padding: 1.5rem 1.5rem 1.5rem 0;
}

.ckeditor-accordion-container>dl dd p {
  margin: 0 0 1.75rem 0;
}

.ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle::before {
  top: -12px;
  left: 7px;
  font-size: 3rem;
  font-weight: normal;
  font-family: 'HKH Normal';
}

.zweiSpalter .paragraph,
.dreiSpalter .paragraph,
.vierSpalter .paragraph {
  margin-bottom: 1.5rem;
}

.field--name-field-hkh-block #block-offnungszeiten {
  margin-left: 0;
}

#block-offnungszeiten .field--name-field-oeffnungszeiten {
  margin-left: -.04em;
}

.paragraph--type--bild-mit-text-slider {
  margin: 0 0 0 1.5rem;
}

.paragraph--type--kuma-buehne video {
  object-fit: cover;
}

.zweiSpalter,
.dreiSpalter,
.vierSpalter {
  display: block;
  margin: 0 1.5rem;
}

.paragraph--type--eintrittspreise {
  margin-bottom: 0 !important;
}

.paragraph--type--eintrittspreise .field--name-field-text-rechte-spalte {
  text-align: left;
}

.paragraph--type--eintrittspreise p {
  font-size: var(--fs-body-small);
  -webkit-hyphens: auto !important;
  -moz-hyphens: auto !important;
  -ms-hyphens: auto !important;
  -o-hyphens: auto !important;
  hyphens: auto !important;
}

.eintrittRechts {
  min-width: auto;
}

.paragraphInside {
  margin-right: 0;
}

.paragraph--type--eintrittspreise .paragraphInside {
  padding: 1.31rem 0 0.5rem 0;
  width: 100%;
}

.paragraph--type--eintrittspreise .hkhTooltip .hkhTooltipText .hkhTooltipTextInside {
  padding: 3.5rem 1.5rem 2.5rem 1.5rem;
}

.eintrittRechts {
  justify-content: flex-start;
  text-align: left;
  width: 100%;
}

.rechtsTooltip {
  order: 1;
}

.paragraph--type--eintrittspreise .hkhTooltip {
  padding-top: 0;
}

.eintrittRechtsTooltip {
  order: 1;
  padding-left: 1.5rem;
  margin-right: 1rem;
}

.eintrittSubline {
  padding: 0 1.5rem;
  width: 100%;
  text-align: left;
  margin-bottom: 1.75rem;
  margin-top: 0;
}

.eintrittRechts,
.eintrittLinks,
.eintrittRechts,
.eintrittRechts {
  width: 100% !important;
}

.field--name-field-hkh-block #hkhElement1,
.field--name-field-hkh-block #hkhElement2,
.field--name-field-hkh-block #hkhElement3,
.field--name-field-hkh-block #hkhElement4 {
  padding-left: 1.25rem;
}

.hkhAudio .iru-tiny-player .icon.fa-play {
  height: 2rem;
}

.hkhAudio .eyebrow {
  font-size: .75rem;
  letter-spacing: 0.06rem;
}

.hkhAudio .caption {
  font-size: var(--fs-h35);
}

.hkhAudio .iru-tiny-player .song-progress::after {
  top: -10px;
}

.hkhAudio .iru-tiny-player .song-main-info {
  margin: 1.5rem 0;
}

.hkhAudio .iru-tiny-player .song-title {
  margin: 0 1rem;
}

.hkhAudio .iru-tiny-player .song-progress {
  top: 2.5rem;
  left: 3.0625rem;
}

.video-text-overlay {
  font-size: 1rem;
  top: 20px;
  width: 97%;
  line-height: 120%;
}

/*Neue Teaserarten UPGRADE*/

.paragraph--type--container-cards .moreLink {
  display: none !important;
}

.moreLinkBottom {
  display: block !important;
  margin: 2.5rem 1.5rem 0 1.5rem;
}

.moreLinkBottom a {
  width: 100%;
}

.paragraph--type--container-cards {
  padding: 5rem 0 5rem 0;
}

.hkh-tile-special .text {
  top: 2rem;
  font-size: .75rem;
  padding: 0 1.5rem;
  letter-spacing: 0.06rem;
}

.hkh-tile-special .headline h2,
.hkh-tile-special .headline h3 {
  line-height: 110%;
}

.hkh-tile-special .headline {
  padding: 0 .7rem;
}




/*Einzelne Paragraphs*/
#paragraph-id--1291 .textContent {
  width: 100%;
  padding: 0 1.5rem;
}

#paragraph-id--1291 .textContent .btn.btn-primary {
  width: 100%;
  margin-left: 0;
  margin-bottom: 1rem;
}

.paragraph--type--container-cards .khhHeadline h2,
.paragraph--type--container-cards .khhHeadline h3,
.paragraph--type--container-cards .khhHeadline h4 {
  margin-bottom: 3rem;
  margin-left: -.25rem;
}

.paragraph--type--container-teaser-2 .field--name-field-text {
  padding: 0 1.5rem;
  width: 100%;
}

.paragraph--type--container-teaser-2 .teaserText {
  margin-bottom: 1.19rem;
}

.paragraph--type--container-teaser-2 .teaserMultiple {
  margin: 0 1.5rem;
}

.paragraph--type--container-teaser-2 .teaserMultiple img {
  width: 100%;
}

.paragraph--type--container-teaser-2 {
  margin-right: 0;
}

.paragraph--type--container-teaser-2 .khhHeadline * {
  font-size: var(--fs-h1255) !important;
  margin-bottom: 2.5rem;
}

.paragraph--type--container-teaser-2 .teaserTextBild .bild {
  margin-bottom: 1.5rem;
}

.paragraph--type--container-teaser-2 .paragraph--type--teaser-card {
  margin-bottom: 2.5rem !important;
}

.paragraph--type--teaser-card .headline * {
  font-size: var(--fs-h15) !important;
}

.paragraph--type--container-teaser-3 .containerTeaser3 {
  margin: 0 1.5rem;
}

.paragraph--type--container-teaser-3 .containerTeaser3 .field--name-field-container-teaser-3-card .paragraph--type--teaser-tile {
  margin-bottom: 1.5rem !important;
}

.paragraph--type--container-teaser-3 .khhHeadline {
  margin-bottom: 2.5rem;
}

.paragraph--type--container-teaser-3 .khhHeadline * {
  font-size: var(--fs-h1255) !important;
}

.paragraph--type--container-teaser-3 .containerTeaser3 .field--name-field-container-teaser-3-card .paragraph--type--teaser-tile .headline {
  bottom: 1.5rem;
}

.paragraph--type--container-cards .teaser4Spalten .slick__slider {
  padding-right: 0rem;
}

.paragraph--type--container-cards .slick__slide,
.paragraph--type--container-cards .slick-initialized .slick__slide,
.slick--view--news .slick__slide,
.slick--view--news .slick-initialized .slick__slide {
  margin: 0;
}

.paragraph--type--container-cards .teaser4Spalten {
  margin: 0 1.5rem;
}

.paragraph--type--container-cards .slick__slide {
  margin: 0 !important;
}

.paragraph--type--text .hkhText {
  display: grid;
  grid-template-columns: 1fr;
  margin-right: 0;
  width: 100%;
  padding: 0 1.5rem;
  margin-left: 0;
}

.textMarginal .field--name-field-marginalspalte {
  display: block;
}

.textMarginal .field--name-field-marginalspalte .field__item {
  width: 100%;
}

.paragraph--type--text .hkhText .textContent {
  padding: 0 0 !important;
  order: 1;
  margin-right: 0;
}

.paragraph--type--text .hkhText .textMarginal {
  order: 2;
}

.hkhNewsOverviewBlock.hkhNewsList {
  padding: 5rem 1.5rem 5rem 1.5rem !important;
}

.hkhNewsOverviewBlock .view-header {
  padding-right: 0;
}

.hkhNewsList .view-content .slick--view .slick__slider {
  padding-right: 0;
}

.hkhNewsList .slick__slide {
  margin: 0 0 0 0rem !important;
}

.hkhNewsList .slick__slide {}

.paragraph--type--sponsoren {
  margin: 0 1.5rem 3rem 1.5rem;
}

.hkhSponsoren {
  grid-template-columns: 1fr !important;
  padding: 0;
}

.paragraph--view-mode--zweispalter .hkhBilder2Spalter img {
  margin: 0 0 2rem 0;
}

.paragraph--type--kontakt .nebeneinander .field--name-field-node {
  grid-template-columns: 1fr;
}

.hkhKontakt .position {
  letter-spacing: .025rem;
  line-height: 150%;
}

.nebeneinander .hkhKontaktBody {
  margin-bottom: 0;
}

.paragraph--view-mode--masonry {
  margin: 0;
  width: 100%;
  height: auto !important;
  background: transparent !important;
  padding: 0 1.5rem;
}

.paragraph--view-mode--masonry .item-list>.b-column>.grid {
  margin: 0 0 1.5rem 0;
}

.paragraph--view-mode--masonry img,
.page-node-type-pressemitteilung .view-pressebildergallerie img {
  width: 100%;
  height: auto;
}

.paragraph--view-mode--masonry .item-list>.b-flex,
.b-flex>.grid,
.paragraph--view-mode--masonry .item-list>.b-flex>.grid {
  display: block;
  overflow: visible;
}

.paragraph--view-mode--masonry .blazy.b-flex--sm-2>.grid {
  width: 100%;
}

.paragraph--view-mode--einzelbild {
  height: auto !important;
}

.view-pressebildergallerie .masonry-item.views-row {
  width: 100% !important;
}

.page-node-type-pressemitteilung .view-pressebildergallerie .masonry-item.views-row {
  padding: 0 1.5rem 1.5rem 1.5rem;
}

.paragraph--view-mode--masonry .b-flex>.grid,
.item-list>.b-flex>.grid {
  padding: 0 1.5rem 1.5rem 1.5rem;
  margin: 0 !important;
}

.paragraph--type--kuma-bildslider,
.paragraph--type--kuma-bildslider .slick-initialized .slick__slide,
.paragraph--type--kuma-bildslider .slick-initialized .slick__slide img {
  height: 100vh;
}

.paragraph--view-mode--zweispalter {
  height: auto;
  background: transparent;
}

.paragraph--type--kuma-bildslider .slick-initialized .slick__slide img {
  object-fit: cover;
}

.paragraph--type--kuma-bildslider .slick-initialized .slick__slide .sliderInfo {
  bottom: 1.75rem;
  right: 1.5rem;
}

.paragraph--view-mode--slider .slick-dots {
  bottom: 5.5rem;
}

.paragraph--type--kuma-bildslider .sliderInfoOverlay {
  padding: 8rem 1.5rem 0 1.5rem;
  width: 100%;
}

.paragraph--type--kuma-bildslider .sliderInfoOverlay .field--name-field-nachname,
.paragraph--type--kuma-bildslider .sliderInfoOverlay .field--name-field-lebensdaten,
#colorbox #cboxTitle h3,
#colorbox #cboxTitle span h3+span {
  font-size: var(--fs-h15) !important;
  line-height: 120%;
  letter-spacing: 0;
}

.paragraph--type--kuma-bildslider .sliderInfoOverlay .field--name-field-titel-des-kunstwerks,
#colorbox #cboxTitle span:first-child p {
  margin-bottom: 5rem;
  line-height: 150%;
  letter-spacing: 0.025rem;
  font-size: var(--fs-body-small);
}

.paragraph--type--kuma-bildslider .sliderInfoOverlay h3,
#colorbox #cboxTitle span span:first-child {
  letter-spacing: 0.06rem;
  margin-bottom: .81rem;
  display: block;
  font-size: .75rem !important;
}

.paragraph--type--teaser-quer .teaserTextBild.als_contentelement_verwenden.bildRechtsTextLinks,
.paragraph--type--teaser-quer .teaserTextBild.als_contentelement_verwenden {
  grid-template-columns: 1fr;
  gap: 1rem;
}

.paragraph--type--teaser-quer .teaserTextBild.als_contentelement_verwenden .bild {
  margin-top: 0;
}

.paragraph--type--teaser-quer .teaserTextBild.als_contentelement_verwenden .headline {
  margin-left: 0;
}

.a11y-paragraphs-tabs__wrapper {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.a11y-paragraphs-tabs__wrapper .tabs-tab-list {
  display: none;
}

.a11y-paragraphs-tabs__wrapper .accordion-trigger {
  background-color: transparent;
  text-decoration: none;
  border-bottom: 3px solid var(--clr-schwarz) !important;
  font-size: var(--fs-body);
  padding: 1.75rem 1.75rem 1.75rem 0 !important;
  font-family: 'HKH Bold';
  line-height: 120%;
  transition: background-color 300ms;
  cursor: pointer;
  display: block;
  background-color: transparent !important;
}

.a11y-paragraphs-tabs__wrapper .accordion-trigger {
  position: relative;
}

.a11y-paragraphs-tabs__wrapper .accordion-trigger:after {
  content: '+' !important;
  font-size: 3rem;
  font-family: 'HKH Normal';
  position: absolute;
  right: 0;
  top: 1.875rem;
}

.a11y-paragraphs-tabs__wrapper .accordion-tabs {
  border-top: 3px solid #000 !important;
}

.a11y-paragraphs-tabs__wrapper .paragraph--type--eintrittspreise-box {
  margin-top: 0;
}

.view-header h2 {
  margin-left: -1.8125rem;
  width: 100%;
}


/*News*/
.page-node-type-article h1.title {
  width: auto;
  margin-right: 1.5rem;
  font-size: var(--fs-h1) !important;
  margin-bottom: 1rem !important;
}

#hkhArticledate .field--name-field-datum {
  font-size: var(--fs-body-verysmall);
}

#hkhArticleImage {
  margin-bottom: 2rem !important;
}

#hkhArticleParagraphs {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

/*Ausstellungen*/
.hkhAusstellung .ausstellungHeaderBild img,
.paragraph--type--kuma-buehne img {
  min-height: 46rem;
  width: auto;
  object-fit: cover !important;
}

body:not(.user-logged-in) #block-hkh-barrio-page-title,
.page-node-type-hkh_seite .weiss h1.node__title {
  top: 57vh !important;
}

.hkhAusstellung #bodyAusstellung {
  padding: 0 1.5rem 0rem 1.5rem;
  margin: 0;
  width: 100%
}

.hkhAusstellung .datum {
  margin: 3rem 0 5rem 0;
}

.hkhAusstellung .subTitle h2 {
  margin-bottom: 3rem;
}

.hkhAusstellungHeader #nodeTitle {
  bottom: 12.5rem;
  width: 100%;
}

.hkhAusstellungHeader #nodeTitle h1 {
  width: 100%;
  padding-right: 1.5rem;
  -webkit-hyphens: auto !important;
  -moz-hyphens: auto !important;
  -ms-hyphens: auto !important;
  -o-hyphens: auto !important;
  hyphens: auto !important;
}

/*Termine*/
.page-node-type-termin .preisTicketlink,
.page-node-type-kurse .preisTicketlink {
  margin-bottom: 1.5rem;
}

.page-node-type-termin .hkhTerminContentTop,
.page-node-type-kurse .hkhTerminContentTop {
  display: block;
  padding: 5rem 1.5rem 4rem 1.5rem;
}

.page-node-type-termin .hkhTerminContentLeft,
.page-node-type-kurse .hkhTerminContentLeft {
  width: 100%;
}

.page-node-type-termin .bodyTermin,
.page-node-type-kurse .bodyTermin {
  display: grid;
  grid-template-columns: 1fr;
}

.page-node-type-termin .bodyTerminImage,
.page-node-type-kurse .bodyTerminImage {
  order: 1;
  width: 100%;
}

.page-node-type-termin .bodyTerminImage img,
.page-node-type-kurse .bodyTerminContent img {
  width: 100%;
  height: auto;
}

.page-node-type-termin .bodyTerminContent,
.page-node-type-kurse .bodyTerminContent {
  order: 2;
  width: 100%;
}

#terminPreise {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.page-node-type-termin .preisRegulaer,
.page-node-type-termin .preisErmaessigt,
.page-node-type-kurse .preisRegulaer,
.page-node-type-kurse .preisErmaessigt {
  margin: 0 0 2rem 0;
  font-size: var(--fs-h2);
}

.page-node-type-termin .preisTicketlink,
.page-node-type-kurse .preisTicketlink {
  margin-top: 0rem;
}

.page-node-type-termin h1.title,
.page-node-type-kurse h1.title {
  width: 100%;
  font-size: var(--fs-h15) !important;
  margin: 0 0 1rem 0;
}

.social-sharing-buttons svg {
  height: 3rem;
  width: 3rem;
}

#shareOptionsWrapper {
  margin-top: 4rem;
  gap: 0;
  grid-template-columns: 1fr;
  text-align: center;
}

.social-sharing-buttons {
  margin: 0.5rem 0;
  justify-content: center !important;
  padding-left: 1rem;
}

.hkhTermin .preisTicketlink a {
  width: 100%;
}

.page-node-type-termin .datum {
  margin-bottom: 1rem;
  line-height: 120%;
}

.page-node-type-termin .subTitle {
  font-size: var(--fs-h5);
}

.page-node-type-termin .social-sharing-buttons {
  margin: 0.5rem 0 3rem 0;
}

.page-node-type-termin .hkhTerminPreisHeadline h3 {
  line-height: 120%;
  margin-bottom: 1rem;
}

/*Pressemitteilungen*/
.page-node-type-pressemitteilung #hkhnewsImage img {
  min-height: 46rem;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.page-node-type-pressemitteilung #hkhNewsdate {
  margin: 1rem 0 3rem -5px;
}

.page-node-type-pressemitteilung .hkhPMschmal {
  padding: 0 1.5rem 0 1.5rem !important;
  width: 100%;
  margin: 0;
}

/*Views*/
/*Kalender*/

.mobileTitle {
  display: block;
}

.desktopTitle {
  display: none;
}

.kalenderBlock .rowGroupTitle {
  padding: 2.5rem 0 2.5rem 1.5rem;
}

.kalenderBlock .hkhTerminZeile,
.paragraph--type--node-referenz .hkhTerminZeile {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 0 1.53rem;
  grid-auto-rows: auto;
  grid-template-areas:
    "eins zwei"
    "drei drei"
    "vier vier"
    "fuenf fuenf"
  ;
  padding: 0 1.5rem 0 1.5rem;
}

.datumWochentag {
  margin-top: .4375rem;
}

.view-filters .d-flex.flex-wrap {
  margin-right: 1.5rem;
}

.kalenderBlock.fullKalender .views-exposed-form.bef-exposed-form .d-flex.flex-wrap {
  flex-direction: column;
}

.fullKalender .view-filters .views-exposed-form.bef-exposed-form .form-wrapper summary {
  margin-right: 0;
  margin-bottom: 1rem;
  text-align: center;
  background: none;
}

.fullKalender .view-filters .views-exposed-form.bef-exposed-form .form-wrapper summary .summary {
  background: url(../images/arrow_down.svg) no-repeat 59% center;
  height: 10px;
  width: 10px;
  display: inline-block;
  padding-right: 1.5rem;
}

.kalenderBlock.fullKalender .views-exposed-form.bef-exposed-form .d-flex.flex-wrap {
  padding-right: 1.5rem;
}

fullKalender .view-filters .views-exposed-form.bef-exposed-form .form-checkbox {
  position: static;
}

.fullKalender .view-filters .d-flex.flex-wrap>details>div.details-wrapper>div>div {
  flex-direction: row;
  flex-wrap: wrap;
}

.fullKalender .view-filters .d-flex.flex-wrap>details>div.details-wrapper {
  position: static;
  padding-right: 0;
}

.fullKalender #views-exposed-form-kalender-block-1 {
  border-bottom: 3px solid #000;
  padding-bottom: 3rem;
}

.fullKalender .view-filters .d-flex.flex-wrap>details>summary[aria-expanded="true"] {
  margin-bottom: 0;
}

.fullKalender .view-filters .d-flex.flex-wrap>details>div.details-wrapper {
  border-top: 0;
}

.fullKalender .view-filters .views-exposed-form.bef-exposed-form .form-type-date {
  margin-right: 0rem !important;
  margin-bottom: 0 !important;
}

.fullKalender .view-filters {
  display: none;
}

.fullKalender .toggleFilterBtn {
  display: block;
  border: 0;
  padding: 0;
  font-size: var(--fs-body-verysmall);
  text-transform: uppercase;
  letter-spacing: 0.08rem;
  text-align: right;
  margin-right: 1.5rem;
  font-family: 'HKH Bold';
  background: url(../images/arrow_down.svg) no-repeat right 11px;
  padding-right: 1rem;
  position: absolute;
  top: 6rem;
  right: 0;
}

.fullKalender .view-filters .d-flex.flex-wrap>details>div.details-wrapper {
  margin-bottom: 3rem;
}

.hkhTerminZeile .fuenf {
  grid-row-end: auto;
  grid-row-start: auto;
  grid-column-end: 3;
  grid-column-start: 1;
}

.hkhTerminZeile .fuenf img {
  width: 100%;
  height: auto;
}

.hkhTerminZeile .datumTag {
  margin-bottom: 1.5 rem;
}

.kalenderBlock .hkhTerminHeader .datum,
.datumTermine {
  display: grid;
  grid-template-columns: 8rem auto;
  margin-bottom: 2rem;
}

.hkhTerminZeile .datumTag {
  font-size: 5rem;
  line-height: 100%;
}

.hkhTerminZeile .hkhTerminCategory {
  font-size: .75rem;
  letter-spacing: 0.06rem;
  margin-bottom: .75rem;
}

.hkhTerminZeile .hkhTerminTitle {
  margin-bottom: .5rem;
}

.hkhTerminZeile .hkhTerminTitle h3 {
  font-size: var(--fs-h15) !important;
}

.kalenderBlock .view-header h2 {
  margin-left: -.08em;
  margin-bottom: 3rem !important;
}

.hkhTerminZeile .hkhTerminCatTitle,
.hkhTerminZeile.subTitle {
  width: 100%;
}

.kalenderBlock.relatedKalender .view-header h2 {
  margin-bottom: 8rem !important;
}

.kalenderBlock.relatedKalender .rowGroupTitle:first-child {
  padding: 0 0 1.75rem 1.5rem;
}

.kalenderBlock.relatedKalender .rowGroupTitle:first-child {
  padding: 0 0 1.5rem 1.5rem;
  top: -52px !important;
}

.kalenderBlock .views-row,
.paragraph--type--node-referenz .hkhTermin {
  border-bottom: 3px solid var(--clr-schwarz);
  padding: 2rem 0 2rem 0 !important;
}

.kalenderBlock.fullKalender .rowGroupTitle {
  position: static;
  margin-top: 2rem;
}

.kalenderBlock.fullKalender .rowGroupTitle .month {
  padding-right: 6.875rem;
}

.kalenderBlock.fullKalender .view-filters .d-flex.flex-wrap>details>div.details-wrapper>div {
  margin-left: 0;
  width: 100%;
}

.kalenderBlock.fullKalender .view-filters .views-exposed-form.bef-exposed-form [id^="edit-field-datum-termin-value-collapsible"] .fieldset-wrapper {
  display: flex;
  flex-direction: column;
}

.fullKalender .view-filters .views-exposed-form.bef-exposed-form [id^="edit-field-datum-termin-value-collapsible"] input.form-date {
  width: 100%;
}

.fullKalender .view-filters .d-flex.flex-wrap>details>summary[aria-expanded="true"] {
  margin-bottom: 0;
}

.kalenderBlock.fullKalender .view-filters .d-flex.flex-wrap>details#edit-field-datum-termin-value-collapsible>summary[aria-expanded="true"] {
  margin-bottom: 13.5rem;
}

.kalenderBlock.fullKalender .view-filters .d-flex.flex-wrap>details>div.details-wrapper>div>div {
  overflow-x: auto;
}

.kalenderBlock.fullKalender .view-filters .js-form-item {
  padding: 0;
  margin: 0 0 1rem 0 !important;
}

.kalenderBlock.fullKalender .views-exposed-form.bef-exposed-form label {
  white-space: nowrap;
}

.kalenderBlock.fullKalender .views-exposed-form.bef-exposed-form .d-flex.flex-wrap {
  display: flex !important;
  justify-content: flex-start;
  padding-left: 1.5rem;
  margin-top: 7rem;
}

.kalenderBlock.fullKalender .view-filters .d-flex.flex-wrap>details#edit-field-datum-termin-value-collapsible>summary[aria-expanded="true"] {
  margin-bottom: 0;
}

.litepicker .container__months {
  flex-direction: column;
}

.litepicker .container__months.columns-2 {
  width: 100%;
}

.litepicker .day-item.is-today,
.litepicker .day-item.is-today:hover,
.litepicker .container__days .day-item,
.litepicker .container__days .day-item:hover {
  padding: 6px 10px;
}

.kalenderBlock .views-exposed-form.bef-exposed-form .form-submit {
  right: 1.5rem;
  top: -6.5rem;
}

.aktuelleAusstellungen .view-header {
  top: 3%;
  width: 100%;
}

.page-node-353 .aktuelleAusstellungen,
.page-node-3325 .aktuelleAusstellungen {
  display: block;
}

.page-node-353 .aktuelleAusstellungen .view-content,
.page-node-3325 .aktuelleAusstellungen .view-content {
  padding-top: 13rem;
}

.page-node-353 .aktuelleAusstellungenGrid,
.page-node-3325 .aktuelleAusstellungenGrid {
  display: none;
}

.page-node-353 .aktuelleAusstellungen .slick-track,
.page-node-3325 .aktuelleAusstellungen .slick-track {
  margin-left: 0 !important;
}

.page-node-353 .aktuelleAusstellungen .views-field-title h4,
.page-node-3325 .aktuelleAusstellungen .views-field-title h4 {
  color: #fff;
}

.aktuelleAusstellungen {
  padding-top: 0;
}

.aktuelleAusstellungen h3.node-6500 a,
.page-node-353 .aktuelleAusstellungen .views-field-title h4.node-6500,
.page-node-3325 .aktuelleAusstellungen .views-field-title h4.node-6500 {
  color: #000 !important;
}



/*Ausstellungsarchiv*/
.view-archiv-hkh {
  margin: 0 1.5rem;
}

.view-archiv-hkh .views-row .views-row {
  margin: 0 0 3rem 0;
}

.view-archiv-hkh .ui-accordion-content {
  display: block;
  padding: 1em 0;
}

.view-archiv-hkh img {
  margin-bottom: 1rem;
}

.view-archiv-hkh.views-field-field-subheadline {
  margin-bottom: .5rem;
}

.view-archiv-hkh h3 {
  font-size: 1.5rem !important;
  line-height: 110%;
  margin: .25rem 0 !important;
}

.view-archiv-hkh .ui-accordion-header {
  font-size: var(--fs-body-small) !important;
}

.view-archiv-hkh .views-field-field-datum-range {
  font-size: var(--fs-body-verysmall);
  line-height: 130%;
  letter-spacing: .04rem;
}

/*News/Pressemitteilungen*/
.hkhNewsOverview ul {
  display: block;
  margin: 0 1.5rem;
}

.hkhNewsOverview ul .views-field-field-bild {
  margin-bottom: 1rem;
}

.hkhNewsOverview ul .views-field-field-subheadline {
  margin-bottom: 1rem;
}

.hkhNewsOverview ul li {
  margin-bottom: 2.5rem;
}

.hkhNewsOverview ul .views-field-field-subheadline,
.hkhNewsOverview ul .views-field-field-datum {
  line-height: 130%;
  font-size: 1rem !important;
  letter-spacing: 0.04rem;
}

.hkhNewsOverview ul .views-field-title h2 {
  line-height: 120%;
  font-size: 1.25rem !important;
  margin-top: .3125rem;
}

.hkhNewsList .slick-list {
  margin-bottom: 2rem;
}

.hkhNewsList {
  padding: 5rem 4rem 5rem 4rem;
}

.hkhNewsList .view-content {
  margin-right: 0;
}

.hkhNewsList .view-header h2 {
  line-height: 100%;
}

.hkhNewsList .view-header h2 {
  margin-left: -1.8125rem;
}

.hkhNewsList .view-footer {
  margin-left: 0;
}

.hkhNewsList .view-content {
  padding-left: 0;
  padding-top: 3.5rem;
}

.btn.btn-primary,
.form-type-password .edit-actions .edit-submit {
  padding: .75rem 2rem .75rem 2rem;
}

.paragraph--type--text .btn.btn-primary {
  width: 100%;
}

.hkhNewsOverviewBlock .slick__arrow .slick-prev {
  margin-left: -13px;
}

.hkhNewsOverviewBlock .slick__arrow .slick-next {
  margin-right: -13px;
}




/*Kommende Ausstellungen*/
.kommendeAusstellungen {
  margin: 0;
}

.kommendeAusstellungen .view-content {
  margin: 4rem 1.5rem 0 1.5rem;
}

.kommendeAusstellungen .slick__slide,
.slick-initialized .slick__slide {
  margin: 0;
}

.kommendeAusstellungen .slick-initialized .slick__slide {
  margin: 0;
}

.kommendeAusstellungen .view-header h2 {
  margin-left: -.08em;
}

.kommendeAusstellungen .views-field-field-subheadline h4 {
  line-height: 150%;
  letter-spacing: 0.025rem;
}

.ausstellungsTermine .rowGroupTitle,
.hkhPressetermine .rowGroupTitle,
.todayKalender .rowGroupTitle,
.fuehrungen .rowGroupTitle {
  padding-left: 1.5rem !important;
}

.close-button {
  right: 1.5rem;
  top: 1.5rem;
}

.slick__arrow .slick-prev,
.slick__arrow .slick-next {
  width: 75px;
  height: 75px;
}

/*Einzelne Paragraphs*/
#paragraph-id--1295 {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}

#paragraph-id--1176 {
  padding-top: 5rem;
}

.responsiveContainer.googleMapContainer {
  height: 18rem;
}

/*Webform*/
.webform-submission-form .checkboxes--wrapper input {
  margin-top: .5rem;
}


/*Responsive Menu*/
.body--has-active-cheese #block-hkh-barrio-cheesburgermenuausloser .content button {
  top: 2px;
}

.cheeseburger-menu__main-navigation-area .cheeseburger-menu__item--is-expanded .cheeseburger-menu__submenu {
  position: static;
}

.cheeseburger-menu__submenu {
  padding-left: 0 !important;
}

.cheeseburger-menu__main-navigation-area {
  margin-top: 6.81rem;
}

.cheeseburger-menu__mainmenu>li {
  padding-left: 0;
}

.toolbar-fixed .block-cheeseburgermenu-container {
  top: 3.0625rem;
}

.body--has-active-cheese #block-hkh-barrio-cheesburgermenuausloser {
  margin-right: 0;
  margin-top: .875rem !important;
}

.body--has-active-cheese #block-hkh-barrio-leichtesprachelink {
  top: 5.1875rem;
}

.cheeseburger-menu__main-navigation-area .cheeseburger-menu__item--is-expanded .cheeseburger-menu__submenu {
  padding: 0rem !important;
}

.cheeseburger-menu__submenu {
  margin-bottom: 2rem;
}

.body--has-active-cheese #block-hkh-barrio-mobilelupedersucheimheadbereich {
  margin-top: 1.5rem;
}

.cheeseburger-menu__main-navigation-area div:nth-child(3) {
  margin-bottom: 4rem;
}

div[data-cheeseburger-id="menu-main"] .cheeseburger-menu__mainmenu>.menu-link:nth-child(n+5)>.cheeseburger-menu__item-label span {
  font-size: 2rem !important;
}

.cheeseburger-menu__main-navigation-area div:first-child .cheeseburger-parent>a span {
  padding-bottom: 1rem;
}

div[data-cheeseburger-id="menu-main"] .cheeseburger-menu__mainmenu>.menu-link:nth-child(n+5)>.cheeseburger-menu__item-label span {
  line-height: 120% !important;
}

/*Solr Suche*/
.view-hkh-suche {
  display: grid;
  margin: 0 1.5rem;
}

.view-hkh-suche .view-content {
  width: 100%;
}

.view-hkh-suche .d-flex.flex-wrap {
  margin: 0;
}

.view-hkh-suche .view-filters .views-exposed-form.bef-exposed-form .d-flex.flex-wrap {
  margin-right: 0;
  margin-left: 0;
}

.solrSearchResult {
  grid-template-columns: 1fr !important;
  gap: 1.5rem;
}

.page-view-hkh-suche .view-filters .d-flex.flex-wrap {
  margin-bottom: 3rem;
  justify-content: flex-start;
}

.view-hkh-suche .views-infinite-scroll-content-wrapper img {
  width:
    /*13.75rem*/
    100%;
  height: auto;
}

.solrTitle {
  font-size: var(--fs-h35);
}

/*Blöcke*/

.paragraph--type--block-referenz #block-offnungszeiten .openingHours {
  width: 100%;
  padding-right: 1.5rem;
  padding-bottom: 4rem;
  padding-top: .4rem;
}

#block-hkh-barrio-offnungszeiten .openingHours {
  display: none;
}

.openingHoursMobile {
  display: block !important;
}

#block-offnungszeiten .openingHoursMobile,
#block-offnungszeitenbanderole .openingHoursMobile {
  display: none !important;
}


/*Einzelne Nodes*/
.page-node-type-hkh_seite .weiss .specialBuehne h1.node__title {
  top: 14rem !important;
  bottom: auto !important;
  width: 100% !important;
  margin-right: 1.5rem;
}

.page-node-374 .paragraph--type--text .textContent {
  margin-left: 0;
}

.page-node-374 .field--name-field-text {
  margin-right: 1.5rem;
}

.page-node-374 .todayKalender {
  margin-top: 5rem;
}

#monthsButtons {
  display: none;
}

.specialBuehneProgramm {
  margin-bottom: -7.1875rem;
}

.specialBuehne h1.node__title {
  width: 100% !important;
}

.page-node-1651 .field--name-field-buehne-media img {
  height: 57vh !important;
}

.page-node-1651.page-node-type-hkh_seite .weiss h1.node__title {
  color: #000 !important;
  top: 61vh !important;
}

.aktuelleAusstellungen.view-ausstellungen h3.node-5989,
.aktuelleAusstellungen.view-ausstellungen h4.node-5989 {
  display: none;
}

/*Lightbox*/
#hovkiller {
  display: none;
}

#cboxContent #cboxClose,
#cboxContent #cboxClose:hover {
  width: 2rem;
  height: 2rem;
  right: 1.5rem;
  top: 1.5rem;
  background-size: 66%;
}

#cboxPrevious,
#cboxPrevious:hover {
  right: calc(50% + .5rem);
  bottom: 5.5rem;
}

#cboxNext,
#cboxNext:hover {
  right: calc(50% - 2.5rem);
  bottom: 5.5rem;
}

#cboxInfo {
  top: auto;
  right: 1.5rem;
  bottom: 4.9375rem;
}

#cboxCurrent {
  bottom: 5.5rem;
  left: 1.5rem;
  right: auto;
}

.cboxPhoto {
  max-height: 79vh !important;
  width: 100% !important;
  object-fit: contain;
}

Element {
  float: left;

}

#cboxTitle {
  top: 0;
  right: auto;
  left: 0;
  padding: 5rem 1.5rem 4.5rem 1.5rem;
  width: 100%
}


/*Drupal Cookie consent*/
.cookiesjsr-banner {
  padding: 1.5rem;
}

.cookiesjsr-banner--info {
  width: 100%;
  padding: 0;
}

.cookiesjsr-banner--action button,
.cookiesjsr-layer--actions button {
  font-size: var(--fs-body-verysmall);
  margin: .5rem 0;
  width: 100%;
}





/*Video Scroll fix für iphone*/
body.page-node-338 #hkhTop {
  margin-bottom: 37rem;
}

#klaro-cookie-notice .cn-ok,
#klaro-cookie-notice .cn-ok .cn-buttons,
#klaro-cookie-notice .cn-ok .cn-buttons button {
  display: block !important;
}

#klaro-cookie-notice .cn-ok button {
  margin-bottom: 1rem;
  width: 100%;
}


.toc-scrolly {
  top: 59px !important;
  right: 45px !important;
  bottom: auto !important;
  left: auto !important;
  position: absolute;
}

.paragraph--type--sponsoren .field__item {
  padding: 14px 15px;
  width: 43%;
  height: auto;
  align-content: center;
}