/* Große Endgeräte (Laptops, Bildschirme, kleiner als 1200px)*/

@media (max-width: 1199.98px) {
  /*body {
    color: blue;
  }*/
  header .logo {
    max-width: 25vw;
    min-width: 25vw;
  }
  h1 {
    font-size: 65pt;
    line-height: 65pt;
  }

}


/*Kleine Endgeräte (Tablets, kleiner als 992px)*/

@media (max-width: 991.98px) {
/*  body {
    color: green;
  }*/
  header .logo {
    max-width: 30vw;
    min-width: 30vw;
  }
  h1 {
    font-size: 50pt;
    line-height: 50pt;
  }

  .pager-box ul {
    flex-direction: column;
  }
  .pager-box li {
    max-width: 100%;
    margin-bottom: 3rem;
  }
  footer .top .second {
    flex: 1;
  }

  .box-img-empty {
    height: 0 !important;
  }
  .home-bg > nav {
    padding-left: 0;
    padding-right: 0;
  }
  .home-bg nav ul li a {
    font-size: 550%;
  }
  .pager-media .video {
    padding-left: 0;
    padding-right: 0;
  }

  .page-contact .content {
    background-color: #ffffff;
    border-radius: 50%;
    position: absolute;
    width: 100vw;
    top:20vh;
    left: 0;
    padding-top: 20%;
  }


}


@media (max-width: 991.98px) and (orientation: landscape) {
/*  body {
    color: green;
  }*/
  .home-bg {
    min-height: 220vh;
  }
  .box-img.landscape {
    min-height: 70vh;
  }
  .page-contact {
    height: auto;
    padding-top: 3rem;
    padding-bottom: 2rem;
  }
  .page-contact .content {
    padding-top: 0;
    height: auto;
  }
  .page-contact::before {
    display: none;
  }
  .page-contact .content {
    position: relative;
    top:0;
    background-color: transparent;
  }
  .page-press ul li .text{
    padding-left: 0;
    margin-top: 1rem;
  }


}



/* Kleine Endgeräte (Smartphones, kleiner als 768px) */

@media (max-width: 767.98px) {
/*  body {
    color: yellow;
  }*/

}

@media (max-width: 575.98px) {
/*
  body {
    color: red;
  }*/

  .ff-12 {
    font-size: 12pt;
    line-height: 12pt;
  }
  .ff-14 {
    font-size: 14pt;
    line-height: 14pt;
  }
  .ff-20 {
    font-size: 20pt;
    line-height: 20pt;
  }
  .ff-27 {
    font-size: 24pt;
    line-height: 24pt;
    word-break: break-word;
  }
  .ff-40 {
    font-size: 24pt;
    line-height: 24pt;
  }
  .page-contact .ff-27 {
    font-size: 18pt;
  }

  #footer {
    height: auto;
    position: relative;
  }
  #footer.home {
    padding-left: 2rem;
    bottom: 0;
  }
  #footer.main {
    flex-direction: column;
  }
  .page-footer {
    padding-left: 0;
    margin-bottom: 0;
  }
  .page-footer .sponsors {
    flex-direction: column;
  }
  .page-footer .sponsors li {
    display: flex;
    justify-content: center;
  }
  .page-footer .sponsors li img {
    width: 60%;
  }

  .home-bg {
    clip-path: none !important;
    height: 130vh;
  }
  .home-bg > nav {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 20vh;
  }

  .home-bg .projects a {
    font-size: 12vw;
    line-height: 11vw;
  }

  .home-bg nav .submenu a {
    padding-right: 0;
  }
  .home-bg nav ul ul li {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
  }

  .page-press ul li .text {
    padding-left: 0;
    margin-top: 1rem;
  }

  .page-contact .content {
    background-color: #ffffff;
    border-radius: 50%;
    position: absolute;
    width: 100vw;
    top:20vh;
    left: 0;
    padding-top: 30%;
  }
  .page-default .box {
    flex-direction: column;
  }
  .page-archive li.item {
    flex-direction: column;
  }
  .pager-gallery .swiper-slide p {
    top: 0;
  }

  .page-contact::before {
    display: none;
  }
  #footer .logo {
    display: none;
  }

  /*****

  OLD


   */

  header .logo {
    max-width: 55vw;
    min-width: 55vw;
  }
  h1 {
    font-size: 40pt;
    line-height: 40pt;

  }
  .head h1 {
    font-size: 23pt;
    padding-left: 20vw;
    padding-right: 20vw;
    line-height: 26pt;
    margin-top: 1rem;
  }
  .pager-events li {
    flex-direction: column;
  }

  .pager-box ul {
    flex-direction: column;
  }
  .pager-box li {
    max-width: 100%;
    margin-bottom: 3rem;
  }


  .home-bg .projects .small {
    font-size: 12pt;
    padding-bottom: 0.5rem;
  }
  .home-bg .menue {
    padding-top: 0;
  }

  .home-bg .menue a {
    font-size: 8vw;
  }
  .home-bg .menue ul {
    flex-direction: column;
  }
  .home-bg .menue ul li {
    flex: 1;
    align-self: center;
    padding-bottom: 0.6rem;
  }

/*

  .home-bg .menue ul li:nth-child(1),
  .home-bg .menue ul li:nth-child(3) {
    text-align: right;
  }
  .home-bg .menue ul li:nth-child(2),
  .home-bg .menue ul li:nth-child(4) {
    text-align: left;
  }
*/
  .pager-box .text {
    column-count: 1;
  }

  .pager-gallery .gallery-rand {
    margin: 0;
  }

}