/* =========================================================
   PST Smart Solutions — LIGHT THEME (Override, lädt nach style.css)
   Re-skinnt das bestehende Markup auf das helle pst-KI-Design.
   Logo-geführtes Blau (#0570e3), Inter, seriös/hell.
   ========================================================= */
:root{
  --l-ink:#0e1d30; --l-ink2:#2a3a4e; --l-muted:#5d6b7d; --l-line:#e3e9f1;
  --l-soft:#f4f8fd; --l-blue:#0570e3; --l-blue-dark:#0854a5; --l-blue-deep:#063d7a; --l-blue-tint:#e9f2fd;
  --l-shadow:0 20px 54px rgba(14,29,48,.12); --l-shadow-sm:0 10px 28px rgba(14,29,48,.09);
}

/* ---- Basis ---- */
body{background:#fff !important;color:var(--l-ink2) !important}
h1,h2,h3,h4,h5,h6{color:var(--l-ink) !important;text-transform:none !important;letter-spacing:-.01em !important}
p{color:var(--l-ink2)}
::selection{background:rgba(5,112,227,.18);color:var(--l-ink)}
.lead{color:var(--l-ink2) !important}
.section-label{color:var(--l-blue) !important}

/* ---- Header (sticky, schlank, hell) ---- */
.header{position:sticky !important;background:rgba(255,255,255,.85) !important;backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--l-line);padding:4px 0 !important}
.header.scrolled{background:rgba(255,255,255,.92) !important;box-shadow:0 8px 24px -16px rgba(14,29,48,.25)}
.logo-img{height:50px !important;width:auto !important}
.nav a{color:var(--l-blue-dark) !important;font-weight:600 !important;position:relative;
  text-transform:none !important;letter-spacing:0 !important;white-space:nowrap;font-size:.92rem !important}
.nav{gap:22px !important}
.nav a:hover,.nav a.active{color:var(--l-blue) !important}
/* animierter Unterstrich */
.nav > a:not(.nav-cta){padding-bottom:4px}
.nav > a:not(.nav-cta)::after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--l-blue);
  border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .28s cubic-bezier(.22,1,.36,1)}
.nav > a:not(.nav-cta):hover::after,.nav > a.active::after{transform:scaleX(1)}
/* Kontakt-Button in der Navi */
.nav .nav-cta{display:inline-flex;align-items:center;gap:6px;background:var(--l-blue);color:#fff !important;
  padding:6px 13px;border-radius:8px;font-size:.8rem;font-weight:600;box-shadow:0 4px 12px -6px rgba(5,112,227,.5);
  transition:transform .25s,box-shadow .25s,background .25s}
.nav .nav-cta::after{display:none !important}
.nav .nav-cta:hover{background:var(--l-blue-dark) !important;color:#fff !important;transform:translateY(-1px);box-shadow:0 8px 18px -8px rgba(5,112,227,.6)}
.nav .nav-cta svg{width:13px;height:13px}
/* Lang-Switcher hell */
.lang-btn{color:var(--l-ink2) !important;background:#fff !important;border:1px solid var(--l-line) !important}
.lang-dropdown{background:#fff !important;border:1px solid var(--l-line) !important;box-shadow:var(--l-shadow-sm) !important}
.lang-dropdown a{color:var(--l-ink2) !important}
.lang-dropdown a:hover,.lang-dropdown a.active{background:var(--l-soft) !important;color:var(--l-blue) !important}
.nav-toggle span{background:var(--l-ink) !important}

/* ---- Struktur-Leiste unter der Navi ---- */
.utility{background:var(--l-soft);border-bottom:1px solid var(--l-line)}
.utility .container,.utility .wrap{padding:5px 0;font-size:.52rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--l-muted);font-weight:600;display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center}
.utility .dot{width:5px;height:5px;border-radius:50%;background:var(--l-blue);display:inline-block}

/* ---- Hero (Foto + heller Schleier + dunkler Text) ---- */
.hero-bg::after{background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.6) 52%,rgba(255,255,255,.18) 100%) !important}
.hero-content .section-label{color:var(--l-blue) !important}
.hero h1,.hero .lead{color:var(--l-ink) !important}
.hero .lead{color:var(--l-ink2) !important}
.hero-accent{color:var(--l-blue) !important}

