/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

div#hs_cos_wrapper_global_header_v2 .container {
    max-width: 100% !important;
}

#return-to-top {
   display: none !important;
}

.modal-content {
  
  border: 0;
}
.hhs-post-feat-img.lazy-background.visible {
    border-radius: 10px;
}

p {
    font-size: 14px !important;
    font-weight: 400
}

.my-main-container {
  padding-top:50px;
  
}

.post-page-full .blog-header-full {
  padding-top:0px;
}

.sticky-menu .hamburger-icon .line {
  background: #fff !important;
}

.hhs-menu-button {
  display: block !important;
}

a#clear-filters {
    cursor: pointer;
}

.post-page-full img {
  border-radius: 0.5rem;
}

* {
  outline: none !important;
}

.accordion-button:focus {
  border:0 !important;
  box-shadow:none !important;
}

li.breadcrumb-item {
    font-size: 0.8em;
}

.green {
    color: #369369;
}

.orange {
   color: #DA7117;
}

.red {
   color: #9E2035;
}

.rounded {
  border-radius: 0.5rem;
}

.underlined {
 text-decoration: underline; 
}

.bolder {
  font-weight: bolder !important;
}


.hero i {
  fill: white;
  color: white;
  font-size: 48px;
}

 .img-96 {
    width: 96px;
    height: 96px;
  }

.widget-close-btn:hover {
  color: #333;
  transform: scale(1.1);
}

.widget-close-btn:active {
  transform: scale(0.95);
}

.blog-pagination__link.blog-pagination__number-link {
  height: 32px;
  width: 32px;
  display: flex;
  text-align: center;
  align-content: center;
  justify-content: center;
  font-weight: 500;
  align-items: center; /* Fügt vertikale Zentrierung hinzu */
  line-height: 1; 
  border-radius: 100px;
}
.hhs-blog-grid-cards .blog-pagination__link--active {
  background: #4CCD85;
  color: #fff !important;;
  border: none !important;
}

.hhs-blog-grid-cards .blog-pagination__number-link:hover, .hhs-blog-grid-cards .blog-pagination__number-link:focus {
    background: #4CCD85 !important;
  color: #fff !important;;
  border: none !important;;
}


.review-widget-container {
  position: fixed;
  bottom: 16px;
  left: 16px;
  transition: transform 0.3s ease-in-out;
}

.review-widget-container.show.minimized {
    z-index: 11;
    width: 1px;
    height: auto; 
}

.review-widget-container.show {
    z-index: 11;
}

/* Neue Klasse für erhöhte Position */
.review-widget-container.widget-elevated {
  transform: translateY(-120px); /* Anpassbar je nach Filterhöhe */
}

/* Rest der bestehenden Styles */
.widget-trigger {
  position: absolute;
  bottom: 0;
  left: 0;
}

.review-bubble {
  height: 60px;
  width: 60px;
  background: linear-gradient(145deg, rgba(212, 175, 55, 0.4), rgba(184, 134, 11, 0.9));
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.review-bubble {
    height: 60px;
    width: 60px;
  background: linear-gradient(145deg, rgba(212, 175, 55, 0.4), rgba(184, 134, 11, 0.9));
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.review-widget-container.show {
    z-index: 2;
}

.review-bubble:hover {
  transform: scale(1.05);
}

.review-bubble i {
  font-size: 32px;
  color: #fff;
}

#proSealWidget {
  position: absolute;
  bottom: 60px; /* Abstand zur Bubble */
  left: 0;
  transform-origin: bottom left;
  transition: transform 0.3s ease, opacity 0.3s ease;
  opacity: 1;
  transform: translateY(0);
}

.minimized #proSealWidget {
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
}
/* TABS */


a.nav-link.active,.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    border-radius: 10px;
    border-color: transparent !important;
    box-shadow: 0 1px 2px 0 rgba(85, 105, 135, .1) !important;
    background: #fff !important;
}

.hs-button:hover, .hs-button:focus, .button--primary:hover, .button--primary:focus {
    -moz-transform: scale(1) !important;
    -webkit-transform: scale(); !important;
    -o-transform: scale(1) !important;;
    -ms-transform: scale(1) !important;;
     transform: scale(1) !important;
}

