/* 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}}


/* Kontur – boxed, eckig, sachlich */
body.kt{background:var(--kt-outer);--tk-radius:0;--ele-radius:0}
.kt-page{width:var(--kt-w,80%);max-width:var(--kt-max,1760px);margin:0 auto;background:var(--tk-bg);box-shadow:0 0 0 1px color-mix(in srgb,var(--tk-text) 10%,transparent),0 10px 40px rgba(15,25,45,.10);min-height:100vh;display:flex;flex-direction:column}
.kt-page>main{flex:1}
@media (max-width:1100px){.kt-page{width:100%;box-shadow:none}}
/* Alles eckig – auch Karten, Buttons, Formularfelder, Abzeichen */
.kt-page *,.kt-page *::before,.kt-page *::after{border-radius:0!important}
.kt-page input[type=radio]{border-radius:50%!important}
/* Kopfzeile: Logo beginnt an der linken, Navigation endet an der rechten Kante des Inhaltsbereichs (gleiche Breite und Abstände wie .ele-container) */
.tk-header{border-bottom:1px solid var(--tk-header-line);box-shadow:0 1px 0 var(--ele-line)}
.tk-header-in{max-width:var(--ele-max);margin:0 auto;padding:0 1.25rem;width:100%}
.tk-main{min-height:76px}
.tk-logo{padding:0;font-size:1.35rem;font-weight:800;letter-spacing:-.015em}
.tk-navwrap{margin-left:auto;justify-content:flex-end;gap:1.4rem}
.tk-nav ul{justify-content:flex-end;gap:0;flex-wrap:nowrap}
.tk-nav>ul>li>a{padding:1.7rem 1rem;font-weight:600;font-size:.97rem;border-bottom:3px solid transparent;border-radius:0;background:none!important}
.tk-nav>ul>li:last-child>a{padding-right:0}
.tk-nav>ul>li>a:hover{border-bottom-color:color-mix(in srgb,var(--ele-primary) 45%,transparent)}
.tk-nav>ul>li.is-current>a,.tk-nav>ul>li.has-current>a,.tk-nav>ul>li>a[aria-current=page]{border-bottom-color:var(--ele-primary);color:var(--tk-header-text)}
.tk-nav li{position:relative}
.tk-cta{padding:.7rem 1.3rem;font-weight:700;letter-spacing:.01em}
/* Seitentitel */
.tk-pagehead{padding:2.6rem 0 2.1rem;border-bottom:1px solid var(--ele-line);background:var(--tk-surface)}
.tk-pagehead h1{font-size:clamp(1.8rem,3.6vw,2.5rem);font-weight:800;letter-spacing:-.015em;position:relative;padding-top:.9rem}
.tk-pagehead h1::before{content:"";position:absolute;left:0;top:0;width:3rem;height:4px;background:var(--ele-primary)}
/* Abschnitte & Bausteine */
h1,h2,h3,.ele-heading,.ele-hero-title{font-weight:800;letter-spacing:-.015em}
.ele-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:.8rem;color:var(--tk-primary-text)}
.ele-btn{font-weight:700;letter-spacing:.01em;box-shadow:none}
.ele-card,.ele-plan,.ele-faq-item,.ele-stat,.ele-step,.ele-testimonial,.ele-feature{box-shadow:none}
.ele-card,.ele-plan{border:1px solid var(--ele-line);background:var(--tk-card);border-top:3px solid var(--ele-primary)}
.ele-plan.is-highlight,.ele-plan.is-featured{border-color:var(--ele-primary)}
.ele-section:nth-of-type(even):not(.ele-hero){background:var(--tk-surface)}
.ele-hero{border-bottom:1px solid var(--ele-line)}
input,select,textarea{border:1px solid color-mix(in srgb,var(--tk-text) 35%,var(--tk-bg))}
/* Footer */
.tk-footer{padding-top:3rem;border-top:4px solid var(--ele-primary)}
.tk-social a{border-radius:0}
/* Smartphone / Tablet: Burger-Menü */
@media (max-width:860px){
  .tk-burger{display:flex;border-radius:0}.tk-navwrap{display:none;position:absolute;left:0;right:0;top:100%;background:var(--tk-header-bg);flex-direction:column;align-items:stretch;padding:.5rem 1.25rem 1.2rem;border-bottom:1px solid var(--ele-line);box-shadow:0 14px 24px rgba(15,25,45,.12)}
  .tk-navwrap.is-open{display:flex}.tk-header{position:sticky}.tk-main{position:relative}
  .tk-nav ul{flex-direction:column}.tk-nav>ul>li>a{padding:.85rem 0;border-bottom:1px solid var(--ele-line)}.tk-nav>ul>li:last-child>a{padding-right:0}
  .tk-nav>ul>li.is-current>a,.tk-nav>ul>li.has-current>a{border-bottom-color:var(--ele-primary)}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}