/* =========================================================
   Produktseiten · /produkte/ und /produkte/webentwickler-io-crm/
   Marke: Navy #180E48, Lime #9DEA1B, Inter / Inter Tight. Alle Texte ≥ 4,5:1.
   ========================================================= */
.pc-body{background:#fff}
.pc-sr{position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0}
.pc{--ease:cubic-bezier(.32,.72,0,1); --n:#180E48; --n9:#0F0830; --lime:#9DEA1B; --ink:#1B1538; --fg2:#45405F; --fg3:#5C5870; --line:#E2E0EC; --soft:#F6F5FB}
.pc .pc-ico{width:20px; height:20px; stroke:currentColor; fill:none}
.pc h1,.pc h2,.pc h3{font-family:"Inter Tight",Inter,sans-serif; letter-spacing:-.025em}
.pc-wrap{max-width:1180px; margin-inline:auto; padding-inline:1.5rem}
.pc-schmal{max-width:760px}
.pc-sektion{padding:clamp(4.5rem,9vw,7.5rem) 0}

/* Eyebrow als Pille */
.pc-pille{display:inline-flex; align-items:center; gap:.5rem; border-radius:999px; padding:.38rem .85rem; font-size:.72rem; font-weight:700;
  letter-spacing:.16em; text-transform:uppercase; background:rgba(24,14,72,.06); color:#3a3366; border:1px solid rgba(24,14,72,.08); margin-bottom:1.1rem}
.pc-pille i{width:.45rem; height:.45rem; border-radius:50%; background:#5f8f00}
.pc-dunkel .pc-pille{background:rgba(255,255,255,.07); color:#D7D5EA; border-color:rgba(255,255,255,.14)}
.pc-dunkel .pc-pille i{background:var(--lime)}

/* Knöpfe: Pille + innerer Pfeil-Kreis */
.pc-knopf{display:inline-flex; align-items:center; gap:.75rem; padding:.55rem .6rem .55rem 1.35rem; border-radius:999px; font-weight:700; font-size:.97rem;
  text-decoration:none; transition:transform .5s var(--ease), background .3s var(--ease), box-shadow .5s var(--ease); white-space:nowrap; min-height:48px}
.pc-knopf .pc-knopf-i{width:2.1rem; height:2.1rem; border-radius:50%; display:flex; align-items:center; justify-content:center; transition:transform .5s var(--ease)}
.pc-knopf .pc-ico{width:16px; height:16px; stroke-width:2.2}
.pc-knopf:hover .pc-knopf-i{transform:translateX(3px) scale(1.05)}
.pc-knopf:active{transform:scale(.98)}
.pc-knopf--lime{background:var(--lime); color:var(--n)}
.pc-knopf--lime .pc-knopf-i{background:rgba(24,14,72,.1)}
.pc-knopf--lime:hover{color:var(--n); box-shadow:0 14px 34px -12px rgba(157,234,26,.65)}
.pc-knopf--hell{background:rgba(255,255,255,.08); color:#fff; border:1px solid rgba(255,255,255,.24)}
.pc-knopf--hell .pc-knopf-i{background:rgba(255,255,255,.1)}
.pc-knopf--hell:hover{color:#fff; background:rgba(255,255,255,.14)}
.pc-knopf--navy{background:var(--n); color:#fff}
.pc-knopf--navy .pc-knopf-i{background:rgba(255,255,255,.12)}
.pc-knopf--navy:hover{color:#fff; box-shadow:0 14px 34px -14px rgba(24,14,72,.7)}
.pc-knopf:focus-visible{outline:3px solid #5f8f00; outline-offset:3px}
.pc-dunkel .pc-knopf:focus-visible{outline-color:var(--lime)}

/* ── Hero ───────────────────────────────────────────────── */
.pc-hero{position:relative; background:var(--n); color:#fff; padding:clamp(2.5rem,6vw,4.5rem) 0 0; overflow:hidden; isolation:isolate}
.pc-hero::before{content:""; position:absolute; inset:-20% -10% auto; height:110%; z-index:-1; pointer-events:none;
  background:radial-gradient(40% 45% at 18% 20%,rgba(157,234,27,.16),transparent 70%),radial-gradient(35% 40% at 88% 8%,rgba(239,12,164,.16),transparent 70%),
             radial-gradient(50% 50% at 50% 100%,rgba(84,70,190,.35),transparent 70%)}
.pc-hero::after{content:""; position:absolute; left:0; right:0; bottom:0; height:min(22vw,210px); background:#fff; z-index:-1}
.pc-krume{font-size:.85rem; color:#B9B9CC; margin:0 0 1.6rem; overflow-wrap:anywhere}
.pc-krume a{color:#B9B9CC; text-decoration:none}
.pc-krume a:hover{color:var(--lime)}
.pc-hero-text{max-width:820px; margin:0 auto; text-align:center}
.pc-hero h1{font-size:clamp(2.2rem,6.2vw,4.6rem); line-height:1.02; margin:0 0 1.2rem; color:#fff; font-weight:700}
.pc-hero h1 span{color:var(--lime)}
.pc-hero .pc-lead{font-size:clamp(1.02rem,1.6vw,1.22rem); line-height:1.6; color:#D4D4E6; max-width:640px; margin:0 auto 2rem}
.pc-cta{display:flex; flex-wrap:wrap; gap:.8rem; justify-content:center; align-items:center}
.pc-kunde{margin:1.3rem 0 0; font-size:.9rem; color:#B9B9CC}
.pc-kunde a{color:#fff; text-decoration:underline; text-underline-offset:3px}
.pc-kunde a:hover{color:var(--lime)}
.pc-hero-buehne{max-width:1080px; margin:clamp(2.5rem,5vw,3.75rem) auto 0; padding-bottom:clamp(2rem,4vw,3rem)}

/* ── Vertrauensleiste ───────────────────────────────────── */
.pc-vertrauen{padding:1rem 0 clamp(3.5rem,7vw,5rem)}
.pc-vertrauen ul{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
.pc-vertrauen li{padding:1.6rem 1.4rem; border-left:1px solid var(--line)}
.pc-vertrauen li:first-child{border-left:0}
.pc-zahl{display:flex; align-items:baseline; gap:.2rem; font-family:"Inter Tight",Inter,sans-serif; font-weight:700; color:var(--n); font-size:clamp(2rem,3.6vw,2.7rem);
  letter-spacing:-.03em; line-height:1; font-variant-numeric:tabular-nums}
.pc-zahl small{font-size:.45em; color:var(--fg3); letter-spacing:0}
.pc-vertrauen strong{display:block; margin-top:.55rem; color:var(--ink); font-size:.98rem}
.pc-vertrauen span.pc-unter{display:block; font-size:.84rem; color:var(--fg3); margin-top:.15rem; line-height:1.45}
.pc-vertrauen-fuss{font-size:.8rem; color:var(--fg3); margin:.9rem 0 0}

/* ── Abschnittsköpfe ────────────────────────────────────── */
.pc-kopf{max-width:720px; margin:0 0 3rem}
.pc-kopf--mitte{margin-inline:auto; text-align:center}
.pc-kopf h2{font-size:clamp(1.9rem,4.2vw,3rem); line-height:1.08; color:var(--n); margin:0 0 1rem; font-weight:700}
.pc-kopf p{font-size:1.08rem; color:var(--fg2); line-height:1.65; margin:0}

/* ── Vier Versprechen (Bento) ───────────────────────────── */
.pc-versprechen{background:var(--soft)}
.pc-bento{display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:1rem}
.pc-vk{grid-column:span 6; display:block; text-decoration:none; color:inherit; padding:.4rem; border-radius:1.6rem; background:rgba(24,14,72,.035);
  border:1px solid rgba(24,14,72,.06); transition:transform .6s var(--ease)}
.pc-vk:nth-child(1){grid-column:span 7}.pc-vk:nth-child(2){grid-column:span 5}.pc-vk:nth-child(3){grid-column:span 5}.pc-vk:nth-child(4){grid-column:span 7}
.pc-vk-kern{height:100%; border-radius:calc(1.6rem - .4rem); background:#fff; padding:1.8rem 1.8rem 1.6rem; box-shadow:inset 0 1px 0 #fff, 0 1px 2px rgba(24,14,72,.04);
  display:flex; flex-direction:column; gap:.7rem}
.pc-vk:hover{transform:translateY(-4px)}
.pc-vk-i{width:2.9rem; height:2.9rem; border-radius:.9rem; background:var(--n); color:var(--lime); display:flex; align-items:center; justify-content:center}
.pc-vk-i .pc-ico{width:22px; height:22px}
.pc-vk h3{font-size:1.35rem; color:var(--n); margin:.4rem 0 0; font-weight:700}
.pc-vk p{margin:0; color:var(--fg2); line-height:1.6}
.pc-vk-mehr{margin-top:auto; padding-top:.4rem; display:inline-flex; align-items:center; gap:.4rem; font-weight:700; font-size:.92rem; color:var(--n)}
.pc-vk-mehr .pc-ico{width:16px; height:16px; transition:transform .5s var(--ease)}
.pc-vk:hover .pc-vk-mehr .pc-ico{transform:translateX(4px)}

/* ── Kapitel ────────────────────────────────────────────── */
.pc-kap{display:grid; grid-template-columns:minmax(0,4.4fr) minmax(0,7.6fr); gap:clamp(2rem,4.5vw,4rem); align-items:start}
.pc-kap-bild{position:sticky; top:110px}
.pc-kap--um{grid-template-columns:minmax(0,7.6fr) minmax(0,4.4fr)}
.pc-kap--um .pc-kap-text{order:2}
.pc-kap + .pc-kap{margin-top:clamp(5rem,10vw,8rem)}
.pc-kap-nr{font-family:"JetBrains Mono",ui-monospace,monospace; font-size:.78rem; font-weight:700; letter-spacing:.14em; color:#4f7a00; margin:0 0 .8rem; text-transform:uppercase}
.pc-kap h2{font-size:clamp(1.75rem,3.4vw,2.55rem); line-height:1.1; color:var(--n); margin:0 0 1rem; font-weight:700}
.pc-kap-lead{font-size:1.06rem; color:var(--fg2); line-height:1.65; margin:0 0 1.4rem}
.pc-liste{display:flex; flex-direction:column; gap:.1rem; border-top:1px solid var(--line)}
.pc-liste li{display:grid; grid-template-columns:1.4rem minmax(0,1fr); gap:.7rem; padding:.8rem 0; border-bottom:1px solid var(--line)}
.pc-liste .pc-ico{width:18px; height:18px; color:#4f7a00; margin-top:.15rem; stroke-width:2.4}
.pc-liste b{color:var(--ink); font-weight:700}
.pc-liste-t{display:block; font-size:.93rem; color:var(--fg2); line-height:1.55; margin-top:.15rem}
.pc-marken{display:inline-flex; gap:.35rem; margin-left:.4rem; vertical-align:2px}
.pc-paket{display:inline-block; font-size:.66rem; font-weight:700; letter-spacing:.06em; padding:.16rem .5rem; border-radius:999px; line-height:1.4; white-space:nowrap}
.pc-paket--1{background:#ECEBF3; color:#43405a}
.pc-paket--2{background:rgba(47,107,168,.13); color:#245384}
.pc-paket--3{background:rgba(159,212,0,.24); color:#3f6200}
.pc-neu{display:inline-block; font-size:.66rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; padding:.16rem .5rem; border-radius:999px;
  background:#C8078A; color:#fff; line-height:1.4}
.pc-ki-hinweis{margin:1.2rem 0 0; font-size:.92rem; color:var(--fg2)}
.pc-ki-hinweis a{color:#0050e6}

/* ── Alle Funktionen ────────────────────────────────────── */
.pc-alle{background:var(--soft)}
.pc-filter{display:flex; flex-direction:column; gap:.9rem; margin:0 0 1.6rem}
.pc-chips{display:flex; flex-wrap:wrap; gap:.45rem; align-items:center}
.pc-chips-l{font-size:.78rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--fg3); margin-right:.3rem; min-width:4.5rem}
.pc-chip{font:inherit; font-size:.88rem; font-weight:600; padding:.5rem .95rem; border-radius:999px; border:1.5px solid #CFCDE0; background:#fff; color:var(--n);
  cursor:pointer; min-height:40px; transition:background .3s var(--ease), border-color .3s var(--ease)}
.pc-chip:hover{border-color:var(--n)}
.pc-chip[aria-pressed="true"]{background:var(--n); border-color:var(--n); color:#fff}
.pc-chip:focus-visible{outline:3px solid #5f8f00; outline-offset:2px}
.pc-suche{display:flex; align-items:center; gap:.6rem; background:#fff; border:1.5px solid #CFCDE0; border-radius:999px; padding:0 1rem; max-width:420px; min-height:46px}
.pc-suche:focus-within{border-color:var(--n)}
.pc-suche .pc-ico{color:var(--fg3); width:18px; height:18px}
.pc-suche input{border:0; outline:0; font:inherit; font-size:.97rem; flex:1; min-width:0; background:transparent; color:var(--ink); padding:.7rem 0}
.pc-anzahl{font-size:.9rem; color:var(--fg3); margin:0 0 1rem}
.pc-raster{display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr)); gap:.9rem}
.pc-fk{background:#fff; border:1px solid var(--line); border-radius:1.1rem; padding:1.2rem 1.25rem; display:flex; flex-direction:column; gap:.5rem;
  box-shadow:0 1px 2px rgba(24,14,72,.04); min-width:0}
.pc-fk[hidden]{display:none}
.pc-fk{position:relative; transition:transform .5s var(--ease), box-shadow .5s var(--ease)}
.pc-fk:has(.pc-fk-link):hover{transform:translateY(-3px); box-shadow:0 22px 44px -32px rgba(24,14,72,.5)}
.pc-fk h3 a.pc-fk-link{color:inherit; text-decoration:none}
.pc-fk-link::after{content:""; position:absolute; inset:0; border-radius:inherit}   /* ganze Karte klickbar */
.pc-fk-link:focus-visible{outline:none}
.pc-fk:has(.pc-fk-link:focus-visible){outline:3px solid #5f8f00; outline-offset:2px}
.pc-fk-mehr{margin-top:auto; display:inline-flex; align-items:center; gap:.35rem; font-weight:700; font-size:.86rem; color:var(--n)}
.pc-fk-mehr svg,.pc-fk-mehr .pc-ico{width:15px; height:15px}
.pc-fk a.pc-fk-beitrag{position:relative; z-index:1; margin-top:0; font-weight:600; font-size:.8rem}
.pc-liste b a{color:inherit; text-decoration:underline; text-decoration-color:rgba(24,14,72,.25); text-underline-offset:.2em}
.pc-liste b a:hover{text-decoration-color:currentColor}
@media (prefers-reduced-motion: reduce){ .pc-fk{transition:none} .pc-fk:has(.pc-fk-link):hover{transform:none} }
.pc-fk-kopf{display:flex; flex-wrap:wrap; gap:.35rem; align-items:center}
.pc-fk-bereich{font-size:.74rem; color:var(--fg3); font-weight:600; margin-right:auto}
.pc-fk h3{font-family:Inter,sans-serif; letter-spacing:-.01em; font-size:1.02rem; color:var(--n); margin:0; line-height:1.35; font-weight:700}
.pc-fk p{font-size:.9rem; color:var(--fg2); margin:0; line-height:1.55}
.pc-fk a{font-size:.86rem; font-weight:700; color:#0050e6; margin-top:auto}
.pc-leer-raster{padding:2rem; text-align:center; color:var(--fg2); border:1.5px dashed #CFCDE0; border-radius:1rem; background:#fff}

/* ── Paketvergleich ─────────────────────────────────────── */
.pc-tabelle-wrap{position:relative; overflow-x:auto; -webkit-overflow-scrolling:touch; border:1px solid var(--line); border-radius:1.2rem; background:#fff;
  box-shadow:0 30px 60px -45px rgba(24,14,72,.45)}
.pc-tabelle{width:100%; border-collapse:collapse; min-width:560px; font-size:.93rem}
.pc-tabelle th,.pc-tabelle td{padding:.72rem 1rem; text-align:left; border-bottom:1px solid #EEEDF4}
.pc-tabelle thead th{position:sticky; top:0; background:var(--n); color:#fff; font-size:.82rem; letter-spacing:.06em; text-align:center}
.pc-tabelle thead th:first-child{text-align:left; letter-spacing:0; font-size:.95rem}
.pc-tabelle thead th small{display:block; font-weight:500; color:#C8C6DE; letter-spacing:0; font-size:.78rem; margin-top:.15rem}
.pc-tabelle td{text-align:center; width:16%}
.pc-tabelle td:first-child,.pc-tabelle th[scope="row"]{text-align:left; width:auto; color:var(--ink); font-weight:500}
.pc-tabelle tr.pc-gruppe th{background:var(--soft); color:var(--n); font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; font-weight:700}
.pc-ja{display:inline-flex; width:1.7rem; height:1.7rem; border-radius:50%; background:rgba(159,212,0,.26); color:#3f6200; align-items:center; justify-content:center}
.pc-ja::before{content:""; width:.42rem; height:.75rem; border-right:2.5px solid currentColor; border-bottom:2.5px solid currentColor; transform:translateY(-1px) rotate(45deg)}
.pc-nein{color:#8a8499}
.pc-preis-hinweis{margin:1.3rem 0 0; display:flex; gap:.8rem; align-items:flex-start; padding:1.1rem 1.25rem; border-radius:1rem; background:#F2FBE6;
  border:1px solid #CDEB9F; color:#2b3a12; line-height:1.6}
.pc-preis-hinweis .pc-ico{color:#3f6200; flex:0 0 auto; margin-top:.15rem}

/* ── Neu ────────────────────────────────────────────────── */
.pc-neu-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem}
.pc-nk{display:flex; flex-direction:column; gap:.6rem; padding:1.5rem; border-radius:1.2rem; border:1px solid var(--line); background:#fff; text-decoration:none; color:inherit;
  transition:transform .6s var(--ease), box-shadow .6s var(--ease)}
.pc-nk:hover{transform:translateY(-4px); box-shadow:0 24px 50px -32px rgba(24,14,72,.45)}
.pc-nk h3{font-size:1.15rem; color:var(--n); margin:0; line-height:1.3}
.pc-nk p{margin:0; color:var(--fg2); font-size:.94rem; line-height:1.6}
.pc-nk-meta{display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; font-size:.8rem; color:var(--fg3)}
.pc-nk-mehr{margin-top:auto; font-weight:700; font-size:.9rem; color:var(--n)}
.pc-alle-neu{margin:1.6rem 0 0}
.pc-alle-neu a{font-weight:700; color:var(--n)}

/* ── FAQ ────────────────────────────────────────────────── */
.pc-faq{background:var(--soft)}
.pc-faq details{background:#fff; border:1px solid var(--line); border-radius:1rem; margin-bottom:.6rem; transition:box-shadow .4s var(--ease)}
.pc-faq details[open]{box-shadow:0 18px 40px -30px rgba(24,14,72,.5)}
.pc-faq summary{cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:1rem; align-items:center; padding:1.1rem 1.3rem;
  font-weight:700; color:var(--n); font-size:1.02rem}
.pc-faq summary::-webkit-details-marker{display:none}
.pc-faq summary::after{content:""; flex:0 0 auto; width:.6rem; height:.6rem; border-right:2px solid var(--n); border-bottom:2px solid var(--n); transform:rotate(45deg) translateY(-2px);
  transition:transform .4s var(--ease)}
.pc-faq details[open] summary::after{transform:rotate(225deg)}
.pc-faq summary:focus-visible{outline:3px solid #5f8f00; outline-offset:2px; border-radius:1rem}
.pc-faq details p{margin:0; padding:0 1.3rem 1.2rem; color:var(--fg2); line-height:1.7}
.pc-faq details a{color:#0050e6}

/* ── Abschluss ──────────────────────────────────────────── */
.pc-schluss{padding:clamp(3.5rem,8vw,6rem) 0}
.pc-schluss-schale{padding:.5rem; border-radius:2rem; background:rgba(24,14,72,.05); border:1px solid rgba(24,14,72,.07)}
.pc-schluss-kern{position:relative; overflow:hidden; isolation:isolate; border-radius:1.5rem; background:var(--n); color:#fff;
  padding:clamp(2rem,5vw,3.5rem); display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:2rem; align-items:center}
.pc-schluss-kern::before{content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(45% 70% at 100% 0%,rgba(157,234,27,.18),transparent 70%)}
.pc-schluss h2{font-size:clamp(1.7rem,3.4vw,2.5rem); color:#fff; margin:0 0 .8rem; line-height:1.1}
.pc-schluss p{color:#D4D4E6; margin:0; line-height:1.65}
.pc-schluss-wege{display:flex; flex-direction:column; gap:.7rem; align-items:flex-start}
.pc-schluss-wege .pc-knopf{width:100%; justify-content:space-between}
.pc-schluss-klein{display:flex; flex-wrap:wrap; gap:.4rem 1.2rem; font-size:.92rem}
.pc-schluss-klein a{color:#fff; text-decoration:underline; text-underline-offset:3px}
.pc-schluss-klein a:hover{color:var(--lime)}

/* ── Übersicht /produkte/ ───────────────────────────────── */
.pc-uebersicht{padding:clamp(3rem,7vw,5rem) 0 clamp(4rem,8vw,6rem)}
.pc-pk{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:clamp(1.5rem,4vw,3rem); align-items:center; text-decoration:none; color:inherit;
  padding:.5rem; border-radius:2rem; background:rgba(24,14,72,.04); border:1px solid rgba(24,14,72,.07)}
.pc-pk-text{padding:clamp(1.5rem,4vw,2.5rem)}
.pc-pk h2{font-size:clamp(1.7rem,3.2vw,2.4rem); color:var(--n); margin:0 0 .8rem}
.pc-pk p{color:var(--fg2); line-height:1.65; margin:0 0 1.4rem}
.pc-pk-bild{border-radius:1.5rem; overflow:hidden; background:var(--n); aspect-ratio:16/9}
.pc-pk-bild img,.pc-pk-bild video{width:100%; height:100%; object-fit:cover; display:block}
.pc-pk-punkte{display:flex; flex-wrap:wrap; gap:.4rem; margin:0 0 1.5rem}
.pc-pk-punkte li{font-size:.85rem; font-weight:600; padding:.3rem .7rem; border-radius:999px; background:#fff; border:1px solid var(--line); color:var(--n)}
.pc-bald{margin:2rem 0 0; color:var(--fg3); font-size:.95rem}

/* ── Einblenden beim Scrollen ───────────────────────────── */
.pc-auf-an .pc-auf{opacity:0; transform:translateY(2.2rem); transition:opacity .9s var(--ease), transform 1s var(--ease)}
.pc-auf-an .pc-auf.is-da{opacity:1; transform:none}

/* ── Responsiv ──────────────────────────────────────────── */
@media (max-width: 960px){
  .pc-kap,.pc-kap--um{grid-template-columns:minmax(0,1fr)}
  .pc-kap--um .pc-kap-text{order:0}
  .pc-kap-bild{position:static}
  .pc-vertrauen ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pc-vertrauen li:nth-child(3){border-left:0}
  .pc-vertrauen li:nth-child(n+3){border-top:1px solid var(--line)}
  .pc-neu-grid{grid-template-columns:minmax(0,1fr)}
  .pc-schluss-kern,.pc-pk{grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 767px){
  .pc-wrap{padding-inline:1rem}
  .pc-bento{grid-template-columns:minmax(0,1fr)}
  .pc-vk,.pc-vk:nth-child(n){grid-column:auto}
  .pc-vk-kern{padding:1.4rem}
  .pc-cta{flex-direction:column; align-items:stretch}
  .pc-cta .pc-knopf{justify-content:space-between}
  .pc-hero-buehne{margin-inline:-.25rem}
  .pc-vertrauen li{padding:1.2rem .9rem}
  .pc-chips-l{width:100%}
  .pc-schale-hero .pcs-schale{padding:.3rem; border-radius:1.2rem}
}
@media (prefers-reduced-motion: reduce){
  .pc-knopf,.pc-vk,.pc-nk,.pc-knopf .pc-knopf-i{transition:none}
  .pc-vk:hover,.pc-nk:hover{transform:none}
}