/* ========================================================================== 
 * Kleyer Sonnenkinder – Designsystem
 * PDF-Maßstab: 1 pt = 1 CSS-px (normative Vorgabe)
 * Globale Schrift- und Basiswerte bleiben zusätzlich im ThemeDesigner editierbar.
 * ========================================================================== */


:root {
  /* Primitive Palette aus den Affinity-/PDF-Vorlagen */
  --kleyer-color-white: #ffffff;
  --kleyer-color-dark-900: #292525;
  --kleyer-color-dark-800: #3b3c42;
  --kleyer-color-gray-700: #555555;
  --kleyer-color-gray-600: #5f5f5f;
  --kleyer-color-gray-400: #a1a1a1;
  --kleyer-color-gray-300: #cfcfcf;
  --kleyer-color-gray-200: #d8d8d8;
  --kleyer-color-blue-700: #465665;
  --kleyer-color-purple-700: #752b5e;
  --kleyer-color-purple-500: #932b72;
  --kleyer-color-orange-600: #cb8606;
  --kleyer-color-orange-500: #f8a913;
  --kleyer-color-green-700: #6a7d21;
  --kleyer-color-green-500: #85a02c;
  --kleyer-color-green-400: #9fbe3c;
  --kleyer-color-aqua-500: #55b6bd;
  --kleyer-color-brick-600: #8a4b3f;
  --kleyer-color-pink-500: #dd4469;

  /* Typografierollen; dieselben Werte liegen im ThemeDesigner. */
  --kleyer-font-body: "Source Sans Pro", "Source Sans 3", Arial, sans-serif;
  --kleyer-font-display: "Amatic SC", cursive;
  --kleyer-font-serif: Georgia, "Times New Roman", serif;
  --kleyer-font-size-body: var(--body-fontSize, 17px);
  --kleyer-line-height-body: 26px;
  --kleyer-font-size-h1: var(--h1-fontSize, 74px);
  --kleyer-line-height-h1: var(--h1-lineHeight, 80px);
  --kleyer-font-size-h2: var(--h2-fontSize, 60px);
  --kleyer-line-height-h2: var(--h2-lineHeight, 66px);
  --kleyer-font-size-h3: var(--h3-fontSize, 40px);
  --kleyer-line-height-h3: var(--h3-lineHeight, 44px);
  --kleyer-font-size-h4: var(--h4-fontSize, 30px);
  --kleyer-line-height-h4: var(--h4-lineHeight, 36px);
  --kleyer-font-size-h5: var(--h5-fontSize, 23px);
  --kleyer-line-height-h5: var(--h5-lineHeight, 29px);
  --kleyer-font-size-h6: var(--h6-fontSize, 18px);
  --kleyer-line-height-h6: var(--h6-lineHeight, 24px);

  /* Semantische Standardrollen */
  --kleyer-page-bg: var(--kleyer-color-white);
  --kleyer-text: var(--kleyer-color-gray-700);
  --kleyer-heading: var(--kleyer-color-purple-500);
  --kleyer-accent: var(--kleyer-color-purple-500);
  --kleyer-accent-contrast: var(--kleyer-color-white);
  --kleyer-surface: var(--kleyer-color-white);
  --kleyer-surface-contrast: var(--kleyer-color-gray-700);
  --kleyer-border: var(--kleyer-color-gray-300);
  --kleyer-focus: var(--kleyer-color-orange-500);
  --kleyer-radius-square: 0px;
  --kleyer-radius-small: 3px;
  --kleyer-radius-tail: 5px;
  --kleyer-radius-medium: 10px;
  --kleyer-radius-button: 18px;
  --kleyer-radius-large: 30px;
  --kleyer-radius-pill: 999px;
  --kleyer-radius-circle: 50%;
  --kleyer-transition-fast: 180ms ease;
}

html,
body {
  font-size: var(--kleyer-font-size-body);
  color: var(--kleyer-text);
  background: var(--kleyer-page-bg);
}

h1, .h1, .h1 p { font-size: var(--kleyer-font-size-h1); line-height: var(--kleyer-line-height-h1); }
h2, .h2, .h2 p { font-size: var(--kleyer-font-size-h2); line-height: var(--kleyer-line-height-h2); }
h3, .h3, .h3 p, .ce_iconbox h3 { font-size: var(--kleyer-font-size-h3) !important; line-height: var(--kleyer-line-height-h3) !important; }
h4, .h4, .h4 p { font-size: var(--kleyer-font-size-h4); line-height: var(--kleyer-line-height-h4); }
h5, .h5, .h5 p { font-size: var(--kleyer-font-size-h5); line-height: var(--kleyer-line-height-h5); }
h6, .h6, .h6 p { font-size: var(--kleyer-font-size-h6); line-height: var(--kleyer-line-height-h6); }

.kleyer-lead,
.ce_leadertext,
blockquote {
  font-family: var(--kleyer-font-serif);
  font-size: 23px;
  line-height: 32px;
}

a,
button,
input,
textarea,
select {
  transition: color var(--kleyer-transition-fast), background-color var(--kleyer-transition-fast), border-color var(--kleyer-transition-fast), outline-color var(--kleyer-transition-fast);
}

:where(a, button, input, textarea, select):focus-visible {
  outline: 3px solid var(--kleyer-focus);
  outline-offset: 3px;
}

/* Artikelvarianten: ein kontrolliertes Merkmal statt CSS-Klassenfeld. */
[data-kleyer-component] {
  --kleyer-section-bg: var(--kleyer-color-white);
  --kleyer-section-text: var(--kleyer-color-gray-700);
  --kleyer-section-heading: var(--kleyer-color-purple-500);
  --kleyer-section-accent: var(--kleyer-color-purple-500);
  --kleyer-section-accent-contrast: var(--kleyer-color-white);
  --kleyer-section-eyebrow: var(--kleyer-section-accent);
  --kleyer-section-button-bg: var(--kleyer-section-accent);
  --kleyer-section-button-text: var(--kleyer-section-accent-contrast);
  --kleyer-section-button-outline-bg: transparent;
  --kleyer-section-button-outline-border: var(--kleyer-section-accent);
  --kleyer-section-button-outline-text: var(--kleyer-section-accent);
  --kleyer-section-quote-text: var(--kleyer-section-text);
  --kleyer-section-quote-mark: var(--kleyer-section-quote-text);
  --kleyer-section-quote-rule: var(--kleyer-section-accent);
  --kleyer-section-list-text: var(--kleyer-section-text);
  --kleyer-section-list-icon: var(--kleyer-section-accent);
  --kleyer-section-lead: var(--kleyer-section-text);
  --kleyer-section-divider: var(--kleyer-section-accent);
  --kleyer-section-muted-text: var(--kleyer-section-text);
  --kleyer-section-strong-text: var(--kleyer-section-text);
  --kleyer-section-link: var(--kleyer-section-accent);
  --kleyer-section-rule: var(--kleyer-section-divider);
  --kleyer-section-card-bg: var(--kleyer-section-bg);
  --kleyer-section-card-text: var(--kleyer-section-text);
  color: var(--kleyer-section-text);
  background-color: var(--kleyer-section-bg);
}



[data-kleyer-component] :where(h1, h2, h3, h4, h5, h6, .headline) {
  color: var(--kleyer-section-heading);
}

/* Funktioniert auf der Überschrift selbst und auf einem Elternelement */
[data-kleyer-component] .txt-color-white {
  --kleyer-section-heading: var(--kleyer-color-white);
}

[data-kleyer-component] :where(.ce_hyperlink a, a.link, .button, button) {
  --kleyer-focus: var(--kleyer-section-accent);
}

/* PCT-Inhaltsrollen an die Artikelpalette anbinden. So bleiben die vorhandenen
 * CustomElements redaktionell nutzbar, ohne zusätzliche Klassen pro Variante. */
[data-kleyer-component] :where(
  .color-default,
  .color-default p,
  .color-default li,
  .ce_text p
) {
  color: var(--kleyer-section-text) !important;
}

[data-kleyer-component] :where(
  .color-accent,
  .color-accent p,
  .color-accent a,
  .color-accent span
) {
  color: var(--kleyer-section-eyebrow) !important;
}

[data-kleyer-component] :where(
  .font_headline,
  .font_headline p,
  .font_headline a,
  .font_headline span
) {
  color: var(--kleyer-section-heading) !important;
}

[data-kleyer-component] .ce_list .list-content {
  color: var(--kleyer-section-list-text) !important;
}

[data-kleyer-component] .ce_list :where(.icon, .icon i) {
  color: var(--kleyer-section-list-icon) !important;
}

[data-kleyer-component] :where(.font-size-2, .font-size-2 p) {
  color: var(--kleyer-section-lead) !important;
}

[data-kleyer-component] .ce_divider_extended {
  color: var(--kleyer-section-divider) !important;
  background-color: var(--kleyer-section-divider) !important;
  border-color: var(--kleyer-section-divider) !important;
}

[data-kleyer-component] .ce_hyperlink.default:not([data-kleyer-style]) > a {
  color: var(--kleyer-section-button-text) !important;
  background-color: var(--kleyer-section-button-bg) !important;
  border-color: var(--kleyer-section-button-bg) !important;
}

[data-kleyer-component] .font-style-quote,
[data-kleyer-component] .font-style-quote > p {
  color: var(--kleyer-section-quote-text) !important;
}

[data-kleyer-component] .font-style-quote > p::before {
  color: var(--kleyer-section-quote-rule) !important;
  background-color: var(--kleyer-section-quote-rule) !important;
  border-color: var(--kleyer-section-quote-rule) !important;
}

/* Explizite Artikelpalette */
[data-kleyer-palette="neutral"] { --kleyer-section-bg: var(--kleyer-color-white); --kleyer-section-text: var(--kleyer-color-gray-700); --kleyer-section-heading: var(--kleyer-color-purple-500); }
[data-kleyer-palette="purple"] { --kleyer-section-bg: var(--kleyer-color-purple-500); --kleyer-section-text: var(--kleyer-color-white); --kleyer-section-heading: var(--kleyer-color-orange-500); --kleyer-section-accent: var(--kleyer-color-orange-500); --kleyer-section-accent-contrast: var(--kleyer-color-dark-900); }
[data-kleyer-palette="green"] { --kleyer-section-bg: var(--kleyer-color-green-700); --kleyer-section-text: var(--kleyer-color-white); --kleyer-section-heading: var(--kleyer-color-white); --kleyer-section-accent: var(--kleyer-color-orange-500); --kleyer-section-accent-contrast: var(--kleyer-color-dark-900); }
[data-kleyer-palette="orange"] { --kleyer-section-bg: var(--kleyer-color-orange-500); --kleyer-section-text: var(--kleyer-color-gray-700); --kleyer-section-heading: var(--kleyer-color-brick-600); --kleyer-section-accent: var(--kleyer-color-purple-500); }
[data-kleyer-palette="aqua"] { --kleyer-section-bg: var(--kleyer-color-aqua-500); --kleyer-section-text: var(--kleyer-color-blue-700); --kleyer-section-heading: var(--kleyer-color-purple-500); --kleyer-section-accent: var(--kleyer-color-purple-500); }
[data-kleyer-palette="blue"] { --kleyer-section-bg: var(--kleyer-color-blue-700); --kleyer-section-text: var(--kleyer-color-white); --kleyer-section-heading: var(--kleyer-color-white); --kleyer-section-accent: var(--kleyer-color-orange-500); }
[data-kleyer-palette="brick"] { --kleyer-section-bg: var(--kleyer-color-brick-600); --kleyer-section-text: var(--kleyer-color-white); --kleyer-section-heading: var(--kleyer-color-white); --kleyer-section-accent: var(--kleyer-color-orange-500); }
[data-kleyer-palette="light-green"] { --kleyer-section-bg: var(--kleyer-color-green-400); --kleyer-section-text: var(--kleyer-color-dark-800); --kleyer-section-heading: var(--kleyer-color-purple-500); --kleyer-section-accent: var(--kleyer-color-purple-500); }
[data-kleyer-palette="pink"] { --kleyer-section-bg: var(--kleyer-color-pink-500); --kleyer-section-text: var(--kleyer-color-white); --kleyer-section-heading: var(--kleyer-color-white); --kleyer-section-accent: var(--kleyer-color-orange-500); }

