/* Persovia Experts — persovia.de — Stand 2026-09-07 */
@font-face{font-family:'Lora';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/lora-400.woff2') format('woff2');}
@font-face{font-family:'Lora';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/lora-600.woff2') format('woff2');}
@font-face{font-family:'Lora';font-style:italic;font-weight:400;font-display:swap;src:url('/assets/fonts/lora-italic-400.woff2') format('woff2');}
@font-face{font-family:'Lora';font-style:italic;font-weight:600;font-display:swap;src:url('/assets/fonts/lora-italic-600.woff2') format('woff2');}
@font-face{font-family:'Sora';font-style:normal;font-weight:300;font-display:swap;src:url('/assets/fonts/sora-300.woff2') format('woff2');}
@font-face{font-family:'Sora';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/sora-400.woff2') format('woff2');}
@font-face{font-family:'Sora';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/sora-500.woff2') format('woff2');}
@font-face{font-family:'Sora';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/sora-600.woff2') format('woff2');}
@font-face{font-family:'Sora';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/sora-700.woff2') format('woff2');}
:root{
  color-scheme:light;
  --w:#ffffff; --k:#0a0a0a; --k2:#1a1a1a; --k3:#3a3a3a;
  --g5:#6b6b6b; --g3:#c8c8c8; --g1:#f0f0f0; --g05:#f8f8f8;
  --border:rgba(0,0,0,.09);
  --serif:'Lora',Georgia,'Times New Roman',serif;
  --sans:'Sora','Helvetica Neue',Arial,sans-serif;
  --ease:.3s cubic-bezier(.4,0,.2,1);
  --pad:clamp(20px,5vw,64px);
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{margin:0;background:var(--w);color:var(--k);font-family:var(--sans);font-weight:300;
  font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{color:inherit;}
:focus-visible{outline:2px solid var(--k);outline-offset:3px;}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important;}}
[hidden]{display:none!important;}

/* ---------- primitives ---------- */
.wrap{max-width:1200px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad);}
.sec{padding-block:clamp(56px,8vw,112px);border-top:1px solid var(--border);}
.sec--tint{background:var(--g05);}
.lbl{font-size:10px;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--g5);margin:0 0 22px;}
h1,h2,h3{font-family:var(--serif);font-weight:600;margin:0;text-wrap:balance;letter-spacing:-.01em;}
h1{font-size:clamp(30px,5vw,54px);line-height:1.12;}
h2{font-size:clamp(23px,3.2vw,38px);line-height:1.2;}
h3{font-size:19px;line-height:1.35;}
h1 em,h2 em{font-style:italic;font-weight:600;}
p{margin:0;}
.lead{font-size:clamp(15px,1.5vw,18px);line-height:1.75;color:var(--k3);max-width:62ch;}
.lead+.lead{margin-top:18px;}
.lead+.tags,.bp+.tags,.ul+.tags{margin-top:22px;}
.bp+.bp{margin-top:16px;}
.lead+.bp,.bp+.lead{margin-top:18px;}
.bp{font-size:16px;line-height:1.8;color:var(--k3);max-width:68ch;}
.bp.small{font-size:13.5px;color:var(--g5);}
.small{font-size:13px;line-height:1.7;color:var(--g5);}
a.ln{text-decoration:none;font-weight:500;color:var(--k);border-bottom:1px solid var(--g3);}
a.ln:hover{border-color:var(--k);}
.plus{margin-top:26px;font-size:13.5px;line-height:1.8;color:var(--g5);max-width:78ch;}
.plus a{color:var(--k);text-decoration:none;font-weight:500;border-bottom:1px solid var(--g3);}
.plus a:hover{border-color:var(--k);}
.legal{margin-top:28px;font-size:11.5px;line-height:1.75;color:var(--g5);max-width:74ch;}

.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-size:14px;
  font-weight:500;letter-spacing:.02em;padding:15px 26px;border:1px solid var(--k);
  background:var(--k);color:var(--w);text-decoration:none;border-radius:0;transition:var(--ease);
  cursor:pointer;white-space:nowrap;}
.btn:hover{background:var(--w);color:var(--k);}
.btn--ghost{background:transparent;color:var(--k);}
.btn--ghost:hover{background:var(--k);color:var(--w);}
.btn--inv{background:var(--w);color:var(--k);border-color:var(--w);}
.btn--inv:hover{background:transparent;color:var(--w);}
.btn--invghost{background:transparent;color:var(--w);border-color:rgba(255,255,255,.4);}
.btn--invghost:hover{background:var(--w);color:var(--k);border-color:var(--w);}
.arrow{font-weight:300;}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;}

/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--border);}
.nav .in{max-width:1200px;margin:0 auto;padding:0 var(--pad);height:74px;display:flex;align-items:center;gap:30px;}
.nav .brand{display:block;}
.nav img{height:30px;width:auto;}
.navlinks{display:flex;gap:24px;margin-left:auto;font-size:13.5px;font-weight:400;align-items:center;}
.navlinks>a,.dd>a{text-decoration:none;color:var(--k3);transition:var(--ease);white-space:nowrap;
  padding:26px 0;display:inline-block;}
