@media only screen and (max-device-width: 881px) and (orientation: portrait) {
  #main #bg {
    display: none; }

  #main #top {
    height: 26.4vw;
    background: #1A1616;
    position: fixed; }

  #main #top #logo {
    width: 43vw;
    height: 9.4vw;
    top: 0vw;
    margin-top: 3vw;
    left: -moz-calc(50% - 21.5vw);
    left: -webkit-calc(50% - 21.5vw);
    left: -o-calc(50% - 21.5vw);
    left: -ms-calc(50% - 21.5vw);
    left: calc(50% - 21.5vw); }

  #main #top #title {
    font-size: 5vw;
    margin-top: 5vw;
    margin-left: 0;
    width: 100%;
    text-align: center;
    margin-top: 13vw; }

  #main #top #mobil_open_desc {
    width: 100%;
    text-align: center;
    font-size: 4vw;
    margin-top: 1vw;
    color: #DC5151;
    display: block; }

  #main #left {
    width: 100%;
    /*@include calc("height", "100% - $top_height");*/
    height: auto;
    position: fixed;
    top: 26.4vw;
    padding-bottom: 5vw;
    background: transparent linear-gradient(180deg, #1A1616 0%, #1A1616 48%, #DC5151 100%) 0% 0% no-repeat padding-box;
    margin-top: -0.045vw;
    display: none; }

  #main #left #title {
    font-size: 5.2vw !important; }

  #main #left #list {
    margin-top: 3vw; }

  #list .point {
    text-indent: 5vw;
    font-size: 4.8vw; }

  #list div {
    font-size: 4.8vw; }

  #list .point::before {
    width: 1.6vw;
    height: 1.6vw;
    margin-top: 2vw; }

  #main #links {
    left: 7vw;
    font-size: 4.4vw;
    bottom: 1.4vw;
    position: relative;
    padding-bottom: 5vw; }

  #main #links div {
    color: #1A1616; }

  #main #links > div:not(:first-of-type) {
    margin-left: 6.5vw; }

  #main #links > div:not(:first-of-type)::before {
    left: -4.3vw; }

  #main #right {
    top: 26.4vw;
    /*@include calc("height", "100% - 36.4vw");*/
    height: auto;
    left: 0;
    width: 100%;
    top: 0;
    position: relative;
    margin-bottom: 5vw; }

  #main #right #pictures {
    width: 100%;
    position: fixed;
    top: 26.4vw;
    height: 32vw;
    overflow-x: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-box;
    display: -o-inline-box;
    display: inline-box;
    z-index: 2; }

  #main #right #pictures .picture {
    width: 33vw;
    height: 100%;
    background-position: center;
    background-size: cover; }

  #main #content #text .text_pic > div:not(.picture) {
    /* height: 10vw; */
    height: auto;
    width: 100%; }

  #main #content #text .text_pic {
    margin-top: 5vw; }

  #main #content #text .text_pic > div.picture {
    height: 30vw;
    width: 30vw;
    margin-left: -moz-calc(50% - 15vw) !important;
    margin-left: -webkit-calc(50% - 15vw) !important;
    margin-left: -o-calc(50% - 15vw) !important;
    margin-left: -ms-calc(50% - 15vw) !important;
    margin-left: calc(50% - 15vw) !important;
    margin-right: -moz-calc(50% - 15vw);
    margin-right: -webkit-calc(50% - 15vw);
    margin-right: -o-calc(50% - 15vw);
    margin-right: -ms-calc(50% - 15vw);
    margin-right: calc(50% - 15vw); }

  #main #content #text .text_pic > div.picture:not(:first-of-type) {
    margin-top: 5vw; }

  #main #content #text .text_pic span {
    font-size: 5vw !important;
    text-align: center; }

  #main #content #text .video .video-js .vjs-control {
    width: 3em !important; }

  .video .beweg_abschirm-dimensions {
    width: 100% !important;
    height: 76vw !important;
    left: 0 !important; }

  #main #right #content {
    width: 100%;
    margin-top: 57.5vw; }

  #main #right #content #text div:not([class*="vjs"]) {
    font-size: 3.7vw; }

  .spacer {
    height: 5vw; }

  #main #right #content #text #contact {
    padding-top: 4vw;
    padding-bottom: 4vw;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
    margin-top: 5vw;
    font-size: 5vw;
    width: 100%; }

  #main #contact_form {
    position: fixed; }

  #main #contact_form #form {
    /*height: 101vw;
    width: 85vw;*/
    width: auto;
    height: auto;
    left: 0;
    display: inline-table;
    /*@include calc("left", "50% - 42.5vw");*/
    top: -moz-calc(50% - 43vw);
    top: -webkit-calc(50% - 43vw);
    top: -o-calc(50% - 43vw);
    top: -ms-calc(50% - 43vw);
    top: calc(50% - 43vw); }

  #main #contact_form #form > * {
    font-size: 6.5vw; }

  #main #contact_form #form input {
    height: 14vw;
    padding: 0; }

  #main #contact_form #form input[type=checkbox] {
    height: 4.3vw;
    width: 4.3vw; }

  #main #contact_form #form div#dsgvo_text {
    font-size: 3.2vw; }

  #main #contact_form #form div.button {
    margin-bottom: 3vw; }

  #main #picture_view #picture {
    width: 80vw;
    height: 60vw;
    background-size: contain;
    left: -moz-calc(50% - 40vw);
    left: -webkit-calc(50% - 40vw);
    left: -o-calc(50% - 40vw);
    left: -ms-calc(50% - 40vw);
    left: calc(50% - 40vw);
    top: -moz-calc(50% - 30vw);
    top: -webkit-calc(50% - 30vw);
    top: -o-calc(50% - 30vw);
    top: -ms-calc(50% - 30vw);
    top: calc(50% - 30vw); } }