/* Automatische PDF-Zuordnung Theme 2 */
:is(
  [data-kleyer-component="teaser-2"], [data-kleyer-component="teaser-9"],
  [data-kleyer-component="content-a-3"], [data-kleyer-component="content-a-4"],
  [data-kleyer-component="content-a-6"], [data-kleyer-component="content-a-7"],
  [data-kleyer-component="content-a-9"], [data-kleyer-component="content-a-12"],
  [data-kleyer-component="content-a-14"], [data-kleyer-component="content-a-17"],
  [data-kleyer-component="content-b-1"]
)[data-kleyer-variant="theme-2"][data-kleyer-palette="auto"] {
  --kleyer-section-bg: var(--kleyer-color-purple-500);
  --kleyer-section-text: var(--kleyer-color-white);
  --kleyer-section-heading: var(--kleyer-color-orange-500);
  --kleyer-section-accent: var(--kleyer-color-orange-500);
}

:is(
  [data-kleyer-component="content-a-1"], [data-kleyer-component="content-a-8"],
  [data-kleyer-component="content-b-5"], [data-kleyer-component="content-b-14"],
  [data-kleyer-component="content-b-19"]
)[data-kleyer-variant="theme-2"][data-kleyer-palette="auto"] {
  --kleyer-section-bg: var(--kleyer-color-orange-500);
  --kleyer-section-text: var(--kleyer-color-gray-700);
  --kleyer-section-heading: var(--kleyer-color-brick-600);
  --kleyer-section-accent: var(--kleyer-color-purple-500);
}

:is(
  [data-kleyer-component="teaser-5"], [data-kleyer-component="content-a-2"],
  [data-kleyer-component="content-a-5"], [data-kleyer-component="content-b-9"],
  [data-kleyer-component="content-b-16"]
)[data-kleyer-variant="theme-2"][data-kleyer-palette="auto"] {
  --kleyer-section-bg: var(--kleyer-color-aqua-500);
  --kleyer-section-text: var(--kleyer-color-blue-700);
  --kleyer-section-heading: var(--kleyer-color-purple-500);
}

:is(
  [data-kleyer-component="content-a-13"], [data-kleyer-component="content-a-15"],
  [data-kleyer-component="content-b-10"], [data-kleyer-component="content-b-15"]
)[data-kleyer-variant="theme-2"][data-kleyer-palette="auto"] {
  --kleyer-section-bg: var(--kleyer-color-green-700);
  --kleyer-section-text: var(--kleyer-color-white);
  --kleyer-section-heading: var(--kleyer-color-white);
  --kleyer-section-accent: var(--kleyer-color-orange-500);
}

/* Automatische PDF-Zuordnung Theme 3 */
:is(
  [data-kleyer-component="content-a-1"], [data-kleyer-component="content-a-2"],
  [data-kleyer-component="content-a-4"], [data-kleyer-component="content-a-7"],
  [data-kleyer-component="content-a-8"], [data-kleyer-component="content-b-1"],
  [data-kleyer-component="content-b-9"], [data-kleyer-component="content-b-19"]
)[data-kleyer-variant="theme-3"][data-kleyer-palette="auto"] {
  --kleyer-section-bg: var(--kleyer-color-green-700);
  --kleyer-section-text: var(--kleyer-color-white);
  --kleyer-section-heading: var(--kleyer-color-white);
  --kleyer-section-accent: var(--kleyer-color-orange-500);
}

:is(
  [data-kleyer-component="teaser-2"], [data-kleyer-component="teaser-9"],
  [data-kleyer-component="content-a-3"], [data-kleyer-component="content-a-6"],
  [data-kleyer-component="content-a-12"], [data-kleyer-component="content-a-14"],
  [data-kleyer-component="content-b-5"]
)[data-kleyer-variant="theme-3"][data-kleyer-palette="auto"] {
  --kleyer-section-bg: var(--kleyer-color-orange-500);
  --kleyer-section-text: var(--kleyer-color-gray-700);
  --kleyer-section-heading: var(--kleyer-color-brick-600);
  --kleyer-section-accent: var(--kleyer-color-purple-500);
}

:is(
  [data-kleyer-component="content-a-5"], [data-kleyer-component="content-a-9"],
  [data-kleyer-component="content-a-13"], [data-kleyer-component="content-a-15"],
  [data-kleyer-component="content-a-17"], [data-kleyer-component="content-b-10"],
  [data-kleyer-component="content-b-16"]
)[data-kleyer-variant="theme-3"][data-kleyer-palette="auto"] {
  --kleyer-section-bg: var(--kleyer-color-aqua-500);
  --kleyer-section-text: var(--kleyer-color-blue-700);
  --kleyer-section-heading: var(--kleyer-color-purple-500);
}

/* PDF-genaue Rollen für die Bild-/Dekor-Komponenten. */
[data-kleyer-variant="base"]:is(
  [data-kleyer-component="content-a-4"],
  [data-kleyer-component="content-a-7"],
  [data-kleyer-component="content-a-9"],
  [data-kleyer-component="content-a-13"]
) {
  --kleyer-section-text: var(--kleyer-color-dark-800);
}

/* PDF-genaue Rollen für Content A5. */
[data-kleyer-component="content-a-5"][data-kleyer-variant="base"] {
  --kleyer-section-text: var(--kleyer-color-dark-800);
  --kleyer-section-heading: var(--kleyer-color-blue-700);
  --kleyer-section-eyebrow: var(--kleyer-color-purple-500);
  --kleyer-section-divider: var(--kleyer-color-purple-500);
}

[data-kleyer-component="content-a-5"][data-kleyer-variant="theme-2"][data-kleyer-palette="auto"] {
  --kleyer-section-bg: var(--kleyer-color-green-700);
  --kleyer-section-text: var(--kleyer-color-white);
  --kleyer-section-heading: var(--kleyer-color-white);
  --kleyer-section-eyebrow: var(--kleyer-color-white);
  --kleyer-section-divider: var(--kleyer-color-orange-500);
}

[data-kleyer-component="content-a-5"][data-kleyer-variant="theme-3"][data-kleyer-palette="auto"] {
  --kleyer-section-bg: var(--kleyer-color-aqua-500);
  --kleyer-section-text: var(--kleyer-color-dark-800);
  --kleyer-section-heading: var(--kleyer-color-blue-700);
  --kleyer-section-eyebrow: var(--kleyer-color-purple-500);
  --kleyer-section-divider: var(--kleyer-color-purple-500);
}

/* PDF-genaue Rollen für Content A8. */
[data-kleyer-component="content-a-8"][data-kleyer-variant="base"] {
  --kleyer-section-text: var(--kleyer-color-dark-800);
  --kleyer-section-heading: var(--kleyer-color-purple-500);
  --kleyer-section-lead: var(--kleyer-color-blue-700);
}

[data-kleyer-component="content-a-8"][data-kleyer-variant="theme-2"][data-kleyer-palette="auto"] {
  --kleyer-section-text: var(--kleyer-color-dark-800);
  --kleyer-section-heading: var(--kleyer-color-purple-500);
  --kleyer-section-lead: var(--kleyer-color-dark-800);
}

[data-kleyer-component="content-a-8"][data-kleyer-variant="theme-3"][data-kleyer-palette="auto"] {
  --kleyer-section-lead: var(--kleyer-color-white);
}

[data-kleyer-component="content-a-4"][data-kleyer-variant="base"] {
  --kleyer-section-heading: var(--kleyer-color-blue-700);
  --kleyer-section-divider: var(--kleyer-color-purple-500);
  --kleyer-section-button-bg: var(--kleyer-color-purple-500);
  --kleyer-section-button-text: var(--kleyer-color-white);
  --kleyer-section-button-outline-border: var(--kleyer-color-purple-500);
  --kleyer-section-button-outline-text: var(--kleyer-color-purple-500);
}

[data-kleyer-component="content-a-4"][data-kleyer-palette="auto"]:is([data-kleyer-variant="theme-2"], [data-kleyer-variant="theme-3"]) {
  --kleyer-section-heading: var(--kleyer-color-white);
  --kleyer-section-eyebrow: var(--kleyer-color-white);
  --kleyer-section-divider: var(--kleyer-color-orange-500);
  --kleyer-section-button-bg: var(--kleyer-color-orange-500);
  --kleyer-section-button-text: var(--kleyer-color-white);
  --kleyer-section-button-outline-border: var(--kleyer-color-white);
  --kleyer-section-button-outline-text: var(--kleyer-color-white);
}

[data-kleyer-component="content-a-4"][data-kleyer-variant="theme-2"][data-kleyer-palette="auto"] {
  --kleyer-section-button-bg: var(--kleyer-color-orange-600);
}

[data-kleyer-component="content-a-4"][data-kleyer-variant="theme-3"][data-kleyer-palette="auto"] {
  --kleyer-section-button-text: var(--kleyer-color-dark-800);
}

/* Content A4: PDF-Normwerte 17/28 px und Trennstrich 46 x 2 px. */
[data-kleyer-component="content-a-4"] .font-size-1,
[data-kleyer-component="content-a-4"] .font-size-1 p {
  font-size: 17px;
  line-height: 28px;
}


/* Content A4: zwei redaktionell bearbeitbare Beispielaktionen aus der PDF. */
[data-kleyer-component="content-a-4"] .ce_hyperlink:is([data-kleyer-style="filled"], [data-kleyer-style="outlined"]) {
  display: inline-block;
  margin: 0;
  vertical-align: top;
}

[data-kleyer-component="content-a-4"] .ce_hyperlink[data-kleyer-style="filled"] {
  margin-right: 32px;
}

[data-kleyer-component="content-a-4"] .ce_hyperlink:is([data-kleyer-style="filled"], [data-kleyer-style="outlined"]) > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  border: 2px solid;
  border-radius: var(--kleyer-radius-button);
}

[data-kleyer-component="content-a-4"] .ce_hyperlink[data-kleyer-style="filled"] > a {
  width: 183px;
  height: 54px;
  color: var(--kleyer-section-button-text) !important;
  background-color: var(--kleyer-section-button-bg) !important;
  border-color: var(--kleyer-section-button-bg) !important;
}

[data-kleyer-component="content-a-4"] .ce_hyperlink[data-kleyer-style="outlined"] > a {
  width: 185px;
  height: 56px;
  color: var(--kleyer-section-button-outline-text) !important;
  background-color: var(--kleyer-section-button-outline-bg) !important;
  border-color: var(--kleyer-section-button-outline-border) !important;
}

@media only screen and (max-width: 480px) {
  [data-kleyer-component="content-a-4"] .ce_hyperlink[data-kleyer-style="filled"] {
    margin-right: 0;
    margin-bottom: 16px;
  }

  [data-kleyer-component="content-a-4"] .ce_hyperlink:is([data-kleyer-style="filled"], [data-kleyer-style="outlined"]) {
    display: block;
  }
}

[data-kleyer-component="content-a-7"][data-kleyer-variant="base"] {
  --kleyer-section-heading: var(--kleyer-color-blue-700);
}

[data-kleyer-component="content-a-7"][data-kleyer-variant="theme-2"][data-kleyer-palette="auto"] {
  --kleyer-section-heading: var(--kleyer-color-orange-500);
  --kleyer-section-eyebrow: var(--kleyer-color-white);
}

[data-kleyer-component="content-a-7"][data-kleyer-variant="theme-3"][data-kleyer-palette="auto"] {
  --kleyer-section-heading: var(--kleyer-color-white);
  --kleyer-section-eyebrow: var(--kleyer-color-white);
}

