.elementor-31 .elementor-element.elementor-element-8ccc1c3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-e150419{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-e150419:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-e150419 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDE5DF;}.elementor-31 .elementor-element.elementor-element-e150419.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-15ba210{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-15ba210.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-9dc696d{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-9dc696d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-d50e72b.elementor-element{--align-self:flex-end;}.elementor-31 .elementor-element.elementor-element-d50e72b .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-31 .elementor-element.elementor-element-d50e72b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-31 .elementor-element.elementor-element-d50e72b.elementor-view-framed .elementor-icon, .elementor-31 .elementor-element.elementor-element-d50e72b.elementor-view-default .elementor-icon{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-31 .elementor-element.elementor-element-d50e72b .elementor-icon{font-size:14px;}.elementor-31 .elementor-element.elementor-element-d50e72b .elementor-icon-box-title, .elementor-31 .elementor-element.elementor-element-d50e72b .elementor-icon-box-title a{font-family:var( --e-global-typography-acacae3-font-family ), Sans-serif;font-size:var( --e-global-typography-acacae3-font-size );font-weight:var( --e-global-typography-acacae3-font-weight );line-height:var( --e-global-typography-acacae3-line-height );}.elementor-31 .elementor-element.elementor-element-d50e72b .elementor-icon-box-description{font-family:var( --e-global-typography-acacae3-font-family ), Sans-serif;font-size:var( --e-global-typography-acacae3-font-size );line-height:var( --e-global-typography-acacae3-line-height );color:#554C46;}.elementor-31 .elementor-element.elementor-element-ec3c0d4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:10px;}.elementor-31 .elementor-element.elementor-element-16b37aa{width:auto;max-width:auto;}.elementor-31 .elementor-element.elementor-element-16b37aa > .elementor-widget-container{margin:0px 8px 0px 0px;}.elementor-31 .elementor-element.elementor-element-16b37aa.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-60427ab > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-60427ab{--main-alignment:right;--divider-style:solid;--subtotal-divider-style:solid;--view-cart-button-display:none;--cart-footer-layout:1fr;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:var( --e-global-color-text );--toggle-button-background-color:#EDE5DF;--toggle-button-icon-hover-color:#6F6257;--toggle-button-hover-background-color:#EDE5DF;--toggle-button-border-width:0px;--toggle-icon-size:20px;--items-indicator-text-color:#F7F5F0;--items-indicator-background-color:var( --e-global-color-primary );--cart-border-style:none;--checkout-button-background-color:var( --e-global-color-primary );--checkout-button-hover-background-color:var( --e-global-color-accent );}body:not(.rtl) .elementor-31 .elementor-element.elementor-element-60427ab .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:-8px;top:-8px;}body.rtl .elementor-31 .elementor-element.elementor-element-60427ab .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:8px;top:-8px;left:auto;}.elementor-31 .elementor-element.elementor-element-60427ab .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-31 .elementor-element.elementor-element-60427ab .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );border-radius:3px 3px 3px 3px;}.elementor-31 .elementor-element.elementor-element-f67f4fe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:dashed;--border-style:dashed;border-width:0px 0px 2px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;border-color:#E2DBD0;--border-color:#E2DBD0;}.elementor-31 .elementor-element.elementor-element-f67f4fe:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-f67f4fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F5F0;}.elementor-31 .elementor-element.elementor-element-4c21e62{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-9a92a64{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-9a92a64.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-fd3bdc5{text-align:start;}.elementor-31 .elementor-element.elementor-element-fd3bdc5 img{width:170px;}.elementor-31 .elementor-element.elementor-element-0e1c28d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:6px;--padding-bottom:6px;--padding-left:6px;--padding-right:6px;}.elementor-31 .elementor-element.elementor-element-ca13f3a{--display:flex;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-02c8ef6{width:auto;max-width:auto;}.elementor-31 .elementor-element.elementor-element-02c8ef6 > .elementor-widget-container{margin:0px 0px 0px 16px;}.elementor-31 .elementor-element.elementor-element-02c8ef6.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-cb4c52b{--display:flex;}.elementor-31 .elementor-element.elementor-element-accaad4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:dashed;--border-style:dashed;border-width:0px 0px 2px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;border-color:#E2DBD0;--border-color:#E2DBD0;}.elementor-31 .elementor-element.elementor-element-accaad4:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-accaad4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F5F0;}.elementor-31 .elementor-element.elementor-element-f3227b8{--display:flex;}.elementor-31 .elementor-element.elementor-element-296bd0e{--display:flex;}.elementor-31 .elementor-element.elementor-element-296bd0e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-60236b7{text-align:start;}.elementor-31 .elementor-element.elementor-element-60236b7 img{width:160px;}.elementor-31 .elementor-element.elementor-element-b5b93ff{--display:flex;}.elementor-31 .elementor-element.elementor-element-b5b93ff.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-3758d24{--display:flex;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-31 .elementor-element.elementor-element-d50e72b .elementor-icon-box-title, .elementor-31 .elementor-element.elementor-element-d50e72b .elementor-icon-box-title a{font-size:var( --e-global-typography-acacae3-font-size );line-height:var( --e-global-typography-acacae3-line-height );}.elementor-31 .elementor-element.elementor-element-d50e72b .elementor-icon-box-description{font-size:var( --e-global-typography-acacae3-font-size );line-height:var( --e-global-typography-acacae3-line-height );}.elementor-31 .elementor-element.elementor-element-60427ab .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-size:var( --e-global-typography-text-font-size );}.elementor-31 .elementor-element.elementor-element-accaad4{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-f3227b8{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-296bd0e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-60236b7 > .elementor-widget-container{margin:0px 16px 16px 16px;}.elementor-31 .elementor-element.elementor-element-60236b7{z-index:100;}.elementor-31 .elementor-element.elementor-element-60236b7 img{width:200px;}.elementor-31 .elementor-element.elementor-element-b5b93ff{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-3758d24{--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-31 .elementor-element.elementor-element-4190cf2.elementor-element{--align-self:flex-end;}}@media(min-width:768px){.elementor-31 .elementor-element.elementor-element-9dc696d{--width:96.858%;}.elementor-31 .elementor-element.elementor-element-9a92a64{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-31 .elementor-element.elementor-element-9dc696d{--width:702.037px;}.elementor-31 .elementor-element.elementor-element-296bd0e{--width:50%;}.elementor-31 .elementor-element.elementor-element-b5b93ff{--width:50%;}}@media(max-width:767px){.elementor-31 .elementor-element.elementor-element-15ba210{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-9dc696d{--width:79.761%;}.elementor-31 .elementor-element.elementor-element-d50e72b > .elementor-widget-container{margin:2px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-d50e72b .elementor-icon-box-wrapper{text-align:start;gap:13px;}.elementor-31 .elementor-element.elementor-element-d50e72b .elementor-icon{font-size:30px;}.elementor-31 .elementor-element.elementor-element-d50e72b .elementor-icon-box-title, .elementor-31 .elementor-element.elementor-element-d50e72b .elementor-icon-box-title a{font-size:var( --e-global-typography-acacae3-font-size );line-height:var( --e-global-typography-acacae3-line-height );}.elementor-31 .elementor-element.elementor-element-d50e72b .elementor-icon-box-description{font-size:var( --e-global-typography-acacae3-font-size );line-height:var( --e-global-typography-acacae3-line-height );}.elementor-31 .elementor-element.elementor-element-ec3c0d4{--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-60427ab{--main-alignment:center;--toggle-icon-size:35px;}.elementor-31 .elementor-element.elementor-element-60427ab .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-size:var( --e-global-typography-text-font-size );}.elementor-31 .elementor-element.elementor-element-fd3bdc5{text-align:start;}.elementor-31 .elementor-element.elementor-element-accaad4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-31 .elementor-element.elementor-element-f3227b8{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-31 .elementor-element.elementor-element-296bd0e{--width:100%;}.elementor-31 .elementor-element.elementor-element-60236b7 > .elementor-widget-container{margin:0px 0px 0px 4px;padding:0px 8px 8px 8px;}.elementor-31 .elementor-element.elementor-element-60236b7{text-align:start;}.elementor-31 .elementor-element.elementor-element-60236b7 img{width:80%;}.elementor-31 .elementor-element.elementor-element-b5b93ff{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-3758d24{--margin-top:032px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-31 .elementor-element.elementor-element-4190cf2.elementor-element{--align-self:center;}}/* Start custom CSS for container, class: .elementor-element-e150419 */.elementor-menu-toggle {
    padding: 0px !important;
}

#elementor-menu-cart__toggle_button {
    padding: 0px !important;
}

.elementor-menu-cart__wrapper .elementor-menu-cart__toggle_button:hover {
    background-color: white !important;
}/* End custom CSS */
/* Start custom CSS for aws, class: .elementor-element-77ecc23 *//* Suchlupe dauerhaft schwarz */
.aws-search-btn,
.aws-search-btn .aws-search-btn_icon,
.aws-search-btn .aws-search-btn_icon svg {
    color: #000000 !important;
}

.aws-search-btn .aws-search-btn_icon svg path {
    fill: #000000 !important;
    stroke: none !important;
}/* End custom CSS */
/* Start custom CSS for template, class: .elementor-element-e237c5c */```css
/* ==================================================
   FOOTER-KATEGORIENMENÜ
   Normal: Schwarz
   Hover und aktiv: #CACACA
   ================================================== */

#footer-category-menu nav a,
#footer-category-menu nav a:link,
#footer-category-menu nav a:visited {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

#footer-category-menu nav a *,
#footer-category-menu nav a:link *,
#footer-category-menu nav a:visited * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

/* Footer Hover */
#footer-category-menu nav a:hover,
#footer-category-menu nav a:hover * {
    color: #CACACA !important;
    -webkit-text-fill-color: #CACACA !important;
}

/* Footer aktiv */
#footer-category-menu nav a.elementor-item-active,
#footer-category-menu nav a.elementor-item-active *,
#footer-category-menu nav a[aria-current="page"],
#footer-category-menu nav a[aria-current="page"] *,
#footer-category-menu nav .current-menu-item > a,
#footer-category-menu nav .current-menu-item > a *,
#footer-category-menu nav .current_page_item > a,
#footer-category-menu nav .current_page_item > a *,
#footer-category-menu nav .current-menu-parent > a,
#footer-category-menu nav .current-menu-parent > a *,
#footer-category-menu nav .current-menu-ancestor > a,
#footer-category-menu nav .current-menu-ancestor > a * {
    color: #CACACA !important;
    -webkit-text-fill-color: #CACACA !important;
}


/* ==================================================
   HAUPTNAVIGATION IM HEADER
   Normal: Schwarz
   Hover und aktiv: #CACACA
   ================================================== */

/* Normale Header-Menüpunkte */
html body #header-menu a,
html body #header-menu a:link,
html body #header-menu a:visited,
html body #header-menu .e-n-menu-title,
html body #header-menu .e-n-menu-title-container,
html body #header-menu .e-n-menu-title-text {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

/* Innere Texte normal */
html body #header-menu a *,
html body #header-menu .e-n-menu-title *,
html body #header-menu .e-n-menu-title-container *,
html body #header-menu .e-n-menu-title-text * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

/* Header Hover */
html body #header-menu a:hover,
html body #header-menu a:hover *,
html body #header-menu .e-n-menu-title:hover,
html body #header-menu .e-n-menu-title:hover *,
html body #header-menu .e-n-menu-title-container:hover,
html body #header-menu .e-n-menu-title-container:hover * {
    color: #CACACA !important;
    -webkit-text-fill-color: #CACACA !important;
}

/* Aktive einzelne Kategorie */
html body #header-menu a.elementor-item-active,
html body #header-menu a.elementor-item-active *,
html body #header-menu a[aria-current="page"],
html body #header-menu a[aria-current="page"] *,
html body #header-menu .current-menu-item > a,
html body #header-menu .current-menu-item > a *,
html body #header-menu .current_page_item > a,
html body #header-menu .current_page_item > a * {
    color: #CACACA !important;
    -webkit-text-fill-color: #CACACA !important;
}

/* Aktive Unterkategorie */
html body #header-menu a.elementor-sub-item.elementor-item-active,
html body #header-menu a.elementor-sub-item.elementor-item-active *,
html body #header-menu .sub-menu .current-menu-item > a,
html body #header-menu .sub-menu .current-menu-item > a *,
html body #header-menu .sub-menu a[aria-current="page"],
html body #header-menu .sub-menu a[aria-current="page"] * {
    color: #CACACA !important;
    -webkit-text-fill-color: #CACACA !important;
}

/* Zugehörige aktive Oberkategorie */
html body #header-menu .current-menu-parent > a,
html body #header-menu .current-menu-parent > a *,
html body #header-menu .current-menu-ancestor > a,
html body #header-menu .current-menu-ancestor > a *,
html body #header-menu .current_page_parent > a,
html body #header-menu .current_page_parent > a *,
html body #header-menu .current_page_ancestor > a,
html body #header-menu .current_page_ancestor > a * {
    color: #CACACA !important;
    -webkit-text-fill-color: #CACACA !important;
}

/* Neues Elementor-Menü: geöffnet oder aktiv */
html body #header-menu .e-n-menu-title[aria-expanded="true"],
html body #header-menu .e-n-menu-title[aria-expanded="true"] *,
html body #header-menu .e-n-menu-title.e-current,
html body #header-menu .e-n-menu-title.e-current *,
html body #header-menu .e-n-menu-title.e-active,
html body #header-menu .e-n-menu-title.e-active * {
    color: #CACACA !important;
    -webkit-text-fill-color: #CACACA !important;
}

/* Aktive Unterseite im neuen Elementor-Menü */
html body #header-menu .e-n-menu-title:has(a[aria-current="page"]),
html body #header-menu .e-n-menu-title:has(a[aria-current="page"]) *,
html body #header-menu .e-n-menu-title:has(.elementor-item-active),
html body #header-menu .e-n-menu-title:has(.elementor-item-active) *,
html body #header-menu .e-n-menu-title:has(.current-menu-item),
html body #header-menu .e-n-menu-title:has(.current-menu-item) * {
    color: #CACACA !important;
    -webkit-text-fill-color: #CACACA !important;
}

/* Pfeile und Icons im Header normal */
html body #header-menu svg,
html body #header-menu svg path,
html body #header-menu .sub-arrow {
    color: #000000 !important;
    fill: #000000 !important;
}

/* Pfeile und Icons bei Hover oder aktiv */
html body #header-menu a:hover svg,
html body #header-menu a:hover svg path,
html body #header-menu .e-n-menu-title:hover svg,
html body #header-menu .e-n-menu-title:hover svg path,
html body #header-menu a.elementor-item-active svg,
html body #header-menu a.elementor-item-active svg path,
html body #header-menu a[aria-current="page"] svg,
html body #header-menu a[aria-current="page"] svg path,
html body #header-menu .e-n-menu-title[aria-expanded="true"] svg,
html body #header-menu .e-n-menu-title[aria-expanded="true"] svg path {
    color: #CACACA !important;
    fill: #CACACA !important;
}
```/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb4c52b *//* ==================================================
   HAUPTNAVIGATION IM HEADER

   Normal: Schwarz
   Hover: #CACACA
   Aktive Kategorie: #CACACA
   Aktive übergeordnete Kategorie: #CACACA
   ================================================== */


/* --------------------------------------------------
   1. NORMALE FARBE: SCHWARZ
   -------------------------------------------------- */

/* Neues Elementor-Menü */
html body #header-menu .e-n-menu-title,
html body #header-menu .e-n-menu-title-container,
html body #header-menu .e-n-menu-title-text,
html body #header-menu .e-n-menu-title a,
html body #header-menu .e-n-menu-title a:link,
html body #header-menu .e-n-menu-title a:visited,

/* Klassisches Elementor-Menü */
html body #header-menu .elementor-nav-menu a,
html body #header-menu .elementor-nav-menu a:link,
html body #header-menu .elementor-nav-menu a:visited,
html body #header-menu a.elementor-item,
html body #header-menu a.elementor-sub-item {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}


/* Innere Texte ebenfalls schwarz */
html body #header-menu .e-n-menu-title *,
html body #header-menu .elementor-nav-menu a *,
html body #header-menu a.elementor-item *,
html body #header-menu a.elementor-sub-item * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}


/* Pfeile und Icons normal schwarz */
html body #header-menu .e-n-menu-title svg,
html body #header-menu .e-n-menu-title svg path,
html body #header-menu .sub-arrow,
html body #header-menu .sub-arrow svg,
html body #header-menu .sub-arrow path {
    color: #000000 !important;
    fill: #000000 !important;
}


/* --------------------------------------------------
   2. HOVER-FARBE: GRAU
   -------------------------------------------------- */

/* Oberkategorien und einzelne Kategorien */
html body #header-menu .e-n-menu-title:hover,
html body #header-menu .e-n-menu-title:hover *,
html body #header-menu .elementor-nav-menu a:hover,
html body #header-menu .elementor-nav-menu a:hover *,
html body #header-menu a.elementor-item:hover,
html body #header-menu a.elementor-item:hover *,
html body #header-menu a.elementor-sub-item:hover,
html body #header-menu a.elementor-sub-item:hover * {
    color: #CACACA !important;
    -webkit-text-fill-color: #CACACA !important;
}