.navlinks>a:hover,.dd>a:hover,.navlinks>a.on,.dd>a.on{color:var(--k);}
.dd{position:relative;}
.dd>a.has::after{content:'▾';margin-left:6px;color:var(--g3);font-size:9px;vertical-align:middle;}
.ddm{position:absolute;top:100%;left:-20px;min-width:340px;background:var(--w);
  border:1px solid var(--border);padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:var(--ease);box-shadow:0 18px 40px rgba(0,0,0,.07);}
.dd:hover .ddm,.dd:focus-within .ddm{opacity:1;visibility:visible;transform:none;}
.ddm a{display:block;padding:12px 14px;text-decoration:none;transition:var(--ease);}
.ddm a:hover{background:var(--g05);}
.ddm b{display:block;font-family:var(--serif);font-weight:600;font-size:15px;color:var(--k);line-height:1.3;}
.ddm span{display:block;font-size:12px;color:var(--g5);margin-top:2px;}
.nav-cta{padding:12px 20px;font-size:13px;}
.burger{display:none;flex-direction:column;gap:5px;padding:9px;background:none;border:0;cursor:pointer;margin-left:auto;}
.burger i{display:block;width:22px;height:1px;background:var(--k);transition:var(--ease);}
.nav.open .burger i:nth-child(1){transform:translateY(6px) rotate(45deg);}
.nav.open .burger i:nth-child(2){opacity:0;}
.nav.open .burger i:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
.mob{border-top:1px solid var(--border);padding:14px var(--pad) 26px;background:var(--w);max-height:calc(100vh - 74px);overflow-y:auto;}
.mob a{display:block;padding:11px 0;text-decoration:none;font-size:15px;color:var(--k3);
  border-bottom:1px solid var(--border);}
.mob a:hover,.mob a.on{color:var(--k);}
.mlbl{font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--g5);
  margin:18px 0 4px;}
.mlbl:first-child{margin-top:6px;}

/* ---------- hero (home) ---------- */
.hero{position:relative;overflow:hidden;padding-block:clamp(52px,9vw,116px);}
.hero .arc{position:absolute;right:-140px;top:-90px;width:min(560px,58vw);opacity:.5;pointer-events:none;}
.hero .wrap{position:relative;}
.hero .eyebrow{font-size:10.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--g5);margin:0 0 30px;}
.hero h1{max-width:17ch;margin-bottom:26px;font-size:clamp(30px,5.4vw,60px);line-height:1.1;}
.hero .lead{max-width:56ch;margin-bottom:22px;}
.hero .claim{font-family:var(--serif);font-style:italic;font-size:clamp(16px,2vw,21px);color:var(--k2);margin-bottom:38px;}

/* ---------- page hero (Unterseiten) ---------- */
.phero{padding-block:clamp(44px,6.5vw,84px) clamp(30px,4vw,48px);border-bottom:1px solid var(--border);}
.phero h1{max-width:19ch;margin-bottom:22px;}
.phero .lead{max-width:60ch;}
.pbody{padding-block:clamp(44px,6vw,80px);}
.pbody>.wrap>*+*{margin-top:34px;}
.pbody h2.bh{margin-top:clamp(40px,5vw,64px);max-width:24ch;}
.pbody>.wrap>*:first-child{margin-top:0;}
.pcta{margin-top:clamp(40px,5vw,60px);padding-top:34px;border-top:1px solid var(--border);}

/* ---------- stats ---------- */
.statsband{border-block:1px solid var(--border);}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);}
.stat{background:var(--w);padding:34px clamp(14px,2vw,28px);}
.stat:first-child{padding-left:0;}
.stat:last-child{padding-right:0;}
.stat b{display:flex;align-items:flex-end;min-height:42px;font-family:var(--serif);font-weight:600;
  font-size:clamp(28px,3.6vw,42px);line-height:1.05;letter-spacing:-.02em;margin-bottom:12px;}