[data-kleyer-component="content-a-9"][data-kleyer-variant="base"] {
  --kleyer-section-quote-text: var(--kleyer-color-blue-700);
  --kleyer-section-quote-mark: var(--kleyer-color-blue-700);
  --kleyer-section-quote-rule: var(--kleyer-color-purple-500);
}

[data-kleyer-component="content-a-9"][data-kleyer-variant="theme-2"][data-kleyer-palette="auto"] {
  --kleyer-section-heading: var(--kleyer-color-white);
  --kleyer-section-quote-text: var(--kleyer-color-white);
  --kleyer-section-quote-mark: var(--kleyer-color-orange-500);
  --kleyer-section-quote-rule: var(--kleyer-color-orange-500);
}

[data-kleyer-component="content-a-9"][data-kleyer-variant="theme-3"][data-kleyer-palette="auto"] {
  --kleyer-section-text: var(--kleyer-color-dark-800);
  --kleyer-section-quote-text: var(--kleyer-color-dark-800);
  --kleyer-section-quote-mark: var(--kleyer-color-dark-800);
  --kleyer-section-quote-rule: var(--kleyer-color-purple-500);
}

[data-kleyer-component="content-a-13"][data-kleyer-variant="base"] {
  --kleyer-section-list-text: var(--kleyer-color-gray-700);
  --kleyer-section-list-icon: var(--kleyer-color-purple-500);
}

[data-kleyer-component="content-a-13"][data-kleyer-variant="theme-2"] {
  --kleyer-section-button-bg: var(--kleyer-color-orange-500);
  --kleyer-section-button-text: var(--kleyer-color-blue-700);
  --kleyer-section-list-text: var(--kleyer-color-white);
  --kleyer-section-list-icon: var(--kleyer-color-white);
}

[data-kleyer-component="content-a-13"][data-kleyer-variant="theme-3"][data-kleyer-palette="auto"] {
  --kleyer-section-text: var(--kleyer-color-dark-800);
  --kleyer-section-button-bg: var(--kleyer-color-purple-500);
  --kleyer-section-button-text: var(--kleyer-color-white);
  --kleyer-section-list-text: var(--kleyer-color-gray-700);
  --kleyer-section-list-icon: var(--kleyer-color-purple-500);
}

/* Redaktionsfelder an Inhaltselementen */
[data-kleyer-accent="purple"] { --kleyer-accent: var(--kleyer-color-purple-500); --kleyer-accent-contrast: var(--kleyer-color-white); }
[data-kleyer-accent="green"] { --kleyer-accent: var(--kleyer-color-green-700); --kleyer-accent-contrast: var(--kleyer-color-white); }
[data-kleyer-accent="orange"] { --kleyer-accent: var(--kleyer-color-orange-500); --kleyer-accent-contrast: var(--kleyer-color-dark-900); }
[data-kleyer-accent="aqua"] { --kleyer-accent: var(--kleyer-color-aqua-500); --kleyer-accent-contrast: var(--kleyer-color-blue-700); }
[data-kleyer-accent="blue"] { --kleyer-accent: var(--kleyer-color-blue-700); --kleyer-accent-contrast: var(--kleyer-color-white); }
[data-kleyer-accent="brick"] { --kleyer-accent: var(--kleyer-color-brick-600); --kleyer-accent-contrast: var(--kleyer-color-white); }
[data-kleyer-accent="light-green"] { --kleyer-accent: var(--kleyer-color-green-400); --kleyer-accent-contrast: var(--kleyer-color-dark-900); }
[data-kleyer-accent="pink"] { --kleyer-accent: var(--kleyer-color-pink-500); --kleyer-accent-contrast: var(--kleyer-color-white); }
[data-kleyer-accent="white"] { --kleyer-accent: var(--kleyer-color-white); --kleyer-accent-contrast: var(--kleyer-color-dark-900); }
[data-kleyer-accent="dark"] { --kleyer-accent: var(--kleyer-color-dark-800); --kleyer-accent-contrast: var(--kleyer-color-white); }

[data-kleyer-surface="purple"] { --kleyer-surface: var(--kleyer-color-purple-500); --kleyer-surface-contrast: var(--kleyer-color-white); }
[data-kleyer-surface="green"] { --kleyer-surface: var(--kleyer-color-green-700); --kleyer-surface-contrast: var(--kleyer-color-white); }
[data-kleyer-surface="orange"] { --kleyer-surface: var(--kleyer-color-orange-500); --kleyer-surface-contrast: var(--kleyer-color-dark-900); }
[data-kleyer-surface="aqua"] { --kleyer-surface: var(--kleyer-color-aqua-500); --kleyer-surface-contrast: var(--kleyer-color-blue-700); }
[data-kleyer-surface="blue"] { --kleyer-surface: var(--kleyer-color-blue-700); --kleyer-surface-contrast: var(--kleyer-color-white); }
[data-kleyer-surface="brick"] { --kleyer-surface: var(--kleyer-color-brick-600); --kleyer-surface-contrast: var(--kleyer-color-white); }
[data-kleyer-surface="light-green"] { --kleyer-surface: var(--kleyer-color-green-400); --kleyer-surface-contrast: var(--kleyer-color-dark-900); }
[data-kleyer-surface="pink"] { --kleyer-surface: var(--kleyer-color-pink-500); --kleyer-surface-contrast: var(--kleyer-color-white); }
[data-kleyer-surface="white"] { --kleyer-surface: var(--kleyer-color-white); --kleyer-surface-contrast: var(--kleyer-color-gray-700); }
[data-kleyer-surface="dark"] { --kleyer-surface: var(--kleyer-color-dark-800); --kleyer-surface-contrast: var(--kleyer-color-white); }

[data-kleyer-style="filled"] :where(.ce_iconbox_outside, .content, .inside),
[data-kleyer-style="soft"] :where(.ce_iconbox_outside, .content, .inside) {
  color: var(--kleyer-surface-contrast);
  background-color: var(--kleyer-surface);
}

[data-kleyer-style="outlined"] :where(.ce_iconbox_outside, .content, .inside) {
  color: var(--kleyer-accent);
  background: transparent;
  border: 2px solid var(--kleyer-accent);
}

/* Einheitliche Eckenrollen aus dem Redaktionsfeld „Eckenform“. */
[data-kleyer-radius="square"] { --kleyer-element-radius: var(--kleyer-radius-square); }
[data-kleyer-radius="small"] { --kleyer-element-radius: var(--kleyer-radius-small); }
[data-kleyer-radius="medium"] { --kleyer-element-radius: var(--kleyer-radius-medium); }
[data-kleyer-radius="button"] { --kleyer-element-radius: var(--kleyer-radius-button); }
[data-kleyer-radius="large"] { --kleyer-element-radius: var(--kleyer-radius-large); }
[data-kleyer-radius="pill"] { --kleyer-element-radius: var(--kleyer-radius-pill); }
[data-kleyer-radius="circle"] { --kleyer-element-radius: var(--kleyer-radius-circle); }

[data-kleyer-radius]:is(.ce_hyperlink, .ce_textlink, .ce_fancylink) > a,
[data-kleyer-radius]:is(.ce_image, .ce_image_extended) img,
[data-kleyer-radius].ce_image_collage_2pics img,
[data-kleyer-radius] :where(.ce_iconbox_outside, .content, .inside) {
  border-radius: var(--kleyer-element-radius) !important;
}

/* Eigene Button-Bibliothek: PDF-Norm 1 pt = 1 px.
 * Die Gestaltung hängt direkt am Inhaltselement und bleibt beim Kopieren
 * in andere Artikel erhalten. Nur Ausrichtung und Abstände gehören zur Tafel. */
[data-kleyer-component="buttons"] {
  /* Ghost-, Text- und Fancylinks richten sich nach der Fläche, nicht nach
   * der Akzentfarbe des einzelnen Elements. */
  --kleyer-secondary-action: var(--kleyer-section-text);
}

[data-kleyer-component="buttons"]:is(
  [data-kleyer-palette="blue"],
  [data-kleyer-palette="green"],
  [data-kleyer-palette="purple"]
) {
  --kleyer-secondary-action: var(--kleyer-color-white);
}

[data-kleyer-component="buttons"]:is(
  [data-kleyer-palette="aqua"],
  [data-kleyer-palette="orange"]
) {
  --kleyer-secondary-action: var(--kleyer-color-dark-800);
}

/* Auf der weißen Fläche bleibt die jeweilige Reihenfarbe sichtbar. */
[data-kleyer-component="buttons"][data-kleyer-palette="neutral"] [data-kleyer-accent] {
  --kleyer-secondary-action: var(--kleyer-accent);
}

[data-kleyer-component="buttons"] > .container {
  align-items: center;
  row-gap: 48px;
  padding-top: 72px;
  padding-bottom: 72px;
}

[data-kleyer-component="buttons"] :is(.ce_hyperlink, .ce_textlink, .ce_fancylink) {
  display: flex;
  align-items: center;
  justify-content: center;
}

:is(.ce_hyperlink, .ce_textlink, .ce_fancylink)[data-kleyer-style] {
  --kleyer-action-color: var(
    --kleyer-secondary-action,
    var(--kleyer-section-text, var(--kleyer-accent, var(--kleyer-color-gray-700)))
  );
  min-width: 0;
}

/* Eine im Element ausdrücklich gewählte Akzentfarbe hat außerhalb der
 * Button-Tafeln Vorrang. Bei „vom Artikel übernehmen“ bleibt die Flächenfarbe
 * maßgeblich; auf den Tafeln steuert --kleyer-secondary-action den Kontrast. */
:is(.ce_hyperlink, .ce_textlink, .ce_fancylink)[data-kleyer-style][data-kleyer-accent]:not([data-kleyer-accent="inherit"]) {
  --kleyer-action-color: var(--kleyer-secondary-action, var(--kleyer-accent));
}

:where(.ce_hyperlink)[data-kleyer-style="filled"] > a,
:where(.ce_hyperlink)[data-kleyer-style="outlined"] > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0;
  font-family: var(--kleyer-font-body);
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
  border: 2px solid transparent !important;
  border-radius: var(--kleyer-element-radius, var(--kleyer-radius-button)) !important;
}

:where(.ce_hyperlink)[data-kleyer-style="filled"] > a {
  width: 183px;
  height: 54px;
  color: var(--kleyer-accent-contrast, var(--kleyer-color-white)) !important;
  background-color: var(--kleyer-accent, var(--kleyer-color-purple-500)) !important;
  border-color: var(--kleyer-accent, var(--kleyer-color-purple-500)) !important;
}

:where(.ce_hyperlink)[data-kleyer-style="outlined"] > a {
  width: 185px;
  height: 56px;
  color: var(--kleyer-action-color) !important;
  background-color: transparent !important;
  border-color: var(--kleyer-action-color) !important;
}

:where(.ce_textlink)[data-kleyer-style] > a,
:where(.ce_textlink)[data-kleyer-style] :where(a, .link, .hyperlink_txt) {
  color: var(--kleyer-action-color) !important;
  font-family: var(--kleyer-font-body) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
}

:where(.ce_textlink)[data-kleyer-style][data-style="style1"] a::after {
  background-color: var(--kleyer-action-color) !important;
}

:where(.ce_fancylink)[data-kleyer-style] :where(a, .link, .hyperlink_txt) {
  color: var(--kleyer-action-color) !important;
  font-family: var(--kleyer-font-body) !important;
  font-size: 16px !important;
  line-height: 24px !important;
}

:where(.ce_fancylink.style1)[data-kleyer-style] .shaft {
  width: 25px !important;
  height: 1px !important;
}

:where(.ce_fancylink.style1)[data-kleyer-style] .shaft,
:where(.ce_fancylink.style1)[data-kleyer-style] .shaft::before,
:where(.ce_fancylink.style1)[data-kleyer-style] .shaft::after {
  background-color: var(--kleyer-action-color) !important;
}

