/* Gemeinsame Theme-Grundlage: Farben aus den Theme-Einstellungen (--tk-*), Kopfzeile, Navigation, Seitentitel, Footer, Abschnitte */
:root{--tk-bg:#fff;--tk-surface:#f4f6fa;--tk-card:#fff;--tk-text:#1b2430;--tk-heading:#111;--tk-muted:#566070;--tk-header-bg:#fff;--tk-header-text:#111;--tk-footer-bg:#111;--tk-footer-text:#ddd;--tk-primary-text:#2563eb;--tk-btn-text:#fff;--tk-accent-text:#111;--tk-header-line:transparent;
  --tk-font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--tk-head:var(--tk-font);--tk-radius:12px;
  --ele-ink:var(--tk-text);--ele-bg:var(--tk-bg);--ele-soft:var(--tk-surface);--ele-muted:var(--tk-muted);--ele-line:color-mix(in srgb,var(--tk-text) 16%,var(--tk-bg));--ele-radius:var(--tk-radius);--ele-sub-bg:var(--tk-card);--ele-sub-ink:var(--tk-text)}
body.tk-r-square{--tk-radius:2px}body.tk-r-round{--tk-radius:26px}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:var(--tk-font);color:var(--tk-text);background:var(--tk-bg);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%}
h1,h2,h3,h4,.ele-heading,.ele-hero-title,.ele-card-title,.ele-plan-name,.ele-step-title{font-family:var(--tk-head);color:var(--tk-heading)}
.skip-link{position:absolute;left:-999px;top:0;background:#000;color:#fff;padding:.6rem 1rem;z-index:2000}.skip-link:focus{left:0}
/* Kopfzeile */
.tk-header{position:sticky;top:var(--ele-bar-h,0px);z-index:100;background:var(--tk-header-bg);color:var(--tk-header-text);border-bottom:1px solid var(--tk-header-line)}
.tk-header-in{max-width:var(--ele-max);margin:0 auto;padding:0 1.25rem;display:flex;align-items:center;gap:1.5rem}
.tk-main{min-height:72px}
.tk-logo{color:var(--tk-header-text);text-decoration:none;font-weight:800;font-size:1.3rem;letter-spacing:-.01em;display:flex;align-items:center;font-family:var(--tk-head)}.tk-logo img{max-height:46px;width:auto}
.tk-navwrap{margin-left:auto;display:flex;align-items:center;gap:1.2rem}
.tk-nav ul{display:flex;gap:.2rem;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.tk-nav a{display:block;padding:.55rem .85rem;color:var(--tk-header-text);text-decoration:none;font-weight:600;border-radius:var(--tk-radius)}
.tk-nav a:hover{background:color-mix(in srgb,var(--tk-header-text) 10%,transparent)}
.tk-nav .is-current>a,.tk-nav .has-current>a{background:color-mix(in srgb,var(--tk-header-text) 12%,transparent)}
.tk-cta{display:inline-flex;align-items:center;padding:.65rem 1.2rem;border-radius:var(--tk-radius);background:var(--ele-primary);color:var(--tk-btn-text);font-weight:700;text-decoration:none;white-space:nowrap}.tk-cta:hover{filter:brightness(.93)}
.tk-cta:focus-visible,.tk-nav a:focus-visible,.tk-logo:focus-visible{outline:3px solid var(--ele-accent);outline-offset:2px}
.tk-burger{display:none;margin-left:auto;width:46px;height:46px;border:0;background:transparent;color:var(--tk-header-text);border-radius:10px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0}
.tk-burger span{display:block;width:24px;height:2px;background:currentColor;border-radius:2px}
.tk-topbar{background:var(--tk-footer-bg);color:var(--tk-footer-text);font-size:.88rem}.tk-topbar .tk-header-in{min-height:38px;gap:1.4rem;justify-content:flex-end;flex-wrap:wrap}
.tk-topbar a,.tk-topbar span{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}.tk-topbar .ic{width:15px;height:15px}.tk-topbar a:hover{text-decoration:underline}
/* Kopfzeile zentriert */
.tk-h-center .tk-main{flex-direction:column;gap:.2rem;padding-top:1rem;padding-bottom:.6rem}.tk-h-center .tk-navwrap{margin:0;justify-content:center;flex-wrap:wrap}.tk-h-center .tk-nav ul{justify-content:center}
@media (max-width:820px){
  .tk-burger{display:flex}.tk-header-in{gap:1rem}.tk-main{flex-wrap:wrap;min-height:64px}
  .tk-h-center .tk-main{flex-direction:row;flex-wrap:wrap;padding:0 1.25rem}.tk-h-center .tk-logo{margin-right:auto}
  .js .tk-navwrap{display:none;flex-direction:column;align-items:stretch;width:100%;margin:0;padding:.4rem 0 1rem;gap:.6rem;order:3}
  .js .tk-navwrap.is-open{display:flex}.js .tk-nav ul{flex-direction:column}.js .tk-nav a{padding:.8rem .6rem}.js .tk-cta{justify-content:center}
  .tk-topbar .tk-header-in{justify-content:flex-start;gap:.3rem 1rem;padding-top:.3rem;padding-bottom:.3rem}
}
/* Seitentitel */
.tk-pagehead{background:var(--tk-surface);padding:3rem 0 2.4rem;border-bottom:1px solid var(--ele-line)}.tk-pagehead h1{margin:0;font-size:clamp(1.9rem,4.5vw,2.9rem);line-height:1.1}
/* Abschnitte */
.ele-eyebrow,.ele-stat-value{color:var(--tk-primary-text)}
.ele-prose a,.ele-text a{color:var(--tk-primary-text)}
.ele-card,.ele-plan{background:var(--tk-card)}
.ele-btn{border-radius:var(--tk-radius)}.ele-btn-primary{background:var(--ele-primary);color:var(--tk-btn-text)}
.ele-btn-secondary{color:var(--tk-primary-text);border-color:var(--tk-primary-text)}.ele-btn-secondary:hover{background:var(--tk-primary-text);color:var(--tk-bg)}
.ele-stats{background:var(--tk-surface)}
.ele-step-no{background:var(--ele-primary);color:var(--tk-btn-text)}.ele-plan-features .ic{color:var(--tk-primary-text)}
.ele-card-icon{color:var(--tk-primary-text)}
.ele-plan.is-highlight{border-color:var(--ele-primary)}
.ele-field input[type=text],.ele-field input[type=email],.ele-field input[type=tel],.ele-field select,.ele-field textarea{background:var(--tk-card);color:var(--tk-text);border-color:color-mix(in srgb,var(--tk-text) 45%,var(--tk-bg));border-radius:calc(var(--tk-radius)*.7)}
.ele-field input:focus,.ele-field select:focus,.ele-field textarea:focus{outline-color:color-mix(in srgb,var(--ele-primary) 45%,transparent);border-color:var(--tk-primary-text)}
.ele-hero .ele-hero-bg:not([style]){background-color:var(--tk-surface)}
.ele-industries{background:var(--tk-surface)}.ele-industries-list li>*{background:var(--tk-card)}
.ele-cta[data-style=primary] .ele-cta-inner{background:var(--ele-primary);color:var(--tk-btn-text)}.ele-cta[data-style=primary] .ele-heading{color:inherit}
.ele-cta[data-style=primary] .ele-btn-primary{background:var(--tk-btn-text);color:var(--ele-primary)}
.ele-cta[data-style=dark] .ele-cta-inner{background:var(--tk-footer-bg);color:var(--tk-footer-text)}.ele-cta[data-style=dark] .ele-heading{color:inherit}
.ele-cta[data-style=dark] .ele-btn-primary{background:var(--ele-accent);color:var(--tk-accent-text)}
.ele-cta[data-style=light] .ele-cta-inner{background:var(--tk-surface)}
body.ele-tpl-landing .ele-section:first-child{padding-top:0}
/* Footer */
.tk-footer{background:var(--tk-footer-bg);color:var(--tk-footer-text);padding:3.4rem 0 0}.tk-footer a{color:var(--tk-footer-text)}.tk-footer a:hover{color:var(--tk-footer-text);text-decoration:none}
.tk-footer-in{display:grid;grid-template-columns:2fr 1.4fr 1fr;gap:2.2rem;padding-bottom:2.4rem}
.tk-fbrand{min-width:0}.tk-fbrand strong{display:block;font-size:1.25rem;font-family:var(--tk-head);color:var(--tk-footer-text)}.tk-fbrand p{margin:.6rem 0 0;max-width:34rem;overflow-wrap:anywhere;opacity:.92}
.tk-fcontact{font-style:normal;display:grid;gap:.4rem;align-content:start}.tk-fnav ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.tk-social{list-style:none;display:flex;gap:.6rem;margin:1rem 0 0;padding:0}.tk-social a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid color-mix(in srgb,var(--tk-footer-text) 40%,transparent)}.tk-social a:hover{background:color-mix(in srgb,var(--tk-footer-text) 15%,transparent)}
.tk-copy{border-top:1px solid color-mix(in srgb,var(--tk-footer-text) 22%,transparent);padding-top:1.1rem;padding-bottom:1.5rem;font-size:.9rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;opacity:.95}
.tk-legal{display:flex;gap:1.2rem}
@media (max-width:760px){.tk-footer-in{grid-template-columns:1fr}}

/* Werkstatt – kräftig, direkt, strukturiert */
:root{--tk-head:"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;--tk-font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
h1,h2,h3,.ele-heading,.ele-hero-title{font-weight:900;text-transform:uppercase;letter-spacing:-.005em}
.ele-hero-title{font-size:clamp(2.3rem,7vw,4.6rem);line-height:1}.ele-heading{font-size:clamp(1.7rem,4vw,2.7rem)}
.ele-eyebrow{color:var(--tk-heading);background:var(--ele-primary);color:var(--tk-btn-text);display:inline-block;padding:.25rem .7rem;border-radius:3px;letter-spacing:.1em}
.tk-header::after{content:"";display:block;height:7px;background:repeating-linear-gradient(-45deg,var(--ele-primary) 0 14px,var(--tk-header-bg) 14px 28px)}
.tk-logo{text-transform:uppercase;font-weight:900;letter-spacing:.02em}
.tk-nav a{text-transform:uppercase;font-weight:800;font-size:.88rem;letter-spacing:.04em;border-radius:4px}
.tk-cta{border-radius:4px;font-weight:900;text-transform:uppercase;padding:.8rem 1.4rem;font-size:.95rem}
.ele-btn{border-radius:4px;text-transform:uppercase;font-weight:900;letter-spacing:.03em;border-width:3px}
.ele-card{border:2px solid var(--tk-heading);border-top:8px solid var(--ele-primary);border-radius:4px;box-shadow:6px 6px 0 color-mix(in srgb,var(--tk-heading) 14%,transparent)}
.ele-features[data-x-layout=plain] .ele-card{border:0;border-top:3px solid var(--tk-heading);box-shadow:none;padding-left:0;padding-right:0;background:transparent}
.ele-card-icon{border-radius:4px;background:var(--ele-primary);color:var(--tk-btn-text)}
.ele-stats{background:var(--tk-footer-bg);color:var(--tk-footer-text)}.ele-stats .ele-heading{color:inherit}.ele-stat-value{color:var(--ele-primary);font-weight:900}.ele-stat-label{color:inherit;opacity:.92}
.ele-step-no{border-radius:4px;font-size:1.4rem}
.ele-plan{border:3px solid var(--tk-heading);border-radius:4px}.ele-plan.is-highlight{border-color:var(--ele-primary);box-shadow:8px 8px 0 var(--ele-primary)}.ele-plan-badge{border-radius:4px}
.ele-hero .ele-hero-bg:not([style]){background:linear-gradient(115deg,var(--tk-surface) 0 62%,color-mix(in srgb,var(--ele-primary) 28%,var(--tk-surface)) 62%)}
.ele-faq-item summary{text-transform:uppercase;font-weight:800;font-size:1rem}
.ele-img,.ele-hero-media .ele-img,.ele-split-media .ele-img{border-radius:4px}
.ele-cta-inner{border-radius:4px;border-left:14px solid var(--ele-accent)}
.ele-hours-card,.ele-hours-wrap{border-radius:4px}
.tk-footer{border-top:7px solid var(--ele-primary)}
@media (max-width:820px){.tk-topbar{display:none}}