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