/* Unterseite Production Services (Mockup-Umsetzung, englischer Inhalt). Baut auf filmproduktion.css auf */
.ps-hero{position:relative;display:grid;background:#000;overflow:hidden;padding-top:var(--kopf)}
.ps-hero__bild{aspect-ratio:4/3;background:#e9e9e9}
.ps-hero__bild img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.ps-hero__text{padding:1.6rem 0 2rem}
.ps-hero h1{font-size:clamp(2.3rem,9vw,3.8rem);font-weight:700;line-height:1.04;letter-spacing:-.03em;margin:0 0 1.2rem;max-width:12ch}
.ps-hero__lead{font-size:1rem;font-weight:400;max-width:28rem;margin:0 0 1.5rem}
.ps-hero__zeile{font-size:.9rem;font-weight:500;margin:0}
.ps-fakten{margin:0;width:100%;padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.6);font-size:.95rem;font-weight:600;letter-spacing:0;text-transform:none;justify-content:center;gap:.4rem 0}
.ps-fakten li{padding:0 1.4rem}
.ps-fakten li+li{border-left:2px solid #fff}
.ps-fakten li+li::before{content:none}
@media (max-width:859px){.ps-fakten{flex-direction:column;align-items:center}.ps-fakten li+li{border-left:0}}
@media (min-width:860px){
  .ps-hero{grid-template-columns:1fr 1fr;min-height:clamp(520px,42vw,640px)}
  .ps-hero__bild{position:absolute;top:var(--kopf);right:0;bottom:0;width:62%;aspect-ratio:auto}
  .ps-hero__bild img{object-position:left 50%}
  .ps-hero::after{content:"";position:absolute;inset:var(--kopf) 0 0 0;background:linear-gradient(90deg,#000 0,#000 38%,rgba(0,0,0,.55) 46%,rgba(0,0,0,0) 62%);pointer-events:none}
  .ps-hero__text{position:relative;z-index:1;grid-column:1/-1;align-self:center;padding:3rem 0;width:min(100% - 2.5rem,var(--fp-w))}
  .ps-hero__text>*{max-width:30rem}
  .ps-hero h1{font-size:clamp(2.3rem,4vw,3.6rem)}
  .ps-fakten{grid-column:1/-1;position:relative;z-index:2}
}
.ps-linie{display:flex;align-items:center;gap:1rem}
.ps-linie::after{content:"";flex:1;height:1px;background:currentColor;opacity:.7}
.ps-partner h2,.ps-support h2,.ps-refs h2,.ps-ablauf h2,.ps-basis h2,.ps-kontakt h2{font-size:clamp(2.1rem,4.8vw,3.6rem);font-weight:700;line-height:1.03;letter-spacing:-.03em;margin:0 0 1.2rem}
.ps-partner,.ps-refs,.ps-ablauf{background:var(--fp-beige);color:#0c0c0c;padding:clamp(2.2rem,5vw,3.6rem) 0}
.ps-support,.ps-basis{background:var(--fp-schwarz);padding:clamp(2.2rem,5vw,3.6rem) 0}
/* 01 */
.ps-partner__raster{display:grid;gap:1.6rem}
.ps-partner h2{max-width:11ch}
.ps-partner__text p{font-weight:400;max-width:32rem;margin:0 0 1.2rem}
.ps-partner ul{list-style:none;margin:0;padding:0}
.ps-partner li{padding:.7rem 0 .6rem;border-top:1px solid #0c0c0c;font-weight:700}
.ps-partner li:last-child{border-bottom:1px solid #0c0c0c}
.ps-partner li::before{content:"/";color:var(--fp-rot-hell);margin-right:1rem}
@media (min-width:860px){.ps-partner__raster{grid-template-columns:1fr 1fr;gap:4rem;align-items:center}}
/* 02 */
.ps-support h2{max-width:14ch}
.ps-support__raster{list-style:none;margin:0;padding:0;display:grid}
.ps-support__raster li{display:flex;gap:1.2rem;align-items:center;padding:1.1rem 0;border-top:1px solid #666}
.ps-support__raster li:last-child{border-bottom:1px solid #666}
.ps-icon{flex:none;width:56px;height:56px;fill:none;stroke:var(--fp-rot-text);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ps-support h3{font-size:1.4rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .2rem}
.ps-support li p{margin:0;font-weight:300;font-size:.95rem;max-width:22rem}
.ps-support__knopf{margin:1.6rem 0 0}
@media (min-width:860px){
  .ps-support__raster{grid-template-columns:1fr 1fr}
  .ps-support__raster li{padding:1.6rem 1.5rem 1.6rem 0}
  .ps-support__raster li:nth-child(even){border-left:1px solid #666;padding-left:2.5rem}
  .ps-support__raster li:nth-last-child(2){border-bottom:1px solid #666}
}
/* 03 */
.ps-refs h2{max-width:18ch}
.ps-refs__gross{display:grid;gap:.8rem}
.ps-refs figure{margin:0}
.ps-refs img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}
.ps-ref{margin:0}
.ps-ref b{display:block;font-weight:700;text-transform:none}
.ps-ref b::before{content:"/";color:var(--fp-rot-hell);margin-right:.6rem}
.ps-ref span{display:block;font-size:.85rem;font-weight:400;margin-top:.2rem;padding-left:1.1rem}
.ps-ref--gross b{font-size:1.1rem;text-transform:uppercase}
.ps-refs__klein{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:0}
.ps-refs__klein li{padding:.9rem 0;border-top:1px solid #0c0c0c}
@media (min-width:860px){
  .ps-refs__gross{grid-template-columns:1fr 2.2fr;gap:1.5rem;align-items:center}
  .ps-refs__gross .ps-ref{order:-1;border-bottom:1px solid #0c0c0c;padding-bottom:1rem}
  .ps-refs__klein{grid-template-columns:repeat(3,1fr)}
  .ps-refs__klein li{border-left:1px solid #0c0c0c;padding-left:1.5rem}
  .ps-refs__klein li:first-child{border-left:0;padding-left:0}
}
/* Basis */
.ps-basis__raster{display:grid;gap:1.4rem;align-items:center}
.ps-basis h2{font-size:clamp(2rem,4vw,3.2rem);margin:0;max-width:14ch}
.ps-basis p{font-weight:400;max-width:30rem}
.ps-basis__orte{color:var(--fp-rot-text);font-weight:700;text-transform:uppercase;letter-spacing:.02em;margin:1rem 0 0}
@media (min-width:860px){.ps-basis__raster{grid-template-columns:1fr 1fr;gap:3.5rem}.ps-basis__raster>div{border-left:1px solid #777;padding-left:3rem}}
/* 04 */
.ps-ablauf h2{max-width:14ch}
.ps-schritte{list-style:none;margin:0;padding:0;display:grid}
.ps-schritte li{padding:1.1rem 0;border-top:1px solid #0c0c0c}
.ps-schritte h3{font-size:1.3rem;font-weight:700;margin:0 0 .4rem;letter-spacing:-.02em}
.ps-schritte h3 span{color:var(--fp-rot-hell);margin-right:.7rem}
.ps-schritte p{margin:0;font-weight:400;max-width:22ch}
@media (min-width:860px){.ps-schritte{grid-template-columns:repeat(3,1fr)}.ps-schritte li{border-top:0;border-left:1px solid #0c0c0c;padding:.2rem 1.8rem}.ps-schritte li:first-child{border-left:0;padding-left:0}}
/* Kontakt */
.ps-kontakt{display:grid;background:var(--fp-rot);color:#fff}
.ps-kontakt__links{background:var(--fp-beige);color:#0c0c0c;padding:clamp(2.2rem,5vw,3.6rem) 1.25rem}
.ps-kontakt__rechts{padding:clamp(2.2rem,5vw,3.6rem) 1.25rem}
.ps-kontakt h2{font-size:clamp(2.2rem,5vw,3.8rem);max-width:9ch}
.ps-kontakt__links p{font-weight:400;max-width:20rem;margin:0}
.ps-kontakt__text{font-size:1.1rem;font-weight:400;margin:0 0 1.4rem;max-width:26rem}
.ps-kontakt__direkt{margin:1.2rem 0 0;font-weight:600}
.ps-kontakt__direkt a{display:inline-block;padding:.5rem 0;text-decoration:underline;text-underline-offset:3px}
@media (min-width:860px){
  .ps-kontakt{grid-template-columns:42% 1fr}
  .ps-kontakt__links{clip-path:polygon(0 0,100% 0,82% 100%,0 100%);padding-right:6rem;padding-left:max(1.25rem,calc((100vw - var(--fp-w))/2))}
  .ps-kontakt__links,.ps-kontakt__rechts{display:flex;align-items:center}
  .ps-kontakt__rechts{padding-left:3rem}
}