form#hs-membership-passwordless-auth-form:before {
    content: 'oder';
    text-align: center;
    margin: 0 auto;
    justify-content: center;
    display: flex;
    font-weight: 700;
    margin-bottom: 20px;
}



.hs-form-field {
    margin-bottom: 10px;
}

#hs_cos_wrapper_passwordless_auth_confirmation_resend_button .hs-button-wrapper {
    text-align: left !important;
    margin-bottom: 4rem;
}

span.form-separator {
    display: none;
}

.membership-page #hs_cos_wrapper_sign_in_button, .membership-page .hs-button, .membership-page .hs-submit {
  margin: 10px 0;
}

.hs-button {
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 1rem;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-font-weight: 700;
    --bs-btn-line-height: 1.25;
--bs-btn-color: #fff;
    --bs-btn-bg: #2dcd85;
    --bs-btn-border-color: #2dcd85;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2fd68b;
    --bs-btn-hover-border-color: #2fd68b;
    --bs-btn-focus-shadow-rgb: 74, 216, 126;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2dcd85;
    --bs-btn-active-border-color: #209d4d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #2AD167;
    --bs-btn-disabled-border-color: #2AD167;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0.5rem;
    --bs-btn-box-shadow: 0px 1px 2px rgba(105, 81, 255, 0.05);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

@media (min-width: 992px) { /* Ab LG-Bildschirmen (min-width: 992px) */
.pr-10 {
  padding-right: 10px !important;
}
}

.listing-page {
    padding-bottom: 30px;
}

.login-page .hs-form-field:first-child {
    display: none;
}

/******* ANIMATIONS *********/


 @keyframes pulse {
            0% {
                transform: scale(1);
                opacity: 1;
            }
            50% {
                transform: scale(1.2);
                opacity: 0.7;
            }
            100% {
                transform: scale(1);
                opacity: 1;
            }
        }
        .pulsing-icon {
            animation: pulse 1.5s infinite;
        }


.range-slider {
    position: relative;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}

.ph-duotone::before {
    opacity: 0.35 !important;
}

.range-slider input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    position: absolute;
    margin: 0;
    pointer-events: none;
    z-index: 2; /* Wichtig: sorgt dafür, dass die Slider bedienbar sind */
}

.range-slider input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
    pointer-events: auto; /* Wichtig: erlaubt das Anfassen der Slider */
    z-index: 3;
}



.range-slider input[type="range"]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 3;
    pointer-events: auto;
}

.range-slider input[type="range"]:nth-child(1)::-webkit-slider-thumb {
    background-color: #2dd087 !important;
}

.range-slider input[type="range"]:nth-child(2)::-webkit-slider-thumb {
    background-color: #ff5733 !important;
}


/*********** Baseline, reset styles ***********/
input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  cursor: pointer;
  width: 100%;
    z-index: 2; /* Wichtig: sorgt dafür, dass die Slider bedienbar sind */
}

/* Removes default focus */
input[type="range"]:focus {
  outline: none;
}

/******** Chrome, Safari, Opera and Edge Chromium styles ********/
/* slider track */
input[type="range"]::-webkit-slider-runnable-track {
  background-color: #f6f8fa;
  border-radius: 0.5rem;
  height: 0.5rem;
}

/* slider thumb */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  margin-top: -4px; /* Centers thumb on the track */
  background-color: #4CCD85 !important;
  border-radius: 0.5rem;
  height: 1rem;
  width: 1rem;
   pointer-events: auto; 
}

input[type="range"]:focus::-webkit-slider-thumb {
  outline: 3px solid #4CCD85 !important;
  outline-offset: 0.125rem;
}

/*********** Firefox styles ***********/
/* slider track */
input[type="range"]::-moz-range-track {
  background-color: #f6f8fa !important;
  border-radius: 0.5rem;
  height: 0.5rem;
}

/* slider thumb */
input[type="range"]::-moz-range-thumb {
  background-color: #4CCD85 !important;
  border: none; /*Removes extra border that FF applies*/
  border-radius: 0.5rem;
  height: 1rem;
  width: 1rem;
}

input[type="range"]:focus::-moz-range-thumb{
  outline: 3px solid #2dd087 !important;
  outline-offset: 0.125rem;
}

