/* Sozialwesen-Relaunch 2026-11-12 – nur /branchen/sozialwesen/ */
body{--sw-acc:var(--lp-p2);--sw-risk:#E5484D}
body.active-light-mode{--sw-acc:#5F2DEE}
main.lp-page>section.sw-sec{position:relative;background:var(--lp-bg);padding:96px 0}
main.lp-page>section.sw-calm{background:radial-gradient(ellipse 60% 55% at 50% 0%,rgba(95,45,238,.10),transparent 70%),#1D1729}
body.active-light-mode main.lp-page>section.sw-calm{background:radial-gradient(ellipse 60% 55% at 50% 0%,rgba(95,45,238,.06),transparent 70%),#F3F0FB}
.sw-i{width:28px;height:28px;color:var(--lp-h)}
.sw-is{width:20px;height:20px;flex:0 0 20px;color:var(--lp-h)}
.sw-ia{width:18px;height:18px;color:currentColor;margin-left:6px;vertical-align:-3px}
.sw-ia path{stroke:currentColor!important}
.sw-nw{white-space:nowrap}
.sw-kick{font-family:Oxanium,sans-serif;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--lp-p2);margin:0 0 12px}
.sw-head{text-align:center;max-width:820px;margin:0 auto 48px}
.sw-h2{font-family:Oxanium,sans-serif;font-weight:600;font-size:clamp(30px,3.4vw,44px);line-height:1.15;color:var(--lp-h);margin:0 0 16px;text-wrap:balance}
.sw-lead{font-size:18px;line-height:1.6;color:var(--lp-tx);margin:0;text-wrap:pretty}
.sw-c{text-align:center;margin-top:40px}
.sw-note{text-align:center;font-size:14px;color:var(--lp-mu);margin:28px auto 0;max-width:760px}
/* Hero */
.sw-hero h1.title{text-wrap:balance}
.sw-proof{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:12px;border-top:1px solid var(--lp-bd);padding-top:24px}
.sw-proof li{display:flex;gap:12px;align-items:flex-start;margin:0;font-size:15px;line-height:1.45;color:var(--lp-tx)}
.sw-proof a{color:var(--lp-h);text-decoration:underline;text-underline-offset:3px}
.sw-src{position:relative;color:var(--lp-p2);font-weight:700;cursor:help;margin-left:1px;top:-.4em;font-size:.8em;vertical-align:baseline}
.sw-tt{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);width:300px;padding:12px 14px;border-radius:12px;background:#1D1729;border:1px solid rgba(163,133,245,.4);color:#E9E4F7;font:400 13px/1.45 Inter,sans-serif;opacity:0;visibility:hidden;transition:opacity .15s;z-index:20;text-align:left}
.sw-src:hover .sw-tt,.sw-src:focus .sw-tt,.sw-src:focus-within .sw-tt{opacity:1;visibility:visible}
/* 4×1 Herausforderungen: Subgrid, Kanten oben und unten bündig */
.sw-g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.sw-pc{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0;padding:28px 24px;border:1px solid var(--lp-bd);border-radius:12px;background:var(--lp-card)}
.sw-pc-i,.sw-st-i,.sw-vt-i{display:inline-flex;width:28px;height:28px;margin-bottom:20px}
.sw-pc-t{font-family:Oxanium,sans-serif;font-size:20px;font-weight:600;line-height:1.3;color:var(--lp-h);margin:0 0 12px}
.sw-pc-p{font-size:15px;line-height:1.6;color:var(--lp-tx);margin:0 0 20px}
.sw-pc-f{margin:0;padding-top:16px;border-top:1px solid var(--lp-bd);font-size:15px;line-height:1.5;color:var(--lp-h);font-weight:500}
.sw-pc-f span{display:block;font-family:Oxanium,sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--lp-p2);margin-bottom:6px;font-weight:600}
/* Vorher/Nachher */
.sw-vs{display:grid;gap:24px}
.sw-vh,.sw-vr{display:grid;grid-template-columns:200px minmax(0,1fr) 48px minmax(0,1fr) 48px minmax(0,1fr);align-items:stretch}
.sw-vh span{display:flex;align-items:center;gap:8px;font-family:Oxanium,sans-serif;font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--lp-mu);padding:0 24px}
.sw-vh .sw-vh-neu{color:var(--lp-p2)}
.sw-vt{display:flex;align-items:center;gap:16px;padding-right:16px}
.sw-vt .sw-vt-i{margin:0}
.sw-vt h3{font-family:Oxanium,sans-serif;font-size:22px;font-weight:600;color:var(--lp-h);margin:0}
.sw-vb{display:flex;flex-direction:column;justify-content:flex-start;padding:24px;border-radius:var(--r-md,12px);border:1px solid var(--lp-bd)}
p.sw-vb-k{margin:0 0 8px;font:600 16px/1.3 Inter,sans-serif;color:var(--lp-h);-webkit-text-fill-color:var(--lp-h)}
p.sw-vb-t{margin:0;font:400 14px/1.45 Inter,sans-serif;color:var(--lp-tx);-webkit-text-fill-color:var(--lp-tx)}
.sw-vb--alt{background:transparent;border-style:dashed;border-color:var(--sw-risk)}
.sw-vb--folge{background:color-mix(in srgb,var(--sw-risk) 12%,transparent);border-color:var(--sw-risk)}
body.active-light-mode .sw-vb--folge{background:color-mix(in srgb,var(--sw-risk) 8%,transparent)}
.sw-vb--alt .sw-is,.sw-vb--folge .sw-is,.sw-vh-alt .sw-is,.sw-vh-folge .sw-is{color:var(--sw-risk)}
.sw-vb--neu{background:rgba(95,45,238,.14);border-color:rgba(163,133,245,.45)}
body.active-light-mode .sw-vb--neu{background:#EDE6FE}
.sw-vl{display:none}
.sw-va{display:flex;align-items:center;justify-content:center;color:var(--lp-p2)}
.sw-va .sw-ia{width:24px;height:24px;margin:0}
/* Lösung */
.sw-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sw-sc{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;padding:28px 24px;border:1px solid var(--lp-bd);border-radius:12px;background:var(--lp-card)}
.sw-sc .sw-pc-p{margin:0}
.sw-strip{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
.sw-strip>div{display:flex;gap:14px;align-items:flex-start;padding:20px 24px;border-radius:12px;border:1px solid var(--lp-bd2)}
.sw-strip p{margin:0;font-size:15px;line-height:1.6;color:var(--lp-tx)}
.sw-strip b{color:var(--lp-h)}
/* Beweis */
.sw-more a{color:var(--lp-p2);font-weight:600;text-decoration:none}
/* Ablauf */
.sw-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;counter-reset:s}
.sw-st{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;margin:0;padding:24px;border-radius:12px;border:1px solid var(--lp-bd);background:var(--lp-card);position:relative}
.sw-st-h{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}
.sw-st-i{margin:0}
.sw-st-n{font-family:Oxanium,sans-serif;font-size:28px;font-weight:600;line-height:1;color:var(--lp-p2)}
.sw-st .sw-pc-p{margin:0}
/* Analysegespräch / Zusammenarbeit – Entwurf A (Maße wie Entwurf bei html font-size 10px, hier in px) */
.sw-duo{
  display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:24px;align-items:stretch
}
@media(min-width:768px){
  .sw-duo{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
}
.sw-duo .sw-panel,.sw-panel{
  display:flex;flex-direction:column;min-width:0;height:100%;
  background:#0E0C15;border:1px solid var(--lp-bd);border-radius:12px;
  padding:28px 24px 24px;hyphens:manual;-webkit-hyphens:manual
}
@media(min-width:768px){
  .sw-duo .sw-panel,.sw-panel{padding:32px}
}
body.active-light-mode .sw-duo .sw-panel,body.active-light-mode .sw-panel{background:#fff}
.sw-duo .sw-pc-t{font-size:22px;line-height:1.25;margin:0 0 10px;text-wrap:balance}
.sw-duo .sw-pc-p{font-size:15px;line-height:1.6;margin:0 0 24px;text-wrap:pretty}
@media(min-width:768px){
  .sw-duo .sw-pc-t{font-size:24px}
  .sw-duo .sw-pc-p{font-size:16px}
}
.sw-az-steps{
  list-style:none;margin:0;padding:0;
  flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start;
  position:relative;min-height:0;gap:24px
}
.sw-az-steps>li{
  display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;
  align-items:start;position:relative;
  flex:0 0 auto;margin:0;padding:0;min-width:0
}
/* Linie durchgehend von Mitte 01- bis Mitte 04-Kachel; Restluft bleibt unter der Gruppe.
   Abstand wächst nicht über 24px (unter der 4-rem-Grenze). */
.sw-az-steps>li:not(:last-child)::before{
  content:"";position:absolute;left:23px;top:24px;width:2px;height:calc(100% + 24px);
  background:rgba(95,45,238,.5);border-radius:1px;z-index:0;pointer-events:none
}
.sw-az-num{
  width:48px;height:48px;box-sizing:border-box;
  display:flex;align-items:center;justify-content:center;
  background:#2A2140;border-radius:8px;
  font-family:Oxanium,sans-serif;font-weight:700;font-size:22px;line-height:1;
  color:#A385F5;position:relative;z-index:1;letter-spacing:0
}
.sw-az-q{
  margin:0;padding:8px 0 0;font-size:16px;line-height:1.5;color:#F7F5FC;
  overflow-wrap:break-word;hyphens:manual;-webkit-hyphens:manual
}
.sw-az-feats{
  list-style:none;margin:0;padding:0;
  flex:1 1 auto;display:flex;flex-direction:column;gap:20px;justify-content:space-between
}
.sw-az-feats>li{
  display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;
  align-items:start;min-width:0
}
 .sw-az-ico{
  width:40px;height:40px;flex:none;
  display:flex;align-items:center;justify-content:center;
  background:#1D1729;border-radius:8px;color:#A385F5;--bdt-sw:1.85
}
.sw-az-ico svg{width:22px;height:22px;color:currentColor;flex:none}
.sw-az-lab{font-weight:650;font-size:16px;line-height:1.5;color:#F7F5FC}
.sw-az-txt{font-size:16px;line-height:1.5;color:#D9CCFB;
  overflow-wrap:break-word;hyphens:manual;-webkit-hyphens:manual}
body.active-light-mode .sw-az-num,body.active-light-mode .sw-az-ico{background:#EDE6FE;color:#5F2DEE}
body.active-light-mode .sw-az-q,body.active-light-mode .sw-az-lab{color:#1D1729}
body.active-light-mode .sw-az-txt{color:#57536A}
body.active-light-mode .sw-az-steps>li:not(:last-child)::before{background:#D9CCFB}
.sw-dec{font-size:16px;color:var(--lp-tx);margin:0 0 16px}
/* FAQ */
.sw-faqw{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}
.sw-faqw .sw-head{text-align:left;margin:0 0 24px}
.sw-faq{display:grid;gap:12px}
.sw-faq details{border:1px solid var(--lp-bd);border-radius:12px;background:var(--lp-card)}
.sw-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 22px;font:600 17px/1.4 Inter,sans-serif;color:var(--lp-h)}
.sw-faq summary::-webkit-details-marker{display:none}
.sw-faq details[open] summary .sw-is{transform:rotate(180deg)}
.sw-faq details p{margin:0;padding:0 22px 20px;font-size:15px;line-height:1.6;color:var(--lp-tx)}
.lp-cta-act .lp-cta-tel{display:inline-flex;gap:8px;align-items:center}
.lp-cta .sw-is{color:#fff}
/* Tablet */
@media(max-width:1199px) and (min-width:992px){.sw-vh,.sw-vr{grid-template-columns:minmax(132px,160px) minmax(0,1fr) 48px minmax(0,1fr) 48px minmax(0,1fr)}.sw-vb{padding:16px}.sw-vh span{padding:0 12px}.sw-vt h3{font-size:20px}}
@media(max-width:1199px){.sw-g4,.sw-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){.sw-vh{display:none}.sw-vr{grid-template-columns:1fr;gap:16px;padding:16px;border:1px solid var(--lp-bd);border-radius:var(--r-md,12px);background:var(--lp-card)}.sw-va{transform:rotate(90deg);height:16px}.sw-vl{display:flex;gap:8px;align-items:center;font:600 12px Oxanium,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--lp-mu);margin-bottom:8px}.sw-vb--neu .sw-vl{color:var(--lp-p2)}.sw-vb{border-radius:8px}.sw-g3{grid-template-columns:repeat(2,minmax(0,1fr))}.sw-faqw{grid-template-columns:1fr;gap:24px}}
@media(max-width:767px){main.lp-page>section.sw-sec{padding:64px 0}.sw-g4,.sw-g3,.sw-steps,.sw-duo,.sw-strip{grid-template-columns:1fr}.sw-pc,.sw-sc,.sw-st{grid-row:auto;grid-template-rows:auto}.sw-head{margin-bottom:32px}.sw-lead{font-size:16px}.sw-tt{width:260px;left:auto;right:-20px;transform:none}}
#beweis .bl-ts-head{display:none}
@media(max-width:767px){.sw-proof li{position:relative}.sw-src{position:static}.sw-tt{left:0;right:0;width:auto;bottom:calc(100% + 6px);transform:none}}

/* #warum: Lead ab 1280 px einzeilig (max-width nur hier anheben, ohne harte Umbrüche).
   Kompakter Block, damit Kicker, Titel, Lead, Spaltenköpfe und die vier Zeilen
   unter dem Sticky-Header auf 1440×900 und 1280×800 bei 100 % Zoom ohne Scrollen
   sichtbar sind. Reihenabstand 16 px nur in dieser Matrix; alle anderen Grids bleiben 24 px.
   Schriften der Karten unverändert 600/16 und 400/14.
   Kernaussagen ab 1280 px einzeilig: Label-Spalte und Pfeil-Spalten enger, Kartenspalten breiter.
   140 px für die Label-Spalte reicht nicht (Zeilenlabel „Nachweise“ plus 28-px-Icon).
   Vier Datenzeilen gleich hoch (grid-template-rows: auto 1fr 1fr 1fr 1fr).
   Section-Padding so groß wie möglich: 64 px ab 1440, 48 px bei niedriger Höhe bzw. unter 1440, Mobil 64 px. */
#warum.sw-sec{padding:64px 0}
@media (max-width:767px){
  #warum.sw-sec{padding:64px 0}
}
@media (min-width:1280px) and (max-width:1439px){
  #warum.sw-sec{padding:48px 0}
}
@media (min-width:1280px) and (max-height:850px){
  #warum.sw-sec{padding:48px 0}
}
#warum .sw-head{margin:0 auto 16px}
#warum .sw-kick{margin:0 0 8px}
#warum .sw-h2{margin:0 0 8px}
@media (min-width:1280px){
  #warum .sw-head{max-width:none;margin-bottom:24px}
  #warum .sw-kick,#warum .sw-h2{max-width:820px;margin-left:auto;margin-right:auto}
  #warum .sw-lead{max-width:min(100%,1120px);margin-left:auto;margin-right:auto;text-wrap:wrap}
  #warum .sw-vh,#warum .sw-vr{grid-template-columns:168px minmax(0,1fr) 32px minmax(0,1fr) 32px minmax(0,1fr)}
  #warum .sw-vt{gap:8px;padding-right:16px}
  #warum .sw-vs{grid-template-rows:auto repeat(4,1fr)}
}
#warum .sw-vs{gap:16px}
#warum .sw-vb{padding:16px}
#warum p.sw-vb-k{margin:0 0 8px;font:600 16px/1.25 Inter,sans-serif}
#warum p.sw-vb-t{margin:0;font:400 14px/1.25 Inter,sans-serif}