/*
meyermisginmedia.com
Hamburger Kunsthalle CSS.
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
*/

/*
div{
border:1px solid red;
}
*/
:root {

  --fs-body-verysmall: 1rem !important;
  --fs-body-midsmall: 1.25rem !important;
  --fs-body-small: 1.5rem !important;
  --fs-body: 2rem !important;
  --fs-h1: 9.5rem !important;
  --fs-h1255: 7.5rem !important;
  --fs-mainnav: 6rem !important;
  --fs-h15: 5rem !important;
  --fs-h2: 4rem !important;
  --fs-h3: 3rem !important;
  --fs-h35: 2.5rem !important;
  --fs-h4: 2rem !important;

  /* very big: 40.00px → 60.00px */
  --fs-parapraph-header: clamp(2.50rem, calc(2.07rem + 2.17vw), 3.75rem) !important;

  /* Zitat: 28.00px → 36.00px */
  --fs-zitat: clamp(1.75rem, calc(1.58rem + 0.87vw), 2.25rem) !important;

  /* Main Menu Level 1: 15.00px → 20.00px */
  --fs-mainmenu: clamp(0.94rem, calc(0.83rem + 0.54vw), 1.25rem) !important;


  /*HKH Farben*/
  --clr-hellgrau: #E1E4E5;
  --clr-grau: #808080;
  --clr-weiss: #fff;
  --clr-schwarz: #000;
  --clr-dynradio: rgba(11, 157, 231, .25);

}

@font-face {
  font-family: 'HKH Normal';
  font-style: normal;
  font-display: swap;
  font-weight: 200;
  /* Verhindert unsichtbaren Text während des Ladens */
  src: url("font_cabin/cabin-v35-latin-regular.woff2") format('woff2'),
    /* Super modern & klein */
}


@font-face {
  font-family: 'HKH Bold';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  /* Verhindert unsichtbaren Text während des Ladens */
  src: url("font_cabin/cabin-v35-latin-700.woff2") format('woff2'),
    /* Super modern & klein */
}

.node__content {
  font-size: var(--fs-body);
  line-height: 1.5;
}

#hkhContent {
  line-height: 1.75rem;
}

.highlighted {
  margin-top: 1rem;
}


/*Reset*/

*,
::before,
*::after {
  box-sizing: border-box;
}

img,
svg,
picture,
video {
  max-width: 100%;
  display: block;
}

.field--type-image img,
.field--name-field-user-picture img {
  margin: 0;
}

.node .field--type-image {
  float: none !important;
  margin: 0;
}

strong {
  font-family: 'HKH Bold';
}






/*Edit Form Links*/
.highlighted nav.tabs {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #3b4db3;
  width: 100%;
  border: 0;
  z-index: 20;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  margin-bottom: 0 !important;
  font-family: 'OpenSans';
  z-index: 1000000;
}

.highlighted .nav-tabs {
  margin-bottom: 0 !important;
}

.highlighted nav.tabs a {
  color: #fff !important;
  border-radius: 0;
  font-family: 'HKH Normal';
  font-size: 18px;
  text-transform: none;
}

.highlighted nav.tabs a,
.highlighted nav.tabs li {
  border: 0 !important;
}

.highlighted nav.tabs a:hover,
.highlighted nav.tabs li:hover {
  border: 0 !important;
  background: var(--link);
  text-decoration: underline;
}

.highlighted nav.tabs .active a,
.highlighted nav.tabs .active a:hover {
  color: #2f2d3a !important;
  background: #fff;
}







/*HKH Stuff*/
html {
  font-size: 100% !important;
  scroll-behavior: smooth;
}

body {
  color: #000 !important;
  background: #fff !important;
  font-family: 'HKH Normal';
  font-size: var(--fs-body) !important;
  /*cursor: url('/themes/custom/hkh_barrio/images/hkh_cursor.svg') 50 50, move;*/
  -webkit-font-smoothing: antialiased;
  font-variant-numeric: proportional-nums;
  overflow-x: hidden;
}

#page,
#page .ui-widget {
  font-family: 'HKH Normal' !important;
}

a:hover,
#block-hkh-barrio-cheeseburgermenu a:hover,
.scroller:hover {
  /*cursor: url('/themes/custom/hkh_barrio/images/hkh_cursortextlink.svg') 50 50, move;*/
}

.paragraph--type--kuma-teaser a:hover,
#blockmitdendreihauptlinksfurdiestartseite .bild a,
.paragraph--type--teaser-hero a:hover,
.paragraph--type--teaser-quer a:hover,
.paragraph--type--teaser-card a:hover,
.paragraph--type--teaser-tile a:hover,
.slick a:hover,
.hkhNewsOverview a:hover {
  /*cursor: url('/themes/custom/hkh_barrio/images/hkh_cursorteaser.svg') 50 50, move;*
}

.blazy--colorbox a:hover{
/*cursor: url('/themes/custom/hkh_barrio/images/hkh_cursorzoom.svg') 50 50, move;*/
}

video:hover {
  /*cursor: url('/themes/custom/hkh_barrio/images/hkh_cursorplay.svg') 50 50, move;*/
}

.paragraph--view-mode--video-ohne-steuerelement video:hover {
  /*cursor: url('/themes/custom/hkh_barrio/images/hkh_cursor.svg') 50 50, move;*/
}

.field--name-field-buehne-media *:hover,
.weiss header:hover,
.weiss .node__title:hover {
  /*cursor: auto !important;*/
}

.scroller:hover {
  /*cursor: url('/themes/custom/hkh_barrio/images/hkh_cursortextlink.svg') 50 50, move !important;*/
}

.user-logged-in .paragraph--type--kuma-teaser a:hover,
.user-logged-in #blockmitdendreihauptlinksfurdiestartseite .bild a {
  /*cursor: pointer;*/
}

@media (min-width: 1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1800px !important;
  }
}

@media (min-width: 1280px) {

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

h1,
h2,
h3,
h4,
h5,
h6 {
  /*hyphens: auto;*/
  margin-bottom: 0;
  line-height: 1.1;
  font-family: 'HKH Bold';
}

h1.title,
.page-node-type-hkh_seite h1.node__title {
  text-transform: uppercase;
  font-size: var(--fs-h1) !important;
  font-family: 'HKH Bold';
  line-height: 90%;
  margin: 0 0 4rem -.08em;

  -webkit-hyphens: auto !important;
  -moz-hyphens: auto !important;
  -ms-hyphens: auto !important;
  -o-hyphens: auto !important;
  hyphens: auto !important;

}

.page-node-type-hkh_seite h1.node__title {
  margin-left: -.08em !important;
}



.page-node-type-pressemitteilung .weiss #hkhNewsHeader #nodeTitle h1,
.page-node-type-ausstellung .weiss .hkhAusstellungHeader h1,
.page-node-type-hkh_seite h1.node__title {
  color: var(--clr-weiss) !important;
}

.page-node-type-pressemitteilung .schwarz #hkhNewsHeader #nodeTitle h1,
.page-node-type-ausstellung .schwarz .hkhAusstellungHeader h1,
.page-node-type-hkh_seite .weiss.schwarz h1.node__title,
.page-node-type-hkh_seite .schwarz h1.node__title {
  color: var(--clr-schwarz) !important;
}

.page-node-type-pressemitteilung .titleWeissSchatten #hkhNewsHeader #nodeTitle h1,
.page-node-type-ausstellung .titleWeissSchatten .hkhAusstellungHeader h1,
.page-node-type-hkh_seite .titleWeissSchatten h1.node__title {
  text-shadow: 3px 3px 6px #fff;
}

.page-node-type-pressemitteilung .titleSchwarzGlow #hkhNewsHeader #nodeTitle h1,
.page-node-type-ausstellung .titleSchwarzGlow .hkhAusstellungHeader h1,
.page-node-type-hkh_seite .titleSchwarzGlow h1.node__title {
  text-shadow: 3px 3px 6px #000;
}


/*
{
color: var(--clr-schwarz) !important;
text-shadow: 3px 3px 6px #ffffff;
-webkit-text-fill-color: rgb(0, 0, 0);
-webkit-text-stroke-color: rgb(255, 255, 255);
-webkit-text-stroke-width: 2.00px;
}

*/


h2 {
  font-size: var(--fs-h15) !important;
  /* margin-bottom: 1rem; */
}

h3 {
  font-size: var(--fs-h3) !important;
  /* margin-bottom: 1.5rem; */
}

h4 {
  font-size: var(--fs-h4) !important;
  /* margin-bottom: 1.5rem; */
}

a {
  color: var(--clr-schwarz) !important;
}

.skip-link {
  color: #fff !important;
  transform: translateY(-120%);
  transition: transform 325ms ease-in;
  padding: .5rem 1rem !important;
}

.skip-link:focus {
  transform: translateY(0);
}

.minusMarginLeft {
  margin-left: -4.375rem;
  text-transform: uppercase;
  max-width: 29rem;
}

.kleineHeadline {
  font-size: 1.25rem;
  line-height: 150%;
  border-top: .1875rem solid var(--clr-hkhcolordark);
  transition: all 1s;
  width: 2rem;
  overflow: inherit;
  padding-top: .5rem;
  margin-bottom: 2rem;
}

.dreiSpalterSingle .field--name-field-text {
  margin-top: -1rem;
  width: 28rem;
}

.dreiSpalterSingle .field--name-field-text h2,
.dreiSpalterSingle .field--name-field-text h3,
.dreiSpalterSingle .field--name-field-text h4 {
  margin-bottom: 2.5rem;
  font-size: var(--fs-h15) !important;
  line-height: 90%;
}

/*Header*/

#hkhPageHeader {
  display: grid;
  grid-template-columns: 12fr auto 6.5rem;
  background: var(--clr-hkhcolorlight) !important;
  padding: .125rem 4rem .625rem 0;
  margin-bottom: 2.5rem;
}

#hkhPageHeader p {
  margin: 0;
}

#hkhNaviMainMenu {
  display: none;
}

.region-top-header {
  display: grid !important;
  grid-template-columns: 2fr 8fr 2rem 4rem !important;
  padding-right: 3.75rem;
  width: 100%;
  position: relative;
}

.region-top-header ul {
  justify-content: center;
}

#block-hkh-barrio-offnungszeiten {
  text-align: center;
}

#block-hkh-barrio-offnungszeiten .field--name-field-oeffnungszeiten {
  display: flex;
  margin: 1.125rem 0 0 22rem;
  justify-content: center;
  gap: .25rem;
}

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

#block-hkh-barrio-offnungszeiten .office-hours__item {
  display: flex;
}


#block-hkh-barrio-offnungszeiten .office-hours #officeHoursDot {
  height: 16px;
  width: 16px;
  border: 4px solid;
  border-radius: 8px;
  background: var(--clr-hkhcolordark);
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  margin-right: .5rem;
  /* for IE9+, Firefox 4+, Opera, Chrome */
  border-color: var(--clr-dynradio) !important;
  transition: background 1s;
  margin-top: 1px;
}

#block-hkh-barrio-offnungszeiten a {
  font-size: 1rem;
  line-height: 120%;
  font-family: 'HKH Bold';
  letter-spacing: 0.08rem;
  text-transform: uppercase;
}

#block-hkh-barrio-offnungszeiten p {
  margin-left: 34rem;
}

/*
#block-hkh-barrio-offnungszeiten .office-hours-status--closed .office-hours__item-slots {
display: none;
}
*/
#block-hkh-barrio-offnungszeiten .office-hours-status.office-hours-status--closed {
  font-style: normal;
}

#hkhTop {
  padding: 0;
  display: grid;
  margin-bottom: 11.5rem;
}

.user-logged-in #hkhTop {
  margin-bottom: 3.5rem;
}

.page-node-type-termin #hkhTop,
.page-node-type-kurse #hkhTop {
  margin-bottom: 0;
}

#hkhNavi {
  order: 2;
}

#hkhPageHeader {
  order: 1;
}

#block-hkh-barrio-topnavigation {
  padding-right: 10%;
}

#block-hkh-barrio-topnavigation a {
  text-transform: uppercase;
  font-size: var(--fs-body-small);
  line-height: 120%;
  /* 1.8rem */
  letter-spacing: 0.12rem;
  text-transform: uppercase;
  font-family: 'HKH Bold';
  margin-top: 1rem;
}

#header {
  background: var(--clr-weiss);
  width: 100% !important;
  max-width: 100% !important;
  z-index: 99;
}

#header a {
  color: var(--clr-schwarz) !important;
  text-decoration: none !important;
}

#header a:hover,
#block-hkh-barrio-topnavigation a.is-active {
  text-decoration: underline !important;
  text-underline-offset: .5rem;
  text-decoration-thickness: 3px !important;
  text-decoration-color: var(--clr-hkhcolordark) !important;
  transition: all 1s;
}

.navbar-brand img {
  width: auto;
  height: auto;
  min-width: 15.125rem;
}

#block-topnavigation,
#block-hkh-barrio-sprachumschalter,
#block-useraccountmenu-2 {
  width: auto;
}

#block-hkh-barrio-leichtesprachelink a {
  font-family: 'HKH Bold';
  font-size: 1rem;
  line-height: 170%;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
}

#block-hkh-barrio-leichtesprachelink a:first-child {
  text-indent: -10000px;
  background: url(../images/leichtesprache.svg) no-repeat;
  width: 2.125rem;
  height: auto;
  display: inline-block;
  margin-left: 1.5rem;
}

#block-hkh-barrio-leichtesprachelink a:nth-child(2) {
  text-indent: -10000px;
  background: url(../images/gebaerdensprache.svg) no-repeat;
  width: 1.25rem;
  height: 1.625rem;
  display: inline-block;
  margin-left: 1.5rem;
}

#block-hkh-barrio-sprachumschalter span {
  padding-top: 0;
  padding-right: 0 !important;
}

#block-hkh-barrio-sprachumschalter a {
  font-family: 'HKH Bold';
  font-size: 1rem;
  line-height: 120%;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
}

#block-hkh-barrio-sprachumschalter .language-name {
  display: none;
}

/*
#block-hkh-barrio-sprachumschalter span:first-child:after {
content: '|';
margin: 0 5px;
color: var(--clr-schwarz) !important;
font-size: var(--fs-body-verysmall);
font-family: 'HKH Bold';
}
*/

#block-hkh-barrio-sprachumschalter span:first-child a {
  border-right: 2px solid #000;
  margin-right: .375rem;
  padding-right: .375rem;
}

/*
#block-hkh-barrio-sprachumschalter span a {
color: var(--clr-grau) !important;
}
*/
#hkhPageHeader a:hover {
  text-decoration: none !important;
}

#block-hkh-barrio-sprachumschalter .nav {
  justify-content: flex-end;
  margin-right: .5rem;
}

#block-hkh-barrio-sprachumschalter span.is-active a {
  color: var(--clr-schwarz) !important;
}

#block-hkh-barrio-sprachumschalter a {
  text-decoration: none;
}

#block-hkh-barrio-sprachumschalter .nav {
  --bs-nav-link-padding-y: 0 !important;
  --bs-nav-link-padding-x: 0 !important;
}

#block-hkh-barrio-mobilelupedersucheimheadbereich a,
#burgerIconSuche a {
  display: block;
  text-decoration: none;
  text-indent: -100000px;
  background: url(/themes/custom/hkh_barrio/images/lupe.svg) no-repeat;
  width: 30px;
  height: 30px;
  margin-top: -0.75rem;
}

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

#burgerIconSuche a {
  background: url(/themes/custom/hkh_barrio/images/lupe_schwarz.svg) no-repeat;
}

body:not(.user-logged-in) .weiss #hkhNavi,
body:not(.user-logged-in).page-node-type-pressemitteilung #hkhNavi,
body:not(.user-logged-in).page-node-type-ausstellung #hkhNavi {
  filter: invert(100%);
}

body .weiss .block-cheeseburgermenu-container {
  filter: invert(100%);
}


body.user-logged-in .weiss .block-cheeseburgermenu-container {
  top: 39px;
}

body:not(.user-logged-in) .weiss #header #block-hkh-barrio-topnavigation a:hover,
body:not(.user-logged-in) .weiss #header #block-hkh-barrio-topnavigation a.is-active {
  text-decoration-color: var(--clr-hkhcolordark) !important;
  filter: invert(100%);
  color: #fff !important;
}

body:not(.user-logged-in) .block-cheeseburgermenu__trigger-element {
  background: transparent !important;
}

body:not(.user-logged-in) .weiss header,
body:not(.user-logged-in).page-node-type-pressemitteilung header,
body:not(.user-logged-in).page-node-type-ausstellung header {
  position: absolute;
  width: 100% !important;
  max-width: 100% !important;
  z-index: 99;
  background: transparent !important;
  top: 0;
  background: rgb(0, 0, 0);
}

body:not(.user-logged-in) .weiss #hkhTop,
body:not(.user-logged-in).page-node-type-pressemitteilung #hkhTop,
body:not(.user-logged-in).page-node-type-ausstellung #hkhTop {
  background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

body:not(.user-logged-in) .weiss main#content,
body:not(.user-logged-in).page-node-type-pressemitteilung main#content,
body:not(.user-logged-in).page-node-type-ausstellung main#content {
  position: relative;
  margin-top: 0rem;
}

body:not(.user-logged-in) .weiss #block-hkh-barrio-page-title,
.page-node-type-hkh_seite .weiss h1.node__title {
  position: absolute;
  top: 75vh;
  left: 0;
  z-index: 10;
  color: #fff !important;
  margin-left: -4px;
}

.page-node-type-hkh_seite .weiss h1.node__title {
  top: auto;
  bottom: 7.5rem;
}

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

.field--name-field-buehne-media .hkhAudio {
  margin: 0;
}

.hkhBuehneImage {
  position: relative;
}

.hkhBuehneImage .buehneGradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 36px);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 37.16%), linear-gradient(26deg, rgba(0, 0, 0, 0.10) 18.12%, rgba(0, 0, 0, 0.00) 65.37%);
}

body:not(.user-logged-in) .hidePageTitle #block-hkh-barrio-page-title,
body:not(.user-logged-in) .hidePageTitle .node__title,
body:not(.user-logged-in) .hidePageTitle #nodeTitle {
  display: none;
}

#contentPageWrapper {
  position: relative;
}