.range-slider {
    position: relative;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}

.range-slider input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    background: transparent;
    position: absolute;
    pointer-events: none;
    margin: 0;
}

* {
    outline: none !important;
}


.range-slider input[type="range"]:hover {
    opacity: 1;
}

.range-slider input[type="range"]:nth-child(1)::-webkit-slider-thumb {
    background-color: #4CCD85 !important;
}

.range-slider input[type="range"]:nth-child(2)::-webkit-slider-thumb {
    background-color: #4CCD85 !important;
}

.range-slider input[type="range"]:focus:nth-child(1)::-webkit-slider-thumb {
    outline: 3px solid #2dd087 !important;
  outline-offset: 0.125rem;
}

.range-slider input[type="range"]:focus:nth-child(2)::-webkit-slider-thumb {
    outline: 3px solid #2dd087 !important;
  outline-offset: 0.125rem;
}



.btn-primary:hover {
    color: #fff;
    background-color: #369369;
    border-color: #369369;
}

.bg-cover {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.btn-p-alt {
   color: #fff;
    background-color: #369369 !important;
    border-color: #369369 !important;
}

.btn-secondary {
   color: #242424 !important;
    background-color: #F5F8FA !important;
    border: 2px solid #F5F8FA !important;
  
}

.btn-secondary:hover {
   background-color:  #fff !important;
     border: 2px solid #369369 !important;
}

.text-secondary {
  color: #525252 !important;
}

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-bg: ;
    --bs-breadcrumb-border-radius: ;
    --bs-breadcrumb-divider-color: var(--bs-secondary-color);
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius);
}

li.breadcrumb-item {
    font-size: .8em;
}

.breadcrumb a {
color: #6C757D;
}

li.breadcrumb-item.active {
    color: #242424;
}

 .spinner-border {
            color: #242424 !important; /* Setzt die Farbe des Spinners */
        }

@media (min-width: 1440px) {
    .hhs-nav-grid {
        padding: 0;
    }
}





@media (min-width: 1640px) {
    .container {
        max-width: 1440px;
    }
}

@media (min-width: 1919px) {
    .container {
        max-width: 1720px;
    }
}



@media (max-width: 767px) {
    .pe-4,.ps-4 {
        padding: 0 !important;
        padding-top:4rem;
    }
  .tooltip {
   display: none !important; 
  }
  
  .my-main-container {
  
  }
  
 

}

@media only screen and (max-width: 575px) {
    #hs_cos_wrapper_dnd_area-module-2 .clean-base .row {
        padding-top: 50px !important;
        padding-right: 30px !important;
        padding-bottom: 30px !important;
        padding-left: 20px !important;
    }
}

  @media (min-width: 768px) {
    .position-lg-absolute {
      position: absolute !important;
    }
  }

/* Header NAV*/

.hhs-lang-switch .lang_list_class li a, .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a, .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
    font-size: 16px;
    font-weight: 500;
}

div#hs_cos_wrapper_admin_contact {
    margin-top: auto;
    bottom: 0;
    border: 0;
    display: inline-flex;
    position: absolute;
}


/* LOGIN / REGISTER */

    .content-wrapper.membership-section {
      padding:150px 0;

    }

  <div id="hs_cos_wrapper_passwordless_auth_confirmation_resend_button" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module" >








