/* KONTUR CMS 0.9.0.13
   Text + Farbkarte:
   - nur eine Trennlinie unter der Ueberschrift
   - Kicker und Ueberschrift der Farbkarte erhalten eine zum gewaehlten Theme
     passende Akzentfarbe
   - dunkle Themes nutzen einen helleren Farbton, helle Themes bleiben dunkel
   - Frontend und Admin-Liveansicht verhalten sich identisch
*/

/* Das globale data-module-heading78 erzeugt bereits eine eigene ::after-Linie.
   Im Split-Modul verwenden wir bewusst nur .cms-split-rule. */
body:not(.cms-admin) main .cms-split-feature > .cms-split-pane > h2[data-module-heading78]::after,
.preview .cms-split-feature > .cms-split-pane > h2[data-module-heading78]::after,
#preview .cms-split-feature > .cms-split-pane > h2[data-module-heading78]::after{
  content:none!important;
  display:none!important;
}

/* Helle Standardkarte: normale dunkle Typografie. */
body:not(.cms-admin) main .cms-split-feature > .cms-split-pane--plain{
  --cms-split-accent:#071d37;
}
.preview .cms-split-feature > .cms-split-pane--plain,
#preview .cms-split-feature > .cms-split-pane--plain{
  --cms-split-accent:#071d37;
}
body:not(.cms-admin) main .cms-split-feature > .cms-split-pane--plain > h2,
body:not(.cms-admin) main .cms-split-feature > .cms-split-pane--plain .cms-split-kicker,
body:not(.cms-admin) main .cms-split-feature > .cms-split-pane--plain .cms-split-rule,
.preview .cms-split-feature > .cms-split-pane--plain > h2,
.preview .cms-split-feature > .cms-split-pane--plain .cms-split-kicker,
.preview .cms-split-feature > .cms-split-pane--plain .cms-split-rule,
#preview .cms-split-feature > .cms-split-pane--plain > h2,
#preview .cms-split-feature > .cms-split-pane--plain .cms-split-kicker,
#preview .cms-split-feature > .cms-split-pane--plain .cms-split-rule{
  color:var(--cms-split-accent)!important;
}

/* Farbkarte: Akzentfarbe passend zum gewaehlten Farbschema.
   Dunkle Flaechen erhalten einen helleren Ton derselben Farbfamilie. */
body:not(.cms-admin) main .cms-split-feature > .cms-split-pane--color.cms-theme-original,
.preview .cms-split-feature > .cms-split-pane--color.cms-theme-original,
#preview .cms-split-feature > .cms-split-pane--color.cms-theme-original{
  --cms-split-accent:#9fd3ff;
}
body:not(.cms-admin) main .cms-split-feature > .cms-split-pane--color.cms-theme-blue,
.preview .cms-split-feature > .cms-split-pane--color.cms-theme-blue,
#preview .cms-split-feature > .cms-split-pane--color.cms-theme-blue{
  --cms-split-accent:#8fcaff;
}
body:not(.cms-admin) main .cms-split-feature > .cms-split-pane--color.cms-theme-navy,
.preview .cms-split-feature > .cms-split-pane--color.cms-theme-navy,
#preview .cms-split-feature > .cms-split-pane--color.cms-theme-navy{
  --cms-split-accent:#a8cdea;
}
body:not(.cms-admin) main .cms-split-feature > .cms-split-pane--color.cms-theme-graphite,
.preview .cms-split-feature > .cms-split-pane--color.cms-theme-graphite,
#preview .cms-split-feature > .cms-split-pane--color.cms-theme-graphite{
  --cms-split-accent:#b8c3ce;
}

/* Helle Farbkarten: bewusst dunkle Schrift, damit kein Weiss auf Weiss entsteht. */
body:not(.cms-admin) main .cms-split-feature > .cms-split-pane--color.cms-theme-steel,
body:not(.cms-admin) main .cms-split-feature > .cms-split-pane--color.cms-theme-signal,
body:not(.cms-admin) main .cms-split-feature > .cms-split-pane--color.cms-theme-white,
.preview .cms-split-feature > .cms-split-pane--color.cms-theme-steel,
.preview .cms-split-feature > .cms-split-pane--color.cms-theme-signal,
.preview .cms-split-feature > .cms-split-pane--color.cms-theme-white,
#preview .cms-split-feature > .cms-split-pane--color.cms-theme-steel,
#preview .cms-split-feature > .cms-split-pane--color.cms-theme-signal,
#preview .cms-split-feature > .cms-split-pane--color.cms-theme-white{
  --cms-split-accent:#06101f;
}

/* Fallback, falls ein unbekanntes Theme gespeichert ist. */
body:not(.cms-admin) main .cms-split-feature > .cms-split-pane--color,
.preview .cms-split-feature > .cms-split-pane--color,
#preview .cms-split-feature > .cms-split-pane--color{
  --cms-split-accent-fallback:#d8ebfb;
}

body:not(.cms-admin) main .cms-split-feature > .cms-split-pane--color > h2,
body:not(.cms-admin) main .cms-split-feature > .cms-split-pane--color .cms-split-kicker,
body:not(.cms-admin) main .cms-split-feature > .cms-split-pane--color .cms-split-rule,
.preview .cms-split-feature > .cms-split-pane--color > h2,
.preview .cms-split-feature > .cms-split-pane--color .cms-split-kicker,
.preview .cms-split-feature > .cms-split-pane--color .cms-split-rule,
#preview .cms-split-feature > .cms-split-pane--color > h2,
#preview .cms-split-feature > .cms-split-pane--color .cms-split-kicker,
#preview .cms-split-feature > .cms-split-pane--color .cms-split-rule{
  color:var(--cms-split-accent,var(--cms-split-accent-fallback))!important;
}

/* Striche folgen exakt der Akzentfarbe. */
body:not(.cms-admin) main .cms-split-feature .cms-split-kicker-line,
body:not(.cms-admin) main .cms-split-feature .cms-split-rule,
.preview .cms-split-feature .cms-split-kicker-line,
.preview .cms-split-feature .cms-split-rule,
#preview .cms-split-feature .cms-split-kicker-line,
#preview .cms-split-feature .cms-split-rule{
  background:currentColor!important;
}

/* Die Textfarbe der eigentlichen Beschreibung bleibt wie bisher am Theme orientiert. */
