/* FieldConnect WordPress-Theme. Grundlage ist das Stylesheet der statischen Website. CI der App 14.95.0: Teamnetz-Bildmarke, Indigo und Salbei im hellen, Koralle und Creme im dunklen Schema, Plus Jakarta Sans.
   Layout: linksbündig, ein breites Raster mit 12 Spalten, Hero mit Einsatzradius als Bildidee, Abschnitte im Wechsel von Fläche und Band. */
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/plus-jakarta-sans-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/plus-jakarta-sans-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/plus-jakarta-sans-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/plus-jakarta-sans-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/plus-jakarta-sans-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/plus-jakarta-sans-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:800;font-display:swap;src:url(fonts/plus-jakarta-sans-800-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:800;font-display:swap;src:url(fonts/plus-jakarta-sans-800-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
 --bg:#F7F8F6;--surface:#FFFFFF;--surface-2:#F5F6F3;--muted-fill:#EDEEE8;--line:#DADDD5;--input-line:#82887F;
 --ink:#24211F;--ink-2:#494641;--muted:#68635B;
 --accent:#5264A3;--accent-text:#5264A3;--accent-hover:#465994;--accent-ink:#FFFFFF;--accent-soft:#EEF0F6;
 --sage:#A8D5BA;--sage-ink:#2E6545;--cream:#FFF4DC;--cream-ink:#5B4511;
 --band:#2B3156;--band-ink:#FFF4DC;--band-muted:#C9CDE4;--band-line:#454C78;
 --danger:#AA361F;--ring:#5264A3;
 --shadow:0 1px 2px rgba(36,33,31,.06),0 8px 24px rgba(36,33,31,.08);
 --shadow-lg:0 24px 60px rgba(36,33,31,.16);
 --font:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
 --step--1:clamp(.84rem,.82rem + .1vw,.9rem);--step-0:clamp(1rem,.97rem + .15vw,1.08rem);--step-1:clamp(1.2rem,1.1rem + .4vw,1.4rem);
 --step-2:clamp(1.5rem,1.3rem + .9vw,2rem);--step-3:clamp(2rem,1.6rem + 1.8vw,3rem);--step-4:clamp(2.3rem,1.7rem + 2.4vw,3.6rem);
 --wrap:1200px;--gutter:clamp(16px,4vw,40px);--radius:14px;
 color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
 --bg:#24211F;--surface:#2D2926;--surface-2:#332E2A;--muted-fill:#403A35;--line:#4D463F;--input-line:#948575;
 --ink:#FFF4DC;--ink-2:#E1D5BF;--muted:#BFB29D;
 --accent:#E85D3F;--accent-text:#FFA68D;--accent-hover:#F07155;--accent-ink:#24211F;--accent-soft:#432D27;
 --sage:#A8D5BA;--sage-ink:#A8D5BA;--cream:#3C3424;--cream-ink:#F4D06F;
 --band:#1B1917;--band-ink:#FFF4DC;--band-muted:#BFB29D;--band-line:#4D463F;
 --danger:#FFA68D;--ring:#FFA68D;
 --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.3);--shadow-lg:0 24px 60px rgba(0,0,0,.45);
 color-scheme:dark}}
:root[data-theme="dark"]{
 --bg:#24211F;--surface:#2D2926;--surface-2:#332E2A;--muted-fill:#403A35;--line:#4D463F;--input-line:#948575;
 --ink:#FFF4DC;--ink-2:#E1D5BF;--muted:#BFB29D;
 --accent:#E85D3F;--accent-text:#FFA68D;--accent-hover:#F07155;--accent-ink:#24211F;--accent-soft:#432D27;
 --sage:#A8D5BA;--sage-ink:#A8D5BA;--cream:#3C3424;--cream-ink:#F4D06F;
 --band:#1B1917;--band-ink:#FFF4DC;--band-muted:#BFB29D;--band-line:#4D463F;
 --danger:#FFA68D;--ring:#FFA68D;
 --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.3);--shadow-lg:0 24px 60px rgba(0,0,0,.45);
 color-scheme:dark}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
