.kleineHeadline{
  border-top:.1875rem solid var(--clr-hkhcolordark);
  transition:all 120s linear;
}
#block-hkh-barrio-offnungszeiten .office-hours #officeHoursDot{
  transition:background 120s linear;
}
#header a:hover,
#block-hkh-barrio-topnavigation a.is-active 
{
  text-decoration-color: var(--clr-hkhcolordark) !important;
  transition:all 120s linear;
}
.btn.btn-primary:hover,
#block-newsletterabo .btn.btn-primary:hover,
.form-type-password .edit-actions .edit-submit:hover
{
  color: var(--clr-dynfontcolor) !important;
  background-color: var(--clr-hkhcolordark) !important;
  border-color: var(--clr-hkhcolordark) !important;
  transition:background-color 120s linear;
}
.btn.btn-primary:active,
.form-type-password .edit-actions .edit-submit:active {
  border: 3px solid var(--clr-hkhcolordark);
  transition:border 120s linear;
}
#header #block-hkh-barrio-cheeseburgermenu .cheeseburger-menu__main-navigation-area div:first-child a,
#header #block-hkh-barrio-cheeseburgermenu .cheeseburger-menu__main-navigation-area div:first-child span{
  transition:all 0s !important;
}
#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;
  transition: color 120s linear, background-color 120s linear, border-color 120s linear, text-decoration-color 120s linear;
}
#block-hkh-barrio-calltoactionbuttonzumticketsystem a {
  color: var(--clr-dynfontcolor) !important;
  background: var(--clr-hkhcolordark);
  transition: transform .3s ease-in-out, background-color 120s linear;
}
.paragraph--type--text ul li::before {
  color: var(--clr-hkhcolordark);
  transition:color 120s linear;
}
.hkhInfoBox,
.hkhDownload {
  background: var(--clr-hkhcolorlight);
  border-left: .75rem solid var(--clr-hkhcolordark);
  transition: background-color 120s linear;
}
.hkhKontakt {
  background: var(--clr-hkhcolorlight);
  border-left: .75rem solid var(--clr-hkhcolordark);
  transition:background-color 120s linear;
}
.a11y-paragraphs-tabs__wrapper a.btn-primary.is-selected {
  background: var(--clr-hkhcolordark) !important;
  transition: background-color 120s linear, color 1s linear;
  color: var(--clr-dynfontcolor) !important;
}
.hkhNewsOverviewBlock {
  background-color: var(--clr-hkhcolorlight);
  transition:background-color 120s linear;
}
.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);

}
/*
.cookiesjsr-banner--action button:hover,
.cookiesjsr-layer--actions button:hover {
  color: var(--clr-dynfontcolor) !important;
  background-color: var(--clr-hkhcolordark) !important;
  border-color: var(--clr-hkhcolordark) !important;
  transition:background-color 120s linear;
}
.cookiesjsr-banner--action button:active,
.cookiesjsr-layer--actions button:active {
  border: 3px solid var(--clr-hkhcolordark);
  color: var(--clr-hellgrau);
  transition:border-color 120s linear;
}
*/
#hamburgermenu .nav.navbar-nav li a:hover{
  color: var(--clr-hkhcolordark)!important;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color 120s linear;
}
.slick__arrow .slick-prev{
  background:var(--clr-hkhcolordark) url("/themes/custom/hkh_barrio/images/arrow-left-wh.svg")  no-repeat 50% 50%;
  transition:background 120s linear;
}
.slick__arrow .slick-next{
  background:var(--clr-hkhcolordark) url("/themes/custom/hkh_barrio/images/arrow-right-wh.svg")  no-repeat 50% 50%;
  transition:background 120s linear;
}
.fullKalender .view-filters .views-exposed-form.bef-exposed-form .form-wrapper summary:hover{
  transition:background 0s;
  background:var(--clr-hkhcolordark);
  color: var(--clr-dynfontcolor);
}
.kalenderBlock .views-exposed-form.bef-exposed-form .form-submit:hover{
  background: var(--clr-hkhcolordark) !important;
  color: var(--clr-dynfontcolor);
}
.fullKalender .view-filters .d-flex.flex-wrap > details > summary[aria-expanded="true"]{
  background:var(--clr-hkhcolordark);
  transition:background-color 120s linear, color 0.3s;
  color: var(--clr-dynfontcolor);
}
#cursor {
  background-color:  var(--clr-hkhcolordark);
  transition: background-color 120s linear;
}
#cursor.zoom{
  transition: background-color 120s linear;
}
#cursor.fancy{
  background:var(--clr-hkhcolordark) url("/themes/custom/hkh_barrio/images/arrow-right-wh.svg")  no-repeat 50% 50%;
  transition:background-color 120s linear;
}
#cursor.zoom.fancy{
  transition: height 0.2s, width 0.2s, transform 0.3s, background-color 120s linear;
  background:var(--clr-hkhcolordark);
}
#cursor.popup{
  background:var(--clr-hkhcolordark) url("/themes/custom/hkh_barrio/images/plus.svg")  no-repeat 50% 50%;
  transition:background-color 120s linear;
}
#cursor.popdown{
  background:var(--clr-hkhcolordark) url("/themes/custom/hkh_barrio/images/minus.svg")  no-repeat 50% 50%;
  transition:background-color 120s linear;
}
.cheeseburger-menu__main-navigation-area a span:hover{
  transition: color 120s linear;
}
.nav-link{
  transition: text-decoration-color 5s linear, border-color 120s linear;
}


