/*
 * jm-hell: ruhige, helle Alternative zum dunklen Design (Kadence JM).
 * Greift nur bei <html data-jm-farbe="hell">, der Schalter setzt das Attribut und merkt sich die Wahl im Browser (localStorage, kein Cookie).
 * Gleiche Schriften, gleiches Logo, gleiche Abstände. Beere nur für Knöpfe, Links und kleine Akzente, keine Leuchteffekte.
 */
html[data-jm-farbe="hell"] {
  --jm-tief: #ffffff;
  --jm-tief-2: #f6f5f9;
  --jm-flaeche: #ffffff;
  --jm-linie: rgba(38, 40, 91, .12);
  --jm-hell: #26285b;
  --jm-text: #2d3748;
  --jm-gedimmt: #5a6075;
  --jm-link: #7d1d54;
  --jm-gelb: #7d1d54;          /* Hervorhebungen, die im dunklen Design gelb sind */
  --jm-koralle: #b04a6e;       /* gedämpft */
  --jm-tuerkis: #0b7f77;       /* dunkler, auf Weiß lesbar */
  --jm-glut: linear-gradient(100deg, #7d1d54 0%, #69227b 100%);
  --jm-schatten: 0 18px 40px -22px rgba(38, 40, 91, .35);
  --jm-ruhig: #ece7f2;         /* Versatz-Schatten an Bildern */
  color-scheme: light;
}
/* Kadence-Palette im Inhalt wieder auf die Originalwerte (dunkle Schrift, helle Flächen) */
html[data-jm-farbe="hell"] #inner-wrap .site-main, html[data-jm-farbe="hell"] .content-area, html[data-jm-farbe="hell"] .entry-related {
  --global-palette3: inherit; --global-palette4: inherit; --global-palette5: inherit;
  --global-palette6: inherit; --global-palette7: inherit; --global-palette8: inherit;
}
html[data-jm-farbe="hell"] ::selection { background: #7d1d54; color: #fff; }
html[data-jm-farbe="hell"] :focus-visible { outline-color: #69227b; }

/* Knöpfe: Beere, weiße Schrift, kein Leuchten */
html[data-jm-farbe="hell"] .header-button, html[data-jm-farbe="hell"] .header-button-wrap .button,
html[data-jm-farbe="hell"] .content-area .wp-block-button__link:not(.has-background):not(.kb-button),
html[data-jm-farbe="hell"] .content-area .kb-button.kb-btn-global-inherit:not(.kb-btn1435_5e9c3a-71),
html[data-jm-farbe="hell"] .kt-blocks-post-grid-item .kt-blocks-post-readmore,
html[data-jm-farbe="hell"] .content-area .entry-content .jm-box .wp-block-button__link,
html[data-jm-farbe="hell"] .content-area .entry-content > .jm-cta :is(.wp-block-button__link, .kb-button) {
  background: #7d1d54 !important; color: #fff !important; box-shadow: none !important;
}
html[data-jm-farbe="hell"] .header-button:hover, html[data-jm-farbe="hell"] .content-area .wp-block-button__link:hover, html[data-jm-farbe="hell"] .content-area .kb-button:hover, html[data-jm-farbe="hell"] .kt-blocks-post-grid-item .kt-blocks-post-readmore:hover { background: #5e1540 !important; color: #fff !important; }
html[data-jm-farbe="hell"] .scroll-up-wrap .scroll-up, html[data-jm-farbe="hell"] #kt-scroll-up { background: #26285b !important; }

/* Inhalt */
html[data-jm-farbe="hell"] .entry-content p a, html[data-jm-farbe="hell"] .entry-content li a, html[data-jm-farbe="hell"] .entry-content td a, html[data-jm-farbe="hell"] .entry-content figcaption a { color: var(--jm-link); }
html[data-jm-farbe="hell"] .entry-content p a:hover, html[data-jm-farbe="hell"] .entry-content li a:hover, html[data-jm-farbe="hell"] .entry-content td a:hover { color: #69227b; }
html[data-jm-farbe="hell"] .entry-content blockquote, html[data-jm-farbe="hell"] .wp-block-quote { background: var(--jm-tief-2); border-left-color: #7d1d54; }
html[data-jm-farbe="hell"] .entry-content .wp-block-image img, html[data-jm-farbe="hell"] .entry-content img[class*="wp-image-"], html[data-jm-farbe="hell"] .single .post-thumbnail img, html[data-jm-farbe="hell"] .single .article-post-thumbnail img, html[data-jm-farbe="hell"] .single .post-thumbnail-inner img,
html[data-jm-farbe="hell"] .home .kadence-column1435_d4053e-ea > .kt-inside-inner-col { box-shadow: 12px 12px 0 -2px var(--jm-ruhig); }
html[data-jm-farbe="hell"] body.page:not(.home) .entry-content > h1.wp-block-heading:first-child { background: var(--jm-tief-2); box-shadow: 0 0 0 100vmax var(--jm-tief-2); }
html[data-jm-farbe="hell"] body.page:not(.home) .entry-content > h1.wp-block-heading:first-child::before { display: none; }
html[data-jm-farbe="hell"] .entry-taxonomies a, html[data-jm-farbe="hell"] .category-links a, html[data-jm-farbe="hell"] .kt-blocks-above-categories a { background: #f4ecf7; }
html[data-jm-farbe="hell"] .entry-related { background: var(--jm-tief-2) !important; }
html[data-jm-farbe="hell"] .entry-content > h2.wp-block-heading + p:not([class*="jm-"]):has(+ h2) { background: var(--jm-tief-2); border-color: var(--jm-linie); }
html[data-jm-farbe="hell"] body.page:not(.home) .entry-content > h2.wp-block-heading:nth-last-of-type(1):has(~ .wp-block-buttons:last-child),
html[data-jm-farbe="hell"] body.page:not(.home) .entry-content > h2.wp-block-heading:nth-last-of-type(1):has(~ .wp-block-buttons:last-child) ~ * { background: var(--jm-tief-2); border-color: var(--jm-linie) !important; }
html[data-jm-farbe="hell"] .content-area :is(.has-theme-palette-7-background-color, .has-theme-palette-8-background-color, .has-theme-palette-9-background-color):not(.kb-button) { background-color: var(--jm-tief-2) !important; }
html[data-jm-farbe="hell"] .entry-content > ol.wp-block-list > li::before { color: #fff; }
html[data-jm-farbe="hell"] .entry-content > ol.wp-block-list > li:not(:last-child)::after { background: rgba(38, 40, 91, .14); }
html[data-jm-farbe="hell"] .entry-content > p.jm-hinweis { background: #eef7f6; border-color: rgba(11, 127, 119, .25); }
html[data-jm-farbe="hell"] .entry-content > ul.jm-fragen > li { background: #f2f9f8; border-color: rgba(11, 127, 119, .2); }
html[data-jm-farbe="hell"] .entry-content > ul.jm-fragen > li::before { color: #fff; }
html[data-jm-farbe="hell"] .entry-content > ul.jm-checkliste > li::before { background: rgba(11, 127, 119, .08); }
html[data-jm-farbe="hell"] .entry-content > p.jm-preis { background: var(--jm-tief-2); border-color: var(--jm-linie); }
html[data-jm-farbe="hell"] .entry-content p.has-background[style*="fed23a"], html[data-jm-farbe="hell"] .entry-content p.has-background[style*="FED23A"] { color: #26285b !important; }
html[data-jm-farbe="hell"] .entry-content .wp-block-social-links .wp-social-link, html[data-jm-farbe="hell"] .entry-content ul.wp-block-social-links li { background: var(--jm-tief-2) !important; }

/* Karten mit farbiger Oberkante: Akzente in gedeckten Tönen, ohne Leuchten */
html[data-jm-farbe="hell"] .entry-content > ul.wp-block-list:has(> li > strong:first-child) > li { background: #fff; box-shadow: 0 6px 18px -12px rgba(38, 40, 91, .3); }
html[data-jm-farbe="hell"] .entry-content > ul.wp-block-list:has(> li > strong:first-child) > li::after { display: none; }
html[data-jm-farbe="hell"] .entry-content > ul.wp-block-list:has(> li > strong:first-child) > li:nth-child(4n+1) { --jm-akzent: #7d1d54; }
html[data-jm-farbe="hell"] .entry-content > ul.wp-block-list:has(> li > strong:first-child) > li:nth-child(4n+2) { --jm-akzent: #69227b; }
html[data-jm-farbe="hell"] .entry-content > ul.wp-block-list:has(> li > strong:first-child) > li:nth-child(4n+3) { --jm-akzent: #0b7f77; }
html[data-jm-farbe="hell"] .entry-content > ul.wp-block-list:has(> li > strong:first-child) > li:nth-child(4n+4) { --jm-akzent: #26285b; }
html[data-jm-farbe="hell"] .entry-content > ul.wp-block-list:has(> li > strong:first-child) > li:nth-child(5) { --jm-akzent: #5a6075; }

/* Box im Text und Schluss-Block: hell mit Beere-Kante statt dunkel mit Gelb */
html[data-jm-farbe="hell"] .entry-content .jm-box { background: var(--jm-tief-2); border: 1px solid var(--jm-linie); }
html[data-jm-farbe="hell"] .entry-content .jm-box::before { background: #7d1d54; }
html[data-jm-farbe="hell"] .entry-content .jm-box::after { display: none; }
html[data-jm-farbe="hell"] .entry-content > .jm-cta { background: var(--jm-tief-2) !important; border-color: var(--jm-linie) !important; box-shadow: inset 5px 0 0 #7d1d54 !important; }
html[data-jm-farbe="hell"] .entry-content > .jm-cta::before, html[data-jm-farbe="hell"] .home .kb-row-layout-id1435_3f80ba-17::before {
  background: linear-gradient(90deg, transparent, rgba(125, 29, 84, .35) 30%, rgba(105, 34, 123, .35) 70%, transparent) center / min(1100px, 92%) 1px no-repeat;
}

/* Beitragsraster und Filter */
html[data-jm-farbe="hell"] .kt-blocks-post-grid-item, html[data-jm-farbe="hell"] .kb-posts .loop-entry, html[data-jm-farbe="hell"] .entry-related .loop-entry { box-shadow: 0 8px 24px -16px rgba(38, 40, 91, .35) !important; }
html[data-jm-farbe="hell"] .kt-blocks-post-grid-item:hover, html[data-jm-farbe="hell"] .kb-posts .loop-entry:hover { border-color: rgba(125, 29, 84, .35) !important; }
html[data-jm-farbe="hell"] .kb-filter-item, html[data-jm-farbe="hell"] .kt-post-filter button, html[data-jm-farbe="hell"] .kb-post-filter-container button { background: #fff !important; }
html[data-jm-farbe="hell"] .kb-filter-item.is-active, html[data-jm-farbe="hell"] .kb-filter-item:hover { background: #7d1d54 !important; color: #fff !important; }

/* Fußzeile: ruhige Linie statt Regenbogen */
html[data-jm-farbe="hell"] .site-bottom-footer-wrap .site-footer-row-container-inner::before { background: linear-gradient(90deg, #7d1d54, #69227b, #26285b); height: 3px; }

/* ===================== Startseite ===================== */
html[data-jm-farbe="hell"] .home .content-area, html[data-jm-farbe="hell"] .home .site-main { background: #fff !important; }
/* Hero: helles Band, ganz leichter Farbschleier, kein Punktraster */
html[data-jm-farbe="hell"] .home .kb-row-layout-id1435_d917e0-34 { background: linear-gradient(180deg, #f6f5f9, #fff) !important; -webkit-mask-image: none; mask-image: none; }
html[data-jm-farbe="hell"] .home .kb-row-layout-id1435_d917e0-34::before { opacity: .18; filter: blur(30px); }
html[data-jm-farbe="hell"] .home .kb-row-layout-id1435_d917e0-34::after { display: none; }
html[data-jm-farbe="hell"] .home .kb-row-layout-id1435_d917e0-34 h1 { background: #fff !important; border-color: var(--jm-linie); color: #26285b !important; box-shadow: 0 4px 14px -8px rgba(38, 40, 91, .3); }
html[data-jm-farbe="hell"] .home .kb-row-layout-id1435_d917e0-34 h1 strong, html[data-jm-farbe="hell"] .home .kb-row-layout-id1435_d917e0-34 h1 b { color: #7d1d54; }
html[data-jm-farbe="hell"] .home .kb-row-layout-id1435_d917e0-34 h2.kt-adv-heading1435_883eeb-33 { background: none; -webkit-text-fill-color: #26285b; color: #26285b !important; }
html[data-jm-farbe="hell"] .home .kb-row-layout-id1435_d917e0-34 p a { color: #7d1d54 !important; }
html[data-jm-farbe="hell"] .home .kb-row-layout-id1435_d917e0-34 .kadence-column1435_c1bb22-df > .kt-inside-inner-col, html[data-jm-farbe="hell"] .home .kb-row-layout-id1435_d917e0-34 .wp-block-kadence-image img { filter: drop-shadow(0 24px 30px rgba(38, 40, 91, .18)); }
html[data-jm-farbe="hell"] .home .content-area .kb-row-layout-id1435_d917e0-34 .kb-buttons-wrap .kb-button ~ .kb-button.kb-button { color: #26285b !important; border-color: rgba(38, 40, 91, .35) !important; background: transparent !important; }
html[data-jm-farbe="hell"] .home .content-area .kb-row-layout-id1435_d917e0-34 .kb-buttons-wrap .kb-button ~ .kb-button.kb-button:hover { background: #26285b !important; color: #fff !important; }
/* Überschriften, die im dunklen Design fest weiß sind */
html[data-jm-farbe="hell"] .home .kb-row-layout-id1435_230c8d-f1 .wp-block-kadence-advancedheading:not(p),
html[data-jm-farbe="hell"] .home .kb-row-layout-id1435_052768-e0 .wp-block-kadence-advancedheading:not(p), html[data-jm-farbe="hell"] .home .kb-row-layout-id1435_052768-e0 h2,
html[data-jm-farbe="hell"] .home .content-area p.kt-adv-heading1435_1736ff-bb { color: #26285b !important; }
/* Bänder im Wechsel weiß / hellgrau, Nähte als feine Linie in Beere, kein Leuchten */
html[data-jm-farbe="hell"] .home :is(.kb-row-layout-id1435_24fb00-8d, .kb-row-layout-id1435_7c8a7e-e3) { background: #f6f5f9 !important; }
html[data-jm-farbe="hell"] .home :is(.kb-row-layout-id1435_24fb00-8d, .kb-row-layout-id1435_230c8d-f1, .kb-row-layout-id1435_5a2c07-c9, .kb-row-layout-id1435_052768-e0, .kb-row-layout-id1435_7c8a7e-e3, .kb-row-layout-id1435_cebfea-f6)::after { display: none; }
html[data-jm-farbe="hell"] .home :is(.kb-row-layout-id1435_24fb00-8d, .kb-row-layout-id1435_230c8d-f1, .kb-row-layout-id1435_5a2c07-c9, .kb-row-layout-id1435_052768-e0, .kb-row-layout-id1435_7c8a7e-e3, .kb-row-layout-id1435_cebfea-f6)::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%237d1d54' stop-opacity='0'/%3E%3Cstop offset='.18' stop-color='%237d1d54'/%3E%3Cstop offset='.5' stop-color='%2369227b'/%3E%3Cstop offset='.82' stop-color='%2326285b'/%3E%3Cstop offset='1' stop-color='%2326285b' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M1440 38c-180 34-360 52-540 44S540 40 360 34 120 46 0 60' fill='none' stroke='url%28%23g%29' stroke-width='1.5' vector-effect='non-scaling-stroke' opacity='.55'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
/* Vier Karten „Die perfekte Lösung“ */
html[data-jm-farbe="hell"] .home .kb-row-layout-id1435_6aa32c-e6 .wp-block-kadence-column > .kt-inside-inner-col { box-shadow: 0 8px 24px -16px rgba(38, 40, 91, .35); }
html[data-jm-farbe="hell"] .home .kb-row-layout-id1435_6aa32c-e6 .wp-block-kadence-column > .kt-inside-inner-col::after { display: none; }
html[data-jm-farbe="hell"] .home .kadence-column1435_8e803c-61 { --jm-akzent: #7d1d54; }
html[data-jm-farbe="hell"] .home .kadence-column1435_c0c826-57 { --jm-akzent: #69227b; }
html[data-jm-farbe="hell"] .home .kadence-column1435_658b76-75 { --jm-akzent: #0b7f77; }
html[data-jm-farbe="hell"] .home .kadence-column1435_7a41d2-9c { --jm-akzent: #26285b; }
html[data-jm-farbe="hell"] .home .content-area .kb-row-layout-id1435_6aa32c-e6 .kb-button.kb-button { color: #26285b !important; border-color: rgba(38, 40, 91, .25) !important; background: transparent !important; }
html[data-jm-farbe="hell"] .home .content-area .kb-row-layout-id1435_6aa32c-e6 .kb-button.kb-button:hover { background: var(--jm-akzent) !important; color: #fff !important; }
/* Kundenstimmen */
html[data-jm-farbe="hell"] .home :is(.kb-row-layout-id1435_2a519f-58, .kb-row-layout-id1435_60e5e1-b2) > .kt-row-column-wrap { background: #fff !important; border-color: var(--jm-linie) !important; box-shadow: 0 8px 24px -16px rgba(38, 40, 91, .35); }
html[data-jm-farbe="hell"] .home :is(.kb-row-layout-id1435_2a519f-58, .kb-row-layout-id1435_60e5e1-b2) > .kt-row-column-wrap::after { color: #7d1d54; opacity: .06; }
html[data-jm-farbe="hell"] .home :is(.kb-row-layout-id1435_2a519f-58, .kb-row-layout-id1435_60e5e1-b2) p.has-text-align-right { border-top-color: var(--jm-linie); }
/* nerdcafe-Band: Nachtblau statt Verlauf, ohne Leuchten */
html[data-jm-farbe="hell"] .home .kb-row-layout-id1435_cebfea-f6 > .kt-row-column-wrap { background: #26285b; box-shadow: var(--jm-schatten); }
html[data-jm-farbe="hell"] .home .kb-row-layout-id1435_cebfea-f6 > .kt-row-column-wrap::after { display: none; }
html[data-jm-farbe="hell"] .home .kb-row-layout-id1435_cebfea-f6 .kb-button.kb-btn-global-inherit:not(.kb-btn1435_5e9c3a-71) { background: #fff !important; color: #26285b !important; }



/* Texte, die im Block fest auf Weiß (Palette 9) stehen: dunkel, außer im Nachtblau-Band */
html[data-jm-farbe="hell"] .content-area .has-theme-palette-9-color:not(.kb-button):not(.kb-row-layout-id1435_cebfea-f6 *):not(.has-background *) { color: var(--jm-text) !important; }
html[data-jm-farbe="hell"] .content-area :is(h1, h2, h3, h4).has-theme-palette-9-color:not(.kb-row-layout-id1435_cebfea-f6 *):not(.has-background *) { color: #26285b !important; }
html[data-jm-farbe="hell"] .home .kb-row-layout-id1435_6aa32c-e6 .wp-block-kadence-advancedheading.has-theme-palette-9-color { color: var(--jm-akzent) !important; }
/* nerdcafe-Band bleibt dunkel: Schrift hell */
html[data-jm-farbe="hell"] .home .kb-row-layout-id1435_cebfea-f6 {
  --global-palette3: #f3f1fa; --global-palette4: #d6d8ee; --global-palette5: #b8bcdc; --global-palette6: #9a9fc6;
  --jm-hell: #fff; --jm-text: rgba(255, 255, 255, .88);
}
html[data-jm-farbe="hell"] .home .kb-row-layout-id1435_cebfea-f6 :is(h1, h2, h3, h4, p, figcaption, .wp-block-kadence-advancedheading) { color: rgba(255, 255, 255, .9) !important; }
html[data-jm-farbe="hell"] .home .kb-row-layout-id1435_cebfea-f6 :is(h2, h3, .wp-block-kadence-advancedheading:not(p)) { color: #fff !important; }
html[data-jm-farbe="hell"] .home .kb-row-layout-id1435_cebfea-f6 a:not(.kb-button) { color: #fff !important; }
html[data-jm-farbe="hell"] .home .kb-row-layout-id1435_7c8a7e-e3 .wp-block-kadence-advancedheading:not(p) { color: #26285b !important; }
/* Formulare: Senden-Knopf wie alle Knöpfe */
html[data-jm-farbe="hell"] .entry-content .kb-forms-submit { background: #7d1d54 !important; color: #fff !important; border-color: #7d1d54 !important; }
html[data-jm-farbe="hell"] .entry-content .kb-forms-submit:hover { background: #5e1540 !important; }
html[data-jm-farbe="hell"] :is(.mobile-header-button-wrap .button, .mobile-header-button-wrap .mobile-header-button, #mobile-header .button) { background: #7d1d54 !important; color: #fff !important; border-color: #7d1d54 !important; box-shadow: none !important; }

/* ===================== Schalter in der Kopfzeile ===================== */
.jm-farbschalter {
  display: inline-flex; align-items: center; gap: .4rem; margin: 0; padding: .25rem .7rem; cursor: pointer;
  font: 600 13px/1.2 var(--global-body-font-family, sans-serif); color: #4b4e78; background: transparent;
  border: 1px solid rgba(38, 40, 91, .18); border-radius: 999px; box-shadow: none; transition: background .2s ease, border-color .2s ease;
}
.jm-farbschalter:hover, .jm-farbschalter:focus { background: #fff; border-color: #7d1d54; color: #7d1d54; }
.jm-farbschalter .jm-fs-symbol { font-size: 15px; line-height: 1; }
.site-header-top-section-right .jm-farbschalter { margin-left: auto; }
/* Handy: nur das Symbol, rund, vor dem Menü-Knopf */
.jm-farbschalter.jm-fs-mobil { width: 38px; height: 38px; padding: 0; justify-content: center; margin-right: .3rem; }
.jm-farbschalter.jm-fs-mobil .jm-fs-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media print { .jm-farbschalter { display: none !important; } }
.jm-fs-item { display: flex; align-items: center; }
.site-header-top-section-right .jm-fs-item { margin-left: auto; }