@media (max-width: 1400px) {
  #fhir-server-video {
    right: 0;
    top: 0;
    margin-top: 2rem;
  }
  #headlineSection .container {
    max-height: 100%;
  }
}
@media (max-width: 1200px) {
  .img-features {
    width: 200px;
  }
  #contactOptionsWindow.contactOptionsWindowShow {
    width: 40%;
    left: 60%;
  }
  #pricingTable > thead > tr > th:first-child {
    display: none;
  }
  tbody tr,
  thead > tr {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
  }
  tbody tr {
    background-color: white;
  }
  #pricingTable {
    background-color: transparent !important;
    border: none !important;
  }
  #pricingTable > thead > tr > th {
    max-width: 100%;
    background-color: white;
    margin-bottom: 10px;
  }
  #pricingTable td {
    min-height: 3.3rem;
  }
  #pricingTable td + i {
    display: flex;
  }
  #pricingTable tbody tr td:first-child {
    font-weight: bold;
  }
  thead {
    border: none !important;
  }
  .pricing-level {
    display: flex !important;
  }
}
@media (max-width: 991px) {
  section {
    padding: 10% 0;
  }
  #contactOptionsWindow.contactOptionsWindowShow {
    width: 50%;
    left: 50%;
  }
  #contactOptionsWindow {
    min-width: 50vw;
  }
  #fhir-server-video,
  #digitales-vorschlagswesen-video,
  #vita-webportal-video {
    width: 100% !important;
    max-width: 100% !important;
    height: 0 !important;
    padding-top: 56%;
  }
  .card-deck {
    flex-direction: column;
  }
}
@media (max-width: 700px) {
  #contactOptionsWindow.contactOptionsWindowShow {
    width: 70%;
    left: 30%;
  }
  #contactOptionsWindow {
    min-width: 35vw;
  }
  footer {
    padding: 3rem 4rem 4rem;
  }
  #activateUserAccountContainer {
    margin: 2vh auto;
    padding: 2vh 5vw;
  }
}
@media (max-width: 500px) {
  section {
    padding: 15% 0;
  }
  #contactOptionsWindow.contactOptionsWindowShow {
    width: 100%;
    left: 0;
  }
  footer {
    padding: 3rem 1.5rem 4rem;
  }
}
@media (max-height: 750px) {
  #headlineSection {
    padding-top: 14vh;
  }
}
@media (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {
  .hs-input {
    width: 100% !important;
  }
}