body{
    background: rgb(212,199,176);
    background: -moz-radial-gradient(circle, rgba(212,199,176,1) 0%, rgba(187,165,127,1) 100%);
    background: -webkit-radial-gradient(circle, rgba(212,199,176,1) 0%, rgba(187,165,127,1) 100%);
    background: radial-gradient(circle, rgba(212,199,176,1) 0%, rgba(187,165,127,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4c7b0",endColorstr="#bba57f",GradientType=1);
    color: #000;
}
#header {
    background: none!important;
}

h1, h2, h3, h4, h5, h6, {
    margin-top: 2rem;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    color: #000!important;
}

#footer {
    color: #000;
    padding: 1rem 1rem 0;
    text-align: center;
}

.hero.hero-large {
    min-height: 618px;
}

.bully {
    background-image: url(/user/themes/maui-mobil-de/images/header_mauimusic.de.webp);
    height: 800px;
    background-repeat: no-repeat;
    /* height: auto; */
    background-size: contain;
    position: fixed;
    top: 5%;
    left: 87%;
    width: 100%;
}

/* ----- INSTAGRAM ----- */

.insta_container {
    display: flex;
    flex-wrap: wrap;
  }
  
  .instagram_Square {
    position: relative;
    flex-basis: calc(33.333% - 10px);
    margin: 5px;
    box-sizing: border-box;
    overflow: hidden;
  }
  
  .instagram_Square::before {
    content: '';
    display: block;
    padding-top: 100%;
  }
  
  .instagram_Square .content {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 100%;
    max-width: 6000px;
  }


  .zitat {
    display: flex;
      padding-top: 6rem;
      padding-bottom: 7rem;
      background-position: center;
      background-size: cover;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
  }

  .divide {
    display: flex;
      padding-top: 6rem;
      padding-bottom: 7rem;
      background-position: center;
      background-size: cover;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
  }
  
  .zitat p {
    font-size: 3rem;
    font-weight: 800;
    color: white;
  }

  /*-- YouTube --*/

.youtube-player {
    position: relative;
    padding-bottom: 56.23%;
    /* Use 75% for 4:3 videos */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    margin: 5px;
}

.youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
}

.youtube-player img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all;
}

.youtube-player img:hover {
    -webkit-filter: brightness(75%);
}

.youtube-player .play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url("//i.imgur.com/TxzC70f.png") no-repeat;
    cursor: pointer;
}



.video-container {
    position: relative;
    padding-bottom: 42.25%;
    padding-top: 130px;
    height: 0;
    overflow: hidden;
}
.video-container-slide {
  position: relative;
  padding-bottom: 6.25%;
 /* padding-top: 130px; */
  height: 0;
  overflow: hidden;
}
.video-container-slide iframe,
.video-container-slide object,
.video-container-slide embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.sparkle {
    background-image: url(/user/themes/maui-mobil-de/images/sparklebackground.svg);
    height: 100%;
    background-size: contain;
    position: fixed;
    background-position: bottom;
    opacity: 0.3;
    bottom: -102px;
    width: 100%;
    z-index: -1;
}

.overlay-menu{
    font-size: 2rem;
}

#headline > * {
    text-align: center;
}
@media all and (min-width: 1024px) and (max-width: 1280px) {

 }

@media all and (min-width: 768px) and (max-width: 1024px) {
    .head_logo {
        max-width: 84%;
    }
 }

@media all and (min-width: 480px) and (max-width: 768px) { 
    .bully {
       opacity: 0;
    }
}

@media all and (max-width: 480px) {
    .bully {
        opacity: 0;
     }
 }


/* Portrait */
@media screen and (orientation:portrait) { /* Portrait styles here */ }
/* Landscape */
@media screen and (orientation:landscape) { /* Landscape styles here */ }


/* CSS for iPhone, iPad, and Retina Displays */

/* Non-Retina */
@media screen and (-webkit-max-device-pixel-ratio: 1) {
}

/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
}

/* iPhone Portrait */
@media screen and (max-device-width: 480px) and (orientation:portrait) {
} 

/* iPhone Landscape */
@media screen and (max-device-width: 480px) and (orientation:landscape) {
}

/* iPad Portrait */
@media screen and (min-device-width: 481px) and (orientation:portrait) {
}

/* iPad Landscape */
@media screen and (min-device-width: 481px) and (orientation:landscape) {
}