/* Gemeinsames Refresh: klar getrennte Einstiege, ruhigere Flächen, erweiterte Navigation. */
:root{--refresh-paper:#ebe9e2;--refresh-ink:#151612;--refresh-blue:#6873dc;--refresh-acid:#c9f73a}

/* ---------------------------------------------------------- Mega-Navigation */
.site-header{overflow:visible}
.site-header .nav{align-items:center;gap:4px}
.site-header .nav>a,.nav-summary{min-height:42px;padding:0 13px;display:flex;align-items:center;gap:7px;border-radius:13px;color:var(--ink);font-size:13px;font-weight:680;white-space:nowrap;transition:background .22s,color .22s,opacity .22s}
.site-header .nav>a:hover,.nav-cluster:hover>.nav-summary,.nav-cluster[open]>.nav-summary{background:rgba(17,18,15,.055);opacity:1}
.nav-cluster{position:relative}
.nav-summary{cursor:pointer;list-style:none;user-select:none}
.nav-summary::-webkit-details-marker{display:none}
.nav-summary svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .25s}
.nav-cluster[open]>.nav-summary svg,.nav-cluster:hover>.nav-summary svg{transform:rotate(180deg)}
.nav-summary.is-current::after,.site-header .nav>a.is-current::after{content:"";position:absolute;left:13px;right:13px;bottom:4px;height:2px;margin:0;background:var(--acid);border-radius:2px}
.nav-summary.is-current,.site-header .nav>a.is-current{position:relative}
.nav-panel{width:540px;padding:12px;display:grid;grid-template-columns:1.08fr .92fr;gap:8px;position:absolute;left:50%;top:calc(100% + 15px);z-index:150;visibility:hidden;opacity:0;pointer-events:none;transform:translate(-50%,-8px);border:1px solid rgba(17,18,15,.11);border-radius:24px;background:rgba(252,251,247,.97);box-shadow:0 28px 80px rgba(17,18,15,.19);backdrop-filter:blur(22px);transition:opacity .22s,transform .22s,visibility .22s}
.nav-panel::before{content:"";position:absolute;left:0;right:0;top:-18px;height:20px}
.nav-cluster:hover>.nav-panel,.nav-cluster:focus-within>.nav-panel,.nav-cluster[open]>.nav-panel{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.nav-panel>a{min-height:70px;padding:13px 14px;display:grid;grid-template-columns:39px 1fr;grid-template-rows:auto auto;column-gap:12px;align-content:center;border-radius:16px;color:#1d1d1f;opacity:1!important;transition:background .2s,transform .2s}
.nav-panel>a:hover,.nav-panel>a:focus-visible{background:#eeece5;transform:translateY(-1px);outline:none}
.nav-panel>a.nav-panel-feature{grid-row:span 2;align-content:end;min-height:148px;background:#151612;color:#fff}
.nav-panel>a.nav-panel-feature:hover{background:#22231e}
.nav-panel-icon{grid-row:1 / span 2;width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:rgba(17,18,15,.065);font-family:var(--font-geist-mono),monospace;font-size:11px;font-weight:800}
.nav-panel-feature .nav-panel-icon{background:var(--refresh-acid);color:#151612}
.nav-panel strong{align-self:end;font-size:13px;line-height:1.2}.nav-panel small{align-self:start;margin-top:4px;color:#777970;font-size:10px;line-height:1.35}.nav-panel-feature small{color:rgba(255,255,255,.56)}
.nav-panel-discover{width:500px;grid-template-columns:1fr 1fr}

/* ---------------------------------------------------------- Landingpage */
.page-index{background:var(--refresh-paper)}
.page-index main{background:var(--refresh-paper)}
.page-index .hero{min-height:100svh;padding-top:154px;color:#f7f5ef;background:radial-gradient(900px 620px at 78% 42%,rgba(104,115,220,.24),transparent 62%),radial-gradient(620px 430px at 8% 90%,rgba(201,247,58,.1),transparent 68%),#11120f;border-radius:0 0 48px 48px;isolation:isolate}
.page-index .hero-grid{inset:82px 0 0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);mask-image:radial-gradient(circle at 76% 45%,#000,transparent 68%)}
.front-eyebrow{margin:0 0 25px;display:flex;align-items:center;gap:11px;color:rgba(255,255,255,.58);font-family:var(--font-geist-mono),monospace;font-size:10px;font-weight:730;letter-spacing:.15em;text-transform:uppercase}
.front-eyebrow::before{content:"";width:20px;height:2px;background:var(--refresh-acid);border-radius:2px}
.page-index .hero h1{max-width:790px;color:#fff;font-size:clamp(58px,6.15vw,98px);font-weight:760;letter-spacing:-.072em;line-height:.92}
.page-index .hero h1 span{display:block;color:var(--refresh-acid)}
.page-index .hero-text{max-width:620px;color:rgba(255,255,255,.65);font-size:clamp(17px,1.35vw,20px)}
.page-index .button-primary{background:var(--refresh-acid);color:#11120f;box-shadow:0 18px 44px rgba(0,0,0,.26)}
.page-index .hero .text-link{color:#fff;border-color:rgba(255,255,255,.5)}
.page-index .hero-proof{border-color:rgba(255,255,255,.23)}
.page-index .hero-proof article+article{border-color:rgba(255,255,255,.16)}
.page-index .hero-proof strong{color:#fff}.page-index .hero-proof article>span{color:rgba(255,255,255,.5)}
.page-index .hero-visual{min-height:590px}
.page-index .browser-card{border-color:rgba(255,255,255,.2);transform:rotateY(-5deg) rotateX(2deg) rotate(1deg);box-shadow:0 50px 120px rgba(0,0,0,.48)}
.page-index .browser-body{background:#f5f3ed;color:#11120f}
.page-index .browser-body .mini-nav{color:#11120f}.page-index .browser-body>p{color:#777970}.page-index .browser-body h2{color:#11120f}.page-index .browser-body mark{color:var(--refresh-blue)}
.page-index .browser-body::after{border-color:var(--refresh-blue);opacity:.9}.page-index .mini-button{background:#11120f;color:#fff}.page-index .conversion-line{background:var(--refresh-acid)}
.page-index .chip-two{background:var(--refresh-blue)}
.front-capabilities{width:min(1280px,calc(100% - 56px));margin:0 auto;padding:34px 0 115px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.front-capability{min-height:220px;padding:27px;display:flex;flex-direction:column;border:1px solid rgba(17,18,15,.1);border-radius:25px;background:#f7f5ef;color:#151612;transition:transform .3s,box-shadow .3s}
.front-capability:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(17,18,15,.1)}
.front-capability:nth-child(2){background:#dfe3f7}.front-capability:nth-child(3){background:#1b1c18;color:#fff}
.front-capability>span{font-family:var(--font-geist-mono),monospace;color:#73746e;font-size:9px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.front-capability:nth-child(3)>span{color:var(--refresh-acid)}
.front-capability h2{max-width:330px;margin:auto 0 12px;font-size:clamp(27px,2.2vw,36px);letter-spacing:-.045em;line-height:1}.front-capability p{max-width:360px;margin:0;color:#686961;font-size:13px;line-height:1.55}.front-capability:nth-child(3) p{color:rgba(255,255,255,.58)}
.front-capability b{margin-top:20px;font-size:12px}.front-capability:nth-child(3) b{color:var(--refresh-acid)}

/* ---------------------------------------------------------- Leistungen */
.page-leistungen .ls-hero-services{min-height:930px;padding:175px 0 100px;color:#f7f5ef;background:radial-gradient(720px 600px at 82% 28%,rgba(104,115,220,.23),transparent 64%),#141510;border-radius:0 0 46px 46px}
.page-leistungen .ls-hero-services::before{opacity:.16;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px)}
.page-leistungen .ls-hero-services .ls-shell{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(55px,7vw,100px);align-items:center}
.page-leistungen .ls-hero-editorial{max-width:650px;margin:0;text-align:left}
.page-leistungen .ls-hero-editorial .ls-kicker{color:rgba(255,255,255,.5)}.page-leistungen .ls-hero-editorial .ls-kicker::before{display:inline-block}
.page-leistungen .ls-hero-editorial h1{font-size:clamp(61px,6.2vw,96px);letter-spacing:-.07em}.page-leistungen .ls-hero-editorial h1 span{color:#a8b0ff}
.page-leistungen .ls-hero-editorial .ls-lead{margin:31px 0 0;color:rgba(255,255,255,.61)}
.page-leistungen .ls-hero-editorial .ls-hero-actions{justify-content:flex-start}
.page-leistungen .ls-button-dark{background:var(--refresh-acid);color:#151612}.page-leistungen .ls-button-quiet{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff}
.page-leistungen .ls-service-dock{margin:0;padding:12px;grid-template-columns:repeat(5,1fr);gap:8px;border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.09);box-shadow:0 40px 110px rgba(0,0,0,.32)}
.page-leistungen .ls-service-dock .is-primary{grid-column:1/-1;min-height:150px;background:#f5f3ed;color:#151612}.page-leistungen .ls-service-dock .is-primary:hover{background:#fff;color:#151612}
.page-leistungen .ls-service-dock .is-primary .ls-dock-icon{background:#151612;color:var(--refresh-acid)}
.page-leistungen .ls-service-dock>div:not(.is-primary){min-height:100px;color:rgba(255,255,255,.64)}.page-leistungen .ls-service-dock>div:not(.is-primary):hover{background:rgba(255,255,255,.11);color:#fff}
.page-leistungen .ls-service-card{scroll-margin-top:110px}

/* --------------------------------------------------------------- Ablauf */
.page-ablauf-clean .al-hero{min-height:860px;padding:165px 0 90px;background:radial-gradient(620px 500px at 90% 10%,rgba(201,247,58,.21),transparent 67%),#dfe3d6}
.page-ablauf-clean .al-hero::after{content:"01 — 04";position:absolute;right:-26px;bottom:-24px;color:rgba(29,29,31,.055);font-size:clamp(110px,18vw,280px);font-weight:800;letter-spacing:-.09em;line-height:.8;pointer-events:none}
.page-ablauf-clean .al-hero::before{opacity:.32;mask-image:linear-gradient(#000,transparent 95%)}
.page-ablauf-clean .al-hero .al-shell{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(60px,9vw,130px);align-items:center;position:relative;z-index:2}
.page-ablauf-clean .al-hero-copy{max-width:620px;margin:0;text-align:left}.page-ablauf-clean .al-hero-copy .al-kicker::before{display:inline-block}
.page-ablauf-clean .al-hero h1{font-size:clamp(68px,6.4vw,100px)}.page-ablauf-clean .al-hero h1 span{color:#505cae}
.page-ablauf-clean .al-lead{max-width:540px;margin:30px 0 0;color:#575950}
.page-ablauf-clean .al-overview{margin:0;padding:12px;grid-template-columns:1fr 1fr;background:rgba(250,249,245,.64);box-shadow:0 35px 90px rgba(54,61,43,.13)}
.page-ablauf-clean .al-overview li{min-height:140px;align-items:flex-end}.page-ablauf-clean .al-overview li>span{align-self:flex-start}
.page-ablauf-clean .al-scroll-cue{margin:31px 0 0}

@media(max-width:1050px){
  .page-leistungen .ls-hero-services .ls-shell{grid-template-columns:1fr}.page-leistungen .ls-service-dock{width:100%}
  .page-ablauf-clean .al-hero .al-shell{grid-template-columns:1fr;gap:58px}.page-ablauf-clean .al-hero-copy{max-width:800px}.page-ablauf-clean .al-overview{width:100%}
}

@media(max-width:760px){
  .site-header .nav{align-items:stretch;gap:5px;background:#f8f7f3;padding:22px;overflow:auto;max-height:calc(100svh - 86px)}
  .site-header .nav>a,.nav-summary{min-height:52px;padding:0 13px;font-size:18px}
  .nav-cluster{width:100%}.nav-summary{justify-content:space-between}
  .nav-panel,.nav-panel-discover{width:100%;padding:7px;grid-template-columns:1fr;gap:5px;position:static;display:none;visibility:visible;opacity:1;pointer-events:auto;transform:none;border:0;border-radius:18px;background:#ebe9e2;box-shadow:none}
  .nav-cluster[open]>.nav-panel{display:grid;transform:none}.nav-cluster:hover:not([open])>.nav-panel{display:none}
  .nav-panel>a,.nav-panel>a.nav-panel-feature{min-height:66px;grid-row:auto;align-content:center;background:#f8f7f3;color:#151612}.nav-panel-feature small{color:#777970}
  .nav-summary.is-current::after,.site-header .nav>a.is-current::after{bottom:2px}
  .page-index .hero{padding:130px 20px 76px;border-radius:0 0 30px 30px}.page-index .hero h1{font-size:clamp(51px,14vw,70px)}.page-index .hero-visual{min-height:430px}.page-index .hero-proof{grid-template-columns:1fr}.page-index .hero-proof article+article{border-left:0;border-top:1px solid rgba(255,255,255,.16);padding-left:0}.page-index .hero-proof article{min-height:82px}.page-index .hero-proof article:after{right:50%}
  .front-capabilities{width:min(100% - 34px,1280px);padding:24px 0 80px;grid-template-columns:1fr}.front-capability{min-height:190px}
  .page-leistungen .ls-hero-services{padding:130px 0 72px;border-radius:0 0 30px 30px}.page-leistungen .ls-service-dock{grid-template-columns:repeat(2,1fr)}.page-leistungen .ls-service-dock .is-primary{grid-column:1/-1}.page-leistungen .ls-service-dock>div:not(.is-primary){min-height:88px}
  .page-ablauf-clean .al-hero{padding:130px 0 75px;min-height:auto}.page-ablauf-clean .al-hero h1{font-size:clamp(57px,15vw,74px)}.page-ablauf-clean .al-overview{grid-template-columns:1fr 1fr}.page-ablauf-clean .al-overview li{min-height:112px}.page-ablauf-clean .al-hero::after{font-size:32vw;bottom:8px}
}

@media(max-width:440px){
  .page-ablauf-clean .al-overview{grid-template-columns:1fr}.page-ablauf-clean .al-overview li{min-height:92px}
}

@media(prefers-reduced-motion:reduce){.nav-panel,.nav-summary svg{transition:none}}

/* =====================================================================
   Swiss editorial refresh: helle Kunstflächen statt schwarzer Bühne
   ===================================================================== */
:root{--swiss-red:#d94b42;--swiss-blue:#4768c9;--swiss-paper:#e9e6de;--swiss-white:#f8f7f2}

/* Grosses Menü wie eine eigene Navigationsfläche */
.site-header{left:14px;right:14px;width:auto;max-width:none;margin:0;padding-inline:24px;transform:none}
.site-header .nav{gap:7px}
.mega-toggle{min-height:42px;padding:0 14px;display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(17,18,15,.14);border-radius:13px;background:#f8f7f3;color:#151612;cursor:pointer;font-size:13px;font-weight:750;transition:background .2s,border-color .2s}
.mega-toggle:hover,.mega-toggle[aria-expanded="true"]{background:#ebe9e2;border-color:rgba(17,18,15,.25)}
.mega-dots{width:15px;height:15px;display:grid;grid-template-columns:repeat(2,4px);grid-template-rows:repeat(2,4px);gap:3px}.mega-dots i{width:4px;height:4px;border-radius:1px;background:currentColor}
.mega-menu{position:fixed;left:14px;right:14px;top:82px;z-index:140;max-height:calc(100svh - 96px);overflow:auto;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-10px);border:1px solid rgba(17,18,15,.11);border-radius:0 0 30px 30px;background:rgba(250,249,245,.98);box-shadow:0 34px 90px rgba(17,18,15,.18);backdrop-filter:blur(24px);transition:opacity .25s,transform .25s,visibility .25s}
.mega-open .mega-menu{visibility:visible;opacity:1;pointer-events:auto;transform:none}
.mega-inner{width:min(1180px,calc(100% - 54px));margin:0 auto;padding:38px 0 22px}
.mega-grid{display:grid;grid-template-columns:1.22fr 1fr 1.08fr 1fr;gap:clamp(40px,6vw,90px)}
.mega-column{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.mega-column>span{margin-bottom:10px;color:#45608e;font-family:var(--font-geist-mono),monospace;font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.mega-column a{color:#1c1d19;font-size:14px;line-height:1.25;opacity:1;transition:color .2s,transform .2s}.mega-column a:hover{color:var(--swiss-blue);transform:translateX(3px)}.mega-main a{font-size:20px;font-weight:730;letter-spacing:-.025em}.mega-column .mega-cta{min-width:210px;margin-top:12px;padding:15px 20px;display:inline-flex;justify-content:center;border-radius:999px;background:#151612;color:#fff;font-weight:750}.mega-column .mega-cta:hover{color:#fff;background:var(--swiss-blue);transform:translateY(-2px)}
.mega-trust{margin-top:38px;padding-top:20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid rgba(17,18,15,.12)}.mega-trust>span{min-height:38px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(17,18,15,.12);border-radius:999px;color:#526076;font-size:11px;font-weight:620}.mega-trust>span b{color:#151612}.mega-trust .mega-stars b{color:#eea800;letter-spacing:.04em}.mega-trust>div{margin-left:auto;display:flex;gap:22px}.mega-trust>div a{color:#536078;font-size:11px}
.mega-open::before{content:"";position:fixed;inset:0;z-index:90;background:rgba(30,32,27,.16);backdrop-filter:blur(3px)}

/* Startseite: Schweizer Raster, Papier, Primärfarben */
.page-index,.page-index main{background:var(--swiss-paper)}
.page-index .hero{min-height:100svh;padding-top:195px;color:#151612;background:radial-gradient(circle at 88% 24%,rgba(71,104,201,.28) 0 14%,transparent 14.2%),linear-gradient(126deg,transparent 0 68%,rgba(217,75,66,.16) 68% 79%,transparent 79%),var(--swiss-paper);border-radius:0 0 48px 48px}
.page-index .hero-grid{opacity:.5;background-image:linear-gradient(rgba(17,18,15,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(17,18,15,.06) 1px,transparent 1px);mask-image:linear-gradient(#000,transparent 94%)}
.page-index .orb-one{width:320px;height:320px;right:7%;top:19%;border-radius:50%;background:var(--swiss-blue);opacity:.13}.page-index .orb-two{width:330px;height:110px;left:34%;bottom:5%;border-radius:0;background:var(--swiss-red);opacity:.12;transform:rotate(-9deg)}
.page-index .front-eyebrow{color:#5c5e56}.page-index .hero h1{color:#151612}.page-index .hero h1 span{color:var(--swiss-blue)}
.page-index .hero-text{color:#555850}.page-index .button-primary{background:var(--swiss-red);color:#fff;box-shadow:0 18px 42px rgba(126,50,43,.2)}.page-index .hero .text-link{color:#151612;border-color:rgba(17,18,15,.45)}
.page-index .hero-proof{border-color:rgba(17,18,15,.35)}.page-index .hero-proof article+article{border-color:rgba(17,18,15,.14)}.page-index .hero-proof strong{color:#151612}.page-index .hero-proof article>span{color:#676961}
.page-index .browser-card{border-color:rgba(17,18,15,.15);box-shadow:0 48px 100px rgba(61,60,51,.21)}.page-index .chip-two{background:var(--swiss-blue)}
.front-trustbar{position:absolute;left:clamp(22px,5vw,76px);right:clamp(22px,5vw,76px);top:104px;z-index:4;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}.front-trustbar>span{min-height:37px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(17,18,15,.12);border-radius:999px;background:rgba(248,247,242,.7);color:#576171;font-size:10px;font-weight:650;backdrop-filter:blur(12px)}.front-trustbar>span b{color:#151612}.front-trustbar .front-stars b{color:#eda600;letter-spacing:.04em}
.front-capability{background:var(--swiss-white)}.front-capability:nth-child(2){background:#dfe5f2}.front-capability:nth-child(3){background:#d9d5ca;color:#151612}.front-capability:nth-child(3)>span{color:#80534e}.front-capability:nth-child(3) p{color:#5c5d56}.front-capability:nth-child(3) b{color:var(--swiss-blue)}

/* Leistungen: helle, grafische Bühne mit eigener Farbe */
.page-leistungen .ls-hero-services{color:#151612;background:radial-gradient(circle at 87% 23%,rgba(217,75,66,.22) 0 13%,transparent 13.2%),linear-gradient(142deg,transparent 0 74%,rgba(71,104,201,.2) 74% 86%,transparent 86%),#d9d6ce}
.page-leistungen .ls-hero-services::before{opacity:.42;background-image:linear-gradient(rgba(17,18,15,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(17,18,15,.06) 1px,transparent 1px)}
.page-leistungen .ls-hero-editorial .ls-kicker{color:#5d5e56}.page-leistungen .ls-hero-editorial h1 span{color:var(--swiss-blue)}.page-leistungen .ls-hero-editorial .ls-lead{color:#585a53}
.page-leistungen .ls-button-dark{background:var(--swiss-red);color:#fff}.page-leistungen .ls-button-quiet{border-color:rgba(17,18,15,.14);background:rgba(248,247,242,.48);color:#151612}
.page-leistungen .ls-service-dock{border-color:rgba(17,18,15,.11);background:rgba(248,247,242,.62);box-shadow:0 36px 90px rgba(63,60,49,.14)}.page-leistungen .ls-service-dock .is-primary{background:var(--swiss-blue);color:#fff}.page-leistungen .ls-service-dock .is-primary:hover{background:#3f5fbb;color:#fff}.page-leistungen .ls-service-dock .is-primary .ls-dock-icon{background:#fff;color:var(--swiss-blue)}.page-leistungen .ls-service-dock>div:not(.is-primary){color:#64665f}.page-leistungen .ls-service-dock>div:not(.is-primary):hover{background:#fff;color:#151612}

/* SEO-Themenseiten */
.page-seo-topic{background:var(--swiss-paper);color:#151612}.page-seo-topic main{background:var(--swiss-paper)}
.seo-topic-hero{min-height:760px;padding:175px clamp(22px,6vw,90px) 90px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(55px,9vw,140px);align-items:center;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(71,104,201,.1) 1px,transparent 1px),linear-gradient(rgba(71,104,201,.1) 1px,transparent 1px);background-size:78px 78px}
.seo-topic-hero::before{content:"";position:absolute;width:420px;height:420px;right:-100px;top:90px;border-radius:50%;background:rgba(217,75,66,.17)}.seo-topic-hero-copy,.seo-topic-toc{position:relative;z-index:2}
.seo-topic-kicker{margin:0 0 23px;color:#52617c;font-family:var(--font-geist-mono),monospace;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.seo-topic-kicker::before{content:"";display:inline-block;width:20px;height:2px;margin:0 10px 3px 0;background:var(--swiss-red)}
.seo-topic-hero h1{max-width:820px;margin:0;font-size:clamp(58px,6.6vw,104px);font-weight:770;letter-spacing:-.072em;line-height:.9}.seo-topic-hero h1 em{color:var(--swiss-blue);font-style:normal}.seo-topic-lead{max-width:680px;margin:30px 0;color:#555850;font-size:clamp(17px,1.4vw,21px);line-height:1.62}.seo-topic-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.seo-topic-button{min-height:56px;padding:0 24px;display:inline-flex;align-items:center;border-radius:999px;background:#151612;color:#fff;font-size:13px;font-weight:760}.seo-topic-link{padding-bottom:5px;border-bottom:1px solid;font-size:13px;font-weight:720}
.seo-topic-toc{padding:29px;border:1px solid rgba(17,18,15,.12);border-radius:26px;background:rgba(248,247,242,.72);box-shadow:0 28px 80px rgba(52,52,44,.11);backdrop-filter:blur(18px)}.seo-topic-toc>span{display:block;margin-bottom:18px;color:#58647a;font-family:var(--font-geist-mono),monospace;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.seo-topic-toc a{min-height:55px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(17,18,15,.09);font-size:14px;font-weight:660}.seo-topic-toc a:last-child{border:0}.seo-topic-toc a b{color:var(--swiss-blue)}
.seo-topic-section{padding:120px clamp(22px,6vw,90px)}.seo-topic-section.is-white{background:var(--swiss-white)}.seo-topic-inner{width:min(1180px,100%);margin:0 auto}.seo-topic-heading{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(50px,9vw,130px);align-items:start}.seo-topic-heading h2{margin:0;font-size:clamp(43px,4.8vw,72px);letter-spacing:-.06em;line-height:.96}.seo-topic-heading h2 span{color:var(--swiss-blue)}.seo-topic-heading>div>p{margin:0 0 22px;color:#5b5d56;font-size:16px;line-height:1.72}
.seo-topic-cards{margin-top:75px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.seo-topic-card{min-height:300px;padding:29px;display:flex;flex-direction:column;border:1px solid rgba(17,18,15,.11);border-radius:25px;background:#f8f7f2}.seo-topic-card:nth-child(2){background:#dfe5f2}.seo-topic-card:nth-child(3){background:#dad6cb}.seo-topic-card>span{font-family:var(--font-geist-mono),monospace;color:#687187;font-size:9px;font-weight:800;letter-spacing:.12em}.seo-topic-card h3{margin:auto 0 15px;font-size:31px;letter-spacing:-.045em;line-height:1}.seo-topic-card p{margin:0;color:#5d5f58;font-size:14px;line-height:1.65}
.seo-topic-faq{width:min(900px,100%);margin:0 auto}.seo-topic-faq details{border-bottom:1px solid rgba(17,18,15,.13)}.seo-topic-faq summary{min-height:82px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-size:17px;font-weight:700}.seo-topic-faq summary::-webkit-details-marker{display:none}.seo-topic-faq summary::after{content:"+";font-size:22px;font-weight:400}.seo-topic-faq details[open] summary::after{content:"−"}.seo-topic-faq details p{max-width:720px;margin:-5px 40px 28px 0;color:#5b5d56;line-height:1.7}
.seo-topic-cta{width:min(1180px,calc(100% - 44px));margin:20px auto 110px;padding:55px;display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:end;border-radius:30px;background:var(--swiss-blue);color:#fff}.seo-topic-cta h2{margin:0;font-size:clamp(40px,4.6vw,68px);letter-spacing:-.06em;line-height:.96}.seo-topic-cta p{margin:18px 0 0;color:rgba(255,255,255,.68);line-height:1.65}.seo-topic-cta a{justify-self:start;min-height:56px;padding:0 24px;display:inline-flex;align-items:center;border-radius:999px;background:#fff;color:#151612;font-weight:760}

@media(max-width:900px){
  .mega-grid{grid-template-columns:1fr 1fr;gap:42px}.mega-trust>div{width:100%;margin-left:0}
  .seo-topic-hero{grid-template-columns:1fr;min-height:auto}.seo-topic-toc{max-width:720px}.seo-topic-heading{grid-template-columns:1fr}.seo-topic-cards{grid-template-columns:1fr}.seo-topic-card{min-height:230px}.seo-topic-cta{grid-template-columns:1fr}
}
@media(max-width:760px){
  .site-header{left:8px;right:8px}.site-header .nav{display:none!important}.mega-toggle{display:none}.mega-menu{left:8px;right:8px;top:70px;max-height:calc(100svh - 78px);border-radius:0 0 24px 24px}.mega-inner{width:calc(100% - 32px);padding:26px 0}.mega-grid{grid-template-columns:1fr;gap:32px}.mega-column{gap:12px}.mega-main a{font-size:18px}.mega-trust{margin-top:28px}.mega-trust>span{width:100%;justify-content:flex-start}.mega-trust>div{flex-direction:column;gap:8px}.mega-column .mega-cta{width:100%}
  .page-index .hero{padding-top:235px;background:radial-gradient(circle at 95% 27%,rgba(71,104,201,.25) 0 18%,transparent 18.2%),linear-gradient(138deg,transparent 0 72%,rgba(217,75,66,.15) 72% 82%,transparent 82%),var(--swiss-paper)}.front-trustbar{top:88px;left:17px;right:17px;justify-content:flex-start;gap:6px}.front-trustbar>span{min-height:32px;padding:0 10px;font-size:9px}.front-trustbar>span:nth-child(n+3){display:none}.page-index .hero h1{font-size:clamp(48px,13.5vw,65px)}
  .page-leistungen .ls-hero-services{background:radial-gradient(circle at 96% 16%,rgba(217,75,66,.22) 0 14%,transparent 14.2%),#d9d6ce}
  .seo-topic-hero{padding:145px 20px 72px}.seo-topic-hero h1{font-size:clamp(54px,15vw,72px)}.seo-topic-section{padding:90px 20px}.seo-topic-cards{margin-top:55px}.seo-topic-cta{padding:34px 27px;margin-bottom:80px}
}

/* ---------------------------------------------------------------------
   Vom Kunden gewünschte Rückkehr zum vorherigen dunklen Seitendesign.
   Mega-Menü, SEO-Seiten und Vertrauenssignale bleiben bestehen.
   --------------------------------------------------------------------- */
.page-index,.page-index main{background:var(--refresh-paper)}
.page-index .hero{min-height:100svh;padding-top:195px;color:#f7f5ef;background:radial-gradient(900px 620px at 78% 42%,rgba(104,115,220,.24),transparent 62%),radial-gradient(620px 430px at 8% 90%,rgba(201,247,58,.1),transparent 68%),#11120f;border-radius:0 0 48px 48px}
.page-index .hero-grid{inset:82px 0 0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);mask-image:radial-gradient(circle at 76% 45%,#000,transparent 68%)}
.page-index .orb-one{width:500px;height:500px;right:-120px;top:14%;border-radius:50%;background:rgba(93,108,255,.18);opacity:1;transform:none}.page-index .orb-two{width:270px;height:270px;right:28%;left:auto;bottom:-90px;border-radius:50%;background:rgba(201,247,58,.4);opacity:1;transform:none}
.page-index .front-eyebrow{color:rgba(255,255,255,.58)}.page-index .hero h1{color:#fff}.page-index .hero h1 span{color:var(--refresh-acid)}
.page-index .hero-text{color:rgba(255,255,255,.65)}.page-index .button-primary{background:var(--refresh-acid);color:#11120f;box-shadow:0 18px 44px rgba(0,0,0,.26)}.page-index .hero .text-link{color:#fff;border-color:rgba(255,255,255,.5)}
.page-index .hero-proof{border-color:rgba(255,255,255,.23)}.page-index .hero-proof article+article{border-color:rgba(255,255,255,.16)}.page-index .hero-proof strong{color:#fff}.page-index .hero-proof article>span{color:rgba(255,255,255,.5)}
.page-index .browser-card{border-color:rgba(255,255,255,.2);box-shadow:0 50px 120px rgba(0,0,0,.48)}.page-index .chip-two{background:var(--refresh-blue)}
.front-trustbar>span{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.1);color:rgba(255,255,255,.7)}.front-trustbar>span b{color:#fff}.front-trustbar .front-stars b{color:#ffbd28}
.front-capability{background:#f7f5ef;color:#151612}.front-capability:nth-child(2){background:#dfe3f7}.front-capability:nth-child(3){background:#1b1c18;color:#fff}.front-capability:nth-child(3)>span{color:var(--refresh-acid)}.front-capability:nth-child(3) p{color:rgba(255,255,255,.58)}.front-capability:nth-child(3) b{color:var(--refresh-acid)}

.page-leistungen .ls-hero-services{color:#f7f5ef;background:radial-gradient(720px 600px at 82% 28%,rgba(104,115,220,.23),transparent 64%),#141510}
.page-leistungen .ls-hero-services::before{opacity:.16;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px)}
.page-leistungen .ls-hero-editorial .ls-kicker{color:rgba(255,255,255,.5)}.page-leistungen .ls-hero-editorial h1 span{color:#a8b0ff}.page-leistungen .ls-hero-editorial .ls-lead{color:rgba(255,255,255,.61)}
.page-leistungen .ls-button-dark{background:var(--refresh-acid);color:#151612}.page-leistungen .ls-button-quiet{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff}
.page-leistungen .ls-service-dock{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.09);box-shadow:0 40px 110px rgba(0,0,0,.32)}.page-leistungen .ls-service-dock .is-primary{background:#f5f3ed;color:#151612}.page-leistungen .ls-service-dock .is-primary:hover{background:#fff;color:#151612}.page-leistungen .ls-service-dock .is-primary .ls-dock-icon{background:#151612;color:var(--refresh-acid)}.page-leistungen .ls-service-dock>div:not(.is-primary){color:rgba(255,255,255,.64)}.page-leistungen .ls-service-dock>div:not(.is-primary):hover{background:rgba(255,255,255,.11);color:#fff}

@media(max-width:760px){
  .page-index .hero{padding-top:235px;background:radial-gradient(620px 520px at 85% 38%,rgba(104,115,220,.26),transparent 66%),#11120f}.page-leistungen .ls-hero-services{background:radial-gradient(520px 460px at 92% 20%,rgba(104,115,220,.24),transparent 65%),#141510}
}

/* Landingpage wieder hell wie in der ursprünglichen Version. */
.page-index,.page-index main{background:#f3f4f6}
.page-index .hero{color:#151612;background:radial-gradient(820px 620px at 92% 40%,rgba(93,108,255,.18),transparent 66%),radial-gradient(560px 430px at 2% 91%,rgba(201,247,58,.16),transparent 70%),#f3f4f6}
.page-index .hero-grid{opacity:.34;background-image:linear-gradient(rgba(17,18,15,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(17,18,15,.055) 1px,transparent 1px);mask-image:radial-gradient(circle at 76% 45%,#000,transparent 68%)}
.page-index .orb-one{background:rgba(93,108,255,.16)}.page-index .orb-two{background:rgba(201,247,58,.45)}
.page-index .front-eyebrow{color:#62655e}.page-index .hero h1{color:#1b1c1a}.page-index .hero h1 span{color:#5d6cff}.page-index .hero-text{color:#646760}
.page-index .button-primary{background:#1b1c1a;color:#fff;box-shadow:0 18px 44px rgba(17,18,15,.18)}.page-index .hero .text-link{color:#1b1c1a;border-color:rgba(17,18,15,.42)}
.page-index .hero-proof{border-color:rgba(17,18,15,.32)}.page-index .hero-proof article+article{border-color:rgba(17,18,15,.12)}.page-index .hero-proof strong{color:#1b1c1a}.page-index .hero-proof article>span{color:#6a6d66}
.page-index .browser-card{border-color:rgba(17,18,15,.22);box-shadow:0 45px 105px rgba(17,18,15,.24)}.page-index .browser-body{background:#11120f;color:#fff}.page-index .browser-body .mini-nav{color:#fff}.page-index .browser-body .mini-nav span{border-color:#fff}.page-index .browser-body>p{color:#b7b8b3}.page-index .browser-body h2{color:#fff}.page-index .browser-body mark{color:var(--acid)}.page-index .browser-body::after{border-color:var(--blue);opacity:.8}.page-index .mini-button{background:#fff;color:#11120f}.page-index .conversion-line{background:var(--acid);color:#11120f}.page-index .chip-two{background:var(--blue)}
.front-trustbar>span{border-color:rgba(17,18,15,.12);background:rgba(255,255,255,.78);color:#596274;box-shadow:0 8px 28px rgba(17,18,15,.045)}.front-trustbar>span b{color:#151612}.front-trustbar .front-stars b{color:#eda600}
@media(max-width:760px){.page-index .hero{background:radial-gradient(600px 500px at 94% 37%,rgba(93,108,255,.18),transparent 66%),#f3f4f6}}