/* Mobile  */

/* Apple  */

@media only screen and (max-width: 1440px) and (max-height: 801px) {
  .page-title {
    font-size: 35px;
  }

  .smaller-title {
    font-size: 14px;
  }

  .smaller-title-bottom {
    font-size: 20px;
    margin-top: 3%;
  }

  .bottom-menu {
    bottom: 9%;
    right: 30%;
  }
}

/* iPad  */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .image-large,
  .video-large {
    max-width: 95%;
    margin: auto 0;
  }
}

@media (max-width: 1199px) {
  .container-fluid {
    --bs-gutter-x: 0;
  }

  img.serrologo {
    margin-left: 10%;
  }

  .inside-right {
    padding: 5% 5% 10% 5%;
  }
  .scrollable-slide {
    height: 100%;
    max-width: 100vw;
    overflow-x: hidden;
    overflow-y: auto !important;
  }
  .bottom-menu {
    display: none;
  }

  .left-container {
    height: auto;
  }

  .page-title {
    font-size: 55px;
  }

  .photo-container,
  .video-container {
    height: 60vh;
  }

  .image-large img {
    max-width: 55%;
    margin: 0 auto;
  }

  .smaller-title-bottom {
    font-size: 20px;
  }

  .netzwerke {
    position: relative;
  }

  .navbar {
    padding: 0;
  }

  .navbar-nav {
    padding-top: 5%;
    height: 100vh;
  }

  .navbar-nav li {
    height: 5vh;
  }

  .reveal .slides > section:not(.stack) {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }

  .telefon {
    text-decoration: underline !important;
  }

  .telefonnnummer a {
    text-decoration: underline;
  }

  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    background-color: white;
  }

  .rel-priv {
    padding: 3% 2%;
  }

  .imprint-container {
    height: 83.5vh;
  }

  .imprint-title {
    margin-bottom: 0;
    margin-left: 0.5%;
  }

  .imprint-container {
    max-width: 98%;
  }
}

@media (max-width: 768px) {
  .image-large img {
    max-width: 55%;
    margin: 0 auto;
  }

  .inside-right {
    margin-bottom: 15%;
  }
}

@media (max-width: 576px) {
  .page-title {
    font-size: 45px;
  }

  .smaller-title {
    font-size: 15px;
  }

  .smaller-title-bottom {
    font-size: 18px;
  }

  .photo-container,
  .video-container {
    height: 40vh;
  }

  .collapsible-content3.open {
    max-height: 600px;
  }
}

@media (max-width: 499px) {
  .veeva-logo {
    margin-top: 7%;
    max-width: 50%;
  }

  .inside-right {
    padding: 5% 10% 10% 10%;
  }

  .creationimage {
    max-height: 50vh;
  }

  .page-title {
    font-size: 30px;
  }

  .preview img {
    max-width: 20vw;
  }

  .nowrap {
    flex-wrap: nowrap;
  }

  .preview {
    max-width: 20%;
  }

  .rel-priv {
    padding: 3% 5.5%;
  }
  .mobile-logo {
    padding-top: 5%;
    padding-left: 0%;
  }
}

@media (max-width: 391px) {
  .image-large,
  .video-large {
    max-width: 90%;
    margin: auto 0;
  }
}