.gradiant45deg::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: rgb(0, 0, 0);
  background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.04523816362482491) 50%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.04523816362482491) 50%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.04523816362482491) 50%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

.gradiant0deg::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: rgb(0, 0, 0);
  background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.5998600123643207) 0%, rgba(0, 0, 0, 0.5522409647452731) 10%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.5998600123643207) 0%, rgba(0, 0, 0, 0.5522409647452731) 10%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5998600123643207) 0%, rgba(0, 0, 0, 0.5522409647452731) 10%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}



/* Buttons */

.btn.btn-primary,
.form-type-password .edit-actions .edit-submit,
.bodyTerminContent .field--type-link a {
  background-color: transparent;
  border: 3px solid var(--clr-schwarz);
  color: var(--clr-schwarz);
  border-radius: 50px;
  padding: .75rem 2rem .75rem 2rem;
  text-transform: uppercase;
  font-size: var(--fs-body-small);
  font-family: 'HKH Bold';
}

.btn.btn-primary:hover,
#block-newsletterabo .btn.btn-primary:hover,
.form-type-password .edit-actions .edit-submit:hover,
.bodyTerminContent .field--type-link a:hover {
  color: var(--clr-dynfontcolor) !important;
  background-color: var(--clr-hkhcolordark) !important;
  border-color: var(--clr-hkhcolordark) !important;
  transition: background 1s;
}

.btn.btn-primary:active,
.form-type-password .edit-actions .edit-submit:active {
  border: 3px solid var(--clr-hkhcolordark);
  color: var(--clr-hellgrau);
  transition: border 1s;
}

.btn.btn-secondary {
  background-color: var(--clr-schwarz);
  border: 3px solid var(--clr-weiss);
  color: var(--clr-weiss) !important;
  border-radius: 50px;
  padding: 1rem 2rem .75rem 2rem;
  text-transform: uppercase;
  font-size: var(--fs-body-small);
  font-family: 'HKH Bold';
}

.btn.btn-secondary:hover {
  color: var(--clr-weiss);
  color: var(--clr-dynfontcolor);
  background-color: var(--clr-hkhcolordark) !important;
  border-color: var(--clr-hkhcolordark) !important;
}

.btn.btn-secondary:active {
  background-color: var(--clr-hkhcolordark) !important;
  border: 3px solid var(--clr-hkhcolordark) !important;
  color: var(--clr-hellgrau);
}




/*Responsive Iframes*/
.responsiveContainer {
  position: relative;
  padding-bottom:
    /*56%*/
    40%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer.Rundgang360 {
  padding-bottom: 56% !important;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}





/*Responsive Menu*/
.block-cheeseburgermenu__trigger-element span {
  left: auto;
  right: 0;
  width: 2rem;
  height: 3px;
}

.block-cheeseburgermenu__trigger-element span:nth-of-type(1) {
  top: 8px;
}

.block-cheeseburgermenu__trigger-element span:nth-of-type(2) {
  top: 17px;
}

.block-cheeseburgermenu__trigger-element:active span,
.block-cheeseburgermenu__trigger-element:hover span {
  width: 2rem;
}

.cheeseburger-menu__backdrop--active {
  display: none;
}

.cheeseburger-menu__mainmenu .footer-2__item {
  display: none;
}

.cheeseburger-menu__mainmenu .footer-2__item:first-child,
.cheeseburger-menu__mainmenu .footer-2__item:nth-child(3) {
  display: block;
}

.cheeseburger-menu__main-navigation-area {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 27rem auto 10rem;
  grid-template-areas:
    "eins eins"
    "zwei zwei"
    "drei vier";
}

.cheeseburger-menu__main-navigation-area div:first-child {
  grid-area: eins;
  /* background: #3964af; */
}

.cheeseburger-menu__main-navigation-area div:nth-child(2) {
  grid-area: zwei;
  display: none;
  /* background: #6eb67b; */
}

.cheeseburger-menu__main-navigation-area div:nth-child(3) {
  grid-area: drei;
  /* background: #9f4db8; */
}

.cheeseburger-menu__main-navigation-area div:nth-child(3) ul {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
}

#burgerIconhkhAdresse {
  grid-area: vier;
  /* background: #c4dd37; */
  padding-left: 40%;
  display: none;
}

.cheeseburger-menu__item-label {
  min-height: auto;
}

.cheeseburger-menu__main-navigation-area .cheeseburger-menu__item--is-expanded .cheeseburger-menu__submenu {
  position: absolute;
  left: 50%;
  top: 5rem;
  width: 47%;
}

.cheeseburger-menu__main-navigation-area .cheeseburger-menu__item--is-expanded,
.cheeseburger-menu__item--is-expanded ul {
  background-color: transparent;
}

.cheeseburger-menu__main-navigation-area .cheeseburger-menu__item--is-expanded .cheeseburger-menu__submenu span {
  line-height: 1rem;
}

.cheeseburger-menu__main-navigation-area div:first-child .cheeseburger-menu__submenu span {
  line-height: 2rem;
}

.cheeseburger-menu__main-navigation-area .cheeseburger-menu__submenu a,
.cheeseburger-menu__main-navigation-area .cheeseburger-menu__submenu span {
  font-size: var(--fs-mainmenu);
}

#header #block-hkh-barrio-cheeseburgermenu .cheeseburger-menu__main-navigation-area div:first-child a:hover,
#header #block-hkh-barrio-cheeseburgermenu .cheeseburger-menu__main-navigation-area div:first-child span:hover {
  color: var(--clr-hkhcolordark) !important;
  /*text-decoration: underline;*/
  text-underline-offset: 1rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
  text-decoration-thickness: 0;
}

#header #block-hkh-barrio-cheeseburgermenu .cheeseburger-menu__main-navigation-area div:first-child li ul li a:hover,
#header #block-hkh-barrio-cheeseburgermenu .cheeseburger-menu__main-navigation-area div:first-child li ul li span:hover {
  text-underline-offset: .625rem;
}






#block-hkh-barrio-cheeseburgermenu {
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  top: -34px;
}

.block-cheeseburgermenu-container {
  position: absolute;
}








.cheeseburger-menu__backdrop--active {
  margin-top: 1.75rem;
}

.cheeseburger-menu__side-menu {
  position: static;
  display: flex;
  justify-content: flex-end;
  padding: 2rem 2rem 0 0;
}

.cheeseburger-menu__side-trigger {
  min-height: 35px;
  flex-direction: initial;
  justify-content: initial;
  margin-bottom: 0px;
}

#header #block-hkh-barrio-cheeseburgermenu a,
#header #block-hkh-barrio-cheeseburgermenu a span {
  color: var(--clr-weiss) !important;
  display: block;
}

#header #block-hkh-barrio-cheeseburgermenu .cheeseburger-menu__submenu a,
#header #block-hkh-barrio-cheeseburgermenu .cheeseburger-menu__submenu a span {
  color: var(--clr-weiss) !important;
  font-family: 'HKH Normal';
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 106%;
  letter-spacing: 0.08rem;
}

#header #block-hkh-barrio-cheeseburgermenu a:hover {
  color: var(--clr-hkhcolordark) !important;
}

.cheeseburger-menu__main-navigation-area div:nth-child(2) a {
  font-family: 'HKH Normal';
  font-size: var(--fs-h3);
  line-height: 90%;
  display: block;
  margin-bottom: 1rem;
}

.cheeseburger-menu__main-navigation-area div:nth-child(3) a,
.cheeseburger-menu__main-navigation-area div:nth-child(4) a,
.cheeseburger-menu__main-navigation-area div p {
  font-family: 'HKH Normal';
  font-size: var(--fs-body-small);
  line-height: 130%;
  letter-spacing: 0.03rem;
  padding-left: 0 !important;
  padding-bottom: 0 !important;
}




/*Seb*/
#block-hkh-barrio-cheesburgermenuausloser {
  margin-top: .5rem;
  margin-left: 1rem;
}

#block-hkh-barrio-cheesburgermenuausloser .block-cheeseburgermenu__trigger-element {
  border: 0;
  background: transparent;
}

.body--has-active-cheese #block-hkh-barrio-cheesburgermenuausloser {
  margin-left: 0;
  margin-top: 0;
  text-align: right;
  z-index: 20000;
  position: absolute;
  right: 4.25rem !important;
  top: -1.125rem;
}

.body--has-active-cheese #block-hkh-barrio-mobilelupedersucheimheadbereich {
  display: block;
  z-index: 20000;
  position: absolute;
  top: -1.75rem;
  right: 7.75rem !important;
}

.body--has-active-cheese #block-hkh-barrio-mobilelupedersucheimheadbereich a {
  background: url(/themes/custom/hkh_barrio/images/lupe-weiss.svg) no-repeat;
}

.body--has-active-cheese .weiss #block-hkh-barrio-mobilelupedersucheimheadbereich a {
  background: url(/themes/custom/hkh_barrio/images/lupe.svg) no-repeat;
}

.block-cheeseburgermenu__trigger-element span {
  left: 50%;
}

body:not(.user-logged-in) .block-cheeseburgermenu__trigger-element {
  border: 0;
}

span.cheeseburger-menu__submenu-trigger,
.cheeseburger-menu__side-menu {
  display: none;
}

.cheeseburger-menu__main-navigation-area .cheeseburger-menu__item--is-expanded .cheeseburger-menu__submenu {
  top: 8rem;
  background: #000;
}

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

.dropdown {
  transition: none;
}

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

.block-cheeseburgermenu-container--with-navigation {
  padding-left: 3.5rem;
}

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

.body--has-active-cheese .block-cheeseburgermenu__trigger-element span {
  background: var(--clr-weiss);
}

.body--has-active-cheese .weiss .block-cheeseburgermenu__trigger-element span {
  background: var(--clr-schwarz);
}

.body--has-active-cheese .block-cheeseburgermenu__trigger-element span:first-child {
  rotate: 45deg;
  transform: translate(-1px, 19px) !important;
}

.body--has-active-cheese .block-cheeseburgermenu__trigger-element span:nth-child(2) {
  rotate: 135deg;
  transform: translate(11px, 10px);
}

.body--has-active-cheese .block-cheeseburgermenu__trigger-element span:nth-child(3) {
  rotate: 135deg;
  display: none;
}

.block-cheeseburgermenu-container--is-open {
  z-index: 10001;
}




/*Ticket fixed CTA Button */
#block-hkh-barrio-calltoactionbuttonzumticketsystem {
  position: fixed;
  bottom: 4rem;
  z-index: 10000;
  right: 3rem;
  width: 6.875rem;
  height: 6.875rem;
}

#block-hkh-barrio-calltoactionbuttonzumticketsystem #ticketLinkHKHText {
  text-indent: -100000px;
  display: block;
  height: 0.00001rem;
}

#block-hkh-barrio-calltoactionbuttonzumticketsystem .content,
#block-hkh-barrio-calltoactionbuttonzumticketsystem .content p {
  padding: 0;
  margin: 0;
}

#block-hkh-barrio-calltoactionbuttonzumticketsystem a {
  display: block;
  height: 6.875rem;
  width: 6.875rem;
  border-radius: 50%;
  border: 0;
  color: var(--clr-dynfontcolor) !important;
  font-family: 'HKH Bold';
  font-size: var(--fs-body-verysmall);
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  background: var(--clr-hkhcolordark);
  padding-top: 37%;
  text-align: center;
  transition: transform .3s ease-in-out, background 5s;
  text-decoration: none;
  line-height: 1.5rem;
}

#block-hkh-barrio-calltoactionbuttonzumticketsystem a:hover {
  transform: rotate(30deg) !important;
}



.page-node-type-ausstellung #block-hkh-barrio-calltoactionbuttonzumticketsystem {
  bottom: 2.125rem;
}

.page-node-type-ausstellung #block-hkh-barrio-calltoactionbuttonzumticketsystem a {
  line-height: 130%;
  letter-spacing: 0.03rem;
}


/*FOOTER*/
.site-footer {
  font-family: 'HKH Normal';
}

.region-footer-first {
  margin: 0 auto;
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 5rem 1rem;
  grid-auto-rows: minmax(80px, auto);
  grid-template-areas:
    "eins zwei"
    "drei vier"
    "fuenf sechs"
  ;
}

#block-hkh-barrio-footer1 {
  grid-area: eins;
}

#block-hkh-barrio-footer2 {
  grid-area: zwei;
  margin-top: .6875rem;
}

#block-hkh-barrio-footer3 {
  grid-area: drei;
}

#block-hkh-barrio-footerkontakt {
  grid-area: vier;
}

#block-hkh-barrio-footerkontakt .text-formatted>p+p,
.text-formatted .btn-primary {
  margin-top: 0;
}

#block-hkh-barrio-footer4 {
  grid-area: fuenf;
}

#block-hkh-barrio-footercopyright {
  grid-area: sechs;
}

#block-hkh-barrio-footer4 li {
  margin-right: 3rem;
}

.site-footer,
#block-kontakt .content a {
  background-color: var(--clr-schwarz) !important;
  color: var(--clr-weiss) !important;
}

.site-footer__bottom {
  height: 1px;
  background: #000;
}

.region.region-footer-fifth {
  margin-top: 0;
}

#block-hkh-barrio-footer1 .nav {
  display: block;
}

#block-hkh-barrio-footer2 .nav,
#block-hkh-barrio-footer3 .nav {
  /*  display: grid !important;
grid-template-columns: 1fr 1fr;
gap: 0 1.5rem;
*/
  column-count: 2;
  column-gap: 1.5rem;
  display: block;
}

#block-hkh-barrio-footerkontakt .field--name-body {
  display: grid;
  grid-template-columns: 1fr 1fr;
}


.cheeseburger-menu__main-navigation-area div:first-child a {
  font-size: 3rem;
  font-family: 'HKH Normal';
  line-height: 90%;
  letter-spacing: 0.15rem;
  display: block;
  margin-bottom: 1.1rem;
}

#block-hkh-barrio-footer1 a {
  font-family: 'HKH Normal';
  font-size: var(--fs-h15);
  line-height: 120%;
  letter-spacing: 0.1rem;
}

#block-hkh-barrio-footer2 a {
  font-family: 'HKH Normal';
  font-size: var(--fs-h35);
  line-height: 120%;
  letter-spacing: 0.05rem;
  display: block;
  margin-bottom: 1rem;
}

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

.site-footer .container-fluid {
  padding-right: calc(var(--bs-gutter-x) * .25);
  padding-left: calc(var(--bs-gutter-x) * .25);
}

.site-footer * {
  text-decoration: none;
  color: var(--clr-weiss) !important;
}

.site-footer a:hover {
  color: var(--clr-hkhcolordark) !important;
  text-decoration: underline;
}

.site-footer ul.nav a,
.site-footer p {
  margin-top: 0;
  font-size: var(--fs-body-small);
  line-height: 130%;
  letter-spacing: 0.03rem;
}

.site-footer a {
  padding: 0;
}


.site-footer .block {
  margin: 0;
  border: 0;
}

.site-footer .block {
  margin: 0;
  padding: 0;
}

.site-footer__top .region {
  width: 100%;
}

#block-hkh-barrio-footercopyright p {
  font-size: var(--fs-body-verysmall);
  line-height: 120%;
  letter-spacing: 0.04rem;
  margin-top: .5rem;
}


/*Paragraphs*/

.paragraph--unpublished {
  background-color: transparent;
}


.paragraph--type--container .paragraph--type--headline * {
  text-transform: uppercase;
}

.paragraph--type--container .paragraph--type--headline * {
  margin-left: -.08em;
}

.paragraph--type--headline h1 {
  font-size: var(--fs-h1) !important;
  margin-left: -.08em;
  line-height: 90%;
}

.paragraph--type--headline h2 {
  font-size: var(--fs-h1255) !important;
  margin-left: -.08em;
  line-height: 90%;
}

.paragraph--type--headline h3 {
  font-size: var(--fs-h15) !important;
  margin-left: -.08em;
  line-height: 100%;
}

.paragraph--type--headline h4 {
  font-size: var(--fs-h2) !important;
  margin-left: -.08em;
  line-height: 100%;
}

.schmal {
  margin-left: 31rem !important;
  width: 69rem;
}

.paragraph .farbig {
  background: var(--clr-hkhcolorlight) !important;
}

.paragraph .row {
  padding: 0;
  margin: 0;
}

.zweiSpalter,
.dreiSpalter,
.vierSpalter {
  display: grid;
  gap: 2rem;
  justify-content: space-between;
  margin: 0 4rem;
}

.schmal .zweiSpalter,
.schmal .dreiSpalter,
.schmal .vierSpalter {
  margin: 0;
}

