/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/* Haupt-CSS-Datei (style.css) */
@import url("weroca-gravity-forms.css");
@import url("funnel-custom.css");

/* Allgemein */
.banner.gradient .banner-bg.fill .overlay{
    background-color: rgba(17, 24, 35, 0.3);
    background-image: radial-gradient(circle, rgba(20, 20, 20, 0) 10%, rgb(20, 20, 20) 90%) !important;
    background-clip: padding-box;
}

.overlay-gradient-bottom .section-bg-overlay {
    background: linear-gradient(180deg, transparent 30%, #0e0e0e 100%) !important;
}

.multiply img{
    mix-blend-mode: multiply !important;
}

blockquote {
    border-left: 1px solid var(--fs-color-alert) !important;
  padding: 0 1.25em 0 1em !important;
  font-style: normal !important;
  line-height: 1.2em !important;
}

.text.footer-p.headline{
    text-decoration: underline;
    text-decoration-color: currentColor;
    text-decoration-color: var(--fs-color-alert) !important;
    text-decoration-thickness: 0.5px !important;
    text-underline-offset: 6px;
}

.button.weber-gruen{
    background: #184f44 !important;
}

.button.weber-gruen span{
    color: #fff !important;
}

span.weber-gruen{
    color: #356a62 !important;
}

.button.weber-gruen:hover{
   background: #fff !important;
  border-color: #fff !important;
  color: #356a62  !important;
}

.button.weber-gruen:hover span,
.button.weber-gruen:hover span{
   color: #356a62  !important;
}

.searchform-wrapper.ux-search-box .search-field.mb-0{
    background-color: hsl(0deg 0% 0% / 70%) !important;
    border-color: #454545;
    color: #fff;
    border-radius: 0 !important;
    font-size: 0.9em !important;
}

.searchform .button.icon i {
    font-size: 0.9em;
}


/*********************************************************/
/***************** MARGIN BOTTOM DELETE ******************/
/*********************************************************/
.p-margin-delete p,
.p-margin-delete h1,
.p-margin-delete h2,
.p-margin-delete h3,
.p-margin-delete h4,
.p-margin-delete h5,
.p-margin-delete h6,
.padding-bottom-delete .col,
.section.padding-bottom-delete,
.icon-box.featured-box.icon-box-center.text-center .icon-box-img, .section.section-bottom-delete{
    margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.section.padding-bottom-delete-test,
.section.padding-bottom-delete-test .col.small-12.large-12{
	padding-bottom: 0 !important;
}

.box-bounce .box-text {
    padding: 15px 15px 0px;
}

.button, button, fieldset, input, select, textarea {
    margin-bottom: 0em;
}

.portfolio-single-page  .page-wrapper {
    padding-bottom: 0px;
    padding-top: 0px;
}

.box-text .button {
    margin-bottom: 0 !important;
}

.portfolio-single-page .portfolio-summary.entry-summary{
	display: none;
}


/*********************************************************/
/************************* TEXT **************************/
/*********************************************************/
.dark .text p{
    color: #fff !important;
}


/*********************************************************/
/*********************** HEADLINE ************************/
/*********************************************************/
h1, h2, h3, h4, h5, h6{
    text-transform: unset !important;
}

.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6{
    color: #fff !important;
}

h1, h2, h3, h4, h5, h6,
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{
    letter-spacing: 0.5px;
    line-height: 1.1em !important;
}

h1 .txt-white, h2 .txt-white, h3 .txt-white, 
h4 .txt-white, h5 .txt-white, h6 .txt-white,
h1 span .txt-white, h2 span .txt-white, h3 span .txt-white, 
h4 span .txt-white, h5 span .txt-white, h6 span .txt-white{
    color: #fff !important;
}

.text.secondary-color h1, .text.secondary-color h2, .text.secondary-color h3,
.text.secondary-color h4, .text.secondary-color h5, .text.secondary-color h6{
    color: var(--fs-color-secondary) !important;
}

h1 .secondarycolor-txt, h2 .secondarycolor-txt, h3 .secondarycolor-txt, 
h4 .secondarycolor-txt, h5 .secondarycolor-txt, h6 .secondarycolor-txt, 
h1 span .secondarycolor-txt, h2 span .secondarycolor-txt, h3 span .secondarycolor-txt, 
h4 span .secondarycolor-txt, h5 span .secondarycolor-txt, h6 span .secondarycolor-txt {
    color: var(--fs-color-secondary) !important;
}

h1 .primarycolor-txt, h2 .primarycolor-txt, h3 .primarycolor-txt, 
h4 .primarycolor-txt, h5 .primarycolor-txt, h6 .primarycolor-txt, 
h1 span .primarycolor-txt, h2 span .primarycolor-txt, h3 span .primarycolor-txt, 
h4 span .primarycolor-txt, h5 span .primarycolor-txt, h6 span .primarycolor-txt {
    color: var(--fs-color-primary) !important;
}


/*****************************************/
/**************** TOPBAR *****************/
/*****************************************/
.header-top{
        min-height: 30px !important;
}

.header-top .icon-box-img svg {
    height: 55% !important;
    width: 55% !important;
}

.header-top #stack-2533178769 > * {
    --stack-gap: 0.5rem !important;
}

.header-top  .icon-box-left .icon-box-img+.icon-box-text {
    padding-left: 0 !important;
}

.nav>li>a {
    font-size: 0.9em;
}

.nav>li>a>i+span {
    margin-left: 5px;
    text-transform: none;
    font-weight: 400 !important;
    color: #fff;
}

ul.header-contact > li > a{
    color: #fff !important;
}

    ul.header-contact > li > a:hover{
        color: var(--fs-color-secondary) !important;
    }

.nav.top-bar-nav .html.header-button-2 a span{
    color: #fff !important;
    box-shadow: none !important;
}

.nav>li>a:hover>i+span,
.nav.top-bar-nav .html.header-button-2 a:hover span,
.header-social-icons .social-icons a.icon:hover i{
    color: var(--fs-color-secondary) !important; 
    box-shadow: none !important;
    opacity: 1 !important;
}


/*****************************************/
/**************** HEADER *****************/
/*****************************************/
.logo-left .logo {
    margin-left: 0 ;
    margin-right: 0 !important;
}

.header,
.header .header-wrapper,
.header-bg-color{
    opacity: 1 !important;
}

.header-main .nav > li > a {
    color: #fff !important;
}

.header-main .nav > li > a:hover {
    color: var(--fs-color-primary) !important;
}

.header-main .nav > li > a, 
.header-main .mobile-sidebar-levels-2 .nav > li > ul > li > a,
.header-main .nav > li > ul > li > a {
        font-weight: 700 !important;
    }

    .header-main .nav > li > ul > li > a{
        color:  var(--fs-color-primary) !important;
    }

    .header-main .nav > li > ul > li > a:hover,
    .header .nav > li > ul > li.active > a{
        color:  var(--fs-color-secondary) !important;
    }

    .stuck .header-main .nav > li > a {
        line-height: 30px !important;
    }

    .nav-dropdown>li>a {
        display: block;
        line-height: 1.3;
        padding: 5px 0px;
        font-size: 15px !important;
        width: auto;
    }

.header-main .social-icons, 
.header-main .cart-icon strong, 
.header-main .menu-title, 
.header-main .header-button > .button.is-outline, 
.header-main .nav > li > a > i:not(.icon-angle-down) {
    color: #fff!important;
}

.header-main .nav > li > a {
    color: #fff !important;
}

.header-main .nav > li > a:hover,
.header-main .nav > li.active > a {
    color: var(--fs-color-primary) !important;
}

.header-main .social-icons, .header-main .cart-icon strong, 
.header-main .menu-title, .header-main .header-button > .button.is-outline, .header-main .nav > li > a > i:not(.icon-angle-down) {
    color: var(--fs-color-primary);
}

li.header-search.has-icon a: .icon-search,
.header-main .nav > li > a > i:not(.icon-angle-down){
    color: var(--fs-color-primary) !important;
}

li.header-search.has-icon a:hover .icon-search{
    color: var(--fs-color-secondary) !important;
}

/***********************************************************/
/***************** TOPBAR TOOLTIPP COLOR *******************/
/***********************************************************/
.tooltipster-content,
.tooltipster-ruler{
    background-color: var(--fs-color-primary) !important;
    border-color: var(--fs-color-primary) !important;
}

.tooltipster-sidetip.tooltipster-default .tooltipster-box {
    background: var(--fs-color-primary) !important;
    border: 2px solid var(--fs-color-primary) !important;
    border-radius: 4px
}

.tooltipster-sidetip.tooltipster-default.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: var(--fs-color-primary) !important;
}