.notransition .kleineHeadline,
.notransition #block-hkh-barrio-offnungszeiten .office-hours #officeHoursDot,
.notransition #header a:hover,
.notransition #block-hkh-barrio-topnavigation a.is-active,
.notransition .btn.btn-primary:hover,
.notransition #block-newsletterabo .btn.btn-primary:hover,
.notransition .form-type-password .edit-actions .edit-submit:hover,
.notransition .btn.btn-primary:active,
.notransition .form-type-password .edit-actions .edit-submit:active,
.notransition #header #block-hkh-barrio-cheeseburgermenu .cheeseburger-menu__main-navigation-area div:first-child a:hover,
.notransition #header #block-hkh-barrio-cheeseburgermenu .cheeseburger-menu__main-navigation-area div:first-child span:hover,
.notransition #block-hkh-barrio-calltoactionbuttonzumticketsystem a,
.notransition .hkhInfoBox,
.notransition .hkhDownload,
.notransition .hkhKontakt,
.notransition .a11y-paragraphs-tabs__wrapper a.btn-primary.is-selected,
.notransition .hkhNewsOverviewBlock,
.notransition .page-node-type-termin .hkhTerminContent .hkhTerminContentTop,
.notransition .page-node-type-termin #hkhTop,
.notransition .page-node-type-kurse .hkhTerminContent .hkhTerminContentTop,
.notransition .page-node-type-kurse #hkhTop,
.notransition .cookiesjsr-banner--action button:hover,
.notransition .cookiesjsr-layer--actions button:hover,
.notransition .cookiesjsr-banner--action button:active,
.notransition .cookiesjsr-layer--actions button:active,
.notransition #hamburgermenu .nav.navbar-nav li a:hover,
.notransition .slick__arrow .slick-prev,
.notransition .slick__arrow .slick-next,
.notransition .fullKalender .view-filters .views-exposed-form.bef-exposed-form .form-wrapper summary:hover,
.notransition .kalenderBlock .views-exposed-form.bef-exposed-form .form-submit:hover,
.notransition .fullKalender .view-filters .d-flex.flex-wrap > details > summary[aria-expanded="true"],
.notransition #cursor,
.notransition #cursor.zoom,
.notransition #cursor.fancy,
.notransition #cursor.zoom.fancy,
.notransition #cursor.popup,
.notransition #cursor.popdown,
.notransition .cheeseburger-menu__main-navigation-area a span:hover,
.notransition .nav-link
{
  transition: all 0s !important;
}