.zweiSpalter {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dreiSpalter {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vierSpalter {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}



.paragraph--type--kuma-buehne img,
.paragraph--type--kuma-buehne video,
#hkhnewsImage img,
.ausstellungHeaderBild img,
.field--name-field-buehne-media img,
.field--name-field-buehne-media video {
  height: 100vh !important;
  width: 100%;
  object-fit: cover !important;
}

/*
.page-node-5477 #videoOverlay{
position: absolute;
  top: 180px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  content: '';
  z-index: 9000;
  background: ;
}
*/




.paragraph--type--kuma-buehne,
.paragraph--type--kuma-buehne .paragraph {
  margin-bottom: 0 !important;
}

.paragraph--type--text {
  padding-top: 0rem;
  /*padding-bottom: 1rem;*/
}

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

.hkhTextMitMarginal .textContent {
  order: 2;
}

.hkhTextMitMarginal .textMarginal {
  order: 1;
  padding: 0 5rem 0 4rem;
}

.hkhTextMitMarginal .textMarginal .paragraph--type--text {
  width: 15.75rem;
  margin-bottom: 2rem;
}

.hkhTextMitMarginal .textMarginal .paragraph--type--text p {
  line-height: 150%;
  font-size: var(--fs-body-midsmall);
}

.hkhTextMitMarginal .textMarginal .field--name-field-media-image {
  margin-bottom: 2rem;
  width: 15.75rem;
}

.contentLink,
.paragraph--type--links .field--type-link a {
  border-top: 3px solid var(--clr-schwarz);
  border-bottom: 3px solid var(--clr-schwarz);
  padding: 1.75rem 0;
  text-decoration: none;
  display: block;
  background: url(../images/arrow-right.svg) right center no-repeat !important;
  background-size: 26px 22px;
}

.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 {
  padding-right: 2rem !important;
  font-family: 'HKH Bold';
  line-height: 120%;
  font-size: var(--fs-body-small);
  background-position: right 1.75rem;
  margin-bottom: -.1875rem;
}

.hkhTextMitMarginal .paragraph--type--links .field__item {
  margin-bottom: -.1875rem;
}

.hkhTextMitMarginal .slick ul li::before {
  content: none;
}

.zweiSpalter .paragraph--type--links .field--name-field-link {
  margin-bottom: -2.1875rem;
}

.zweiSpalter .zweiSpalterSingle:last-child .paragraph--type--links {
  margin-bottom: 2.1875rem;
}

.paragraph--type--text ul {
  list-style: none;
}

.paragraph--type--text ul li::before {
  content: "\2022";
  color: var(--clr-hkhcolordark);
  transition: color 1s;
  display: inline-block;
  width: 1em;
  margin-left: -1em
}

.paragraph--type--kuma-teaser .bild img,
.paragraph--type--kuma-teaser .gradiant0deg:after,
.paragraph--type--kuma-teaser .gradiant45deg:after {
  width: 100%;
  height: auto;
  border-radius: 0.25rem;
}

.paragraph--type--kuma-teaser .headline {
  text-transform: uppercase;
}

.paragraph--view-mode--card .headline h2,
.paragraph--view-mode--card .headline h3,
.paragraph--view-mode--card .headline h4 {
  margin-bottom: 1rem;
  line-height: 100%;
  font-size: var(--fs-h3) !important;
}

.paragraph--view-mode--card .text p {
  font-size: 1.5rem;
  line-height: 130%;
  letter-spacing: 0.03rem;
}

.paragraph--type--kuma-teaser p {
  margin-bottom: 0;
}

.paragraph--type--kuma-teaser .link a {
  text-decoration: underline;
}

.hkh-card .bild {
  margin-bottom: 2rem;
}

.hkh-tile .headline {
  bottom: 3rem;
  padding: 0 1.5rem;
}

.hkh-tile .headline * {
  font-size: var(--fs-h3) !important;
}

.paragraph.hkh-tile {
  margin-bottom: 0;
}

.hkh-tile .headline,
.hkh-tile-special .headline,
.hkh-tile-special .text {
  color: var(--clr-weiss);
}

.hkh-tile-special .headline {
  bottom: 10%;
  text-align: center;
  width: 100%;
  padding: 0 1rem;
}

.hkh-tile-special .headline.weiss {
  color: var(--clr-weiss);
}

.hkh-tile-special .headline.schwarz {
  color: var(--clr-schwarz);
}

.hkh-tile-special .headline.Schwarzer.Schatten {
  text-shadow: 3px 3px 6px #000;
}

.hkh-tile-special .headline.Weisser.Schatten {
  text-shadow: 3px 3px 6px #fff;
}

.hkh-tile-special .headline h2,
.hkh-tile-special .headline h3 {
  text-align: center;
  font-family: 'HKH Bold';
  text-transform: uppercase;
  font-size: var(--fs-h35) !important;
  line-height: 100%;
}

.hkh-tile-special .text {
  top: 2.5rem;
  width: 100%;
  padding: 0 2rem;
  text-align: center;
  font-size: var(--fs-body-verysmall);
  font-family: 'HKH Bold';
  line-height: 130%;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
}

.hkh-square .bild {
  margin-bottom: 2rem;
}

.hkh-square .headline h2,
.hkh-square .headline h3,
.hkh-square .headline h4 {
  margin-bottom: 0;
  font-size: var(--fs-h35) !important;
}

.paragraph--type--zitat {
  margin-left: 21.75rem;
}

.paragraph--type--zitat .zitat {
  width: 77.875rem;
}

.paragraph--type--zitat blockquote {
  margin: 0 0 2rem 0;
  font-family: 'HKH Bold';
  font-size: var(--fs-h2);
  line-height: 110%;
  position: relative;
}

.paragraph--type--zitat blockquote p {
  font-size: var(--fs-h3);
  line-height: 110%;
  margin: 0;
  text-indent: 3rem;
  display: block;
}

.paragraph--type--zitat blockquote span {
  font-size: 5rem;
  line-height: 50%;
  color: var(--clr-hkhcolordark);
  position: absolute;
}

/*.paragraph--type--zitat blockquote p:first-child:before {
content: url(../images/zitat.svg);
width: 3.74581rem;
height: 2.6875rem;
margin-right: .75rem;
}
*/
.paragraph--type--zitat .zitatCaption {
  color: var(--clr-schwarz);
  margin-left: 9.25rem;
  font-size: var(--fs-body-small);
  letter-spacing: .03rem;
}



#dreierTeaserWrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem
}

.paragraph--type--khh-dreierteaser .teaserTextBild {
  position: relative;
}

.paragraph--type--khh-dreierteaser .teaserTextBild .headline {
  position: absolute;
  bottom: 3rem;
  left: 1rem;
  margin-right: 1rem;
}

.paragraph--type--khh-dreierteaser .teaserTextBild .headline * {
  color: var(--clr-weiss);
}

.paragraph--view-mode--horizontal,
.paragraph--view-mode--horizontal-gespiegelt {
  padding: 7.5rem 4rem;
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
}

.farbig .paragraph--view-mode--horizontal,
.farbig .paragraph--view-mode--horizontal-gespiegelt {
  border-top: 00;
  border-bottom: 0;
}

.paragraph--view-mode--horizontal .headline,
.paragraph--view-mode--horizontal-gespiegelt .headline {
  margin-bottom: 1.5rem;
}

.paragraph--view-mode--horizontal .headline h2,
.paragraph--view-mode--horizontal-gespiegelt .headline h2,
.paragraph--view-mode--horizontal .headline h3,
.paragraph--view-mode--horizontal-gespiegelt .headline h3,
.paragraph--view-mode--horizontal .headline h4,
.paragraph--view-mode--horizontal-gespiegelt .headline h4 {
  font-size: var(--fs-h15) !important;
  line-height: 100%;
}

.paragraph--view-mode--horizontal .teaserTextBildHorizontal,
.paragraph--view-mode--horizontal-gespiegelt .teaserTextBildHorizontalGespiegelt {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10rem;
  align-items: center;
}

.paragraph--view-mode--horizontal .teaserTextBildHorizontal img,
.paragraph--view-mode--horizontal-gespiegelt .teaserTextBildHorizontalGespiegelt img {
  width: 100%;
  height: auto;
}

.teaserTextBildHorizontalHero {
  background-color: var(--clr-schwarz);
  position: relative;
  min-height: 69rem;
}

.teaserTextBildHorizontalHero .headline {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 20;
  width: 75%;
}

.teaserTextBildHorizontalHero .headline * {
  color: var(--clr-weiss) !important;
  font-size: var(--fs-h1) !important;
  font-family: 'HKH Bold';
  line-height: 90%;
  text-decoration: none;
  margin-left: -.08em;
}

.teaserTextBildHorizontalHero .bild {
  position: absolute;
  bottom: 3rem;
  right: 10rem;
  width: 42%;
  height: auto;
  z-index: 10;
}

.hkhInfoBox,
.hkhDownload {
  background: var(--clr-hkhcolorlight);
  border-left: .75rem solid var(--clr-hkhcolordark);
  transition: background 1s;
}

.hkhDownload {
  padding: 3rem 4rem !important;
  border-radius: 0.25rem;
  display: grid;
  grid-template-columns: 38.375rem 20.625rem;
  gap: 3rem;
  margin: 0 4rem 0 31rem;
  width: 69rem;
}

.hkhDownload h3,
.hkhDownload .hkhDownloadText,
.hkhInfoBox .khhInfoboxHeadline {
  font-family: 'HKH Bold';
  line-height: 130%;
  /* 1.95rem */
  letter-spacing: 0.03rem;
  font-size: var(--fs-body-small) !important;
  margin-bottom: 2rem;
}

.hkhInfoBox .khhInfoboxBody {
  letter-spacing: .03rem;
  line-height: 130%;
}

.hkhDownload .hkhDownloadText {
  font-family: 'HKH Normal';
  width: 38.375rem;
}

.downloadinfo {
  font-size: var(--fs-body-verysmall);
  letter-spacing: 0.04rem;
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  line-height: 120%;
}

.hkhDownload .btn-primary {
  padding: .75rem 1.5rem;
}

.hkhDownload .hkhDownloadBild .btn-primary {
  font-size: var(--fs-body-small);
  width: 100%;
}

.hkhInfoBox {
  padding: 3rem 4rem !important;
  display: grid;
  grid-template-columns: 11.75rem auto;
  margin: 0 4rem 0 31rem;
  gap: 2rem;
  max-width: 69rem;
}

.hkhInfoBox {
  font-size: var(--fs-body-small);
}



.hkhKontakt {
  padding: 3rem 4rem !important;
  display: grid !important;
  grid-template-columns: 11.75rem 47.25rem;
  gap: 2rem;
  margin: 0 4rem 0 31rem !important;
  background: var(--clr-hkhcolorlight);
  border-left: .75rem solid var(--clr-hkhcolordark);
  border-radius: 0.25rem;
  transition: background 0.7s;
  width: 69rem;
}

:not(.nebeneinander) .hkhKontakt {
  display: block !important;
}

.hkhKontakt .field--type-entity-reference {
  margin: 0;
}

.hkhKontakt .hkhKontaktContent {
  font-size: var(--fs-body-small);
}

.hkhKontakt .position {
  font-family: 'HKH Bold';
  letter-spacing: .03rem;
  line-height: 130%;
}

.hkhKontakt .nodeTitle {
  margin-bottom: 2rem !important;
}

.hkhKontakt .hkhKontaktBody {
  margin-bottom: 2rem;
}

.hkhKontakt .hkhKontaktTelText {
  display: block;
  margin-bottom: 2rem;
}

.hkhKontakt .hkhKontaktTelText a {
  text-decoration: none;
}

.hkhKontakt .hkhKontaktOptions {
  display: grid;
  grid-template-columns: 4.875rem 4.875rem;
  gap: 1rem;
}

.hkhKontakt .hkhKontaktOptions .hkhKontaktMail a {
  background: url(../images/mailicon.svg) no-repeat;
  text-indent: -10000px;
  display: block;
  width: 4.875rem;
  height: 4.875rem;
  background-size: 4.875rem 4.875rem;
}

.hkhKontakt .hkhKontaktOptions .hkhKontaktTel a {
  background: url(../images/telicon.svg) no-repeat;
  text-indent: -10000px;
  display: block;
  width: 4.875rem;
  height: 4.875rem;
  background-size: 4.875rem 4.875rem;
}

.paragraph--type--kuma-bildslider .list-group-item {
  border: 0;
}

.paragraph--type--kuma-bildslider {
  background: #000;
}

.paragraph--type--kuma-bildslider.paragraph--view-mode--zweispalter {
  background: transparent;
}

.paragraph--type--kuma-bildslider .slick-slider.slick-dotted {
  padding-bottom: 0;
}

.media--blazy,
.paragraph--type--bild-mit-text-slider .slick__slide {
  padding: 0 !important;
}

.zweiSpalter .hkhKontakt,
.dreiSpalter .hkhKontakt {
  border-left: 0;
  border-top: .75rem solid var(--clr-hkhcolordark);
  padding: 3rem 4rem !important;
  display: block !important;
}

.zweiSpalter .hkhKontaktBody,
.dreiSpalter .hkhKontaktBody {
  margin-bottom: 2rem;
}

.zweiSpalter .hkhKontakt .hkhKontaktImage,
.dreiSpalter .hkhKontakt .hkhKontaktImage {
  width: 50%;
  padding: 0 0 2rem 0;
}

.zweiSpalter .hkhKontakt.row,
.dreiSpalter .hkhKontakt.row {
  display: block;
}

.zweiSpalter .hkhKontaktContent,
.dreiSpalter .hkhKontaktContent {
  padding: 0 !important;
  width: 100%;
}

.page-node-type-hkh_seite .paragraph--view-mode--slider .field--name-field-media-image {
  margin-bottom: 0;
}

.paragraph--view-mode--slider .slick-dots {
  bottom: 1.375rem;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 70%;
  left: 0;
  right: 0;
}

.paragraph--type--kuma-bildslider .sliderInfo {
  right: 0;
}

.paragraph--view-mode--slider .slick-dots li button .slick-dot-icon,
.aktuelleAusstellungen.view .slick-dots li button .slick-dot-icon,
.kommendeAusstellungen.view .slick-dots li button .slick-dot-icon {
  opacity: 1;
}

.paragraph--view-mode--slider .slick-dots li button .slick-dot-icon::before,
.aktuelleAusstellungen.view .slick-dots li button .slick-dot-icon::before,
.kommendeAusstellungen.view .slick-dots li button .slick-dot-icon::before {
  color: transparent !important;
}

.paragraph--view-mode--slider .slick-dots li button .slick-dot-icon::before,
.aktuelleAusstellungen.view .slick-dots li button .slick-dot-icon::before,
.kommendeAusstellungen.view .slick-dots li button .slick-dot-icon::before {
  font-size: 1rem;
  border: 3px solid #fff;
  border-radius: 50%;
}

.aktuelleAusstellungen.view .slick-dots li.slick-active button .slick-dot-icon::before {
  font-size: 1.625rem !important;
}

.paragraph--view-mode--slider .slick-dots li,
.aktuelleAusstellungen.view .slick-dots li,
.kommendeAusstellungen.view .slick-dots li {
  margin: 0 .5rem;
}

.paragraph--view-mode--slider .slick-dots li.slick-active button .slick-dot-icon::before,
.aktuelleAusstellungen.view .slick-dots li.slick-active button .slick-dot-icon::before {
  color: #fff !important;
  margin-top: 0;
  margin-left: 0;
  font-size: 1.5rem;
  border: 0;
  border-radius: 50%;
}

.paragraph--view-mode--slider .slick-dots li.slick-active,
.aktuelleAusstellungen.view .slick-dots li.slick-active,
.kommendeAusstellungen.view .slick-dots li.slick-active {
  margin-right: .5rem;
}

.paragraph--view-mode--slider .slide-prev,
.paragraph--view-mode--slider .slide-next {
  margin-top: -10px;
}

.aktuelleAusstellungen .slide-prev,
.aktuelleAusstellungen .slide-next {
  top: -1.125rem !important;
}

.slick--view--ausstellungen-block-block-1 {
  padding-left: 9.13rem !important;
}

.kommendeAusstellungen.view .slick-dots li button .slick-dot-icon::before {
  border: 3px solid #000;
  margin-top: 0;
}

.kommendeAusstellungen.view .slick-dots li.slick-active button .slick-dot-icon::before {
  color: #000 !important;
  border: 0;
  font-size: 1.5rem;
}

.paragraph--type--text-bild .teaserBildText {
  display: grid;
  grid-template-columns: 2fr 1fr;
  margin-left: 31rem;
  gap: 2rem;
  align-items: start;
  padding: 0;
  width: 69rem;
  margin-bottom: 4rem;
}

.paragraph--type--text-bild .headline * {
  margin-left: -.08em !important;
}

.paragraph--type--text-bild .teaserBildText.bildRechtsTextLinks {
  grid-template-columns: 1fr 2fr;
}

.paragraph--type--text-bild .teaserBildText.bildRechtsTextLinks .teaserBildTextLeft {
  order: 2;
}

.paragraph--type--text-bild .teaserBildText.bildRechtsTextLinks .teaserBildTextRight {
  order: 1;
}

.paragraph--type--text-bild .teaserBildText .bild {
  margin-top: .75rem;
}

.paragraph--type--text-bild .teaserBildText .bild img {
  margin-bottom: 1.55rem;
}



.a11y-paragraphs-tabs__wrapper .tabs-tab-list {
  margin: 0 4rem 4rem 4rem !important;
}

.a11y-paragraphs-tabs__wrapper a.btn-primary {
  background-color: inherit !important;
}

.a11y-paragraphs-tabs__wrapper a.btn-primary.is-selected {
  background: var(--clr-hkhcolordark) !important;
  transition: background 5s, color 0.3s;
  color: var(--clr-dynfontcolor) !important;
}

.a11y-paragraphs-tabs__wrapper .tabs-tab-list li {
  margin-right: 1rem;
}

.a11y-paragraphs-tabs__wrapper .tabs-trigger.is-selected,
.a11y-paragraphs-tabs__wrapper .tabs-trigger.is-selected:hover,
.a11y-paragraphs-tabs__wrapper .tabs-trigger.is-selected:focus {
  border-bottom: 3px solid #000;
}

.a11y-paragraphs-tabs__wrapper .tabs-allowed .tabs-panel {
  border-top: 0;
}





/*Neue Teaserarten UPGRADE*/
.paragraph {
  margin-bottom: 5rem;
}

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

.teaser2Spalten {
  display: grid;
  gap: 1em;
  grid-template-columns: 1fr 2fr;
}

.field--name-field-container-teaser-3-card {
  display: grid;
  gap: 1em;
  grid-template-columns: 1fr 1fr 1fr;
}

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

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

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

.paragraph--type--container-teaser-2 .zweiSpalter,
.paragraph--type--container-teaser-3 .dreiSpalter {
  margin: 0;
}

.paragraph--type--container-teaser-2 .khhHeadline,
.paragraph--type--container-teaser-3 .khhHeadline,
.paragraph--type--teaser-hero .headline,
.paragraph--type--container-cards .khhHeadline,
.paragraph--type--headline *,
.hkh-tile .headline *,
.paragraph--type--teaser-quer .headline *,
.paragraph .headline * {
  text-transform: uppercase;
  hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
}



.hkh-card .field--type-image img,
.hkh-tile .field--type-image img,
.teaserTextBild img,
.paragraph--view-mode--zweispalter img {
  width: 100%;
  height: auto;
}

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

.paragraph--type--container-teaser-2 .khhHeadline *,
.paragraph--type--teaser-quer .headline * {
  line-height: 90%;
  text-transform: uppercase;
  font-size: var(--fs-h15) !important;
  margin-bottom: 1.5rem;
  width: 29rem;
}

.paragraph--type--teaser-quer .headline * {
  width: auto;
  line-height: 100%;
}

.teaserTextBild a {
  text-decoration: none;
}

.paragraph--type--container-teaser-2 .khhHeadline * {
  margin-left: -.08em;
  hyphens: none;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
}

.paragraph--type--teaser-tile .headline *,
.paragraph--type--teaser-card .headline * {
  font-size: var(--fs-h4) !important;
  text-transform: uppercase;
}

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

.paragraph--type--container-teaser-3 .khhHeadline h2 {
  margin-left: -.08em;
}

.paragraph--type--container-teaser-2 .headline {
  margin-bottom: 1rem;
}

.paragraph--type--container-teaser-2 .field--name-field-text {
  padding-left: 4rem;
  width: 28.625rem;
}

.paragraph--type--container-teaser-2 .teaserTextBild .text {
  font-size: var(--fs-body-small);
  line-height: 130%;
  /* 1.95rem */
  letter-spacing: 0.03rem;
}

.paragraph--type--sponsoren {
  margin-left: 4rem;
  margin-right: 4rem;
}

.hkhSponsoren {
  grid-template-columns: 27rem auto !important;
  max-width: 100rem;
}

.hkhAudio .eyebrow,
.hkhAudio .caption,
.hkhVideo {
  padding: 0 !important;
}

.paragraph--type--text .hkhText {
  display: grid;
  grid-template-columns: 31rem 69rem;
}

.paragraph--type--text .textMarginal {
  width: 31rem;
  padding-left: 4rem;
  padding-top: 1.125rem;
}

.paragraph--type--text .textMarginal .textMarginal {
  width: 0;
}

.paragraph--type--text .textContent {
  width: 69rem;
}

.field--name-field-marginalspalte .paragraph--type--text p,
.field--name-field-text-marginalspalte p {
  line-height: 150%;
  font-size: var(--fs-body-midsmall);
  width: 21.625rem;
  padding-right: 4rem;
}

.field--name-field-marginalspalte .paragraph--view-mode--einzelbild {
  margin: 0 4rem 2rem 4rem;
  width: 15.75rem;
  background: transparent;
}

.field--name-field-marginalspalte .paragraph--type--links {
  margin-bottom: 3.125rem !important;
}

.paragraph--view-mode--einzelbild img {
  width: 100%;
}

.paragraph--view-mode--einzelbild {
  background: transparent;
}

.paragraph--type--links {
  margin: 0 4rem 2rem 4rem;
}

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

.paragraph--type--teaser-quer .teaserTextBild {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10.88rem;
  align-items: center;
  padding: 7.5rem 4rem;
}

.paragraph--type--teaser-quer .teaserTextBild.bildRechtsTextLinks>div:first-child {
  order: 2;
}

.paragraph--type--teaser-quer .teaserTextBild.bildRechtsTextLinks>div:nth-child(2) {
  order: 1;
}

.borderTop {
  border-top: 3px solid #000;
}

.teaserTextBild.borderBottom {
  border-bottom: 3px solid #000;
}

.paragraph--type--teaser-quer .teaserTextBild.als_contentelement_verwenden {
  margin-left: 31rem;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 2rem;
  align-items: start;
  padding: 0;
  width: 69rem;
  margin-bottom: 4rem;
}

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

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

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

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

.paragraph--type--container-cards {
  background: var(--clr-hkhcolorlight);
  padding: 9.5rem 0 5rem 0;
  /*transition:background 0.7;*/
}

.moreLinkBottom {
  display: none !important;
}

.paragraph--type--container-cards .khhHeadline {
  display: flex;
  justify-content: space-between;
  margin-right: 4rem;
}

.paragraph--type--container-cards .moreLink .btn.btn-primary {
  padding: 1.1875rem 2rem 1.1875rem 2rem;
  white-space: nowrap;
}

.paragraph--type--container-cards .khhHeadline h2,
.paragraph--type--container-cards .khhHeadline h3,
.paragraph--type--container-cards .khhHeadline h4 {
  font-size: var(--fs-h1255) !important;
  width: 82.4375rem;
  line-height: 90%;
  letter-spacing: 0.15rem;
  margin-bottom: 5rem;
  margin-left: -.08em;
  margin-top: -.875rem;
}

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

.paragraph--type--container-cards .teaserTextBild img,
.paragraph--type--container-cards .teaserTextBild .gradiant45deg:after {
  border-radius: .25rem;
}

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

.paragraph--type--links {
  margin: 0 4rem 2rem 31rem;
  width: 69rem;
}

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

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

.paragraph--type--kontakt .nebeneinander {
  margin: 0 4rem 0 31rem !important;
  width: 69rem;
}

.nebeneinander .hkhKontakt {
  border-left: 0;
  border-top: .75rem solid var(--clr-hkhcolordark);
  padding: 3rem 4rem !important;
  display: block !important;
  margin: 0 !important;
  width: 33.5rem;
}

.nebeneinander .hkhKontaktBody {
  margin-bottom: 3rem;
}

.nebeneinander .hkhKontaktImage img {
  margin: 0 0 2rem 0;
  width: 11.75rem;
  height: 11.75rem;
}

.nebeneinander .hkhKontakt.row {
  display: block;
}

.nebeneinander .hkhKontaktContent {
  padding: 0 !important;
  width: 100%;
}

.paragraph--type--kontakt .nebeneinander .field--name-field-node {
  display: grid;
  gap: 2rem;
  justify-content: space-between;
  grid-template-columns: 1fr 1fr;
}

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

.paragraph--view-mode--zweispalter .hkhBilder2Spalter .field--name-field-bild {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

.textMarginal .paragraph--type--links {
  margin: 0 0 3rem 0;
  width: 100%;
  padding-right: 4rem;
}

.textMarginal .paragraph--type--links .field--name-field-link {
  display: block;
}

.field--name-field-marginalspalte .paragraph--view-mode--einzelbild {
  margin: 0 4rem 1rem 0 !important;
}

.field--name-field-marginalspalte .paragraph--type--text-marginalspalte {
  margin-bottom: 3rem !important;
}

/*Slick Slider*/

.media--blazy,
.paragraph--type--bild-mit-text-slider .slick__slide {
  padding: 0 23px;
}

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

.slick-slider.slick-dotted {
  padding-bottom: 60px;
  margin-bottom: 0;
}

.slick-dots li button .slick-dot-icon::before {
  color: #000 !important;
}

ul.slick-dots {
  display: none !important;
}

ul.slick-dots li {
  margin-top: 1rem;
}

/*
.paragraph--type--bild-mit-text-slider .slick__slide:first-child {
padding: 0;
}
*/

.slick--skin--boxed .slide__content,
.slick--skin--boxed .slide__content:hover {
  border: 0 !important;
  box-shadow: none;
}

.slick--less .slick-track {
  text-align: left;
}


.slick__slide:first-child .media--blazy {
  padding-left: 0;
}

.slick-dots {
  display: none !important;
}

.slick:hover .slick__arrow {
  width: 100%;
  display: flex;
}

.slick__arrow .slick-prev {
  position: absolute;
  left: 0;
  margin-left: -4rem;
  background: url(/themes/custom/hkh_barrio/images/hkh_cursorteaser.svg) no-repeat;
  width: 110px;
  height: 110px;
  transform: scale(.75) rotate(-180deg);
}

.slick__arrow .slick-next {
  position: absolute;
  right: 0;
  margin-right: -4rem;
  background: url(/themes/custom/hkh_barrio/images/hkh_cursorteaser.svg) no-repeat;
  width: 110px;
  height: 110px;
  transform: scale(.75);
}

.slick__arrow .slick-next:before,
.slick__arrow .slick-prev:before {
  content: none;

}

.slick-arrow {
  background: transparent;
}

.slick-prev {
  left: auto;
  right: 4rem;
}

.slick-next {
  left: auto;
  right: 1.125rem;
}

.slick-prev::before {
  content: ' ';
  display: block;
  width: 25px;
  height: 25px;
  border-top: 3px solid rgba(0, 0, 0, 1);
  border-left: 3px solid rgba(0, 0, 0, 1);
  transform: rotate(-45deg);
  opacity: 1;
}

.slick-next::before {
  content: ' ';
  display: block;
  width: 25px;
  height: 25px;
  border-top: 3px solid rgba(0, 0, 0, 1);
  border-left: 3px solid rgba(0, 0, 0, 1);
  transform: rotate(135deg);
  opacity: 1;
}

.slide__caption {
  display: flex;
  flex-direction: column;
}

.slide__caption .slide__title {
  order: 2;
}

.slide__caption .slide__description {
  order: 1;
}

.slide__caption .slide__title a {
  text-decoration: none;
}

.paragraph--type--bild-mit-text-slider .paragraph--type--kuma-teaser .bild img {
  margin-bottom: 1rem;
}

.slick-dots {
  bottom: 0;
}

.slick-dots li button .slick-dot-icon::before {
  color: #fff;
}

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

.paragraph--type--kuma-bildslider .media--slick {
  padding: 0 !important;
  text-align: center;
}

.paragraph--type--kuma-bildslider .media--slick img {
  margin: 0 auto !important;
  width: 100%;
}

.slick img {
  margin: 0 auto;
}

.slick .bildinfowrapper {
  position: relative;
}

.paragraph--view-mode--slider .field--type-image {
  background: rgba(0 0 0 / 1);
}

.slick .bildinfo summary {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  text-indent: -99999px;
  background: url(/themes/custom/hkh_barrio/images/tooltipIcon.png) no-repeat;
  height: 40px;
  width: 40px;
}

.bildinfo .details-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  background: #000;
  color: #fff;
  padding: 9rem;
}

/*
.paragraph--type--kuma-bildslider .slick__arrow .slick-prev,
.paragraph--type--container-cards .slick__arrow .slick-prev,
.aktuelleAusstellungen .slick__arrow .slick-prev {
display: none !important;
}

.paragraph--type--kuma-bildslider .slick__arrow .slick-next,
.paragraph--type--container-cards .slick__arrow .slick-next,
.aktuelleAusstellungen .slick__arrow .slick-next {
display: none !important;
}
*/
.paragraph--type--container-cards .slick-dots button.slide-next,
.paragraph--type--container-cards .slick-dots button.slide-prev {
  color: #000;
  margin-top: 1px;
}

.paragraph--type--container-cards .slick-dots button.slide-prev {
  margin-right: 6px;
}

.paragraph--type--container-cards .slick-dots li button {
  margin-top: -7px;
}

.paragraph--type--kuma-bildslider .sliderInfoOverlay {
  background: #000;
  color: #fff;
  font-size: var(--fs-body-verysmall);
  line-height: 120%;
  letter-spacing: 0.04rem;
}

.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-body-small) !important;
  font-family: 'HKH Bold';
  line-height: 130%;
  letter-spacing: 0.03rem;
  margin-bottom: 0;
}