/* Pfeile und Icons bei Hover grau */
html body #header-menu .e-n-menu-title:hover svg,
html body #header-menu .e-n-menu-title:hover svg path,
html body #header-menu a:hover .sub-arrow,
html body #header-menu a:hover .sub-arrow svg,
html body #header-menu a:hover .sub-arrow path {
    color: #CACACA !important;
    fill: #CACACA !important;
}


/* --------------------------------------------------
   3. AKTIVE EINZELNE KATEGORIE: GRAU
   -------------------------------------------------- */

html body #header-menu a.elementor-item-active,
html body #header-menu a.elementor-item-active *,
html body #header-menu a[aria-current="page"],
html body #header-menu a[aria-current="page"] *,
html body #header-menu .current-menu-item > a,
html body #header-menu .current-menu-item > a *,
html body #header-menu .current_page_item > a,
html body #header-menu .current_page_item > a *,
html body #header-menu .current-cat > a,
html body #header-menu .current-cat > a * {
    color: #CACACA !important;
    -webkit-text-fill-color: #CACACA !important;
}


/* --------------------------------------------------
   4. AKTIVE UNTERKATEGORIE: GRAU
   -------------------------------------------------- */

html body #header-menu a.elementor-sub-item.elementor-item-active,
html body #header-menu a.elementor-sub-item.elementor-item-active *,
html body #header-menu .sub-menu .current-menu-item > a,
html body #header-menu .sub-menu .current-menu-item > a *,
html body #header-menu .sub-menu .current_page_item > a,
html body #header-menu .sub-menu .current_page_item > a *,
html body #header-menu .sub-menu a[aria-current="page"],
html body #header-menu .sub-menu a[aria-current="page"] * {
    color: #CACACA !important;
    -webkit-text-fill-color: #CACACA !important;
}