.stat b.word{font-size:clamp(17px,1.95vw,24px);letter-spacing:0;}
.stat span{display:block;font-size:12.5px;line-height:1.55;color:var(--g5);}

/* ---------- head ---------- */
.head{margin-bottom:clamp(36px,5vw,58px);}
.head h2{max-width:24ch;}
.head .lead{margin-top:18px;}

/* ---------- problems ---------- */
.probs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);}
.prob{background:var(--w);padding:30px clamp(18px,2vw,28px);}
.prob strong{display:block;font-family:var(--serif);font-weight:600;font-size:17px;line-height:1.35;margin-bottom:9px;}
.prob p{font-size:14px;line-height:1.65;color:var(--g5);}
.sec--tint .prob{background:var(--g05);}

/* ---------- services ---------- */
.svcs{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border);}
.svc{background:var(--w);padding:clamp(26px,3vw,40px);display:flex;flex-direction:column;gap:12px;
  text-decoration:none;transition:var(--ease);}
.svc:hover{background:var(--g05);}
.svc h3{max-width:22ch;}
.svc p{font-size:14px;line-height:1.7;color:var(--g5);}
.svc .go{margin-top:auto;padding-top:14px;font-size:12.5px;font-weight:500;color:var(--k);}
.sec--tint .svc{background:var(--w);}

/* ---------- cases ---------- */
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,30px);}
.case{border-top:2px solid var(--k);padding-top:26px;}
.case .br{font-size:9.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--g5);margin-bottom:14px;}
.case h3{margin-bottom:12px;max-width:24ch;}
.case p{font-size:14px;line-height:1.7;color:var(--k3);}

/* ---------- steps ---------- */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--border);border-top:1px solid var(--border);}
.step{background:var(--w);border-top:2px solid var(--k);padding:24px clamp(14px,1.6vw,22px) 30px;margin-top:-1px;}
.sec--tint .step{background:var(--g05);}
.step b{display:block;font-family:var(--serif);font-weight:600;font-size:38px;line-height:1;color:#7d7d7d;margin-bottom:16px;}
.step strong{display:block;font-size:14.5px;font-weight:600;line-height:1.35;margin-bottom:8px;}
.step p{font-size:13px;line-height:1.65;color:var(--g5);}
.steps--wide{grid-template-columns:1fr;gap:0;background:transparent;border-top:0;}
.steps--wide .step{display:grid;grid-template-columns:96px 1fr;gap:0 clamp(18px,3vw,44px);
  border-top:1px solid var(--border);padding:28px 0;margin-top:0;align-items:start;background:transparent;}
.steps--wide .step:first-child{border-top:2px solid var(--k);}
.steps--wide .step:last-child{border-bottom:1px solid var(--border);}
.steps--wide .step b{grid-row:span 2;margin-bottom:0;font-size:44px;}
.steps--wide .step strong{font-family:var(--serif);font-size:20px;font-weight:600;margin-bottom:8px;}
.steps--wide .step p{font-size:15px;line-height:1.75;color:var(--k3);max-width:64ch;}

/* ---------- lists / tags / proof ---------- */
.ul{list-style:none;margin:0;padding:0;max-width:72ch;}
.ul li{position:relative;padding:13px 0 13px 26px;border-top:1px solid var(--border);
  font-size:15px;line-height:1.65;color:var(--k3);}
.ul li:last-child{border-bottom:1px solid var(--border);}
.ul li::before{content:'';position:absolute;left:0;top:22px;width:10px;height:1px;background:var(--g3);}
.tags{display:flex;flex-wrap:wrap;gap:8px;}
.pill{display:inline-block;border:1px solid var(--border);padding:9px 15px;font-size:12.5px;
  color:var(--k3);background:var(--w);}
.proof{background:var(--g05);border-left:2px solid var(--k);padding:26px clamp(20px,3vw,34px);max-width:74ch;}
.proof .pl{font-size:9.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--g5);margin-bottom:10px;}
.proof p{font-size:15px;line-height:1.75;color:var(--k3);}
.todo{background:var(--g05);border:1px dashed var(--g3);padding:18px 22px;font-size:13.5px;
  line-height:1.7;color:var(--g5);max-width:74ch;}
.todo b{color:var(--k);font-weight:600;}