#colorbox {
  font-family: 'HKH Normal';
}

#colorbox #cboxTitle span h3+span {
  margin-bottom: 1rem;
  display: block;
}

.paragraph--type--kuma-bildslider .sliderInfoOverlay .field--name-field-titel-des-kunstwerks,
#colorbox #cboxTitle span:first-child p {
  margin-bottom: 5rem;
  line-height: 120%;
  letter-spacing: 0.04rem;
}

.paragraph--type--kuma-bildslider .sliderInfoOverlay .field--name-field-lebensdaten {
  margin-bottom: 1rem;
}

.paragraph--type--kuma-bildslider .sliderInfoOverlay h3,
#colorbox #cboxTitle span span:first-child {
  text-transform: uppercase;
  font-family: 'HKH Bold';
  line-height: 130%;
  letter-spacing: 0.08rem;
  font-size: var(--fs-body-verysmall) !important;
  margin-bottom: .5rem;
  display: block;
}

#colorbox #cboxTitle span span p {
  margin-bottom: 0 !important;
}

#colorbox #cboxTitle span span:first-child {
  margin-top: 2rem;
}

#colorbox #cboxTitle .jahresZahl {
  margin-top: 0 !important;
}




.paragraph--type--kuma-bildslider .sliderInfoOverlay .bildSliderInfo {
  margin-bottom: 2rem;
}

.paragraph--view-mode--masonry {
  margin-left: 3rem;
  width: 98rem;
  background: transparent;
}

.paragraph--view-mode--masonry img {
  border-radius: 4px;
}

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

.paragraph--view-mode--masonry .list-group-item:first-child,
.paragraph--view-mode--masonry .list-group-item:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/*#blazy-paragraph-kuma-bildslider-bild-masonry-colorbox{
height: auto !important;
}*/
.paragraph--view-mode--masonry .b-flex>.grid,
.item-list>.b-flex>.grid {
  padding: 0 2rem 4rem 2rem;
  margin: 0;
}

.paragraph--view-mode--masonry .list-group-item {
  background: transparent;
}

.field--name-field-caption,
.field--name-field-beschreibung {
  font-size: var(--fs-body-midsmall);
  line-height: 150%;
  margin-top: 1.5rem;
}




.video-text-overlay {
  background-color: #fff;
  border: 1px solid #767575;
  border-radius: 0;
  color: #000;
  font-size: 1.2rem;
  margin: 0 auto;
  max-width: 800px;
  padding: 1rem;
  position: relative;
  text-align: center;
  top: 30px;
  width: 80%;
}

.video-text-overlay>button {
  height: auto;
  text-transform: none;
  font-size: 1rem !important;
}

.video-text-overlay>button:hover {
  color: var(--clr-weiss) !important;
}

.hkhAudio .eyebrow,
.hkhAudio .caption,
.hkhVideo {
  padding: 0 1.5rem;
}

.hkhVideo .hkhVideo {
  padding: 0;
}

.hkhVideo .scroller,
.field--type-text-long .field--type-image .scroller {
  display: none;
}

.field--type-text-long .align-left img {
  margin-right: 1.5rem;
  margin-top: .75rem;
}

.field--type-text-long figure.caption figcaption {
  margin-right: 1.5rem;
  margin-top: .5rem;
  line-height: 140%;
}

.field--type-text-long .align-right img {
  margin-left: 1.5rem;
  margin-top: .75rem;
}

.field--type-text-long figure.caption.align-right figcaption {
  margin-left: 1.5rem;
  margin-top: .5rem;
}

.paragraph--view-mode--video-ohne-steuerelement .caption,
.paragraph--view-mode--video-mit-steuerelement .caption,
.paragraph--view-mode--video-mit-wiedergabe-steuerelementen .caption {
  padding: 2rem 0 0 0rem;
  font-size: var(--fs-body-midsmall);
  line-height: 150%;
}

.paragraph--view-mode--video-ohne-steuerelement video,
.paragraph--view-mode--video-mit-steuerelement video {
  width: 100%;
  height: auto;
}

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

.paragraph--type--audio {
  display: grid;
  grid-template-columns: 27rem auto;
  margin-left: 4rem;
  margin-right: 4rem;
}

.hkhAudioBildWrapper {
  width: 27rem;
  margin-bottom: 1.5rem;
}

.paragraph--type--audio .hkhAudioBild {
  width: 15.75rem;
}

.paragraph--type--audio .hkhAudioBild img {
  max-height: 10.3125rem;
  width: auto;
}

.hkhAudio .iru-tiny-player {
  border: 0.2ex solid transparent;
}

.paragraph--type--audio .hkhAudio {
  width: 69rem;
  margin-top: 1rem;
}

.paragraph--type--audio .hkhAudio .hkhAudio {
  margin-top: 0;
}

.hkhAudio .caption {
  font-family: 'HKH Bold';
  line-height: 120%;
}

.hkhAudio .eyebrow {
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  margin-bottom: .5rem;
  font-family: 'HKH Bold';
}

.hkhAudio .iru-tiny-player .icon.fa-play::before,
.hkhAudio .iru-tiny-player .icon.fa-stop::before,
.hkhAudio .iru-tiny-player .icon.fa-pause::before {
  content: none;
}

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

.hkhAudio .iru-tiny-player .icon.fa-stop {
  display: none;
}

.hkhAudio .iru-tiny-player .icon {
  margin-right: 0;
}

.hkhAudio .iru-tiny-player .icon.fa-volume-up,
.hkhAudio .iru-tiny-player .icon.fa-volume-up:before {
  background: url(/themes/custom/hkh_barrio/images/volume.png) no-repeat;
  width: 2rem;
  height: 2rem;
  content: none;
  margin-left: 1rem;
  margin-top: .5rem;
  background-size: 1.5rem 1.5rem;
}

.hkhAudio .iru-tiny-player .icon.fa-times,
.hkhAudio .iru-tiny-player .icon.fa-times:before {
  background: url(/themes/custom/hkh_barrio/images/volume.png) no-repeat;
  width: 2rem;
  height: 2rem;
  content: none;
  margin-left: 1rem;
  margin-top: 1.5rem;
  background-size: 1.5rem 1.5rem;
}

.hkhAudio .iru-tiny-player .song-title {
  text-indent: -10000px;
  height: .5rem;
  background: var(--clr-hellgrau);
  margin: 0 2rem;
}

.hkhAudio .iru-tiny-player .song-progress {
  left: 3rem;
  height: .5rem;
  top: 3rem;
  background-color: var(--clr-hkhcolordark);
}

.hkhAudio .iru-tiny-player .song-progress:after {
  /* background: url(/themes/custom/hkh_barrio/images/hkh-cursor.png) no-repeat; */
  background-color: var(--clr-hkhcolordark);
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  content: ' ';
  display: inline-block;
  right: -14px;
  position: absolute;
  top: -.25rem;
}

.hkhAudio .iru-tiny-player .icon.fa-play {
  content: none;
  background: url(../images/playbutton.svg) no-repeat;
  width: 1.5rem;
  height: 2rem;
}

.hkhAudio .iru-tiny-player .icon.fa-pause {
  content: none;
  background: url(../images/stopbutton.svg) no-repeat;
  width: 1.5rem;
  height: 2rem;
}

.paragraph--type--eintrittspreise {
  border-bottom: 3px solid var(--clr-schwarz);
  margin-bottom: 0;
}

.paragraph--type--eintrittspreise button {
  border: 0;
  background: transparent;
}

.einSpalterSingle:first-child .paragraph--type--eintrittspreise {
  border-top: 3px solid var(--clr-schwarz);
}

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

.paragraph--type--eintrittspreise p {
  margin: 0;
  font-family: 'HKH Bold';
  font-size: var(--fs-h3);
  line-height: 120%;
}

.paragraph--type--eintrittspreise .field--name-field-text {
  padding-left: 4rem;
}

.paragraph--type--eintrittspreise .field--name-field-text-rechts {
  text-align: right;
  padding-right: 4rem;
}