.tooltipster-sidetip.tooltipster-default.tooltipster-left .tooltipster-arrow-background {
    border-left-color: var(--fs-color-primary) !important;
}

.tooltipster-sidetip.tooltipster-default.tooltipster-right .tooltipster-arrow-background {
    border-right-color: var(--fs-color-primary) !important;
}

.tooltipster-sidetip.tooltipster-default.tooltipster-top .tooltipster-arrow-background {
    border-top-color:  var(--fs-color-primary) !important;
}

.tooltipster-sidetip.tooltipster-default.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: var(--fs-color-primary) !important;
}

.tooltipster-sidetip.tooltipster-default.tooltipster-left .tooltipster-arrow-border {
    border-left-color: var(--fs-color-primary) !important;
}

.tooltipster-sidetip.tooltipster-default.tooltipster-right .tooltipster-arrow-border {
    border-right-color: var(--fs-color-primary) !important;
}

.tooltipster-sidetip.tooltipster-default.tooltipster-top .tooltipster-arrow-border {
    border-top-color: var(--fs-color-primary) !imporant;
}

/**********************************************/
/***************** Banner ******************/
/**********************************************/
.banner-full-height .banner,
.banner-full-height.banner{
    min-height: 100%;
}


.banner h5, .banner h6, .banner p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
}


