/*© Ulrich Lantschik | alpincrypt.com*/

* {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: 'Josefin Sans', sans-serif;
  background-color: #fff;
}


.cookie-overlay {
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  background: #fff;
  z-index: 2051;
  line-height: 20px;
  font-size: 14px;
  border-radius: 6px;

  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);

  > div:first-child {
    width: 458px;
  }

  a {
    text-decoration: underline;
  }

  .close-cookies {
    cursor: pointer;
  }

  @include media-breakpoint-down(md) {
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0;

    > div:first-child {
      width: auto;
    }
  }
}


/*Navigationbar*/

ul {
	list-style-type: none;
  margin: 0;
	padding: 5px;
  overflow: hidden;
  background-color: #fff;
}

.link {
	float: right;
  font-size: 22px;
	transition: all 0.2s ease-in-out;
	border-radius: 100px 100px 100px 100px;
  letter-spacing: 1px;
  margin: 30px;
  margin-top: 40px;
}

.logo {
  float: left;
  transition: all 0.2s ease-in-out;
  margin-left: 30px;
  margin-top: 14px;
  cursor: default;
}

.logosize {
  height: 127px;
  width: 120px;
}

li a {
  display: block;
  color: #000;
  padding: 18px 29px;
  text-decoration: none;
  transition: all 0.4s ease-in-out;

}

.special {
  display: block;
  color: white;
  padding: 18px 29px;
  text-decoration: none;
  background-color: #fff;
  color: #2c2c2c;

}


li a:hover {
  background-color: #dd127b;
  color: #fff;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 0 20px #000;
}

.special:hover {
   -webkit-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
  background-color: #2c2c2c;
  color: #fff;
  box-shadow: 0 0 20px #000;
}



/*Hintergrund*/

.main {
  background-color: #2c2c2c;
  height: 1100px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("img/background.gif");
  background-attachment: fixed;
  text-align: center;
}

.extra {
  height: 500px;
}




.logo1 {
  width: 1088px;
  height: 275.04px;
  margin-top: 230px;
  transition: all 0.3s ease-in-out;
}

.hintergrund2 {
  height: 500px;
  width: 100%;
  text-align: justify;
  padding-top: 20px;
  margin-bottom: 20px;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
}

.hintergrund3 {
  background-color: #fff;
  height: 600px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("img/mezcal-krems-equila.jpg");
  text-align: center;
  padding-top: 60px;
}

.hintergrund25 {
  background: rgb(2,0,36);
  background: linear-gradient(297deg, rgba(2,0,36,1) 0%, rgba(212,22,122,1) 57%, rgba(0,212,255,1) 100%);
  height: 300px;
  width: 76%;
  text-align: center;
  padding-top: 60px;
  transform: skew(1deg, 1deg);
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 0 20px #050404;
}

.hintergrund7 {
  height: 500px;
  width: 100%;
  text-align: justify;
  padding-top: 20px;
  margin-bottom: 20px;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
}

/*Text styling*/

h1 {
  text-align: left;
  font-size: 50px;
  cursor: default;
  color: #000;
  font-family: 'Josefin Sans', sans-serif;
  margin-left: 20%;
  margin-right: 20%;
}

h2 {
  padding-top: 30px;
  text-align: center;
  font-size: 30px;
  cursor: default;
  color: #000;
  font-family: 'Joesfin Sans' sans-serif;
}

h3 {
  padding-top: 12px;
  text-align: center;
  font-size: 23px;
  cursor: default;
  color: #000;
  font-family: 'Joesfin Sans' sans-serif;
}

.title1 {
  text-align: center;
  font-size: 45px;
  cursor: default;
  color: #fff;
  font-family: 'Joesfin Sans' sans-serif;

}

.bold {
  height: 8px;
  width: 5%;
  background-color: #dd127b;
  margin-left: 20%;
  margin-right: 20%;
  justify-content: left;
}


