/* Both palettes share layout, branding, and accessible control states. */
:root{--kk-surface:#101110;--kk-panel:#191b17;--kk-ink:#f5f3ed;--kk-muted:#c0c1b7;--kk-stroke:#4e4c40;--kk-accent:#c7ac73;color-scheme:dark}
:root[data-kk-mode=light]{--kk-surface:#f5f3ed;--kk-panel:#eae7de;--kk-ink:#171913;--kk-muted:#51544a;--kk-stroke:#b9b3a4;--kk-accent:#79602d;--kk-white:#171913;--kk-black:#f5f3ed;--kk-gray:#51544a;--kk-line:#b9b3a4;color-scheme:light}
html,body,body.kernkant-ready{background:var(--kk-surface);color:var(--kk-ink)!important}
body .section,body .kk-marquee{background:var(--kk-surface);color:var(--kk-ink)}
body .about,body .kk-story--difference,body .kk-story--process,body .kk-spotlight{background:var(--kk-panel)}
body #leistungen.kk-services-compact,body #vergleich,body .kk-faq,body .kk-story--friction{background:var(--kk-panel);color:var(--kk-ink)}
body .hero{background:radial-gradient(ellipse at 90% 30%,#bd965018,transparent 48%),var(--kk-surface);color:var(--kk-ink)}
body .site-header,body .site-header.scrolled,body:not(.home) .site-header{background:var(--kk-surface);color:var(--kk-ink);border-color:var(--kk-stroke)}
.kk-mode-toggle{order:3;flex-shrink:0;display:flex;gap:7px;align-items:center;padding:9px 10px;border:1px solid var(--kk-stroke);border-radius:30px;background:transparent;color:var(--kk-ink);font:500 11px/1 Inter,sans-serif;cursor:pointer;margin-left:20px}.kk-mode-toggle[hidden]{display:none}.kk-mode-toggle>span:first-child{font-size:20px}.site-header nav{margin-left:auto}.kk-mode-toggle:hover{border-color:var(--kk-accent)}
body .hero-bottom p,body .lead,body .principles p,body .about-copy>p,body .project-meta p,body .contact-foot,body .kk-contact-intro,body .kk-form-privacy,body .content-copy,body .kk-hero-note,body .kk-art-caption{color:var(--kk-muted)}
body .section-no,body .kicker,body .hero .eyebrow,body .contact .eyebrow,body .kk-story-index,body .kk-service-toggle,body .kk-services-eyebrow,body .kk-faq-number,body .kk-faq-plus,body .kk-contact-intro strong{color:var(--kk-accent);border-color:var(--kk-stroke)}
body .kk-story-heading>p,body .kk-story .kk-story-card p,body .kk-spotlight-copy>p:not(.section-no),body .kk-faq-heading>p,body .kk-faq-answer,body .kk-comparison-heading>p,body .kk-comparison-end>p,body .kk-comparison-source,body .kk-services-subline,body .kk-service-row>p{color:var(--kk-muted)}
body .kk-story-heading h2 span,body .kk-spotlight h2 span,body .kk-faq-heading h2 span,body .kk-comparison-heading h2 span,body .kk-services-intro h2 span,body .contact h2 span,body .hero-title .outline{color:var(--kk-accent)}
body .kk-story-card,body .principles article,body .principles article+article{background:var(--kk-panel);border-color:var(--kk-stroke)}
body .kk-story--friction .kk-story-card,body .kk-story--process .kk-story-card{background:transparent}
body .kk-faq-item,body .kk-service-row{border-color:var(--kk-stroke)}body .kk-faq-item[open] summary{color:var(--kk-accent)}
body #leistungen .kk-services-link,body .kk-toolbox>p{color:var(--kk-ink)}
body .kk-comparison-table td,body .kk-comparison-table th{color:var(--kk-ink);border-color:var(--kk-stroke)}
body .kk-comparison-table thead th{background:transparent}body .kk-comparison-table tbody tr:hover td:not(.kk-compare-featured){background:var(--kk-surface)}
body .kk-comparison-table .kk-compare-featured{background:#080a08!important;color:#fff!important}
body .kk-comparison-table thead .kk-compare-featured:before,body .kk-comparison-table tbody tr:last-child .kk-compare-featured:after{background:#080a08}
:root[data-kk-mode=dark] #vergleich .kk-compare-icon--yes,:root[data-kk-mode=dark] #vergleich .kk-key-yes{color:#69db73!important}
:root[data-kk-mode=dark] #vergleich .kk-compare-icon--no,:root[data-kk-mode=dark] #vergleich .kk-key-no{color:#ff727a!important}
:root[data-kk-mode=dark] #vergleich .kk-compare-icon--var,:root[data-kk-mode=dark] #vergleich .kk-key-var{color:#ffd34f!important}
body .kk-gold-button,body .site-header a.nav-cta,body #kontakt .kk-contact-form .kk-form-submit{background:#c7ac73;color:#101110!important;border-color:#c7ac73}
body .kk-gold-button:hover,body .site-header a.nav-cta:hover,body #kontakt .kk-contact-form .kk-form-submit:hover{background:var(--kk-ink);color:var(--kk-surface)!important;border-color:var(--kk-ink)}
body .kk-contact-form input:not([type=hidden]),body .kk-contact-form textarea{background:var(--kk-panel);color:var(--kk-ink);border-color:var(--kk-stroke)}body .kk-contact-form label{color:var(--kk-ink)}body .kk-contact-form input::placeholder,body .kk-contact-form textarea::placeholder{color:var(--kk-muted);opacity:1}
body .kk-form-status.is-error{color:#ef747b}body .kk-form-status.is-success{color:#69db73}:root[data-kk-mode=light] .kk-form-status.is-error{color:#aa2130}:root[data-kk-mode=light] .kk-form-status.is-success{color:#24672e}
body footer.kk-footer{background:var(--kk-panel);color:var(--kk-ink)}body .kk-footer h2,body .kk-footer a,body .kk-footer-unlinked{color:var(--kk-ink)}body .kk-footer-bottom,body .kk-footer-signature p{border-color:var(--kk-stroke);color:var(--kk-muted)}
:root[data-kk-mode=dark] .kk-footer-signature img{filter:invert(1)}:root[data-kk-mode=light] .brand img{filter:brightness(0)}
body .kk-art-tag{color:#f5f3ed}:root[data-kk-mode=light] .kk-art-caption{color:#51544a}:root[data-kk-mode=light] .hero-grid{filter:invert(1)}
.kk-project-details{border-block:1px solid var(--kk-stroke);font-size:13px}.kk-project-details summary{padding:14px 0;cursor:pointer;display:flex;justify-content:space-between;list-style:none}.kk-project-details summary::-webkit-details-marker{display:none}.kk-project-expanded{line-height:1.7;padding:0 0 18px}.kk-project-expanded video,.kk-project-expanded img{display:block;width:100%;height:auto;margin-top:16px;border-radius:4px}.kk-project-expanded video{max-height:480px;background:#000}.kk-project-details[open] summary span{transform:rotate(45deg)}
.kk-project-inline .kk-project-external{margin-top:auto;padding-top:18px}body .kk-tool-tile{color:#101110}
.kk-comparison-table .kk-compare-icon--yes{font-size:21px}
@media(max-width:800px){.kk-mode-toggle{order:0;margin-left:auto;margin-right:15px}.menu-toggle{order:1}.site-header nav{background:var(--kk-surface);color:var(--kk-ink);margin-left:0}.kk-mode-label{display:none}.kk-mode-toggle{padding:8px}.brand img{max-width:180px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
body #vergleich .kk-comparison-table thead th:first-child{color:var(--kk-muted)}
@media(max-width:800px){.site-header nav:not(.open){visibility:hidden;pointer-events:none}.site-header nav.open{visibility:visible;pointer-events:auto}.kk-mode-toggle{position:relative;z-index:2}}
/* Keep off-screen table accessibility labels inside their scroll container. */
.kk-comparison-scroll{position:relative;max-width:100%;min-width:0}.kk-comparison-table th,.kk-comparison-table td{position:relative}
/* Invisible tooltips must not widen the mobile document. */
.kk-tool-tile::after{visibility:hidden}.kk-tool-tile:hover::after,.kk-tool-tile:focus-visible::after{visibility:visible}.kk-tool-list li:first-child .kk-tool-tile::after{left:0;transform:none}.kk-tool-list li:nth-child(n+5) .kk-tool-tile::after{left:auto;right:0;transform:none}