/*---- FONTS ANPASSUNGEN ----*/
.f58 {
  font-size: clamp(58px, 6.9vw, 74.57px) !important;
}
.f40 {
  font-size: clamp(40px, 4.76vw, 51.42px) !important;
}
.f36 {
  font-size: clamp(36px, 4.29vw, 46.29px) !important;
}
.f35 {
  font-size: clamp(30px, 4.17vw, 45px) !important;
}
.f30 {
  font-size: clamp(30px, 3.57vw, 38.57px) !important;
}
.f24 {
  font-size: clamp(24px, 2.86vw, 30.85px) !important;
}
.f18 {
  font-size: clamp(18px, 2.14vw, 23.14px) !important;
}
.f16 {
  font-size: clamp(16px, 1.9vw, 20.57px) !important;
}
.f14 {
  font-size: clamp(14px, 1.67vw, 18px) !important;
}
.f13 {
  font-size: clamp(13px, 1.55vw, 16.71px) !important;
}
.f12 {
  font-size: clamp(12px, 1.43vw, 15.43px) !important;
}
.f10 {
  font-size: clamp(10px, 1.19vw, 12.86px) !important;
}
.f08 {
  font-size: clamp(8px, 0.95vw, 10.29px) !important;
}
/* --- GLOBAL CSS --- */
.hero__text {
  margin-top: -100vh;
  z-index: 999;
}
.fluent__extras .ff-el-input--content {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
}
.fluent__extras .ff-el-input--content .ff-el-form-check-label {
  margin-left: 16px !important;
}
#fluentform_1 > fieldset > div.ff-el-group.fluent__extras {
  display: grid;
  grid-template-columns: 0.5fr 1.5fr;
  gap: 3px 0px;
  align-content: stretch;
  justify-content: start;
}
#fluentform_1 > fieldset > div.ff-el-group.fluent__extras div.ff-el-input--label.asterisk-right {
  font-size: clamp(18px, 2.14vw, 23.14px) !important;
}
#fluentform_1 > fieldset > div.ff-el-group.fluent__extras:before {
  display: none !important;
}
/*---- MENUS ----*/
#open-modal {
  cursor: pointer !important;
  cursor: -webkit-pointer !important;
}
#open-modal:hover {
  cursor: pointer !important;
  cursor: -webkit-pointer !important;
}
.lb__mobile-menu a {
  color: var(--base);
  padding-top: var(--space-xs) !important;
  padding-bottom: 0px !important;
}
.lb__mobile-menu a:hover {
  margin-left: -12px;
  color: var(--action);
  font-weight: 700;
}
.tr__menu-wrapper {
  padding: 6px 8px 2px 8px;
  border-bottom: 2px solid var(--trop-secondary);
  border-top: 2px solid var(--trop-secondary);
  color: var(--trop-secondary);
  font-weight: 700;
}
.hbb__menu-wrapper {
  padding: 6px 8px 2px 8px;
  border-bottom: 2px solid var(--bimbam-secondary);
  border-top: 2px solid var(--bimbam-secondary);
  color: var(--bimbam-secondary);
  font-weight: 700;
}
.tr__mobile-menu a {
  color: var(--trop-rosa4) !important;
  padding-top: var(--space-xs) !important;
  padding-bottom: 0px !important;
  line-height: 1;
}
.tr__mobile-menu a:hover {
  color: var(--trop-rosa4) !important;
  font-weight: 700;
}
.hbb__mobile-menu a {
  color: var(--white) !important;
  padding-top: var(--space-xs) !important;
  padding-bottom: 0px !important;
  line-height: 1;
}
.hbb__mobile-menu a:hover {
  color: var(--white) !important;
  font-weight: 700;
}
/*---- MENUS ----*/
/*---- FOOTER ----*/
#footer a {
  color: var(--base);
  font-weight: 700;
}
#footer ul {
  padding-left: 16px !important;
}
#footer ul li {
  margin-bottom: calc(var(--space-xs) * 0.5);
}
#footerTR {
  font-size: var(--text-m);
}
#footerTR a {
  color: var(--trop-lila2);
  margin-top: 0px;
  font-size: var(--text-m);
}
.trop__footer-link a {
  color: black !important;
}
/*---- FOOTER ----*/
/*---FAQ---*/
.oxy-pro-accordion_title {
  letter-spacing: 0px !important;
}
/*--- NUMBERS COUNTER ---*/
.oxel_number_counter {
  background-color: var(--white);
  width: 180px;
  height: 180px;
  border-radius: 5000px;
  /* &__number {
        padding:var(--space-xxl);
    }*/
}
.slider {
  z-index: -600 !important;
  position: fixed;
  padding-bottom: 100vh !important;
}
.slide {
  background-size: cover !important;
  z-index: 0 !important;
  background-position: center !important;
}
.z2 {
  z-index: 20 !important;
}
/*----- TOGGLE ON/OFF CANVAS MENUS BASED ON BROWSERWIDTH -----*/
@media only screen and (min-width: 993px) {
  /*#hamburgers {
  	display:none;	
  }*/
}
#desktop-menu {
  display: none;
}
.tr #desktop-menu, .hbb #desktop-menu {
  display: block !important;
}
@media only screen and (max-width: 992px) {
  #desktop-menu, .tr #desktop-menu {
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .slide h1 {
    word-break: break-word;
    font-size: 32px !important;
  }
  .deco {
    display: none;
  }
}
/*----- TOGGLE ON/OFF CANVAS MENUS BASED ON BROWSERWIDTH -----*/
/*----- FORMS LPs -----*/
#-fluent-form-676-342 .fluentform .ff-btn-submit {
  width: 100% !important;
}
/*----- LP CALENDLY ----*/
#destop-menu.calbtn {
  display: none !important;
}
.page-id-342 .calbtn {
  display: flex !important;
  font-size: var(--text-s) !important;
  font-weight: 100 !important;
  cursor: pointer !important;
  border: 2px solid CurrentColor;
  padding: 12px 8px !important;
  line-height: 1 !important;
  max-width: 500px !important;
  margin-bottom: 0 !important;
}
.page-id-342 .calbtn:hover {
  background-color: var(--bimbam-secondary) !important;
  border: 2px solid var(--bimbam-secondary) !important;
  color: black !important;
}
.page-id-342 .tr #desktop-menu, .hbb #desktop-menu {
  display: flex !important;
  flex-direction: row !important;
  align-content: center !important;
  align-items: center !important;
}
/*.page-id-342 #div_block-13-154 {
    display:none!important;
}*/
.page-id-342 #iso-menu-toggle {
  display: none !important;
}