.line {
  height: 8px;
  width: 15%;
  background-color: #000;
  margin: auto;
  text-align: center;
}

.quote {
  font-size: 25px;
  margin-top: 30px;
  cursor: default;
  color: #fff;
}

.text {
  font-size: 24px;
  margin-top: 30px;
  margin-left: 20%;
  margin-right: 20%;
  cursor: default;
  color: #000;
  line-height: 30px;

}

.newspic {
  width: 403px;
  height: 401px;
  transition: all 0.25s ease-in-out;
}

.newspic:hover {
  transform: scale(1.01, 1.01);
  transition: all 0.15s ease-in-out;
}

.piccentering {
  justify-content: center;
  text-align: center;
  margin: auto;
}

/*Scrollbar*/

::-webkit-scrollbar {
  width: 18px;
}

::-webkit-scrollbar-track {
  background: #F1F1F1;
}

::-webkit-scrollbar-thumb {
  background: #dd127b;
}

::-webkit-scrollbar-thumb:hover {
  background: #ff5aaa;
}

/*Links & Impressum*/


a:visited {
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}

.imprint {
  height: 380px;

  background-color: #1C1C1C;
  color: #fff;
  padding-top: 20px;

}

.imprinttitle {
  color: #fff;
  font-size: 20px;
  margin-left: 200px;
}

.imprintpic {
  margin-left: 150px;
  width: 480px;
  height: 113.4px;
}

/*Button Styling*/

.button {
  text-align: center;
  padding: 25px;
  background-color: #fff;
  color: #000;
  margin: auto;
  margin-left: 20%;
  vertical-align: middle;
  cursor: pointer;
  transition: all 0.55s ease-in-out;
  font-size: 23px;
  font-family: 'Josefin Sans', sans-serif;
  margin-bottom: 20px;
  border-style: solid;
  border-color: #000;
}

.button:hover {
  transition: all 0.25s ease-in-out;
  background-color: #1a1a1a;
  color: #fff;
  box-shadow: 0 0 20px #9b9b9b;
  border-style: solid;
  border-color: #1a1a1a;
}

.buttonright {
  text-align: center;
  padding: 25px;
  background-color: #fff;
  color: #000;
  margin: auto;
  margin-right: 20%;
  vertical-align: middle;
  float: right;
  cursor: pointer;
  transition: all 0.55s ease-in-out;
  font-size: 23px;
  font-family: 'Josefin Sans', sans-serif;
  margin-bottom: 20px;
  border-style: solid;
  border-color: #000;
  margin-bottom: 100px;
}

.buttonright:hover {
  transition: all 0.25s ease-in-out;
  background-color: #1a1a1a;
  color: #fff;
  box-shadow: 0 0 20px #9b9b9b;
  border-style: solid;
  border-color: #1a1a1a;
}

.transparentblock {
  width: 100%;
  height: 300px;
}


/*Links*/

a {
  color: #fff;
  transition: all 0.35s ease-in-out;
}

a:hover {

}

.impressum {
  padding-bottom: 15px;
  margin-bottom: 15px;
  color: #fff;
}

.impressum:hover {
  text-decoration: underline;
}

.insta {
  height: 40px;
  width: 40px;
  transition: all 0.25s ease-in-out;
  margin-right: 15px;
  margin-bottom: 15px;
  border-radius: 10px 10px 10px 10px;
}

.insta:hover {
  transform: scale(1.05, 1.05);
  transition: all 0.1s ease-in-out;
  background-color: black;

}

.reservierung {
  text-align: center;
  font-size: 30px;
  color: #000;
}