/**********************************************/
/***************** NEWS-GRID ******************/
/**********************************************/
.news-divider .box-blog-post .is-divider{
	background: var(--fs-color-secondary) !important;
}

.box-blog-post:hover .badge.post-date .badge-inner{
	background-color: var(--fs-color-secondary);
	border-color: var(--fs-color-secondary);
    color: #fff;
}

.stretched-link::after,
.from_the_blog_excerpt  .button::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}



/******************************************/
/***************** Steps ******************/
/******************************************/
.step-section::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -50%;
    width: 200%;
    height: 300px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(to top, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
    background-size: 60px 60px;
    transform: perspective(800px) rotateX(60deg);
    transform-origin: bottom center;
    z-index: 0;
}




/******************************************/
/***************** ICON *******************/
/******************************************/
.icon-box.icon-box-zentrieren{
	width: max-content;
}

.posicon{
  position: relative !important;
    top: -25px !important;
    left: -10px !important;
  margin-right: -15px
}

.text-zentriert{
    display: flex;
    align-items: center;
}

.stack.icon-content-width .icon-box{
  max-width: max-content !important;
}

.stack.icon-content-width .icon-box-left .icon-box-img,
.stack.icon-content-width .icon-box-text {
    padding-left: 0.25em !important;
    padding-top: 4px !important;
}

.stack.icon-content-width .text{
  margin-top: 6px !important;
}

.text-zentriert .icon-box-img img {
    padding-top: 0px !important;
    width: 115%;
}

.icon-box-left .icon-box-img+.icon-box-text {
    padding-left: 0.5em;
}

.stack.icon-content-width .text {
    margin-top: 0 !important;
}

.icon-box.icon-absolute {
    position: relative;
    top: -30px;
  margin-bottom: -30px;
}

.icon-text-zentriert .icon-box-text {
    align-items: center;
    display: flex;
}

.icon-text-zentriert .icon-box-img svg {
  padding-top: 5px;
}