@media only screen and (max-width: 767px) {
  [data-kleyer-component="buttons"] > .container {
    row-gap: 32px;
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

/* Teaser-Komponenten */
[data-kleyer-element="linkbox-card"] {
  --kleyer-linkbox-bg: var(--kleyer-color-dark-900);
  --kleyer-linkbox-text: var(--kleyer-color-white);
}

[data-kleyer-component="teaser-2"] .ce_linkbox {
  --kleyer-linkbox-bg: var(--kleyer-color-dark-900);
  --kleyer-linkbox-text: var(--kleyer-color-white);
}

[data-kleyer-element="linkbox-card"][data-kleyer-surface]:not([data-kleyer-surface="inherit"]) {
  --kleyer-linkbox-bg: var(--kleyer-surface);
  --kleyer-linkbox-text: var(--kleyer-surface-contrast);
}

[data-kleyer-component="teaser-2"] .ce_linkbox .content,
[data-kleyer-element="linkbox-card"] .content {
  color: var(--kleyer-linkbox-text);
  background: var(--kleyer-linkbox-bg);
}

[data-kleyer-component="teaser-5"] .autogrid_row > .column:nth-child(4n + 1) .ce_iconbox { --kleyer-card-bg: var(--kleyer-color-green-700); }
[data-kleyer-component="teaser-5"] .autogrid_row > .column:nth-child(4n + 2) .ce_iconbox { --kleyer-card-bg: var(--kleyer-color-orange-500); --kleyer-card-fg: var(--kleyer-color-gray-700); }
[data-kleyer-component="teaser-5"] .autogrid_row > .column:nth-child(4n + 3) .ce_iconbox { --kleyer-card-bg: var(--kleyer-color-aqua-500); --kleyer-card-fg: var(--kleyer-color-blue-700); }
[data-kleyer-component="teaser-5"] .autogrid_row > .column:nth-child(4n + 4) .ce_iconbox { --kleyer-card-bg: var(--kleyer-color-purple-500); }
[data-kleyer-component="teaser-5"][data-kleyer-variant="theme-2"] .autogrid_row > .column:nth-child(4n + 3) .ce_iconbox,
[data-kleyer-component="teaser-5"][data-kleyer-variant="theme-3"] .autogrid_row > .column:nth-child(4n + 1) .ce_iconbox { --kleyer-card-bg: var(--kleyer-color-blue-700); --kleyer-card-fg: var(--kleyer-color-white); }
[data-kleyer-component="teaser-5"] .ce_iconbox { --kleyer-card-fg: var(--kleyer-color-white); }
[data-kleyer-component="teaser-5"] .ce_iconbox .ce_iconbox_outside { color: var(--kleyer-card-fg) !important; background-color: var(--kleyer-card-bg) !important; }
[data-kleyer-component="teaser-5"] .ce_iconbox :where(i, a, p, .headline, .content, .link) { color: var(--kleyer-card-fg) !important; }

[data-kleyer-component="teaser-9"] .autogrid_row > .column:nth-child(3n + 1) .ce_iconbox { --kleyer-card-bg: var(--kleyer-color-purple-500); }
[data-kleyer-component="teaser-9"] .autogrid_row > .column:nth-child(3n + 2) .ce_iconbox { --kleyer-card-bg: var(--kleyer-color-green-700); }
[data-kleyer-component="teaser-9"] .autogrid_row > .column:nth-child(3n + 3) .ce_iconbox { --kleyer-card-bg: var(--kleyer-color-orange-500); --kleyer-card-fg: var(--kleyer-color-gray-700); }
[data-kleyer-component="teaser-9"][data-kleyer-variant="theme-2"] .autogrid_row > .column:nth-child(3n + 1) .ce_iconbox { --kleyer-card-bg: var(--kleyer-color-orange-500); --kleyer-card-fg: var(--kleyer-color-gray-700); }
[data-kleyer-component="teaser-9"][data-kleyer-variant="theme-2"] .autogrid_row > .column:nth-child(3n + 3) .ce_iconbox,
[data-kleyer-component="teaser-9"][data-kleyer-variant="theme-3"] .autogrid_row > .column:nth-child(3n + 3) .ce_iconbox { --kleyer-card-bg: var(--kleyer-color-aqua-500); --kleyer-card-fg: var(--kleyer-color-blue-700); }
[data-kleyer-component="teaser-9"] .ce_iconbox { --kleyer-card-fg: var(--kleyer-color-white); }
[data-kleyer-component="teaser-9"] .ce_iconbox .ce_iconbox_outside { color: var(--kleyer-card-fg) !important; background-color: var(--kleyer-card-bg) !important; }
[data-kleyer-component="teaser-9"] .ce_iconbox :where(i, a, p, .headline, .content, .link) { color: var(--kleyer-card-fg) !important; }

/* ========================================================================== 
 * PDF-Farbaudit 2026-09-01
 * Die folgenden Rollen bilden Text-, Linien-, Icon- und Flächenfarben der
 * Affinity-/PDF-Vorlagen komponentengenau ab. Sie greifen nur bei "auto";
 * eine im Artikel gewählte manuelle Palette bleibt dadurch wirksam.
 * ========================================================================== */

/* Content A1: Weiß / Violett / Orange. */
[data-kleyer-component="content-a-1"][data-kleyer-variant="base"][data-kleyer-palette="auto"] {
  --kleyer-section-bg: var(--kleyer-color-white);
  --kleyer-section-text: var(--kleyer-color-dark-800);
  --kleyer-section-heading: var(--kleyer-color-purple-500);
  --kleyer-section-lead: var(--kleyer-color-dark-800);
  --kleyer-section-eyebrow: var(--kleyer-color-purple-500);
  --kleyer-section-divider: var(--kleyer-color-purple-500);
}

[data-kleyer-component="content-a-1"][data-kleyer-variant="theme-2"][data-kleyer-palette="auto"] {
  --kleyer-section-bg: var(--kleyer-color-purple-500);
  --kleyer-section-text: var(--kleyer-color-white);
  --kleyer-section-heading: var(--kleyer-color-orange-500);
  --kleyer-section-lead: var(--kleyer-color-white);
  --kleyer-section-eyebrow: var(--kleyer-color-white);
  --kleyer-section-divider: var(--kleyer-color-orange-500);
}

[data-kleyer-component="content-a-1"][data-kleyer-variant="theme-3"][data-kleyer-palette="auto"] {
  --kleyer-section-bg: var(--kleyer-color-orange-500);
  --kleyer-section-text: var(--kleyer-color-dark-800);
  --kleyer-section-heading: var(--kleyer-color-purple-500);
  --kleyer-section-lead: var(--kleyer-color-dark-800);
  --kleyer-section-eyebrow: var(--kleyer-color-dark-800);
  --kleyer-section-divider: var(--kleyer-color-purple-500);
}

[data-kleyer-component="content-a-1"] .ce_text :where(p, strong, a) {
  color: var(--kleyer-section-text) !important;
}

[data-kleyer-component="content-a-1"] .ce_text :where(strong, a) {
  color: var(--kleyer-section-eyebrow) !important;
}

[data-kleyer-component="content-a-1"] .ce_divider_image.mb-l {
  position: relative;
}

[data-kleyer-component="content-a-1"] .ce_divider_image.mb-l img {
  visibility: hidden;
}

[data-kleyer-component="content-a-1"] .ce_divider_image.mb-l::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 46px;
  background-color: var(--kleyer-section-divider);
  transform: translateX(-50%);
}

/* Content A2: Fließtext und Fettzeilen besitzen getrennte PDF-Rollen. */
[data-kleyer-component="content-a-2"][data-kleyer-variant="base"][data-kleyer-palette="auto"] {
  --kleyer-section-text: var(--kleyer-color-dark-800);
  --kleyer-section-strong-text: var(--kleyer-color-gray-700);
  --kleyer-section-link: var(--kleyer-color-purple-500);
}

[data-kleyer-component="content-a-2"][data-kleyer-variant="theme-2"][data-kleyer-palette="auto"] {
  --kleyer-section-text: var(--kleyer-color-gray-700);
  --kleyer-section-strong-text: var(--kleyer-color-gray-700);
  --kleyer-section-link: var(--kleyer-color-dark-800);
}

[data-kleyer-component="content-a-2"][data-kleyer-variant="theme-3"][data-kleyer-palette="auto"] {
  --kleyer-section-text: var(--kleyer-color-white);
  --kleyer-section-strong-text: var(--kleyer-color-white);
  --kleyer-section-link: var(--kleyer-color-white);
}

[data-kleyer-component="content-a-2"] :where(.ce_text, .ce_text_extented) p {
  color: var(--kleyer-section-text) !important;
}

[data-kleyer-component="content-a-2"] :where(.ce_text, .ce_text_extented) strong {
  color: var(--kleyer-section-strong-text) !important;
}

[data-kleyer-component="content-a-2"] :where(.ce_fancylink, .ce_hyperlink, a.link) a,
[data-kleyer-component="content-a-2"] a.link {
  color: var(--kleyer-section-link) !important;
}

/* Content A3: Die beiden Themen waren zuvor vertauscht. */
[data-kleyer-component="content-a-3"][data-kleyer-variant="base"][data-kleyer-palette="auto"] {
  --kleyer-section-bg: var(--kleyer-color-white);
  --kleyer-section-text: var(--kleyer-color-dark-800);
  --kleyer-section-heading: var(--kleyer-color-purple-500);
  --kleyer-section-rule: var(--kleyer-color-gray-200);
}

[data-kleyer-component="content-a-3"][data-kleyer-variant="theme-2"][data-kleyer-palette="auto"] {
  --kleyer-section-bg: var(--kleyer-color-orange-500);
  --kleyer-section-text: var(--kleyer-color-dark-800);
  --kleyer-section-heading: var(--kleyer-color-purple-500);
  --kleyer-section-link: var(--kleyer-color-dark-800);
  --kleyer-section-rule: var(--kleyer-color-orange-600);
}

[data-kleyer-component="content-a-3"][data-kleyer-variant="theme-3"][data-kleyer-palette="auto"] {
  --kleyer-section-bg: var(--kleyer-color-purple-500);
  --kleyer-section-text: var(--kleyer-color-white);
  --kleyer-section-heading: var(--kleyer-color-orange-500);
  --kleyer-section-link: var(--kleyer-color-white);
  --kleyer-section-rule: var(--kleyer-color-brick-600);
}

[data-kleyer-component="content-a-3"] :where(.ce_text p, .ce_iconbox p) {
  color: var(--kleyer-section-text) !important;
}

[data-kleyer-component="content-a-3"] :where(.ce_fancylink a, a.link) {
  color: var(--kleyer-section-link) !important;
}

[data-kleyer-component="content-a-3"] :where(h3, .headline) {
  color: var(--kleyer-section-heading) !important;
  border-color: var(--kleyer-section-rule) !important;
}

/* Content A6: Navigation, Textspalten, Trennstrich und Zusatzflächen. */
[data-kleyer-component="content-a-6"][data-kleyer-variant="base"][data-kleyer-palette="auto"] {
  --kleyer-section-text: var(--kleyer-color-dark-800);
  --kleyer-section-heading: var(--kleyer-color-blue-700);
  --kleyer-section-eyebrow: var(--kleyer-color-purple-500);
  --kleyer-section-divider: var(--kleyer-color-purple-500);
}

[data-kleyer-component="content-a-6"][data-kleyer-variant="theme-2"][data-kleyer-palette="auto"] {
  --kleyer-section-text: var(--kleyer-color-white);
  --kleyer-section-heading: var(--kleyer-color-white);
  --kleyer-section-eyebrow: var(--kleyer-color-white);
  --kleyer-section-divider: var(--kleyer-color-orange-500);
}

[data-kleyer-component="content-a-6"][data-kleyer-variant="theme-3"][data-kleyer-palette="auto"] {
  --kleyer-section-text: var(--kleyer-color-dark-800);
  --kleyer-section-heading: var(--kleyer-color-dark-800);
  --kleyer-section-eyebrow: var(--kleyer-color-dark-800);
  --kleyer-section-divider: var(--kleyer-color-green-700);
}

[data-kleyer-component="content-a-6"] :where(.ce_text p, .ce_text strong) {
  color: var(--kleyer-section-text) !important;
}

/* Content A6: PDF-Typorollen 40/44, 60/66 und 17/28 px. */
[data-kleyer-component="content-a-6"] .ce_text_extented.font-size-4 p {
  font-family: var(--kleyer-font-display) !important;
  font-size: var(--kleyer-font-size-h3) !important;
  font-weight: 700 !important;
  line-height: var(--kleyer-line-height-h3) !important;
}

[data-kleyer-component="content-a-6"] .ce_headline_extended :is(h1, .h1) {
  font-family: var(--kleyer-font-display) !important;
  font-weight: 700 !important;
}

[data-kleyer-component="content-a-6"] :where(.vlist a, .mod_customnav a) {
  font-family: var(--kleyer-font-body) !important;
  font-size: 18px !important;
  line-height: 24px !important;
}

[data-kleyer-component="content-a-6"] .ce_text_extented:not(.font-size-4,h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .ce_revolutionslider_text.bold, .font_headline ) p {
  font-family: var(--kleyer-font-body) !important;
  font-size: 17px !important;
  line-height: 28px !important;
}

[data-kleyer-component="content-a-6"] :where(.vlist a, .mod_customnav p, .mod_customnav a) {
  color: var(--kleyer-section-eyebrow) !important;
}

[data-kleyer-component="content-a-6"] :where(.vlist a.active, .mod_customnav a.active) {
  color: var(--kleyer-section-eyebrow) !important;
  background-color: transparent !important;
}

[data-kleyer-component="content-a-6"] .ce_downloads_box_inside {
  color: var(--kleyer-section-text) !important;
  background-color: transparent !important;
}

[data-kleyer-component="content-a-6"] .ce_downloads_box_inside :where(h1, h2, h3, h4, h5, h6, a, span) {
  color: var(--kleyer-section-text) !important;
}

/* Content A8: Headline 74/80 bleibt H1; die Subheadline ist laut PDF eine
 * Georgia-Rolle mit 23/32 px, der Fließtext läuft 17/28 px. */
[data-kleyer-component="content-a-8"] .ce_text_extented.font-size-2 p {
  font-family: var(--kleyer-font-serif) !important;
  font-size: var(--kleyer-font-size-h5) !important;
  font-weight: 400 !important;
  line-height: 32px !important;
}

[data-kleyer-component="content-a-8"] .ce_text p {
  font-family: var(--kleyer-font-body) !important;
  font-size: 17px !important;
  line-height: 28px !important;
}

/* Content A12: keine fremde graue Innenfläche auf den Farbthemes. */
[data-kleyer-component="content-a-12"][data-kleyer-variant="base"][data-kleyer-palette="auto"] {
  --kleyer-section-text: var(--kleyer-color-dark-900);
  --kleyer-section-heading: var(--kleyer-color-purple-500);
  --kleyer-section-lead: var(--kleyer-color-blue-700);
  --kleyer-section-divider: var(--kleyer-color-purple-500);
}

[data-kleyer-component="content-a-12"][data-kleyer-variant="theme-2"][data-kleyer-palette="auto"] {
  --kleyer-section-text: var(--kleyer-color-white);
  --kleyer-section-heading: var(--kleyer-color-orange-500);
  --kleyer-section-lead: var(--kleyer-color-white);
  --kleyer-section-divider: var(--kleyer-color-orange-500);
}

[data-kleyer-component="content-a-12"][data-kleyer-variant="theme-3"][data-kleyer-palette="auto"] {
  --kleyer-section-text: var(--kleyer-color-dark-800);
  --kleyer-section-heading: var(--kleyer-color-purple-500);
  --kleyer-section-lead: var(--kleyer-color-dark-800);
  --kleyer-section-divider: var(--kleyer-color-purple-500);
}

[data-kleyer-component="content-a-12"] .ce_bgimage {
  background-color: transparent !important;
}

[data-kleyer-component="content-a-12"] .ce_bgimage img {
  border-color: var(--kleyer-section-divider) !important;
}

[data-kleyer-component="content-a-12"] :where(.ce_text, .ce_text_extented) p {
  color: var(--kleyer-section-text) !important;
}

[data-kleyer-component="content-a-12"] :where(.font-size-1, .font-size-1 p, .font-size-2, .font-size-2 p) {
  color: var(--kleyer-section-lead) !important;
}

[data-kleyer-component="content-a-12"] :where(.ce_text, .ce_text_extented).font-size-1 p,
[data-kleyer-component="content-a-12"] :where(.ce_text, .ce_text_extented).font-size-2 p {
  color: var(--kleyer-section-lead) !important;
}

/* Content A13: der orange Theme-Button trägt dunkelgrauen Text. */
[data-kleyer-component="content-a-13"][data-kleyer-variant="theme-2"][data-kleyer-palette="auto"] {
  --kleyer-section-button-text: var(--kleyer-color-dark-800);
}

/* Content A9/A14: Zitattext, Anführungszeichen und senkrechte Linie getrennt. */
[data-kleyer-element="quote-lined"] {
  --kleyer-element-quote-text: var(--kleyer-color-blue-700);
  --kleyer-element-quote-mark: var(--kleyer-color-blue-700);
  --kleyer-element-quote-rule: var(--kleyer-color-purple-500);
}

:is(
  [data-kleyer-component="content-a-9"],
  [data-kleyer-component="content-a-14"]
) [data-kleyer-element="quote-lined"] {
  --kleyer-element-quote-text: var(--kleyer-section-quote-text);
  --kleyer-element-quote-mark: var(--kleyer-section-quote-mark);
  --kleyer-element-quote-rule: var(--kleyer-section-quote-rule);
}

[data-kleyer-element="quote-lined"][data-kleyer-accent]:not([data-kleyer-accent="inherit"]) {
  --kleyer-element-quote-mark: var(--kleyer-accent);
  --kleyer-element-quote-rule: var(--kleyer-accent);
}

[data-kleyer-component="content-a-14"][data-kleyer-variant="base"][data-kleyer-palette="auto"],
[data-kleyer-component="content-a-14"][data-kleyer-variant="theme-3"][data-kleyer-palette="auto"] {
  --kleyer-section-quote-text: var(--kleyer-color-blue-700);
  --kleyer-section-quote-mark: var(--kleyer-color-blue-700);
  --kleyer-section-quote-rule: var(--kleyer-color-purple-500);
}

[data-kleyer-component="content-a-14"][data-kleyer-variant="theme-2"][data-kleyer-palette="auto"] {
  --kleyer-section-quote-text: var(--kleyer-color-white);
  --kleyer-section-quote-mark: var(--kleyer-color-orange-500);
  --kleyer-section-quote-rule: var(--kleyer-color-orange-500);
}

:is(
  [data-kleyer-component="content-a-9"],
  [data-kleyer-component="content-a-14"]
) blockquote,
[data-kleyer-element="quote-lined"] blockquote {
  color: var(--kleyer-element-quote-text, var(--kleyer-section-quote-text)) !important;
  border-left-color: var(--kleyer-element-quote-rule, var(--kleyer-section-quote-rule)) !important;
}

:is(
  [data-kleyer-component="content-a-9"],
  [data-kleyer-component="content-a-14"]
) blockquote p,
[data-kleyer-element="quote-lined"] blockquote p {
  color: var(--kleyer-element-quote-text, var(--kleyer-section-quote-text)) !important;
}

:is(
  [data-kleyer-component="content-a-9"],
  [data-kleyer-component="content-a-14"]
) blockquote p::before,
[data-kleyer-element="quote-lined"] blockquote p::before {
  color: var(--kleyer-element-quote-mark, var(--kleyer-section-quote-mark)) !important;
}

/* Content A15: die Animation zerlegt die Überschrift in .word-Spans. */
[data-kleyer-element="animated-headline"] {
  --kleyer-element-headline: var(--kleyer-accent, var(--kleyer-color-purple-500));
}

[data-kleyer-component="content-a-15"] [data-kleyer-element="animated-headline"] {
  --kleyer-element-headline: var(--kleyer-section-heading);
}

[data-kleyer-component="content-a-15"] :where(.headline, .word),
[data-kleyer-element="animated-headline"] :where(.headline, .word) {
  color: var(--kleyer-element-headline, var(--kleyer-section-heading)) !important;
}

/* Content A17: Listeninhalt, Haken und kurze Trennstriche. */
[data-kleyer-element="checklist-lined"] {
  --kleyer-element-list-text: var(--kleyer-color-gray-700);
  --kleyer-element-list-icon: var(--kleyer-color-purple-500);
  --kleyer-element-list-rule: var(--kleyer-color-dark-900);
}

[data-kleyer-component="content-a-17"] [data-kleyer-element="checklist-lined"] {
  --kleyer-element-list-text: var(--kleyer-section-list-text);
  --kleyer-element-list-icon: var(--kleyer-section-list-icon);
  --kleyer-element-list-rule: var(--kleyer-section-rule);
}

[data-kleyer-element="checklist-lined"][data-kleyer-accent]:not([data-kleyer-accent="inherit"]) {
  --kleyer-element-list-icon: var(--kleyer-accent);
  --kleyer-element-list-rule: var(--kleyer-accent);
}

[data-kleyer-component="content-a-17"][data-kleyer-variant="base"][data-kleyer-palette="auto"] {
  --kleyer-section-list-text: var(--kleyer-color-gray-700);
  --kleyer-section-list-icon: var(--kleyer-color-purple-500);
  --kleyer-section-rule: var(--kleyer-color-dark-900);
}

[data-kleyer-component="content-a-17"][data-kleyer-variant="theme-2"][data-kleyer-palette="auto"] {
  --kleyer-section-list-text: var(--kleyer-color-white);
  --kleyer-section-list-icon: var(--kleyer-color-orange-500);
  --kleyer-section-rule: var(--kleyer-color-white);
}

[data-kleyer-component="content-a-17"][data-kleyer-variant="theme-3"][data-kleyer-palette="auto"] {
  --kleyer-section-list-text: var(--kleyer-color-gray-700);
  --kleyer-section-list-icon: var(--kleyer-color-purple-500);
  --kleyer-section-rule: var(--kleyer-color-dark-900);
}

[data-kleyer-component="content-a-17"] .ce_list .list-content,
[data-kleyer-element="checklist-lined"] .list-content {
  color: var(--kleyer-element-list-text, var(--kleyer-section-list-text)) !important;
}

[data-kleyer-component="content-a-17"] .ce_list :where(.icon, .icon i),
[data-kleyer-element="checklist-lined"] :where(.icon, .icon i) {
  color: var(--kleyer-element-list-icon, var(--kleyer-section-list-icon)) !important;
}

[data-kleyer-component="content-a-17"] .ce_list li::after,
[data-kleyer-element="checklist-lined"] li::after {
  background-color: color-mix(in srgb, var(--kleyer-element-list-rule, var(--kleyer-section-rule)) 10%, transparent) !important;
}

/* Content B1: quadratische, versetzte Rahmenkarte aus den drei PDF-Seiten. */
.ce_text[data-kleyer-style="offset-frame"] {
  --kleyer-offset-frame-bg: var(--kleyer-color-orange-500);
  --kleyer-offset-frame-text: var(--kleyer-color-dark-800);
  --kleyer-offset-frame-heading: var(--kleyer-color-purple-500);
  --kleyer-offset-frame-rule: var(--kleyer-color-purple-500);
}

[data-kleyer-component="content-b-1"] .ce_text {
  --kleyer-offset-frame-bg: var(--kleyer-section-card-bg);
  --kleyer-offset-frame-text: var(--kleyer-section-card-text);
  --kleyer-offset-frame-heading: var(--kleyer-section-heading);
  --kleyer-offset-frame-rule: var(--kleyer-section-rule);
}

.ce_text[data-kleyer-style="offset-frame"][data-kleyer-surface]:not([data-kleyer-surface="inherit"]) {
  --kleyer-offset-frame-bg: var(--kleyer-surface);
  --kleyer-offset-frame-text: var(--kleyer-surface-contrast);
}

.ce_text[data-kleyer-style="offset-frame"][data-kleyer-accent]:not([data-kleyer-accent="inherit"]) {
  --kleyer-offset-frame-heading: var(--kleyer-accent);
  --kleyer-offset-frame-rule: var(--kleyer-accent);
}

[data-kleyer-component="content-b-1"][data-kleyer-variant="base"][data-kleyer-palette="auto"] {
  --kleyer-section-bg: var(--kleyer-color-white);
  --kleyer-section-card-bg: var(--kleyer-color-orange-500);
  --kleyer-section-card-text: var(--kleyer-color-dark-800);
  --kleyer-section-heading: var(--kleyer-color-purple-500);
  --kleyer-section-rule: var(--kleyer-color-purple-500);
}

[data-kleyer-component="content-b-1"][data-kleyer-variant="theme-2"][data-kleyer-palette="auto"] {
  --kleyer-section-bg: var(--kleyer-color-purple-500);
  --kleyer-section-card-bg: var(--kleyer-color-orange-500);
  --kleyer-section-card-text: var(--kleyer-color-dark-800);
  --kleyer-section-heading: var(--kleyer-color-purple-500);
  --kleyer-section-rule: var(--kleyer-color-orange-600);
}

[data-kleyer-component="content-b-1"][data-kleyer-variant="theme-3"][data-kleyer-palette="auto"] {
  --kleyer-section-bg: var(--kleyer-color-green-700);
  --kleyer-section-card-bg: var(--kleyer-color-purple-500);
  --kleyer-section-card-text: var(--kleyer-color-white);
  --kleyer-section-heading: var(--kleyer-color-white);
  --kleyer-section-rule: var(--kleyer-color-orange-500);
}

[data-kleyer-component="content-b-1"] > .container {
  padding-top: 96px;
  padding-bottom: 96px;
}

:is([data-kleyer-component="content-b-1"] .ce_text, .ce_text[data-kleyer-style="offset-frame"]) {
  position: relative;
  z-index: 0;
  box-sizing: border-box;
  max-width: 1060px;
  margin-inline: auto;
  padding: 58px 64px 62px;
  color: var(--kleyer-offset-frame-text) !important;
  background-color: var(--kleyer-offset-frame-bg) !important;
  border-radius: var(--kleyer-radius-square) !important;
}

:is([data-kleyer-component="content-b-1"] .ce_text, .ce_text[data-kleyer-style="offset-frame"])::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -20px 22px 20px -22px;
  border: 2px dashed var(--kleyer-offset-frame-rule);
  border-radius: var(--kleyer-radius-square);
  pointer-events: none;
}

