/*I love me some border-box*/
* {
    box-sizing: border-box;

}





.pointer
{   cursor: pointer;
}
.cursordef
{
  cursor: url("../img/bola.png"), default;
}



/*This just stops me getting horizontal scrolling if anything overflows the width*/
body {
    overflow-x: hidden;
}
/*Just removing default browser padding/margin*/
html,
body {
    padding: 0;
    margin: 0;
    color: #ebebeb;
}
body {
    font-family: minion-pro, serif;
    font-style: normal;
}
p {
    font-family: minion-pro, serif;
    font-style: normal;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
}

a{
  font-family: minion-pro, serif;
  font-style: normal;
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  text-decoration: none !important;
}
a, u {
    text-decoration: none;
    color: #fff !important;
}
/*Flexbox gives us the flexiness we need. The top just stays put as there is no scrolling on the body due to the page never exceeding viewport height*/
.Top {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: darkgreen;
    font-size: 3rem;
    position: relative;
    z-index: 10;
    height: 100px;
}
/*This is our main wrapping element, it's made 100vh high to ensure it is always the correct size and then moved into place and padded with negative margin and padding*/
.Container {
    display: flex;
    overflow: hidden;
    height: 100vh;
    /*margin-top: -100px;*/
    /*padding-top: 100px;*/
    position: relative;
    width: 100%;
    backface-visibility: hidden;
    will-change: overflow;
}
/*All the scrollable sections should overflow and be whatever height they need to be. As they are flex-items (due to being inside a flex container) they could be made to stretch full height at all times if needed.
WebKit inertia scrolling is being added here for any present/future devices that are able to make use of it.
*/
.Left,
.Middle,
.Right {
    overflow: auto;
    height: 100vh;
    /*padding: .5rem;*/
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
}
/*Entirely optional – just wanted to remove the scrollbar on WebKit browsers as I find them ugly*/
.Left::-webkit-scrollbar,
.Middle::-webkit-scrollbar,
.Right::-webkit-scrollbar {
    display: none;
}
/*  Left and Right are set sizes while the Middle is set to flex one so it occupies all remaining space. This could be set as a width too if prefereable, perhaps using calc.*/
.Left {
    width: 50%;
    height: 100vh;
    background-color: black;
}

.Middle {
    flex: 1;
}

.Right {
    width: 50%;
    height: 100vh;
    background-color: black;
}
.TopView {
    width: 100%;
    height: 50vh;
    background-color: blue;
}
.BottomView {
    width: 100%;
    height: 50vh;
    background-color: red;
}

.Containerh {
    display: flex;
    overflow: hidden;
    height: 100vh;
    /*margin-top: -100px;*/
    /*padding-top: 100px;*/
    position: relative;
    width: 100%;
    backface-visibility: hidden;
    will-change: overflow;
}
/*
@media only screen and (min-width: 720px)
.hero-image1 {
    max-height: 50vh;
    height: 100%;
    width: 100%;
}
*/
.hero-image1 {
  object-fit: cover;
  background-image: url(../img/01_1024_placeholder.jpg);
  background-color: #blue;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  /* background-size: cover; */
  position: relative;
  display: block;
}