/**********************************************/
/***************** Accordeon ******************/
/**********************************************/
.accordion-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.accordion-title {
    font-size: 1.1rem;
    line-height: 1.4em;
    color: var(--fs-color-secondary) !important;
    padding: 1em 3.5em 1em 0em !important;
    font-weight: bold;
    border-top: 1px solid var(--fs-color-secondary) !important; !important;
}

    .dark .accordion-title {
        color: #fff !important;

    }

    .accordion-title:hover{
        color: var(--fs-color-primary) !important;
    }

    .accordion .icon-angle-down:before {
        content: "\002b";
        font-size: 1.2em;
    }

    .accordion .toggle {
        top: 0;
        right: 0;
        left: unset;
        box-shadow: none !important;
        color: var(--fs-color-primary) !important;
        opacity: 1 !important;
    }

    .accordion-title:hover .toggle {
        color: var(--fs-color-primary) !important; 
        box-shadow: none !important;
        opacity: 1; 
    }

    .accordion-title.active {
        background-color: transparent !important;
        color: var(--fs-color-primary) !important;
    }

    .accordion-title.active .toggle{
        color: var(--fs-color-primary) !important;
    }

    .dark .accordion-title:hover .toggle,
    .dark .accordion-title.active .toggle{
        color: #fff !important;
    }

    .accordion-inner {
        padding: 0;
    }

/* DARK */
.section.dark .accordion-title {
    color: #fff !important;
    padding: 15px !important;
    border-top: none !important;
    background: #fff;
    margin-bottom: 10px;
}

    .section.dark .accordion .toggle {
        top: 0;
            color: var(--fs-color-secondary) !important;
            opacity: 1;
    }

    .section.dark .accordion-title:hover .toggle {
        top: 0;
        color: var(--fs-color-primary) !important;
        opacity: 1;
    }

    .section.dark .accordion-title.active {
        background: #fff !important;
        margin-bottom: 0px;
    }

    .section.dark .accordion-item .accordion-inner .accordion-text{
        display: block;
        background: #fff;
        margin-bottom: 10px;
        padding: 15px;
        padding-top: 0 !important
    }

    .section.dark .active>.toggle {
        transform: none !important;
        color: var(--fs-color-secondary) !important;
    }

    .section.dark .active .toggle{
        color: var(--fs-color-secondary) !important;
        }

    .section.dark .accordion-text p{
        color: var(--fs-color-base) !important;
    }

.section .links>li>a:before, .section i[class*=" icon-"], .section i[class^=icon-] {
    speak: none !important;
    display: inline-block;
    font-display: block;
    font-family: fl-icons !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: 400 !important;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: none !important;
}

.active>.toggle {
    transform: unset;
}



/*********************************************************/
/************************ BUTTONS ************************/
/*********************************************************/
.button.is-outline, input[type=button].is-outline, input[type=reset].is-outline, input[type=submit].is-outline {
    border-color:var(--fs-color-primary) !important;
    border: 2px solid;
}

/***************  BUTTONS | Header  ***************/
.html.header-button-1 .header-button a.button.primary,
.html.header-button-1 .header-button a.button.secondary:hover{
    background-color: var(--fs-color-primary) !important;
    background: var(--fs-color-primary) !important;
    border: none !important;
    box-shadow: none !important;
}

    .html.header-button-1 .header-button a.button.primary:hover,
    .html.header-button-1 .header-button a.button.secondary{
        background-color: var(--fs-color-secondary) !important;
        background: var(--fs-color-secondary) !important;
        box-shadow: 0 !important;
        border: none !important;
        color: var(--fs-color-success) !important;
    }

    .html.header-button-1 .header-button a.button.primary:hover span,
    .html.header-button-1 .button.primary:hover .icon-angle-righ{
        color: #fff !important;
    }

.html.header-button-1 .header-button a.button.secondary span,
.html.header-button-1 .header-button a.button.secondary span i,
.html.header-button-1 .header-button a.button.secondary{
    color: var(--fs-color-success) !important;
}

    .html.header-button-1 .header-button a.button.secondary:hover span,
    .html.header-button-1 .header-button a.button.secondary:hover span i,
    .html.header-button-1 .header-button a.button.secondary:hover{
        color: #fff !important;
    }


/***************  BUTTONS | Allgemein | HOVER  ***************/
.button.primary:hover{
    background-color: var(--fs-color-secondary);
    background: var(--fs-color-secondary);
    border-color: var(--fs-color-secondary);
    box-shadow: none !important;
    color: #fff !important;
} 

.button.secondary:hover{
    background-color: var(--fs-color-primary);
    background: var(--fs-color-primary);
    border-color: var(--fs-color-primary);
    box-shadow: none !important;
    color: #fff;
}

.button.primary.is-link:hover{
    color: var(--fs-color-secondary);
} 

.button.secondary.is-link:hover{
    color: var(--fs-color-primary);
} 