/* ---- Sektionen ---- */
.section-dark{background:#fff !important}
.section-darker{background:var(--l-soft) !important}
.section-blue{background:linear-gradient(135deg,var(--l-blue-dark),var(--l-blue)) !important}
.section-blue *{color:#fff !important}
.section-blue .section-label{color:rgba(255,255,255,.8) !important}
.section-blue .brand-divider{background:rgba(255,255,255,.6) !important}

/* ---- Stats ---- */
.stats-bar{background:#fff !important;border-top:1px solid var(--l-line) !important;border-bottom:1px solid var(--l-line) !important}
.stat-number{color:var(--l-blue) !important}
.stat-label{color:var(--l-muted) !important}

/* ---- Cards / Service-Items ---- */
.card,.service-item{background:#fff !important;border:1px solid var(--l-line) !important;box-shadow:var(--l-shadow-sm)}
.card:hover,.service-item:hover{border-color:#cfe0f5 !important;box-shadow:var(--l-shadow) !important}
.card-body p,.service-item p{color:var(--l-ink2) !important}
.card-body .category,.card .category{color:var(--l-blue) !important}
.card-link{color:var(--l-blue) !important}
.card-link:hover{color:var(--l-blue-dark) !important}
.card-image::after{background:linear-gradient(transparent,rgba(255,255,255,0)) !important}

/* ---- Team / Geschäftsführung (angeglichen an retouren-management.de) ---- */
.team-card{background:#fff !important;border:1px solid var(--l-line) !important;box-shadow:var(--l-shadow-sm)}
.team-card:hover{border-color:#cfe0f5 !important;box-shadow:var(--l-shadow) !important}
.team-photo{filter:grayscale(1);transition:filter .5s cubic-bezier(.22,1,.36,1)}
.team-card:hover .team-photo{filter:grayscale(0)}
.team-info .role{color:var(--l-blue) !important}

/* ---- Split ---- */
.split-content p{color:var(--l-ink2) !important}
.split-image{border:1px solid var(--l-line) !important}

/* ---- Struktur-Box (Konzernstruktur) ---- */
.structure-box{background:#fff !important;border:1px solid var(--l-line) !important;box-shadow:var(--l-shadow-sm)}
.structure-holding{background:linear-gradient(180deg,var(--l-blue),var(--l-blue-dark)) !important;color:#fff !important}
.structure-line{background:var(--l-line) !important}
.structure-child{background:var(--l-soft) !important;border:1px solid var(--l-line) !important}
.structure-child h4{color:var(--l-ink) !important}
.structure-child p{color:var(--l-muted) !important}

/* ---- CTA-Band (bleibt blau als Kontrastanker) ---- */
.cta-banner{background:linear-gradient(135deg,var(--l-blue-deep),var(--l-blue-dark)) !important}
.cta-banner h2,.cta-banner p{color:#fff !important}
.cta-banner p{color:rgba(255,255,255,.82) !important}
.cta-banner .btn-primary{background:#fff !important;color:var(--l-blue-dark) !important;border-color:#fff !important}

/* ---- Footer (bleibt dunkel als Abschluss-Anker) ---- */
.footer{background:var(--l-ink) !important;border-top:none !important}
.footer h4{color:#fff !important}
.footer p,.footer a,.footer .footer-bottom span{color:rgba(255,255,255,.62) !important}
.footer a:hover{color:#fff !important}

/* ---- Buttons ---- */
.btn-outline{color:var(--l-blue-dark) !important;border:1px solid var(--l-line) !important;background:#fff !important}
.btn-outline:hover{border-color:var(--l-blue) !important;background:var(--l-blue-tint) !important;color:var(--l-blue-dark) !important}

/* ---- Brand-Divider ---- */
.brand-divider{background:var(--l-blue) !important}

/* ---- KI-Sektion: Mesh hell ---- */
.bg-mesh{background:
  radial-gradient(900px 520px at 85% 12%,var(--l-blue-tint),transparent 60%),
  linear-gradient(180deg,#fff,var(--l-soft)) !important}
.bg-mesh::before{opacity:.5}
.hero-bg.bg-mesh::after{background:linear-gradient(90deg,rgba(255,255,255,.86),rgba(255,255,255,.4) 55%,rgba(255,255,255,.1)) !important}
.split-image.bg-mesh-panel{background:
  radial-gradient(560px 360px at 75% 20%,var(--l-blue-tint),transparent 62%),
  linear-gradient(135deg,#fff,var(--l-soft)) !important;border:1px solid var(--l-line) !important}
.split-image.bg-mesh-panel::before{opacity:.6}
.panel-feat{border-bottom-color:var(--l-line) !important}
.panel-feat .pf-txt h4{color:var(--l-ink) !important}
.panel-feat .pf-txt p{color:var(--l-muted) !important}

/* ---- Custom Cursor hell ---- */
.pst-cursor{width:16px !important;height:16px !important;border:1.5px solid rgba(5,112,227,.55) !important;background:transparent !important;mix-blend-mode:normal !important}
.pst-cursor.is-hover{width:26px !important;height:26px !important;background:rgba(5,112,227,.08) !important}
.pst-cursor.is-pressed{width:13px !important;height:13px !important}

/* ---- Reduced Motion bereits global; nichts nötig ---- */
@media(max-width:880px){.utility .container,.utility .wrap{font-size:.64rem;letter-spacing:.08em}}