/* --------------------------------------------------
   5. OBERKATEGORIE EINER AKTIVEN UNTERKATEGORIE: GRAU
   -------------------------------------------------- */

html body #header-menu .current-menu-parent > a,
html body #header-menu .current-menu-parent > a *,
html body #header-menu .current-menu-ancestor > a,
html body #header-menu .current-menu-ancestor > a *,
html body #header-menu .current_page_parent > a,
html body #header-menu .current_page_parent > a *,
html body #header-menu .current_page_ancestor > a,
html body #header-menu .current_page_ancestor > a *,
html body #header-menu .current-cat-parent > a,
html body #header-menu .current-cat-parent > a *,
html body #header-menu .current-cat-ancestor > a,
html body #header-menu .current-cat-ancestor > a * {
    color: #CACACA !important;
    -webkit-text-fill-color: #CACACA !important;
}


/* Neues Elementor-Mega-Menü:
   Oberkategorie bei aktiver Unterkategorie grau */
html body #header-menu .e-n-menu-title:has(a[aria-current="page"]),
html body #header-menu .e-n-menu-title:has(a[aria-current="page"]) *,
html body #header-menu .e-n-menu-title:has(.elementor-item-active),
html body #header-menu .e-n-menu-title:has(.elementor-item-active) *,
html body #header-menu .e-n-menu-title:has(.current-menu-item),
html body #header-menu .e-n-menu-title:has(.current-menu-item) * {
    color: #CACACA !important;
    -webkit-text-fill-color: #CACACA !important;
}