.opening {
  text-align: left;
  font-size: 30px;
  color: #000;
  margin-left: 20%;
}


    .h12 {
      font-family: 'Josefin Sans', sans-serif; font-size: 55px; color: #000; padding-top: 20px;
    }

  .maps {
    background-color: #fff;
    padding: 15px;
    text-align: center;
    justify-content: center;
  }

  .centering {
    text-align: center;
    margin-top: 100px;
  }

  .salsa {
    width: 30%;
    height: auto;
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 15px;
    justify-content: left;
  }

  .hintergrundsalsa {
    height: 700px;
    width: 100%;
    text-align: justify;
    padding-top: 100px;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  
  div.gallery {
  margin: 5px;
  text-align: center;
  margin-left: 60px;
  float: left;
  width: 250px;
  justify-content: center;
}

div.gallery:hover {

  transition: all 0.25s ease-in-out;
  transform: scale(1.02, 1.02)
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}



/*mobile*/

@media only screen and (min-width: 300px) and (max-width: 400px) {

  .imprintpic {
    margin-left: 1px;
    width: 240px;
    height: 56.7px;
  }

  .logo1 {
    width: 292.4544px;
    height: 73.930752px;

  }


    .main {
      height: 700px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-image: url("img/background.gif");
      background-attachment: scroll;
    }

    .h1 {
      font-size: 25px;
      margin-left: 10%;
      margin-right: 10%;
      text-align: center;
    }

    .bold {
      margin-left: 10%;
      justify-content: none;
      text-align: center;
      margin: auto;
      width: 10%;
    }

    .text {
      margin-left: 30px;
      margin-right: 30px;
      text-align: justify;
    }

    .hintergrund2 {
      height: 800px;
    }

    .button {
      margin-left: none;
      margin: auto;
      margin-left: auto;
      margin-right: auto;
      font-size: 18px;
      padding: 18px;
    }

    .mobile {
      text-align: center;
    }

    .hintergrund3 {
      height: 500px;
    }

    .logosize {
      height: 0;
      width: 0;
    }

    .maps {
      width: 260px;
      height: 400;
    }

    .imprinttitle {
      margin-left: 20px;
    }


    .h12 {
      margin-top: 60px;
      font-size: 35px;
    }

    .opening {
      font-size: 20px;
    }



    .link {
      font-size: 15px;
      float: none;
      margin: 5px;
    }

    #myBtn {
      bottom: 20px;
      right: 30px;
      padding: 22px;
      border-radius: 50px;
      font-size: 10px;
      transition: all 0.5s ease-in-out;
      box-shadow: 0 0 10px #000;
    }

    .imprint {
      text-align: center;
    }

    .text {
      font-size: 20px;
    }

    .hintergrundsalsa {
      height: 600px;
      text-align: center;
      justify-content: center;
      margin: auto;
    }

    .salsa {
      width: 80%;
      margin-left: 10px;
      margin-right: 10px;
      justify-content: center;
      float: none;
      text-align: center;

    }
    
    .extra {
  height: 750px;
}


div.gallery {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    float: none;
}

div.gallery img {
  width: 282px;
}

.hintergrund7 {
    height: 1150px;
}


  }

  @media only screen and (min-width: 401px) and (max-width: 500px) {

    .imprintpic {
      margin-left: 1px;
      width: 240px;
      height: 56.7px;
    }

    .logo1 {
      width: 351px;
      height: 88.7px;

    }


      .main {
        height: 700px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("img/background.gif");
        background-attachment: scroll;
      }

      .h1 {
        font-size: 25px;
        margin-left: 10%;
        margin-right: 10%;
        text-align: center;
      }

      .bold {
        margin-left: 10%;
        justify-content: none;
        text-align: center;
        margin: auto;
        width: 10%;
      }

      .text {
        margin-left: 30px;
        margin-right: 30px;
        text-align: justify;
        font-size: 20px;
      }

      .hintergrund2 {
        height: 700px;
      }

      .button {
        margin-left: none;
        margin: auto;
        margin-left: auto;
        margin-right: auto;
        font-size: 18px;
        padding: 18px;
      }

      .mobile {
        text-align: center;
      }

      .hintergrund3 {
        height: 500px;
      }



      .logosize {
        height: 0;
        width: 0;
      }

      .maps {
        width: 350px;
        height: 400;
      }

      .imprinttitle {
        margin-left: 20px;
      }



      .h12 {
        margin-top: 60px;
        font-size: 35px;
      }

      .opening {
        font-size: 20px;
      }



      .link {
        font-size: 15px;
        float: none;
        margin: 5px;
      }

      #myBtn {
        bottom: 20px;
        right: 30px;
        padding: 22px;
        border-radius: 50px;
        font-size: 10px;
        transition: all 0.5s ease-in-out;
        box-shadow: 0 0 10px #000;
      }

      .imprint {
        text-align: center;
      }

      .hintergrundsalsa {
        height: 650px;
        text-align: center;
        justify-content: center;
        margin: auto;
      }

      .salsa {
        width: 80%;
        margin-left: 10px;
        margin-right: 10px;
        justify-content: center;
        float: none;
        text-align: center;

      }
      
         .extra {
  height: 750px;
}