.paragraph--type--eintrittspreise .field--name-field-text-linke-spalte {
  padding-left: 4rem;
}

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

.eintrittLinks {
  width: 50%;
  justify-content: flex-start
}

.eintrittRechts {
  display: flex;
  justify-content: flex-end;
  text-align: right;
  width: 50%;
}

.hkhTooltip img {
  width: 2.25rem;
  height: auto !important;
}

.hkhTooltip img:hover,
.close-button:hover {
  /*cursor: url('/themes/custom/hkh_barrio/images/hkh_cursortextlink.svg') 50 50, move;*/
}

.eintrittRechtsTooltip {
  padding-left: 1rem;
}

.eintrittSubline {
  font-family: 'HKH Normal';
  line-height: 150%;
  padding-left: 49.8125rem;
  display: block;
  width: 99.625rem;
  text-align: right;
  margin-bottom: 1.75rem;
  margin-top: -1.75rem;
}

.paragraph--type--eintrittspreise .hkhTooltip {
  position: relative;
  display: inline-block;
  padding-top: .5rem;
}

.paragraph--type--eintrittspreise .hkhTooltip .hkhTooltipText {
  width: 100vw;
  height: 100vh;
  background-color: #D4D4D4;
  z-index: 1;
  position: fixed !important;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.paragraph--type--eintrittspreise .hkhTooltip .hkhTooltipText .hkhTooltipTextInside {
  text-align: left;
}

.paragraph--type--eintrittspreise .hkhTooltip .hkhTooltipText .hkhTooltipTextInside {
  position: fixed !important;
  width: 69rem;
  height: auto;
  background-color: #fff;
  color: var(--clr-schwarz);
  padding: 5rem 8.88rem;
  box-shadow: 0px 64px 120px 0px rgba(0, 0, 0, 0.12);
  border-radius: 0.25rem;

}

.paragraph--type--eintrittspreise .hkhTooltip .hkhTooltipText p {
  font-family: 'HKH Normal' !important;
  font-size: var(--fs-body);
}

#blockmitdendreihauptlinksfurdiestartseite .bild1,
#blockmitdendreihauptlinksfurdiestartseite .bild2,
#blockmitdendreihauptlinksfurdiestartseite .bild3 {
  top: 1.75rem !important;
  left: 49rem !important;
}

#block-hkh-barrio-unsichtbarertextstartseite,
#block-hkh-barrio-unsichtbarertextfurdenanfangderbesuchenseite {
  display: none;
}

/*Lightbox Overlay*/
#cboxOverlay {
  opacity: 1 !important;
}

#colorbox {
  outline: 0;
  width: 100% !important;
  background: #000;
  left: 0 !important;
  height: 100% !important;
  top: 3rem !important;
  z-index: 200000;
}

#colorbox:hover {
  cursor: pointer !important;
}

#cboxWrapper {
  background: transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: 100% !important;
  font-size: 1rem;
  letter-spacing: 0.08rem;
  height: 100% !important;
}

#cboxTitle {
  /*display: block !important;*/
  background: #000;
  bottom: auto;
  color: #fff;
  top: 0;
  right: 0;
  width: 46.375rem;
  left: auto;
  height: 100%;
  padding: 9.31rem 12.87rem 0 8.87rem;


}

#cboxCurrent {
  position: absolute;
  bottom: 50%;
  left: auto;
  color: #fff;
  float: none !important;
  right: 2.875rem;
  z-index: 99;
}

#cboxPrevious,
#cboxPrevious:hover {
  background: url(../images/klammer-links.svg) no-repeat 0 0;
  left: auto;
  right: 5.4375rem;
  bottom: 10vh;
}

#cboxNext,
#cboxNext:hover {
  background: url(../images/klammer-rechts.svg) no-repeat 0 0;
  right: 2rem;
  left: auto;
  bottom: 10vh;
}

#cboxClose {
  bottom: auto;
  top: 0;
}

#cboxContent {
  background: #000;
  font-size: 1rem;
  width: 100% !important;
  height: 100vh !important;
}

#cboxLoadedContent {
  margin-bottom: 0;
  width: 100% !important;
  height: 100% !important;
}

.cboxPhoto {
  height: 90vh !important;
  width: auto !important;
}

#cboxMiddleLeft,
#cboxMiddleRight,
#cboxTopCenter,
#cboxTopLeft,
#cboxTopRight {
  display: none;
}

#cboxClose,
#cboxClose:hover {
  background: url(../images/cross.svg) no-repeat 0 0;
  width: 1.5rem;
  height: 1.5rem;
  right: 4rem;
}








#block-newsletterabo {
  padding: 7rem 0 5rem 0;
  margin: 0 0 -10rem 0 !important;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background-color: var(--clr-schwarz);
  text-align: center;
  margin-bottom: -3rem;
}

#block-newsletterabo * {
  color: var(--clr-weiss) !important;
  border-color: var(--clr-weiss) !important;
}

#block-newsletterabo h2 {
  font-size: var(--fs-h15);
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}

#block-newsletterabo p {
  width: 75rem;
  margin: 0 auto 3rem auto;
}



/*Marquee Banderole*/

.marquee {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}

.marquee span {
  display: inline-block;
  animation: marquee 15s linear infinite;
}

@keyframes marquee {
  0% {
    transform: translateX(100vw);
  }

  100% {
    transform: translateX(-100%);
  }
}



.paragraph--type--banderole {
  padding-bottom: 5rem;
}

#block-offnungszeitenbanderole {
  margin-bottom: 5rem;
  padding-top: 1rem;
  width: 100%;
  overflow: hidden;
}

#block-offnungszeitenbanderole .office-hours__item {}

#block-offnungszeitenbanderole #officeHoursDot {
  display: none;
}

.kbanderoleBody h3 p,
.marquee span,
#block-offnungszeitenbanderole .openingHours {
  border: 1px solid transparent;
  font-size: var(--fs-h1);
  font-family: 'HKH Bold';
  height: auto;
  margin: 0;
  line-height: 90%;
  text-align: center;
  text-transform: uppercase;
  /* Starting position */
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  /* Apply animation to this element */
  -moz-animation: example1 25s linear infinite;
  -webkit-animation: example1 25s linear infinite;
  animation: example1 25s linear infinite;
}

.kbanderoleBody h3,
#block-offnungszeitenbanderole .office-hours__item {
  position: relative;
}

#block-offnungszeitenbanderole .office-hours__item-label {
  display: none;
}

#block-tagesaktuelleoffnungszeiten h3 p,
#paragraph--type--banderole h3 p,
.kbanderoleBody h3 p,
#block-offnungszeitenbanderole .office-hours {
  font-size: var(--fs-h1) !important;
  line-height: 90%;
}

.kbanderoleBody h3 p {
  white-space: nowrap;
}

/* Move it (define the animation) */
@-moz-keyframes example1 {
  0% {
    -moz-transform: translateX(100%);
  }

  100% {
    -moz-transform: translateX(-100%);
  }
}

@-webkit-keyframes example1 {
  0% {
    -webkit-transform: translateX(100%);
  }

  100% {
    -webkit-transform: translateX(-100%);
  }
}

@keyframes example1 {
  0% {
    -moz-transform: translateX(100%);
    /* Firefox bug fix */
    -webkit-transform: translateX(100%);
    /* Firefox bug fix */
    transform: translateX(100%);
  }

  100% {
    -moz-transform: translateX(-100%);
    /* Firefox bug fix */
    -webkit-transform: translateX(-100%);
    /* Firefox bug fix */
    transform: translateX(-100%);
  }
}





.hkhSponsoren {
  display: grid;
  grid-template-columns: 30rem auto;
}

.hkhSponsoren h4 {
  margin-bottom: 3rem;
  line-height: 150%;
}

/*.hkhSponsorenKooperation img {
margin-bottom: 3rem;
}*/

.hkhSponsorenSponsorenPartner .field--name-field-sponsoren-und-partner,
.hkhSponsorenKooperation .field--name-field-in-kooperation-mit {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 2rem;
}

/*
.hkhSponsoren .logoSmall img {
  height: 36px;
}
*/
.hkhSponsoren .logoSmall {
  margin: 22px 0;
}

/*
	.hkhSponsoren .logoMedium img {
  height: 50px;
}
*/
.hkhSponsoren .logoMedium {
  margin: 15px 0;
}

/*
.hkhSponsoren .logoBig img {
  height: 80px;
}
*/
.paragraph--type--sponsoren .field__item {
  padding: 14px 15px;
  width: 260px;
  height: 166px;
  align-content: center;

}

.paragraph--type--sponsoren .field__item {
  border: 1px solid #b3b3b3;
}

.paragraph--type--sponsoren .field--name-field-text {
  border: 0 !important;
  width: 69rem;
  margin-bottom: 2rem;
  padding: 0;
  height: auto;
  align-content: flex-start;
  margin-top: -.8125rem;
}

.paragraph--type--sponsoren h4 .field__item {
  border: 0;
  width: auto;
  height: auto;
  padding: 0;
}

.paragraph--type--sponsoren .field__item img {
  margin: 0 auto;
}

.map {
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%;
  /* 16:9 Aspect Ratio */
  height: 0;
}

.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*Pressemappe Download*/
.page-node-type-pressemitteilung #pressebilder img {
  width: 100%;
}

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

.page-node-type-pressemitteilung .view-pressebildergallerie .views-field-field-caption,
#pressebilder .views-field-field-nachname,
#pressebilder .views-field-field-titel-des-kunstwerks,
#pressebilder .img-text .field-content {
  font-size: var(--fs-body-midsmall);
  line-height: 150%;
}

#pressebilder .views-field-field-nachname {
  font-family: 'HKH Bold';
  margin-right: .5rem;
}

#pressebilder .img-text {
  line-height: 1;
}

#pressebilder .img-text span {
  font-size: var(--fs-body-midsmall);
  line-height: 150%;
}

.img-text span+span+span {
  margin-left: -.1875rem;
}

#pressebilder .views-field-field-nachname,
#pressebilder .views-field-field-titel-des-kunstwerks {
  display: inline;
}

#consentform {
  padding-left: 35rem;
  width: 100rem;
}




/*Blöcke*/
#block-hkh-barrio-webformular,
#block-hkh-barrio-webformular-2,
#block-hkh-barrio-webformular-3,
#block-hkh-barrio-webformular-4,
#block-hkh-barrio-webformular-5,
#block-hkh-barrio-webformular-6,
#block-hkh-barrio-webformular-7,
#block-hkh-barrio-webformular-8,
#block-hkh-barrio-webformular-9 {
  margin: 0 4rem 0 31rem;
}

#block-offnungszeiten .field--name-field-oeffnungszeiten {
  font-size: var(--fs-h1);
  line-height: 66%;
  text-transform: uppercase;
  font-family: 'HKH Bold';
  margin-left: -.4375rem;
  margin-bottom: -3rem;
}

.openingHours {
  white-space: nowrap;
  height: auto;
}

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

#block-hkh-barrio-offnungszeiten .openingHours,
#block-hkh-barrio-offnungszeiten .openingHoursMobile {
  background: url(../images/arrow_down.svg) no-repeat right 5px;
  padding-right: 1rem;
}

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

.paragraph--type--block-referenz #block-offnungszeiten .openingHours {
  white-space: normal;
  line-height: 90%;
}

.paragraph--type--block-referenz #block-offnungszeiten .openingHours span {
  display: block;
}

.paragraph--type--block-referenz #block-offnungszeiten .field--name-field-oeffnungszeiten .field__item:first-child {
  display: none;
}

#block-offnungszeiten .office-hours__item-label,
#block-hkh-barrio-offnungszeiten .office-hours__item-label {
  display: none;
}

#block-offnungszeiten .office-hours__item-slots,
#block-hkh-barrio-offnungszeiten .office-hours__item-slots {
  vertical-align: inherit;
  line-height: 90%;
}

#block-offnungszeiten .office-hours__item-slots {
  display: block;
}

#block-offnungszeiten .office-hours-status.office-hours-status--closed {
  font-style: normal;
}

.office-hours__item-comments {
  vertical-align: unset;
  line-height: 90%;
  margin-right: .375rem;
}

.office-hours__item-slots {
  line-height: 90%;
  vertical-align: unset;
}

.paragraph--type--block-referenz #block-offnungszeiten {
  margin-bottom: 3rem;
  margin-left: -.08em;
}


#shareOptionsWrapper {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 2.5rem;
}

.page-node-type-termin .social-sharing-buttons,
.page-node-type-kurse .social-sharing-buttons {
  display: none;
}

#shareOptionsWrapper .social-sharing-buttons {
  display: flex;
}

.social-sharing-buttons a,
.social-sharing-buttons__button {
  margin: 0 1rem 0 0;
}

.social-sharing-buttons svg {
  background: var(--clr-hkhcolordark);
  border-radius: 50% !important;
  height: 4rem;
  width: 4rem;
  padding: 0.75rem;
  color: var(--clr-weiss);
  fill: var(--clr-weiss);
}

.social-sharing-buttons a svg:hover {
  background: var(--clr-weiss);
  border-radius: 50% !important;
  border: 3px solid var(--clr-schwarz) !important;
  color: var(--clr-schwarz);
  fill: var(--clr-schwarz);
}





/*Accordion*/
.ckeditor-accordion-container>dl {
  border: 0;
}

.ckeditor-accordion-container {
  border-top: 3px solid var(--clr-schwarz);
}

.ckeditor-accordion-container>dl dt>a,
.ckeditor-accordion-container>dl dt>a:not(.button),
.ui-accordion-header {
  background-color: transparent;
  color: var(--clr-schwarz);
  text-decoration: none;
  border-bottom: 3px solid var(--clr-schwarz) !important;
  font-size: var(--fs-h3);
  padding: 1.75rem 1.75rem 1.75rem 0 !important;
  font-family: 'HKH Bold';
  line-height: 120%;
}

.ckeditor-accordion-container>dl dt>a:hover {
  cursor: none;
}

.ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle {
  left: auto;
  right: 0;
}

.ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle::before,
.ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle::after {
  content: '+' !important;
  transform: rotate(0);
}

.ckeditor-accordion-container>dl dt.active>a>.ckeditor-accordion-toggle::before,
.ckeditor-accordion-container>dl dt.active>a>.ckeditor-accordion-toggle::after {
  content: '-' !important;
  transform: rotate(0);
}

.ckeditor-accordion-container>dl dt.active>a>.ckeditor-accordion-toggle::after,
.ckeditor-accordion-container>dl dt.active>a>.ckeditor-accordion-toggle::before {
  transform: rotate(0) !important;
}

.ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle::after {
  content: none !important;
}

.ckeditor-accordion-container>dl dt>a:hover,
.ckeditor-accordion-container>dl dt>a:not(.button):hover {
  background-color: transparent;
  color: var(--clr-schwarz);
}

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

.ckeditor-accordion-container>dl dd.active {
  border-bottom: 3px solid var(--clr-schwarz);
  /*padding-top: 1rem;*/
}

.ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle::before {
  left: 5px;
  top: -35px;
  font-family: 'HKH Normal';
}

.ckeditor-accordion-container>dl dt.active>a>.ckeditor-accordion-toggle::after {
  display: none;
}

.ckeditor-accordion-container>dl>dt.active>a {
  border-bottom: 0 !important;
}

.ckeditor-accordion-container>dl dd {
  padding: 0;
}

.ckeditor-accordion-container>dl dd ul li p {
  display: contents;
}

/*Tabellen*/
tr {
  background: transparent;
}








/*Frontpage*/
.path-frontpage h1.title {
  display: none;
}





















/*Views*/
.view-header .btn.btn-primary {
  padding: 1.125rem 2rem;
  align-self: start;
  margin-top: 1rem;
}

.view-header {
  hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
}

.view-archiv-hkh .view-header {
  hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  border-bottom: 3px solid var(--clr-schwarz) !important;
  padding-bottom: 6rem;
}

.view-pressearchiv-hkh .view-header h2 {
  margin-left: -.58em;
}

.view-archiv-hkh {
  border-top: 3px solid #000;
}

/*News*/

.hkhNewsList {
  background-color: var(--clr-hkhcolorlight);
  padding: 9.5rem 0 5rem 0;
}

.view-header h2 {
  margin-left: -0.08em;
  text-transform: uppercase;
  font-size: var(--fs-h1255) !important;
  line-height: 90%;
  width: 82.4375rem;
  hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
}

.hkhNewsList .view-content {
  padding-top: 4rem;
}

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

.hkhNewsList ul li {
  padding: 0;
}

.hkhNewsList h3 {
  font-size: var(--fs-h2);
}

.hkhNewsList h3 a {
  text-decoration: none;
  text-transform: none;
  margin: 0;
}

.hkhNewsList .views-field-field-bild img {
  width: 100%;
}

.hkhNewsList .hkhNewsOverviewEyebrow {
  text-transform: uppercase;
  line-height: 130%;
  font-family: 'HKH Bold';
  font-size: var(--fs-body-verysmall) !important;
  margin-bottom: .5rem;
  letter-spacing: 0.08em
}

.hkhNewsList .hkhNewsOverviewTitle h3 {
  text-transform: uppercase;
  font-family: 'HKH Bold';
  line-height: 130%;
  font-size: var(--fs-body-small) !important;
  margin-bottom: .5rem;
}

.hkhNewsList .views-field-field-subheadline,
.hkhNewsList .views-field-field-datum {
  line-height: 150%;
  font-size: 1.25rem !important;
}

.hkhNewsList .view-header {
  display: grid;
  grid-template-columns: 1fr auto;
}

.hkhNewsList .view-footer a {
  display: none;
}

.hkhNewsList .hkhNewsOverviewDate {
  font-size: 1.25rem;
}

.hkhNewsList .slick-slide {
  position: relative;
}

.hkhNewsList .slick-slide img,
.hkhNewsList .slick-slide .gradiant0deg:after {
  border-radius: 0.25rem !important;
}

.hkhNewsList .slick-slide .hkhNewsOverviewText {
  position: absolute;
  bottom: 1.5rem;
  left: 0;
  margin: 0 2rem;
}

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

.hkhNewsList .slick-slide .hkhNewsOverviewText * {
  color: var(--clr-weiss) !important;
}

.slick-dots {
  position: absolute;
  bottom: 0;
}

