:root {--sw-color-brand-primary: #1d1d1c;--sw-color-brand-secondary: #6b6a6a;--sw-border-color: #e2e4e9;--sw-background-color: #ffffff;--sw-color-success: #3cc261;--sw-color-info: #26b6cf;--sw-color-warning: #F2CB05;--sw-color-danger: #cd3c65;--sw-text-color: #1d1d1c;--sw-headline-color: #1d1d1c;--sw-color-price: var(--sw-text-color);--sw-color-buy-button: #cd3c65;--sw-color-buy-button-text: #ffffff;--sw-logo-desktop: url('https://fz.sitxo.com/wp-content/uploads/fz-site-v1/origin/www.berrybase.de/media/d8/9b/2a/1747669737/berrybase-logo_neu_ch.png?ts=1750263366');--sw-logo-tablet: url('https://fz.sitxo.com/wp-content/uploads/fz-site-v1/origin/www.berrybase.de/media/d8/9b/2a/1747669737/berrybase-logo_neu_ch.png?ts=1750263366');--sw-logo-mobile: url('https://fz.sitxo.com/wp-content/uploads/fz-site-v1/origin/www.berrybase.de/media/d8/9b/2a/1747669737/berrybase-logo_neu_ch.png?ts=1750263366');--sw-logo-share: url('https://fz.sitxo.com/wp-content/uploads/fz-site-v1/origin/www.berrybase.de/media/63/de/5b/1747669219/BerryBase-favicon.webp?ts=1747669220');--sw-logo-favicon: url('https://fz.sitxo.com/wp-content/uploads/fz-site-v1/origin/www.berrybase.de/media/63/de/5b/1747669219/BerryBase-favicon.webp?ts=1747669220');--sw-breakpoint-xs: 0;--sw-breakpoint-sm: 576;--sw-breakpoint-md: 768;--sw-breakpoint-lg: 992;--sw-breakpoint-xl: 1200;--sw-breakpoint-xxl: 1400;--zen-layout-style: full-width-boxed;--zen-layout-container-width: 1440;--zen-header-style-mobile: single-line;--zen-header-style: two-line;--zen-search-style: default;--zen-top-bar-style: default;--zen-icon-set: fluent-solid;--zen-main-navigation-style: offcanvas-lg;--zen-buy-quantity-style: default;--zen-layout-padding-top-mobile: 0;--zen-layout-padding-right-mobile: 0;--zen-layout-padding-bottom-mobile: 0;--zen-layout-padding-left-mobile: 0;--zen-layout-padding-top: 0;--zen-layout-padding-right: 0;--zen-layout-padding-bottom: 0;--zen-layout-padding-left: 0;--zen-layout-container-spacing-top: 36;--zen-layout-container-spacing-right: 36;--zen-layout-container-spacing-bottom: 36;--zen-layout-container-spacing-left: 36;--zen-layout-button-radius: 9;--zen-layout-input-radius: 9;--zen-layout-element-radius: 3;--zen-product-listing-card-img-padding: 75;--zen-product-listing-card-img-bg: #ffffff;--zen-search-product-box-layout-type: minimal;--zen-wishlist-product-box-layout-type: wishlist;--zen-layout-bg-img-repeat: repeat;--zen-layout-bg-img-attachment: scroll;--zen-layout-bg-img-position: center top;--zen-layout-bg-img-size: auto;--zen-layout-preloader-display: none;--zen-layout-preloader-style: preloader-5;--zen-layout-preloader-exit: fade-out;--zen-layout-preloader-timeout: 300;--zen-layout-preloader-bg: var(--sw-border-color);--zen-layout-preloader-color: var(--sw-color-brand-secondary);--zen-layout-border-top-width: 0;--zen-layout-border-top-color: #0f1f33;--zen-layout-scroll-animation-duration: 0.5;--zen-layout-scroll-animation-delay: 0.25;--zen-layout-reveal-animation-duration: 0.3;--zen-layout-reveal-animation-delay: 0.15;--zen-logo-light-header-desktop: url('');--zen-logo-dark-header-desktop: url('');--zen-logo-inverted-desktop: url('');--zen-logo-footer-desktop: url('https://fz.sitxo.com/wp-content/uploads/fz-site-v1/origin/www.berrybase.de/media/d8/9b/2a/1747669737/berrybase-logo_neu_ch.png?ts=1750263366');--zen-logo-footer-tablet: url('https://fz.sitxo.com/wp-content/uploads/fz-site-v1/origin/www.berrybase.de/media/d8/9b/2a/1747669737/berrybase-logo_neu_ch.png?ts=1750263366');--zen-logo-footer-mobile: url('https://fz.sitxo.com/wp-content/uploads/fz-site-v1/origin/www.berrybase.de/media/d8/9b/2a/1747669737/berrybase-logo_neu_ch.png?ts=1750263366');--zen-logo-offcanvas-desktop: url('https://fz.sitxo.com/wp-content/uploads/fz-site-v1/origin/www.berrybase.de/media/d8/9b/2a/1747669737/berrybase-logo_neu_ch.png?ts=1750263366');--zen-logo-offcanvas-tablet: url('https://fz.sitxo.com/wp-content/uploads/fz-site-v1/origin/www.berrybase.de/media/d8/9b/2a/1747669737/berrybase-logo_neu_ch.png?ts=1750263366');--zen-logo-offcanvas-mobile: url('https://fz.sitxo.com/wp-content/uploads/fz-site-v1/origin/www.berrybase.de/media/d8/9b/2a/1747669737/berrybase-logo_neu_ch.png?ts=1750263366');--zen-min-contrast-ratio: 4.5;--zen-container-bg: transparent;--zen-meta-theme-color: #ffffff;--zen-link-color: var(--sw-color-brand-primary);--zen-font-family-base-default: 'Inter', sans-serif;--zen-font-family-headline-default: 'Inter', sans-serif;--zen-light-text-color: #fafafa;--zen-light-headline-color: #fafafa;--zen-font-size-base: 14;--zen-h1-font-size: 32;--zen-h2-font-size: 28;--zen-h3-font-size: 24;--zen-h4-font-size: 20;--zen-h5-font-size: 16;--zen-h6-font-size: 14;--zen-font-weight-base: 400;--zen-headings-font-weight: 600;--zen-header-bg: #ffffff;--zen-header-color: var(--sw-text-color);--zen-logo-position: left;--zen-logo-size-mobile: 50;--zen-logo-size: 50;--zen-header-height-mobile: 80;--zen-header-height: 96;--zen-header-padding-top-mobile: 0;--zen-header-padding-top: 0;--zen-header-padding-bottom-mobile: 0;--zen-header-padding-bottom: 0;--zen-header-border-top-left-radius: 0;--zen-header-border-top-right-radius: 0;--zen-header-border-bottom-left-radius: 0;--zen-header-border-bottom-right-radius: 0;--zen-header-border-bottom-color: var(--sw-border-color);--zen-header-border-bottom-width: 1;--zen-header-sticky-border-bottom-color: var(--sw-border-color);--zen-header-sticky-border-bottom-width: 1;--zen-header-shadow-color: rgba(22, 24, 29, 0.07);--zen-header-shadow-width: 10;--zen-header-hover-shadow-color: rgba(0,0,0,0.1);--zen-header-hover-shadow-width: 10;--zen-header-sticky-shadow-color: rgba(0,0,0,0.1);--zen-header-sticky-shadow-width: 10;--zen-sticky-header-height: 100;--zen-header-minimal-shadow-color: rgba(0,0,0,0.1);--zen-header-minimal-shadow-width: 10;--zen-header-minimal-border-bottom-color: var(--sw-border-color);--zen-header-minimal-border-bottom-width: 1;--zen-search-bg: #f6f7f9;--zen-search-focus-bg: var(--sw-background-color);--zen-search-color: var(--sw-text-color);--zen-search-focus-color: var(--sw-text-color);--zen-search-border: #f6f7f9;--zen-search-focus-border: var(--sw-color-brand-secondary);--zen-search-width-mobile: 40;--zen-search-width: 50;--zen-top-bar-bg: var(--sw-color-brand-secondary);--zen-top-bar-hover-bg: var(--sw-color-brand-secondary);--zen-top-bar-color: #ffffff;--zen-top-bar-hover-color: var(--sw-text-color);--zen-top-bar-font-size: 14;--zen-top-bar-font-weight: 400;--zen-top-bar-language-widget-text: none;--zen-top-bar-language-widget-flag: 0;--zen-top-bar-offcanvas-logo-size: 50;--zen-top-bar-border-bottom-color: #f6f7f9;--zen-top-bar-border-bottom-width: 1;--zen-shop-navigation-bg: transparent;--zen-shop-navigation-hover-bg: var(--sw-color-brand-secondary);--zen-shop-navigation-color: var(--sw-text-color);--zen-shop-navigation-hover-color: var(--sw-text-color);--zen-shop-navigation-badge-color: var(--sw-color-brand-primary);--zen-shop-navigation-border-color: var(--sw-border-color);--zen-shop-navigation-border-hover-color: var(--sw-border-color);--zen-shop-navigation-font-size: 14;--zen-shop-navigation-font-weight: 400;--zen-shop-navigation-tooltips-placement: top;--zen-shop-navigation-icon-size: md;--zen-shop-navigation-cart-bg: var(--sw-background-color);--zen-shop-navigation-cart-hover-bg: var(--sw-color-brand-secondary);--zen-shop-navigation-cart-color: var(--sw-text-color);--zen-shop-navigation-cart-hover-color: var(--sw-text-color);--zen-shop-navigation-cart-font-size: 14;--zen-shop-navigation-cart-font-weight: 600;--zen-shop-navigation-cart-badge-color: var(--sw-color-brand-primary);--zen-shop-navigation-cart-border-color: var(--sw-border-color);--zen-shop-navigation-cart-border-hover-color: var(--sw-border-color);--zen-main-navigation-bg: #ffffff;--zen-main-navigation-hover-bg: #ffffff;--zen-main-navigation-color: var(--sw-text-color);--zen-main-navigation-hover-color: #cd3c65;--zen-main-navigation-align: space-between;--zen-main-navigation-divider: 0;--zen-main-navigation-hover-animation: hover-13;--zen-main-navigation-subnavigation-style: flyout;--zen-main-navigation-border-top-color: #f6f7f9;--zen-main-navigation-border-top-width: 1;--zen-main-navigation-padding: 0;--zen-main-navigation-height: 40;--zen-main-navigation-font-family: base;--zen-main-navigation-font-size: 12;--zen-main-navigation-font-weight: 600;--zen-main-navigation-active-font-weight: 600;--zen-main-navigation-text-transform: uppercase;--zen-main-navigation-icon-size: 24;--zen-main-navigation-offcanvas-icon-size: 24;--zen-flyout-navigation-bg: #ffffff;--zen-flyout-navigation-color: var(--sw-text-color);--zen-flyout-navigation-hover-color: var(--sw-text-color);--zen-flyout-navigation-animation: slide;--zen-flyout-navigation-max-depth: 3;--zen-flyout-navigation-cols: 4;--zen-flyout-navigation-max-height: 75;--zen-flyout-navigation-font-size: 14;--zen-flyout-navigation-font-weight: 400;--zen-flyout-navigation-category-images-style: text-below-image;--zen-flyout-navigation-category-images-gap: 16;--zen-flyout-navigation-category-images-bg: transparent;--zen-flyout-navigation-category-images-hover-bg: var(--sw-background-color);--zen-flyout-navigation-category-images-text-color: var(--sw-text-color);--zen-flyout-navigation-category-images-text-hover-color: var(--sw-text-color);--zen-flyout-navigation-category-images-border-color: var(--sw-border-color);--zen-flyout-navigation-category-images-border-width: 1;--zen-flyout-navigation-category-images-border-hover-color: var(--sw-border-color);--zen-flyout-navigation-category-images-border-hover-width: 1;--zen-flyout-navigation-category-images-shadow-color: rgba(0,0,0,.1);--zen-flyout-navigation-category-images-shadow-width: 20;--zen-flyout-navigation-category-images-shadow-hover-color: rgba(0,0,0,.1);--zen-flyout-navigation-category-images-shadow-hover-width: 20;--zen-flyout-navigation-category-images-height: 200;--zen-flyout-navigation-category-images-display-mode: cover;--zen-flyout-navigation-category-images-align-vertical: center;--zen-flyout-navigation-category-images-align-horizontal: center;--zen-flyout-navigation-category-images-aspect-ratio: 4 / 3;--zen-flyout-navigation-category-images-padding: 16;--zen-flyout-navigation-category-images-hover-animation: image-zoom;--zen-flyout-navigation-icon-size: 24;--zen-dropdown-navigation-bg: #ffffff;--zen-dropdown-navigation-hover-bg: var(--sw-color-brand-secondary);--zen-dropdown-navigation-color: var(--sw-text-color);--zen-dropdown-navigation-hover-color: var(--sw-text-color);--zen-dropdown-navigation-list-border-color: transparent;--zen-dropdown-navigation-max-depth: 5;--zen-dropdown-navigation-animation: swing;--zen-dropdown-navigation-font-size: 14;--zen-dropdown-navigation-font-weight: 400;--zen-dropdown-navigation-icon-size: 24;--zen-footer-bg: #6b6a6a;--zen-footer-color: #ffffff;--zen-footer-hover-color: #d3d3d3;--zen-footer-border-top-color: var(--sw-border-color);--zen-footer-padding-top: 0;--zen-footer-padding-top-mobile: 0;--zen-footer-padding-bottom: 48;--zen-footer-padding-bottom-mobile: 0;--zen-footer-logo-position: hidden;--zen-footer-hotline-position: hidden;--zen-footer-social-position: bottom;--zen-footer-newsletter-position: column;--zen-footer-payment-logos-position: hidden;--zen-footer-shipping-logos-position: hidden;--zen-footer-col-headline-font-size: 18;--zen-footer-col-headline-font-family: base;--zen-footer-col-headline-font-weight: 600;--zen-footer-col-headline-font-align: left;--zen-footer-col-headline-text-transform: none;--zen-footer-col-headline-icon: plusminus;--zen-footer-col-headline-style: underlined;--zen-footer-col-font-size: 14;--zen-footer-col-font-family: base;--zen-footer-col-font-weight: 400;--zen-footer-col-font-align: left;--zen-footer-logo-col: col-md-3;--zen-footer-hotline-col: col-md-3;--zen-footer-social-col: col-md-2;--zen-footer-newsletter-col: col-md-12;--zen-footer-custom-col: col-md-3;--zen-footer-custom-2-col: col-md-3;--zen-footer-custom-3-col: col-md-12;--zen-footer-navigation-col: col-md-3;--zen-footer-payment-logos-col: col-md-2;--zen-footer-shipping-logos-col: col-md-2;--zen-footer-logo-col-xl: col-xl-inherit;--zen-footer-hotline-col-xl: col-xl-inherit;--zen-footer-social-col-xl: col-xl-inherit;--zen-footer-newsletter-col-xl: col-xl-inherit;--zen-footer-custom-col-xl: col-xl-inherit;--zen-footer-custom-2-col-xl: col-xl-inherit;--zen-footer-custom-3-col-xl: col-xl-inherit;--zen-footer-navigation-col-xl: col-xl-inherit;--zen-footer-payment-logos-col-xl: col-xl-inherit;--zen-footer-shipping-logos-col-xl: col-xl-inherit;--zen-footer-logo-order: 5;--zen-footer-hotline-order: 2;--zen-footer-social-order: 8;--zen-footer-newsletter-order: 2;--zen-footer-custom-order: 12;--zen-footer-custom-2-order: 11;--zen-footer-custom-3-order: 1;--zen-footer-navigation-order: 3;--zen-footer-payment-logos-order: 9;--zen-footer-shipping-logos-order: 9;--zen-footer-logo-column-bg: transparent;--zen-footer-logo-column-valign: center;--zen-footer-hotline-font-size: 22;--zen-footer-hotline-font-weight: 700;--zen-footer-hotline-column-bg: transparent;--zen-footer-hotline-column-color: #ffffff;--zen-footer-social-column-bg: transparent;--zen-footer-social-column-color: #ffffff;--zen-footer-social-column-hover-color: #000000;--zen-footer-newsletter-column-bg: #f3f3f3;--zen-footer-newsletter-column-color: var(--sw-text-color);--zen-footer-newsletter-column-hover-color: var(--zen-light-text-color);--zen-footer-newsletter-field-bg: var(--sw-color-brand-primary);--zen-footer-newsletter-field-color: var(--zen-light-text-color);--zen-footer-newsletter-field-focus-color: var(--zen-light-text-color);--zen-footer-newsletter-field-border: var(--sw-color-brand-primary);--zen-footer-custom-column-bg: transparent;--zen-footer-custom-column-color: #ffffff;--zen-footer-custom-2-column-bg: transparent;--zen-footer-custom-2-column-color: #ffffff;--zen-footer-custom-2-column-hover-color: var(--sw-color-brand-primary);--zen-footer-custom-3-column-bg: #ffffff;--zen-footer-custom-3-column-color: #ffffff;--zen-footer-custom-3-column-hover-color: var(--sw-color-brand-primary);--zen-footer-payment-logos-column-bg: transparent;--zen-footer-payment-logos-column-color: #ffffff;--zen-footer-payment-logos-column-hover-color: var(--sw-color-brand-primary);--zen-footer-shipping-logos-column-bg: transparent;--zen-footer-shipping-logos-column-color: #ffffff;--zen-footer-shipping-logos-column-hover-color: var(--sw-color-brand-primary);--zen-footer-bottom-bg: #ffffff;--zen-footer-bottom-color: var(--sw-text-color);--zen-footer-bottom-hover-color: var(--sw-text-color);--zen-footer-bottom-font-size: 14;--zen-footer-bottom-font-weight: 400;--zen-sidebar-navigation-bg: #ffffff;--zen-sidebar-navigation-hover-bg: #ffffff;--zen-sidebar-navigation-active-bg: #ffffff;--zen-sidebar-navigation-color: var(--sw-text-color);--zen-sidebar-navigation-hover-color: var(--sw-text-color);--zen-sidebar-navigation-active-color: var(--sw-text-color);--zen-sidebar-navigation-border-color: var(--sw-border-color);--zen-sidebar-navigation-border-hover-color: var(--sw-border-color);--zen-sidebar-navigation-font-size: 14;--zen-sidebar-navigation-text-transform: uppercase;--zen-sidebar-navigation-font-weight: 600;--zen-sidebar-navigation-font-weight-hover: 600;--zen-sidebar-navigation-pv: 8;--zen-sidebar-navigation-mb: 0;--zen-sidebar-navigation-mode: expandable;--zen-sidebar-category-navigation-toggle-icon: arrow;--zen-sidebar-navigation-hover-animation: underlined;--zen-sidebar-navigation-icon-size: 24;--zen-input-bg: #ffffff;--zen-input-focus-bg: #ffffff;--zen-input-color: var(--sw-text-color);--zen-input-focus-color: var(--sw-text-color);--zen-input-border-color: var(--sw-border-color);--zen-input-focus-border-color: var(--sw-border-color);--zen-input-font-size: 14;--zen-input-font-weight: 400;--zen-layout-forms-style: default;--zen-base-slider-controls-outside-bg: transparent;--zen-base-slider-controls-outside-hover-bg: rgba(0,0,0,.05);--zen-base-slider-controls-outside-color: var(--sw-text-color);--zen-base-slider-controls-outside-hover-color: var(--sw-text-color);--zen-base-slider-controls-dots-outside-color: var(--sw-border-color);--zen-base-slider-controls-dots-outside-hover-color: var(--sw-border-color);--zen-base-slider-controls-inside-bg: transparent;--zen-base-slider-controls-inside-hover-bg: rgba(0,0,0,.05);--zen-base-slider-controls-inside-color: var(--sw-text-color);--zen-base-slider-controls-inside-hover-color: var(--sw-text-color);--zen-base-slider-controls-dots-inside-color: var(--sw-border-color);--zen-base-slider-controls-dots-inside-hover-color: var(--sw-border-color);--zen-image-slider-controls-outside-bg: transparent;--zen-image-slider-controls-outside-hover-bg: rgba(0,0,0,.05);--zen-image-slider-controls-outside-color: var(--sw-text-color);--zen-image-slider-controls-outside-hover-color: var(--sw-text-color);--zen-image-slider-controls-dots-outside-color: var(--sw-border-color);--zen-image-slider-controls-dots-outside-hover-color: var(--sw-border-color);--zen-image-slider-controls-inside-bg: transparent;--zen-image-slider-controls-inside-hover-bg: rgba(0,0,0,.05);--zen-image-slider-controls-inside-color: var(--sw-text-color);--zen-image-slider-controls-inside-hover-color: var(--sw-text-color);--zen-image-slider-controls-dots-inside-color: var(--sw-border-color);--zen-image-slider-controls-dots-inside-hover-color: var(--sw-border-color);--zen-image-slider-controls-style: default;--zen-image-slider-controls-dots-style: expanding;--zen-product-slider-controls-bg: var(--sw-background-color);--zen-product-slider-controls-hover-bg: rgba(0,0,0,.05);--zen-product-slider-controls-color: var(--sw-text-color);--zen-product-slider-controls-hover-color: var(--sw-text-color);--zen-product-slider-style: default;--zen-category-listing-slider-controls-bg: var(--sw-background-color);--zen-category-listing-slider-controls-hover-bg: rgba(0,0,0,.05);--zen-category-listing-slider-controls-color: var(--sw-text-color);--zen-category-listing-slider-controls-hover-color: var(--sw-text-color);--zen-pagination-bg: var(--sw-background-color);--zen-pagination-hover-bg: var(--sw-border-color);--zen-pagination-active-bg: var(--sw-border-color);--zen-pagination-color: var(--sw-text-color);--zen-pagination-hover-color: var(--sw-text-color);--zen-pagination-active-color: var(--sw-text-color);--zen-pagination-border-color: var(--sw-background-color);--zen-pagination-hover-border-color: var(--sw-border-color);--zen-pagination-active-border-color: var(--sw-color-brand-secondary);--zen-layout-pagination-style: pills;--zen-breadcrumbs-bg: transparent;--zen-breadcrumbs-hover-color: var(--sw-text-color);--zen-breadcrumbs-font-size: 13;--zen-breadcrumbs-text-transform: none;--zen-breadcrumbs-font-weight: 400;--zen-breadcrumbs-align: flex-start;--zen-breadcrumbs-spacing-top: 0;--zen-breadcrumbs-spacing-bottom: 36;--zen-cookie-banner-style: widget;--zen-offcanvas-margin: 0;--zen-offcanvas-width: 400;--zen-backdrop-bg: rgba(0, 0, 0, .5);--zen-backdrop-bg-accent: transparent;--zen-backdrop-blur: 4;--zen-scroll-up-button-bg: var(--sw-color-brand-primary);--zen-scroll-up-button-position: right;--zen-scroll-up-button-spacing-vertical: 24;--zen-scroll-up-button-spacing-horizontal: 24;--zen-category-header-position: relative;--zen-category-header-bg-opacity: 100;--zen-category-nav-main-opacity: 100;--zen-category-header-contrast: default-header;--zen-category-image-contrast: dark-text;--zen-category-image-opacity: 100;--zen-category-image-attachment: scroll;--zen-category-image-position: center center;--zen-category-image-content-max-width: 1024;--zen-category-image-content-align: flex-start;--zen-category-filter-bg: #ffffff;--zen-category-filter-hover-bg: var(--sw-border-color);--zen-category-filter-active-bg: #ffffff;--zen-category-filter-color: var(--sw-text-color);--zen-category-filter-active-color: var(--sw-text-color);--zen-category-filter-border-color: var(--sw-border-color);--zen-category-filter-border-hover-color: var(--sw-border-color);--zen-category-filter-border-active-color: var(--sw-color-brand-secondary);--zen-category-filter-font-size: 14;--zen-category-filter-text-transform: none;--zen-category-filter-font-weight: 400;--zen-category-filter-font-weight-active: 400;--zen-category-filter-icon: plus;--zen-category-filter-pv: 10;--zen-category-filter-mb: 20;--zen-product-listing-actions-border-top-color: var(--sw-border-color);--zen-product-listing-actions-border-bottom-color: var(--sw-border-color);--zen-product-listing-card-bg: #ffffff;--zen-product-listing-card-border-color: var(--sw-background-color);--zen-product-listing-card-shadow-color: rgba(22, 24, 29, 0.07);--zen-product-listing-card-hover-shadow-color: rgba(22, 24, 29, 0.07);--zen-product-listing-card-padding: 10;--zen-product-listing-card-padding-mobile: 10;--zen-product-listing-card-list-price-percentage: default;--zen-product-listing-card-img-switch: switch;--zen-product-listing-card-img-border-color: var(--sw-border-color);--zen-product-listing-card-big-img-height: 240;--zen-product-listing-card-img-size-xs: 500;--zen-product-listing-card-img-size-sm: 315;--zen-product-listing-card-img-size-md: 390;--zen-product-listing-card-img-size-lg: 350;--zen-product-listing-card-img-size-xl: 280;--zen-product-listing-card-rating-position: default;--zen-product-listing-card-rating-mode: default;--zen-product-listing-card-name-color: var(--sw-text-color);--zen-product-listing-card-name-hover-color: var(--sw-color-brand-secondary);--zen-product-listing-card-name-font-size: 14;--zen-product-listing-card-name-font-family: base;--zen-product-listing-card-name-font-weight: 600;--zen-product-listing-card-name-font-align: left;--zen-product-listing-card-name-text-transform: none;--zen-product-listing-card-name-lines: 4;--zen-product-listing-card-description-color: var(--sw-text-color);--zen-product-listing-card-description-font-size: 12;--zen-product-listing-card-description-font-weight: 400;--zen-product-listing-card-description-font-align: left;--zen-product-listing-card-ordernumber: prepend;--zen-product-listing-card-ordernumber-color: #999999;--zen-product-listing-card-ordernumber-font-size: 10;--zen-product-listing-card-ordernumber-font-weight: 600;--zen-product-listing-card-ordernumber-font-align: left;--zen-product-listing-card-variant-characteristics-color: var(--sw-text-color);--zen-product-listing-card-variant-characteristics-font-size: 12;--zen-product-listing-card-variant-characteristics-font-weight: 400;--zen-product-listing-card-variant-characteristics-font-align: left;--zen-product-listing-card-variant-switcher-position: hidden;--zen-product-listing-card-variant-switcher-position-mobile: hidden;--zen-product-listing-card-variant-switcher-alignment: left;--zen-product-listing-card-variant-switcher-bg: var(--zen-product-listing-card-bg);--zen-product-listing-card-variant-switcher-hover-bg: var(--sw-color-brand-primary);--zen-product-listing-card-variant-switcher-color: var(--sw-text-color);--zen-product-listing-card-variant-switcher-hover-color: #ffffff;--zen-product-listing-card-variant-switcher-border-color: var(--sw-border-color);--zen-product-listing-card-variant-switcher-border-hover-color: var(--sw-color-brand-primary);--zen-product-listing-card-variant-switcher-groups-threshold: 1;--zen-product-listing-card-variant-switcher-options-threshold: 5;--zen-product-listing-card-cheapest-price-color: var(--sw-text-color);--zen-product-listing-card-cheapest-price-font-size: 12;--zen-product-listing-card-cheapest-price-font-weight: 400;--zen-product-listing-card-cheapest-price-font-align: left;--zen-product-listing-card-product-price-unit-color: var(--sw-text-color);--zen-product-listing-card-product-price-unit-font-size: 12;--zen-product-listing-card-product-price-unit-font-weight: 400;--zen-product-listing-card-product-price-unit-font-align: left;--zen-product-listing-card-price-color: var(--sw-color-price);--zen-product-listing-card-price-font-size: 16;--zen-product-listing-card-price-font-weight: 600;--zen-product-listing-card-price-font-align: left;--zen-product-listing-card-delivery-time-style: minimal;--zen-product-listing-card-delivery-time-font-align: left;--zen-product-listing-card-actions: overlayinfo;--zen-product-listing-card-actions-mobile: hidden;--zen-quickview-product-name-position: buybox;--zen-quickview-manufacturer-position: top;--zen-product-header-position: relative;--zen-product-header-bg-opacity: 100;--zen-product-nav-main-opacity: 100;--zen-product-header-contrast: default-header;--zen-product-details-bg: transparent;--zen-product-details-rating-position: headline;--zen-product-details-rating-mode: default;--zen-product-details-wishlist-position: gallery;--zen-product-details-manufacturer-position: top;--zen-delivery-status-indicator-style: default;--zen-product-details-name-color: var(--sw-text-color);--zen-product-details-name-font-size: 28;--zen-product-details-name-font-family: headline;--zen-product-details-name-font-weight: 600;--zen-product-details-name-text-transform: none;--zen-product-details-price-color: var(--sw-color-price);--zen-product-details-price-font-size: 28;--zen-product-details-price-font-family: base;--zen-product-details-price-font-weight: 700;--zen-product-configurator-bg: #ffffff;--zen-product-configurator-hover-bg: var(--sw-color-brand-primary);--zen-product-configurator-color: var(--sw-text-color);--zen-product-configurator-hover-color: #ffffff;--zen-product-configurator-border-color: var(--sw-border-color);--zen-product-configurator-border-hover-color: var(--sw-color-brand-primary);--zen-product-configurator-media-width: 50;--zen-product-configurator-media-height: 50;--zen-product-configurator-not-combinable-opacity: 50;--zen-product-gallery-mode: slider;--zen-product-gallery-img-bg: transparent;--zen-product-gallery-fallback-image-title: default;--zen-product-gallery-slider-width: 7;--zen-product-gallery-slider-min-height-mobile: 300;--zen-product-gallery-slider-min-height-tablet: 300;--zen-product-gallery-slider-gallery-style: alternate;--zen-max-items-to-show-mobile-nav: 6;--zen-max-items-to-show-nav: 8;--zen-product-detail-tabs-bg: transparent;--zen-product-detail-tabs-mode-mobile: offcanvas;--zen-product-detail-tabs-mode: tabs;--zen-product-tabs-bg: transparent;--zen-product-tabs-hover-bg: #cd3c65;--zen-product-tabs-color: var(--sw-text-color);--zen-product-tabs-hover-color: var(--sw-text-color);--zen-product-tabs-style: default;--zen-product-tabs-align: flex-start;--zen-product-tabs-font-size: 16;--zen-product-tabs-font-weight: 500;--zen-product-tabs-text-transform: none;--zen-product-tabs-font-align: center;--zen-product-tabs-margin: 16;--zen-product-tabs-content-bg: transparent;--zen-cart-count-type: products;--zen-cart-product-number-input: default;--zen-cart-product-number-input-offcanvas: default;--zen-checkout-layout: two-column;--zen-checkout-confirm-tos-position: close-to-confirm-order-button;--sw-cookie-banner-image: url('https://fz.sitxo.com/wp-content/uploads/fz-site-v1/origin/www.berrybase.de/media/18/49/96/1788382386/BerryBase%20Cookie%20Banner.png?ts=1788382386');--sw-utility-bar-bg-color: #1e293b;--sw-utility-bar-text-color: #ffffff;}
                
/* blendet NUR den Text im Tab aus, Slider/Content bleibt sichtbar */
#cs-customersAlsoBought-tab {
  font-size: 0 !important;
}

