/* Startseite 178: Leistungsfilm mit Fori. Am Rechner der Querfilm, am Handy der Hochkantfilm. */
.home-film178{background:linear-gradient(180deg,#10213b 0%,#1F3E79 100%);color:#fff;padding:64px 0}
.home-film178-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:48px;align-items:center}
.home-film178 h2{color:#fff;font-size:42px;line-height:1.05;margin:10px 0 16px}
.home-film178 h2 span{color:#8cc11f}
.home-film178 p{color:#dbe5f3;font-size:18px;line-height:1.55;margin:0 0 14px}
.home-film178-liste{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.home-film178-liste li{padding:6px 12px;border-radius:20px;background:rgba(255,255,255,.1);font-size:14px;font-weight:700;color:#fff}
.home-film178 video{display:block;width:100%;border-radius:18px;background:#0b1830;box-shadow:0 20px 44px rgba(0,0,0,.35)}
.home-film178 .film-quer{aspect-ratio:16/9}
.home-film178 .film-hoch{display:none;aspect-ratio:9/16;max-width:340px;margin:0 auto}
@media(max-width:820px){
  .home-film178{padding:44px 0}
  .home-film178-grid{grid-template-columns:1fr;gap:26px}
  .home-film178 h2{font-size:32px}
  .home-film178 .film-quer{display:none}
  .home-film178 .film-hoch{display:block}
}