/* --------------------------------------------------
   6. GEÖFFNETE OBERKATEGORIE: GRAU
   -------------------------------------------------- */

html body #header-menu .e-n-menu-title[aria-expanded="true"],
html body #header-menu .e-n-menu-title[aria-expanded="true"] *,
html body #header-menu .e-n-menu-title:has([aria-expanded="true"]),
html body #header-menu .e-n-menu-title:has([aria-expanded="true"]) * {
    color: #CACACA !important;
    -webkit-text-fill-color: #CACACA !important;
}


/* --------------------------------------------------
   7. PFEILE AKTIVER KATEGORIEN: GRAU
   -------------------------------------------------- */

html body #header-menu a.elementor-item-active .sub-arrow,
html body #header-menu a.elementor-item-active .sub-arrow svg,
html body #header-menu a.elementor-item-active .sub-arrow path,
html body #header-menu a[aria-current="page"] .sub-arrow,
html body #header-menu a[aria-current="page"] .sub-arrow svg,
html body #header-menu a[aria-current="page"] .sub-arrow path,
html body #header-menu .current-menu-parent > a .sub-arrow,
html body #header-menu .current-menu-parent > a .sub-arrow svg,
html body #header-menu .current-menu-parent > a .sub-arrow path,
html body #header-menu .current-menu-ancestor > a .sub-arrow,
html body #header-menu .current-menu-ancestor > a .sub-arrow svg,
html body #header-menu .current-menu-ancestor > a .sub-arrow path,
html body #header-menu .e-n-menu-title[aria-expanded="true"] svg,
html body #header-menu .e-n-menu-title[aria-expanded="true"] svg path {
    color: #CACACA !important;
    fill: #CACACA !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f84255f */```html
