/*
 * jm-modern – modernes Design für johannesmairhofer.de (Kadence-Child-Theme „Kadence JM“)
 * Version 2.1: helle Kopf- und Fußzeile, dunkle Inhalte; Startseite mit Übergängen A+C und Stimmen nebeneinander; Boxen dunkel mit Gelb. Schriften wie bisher: Systemschrift für Text, Archivo Black für Menü und Überschriften.
 * Markenfarben: Beere #7d1d54 · Violett #69227b · Nacht #26285b · Koralle #fe665d · Gelb #fed23a · Türkis #0dc1b3 · Sand #f4e7db
 */
/* ---------- Archivo Black lokal (wie bisher, keine Google-Server) ---------- */
@font-face { font-family: "Archivo Black"; src: url("https://johannesmairhofer.de/wp-content/themes/kadence-jm/fonts/archivo-black-latin-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
/* ---------- Farben und Maße ---------- */
:root {
  --jm-tief: #12132b;            /* Grund der Inhalte */
  --jm-tief-2: #181a3b;          /* zweites Band für Abwechslung */
  --jm-flaeche: #20234d;         /* Karten */
  --jm-linie: rgba(255, 255, 255, .09);
  --jm-hell: #f3f1fa;            /* Überschriften auf dunkel */
  --jm-text: #d6d8ee;            /* Fließtext auf dunkel */
  --jm-gedimmt: #a9add0;
  --jm-papier: #f7f4f0;          /* Kopf- und Fußzeile */
  --jm-nacht: #26285b;
  --jm-beere: #7d1d54;
  --jm-violett: #69227b;
  --jm-koralle: #fe665d;
  --jm-gelb: #fed23a;
  --jm-tuerkis: #0dc1b3;
  --jm-link: #ff8f86;            /* Koralle, auf dunkel gut lesbar */
  --jm-verlauf: linear-gradient(120deg, #7d1d54 0%, #69227b 45%, #26285b 100%);
  --jm-glut: linear-gradient(100deg, #fe665d 0%, #fed23a 100%);
  --jm-rund: 18px;
  --jm-rund-klein: 12px;
  --jm-schatten: 0 24px 60px -24px rgba(0, 0, 0, .7);
}
/* Kadence-Palette im Inhaltsbereich umdeuten: dunkle Textfarben werden hell, helle Flächen dunkel.
   So passen auch Blöcke, die mit Palettenfarben gebaut sind (Überschriften, Absätze, Gruppen). */
#inner-wrap .site-main, .content-area, .entry-related {
  --global-palette3: #f3f1fa;
  --global-palette4: #d6d8ee;
  --global-palette5: #b8bcdc;
  --global-palette6: #9a9fc6;
  --global-palette7: #20234d;
  --global-palette8: #181a3b;
}
/* ---------- Grundlagen ---------- */
body { background: var(--jm-tief); color: var(--jm-text); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.site, .content-bg, body.content-style-unboxed .site, .site-main, .content-area, .entry.content-bg { background: var(--jm-tief); }
p, li { line-height: 1.75; }
h1, h2, h3, .entry-title, .wp-block-kadence-advancedheading { letter-spacing: -.01em; }
h1, h2 { text-wrap: balance; }
.content-area h1, .content-area h2, .content-area h3, .content-area h4 { color: var(--jm-hell); }
a { text-underline-offset: .18em; text-decoration-thickness: .08em; }
::selection { background: var(--jm-koralle); color: #fff; }
:focus-visible { outline: 3px solid var(--jm-gelb); outline-offset: 3px; border-radius: 6px; }
/* ---------- Kopfzeile: hell (Schrift des Menüs bleibt wie im Customizer eingestellt) ---------- */
.site-top-header-wrap .site-header-row-container-inner { background: var(--jm-papier) !important; border-bottom: 1px solid rgba(38, 40, 91, .08); }
.site-top-header-wrap, .site-top-header-wrap a, .header-contact-item { color: #4b4e78 !important; font-size: 13px; }
.site-top-header-wrap .kadence-svg-iconset { color: var(--jm-beere); }
.site-main-header-wrap .site-header-row-container-inner, #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) .site-header-row-container-inner {
  background: rgba(255, 255, 255, .94) !important;
  -webkit-backdrop-filter: saturate(160%) blur(14px);
  backdrop-filter: saturate(160%) blur(14px);
  border-bottom: 1px solid rgba(38, 40, 91, .08);
  box-shadow: 0 10px 30px -18px rgba(18, 19, 43, .35);
}
.site-mobile-header-wrap .site-header-row-container-inner { background: #fff !important; }
.header-navigation .menu > li > a, .header-navigation .header-menu-container > ul > li > a { color: var(--jm-nacht) !important; }
.header-navigation .menu > li > a:hover, .header-navigation .menu > li.current-menu-item > a, .header-navigation .menu > li.current-menu-ancestor > a { color: var(--jm-beere) !important; }
.header-navigation-style-underline .header-menu-container > ul > li > a:after { background: var(--jm-glut) !important; height: 2px; border-radius: 2px; }
.header-navigation .sub-menu { background: #fff !important; border: 1px solid rgba(38, 40, 91, .08); border-radius: var(--jm-rund-klein); box-shadow: 0 20px 40px -20px rgba(18, 19, 43, .35); overflow: hidden; }
.header-navigation .sub-menu a { color: var(--jm-nacht) !important; }
.header-navigation .sub-menu a:hover { background: #f7f4f0 !important; color: var(--jm-beere) !important; }
.menu-toggle-open, .menu-toggle-open .menu-toggle-icon { color: var(--jm-nacht) !important; }
.header-button, .header-button-wrap .button {
  background: var(--jm-glut) !important; color: var(--jm-tief) !important; border: 0 !important; border-radius: 999px !important;
  padding: .7em 1.4em !important; box-shadow: 0 8px 22px -10px rgba(254, 102, 93, .8); transition: transform .2s ease, box-shadow .2s ease;
}
.header-button:hover { transform: translateY(-1px); box-shadow: 0 12px 26px -10px rgba(254, 102, 93, .95); }
#mobile-drawer .drawer-inner, .popup-drawer .drawer-inner { background: #fff !important; }
#mobile-drawer .drawer-inner a, .mobile-navigation ul li > a, .mobile-navigation .drawer-sub-toggle, .drawer-header .menu-toggle-close { color: var(--jm-nacht) !important; border-color: rgba(38, 40, 91, .1) !important; }
/* ---------- Knöpfe ---------- */
.kb-button, .kt-button, .wp-block-button__link, .button, input[type=submit] {
  border-radius: 999px !important; transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease !important;
}
.kb-button:hover, .kt-button:hover, .wp-block-button__link:hover, .button:hover { transform: translateY(-2px); }
/* Knöpfe, die mit Nachtblau gebaut sind, wären auf dunklem Grund unsichtbar → Glut-Verlauf */
.content-area .wp-block-button__link:not(.has-background):not(.kb-button), .content-area .kb-button.kb-btn-global-inherit:not(.kb-btn1435_5e9c3a-71) {
  background: var(--jm-glut) !important; color: var(--jm-tief) !important; border: 0 !important; box-shadow: 0 12px 28px -14px rgba(254, 102, 93, .8);
}
/* ---------- Inhalt: Seiten und Beiträge ---------- */
.content-area { margin-top: 0; }
body:not(.home) .content-area { padding-top: 3.5rem; }
.entry-content-wrap { padding-top: 0; }
.entry-content h1, .entry-content h2, .single .entry-title, .page .entry-title, .widget-title, .entry-related-title {
  font-family: "Archivo Black", var(--global-fallback-font) !important; font-weight: 400 !important; color: var(--jm-hell) !important;
}
.entry-content h3, .entry-content h4 { font-weight: 800; color: var(--jm-hell); }
.single-content h2, .entry-content > h2 { margin-top: 2.2em; }
.entry-content > h2.wp-block-heading::after { content: ""; display: block; width: 56px; height: 4px; margin-top: .45em; border-radius: 4px; background: var(--jm-glut); }
.entry-content > h2.has-text-align-center::after { margin-left: auto; margin-right: auto; }
.entry-content, .entry-content p, .entry-content li { color: var(--jm-text); }
.entry-content strong { color: var(--jm-hell); }
.entry-content ul li::marker { color: var(--jm-koralle); }
.entry-content p a, .entry-content li a, .entry-content td a, .entry-content figcaption a { color: var(--jm-link); }
.entry-content p a:hover, .entry-content li a:hover, .entry-content td a:hover { color: var(--jm-gelb); }
.entry-content blockquote, .wp-block-quote { border-left: 4px solid var(--jm-koralle); background: var(--jm-flaeche); border-radius: 0 var(--jm-rund-klein) var(--jm-rund-klein) 0; padding: 1.2em 1.5em; }
.entry-content .wp-block-group.has-background:not(.alignfull) { border-radius: var(--jm-rund) !important; }
.entry-content hr, .entry-content table td, .entry-content table th { border-color: var(--jm-linie); }
/* Bilder: runde Ecken und farbiger Versatz-Schatten */
.entry-content .wp-block-image img, .entry-content img[class*="wp-image-"], .single .post-thumbnail img, .single .article-post-thumbnail img, .single .post-thumbnail-inner img {
  border-radius: var(--jm-rund); box-shadow: 12px 12px 0 -2px var(--jm-koralle);
}
.entry-content .wp-block-image { overflow: visible; }
/* Seiten, die mit einer H1 beginnen (z. B. KI-Seite): großes Titelband mit Leuchten */
body.page:not(.home) .entry-content > h1.wp-block-heading:first-child {
  font-size: clamp(2.3rem, 4.8vw, 3.6rem); line-height: 1.06; position: relative; z-index: 0; margin: 0 0 2.5rem; padding: 4.5rem 0 4rem;
  background: var(--jm-tief); box-shadow: 0 0 0 100vmax var(--jm-tief); clip-path: inset(0 -100vmax);
}
body.page:not(.home) .entry-content > h1.wp-block-heading:first-child::before {
  content: ""; position: absolute; top: 0; bottom: 0; left: -50vw; right: -50vw; pointer-events: none; z-index: -1;
  background: radial-gradient(35% 90% at 20% 20%, rgba(125, 29, 84, .55), transparent 70%), radial-gradient(30% 80% at 75% 60%, rgba(105, 34, 123, .5), transparent 70%);
}
body.page:not(.home) .entry-content > h1.wp-block-heading:first-child::after {
  content: ""; position: absolute; left: 0; bottom: 2.6rem; width: 72px; height: 4px; border-radius: 4px; background: var(--jm-glut);
}
body:not(.home) .content-area:has(.entry-content > h1.wp-block-heading:first-child), body:not(.home) .content-area:has(.entry-content > .alignfull:first-child) { padding-top: 0; }
body:not(.home) .entry-content > .alignfull:first-child { margin-top: 0 !important; border-radius: 0 !important; }
body:not(.home) .entry-content:has(> h1.wp-block-heading:first-child), body:not(.home) .entry-content:has(> .alignfull:first-child) { margin-top: 0 !important; }
/* Ausgeblendeter Seitentitel von Kadence behält 17 px Abstand */
body:not(.home) .entry-content-wrap:has(> .entry-content > h1.wp-block-heading:first-child) > .entry-header, body:not(.home) .entry-content-wrap:has(> .entry-content > .alignfull:first-child) > .entry-header { margin-bottom: 0; }
/* Beitragskopf (Ratgeber-Artikel) */
.single .entry-title { font-size: clamp(2rem, 4vw, 3rem); line-height: 1.1; }
.single .entry-meta, .single .entry-meta a, .entry-meta { color: var(--jm-gedimmt) !important; }
.single-content { font-size: 1.06rem; }
.single .post-thumbnail, .single .article-post-thumbnail { margin-bottom: 2.5rem; }
.entry-taxonomies a, .category-links a, .kt-blocks-above-categories a {
  display: inline-block; padding: .25em .8em; border-radius: 999px; background: rgba(254, 102, 93, .14);
  color: var(--jm-link) !important; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; text-decoration: none;
}
.primary-sidebar, .primary-sidebar a, .primary-sidebar .widget { color: var(--jm-text) !important; }
.primary-sidebar a:hover { color: var(--jm-gelb) !important; }
.primary-sidebar .widget-title, .primary-sidebar h2 { font-size: 1.15rem !important; }
.entry-related { background: var(--jm-tief-2) !important; }
/* ---------- Karten: Beitragsraster und Preisliste ---------- */
.kt-blocks-post-grid-item, .kb-posts .loop-entry, .entry-related .loop-entry {
  border-radius: var(--jm-rund) !important; overflow: hidden;
  background: var(--jm-flaeche) !important; border: 1px solid var(--jm-linie) !important; box-shadow: none !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.kt-blocks-post-grid-item:hover, .kb-posts .loop-entry:hover { transform: translateY(-4px); border-color: rgba(254, 210, 58, .45) !important; box-shadow: var(--jm-schatten) !important; }
.kt-blocks-post-grid-item .entry-title, .kt-blocks-post-grid-item .entry-title a, .kb-posts .entry-title, .kb-posts .entry-title a, .entry-related .entry-title, .entry-related .entry-title a { color: var(--jm-hell) !important; text-decoration: none; }
.kt-blocks-post-grid-item .entry-title a:hover, .kb-posts .entry-title a:hover { color: var(--jm-gelb) !important; }
.kt-blocks-post-grid-item .entry-summary, .kt-blocks-post-grid-item .entry-summary p, .kb-posts .entry-summary, .kb-posts .entry-summary p { color: var(--jm-text) !important; }
.kt-blocks-post-grid-item .kt-blocks-post-top-meta, .kt-blocks-post-grid-item .kt-blocks-post-top-meta a, .kt-blocks-post-grid-item .entry-meta, .kt-blocks-post-grid-item .entry-meta a { color: var(--jm-gedimmt) !important; }
.kt-blocks-post-grid-item .kt-blocks-post-readmore { background: var(--jm-glut) !important; color: var(--jm-tief) !important; border-radius: 999px !important; padding: .55em 1.2em !important; border: 0 !important; }
.kt-blocks-post-grid-item .kadence-post-image img { transition: transform .5s ease; }
.kt-blocks-post-grid-item:hover .kadence-post-image img { transform: scale(1.04); }
.kb-filter-item, .kt-post-filter button, .kb-post-filter-container button { border-radius: 999px !important; background: var(--jm-flaeche) !important; color: var(--jm-text) !important; border: 1px solid var(--jm-linie) !important; }
.kb-filter-item.is-active, .kb-filter-item:hover { background: var(--jm-glut) !important; color: var(--jm-tief) !important; }
/* ---------- Fußzeile: hell, wie die Kopfzeile ---------- */
.site-footer { background: var(--jm-papier); }
.site-bottom-footer-wrap .site-footer-row-container-inner, .site-middle-footer-wrap .site-footer-row-container-inner, .site-top-footer-wrap .site-footer-row-container-inner { background: var(--jm-papier) !important; position: relative; }
.site-bottom-footer-wrap .site-footer-row-container-inner::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px;
  background: linear-gradient(90deg, var(--jm-beere), var(--jm-violett), var(--jm-koralle), var(--jm-gelb), var(--jm-tuerkis));
}
.site-footer, .site-footer a, .site-footer .site-info, .footer-navigation a, .footer-html { color: var(--jm-nacht) !important; }
.site-footer a:hover { color: var(--jm-beere) !important; }
.scroll-up-wrap .scroll-up, #kt-scroll-up { background: var(--jm-koralle) !important; color: #fff !important; border-radius: 999px !important; border: 0 !important; }
/* =====================================================================
 * Startseite (Seite 1435): Bänder im Wechsel tief / tief-2
 * ===================================================================== */
.home .kb-row-layout-wrap { background: var(--jm-tief) !important; }
/* Hero mit Leuchten und feinem Punktraster */
.home .kb-row-layout-id1435_d917e0-34 { position: relative; overflow: hidden; }
.home .kb-row-layout-id1435_d917e0-34::before {
  content: ""; position: absolute; inset: -20% -10% auto -10%; height: 140%; pointer-events: none; filter: blur(10px);
  background:
    radial-gradient(42% 55% at 18% 30%, rgba(125, 29, 84, .55), transparent 70%),
    radial-gradient(38% 50% at 70% 40%, rgba(105, 34, 123, .55), transparent 70%),
    radial-gradient(30% 40% at 85% 85%, rgba(13, 193, 179, .22), transparent 70%);
}
.home .kb-row-layout-id1435_d917e0-34::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .16;
  background-image: radial-gradient(rgba(255, 255, 255, .5) 1px, transparent 1px); background-size: 26px 26px;
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 30%, #000 70%, transparent); mask-image: linear-gradient(180deg, transparent, #000 30%, #000 70%, transparent);
}
.home .kb-row-layout-id1435_d917e0-34 > .kt-row-column-wrap { position: relative; z-index: 1; padding-top: 7rem !important; padding-bottom: 7rem !important; }
.home .kb-row-layout-id1435_d917e0-34 .kt-row-layout-overlay { display: none; }
/* Kicker (H1): ruhige, gut lesbare Pille – Systemschrift statt Archivo, fester Grund, kaum Sperrung */
.home .kb-row-layout-id1435_d917e0-34 h1 {
  display: inline-block; width: fit-content; margin-bottom: 1.3rem !important; padding: .5em 1.1em !important;
  background: #262a5e !important; border: 1px solid rgba(255, 255, 255, .14); border-radius: 999px;
  font-family: var(--global-body-font-family) !important; font-weight: 600 !important; font-size: 15px !important;
  letter-spacing: .02em !important; text-transform: none !important; line-height: 1.3 !important; color: #fff !important;
}
.home .kb-row-layout-id1435_d917e0-34 h1 strong, .home .kb-row-layout-id1435_d917e0-34 h1 b { font-weight: 800; color: var(--jm-gelb); }
.home .kb-row-layout-id1435_d917e0-34 h2.kt-adv-heading1435_883eeb-33 {
  font-size: clamp(2.8rem, 5.6vw, 4.6rem) !important; line-height: 1.02 !important; color: #fff !important;
  background: linear-gradient(180deg, #fff 55%, #ffd9c9 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.home .kb-row-layout-id1435_d917e0-34 p { color: var(--jm-text) !important; font-size: 1.12rem; max-width: 34rem; }
.home .kb-row-layout-id1435_d917e0-34 p a { color: var(--jm-gelb) !important; }
.home .kb-row-layout-id1435_d917e0-34 .kadence-column1435_c1bb22-df > .kt-inside-inner-col, .home .kb-row-layout-id1435_d917e0-34 .wp-block-kadence-image img { filter: drop-shadow(0 30px 40px rgba(0, 0, 0, .45)); animation: jm-schweben 6s ease-in-out infinite; }
@keyframes jm-schweben { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@media (prefers-reduced-motion: reduce) {
* { animation: none !important; transition: none !important; }
}
/* Zweiter Hero-Knopf („Meine Angebote“) als Umriss */
.home .content-area .kb-row-layout-id1435_d917e0-34 .kb-buttons-wrap .kb-button ~ .kb-button.kb-button {
  background: transparent !important; color: #fff !important; border: 1.5px solid rgba(255, 255, 255, .55) !important; box-shadow: none !important;
}
.home .content-area .kb-row-layout-id1435_d917e0-34 .kb-buttons-wrap .kb-button ~ .kb-button.kb-button:hover { background: #fff !important; color: var(--jm-nacht) !important; }
/* Abschnittsüberschriften der Startseite weiß */
.home .content-area h2.wp-block-kadence-advancedheading:not(.kt-adv-heading1435_883eeb-33) { color: var(--jm-hell) !important; }
/* „Moin, ich bin Johannes“ – Foto mit runden Ecken und korallfarbenem Versatz */
.home .kb-row-layout-id1435_24fb00-8d { background: var(--jm-tief-2) !important; }
.home .kb-row-layout-id1435_24fb00-8d > .kt-row-column-wrap { padding-top: 6rem !important; padding-bottom: 6rem !important; }
.home .kadence-column1435_d4053e-ea > .kt-inside-inner-col { border-radius: 28px !important; box-shadow: 18px 18px 0 -2px var(--jm-koralle), var(--jm-schatten); }
.home .kb-row-layout-id1435_24fb00-8d .has-text-color { color: var(--jm-text) !important; }
.home .kb-row-layout-id1435_24fb00-8d h2.has-text-color { color: var(--jm-hell) !important; }
.home .kb-row-layout-id1435_24fb00-8d strong { color: var(--jm-hell); }
.home .kb-row-layout-id1435_24fb00-8d a { color: var(--jm-link) !important; font-weight: 700; }
/* „Die perfekte Lösung“ + vier Karten */
.home .kb-row-layout-id1435_230c8d-f1 > .kt-row-column-wrap { padding-top: 6rem !important; }
.home .kb-row-layout-id1435_6aa32c-e6 > .kt-row-column-wrap { padding-bottom: 6rem !important; gap: 22px !important; }
.home .kb-row-layout-id1435_230c8d-f1 .wp-block-kadence-advancedheading:not(p) { font-size: clamp(2rem, 3.6vw, 3rem) !important; line-height: 1.12 !important; color: #fff !important; }
.home .kb-row-layout-id1435_230c8d-f1 p.has-text-color { color: var(--jm-gedimmt) !important; }
.home .kb-row-layout-id1435_6aa32c-e6 .wp-block-kadence-column > .kt-inside-inner-col {
  background: var(--jm-flaeche) !important; border: 1px solid var(--jm-linie) !important; border-radius: var(--jm-rund) !important;
  position: relative; overflow: hidden; padding-top: 2.2rem !important; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.home .kb-row-layout-id1435_6aa32c-e6 .wp-block-kadence-column > .kt-inside-inner-col::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--jm-akzent, var(--jm-koralle)); }
.home .kb-row-layout-id1435_6aa32c-e6 .wp-block-kadence-column > .kt-inside-inner-col::after {
  content: ""; position: absolute; width: 180px; height: 180px; right: -60px; top: -60px; border-radius: 50%;
  background: var(--jm-akzent, var(--jm-koralle)); opacity: .14; filter: blur(30px); pointer-events: none;
}
.home .kb-row-layout-id1435_6aa32c-e6 .wp-block-kadence-column > .kt-inside-inner-col:hover { transform: translateY(-6px); border-color: var(--jm-akzent, var(--jm-koralle)) !important; box-shadow: var(--jm-schatten); }
.home .kadence-column1435_8e803c-61 { --jm-akzent: var(--jm-gelb); }
.home .kadence-column1435_c0c826-57 { --jm-akzent: var(--jm-koralle); }
.home .kadence-column1435_658b76-75 { --jm-akzent: var(--jm-tuerkis); }
.home .kadence-column1435_7a41d2-9c { --jm-akzent: #c06bd6; }
.home .kb-row-layout-id1435_6aa32c-e6 .wp-block-kadence-advancedheading { color: var(--jm-akzent, #fff) !important; }
.home .kb-row-layout-id1435_6aa32c-e6 p { color: var(--jm-gedimmt) !important; }
.home .content-area .kb-row-layout-id1435_6aa32c-e6 .kb-button.kb-button { background: transparent !important; color: var(--jm-hell) !important; border: 1.5px solid rgba(255, 255, 255, .28) !important; box-shadow: none !important; }
.home .content-area .kb-row-layout-id1435_6aa32c-e6 .kb-button.kb-button:hover { background: var(--jm-akzent, var(--jm-koralle)) !important; color: var(--jm-tief) !important; border-color: transparent !important; }
/* Kundenstimmen: dunkle Karten */
.home .kb-row-layout-id1435_5a2c07-c9, .home .kb-row-layout-id1435_2a519f-58, .home .kb-row-layout-id1435_60e5e1-b2, .home .kb-row-layout-id1435_cb4d98-e0 { background: var(--jm-tief-2) !important; }
.home .kb-row-layout-id1435_5a2c07-c9 > .kt-row-column-wrap { padding-top: 6rem !important; }
.home .kb-row-layout-id1435_5a2c07-c9 .wp-block-kadence-advancedheading { color: var(--jm-hell) !important; }
.home .kb-row-layout-id1435_2a519f-58 > .kt-row-column-wrap, .home .kb-row-layout-id1435_60e5e1-b2 > .kt-row-column-wrap {
  background: var(--jm-flaeche); border-radius: var(--jm-rund); border: 1px solid var(--jm-linie); margin-top: 1.2rem; margin-bottom: 1.2rem;
}
.home .kb-row-layout-id1435_2a519f-58 p, .home .kb-row-layout-id1435_60e5e1-b2 p { font-size: 1.08rem; color: var(--jm-text) !important; }
.home .kb-row-layout-id1435_cb4d98-e0 > .kt-row-column-wrap { padding-bottom: 5rem !important; }
/* Preise */
.home .kb-row-layout-id1435_052768-e0 > .kt-row-column-wrap { padding-top: 6rem !important; padding-bottom: 6rem !important; }
.home .kb-row-layout-id1435_052768-e0 .wp-block-kadence-advancedheading:not(p), .home .kb-row-layout-id1435_052768-e0 h2 { color: #fff !important; }
.home .kb-row-layout-id1435_052768-e0 p.has-text-color, .home .kb-row-layout-id1435_052768-e0 .kt-inside-inner-col > p { color: var(--jm-gedimmt) !important; }
/* Ratgeber */
.home .kb-row-layout-id1435_7c8a7e-e3 { background: var(--jm-tief-2) !important; }
.home .kb-row-layout-id1435_7c8a7e-e3 > .kt-row-column-wrap { padding-top: 6rem !important; padding-bottom: 5rem !important; }
.home .kb-row-layout-id1435_7c8a7e-e3 .wp-block-kadence-advancedheading:not(p) { color: var(--jm-hell) !important; }
.home .kb-row-layout-id1435_7c8a7e-e3 p { color: var(--jm-text) !important; }
.home .kb-row-layout-id1435_7c8a7e-e3 p a { color: var(--jm-link) !important; }
.home .kadence-column1435_835e3f-f1 > .kt-inside-inner-col { background: transparent !important; }
/* nerdcafe: Verlaufsband */
.home .kb-row-layout-id1435_bc9c24-93, .home .kb-row-layout-id1435_0cd556-df, .home .kb-row-layout-id1435_cebfea-f6, .home .kb-row-layout-id1435_3f80ba-17 { background: var(--jm-tief-2) !important; }
.home .kb-row-layout-id1435_bc9c24-93 > .kt-row-layout-overlay { display: none; }
.home .kb-row-layout-id1435_cebfea-f6 > .kt-row-column-wrap {
  background: var(--jm-verlauf); border-radius: 28px; padding: 3.5rem !important; box-shadow: var(--jm-schatten); position: relative; overflow: hidden;
}
.home .kb-row-layout-id1435_cebfea-f6 > .kt-row-column-wrap::after {
  content: ""; position: absolute; width: 420px; height: 420px; right: -120px; bottom: -160px; border-radius: 50%;
  background: radial-gradient(circle, rgba(254, 102, 93, .45), transparent 65%); pointer-events: none;
}
.home .kb-row-layout-id1435_cebfea-f6 .wp-block-kadence-advancedheading { color: #fff !important; }
.home .kb-row-layout-id1435_cebfea-f6 p, .home .kb-row-layout-id1435_cebfea-f6 figcaption { color: rgba(255, 255, 255, .88) !important; }
.home .kb-row-layout-id1435_cebfea-f6 .kb-button { position: relative; z-index: 1; }
.home .kb-row-layout-id1435_cebfea-f6 .kb-btn1435_5e9c3a-71 { background: transparent !important; color: #fff !important; border: 1.5px solid rgba(255, 255, 255, .7) !important; box-shadow: none !important; }
.home .kb-row-layout-id1435_cebfea-f6 .kb-btn1435_5e9c3a-71:hover { background: #fff !important; color: var(--jm-nacht) !important; }
.home .kb-row-layout-id1435_3f80ba-17 > .kt-row-column-wrap { padding-bottom: 5rem !important; }
@media (min-width: 1025px) {
.home .kb-theme-content-width { max-width: 1200px; }
}
@media (max-width: 767px) {
.home .kb-row-layout-id1435_d917e0-34 > .kt-row-column-wrap { padding-top: 4rem !important; padding-bottom: 4rem !important; }
.home .kb-row-layout-id1435_cebfea-f6 > .kt-row-column-wrap { padding: 2rem !important; border-radius: 20px; }
.home .kadence-column1435_d4053e-ea > .kt-inside-inner-col { box-shadow: 10px 10px 0 -2px var(--jm-koralle), var(--jm-schatten); margin-right: 10px; }
.entry-content .wp-block-image img, .single .post-thumbnail img { box-shadow: 8px 8px 0 -2px var(--jm-koralle); }
}
/* =====================================================================
 * Seiten und Beiträge: Lesefluss (Lesebreite, Trenner, Karten, Hinweisflächen, Abschluss)
 * Regelbasiert, damit es auf allen Seiten greift – auch auf künftigen.
 * ===================================================================== */
:root { --jm-lesebreite: 72rem; --jm-breit: 72rem; }
/* Wunsch 2026-11-01: breiter, wie beim Ratgeber */
/* 1. Lesebreite: Text in angenehmer Zeilenlänge, mittig */
body.page:not(.home) .entry-content > :not(.alignfull):not(.alignwide) { max-width: var(--jm-lesebreite); margin-left: auto; margin-right: auto; }
/* 2. Trenner vor jeder Hauptüberschrift: geschwungene Verlaufslinie mit Leuchten (wie Startseite) */
body.page:not(.home) .entry-content > h2.wp-block-heading { position: relative; margin-top: 6.5rem; }
body.page:not(.home) .entry-content > h2.wp-block-heading::before {
  content: ""; position: absolute; left: 50%; top: -4.6rem; width: 100vw; height: 90px; transform: translateX(-50%); pointer-events: none;
  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='%23fe665d' stop-opacity='0'/%3E%3Cstop offset='.18' stop-color='%23fe665d'/%3E%3Cstop offset='.5' stop-color='%23fed23a'/%3E%3Cstop offset='.82' stop-color='%230dc1b3'/%3E%3Cstop offset='1' stop-color='%230dc1b3' 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='.8'/%3E%3C/svg%3E") center / 100% 60px no-repeat,
              radial-gradient(40% 60% at 50% 45%, rgba(125, 29, 84, .22), transparent 70%);
}
body.page:not(.home) .entry-content > h2.wp-block-heading:nth-of-type(3n+2)::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='%23fe665d' stop-opacity='0'/%3E%3Cstop offset='.18' stop-color='%23fe665d'/%3E%3Cstop offset='.5' stop-color='%23fed23a'/%3E%3Cstop offset='.82' stop-color='%230dc1b3'/%3E%3Cstop offset='1' stop-color='%230dc1b3' 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='.8'/%3E%3C/svg%3E") center / 100% 60px no-repeat, radial-gradient(40% 60% at 50% 45%, rgba(105, 34, 123, .24), transparent 70%); }
body.page:not(.home) .entry-content > h2.wp-block-heading:nth-of-type(3n)::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='%23fe665d' stop-opacity='0'/%3E%3Cstop offset='.18' stop-color='%23fe665d'/%3E%3Cstop offset='.5' stop-color='%23fed23a'/%3E%3Cstop offset='.82' stop-color='%230dc1b3'/%3E%3Cstop offset='1' stop-color='%230dc1b3' 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='.8'/%3E%3C/svg%3E") center / 100% 60px no-repeat, radial-gradient(40% 60% at 50% 45%, rgba(13, 193, 179, .12), transparent 70%); }
/* 3. Einstieg: erster Absatz nach dem Titel größer und heller */
body.page:not(.home) .entry-content > h1.wp-block-heading:first-child + p, .single .entry-content > p:first-of-type { font-size: 1.28rem; line-height: 1.65; color: var(--jm-hell); }
body.page:not(.home) .entry-content > h1.wp-block-heading:first-child { max-width: var(--jm-lesebreite); margin-left: auto; margin-right: auto; }
body.page:not(.home) .entry-content > h1.wp-block-heading:first-child::after { left: 0; }
/* Zwischenüberschriften (h3): feine Verlaufskante links */
.entry-content > h3.wp-block-heading { position: relative; padding-left: .95rem; margin-top: 2.6rem; }
.entry-content > h3.wp-block-heading::before { content: ""; position: absolute; left: 0; top: .2em; bottom: .2em; width: 4px; border-radius: 4px; background: var(--jm-glut); }
/* 4. Listen, deren Punkte mit einem fetten Stichwort beginnen → Karten mit farbiger Oberkante */
.entry-content > ul.wp-block-list:has(> li > strong:first-child) {
  list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px;
}
body.page:not(.home) .entry-content > ul.wp-block-list:has(> li > strong:first-child) { max-width: var(--jm-breit); }
.entry-content > ul.wp-block-list:has(> li > strong:first-child) > li {
  position: relative; margin: 0; padding: 1.35rem 1.3rem 1.2rem; border-radius: 16px; overflow: hidden;
  background: var(--jm-flaeche); border: 1px solid var(--jm-linie); line-height: 1.6; font-size: .97rem;
  transition: transform .25s ease, border-color .25s ease;
}
.entry-content > ul.wp-block-list:has(> li > strong:first-child) > li::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--jm-akzent, var(--jm-koralle)); }
.entry-content > ul.wp-block-list:has(> li > strong:first-child) > li::after {
  content: ""; position: absolute; width: 140px; height: 140px; right: -50px; top: -50px; border-radius: 50%; background: var(--jm-akzent, var(--jm-koralle)); opacity: .12; filter: blur(26px); pointer-events: none;
}
.entry-content > ul.wp-block-list:has(> li > strong:first-child) > li:hover { transform: translateY(-3px); border-color: var(--jm-akzent, var(--jm-koralle)); }
.entry-content > ul.wp-block-list:has(> li > strong:first-child) > li:nth-child(4n+1) { --jm-akzent: var(--jm-gelb); }
.entry-content > ul.wp-block-list:has(> li > strong:first-child) > li:nth-child(4n+2) { --jm-akzent: var(--jm-koralle); }
.entry-content > ul.wp-block-list:has(> li > strong:first-child) > li:nth-child(4n+3) { --jm-akzent: var(--jm-tuerkis); }
.entry-content > ul.wp-block-list:has(> li > strong:first-child) > li:nth-child(4n+4) { --jm-akzent: #c06bd6; }
.entry-content > ul.wp-block-list:has(> li > strong:first-child) > li > strong:first-child { font-size: 1.04rem; color: var(--jm-akzent) !important; }
.entry-content > ul.wp-block-list:has(> li > strong:first-child) > li > strong:first-child a { color: inherit !important; text-decoration: none; }
/* Normale Listen: etwas mehr Luft, Marker in Koralle */
.entry-content > ul.wp-block-list:not(:has(> li > strong:first-child)) > li { margin-bottom: .35rem; }
/* 5. Abschnitte aus genau einem Absatz (z. B. „Ehrlich gesagt“, „Preis“) → Hinweisfläche */
.entry-content > h2.wp-block-heading + p:not([class*="jm-"]):has(+ h2) {
  position: relative; padding: 1.4rem 1.6rem 1.4rem 1.8rem; border-radius: 16px;
  background: linear-gradient(135deg, rgba(254, 102, 93, .12), rgba(105, 34, 123, .16)); border: 1px solid rgba(254, 102, 93, .22);
  color: var(--jm-hell); font-size: 1.08rem;
}
.entry-content > h2.wp-block-heading + p:not([class*="jm-"]):has(+ h2)::before { content: ""; position: absolute; left: 0; top: 16px; bottom: 16px; width: 4px; border-radius: 0 4px 4px 0; background: var(--jm-glut); }
/* 6. Letzter Abschnitt (meist mit Knopf) → abgesetzte Abschlussfläche */
body.page:not(.home) .entry-content > h2.wp-block-heading:nth-last-of-type(1):has(~ .wp-block-buttons:last-child), body.page:not(.home) .entry-content > h2.wp-block-heading:nth-last-of-type(1):has(~ .wp-block-buttons:last-child) ~ * {
  background: var(--jm-flaeche-ende, #1f1b4a); margin-top: 0; margin-bottom: 0; padding-left: 2.2rem; padding-right: 2.2rem;
}
body.page:not(.home) .entry-content > h2.wp-block-heading:nth-last-of-type(1):has(~ .wp-block-buttons:last-child) {
  margin-top: 6.5rem; padding-top: 2.4rem; border-radius: 22px 22px 0 0; border: 1px solid rgba(254, 102, 93, .25); border-bottom: 0;
  background: linear-gradient(180deg, #2a1f52, #1f1b4a);
}
body.page:not(.home) .entry-content > h2.wp-block-heading:nth-last-of-type(1):has(~ .wp-block-buttons:last-child) ~ * { border-left: 1px solid rgba(254, 102, 93, .25); border-right: 1px solid rgba(254, 102, 93, .25); padding-top: .6rem; padding-bottom: .6rem; }
body.page:not(.home) .entry-content > h2.wp-block-heading:nth-last-of-type(1):has(~ .wp-block-buttons:last-child) ~ :last-child { padding-bottom: 2.4rem; border-radius: 0 0 22px 22px; border-bottom: 1px solid rgba(254, 102, 93, .25); }
body.page:not(.home) .entry-content > h2.wp-block-heading:nth-last-of-type(1):has(~ .wp-block-buttons:last-child) ~ p { line-height: 2; }
body.page:not(.home) .entry-content > h2.wp-block-heading:nth-last-of-type(1):has(~ .wp-block-buttons:last-child)::before { top: -5.2rem; }
/* WordPress-Farbklassen im Inhalt: helle Flächen dunkel, dunkle Schrift hell (die Palette-Umdeutung erreicht diese Klassen nicht) */
.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-flaeche) !important; border: 1px solid var(--jm-linie); border-radius: var(--jm-rund);
}
.content-area :is(.has-theme-palette-3-color, .has-theme-palette-4-color, .has-theme-palette-5-color):not(.kb-button) { color: var(--jm-text) !important; }
.content-area :is(h1, h2, h3, h4).has-text-color:is(.has-theme-palette-3-color, .has-theme-palette-4-color) { color: var(--jm-hell) !important; }
/* Ruhiger auf normalen Seiten: kein Leuchten in den Karten, gedämpfte Trenner */
body:not(.home) .entry-content > ul.wp-block-list:has(> li > strong:first-child) > li::after { display: none; }
body:not(.home) .entry-content > ul.wp-block-list:has(> li > strong:first-child) > li { background: rgba(255, 255, 255, .035); }
body.page:not(.home) .entry-content > h2.wp-block-heading::before { opacity: .7; }
/* Genau vier Karten: zwei mal zwei statt vier schmale Spalten */
.entry-content > ul.wp-block-list:has(> li > strong:first-child):has(> li:nth-child(4):last-child) { grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: var(--jm-breit) !important; }
@media (max-width: 1100px) {
.entry-content > ul.wp-block-list:has(> li > strong:first-child):has(> li:nth-child(4):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
.entry-content > ul.wp-block-list:has(> li > strong:first-child):has(> li:nth-child(4):last-child) { grid-template-columns: minmax(0, 1fr); }
}
/* =====================================================================
 * Artikel-Bausteine (eigene Klassen in überarbeiteten Inhalten)
 * ===================================================================== */
/* Ältere Inhalte mit gelb hinterlegten Absätzen: dunkle Schrift statt weiß (lesbar, bis sie überarbeitet sind) */
.entry-content p.has-background[style*="fed23a"], .entry-content p.has-background[style*="FED23A"] { color: var(--jm-tief) !important; border-radius: 14px; padding: 1.2rem 1.4rem; }
.entry-content p.has-background[style*="fed23a"] a, .entry-content p.has-background[style*="fed23a"] strong { color: var(--jm-tief) !important; }
/* Frage zum Nachdenken */
.entry-content > p.jm-frage { font-size: 1.15rem; font-weight: 600; color: var(--jm-hell); padding-left: 1.2rem; border-left: 3px solid var(--jm-tuerkis); font-style: normal; }
/* Hinweisfläche (z. B. Bonustipp) */
.entry-content > p.jm-hinweis {
  position: relative; padding: 1.3rem 1.5rem 1.3rem 1.8rem; border-radius: 16px; color: var(--jm-hell); font-size: 1.05rem;
  background: linear-gradient(135deg, rgba(13, 193, 179, .12), rgba(105, 34, 123, .14)); border: 1px solid rgba(13, 193, 179, .25);
}
.entry-content > p.jm-hinweis::before { content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 4px; border-radius: 0 4px 4px 0; background: var(--jm-tuerkis); }
/* Nummerierte Listen als Schritte */
.entry-content > ol.wp-block-list { list-style: none; counter-reset: jm-schritt; padding-left: 0; }
.entry-content > ol.wp-block-list > li { counter-increment: jm-schritt; position: relative; padding: .2rem 0 1rem 3.1rem; margin: 0; }
.entry-content > ol.wp-block-list > li::before {
  content: counter(jm-schritt); position: absolute; left: 0; top: 0; width: 2.1rem; height: 2.1rem; border-radius: 50%;
  display: grid; place-items: center; font-family: "Archivo Black", sans-serif; font-size: .95rem; color: var(--jm-tief); background: var(--jm-glut);
}
.entry-content > ol.wp-block-list > li:not(:last-child)::after { content: ""; position: absolute; left: 1.03rem; top: 2.3rem; bottom: .2rem; width: 2px; background: rgba(255, 255, 255, .12); }
/* „Mehr zum Thema“ am Ende: ruhig, klein */
.entry-content > p.jm-mehr { font-size: .95rem; color: var(--jm-gedimmt); margin-bottom: .4rem; }
.entry-content > p.jm-mehr:first-of-type, .entry-content > .jm-box + p.jm-mehr { margin-top: 2.5rem; padding-top: 1.4rem; border-top: 1px solid var(--jm-linie); }
.entry-content > p.jm-mehr em { color: var(--jm-hell); font-style: normal; font-weight: 700; }
/* Box (Handlungsaufruf im Text): Grundform, Farbe über die Varianten */
.entry-content .jm-box {
  position: relative; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 1.5rem;
  margin: 2.4rem 0; padding: 1.5rem 1.7rem; border-radius: 18px;
}
.entry-content .jm-box > p { flex: 1 1 320px; margin: 0; font-size: 1.05rem; line-height: 1.6; }
.entry-content .jm-box > .wp-block-buttons { flex: 0 0 auto; margin: 0; }
.content-area .entry-content .jm-box .wp-block-button__link { white-space: nowrap; }
.entry-content .jm-box { background: linear-gradient(120deg, #c2303c 0%, #7d1d54 100%); border: 0; }
.entry-content .jm-box > p, .entry-content .jm-box strong { color: #fff !important; }
.content-area .entry-content .jm-box .wp-block-button__link { background: #fff !important; color: #7d1d54 !important; box-shadow: 0 10px 24px -12px rgba(0, 0, 0, .5) !important; }
.entry-content .jm-box::after { content: ""; position: absolute; width: 260px; height: 260px; right: -90px; top: -120px; border-radius: 50%; background: radial-gradient(circle, rgba(254, 210, 58, .35), transparent 65%); pointer-events: none; }
/* Variante 2: Dunkel mit Gelb als Akzent – dunkle Fläche, gelbe Kante und Hervorhebungen, gelber Knopf mit dunkler Schrift */
html .entry-content .jm-box { background: var(--jm-flaeche); border: 1px solid rgba(254, 210, 58, .35); padding-left: 2rem; }
html .entry-content .jm-box::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: var(--jm-gelb); }
html .entry-content .jm-box::after { background: radial-gradient(circle, rgba(254, 210, 58, .16), transparent 65%); }
html .entry-content .jm-box > p { color: var(--jm-text) !important; }
html .entry-content .jm-box strong { color: var(--jm-gelb) !important; }
html .content-area .entry-content .jm-box .wp-block-button__link { background: var(--jm-gelb) !important; color: var(--jm-tief) !important; }
/* Einstiegsfragen (Angebote): Liste mit türkisen Fragezeichen */
.entry-content > ul.jm-fragen { list-style: none; padding: 0; margin: 0 0 2rem; display: grid; gap: .7rem; }
.entry-content > ul.jm-fragen > li {
  position: relative; margin: 0; padding: .85rem 1.1rem .85rem 3.2rem; border-radius: 14px; color: var(--jm-hell); font-size: 1.05rem; line-height: 1.55;
  background: rgba(13, 193, 179, .07); border: 1px solid rgba(13, 193, 179, .2);
}
.entry-content > ul.jm-fragen > li::before {
  content: "?"; position: absolute; left: .9rem; top: 50%; transform: translateY(-50%); width: 1.7rem; height: 1.7rem; border-radius: 50%;
  display: grid; place-items: center; font-family: "Archivo Black", sans-serif; font-size: .9rem; color: var(--jm-tief); background: var(--jm-tuerkis);
}
.entry-content > ul.jm-fragen > li::marker { content: none; }
/* Preis: Betrag groß in Gelb, Rest als Erläuterung */
.entry-content > p.jm-preis {
  padding: 1.4rem 1.6rem; border-radius: 16px; background: var(--jm-flaeche); border: 1px solid rgba(254, 210, 58, .3); color: var(--jm-text);
}
.entry-content > p.jm-preis strong:first-child { display: block; font-family: "Archivo Black", sans-serif; font-weight: 400; font-size: 1.7rem; line-height: 1.2; color: var(--jm-gelb); margin-bottom: .35rem; }
/* Beitragsraster (Ratgeber u. a.): nicht auf Lesebreite begrenzen, sondern breit bis nah an den Rand */
body.page:not(.home) .entry-content > .wp-block-kadence-postgrid {
  max-width: none !important; width: min(1600px, calc(100vw - 4rem)); margin-left: 50% !important; transform: translateX(-50%);
}
body.page:not(.home) .entry-content > .wp-block-kadence-postgrid .kt-post-grid-wrap { gap: 28px; }
@media (max-width: 767px) {
body.page:not(.home) .entry-content > .wp-block-kadence-postgrid { width: calc(100vw - 2rem); }
}
/* Einzelne Beiträge: keine Kategorie-Links über dem Titel (Wunsch 2026-11-01). Datum wird ohnehin nicht angezeigt. */
.single .entry-header .entry-taxonomies, .single .entry-header .category-links { display: none !important; }
/* „Preise für oft angefragte Lösungen.“ ist ein Absatz in Überschriften-Optik → weiß */
.home .content-area p.kt-adv-heading1435_1736ff-bb { color: #fff !important; }
/* Formulare (Kontakt): Links lesbar, Hilfetexte heller */
.entry-content .kadence-blocks-form-field a, .entry-content form a { color: var(--jm-link) !important; }
.entry-content .kb-field-help { color: var(--jm-gedimmt) !important; }
/* Social-Links (Kontakt): dezente Karten */
.entry-content .wp-block-social-links .wp-social-link, .entry-content ul.wp-block-social-links li { background: var(--jm-flaeche) !important; }
/* Bild-Text-Block auf dem Handy: Abstand, damit der farbige Bildschatten nicht über dem Text liegt */
@media (max-width: 600px) {
.entry-content .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { margin-bottom: 1.6rem; }
}
/* Beiträge (Angebote, Artikel): keine Seitenleiste („Kategorien“), Inhalt über die volle Breite */
body.single .primary-sidebar { display: none !important; }
body.single.has-sidebar .content-container, body.single .content-container.site-container { grid-template-columns: minmax(0, 1fr) !important; }
body.single .content-area .entry-content-wrap, body.single .entry-related-inner { max-width: 72rem; margin-left: auto; margin-right: auto; }
/* Social-Links an der Textspalte ausrichten, als Pillen nebeneinander */
.entry-content > .wp-block-social-links { max-width: var(--jm-lesebreite); margin-left: auto !important; margin-right: auto !important; display: flex; flex-wrap: wrap; gap: 10px; }
.entry-content > .wp-block-social-links li { border-radius: 999px !important; padding: .2rem .4rem; }
/* Häkchen-Liste (Angebote: Schwerpunkte, Inhalte des Erstgesprächs …): türkise Haken, zweispaltig auf breiten Bildschirmen */
.entry-content > ul.jm-checkliste { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: .6rem 1.6rem; }
.entry-content > ul.jm-checkliste > li { position: relative; margin: 0; padding: .1rem 0 .1rem 2.1rem; color: var(--jm-text); }
.entry-content > ul.jm-checkliste > li::before {
  content: ""; position: absolute; left: 0; top: .25em; width: 1.35rem; height: 1.35rem; border-radius: 50%; background: rgba(13, 193, 179, .16);
  border: 1.5px solid var(--jm-tuerkis);
}
.entry-content > ul.jm-checkliste > li::after {
  content: ""; position: absolute; left: .47rem; top: calc(.25em + .28rem); width: .38rem; height: .65rem; border: solid var(--jm-tuerkis); border-width: 0 2px 2px 0; transform: rotate(45deg);
}
/* Genau fünf Karten: alle gleich breit in einer Reihe; Tablet drei/zwei, Handy untereinander */
.entry-content > ul.wp-block-list:has(> li > strong:first-child):has(> li:nth-child(5):last-child) { grid-template-columns: repeat(5, minmax(0, 1fr)); max-width: var(--jm-breit) !important; }
@media (max-width: 1100px) {
.entry-content > ul.wp-block-list:has(> li > strong:first-child):has(> li:nth-child(5):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
.entry-content > ul.wp-block-list:has(> li > strong:first-child):has(> li:nth-child(5):last-child) { grid-template-columns: minmax(0, 1fr); }
}
/* Fünfte Kachel in einer eigenen Farbe (helles Weiß der Palette) statt Wiederholung von Gelb */
.entry-content > ul.wp-block-list:has(> li > strong:first-child) > li:nth-child(5) { --jm-akzent: var(--jm-hell); }
/* =====================================================================
 * Ohne Trenner zwischen den Abschnitten (Wunsch 2026-11-01) – nur vor dem Schluss ein gerader Trenner
 * ===================================================================== */
body.page:not(.home) .entry-content > h2.wp-block-heading::before { display: none !important; }
body.page:not(.home) .entry-content > h2.wp-block-heading { margin-top: 4.5rem; }
/* Startseite: die geschwungenen Linien weg, das weiche Leuchten bleibt */
.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 { display: none !important; }
/* Startseite: gerader Trenner vor dem letzten Knopf (Kostenloses Erstgespräch) */
.home .kb-row-layout-id1435_3f80ba-17 { position: relative; padding-top: 3rem; }
.home .kb-row-layout-id1435_3f80ba-17::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; pointer-events: none;
  background: linear-gradient(90deg, transparent 0%, rgba(254, 102, 93, .75) 22%, rgba(254, 210, 58, .8) 50%, rgba(13, 193, 179, .7) 78%, transparent 100%) center / min(1100px, 92%) 1px no-repeat;
}
/* Schluss-Block (Klasse jm-cta): gerader Trenner darüber, Kontaktfläche dunkel mit Gelb */
.entry-content > .jm-cta {
  position: relative; max-width: var(--jm-lesebreite); margin: 7rem auto 1.5rem !important;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 1.6rem;
  padding: 1.7rem 1.9rem 1.7rem 2.3rem !important; border-radius: 20px !important;
  background: var(--jm-flaeche) !important; border: 1px solid rgba(254, 210, 58, .35) !important; box-shadow: inset 5px 0 0 var(--jm-gelb) !important;
}
.entry-content > .jm-cta::before {
  content: ""; position: absolute; left: 50%; top: -3.6rem; width: 100vw; height: 1px; transform: translateX(-50%); pointer-events: none;
  background: linear-gradient(90deg, transparent 0%, rgba(254, 102, 93, .75) 22%, rgba(254, 210, 58, .8) 50%, rgba(13, 193, 179, .7) 78%, transparent 100%) center / min(1100px, 92%) 1px no-repeat;
}
.entry-content > .jm-cta > .wp-block-group__inner-container { display: contents; }
.entry-content > .jm-cta :is(h2, h3, h4) { flex-basis: 100%; margin: 0; font-size: 1.35rem !important; color: var(--jm-hell) !important; }
.entry-content > .jm-cta :is(h2, h3, h4)::before, .entry-content > .jm-cta :is(h2, h3, h4)::after { display: none !important; }
.entry-content > .jm-cta p { flex: 1 1 320px; margin: 0; color: var(--jm-text) !important; font-size: 1.05rem; line-height: 1.7; }
.entry-content > .jm-cta p strong { color: var(--jm-gelb) !important; }
.entry-content > .jm-cta p a { color: var(--jm-gelb) !important; }
.entry-content > .jm-cta .wp-block-buttons { flex: 0 0 auto; margin: 0; }
.content-area .entry-content > .jm-cta :is(.wp-block-button__link, .kb-button) { background: var(--jm-gelb) !important; color: var(--jm-tief) !important; border: 0 !important; white-space: nowrap; }
.entry-content > .jm-cta + .wp-block-spacer { display: none; }

/* ===== Startseite: Übergänge A+C und Kundenstimmen nebeneinander (Entscheidung 2026-11-01) ===== */
/*
 * Experimente: Übergänge zwischen den Abschnitten der Startseite.
 * Reihenfolge der Bänder: Hero · Moin · Lösung (2 Zeilen) · Stimmen (4) · Preise · Ratgeber · nerdcafe (4)
 */
/* ======================================================================
 * A – Fließend: ein durchgehender Grund, Nähte aus Licht
 * ====================================================================== */
.home .kb-row-layout-wrap { background: transparent !important; position: relative; }
.home .content-area, .home .site-main { background: var(--jm-tief) !important; }
/* Naht: feine Linie, die zu den Rändern ausläuft, darüber ein weiches Leuchten */
.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 {
  content: ""; position: absolute; left: 50%; top: 0; width: min(1100px, 90vw); height: 1px; transform: translateX(-50%); pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(254, 102, 93, .55) 30%, rgba(254, 210, 58, .55) 50%, rgba(13, 193, 179, .45) 70%, transparent);
}
.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 {
  content: ""; position: absolute; left: 50%; top: -160px; width: min(1100px, 95vw); height: 320px; transform: translateX(-50%); pointer-events: none; z-index: 0;
  background: radial-gradient(50% 50% at 50% 50%, var(--jm-naht, rgba(125, 29, 84, .28)), transparent 70%);
}
.home .kb-row-layout-id1435_230c8d-f1 { --jm-naht: rgba(105, 34, 123, .32); }
.home .kb-row-layout-id1435_052768-e0 { --jm-naht: rgba(13, 193, 179, .16); }
.home .kb-row-layout-id1435_7c8a7e-e3 { --jm-naht: rgba(254, 102, 93, .16); }
.home .kb-row-layout-wrap > .kt-row-column-wrap { position: relative; z-index: 1; }
/* Hero läuft nach unten in den Grund aus statt hart zu enden */
.home .kb-row-layout-id1435_d917e0-34 { -webkit-mask-image: linear-gradient(180deg, #000 82%, transparent); mask-image: linear-gradient(180deg, #000 82%, transparent); padding-bottom: 3rem; }
/* Kundenstimmen ohne eigene Bandfarbe, Karten mit Glas-Effekt */
.home :is(.kb-row-layout-id1435_2a519f-58, .kb-row-layout-id1435_60e5e1-b2) > .kt-row-column-wrap {
  background: linear-gradient(160deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)) !important; border: 1px solid rgba(255, 255, 255, .08) !important;
}
/* Jede Gruppe ist eine Fläche mit großen Rundungen und leichtem Rand, im Wechsel heller und dunkler */
/* Welle oben an den Bändern: Fläche in der Farbe des vorherigen Bandes + feine Glutlinie, eine Grafik */
/* ======================================================================
 * A+C – durchgehender Grund mit Leuchten (A), Nähte als geschwungene Linie (C)
 * ====================================================================== */
.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 {
  left: 0; width: 100%; height: 90px; top: -45px; transform: none; z-index: 1;
  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='%23fe665d' stop-opacity='0'/%3E%3Cstop offset='.18' stop-color='%23fe665d'/%3E%3Cstop offset='.5' stop-color='%23fed23a'/%3E%3Cstop offset='.82' stop-color='%230dc1b3'/%3E%3Cstop offset='1' stop-color='%230dc1b3' 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='.8'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}
.home .kb-row-layout-id1435_cebfea-f6::before { top: -70px; }
/* ======================================================================
 * Empfehlungen (Kundenstimmen)
 * Aufbau je Stimme: Zeile mit Spalte 1 (großes Anführungszeichen als SVG) und Spalte 2 (Zitat + Name)
 * ====================================================================== */
.home :is(.kadence-column1435_8462c2-ca, .kadence-column1435_d72757-25) { display: none; }
/* große Anführungszeichen weg */
.home :is(.kb-row-layout-id1435_2a519f-58, .kb-row-layout-id1435_60e5e1-b2) .wp-block-kadence-advancedheading em { font-style: normal; }
.home :is(.kb-row-layout-id1435_2a519f-58, .kb-row-layout-id1435_60e5e1-b2) .inner-column-2 { width: 100% !important; flex: 1 1 100% !important; }
.home :is(.kb-row-layout-id1435_2a519f-58, .kb-row-layout-id1435_60e5e1-b2) > .kt-row-column-wrap { grid-template-columns: minmax(0, 1fr) !important; }
/* 1 – Akzentkarte: Glasfläche, Verlaufskante links, kleines Zeichen oben, Name mit Linie */
/* 2 – Nebeneinander: zwei gleich hohe Karten, großes Wasserzeichen-Anführungszeichen, Name unten */
.home :is(.kb-row-layout-id1435_2a519f-58, .kb-row-layout-id1435_60e5e1-b2) { float: left; clear: none !important; width: 50%; display: flex; }
.home .kb-row-layout-id1435_2a519f-58 { width: 50vw; margin-left: calc(50% - 50vw) !important; margin-right: 0 !important; padding-left: max(24px, calc(50vw - 600px)); padding-right: 12px; }
.home .kb-row-layout-id1435_60e5e1-b2 { width: 50vw; margin-left: 0 !important; margin-right: calc(50% - 50vw) !important; padding-right: max(24px, calc(50vw - 600px)); padding-left: 12px; }
.home .kb-row-layout-id1435_cb4d98-e0 { clear: both; }
.home :is(.kb-row-layout-id1435_2a519f-58, .kb-row-layout-id1435_60e5e1-b2) > .kt-row-column-wrap {
  max-width: none; width: 100%; margin: 1.5rem 0 !important; position: relative; overflow: hidden;
  background: var(--jm-flaeche) !important; border: 1px solid rgba(255, 255, 255, .08) !important; border-radius: 22px !important; padding: 2.4rem 2.2rem 2rem !important;
  transition: transform .25s ease, border-color .25s ease;
}
.home :is(.kb-row-layout-id1435_2a519f-58, .kb-row-layout-id1435_60e5e1-b2) > .kt-row-column-wrap:hover { transform: translateY(-4px); border-color: rgba(254, 102, 93, .45) !important; }
.home :is(.kb-row-layout-id1435_2a519f-58, .kb-row-layout-id1435_60e5e1-b2) > .kt-row-column-wrap::after {
  content: "\201C"; position: absolute; right: 14px; top: -40px; font-family: "Archivo Black", sans-serif; font-size: 260px; line-height: 1; color: var(--jm-koralle); opacity: .09; pointer-events: none;
}
.home :is(.kb-row-layout-id1435_2a519f-58, .kb-row-layout-id1435_60e5e1-b2) .inner-column-2 > .kt-inside-inner-col { display: flex; flex-direction: column; height: 100%; }
.home :is(.kb-row-layout-id1435_2a519f-58, .kb-row-layout-id1435_60e5e1-b2) .wp-block-kadence-advancedheading { font-size: 1.08rem !important; line-height: 1.75 !important; color: var(--jm-text) !important; position: relative; z-index: 1; }
.home :is(.kb-row-layout-id1435_2a519f-58, .kb-row-layout-id1435_60e5e1-b2) p.has-text-align-right {
  text-align: left !important; margin-top: auto !important; padding-top: 1.4rem; border-top: 1px solid rgba(255, 255, 255, .08); color: var(--jm-hell) !important; font-weight: 700;
}
.home :is(.kb-row-layout-id1435_2a519f-58, .kb-row-layout-id1435_60e5e1-b2) p.has-text-align-right::before {
  content: ""; display: block; width: 28px; height: 3px; border-radius: 3px; background: var(--jm-glut); margin-bottom: .7rem;
}
@media (max-width: 900px) {
.home :is(.kb-row-layout-id1435_2a519f-58, .kb-row-layout-id1435_60e5e1-b2) { float: none; width: auto; padding-left: 16px !important; padding-right: 16px !important; }
}
/* 3 – Bühne: keine Kästen, großes zentriertes Zitat, Anführungszeichen im Verlauf, Name darunter */
/* Trenner zwischen den beiden Stimmen: kleine Punktreihe */
/* Korrekturen der Stimmen-Varianten */
.home :is(.kb-row-layout-id1435_2a519f-58, .kb-row-layout-id1435_60e5e1-b2) { box-sizing: border-box; padding-top: 0 !important; padding-bottom: 0 !important; }
.home .kb-row-layout-id1435_5a2c07-c9 > .kt-row-column-wrap { padding-bottom: .5rem !important; }
.home :is(.kb-row-layout-id1435_2a519f-58, .kb-row-layout-id1435_60e5e1-b2) > .kt-row-column-wrap { margin: 1rem 0 !important; }