/* Anpassungen für Tablet und Smartphone. */
@media (max-width: 1050px) {
  .sub-header nav {
    display: none;
  }
  .sub-header .button {
    margin-left: auto;
  }
  .catalog {
    grid-template-columns: 1fr 1fr;
  }
  .selection {
    grid-template-columns: 1fr;
  }
  .contact-grid {
    grid-template-columns: 1fr 1fr;
  }
  .contact-grid form {
    grid-column: 1/-1;
  }
  .footer-main {
    grid-template-columns: 1fr 1fr;
  }
  .stepper {
    grid-template-columns: repeat(4, 1fr);
  }
  .service-columns {
    grid-template-columns: 1fr;
  }
  .detail-grid,
  .requirements,
  .company-grid {
    grid-template-columns: 1fr;
  }
  .concept {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 650px) {
  .sub-header {
    height: 76px;
    padding: 0 20px;
  }
  .sub-header .button {
    display: none;
  }
  .sub-header .menu {
    display: block;
    margin-left: auto;
  }
  .page-hero {
    padding: 70px 20px 55px;
  }
  .page-hero h1 {
    font-size: 48px;
  }
  .catalog {
    padding: 45px 20px;
    grid-template-columns: 1fr;
  }
  .selection {
    margin: 0 20px 55px;
    padding: 30px;
  }
  .detail-grid,
  .tech,
  .faq,
  .form-shell,
  .downloads,
  .service-columns,
  .requirements,
  .timeline,
  .company-grid,
  .contact-grid,
  .concept {
    padding-left: 20px;
    padding-right: 20px;
  }
  .download-teaser {
    margin-left: 20px;
    margin-right: 20px;
    flex-direction: column;
  }
  .tech-table > div {
    grid-template-columns: 1fr;
  }
  .stepper {
    grid-template-columns: repeat(2, 1fr);
  }
  .field-grid,
  .choice-grid {
    grid-template-columns: 1fr;
  }
  .contact-grid {
    grid-template-columns: 1fr;
  }
  .contact-grid form {
    grid-column: auto;
  }
  .download-row {
    grid-template-columns: 1fr 45px;
  }
  .download-row > span,
  .download-row.head {
    display: none;
  }
  .confirm-box {
    margin-left: 20px;
    margin-right: 20px;
    flex-direction: column;
  }
  .footer-main {
    grid-template-columns: 1fr;
    padding: 50px 20px;
  }
  .footer-meta {
    padding: 20px;
    flex-wrap: wrap;
  }
  .footer-meta .confirm {
    margin-left: 0;
  }
  .service-band {
    margin: 0 20px;
    padding: 35px;
  }
}