/* Zusammenarbeit. Nutzt die Bausteine der Leistungsseiten, ergaenzt nur die
   drei Formen und die Faktorenliste. */

.zu-formen{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.zu-formen{grid-template-columns:1fr}}
.zu-form{padding:24px 22px;border-radius:18px;
  background:linear-gradient(158deg,rgba(26,20,52,.7),rgba(12,9,26,.55));
  border:1px solid rgba(168,85,247,.2);display:flex;flex-direction:column}
.zu-sym{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;margin-bottom:15px;
  background:linear-gradient(148deg,rgba(168,85,247,.9),rgba(109,51,165,.9));
  box-shadow:0 5px 18px -5px rgba(120,58,196,.6)}
.zu-sym svg{width:21px;height:21px;stroke:#fff;stroke-width:2;fill:none;
  stroke-linecap:round;stroke-linejoin:round}
.zu-form h3{font-family:'Space Grotesk','Inter',system-ui,sans-serif;font-size:19px;font-weight:700;
  color:#fff;margin:0 0 8px;letter-spacing:-.015em}
.zu-fuer{font-size:12.5px;line-height:1.45;color:var(--lila-zart);margin:0 0 13px;
  padding-bottom:13px;border-bottom:1px solid rgba(168,85,247,.16)}
.zu-form > p{font-size:14.8px;line-height:1.6;color:var(--leise);margin:0 0 16px;text-wrap:pretty}
.zu-form ul{list-style:none;margin:auto 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.zu-form li{position:relative;padding-left:19px;font-size:13.8px;line-height:1.5;color:var(--text)}
.zu-form li::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;
  border-radius:50%;background:var(--lila-hell)}

.zu-faktoren{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:13px}
@media(max-width:760px){.zu-faktoren{grid-template-columns:1fr}}
.zu-faktoren li{padding:17px 19px;border-radius:14px;background:rgba(255,255,255,.028);
  border:1px solid rgba(148,163,184,.13)}
.zu-faktoren b{display:block;font-size:15.5px;font-weight:600;color:#fff;margin-bottom:6px}
.zu-faktoren span{font-size:14px;line-height:1.55;color:var(--leise);text-wrap:pretty}