@media screen and (max-width: 786px) {
  body {
    font-size: var(--size);
    width: 100vw;
    overflow: hidden;
  }
  .landing-module {
    overflow: hidden;
  }
  .landing-module .foucs {
    display: none;
  }
  .landing-module .landing-module-content {
    width: calc(100vw - 2 * var(--Pg));
  }
  .landing-module .landing-module-content video {
    width: 180%;
    height: 100%;
    left: -40%;
    object-fit: contain;
    position: relative;
  }
  .grid-12 {
    grid-template-columns: repeat(1, 1fr);
  }
  header nav {
    grid-column: 1/-1;
    padding-top: 70px;
  }
  header nav ul {
    justify-content: space-between;
  }
  header nav ul li {
    flex: unset;
  }
  .text_block {
    padding-top: calc(var(--Hh) + var(--Pg));
    padding-bottom: var(--Pd);
    min-height: 100vh;
    position: relative;
  }
  .text_block .text-items {
    row-gap: 90px;
    min-height: calc(100vh - (var(--Hh) + var(--Pd) * 2));
  }
  .text_block .text-item.grid-4 {
    grid-template-columns: repeat(10, 1fr);
    column-gap: 5px;
  }
  .text_block .text-item-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: var(--Pm);
  }
  .text_block .text-item-wrapper.left {
    grid-column: 1/7 !important;
  }
  .text_block .text-item-wrapper.right {
    grid-column: 5/-1 !important;
  }
  .text_block .text-item-wrapper.full {
    grid-column: 1/-1 !important;
  }
  .jobs-won-list-block-title .jobs-won-item .year {
    opacity: 0;
  }
  .jobs-won-list-block-title .jobs-won-item .ellipse {
    display: block;
    grid-column: 1/1;
    grid-row: 1;
  }
  .jobs-won-list-block-wrapper .jobs-won-list-year {
    grid-column: 1/-1 !important;
  }
  .jobs-won-list-block .jobs-won-list-block-title .jobs-won-item, .jobs-won-list-block .jobs-won-list-block-wrapper .jobs-won-item {
    grid-column: 1/-1 !important;
  }
  .jobs-won-list-block .jobs-won-list-block-title .jobs-won-item.grid-12, .jobs-won-list-block .jobs-won-list-block-wrapper .jobs-won-item.grid-12 {
    grid-template-columns: repeat(10, 1fr);
    column-gap: 5px;
  }
  .jobs-won-list-block .jobs-won-list-block-title .jobs-won-item .production-company, .jobs-won-list-block .jobs-won-list-block-wrapper .jobs-won-item .production-company {
    display: none;
  }
  .jobs-won-list-block .jobs-won-list-block-title .jobs-won-item .year, .jobs-won-list-block .jobs-won-list-block-wrapper .jobs-won-item .year {
    grid-column: 1/2 !important;
    grid-row: 1;
  }
  .jobs-won-list-block .jobs-won-list-block-title .jobs-won-item .director, .jobs-won-list-block .jobs-won-list-block-wrapper .jobs-won-item .director {
    grid-column: 5/7 !important;
    grid-row: 1;
  }
  .jobs-won-list-block .jobs-won-list-block-title .jobs-won-item .client, .jobs-won-list-block .jobs-won-list-block-wrapper .jobs-won-item .client {
    grid-column: 2/5 !important;
    grid-row: 1;
  }
  .jobs-won-list-block .jobs-won-list-block-title .jobs-won-item .name-of-commercial, .jobs-won-list-block .jobs-won-list-block-wrapper .jobs-won-item .name-of-commercial {
    grid-column: 7/-1 !important;
    grid-row: 1;
  }
  .private-portfolio-module-inner .grid-12 {
    grid-template-columns: repeat(10, 1fr);
    column-gap: 5px;
    row-gap: 5px;
  }
  .private-portfolio-module-inner .items .item-treatment, .private-portfolio-module-inner .items .item-client, .private-portfolio-module-inner .items .item-year {
    grid-column: 1/4 !important;
  }
  .private-portfolio-module-inner .items .item-expand {
    grid-column: 9/-1 !important;
    grid-row: 1;
    text-align: right;
  }
  .private-portfolio-module-inner .items .item-media {
    grid-column: 1/-1;
  }
  .private-portfolio-module-inner .items .item-media-inner {
    aspect-ratio: 3/4;
  }
  .private-portfolio-module-inner .items {
    padding-bottom: var(--Pd);
  }
  footer .footer-foucs {
    display: none;
  }
  footer .RuderPlakatLL, footer .fl {
    font-size: 9vw;
  }
  footer .footer-inner .footer-links {
    flex: 1;
    align-items: self-start;
  }
  footer .footer-inner .footer-links .footer-link {
    grid-column: span 4;
  }
  footer .footer-inner .footer-links .footer-link:hover {
    opacity: 1;
  }
}