[id]{scroll-margin-top:84px}
.form{scroll-margin-top:92px}
@media (max-width:600px){.notice .more{display:none}}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--step-0);line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent-text);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--ring);outline-offset:3px;border-radius:6px}
h1,h2,h3{font-weight:800;line-height:1.08;letter-spacing:-.03em;text-wrap:balance;margin:0}
h1{font-size:var(--step-4)}
h2{font-size:var(--step-3)}
h3{font-size:var(--step-1);letter-spacing:-.015em;line-height:1.25}
p{margin:0;max-width:66ch}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--surface);color:var(--ink);padding:10px 16px;border-radius:10px}
.skip:focus{left:16px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Hinweisleiste und Kopf */
.notice{background:var(--cream);color:var(--cream-ink);font-size:var(--step--1);font-weight:600}
.notice .wrap{display:flex;justify-content:center;gap:8px;padding-block:9px;text-align:center}
.notice a{color:inherit}
.head{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
.head .wrap{display:flex;align-items:center;gap:24px;min-height:68px}
.brand{display:flex;align-items:center;flex:none}
.brand img{height:30px;width:auto}
.logo-dark{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo-light{display:none}:root:not([data-theme="light"]) .logo-dark{display:block}}
:root[data-theme="dark"] .logo-light{display:none}:root[data-theme="dark"] .logo-dark{display:block}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{color:var(--ink-2);text-decoration:none;font-weight:600;font-size:.95rem;padding:10px 12px;border-radius:10px}
.nav a:hover{background:var(--muted-fill);color:var(--ink)}
.head-cta{display:flex;gap:8px;flex:none}
@media (max-width:980px){.nav{display:none}.head-cta{margin-left:auto}}
@media (max-width:520px){.head-cta .btn-ghost{display:none}.brand img{height:26px}}

/* Knöpfe */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:12px;border:1.5px solid transparent;font:inherit;font-weight:700;font-size:1rem;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.btn-primary{background:var(--accent);color:var(--accent-ink)}
.btn-primary:hover{background:var(--accent-hover)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--input-line)}
.btn-ghost:hover{background:var(--muted-fill)}
.btn-sm{min-height:44px;padding:10px 16px;font-size:.95rem}
.btn svg{flex:none}

/* Hero */
.hero{padding-block:clamp(40px,7vw,88px) clamp(48px,7vw,96px);overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,5vw,64px);align-items:center}
.hero-copy{display:flex;flex-direction:column;gap:22px;min-width:0}
.hero-copy .lede{font-size:var(--step-1);line-height:1.5;color:var(--ink-2);max-width:34ch}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.checks li{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;font-weight:500}
.checks li svg{margin-top:3px}
.actions{display:flex;flex-wrap:wrap;gap:12px;padding-top:4px}
.trust{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:var(--step--1);color:var(--muted);padding-top:6px}
.trust b{color:var(--ink);font-weight:700}
.hero-visual{position:relative;min-width:0;aspect-ratio:1.12;max-width:100%}
.radius{position:absolute;inset:-6% -14% -10% -8%;width:122%;height:116%;pointer-events:none}
.radius .ring{fill:none;stroke:var(--accent);stroke-opacity:.28;stroke-width:1.5;stroke-dasharray:3 7}
.radius .ring.r1{stroke-opacity:.5;stroke-dasharray:none}
.radius .ring-label{fill:var(--muted);font:600 13px var(--font)}
.radius .edge{stroke:var(--accent);stroke-opacity:.35;stroke-width:1.5}
.radius .job{fill:var(--surface);stroke:var(--accent);stroke-width:2}
.radius .job.wp{stroke:var(--sage-ink)}
.radius .home{fill:var(--sage)}
.radius .home-ring{fill:none;stroke:var(--accent);stroke-width:3}
@media (prefers-reduced-motion:no-preference){
 .radius .ring{transform-box:fill-box;transform-origin:center;animation:ring-in 1.2s cubic-bezier(.2,.7,.2,1) both}
 .radius .ring.r2{animation-delay:.15s}.radius .ring.r3{animation-delay:.3s}
 @keyframes ring-in{from{transform:scale(.86);opacity:.35}to{transform:scale(1);opacity:1}}}
