/*
 Theme Name:   Underberg Deutsch
 Theme URI:    https://www.underberg.com
 Description:  German Underberg Theme
 Author:       Adbites GmbH
 Author URI:   https://www.adbites.de
 Template:     generatepress
 Version:      0.1
*/

/* bebas-neue-regular - latin */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/bebas-neue-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/bebas-neue-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/bebas-neue-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/bebas-neue-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/bebas-neue-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/bebas-neue-v9-latin-regular.svg#BebasNeue') format('svg'); /* Legacy iOS */
}



@media (max-width: 767px) {
  .home .page-hero {
    display: none !important;
  }
}



/* Additional CSS for Hype Animations */

.hypecon {
    max-width: 600px;
    height: 800px;
}

.flieger {
  z-index:9999;
  overflow: hidden;
}

.feeflasche {
  position:relative;
  overflow:hidden;
  height:900px;
}

.zeppelin {
  position:relative;
  overflow:hidden;
  height: 182px;
}

/* End additional CSS for Hype */

.background-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* opacity: 0.5; */
}

.page-hero {
    position: relative;
    overflow: hidden;
}

.background-video-content {
    position: relative;
    z-index: 1;
}

video[poster] {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
}


.gf_simple_horizontal_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_first,
.gf_simple_horizontal_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_middle,
.gf_simple_horizontal_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_last {
  padding-top: 0 !important;
}

.gf_simple_horizontal_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text],
.gf_simple_horizontal_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
  margin-bottom: 0 !important;
}

.gf_simple_horizontal_wrapper li.hidden_label input {
  margin-top: 0 !important;
}

body .gf_simple_horizontal_wrapper .top_label div.ginput_container {
  margin-top: 0 !important;
}

.gf_simple_horizontal div.gform_footer.top_label {
  width: auto !important;
  vertical-align: top !important;
}

.gf_simple_horizontal div.gform_body {
  width: auto !important;
}

.gf_simple_horizontal div.gform_footer.top_label input[type="submit"] {
  line-height: 26px;
  font-size: 13px;
  padding: 0 24px;
  text-transform: uppercase;
  letter-spacing: 1px
}

#gform_submit_button_1 {
    height:45px;
    font-family: Bree serif;
    font-size: 16px;
    border: 3px solid #fff;
    box-shadow: 0 0 0 2px #006747;
}

#input_1_3, #input_1_2 {
    border: 3px solid #fff;
    box-shadow: 0 0 0 2px #006747;
}

.soldout span {
  display: none !important;
}



.home .page-hero {
  padding-bottom: 35% !important;
}


.page-id-16513 .gfield_label {
  font-size: 20px !important;
}

#input_10_1_3_container label, #input_10_1_6_container label {
  opacity: 0.6 !important;
}

.page-id-16513 .ginput_container_consent {
  font-size: 15px !important;
}


#field_10_4 #input_10_4_1 input[type=checkbox]{
  width: 50px !important;
  height: 50px !important;
}


#input_10_3_1 input[type=checkbox]  {
  margin: 20px !important;
  border: 1px solid red !important;
}

.gfield_consent_label {
  padding-left: 10px;
}


.gfield_consent_label a {
  color: #ffffff;
  text-decoration: underline;
}

.sticky-banner {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 1000;
  display: block;
  width: auto;
  height: 100px;
  transition: transform 0.3s ease, right 0.3s ease, bottom 0.3s ease; /* Add transitions for right and bottom properties */
}

/* Desktop screens */
@media (min-width: 1024px) {
  .sticky-banner {
      width: 200px;
      height: auto;
  }

  .sticky-banner:hover {
      transform: scale(1.5);
      right: 60px;   /* Adjust based on how much you need */
      bottom: 60px;  /* Adjust based on how much you need */
  }
}



.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
  background-color: #006747 !important;
}