.invisible{
visibility:hidden;
height:0;
overflow:hidden;
}
.view-pressebildergallerie .views-row.active{
}
#consentform{
max-height:0;
overflow:hidden;
transition:1s ease-in;
}
#consentform.active{
max-height:2800px;
transition:1s ease-out;
}
.form-item-download-images{
display:none;
}
.field--name-field-webform-zum-download.field--label-above .field__label{
display:none;
}
.views-field-mid{
position:absolute;
bottom: 0.5rem;
right:1rem;
}
.pbox{
position:absolute;
z-index:-2;
}
.views-field-mid .pbox + label{
width:2rem;
overflow:hidden;
height:2rem;
border:3px solid #fff;
text-indent:3rem;
transition:0.3s ease-in;
border-radius: 30px;
}
.view-pressebildergallerie .views-row:hover .views-field-mid .pbox + label{
width:2.5rem;
height:2.5rem;
}
.view-pressebildergallerie{
  overflow-x: hidden;
}
.page-node-type-pressemitteilung .view-pressebildergallerie .masonry-item.views-row
{
  padding:1.5%;
  width:32%;
}
.view-pressebildergallerie > div{
  padding-left:3.25%;
}
.view-pressebildergallerie .views-row.active .views-field-mid .pbox + label{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolyline points='1 6.5 4 9.5 11 2.5' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
background-size: 1.7rem;
background-repeat: no-repeat;
}
.view-pressebildergallerie .views-row.active:hover .views-field-mid .pbox + label{
background-size: 2rem;
}
.view-pressebildergallerie .masonry-item.views-row{
overflow:hidden;
}
.img-pbox-wrapper{
  position:relative;
}
.view-pressebildergallerie .masonry-item.views-row.media-document{
  min-height:30rem;
  background-color:var(--clr-hkhcolorlight)!important;
  animation:5000000s infinite bgcolorchange;
  -webkit-animation: bgcolorchange 5000000s infinite;
  background-image:url('../images/presse-zip.png');
  background-repeat:no-repeat;
  background-size:cover;
  background-position-y:-3rem;
  width:29%;
  margin:1.5%;
}
.view-pressebildergallerie .masonry-item.views-row.media-document .img-pbox-wrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.view-pressebildergallerie .masonry-item.views-row.media-document .views-field-mid .pbox + label {
    border: 3px solid #000;
}
.view-pressebildergallerie .masonry-item.views-row.media-document.active .views-field-mid .pbox + label {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolyline points='1 6.5 4 9.5 11 2.5' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}
.view-pressebildergallerie .masonry-item.views-row.media-document .views-field.views-field-fieldset-1{
  position:absolute;
  bottom:1rem;
  width:80%;
}
.view-pressebildergallerie .masonry-item.views-row.media-document .views-field.views-field-fieldset-1 .invisible{
  display:inline;
  visibility:visible!important;
  height:auto;
}
.block-cheeseburgermenu__trigger-element,
#block-hkh-barrio-mobilelupedersucheimheadbereich
{
position:relative;
z-index:1000;
}

.cheeseburger-menu__main-navigation-area .cheeseburger-menu__submenu {
position: absolute;
left: 50%;
top: 5rem;
overflow-y:hidden;
}






/*Hamburger*/
#hamburgermenu{
position:fixed;
background:rgba( 0, 0, 0, 0.8);
width:100vw;
top:0;
z-index:1000;
height:100vh;
overflow-y:auto;
padding-bottom:3rem;
}
#hamburgermenu ul li a {
color:#fff;
}
.gin--horizontal-toolbar #hamburgermenu{
top:53px;
}

.region-expandable-nav {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto 10rem 10rem;
grid-template-areas:
"eins eins"
"zwei zwei"
"drei vier";
}

.region-expandable-nav #block-hkh-barrio-mainnavigation {
grid-area: eins;
/* background: #3964af; */
}

.region-expandable-nav #block-hkh-barrio-footer2-2 {
grid-area: zwei;
/* background: #6eb67b; */
}

.region-expandable-nav #block-hkh-barrio-footer3-2 {
grid-area: drei;
/* background: #9f4db8; */
}

.region-expandable-nav #block-hkh-barrio-footer3-2 ul.nav {
display: grid !important;
grid-template-columns: 1fr 2fr;
}




