/* KONTUR CMS 0.9.0.19
   Gruene Farbwelt fuer Transformations- und CO2-reduzierte Inhalte.
   Kann im Admin ueber die normale Farbauswahl des Moduls gewaehlt werden. */

:root{
  --cms-green-900:#0b3f34;
  --cms-green-800:#0f5a47;
  --cms-green-700:#147255;
  --cms-green-600:#1d8a65;
  --cms-green-accent:#2f9a72;
  --cms-green-soft:#dff3e9;
}

.cms-theme-green,
.preview .cms-theme-green,
#preview .cms-theme-green{
  background:
    radial-gradient(circle at 92% 12%, rgba(255,255,255,.15), transparent 34%),
    linear-gradient(135deg, var(--cms-green-900) 0%, var(--cms-green-700) 56%, var(--cms-green-600) 100%) !important;
  color:#fff !important;
}

.cms-theme-green :is(h1,h2,h3,h4,h5,h6,p,li,.kicker),
.preview .cms-theme-green :is(h1,h2,h3,h4,h5,h6,p,li,.kicker),
#preview .cms-theme-green :is(h1,h2,h3,h4,h5,h6,p,li,.kicker){
  color:#fff !important;
}

.cms-theme-green .btn,
.preview .cms-theme-green .btn,
#preview .cms-theme-green .btn{
  background:#fff !important;
  color:var(--cms-green-900) !important;
}

/* Text + Farbkarte: die helle Textkarte uebernimmt den gruenen Akzent,
   die gruene Farbkarte behaelt maximalen Kontrast. */
body:not(.cms-admin) main .cms-split-feature:has(> .cms-split-pane--color.cms-theme-green) > .cms-split-pane--plain,
.preview .cms-split-feature:has(> .cms-split-pane--color.cms-theme-green) > .cms-split-pane--plain,
#preview .cms-split-feature:has(> .cms-split-pane--color.cms-theme-green) > .cms-split-pane--plain{
  --cms-split-plain-accent:var(--cms-green-accent);
}

body:not(.cms-admin) main .cms-split-feature:has(> .cms-split-pane--color.cms-theme-green) > .cms-split-pane--plain > h2,
body:not(.cms-admin) main .cms-split-feature:has(> .cms-split-pane--color.cms-theme-green) > .cms-split-pane--plain .cms-split-kicker,
.preview .cms-split-feature:has(> .cms-split-pane--color.cms-theme-green) > .cms-split-pane--plain > h2,
.preview .cms-split-feature:has(> .cms-split-pane--color.cms-theme-green) > .cms-split-pane--plain .cms-split-kicker,
#preview .cms-split-feature:has(> .cms-split-pane--color.cms-theme-green) > .cms-split-pane--plain > h2,
#preview .cms-split-feature:has(> .cms-split-pane--color.cms-theme-green) > .cms-split-pane--plain .cms-split-kicker{
  color:var(--cms-green-700) !important;
}

body:not(.cms-admin) main .cms-split-feature:has(> .cms-split-pane--color.cms-theme-green) > .cms-split-pane--plain .cms-split-kicker-line,
body:not(.cms-admin) main .cms-split-feature:has(> .cms-split-pane--color.cms-theme-green) > .cms-split-pane--plain .cms-split-rule,
.preview .cms-split-feature:has(> .cms-split-pane--color.cms-theme-green) > .cms-split-pane--plain .cms-split-kicker-line,
.preview .cms-split-feature:has(> .cms-split-pane--color.cms-theme-green) > .cms-split-pane--plain .cms-split-rule,
#preview .cms-split-feature:has(> .cms-split-pane--color.cms-theme-green) > .cms-split-pane--plain .cms-split-kicker-line,
#preview .cms-split-feature:has(> .cms-split-pane--color.cms-theme-green) > .cms-split-pane--plain .cms-split-rule{
  background:var(--cms-green-accent) !important;
  border-color:var(--cms-green-accent) !important;
}

body:not(.cms-admin) main .cms-split-feature > .cms-split-pane--color.cms-theme-green > h2,
body:not(.cms-admin) main .cms-split-feature > .cms-split-pane--color.cms-theme-green .cms-split-kicker,
.preview .cms-split-feature > .cms-split-pane--color.cms-theme-green > h2,
.preview .cms-split-feature > .cms-split-pane--color.cms-theme-green .cms-split-kicker,
#preview .cms-split-feature > .cms-split-pane--color.cms-theme-green > h2,
#preview .cms-split-feature > .cms-split-pane--color.cms-theme-green .cms-split-kicker{
  color:#fff !important;
}

body:not(.cms-admin) main .cms-split-feature > .cms-split-pane--color.cms-theme-green .cms-split-kicker-line,
body:not(.cms-admin) main .cms-split-feature > .cms-split-pane--color.cms-theme-green .cms-split-rule,
.preview .cms-split-feature > .cms-split-pane--color.cms-theme-green .cms-split-kicker-line,
.preview .cms-split-feature > .cms-split-pane--color.cms-theme-green .cms-split-rule,
#preview .cms-split-feature > .cms-split-pane--color.cms-theme-green .cms-split-kicker-line,
#preview .cms-split-feature > .cms-split-pane--color.cms-theme-green .cms-split-rule{
  background:rgba(255,255,255,.82) !important;
  border-color:rgba(255,255,255,.82) !important;
}