.slick__arrow .slick-prev,
.slick__arrow .slick-next {
  margin-left: 0rem;
  margin-right: 0;
}

.hkhNewsOverview {
  margin-bottom: 5rem;
}










/*Newas / Artikel*/
#hkhArticleHeader {
  display: grid;
  grid-template-columns: 31rem 69rem;
}

#hkhArticledate .field--name-field-datum {
  font-size: var(--fs-h15);
  font-family: 'HKH Bold';
  margin-left: -.08em;
}

.page-node-type-article h1.title {
  font-size: var(--fs-h15) !important;
  line-height: 100%;
  width: 100rem;

}

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

#hkhArticleImage img {
  width: 100%;
}

/*Pressemitteilungen*/
.hkhNewsOverview ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 3rem 2rem;
  margin: 0 4rem;
}

.hkhNewsOverview ul li {
  padding: 0;
}

.hkhNewsOverview ul h2 {
  font-size: var(--fs-h2);
}

.hkhNewsOverview ul h2 a {
  text-decoration: none;
  text-transform: none;
  margin: 0;
}

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

.hkhNewsOverview ul .views-field-field-bild img {
  width: 100%;
}

.hkhNewsOverview ul .views-field-field-eyebrow-text {
  text-transform: uppercase;
  line-height: 130%;
  font-family: 'HKH Bold';
  font-size: var(--fs-body-verysmall) !important;
}

.hkhNewsOverview ul .views-field-title h2 {
  text-transform: uppercase;
  font-family: 'HKH Bold';
  line-height: 130%;
  font-size: var(--fs-body-small) !important;
}

.hkhNewsOverview ul .views-field-field-subheadline,
.hkhNewsOverview ul .views-field-field-datum {
  line-height: 150%;
  font-size: var(--fs-body-midsmall) !important;
}

.hkhNewsOverviewBlock {
  background-color: var(--clr-hkhcolorlight);
  transition: background 0.7s;
}

.hkhNewsOverviewBlock .view-header {
  display: flex;
  justify-content: space-between;
  padding-right: 4rem;
}

.hkhNewsOverviewBlock .view-header h2 {
  flex: 4;
}

.hkhNewsOverview.hkhNewsOverviewBlock .slick-dots li button .slick-dot-icon::before {
  border: 3px solid #000;
  margin-top: 0;
  color: transparent !important;
  font-size: 1rem;
  border-radius: 50%;
  border-color: #000 !important;
}

.hkhNewsOverview.hkhNewsOverviewBlock .slick-dots li button .slick-dot-icon {
  opacity: 1;
}

.hkhNewsOverview.hkhNewsOverviewBlock .slide-next,
.hkhNewsOverview.hkhNewsOverviewBlock .slide-prev {
  color: #000;
  margin-top: 6px;
}

.hkhNewsOverview.hkhNewsOverviewBlock .slide-prev {
  margin-right: 6px;
}

.hkhNewsOverview.hkhNewsOverviewBlock .slick-dots li.slick-active button .slick-dot-icon::before {
  color: #000 !important;
  border: 0;
  font-size: 1.5rem;
}

.hkhNewsOverview.hkhNewsOverviewBlock .slick-dots {
  position: static;
}



/*.hkhNewsOverviewBlock .view-header .btn.btn-primary{
flex:1;
}
*/
#hkhnewsImage img {
  width: 100%;
}

/*Termin*/


.kalenderBlock.fullKalender .view-content {
  margin-top: -6.5rem;
}

.todayKalender {
  margin-top: 1.44rem;
}

.todayKalender .view-header h2 {
  margin-bottom: 6rem;
}

.toggleFilterBtn {
  display: none;
}

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

.kalenderBlock .views-row:last-child,
.paragraph--type--node-referenz .hkhTermin:last-child {
  border-bottom: 0;
}

.kalenderBlock.hkhPressetermine .views-row:last-child {
  border-bottom: 3px solid var(--clr-schwarz) !important;
}

.kalenderBlock .views-row:first-child,
.paragraph--type--node-referenz .hkhTermin:first-child {
  border-top: 2px solid var(--clr-schwarz);
}

.hkhTerminZeile .datumTag {
  font-size: var(--fs-h1255);
  line-height: 5.75rem;
  font-family: 'HKH Bold';
  margin-bottom: 1.375rem;
  display: block;
}

.kalenderBlock .hkhTerminZeile,
.paragraph--type--node-referenz .hkhTerminZeile {
  display: grid;
  grid-template-columns: 9rem 9rem auto auto 15.75rem;
  gap: 0 1rem;
  grid-auto-rows: minmax(80px, auto);
  grid-template-areas:
    "eins eins drei drei fuenf" "zwei zwei vier vier fuenf"
  ;
  padding: 0 9rem 0 12rem;
  max-width: 130rem;
}

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

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

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

.kalenderBlock .view-header h2 {
  text-transform: uppercase;
  margin-bottom: 10rem;
  font-size: var(--fs-h15) !important;
}

.page-node-type-termin .kalenderBlock,
.page-node-type-kurse .kalenderBlock {
  margin-top: 5rem;
}

.eins {
  grid-area: eins;
}

.zwei {
  grid-area: zwei;
}

.drei {
  grid-area: drei;
}

.vier {
  grid-area: vier;
}

.paragraph--type--node-referenz .hkhTerminZeile {
  padding: 2rem 9rem 2rem 12rem !important;
}

.hkhTerminTitle {
  margin-bottom: 1.5rem;
}

.kalenderBlock .rowGroupTitle {
  font-size: var(--fs-h3);
  font-family: 'HKH Bold';
  line-height: 100%;
  text-transform: uppercase;
  padding: 2.5rem 0 2.5rem 12rem;
  border-bottom: 3px solid #000;
}

.hkhTermin .datumMonat {
  display: none;
}

.paragraph--type--node-referenz .duration,
.paragraph--type--node-referenz .duration * {
  display: inline;
}

.paragraph--type--node-referenz .duration:after {
  content: 'Min.';
}

.paragraph--type--node-referenz .hkhTermin {
  border-bottom: 3px solid var(--clr-schwarz) !important;
}

.kalenderBlock .hkhTerminCategory,
.paragraph--type--node-referenz .hkhTerminCategory {
  font-size: var(--fs-body-verysmall);
  font-family: 'HKH Bold';
  line-height: 130%;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  margin-bottom: .625rem;
}

.kalenderBlock .pager,
.view-hkh-suche .pager,
.hkhNewsOverview .pager {
  margin: 3rem 0 5rem 0;
  padding: 0;
  display: flex;
  justify-content: center;
  list-style: none;
}

.kalenderBlock .pager a,
.view-hkh-suche .pager a,
.hkhNewsOverview .pager a {
  text-decoration: underline;
  text-underline-offset: .5rem;
  text-decoration-thickness: 3px !important;
  text-decoration-color: var(--clr-hkhcolordark) !important;
  font-size: var(--fs-body-small);
  text-transform: uppercase;
  font-family: 'HKH Bold';
  line-height: 110%;
  letter-spacing: 0.06rem;
}

.ausstellungsTermine .view-footer {
  margin: 4rem 0 9.5rem 0;
  text-align: center;
}

.ausstellungsTermine .view-header h2 {
  margin-bottom: 9.38rem !important;
}

.ausstellungsTermine .rowGroupTitle,
.hkhPressetermine .rowGroupTitle,
.todayKalender .rowGroupTitle,
.fuehrungen .rowGroupTitle {
  position: static !important;
  margin-left: -.08em;
  border-bottom: 3px solid #000 !important;
  padding-bottom: 1.5rem !important;
  padding-left: 12.5rem !important;
}

.todayKalender .rowGroupTitle,
.fuehrungen .rowGroupTitle,
.ausstellungsTermine .rowGroupTitle {
  border-bottom: 0 !important;
}

.kalenderBlock .rowGroupTitle:first-child {
  top: 8.75rem !important;
  position: absolute;
  border-bottom: 0;
  padding-top: 0;
}

.kalenderBlock .views-row:nth-child(2) {
  border-top: 3px solid var(--clr-schwarz);
}

.kalenderBlock.relatedKalender .view-header h2 {
  margin-bottom: 11rem;
}

.kalenderBlock.relatedKalender .views-infinite-scroll-content-wrapper {
  position: relative;
}

.kalenderBlock.relatedKalender .rowGroupTitle:first-child {
  position: absolute;
  padding: 0 0 1.75rem 12rem;
  left: 8px;
  width: 100%;
  top: -4.6875rem !important;
}


.kalenderBlock.relatedKalender .views-infinite-scroll-content-wrapper .views-row:nth-child(2) {
  border-top: 3px solid #000;
}

#ui-datepicker-div table tr th {
  display: none;
}

#ui-datepicker-div .ui-state-highlight,
#ui-datepicker-div .ui-widget-content .ui-state-highlight,
#ui-datepicker-div .ui-widget-header .ui-state-highlight {
  border: 1px solid #000;
  background: #fff;
}

.kalenderBlock.fullKalender .views-exposed-form.bef-exposed-form input.form-control {
  border: 0;
  color: #000;
}

.kalenderBlock.fullKalender .js-form-item-field-datum-termin-value input {
  margin-left: 12.5rem;
}

.fullKalender .view-filters .views-exposed-form.bef-exposed-form input.form-checkbox:checked+label {
  background: var(--clr-hkhcolordark);
}

.fullKalender #views-exposed-form-kalender-block-1 {
  margin-right: 0rem;
}

.view-kurslink {
  margin: 0 0 3rem 12.88rem;
}

.page-node-type-termin #viewRelatedTermine .view-kurslink {
  margin: 0 4rem 3rem 12.88rem;
}

.fullKalender .view-filters .d-flex.flex-wrap>details>div.details-wrapper {
  border-bottom: 3px solid #000;
}

.fullKalender .view-filters #edit-field-datum-termin-value-wrapper {
  margin-bottom: 1px !important;
}

/*Datepicker*/
#ui-datepicker-div {
  border: 3px solid #000 !important;
  padding: 14px 0px 7px 26px;
}

#ui-datepicker-div,
#ui-datepicker-div * {

  background: #fff;
}

#ui-datepicker-div * {
  font-size: var(--fs-body-small);
  border: 0 !important;
  font-family: 'HKH Bold';
}

#ui-datepicker-div .ui-datepicker-month,
#ui-datepicker-div .ui-datepicker-year {
  font-size: var(--fs-h3);
}

#ui-datepicker-div .ui-datepicker-today {
  border: 3px solid #000 !important;
  border-radius: 24px !important;
}

#ui-datepicker-div .ui-datepicker td {
  padding: 1px;
}

.ui-widget {
  font-family: 'HKH Normal';
}

#ui-datepicker-div .ui-datepicker td span,
.ui-datepicker td a {
  text-align: left;
}

.litepicker .container__months {
  border-radius: 25px;
}


.litepicker .container__days .day-item {
  border: 3px solid transparent !important;
  border-radius: 23px !important;
  color: #000 !important;
  padding: 0;
  height: 38px;
  width: 38px;
}


.litepicker .day-item.is-today {
  border: 3px solid #000 !important;
  border-radius: 23px !important;
  color: #000 !important;
  padding: 0;
  height: 38px;
  width: 38px;
}

.litepicker .container__days .day-item:hover {
  border-radius: 23px !important;
  color: #000 !important;
  padding: 0;
  height: 38px;
  width: 38px;
  box-shadow: inset 0 0 0 3px var(--clr-hkhcolordark);
}

.litepicker .container__days .day-item.is-start-date,
.litepicker .container__days .day-item.is-end-date {
  color: #fff !important;
}






/*Druckbare Kalenderansichten: aktueller und nächster Monat*/
.path-kalender-aktueller-monat #block-hkh-barrio-content,
.path-kalender-kommender-monat #block-hkh-barrio-content {
  font-size: 1rem;
  line-height: 100%;
}

.path-kalender-aktueller-monat .hkhTerminZeile .datumTag,
.path-kalender-kommender-monat .hkhTerminZeile .datumTag {
  font-size: var(--fs-h3);
  line-height: 2.75rem;
}

.path-kalender-aktueller-monat h3,
.path-kalender-kommender-monat h3 {
  font-size: var(--fs-h5) !important;
}

.path-kalender-aktueller-monat img,
.path-kalender-kommender-monat img {
  display: none;
}

.path-kalender-aktueller-monat .kalenderBlock .hkhTerminZeile,
.path-kalender-aktueller-monat .paragraph--type--node-referenz .hkhTerminZeile,
.path-kalender-kommender-monat .kalenderBlock .hkhTerminZeile,
.path-kalender-kommender-monat .paragraph--type--node-referenz .hkhTerminZeile {
  max-width: 100%;
  grid-auto-rows: auto;
  grid-template-columns: 7rem 2rem auto auto auto;
}

.path-kalender-aktueller-monat .hkhTerminTitle,
.path-kalender-kommender-monat .hkhTerminTitle {
  margin-bottom: 0;
}

.path-kalender-aktueller-monat .hkhTerminZeile .datumTag,
.path-kalender-kommender-monat .hkhTerminZeile .datumTag {
  margin-bottom: 0;
}

.path-kalender-aktueller-monat .kalenderBlock .views-row:nth-child(2),
.path-kalender-kommender-monat .kalenderBlock .views-row:nth-child(2) {
  border-top: 1px solid var(--clr-schwarz);
}

.path-kalender-aktueller-monat .kalenderBlock .views-row,
.path-kalender-aktueller-monat .paragraph--type--node-referenz .hkhTermin,
.path-kalender-kommender-monat .kalenderBlock .views-row,
.path-kalender-kommender-monat .paragraph--type--node-referenz .hkhTermin {
  border-bottom: 1px solid var(--clr-schwarz);
  padding: 1rem 0 1rem 0 !important;
}

.path-kalender-aktueller-monat #hkhPageHeader,
.path-kalender-kommender-monat #hkhPageHeader,
.path-kalender-aktueller-monat #block-hkh-barrio-topnavigation,
.path-kalender-kommender-monat #block-hkh-barrio-topnavigation,
.path-kalender-aktueller-monat #block-hkh-barrio-mobilelupedersucheimheadbereich,
.path-kalender-kommender-monat #block-hkh-barrio-mobilelupedersucheimheadbereich,
.path-kalender-aktueller-monat #block-hkh-barrio-cheesburgermenuausloser,
.path-kalender-kommender-monat #block-hkh-barrio-cheesburgermenuausloser,
.path-kalender-aktueller-monat .site-footer,
.path-kalender-kommender-monat .site-footer {
  display: none;
}

.path-kalender-aktueller-monat #hkhTop,
.path-kalender-kommender-monat #hkhTop {
  margin-bottom: 3rem;
}

.path-kalender-aktueller-monat .kalenderBlock .rowGroupTitle:first-child,
.path-kalender-kommender-monat .kalenderBlock .rowGroupTitle:first-child {
  position: static;
}

.path-kalender-aktueller-monat .kalenderBlock .hkhTerminZeile,
.path-kalender-kommender-monat .kalenderBlock .hkhTerminZeile,
.path-kalender-aktueller-monat .paragraph--type--node-referenz .hkhTerminZeile,
.path-kalender-kommender-monat .paragraph--type--node-referenz .hkhTerminZeile {
  padding: 0 !important;
}

.path-kalender-aktueller-monat .view-content.row,
.path-kalender-kommender-monat .view-content.row {
  margin-left: 0;
}

.path-kalender-aktueller-monat .kalenderBlock.fullKalender .views-row,
.path-kalender-kommender-monat .kalenderBlock.fullKalender .views-row {
  width: 100%;
}

.path-kalender-aktueller-monat .kalenderBlock.fullKalender .view-content,
.path-kalender-kommender-monat .kalenderBlock.fullKalender .view-content {
  margin-top: 0rem;
}

.path-kalender-aktueller-monat .kalenderBlock .rowGroupTitle,
.path-kalender-kommender-monat .kalenderBlock .rowGroupTitle {
  padding: 0rem 0 2.5rem 0rem;
  font-size: 2rem;
}

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

.view-archiv-hkh * {
  border: 0;
}

.view-archiv-hkh h3 {
  font-size: var(--fs-h35) !important;
  line-height: 100%;
  text-transform: uppercase;
  hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  margin-top: .5rem;
}

.view-archiv-hkh .views-field-field-subheadline {
  font-size: 1.25rem;
  line-height: 120%;
  letter-spacing: 0.025rem;
}



.view-archiv-hkh * {
  border: 0;

}

*,
::after,
::before {
  box-sizing: border-box;

}

*,
::before,
::after {
  box-sizing: border-box;

}

*,
::after,
::before {
  box-sizing: border-box;

}

.view-archiv-hkh .views-field-field-datum-range {
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: 0.04rem;
}

.view-archiv-hkh h3.js-views-accordion-group-header.ui-state-active {
  border-bottom: 0 !important;
}

.view-archiv-hkh .ui-accordion-content-active {
  border-bottom: 3px solid var(--clr-schwarz) !important;
}

.view-archiv-hkh a {
  text-decoration: none;
}

.view-archiv-hkh .ui-accordion-content {
  height: auto !important;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2rem;
  grid-auto-rows: minmax(80px, auto);
  padding: 2em 0 5.25rem 0;
}

.view-archiv-hkh .ui-accordion-header-icon {
  display: none;
}

.view-archiv-hkh .ui-accordion-header {
  padding: .5em .5em .5em 0;
  position: relative;
  font-size: 3rem !important;
  line-height: 120%;
}

.view-archiv-hkh .ui-accordion-header:after {
  content: '+' !important;
  transform: rotate(0);
  position: absolute;
  right: 0;
  font-family: 'HKH Normal';
}

.view-archiv-hkh h3.js-views-accordion-group-header.ui-state-active:after {
  content: '-' !important;
  transform: rotate(0);
  position: absolute;
  right: 0;
  font-family: 'HKH Normal';
}

.view-archiv-hkh img {
  width: 100%;
  margin-bottom: 1.5rem;
}

.view-archiv-hkh .views-field-field-subheadline {
  font-size: var(--fs-body-small);
  line-height: 130%;
}

.view-archiv-hkh .views-field-field-datum-range {
  font-size: var(--fs-body-midsmall);
  line-height: 150%;
}

/*Kommende und Aktuelle Ausstellungen Slider*/