#hamburgermenu .nav.navbar-nav > li a{
font-size: 7.5rem;
font-family: var(--ff-normal);
line-height: 90%;
letter-spacing: 0.15rem;
display: block;
margin-bottom: 1.5rem;
color: var(--clr-weiss)!important;
}
#hamburgermenu .nav.navbar-nav li a:hover{
color: var(--clr-hkhcolordark)!important;
color:green!important;
text-decoration: underline;
text-underline-offset: 0.625rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
text-decoration-thickness: 0;
}
#hamburgermenu .nav.navbar-nav > li > ul{
display:none;
}
/*Doorsliderv*/
#blockmitdendreihauptlinksfurdiestartseite .hide,
#blockmitdendreihauptlinksfurdiestartseite .bild1,
#blockmitdendreihauptlinksfurdiestartseite .bild2,
#blockmitdendreihauptlinksfurdiestartseite .bild3,
#blockmitdendreihauptlinksfurdiestartseite .bild4,
#blockmitdendreihauptlinksfurdiestartseite .claim1,
#blockmitdendreihauptlinksfurdiestartseite .claim2,
#blockmitdendreihauptlinksfurdiestartseite .claim3 {
display: none;
}

#blockmitdendreihauptlinksfurdiestartseite .link1:hover+.bild1,
#blockmitdendreihauptlinksfurdiestartseite .link2:hover+.bild2,
#blockmitdendreihauptlinksfurdiestartseite .link3:hover+.bild3,
#blockmitdendreihauptlinksfurdiestartseite .link1:hover+.claim1,
#blockmitdendreihauptlinksfurdiestartseite .link2:hover+.claim2,
#blockmitdendreihauptlinksfurdiestartseite .link3:hover+.claim3,
#blockmitdendreihauptlinksfurdiestartseite .bild1:hover,
#blockmitdendreihauptlinksfurdiestartseite .bild2:hover,
#blockmitdendreihauptlinksfurdiestartseite .bild3:hover,
#blockmitdendreihauptlinksfurdiestartseite .bild4:hover {
display: block;
}

#blockmitdendreihauptlinksfurdiestartseite {
position: relative;
margin: 13rem 0;
}

#blockmitdendreihauptlinksfurdiestartseite .bild1,
#blockmitdendreihauptlinksfurdiestartseite .bild2,
#blockmitdendreihauptlinksfurdiestartseite .bild3,
#blockmitdendreihauptlinksfurdiestartseite .bild4 {
position: absolute;
left: 45rem;
top: .75rem;
z-index: 1;
width: 100%;
height: auto;
}

#blockmitdendreihauptlinksfurdiestartseite img {
max-width: 60%;
height: auto;
}


#blockmitdendreihauptlinksfurdiestartseite .link1 a,
#blockmitdendreihauptlinksfurdiestartseite .link2 a,
#blockmitdendreihauptlinksfurdiestartseite .link3 a,
#blockmitdendreihauptlinksfurdiestartseite .link4 a {
font-size: var(--fs-h1);
text-decoration: none;
font-family: 'HKH Bold';
text-transform: uppercase;
padding-left: 4rem;
}
#blockmitdendreihauptlinksfurdiestartseite > div:hover .link1 a,
#blockmitdendreihauptlinksfurdiestartseite > div:hover .link2 a,
#blockmitdendreihauptlinksfurdiestartseite > div:hover .link3 a,
#blockmitdendreihauptlinksfurdiestartseite > div:hover .link4 a {
color:var(--clr-hkhcolordark) !important;
}
#blockmitdendreihauptlinksfurdiestartseite .link1,
#blockmitdendreihauptlinksfurdiestartseite .link2,
#blockmitdendreihauptlinksfurdiestartseite .link3,
#blockmitdendreihauptlinksfurdiestartseite .link4{
position:relative;
}

#blockmitdendreihauptlinksfurdiestartseite > div:hover .link1,
#blockmitdendreihauptlinksfurdiestartseite > div:hover .link2,
#blockmitdendreihauptlinksfurdiestartseite > div:hover .link3,
#blockmitdendreihauptlinksfurdiestartseite > div:hover .link4{
z-index:2;
display:inline-block;
}
#blockmitdendreihauptlinksfurdiestartseite #hkhElement2 {
border-top: 3px solid var(--clr-schwarz);
border-bottom: 3px solid var(--clr-schwarz);
}
#blockmitdendreihauptlinksfurdiestartseite #hkhElement3 {
border-bottom: 3px solid var(--clr-schwarz);
}

