body{

   /* Location of the image */
  /* https://www.myride-online.com/layouts/europapark/bluefire/img/
    background-image: url(https://www.myride-online.com/layouts/europapark/bluefire/img/background.jpg);
  background-image: url(../img/background.jpg);
  */

  background-image: url(https://www.myride-online.com/layouts/europapark/bluefire/img/background.jpg);
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;

  /*Fallback für Browser (IE; FF; OP; Safari) 
*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;

  
  /* Set a background color that will be displayed
     while the background image is loading
     -> Fallback EP Background Color
     */
  background-color: #375677;

 /* No Scroll -> X Axis */
  overflow-x: hidden !important;
}

.bg-ep{

  background: #375677;
}

.centerelement{

  
  margin-bottom: 25px;
}

/* 
  ##Device = Desktops
  ##Screen = 81px to higher resolution desktops
*/

@media (min-width: 1281px) {
  body {
   background-image: url(https://www.myride-online.com/layouts/europapark/bluefire/img/background.jpg);
  }
 }
 
 /* 
   ##Device = Laptops, Desktops
   ##Screen = B/w 1025px to 1280px
 */
 
 @media (min-width: 1025px) and (max-width: 1280px) {
   body {
      background-image: url(https://www.myride-online.com/layouts/europapark/bluefire/img/background.jpg);
     }

     .centerelement{

      margin-top: 2% !important;
  }
    }
   
 
 /* 
   ##Device = Tablets, Ipads (portrait)
   ##Screen = B/w 768px to 1024px
 */
 
 @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
   
   body {
      background-image: url(https://www.myride-online.com/layouts/europapark/bluefire/img/tablet1.jpg);
     }

     .centerelement{

      margin-top: 20% !important;
  }
    }
    
 /* 
   ##Device = Tablets, Ipads (landscape)
   ##Screen = B/w 768px to 1024px
 */
 
 @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
   
   body {
      background-image: url(https://www.myride-online.com/layouts/europapark/bluefire/img/tablet.jpg);
     }

     .centerelement{

      margin-top: 5% !important;
  }
    }
    
 /*Galaxy S7 and S8 */
@media only screen and (min-width : 359px) and (max-width : 361px) and (orientation: portrait){
   
  body {
     background-image: url(https://www.myride-online.com/layouts/europapark/bluefire/img/samsungs8.jpg) !important;
     
    }

    a {

     font-size: 0.9rem !important;
    }
    .centerelement{

     margin-top: 60% !important;
 }
   }

 /* 
   ##Device = Low Resolution Tablets, Mobiles (Landscape)
   ##Screen = B/w 481px to 767px
 */
 
 @media (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
   
   body {
      background-image: url(https://www.myride-online.com/layouts/europapark/bluefire/img/smartdevice1.jpg);
     }
     .centerelement{

      margin-top: 8% !important;
  }
     
    }
    
    a {

      font-size: 0.9rem !important;
     }





 /* 
   ##Device = Most of the Smartphones Mobiles (Portrait)
   ##Screen = B/w 320px to 479px
 */
 
 @media (min-width: 320px) and (max-width: 480px) and (orientation: portrait) {
   
   body {
      background-image: url(https://www.myride-online.com/layouts/europapark/bluefire/img/smartdevice.jpg);
      
     }

     a {

      font-size: 0.9rem !important;
     }
     .centerelement{

      margin-top: 60% !important;
  }
    }


    .hide {
      display: none;
   
   
     }