.hero-image2 {
  background-image: url(../img/02_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image3 {
  background-image: url(../img/03_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image4 {
  background-image: url(../img/04_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image5 {
  background-image: url(../img/05_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-image6 {
  background-image: url(../img/06_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image7 {
  background-image: url(../img/07_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image8 {
  background-image: url(../img/08_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image9 {
  background-image: url(../img/09_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image10 {
  background-image: url(../img/10_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image11 {
  background-image: url(../img/11_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image12 {
  background-image: url(../img/12_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image13 {
  background-image: url(../img/13_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image14 {
  background-image: url(../img/14_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image15 {
  background-image: url(../img/15_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image16 {
  background-image: url(../img/16_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image17 {
  background-image: url(../img/17_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image18 {
  background-image: url(../img/18_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image19 {
  background-image: url(../img/19_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image20 {
  background-image: url(../img/20_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image21 {
  background-image: url(../img/21_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image22 {
  background-image: url(../img/22_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image23 {
  background-image: url(../img/23_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image24 {
  background-image: url(../img/24_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image25 {
  background-image: url(../img/25_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image26 {
  background-image: url(../img/26_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image27 {
  background-image: url(../img/27_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image28 {
  background-image: url(../img/28_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image29 {
  background-image: url(../img/29_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image30 {
  background-image: url(../img/30_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image31 {
  background-image: url(../img/31_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-image32 {
  background-image: url(../img/32_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-image33 {
  background-image: url(../img/04_1024_placeholder.jpg);
  background-color: #010101;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


.hero-image33.lazy-bg-loaded {
  background-image: url(../img/04_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image33.lazy-bg-loaded {
    background-image: url(../img/04_1024.jpg);
    background-size: cover;
  }
}

.hero-image1.lazy-bg-loaded {
  background-image: url(../img/01_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image1.lazy-bg-loaded {
    background-image: url(../img/01_1024.jpg);
    background-size: cover;
  }
}

.hero-image2.lazy-bg-loaded {
  background-image: url(../img/02_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image2.lazy-bg-loaded {
    background-image: url(../img/02_1024.jpg);
    background-size: cover;
  }
}
.hero-image3.lazy-bg-loaded {
  background-image: url(../img/03_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image3.lazy-bg-loaded {
    background-image: url(../img/03_1024.jpg);
    background-size: cover;
  }
}
.hero-image4.lazy-bg-loaded {
  background-image: url(../img/04_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image4.lazy-bg-loaded {
    background-image: url(../img/04_1024.jpg);
    background-size: cover;
  }
}

.hero-image5.lazy-bg-loaded {
  background-image: url(../img/05_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image5.lazy-bg-loaded {
    background-image: url(../img/05_1024.jpg);
    background-size: cover;
  }
}
.hero-image6.lazy-bg-loaded {
  background-image: url(../img/06_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image6.lazy-bg-loaded {
    background-image: url(../img/06_1024.jpg);
    background-size: cover;
  }
}
.hero-image7.lazy-bg-loaded {
  background-image: url(../img/07_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image7.lazy-bg-loaded {
    background-image: url(../img/07_1024.jpg);
    background-size: cover;
  }
}
.hero-image8.lazy-bg-loaded {
  background-image: url(../img/08_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image8.lazy-bg-loaded {
    background-image: url(../img/08_1024.jpg);
    background-size: cover;
  }
}
.hero-image9.lazy-bg-loaded {
  background-image: url(../img/09_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image9.lazy-bg-loaded {
    background-image: url(../img/09_1024.jpg);
    background-size: cover;
  }
}
.hero-image10.lazy-bg-loaded {
  background-image: url(../img/10_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image10.lazy-bg-loaded {
    background-image: url(../img/10_1024.jpg);
    background-size: cover;
  }
}
.hero-image11.lazy-bg-loaded {
  background-image: url(../img/11_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image11.lazy-bg-loaded {
    background-image: url(../img/11_1024.jpg);
    background-size: cover;
  }
}
.hero-image12.lazy-bg-loaded {
  background-image: url(../img/12_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image12.lazy-bg-loaded {
    background-image: url(../img/12_1024.jpg);
    background-size: cover;
  }
}
.hero-image13.lazy-bg-loaded {
  background-image: url(../img/13_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image13.lazy-bg-loaded {
    background-image: url(../img/13_1024.jpg);
    background-size: cover;
  }
}
.hero-image14.lazy-bg-loaded {
  background-image: url(../img/14_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image14.lazy-bg-loaded {
    background-image: url(../img/14_1024.jpg);
    background-size: cover;
  }
}
.hero-image15.lazy-bg-loaded {
  background-image: url(../img/15_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image15.lazy-bg-loaded {
    background-image: url(../img/15_1024.jpg);
    background-size: cover;
  }
}
.hero-image16.lazy-bg-loaded {
  background-image: url(../img/16_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image16.lazy-bg-loaded {
    background-image: url(../img/16_1024.jpg);
    background-size: cover;
  }
}
.hero-image17.lazy-bg-loaded {
  background-image: url(../img/17_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image17.lazy-bg-loaded {
    background-image: url(../img/17_1024.jpg);
    background-size: cover;
  }
}
.hero-image18.lazy-bg-loaded {
  background-image: url(../img/18_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image18.lazy-bg-loaded {
    background-image: url(../img/18_1024.jpg);
    background-size: cover;
  }
}
.hero-image19.lazy-bg-loaded {
  background-image: url(../img/19_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image19.lazy-bg-loaded {
    background-image: url(../img/19_1024.jpg);
    background-size: cover;
  }
}
.hero-image20.lazy-bg-loaded {
  background-image: url(../img/20_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image20.lazy-bg-loaded {
    background-image: url(../img/20_1024.jpg);
    background-size: cover;
  }
}
.hero-image21.lazy-bg-loaded {
  background-image: url(../img/21_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image21.lazy-bg-loaded {
    background-image: url(../img/21_1024.jpg);
    background-size: cover;
  }
}
.hero-image22.lazy-bg-loaded {
  background-image: url(../img/22_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image22.lazy-bg-loaded {
    background-image: url(../img/22_1024.jpg);
    background-size: cover;
  }
}
.hero-image23.lazy-bg-loaded {
  background-image: url(../img/23_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image23.lazy-bg-loaded {
    background-image: url(../img/23_1024.jpg);
    background-size: cover;
  }
}
.hero-image24.lazy-bg-loaded {
  background-image: url(../img/24_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image24.lazy-bg-loaded {
    background-image: url(../img/24_1024.jpg);
    background-size: cover;
  }
}
.hero-image25.lazy-bg-loaded {
  background-image: url(../img/25_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image25.lazy-bg-loaded {
    background-image: url(../img/25_1024.jpg);
    background-size: cover;
  }
}
.hero-image26.lazy-bg-loaded {
  background-image: url(../img/26_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image26.lazy-bg-loaded {
    background-image: url(../img/26_1024.jpg);
    background-size: cover;
  }
}
.hero-image27.lazy-bg-loaded {
  background-image: url(../img/27_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image27.lazy-bg-loaded {
    background-image: url(../img/27_1024.jpg);
    background-size: cover;
  }
}
.hero-image28.lazy-bg-loaded {
  background-image: url(../img/28_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image28.lazy-bg-loaded {
    background-image: url(../img/28_1024.jpg);
    background-size: cover;
  }
}
.hero-image29.lazy-bg-loaded {
  background-image: url(../img/29_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image29.lazy-bg-loaded {
    background-image: url(../img/29_1024.jpg);
    background-size: cover;
  }
}
.hero-image30.lazy-bg-loaded {
  background-image: url(../img/30_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image30.lazy-bg-loaded {
    background-image: url(../img/30_1024.jpg);
    background-size: cover;
  }
}
.hero-image31.lazy-bg-loaded {
  background-image: url(../img/31_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image31.lazy-bg-loaded {
    background-image: url(../img/31_1024.jpg);
    background-size: cover;
  }
}

/* */
.hero-image32.lazy-bg-loaded {
  background-image: url(../img/32_1024.jpg);
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .hero-image32.lazy-bg-loaded {
    background-image: url(../img/32_1024.jpg);
    background-size: cover;
  }
}

/* navbar */

.navigation__list {
    right: 100px;
    /*top: 50px;*/
    bottom: 50 px;
    position: absolute!important;
    list-style-type: none;
}
.c {
    cursor: pointer;
    display: inline-block;
    line-height: 3;
    text-transform: uppercase;
    font-weight: 700;
}



li {
  color: #fff !important;
}

.header .navbar {
  background-color: transparent !important;
}

.navbar-toggle .icon-bar{
  position: absolute !important ;
  /*top: 5px;*/
  right: 25px;
  bottom: 5px;
}
.nav-item{
  text-align: right;
}

.custom-toggler.navbar-toggler{
  border-color: rgb(255,255,255);
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  position: absolute !important;
  top:5px;
  right:25px;
}


video#bgvideo {
position: center;
top: 0%;
left: 0%;
width: 100%;
height: 100% ;
z-index: -100;
/*min-height: 100vh;*/
overflow:hidden;
display: block;

background: url(../img/video_placeholder01.jpg) no-repeat;
background-size: cover;
}

.hero-videoTeaser {
  /*background-image: url(../img/Teaser.jpg));*/
  background-color: #010101;
  height: 100vh;
  /*background-position: center;
  background-repeat: no-repeat;
  background-size: cover;*/
  position: relative;
}

video#bgvideot {
position: fixed;
top: 0%;
left: 0%;

/*min-width: 100%;*/
/*min-height: 100vh;*/
width: auto;
height: auto;
/*min-height: 100vh;*/
overflow:hidden;
display: block;
z-index: -100;
background: url(../img/Teaser.jpg) no-repeat;
background-size: cover;
}

.logo_class {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -250px;
  width: 500px;
}
.insta_class{
  position: absolute;
  bottom: 5%;
  left: 5%;
  margin-bottom: -3px;
  margin-left: 50px;
  width: 40px;
  display: block;
}
.tw_class{
  position: absolute;
  bottom: 5%;
  left: 5%;
  margin-bottom: -2px;
  margin-left: -25px;
  width: 40px;
  display: block;
}
.fb_class{
  position: absolute;
  bottom: 5%;
  left: 5%;
  margin-bottom: -2px;
  margin-left: 15px;
  width: 40px;
  display: block;
}
.music_class{
  position: fixed;
  bottom: 5%;
  left: 5%;
  margin-bottom: -2px;
  margin-left: 90px;
  width: 40px;
  display: block;
}
.teaser_class {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -250px;
  width: 500px;
  z-index: 100;
}
.li_display{
  display: none;
}
.table_w{
  /*width: 100px;
  right: 0px;
  border: 1px;
  border-color: #000;
  border-width: thin;*/
}
.tw_class_mini{
  position: absolute;
  width: 30px;
  right: 0%;
  margin-bottom: 10px;
  margin-right: 95px;

}
.fb_class_mini{
  position: absolute;
  width: 30px;
  right: 0%;

  margin-right: 65px;
}
.insta_class_mini{
  position: absolute;
  width: 30px;
  right: 0%;

  margin-right: 35px;
}
.music_class_mini{
  position: absolute;
  width: 30px;
  right: 0%;

  margin-right: 10px;
}
@media screen and (max-width: 600px) {
  .teaser_class {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    margin-top: -15px !important;
    margin-left: -150px !important;
    width: 300px !important;
    z-index: 100 !important;
  }
  .logo_class {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    margin-top: -15px !important;
    margin-left: -150px !important;
    width: 300px !important;
    z-index: 100 !important;
  }
  .insta_class{
    position: absolute;
    top: 5%;
    left: 5%;
    margin-top: -2px;
    margin-left: 50px;
    width: 40px;
    display: none;
  }
  .tw_class{
    position: absolute;
    top: 5%;
    left: 5%;
    margin-top: -2px;
    margin-left: -25px;
    width: 40px;
    display: none;
  }
  .fb_class{
    position: absolute;
    top: 5%;
    left: 5%;
    margin-top: -2px;
    margin-left: 15px;
    width: 40px;
    display: none;
  }
  .music_class{
    position: absolute;
    top: 5%;
    left: 5%;
    margin-top: -2px;
    margin-left: 85px;
    width: 40px;
    display: none;
  }
  .li_display{
    display: block;
  }
}


@media screen and (max-device-width: 600px) {
#hero-videoTeaser  {
background: url(../img/Teaser.jpg) no-repeat;
background-size: cover;
}
#bgvideot {
display: none;
}

}





@media only screen and (min-width: 46.85em)
.card__image, .card__video {
    min-height: 100vh;
    height: 100%;
    width: 100%;
}

.card__image, .card__video {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

img {
  transition: opacity 2s ease-out;
  position: relative;
  z-index: 1;
}

img.lazy {
  opacity: 1;
}

img.yall-loaded
img.yall-error {
  opacity: 1;
}
.no-js .lazy,
.no-js .lazy-bg {
  display: none;
}

.button_audio {
  background-color: #000;
  border: none;
  color: black;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 70px;
  width: 70px;
  height: 70px;
  border-width: 37px 0px 37px 74px;
  position: absolute;
  bottom: 25%;
  left: 50%;
  margin-left: -35px;
  z-index: 100;
}