div.gallery {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    float: none;
}

div.gallery img {
  width: 282px;
}

.hintergrund7 {
    height: 1150px;
}

    }

    @media only screen and (min-width: 501px) and (max-width: 600px) {

      .imprintpic {
        margin-left: 1px;
        width: 288px;
        height: 68.04px;
      }

      .logo1 {
        width: 412.2px;
        height: 106.46px;

      }


        .main {
          height: 700px;
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
          background-image: url("img/background.gif");
          background-attachment: scroll;
        }

        .h1 {
          font-size: 25px;
          margin-left: 10%;
          margin-right: 10%;
          text-align: center;
        }

        .bold {
          margin-left: 10%;
          justify-content: none;
          text-align: center;
          margin: auto;
          width: 10%;
        }

        .text {
          margin-left: 30px;
          margin-right: 30px;
          text-align: justify;
          font-size: 20px;
        }

        .hintergrund2 {
          height: 620px;
        }

        .button {
          margin-left: none;
          margin: auto;
          margin-left: auto;
          margin-right: auto;
          font-size: 18px;
          padding: 18px;
        }

        .mobile {
          text-align: center;
        }

        .hintergrund3 {
          height: 400px;
        }

        .impressum {
          margin-left: 25px;
          margin-right: 25px;
        }

        .logosize {
          height: 0;
          width: 0;
        }

        .maps {
          width: 350px;
          height: 400;
        }

        .imprinttitle {
          margin-left: 20px;
        }

        .main {
          height: 700px;
        }

        .h1 {
          font-size: 35px;
        }


        .h12 {
          margin-top: 60px;
          font-size: 35px;
        }

        .opening {
          font-size: 20px;
        }



        .link {
          font-size: 20px;
          float: none;
          margin: 5px;
        }

        #myBtn {
          bottom: 20px;
          right: 30px;
          padding: 22px;
          border-radius: 50px;
          font-size: 10px;
          transition: all 0.5s ease-in-out;
          box-shadow: 0 0 10px #000;
        }

        .imprint {
          text-align: center;

        }

        .hintergrundsalsa {
          height: 650px;
          text-align: center;
          justify-content: center;
          margin: auto;
        }

        .salsa {
          width: 70%;
          margin-left: 10px;
          margin-right: 10px;
          justify-content: center;
          float: none;
          text-align: center;

        }
        
           .extra {
  height: 700px;
}


div.gallery {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    float: none;
}

div.gallery img {
  width: 282px;
}