/***************  BUTTONS with Background Image & Overlay | White   ***************/
.btn-bg.button.primary:hover,
.btn-bg.button.secondary:hover{
    background: #fff;
    background-color: #fff;
    border-color: #fff;
    color: var(--fs-color-primary) !important;
    box-shadow: none !important;
}

    .btn-bg.button.secondary:hover span,
    .btn-bg.button.primary:hover span{
        color: var(--fs-color-primary) !important;
    }

    .btn-bg.button.secondary,
    .btn-bg.button.secondary.text-white:hover{
        color: var(--fs-color-success) !important;
        border-color: var(--fs-color-secondary) !important;
    }

    .btn-bg.button.primary.text-white:hover,
    .btn-bg.button.secondary.text-white:hover{
        color: var(--fs-color-success) !important;
        border-color: #fff !important;
    }


/*************** BUTTONS | WHITE ***************/
.button.white{
    color: var(--fs-color-primary) !important;
}

.button.white:hover{
    background-color: var(--fs-color-secondary) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.button.white.is-outline:hover{
    border-color:  var(--fs-color-secondary) !important;
}

    .button.white:hover span{
        color: #fff !important;
    }

/*************** BUTTONS | Outline | Text White ***************/
.btn-bg.text-white,
.btn-bg.button.primary.text-white,
.btn-bg.button.secondary.text-white,
.btn-outline.text-white span,
.btn-bg.text-white span,
.html.header-button-2 .button.primary.is-link{
    color: #fff !important;
}

/*************** BUTTONS | Simple Link | Text Black ***************/
.button.secondary.is-link{
    color: var(--fs-color-secondary) !important;
}

.button.secondary.is-link:hover{
    color: var(--fs-color-primary) !important;
}

/*************** BUTTONS | Simple Link | BG Primarycolor ***************/
.bg-primarycolor .button.secondary.is-link:hover{
    color: #fff !important;
    box-shadow: none !important;
}

/*************** BUTTONS | Formular ***************/
.bg-primarycolor .wpcf7-submit{
    background-color: var(--fs-color-secondary);
    color: #fff !important;
    box-shadow: none !important;
}

    .bg-primarycolor .wpcf7-submit:hover{
        background-color: var(--fs-color-primars);
        border-color: #fff;
        color: #fff !important;
        box-shadow: none !important;
    }

    .bg-primarycolor .button.secondary.is-link:hover{
        color: #fff !important;
    }

.buttonneu .test .text-box-content  {
   position: relative !important;
  left: -35px !important;
   top: -35px !important;
}

.button.primary.is-outline.text-white{
  color: #fff !important;
}

/********************************************/
/************ BLOG | FULLWIDTH **************/
/********************************************/
.entry-content.single-page .container .section, .row .section {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.section-custom{
    margin-top: -100px;
}

.relative.mx-auto.grid.w-full{
    background: #e4e4e4 !important;
}

.dark a.button.primary.button-arrow-right:hover{
    background: #fff !important;
    background-color: #fff !important;
}

.dark a.button.primary.button-arrow-right:hover span{
    color: #141414 !important;
}

/* Fullwidth-Blöcke in Single Posts erlauben */
.single-post .featured-title {
    display: none;
}

.article-inner.has-shadow .author-box, 
.article-inner.has-shadow .entry-content, 
.article-inner.has-shadow .entry-header-text,
.article-inner.has-shadow footer.entry-meta {
    padding-left: 0;
    padding-right: 0;
}

.single-post .entry-content.single-page{
    padding-top: 0 !important;
}

.single-post  .box-shadow-1, .box-shadow-1-hover:hover, 
.single-post  .row-box-shadow-1 .col-inner, 
.single-post  .row-box-shadow-1-hover .col-inner:hover {
    box-shadow: unset;
}

.single-post #main .page-wrapper {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

    .single-post #main .row{
        max-width: unset !important;
    }

     .single-post  #main .row .large-10.col{
        margin: 0 !important;
        padding: 0 !important;
     }

    .single-post  #main .row .section .row{
        margin: 0 auto;
        max-width: 1420px !important;
    }

.single-post .section-content > .row:not(.row-full-width) {
    padding-left: 0vh !important;
    padding-right: 0vh !important;
}

