/* Default deliberately retains the current website palette. */
.op-theme-picker{display:inline-flex;align-items:center}.op-theme-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.op-theme-picker select{font:inherit;font-size:12px;font-weight:700;max-width:118px;min-height:38px;padding:7px 23px 7px 10px;border:1px solid var(--line,#dde3e8);border-radius:24px;background:var(--paper,#fff);color:var(--ink,#122133);cursor:pointer}.op-theme-picker select:focus-visible{outline:3px solid #1d5f8a;outline-offset:3px}
@media(min-width:851px) and (max-width:1350px){.nav-main{display:none!important}.nav-refined .nav-actions{margin-left:auto}.mobile-menu-button{display:flex!important}}
@media(max-width:600px){.nav-refined .nav-cta{display:none!important}.nav-refined{gap:6px!important}.nav-actions{gap:5px!important}.op-theme-picker select{font-size:11px;max-width:100px;padding-left:8px}.language-switch{display:none!important}.nav-refined nav{flex:initial}.nav-refined .brand{font-size:17px}}
html[data-theme=tech]{--ink:#10243e;--muted:#425978;--paper:#fff;--soft:#eef4fc;--accent:#155ac7;--line:#cbd9ed;--theme-action:#155ac7;--theme-on-action:#fff;--theme-radius:2px;--theme-dark:#10243e;--theme-dark-text:#fff;--theme-soft-text:#cad8eb;--theme-positive:#285a31}
html[data-theme=sommertag]{--ink:#263342;--muted:#665a46;--paper:#fffcf4;--soft:#fff0be;--accent:#916000;--line:#e8d8a8;--theme-action:#916000;--theme-on-action:#fff;--theme-radius:16px;--theme-dark:#493b26;--theme-dark-text:#fffcf4;--theme-soft-text:#e9dfca;--theme-positive:#456330}
html[data-theme=nacht]{color-scheme:dark;--ink:#f0f3f7;--muted:#bcc7d5;--paper:#111c2b;--soft:#1a293c;--accent:#a2c4df;--line:#39485b;--theme-action:#e7ad91;--theme-on-action:#122133;--theme-radius:10px;--theme-dark:#0a1421;--theme-dark-text:#f0f3f7;--theme-soft-text:#bcc7d5;--theme-positive:#b9dcb2}
html:is([data-theme=tech],[data-theme=sommertag],[data-theme=nacht]) body{background:var(--paper)!important;color:var(--ink)!important}
html:is([data-theme=tech],[data-theme=sommertag],[data-theme=nacht]) :is(header,.form,.problem,.topic,.deliverable,.audience-card,.offer-item,.review-card,.mobile-site-nav,.language-current,.mobile-menu-button,.op-theme-picker select){background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line)!important}
html:is([data-theme=tech],[data-theme=sommertag],[data-theme=nacht]) :is(.about,.customer-voices,.audience-section,.reference-feature,.plan,.work,.factory,.op-footer,.partner-references,.website-configurator){background:var(--soft)!important;color:var(--ink)!important;border-color:var(--line)!important}
html:is([data-theme=tech],[data-theme=sommertag],[data-theme=nacht]) :is(h1,h2,h3,h4,summary,strong,label,.brand,.project-meta,.op-footer__logo,.op-footer h2){color:var(--ink)}
html:is([data-theme=tech],[data-theme=sommertag],[data-theme=nacht]) :is(p,small,.lead,.fine,.project-description,.reference-feature-copy p,.op-footer p,.op-footer__small,.op-footer__bottom,.audience-card p){color:var(--muted)}
html:is([data-theme=tech],[data-theme=sommertag],[data-theme=nacht]) :is(.kicker,.eyebrow,.brand span,.op-footer__logo span,.audience-card a,.audience-footer a,.personal-stories-grid a,.op-footer a){color:var(--accent)!important}
html:is([data-theme=tech],[data-theme=sommertag],[data-theme=nacht]) :is(.btn:not(.light),button[type=submit]){background:var(--theme-action)!important;border-color:var(--theme-action)!important;color:var(--theme-on-action)!important;border-radius:var(--theme-radius)}
html:is([data-theme=tech],[data-theme=sommertag],[data-theme=nacht]) .btn.light{background:transparent!important;border-color:var(--line)!important;color:var(--ink)!important;border-radius:var(--theme-radius)}
html:is([data-theme=tech],[data-theme=sommertag],[data-theme=nacht]) :is(input,textarea,select){background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line)!important}
html:is([data-theme=tech],[data-theme=sommertag],[data-theme=nacht]) :is(.address-toggle,.language-switch){background:var(--soft)!important;border-color:var(--line)!important}
html:is([data-theme=tech],[data-theme=sommertag],[data-theme=nacht]) :is(.address-toggle button,.language-switch a){color:var(--muted)!important}
html:is([data-theme=tech],[data-theme=sommertag],[data-theme=nacht]) .address-toggle button.active{background:var(--theme-action)!important;color:var(--theme-on-action)!important}
html:is([data-theme=tech],[data-theme=sommertag],[data-theme=nacht]) :is(.contact,.statement,.reference-cta){background:var(--theme-dark)!important;color:var(--theme-dark-text)!important}
html:is([data-theme=tech],[data-theme=sommertag],[data-theme=nacht]) :is(.contact-copy,.statement,.reference-cta) :is(h2,p,strong,a){color:var(--theme-dark-text)!important}
html:is([data-theme=tech],[data-theme=sommertag],[data-theme=nacht]) .contact .kicker{color:var(--theme-soft-text)!important}
html:is([data-theme=tech],[data-theme=sommertag],[data-theme=nacht]) .form :is(p,label){color:var(--ink)!important}
html:is([data-theme=tech],[data-theme=sommertag],[data-theme=nacht]) :is(.personal-stories-grid article,.card,.package-card){background:var(--soft)!important;border-color:var(--line)!important;border-radius:var(--theme-radius)}
html:is([data-theme=tech],[data-theme=sommertag],[data-theme=nacht]) .op-garden .op-flower-greeting{color:var(--ink)!important}
html[data-theme=sommertag] .hero{background:radial-gradient(ellipse at 15% 0%,#ffe7a0a6,transparent 75%)}
html[data-theme=sommertag] :is(.about,.customer-voices){background:linear-gradient(110deg,#fff0be,#fff8df)!important}
html[data-theme=nacht] :is(.projects .project,.webcheck-section,.faq details:hover){background:var(--soft)!important}
html[data-theme=nacht] :is(.op-tiny,.op-logo-secret,.op-flower){color:#e7ad91!important}
html[data-theme=nacht] .op-surprise-note{background:var(--soft);color:var(--ink);border-color:var(--line)}

.op-theme-picker{display:inline-flex;padding:4px;gap:2px;border:1px solid var(--line,#dde3e8);border-radius:999px;background:var(--paper,#fff);white-space:nowrap;flex-shrink:0}.op-theme-picker button{appearance:none;border:0;border-radius:999px;padding:7px 9px;font:inherit;font-size:11px;font-weight:750;line-height:1.2;background:transparent;color:var(--muted,#647080);cursor:pointer}.op-theme-picker button[aria-pressed=true]{background:var(--ink,#122133);color:var(--paper,#fff)}.op-theme-picker button:focus-visible{outline:3px solid var(--accent,#1d5f8a);outline-offset:2px}
@media(max-width:850px){.nav-refined{height:auto!important;min-height:78px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.nav-refined nav{order:3;width:100%;flex-basis:100%;justify-content:center!important}.nav-refined .nav-actions{justify-content:center;width:100%;flex-wrap:wrap;gap:8px!important}.nav-refined .mobile-menu-button{margin-left:auto}.nav-refined .op-theme-picker button{font-size:11px;padding:7px 9px}.nav-refined .language-switch{display:inline-flex!important}}

html:is([data-theme=tech],[data-theme=sommertag],[data-theme=nacht]) :is(.op-config,.package-basics){background:var(--soft)!important;color:var(--ink)!important;border-color:var(--line)!important}
html:is([data-theme=tech],[data-theme=sommertag],[data-theme=nacht]) :is(.op-config fieldset,.op-config-summary,.package-basics-grid>*,.pricing-card,.price-card){background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line)!important}
html:is([data-theme=tech],[data-theme=sommertag],[data-theme=nacht]) :is(.op-config-status,.op-config-hint){background:var(--soft)!important;color:var(--muted)!important;border-color:var(--accent)!important}
html:is([data-theme=tech],[data-theme=sommertag],[data-theme=nacht]) :is(.op-config-reset,.op-config-option small,.op-config-option em){color:var(--muted)!important}
html:is([data-theme=tech],[data-theme=sommertag],[data-theme=nacht]) .op-config input{accent-color:var(--theme-action)}
html[data-theme=nacht] :is(.project-visual,.hero-photo,.about-grid img){background:#233247!important}

/* Night palette audit: legacy literal colours on guides, service pages and shared UI. */
html[data-theme=nacht] body :is(.prose p,.prose li,.note,.toc a,.seo-lead,.intro,.audience-footer,.tech li,.foot p){color:#dce4ee!important}
html[data-theme=nacht] :is(.guide,.card,.note,.notice,.op-config-package-details,.outline,.light,.service-page .service,form,.top,.op-consent){background:#1a293c!important;color:#f0f3f7!important;border-color:#52657b!important}
html[data-theme=nacht] :is(.offer-overview,.seo-hero,.related){background:#111c2b!important;color:#f0f3f7!important}
html[data-theme=nacht] :is(.cta,.seo-cta,.service-page .cta){background:#0a1421!important;color:#f0f3f7!important}
html[data-theme=nacht] :is(.cta,.seo-cta,.service-page .cta) :is(h2,p,li,a:not(.btn):not(.seo-btn)){color:#e0e7f0!important}
html[data-theme=nacht] body :is(.prose,.note,.toc,.guide,.card,.op-config-package-details,.op-consent,.service-page,.seo-hero) :is(p,li,span,small,em){color:#dce4ee!important}
html[data-theme=nacht] body :is(.prose,.note,.toc,.guide,.card,.op-config-package-details,.op-consent,.service-page,.seo-hero) :is(h1,h2,h3,h4,strong,label){color:#f0f3f7!important}
html[data-theme=nacht] body :is(.prose,.note,.toc,.op-consent,.service-page) a:not(.btn):not(.seo-btn){color:#a2c4df!important;text-decoration:underline;text-underline-offset:3px}
html[data-theme=nacht] header :is(.brand,.nav-main a,.mobile-site-nav>a){color:#f0f3f7!important}
html[data-theme=nacht] header .brand span{color:#a2c4df!important}
html[data-theme=nacht] header :is(.language-switch,.address-toggle,.mobile-menu-button,.mobile-site-nav:not([hidden])){background:#1a293c!important;color:#f0f3f7!important;border-color:#52657b!important}
html[data-theme=nacht] header :is(.language-current,.language-switch a,.address-toggle button){color:#dce4ee!important}
html[data-theme=nacht] header .language-switch .language-current{background:#233247!important;color:#f0f3f7!important}
html[data-theme=nacht] header .address-toggle button.active{background:#e7ad91!important;color:#122133!important}
html[data-theme=nacht] body :is(.btn:not(.light),.seo-btn,.op-consent button[data-consent=granted]){background:#e7ad91!important;color:#122133!important;border-color:#e7ad91!important}
html[data-theme=nacht] body :is(.btn.light,.outline,.light,.op-consent button:not([data-consent=granted])){background:#1a293c!important;color:#f0f3f7!important;border:1px solid #71849b!important}
html[data-theme=nacht] body .btn:hover,html[data-theme=nacht] body .seo-btn:hover{background:#f2c7ae!important;color:#122133!important}
html[data-theme=nacht] .op-footer .op-footer__logo.brand{color:#f0f3f7!important}
html[data-theme=nacht] .op-footer :is(p,.op-footer__bottom,.op-footer__bottom a,.op-footer__grid a:not(.op-footer__logo)){color:#bcc7d5!important}
html[data-theme=nacht] .more-project-list a:hover{background:#233247!important}
html[data-theme=nacht] .more-project-list a:hover .more-project-arrow{background:#e7ad91!important;color:#122133!important}
html[data-theme=nacht] :is(.review-stars,.badge){color:#edc77f!important}
html[data-theme=nacht] .badge{background:#233247!important}
html[data-theme=nacht] :is(.success,.form-success){background:#203a30!important;color:#d4f0da!important;border-color:#789b83!important}
html[data-theme=nacht] .hero h1 em{color:#bcc7d5!important}
html[data-theme=nacht] body :is(input,textarea,select){background:#111c2b!important;color:#f0f3f7!important;border-color:#71849b!important;caret-color:#f0f3f7}
html[data-theme=nacht] body :is(input,textarea)::placeholder{color:#aebdce!important;opacity:1}
html[data-theme=nacht] :is(table,thead,tbody,tr,th,td){background:transparent;color:#dce4ee;border-color:#52657b!important}
html[data-theme=nacht] :is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #e7ad91!important;outline-offset:4px}
html[data-theme=nacht] main :is(li,dt,dd,figcaption){color:#dce4ee!important}
html[data-theme=nacht] main a:not(.btn):not(.seo-btn):not(.project):not(.card):not(.guide):not(.reference-feature-image){color:#a2c4df!important}
html[data-theme=nacht] .op-consent{box-shadow:0 8px 40px #0006}

/* Guide call-to-action: treat the dark panel as one contrast surface in every theme. */
html:is([data-theme=tech],[data-theme=sommertag]) body section.cta{background:var(--theme-dark)!important;color:var(--theme-dark-text)!important}
html:is([data-theme=tech],[data-theme=sommertag]) body section.cta :is(h2,p,strong,li){color:var(--theme-dark-text)!important}
html:is([data-theme=tech],[data-theme=sommertag]) body section.cta a:not(.btn){color:var(--theme-dark-text)!important;text-decoration:underline;text-underline-offset:3px}
html:is([data-theme=tech],[data-theme=sommertag]) body section.cta a.btn.light{background:var(--theme-action)!important;color:var(--theme-on-action)!important;border-color:var(--theme-action)!important}