/* Icon wieder sichtbar machen */
#cs-customersAlsoBought-tab .product-detail-tab-navigation-icon,
#cs-customersAlsoBought-tab .product-detail-tab-navigation-icon svg {
  font-size: 16px;
}

/* ================================================
   GESCHENKEFINDER – STICKY MENU SECTION
   Macht die Geschenkefinder-Navigation sticky,
   ohne das Hauptmenü zu überlagern.
   ================================================ */

/* Desktop-Version */
.giftfinder-nav {
    position: sticky;   
    top: 80px;          
    /* 
        Abstand nach oben = Höhe deines Shopware-Headers.
        Verhindert Überlagerung des Hauptmenüs.
    */

    z-index: 50;        
    /* 
        Über dem Content, aber unterhalb der Hauptnavigation.
        Wichtig: Nicht höher setzen als 100–200 (Headerbereich).
    */

    background: #ffffff;   
    /* 
        Verhindert Durchscheinen des Contents beim Scrollen.
    */

    padding: 10px 0;       
    border-bottom: 1px solid #e5e5e5; 
    /* 
        Dezente optische Trennung zur nächsten Section.
    */
}

/* Optional: Styling des Horizontal-Menüs selbst */
.giftfinder-nav .giftfinder-menu {
    display: flex;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.giftfinder-nav .giftfinder-menu li a {
    text-decoration: none;
    font-weight: 600;
    color: #333;
}

.giftfinder-nav .giftfinder-menu li a:hover {
    color: #000;
}

/* ================================================
   MOBILE OPTIMIERUNG
   Da der Header auf Mobilgeräten höher ist,
   wird das Sticky-Offset hier angepasst.
   ================================================ */

@media (max-width: 768px) {
    .giftfinder-nav {
        top: 120px;  
        /* 
            Mobile Header ist höher → sonst Überlagerung.
            120px ist ein realistischer Wert für Shopware-Header.
        */

        overflow-x: auto;    
        /* 
            Falls das Menü breiter als der Bildschirm wird.
        */

        white-space: nowrap; 
        /* 
            Verhindert Zeilenumbruch → horizontales Scrollen.
        */
    }

    .giftfinder-nav .giftfinder-menu {
        gap: 14px; 
        padding: 5px 0;
    }
}

/* Schwarz für die komplette Sektion, wenn aktiver Slide bb-bg-black ist */
.cms-section.boxed.bg-color.hidden-mobile.pos-1.cms-section-default:has(
    .image-slider-item-container.tns-slide-active.bb-bg-black
) {
    background-color: #000 !important;
}

/* Sicherstellen, dass die Items wieder klickbar sind */
.image-slider-item-container.grayscale {
    pointer-events: auto;
}

/* Standard: kompletter Slide ist grau */
.image-slider-item-container.grayscale {
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}

/* Hover auf dem Slide: wieder farbig */
.image-slider-item-container.grayscale:hover {
    filter: grayscale(0%);
}

/* ================================
   BASIS: Elemente ausblenden + kompakt
   ================================ */

.no-cart-delivery .product-action {
    display: none !important;
}

.no-cart-delivery .product-detail-delivery-information {
    display: none !important;
}

.no-cart-delivery .product-info {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.no-cart-delivery .product-box {
    padding-bottom: 8px !important;
}

/* ==========================================
   MOBILE: Abstand auf 5px reduzieren
   ========================================== */

@media (max-width: 575.98px) {

    /* rechter Abstand zwischen Produktboxen = 5px */
    .no-cart-delivery .product-slider-item.tns-item {
        padding-right: 5px !important;
    }

    /* letzte Kachel ohne zusätzlichen rechten Abstand */
    .no-cart-delivery .product-slider-item.tns-item:last-child {
        padding-right: 0 !important;
    }

    /* keine zusätzlichen Innenabstände der Box selbst */
    .no-cart-delivery .product-box {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* ==========================================
   BERRYBASE BLOG SLIDER KACHELN — V1.2
   Einheitliche Kacheln für Slider (CMS)
   ========================================== */

.bb-blog-tile {
    max-width: 270px;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.bb-blog-tile img {
    width: 100%;
    height: auto;
    display: block;
}

.bb-blog-tile-content {
    padding: 10px;                 /* Abstand rundherum */
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.bb-blog-tile-content h4 {
    margin: 0;
    font-size: 18px;
    line-height: 1.25;
    color: #111;
}

.bb-blog-tile-content p {
    margin: 0;
    font-size: 15px;
    line-height: 1.35;
    color: #333;
}

/* ==========================================================================
Ninja Versandkosten-Status
========================================================================== */
.flashbags .alert {
    margin-top: 0px !important;
}

/* ==========================================================================
Lieferzeit Positionierung
========================================================================== */
.delivery-information.delivery-available {
  text-align: left !important;
  display: block !important;
  justify-content: flex-start !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* ==========================================================================
HINWEISBOXEN
========================================================================== */
.custom-alert {
    display: flex;
    align-items: flex-start;
    padding: 1rem 1.5rem;
    border-radius: 4px;
    margin: 1.5rem 0;
    font-size: 1rem;
    line-height: 1.4;
    gap: 1rem;
    text-align: left;
}

.custom-alert--info {
    background-color: #d1ecf1;
    color: #0c5460;
}

.custom-alert--warning {
    background-color: #fff3cd;
    color: #856404;
}

.custom-alert__content strong {
    font-weight: 700;
    font-size: clamp(1rem, 2vw, 1.2rem);
}

/* ==========================================================================
SEO-TEXT-BILD-WECHSEL
========================================================================== */
.custom-seo-block--text-left,
.custom-seo-block--text-right {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 2rem;
}

.custom-seo-block--text-left .custom-seo-block__text,
.custom-seo-block--text-left .custom-seo-block__image,
.custom-seo-block--text-right .custom-seo-block__text,
.custom-seo-block--text-right .custom-seo-block__image {
    flex: 1 1 48%;
    min-width: 200px;
}

.custom-seo-block--text-left {
    flex-direction: row;
}

.custom-seo-block--text-left .custom-seo-block__image {
    order: 2;
}

.custom-seo-block--text-left .custom-seo-block__text {
    order: 1;
}

.custom-seo-block--text-right {
    flex-direction: row-reverse;
}

.custom-seo-block--text-right .custom-seo-block__image {
    order: 2;
}

.custom-seo-block--text-right .custom-seo-block__text {
    order: 1;
}

.custom-seo-block__image img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* ==========================================================================
VERGLEICHSTABELLE GRUNDSTYLES
========================================================================== */
.custom-comparison-table {
    display: table;
    width: auto;
    border-collapse: collapse;
    margin: 2rem 0;
    white-space: nowrap;
}

.custom-comparison-table th,
.custom-comparison-table td {
    border: 1px solid #ddd;
    padding: 0.75rem;
    text-align: left;
}

.custom-comparison-table th {
    background-color: #f9f9f9;
    font-weight: 600;
}

.custom-comparison-table td img {
    max-width: 100px;
    height: auto;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}

/* ==========================================================================
KATEGORIEÜBERSICHT
========================================================================== */
.custom-category-overview {
    margin: 2rem 0;
}

.custom-category-overview a {
    display: block;
    margin-bottom: 0.5rem;
    text-decoration: underline;
}

/* ==========================================================================
STATISCHER FAQ-BEREICH
========================================================================== */
.custom-faq {
    margin: 2rem 0;
}

.custom-faq__item {
    margin-bottom: 1.5rem;
}

.custom-faq__question {
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
}

.custom-faq__answer {
    padding-left: 1rem;
    color: #555;
    line-height: 1.5;
}

/* ==========================================================================
WRAPPER FÜR HORIZONTALES SCROLLEN DER TABELLE — Basis
========================================================================== */
.table-responsive {
    width: 100%;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.table-responsive::-webkit-scrollbar {
    display: none;
}

/* ==========================================================================
RESPONSIVE DARSTELLUNG FÜR SEO-BLOCKS (bis 768px)
========================================================================== */
@media (max-width: 768px) {
.custom-seo-block--text-left,
.custom-seo-block--text-right {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 1rem;
}

    .custom-seo-block--text-left .custom-seo-block__image,
    .custom-seo-block--text-right .custom-seo-block__image {
        order: 1;
        width: 100%;
        min-width: unset;
    }

    .custom-seo-block--text-left .custom-seo-block__text,
    .custom-seo-block--text-right .custom-seo-block__text {
        order: 2;
        width: 100%;
    }

    .custom-seo-block__image img {
        max-width: 100%;
        height: auto;
        display: block;
    }

}

/* ==========================================================================
TABELLE SCROLLBAR AKTIV BIS 1300px
========================================================================== */
@media (max-width: 1300px) {
    .table-responsive {
        overflow-x: auto;
    }
}

/* ==========================================================================
STATISCHE, GESTAUTE DARSTELLUNG AB 1301px
========================================================================== */
@media (min-width: 1301px) {
    .custom-comparison-table {
        width: 100%;
        table-layout: fixed;
    }

    .custom-comparison-table th,
    .custom-comparison-table td {
        white-space: normal;
        overflow-wrap: break-word;
    }
}

/* ==========================================================================
   FOOTER & LAYOUT
   ========================================================================== */

/* --- Custom-Spalte 3: Fullwidth Hintergrund --- */
.footer-custom-3-column {
    position: relative;
    z-index: 1;
}

.footer-custom-3-column::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background-color: #ffffff;
    z-index: -1;
}

/* --- Newsletter-Spalte: Fullwidth Hintergrund --- */
.footer-newsletter-column {
    position: relative;
    z-index: 1;
}

.footer-newsletter-column::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background-color: #fafafa;
    z-index: -1;
}

/* --- Zahlungs-/Versandlogos Struktur --- */
.footercontainer {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 2rem;
    padding: 1rem 0;
}

.footercolumn {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
}

.footerimg {
    width: 100px;
    height: auto;
    object-fit: contain;
    display: block;
    text-align: left;
    margin: 0;
    padding: 0;
}

/* ==========================================================================
   PARTNER-LOGOS – optimierte Responsive-Version
   ========================================================================== */

.bb-partner-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    width: 100%;
    margin: 0;
    padding: 0;
}

.bb-partner-logos a::before,
.bb-partner-logos a::after {
    display: none !important;
    content: none !important;
}

.bb-partner-logos a {
    all: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
    box-sizing: border-box;
    cursor: pointer;

    flex: 1 1 16%;
    max-width: 16%;
    min-width: 120px;
}

.bb-partner-logo {
    height: 50px;
    width: auto;
    display: block;
    object-fit: contain;
}

/* --- Responsive: Tablet --- */
@media (max-width: 800px) {
    .bb-partner-logos a {
        flex: 1 1 45%;
        max-width: 45%;
    }
}

/* --- Responsive: Smartphone --- */
@media (max-width: 500px) {
    .bb-partner-logos a {
        flex: 1 1 50%;
        max-width: 50%;
    }
}

/* ==========================================================================
   HEADER (Suchleiste Desktop)
   ========================================================================== */

@media (min-width: 1200px) {
    .header-search-col {
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: auto;
        margin-right: auto;
    }

    .berrybase-search-bar .header-search {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}

/* ==========================================================================
   PRODUKTDETAILSEITEN (PDP)
   ========================================================================== */

.pdp_des_10 { width: 10% !important; }
.pdp_des_20 { width: 20% !important; }
.pdp_des_30 { width: 30% !important; }
.pdp_des_40 { width: 40% !important; }
.pdp_des_50 { width: 50% !important; }
.pdp_des_60 { width: 60% !important; }
.pdp_des_70 { width: 70% !important; }
.pdp_des_80 { width: 80% !important; }
.pdp_des_90 { width: 90% !important; }

/* --- Z-Index-Anpassung für z. B. Slider-Elemente über Hero --- */
.above-slider {
    z-index: 100;
}

/* ==========================================================================
   KATEGORIESEITEN
   ========================================================================== */

/* --- Vergleichstabelle (Desktop) --- */
table.Kategorien-RaspberryPI-RaspberryPiComputer-Vergleich-Tabelle {
    border-collapse: collapse;
    width: 100%;
}

table.Kategorien-RaspberryPI-RaspberryPiComputer-Vergleich-Tabelle thead {
    background-color: #f2f2f2;
}

table.Kategorien-RaspberryPI-RaspberryPiComputer-Vergleich-Tabelle th,
table.Kategorien-RaspberryPI-RaspberryPiComputer-Vergleich-Tabelle td {
    border: 1px solid #ddd;
    padding: 12px 15px;
    text-align: left;
}

table.Kategorien-RaspberryPI-RaspberryPiComputer-Vergleich-Tabelle th {
    background-color: #808080;
    color: white;
}

table.Kategorien-RaspberryPI-RaspberryPiComputer-Vergleich-Tabelle tr:nth-child(even) {
    background-color: #f9f9f9;
}

/* --- Responsive Darstellung (Mobil) --- */
@media (max-width: 768px) {
    table.Kategorien-RaspberryPI-RaspberryPiComputer-Vergleich-Tabelle,
    table.Kategorien-RaspberryPI-RaspberryPiComputer-Vergleich-Tabelle thead,
    table.Kategorien-RaspberryPI-RaspberryPiComputer-Vergleich-Tabelle tbody,
    table.Kategorien-RaspberryPI-RaspberryPiComputer-Vergleich-Tabelle th,
    table.Kategorien-RaspberryPI-RaspberryPiComputer-Vergleich-Tabelle td,
    table.Kategorien-RaspberryPI-RaspberryPiComputer-Vergleich-Tabelle tr {
        display: block;
    }

    table.Kategorien-RaspberryPI-RaspberryPiComputer-Vergleich-Tabelle thead {
        display: none;
    }

    table.Kategorien-RaspberryPI-RaspberryPiComputer-Vergleich-Tabelle tr {
        margin-bottom: 10px;
    }

    table.Kategorien-RaspberryPI-RaspberryPiComputer-Vergleich-Tabelle td {
        padding-right: 50%;
        position: relative;
        text-align: left;
        border: 1px solid #ddd;
        background-color: #f9f9f9;
    }

    table.Kategorien-RaspberryPI-RaspberryPiComputer-Vergleich-Tabelle td:before {
        content: attr(data-label);
        position: absolute;
        left: 10px;
        width: calc(50% - 10px);
        text-align: left;
        font-weight: bold;
    }

    table.Kategorien-RaspberryPI-RaspberryPiComputer-Vergleich-Tabelle td:last-child {
        border-bottom: 2px solid #ddd;
    }

    table.Kategorien-RaspberryPI-RaspberryPiComputer-Vergleich-Tabelle td:first-child {
        background-color: #808080;
        color: white;
        font-weight: bold;
        text-align: left;
        padding-left: 15px;
    }
}

/* --- Wrapper um Tabelle --- */
.Kategorien-RaspberryPI-RaspberryPiComputer-OverflowDIV-Vergleich-Tabell {
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    width: 100%;
}

/* ==========================================================================
CUSTOM HTML PRODUCT DESCRIPTION (A+ CONTENT)
========================================================================== */
.aplus-content {
    width: 100%;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.55;
    color: #232323;
}

.aplus-content-divider {
    width: 100%;
    margin: 0;
    line-height: 1.55;
    border-top: 2px solid #cd3c65;
}

/*
=========================================
Two column content layout with grid

ex. <Text> <Image>
*/

.aplus-content-grid-zigzag-2x3 {
    display: block grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "elem00 elem01"
        "elem10 elem11"
        "elem20 elem21";
    column-gap: 40px;
    row-gap: 60px;
    padding: 30px;
    justify-content: center;
}

@media (max-width: 768px) {
  .aplus-content-grid-zigzag-2x3 {
    grid-template-columns: 1fr;
    grid-template-areas:
      "elem00"
      "elem01"
      "elem11"
      "elem10"
      "elem20"
      "elem21";
  }
}

.aplus-content-grid-elem00 {
    grid-area: elem00;
}

.aplus-content-grid-elem01 {
    grid-area: elem01;
}

.aplus-content-grid-elem10 {
    grid-area: elem10;
}

.aplus-content-grid-elem11 {
    grid-area: elem11;
}

.aplus-content-grid-elem20 {
    grid-area: elem20;
}

.aplus-content-grid-elem21 {
    grid-area: elem21;
}


.aplus-content-grid-header {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #36454f;
    font-weight: 700;
    margin: 0 0 8px;
}

/* Text element */
.aplus-content-grid-text {
    margin: auto;
}

.aplus-content-grid-text h2 {
    font-size: 22px;
    line-height: 1.25;
    margin: 0 0 14px;
    color: #1a1a1a;
    font-weight: 700;
}

.aplus-content-grid-text h2 span {
    color: #cd3c65;
}

.aplus-content-grid-text p {
    font-size: 15px;
    color: #232323;
    line-height: 1.55;
    margin: 0 0 12px;
}

.aplus-content-grid-text ul {
    margin: 0;
    padding: 0 0 0 18px;
    font-size: 15px;
    color: #232323;
    line-height: 1.5;
}

.aplus-content-grid-text ul li {
    margin: 6px 0;
}

/* Image element */
.aplus-content-grid-img {
    text-align: center;
}

.aplus-content-grid-img img {
    width: 100%;
    max-width: 520px;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Video element */
.aplus-content-grid-video {
    text-align: center;
}

.aplus-content-grid-video a {
    text-decoration: none;
}

.aplus-content-grid-video a img {
    width: 100%;
    max-width: 480px;
    height: auto;
    display: block;
    margin: 0 auto;
}

/*
=========================================
Technical specifications in table

*/
.aplus-content-specs h2 {
    font-size: 22px;
    line-height: 1.25;
    margin: 6px 0 12px 0;
    color: #1a1a1a;
    font-weight: 700;
}

.aplus-content-specs table {
    width: 100%;
    margin: 26px 0 0;
    border-collapse: collapse;
    font-size: 14px;
}

.aplus-content-specs table td:nth-child(1) {
    background: #f7f8f9;
    color: #3a3a3a;
    width: 42%;
    border-bottom: 1px solid #e4e8ec;
}

.aplus-content-specs table td:nth-child(1) h3 {
    margin: 5px 10px;
    font-size: 1.06em;
    font-weight: 30%;
}

.aplus-content-specs table td:nth-child(2) {
    color: #232323;
    padding: 11px 16px;
    border-bottom: 1px solid #e4e8ec;
    vertical-align: top;
}

/*
=========================================
Additional links to guides, datasheets & etc.

*/
.aplus-content-links {
    margin: 26px 0 0;
}

.aplus-content-links h2 {
    font-size: 22px;
    line-height: 1.25;
    margin: 6px 0 12px 0;
    color: #1a1a1a;
    font-weight: 700;
}

.aplus-content-links a {
    display: inline-block;
    background: #36454f;
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 16px;
    border-radius: 8px;
    margin: 16px 8px 8px 0;
}

/*
=========================================
Category & Brand box

*/
.aplus-content-box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px;
}

.aplus-content-box div {
    flex: 1 1 48%;
    box-sizing: border-box;
}

.aplus-content-box-category {
    background: #faf2f5;
    border: 1px solid #ecd5de;
    border-radius: 14px;
    padding: 26px;
    text-align: center;
}

.aplus-content-box-category span {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #cd3c65;
    font-weight: 700;
    margin: 0 0 8px;
}

.aplus-content-box-category div {
    font-size: 19px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 8px;
}

.aplus-content-box-category p {
    margin: 0 0 18px;
    font-size: 14px;
    color: #3a3a3a;
    line-height: 1.55;
}

.aplus-content-box-category a {
    display: inline-block;
    background: #cd3c65;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 26px;
    border-radius: 8px;
}

.aplus-content-box-brand {
    background: #eef4f8;
    border: 1px solid #d2e1eb;
    border-radius: 14px;
    padding: 26px;
    text-align: center;
}

.aplus-content-box-brand img {
    max-width: 180px;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 16px;
}

.aplus-content-box-brand p {
    margin: 0 0 18px;
    font-size: 14px;
    color: #3a3a3a;
    line-height: 1.55;
}

.aplus-content-box-brand a {
    display: inline-block;
    background: #3e91be;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 26px;
    border-radius: 8px;
}

/*
=========================================
Content Table with scroll

*/
.aplus-content-table {
    max-width: 100%;
    padding: 26px 0px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.aplus-content-table table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

.aplus-content-table table th, .aplus-content-table table td {
    min-width: 120px; /* skaliert automatisch mit der Spaltenzahl */
    padding: 0.6rem 0.8rem;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #e0e0e0;
}

.aplus-content-table table thead th {
    font-weight: 700;
    white-space: nowrap;
    border-bottom: 2px solid #d6006e;
}

.aplus-content-table table tbody tr:nth-child(even) {
    background: #f7f7f7;
}

/* Erste Spalte beim horizontalen Scrollen fixieren */
.aplus-content-table table th:first-child, .aplus-content-table tablle td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    min-width: 160px;
    background: #fff;
    box-shadow: inset -1px 0 0 #e0e0e0; /* Ersatz für border-right bei sticky */
}

.aplus-content-table table tbody tr:nth-child(even) td:first-child {
    background: #f7f7f7; /* sonst wird die sticky-Zelle transparent */
}

/*
=========================================
Warningbox, infobox and successbox

*/
.aplus-content-notice {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    box-sizing: border-box;
    width: 100%;
    margin: 1.5rem 0;
    padding: 0.75rem 1.1rem;
    border: 1px solid;
    border-radius: 4px;
    font-weight: 600;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.aplus-content-notice svg {
    flex-shrink: 0;
    fill: none;
}

.aplus-content-notice svg path {
    stroke: white;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.aplus-content-notice p {
    margin: 0;
}

.aplus-content-notice a {
    color: inherit;
    text-decoration: underline;
}

/*
    Varianten
*/
.aplus-content-notice--warning {
    border-color: #d86f5d;
    background: #f6d4cf;
    color: #6b1f18;
}

.aplus-content-notice--warning svg {
    padding-right: 15px;
    width: 36px;
    height: 36px;
}

.aplus-content-notice--warning svg path {
    stroke: #6b1f18;
}

.aplus-content-notice--warning svg circle {
    fill: #6b1f18;
}


.aplus-content-notice--info  {
    border-color: #6ea8d8;
    background: #e2eff8;
    color: #1b3f5c;
}

.aplus-content-notice--info svg {
    padding-right: 15px;
    width: 36px;
    height: 36px;
}

.aplus-content-notice--info svg path {
    stroke:  #1b3f5c;
}

.aplus-content-notice--info svg circle {
    fill: #1b3f5c;
}


.aplus-content-notice--success {
    border-color: #7fb069;
    background: #e6f2e0;
    color: #2c4a1f;
}

.aplus-content-notice--success svg {
    padding-right: 15px;
    width: 36px;
    height: 36px;
}

.aplus-content-notice--success svg path {
    stroke:  #2c4a1f;
}

.aplus-content-notice--success svg circle {
    stroke: #2c4a1f;
}

/*
=========================================
Microcontroller (img) with legend

*/
.aplus-content-pinout {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
    margin: 2rem 0;
}

.aplus-content-pinout-img {
    flex: 1 1 55%;
    min-width: 0; /* verhindert Überlauf des Flex-Items */
}

.aplus-content-pinout-img img {
    width: 100%;
    height: auto;
    object-fit: contain; /* Callout-Nummern dürfen nicht beschnitten werden */
}

/* Legende: nummerierte Liste, keine Tabelle */
.aplus-content-pinout-legend {
    flex: 1 1 45%;
    min-width: 0;
    margin: 0;
    padding-left: 1.4rem;
    padding: 1rem 1rem 1rem 2.4rem;
    border-radius: 4px;
}

.aplus-content-pinout-legend li {
    margin-bottom: 0.6rem;
    line-height: 1.4;
}

.aplus-content-pinout-legend .pinout-name {
    display: block;
    font-weight: 700;
}

.aplus-content-pinout-legend .pinout-desc {
    display: block;
    font-size: 0.9em;
    color: #5b6770;
}

/* Mobile: Bild oben, Legende darunter */
@media (max-width: 768px) {
    .aplus-content-pinout {
        flex-direction: column;
        gap: 1.2rem;
    }
}


            .product-info .product-manufacturer {
                height: 32px;
                justify-content: flex-start;
            }

            .product-info .product-manufacturer-img {
                max-width: 100px;
                object-position: left;
            }

            
                    

                .product-manufacturer {
  justify-content: flex-start !important;
} 
            

                            .buybox-floating {
                    max-width: 1400px;
                }
            
            .buybox-floating-inner {
                border-radius: 5px;
                margin: 0px;
                padding-top: 10px;
                padding-bottom: 10px;
                box-shadow: 0 0px 1rem rgba(0, 0 ,0 , .18);
            }

            .buybox-floating-inner::before {
                border-radius: 5px;
                background: #ffffff;
                opacity: 80%;
            }

            .buybox-floating-inner > .container,
            .buybox-floating-inner > .container-fluid,
            .buybox-floating-inner .buybox-floating-inner-row {
                --bs-gutter-x: 20px;
                --bs-gutter-y: 10px;
            }

            .buybox-floating-inner .buybox-floating-inner-container,
            .buybox-floating-inner .product-detail-configurator-group {

                text-align: left;
            }

            .buybox-floating .product-detail-price {
                color: #4a545b;
                border-radius: 5px;
            }

            .buybox-floating .product-detail-price.with-list-price {
                color: #cd3c65
            }

            .buybox-floating .product-detail-name,
            .buybox-floating .product-detail-price-unit {
                color: #4a545b;
                text-align: left;
            }

            .buybox-floating .list-price-badge {
                border-radius: 3px;
            }

            .scroll-up-button {
                bottom: 24px;
            }

            .product-detail-configurator-groups-toggle-preview .option-color {
                border-radius: 3px;
            }
        

                                                            .bonus-system-redeem-points-container, .bonus-system-points-container,.bonus-system-points-header-container, .bonus-system-get-points-container  {
                background-color: transparent !important;
            }
            .badge-bonus-product {
                                    color: #000 !important;
                                background-color: transparent !important;
            }
            .sidebar-bonus-header {
                background-color: transparent !important;
            }
        
        .bonus-brand {
                            background-color: transparent !important;
                                        color: #000 !important;
                    }
                    .bonus-text {
                color: #000 !important;
            }
            .sidebar-bonus-header {
                color: #000 !important;
            }
            .bonus-system-points-header-container .bonus-text .nav-link.dropdown-toggle {
                color: #000 !important;
            }
            .bonus-system-account-left-menu .sidebar-bonus-header .bonus-you-have {
                color: #000 !important;
            }
            .bonus-system-account-left-menu .sidebar-bonus-header .bonus-you-have-points {
                color: #000 !important;
            }
            .bonus-system-points-header-container .bonus-text .nav-link.without-dropdown-toggle {
                color: #000 !important;
            }
                            .bonus-slider-container .noUi-horizontal .noUi-handle {
                background-color: transparent !important;
            }
        
        /* Notification on a product detail page */
                    .alert-bonus-points {
                background-color: transparent;
            }
        
        .alert-bonus-points .alert-content-container {
                            color: #000;
                                        background-color: transparent;
                    }

        /* Button: Buy with points */
        .bonus-products .points-buy-button {
                            color: #000;
                                        background-color: transparent;
                border-color: transparent;
                    }

        .bonus-products .points-buy-button:hover {
                            color: #000;
                                        background-color: color-mix(in srgb, transparent 90%, black 10%);
                border-color: color-mix(in srgb, transparent 90%, black 10%);
                    }
    
@font-face{font-family:apple-wallet-btn-en-US;src:url(https://fz.sitxo.com/wp-content/uploads/fz-site-v1/origin/applepay.cdn-apple.com/jsapi/1.latest/assets/1.2.0/fonts/en-US.woff2) format("woff2"),url(https://fz.sitxo.com/wp-content/uploads/fz-site-v1/origin/applepay.cdn-apple.com/jsapi/1.latest/assets/1.2.0/fonts/en-US.woff) format("woff");font-display:block;}
button.dfd-btn-term-filter[dfd-value-key=categories][dfd-value-term="Master"],
button.dfd-btn-term-filter[dfd-value-key=categories][dfd-value-term="Dummys"] {
  display: none !important;
}


.dfd-add-to-cart .dfd-card-sale-price {
  color: #cd3c65 !important; 
}
#df-1b8chr017izn3vf0t4evdui7s5058d6s, .dfd-product-ai-assistant {
--df-accent-primary: #d93662;
--df-accent-primary-hover: #CE2754;
--df-accent-primary-active: #B9234B;
--df-card-flag-out-of-stock-background: #eff0f0;
--df-card-flag-out-of-stock-color: #737678;
}