.shot-desk{position:absolute;right:-14%;top:2%;width:112%;border-radius:12px;overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg)}
.shot-desk .bar{display:flex;gap:6px;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.shot-desk .bar i{width:9px;height:9px;border-radius:50%;background:var(--line)}
.shot-phone{position:absolute;left:-2%;bottom:0;width:32%;border-radius:26px;overflow:hidden;border:7px solid var(--ink);background:var(--ink);box-shadow:var(--shadow-lg)}
.caption{font-size:var(--step--1);color:var(--muted)}
.hero-visual .caption{position:absolute;right:0;bottom:-34px}
@media (max-width:900px){.shot-desk{right:-6%;width:100%}.hero .wrap{grid-template-columns:minmax(0,1fr)}.hero-visual{margin-top:8px}.hero-copy .lede{max-width:none}}

/* Abschnitte */
.section{padding-block:clamp(56px,8vw,112px)}
.section-head{display:grid;gap:14px;margin-bottom:clamp(28px,4vw,48px);max-width:760px}
.section-head p{color:var(--ink-2);font-size:var(--step-1);line-height:1.5}
.alt{background:var(--surface)}
.kicker{font-weight:700;color:var(--accent-text);font-size:var(--step--1)}

/* Gewerke-Einstieg */
.trades{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.trade{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:var(--radius);background:var(--surface);border:1.5px solid var(--line);color:var(--ink);text-decoration:none;min-height:100%;transition:border-color .15s,transform .15s}
.trade:hover{border-color:var(--accent)}
.trade .ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-text)}
.trade b{font-size:var(--step-1);letter-spacing:-.015em}
.trade span{color:var(--muted);font-size:.95rem;line-height:1.5}
.trade em{margin-top:auto;font-style:normal;font-weight:700;color:var(--accent-text);font-size:.95rem}
@media (max-width:980px){.trades{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.trades{grid-template-columns:minmax(0,1fr)}}

/* Funktionen im Wechsel */
.features{display:grid;gap:clamp(56px,8vw,104px)}
.feature{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,64px);align-items:center}
.feature.flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.feature.flip .feature-copy{order:2}
.feature-copy{display:grid;gap:16px;min-width:0}
.feature-copy p{color:var(--ink-2)}
.facts{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}
.facts li{display:grid;grid-template-columns:auto 1fr;gap:10px;font-size:.97rem;color:var(--ink-2)}
.facts li::before{content:"";width:8px;height:8px;margin-top:.62em;border-radius:50%;background:var(--sage);box-shadow:0 0 0 3px var(--accent-soft)}
.frame{border-radius:12px;overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.phones{display:flex;gap:clamp(12px,3vw,28px);justify-content:center;align-items:flex-start}
.phone{width:min(46%,280px);border-radius:28px;overflow:hidden;border:7px solid var(--ink);background:var(--ink);box-shadow:var(--shadow-lg)}
.phone:nth-child(2){margin-top:48px}
.feature figure{margin:0;display:grid;gap:12px;min-width:0}
.shot-stack{position:relative;margin-bottom:52px}
.shot-stack .beleg{position:absolute;right:-24px;bottom:-52px;width:26%;height:auto;border-radius:6px;box-shadow:0 18px 40px rgba(36,33,31,.22),0 2px 6px rgba(36,33,31,.12)}
@media (max-width:900px){.shot-stack{margin-bottom:28px}.shot-stack .beleg{width:34%;right:12px;bottom:-28px}}
@media (max-width:900px){.feature,.feature.flip{grid-template-columns:minmax(0,1fr)}.feature.flip .feature-copy{order:0}}

/* Band mit Zahlen */
.band{background:var(--band);color:var(--band-ink)}
.band .section-head p{color:var(--band-muted)}
.numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--band-line)}
.numbers div{padding:28px 24px 8px 0;display:grid;gap:8px;align-content:start}
.numbers div+div{padding-left:24px;border-left:1px solid var(--band-line)}
.numbers b{font-size:clamp(1.9rem,1.3rem + 1.8vw,2.7rem);white-space:nowrap;font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.numbers span{color:var(--band-muted);font-size:.95rem;max-width:26ch}
.band .note{color:var(--band-muted);font-size:var(--step--1);margin-top:28px}
@media (max-width:900px){.numbers{grid-template-columns:repeat(2,minmax(0,1fr))}.numbers div:nth-child(3){padding-left:0;border-left:0}.numbers div{border-top:1px solid var(--band-line)}}
@media (max-width:480px){.numbers{grid-template-columns:minmax(0,1fr)}.numbers div,.numbers div+div{padding-left:0;border-left:0}}

/* Leistungen */
.included{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.included div{display:grid;grid-template-columns:44px 1fr;gap:16px;padding-block:22px;border-top:1px solid var(--line)}
.included .ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-text)}
.included b{display:block;font-size:1.06rem;margin-bottom:4px}
.included p{color:var(--ink-2);font-size:.97rem}
@media (max-width:800px){.included{grid-template-columns:minmax(0,1fr)}}

