/*kuma colors MMM*/


:root {
  --clr-hellgrau: #E1E4E5;
  --clr-orange: #D54E2A;
  --clr-gruen: #33715A;
  --clr-dunkelgruen: #33715A;
  --clr-rot: #AA3031;
  --clr-hellblau: #709CD3;
  --clr-blau: #3964AF;
  --clr-dunkelblau: #15426F;
  --clr-beige: #DCAF7A;
  --clr-weiss: #fff;
  --clr-dunkelgrau: #1e1e1e;

}


.row.hellgrau {
  background: var(--clr-hellgrau);
  box-shadow: 0 0 0 110vmax#E1E4E5;
  clip-path: inset(0-100vmax);
}


.row.orange {
  background: var(--clr-orange);
  box-shadow: 0 0 0 110vmax#D54E2A;
  clip-path: inset(0-100vmax);
}

.row.gruen {
  background: var(--clr-gruen);
  box-shadow: 0 0 0 110vmax var(--clr-gruen);
  clip-path: inset(0-100vmax);
}

.row.dunkelgruen {
  background: var(--clr-dunkelgruen);
  box-shadow: 0 0 0 110vmax#33715A;
  clip-path: inset(0-100vmax);
}

.row.rot {
  background: var(--clr-rot);
  box-shadow: 0 0 0 110vmax#AA3031;
  clip-path: inset(0-100vmax);
}

.row.hellblau {
  background: var(--clr-hellblau);
  box-shadow: 0 0 0 110vmax#709CD3;
  clip-path: inset(0-100vmax);
}

.row.blau {
  background: var(--clr-blau);
  box-shadow: 0 0 0 110vmax#3964AF;
  clip-path: inset(0-100vmax);
}

.row.dunkelblau {
  background: var(--clr-dunkelblau);
  box-shadow: 0 0 0 110vmax#15426F;
  clip-path: inset(0-100vmax);
}

.row.beige {
  background: var(--clr-beige);
  box-shadow: 0 0 0 110vmax#DCAF7A;
  clip-path: inset(0-100vmax);
}
.row.dunkelgrau {
  background: var(--clr-dunkelgrau);
  box-shadow: 0 0 0 110vmax#1e1e1e;
  clip-path: inset(0-100vmax);
}


/*KuMa Nodes Hintergrundfarbe*/

.dunkelblauschmal {
  background: url(/themes/custom/kuma_barrio/images/dunkelblau.gif);
  background-size: 100% 10.5rem;
  background-repeat: no-repeat;
}

.beige {
  background: url(/themes/custom/kuma_barrio/images/beige.gif);
  background-size: 100% 36rem !important;
  background-repeat: no-repeat;
}

.hellbeige {
  background: url(/themes/custom/kuma_barrio/images/hellbeige.png);
  background-size: 100% 36rem !important;
  background-repeat: no-repeat;
}

.gruen {
  background: url(/themes/custom/kuma_barrio/images/gruen.gif);
  background-size: 100% 36rem !important;
  background-repeat: no-repeat;
}

.dunkelgruen {
  background: url(/themes/custom/kuma_barrio/images/dunkelgruen.gif);
  background-size: 100% 36rem !important;
  background-repeat: no-repeat;
}

.orange {
  background: url(/themes/custom/kuma_barrio/images/orange.gif);
  background-size: 100% 36rem !important;
  background-repeat: no-repeat;
}

.rot {
  background: url(/themes/custom/kuma_barrio/images/rot.gif);
  background-size: 100% 36rem !important;
  background-repeat: no-repeat;
}

.hellgrau {
  background: url(/themes/custom/kuma_barrio/images/hellgrau.gif);
  background-size: 100% 36rem !important;
  background-repeat: no-repeat;
}

.blau {
  background: url(/themes/custom/kuma_barrio/images/blau.gif);
  background-size: 100% 36rem !important;
  background-repeat: no-repeat;
}

