/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/*
 * Global CSS custom properties.
 */

/* Colors */

/* muss dupliziert werden für GIN-Backend, bis eine smartere Lösunge gefunden wird */

.bg-col-white,
.bg-col-FFFFFF {
  background-color: var(--color--white);
}

.bg-col-gold,
.bg-col-lemon-zest,
.bg-col-F2D65F {
  background-color: var(--color--lemon-zest);
}

.bg-col-green,
.bg-col-jungle,
.bg-col-25765B {
  background-color: var(--color--jungle);
}

.bg-col-dark-green,
.bg-col-dark-jungle,
.bg-col-012318 {
  background-color: var(--color--dark-jungle);
}

.bg-col-jungle-fog,
.bg-col-EDECE7 {
  background-color: var(--color--jungle-fog);
}

/* Text-Colors */

.txt-col-white,
.txt-col-FFFFFF {
  color: var(--color--white) !important;
}

.txt-col-gold,
.txt-col-lemon-zest,
.txt-col-F2D65F {
  color: var(--color--lemon-zest) !important;
}

.txt-col-green,
.txt-col-jungle,
.txt-col-25765B {
  color: var(--color--jungle) !important;
}

.txt-col-dark-green,
.txt-col-dark-jungle,
.txt-col-012318 {
  color: var(--color--dark-jungle) !important;
}

.txt-col-jungle-fog,
.txt-col-EDECE7 {
  color: var(--color--jungle-fog) !important;
}

/* Color Rules */

/* Layout Jungle */

body.layout-jungle {
  color: var(--color--dark-jungle);
  background-color: var(--color--dark-jungle);
}

body.layout-jungle .text-content {
  color: var(--color--dark-jungle);
}

/* BG White */

body.layout-jungle .bg-col-FFFFFF .text-content {
  color: var(--color--dark-jungle);
}

body.layout-jungle .bg-col-FFFFFF.paragraph a.cta--button,
body.layout-jungle .bg-col-FFFFFF.cta a {
  color: var(--color--jungle-fog);
}

:is(body.layout-jungle .bg-col-FFFFFF.paragraph a.cta--button,body.layout-jungle .bg-col-FFFFFF.cta a):after {
  background-color: var(--color--dark-jungle);
}

:is(body.layout-jungle .bg-col-FFFFFF.paragraph a.cta--button,body.layout-jungle .bg-col-FFFFFF.cta a):before {
  background-color: var(--color--lemon-zest);
}

:is(body.layout-jungle .bg-col-FFFFFF.paragraph a.cta--button,body.layout-jungle .bg-col-FFFFFF.cta a):hover {
  text-decoration-color: var(--color--dark-jungle);
  color: var(--color--dark-jungle);
}

body.layout-jungle .bg-col-FFFFFF .circle {
  color: var(--color--jungle-fog);
  background-color: var(--color--jungle);
}

body.layout-jungle .bg-col-FFFFFF .field--name-field-eyecatcher {
  color: var(--color--dark-jungle);
}

/* End BG White */

/* BG Jungle Fog */

body.layout-jungle .bg-col-EDECE7 .text-content {
  color: var(--color--dark-jungle);
}

body.layout-jungle .bg-col-EDECE7.paragraph a.cta--button,
body.layout-jungle .bg-col-EDECE7.cta a {
  color: var(--color--white);
}

:is(body.layout-jungle .bg-col-EDECE7.paragraph a.cta--button,body.layout-jungle .bg-col-EDECE7.cta a):after {
  background-color: var(--color--jungle);
}

:is(body.layout-jungle .bg-col-EDECE7.paragraph a.cta--button,body.layout-jungle .bg-col-EDECE7.cta a):before {
  background-color: var(--color--dark-jungle);
}

:is(body.layout-jungle .bg-col-EDECE7.paragraph a.cta--button,body.layout-jungle .bg-col-EDECE7.cta a):hover {
  text-decoration-color: var(--color--white);
  color: var(--color--white);
}

/* Box Jungle Fog BG auf Dark Jungle BG Paragraph */

body.layout-jungle .bg-col-EDECE7 .box-text {
  background-color: var(--color--white);
}

body.layout-jungle .bg-col-EDECE7 .box-text .text-content {
  color: var(--color--dark-jungle);
}

body.layout-jungle .bg-col-EDECE7 .box-text .text-content a.cta--button {
  color: var(--color--jungle-fog);
}

body.layout-jungle .bg-col-EDECE7 .box-text .text-content a.cta--button:after {
  background-color: var(--color--jungle);
}

body.layout-jungle .bg-col-EDECE7 .box-text .text-content a.cta--button:before {
  background-color: var(--color--dark-jungle);
}

body.layout-jungle .bg-col-EDECE7 .box-text .text-content a.cta--button:hover {
  text-decoration-color: var(--color--jungle-fog);
  text-decoration: underline;
}

body.layout-jungle .bg-col-EDECE7 .circle {
  color: var(--color--jungle-fog);
  background-color: var(--color--dark-jungle);
}