<div class="hs-resend-sign-in">

  <div class="hs-button-wrapper hs-button-wrapper--resend-sign-in">
    <button
      class="hs-button hs-button--resend-sign-in"
      
      
    >
      Resend sign-in link
    </button>
  </div>

  

  

  <div
    class="hs-resend-sign-in__alert hs-resend-sign-in__alert--success"
    aria-atomic="true"
    aria-live="polite"
    role="alert"
    aria-label="Success alert"
  >
    <div class="hs-resend-sign-in__alert-content">
      <p><strong>A new sign-in link has been sent</strong> An email has been sent to  with a link that you can use to sign in.</p>
    </div>
    <button
      class="hs-resend-sign-in__alert-close-icon hs-resend-sign-in__alert-close-icon--success"
      id="hs-resend-sign-in__alert-close-icon--success"
      aria-label="Close alert"
    >
      <span id="hs_cos_wrapper_passwordless_auth_confirmation_resend_button_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon" ><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" aria-hidden="true"><g id="Xmark1_layer"><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/></g></svg></span>
    </button>
  </div>

  

  <div
    class="hs-resend-sign-in__alert hs-resend-sign-in__alert--error"
    aria-atomic="true"
    aria-live="polite"
    role="alert"
    aria-label="Error alert"
  >
    <div class="hs-resend-sign-in__alert-content">
      <p><strong>Member is not registered</strong> Member must be registered to request passwordless authentication.</p>
    </div>
    <button
      class="hs-resend-sign-in__alert-close-icon hs-resend-sign-in__alert-close-icon--error"
      id="hs-resend-sign-in__alert-close-icon--error"
      aria-label="Close alert"
    >
      <span id="hs_cos_wrapper_passwordless_auth_confirmation_resend_button_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon" ><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" aria-hidden="true"><g id="Xmark2_layer"><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/></g></svg></span>
    </button>
  </div>

</div></div>

      .membership-section i {
        color: #fff;
        font-size: 1.2rem;
        margin-right:1em;
      }


  .membership-page {
    margin: unset !important;
        max-width: 640px;
    border-radius: 10px;
  }

 .membership-section.content-wrapper .row {
    display: flex;
  }

  .membership-section .col-lg-6 {
    display: flex;
    flex-direction: column;
  } */

  .membership-page,
 .membership-section .col-lg-6 > div {
    flex: 1;
    display: flex;
    flex-direction: column;
  }

button {
    cursor: pointer !important;
}

.white {
 color: #fff; 
}

.white-btn {
 background-color: #fff ; 
  color: #222 !important;
}

.white-btn:hover {
 background-color: #fff ; 
  color: #222 !important;
}

.white-btn:focus {
 background-color: #fff ; 
  color: #222 !important;
}


.arguments {
      position: relative;
      background-image: url('https://drivist.de/hubfs/Blog/240301_blog_fahrtenbuch-app.png');
      background-size: cover;
      background-position: center;
      color: white;
}

.my_dark_overlay {
      width: 100%;
      height: 100%;
      background-color: rgba(2, 2, 2, 0.45);
      display: flex;
      justify-content: flex-start;
      align-items: center;
      text-align: left;
      padding: 5rem;
    }

    ul.arguments_list li {
      list-style-type: none;
      color: #fff;
      font-weight: 500;
    }


.cta-primary:hover, 
.cta-primary:focus, 
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary:hover, 
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary:focus, 
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary:hover, 
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary:focus, 
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary:hover, 
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary:focus {
  transform: scale(1) !important; /* Korrekt ohne Leerzeichen */
}

