@media screen and (min-width: 800px) {
 
body > div.body-container-wrapper > div > div.row-fluid-wrapper.row-depth-1.row-number-2 > div > div > div > div > div > div.row-fluid-wrapper.row-depth-1.row-number-5 > div{
  
    place-self: center;
    width: 1200px;
  
}


  
body > div.body-container-wrapper > div > div.row-fluid-wrapper.row-depth-1.row-number-2 > div {
    position: relative;
    z-index: 1; /* Stellt sicher, dass der Inhalt über dem Overlay bleibt */
}

body > div.body-container-wrapper > div > div.row-fluid-wrapper.row-depth-1.row-number-2 > div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('https://1421492.fs1.hubspotusercontent-na1.net/hubfs/1421492/19-09-18%20Lion%20City%20Tour%20at%20GESS%20-%20IMG_2355.jpg') no-repeat center center;
    background-size: cover;
    z-index: -1; /* Hintergrund hinter den Inhalt setzen */
}

body > div.body-container-wrapper > div > div.row-fluid-wrapper.row-depth-1.row-number-2 > div::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(2, 133, 66, 1), rgba(2, 133, 66, 0.8) 20%); /* Gradient von 100% nach 80% bei 1/5 des Bildes */
    z-index: -1; /* Overlay hinter den Inhalt setzen */
}


#hs_form_target_widget_1738284978261{
  
    border-radius: 20px;
    background: white;
    padding: 30px;
    width: 500px;
    margin-left: 100px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional: Schattierung */

  }  
  
  
body > div.body-container-wrapper > div > div.row-fluid-wrapper.row-depth-1.row-number-1{
  
  display: none;
  
  }



.review-live-container {
margin-left: 100px;
  width: 500px !important;
  border-radius: 20px !important;
 margin-bottom: 20px;
  }  

#hs_cos_wrapper_widget_1738578104204{
   margin-top: 20px;
  margin-left: 100px;
    width: 500px;
  }

input.hs-button.primary.large{
  padding: 30px !important;
    min-width: -webkit-fill-available !important;
  }

.custom-accordion{
  margin-top: 40px;
  margin-left: 100px;
    width: 500px;
  }
.progress-wrapper{
    margin-left: 100px;
    width: 500px;
  }
  

  

  
iframe.ytp-chrome-top{
  display: none !important;
  }
  
#hs_cos_wrapper_module_164567544860648 > div > div > div > div > div > div.social{
  display: none;
  }
  
div.bottom-section{    
    border-top: 1px solid #ccc;
    padding-top: 15px;  
  }
  
div.rating-container{  
padding-left: 10px;
border-left: 1px solid #ccc;  
}
  
div.live-indicator{  
padding-right: 10px; 
}
  
input.hs-button.primary.large{
      line-height: 20px !important;
  }
  
  
  
}




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

body > div.body-container-wrapper > div > div.row-fluid-wrapper.row-depth-1.row-number-1 > div > div{
  display: none;
  }
  
/* Sicherstellen, dass das Element eine relative Position hat */
body > div.body-container-wrapper > div > div.row-fluid-wrapper.row-depth-1.row-number-2 > div > div {
    position: relative;
    z-index: 1; /* Sicherstellen, dass der Inhalt über dem Hintergrund bleibt */
}

/* Hintergrundbild hinzufügen */
body > div.body-container-wrapper > div > div.row-fluid-wrapper.row-depth-1.row-number-2 > div > div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('https://1421492.fs1.hubspotusercontent-na1.net/hubfs/1421492/19-09-18%20Lion%20City%20Tour%20at%20GESS%20-%20IMG_2355.jpg') no-repeat center center;
    background-size: cover;
    z-index: -1; /* Hintergrund hinter den Inhalt setzen */
}

/* Overlay hinzufügen */
body > div.body-container-wrapper > div > div.row-fluid-wrapper.row-depth-1.row-number-2 > div > div::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(2, 133, 66, 1), rgba(2, 133, 66, 0.8) 20%);
    z-index: -1; /* Overlay hinter den Inhalt setzen */
}



body > div.body-container-wrapper > div > div.row-fluid-wrapper.row-depth-1.row-number-2 > div > div{
  padding-top: 0px;
  }

