/* NP Inventur · SEO landing pages (on top of page/site.css) */
.seo-hero{padding:56px 0 0;text-align:center;overflow:hidden}
.seo-hero .h1{max-width:18ch;margin:14px auto 0}
.seo-hero .lead{margin:20px auto 0;max-width:62ch}
.seo-crumb{display:flex;gap:8px;justify-content:center;font-size:13px;color:var(--muted);margin-bottom:22px}
.seo-crumb a:hover{color:var(--ink)}
.seo-ctas{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.seo-mac{width:min(980px,92vw);margin:44px auto -4vw;filter:drop-shadow(0 50px 80px rgba(13,13,13,.24))}
.seo-phones{display:flex;justify-content:center;align-items:flex-end;gap:clamp(12px,3vw,34px);margin:48px auto 0}
.seo-phone{width:min(230px,29vw);margin:0}
.seo-phone:nth-child(2){width:min(260px,33vw);transform:translateY(-22px)}
.seo-phone img{width:100%;height:auto;filter:drop-shadow(0 34px 40px rgba(13,13,13,.28))}
.seo-phone figcaption{color:var(--copy);font-size:13px;font-weight:600;padding:12px 0 0;text-align:center}
.seo-intro{padding-top:120px}
.seo-prose{max-width:820px}
.seo-prose .h2{margin-bottom:24px}
.seo-prose p{color:var(--copy);font-size:clamp(16px,1.15vw,18px);line-height:1.7;margin-top:16px}
.seo-soft{background:var(--bg-soft)}
.seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.seo-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 24px}
.seo-card h3{font-size:19px;letter-spacing:-.02em;line-height:1.2}
.seo-card p{margin-top:10px;color:var(--copy);font-size:15px;line-height:1.6}
.seo-two{display:grid;grid-template-columns:1.3fr .9fr;gap:48px;align-items:start}
.seo-steps{list-style:none;counter-reset:s;margin-top:30px;display:grid;gap:14px}
.seo-steps li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;gap:4px 16px;padding:18px 0;border-top:1px solid var(--line)}
.seo-steps li:before{content:counter(s,decimal-leading-zero);grid-row:span 2;font-weight:600;color:var(--red);font-size:15px;padding-top:2px}
.seo-steps b{font-size:18px;letter-spacing:-.015em}
.seo-steps span{color:var(--copy);font-size:15px;line-height:1.6}
.seo-box{position:sticky;top:110px;background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:30px 28px}
.seo-box h3{font-size:22px;letter-spacing:-.02em}
.seo-box p{margin-top:12px;color:#d9d6d1;font-size:15px;line-height:1.65}
.seo-faq{margin-top:10px;border-top:1px solid var(--line)}
.seo-q{border-bottom:1px solid var(--line)}
.seo-q summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-weight:600;font-size:17px;letter-spacing:-.01em}
.seo-q summary::-webkit-details-marker{display:none}
.seo-q summary:after{content:"+";color:var(--red);font-size:22px;line-height:1;transition:transform .3s var(--ease)}
.seo-q[open] summary:after{transform:rotate(45deg)}
.seo-q p{color:var(--copy);font-size:16px;line-height:1.65;padding:0 0 22px;margin:0;max-width:70ch}
.seo-rels{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
.seo-rel{position:relative;display:block;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 48px 22px 22px;transition:border-color .25s,transform .25s var(--ease)}
.seo-rel:hover{border-color:var(--ink);transform:translateY(-2px)}
.seo-rel b{display:block;font-size:17px;letter-spacing:-.015em}
.seo-rel span{display:block;margin-top:6px;color:var(--copy);font-size:14px;line-height:1.5}
.seo-rel i{position:absolute;right:20px;top:22px;font-style:normal;color:var(--red)}
.nav .seo-lang{min-height:38px;padding:0 14px}
.nav a[aria-current="page"]{color:var(--ink);font-weight:600}
@media (max-width:900px){
  .seo-grid,.seo-rels{grid-template-columns:1fr}
  .seo-two{grid-template-columns:1fr;gap:28px}
  .seo-box{position:static}
  .seo-intro{padding-top:96px}
}
/* Long German compounds ("Inventurdienstleister") must never push the page wider than the phone. */
.seo-hero .h1,.seo-prose .h2,.sec .h2,.seo-card h3,.seo-rel b,.seo-q summary{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.seo-crumb{flex-wrap:wrap}
@media (max-width:600px){
  .seo-hero{padding-top:36px}
  .seo-hero .h1{font-size:clamp(30px,8.6vw,40px)}
  .h2{font-size:clamp(28px,7.6vw,34px)}
  .seo-phone figcaption{font-size:10px}
  .seo-phones{gap:8px}
}
.seo-note{max-width:60ch;margin:22px auto 0;color:var(--muted);font-size:13px;line-height:1.5;text-align:center}