@media only screen and (max-width: 1024px) {

header{
  padding:2.5vh 10vw 2.75vh 10vw;
}

  .hamburger{ /* ### HAMBURGER BUTTON ### */
    display:block;
    position:fixed;
    top:6vh;
    right:10vw;
    background-color:#fafafa;
    height:55px;
    width:80px;
    border-top-right-radius:10px;
    border-bottom-left-radius:10px;
    z-index:10;
  }

        .hamburgerBtn{
          border-radius:5px;
          position:absolute;
          border-radius:10px;
          top:8px;
          left:14px;
          height:40px;
          width:55px;
        }

        .firstLine, .secondLine, .thirdLine{
          width:50px;
          height:8px;
          background-color:#222;
          border-radius:10px;
          position:absolute;
        }

        .firstLine{
          top:0;
          left:0;
          transition:all 0.25s ease;
        }

              .crossT{
                transform:rotate(45deg);
                top:15px;
              }

        .secondLine{
          top:16px;
          left:0;
        }

        .thirdLine{
          top:32px;
          left:0;
          transition:all 0.25s ease;
        }

              .crossB{
                transform:rotate(-45deg);
                top:15px;
              }   /* ### HAMBURGER BUTTON ### */

        .ulnav{
          position:fixed;
          top:0;
          right:-100vw;
          width:50vw;
          height:100vh;
          background-color:rgba(70,0,50,0.95);
          transition:all ease 0.2s;
          margin:0;
          padding-top:15vh;
          border-left:0.5vh solid #f2b825;
          float:none;
        }

            .navslide{
              right:0vw;
            }

            .navpoint{
              margin-top:5vh;
              font-size:1.5em;
              text-align:center;
              float:none;
            }

            .navlink{
              border-top-right-radius:0.5em;
              border-bottom-left-radius:0.5em;
            }


        article{ /* ### ARTICLE ### */
          padding:10vh 10vw 10vh 10vw;
        }

              h1{
                font-size:2em;
              }

        .text{
          column-gap:4vw;
        }

        .containerleft{
          padding:5vh 5vw 5vh 10vw;
        }

        /* ### Hintergrunbilder der Formularsection ### */
        .formimg1{
          background-position-x:5vw;
        }
        /* ### Hintergrunbilder ENDE ### */

                @media only screen and (max-width: 768px) {
                  /* ### Hintergrunbilder der Formularsection ### */
                  .formimg1{
                    background-position-x:-45vw;
                  }
                  /* ### Hintergrunbilder ENDE ### */
                }


        .controllers{
          display:none;
        }

        .slidedown{
          height:165vh;
        }

        .down{
          margin-top:100vh;
        }

        .picture{
          height:100%;
          width:auto;
        }

        /* ### KONTAKT ### */
        .sociallogo{
          width:50px;
          height:50px;
        }


        /* ### IMPRESSUM ### */
        .impblock, .Datenschutz{
          width:100%;
        }

        .impblock{
          margin-bottom:4vh;
        }

        .abschluss{
          margin-top:5vh;
        }
}