.fall-seite{background:var(--hell)}
.fall-zurueck{width:auto;min-width:0;gap:.5rem}
.spiegel{transform:scaleX(-1)}

.fk{padding:6.5rem var(--rand) 1.6rem}
.fk-titel{font-family:var(--gross);font-weight:400;font-size:6.8vw;line-height:1.02;letter-spacing:-.035em;text-transform:uppercase;white-space:normal;margin:0 0 2.2rem}
.fk-meta{display:grid;grid-template-columns:1fr 1fr .6fr 1.6fr;gap:0 2rem;padding-top:.8rem;border-top:1px solid var(--linie);font-size:.98rem}
.fk-meta li{display:flex;flex-direction:column}
.fk-meta span{color:var(--text-2)}

.fh{padding:0 var(--rand)}
.fb{overflow:hidden;background:#000;border-radius:.7rem;aspect-ratio:16/10}
.fb img{width:100%;height:100%;display:block}

.fa{padding:7rem var(--rand)}
.fa-raster{display:grid;grid-template-columns:29.5% 1fr;gap:0 2rem}
.fa-raster>h2{font-size:1.1rem;font-weight:500;letter-spacing:-.01em;line-height:1.3}
.fa-gross{font-size:3.7rem;line-height:1.04;font-weight:500;letter-spacing:-.04em}
.fa-idee{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:0 2rem;margin-top:3.4rem;padding-top:1rem;border-top:1px solid var(--linie);font-size:1.35rem;line-height:1.3}
.fa-idee b{font-weight:500;font-size:1rem;color:var(--text-2)}
.fz-zitat{margin:0;font-size:2.2rem;line-height:1.16;letter-spacing:-.03em}
.fz-zitat p+p{margin-top:.8em}
.fz-name{margin:1.3rem 0 2rem;font-size:1.18rem;color:var(--text-2)}

.fu{padding:0 var(--rand) 5rem}
.fu-titel{font-size:1.1rem;font-weight:500;letter-spacing:-.01em;line-height:1.3;padding-bottom:.9rem;border-bottom:1px solid var(--linie);margin-bottom:2rem}
.fs{display:grid;grid-template-columns:29.5% 1fr;gap:.7rem 2rem;margin-bottom:6.5rem}
.fs-text{grid-row:span 3;position:sticky;top:4.5rem;align-self:start;padding-right:1rem}
.fs-text h3{font-size:2.8rem;line-height:1.02;font-weight:500;letter-spacing:-.042em;margin-bottom:.9rem}
.fs-text p{font-size:1.18rem;line-height:1.34;color:var(--text-2)}
.fs>.fb{grid-column:2}
.fh-paar{grid-column:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.34fr);gap:.7rem;align-items:stretch}
.fb-handy{aspect-ratio:auto;height:100%;border-radius:.7rem}
.fb-handy img{object-fit:cover;object-position:50% 0}

.fn{position:relative;background:var(--kohle);color:var(--hell);padding:3.6rem var(--rand) 1.2rem}
.fn-hinweis{font-size:.98rem;line-height:1.32;color:var(--text-2-hell);max-width:42rem;margin-bottom:3.6rem}
.fn-weiter{display:grid;grid-template-columns:1fr auto;gap:.2rem 2rem;align-items:end;padding-bottom:2.6rem}
.fn-klein{grid-column:1/-1;font-size:.95rem;color:var(--text-2-hell)}
.fn-gross{font-family:var(--gross);font-weight:400;font-size:5.8vw;letter-spacing:-.035em;line-height:1.02;text-transform:uppercase}
.fn-weiter .pfeil-r{font-size:2rem;transition:transform .5s var(--bogen)}
.fn-weiter:hover .pfeil-r{transform:translateX(.3rem)}
.fn .fuss-zeile{margin:0}

@media (max-width:820px){
  .fall-zurueck span{display:none}
  .fall-zurueck{padding:0 .8rem}
  .fk{padding:4.6rem var(--rand) 1.2rem}
  .fk-titel{font-size:11.7vw;margin-bottom:1.3rem}
  .fk-meta{grid-template-columns:1fr 1fr;gap:.8rem 1rem}
  .fk-meta li:last-child{grid-column:1/-1}
  .fa{padding:3.2rem var(--rand)}
  .fa-raster{display:block}
  .fa-raster>h2{margin-bottom:.8rem}
  .fa-gross{font-size:2.1rem;line-height:1.08}
  .fz-zitat{font-size:1.4rem;line-height:1.2}
  .fa-idee{display:block;margin-top:1.6rem;font-size:1.05rem}
  .fa-idee b{display:block;margin-bottom:.4rem}
  .fu{padding:3.2rem var(--rand) 1.5rem}
  .fs{display:block;margin-bottom:2.8rem}
  .fs-text{position:static;padding:0;margin-bottom:.9rem}
  .fs-text h3{font-size:2rem}
  .fs-text p{font-size:1rem}
  .fs>.fb{margin-bottom:.5rem}
  .fh-paar{display:block}
  .fb-handy{height:auto;aspect-ratio:9/17;width:58%;margin-bottom:.5rem}
  .fn{padding-top:2.6rem}
  .fn-hinweis{margin-bottom:2.2rem}
  .fn-gross{font-size:8.3vw}
  .fn-weiter .pfeil-r{font-size:1.3rem}
}