/* Ablauf */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;counter-reset:s}
.steps li{position:relative;padding:20px 18px 22px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);display:grid;gap:8px;align-content:start;counter-increment:s}
.steps li::before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:800;font-variant-numeric:tabular-nums}
.steps b{font-size:1.04rem;line-height:1.3}
.steps span{color:var(--muted);font-size:.93rem;line-height:1.5}
@media (max-width:1060px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.steps{grid-template-columns:minmax(0,1fr)}}

/* Bewerbung */
.apply{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:start}
.apply-side{position:sticky;top:96px;display:grid;gap:20px}
.apply-side p{color:var(--ink-2)}
.progress{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.progress li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:center;padding:8px 10px;border-radius:10px;color:var(--muted);font-weight:600}
.progress li span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--input-line);font-size:.86rem;font-variant-numeric:tabular-nums}
.progress li[aria-current="step"]{background:var(--accent-soft);color:var(--ink)}
.progress li[aria-current="step"] span{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.progress li.done span{background:var(--sage);border-color:var(--sage);color:#24211F}
.contact-card{padding:18px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line);font-size:.95rem;display:grid;gap:4px}
.form{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:clamp(20px,3.5vw,36px);box-shadow:var(--shadow)}
.form fieldset{border:0;margin:0;padding:0;display:grid;gap:20px;min-width:0}
.form legend{font-size:var(--step-2);font-weight:800;letter-spacing:-.025em;line-height:1.15;padding:0;margin-bottom:4px}
.js .form fieldset[data-step]:not(.is-active){display:none}
.no-js-steps .form fieldset+fieldset{margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}
.hint{color:var(--muted);font-size:.95rem}
.field{display:grid;gap:6px;min-width:0}
.field label,.group-label{font-weight:700;font-size:.95rem}
.field input,.field select,.field textarea{width:100%;min-height:48px;padding:11px 14px;border-radius:10px;border:1.5px solid var(--input-line);background:var(--surface);color:var(--ink);font:inherit;font-size:1rem}
.field textarea{min-height:110px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid color-mix(in srgb,var(--ring) 40%,transparent);outline-offset:0;border-color:var(--ring)}
.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.row-3{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px}
@media (max-width:560px){.row,.row-3{grid-template-columns:minmax(0,1fr)}}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{position:relative}
.chip input{position:absolute;opacity:0;width:1px;height:1px}
.chip label{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:10px 16px;border-radius:12px;border:1.5px solid var(--input-line);background:var(--surface);font-weight:600;cursor:pointer;line-height:1.25}
.chip label::before{content:"";flex:none;width:18px;height:18px;border-radius:5px;border:1.5px solid var(--input-line);background:var(--surface)}
.chip input[type=radio]+label::before{border-radius:50%}
.chip input:checked+label{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}
.chip input:checked+label::before{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 3px var(--surface)}
.chip input:focus-visible+label{outline:3px solid var(--ring);outline-offset:2px}
.chip small{display:block;font-weight:500;color:var(--muted);font-size:.84rem}
.radius-pick{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:center}
.radius-pick svg{width:150px;height:150px}
.radius-pick svg circle.r{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1.5;transition:r .25s}
.radius-pick svg circle.c{fill:var(--sage);stroke:var(--accent);stroke-width:3}
.radius-pick svg text{fill:var(--ink);font:700 13px var(--font)}
@media (max-width:560px){.radius-pick{grid-template-columns:minmax(0,1fr)}.radius-pick svg{display:none}}
.consent{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;font-size:.95rem;color:var(--ink-2)}
.consent input{width:22px;height:22px;margin-top:2px;accent-color:var(--accent)}
.form-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
.form-nav .spacer{flex:1}
.error{color:var(--danger);font-weight:600;font-size:.93rem}
.field.invalid input,.field.invalid select{border-color:var(--danger)}
.summary{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:8px 20px;margin:0;padding:18px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);font-size:.97rem}
.summary dt{color:var(--muted);font-weight:600}
.summary dd{margin:0;font-weight:600;overflow-wrap:anywhere}
@media (max-width:560px){.summary{grid-template-columns:minmax(0,1fr)}.summary dd{margin-bottom:8px}}
.hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.done-panel{display:grid;gap:14px;text-align:left}
.done-panel .ico{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--sage);color:#24211F}
@media (max-width:900px){.apply{grid-template-columns:minmax(0,1fr)}.apply-side{position:static}}