.hintergrund7 {
    height: 1150px;
}


      }

      @media only screen and (min-width: 601px) and (max-width: 700px) {

        .imprintpic {
          margin-left: 1px;
          width: 288px;
          height: 68.04px;
        }

        .logo1 {
          width: 494.64px;
          height: 127.752px;

        }


          .main {
            height: 700px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            background-image: url("img/background.gif");
            background-attachment: scroll;
          }

          .h1 {
            font-size: 25px;
            margin-left: 10%;
            margin-right: 10%;
            text-align: center;
          }

          .bold {
            margin-left: 10%;
            justify-content: none;
            text-align: center;
            margin: auto;
            width: 10%;
          }

          .text {
            margin-left: 30px;
            margin-right: 30px;
            text-align: justify;
            font-size: 20px;
          }

          .hintergrund2 {
            height: 550px;
          }

          .button {
            margin-left: none;
            margin: auto;
            margin-left: auto;
            margin-right: auto;
            font-size: 18px;
            padding: 18px;
          }

          .mobile {
            text-align: center;
          }

          .hintergrund3 {
            height: 400px;
          }

          .impressum {
            margin-left: 25px;
            margin-right: 25px;
          }

          .logosize {
            height: 0;
            width: 0;
          }

          .maps {
            width: 500px;
            height: 400;
          }

          .imprinttitle {
            margin-left: 20px;
          }





          .h12 {
            margin-top: 60px;
            font-size: 40px;
          }

          .opening {
            font-size: 20px;
          }



          .link {
            font-size: 20px;
            float: none;
            margin: 5px;
          }

          #myBtn {
            bottom: 20px;
            right: 30px;
            padding: 22px;
            border-radius: 50px;
            font-size: 15px;
            transition: all 0.5s ease-in-out;
            box-shadow: 0 0 10px #000;
          }

          .imprint {
            text-align: center;
          }

          .hintergrundsalsa {
            height: 650px;
            text-align: center;
            justify-content: center;
            margin: auto;
          }

          .salsa {
            width: 65%;
            margin-left: 10px;
            margin-right: 10px;
            justify-content: center;
            float: none;
            text-align: center;

          }
          
             .extra {
  height: 650px;
}


div.gallery {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    float: none;
}

div.gallery img {
  width: 282px;
}

.hintergrund7 {
    height: 1150px;
}


        }

        @media only screen and (min-width: 701px) and (max-width: 800px) {

          .imprintpic {
            margin-left: 1px;
            width: 288px;
            height: 68.04px;
          }

          .logo1 {
            width: 494.64px;
            height: 127.752px;

          }


            .main {
              height: 700px;
              background-position: center;
              background-repeat: no-repeat;
              background-size: cover;
              background-image: url("img/background.gif");
              background-attachment: scroll;
            }

            .h1 {
              font-size: 25px;
              margin-left: 10%;
              margin-right: 10%;

            }

            .bold {
              margin-left: 10%;
              margin-right: 10%;


              width: 10%;
            }

            .text {
              margin-left: 10%;
              margin-right: 10%;

              font-size: 20px;
            }

            .hintergrund2 {
              height: 500px;
            }

            .button {
              font-size: 18px;
              padding: 18px;
              margin-left: 10%;
              margin-right: 10%;

            }


            .hintergrund3 {
              height: 400px;
            }

            .impressum {
              margin-left: 25px;
              margin-right: 25px;
            }

            .h12 {
              margin-top: 60px;
              margin-left: 10%;
              font-size: 45px;
            }

            .opening {
              font-size: 25px;
              margin-left: 10%;
            }

            .logosize {
              height: 0;
              width: 0;
            }

            .maps {
              width: 500px;
              height: 400;
            }

            .imprinttitle {
              margin-left: 20px;
            }










            .link {
              font-size: 15px;
              float: none;
              margin: 5px;
            }

            #myBtn {
              bottom: 20px;
              right: 30px;
              padding: 22px;
              border-radius: 50px;
              font-size: 15px;
              transition: all 0.5s ease-in-out;
              box-shadow: 0 0 10px #000;
            }

            .imprint {
              text-align: center;
            }

            .hintergrundsalsa {
              height: 650px;

            }

            .salsa {
              width: 60%;
              float: left;
              margin-left: 10%;
            }
            
               .extra {
  height: 600px;
}


