/* Standortbestimmung in zwei Minuten: fuenf Fragen, dann der Schulterblick. */
  .sb-sec .section-head{max-width:820px;margin-inline:auto}
  .sb-form{max-width:820px;margin:clamp(34px,4vw,56px) auto 0;display:grid;gap:clamp(26px,3vw,44px)}

  .sb-f{border:0;margin:0;padding:0;padding-top:18px;border-top:1px solid var(--line)}
  .sb-legend{display:flex;align-items:baseline;gap:12px;padding:0}
  .sb-n{font-size:12px;font-weight:800;letter-spacing:.16em;color:#7D64F8}
  .sb-thema{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-dim)}
  .sb-frage{margin:12px 0 0;font-size:clamp(19px,1.8vw,25px);font-weight:900;letter-spacing:-.028em;
    line-height:1.18;color:var(--ink)}
  .sb-hinweis{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}

  .sb-opts{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
  .sb-opt{position:relative}
  .sb-opt input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
  .sb-opt span{display:inline-block;padding:11px 22px;border-radius:6px;border:1px solid var(--line);
    background:var(--chip-bg);font-size:15px;font-weight:700;color:var(--ink);
    transition:border-color .2s ease,background .2s ease,color .2s ease}
  .sb-opt input:hover+span{border-color:rgba(125,100,248,.5)}
  .sb-opt input:checked+span{background:#5B3CF6;border-color:#5B3CF6;color:#fff}
  .sb-opt input:focus-visible+span{outline:2px solid #7D64F8;outline-offset:3px}

  .sb-felder{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
  .sb-feld{display:flex;flex-direction:column;gap:7px}
  .sb-feld.sb-breit{grid-column:1/-1}
  .sb-feld>span{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-dim)}
  .sb-feld>span i{font-style:normal;text-transform:none;letter-spacing:0;font-weight:600}
  .sb-feld input,.sb-feld textarea{font:inherit;font-size:15.5px;color:var(--ink);background:var(--chip-bg);
    border:1px solid var(--line);border-radius:6px;padding:12px 14px;width:100%;
    transition:border-color .2s ease}
  .sb-feld input:focus,.sb-feld textarea:focus{outline:none;border-color:#7D64F8}
  .sb-feld textarea{resize:vertical;min-height:86px}
  /* Was Sie zurueckbekommen: ein Kasten unter dem Einleitungstext, alles links */
  .sb-input{max-width:640px;margin:30px auto 0;padding:22px 26px 18px;border:1px solid var(--line);border-radius:6px;text-align:left}
  .sb-input .sb-bek-t{margin:0!important;font-size:12px!important;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7D64F8!important;line-height:1.6}
  .sb-bekommen{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
  .sb-bekommen li{position:relative;padding-left:28px;font-size:16px;line-height:1.55;color:var(--muted);text-align:left}
  .sb-bekommen li::before{content:"";position:absolute;left:0;top:.75em;width:14px;height:2px;background:#7D64F8}
  .sb-bekommen b{color:var(--ink);font-weight:700}
  /* Abgrenzung zur bezahlten Standortbestimmung */
  .sb-abgr{margin:16px 0 0!important;padding-top:14px;border-top:1px solid var(--line);font-size:14px!important;line-height:1.55;color:var(--muted-dim)!important}
  .sb-abgr a{color:#7D64F8;text-decoration:none;border-bottom:1px solid rgba(125,100,248,.4);white-space:nowrap}
  .sb-abgr a:hover{border-bottom-color:#7D64F8}
  .sb-bek-t .nw{white-space:nowrap}
  /* hidden muss gewinnen, sonst bleibt das Formular nach dem Absenden stehen */
  .sb-form[hidden],.sb-danke[hidden]{display:none!important}
  /* Meldung, falls der Versand nicht geklappt hat (standort.html?fehler=1) */
  .sb-fehler{margin:0 0 14px;font-size:14px;line-height:1.55;color:#ff5a78}
  @media(max-width:520px){.sb-input{padding:18px 18px 14px}}
  /* Auswahl Mitarbeitende: gleich wie die Textfelder, mit eigenem Pfeil */
  .sb-feld select{font:inherit;font-size:15.5px;color:var(--ink);background-color:var(--chip-bg);border:1px solid var(--line);border-radius:6px;padding:12px 40px 12px 14px;width:100%;
    -webkit-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s ease;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%238a8a90' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 14px center}
  .sb-feld select:focus{outline:none;border-color:#7D64F8}
  .sb-feld select:invalid{color:var(--muted-dim)}
  .sb-feld select option{color:#111}

  .sb-ok{display:flex;gap:11px;align-items:flex-start;margin-top:18px;
    font-size:14px;line-height:1.55;color:var(--muted);cursor:pointer}
  .sb-ok input{margin-top:3px;flex:0 0 auto;accent-color:#5B3CF6;width:17px;height:17px}
  .sb-ok a{color:#7D64F8;text-decoration:none;border-bottom:1px solid rgba(125,100,248,.4)}

  .sb-fuss{padding-top:20px;border-top:1px solid var(--line)}
  /* Gleicher Knopf wie "Let's talk" im Kopf: derselbe Verlauf, dieselbe Rundung,
     dasselbe Anheben beim Ueberfahren. Nur etwas groesser, weil er hier die
     einzige Handlung der Seite ist. Wichtig: ein <button> bringt vom Browser
     einen eigenen Rahmen mit, der muss weg. */
  .sb-senden{appearance:none;-webkit-appearance:none;border:0;cursor:pointer;
    font-family:inherit;font-size:15px;font-weight:600;line-height:1;
    background:var(--grad);color:#fff;padding:14px 24px;border-radius:6px;
    display:inline-flex;align-items:center;gap:9px;white-space:nowrap;
    transition:filter .2s,transform .2s}
  .sb-senden:hover{filter:brightness(1.12);transform:translateY(-1px)}
  .sb-senden:focus-visible{outline:3px solid #7D64F8;outline-offset:3px}
  .sb-fein{margin:14px 0 0;font-size:13px;line-height:1.55;color:var(--muted-dim)}
  .sb-f.fehlt{border-top-color:rgba(255,90,120,.55)}
  .sb-f.fehlt .sb-n{color:#ff5a78}

  /* Schulterblick nach dem Absenden */
  .sb-danke{max-width:760px;margin:clamp(34px,4vw,56px) auto 0}
  .sb-danke h2{font-size:var(--h2);font-weight:900;letter-spacing:-.03em;line-height:1.08;margin:10px 0 0;color:var(--ink)}
  .sb-danke-t{margin:clamp(14px,1.6vw,20px) 0 0;font-size:clamp(16px,1.2vw,18px);line-height:1.65;color:var(--muted)}
  .sb-spiegel{margin:clamp(24px,3vw,38px) 0;padding-top:18px;border-top:1px solid var(--line);
    display:grid;gap:10px}
  .sb-z{display:flex;gap:12px;align-items:baseline;font-size:15px;line-height:1.5}
  .sb-z b{flex:0 0 auto;font-size:12px;font-weight:800;letter-spacing:.14em;color:#7D64F8;min-width:26px}
  .sb-z span{color:var(--ink)}
  .sb-z i{font-style:normal;color:var(--muted-dim)}

  @media(max-width:700px){
    .sb-felder{grid-template-columns:1fr}
    .sb-opt span{padding:11px 18px}
  }

  /* Fussbereich. Liegt in jeder Seiten-CSS als Kopie, so ist die Seite
     unabhaengig. Wortgleich uebernommen aus pages/css/kontakt.css. */
footer.lf{--lf-bg:#141414;background:#4B2E9E;padding:clamp(40px,5vw,70px) clamp(8px,1.2vw,18px) 0;border:0;color:#f0f0f0;position:relative;overflow:hidden}
.lf-panel{position:relative;background:var(--lf-bg);border-radius:6px;min-height:min(620px,78vh);padding:clamp(60px,6vw,90px) clamp(20px,4vw,70px) clamp(100px,8vw,120px);overflow:visible;isolation:isolate}
.lf-panel{--lf-tabh:clamp(34px,3.6vw,56px);--lf-tabw:min(640px,60vw)}
.lf-tab{position:absolute;left:50%;top:1px;width:var(--lf-tabw);height:var(--lf-tabh);transform:translate(-50%,-100%);fill:var(--lf-bg);z-index:-2}
.lf-topow{position:absolute;left:-2.5%;right:-2.5%;top:calc(-1*var(--lf-tabh) - 4%);bottom:-4%;overflow:hidden;pointer-events:none;z-index:-1}
.lf-topo{position:absolute;inset:0;width:100%;height:100%;color:rgba(125,100,248,.10);pointer-events:none;border-radius:inherit}
.lf-head{position:relative;text-align:center;z-index:2}
.lf-claim{margin:0;font-size:clamp(34px,4.8vw,76px)!important;line-height:.98;letter-spacing:-.04em;font-weight:900;color:#f0f0f0}
.lf-claim span{display:block}
.lf-claim .lf-acc{color:#7D64F8;font-weight:400;letter-spacing:-.035em}
.lf-col{position:absolute;top:42%;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:2;opacity:0;transition:opacity .9s ease .5s,transform .9s cubic-bezier(.2,.8,.2,1) .5s}
.lf-left{left:clamp(20px,11vw,220px);transform:translateX(-20px)}
.lf-right{right:clamp(20px,11vw,220px);transform:translateX(20px)}
footer.lf.in .lf-col{opacity:1;transform:none}
.lf-lab{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#9a9a9a;margin-bottom:10px}
.lf-col>a{font-size:clamp(18px,1.9vw,30px);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;line-height:1.12;color:#f0f0f0;transition:color .25s}
.lf-col>a:hover{color:#7D64F8}
.lf-col>a.lf-hi{color:#7D64F8;margin-top:22px}
.lf-adr{font-style:normal;display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:22px;font-size:13px;color:#9a9a9a}
.lf-adr a{color:#bdbdbd}
.lf-adr a:hover{color:#7D64F8}
.lf-cta{position:absolute;left:50%;bottom:clamp(30px,3.4vw,48px);transform:translateX(-50%);z-index:3;display:inline-flex;align-items:center;gap:10px;background:#5B3CF6;color:#fff;font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase;padding:16px 26px;border-radius:6px;box-shadow:0 12px 40px rgba(91,60,246,.45);transition:transform .25s,box-shadow .25s}
.lf-cta:hover{transform:translateX(-50%) translateY(-2px);box-shadow:0 18px 50px rgba(91,60,246,.6)}
.lf-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:18px clamp(12px,1.6vw,24px) 20px;font-size:13px;font-weight:600;color:#fff}
.lf-copy{display:flex;align-items:center;gap:16px}
.lf-copy img{height:26px;width:auto}
.lf-legal{display:flex;gap:22px}.lf-legal a,.lf-legal button{color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.lf-legal a:hover,.lf-legal button:hover{text-decoration:underline}
header.on-dark{--ink:#f0f0f0;--muted:#bbb;--line:rgba(255,255,255,.18)}
header.on-dark .logo-img{display:block!important}
header.on-dark .nav-logo-light{display:none!important}
header.on-dark .nav-icon-dark{display:block!important}
header.on-dark .nav-icon-light{display:none!important}
@media(max-width:900px){
    .lf-panel{min-height:0;padding:70px 20px 30px;display:flex;flex-direction:column;align-items:center}
    .lf-col{position:static;transform:none;margin-top:30px}
        .lf-cta{position:static;transform:none;margin-top:30px}.lf-cta:hover{transform:translateY(-2px)}
    .lf-bottom{justify-content:center;text-align:center}.lf-copy{flex-direction:column;gap:8px}
  }
@media(prefers-reduced-motion:reduce){.lf-col{transition:none!important;clip-path:none!important;opacity:1!important}}
.lf-mid{position:absolute;left:50%;top:61%;transform:translate(-50%,-50%);perspective:900px;z-index:1;pointer-events:none}
.lf-float{transition:transform .2s linear;transform-style:preserve-3d}
.lf-icon{display:block;height:clamp(140px,16vw,220px);width:auto;opacity:0;transform:scale(.7) rotate(-10deg);animation:lfBob 6s ease-in-out infinite;
    filter:drop-shadow(0 0 10px rgba(125,100,248,.95)) drop-shadow(0 0 34px rgba(91,60,246,.8)) drop-shadow(0 0 80px rgba(91,60,246,.45));transition:opacity 1s ease .2s,transform 1.2s cubic-bezier(.2,.8,.2,1) .2s}
footer.lf.in .lf-icon{opacity:1;transform:none}
@keyframes lfBob{0%,100%{translate:0 -8px;filter:drop-shadow(0 0 10px rgba(125,100,248,.95)) drop-shadow(0 0 34px rgba(91,60,246,.8)) drop-shadow(0 0 80px rgba(91,60,246,.45))}50%{translate:0 10px;filter:drop-shadow(0 0 14px rgba(125,100,248,1)) drop-shadow(0 0 48px rgba(91,60,246,.95)) drop-shadow(0 0 110px rgba(91,60,246,.6))}}
@media(max-width:900px){.lf-mid{position:relative;left:auto;top:auto;transform:none;margin:34px 0 0}.lf-icon{height:150px}}
@media(prefers-reduced-motion:reduce){.lf-icon{animation:none;opacity:1;transform:none}}
/* Footer schlank: ohne Claim und Signet, Seiten links, Button Mitte, Social rechts */
  .lf-panel{min-height:0!important;display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"l c r";align-items:start;gap:30px;padding:clamp(56px,6vw,80px) clamp(20px,4vw,70px)!important}
.lf-panel>.lf-left{grid-area:l}
.lf-panel>.lf-right{grid-area:r}
.lf-panel>.lf-cta{grid-area:c;align-self:center}
.lf-col{position:static!important;transform:none}
.lf-cta{position:static!important;transform:none!important}
.lf-cta:hover{transform:translateY(-2px)!important}
@media(max-width:900px){.lf-panel{grid-template-columns:1fr;grid-template-areas:"l" "r" "c";justify-items:center}}
/* Footer-Rahmen weiss statt violett */
  footer.lf{background:#fff!important}
.lf-bottom{color:#111}.lf-legal a,.lf-legal button{color:#111}.lf-legal a:hover,.lf-legal button:hover{color:#4B2E9E}
.lf-copy .lf-lock-d{display:none}
.lf-copy .lf-lock-l{display:block}
/* Dunkles Theme: Footer invertiert (Rahmen schwarz wie Seite, Flaeche hell) */
  html:not([data-theme="light"]) footer.lf{background:var(--bg)!important;--lf-bg:#F2EFEA}
html:not([data-theme="light"]) .lf-topo{color:rgba(75,46,158,.12)}
html:not([data-theme="light"]) .lf-lab{color:#6b6b6b}
html:not([data-theme="light"]) .lf-col>a{color:#111}
html:not([data-theme="light"]) .lf-col>a:hover,html:not([data-theme="light"]) .lf-col>a.lf-hi{color:#4B2E9E}
html:not([data-theme="light"]) .lf-adr{color:#6b6b6b}
html:not([data-theme="light"]) .lf-adr a{color:#3a3a3a}
html:not([data-theme="light"]) .lf-adr a:hover{color:#4B2E9E}html:not([data-theme="light"]) .lf-bottom,html:not([data-theme="light"]) .lf-legal a,html:not([data-theme="light"]) .lf-legal button{color:#f0f0f0}
html:not([data-theme="light"]) .lf-copy .lf-lock-l{filter:invert(1) hue-rotate(180deg)}
header.on-light{--ink:#111;--muted:#444;--line:rgba(17,17,17,.18)}
header.on-light .logo-img{display:none!important}
header.on-light .nav-logo-light{display:block!important}
header.on-light .nav-icon-dark{display:none!important}
header.on-light .nav-icon-light{display:block!important}
/* Footer: Hoehenlinien bewegen sich mit der Maus */
  .lf-topo{transition:color .6s ease;will-change:transform}
.lf-topo path{transition:stroke-width .6s ease}
footer.lf.hov .lf-topo{color:rgba(125,100,248,.28)}
html:not([data-theme="light"]) footer.lf.hov .lf-topo{color:rgba(75,46,158,.30)}
/* Footer Mitte: Abschluss-Frage der Seite + Button */
  .lf-midcta{grid-area:c;align-self:center;text-align:center;max-width:460px;margin:0 auto}
.lf-midcta h2{font-size:clamp(24px,2.4vw,36px)!important;font-weight:900;letter-spacing:-.03em;line-height:1.08;margin:0 0 22px;color:#f0f0f0}
html:not([data-theme="light"]) .lf-midcta h2{color:#111}
.lf-midcta .lf-cta{position:static!important;transform:none!important;display:inline-flex}
.lf-midcta .lf-cta:hover{transform:translateY(-2px)!important}

/* People/Tech-Schalter (gleich wie kontakt.css, fehlte hier) */
  .modeflag{position:fixed;right:0;top:30%;transform:translateY(-50%);z-index:150;
            display:block;padding:20px 10px 20px 11px;cursor:pointer;
            background:var(--bg);color:var(--ink);font-family:inherit;
            border:1px solid var(--nav-border);border-right:none;border-radius:6px 0 0 6px;
            writing-mode:vertical-rl;text-orientation:mixed;
            font-size:11px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;
            transition:padding-left .3s ease,background .3s ease,color .3s ease;
            -webkit-appearance:none;appearance:none}
  .modeflag::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad);opacity:.85}
  .modeflag:hover{padding-left:18px}
  .mf-w{display:block}
  .mf-tech{display:none}
  [data-theme="light"] .modeflag .mf-people{display:none}
  [data-theme="light"] .modeflag .mf-tech{display:block}
  @media(max-width:760px){.modeflag{font-size:10px;padding:14px 7px 14px 8px;letter-spacing:.22em}}
  @media(prefers-reduced-motion:reduce){.modeflag{transition:none}}