/* ---------- two-column ---------- */
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,72px);align-items:start;}
.two .col--db{border-top:2px solid #00d4ff;padding-top:22px;}
.two .col{border-top:2px solid var(--k);padding-top:22px;}
.cl{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--g5);margin-bottom:16px;}
.side{background:var(--g05);padding:clamp(24px,3vw,36px);}
.side h2.bh{margin-top:30px;font-size:19px;}
.side h2.bh:first-child{margin-top:0;}
.side .ul li{font-size:14px;}

/* ---------- values ---------- */
.val{display:grid;grid-template-columns:190px 1fr 1fr;gap:clamp(16px,3vw,44px);padding:26px 0;
  border-top:1px solid var(--border);align-items:baseline;}
.vals .val:last-child{border-bottom:1px solid var(--border);}
.val h3{font-size:20px;}
.val p{font-size:14px;line-height:1.7;color:var(--g5);}
.val .pf{font-size:14px;line-height:1.7;color:var(--k);}
.val .pf::before{content:'→ ';color:var(--g3);}

/* ---------- people ---------- */
.people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--border);
  border:1px solid var(--border);max-width:74ch;}
.people .person{background:var(--w);padding:24px 26px;}
.side .people{grid-template-columns:1fr;max-width:none;}
.side .people .person{background:var(--w);}
.person b{display:block;font-family:var(--serif);font-weight:600;font-size:18px;margin-bottom:6px;}
.person span{display:block;font-size:13.5px;line-height:1.85;color:var(--g5);}
.person .pfoto{width:112px;height:140px;object-fit:cover;margin-bottom:16px;}

/* ---------- faq ---------- */
.faqlist{border-top:1px solid var(--border);max-width:82ch;}
.qa{border-bottom:1px solid var(--border);}
.qa summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;position:relative;
  font-family:var(--serif);font-weight:600;font-size:18px;line-height:1.4;color:var(--k);}
.qa summary::-webkit-details-marker{display:none;}
.qa summary::after{content:'+';position:absolute;right:6px;top:20px;font-family:var(--sans);
  font-weight:300;font-size:22px;color:var(--g5);transition:var(--ease);}
.qa[open] summary::after{content:'–';}
.qa summary:hover{color:var(--k2);}
.qa-b{padding:0 40px 24px 0;}
.qa-b p{font-size:15px;line-height:1.8;color:var(--k3);max-width:70ch;}

/* ---------- form ---------- */
.form{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.f{display:flex;flex-direction:column;gap:7px;}
.f--full{grid-column:1/-1;}
.f label{font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--g5);}
.f label i{color:var(--k);font-style:normal;}
.f input,.f select,.f textarea{font-family:var(--sans);font-size:15px;font-weight:300;color:var(--k);
  background:var(--w);border:1px solid var(--border);border-radius:0;padding:13px 14px;width:100%;
  transition:var(--ease);}
.f input:not([type=checkbox]):focus,.f select:focus,.f textarea:focus{border-color:var(--k);outline:none;}
.check input:focus-visible{outline:2px solid var(--k);outline-offset:2px;}
.f textarea{resize:vertical;line-height:1.6;}
.check label{text-transform:none;letter-spacing:0;font-size:13.5px;color:var(--g5);line-height:1.65;
  display:flex;gap:11px;align-items:flex-start;}
.check input{width:auto;margin-top:3px;flex:0 0 auto;}
.check a{color:var(--k);}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.fnote{grid-column:1/-1;font-size:13.5px;color:var(--k);min-height:1px;}
.fnote.on{border-left:2px solid var(--k);padding:12px 16px;background:var(--g05);}

/* ---------- cta band ---------- */
.band{background:var(--k);color:var(--w);padding-block:clamp(56px,7.5vw,96px);}
.band .in{max-width:1200px;margin:0 auto;padding:0 var(--pad);display:grid;
  grid-template-columns:1.5fr 1fr;gap:clamp(30px,5vw,64px);align-items:end;}
.band h2{color:var(--w);max-width:20ch;margin-bottom:20px;}
.band p{color:rgba(255,255,255,.7);font-size:15px;line-height:1.75;max-width:56ch;margin-bottom:30px;}
.band .who{border-left:1px solid rgba(255,255,255,.22);padding-left:26px;}
.band .who b{display:block;font-family:var(--serif);font-weight:600;font-size:19px;margin-bottom:4px;}
.band .who span{display:block;font-size:13px;line-height:1.9;color:rgba(255,255,255,.7);}