.dunkelblau {
  background: url(/themes/custom/kuma_barrio/images/dunkelblau.gif);
  background-size: 100% 36rem !important;
  background-repeat: no-repeat;
}

.dunkelblau {
  background: url(/themes/custom/kuma_barrio/images/dunkelblau.gif);
  background-size: 100% 36rem !important;
  background-repeat: no-repeat;
}

.hellblau {
  background: url(/themes/custom/kuma_barrio/images/hellblau.gif);
  background-size: 100% 36rem !important;
  background-repeat: no-repeat;
}

.weiss {
  background: url(/themes/custom/kuma_barrio/images/weiss.png);
  background-size: 100% 36rem !important;
  background-repeat: no-repeat;
}
.dunkelgrau{
  background: url(/themes/custom/kuma_barrio/images/dunkelgrau.png);
  background-size: 100% 36rem !important;
  background-repeat: no-repeat;
}
.keine {
  background: url(/themes/custom/kuma_barrio/images/weiss.gif);
  background-size: 100% 10.5rem;
  background-repeat: no-repeat;
}



.dunkelblau h1.title,
.dunkelblau .breadcrumb a,
.dunkelblau .breadcrumb li,
.dunkelblau .breadcrumb-item+.breadcrumb-item::before,
.hellblau h1.title,
.hellblau .breadcrumb a,
.hellblau .breadcrumb li,
.hellblau .breadcrumb-item+.breadcrumb-item::before,
.blau h1.title,
.blau .breadcrumb a,
.blau .breadcrumb li,
.blau .breadcrumb-item+.breadcrumb-item::before,
.rot h1.title,
.rot .breadcrumb a,
.rot .breadcrumb li,
.rot .breadcrumb-item+.breadcrumb-item::before,
.orange h1.title,
.orange .breadcrumb a,
.orange .breadcrumb li,
.orange .breadcrumb-item+.breadcrumb-item::before,
.beige h1.title,
.beige .breadcrumb a,
.beige .breadcrumb li,
.beige .breadcrumb-item+.breadcrumb-item::before,
.gruen h1.title,
.gruen .breadcrumb a,
.gruen .breadcrumb li,
.gruen .breadcrumb-item+.breadcrumb-item::before,
.dunkelgruen h1.title,
.dunkelgruen .breadcrumb a,
.dunkelgruen .breadcrumb li,
.dunkelgruen .breadcrumb-item+.breadcrumb-item::before {
  color: #fff;
}

.page-node-type-ausstellung .dunkelblau,
.page-node-type-ausstellung .hellblau,
.page-node-type-ausstellung .blau,
.page-node-type-ausstellung .rot,
.page-node-type-ausstellung .orange,
.page-node-type-ausstellung .beige,
.page-node-type-ausstellung .gruen,
.page-node-type-ausstellung .dunkelgruen {
  background-size: 100% 41rem;
}

.page-node-type-ausstellung .weiss h1,
.page-node-type-ausstellung .weiss .subTitle,
.page-node-type-ausstellung .weiss .datum,
.page-node-type-ausstellung .weiss .ticketLink a {
    color: #000;
}



/* ---------- Color Module Styles ----------- */

body {
  color: #000;
}

#page,
#main-wrapper,
.region-primary-menu .menu-item a.is-active,
.region-primary-menu .menu-item--active-trail a {}

.tabs ul.primary li a.is-active {
  background-color: #fff;
}

.tabs ul.primary li.is-active a {
  background-color: #fff;
  border-bottom-color: #fff;
}


a,
.link {
  color: #000;
}

a:hover,
a:focus,
.link:hover,
.link:focus,
a:active,
.link:active {
  color:
    /*#878787*/
    var(--clr-blau);
}




.btn-primary {
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #0256b1;
}




/* ---------- Color Form ----------- */

[dir="rtl"] .color-form .color-palette {
  margin-left: 0;
  margin-right: 20px;
}

[dir="rtl"] .color-form .form-item label {
  float: right;
}

[dir="rtl"] .color-form .color-palette .lock {
  right: -20px;
  left: 0;
}