<style>
/* ==================================================
   BREADCRUMBS AUF KATEGORIE- UND ARCHIVSEITEN
   ================================================== */

.leon-breadcrumbs-mainnav,
.leon-breadcrumbs-archive {
    text-align: center !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

.leon-breadcrumbs-mainnav *,
.leon-breadcrumbs-archive * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

.leon-breadcrumbs-mainnav a,
.leon-breadcrumbs-mainnav a:link,
.leon-breadcrumbs-mainnav a:visited,
.leon-breadcrumbs-mainnav a:hover,
.leon-breadcrumbs-mainnav a:focus,
.leon-breadcrumbs-mainnav a:active,
.leon-breadcrumbs-archive a,
.leon-breadcrumbs-archive a:link,
.leon-breadcrumbs-archive a:visited,
.leon-breadcrumbs-archive a:hover,
.leon-breadcrumbs-archive a:focus,
.leon-breadcrumbs-archive a:active {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}


/* ==================================================
   BREADCRUMBS AUF PRODUKTSEITEN
   ================================================== */

html body.single-product .woocommerce-breadcrumb,
html body.single-product .breadcrumbs,
html body.single-product [class*="breadcrumb"],
html body.single-product [id*="breadcrumb"] {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

/* Sämtliche Inhalte der Produkt-Breadcrumbs schwarz */
html body.single-product .woocommerce-breadcrumb *,
html body.single-product .breadcrumbs *,
html body.single-product [class*="breadcrumb"] *,
html body.single-product [id*="breadcrumb"] * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

/* Links auf Produktseiten in allen Zuständen schwarz */
html body.single-product .woocommerce-breadcrumb a,
html body.single-product .woocommerce-breadcrumb a:link,
html body.single-product .woocommerce-breadcrumb a:visited,
html body.single-product .woocommerce-breadcrumb a:hover,
html body.single-product .woocommerce-breadcrumb a:focus,
html body.single-product .woocommerce-breadcrumb a:active,
html body.single-product .breadcrumbs a,
html body.single-product .breadcrumbs a:link,
html body.single-product .breadcrumbs a:visited,
html body.single-product .breadcrumbs a:hover,
html body.single-product .breadcrumbs a:focus,
html body.single-product .breadcrumbs a:active,
html body.single-product [class*="breadcrumb"] a,
html body.single-product [class*="breadcrumb"] a:link,
html body.single-product [class*="breadcrumb"] a:visited,
html body.single-product [class*="breadcrumb"] a:hover,
html body.single-product [class*="breadcrumb"] a:focus,
html body.single-product [class*="breadcrumb"] a:active,
html body.single-product [id*="breadcrumb"] a,
html body.single-product [id*="breadcrumb"] a:link,
html body.single-product [id*="breadcrumb"] a:visited,
html body.single-product [id*="breadcrumb"] a:hover,
html body.single-product [id*="breadcrumb"] a:focus,
html body.single-product [id*="breadcrumb"] a:active {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

/* Auf Produktseiten zusätzliche Leon-Breadcrumbs ausblenden */
body.single-product .leon-breadcrumbs-mainnav,
body.single-product .leon-breadcrumbs-archive {
    display: none !important;
}
<\/style>

<script>
(function () {
    const validPaths = [
        "/neu/",
        "/rollstuhlsaecke/",
        "/b-ware/",
        "/abverkauf/",
        "/outdoor-stoffe/oxford-polyesterstoffe/",
        "/outdoor-stoffe/melange-leinenoptik/",
        "/outdoor-stoffe/acryl-uv/",
        "/outdoor-stoffe/wasserabweisend/",
        "/outdoor-stoffe/vorhaenge/",
        "/outdoor-stoffe/musterfaecher-outdoor-stoffe/",
        "/outdoor-stoffe/uv-outdoor-kunstleder/",
        "/outdoor-stoffe/uv-bestaendige-stoffe/",
        "/outdoor-stoffe/olefin-uv/",
        "/indoor-stoffe/kunstleder-meterware/",
        "/indoor-stoffe/spannvlies/",
        "/indoor-stoffe/anti-rutsch-gewebe/",
        "/indoor-stoffe/baumwollstoffe/"
    ];

    function isNaturallyVisible(element) {
        const style = window.getComputedStyle(element);

        if (
            style.display === "none" ||
            style.visibility === "hidden" ||
            style.opacity === "0"
        ) {
            return false;
        }

        return Boolean(
            element.offsetWidth ||
            element.offsetHeight ||
            element.getClientRects().length
        );
    }

    function hideElement(element) {
        element.style.setProperty(
            "display",
            "none",
            "important"
        );
    }

    function resetElement(element) {
        element.hidden = false;
        element.style.removeProperty("display");
    }

    function initializeBreadcrumbs() {
        const pathname = window.location.pathname;
        const searchParams = new URLSearchParams(
            window.location.search
        );

        const isProductPage =
            document.body.classList.contains("single-product");

        const mainBreadcrumbs = Array.from(
            document.querySelectorAll(
                ".leon-breadcrumbs-mainnav"
            )
        );

        const archiveBreadcrumbs = Array.from(
            document.querySelectorAll(
                ".leon-breadcrumbs-archive"
            )
        );

        const allLeonBreadcrumbs = Array.from(
            new Set([
                ...mainBreadcrumbs,
                ...archiveBreadcrumbs
            ])
        );

        /*
         * Frühere Inline-Ausblendungen entfernen,
         * damit die von Elementor für die aktuelle
         * Bildschirmgröße vorgesehene Version erkannt wird.
         */
        allLeonBreadcrumbs.forEach(resetElement);

        /*
         * Auf Produktseiten alle zusätzlichen Leon-Breadcrumbs
         * ausblenden. Der Produkt-Breadcrumb bleibt bestehen.
         */
        if (isProductPage) {
            allLeonBreadcrumbs.forEach(hideElement);
            return;
        }

        /*
         * Für alle Indoor-Unterkategorien sowie die festgelegten
         * Seiten wird der Mainnav-Breadcrumb verwendet.
         */
        const useMainBreadcrumb =
            validPaths.includes(pathname) ||
            pathname.startsWith("/indoor-stoffe/") ||
            pathname.startsWith("/home-living/") ||
            searchParams.has("s");

        const desiredBreadcrumbs = useMainBreadcrumb
            ? mainBreadcrumbs
            : archiveBreadcrumbs;

        /*
         * Die für Desktop, Tablet oder Mobil vorgesehene
         * sichtbare Elementor-Version auswählen.
         */
        const selectedBreadcrumb =
            desiredBreadcrumbs.find(isNaturallyVisible) ||
            desiredBreadcrumbs[0];

        /*
         * Anschließend wirklich alle Varianten ausblenden.
         */
        allLeonBreadcrumbs.forEach(hideElement);

        /*
         * Exakt einen Breadcrumb wieder freigeben.
         * Kein display:block, damit Elementors responsive
         * Einstellungen erhalten bleiben.
         */
        if (selectedBreadcrumb) {
            selectedBreadcrumb.hidden = false;
            selectedBreadcrumb.style.removeProperty("display");
        }
    }

    function startBreadcrumbs() {
        initializeBreadcrumbs();

        /*
         * Absicherung, falls Elementor Bestandteile
         * zeitversetzt lädt.
         */
        window.setTimeout(initializeBreadcrumbs, 300);
        window.setTimeout(initializeBreadcrumbs, 1000);
    }

    if (document.readyState === "loading") {
        document.addEventListener(
            "DOMContentLoaded",
            startBreadcrumbs
        );
    } else {
        startBreadcrumbs();
    }

    let resizeTimer;

    window.addEventListener("resize", function () {
        window.clearTimeout(resizeTimer);

        resizeTimer = window.setTimeout(
            initializeBreadcrumbs,
            150
        );
    });
})();
</script>
```/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f67f4fe */```css
/* ==================================================
   FOOTER-KATEGORIENMENÜ
   Normal: Schwarz
   Hover und aktiv: #CACACA
   ================================================== */

#footer-category-menu nav a,
#footer-category-menu nav a:link,
#footer-category-menu nav a:visited {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

#footer-category-menu nav a *,
#footer-category-menu nav a:link *,
#footer-category-menu nav a:visited * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

/* Footer Hover */
#footer-category-menu nav a:hover,
#footer-category-menu nav a:hover * {
    color: #CACACA !important;
    -webkit-text-fill-color: #CACACA !important;
}

/* Footer aktiv */
#footer-category-menu nav a.elementor-item-active,
#footer-category-menu nav a.elementor-item-active *,
#footer-category-menu nav a[aria-current="page"],
#footer-category-menu nav a[aria-current="page"] *,
#footer-category-menu nav .current-menu-item > a,
#footer-category-menu nav .current-menu-item > a *,
#footer-category-menu nav .current_page_item > a,
#footer-category-menu nav .current_page_item > a *,
#footer-category-menu nav .current-menu-parent > a,
#footer-category-menu nav .current-menu-parent > a *,
#footer-category-menu nav .current-menu-ancestor > a,
#footer-category-menu nav .current-menu-ancestor > a * {
    color: #CACACA !important;
    -webkit-text-fill-color: #CACACA !important;
}


/* ==================================================
   HAUPTNAVIGATION IM HEADER
   Normal: Schwarz
   Hover und aktiv: #CACACA
   ================================================== */

/* Normale Header-Menüpunkte */
html body #header-menu a,
html body #header-menu a:link,
html body #header-menu a:visited,
html body #header-menu .e-n-menu-title,
html body #header-menu .e-n-menu-title-container,
html body #header-menu .e-n-menu-title-text {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

/* Innere Texte normal */
html body #header-menu a *,
html body #header-menu .e-n-menu-title *,
html body #header-menu .e-n-menu-title-container *,
html body #header-menu .e-n-menu-title-text * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

/* Header Hover */
html body #header-menu a:hover,
html body #header-menu a:hover *,
html body #header-menu .e-n-menu-title:hover,
html body #header-menu .e-n-menu-title:hover *,
html body #header-menu .e-n-menu-title-container:hover,
html body #header-menu .e-n-menu-title-container:hover * {
    color: #CACACA !important;
    -webkit-text-fill-color: #CACACA !important;
}