.aktuelleAusstellungen {
  background-color: #000;
  padding-top: 12.37rem;
  color: #fff !important;
  position: relative;
  padding-bottom: 12.37rem;
}

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

.aktuelleAusstellungen a {
  color: #fff !important;
  text-decoration: none;
}

.aktuelleAusstellungen .view-header {
  position: absolute;
  top: 35%;
}

.aktuelleAusstellungen .views-field-title {
  position: absolute;
  bottom: 3rem;
  text-shadow: 3px 3px 6px #000000;
}

.aktuelleAusstellungen .slick-slider.slick-dotted {
  padding-bottom: 0;
  margin-bottom: 0;
}

.aktuelleAusstellungen .views-field-title h3 a {
  text-transform: uppercase;
  padding: 0 4.5rem 0 1.5rem;
  display: block;
}

.aktuelleAusstellungen .views-field-title h4 {
  padding: 0 4.5rem 0 1.5rem;
  font-size: var(--fs-body-small) !important;
  font-family: 'HKH Normal';
}

.aktuelleAusstellungen .views-field-field-datum-range {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  font-size: var(--fs-body-verysmall);
  text-transform: uppercase;
  background: var(--clr-hkhcolordark);
  border-radius: 50px;
  padding: .25rem 1em;
}

.aktuelleAusstellungen .slick-dots {
  position: absolute;
  bottom: -11rem;
  padding-right: 9.13rem !important;
}

.aktuelleAusstellungen .slick-dots li button .slick-dot-icon::before {
  color: #fff !important;
}

.slick-initialized .slick__slide {
  margin: 0 4rem;
}

.kommendeAusstellungen {
  margin: 0;
}

.kommendeAusstellungen .views-field-title h3 {
  font-size: var(--fs-h35) !important;
  line-height: 100%;
}

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

.kommendeAusstellungen .view-header * {
  font-size: var(--fs-h15) !important;
}

.kommendeAusstellungen .views-field-title h3 a {
  text-transform: uppercase;
  text-decoration: none;
}

.kommendeAusstellungen .slick-dots {
  position: absolute;
  bottom: 0;
}

.kommendeAusstellungen .slick-dots li button .slick-dot-icon::before {
  color: #000;
}

.kommendeAusstellungen .dateStoerer {
  font-size: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: .5rem;
  line-height: 125%;
}

.kommendeAusstellungen h3 {
  hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
}

.kommendeAusstellungen img,
.aktuelleAusstellungen img,
.hkhNewsOverview img {
  width: 100%;
}

.kommendeAusstellungen .views-field-field-subheadline h4 {
  font-size: var(--fs-body-small) !important;
  font-family: 'HKH Normal';
  line-height: 130%;
  letter-spacing: 0.03rem;
}

.kommendeAusstellungen .slick-initialized .slick__slide {
  margin: 0 2rem 0 0;

}





/*Contenttypes*/

/*Article, Pressemitteilung

.page-node-type-pressemitteilung #pmImgTitle {
position: relative;
}

.page-node-type-pressemitteilung #pmImgTitle #nodeTitle {
position: absolute;
bottom: 0;
left: 1rem;
}
*/


body:not(.user-logged-in) .hkhPM #pmImgTitle {
  position: relative;
}

body:not(.user-logged-in) .hkhPM #nodeTitle {
  position: absolute;
  bottom: 8.5rem;
  left: -.5rem;
  padding-right: 13rem;
}

.hkhPM #nodeTitle h1 {
  color: var(--clr-weiss);
  text-transform: uppercase;
  font-size: var(--fs-h1);
  line-height: 90%;
}

body.user-logged-in .hkhPM #nodeTitle h1 {
  color: var(--clr-schwarz) !important;
}

.page-node-type-pressemitteilung .hkhPMschmal {
  padding-left: 31rem !important;
  width: 100rem;
}

.page-node-type-pressemitteilung #hkhNewsdate {
  font-size: var(--fs-h15);
  font-family: 'HKH Bold';
  margin: 4rem 0 6.5rem -5px;
}

.page-node-type-pressemitteilung .hkhPMHeadlineStatic {
  text-transform: uppercase;
  margin-left: -.08em;
  margin-bottom: 3.56rem;
}

/*Termin Kalenderzeile*/
.hkhTerminTitle a {
  text-decoration: none;
  text-transform: uppercase;
}

/*Ausstellungen*/
#bodyAusstellung {
  margin: 0 0 3rem 31rem;
  width: 69rem;
}

body:not(.user-logged-in).page-node-type-ausstellung #block-hkh-barrio-cheeseburgermenu {
  filter: invert(100%);
}

body:not(.user-logged-in).page-node-type-ausstellung .block-cheeseburgermenu__trigger-element span {
  background: var(--clr-schwarz);
}

body:not(.user-logged-in).page-node-type-ausstellung #block-hkh-barrio-mobilelupedersucheimheadbereich a {
  background: url(/themes/custom/hkh_barrio/images/lupe.svg) no-repeat;
}

body:not(.user-logged-in).page-node-type-ausstellung #block-hkh-barrio-cheeseburgermenu {
  margin-top: -2.4375rem;
}

.hkhAusstellung .datum {
  font-size: var(--fs-h15);
  margin: 3rem 0 13.5rem -.08em;
  font-family: 'HKH Bold';
}

.hkhAusstellung .subTitle h2 {
  font-size: var(--fs-h15) !important;
  font-family: 'HKH Bold';
  line-height: 100% !important;
  margin-bottom: 4rem;
  text-transform: uppercase;
  margin-left: -.08em;
}

.hkhAusstellung .ausstellungHeaderBild img {
  width: 100%;
}

.ausstellungHeaderBild {
  position: relative;
}

.hkhAusstellungHeader #nodeTitle {
  position: absolute;
  bottom: 7.5rem;
  z-index: 9;
}

.hkhAusstellungHeader #nodeTitle h1 {
  margin-left: -.08em;
}

.hkhAusstellungHeader #nodeTitle h1 {
  color: #fff;
  font-size: var(--fs-h1) !important;
  line-height: 90%;
  text-transform: uppercase;
  width: 100.1875rem;
}

#block-hkh-barrio-content {
  font-size: var(--fs-body);
  line-height: 150%;
}

.page-node-type-ausstellung .kalenderBlock {
  margin-top: 9rem;
}


/*Termin*/
.page-node-type-termin h1.title,
.page-node-type-kurse h1.title {
  font-size: var(--fs-h3) !important;
  line-height: 100%;
  /*    width: 51.25rem;*/
  margin: 0 0 2.5rem 0;
}

.page-node-type-termin .subTitle {
  margin-bottom: 3rem;
}

.page-node-type-termin .datum span {
  display: inline-block;
  margin-left: 2rem;
}

.page-node-type-termin .hkhTerminContentTop,
.page-node-type-kurse .hkhTerminContentTop {
  display: grid;
  grid-template-columns: 51.25rem 15.4375rem;
  padding: 10rem 22rem 5rem 12.88rem;
  gap: 10.87rem;
}

.page-node-type-termin .hkhTerminContentLeft,
.page-node-type-kurse .hkhTerminContentLeft {
  width: 51.25rem;
}

.page-node-type-termin .hkhTerminContent .hkhTerminContentTop,
.page-node-type-termin #hkhTop,
.page-node-type-kurse .hkhTerminContent .hkhTerminContentTop,
.page-node-type-kurse #hkhTop {
  background-color: var(--clr-hkhcolorlight);
  transition: background 0.7s;
}

.page-node-type-termin .paragraph--type--container,
.page-node-type-kurse .paragraph--type--container {
  background-color: var(--clr-weiss) !important;
}

.page-node-type-termin .highlighted,
.page-node-type-kurse .highlighted {
  margin: 0;
}

.page-node-type-termin .preisRegulaer,
.page-node-type-kurse .preisRegulaer,
.page-node-type-termin .preisErmaessigt,
.page-node-type-kurse .preisErmaessigt {
  font-size: var(--fs-h3);
  margin: 0 0 2.5rem 0;
  font-family: 'HKH Bold';
}

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

.page-node-type-termin .preisRegulaer span,
.page-node-type-termin .preisErmaessigt span,
.page-node-type-kurse .preisRegulaer span,
.page-node-type-kurse .preisErmaessigt span {
  font-size: var(--fs-body);
  font-family: 'HKH Normal';
}

.page-node-type-termin .kalenderBlock,
.page-node-type-kurse .kalenderBlock {
  margin-top: 8rem;
}

/*
.page-node-type-termin .preisRegulaer:after,
.page-node-type-termin .preisErmaessigt:after {
content: '€';
} */

.page-node-type-termin .preisRegulaer span,
.page-node-type-termin .preisErmaessigt span,
.page-node-type-kurse .preisRegulaer span,
.page-node-type-kurse .preisErmaessigt span {
  font-size: var(--fs-body);
}

.page-node-type-termin .bodyTermin,
.page-node-type-kurse .bodyTermin {
  display: flex;
  margin: 5rem 4rem 0 4rem;
  max-width: 96rem;
  justify-content: space-between;
}

.page-node-type-termin .bodyTerminImage,
.page-node-type-kurse .bodyTerminImage {
  margin-bottom: 2rem !important;
  width: 15.75rem;
  margin-right: 5rem;
}

.page-node-type-termin .bodyTerminImage img,
.page-node-type-kurse .bodyTerminImage img {
  width: 15.75rem;
}

.page-node-type-termin .bodyTerminContent,
.page-node-type-kurse .bodyTerminContent {
  width: 69rem;
}

.bodyTerminContent .field--type-link a {
  display: inline-block;
  margin-bottom: 1rem;
  text-decoration: none;
}

/*
.page-node-type-termin .subTitle {
width: 51.25rem;
}
*/
.page-node-type-termin .social-sharing-buttons,
.page-node-type-kurse .social-sharing-buttons {
  justify-content: left;
}

.page-node-type-termin #block-hkh-barrio-bettersocialsharingbuttons--2,
.page-node-type-kurse #block-hkh-barrio-bettersocialsharingbuttons--2 {
  display: none;
}

.page-node-type-termin .datum,
.page-node-type-termin .hkhTerminPreisHeadline h3,
.page-node-type-kurse .datum,
.page-node-type-kurse .hkhTerminPreisHeadline h3 {
  font-family: 'HKH Bold';
  font-size: var(--fs-body-small) !important;
  margin-bottom: 3rem;
}

.page-node-type-termin .terminSub {
  font-size: var(--fs-body-small) !important;
  display: flex;
  line-height: 100%;
}

.page-node-type-termin .terminSub span {
  display: inline-block;
  margin: 0 .5rem;
}

.page-node-type-termin .datum,
.page-node-type-kurse .datum {
  line-height: 130%;
}

.page-node-type-kurse .bodySummary {
  margin-bottom: 2rem;
}

.page-node-type-termin .hkhTerminPreisHeadline h3,
.page-node-type-kurse .hkhTerminPreisHeadline h3 {
  margin-bottom: 3rem;
  line-height: 130%;
}

.page-node-type-termin .preisTicketlink .btn-primary,
.page-node-type-kurse .preisTicketlink .btn-primary {
  color: var(--clr-weiss) !important;
  background-color: var(--clr-hkhcolordark) !important;
  border-color: var(--clr-hkhcolordark) !important;
}

.page-node-type-termin .treffpunkt p,
.page-node-type-kurse .treffpunkt p,
.treffpunktViews p,
.treffpunktViews p {
  display: inline;
}


.page-node-type-termin .field--name-field-ausstellung-termin a {
  text-decoration: none;
}

.field--type-entity-reference {
  margin: 0;
}

.page-node-type-kurse .anmeldung {
  margin-left: 31rem;
  margin-top: 3rem;
  width: 69rem;
}

.page-node-type-termin .bodyTerminImage .field--name-field-bild .field--name-field-caption,
.page-node-type-kurse .bodyTerminImage .field--name-field-bild .field--name-field-caption {
  display: none;
}



/*Solr Suche*/
.view-hkh-suche {
  display: grid;
}

.view-hkh-suche .form-control::placeholder {
  color: #808080 !important;
}

.view-hkh-suche .form-control {
  color: #000 !important;
}

.view-hkh-suche .form-control {
  padding-left: 0;
}

.view-hkh-suche .view-filters {
  order: 1;
}

.view-hkh-suche .view-header {
  order: 2;
  font-size: var(--fs-body-small);
  font-family: 'HKH Bold';
  line-height: 130%;
  letter-spacing: 0.03rem;
  width: 99.625rem;
  margin: 0 auto 5.44rem auto;
}

.view-hkh-suche .view-content {
  order: 3;
}

.view-hkh-suche .pager {
  order: 4;
}

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

.views-exposed-form.bef-exposed-form input.form-control {
  border: 0;
  border-bottom: 3px solid #000;
  background: transparent;
  border-radius: 0;
  font-size: var(--fs-body-small);
  color: #808080;
  font-family: 'HKH Bold';
  padding: 1rem 0 !important;
}

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

.views-exposed-form.bef-exposed-form label {
  font-size: var(--fs-h3);
  line-height: 120%;
  font-family: 'HKH Bold';
  margin-bottom: 5.44rem;
}

.views-exposed-form.bef-exposed-form .form-submit {
  text-indent: -100000px;
  background: url(/themes/custom/hkh_barrio/images/lupe.svg) no-repeat right top;
  width: 1.875rem;
  height: 2.5625rem;
  border: 0;
  border-bottom: 3px solid #000;
  border-radius: 0;
}

.views-exposed-form.bef-exposed-form .form-submit:hover {
  text-indent: -100000px;
  background: url(/themes/custom/hkh_barrio/images/lupe.svg) no-repeat transparent right top !important;
  border: 0 !important;
  border-bottom: 3px solid #000 !important;
}

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

.view-hkh-suche .view-content {
  width: 99.625rem;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}






.view-filters .views-exposed-form.bef-exposed-form .d-flex.flex-wrap {
  display: grid !important;
  grid-template-columns: 80% 12%;
}

.kalenderBlock .view-filters .views-exposed-form.bef-exposed-form .d-flex.flex-wrap {
  display: flex !important;
  padding-right: 3rem;
}

.kalenderBlock .views-exposed-form.bef-exposed-form .form-submit {
  text-indent: 0;
  background: none;
  width: auto;
  height: auto;
  border: 0;
  position: absolute;
  right: 4rem;
  top: -4.825rem;
}




















.solrSearchResult {
  display: grid;
  grid-template-columns: 24.625rem 70rem;
  gap: 0 5rem;
}

.solrSearchLeft,
.solrSearchRight {
  align-self: center;
}

.solrSearchResult a {
  text-decoration: none;
}

.view-hkh-suche .views-row {
  margin-bottom: 3rem;
}

.solrType {
  font-size: var(--fs-body-verysmall);
  line-height: 130%;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  font-family: 'HKH Bold';
  margin-bottom: .5rem;
}

.solrTitle {
  font-size: var(--fs-body);
  line-height: 120%;
  font-family: 'HKH Bold';
  margin-bottom: 1rem;
}

.solrExcerpt,
.solrDatum {
  font-size: var(--fs-body-small);
  line-height: 130%;
  letter-spacing: 0.03rem;
}

.ui-autocomplete.search-api-autocomplete-search * {
  font-family: 'HKH Normal';
}




/*Einzelne Nodes*/
/*.page-node-4436 .region-top-header{
align-items:flex-start;
border-top:1px solid red;
}
.page-node-4436 #block-hkh-barrio-mobilelupedersucheimheadbereich {
margin-top: 3px;
} 
.page-node-4436 #block-hkh-barrio-mobilelupedersucheimheadbereich p{
margin: 0;
} 
.page-node-4436 #block-hkh-barrio-cheesburgermenuausloser{
margin-top: 0;
display: block;
} 
.page-node-4436 #block-hkh-barrio-mobilelupedersucheimheadbereich a, 
.page-node-4436 #burgerIconSuche a {
margin-top: 0;
}
.page-node-4436 #block-hkh-barrio-mobilelupedersucheimheadbereich *,
.page-node-4436 #block-hkh-barrio-cheesburgermenuausloser *{
margin-bottom: 0 !important;
margin-top: 0 !important;
padding-bottom: 0 !important;
padding-top: 0 !important;
}*/


#block-hkh-barrio-cheesburgermenuausloser .content button {
  display: block;
  top: .75rem;
}

.block-cheeseburgermenu__trigger-element span:nth-of-type(1) {
  top: .3125rem;
}

.block-cheeseburgermenu__trigger-element span:nth-of-type(2) {
  top: 1.0635rem;
}

.block-cheeseburgermenu__trigger-element span:nth-of-type(3) {
  top: 1.75rem;
}







.page-node-353 #hkhNavi,
.page-node-353 #block-hkh-barrio-cheeseburgermenu {
  filter: invert(100%);
}

.specialBuehne h1.node__title {
  top: 22.25rem !important;
  bottom: auto !important;
  width: 68rem !important;
  position: absolute;
}

.page-node-352 .specialBuehne h1.node__title {
  width: 112.5rem !important;
}

.specialBuehne h1.node__title a {
  color: #fff !important;
  text-decoration: none;
}

.specialBuehneBild {
  margin-bottom: -2.1875rem !important;
}

.page-node-374 {
  background-color: var(--clr-hkhcolorlight) !important;
}

.page-node-374 #header {
  background-color: transparent !important;
}

.page-node-353 header {
  position: absolute;
  width: 100% !important;
  max-width: 100% !important;
  z-index: 99;
  background: transparent !important;
  top: 0;
  background: rgb(0, 0, 0);
}

.page-node-352 .field--name-field-buehne-media,
.page-node-353 .field--name-field-buehne-media {
  margin-bottom: -12.25rem;
}





.page-node-353 .highlighted .container-fluid {
  padding-left: 0;
}

.page-node-374 .paragraph--type--text .textMarginal {
  display: none;
}

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

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

/*Suche*/
.page-view-hkh-suche {
  background-color: var(--clr-hkhcolorlight) !important;
}

.page-view-hkh-suche #header {
  background-color: transparent;
}

body:is(.page-node-374) .weiss header {
  position: static !important;
}


.page-node-374 #hkhTop {
  margin-bottom: 3.5rem;
}

.buttonTempStyle {
  display: inline-block;
  margin-left: 1.5rem;
}

/*Einzelne Paragraphs*/
#paragraph-id--1176 {
  margin-bottom: 0;
  padding-bottom: 2.5rem;
  background-color: var(--clr-hkhcolorlight) !important;
  padding-top: 8rem;
}

