/*
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{
display:block;
}
.page-node-353 .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;
}
/*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;
}




/*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;
}