div.gallery {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    float: none;
}

div.gallery img {
  width: 282px;
}

.hintergrund7 {
    height: 1150px;
}


          }

          @media only screen and (min-width: 801px) and (max-width: 900px) {

            .imprintpic {
              margin-left: 1px;
              width: 288px;
              height: 68.04px;
            }

            .logo1 {
              width: 494.64px;
              height: 127.752px;

            }


              .main {
                height: 700px;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                background-image: url("img/background.gif");
                background-attachment: scroll;
              }

              .h1 {
                font-size: 25px;
                margin-left: 10%;
                margin-right: 10%;

              }

              .bold {
                margin-left: 10%;
                margin-right: 10%;


                width: 10%;
              }

              .text {
                margin-left: 10%;
                margin-right: 10%;

                font-size: 20px;
              }

              .hintergrund2 {
                height: 500px;
              }

              .button {
                font-size: 18px;
                padding: 18px;
                margin-left: 10%;
                margin-right: 10%;

              }


              .hintergrund3 {
                height: 400px;
              }

              .impressum {
                margin-left: 25px;
                margin-right: 25px;
              }

              .h12 {
                margin-top: 60px;
                margin-left: 10%;
                font-size: 45px;
              }

              .opening {
                font-size: 25px;
                margin-left: 10%;
              }

              .logosize {
                height: 0;
                width: 0;
              }

              .maps {
                width: 500px;
                height: 400;
              }

              .imprinttitle {
                margin-left: 50px;
              }




              .link {
                font-size: 15px;
                float: none;
                margin: 5px;
              }

              #myBtn {
                bottom: 20px;
                right: 30px;
                padding: 22px;
                border-radius: 50px;
                font-size: 15px;
                transition: all 0.5s ease-in-out;
                box-shadow: 0 0 10px #000;
              }

              .imprint {
                text-align: center;
              }

              .hintergrundsalsa {
                height: 650px;

              }

              .salsa {
                width: 50%;
                float: left;
                margin-left: 10%;
              }
              
                 .extra {
  height: 500px;
}


div.gallery {
    width: 30%;
    float: left;
}

div.gallery img {
  width: 282px;
}

.hintergrund7 {
    height: 700px;
}


            }

            @media only screen and (min-width: 901px) and (max-width: 1000px) {

              .imprintpic {
                margin-left: 1px;
                width: 288px;
                height: 68.04px;
              }

              .logo1 {
                width: 494.64px;
                height: 127.752px;

              }


                .main {
                  height: 700px;
                  background-position: center;
                  background-repeat: no-repeat;
                  background-size: cover;
                  background-image: url("img/background.gif");
                  background-attachment: scroll;
                }

                .h1 {
                  font-size: 25px;
                  margin-left: 10%;
                  margin-right: 10%;

                }

                .bold {
                  margin-left: 10%;
                  margin-right: 10%;


                  width: 10%;
                }

                .text {
                  margin-left: 10%;
                  margin-right: 10%;

                  font-size: 20px;
                }

                .hintergrund2 {
                  height: 500px;
                }

                .button {
                  font-size: 18px;
                  padding: 18px;
                  margin-left: 10%;
                  margin-right: 10%;

                }


                .hintergrund3 {
                  height: 400px;
                }

                .impressum {
                  margin-left: 25px;
                  margin-right: 25px;
                }

                .h12 {
                  margin-top: 60px;
                  margin-left: 10%;
                  font-size: 45px;
                }

                .opening {
                  font-size: 25px;
                  margin-left: 10%;
                }

                .logosize {
                  height: 0;
                  width: 0;
                }

                .maps {
                  width: 500px;
                  height: 400;
                }

                .imprinttitle {
                  margin-left: 50px;
                }




                .link {
                  font-size: 15px;
                  float: none;
                  margin: 5px;
                }

                #myBtn {
                  bottom: 20px;
                  right: 30px;
                  padding: 22px;
                  border-radius: 50px;
                  font-size: 15px;
                  transition: all 0.5s ease-in-out;
                  box-shadow: 0 0 10px #000;
                }

                .imprint {
                  text-align: center;
                }

                .hintergrundsalsa {
                  height: 650px;

                }

                .salsa {
                  width: 45%;
                  float: left;
                  margin-left: 10%;
                }
                
                div.gallery {
    width: 30%;
    float: left;
}