#paragraph-id--1184,
#paragraph-id--1167 {
  margin-bottom: 0;
}

#paragraph-id--1295 {
  margin-right: 4rem;
}

#paragraph-id--1291 {
  margin-bottom: 6rem;
}


/*Webform*/
.webform-required {
  margin-bottom: 2rem;
}

.webform-submission-form * {
  font-size: var(--fs-body-small);
}

.webform-submission-form .tabledrag-toggle-weight-wrapper,
.webform-submission-form .form-type-number,
.webform-submission-form .form-type-webform-document-file .description,
.webform-submission-form .webform-multiple-table--operations.webform-multiple-table--operations-two {
  display: none;
}

.webform-submission-form .checkboxes--wrapper,
.webform-submission-form .form-type-textfield,
.webform-submission-form .form-type-textarea,
.webform-submission-form .form-type-processed-text,
.webform-submission-form .form-type-select,
.webform-submission-form .form-actions button,
.webform-submission-form .form-type-email,
.webform-submission-form .js-form-type-webform-multiple,
.webform-submission-form .form-type-webform-document-file {
  margin-bottom: 3rem !important;
}

.webform-multiple-table .js-form-type-textfield {
  margin-bottom: 0 !important;
}

.webform-multiple-table tr.odd {
  background: #fff;
}

.webform-submission-form .checkboxes--wrapper label,
.webform-submission-form .form-type-textfield label,
.webform-submission-form .form-type-textarea label,
.webform-submission-form .form-type-processed-text label,
.webform-submission-form .form-type-select label,
.webform-submission-form .form-actions button {
  margin-bottom: .5rem !important;
}

.webform-submission-form .form-type-textfield input,
.webform-submission-form .form-type-textfield select,
.webform-submission-form .form-type-textarea textarea,
.webform-submission-form .form-type-email input,
#user-login-form input,
#hkh-work-paragraph-search-form input#edit-search {
  border-radius: 12.5rem;
  border: 3px solid #D4D4D4;
  padding: 1.75rem 2.5rem 1.38rem 2.5rem;
  font-size: var(--fs-body-small);
  line-height: 130%;
  letter-spacing: 0.03rem;
}

#hkh-work-paragraph-search-form {
  margin-top: 0;
  margin-bottom: 3rem;
}

#hkh-work-paragraph-search-form input#edit-search {
  padding: 1rem 2.5rem 1rem 2.5rem;
  margin-right: 2rem;
  width: 65%;
}

#hkh-work-paragraph-search-form input#edit-submit {
  margin-top: 0;
}

.webform-submission-form .js-webform-radios .js-form-type-radio {
  margin-bottom: 1rem;
}

.webform-submission-form .webform-button--submit {
  margin-top: 2rem;
}

.webform-submission-form .form-check input {
  border: 3px solid #D4D4D4;
}

.webform-submission-form .form-type-textfield input:hover,
.webform-submission-form .form-type-textfield select:hover,
.webform-submission-form .form-type-textarea textarea:hover,
#hkh-work-paragraph-search-form input#edit-search:hover {
  border: 3px solid #000;
}

.webform-submission-form .form-type-textarea textarea {
  min-height: 21rem;
  border-radius: 3.5rem;
  padding: 3rem 5rem;
}

.webform-submission-form .checkboxes--wrapper input {
  height: 1.125rem;
  width: 1.125rem;
  margin-top: 1.125rem;
}







/*Views Filter*/
.view-filters .d-flex.flex-wrap {
  justify-content: flex-end;
  margin-right: 4rem;
}

.view-filters .js-form-item {
  display: block !important;
  margin-left: 1rem;
}

/*Selectboxen (Views Filter)*/

.view-filters .js-form-type-select select {
  /* Reset Select */
  appearance: none;
  outline: 10px red;
  border: 0;
  box-shadow: none;
  /* Personalize */
  flex: 1;
  padding: 1rem 2rem 1rem 2rem;
  border-radius: 51px;
  color: #000;
  background-color: var(--clr-weiss);
  background-image: none;
  border: 3px solid var(--clr-schwarz);
  cursor: pointer;
  text-transform: uppercase;
}

.view-filters .js-form-type-select select:hover {
  color: #fff;
  background-color: var(--clr-hkhcolordark);
  border: 3px solid var(--clr-hkhcolordark);
}

/* Remove IE arrow */
.view-filters .js-form-type-select select::-ms-expand {
  display: none;
}

/* Custom Select wrapper */
.view-filters .js-form-type-select {
  position: relative;
  display: flex;
  height: auto;
  border-radius: .25em;
  overflow: hidden;
}

/* Arrow */
.view-filters .js-form-type-select::after {
  content: '\25BF';
  position: absolute;
  top: 1.5rem;
  right: -.5rem;
  padding: 1em;
  background-color: transparent;
  transition: .25s all ease;
  pointer-events: none;
}

/* Transition */
.view-filters .js-form-type-select:hover::after {
  color: #f39c12;
}


/*RTE*/
.field--name-field-text .caption.caption-drupal-media figcaption {
  font-size: var(--fs-body-midsmall);
  margin-top: 1.5rem;
}










/*Print Stuff*/
@media print {

  .hkhTerminZeile {
    break-inside: avoid;
  }

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

  .kalenderBlock .hkhTerminZeile {
    padding: 0;
  }

  .two-sidebars,
  .sidebar-first,
  .sidebar-second,
  body {
    width: 100% !important;
  }
}














/*Admin Shit*/
footer .contextual a {
  color: #000 !important;
  font-size: var(--fs-hkhbody) !important;
}

footer .contextual a:hover {
  color: #fff !important;
  font-size: var(--fs-hkhbody) !important;
}

#hkhTop .contextual {
  margin-top: 1rem;
}

.tabs a.nav-link {
  color: #000 !important;
  border-color: #000 !important;
  border-radius: var(--bs-nav-tabs-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 1.25rem;
}

.tabs a.nav-link:hover {
  background: #000;
  cursor: pointer;
}

.tabs a.is-active.nav-link:hover {
  background: #000;
}

.tabs a {
  color: #15426F;
  border-color: #15426F !important;
  margin-left: 5px;
}

/* .tabs li:first-child a {
cursor: default;
} */

.tabs a:hover {
  background: #709cd3;
  color: #fff !important;
}

.nav-tabs {
  border-color: #000 !important;
  margin-bottom: 3rem !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background: transparent;
}

.frontend-editing__action {
  opacity: 1;
  border-bottom-right-radius: 0;
  background-size: 15px;
}

#node-preview-form-select {
  position: absolute;
  top: 3.5rem;
}

#node-preview-form-select .js-form-type-select {
  display: none;
}

#node-preview-form-select .node-preview-backlink {
  text-shadow: none !important;
  background: #fff !important;
  padding: 10px 1rem 10px 2rem !important;
  border: 1px solid #000;
}

/*User Login*/
.page-user-login .highlighted,
.page-user-login #main-wrapper,
.path-user .highlighted,
.path-user #main-wrapper {
  width: 50%;
  margin: 0 auto;
}

.page-user-login #main-wrapper {
  margin-bottom: 5rem;
}

/*Anzeige des Modalforms für das Hinzufügen der Paragraohs*/
.ui-dialog {
  top: 0 !important;
}


/*Drupal Cookie Banner*/
.cookiesjsr-banner {
  background-color: #000;
  padding: 4rem;
}

.cookiesjsr-service-group.active .cookiesjsr-service-group--tab,
.cookiesjsr-service-group.active .cookiesjsr-service-group--content {
  background: #000;
}

.cookiesjsr-banner--action {
  display: block;
}

.cookiesjsr-banner--action button,
.cookiesjsr-layer--actions button {
  background-color: var(--clr-schwarz) !important;
  border: 3px solid var(--clr-weiss) !important;
  color: var(--clr-weiss) !important;
  border-radius: 50px;
  padding: .75rem 2rem .75rem 2rem;
  text-transform: uppercase;
  font-size: var(--fs-body-small);
  font-family: 'HKH Bold';
}

.cookiesjsr-btn:hover {
  transform: scale(1);
}

.cookiesjsr-banner--text {
  font-size: var(--fs-body-small);
  line-height: 150%;
}

.cookiesjsr-links.links--row li a {
  font-size: var(--fs-body-small);
}

.cookiesjsr-banner--info {
  overflow-x: hidden;
}

.cookiesjsr-links a {
  color: var(--clr-weiss) !important;
}

.cookiesjsr-banner--info {
  width: 85%;
}

.cookiesjsr-layer {
  width: 70%;
  cursor: auto;
}

.sammlungSuche {
  font-size: var(--fs-body);
  line-height: 150%;
}




/* Start CSS von HLZ:*/
.text-formatted>p+p,
.text-formatted .btn-primary {
  margin-top: 1.5rem;
}

.text-formatted>*+ :where(h2, h3, h4),
.text-formatted .contentLink {
  margin-top: 3rem;
}

.text-formatted>*+div,
.text-formatted>div+* {
  margin-top: var(--spacing-small);
}

.paragraph {
  margin-top: 0;
  margin-bottom: 0;
}

#block-newsletterabo {
  margin: 0 !Important; // Der Negativ-Margin wird wegen des Default-Paragraph-Margins von 0 nicht mehr gebraucht.
}

.paragraph--type--text,
.paragraph--type--kuma-bildslider,
.paragraph--type--video,
.paragraph--type--audio,
.paragraph--type--links,
.paragraph--type--headline,
.paragraph--type--zitat,
.paragraph--type--infobox,
.paragraph--type--download,
.paragraph--type--kontakt,
.paragraph--type--eintrittspreise-box {
  margin-top: var(--spacing-small);
  margin-bottom: var(--spacing-small);
}

.paragraph--type--headline {
  margin-top: var(--spacing-default);
  margin-bottom: var(--spacing-small);
}

.paragraph--type--banderole,
.paragraph--type--container-teaser-2,
.paragraph--type--container-teaser-3,
.paragraph--type--datenbankabfragen .view-kalender,
.paragraph--type--datenbankabfragen .view-ausstellungen,
.paragraph--type--datenbankabfragen .view-archiv-hkh,
.paragraph--type--sponsoren,
#block-offnungszeitenbanderole {
  margin-top: var(--spacing-default);
  margin-bottom: var(--spacing-default);
}

/*Ende CSS von HLZ*/


@media (min-width: 721px) {
  div[data-cheeseburger-id="menu-main"] .cheeseburger-menu__mainmenu>.menu-link:nth-child(n+5)>.cheeseburger-menu__item-label span {
    font-size: 2.25rem !important;
    padding-bottom: 0;
    margin-top: -1rem;
    line-height: 190%;
  }

  div[data-cheeseburger-id="menu-main"] .cheeseburger-menu__mainmenu>.menu-link:nth-child(n+5),
  div[data-cheeseburger-id="menu-footer-3"] .cheeseburger-menu__mainmenu>.menu-link {
    padding-left: 0;
  }

  div[data-cheeseburger-id="menu-main"] .cheeseburger-menu__mainmenu>.menu-link:nth-child(1) ul li:last-child,
  div[data-cheeseburger-id="menu-main"] .cheeseburger-menu__mainmenu>.menu-link:nth-child(1) ul li:last-child a {
    margin-bottom: 0;
  }

  div[data-cheeseburger-id="menu-main"] .cheeseburger-menu__mainmenu>.menu-link:nth-child(4) ul li:last-child {
    margin-bottom: 4rem;
  }

  div[data-cheeseburger-id="menu-main"] .cheeseburger-menu__mainmenu>.menu-link:nth-child(5) ul li:last-child {
    margin-bottom: 5rem;
  }

  div[data-cheeseburger-id="menu-main"] .cheeseburger-menu__mainmenu>.menu-link:nth-child(6) ul li:first-child {
    margin-bottom: 24rem;
  }




  #header #block-hkh-barrio-cheeseburgermenu div[data-cheeseburger-id="menu-main"] .cheeseburger-menu__mainmenu>.menu-link ul li:first-child a span {
    font-family: 'HKH Bold' !important;
  }


}


div[data-cheeseburger-id="menu-main"] .cheeseburger-menu__mainmenu>.menu-link:nth-child(6) ul li:last-child {
  display: none;
}

/*
div[data-cheeseburger-id="menu-footer-3"] {
position: absolute;
top: 0;
left:0;
z-index: 99999999;
}
*/





.page-node-4436 #block-hkh-barrio-footer1 a {
  color: red !important;
}









/*Aktuelle Ausstellungen alternativ als Grid*/
.aktuelleAusstellungenGrid .view-header {
  position: inherit;
  padding-bottom: 2rem;
}

.aktuelleAusstellungenGrid {
  padding-top: 0;
  padding-bottom: 0;
}

.aktuelleAusstellungenGrid .views-field-title {
  position: inherit;
  padding: 4rem 0 5rem 0;
}

.aktuelleAusstellungenGrid .view-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}

.aktuelleAusstellungenGrid .view-content .views-row {
  display: flex;
  align-items: stretch;
  flex-direction: column;
}

.aktuelleAusstellungenGrid .views-field-title h3 a,
.aktuelleAusstellungenGrid .views-field-title h4 {
  padding: 0 4.5rem 0 0;
}

.aktuelleAusstellungenGrid .views-row {
  position: relative;
}

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

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

.aktuelleAusstellungen {
  background-color: var(--clr-hkhcolorlight) !important;
  color: #000 !important;
}

.aktuelleAusstellungenGrid a,
.aktuelleAusstellungen.view .slick-dots li.slick-active button .slick-dot-icon::before,
.aktuelleAusstellungen .slick-dots button.slide-next,
.aktuelleAusstellungen .slick-dots button.slide-prev {
  color: #000 !important;
}

.aktuelleAusstellungen .views-field-title {
  text-shadow: none;
}

.aktuelleAusstellungen.view .slick-dots li button .slick-dot-icon::before {
  border: 3px solid #000;
}

@media (max-width: 1190px) {
  .aktuelleAusstellungenGrid .view-content {
    grid-template-columns: repeat(2, 50%);
    gap: 1rem;
  }
}


@media (max-width: 720px) {
  .aktuelleAusstellungenGrid .view-content {
    display: block;
  }
}

@media (min-width: 1600px) {
  .aktuelleAusstellungenGrid .view-content {
    grid-template-columns: repeat(4, 25%);
    gap: 1rem;
  }
}




@media (min-width: 721px) {
  .mobileTitle {
    display: none;
  }

  .desktopTitle {
    display: block;
  }
}



/* Standard: mobiler Titel ist versteckt */
.mobile-title {
  display: none;
}

/* Unter 720px, wenn mobiler Titel vorhanden ist: Umschalten */
@media (max-width: 719px) {
  .has-mobile-title .desktop-title {
    display: none;
  }

  .has-mobile-title .mobile-title {
    display: block;
  }
}


/*Capion des Videos auf der Startseite versteckt für User*/
.path-frontpage .field--name-field-buehne-media .caption {
  display: none;
}





/*Klaro Integration*/

.klaro,
.klaro .cookie-modal .cm-list-title,
.klaro .context-notice .cm-list-title,
.klaro .cookie-notice .cm-list-title {
  font-size: 1rem !important;
}

.klaro .cookie-modal-notice {
  border-radius: 0;
  max-width: 550px;
}

#klaro-cookie-notice button,
.cm-modal.cm-klaro button:not(.hide) {
  background-color: transparent !important;
  color: #000 !important;
  border: 3px solid var(--clr-schwarz) !important;
  border-radius: 50px !important;
  padding: .75rem 2rem .75rem 2rem !important;
  text-transform: uppercase !important;
  font-size: 1rem !important;
  font-family: 'HKH Bold' !important;
}

#klaro-cookie-notice button:hover,
.cm-modal.cm-klaro button:hover:not(.hide) {
  background-color: var(--clr-hkhcolordark) !important;
}

.klaro .cookie-modal .cm-bg {
  background: rgba(0, 0, 0, .7);
}

.cm-modal.cm-klaro h1,
.klaro.hide-consent-dialog-title h2#id-cookie-title {
  font-size: 1.6rem !important;
  text-transform: none;
  font-family: 'HKH Bold' !important;
}

.klaro .cookie-modal .cm-modal.cm-klaro {
  max-width: 720px;
}

.klaro .cookie-modal .cm-modal .hide {
  top: 16px;
}

.klaro .cm-purposes .cm-purpose:first-child {
  margin-bottom: 2rem;
}

.klaro.hide-consent-dialog-title h2#id-cookie-title {
  position: static !important;
  width: auto;
  height: auto;
  word-wrap: normal;
  color: #000 !important;
  font-family: 'HKH Bold' !important;
}

.klaro.cm-as-context-notice {
  height: 100%;
  padding-bottom: 12px;
  padding-top: 12px;
  background: rgb(211, 211, 211);
  width: 100%;
  font-size: 1.25rem !important;
}

.klaro .context-notice {
  display: block;
  background-color: transparent;
  border: 0;
}

.klaro .context-notice p:first-child {
  font-family: 'HKH Bold';
  font-size: 1.5rem;
}

.cm-buttons .cm-btn {
  background-color: transparent;
  border: 3px solid var(--clr-schwarz);
  color: var(--clr-schwarz);
  border-radius: 50px;
  padding: .75rem 2rem .75rem 2rem;
  text-transform: uppercase;
  font-size: var(--fs-body-small);
  font-family: 'HKH Bold';
}

.klaro {

  & .cookie-modal,
  & .context-notice,
  & .cookie-notice {
    & .cm-list-input.required:checked+.cm-list-label .slider {
      background-color: #000;
    }
  }
}

.klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider,
.klaro .context-notice .cm-list-input.only-required+.cm-list-label .slider,
.klaro .cookie-notice .cm-list-input.only-required+.cm-list-label .slider {
  background-color: #000;
}

.klaro {

  & .cookie-modal,
  & .context-notice,
  & .cookie-notice {
    & .cm-list-input:checked+.cm-list-label .slider {
      background-color: #000;
    }
  }
}

.klaro .cookie-modal .cm-list-label .slider::before,
.klaro .context-notice .cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-label .slider::before {
  background-color: var(--white3, #afafaf);
}

.klaro_toggle_dialog {
  right: 0 !important;
  left: 30px !important;
}