.single-post .large-10 {
    flex-basis: 100% !important;
    max-width: 100% !important;
}

.post {
    margin: 0;
}

.entry-content {
    padding-bottom: 0;
}


/***************************************************/
/************ STICKY BUTTONS / SIDEBAR**************/
/***************************************************/
.icon-sidebar {
  position: fixed;
  right: 15px;
  top: 30%;
  transform: translateY(-50%);
  z-index: 9999;
}

.icon-sidebar .icon-item {
  display: block;
  margin: 10px 0;
  width: 40px;
  height: 40px;
  background: #76B92A;
  border: 1px solid #76B82A !important;
  text-align: center;
  line-height: 35px;
  border-radius: 0px;
  font-size: 15px;
  transition: all 0.3s ease;
}

.icon-sidebar .icon-item:hover {
    box-shadow: 0 0 0 1px #76b82a,
              0 0 50px rgba(118, 184, 42, 0.0);
  border: 1px solid #76B82A !important;
  background: #0E0E0E !important;
  background-color: #0E0E0E !important;
  color: #fff !important;
}

.icon-sidebar .icon-item {
  position: relative;
}

/* Tooltip */
.icon-sidebar .icon-item::after {
  content: attr(data-tooltip);
  position: absolute;
  right: 60px;
  top: 50%;
  transform: translateY(-50%);
  background: #76B92A;
  color: #fff;
  padding: 3px 7px;
  font-size: 13px;
  border-radius: 0px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
}

/* Pfeil */
.icon-sidebar .icon-item::before {
  content: "";
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-40%);
  border-width: 6px;
  border-style: solid;
  border-color: transparent;
  opacity: 0;
  transition: all 0.3s ease;
}

/* Hover Effekt */
.icon-sidebar .icon-item:hover::after,
.icon-sidebar .icon-item:hover::before {
  opacity: 1;
  right: 60px;
}



@media (max-width: 600px) {
  .icon-sidebar .icon-item {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
}
  
.icon-sidebar .icon-item img{
  width: 18px !important;
}
  
.icon-sidebar {
    position: fixed;
    right: 15px;
    top: 30%;
    transform: translateY(-50%);
    z-index: 9999;
}
  

/*******************************************/
/***************** Footer ******************/
/*******************************************/   
.footer-widgets h3{
    font-size: 1.2em !important;
    margin-bottom: 1em;
}

.footer-widgets .social-icons a.plain:hover {
    color: var(--fs-color-primary) !important;
}

    .footer-widgets .ux-menu-link__link {
        padding-bottom: 0;
        padding-top: 0;
        font-size: 0.9em;
        min-height: auto;
    }

.ux-menu-link.menu-item a.ux-menu-link__link:hover span.ux-menu-link__text,
a.footerlink:hover, footer a:hover, .footer-widgets .social-icons a.plain{
    color: var(--fs-color-primary) !important;
}

.ux-menu-link.ux-menu-link--active .ux-menu-link__link {
    color: var(--fs-color-primary) !important;
}

.footerlogo .ux-logo-link.block.image-{
    padding: 0 !important;
}

footer p{
    margin-bottom: 0.5em !important;
}

.absolute-footer,
.absolute-footer.dark{
    display: none !important;
}

.stack-col.horizontale-nav {
    flex-direction: row;
      justify-content: flex-end;
      column-gap: 1em;
}

.stack-col.horizontale-nav a{
    font-size: 0.85em !important;
}

.footer-p blockquote {
    border-left: 6px solid var(--fs-color-primary);
    line-height: 1em;
    font-size: 1.1em;
    font-weight: no-close-quote;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-style: normal;
    margin: 0 0 0.5em;
    padding: 0 1.25em 0 .5em;
    position: relative;
    display: inline-block;
}

footer .icon-box-img svg, 
footer .icon-box-img svg path, 
footer .col-inner.dark .secondary-color .icon-box-img svg, 
footer .col-inner.dark .secondary-color .icon-box-img svg path, 
footer .col-inner.dark .icon-box-img svg path {
    fill: #fff !important;
}

footer .icon-box-img:hover svg, 
footer .icon-box-img:hover svg path, 
footer .col-inner.dark .secondary-color .icon-box-img:hover svg, 
footer .col-inner.dark .secondary-color .icon-box-img:hover svg path, 
footer .col-inner.dark .icon-box-img:hover svg path {
    fill: var(--fs-color-primary) !important;
}

.footer-logo img{
    max-width: 150px;
    height: auto;
}

/***********************************************/
/***************** BREADCRUMB ******************/
/***********************************************/  

.breadcrumb .custom-breadcrumb,
.breadcrumb .custom-breadcrumb a{
    font-size: 10px !important;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #808080;
}

/* Hover + Active */
.breadcrumb .custom-breadcrumb a:hover, .breadcrumb .custom-breadcrumb  .breadcrumb_last{
  color: #76b82a !important;
}

/* Normales Icon ausblenden beim Hover */
span.breadcrum-home img {
  transition: opacity 0.2s ease !important;
  opacity: 1 !important;
}

span.breadcrum-home:hover img {
  opacity: 0 !important;
}

/* Hover-Icon einblenden */
span.breadcrum-home:hover{
  position: relative;
 
}

span.breadcrum-home:hover::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('/wp-content/uploads/2026/05/home-page-active.svg') !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1 !important;
}