div.gallery img {
  width: 282px;
}

.hintergrund7 {
    height: 700px;
}

              }

              @media only screen and (min-width: 1001px) and (max-width: 1100px) {

                .imprintpic {
                  margin-left: 1px;
                  width: 288px;
                  height: 68.04px;
                }

                .logo1 {
                  width: 494.64px;
                  height: 127.752px;

                }


                  .main {
                    height: 700px;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-image: url("img/background.gif");
                    background-attachment: scroll;
                  }

                  .h1 {
                    font-size: 25px;
                    margin-left: 10%;
                    margin-right: 10%;

                  }

                  .bold {
                    margin-left: 10%;
                    margin-right: 10%;


                    width: 10%;
                  }

                  .text {
                    margin-left: 10%;
                    margin-right: 10%;

                    font-size: 20px;
                  }

                  .hintergrund2 {
                    height: 500px;
                  }

                  .button {
                    font-size: 18px;
                    padding: 18px;
                    margin-left: 10%;
                    margin-right: 10%;

                  }


                  .hintergrund3 {
                    height: 400px;
                  }

                  .impressum {
                    margin-left: 25px;
                    margin-right: 25px;
                  }

                  .h12 {
                    margin-top: 60px;
                    margin-left: 10%;
                    font-size: 45px;
                  }

                  .opening {
                    font-size: 25px;
                    margin-left: 10%;
                  }

                  .logosize {
                    height: 0;
                    width: 0;
                  }

                  .maps {
                    width: 500px;
                    height: 400;
                  }

                  .imprinttitle {
                    margin-left: 50px;
                  }




                  .link {
                    font-size: 15px;
                    float: none;
                    margin: 5px;
                  }

                  #myBtn {
                    bottom: 20px;
                    right: 30px;
                    padding: 22px;
                    border-radius: 50px;
                    font-size: 15px;
                    transition: all 0.5s ease-in-out;
                    box-shadow: 0 0 10px #000;
                  }

                  .imprint {
                    text-align: center;
                  }

                  .hintergrundsalsa {
                    height: 650px;

                  }

                  .salsa {
                    width: 45%;
                    float: left;
                    margin-left: 10%;
                  }
                  
                  
                  div.gallery {
    width: 30%;
    float: left;
}

div.gallery img {
  width: 282px;
}

.hintergrund7 {
    height: 700px;
}

                }


                @media only screen and (min-width: 1101px) and (max-width: 1200px) {


                  .logosize {
                    height: 203.2px;
                    width: 192px;
                  }
                    .logo1 {
                      width: 494.64px;
                      height: 127.752px;
                    }

                    .h1 {
                      font-size: 35px;
                    }

                    .hintergrund2 {
                      height: 600px;
                    }
                    
                    div.gallery {
    width: 30%;
    float: left;
}

div.gallery img {
  width: 282px;
}

.hintergrund7 {
    height: 700px;
}

                  }

                  @media only screen and (min-width: 1201px) and (max-width: 1315px) {


                    .logosize {
                      height: 203.2px;
                      width: 192px;
                    }
                      .logo1 {
                        width: 494.64px;
                        height: 127.752px;
                      }
                      
                      div.gallery {
    width: 30%;
    float: left;
}

div.gallery img {
  width: 282px;
}

.hintergrund7 {
    height: 700px;
}

                    }