:is([data-kleyer-component="content-b-1"] .ce_text, .ce_text[data-kleyer-style="offset-frame"]) :where(h1, h2, h3, h4, h5, h6) {
  margin: 0 0 28px;
  color: var(--kleyer-offset-frame-heading) !important;
  font-family: var(--kleyer-font-display);
  font-weight: 700;
}

:is([data-kleyer-component="content-b-1"] .ce_text, .ce_text[data-kleyer-style="offset-frame"]) :where(p, li) {
  color: var(--kleyer-offset-frame-text) !important;
  font-family: var(--kleyer-font-body);
  font-size: 17px;
  line-height: 26px;
}

@media only screen and (max-width: 767px) {
  [data-kleyer-component="content-b-1"] > .container {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  :is([data-kleyer-component="content-b-1"] .ce_text, .ce_text[data-kleyer-style="offset-frame"]) {
    padding: 42px 28px 46px;
  }

  :is([data-kleyer-component="content-b-1"] .ce_text, .ce_text[data-kleyer-style="offset-frame"])::before {
    inset: -12px 12px 12px -12px;
  }
}

/* Content B5: Personenname, Funktion, Kontakt, Kreisfläche und Bildrahmen. */
[data-kleyer-element="team-card"] {
  --kleyer-team-heading: var(--kleyer-color-blue-700);
  --kleyer-team-text: var(--kleyer-color-gray-700);
  --kleyer-team-link: var(--kleyer-color-purple-500);
  --kleyer-team-overlay-bg: var(--kleyer-color-purple-500);
  --kleyer-team-overlay-text: var(--kleyer-color-white);
  --kleyer-team-rule: var(--kleyer-color-purple-500);
}

[data-kleyer-component="content-b-5"] [data-kleyer-element="team-card"] {
  --kleyer-team-heading: var(--kleyer-section-heading);
  --kleyer-team-text: var(--kleyer-section-text);
  --kleyer-team-link: var(--kleyer-section-link);
  --kleyer-team-overlay-bg: var(--kleyer-section-card-bg);
  --kleyer-team-overlay-text: var(--kleyer-section-card-text);
  --kleyer-team-rule: var(--kleyer-section-rule);
}

[data-kleyer-element="team-card"][data-kleyer-accent]:not([data-kleyer-accent="inherit"]) {
  --kleyer-team-link: var(--kleyer-accent);
  --kleyer-team-overlay-bg: var(--kleyer-accent);
  --kleyer-team-overlay-text: var(--kleyer-accent-contrast);
  --kleyer-team-rule: var(--kleyer-accent);
}

[data-kleyer-component="content-b-5"][data-kleyer-variant="base"][data-kleyer-palette="auto"] {
  --kleyer-section-bg: var(--kleyer-color-white);
  --kleyer-section-heading: var(--kleyer-color-blue-700);
  --kleyer-section-text: var(--kleyer-color-gray-700);
  --kleyer-section-link: var(--kleyer-color-purple-500);
  --kleyer-section-card-bg: var(--kleyer-color-purple-500);
  --kleyer-section-card-text: var(--kleyer-color-white);
  --kleyer-section-rule: var(--kleyer-color-purple-500);
}

[data-kleyer-component="content-b-5"][data-kleyer-variant="theme-2"][data-kleyer-palette="auto"] {
  --kleyer-section-bg: var(--kleyer-color-orange-500);
  --kleyer-section-heading: var(--kleyer-color-blue-700);
  --kleyer-section-text: var(--kleyer-color-gray-700);
  --kleyer-section-link: var(--kleyer-color-dark-800);
  --kleyer-section-card-bg: var(--kleyer-color-purple-500);
  --kleyer-section-card-text: var(--kleyer-color-white);
  --kleyer-section-rule: var(--kleyer-color-purple-500);
}

[data-kleyer-component="content-b-5"][data-kleyer-variant="theme-3"][data-kleyer-palette="auto"] {
  --kleyer-section-bg: var(--kleyer-color-purple-500);
  --kleyer-section-heading: var(--kleyer-color-orange-500);
  --kleyer-section-text: var(--kleyer-color-white);
  --kleyer-section-link: var(--kleyer-color-white);
  --kleyer-section-card-bg: var(--kleyer-color-orange-500);
  --kleyer-section-card-text: var(--kleyer-color-purple-500);
  --kleyer-section-rule: var(--kleyer-color-orange-500);
}

[data-kleyer-component="content-b-5"] .name,
[data-kleyer-element="team-card"] .name {
  color: var(--kleyer-team-heading, var(--kleyer-section-heading)) !important;
}

[data-kleyer-component="content-b-5"] :where(.function, .phone, .email),
[data-kleyer-element="team-card"] :where(.function, .phone, .email) {
  color: var(--kleyer-team-link, var(--kleyer-section-link)) !important;
}

[data-kleyer-component="content-b-5"] p,
[data-kleyer-element="team-card"] p {
  color: var(--kleyer-team-text, var(--kleyer-section-text)) !important;
}

[data-kleyer-component="content-b-5"] img,
[data-kleyer-element="team-card"] img {
  border-color: var(--kleyer-team-rule, var(--kleyer-section-rule)) !important;
}

[data-kleyer-component="content-b-5"] .overlay,
[data-kleyer-element="team-card"] .overlay {
  color: var(--kleyer-team-overlay-text, var(--kleyer-section-card-text)) !important;
  background-color: var(--kleyer-team-overlay-bg, var(--kleyer-section-card-bg)) !important;
}

[data-kleyer-component="content-b-5"] .overlay :where(i, i::before),
[data-kleyer-element="team-card"] .overlay :where(i, i::before) {
  color: var(--kleyer-team-overlay-text, var(--kleyer-section-card-text)) !important;
}



/* Content B9: normale Downloads und hervorgehobener Download. */
[data-kleyer-element="downloads-list"],
[data-kleyer-element="download-card"] {
  --kleyer-download-text: var(--kleyer-color-dark-800);
  --kleyer-download-card-bg: var(--kleyer-color-purple-500);
  --kleyer-download-card-text: var(--kleyer-color-white);
}

[data-kleyer-component="content-b-9"] :is(
  [data-kleyer-element="downloads-list"],
  [data-kleyer-element="download-card"]
) {
  --kleyer-download-text: var(--kleyer-section-text);
  --kleyer-download-card-bg: var(--kleyer-section-card-bg);
  --kleyer-download-card-text: var(--kleyer-section-card-text);
}

[data-kleyer-element="download-card"][data-kleyer-accent]:not([data-kleyer-accent="inherit"]) {
  --kleyer-download-card-bg: var(--kleyer-accent);
  --kleyer-download-card-text: var(--kleyer-accent-contrast);
}

[data-kleyer-component="content-b-9"][data-kleyer-variant="base"][data-kleyer-palette="auto"],
[data-kleyer-component="content-b-9"][data-kleyer-variant="theme-2"][data-kleyer-palette="auto"] {
  --kleyer-section-text: var(--kleyer-color-dark-800);
  --kleyer-section-muted-text: var(--kleyer-color-dark-800);
  --kleyer-section-card-bg: var(--kleyer-color-purple-500);
  --kleyer-section-card-text: var(--kleyer-color-white);
}

[data-kleyer-component="content-b-9"][data-kleyer-variant="theme-3"][data-kleyer-palette="auto"] {
  --kleyer-section-text: var(--kleyer-color-white);
  --kleyer-section-muted-text: var(--kleyer-color-white);
  --kleyer-section-card-bg: var(--kleyer-color-orange-600);
  --kleyer-section-card-text: var(--kleyer-color-white);
}

[data-kleyer-component="content-b-9"] .ce_downloads :where(a, .size),
[data-kleyer-element="downloads-list"] :where(a, .size) {
  color: var(--kleyer-download-text, var(--kleyer-section-text)) !important;
}

[data-kleyer-component="content-b-9"] .ce_download .ce_download_inside > a,
[data-kleyer-element="download-card"] .ce_download_inside > a {
  color: var(--kleyer-download-card-text, var(--kleyer-section-card-text)) !important;
  background-color: var(--kleyer-download-card-bg, var(--kleyer-section-card-bg)) !important;
}

[data-kleyer-component="content-b-9"] .ce_download .ce_download_inside > a .size,
[data-kleyer-element="download-card"] .ce_download_inside > a .size {
  color: color-mix(in srgb, var(--kleyer-download-card-text, var(--kleyer-section-card-text)) 50%, transparent) !important;
}

/* Content B10: die dritte Kartenvariante ist violett, nicht aqua. */
[data-kleyer-component="content-b-10"][data-kleyer-variant="theme-3"][data-kleyer-palette="auto"] {
  --kleyer-section-bg: var(--kleyer-color-purple-500);
  --kleyer-section-text: var(--kleyer-color-white);
}

/* Content B14: Pfeile liegen ohne helle Zusatzfläche direkt auf den Slides. */
[data-kleyer-component="content-b-14"] :where(.swiper-button-prev, .swiper-button-next) {
  background-color: transparent !important;
}

[data-kleyer-component="content-b-14"] .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  background-color: var(--kleyer-color-gray-400) !important;
}