body.layout-jungle .bg-col-EDECE7 .field--name-field-eyecatcher {
  color: var(--color--jungle);
}

/* End BG Jungle Fog */

/* BG Dark Jungle */

body.layout-jungle .bg-col-012318 .text-content,
body.layout-jungle .bg-col-012318 h2,
body.layout-jungle .bg-col-012318 h3,
body.layout-jungle .bg-col-012318 h4,
body.layout-jungle .bg-col-012318 h5,
body.layout-jungle .bg-col-012318 h6 {
  color: var(--color--jungle-fog);
}

body.layout-jungle .bg-col-012318 a:where(:not(.button)) {
  color: var(--color--jungle-fog);
}

@supports (box-shadow: none) {

  body.layout-jungle .bg-col-012318 a:where(:not(.button)) {
    transition: box-shadow 0.3s cubic-bezier(0.55, 0.085, 0, 0.99);
    box-shadow: inset 0 -2px 0 0 var(--color--jungle-fog);
  }

  body.layout-jungle .bg-col-012318 a:where(:not(.button)):hover {
    text-decoration: underline;
    color: var(--color--black);
  }
}

body.layout-jungle .bg-col-012318.paragraph a.cta--button,
body.layout-jungle .bg-col-012318.cta a {
  color: var(--color--dark-jungle);
}

:is(body.layout-jungle .bg-col-012318.paragraph a.cta--button,body.layout-jungle .bg-col-012318.cta a):after {
  background-color: var(--color--jungle-fog);
}

:is(body.layout-jungle .bg-col-012318.paragraph a.cta--button,body.layout-jungle .bg-col-012318.cta a):before {
  background-color: var(--color--lemon-zest);
}

:is(body.layout-jungle .bg-col-012318.paragraph a.cta--button,body.layout-jungle .bg-col-012318.cta a):hover {
  text-decoration-color: var(--color--dark-jungle);
}

/* Box Jungle Fog BG auf Dark Jungle BG Paragraph */

body.layout-jungle .bg-col-012318 .box-text {
  background-color: var(--color--jungle-fog);
}

body.layout-jungle .bg-col-012318 .box-text .text-content,
body.layout-jungle .bg-col-012318 .box-text h2,
body.layout-jungle .bg-col-012318 .box-text h3,
body.layout-jungle .bg-col-012318 .box-text h4,
body.layout-jungle .bg-col-012318 .box-text h5,
body.layout-jungle .bg-col-012318 .box-text h6 {
  color: var(--color--dark-jungle);
}

:is(body.layout-jungle .bg-col-012318 .box-text .text-content,body.layout-jungle .bg-col-012318 .box-text h2,body.layout-jungle .bg-col-012318 .box-text h3,body.layout-jungle .bg-col-012318 .box-text h4,body.layout-jungle .bg-col-012318 .box-text h5,body.layout-jungle .bg-col-012318 .box-text h6) a.cta--button {
  color: var(--color--jungle-fog);
}

:is(body.layout-jungle .bg-col-012318 .box-text .text-content,body.layout-jungle .bg-col-012318 .box-text h2,body.layout-jungle .bg-col-012318 .box-text h3,body.layout-jungle .bg-col-012318 .box-text h4,body.layout-jungle .bg-col-012318 .box-text h5,body.layout-jungle .bg-col-012318 .box-text h6) a.cta--button:after {
  background-color: var(--color--jungle);
}

:is(body.layout-jungle .bg-col-012318 .box-text .text-content,body.layout-jungle .bg-col-012318 .box-text h2,body.layout-jungle .bg-col-012318 .box-text h3,body.layout-jungle .bg-col-012318 .box-text h4,body.layout-jungle .bg-col-012318 .box-text h5,body.layout-jungle .bg-col-012318 .box-text h6) a.cta--button:before {
  background-color: var(--color--dark-jungle);
}

:is(body.layout-jungle .bg-col-012318 .box-text .text-content,body.layout-jungle .bg-col-012318 .box-text h2,body.layout-jungle .bg-col-012318 .box-text h3,body.layout-jungle .bg-col-012318 .box-text h4,body.layout-jungle .bg-col-012318 .box-text h5,body.layout-jungle .bg-col-012318 .box-text h6) a.cta--button:hover {
  text-decoration-color: var(--color--jungle-fog);
  text-decoration: underline;
}

body.layout-jungle .bg-col-012318 .circle {
  color: var(--color--jungle);
  background-color: var(--color--jungle-fog);
}

body.layout-jungle .bg-col-012318 .field--name-field-eyecatcher {
  color: var(--color--jungle-fog);
}

body.layout-jungle {
  /* End BG Dark Jungle */
  .opener .cta a {
    background-color: var(--color--jungle-fog);
  }
}

body.layout-jungle .paragraph-bg-img .field--name-field-text .cta--button {
  background-color: var(--color--jungle-fog);
}