/*
meyermisginmedia.com
Hamburger Kunsthalle CSS.

Mobile bis max. 1600px
*/

/*
.site-footer {
background-color: rgb(67, 160, 67) !important;
}
*/
:root {
  --varscale1600: 1;
  --fs-body-verysmall: calc(1rem * var(--varscale1600)) !important;
  --fs-body-midsmall: calc(1.25rem * var(--varscale1600)) !important;
  --fs-body-small: calc(1.5rem * var(--varscale1600)) !important;
  --fs-body: calc(2rem * var(--varscale1600)) !important;
  --fs-h1: calc(9.5rem * var(--varscale1600)) !important;
  --fs-h15: calc(5rem * var(--varscale1600)) !important;
  --fs-h1255: calc(7.5rem * var(--varscale1600)) !important;
  --fs-h2: calc(4rem * var(--varscale1600)) !important;
  --fs-h3: calc(3rem * var(--varscale1600)) !important;
  --fs-h35: calc(2.5rem * var(--varscale1600)) !important;
  --fs-h4: calc(2rem * var(--varscale1600)) !important;
  --spacing-default: 10rem;
  --spacing-small: 5rem;
}

html {
  font-size: 75% !important;
}

.schmal {
  margin-left: 28% !important;
  width: 67%;
}

#block-hkh-barrio-calltoactionbuttonzumticketsystem a {
  padding-top: 40%;
}

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

#block-hkh-barrio-leichtesprachelink,
#block-hkh-barrio-sprachumschalter {
  margin-top: -.125rem;
  margin-bottom: .0625rem;
}

#block-hkh-barrio-leichtesprachelink a:nth-child(2) {
  background-size: contain;
}

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

#block-hkh-barrio-cheesburgermenuausloser {
  margin-top: .5rem;
}

.body--has-active-cheese #block-hkh-barrio-mobilelupedersucheimheadbereich {
  right: 7.25rem !important;
}

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

#block-hkh-barrio-mobilelupedersucheimheadbereich {
  margin-top: 2rem;
}

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

#block-hkh-barrio-offnungszeiten .openingHours {
  padding-right: 1.5rem;
  padding-top: 2px;
}

.ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle::before {
  top: -22px;
}

/*Paragraphs*/

.paragraph--type--eintrittspreise .paragraphInside {
  grid-template-columns: 70% 30%;
}

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

.paragraph--type--eintrittspreise .paragraphInside {
  display: flex;
  font-weight: bold;
  justify-content: space-between;
  padding: 1.75rem 4rem 1.75rem 0;
  width: 100%;
}

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

.eintrittSubline {
  padding: 0 4rem;
  width: 100%;
}

.hkhTooltip img {
  width: 2.375rem;
}

.eintrittLinks {
  width: 100%;
}

.paragraphInside {
  margin-right: 2rem;
}

.hkhKontakt {
  grid-template-columns: 11.75rem auto;
}

.paragraph--type--kontakt .hkhKontakt,
.paragraph--type--kontakt .nebeneinander {
  width: auto;
}

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

.hkhTextMitMarginal {
  grid-template-columns: 31rem auto;
}

/*Paragraphs Upgrade*/
.paragraph--type--text .textContent {
  width: 100%;
  margin-right: 1.5rem;
}

.paragraph--type--text .hkhText {
  display: grid;
  grid-template-columns: 31rem auto;
  margin-right: 4rem;
}

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

.paragraph--type--links {
  width: auto;
}

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

.hkhDownload .hkhDownloadText {
  width: auto;
}

.hkhDownload {
  grid-template-columns: auto 20.625rem;
  width: auto;
}

.paragraph--view-mode--masonry {
  margin: 0 4rem 4rem 4rem;
  width: auto;
}

.paragraph--view-mode--masonry .blazy--field-bild.blazy--field-bild--masonry {
  gap: 4rem;
}

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

.paragraph--type--audio .hkhAudio {
  width: 100%;
}

.hkhAudio {
  width: 100%;
}

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

.hkhAudio .iru-tiny-player .song-progress {
  top: 3.125rem;
  left: 4rem;
}

.hkhAudio .iru-tiny-player .song-progress::after {
  width: 1.75rem;
  height: 1.75rem;
  top: -8px;
}

.hkhAudio .iru-tiny-player .icon {
  flex-basis: 2rem;
}

.paragraph--type--video {
  padding-left: 31rem;
  width: 100%;
  padding-right: 3rem;
}

.hkhSponsoren {
  max-width: 100%;
}

.hkhInfoBox {
  max-width: none;
}

.hkhBuehneImage .buehneGradient {
  height: calc(100% - 26px);
}

.paragraph--type--teaser-quer .teaserTextBild.als_contentelement_verwenden {
  width: calc(100% - 33rem);
  margin-right: 1.5rem;
}

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


/*Ausstellungen*/

.hkhAusstellungHeader #nodeTitle h1 {
  width: 85%;
}

#bodyAusstellung {
  margin: 0 0 3rem 31rem;
  width: auto;
  padding-right: 4rem;
}

/*Termine*/
.page-node-type-termin .hkhTerminContentLeft {
  width: 100%;
}

.view-header .btn.btn-primary {
  padding: .625rem 1.5rem;
  margin-top: 0;
}

/*Newslist*/


/*Pressemitteilungen*/
.page-node-type-pressemitteilung .hkhPMschmal {
  padding-left: 31rem !important;
  width: 100%;
  padding-right: 1.5rem;
}


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




/*Solr Search*/
.views-exposed-form.bef-exposed-form .form-submit {
  height: 3.5rem;
}

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

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

.view-hkh-suche .view-filters .js-form-item {
  margin: 0 0rem;
}

.view-hkh-suche .views-exposed-form.bef-exposed-form input.form-control {
  width: 100%;
}



/*News*/
.page-node-type-article h1.title {
  width: auto;
  margin-right: 4rem;
}




/*Einzelne Nodes*/
.page-node-374 .paragraph--type--text .hkhText {
  grid-template-columns: 1fr;
}

.page-node-352 .specialBuehne h1.node__title {
  width: 100% !important;
}

.vier {
  grid-area: vier;
  /*    width: 175%;*/
}


#block-hkh-barrio-cheesburgermenuausloser .block-cheeseburgermenu__trigger-element[aria-expanded="true"] {
  top: .75rem;
}