[data-kleyer-component="content-b-14"] .swiper-pagination-bullet-active,
[data-kleyer-component="content-b-14"] .swiper-pagination-bullet-active::after {
  background-color: var(--kleyer-color-purple-500) !important;
}

/* Content B19: PDF-Reihenfolge Orange / Grün / Weiß plus Sliderrollen. */
[data-kleyer-component="content-b-19"][data-kleyer-variant="base"][data-kleyer-palette="auto"] {
  --kleyer-section-bg: var(--kleyer-color-orange-500);
  --kleyer-section-text: var(--kleyer-color-dark-800);
  --kleyer-section-muted-text: var(--kleyer-color-dark-800);
  --kleyer-section-quote-text: var(--kleyer-color-purple-500);
  --kleyer-section-rule: var(--kleyer-color-dark-800);
}

[data-kleyer-component="content-b-19"][data-kleyer-variant="theme-2"][data-kleyer-palette="auto"] {
  --kleyer-section-bg: var(--kleyer-color-green-700);
  --kleyer-section-text: var(--kleyer-color-white);
  --kleyer-section-muted-text: var(--kleyer-color-white);
  --kleyer-section-quote-text: var(--kleyer-color-white);
  --kleyer-section-rule: var(--kleyer-color-white);
}

[data-kleyer-component="content-b-19"][data-kleyer-variant="theme-3"][data-kleyer-palette="auto"] {
  --kleyer-section-bg: var(--kleyer-color-white);
  --kleyer-section-text: var(--kleyer-color-dark-800);
  --kleyer-section-muted-text: var(--kleyer-color-gray-700);
  --kleyer-section-quote-text: var(--kleyer-color-gray-700);
  --kleyer-section-rule: var(--kleyer-color-gray-300);
}