body > div.body-container-wrapper > div > div.row-fluid-wrapper.row-depth-1.row-number-2 > div > div > div > div > div > div.row-fluid-wrapper.row-depth-1.row-number-4{
  display: none;
  }

#hs_cos_wrapper_widget_185581228861_ > h1{
  text-align-last: center !important;
    line-height: 32px;
    font-size: 25px !important;
  }
  
#hs_cos_wrapper_widget_185581228861{
  padding-left: 0px !important;
  }
  
p.countdown-title{
line-height: px !important;
font-size: 17px;
    }
  
  
p.subtitle{
  font-size: 12px;
  }
  
#hs_cos_wrapper_widget_1738897154666_ > h3 > span {
  font-size: 18px !important;
  }

#hs_cos_wrapper_widget_1738290702841_ > h3{
 font-size: 25px !important;
  } 

#hs_cos_wrapper_widget_1738897154666_ > h3{
  display: none;
  }
  
#hs_cos_wrapper_module_164490643863761 > div > div.main-navbar > div > div::after {
  content: attr(data-heading) !important;
  font-family: fv-almelo !important;
  font-size: 20px !important;
  color: #fff !important; /* Weißer Text */
  margin-top: 0px !important; /* Kein Abstand zwischen Logo und Text */
  display: block !important;
  margin-bottom: 0px !important;
  line-height: 10px !important;
}

/* H1 ausblenden */
h1 {
  visibility: hidden !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}



#hs_cos_wrapper_module_164490643863761 > div > div.main-navbar > div > div{
      column-gap: 35px !important;
    place-items: center !important;
    display: inline-flex !important;
      justify-self: center !important;
   }
  
.head-logo{
      text-align: center !important;
   }    


  
div.live-indicator > div.text{
  font-size: 11px;
  }
  
div.rating-container > div.rating-text{
  font-size: 10px !important;
  }
div.rating-container > div.stars{
    font-size: 10px !important;
    }

div.half-star{  

  width: 0px !important;
  height: 10px !important;
  
  }
  
div.review-live-container{
  margin-bottom: 10px;
  border-radius: 20px;
  }
  
#hs_cos_wrapper_widget_1738901329507{
      padding-left: 0px !important;
  }

#hs_cos_wrapper_widget_1738290702841{
  padding-left: 0px !important;
  }
#hs_cos_wrapper_widget_1738290702841_ > p{
  text-align: center;
  }
  
#progress-container{
  margin-bottom: 20px;
  }
  
#hs_cos_wrapper_widget_1738578104204{
  margin-bottom: 20px;
    margin-top: 40px;
  }

#hs_cos_wrapper_widget_1738286909696{
  padding-left: 0px !important;
  }

#hs_cos_wrapper_widget_185581228861_ > p{
      margin-top: 20px !important; 
    margin-bottom: 0px !important;
  }
  
  
#hs_cos_wrapper_widget_1738660371208{
  padding-left: 0px !important;
  padding-bottom: 60px !important;
  padding-top: 40px !important;
  }
  
#hs_cos_wrapper_widget_1738660371208_ > div > div > div > div > div > span{
  font-size: 20px;
  }
#hs_cos_wrapper_module_164567544860648 > div > div > div > div > div > div.social{
  display: none;
  }

input.hs-button.primary.large {
      width: -webkit-fill-available; !important;
  }

div.bottom-section{
  padding-top: 10px;
  border-top: 1px solid #ccc;
   margin-top: 0px !important;
  }  
div.live-indicator{
  padding-right: 10px;
  }
div.rating-container{
border-left: 1px solid #ccc;  
}  
  
div.rating-text{
  line-height: normal;
  }
  
div.stars{
    line-height: normal;
  }
div.rating-container{
  gap: 0px;
  }  
  
#hs_cos_wrapper_widget_1738284978261{
  background: white;
    padding: 20px;
    border-radius: 20px;
  }

#hs_cos_wrapper_widget_1738901329507_ > h2{
    justify-self: center !important;
    font-size: 25px !important;
  }

#unique-countdown-container > div.unique-countdown-text-area > p{
  line-height: 20px;
  }
  
input.hs-button.primary.large{
      line-height: 20px !important;
  }
  
}