/* Aktive einzelne Kategorie */
html body #header-menu a.elementor-item-active,
html body #header-menu a.elementor-item-active *,
html body #header-menu a[aria-current="page"],
html body #header-menu a[aria-current="page"] *,
html body #header-menu .current-menu-item > a,
html body #header-menu .current-menu-item > a *,
html body #header-menu .current_page_item > a,
html body #header-menu .current_page_item > a * {
    color: #CACACA !important;
    -webkit-text-fill-color: #CACACA !important;
}

/* Aktive Unterkategorie */
html body #header-menu a.elementor-sub-item.elementor-item-active,
html body #header-menu a.elementor-sub-item.elementor-item-active *,
html body #header-menu .sub-menu .current-menu-item > a,
html body #header-menu .sub-menu .current-menu-item > a *,
html body #header-menu .sub-menu a[aria-current="page"],
html body #header-menu .sub-menu a[aria-current="page"] * {
    color: #CACACA !important;
    -webkit-text-fill-color: #CACACA !important;
}

/* Zugehörige aktive Oberkategorie */
html body #header-menu .current-menu-parent > a,
html body #header-menu .current-menu-parent > a *,
html body #header-menu .current-menu-ancestor > a,
html body #header-menu .current-menu-ancestor > a *,
html body #header-menu .current_page_parent > a,
html body #header-menu .current_page_parent > a *,
html body #header-menu .current_page_ancestor > a,
html body #header-menu .current_page_ancestor > a * {
    color: #CACACA !important;
    -webkit-text-fill-color: #CACACA !important;
}