[data-kleyer-component="content-b-19"] .swiper-slide:not(.swiper-slide-active) .text {
  color: var(--kleyer-section-text) !important;
  background-color: transparent !important;
}

[data-kleyer-component="content-b-19"] .swiper-slide:not(.swiper-slide-active) .text::before {
  color: var(--kleyer-section-quote-text) !important;
}

[data-kleyer-component="content-b-19"] .swiper-slide :where(.name, .info) {
  color: var(--kleyer-section-muted-text) !important;
}

[data-kleyer-component="content-b-19"] .swiper-slide-active .text {
  color: var(--kleyer-color-white) !important;
  background-color: var(--kleyer-color-purple-500) !important;
}

[data-kleyer-component="content-b-19"] .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  background-color: var(--kleyer-section-rule) !important;
}

[data-kleyer-component="content-b-19"] .swiper-pagination-bullet-active,
[data-kleyer-component="content-b-19"] .swiper-pagination-bullet-active::after {
  background-color: var(--kleyer-color-purple-500) !important;
}

/* Flächenradien: Standardflächen sind in den Vorlagen kantig; nur eindeutig
 * runde Sonderformen erhalten eine eigene semantische Radiusrolle. */
[data-kleyer-component] :where(
  .ce_linkbox .content,
  .ce_iconbox .ce_iconbox_outside,
  .ce_bgimage,
  .ce_text.has-background,
  .card
) {
  border-radius: var(--kleyer-radius-square) !important;
}

[data-kleyer-component="content-a-4"] .ce_hyperlink > a,
[data-kleyer-component="content-a-13"] .ce_hyperlink > a {
  border-radius: var(--kleyer-radius-button) !important;
}

[data-kleyer-component="content-b-9"] .ce_download .ce_download_inside > a,
[data-kleyer-element="download-card"] .ce_download_inside > a {
  border-radius: 0 !important;
}


.ce_testimonial_slider[data-style="style1"] .swiper-button-next, .ce_testimonial_slider[data-style="style1"] .swiper-button-prev {
  border-radius: 100% !important;
}

[data-kleyer-component="content-b-19"] .swiper-slide .text {
    border-radius: 0px!important;
}

[data-kleyer-component="content-b-19"] .swiper-slide .bottom-arrow {
  border-radius: var(--kleyer-radius-tail) !important;
}

[data-kleyer-component="content-a-6"] :where(.swiper-button-prev, .swiper-button-next),
[data-kleyer-component="cta-6"] :where(.ce_hyperlink a, .hyperlink_txt) {
  border-radius: var(--kleyer-radius-small) !important;
}

:is(
) :where(img, .overlay),
:is(
  [data-kleyer-component="content-b-14"],
  [data-kleyer-component="content-b-19"]
) :where(.swiper-pagination-bullet, .swiper-button-prev, .swiper-button-next) {
  border-radius: 0 !important;
}

[data-kleyer-component="content-a-6"] .swiper-pagination-bullet {
  border-radius: var(--kleyer-radius-circle) !important;
}

[data-kleyer-component="content-a-6"] .fa-calculator {
  border-radius: var(--kleyer-radius-circle) !important;
}

/* „Design Vorlagen 2“: belastbare Grundrollen der vorhandenen Artikel.
 * Die PDFs enthalten keine konsistente Theme-Matrix; deshalb bleiben die
 * Artikel bewusst als einzeln editierbare Basiskomponenten erhalten. */
[data-kleyer-component="header-3"] {
  --kleyer-header-3-bg: var(--kleyer-color-green-700);
  --kleyer-header-3-text: var(--kleyer-color-white);
}

[data-kleyer-component="header-3"] .ce_bgimage {
  color: var(--kleyer-header-3-text) !important;
  background: var(--kleyer-header-3-bg) !important;
}