/* ---------- footer ---------- */
.foot{background:var(--w);border-top:1px solid var(--border);padding-block:clamp(46px,6vw,72px);}
.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:clamp(24px,3.5vw,48px);}
.fgrid img{height:30px;width:auto;margin-bottom:18px;}
.fgrid h4{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:var(--g5);margin:0 0 14px;}
.fgrid p,.fgrid li{font-size:13px;line-height:1.95;color:var(--g5);}
.fgrid ul{list-style:none;margin:0;padding:0;}
.fgrid a{text-decoration:none;transition:var(--ease);}
.fgrid a:hover{color:var(--k);}
.fbot{margin-top:clamp(34px,4vw,54px);padding-top:22px;border-top:1px solid var(--border);
  display:flex;flex-wrap:wrap;gap:6px 24px;font-size:12px;color:var(--g5);}
.fbot a{text-decoration:none;}
.fbot a:hover{color:var(--k);}

/* ---------- tag groups ---------- */
.tgs{display:flex;flex-direction:column;gap:26px;}
.tgl{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--g5);margin-bottom:12px;}

/* ---------- legal pages ---------- */
.lg .pbody>.wrap>*+*{margin-top:16px;}
.lg .pbody h2.bh{margin-top:48px;font-size:clamp(20px,2.4vw,26px);max-width:36ch;}
.lg .lh3{font-family:var(--sans);font-size:13.5px;font-weight:600;letter-spacing:.03em;
  margin-top:26px;color:var(--k);}
.lg .bp{max-width:76ch;font-size:15px;line-height:1.85;}
.lg .ul{max-width:76ch;}
.lg .ul li{font-size:14.5px;padding-block:11px;}
.lg .ul li::before{top:20px;}
.lstand{font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--g5);}
.kvs{margin:0;max-width:76ch;border-top:1px solid var(--border);}
.kv{display:grid;grid-template-columns:210px 1fr;gap:0 24px;padding:13px 0;
  border-bottom:1px solid var(--border);}
.kv dt{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--g5);margin:0;padding-top:3px;}
.kv dd{margin:0;font-size:15px;line-height:1.65;color:var(--k3);}
.lnote{background:var(--g05);border-left:2px solid var(--k);padding:20px 24px;max-width:76ch;}
.lnote p{font-size:14.5px;line-height:1.8;color:var(--k3);}

/* =================================================================
   Responsive — MUSS am Ende stehen, sonst gewinnen die Basisregeln
   ================================================================= */
@media(max-width:1080px){
  .navlinks{display:none;}
  .burger{display:flex;}
  .nav .in{gap:16px;}
}
@media(min-width:1081px){.mob{display:none!important;}}
@media(max-width:980px){.steps{grid-template-columns:repeat(2,1fr);}.steps .step:last-child:nth-child(odd){grid-column:1/-1;}.steps--wide{grid-template-columns:1fr;}}
@media(max-width:900px){
  .probs{grid-template-columns:repeat(2,1fr);}
  .fgrid{grid-template-columns:1fr 1fr;}
}
@media(max-width:880px){
  .cases{grid-template-columns:1fr;}
  .ngrid{grid-template-columns:1fr;}
}
@media(max-width:860px){
  .two{grid-template-columns:1fr;}
  .val{grid-template-columns:1fr;gap:8px;}
  .band .in{grid-template-columns:1fr;align-items:start;}
  .band .who{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.22);padding-top:24px;}
}
@media(max-width:820px){.stats{grid-template-columns:repeat(2,1fr);}}
@media(max-width:760px){
  .svcs{grid-template-columns:1fr;}
  .people{grid-template-columns:1fr;}
  .form{grid-template-columns:1fr;}
  .steps--wide .step{grid-template-columns:1fr;gap:6px;}
  .steps--wide .step b{grid-row:auto;font-size:34px;margin-bottom:8px;}
}
@media(max-width:620px){.probs{grid-template-columns:1fr;}}
@media(max-width:600px){
  .meta{padding:11px var(--pad);font-size:11.5px;}
  .nav .in{height:64px;gap:12px;}
  .nav img{height:26px;}
  .nav-cta{padding:11px 15px;font-size:12px;}
  .hero{padding-block:34px 40px;}
  .hero .eyebrow{margin-bottom:20px;font-size:9.5px;letter-spacing:.16em;}
  .hero h1{font-size:clamp(27px,7.4vw,34px);margin-bottom:20px;}
  .hero .lead{font-size:15px;line-height:1.65;margin-bottom:18px;}
  .hero .claim{font-size:16px;margin-bottom:26px;}
  .cta-row{gap:10px;}
  .cta-row .btn{flex:1 1 100%;justify-content:center;}
  .stat{padding:26px clamp(12px,3vw,20px);}
  .stat b{font-size:26px;min-height:26px;}
  .stat b.word{font-size:15px;}
  .sec{padding-block:48px;}
  .phero{padding-block:32px 26px;}
  .phero h1{font-size:clamp(26px,7.2vw,34px);}
  .pbody{padding-block:38px;}
  .pbody h2.bh{margin-top:36px;}
  .qa summary{font-size:16px;padding-right:34px;}
}
@media(max-width:560px){.fgrid{grid-template-columns:1fr;}.steps{grid-template-columns:1fr;}}
@media(max-width:600px){.kv{grid-template-columns:1fr;gap:3px;}.tgs{gap:22px;}}
.skip{position:absolute;left:-9999px;top:0;background:var(--k);color:var(--w);padding:10px 14px;z-index:100;}
.skip:focus{left:12px;top:12px;}
/* Datenschutz-Speicherdauer-Tabelle (ergänzt 10.09.2026) */
.dtab{width:100%;border-collapse:collapse;font-size:15px;line-height:1.55;margin-top:16px;}
.dtab th,.dtab td{text-align:left;vertical-align:top;padding:12px 16px;border-bottom:1px solid var(--border);}
.dtab th{font-family:var(--sans);font-weight:600;color:var(--k);background:var(--g05);}
.dtab td:first-child{font-weight:600;color:var(--k2);width:38%;}
.dtab td{color:var(--k3);}
@media(max-width:640px){.dtab,.dtab tbody,.dtab tr,.dtab td,.dtab th{display:block;width:auto;}.dtab th{display:none;}.dtab td{border-bottom:none;padding:2px 0;}.dtab td:first-child{padding-top:14px;border-top:1px solid var(--border);width:auto;}}