/* Einsatzgebiet */
.regions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.regions div{padding:22px 20px 0 0;display:grid;gap:6px;align-content:start}
.regions div+div{padding-left:20px;border-left:1px solid var(--line)}
.regions b{font-size:1.1rem}
.regions span{color:var(--ink-2);font-size:.97rem}
.regions .home b::after{content:"Sitz von ONE";margin-left:10px;padding:2px 8px;border-radius:999px;background:var(--sage);color:#24211F;font-size:.74rem;font-weight:700;vertical-align:2px}
@media (max-width:900px){.regions{grid-template-columns:repeat(2,minmax(0,1fr))}.regions div:nth-child(3){padding-left:0;border-left:0}.regions div{border-top:1px solid var(--line);padding-bottom:18px}}
@media (max-width:480px){.regions{grid-template-columns:minmax(0,1fr)}.regions div,.regions div+div{padding-left:0;border-left:0}}

/* Fragen */
.faq{display:grid;gap:0;max-width:880px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 4px;font-weight:700;font-size:1.08rem;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:12px;height:12px;border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);transform:rotate(45deg) translate(-3px,-3px);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(225deg) translate(-3px,-3px)}
.faq details p{padding:0 4px 22px;color:var(--ink-2)}

/* Abschluss und Fuß */
.closing{background:var(--cream);color:var(--ink)}
.closing .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding-block:clamp(40px,6vw,72px)}
.closing h2{font-size:var(--step-2);max-width:22ch}
:root[data-theme="dark"] .closing h2,.closing p{color:var(--ink)}
.foot{background:var(--surface);border-top:1px solid var(--line);font-size:.95rem;color:var(--ink-2)}
.foot .wrap{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px;padding-block:48px 28px}
.foot h2{font-size:.95rem;letter-spacing:0;margin-bottom:12px;color:var(--ink)}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.foot a{color:var(--ink-2);text-decoration:none}
.foot a:hover{color:var(--accent-text);text-decoration:underline}
.foot address{font-style:normal;display:grid;gap:4px}
.foot .brand img{height:28px;margin-bottom:14px}
.legal{border-top:1px solid var(--line)}
.legal .wrap{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;padding-block:18px;font-size:var(--step--1);color:var(--muted)}
.legal nav{display:flex;flex-wrap:wrap;gap:8px 20px}
@media (max-width:900px){.foot .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.foot .wrap>div:first-child{grid-column:1/-1}}
@media (max-width:480px){.foot .wrap{grid-template-columns:minmax(0,1fr)}}