[data-kleyer-component="header-3"] .ce_bgimage-inside {
  /*min-height: 390px;*/
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

[data-kleyer-component="header-3"] .autogrid_row {
  /*min-height: 390px;*/
  align-items: center;
}

[data-kleyer-component="header-3"] .ce_headline_extended {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

[data-kleyer-component="header-3"] .ce_headline_extended :where(h1, h2, .headline) {
  color: var(--kleyer-header-3-text) !important;
  font-family: var(--kleyer-font-display) !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
}

[data-kleyer-component="header-3"] .ce_text_extented,
[data-kleyer-component="header-3"] .ce_text_extented p {
  color: var(--kleyer-header-3-text) !important;
  font-family: var(--kleyer-font-body) !important;
  font-size: 23px !important;
  line-height: 32px !important;
}

[data-kleyer-component="header-3"] .ce_image_extended_inside {
  margin-left: 0 !important;
}

[data-kleyer-component="header-3"] .ce_image_extended img {
  display: block;
  width: 100%;
  height: auto;
}

[data-kleyer-component="gallery-1"] .ce_gallery ul,
[data-kleyer-element="gallery-grid"] ul {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

[data-kleyer-component="gallery-1"] .ce_gallery li,
[data-kleyer-component="gallery-1"] .ce_gallery :where(figure, .image_container),
[data-kleyer-element="gallery-grid"] li,
[data-kleyer-element="gallery-grid"] :where(figure, .image_container) {
  aspect-ratio: 1000 / 560;
  overflow: hidden;
}

[data-kleyer-component="gallery-1"] .ce_gallery li,
[data-kleyer-element="gallery-grid"] li {
  width: auto !important;
  margin: 0 !important;
}

[data-kleyer-component="gallery-1"] .ce_gallery img,
[data-kleyer-element="gallery-grid"] img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

[data-kleyer-component="gallery-9"] .ce_headline_extended :where(h1, h2, .headline) {
  color: var(--kleyer-color-purple-500) !important;
  font-family: var(--kleyer-font-display) !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em;
}

[data-kleyer-component="gallery-9"] .ce_divider_extended {
  width: 58px;
  height: 1px;
  margin: 16px auto 18px;
  color: var(--kleyer-color-purple-500) !important;
  background: var(--kleyer-color-purple-500) !important;
}

[data-kleyer-component="gallery-9"] .ce_divider_extended > span {
  display: none;
}

[data-kleyer-component="gallery-9"] .ce_text_extented,
[data-kleyer-component="gallery-9"] .ce_text_extented p {
  color: var(--kleyer-color-gray-700) !important;
  font-family: var(--kleyer-font-body) !important;
  font-size: 16px !important;
  line-height: 22px !important;
}

[data-kleyer-component="gallery-9"] .ce_text_extented {
  margin-bottom: 12px !important;
}

[data-kleyer-component="gallery-9"] .ce_gallery ul {
  margin-top: 24px;
}

[data-kleyer-component="gallery-9"] .ce_gallery li {
  min-height: 150px;
}

[data-kleyer-component="gallery-9"] .ce_gallery :where(figure, .image_container) {
  display: flex;
  min-height: 150px;
  align-items: center;
  justify-content: center;
}

[data-kleyer-component="gallery-9"] .ce_gallery img {
  width: auto;
  max-width: 76%;
  max-height: 72px;
}

[data-kleyer-component="gallery-9"] .ce_hyperlink {
  display: flex;
  width: 100%;
  justify-content: center;
  grid-column: 1 / -1 !important;
  margin-top: 42px;
}

[data-kleyer-component="gallery-9"] .ce_hyperlink > a {
  display: inline-flex;
  width: 183px;
  height: 54px;
  align-items: center;
  justify-content: center;
  color: var(--kleyer-color-white) !important;
  background: var(--kleyer-color-purple-500) !important;
  border: 2px solid var(--kleyer-color-purple-500) !important;
  border-radius: var(--kleyer-radius-button) !important;
  font-family: var(--kleyer-font-body) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 16px !important;
  white-space: nowrap;
}

:is(
  [data-kleyer-component="header-3"],
  [data-kleyer-component="header-4"],
  [data-kleyer-component="header-6"],
  [data-kleyer-component="gallery-1"],
  [data-kleyer-component="gallery-4"],
  [data-kleyer-component="gallery-7"],
  [data-kleyer-component="gallery-9"],
  [data-kleyer-component="gallery-10"],
  [data-kleyer-component="cta-3"]
) :where(.content, .inside, .image_container, img) {
  border-radius: var(--kleyer-radius-square) !important;
}

@media (max-width: 767px) {
  [data-kleyer-component="header-3"] .ce_bgimage-inside,
  [data-kleyer-component="header-3"] .autogrid_row {
    min-height: 0;
  }

  [data-kleyer-component="header-3"] .ce_bgimage-inside {
    padding-top: 48px !important;
  }

  [data-kleyer-component="header-3"] .ce_text_extented,
  [data-kleyer-component="header-3"] .ce_text_extented p {
    font-size: 18px !important;
    line-height: 26px !important;
  }

  [data-kleyer-component="gallery-9"] .ce_gallery ul {
    margin-top: 32px;
  }

  [data-kleyer-component="gallery-1"] .ce_gallery ul,
  [data-kleyer-element="gallery-grid"] ul {
    grid-template-columns: 1fr;
  }
}

/* Teaser 2: orange Variante mit dunkelgrauem Begleittext. */
[data-kleyer-component="teaser-2"][data-kleyer-variant="theme-3"][data-kleyer-palette="auto"] {
  --kleyer-section-text: var(--kleyer-color-dark-800);
  --kleyer-section-heading: var(--kleyer-color-purple-500);
}

/* Teaser 5: vier Karten mit eigener Überschrift-/Textrolle. */
[data-kleyer-component="teaser-5"][data-kleyer-variant="theme-3"][data-kleyer-palette="auto"] {
  --kleyer-section-bg: var(--kleyer-color-green-500);
}

[data-kleyer-component="teaser-5"] .ce_iconbox {
  --kleyer-card-heading: var(--kleyer-color-white);
  --kleyer-card-body: var(--kleyer-color-white);
}

[data-kleyer-component="teaser-5"] .autogrid_row > .column:nth-child(4n + 2) .ce_iconbox,
[data-kleyer-component="teaser-5"] .autogrid_row > .column:nth-child(4n + 3) .ce_iconbox {
  --kleyer-card-heading: var(--kleyer-color-dark-800);
  --kleyer-card-body: var(--kleyer-color-gray-700);
}

[data-kleyer-component="teaser-5"][data-kleyer-variant="theme-2"] .autogrid_row > .column:nth-child(4n + 3) .ce_iconbox,
[data-kleyer-component="teaser-5"][data-kleyer-variant="theme-3"] .autogrid_row > .column:nth-child(4n + 1) .ce_iconbox {
  --kleyer-card-heading: var(--kleyer-color-white);
  --kleyer-card-body: var(--kleyer-color-white);
}

[data-kleyer-component="teaser-5"] .ce_iconbox :where(.headline, i, i::before, .link, .link::before) {
  color: var(--kleyer-card-heading) !important;
}

[data-kleyer-component="teaser-5"] .ce_iconbox p {
  color: var(--kleyer-card-body) !important;
}

/* Teaser 9: dunkle Karten nutzen #3b3c42 statt Grau/Blau. */
[data-kleyer-component="teaser-9"] .ce_iconbox {
  --kleyer-card-heading: var(--kleyer-color-white);
  --kleyer-card-body: var(--kleyer-color-white);
}

[data-kleyer-component="teaser-9"] .autogrid_row > .column:nth-child(3n + 3) .ce_iconbox,
[data-kleyer-component="teaser-9"][data-kleyer-variant="theme-2"] .autogrid_row > .column:nth-child(3n + 1) .ce_iconbox {
  --kleyer-card-heading: var(--kleyer-color-dark-800);
  --kleyer-card-body: var(--kleyer-color-dark-800);
}

[data-kleyer-component="teaser-9"][data-kleyer-variant="theme-2"] .autogrid_row > .column:nth-child(3n + 3) .ce_iconbox,
[data-kleyer-component="teaser-9"][data-kleyer-variant="theme-3"] .autogrid_row > .column:nth-child(3n + 3) .ce_iconbox {
  --kleyer-card-heading: var(--kleyer-color-dark-800);
  --kleyer-card-body: var(--kleyer-color-dark-800);
}

[data-kleyer-component="teaser-9"] .ce_iconbox :where(.headline, i, i::before, .link, .link::before) {
  color: var(--kleyer-card-heading) !important;
}

[data-kleyer-component="teaser-9"] .ce_iconbox p {
  color: var(--kleyer-card-body) !important;
}

/* Unterlegte Einzelbilder werden als echtes 2er-Collagen-Element ausgegeben. */
[data-kleyer-component] .ce_image_collage_2pics,
.ce_image_collage_2pics[data-kleyer-element="collage-overlay"] { isolation: isolate; }
[data-kleyer-component] .ce_image_collage_2pics .image_1,
.ce_image_collage_2pics[data-kleyer-element="collage-overlay"] .image_1 { z-index: 2; }
[data-kleyer-component] .ce_image_collage_2pics .image_2,
.ce_image_collage_2pics[data-kleyer-element="collage-overlay"] .image_2 { z-index: 1; }

/* Editierbare PDF-Dekore für mehrteilige Layouts, die keine 2er-Collage sind. */
[data-kleyer-component="content-a-5"],
[data-kleyer-component="content-a-8"] {
  overflow: hidden;
}

[data-kleyer-component="content-a-5"] > .container,
[data-kleyer-component="content-a-8"] > .container {
  position: relative;
  isolation: isolate;
}

[data-kleyer-component="content-a-5"] > .container > :not([data-kleyer-style="decor-below"]),
[data-kleyer-component="content-a-8"] > .container > :not([data-kleyer-style="decor-behind"]) {
  position: relative;
  z-index: 1;
}

[data-kleyer-style="decor-below"],
[data-kleyer-style="decor-behind"] {
  position: absolute !important;
  z-index: 0;
  margin: 0 !important;
  pointer-events: none;
}

[data-kleyer-style="decor-below"] :where(figure, .image_container),
[data-kleyer-style="decor-behind"] :where(figure, .image_container) {
  margin: 0;
}

[data-kleyer-style="decor-below"] img,
[data-kleyer-style="decor-behind"] img {
  display: block;
  width: 100%;
  height: auto;
}

[data-kleyer-component="content-a-5"] [data-kleyer-style="decor-below"] {
  bottom: 0;
  left: 50%;
  width: min(40vw, 440px);
  transform: translateX(-50%);
}

[data-kleyer-component="content-a-8"] [data-kleyer-style="decor-behind"] {
  top: 50%;
  left: 50%;
  width: min(42vw, 480px);
  transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
  [data-kleyer-component="content-a-5"] [data-kleyer-style="decor-below"] {
    width: min(82vw, 400px);
  }

  [data-kleyer-component="content-a-8"] [data-kleyer-style="decor-behind"] {
    width: min(88vw, 440px);
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}




/* Header eigene 
  --kleyer-color-white: #ffffff;
  --kleyer-color-dark-900: #292525;
  --kleyer-color-dark-800: #3b3c42;
  --kleyer-color-gray-700: #555555;
  --kleyer-color-gray-600: #5f5f5f;
  --kleyer-color-gray-400: #a1a1a1;
  --kleyer-color-gray-300: #cfcfcf;
  --kleyer-color-gray-200: #d8d8d8;
  --kleyer-color-blue-700: #465665;
  --kleyer-color-purple-700: #752b5e;
  --kleyer-color-purple-500: #932b72;
  --kleyer-color-orange-600: #cb8606;
  --kleyer-color-orange-500: #f8a913;
  --kleyer-color-green-700: #6a7d21;
  --kleyer-color-green-500: #85a02c;
  --kleyer-color-green-400: #9fbe3c;
  --kleyer-color-aqua-500: #55b6bd;
  --kleyer-color-brick-600: #8a4b3f;
  --kleyer-color-pink-500: #dd4469;
*/
/* Grün */

.ce_headerimage[data-kleyer-surface="green"] {
  background-color: var(--kleyer-color-green-700) !important;
}
.ce_headerimage[data-kleyer-surface="green"] .ce_headline.attribute.headline {
  background-color: var(--kleyer-color-purple-500) !important;
  padding:2px 16px;
}
.ce_headerimage[data-kleyer-surface="green"] .subline {
  background-color: var(--kleyer-color-brick-600) !important;
  font-size:24px;
  font-weight:400;
  Text-transform:uppercase;
  padding:16px 32px;
  margin-top:12px;
}

/* Aqua */

.ce_headerimage[data-kleyer-surface="aqua"] {
  background-color: var(--kleyer-color-aqua-500) !important;
}
.ce_headerimage[data-kleyer-surface="aqua"] .ce_headline.attribute.headline {
  background-color: var(--kleyer-color-green-700) !important;
  padding:2px 16px;
}
.ce_headerimage[data-kleyer-surface="aqua"] .subline {
  background-color: var(--kleyer-color-purple-500) !important;
  font-size:24px;
  font-weight:400;
  Text-transform:uppercase;
  padding:16px 32px;
  margin-top:12px;
}


/* Orange */

.ce_headerimage[data-kleyer-surface="orange"] {
  background-color: var(--kleyer-color-orange-500) !important;
}
.ce_headerimage[data-kleyer-surface="orange"] .ce_headline.attribute.headline {
  background-color: var(--kleyer-color-blue-700) !important;
  padding:2px 16px;
}
.ce_headerimage[data-kleyer-surface="orange"] .subline {
  background-color: var(--kleyer-color-brick-600) !important;
  font-size:24px;
  font-weight:400;
  Text-transform:uppercase;
  padding:16px 32px;
  margin-top:12px;
}


/* Hellgrün */

.ce_headerimage[data-kleyer-surface="light-green"] {
  background-color: var(--kleyer-color-green-500) !important;
}
.ce_headerimage[data-kleyer-surface="light-green"] .ce_headline.attribute.headline {
  background-color: var(--kleyer-color-purple-700) !important;
  padding:2px 16px;
}
.ce_headerimage[data-kleyer-surface="light-green"] .subline {
  background-color: var(--kleyer-color-blue-700) !important;
  font-size:24px;
  font-weight:400;
  Text-transform:uppercase;
  padding:16px 32px;
  margin-top:12px;
}


/* Blau */

.ce_headerimage[data-kleyer-surface="blue"] {
  background-color: var(--kleyer-color-blue-700) !important;
}
.ce_headerimage[data-kleyer-surface="blue"] .ce_headline.attribute.headline {
  background-color: var(--kleyer-color-pink-500) !important;
  padding:2px 16px;
}
.ce_headerimage[data-kleyer-surface="blue"] .subline {
  background-color: var(--kleyer-color-green-700) !important;
  font-size:24px;
  font-weight:400;
  Text-transform:uppercase;
  padding:16px 32px;
  margin-top:12px;
}


/* Ziegelrot */

.ce_headerimage[data-kleyer-surface="brick"] {
  background-color: var(--kleyer-color-brick-600) !important;
}
.ce_headerimage[data-kleyer-surface="brick"] .ce_headline.attribute.headline {
  background-color: var(--kleyer-color-blue-700) !important;
  padding:2px 16px;
}
.ce_headerimage[data-kleyer-surface="brick"] .subline {
  background-color: var(--kleyer-color-pink-500) !important;
  font-size:24px;
  font-weight:400;
  Text-transform:uppercase;
  padding:16px 32px;
  margin-top:12px;
}

/* Purple */

.ce_headerimage[data-kleyer-surface="purple"] {
  background-color: var(--kleyer-color-purple-700) !important;
}
.ce_headerimage[data-kleyer-surface="purple"] .ce_headline.attribute.headline {
  background-color: var(--kleyer-color-green-700) !important;
  padding:2px 16px;
}
.ce_headerimage[data-kleyer-surface="purple"] .subline {
  background-color: var(--kleyer-color-pink-500) !important;
  font-size:24px;
  font-weight:400;
  Text-transform:uppercase;
  padding:16px 32px;
  margin-top:12px;
}

/* Pink */

.ce_headerimage[data-kleyer-surface="pink"] {
  background-color: var(--kleyer-color-pink-500) !important;
}
.ce_headerimage[data-kleyer-surface="pink"] .ce_headline.attribute.headline {
  background-color: var(--kleyer-color-blue-700) !important;
  padding:2px 16px;
}
.ce_headerimage[data-kleyer-surface="pink"] .subline {
  background-color: var(--kleyer-color-green-700) !important;
  font-size:24px;
  font-weight:400;
  Text-transform:uppercase;
  padding:16px 32px;
  margin-top:12px;
}

/* Spezial-Header aqua-orange */

.ce_headerimage.header-aqua-orange {
  background-color: var(--kleyer-color-blue-700) !important;
}
.ce_headerimage.header-aqua-orange  .ce_headline.attribute.headline {
  background-color: var(--kleyer-color-aqua-500) !important;
  padding:2px 16px;
  color:rgb(59, 60, 66)!important;
}
.ce_headerimage.header-aqua-orange  .subline {
  background-color: var(--kleyer-color-orange-500) !important;
  font-size:24px;
  font-weight:400;
  Text-transform:uppercase;
  padding:16px 32px;
  margin-top:12px;
  color:rgb(59, 60, 66)!important;
}

.ce_headerimage.header-aqua-orange.valign_top .ce_headerimage_inside {
    top: 40%;
}


/* maps */
.leaflet-pane {
    filter: hue-rotate(170deg);
}

.leaflet-marker-icon {
filter: hue-rotate(103deg);
}

#footer .inside {
max-width: unset!important;
padding-top: 0px!important;
padding-left:0px!important;
padding-right:0px!important
}

.bg-white {background:white!important;}


/* Teambox list */
.ce_teambox ol, .ce_teambox ul {
    list-style: disc;
    text-align: left;
}

.ce_teambox .name.h5 {font-size:40px;margin-bottom:12px;}


/* Headerimage */
.ce_headerimage.bg_contain {background-size:contain!important;}
@media only screen and (max-width: 767px) {
.ce_headerimage.valign_middle .ce_headerimage_inside {
    top: 20%!important;
}}
.ce_headerimage.bg_right_bottom {
    background-position: 66% bottom!important;
}

.ce_headerimage.bg_left_bottom {
    background-position: 33% bottom!important;
}