#blockmitdendreihauptlinksfurdiestartseite .hkhElement2Inside {
position: relative;
}
#blockmitdendreihauptlinksfurdiestartseite .claim{
position: absolute;
bottom:0;
right:0;
z-index: 1;
}
/*Burger-menu Transitions*/
.cheeseburger-menu__item>ul {
flex: 1 0 100%;
height: 0;
will-change: height;
position: relative;
display: none;
}
.cheeseburger-menu__item--is-expanded>ul {
height: auto;
display: block;
}

.slick__arrow .slick-prev{
background:var(--clr-hkhcolordark) url("/themes/custom/hkh_barrio/images/arrow-left-wh.svg")  no-repeat 50% 50%;
background-size: 33%;
transform: scale(.75);
transition:background 5s;
}
.slick__arrow .slick-next{
background:var(--clr-hkhcolordark) url("/themes/custom/hkh_barrio/images/arrow-right-wh.svg")  no-repeat 50% 50%;
background-size: 33%;
transition:background 5s;
}

/*Kalendar Filter*/
.kalenderBlock.fullKalender{
position:relative;
}

.kalenderBlock. .rowGroupTitle:first-child{
border-bottom:0;
position:absolute;
top:8rem!important;
padding:0;
left:12.5rem;
}
.fullKalender .view-filters{
/*border-bottom:3px solid var(--clr-schwarz);*/
/*margin-bottom: -21rem;*/
}
.fullKalender .view-filters .js-form-item{
padding:0;
margin:0!important;
}
.kalenderBlock.fullKalender .view-content{
margin-top:-1rem;
}
.fullKalender .view-filters .views-exposed-form.bef-exposed-form{
margin-bottom:2rem;
}
.fullKalender .view-filters .views-exposed-form.bef-exposed-form .form-wrapper summary,
.kalenderBlock .views-exposed-form.bef-exposed-form .form-submit{
list-style: none;
line-height: 1;
font-size: var(--fs-body-small);
padding: 1rem 2.25rem 1rem 2rem;
border: solid 3px #000 !important;
border-radius: 25rem 25rem;
margin-right: 1rem;
font-weight: bold;
transition: background 0s;
text-transform: uppercase;
font-family: 'HKH Bold';
background: url(../images/arrow_down.svg) no-repeat 90% center;
}
.kalenderBlock .views-exposed-form.bef-exposed-form .form-submit{
	margin-right: 0;
	background: none;
}
.kalenderBlock .views-exposed-form.bef-exposed-form .form-submit:hover{
background: var(--clr-hkhcolordark) !important;
  color: var(--clr-dynfontcolor);
}
.fullKalender .view-filters .views-exposed-form.bef-exposed-form .form-wrapper summary:hover{
transition:background 0s;
background:var(--clr-hkhcolordark);
color: var(--clr-dynfontcolor);
border:solid 3px rgba(255, 255, 255, 0);
}
.fullKalender .view-filters .views-exposed-form.bef-exposed-form label{
list-style: none;
line-height: 1;
font-size: var(--fs-body-verysmall);
padding: 1rem 2rem 1rem 2rem;
border: solid 3px #000;
border-radius: 25rem 25rem;
margin-right: 1rem;
font-weight: bold;
transition: background 0s;
text-transform: uppercase;
font-family: 'HKH Bold';
background: url(../images/arrow_down.svg) no-repeat 90% center;


}
.fullKalender .view-filters .views-exposed-form.bef-exposed-form .form-type-date label{
display:none;
}
.fullKalender .view-filters .views-exposed-form.bef-exposed-form [id^='edit-field-datum-termin-value-collapsible'] .fieldset-wrapper{
display:flex;
}
.fullKalender .view-filters .views-exposed-form.bef-exposed-form [id^='edit-field-datum-termin-value-collapsible'] legend{
display:none;
}
.fullKalender .view-filters .views-exposed-form.bef-exposed-form [id^='edit-field-datum-termin-value-collapsible'] label{
border:none;
font-weight:normal;
font-family:'HKH Normal';
}
.fullKalender .view-filters .views-exposed-form.bef-exposed-form [id^='edit-field-datum-termin-value-collapsible'] label:after{
content:none;
}
.fullKalender .view-filters .views-exposed-form.bef-exposed-form [id^='edit-field-datum-termin-value-collapsible'] input.form-date{
border:solid 3px var(--clr-schwarz);
width:20rem;
border-radius: 25rem 25rem;
padding: .75rem 2.75rem .75rem 1rem !important;
font-size: var(--fs-body-verysmall);
-moz-appearance: textfield;
appearance: textfield;
}
.fullKalender .view-filters .views-exposed-form.bef-exposed-form .form-type-date{
margin-right: 2rem !important;
  margin-top: 1.5rem !important;
}
.fullKalender .view-filters .views-exposed-form.bef-exposed-form [id^='edit-field-datum-termin-value-collapsible'] input::-webkit-calendar-picker-indicator{
display:none;
}
.fullKalender .view-filters .views-exposed-form.bef-exposed-form [id^='edit-field-datum-termin-value-collapsible'] input::-moz-calendar-picker-indicator{
display:none;
opacity:0;
position:absolute;
top:0;
left:0;
}
.fullKalender .view-filters .views-exposed-form.bef-exposed-form label:after{
content:"+";
line-height:1rem;
vertical-align:sub;
font-size:1.5rem;
display: inline-block;
position:relative; 
left:0.3rem;
}
.fullKalender .view-filters .views-exposed-form.bef-exposed-form input.form-checkbox:checked + label:after{
content:"-";
line-height:1rem;
font-size:1.5rem;
display: inline-block;
position: relative;
top: -0.1rem;
left:0.3rem;
}
.fullKalender .views-exposed-form.bef-exposed-form label {
  margin-bottom: 0rem;
  background: none !important;
}
.fullKalender .view-filters .views-exposed-form.bef-exposed-form .form-checkbox{
position:absolute;
visibility:hidden;
z-index:-1;
}
.fullKalender .view-filters .d-flex.flex-wrap{
position:relative;
}
.fullKalender .view-filters .d-flex.flex-wrap > details > summary[aria-expanded="true"]{
margin-bottom:5.5rem;
background:var(--clr-hkhcolordark);
transition:background 5s, color 0.3s;
color: var(--clr-dynfontcolor);
border:solid 3px rgba(255, 255, 255, 0);
}
.fullKalender .view-filters .d-flex.flex-wrap > details > div.details-wrapper{
width: 100%;
  position: absolute;
  right: 0;
  top: 5rem;
  display: flex;
  justify-content: flex-start;
  border-top:3px solid #000;
  padding-right: 4rem;
  background:#fff;
}
.fullKalender .view-filters .d-flex.flex-wrap > details.closed > div.details-wrapper{
  display:none;
}
.fullKalender .view-filters .d-flex.flex-wrap > details.open > div.details-wrapper{
  display:flex;
}
.fullKalender .view-filters .d-flex.flex-wrap > details > div.details-wrapper > div{
margin-left:12.25rem;
padding:1.375rem 0 1.5rem 0;
}
.fullKalender .view-filters .d-flex.flex-wrap > details > div.details-wrapper #edit-field-datum-termin-value-wrapper,
.fullKalender .view-filters .d-flex.flex-wrap > details > div.details-wrapper > .js-form-wrapper.form-wrapper.mb-3{
padding-top: 0;
}
.fullKalender .view-filters .d-flex.flex-wrap > details > div.details-wrapper > div > div{
display:flex;
justify-content: flex-start;
}
.kalenderBlock .view-header h2{
margin-bottom:4rem;
}
/*CURSOR
#cursor{
width: 16px;
height: 16px;
background-color: var(--clr-hkhcolordark);
transition: background-color 5s;
border-radius: 50%;
position:fixed;
top:-4px;
left:-10px;
z-index:1000;
}*/

