/*
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-weight: 100;
src: url("Fonts/13684615-5a8c-43fa-a39d-58e14ca940b0.woff2") format("woff2");
/*src: url("Fonts/9b9a3c99-e3f9-44da-903d-3ffd358948a5.woff2") format("woff2");*/
}

@font-face {
font-family: 'HKH Bold';
font-style: normal;
font-weight: 300;
src: url("Fonts/f33217b8-d568-4381-b8eb-18920903207b.woff2") format("woff2");
}

@font-face {
font-family: 'HKH Bold';
font-style: normal;
font-weight: 600;
src: url("Fonts/f33217b8-d568-4381-b8eb-18920903207b.woff2") format("woff2");
}

.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';
}


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

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

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

.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;
}
.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 .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 {
margin-top: 1rem;
position: absolute;
top: 212px;
z-index: 1999999999;
}

.page-node-353 .highlighted .tabs a.nav-link {
color: #000 !important;
background: #fff;
border-color: #fff !important;
}

.page-node-353 .highlighted .tabs a.nav-link:hover {
color: #fff !important;
background: #000;
}

.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;
}