/* Rechtsseiten */
.doc{padding-block:clamp(40px,6vw,80px)}
.doc .wrap{max-width:860px}
.doc h1{font-size:var(--step-3);margin-bottom:12px}
.doc h2{font-size:var(--step-1);letter-spacing:-.015em;margin:36px 0 10px}
.doc h3{font-size:1.06rem;margin:24px 0 8px}
.doc p,.doc li{color:var(--ink-2)}
.doc p+p{margin-top:10px}
.doc ul{padding-left:1.2em;display:grid;gap:6px}
.crumbs{font-size:var(--step--1);color:var(--muted);margin-bottom:18px}
.crumbs a{color:var(--muted)}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* ===== WordPress: Blockmarkup ===== */
.wp-site-blocks{padding:0}
.fc-main>.wp-block-post-content>*{margin-block:0}
.wp-block-heading{margin:0}
.doc .wp-block-post-content>*{margin-block:0}
.doc .wp-block-post-content>h1{margin:0 0 12px}
.doc .wp-block-post-content>h2{margin:36px 0 10px}
.doc .wp-block-post-content>h3{margin:24px 0 8px}
.doc .wp-block-post-content>p+p{margin-top:10px}
/* Knöpfe aus dem Block „Buttons“ */
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px}
.wp-block-button .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:12px;border:1.5px solid transparent;font:inherit;font-weight:700;font-size:1rem;line-height:1.2;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s}
.wp-block-button.is-primary .wp-block-button__link{background:var(--accent);color:var(--accent-ink)}
.wp-block-button.is-primary .wp-block-button__link:hover{background:var(--accent-hover)}
.wp-block-button.is-ghost .wp-block-button__link{background:transparent;color:var(--ink);border-color:var(--input-line)}
.wp-block-button.is-ghost .wp-block-button__link:hover{background:var(--muted-fill)}
.wp-block-button.has-arrow .wp-block-button__link::after{content:"";width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
/* Hero */
.hero-copy>.wp-block-list.checks{margin:0}
.checks li{grid-template-columns:22px 1fr}
.checks li::before{content:"";width:22px;height:22px;margin-top:3px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23A8D5BA'/%3E%3Cpath d='m7.5 12.2 3 3 6-6.4' fill='none' stroke='%2324211F' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.trust p{max-width:none}
.trust strong{color:var(--ink);font-weight:700}
/* Funktionen */
.feature-copy>.wp-block-list{margin:6px 0 0}
/* Zahlen */
.numbers>.wp-block-group{padding:28px 24px 8px 0;display:grid;gap:8px;align-content:start}
.numbers>.wp-block-group+.wp-block-group{padding-left:24px;border-left:1px solid var(--band-line)}
.numbers .zahl{font-size:clamp(1.9rem,1.3rem + 1.8vw,2.7rem);white-space:nowrap;font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;color:var(--band-ink)}
.numbers p:not(.zahl){color:var(--band-muted);font-size:.95rem;max-width:26ch}
@media (max-width:900px){.numbers>.wp-block-group:nth-child(3){padding-left:0;border-left:0}.numbers>.wp-block-group{border-top:1px solid var(--band-line)}}
@media (max-width:480px){.numbers>.wp-block-group,.numbers>.wp-block-group+.wp-block-group{padding-left:0;border-left:0}}
/* Leistungen */
.included>.inc{display:grid;grid-template-columns:44px 1fr;column-gap:16px;row-gap:4px;padding-block:22px;border-top:1px solid var(--line);align-content:start}
.included>.inc::before{content:"";grid-row:1/3;width:44px;height:44px;border-radius:12px;background:var(--accent-text);-webkit-mask-size:24px 24px;mask-size:24px 24px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.included>.inc{position:relative;isolation:isolate}
.included>.inc::after{content:"";position:absolute;left:0;top:22px;width:44px;height:44px;border-radius:12px;background:var(--accent-soft);z-index:-1}
.included>.inc p:first-child strong{display:block;font-size:1.06rem;color:var(--ink)}
.included>.inc p{grid-column:2;color:var(--ink-2);font-size:.97rem}
.ico-pool::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E")}
.ico-doc::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v14H6z'/%3E%3Cpath d='M15 3v4h4M9 12h7M9 16h5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v14H6z'/%3E%3Cpath d='M15 3v4h4M9 12h7M9 16h5'/%3E%3C/svg%3E")}
.ico-cal::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4M7 14h4M13 14h4M7 17.5h4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4M7 14h4M13 14h4M7 17.5h4'/%3E%3C/svg%3E")}
.ico-offline::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2.5' width='10' height='19' rx='2.2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2.5' width='10' height='19' rx='2.2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E")}
.ico-euro::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.5 6.5A7 7 0 1 0 17.5 17.5M4 10.5h9M4 13.5h9'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.5 6.5A7 7 0 1 0 17.5 17.5M4 10.5h9M4 13.5h9'/%3E%3C/svg%3E")}
.ico-chat::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-5 4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-5 4z'/%3E%3C/svg%3E")}
.ico-team::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M3 20c.6-3.4 3-5.4 6-5.4s5.4 2 6 5.4'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M16.5 14.2c2.4.2 4 1.9 4.5 4.6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M3 20c.6-3.4 3-5.4 6-5.4s5.4 2 6 5.4'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M16.5 14.2c2.4.2 4 1.9 4.5 4.6'/%3E%3C/svg%3E")}
.ico-lang::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.6 2.6 3.8 5.6 3.8 9s-1.2 6.4-3.8 9c-2.6-2.6-3.8-5.6-3.8-9S9.4 5.6 12 3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.6 2.6 3.8 5.6 3.8 9s-1.2 6.4-3.8 9c-2.6-2.6-3.8-5.6-3.8-9S9.4 5.6 12 3z'/%3E%3C/svg%3E")}
/* Ablauf */
.steps li strong{display:block;font-size:1.04rem;line-height:1.3;color:var(--ink)}
.steps li{color:var(--muted);font-size:.93rem;line-height:1.5}
/* Einsatzgebiet */
.regions>.wp-block-group{padding:22px 20px 0 0;display:grid;gap:6px;align-content:start}
.regions>.wp-block-group+.wp-block-group{padding-left:20px;border-left:1px solid var(--line)}
.regions strong{font-size:1.1rem}
.regions p+p{color:var(--ink-2);font-size:.97rem}
.regions .home strong::after{content:"Sitz von ONE";margin-left:10px;padding:2px 8px;border-radius:999px;background:var(--sage);color:#24211F;font-size:.74rem;font-weight:700;vertical-align:2px}
@media (max-width:900px){.regions>.wp-block-group:nth-child(3){padding-left:0;border-left:0}.regions>.wp-block-group{border-top:1px solid var(--line);padding-bottom:18px}}
@media (max-width:480px){.regions>.wp-block-group,.regions>.wp-block-group+.wp-block-group{padding-left:0;border-left:0}}
/* Fragen */
.faq .wp-block-details{border-bottom:1px solid var(--line);margin:0}
.faq .wp-block-details p{padding:0 4px 22px;color:var(--ink-2)}
/* Rechtsseiten */
.doc .wp-block-post-content>.wp-block-list{padding-left:1.2em;display:grid;gap:6px;margin:10px 0}
.doc .wp-block-post-content p+p{margin-top:10px}
.doc .wp-block-buttons{margin-top:24px}
.doc .wp-block-heading+p{margin-top:0}