body,
body a:hover
{
cursor: none;
}
body.touch,
body.touch a:hover
{
cursor: auto;
}
body.touch .block-cheeseburgermenu-container,
body.touch .block-cheeseburgermenu-container a:hover,
body.touch .cheeseburger-menu__main-navigation-area *:hover
{
cursor: auto!important;
}

.block-cheeseburgermenu-container,
.block-cheeseburgermenu-container a:hover
{
cursor: none!important;
}
body:hover #cursor {
opacity: 1;
}
#cursor {
width: 16px;
height: 16px;
border-radius: 50%;
background-color:  var(--clr-hkhcolordark);
position: fixed;
transition: background-color 5s;
top: 0;
opacity: 0;
z-index:200005;
pointer-events:none;
margin-top:-6px;
margin-left:-7px;


}
#cursor.zoom{
width: 24px;
height: 24px;
/*transform: translate(-2px, -4px);*/
transition: height 0.2s, width 0.2s, transform 0.3s;
margin-top:-10px;
margin-left:-11px;
}
#cursor.fancy{
background:var(--clr-hkhcolordark) url("/themes/custom/hkh_barrio/images/arrow-right-wh.svg")  no-repeat 50% 50%;
background-size: 33%;
transition:0s;
width: 54px;
height: 54px;
margin-top:-19px;
margin-left:-19px;
}
#cursor.fancy.left{
transform-origin: center;
transform: rotate(180deg);
}
#cursor.zoom.fancy{
width: 24px;
height: 24px;
/*transform: translate(-2px, -4px);*/
transition: height 0.2s, width 0.2s, transform 0.3s;
background:var(--clr-hkhcolordark);
}
#cursor.popup{
background:var(--clr-hkhcolordark) url("/themes/custom/hkh_barrio/images/plus.svg")  no-repeat 50% 50%;
background-size: 33%;
transition:0s;
width: 54px;
height: 54px;
margin-top:-19px;
margin-left:-19px;
}
#cursor.popdown{
background:var(--clr-hkhcolordark) url("/themes/custom/hkh_barrio/images/minus.svg")  no-repeat 50% 50%;
background-size: 33%;
transition:0s;
width: 54px;
height: 54px;
margin-top:-19px;
margin-left:-19px;
}
.cheeseburger-menu__main-navigation-area,
.cheeseburger-menu__main-navigation-area a
{
cursor: none;
}
.cheeseburger-menu__main-navigation-area a span:hover{
transition: color 5s;
}
/*teaser-view Frontpage*/
.hkhNewsOverview  .views-field-nothing,
.hkhNewsOverview  .views-field-nothing *{
pointer-events:none;
}
.block-cheeseburgermenu-container--is-open {
z-index:900;
}