/* Neues Elementor-Menü: geöffnet oder aktiv */
html body #header-menu .e-n-menu-title[aria-expanded="true"],
html body #header-menu .e-n-menu-title[aria-expanded="true"] *,
html body #header-menu .e-n-menu-title.e-current,
html body #header-menu .e-n-menu-title.e-current *,
html body #header-menu .e-n-menu-title.e-active,
html body #header-menu .e-n-menu-title.e-active * {
    color: #CACACA !important;
    -webkit-text-fill-color: #CACACA !important;
}

/* Aktive Unterseite im neuen Elementor-Menü */
html body #header-menu .e-n-menu-title:has(a[aria-current="page"]),
html body #header-menu .e-n-menu-title:has(a[aria-current="page"]) *,
html body #header-menu .e-n-menu-title:has(.elementor-item-active),
html body #header-menu .e-n-menu-title:has(.elementor-item-active) *,
html body #header-menu .e-n-menu-title:has(.current-menu-item),
html body #header-menu .e-n-menu-title:has(.current-menu-item) * {
    color: #CACACA !important;
    -webkit-text-fill-color: #CACACA !important;
}

/* Pfeile und Icons im Header normal */
html body #header-menu svg,
html body #header-menu svg path,
html body #header-menu .sub-arrow {
    color: #000000 !important;
    fill: #000000 !important;
}

/* Pfeile und Icons bei Hover oder aktiv */
html body #header-menu a:hover svg,
html body #header-menu a:hover svg path,
html body #header-menu .e-n-menu-title:hover svg,
html body #header-menu .e-n-menu-title:hover svg path,
html body #header-menu a.elementor-item-active svg,
html body #header-menu a.elementor-item-active svg path,
html body #header-menu a[aria-current="page"] svg,
html body #header-menu a[aria-current="page"] svg path,
html body #header-menu .e-n-menu-title[aria-expanded="true"] svg,
html body #header-menu .e-n-menu-title[aria-expanded="true"] svg path {
    color: #CACACA !important;
    fill: #CACACA !important;
}
```/* End custom CSS */