/* Wasserzeichen-Kreise auf Unterseiten-Hero und CTA-Band (12.09.2026) */
.phero{position:relative;overflow:hidden;}
.phero .wrap{position:relative;}
.phero .arc--phero{position:absolute;right:-120px;top:-110px;width:min(380px,40vw);opacity:.4;pointer-events:none;}
.band{position:relative;overflow:hidden;}
.band .in{position:relative;}
.band .arc--band{position:absolute;right:-130px;bottom:-150px;width:min(420px,42vw);pointer-events:none;}
@media (max-width:767px){
  .phero .arc--phero,.band .arc--band{display:none;}
}

/* Zwei Ansprechpartner im CTA-Band (12.09.2026) */
.band .who b:not(:first-of-type){margin-top:14px;}
/* Ungerade Kartenzahl im Leistungs-Grid: letzte Karte volle Breite (12.09.2026) */
.svcs .svc:last-child:nth-child(odd){grid-column:1 / -1;}

/* ==== BRAND-AKZENTE (überarbeitet 14.09.2026: Schwarz-Weiß, beige Titel-Linie, dezente P-Wasserzeichen) ==== */
:root{ --warmline:#c9a26b; }

/* Beige Linie unter den Labels/Titeln — der einzige Farbakzent */
.lbl{position:relative;padding-bottom:12px;}
body:not(.legal) .lbl::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:2px;background:var(--warmline);opacity:.75;}

/* Dezente graue P-Wasserzeichen als Marken-Textur, immer hinter dem Inhalt.
   P-Marke links, gegenüber den bestehenden Kreisbögen rechts (diagonale Balance). */
body:not(.legal) .band::before{content:"";position:absolute;left:-60px;top:50%;transform:translateY(-50%);
  width:360px;height:354px;background:url(/assets/pmark.png) left center/contain no-repeat;
  opacity:.06;filter:invert(1);pointer-events:none;}
.band .wrap{position:relative;z-index:1;}

body:not(.legal) .hero::before{content:"";position:absolute;right:-70px;bottom:-120px;
  width:min(460px,50vw);height:min(460px,50vw);
  background:url(/assets/pmark.png) right bottom/contain no-repeat;opacity:.13;pointer-events:none;}
.hero .wrap{z-index:1;}

body:not(.legal) .phero::before{content:"";position:absolute;right:-60px;bottom:-80px;
  width:330px;height:323px;background:url(/assets/pmark.png) right bottom/contain no-repeat;
  opacity:.13;pointer-events:none;}
.phero .wrap{z-index:1;}

@media (max-width:767px){
  body:not(.legal) .hero::before{width:230px;height:230px;right:-50px;bottom:-70px;}
  body:not(.legal) .phero::before{width:190px;height:186px;right:-40px;bottom:-50px;}
}