.card-title {
      background-image: linear-gradient(to right, #369369, #2dd087);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
  font-size: 24px;
  line-height: 32px;
}


/* h1 gradient GREEN     background-image: linear-gradient(to right, #369369, #2dd087);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;*/

h1 span.green, h2 span.green, h3 span.green {

    color: #2dd087;
}

/* h1 gradient ORANGE */

h1 span.orange{
    background-image:linear-gradient(to right, #DA7117, #F28B50);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

h3 span.orange{
    background-image: linear-gradient(to right, #DA7117, #F28B50);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

h4 span.orange{
    background-image: linear-gradient(to right, #DA7117, #F28B50);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

/* h1 gradient RED */

h1 span.red{
    background-image: linear-gradient(to right, #9E2035, #BF4A5B);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

h2 span.red, h3 span.red, h4 span.red, h5 span.red{
    background-image: linear-gradient(to right, #9E2035, #BF4A5B);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

h4 span.underlined {
  background-image: none;
    -webkit-background-clip: unset;
    -moz-background-clip: unset;
    -webkit-text-fill-color: unset;
    -moz-text-fill-color: unset; 
  
}

h1 span::selection, h2 span::selection, h3 span::selection {
    background-color: #262626; /* Farbe der Textmarkierung */
    color: #262626; /* Farbe des markierten Textes */
 background-image: none !important; /* Hintergrund entfernen */
    -webkit-background-clip: border-box !important; /* Hintergrundclip zurücksetzen */
    -webkit-text-fill-color: #fff !important; /* Textfarbe wiederherstellen */
}

h1::selection, h2::selection, h3::selection {
 background-color: #262626; /* Farbe der Textmarkierung */
    color: #262626 !important; /* Farbe */
 background-image: none !important; /* Hintergrund entfernen */
    -webkit-background-clip: border-box !important; /* Hintergrundclip zurücksetzen */
    -webkit-text-fill-color: #fff !important; /* Textfarbe wiederherstellen */
}

@font-face {
 font-family: 'lexend'; 
 src: url('https://drivist.de/hubfs/fonts/lexend.eot?') format('eot'), url('https://drivist.de/hubfs/fonts/lexend.woff') format('woff'), url('https://drivist.de/hubfs/fonts/lexend.ttf') format('truetype');
}



h1 {font-family: 'lexend', sans-serif !important;}
h2 {font-family: 'lexend', sans-serif !important;}
h3 {font-family: 'lexend', sans-serif !important;}
h4 {font-family: 'lexend', sans-serif !important;}
h5 {font-family: 'lexend', sans-serif !important;}
h6 {font-family: 'lexend', sans-serif !important;}



body, p {font-family: 'lexend', sans-serif !important;}
li, ol {font-family: 'lexend', sans-serif !important;}
blockquote {font-family: 'lexend', sans-serif !important;}


h1.blog-post__title {font-family: 'lexend', sans-serif !important;}
.blog-post h2 {font-family: 'lexend', sans-serif !important;}
.blog-post h3 {font-family: 'lexend', sans-serif !important;}
.blog-post h4 {font-family: 'lexend', sans-serif !important;}
.blog-post h5 {font-family: 'lexend', sans-serif !important;}
.blog-post h6 {font-family: 'lexend', sans-serif !important;}


div#filterAccordion {
    display: grid;
    gap: 16px;
}

.hhs-head-cta-1 {
    margin-right: 0 !important;
}

#comments-listing .comment-body p,
.blog-post p,
.blog-post span {font-family: 'lexend', sans-serif !important;}
.blog-post li, .blog-post ol {font-family: 'lexend', sans-serif !important;}

.cta-four {
  
  background: linear-gradient(270deg, #fff, #f6f8fa);
  color: #262626 !important;
  transition: all 0.3s !important;
  
}

.cta-four:hover {
    transform: scale(1.02);
    color: #262626 !important;
}

.cta-primary,
.cta-primary:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-primary 
  {font-family: 'lexend', sans-serif !important;}


.cta-secondary,
.cta-secondary:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-secondary
  {font-family: 'lexend', sans-serif !important;}

.cta-tertiary,
.cta-tertiary:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-tertiary
  {font-family: 'lexend', sans-serif !important;}

.cta-four,
.cta-four:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-four,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-four,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-four
  {font-family: 'lexend', sans-serif !important;}

.cta-five,
.cta-five:active,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-five,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-five,
.hhs-alt-nav .hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a.cta-five
  {font-family: 'lexend', sans-serif !important;}


.hs-button,
.button--primary {font-family: 'lexend', sans-serif !important;}

.submit-alt .hs-button,
.submit-alt .button--primary {font-family: 'lexend', sans-serif !important;}

form,
.submitted-message,
select,
.hs-input {font-family: 'lexend', sans-serif !important;}

.hs-fieldtype-checkbox > label,
.hs-form label {font-family: 'lexend', sans-serif !important;}

.hs_radio_buttons .hs-form-radio label,
.hs_single_checkbox label,
.hs-form label.hs-form-radio-display span,
.hs-fieldtype-checkbox .hs-form-checkbox label,
.hs-form-booleancheckbox label 
  {font-family: 'lexend', sans-serif !important;}

.hs-form legend {font-family: 'lexend', sans-serif !important;}

.legal-consent-container,
.legal-consent-container p {font-family: 'lexend', sans-serif !important;}

.hs-error-msgs label {font-family: 'lexend', sans-serif !important;}

.hhs-lang-switch .lang_list_class li a,
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a,
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
  font-family: 'lexend', sans-serif !important;
  
}

.hhs-foot-rss h5, .hhs-foot-nav-col h5 {
  font-family: 'lexend', sans-serif !important;
}

.hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
  font-family: 'lexend', sans-serif !important;
}