/*overwrite styles.css*/
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;*/
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled){
cursor:none!important;
}

/*Cheesburger*/
.cheeseburger-menu__main-navigation-area div:first-child .cheeseburger-parent > a{
margin-bottom:0;
}
.cheeseburger-menu__main-navigation-area div:first-child .cheeseburger-parent > a span{
display:block;
padding-bottom:1.5rem;
}
.cheeseburger-menu__main-navigation-area .cheeseburger-menu__item--is-expanded .cheeseburger-menu__submenu {
top: 2.5rem;
left: 36%;
background: #000;
padding:2rem!important;
}
.cheeseburger-menu__main-navigation-area *:hover{
cursor:none!important;
}

/*Infobox Slider*/
.paragraph--type--kuma-bildslider .sliderInfoOverlay{
position:absolute;
right:0;
top:0;
padding:4%;
padding-right:8rem;
height:100%;
width:25%;
background:rgba(0, 0, 0, 0.9);
padding-top:9rem;
transition:height 0.4s;
}
.sliderInfo,
.sliderClose
{
color: #fff;
border: 3px solid #fff;
position: absolute;
bottom: 2rem;
right: 4rem;
width: 2.5rem;
height: 2.5rem;
background: transparent;
font-size: 1.2rem;
font-weight: bold;
border-radius: 50%;
z-index: 1;
}
.sliderClose{
top:2rem;
right:0rem;
font-size: 2rem;
border:0;
}
.sliderInfo.opened{
visibility:hidden;
}
#modalinfo:hover{
cursor:auto!important;
}
.modalinfo {
display: none;
/* Add other styles for positioning, background, etc. */
}

.show-modal {
display: block;
}
.b-nativegrid.is-b-masonry > .grid,
.item-list > .b-nativegrid.is-b-masonry > .grid {
overflow: hidden;
grid-row-end: span 2;
width: 26%;
}

/*Try to repair Masonry*/
/*ul.blazy--field-bild--masonry li.grid.list-group-item{
transform: translateY(0px)!important;
}*/

/*Sliding Doors Startseite*/
/*blockmitdendreihauptlinksfurdiestartseite*/

.slick-dots button.slide-next,
.slick-dots button.slide-prev{
 color: #fff;
 font-weight: bold;
 background: transparent;
 border:0;
 font-size: 2.6rem;
 display: inline-block;
 width: 2.3rem;
 height: 2.3rem;
 vertical-align: top;
 padding: 0 2rem;
 position:relative;
 top:-0.62rem;
}
.slick-dots button.slide-next{
  padding-left:1rem;
}
.slick--view--ausstellungen .slick__slide{
  width:calc(100vw / 4);
}