.breadcrumb-home:hover::after {
  opacity: 1;
}


/**************************************************/
/***************** TABS ******************/
/**************************************************/  
.nav-pills.nav-left {
    gap: 10px;
}

.nav-pills>li.active>a {
    background-color: var(--fs-color-primary);
    border-radius: 0;
}

.nav-pills>li>a{
  opacity: 1 !important;
  color: #fff !important;
    margin-right: 0 !important;
}


.nav-pills>li>a:hover{
  opacity: 1 !important;
  color: var(--fs-color-primary) !important;
}

.nav-pills.nav-left {
    justify-content: left;
}

.nav-pills>li>a {
    background-color: var(--fs-color-primary);
    border-radius: 0;
    opacity: 1 !important;
    color: #fff !important;
    line-height: 2.5em;
    padding: 0 .75em;
  margin-right: 10px;
}

.nav-pills>li>a:hover,
.nav-pills>li.active>a{
  box-shadow: 0 0 0 1px #76b82a,
              0 0 50px rgba(118, 184, 42, 0.0);
  background: #0E0E0E;
color: #fff !important;
}



/**************************************************/
/***************** Media Queries ******************/
/**************************************************/  


/* Banner TEXTBOX Position */
@media screen and (min-width: 850px) {
    .lg-x0 {
        left: -15px !important;
    }

    .lg-y100 {
        bottom: -15px !important;
    }

    .lg-x100 {
        right: -15px !important;
    }
}

/* START MOBILE BREAKPOINT FOR NAVIGATION */
@media only screen and (max-width: 1369px) and (min-width: 850px) {
    .nav{
        flex-direction:row-reverse;
    }
    .header-inner .flex-col.show-for-medium.flex-left {
        display: flex !important;
        justify-content: flex-end;
        flex-wrap: wrap;
        width: 100%;
        max-width: 80%;
        text-align: right;
        flex-basis: 100%;
    }
    #masthead > .header-inner > .hide-for-medium {
        display: none !important;
    }
}

.tw-hero-text .static, .tw-cycling-text br{
    display: none !important;
}

@media only screen and (max-width: 850px) {
    .nav{
        flex-direction:row;
    }
    .header-inner .flex-col.show-for-medium.flex-left {
        display: flex !important;
        flex-basis: 0%;
    }
    
    .tw-hero-text .static, .tw-cycling-text {
    font-size: 2.5em !important;
}
    


}

@media only screen and (max-width: 670px) {
.tw-hero-text .static, .tw-cycling-text {
    font-size: 2em !important;
}
    
    .tw-cycling-wrapper {
    height: 5.5em !important;
}
        .tw-hero-text .static, .tw-cycling-text br{
    display: inline !important;
}
}
/* END MOBILE BREAKPOINT FOR NAVIGATION */


/* START NEW MOBILE BREAKPOINT FOR NAVIGATION */
@media only screen and (max-width: 1369px) and (min-width: 850px) {
    .show-for-medium, [data-show=show-for-medium] {
        display:flex!important;
    }
}
/* END NEW MOBILE BREAKPOINT FOR NAVIGATION */