/*!
Theme Name:  Besser Relaxen WP 2024
Author:      DesignBurg.net
Author URI:  https://www.webdesignhamburg.net
Description: besser-relaxen 2024
Version:     1.0.0
License:     GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Template:    page-builder-framework
Text Domain: page-builder-framework-child
*/

.nopad {margin-bottom:0;padding-bottom:0;padding-top:5px;font-weight:700}

.wpc-control-item-info {min-width:175px;}

:root {
    --links-normal-color: #444444; /* Your custom color */
    --links-hover-color: #000000;  /* Your custom hover color */
    --checkout-button-padding: 15px 30px; /* Your custom padding */
		--checkout-button-normal-text-color,#fff;
		-var-link-color : #ff00ff;
}

.elementor-widget-woocommerce-cart .woocommerce .wc-proceed-to-checkout .checkout-button {
    background-color: #000 !important;
   }
   
input[type="search"].elementor-search-form__input {color:#000 !important;}
.elementor-background-slideshow p {margin-bottom: 0 !important}
 div.elementor-testimonial__content p {margin-bottom: 0 !important}
/* Fixed shrinking header */
.hoodi {
transition: 300ms;
/*position:absolute;*/
width:100%;
background-color: rgba(0,0,0,.8);

}

h2, h3 {margin-top:10px; margin-bottom:5px;}

.hoodi.shrink {
background-color: rgba(0,0,0,.9)!important;
transition: background-color 400ms ease !important;
width:100%;
position:fixed;
transition: height 000ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
}
/*--SHRINKING LOGO--*/

.shrink .sticky-logo img {
	width: 160px!important;/*--edit the pixels to change to desired shrinking size--*/
}

.sticky-logo img {
	/* transition: .5s all ease-in-out; */
}
.wpc-sub-control.bigicons.wpc-group-opened.wpc-current-opened-group > ul > li > img {max-width:130px;}

.headingproduct {padding: 15px 0px;}
#movedown > div p.wc-gzd-additional-info.wc-gzd-additional-info-loop.product-units-wrapper.product-units {display:none;}
 div.wpbf-woo-loop-summary > a > h3 {min-height:50px;}
 
button.wpbf-qty-control.wpbf-qty-increase {margin-left:0 !important;}
/* Change the color of all links */


/* Change the color of checkout button padding */
.woocommerce #place_order {
    padding: var(--checkout-button-padding); /* Ensure the variable is defined elsewhere in your CSS */
    background-color: #FF0000; /* Replace with your desired button background color */
    color: #FFFFFF; /* Replace with your desired button text color */
}

 
td[data-title="Versand"]::before {
    display: none;
}
.woocommerce ul#shipping_method li {text-indent:0}
 
#woocommerce-shipping-methods li {
    list-style-type: none; /* Remove default list style */
}

#woocommerce-shipping-methods li > label {
    display: inline-block; /* Display label and input inline */
    margin-right: 10px; /* Space between label and input */
}

#woocommerce-shipping-methods li > input {
    display: inline-block; /* Display input inline */
}

.shipping-method-extra-field {
    display: block; /* Ensure extra field is on a new line */
    margin-top: 5px; /* Space above extra field */
}

p.wc-gzd-additional-info.wc-gzd-additional-info-loop.tax-info, 
p.wc-gzd-additional-info.wc-gzd-additional-info-loop.shipping-costs-info,
p.wc-gzd-additional-info.delivery-time-info.wc-gzd-additional-info-loop {display:none}
@media screen and (max-width: 767px) {
    .elementor-sticky--effects .sticky-logo img {
	width: 130px!important;/*--edit the pixels to change to desired shrinking size for mobile--*/
	
}
.wpc-sub-control .wpc-control-item.custom-icon-size img {
    width: 70px;
}

.bigicons.bezug.wpc-group-opened.wpc-current-opened-group > ul > li > img { width: 110px;}
.bigicons.wpc-sub-control .wpc-control-item {padding:0;}


.wpc-sub-control .wpc-control-item {
    margin: 0 2px 0px 2px	;
    
   }

span.wpc-total-text {display:none !important}
}

.headercart #elementor-menu-cart__toggle_button {
padding-left:0;padding-right:0
}

.e-font-icon-svg-container svg {
    display: none; /* Hide the original SVG */
}

.e-font-icon-svg-container::before {
    content: "";
    display: block;
    width: 30px; /* Adjust to your needs */
    height: 30px; /* Adjust to your needs */
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAuNTY1IiBoZWlnaHQ9IjIyLjc5NyIgdmlld0JveD0iMCAwIDIwLjU2NSAyMi43OTciPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj48cmVjdCBpZD0iUmVjaHRlY2tfOCIgZGF0YS1uYW1lPSJSZWNodGVjayA4IiB3aWR0aD0iMjAuNTY1IiBoZWlnaHQ9IjIyLjc5NyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSI+PC9yZWN0PjwvY2xpcFBhdGg+PC9kZWZzPjxnIGlkPSJMdXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIj48ZyBpZD0iR3J1cHBlXzUiIGRhdGEtbmFtZT0iR3J1cHBlIDUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj48cGF0aCBpZD0iUGZhZF8xMCIgZGF0YS1uYW1lPSJQZmFkIDEwIiBkPSJNNy44MjUsMTUuMjkyQTcuNDY3LDcuNDY3LDAsMSwxLDE1LjI5LDcuODI2LDcuNDczLDcuNDczLDAsMCwxLDcuODI1LDE1LjI5MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMjg0IDAuMjg1KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ij48L3BhdGg+PGxpbmUgaWQ9IkxpbmllXzEiIGRhdGEtbmFtZT0iTGluaWUgMSIgeDE9IjcuMTU3IiB5MT0iNy43NjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjc2NSAxNC4zOTIpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjwvbGluZT48L2c+PC9nPjwvc3ZnPg==');
    background-size: contain;
    background-repeat: no-repeat;
margin-top:-2px;
}

.wpc-single-price .wpc-price-value {
       font-size: 30px !important;
}

@media (max-width: 768px) {
    .e-font-icon-svg-container::before {
        width: 26px; 
        height: 27px; 
}


.elementor-widget.elementor-widget-wpc_config_cart_form > div > div > div > span {display:none}
}



ul.wpc-control-lists-inner {margin:0px;padding:0;}
ul > li.wpc-control-item ul > li:nth-child(1) > img

div.smallicons ul li img {width:75px !important;}

/* @media screen and (min-width: 767px) { */
.scrolling-options {
    overflow-y: auto; /* Enables vertical scrollbar when content overflows on desktop */
}
/* } */

.sticktobottomright {
    position: fixed;   /* Keeps the element fixed during scrolling */
    bottom: 0;         /* Aligns the element at the bottom of the viewport */
    right: 0;          /* Aligns the element at the right of the viewport */
    background-color: white; /* Sets the background color to white */
    padding: 10px;     /* Adds some space inside the div, adjust as needed */
    display: inline-block; /* Makes the div only as wide as its contents */
    box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Optional: adds shadow for better visibility */
	min-width:300px;
    
}

.inneraddtobutton {  /* Replace .parent-container with the actual parent class or ID */
    display: flex;
    align-items: center; /* Aligns items vertically in the center, remove if not necessary */
    justify-content: flex-start; /* Aligns items to the start of the container */
}

.inneraddtobutton .wpc-primary-btn {

   display: inline-block; /* Ensures elements are treated as inline blocks */
    vertical-align: top; /* Aligns elements if they have different heights */
 }

.inneraddtobutton form {display:none }

ul.bgchanger {
    list-style: none; /* Removes default list styling */
    padding: 0; /* Removes default padding */
    margin: 0; /* Removes default margin */
    display: flex; /* Aligns all list items in one line */
    /*justify-content: space-around; /* Distributes space evenly around items */
}

ul.bgchanger li {
    margin: 5px; /* Adds some space between list items */
}

ul.bgchanger li a {
    display: inline-block; /* Allows padding and other box model properties */
    padding: 5px 20px; /* Adds padding inside the link for a button-like appearance */
    background-color: #f2f2f2; /* Light grey background */
    color: #333; /* Dark grey text color */
    text-decoration: none; /* Removes underline from links */
    border-radius: 5px; /* Rounded corners for the button-like appearance */
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2); /* Subtle shadow for 3D effect */
    transition: background-color 0.3s, box-shadow 0.3s; /* Smooth transition for hover effects */
}

ul.bgchanger li a:hover {
    background-color: #ddd; /* Darker background on hover */
    box-shadow: 3px 3px 8px rgba(0,0,0,0.3); /* Larger shadow on hover for a lifted effect */
}


#uploadForm {
    display: flex;
    justify-content: start;
    align-items: center;

}

#uploadForm input[type="file"] {
    padding: 5px 10px;
    background-color: #f2f2f2;
    color: #333;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    border: none; /* Remove default styling */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s, box-shadow 0.3s;
}

#uploadForm input[type="file"]::file-selector-button {
    padding: 5px 20px;
    background-color: #f2f2f2;
    color: #333;
    border-radius: 5px;
    border: none;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    transition: background-color 0.3s, box-shadow 0.3s;
}

#uploadForm input[type="file"]:hover::file-selector-button {
    background-color: #ddd;
    box-shadow: 3px 3px 8px rgba(0,0,0,0.3);
}

#uploadAndApplyButton {
    padding: 5px 20px;
    margin-left: 10px; /* Spacing between the file input and the button */
    background-color: #f2f2f2;
    color: #333;
    text-decoration: none;
    border-radius: 5px;
    border: none;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    cursor: pointer;
    transition: background-color 0.3s, box-shadow 0.3s;
}

#uploadAndApplyButton:hover {
    background-color: #ddd;
    box-shadow: 3px 3px 8px rgba(0,0,0,0.3);
}

.controls-container {
    display: flex; /* Aligns children in a row */
    justify-content: space-between; /* Distributes space between and around items */
    align-items: center; /* Centers items vertically */
    flex-wrap: wrap; /* Allows items to wrap onto next line if not enough space */
}

ul.bgchanger, #uploadForm {
    flex-grow: 0; /* Allows both elements to grow and fill the container */
    margin: 10px; /* Adds some space around the elements */
}

ul.bgchanger {
    display: flex; /* Keeps the list items in a row */
    justify-content: flex-start; /* Aligns items to the start of the ul */
    flex-wrap: wrap; /* Allows items to wrap in the container */
}

#uploadForm {
    display: flex; /* Ensures the form controls are lined up in a row */
    justify-content: flex-start; /* Aligns form items to the start */
    align-items: center; /* Aligns form items vertically */
}

/* --- Compact icon-based background picker --------------------------- */
.bg-controls {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    padding: 10px 14px;
    background: #fafafa;
    border: 1px solid #ececec;
    border-radius: 10px;
}

.bg-controls__label {
    font-size: 13px;
    font-weight: 600;
    color: #555;
    letter-spacing: .02em;
}

.bg-controls .bgchanger--icons {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 8px;
}

.bg-controls .bgchanger--icons li { margin: 0; }

.bg-controls .bgchanger--icons .hgswitch {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 30px;
    padding: 0 8px;
    border-radius: 6px;
    background: #fff;
    color: #555;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .02em;
    text-decoration: none;
    border: 1px solid #e2e2e2;
    transition: border-color .15s ease, color .15s ease, background-color .15s ease;
}

.bg-controls .bgchanger--icons .hgswitch:hover {
    border-color: #888;
    color: #222;
}

.bg-controls .bgchanger--icons .hgswitch.is-active {
    border-color: #333;
    background: #333;
    color: #fff;
}

.bg-controls .bgchanger--icons .hgswitch--none {
    font-weight: 500;
    color: #888;
}

.bg-controls__divider {
    width: 1px;
    align-self: stretch;
    background: #e2e2e2;
    margin: 2px 2px;
}

.bg-controls__upload {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.bg-controls__upload-trigger {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 30px;
    padding: 0 10px;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #e2e2e2;
    color: #555;
    font-size: 12px;
    cursor: pointer;
    transition: border-color .15s ease, color .15s ease;
}

.bg-controls__upload-trigger:hover {
    border-color: #888;
    color: #222;
}

.bg-controls__upload-icon {
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    color: #777;
    transform: translateY(-1px);
}

.bg-controls input[type="file"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.bg-controls #uploadAndApplyButton { display: none !important; }

/* tooltip on hover/focus via data-tooltip (shown below to avoid clipping) */
.bg-controls,
.bg-controls .bgchanger--icons { overflow: visible; }

.bg-controls [data-tooltip] { position: relative; }
.bg-controls [data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%) translateY(-2px);
    background: #222;
    color: #fff;
    font-size: 12px;
    line-height: 1.3;
    padding: 5px 8px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s ease, transform .15s ease;
    z-index: 1000;
}
.bg-controls [data-tooltip]::before {
    content: "";
    position: absolute;
    top: calc(100% + 3px);
    left: 50%;
    transform: translateX(-50%);
    border: 4px solid transparent;
    border-bottom-color: #222;
    opacity: 0;
    transition: opacity .15s ease;
    z-index: 1000;
}
.bg-controls [data-tooltip]:hover::after,
.bg-controls [data-tooltip]:focus-visible::after {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}
.bg-controls [data-tooltip]:hover::before,
.bg-controls [data-tooltip]:focus-visible::before {
    opacity: 1;
}


.flex-viewport {
    max-height: 500px; /* Ensure the viewport does not exceed this height */
    overflow: hidden; /* Hide any overflow */
}

.woocommerce-product-gallery__image img {
    max-height: 500px; /* Maximum image height */
    width: auto; /* Maintain aspect ratio by setting width to auto */
    object-fit: contain; /* Scale the image to be fully visible within the frame */
}

/* Ensure that the outer wrapper also respects the height limit */
.woocommerce-product-gallery__wrapper {
    height: auto;
    max-height: 500px;
}
.woocommerce-product-gallery__image img {
    max-height: 500px; /* Maximum image height */
    width: auto; /* Maintain aspect ratio by setting width to auto */
    object-fit: contain; /* Scale the image to be fully visible within the frame */
    object-position: left center; /* Align the image to the left and vertically center */
}

/* Adjust the image container if necessary to fit the alignment */
.woocommerce-product-gallery__image {
    width: 100%; /* Set width to 100% of the parent container */
    text-align: left; /* Align the contents to the left */
    display: flex; /* Use flexbox to better manage alignment */
    justify-content: start; /* Align children elements to the start (left) */
}

.woocommerce div.product form.cart table th, .woocommerce div.product form.cart table td {padding-top:0;padding-bottom:0;}
.elementor-widget-woocommerce-cart .woocommerce .input-text.qty {max-height:unset !important; text-align:center !important}
.elementor-product-loop-item--align-center .woocommerce ul.products li.product a img {max-height:350px;}
 .elementor-widget-testimonial-carousel.elementor-pagination-type-bullets .swiper {
   padding-bottom:10px !important;
}

.wc-gzd-checkout .is-large .wc-gzd-checkout-submit .wc-block-checkout__actions .wc-block-components-checkout-place-order-button {
background:#000;
}

.wpc-single-price .wpc-price-value {
       font-size: 40px;
   
}

.wpc-config-element .wpc-primary-btn, .wpc-config-element .wpcf7-submit {
    padding: 10px 10px;
    text-transform: none;
}



#wpc-front-4350 {transform: scale(1) !important;background-size:contain;background-repeat:no-repeat;}
body.postid-4346 .elementor-element-954cdd2 > div:nth-child(1) {background:none !important;}

@media screen and (min-width: 767px) {
.elementor-4838 .elementor-element.elementor-element-19adf171.elementor-element {
     --align-self: unset !important;
}
}
div.wpc-control-lists.wpc-sub-control.bigicons.wpc-group-opened.wpc-current-opened-group > ul > li.wpc-control-item.wpc-control-type-icon.wpc-layer-type-image.wpc-icon-square.custom-icon-size > img
  {max-width:120px !important;}
  
/* Beitragsbild als Hero über volle Content-Breite, festes 16:9-Format */
.wpbf-post-image-wrapper {
    display: block;
    width: 100%;
    margin: 0 0 2rem;
    overflow: hidden;
    border-radius: 8px;
    aspect-ratio: 16 / 9;
    max-height: none;
    background: #f3f3f3;
}
.wpbf-post-image.wp-post-image {
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: cover;
    object-position: center center;
    display: block;
}
@media (max-width: 768px) {
    .wpbf-post-image-wrapper {
        aspect-ratio: 4 / 3;
        border-radius: 4px;
        margin-bottom: 1.25rem;
    }
}

.always-on-top {
    z-index: 9999 !important;
}

.elementor-kit-967 button,.elementor-kit-967 input[type="button"],.elementor-kit-967 input[type="submit"],.elementor-kit-967 .elementor-button {
     background-color: #000;
   
}
tr.woocommerce-cart-form__cart-item.cart_item > td.product-quantity > div {display: inline-flex !important}	
.woocommerce div.product div.images .flex-control-thumbs li {width:16%;}

/* Hero-Kategoriebild Styling */
.category-hero-image {
  width: 100%;
  max-height: 400px; /* kannst du anpassen */
  overflow: hidden;
}

.category-hero-image img {
  width: 100%;
  height: auto;
  object-fit: cover;   /* sorgt für Zuschnitt statt Verzerrung */
  display: block;
}

.versandwrapper {max-width:1200px;margin:0 auto;padding: 50px 0px}
p#custom_width_field.form-row label span.optional, p#custom_length_field.form-row label span.optional {display:none}
/* Badge Container */
.wptb-badges {
    position: absolute;
    z-index: 9;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.wptb-badge,
.uael-sale-flash-wrap .uael-onsale {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 4px 8px;
    min-height: 1.6em;

    background: linear-gradient(
        180deg,
        rgba(255,255,255,0.08),
        rgba(0,0,0,0.15)
    ),
    #1f2933;

    color: #ffffff;

    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    line-height: 1;

    border-radius: 7px;

    /* 3D Feeling */
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.25), /* Lichtkante oben */
        inset 0 -1px 0 rgba(0,0,0,0.35),     /* Schatten unten */
        0 4px 8px rgba(0,0,0,0.25);

    opacity: 0.97;
    white-space: normal;

    transition:
        transform 0.15s ease,
        box-shadow 0.15s ease;
}


/* Hover Effekt (optional, fühlt sich sehr modern an) */
.wptb-badge:hover,
.uael-sale-flash-wrap .uael-onsale:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(0,0,0,0.2);
}

/* Farbvarianten */
.wptb-badge-neu {
    background: linear-gradient(135deg, #22c55e, #16a34a);
}

.wptb-badge-limited {
    background: linear-gradient(135deg, #f59e0b, #d97706);
}

.wptb-badge-sale {
    background: linear-gradient(135deg, #ef4444, #dc2626);
}

/* Elementor / UAEL Spezifisch */
.elementor-1941 
.elementor-element.elementor-element-9ad89a5 
.uael-sale-flash-wrap .uael-onsale {
      padding: 3px;
    border-radius: 8px; /* etwas kräftiger für Sale */
}


.elementor-1941 .elementor-element.elementor-element-9ad89a5 .uael-sale-flash-wrap .uael-onsale {
    min-height:unset !important;
    line-height: 2em;
}
/*Bunt
.wptb-badge-einzelstueck {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.12), rgba(0,0,0,0.35)),
        linear-gradient(135deg, #2f3a40, #1f2933);
}
.wptb-badge-sale {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.18), rgba(0,0,0,0.4)),
        linear-gradient(135deg, #ef4444, #b91c1c);
}
.wptb-badge-angebot {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.15), rgba(0,0,0,0.3)),
        linear-gradient(135deg, #3b82f6, #1d4ed8);
}
.wptb-badge-large {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.2), rgba(0,0,0,0.25)),
        linear-gradient(135deg, #9ca3af, #6b7280);
    color: #111827;
}
.wptb-badge-xl {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.1), rgba(0,0,0,0.45)),
        linear-gradient(135deg, #111827, #000000);
    font-weight: 700;
    letter-spacing: 0.06em;
}
Bunt Ende */

/* Shades of grey */

/* === Nur Elementor-Container mit HTML-ID "2026" UND nur Gruppen, deren Name "Farbe/Farben..." enthaelt === */
/* HTML-IDs duerfen in CSS nicht mit Ziffer beginnen -> Attribut-Selector noetig */
/* [class*="farbe"] matcht slugifizierte Gruppen-Klassen wie .farbe, .farben, .farben-evita, .farben-fantasy ... */
[id="2026"] .wpc-control-lists[class*="farbe"] .wpc-control-item.custom-icon-size .wpc-control-item-icon,
[id="2026"] .wpc-control-lists[class*="farbe"] .wpc-control-item.custom-icon-size > img {
    width: 55px !important;
    height: auto !important;
}
[id="2026"] .wpc-control-lists[class*="farbe"] .wpc-control-item.custom-icon-size {
    margin: 0 2px 2px 2px !important;
    padding: 0 !important;
}
@media screen and (max-width: 767px) {
    [id="2026"] .wpc-control-lists[class*="farbe"] .wpc-control-item.custom-icon-size .wpc-control-item-icon,
    [id="2026"] .wpc-control-lists[class*="farbe"] .wpc-control-item.custom-icon-size > img {
        width: 45px !important;
    }
}

/* === Globe Mix (Config-ID 21426): Farb-Swatches verkleinern wie bei Evita === */
/* Scope ueber data-config-id (Plugin-Attribut am Konfigurator-Wrapper) statt Elementor-CSS-ID. */
/* Trifft die beiden Farbgruppen "farbe" (Sitzflaeche/Evita) UND "sitzschale" (Fantasy). */
/* WICHTIG: :not(.bigicons) -> die Bezugsmaterial-Gruppen (Leder-Icons) bleiben gross. */
[data-config-id="21426"] .wpc-control-lists.farbe:not(.bigicons) .wpc-control-item.custom-icon-size .wpc-control-item-icon,
[data-config-id="21426"] .wpc-control-lists.farbe:not(.bigicons) .wpc-control-item.custom-icon-size > img,
[data-config-id="21426"] .wpc-control-lists.sitzschale:not(.bigicons) .wpc-control-item.custom-icon-size .wpc-control-item-icon,
[data-config-id="21426"] .wpc-control-lists.sitzschale:not(.bigicons) .wpc-control-item.custom-icon-size > img {
    width: 55px !important;
    height: auto !important;
}
[data-config-id="21426"] .wpc-control-lists.farbe:not(.bigicons) .wpc-control-item.custom-icon-size,
[data-config-id="21426"] .wpc-control-lists.sitzschale:not(.bigicons) .wpc-control-item.custom-icon-size {
    margin: 0 2px 2px 2px !important;
    padding: 0 !important;
}
@media screen and (max-width: 767px) {
    [data-config-id="21426"] .wpc-control-lists.farbe:not(.bigicons) .wpc-control-item.custom-icon-size .wpc-control-item-icon,
    [data-config-id="21426"] .wpc-control-lists.farbe:not(.bigicons) .wpc-control-item.custom-icon-size > img,
    [data-config-id="21426"] .wpc-control-lists.sitzschale:not(.bigicons) .wpc-control-item.custom-icon-size .wpc-control-item-icon,
    [data-config-id="21426"] .wpc-control-lists.sitzschale:not(.bigicons) .wpc-control-item.custom-icon-size > img {
        width: 45px !important;
    }
}

/* Active-Layer-Indikator-Icon (kleines Vorschau-Icon rechts neben Gruppen-Titel) vergroessern — nur in 2026 */
[id="2026"] .wpc-controls-wrap .wpc-active-layer-icon .custom-icon-img {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
}

@media screen and (max-width: 767px) {
    #config-control {
        max-width: 100%;
        overflow: hidden !important;
        padding: 5%;
    }
}

/* Floating-Widgets (Crisp-Chat + Trusted-Shops-Badge) auf der mobilen
   Produkt-Detailseite ausblenden — sie ueberlagern dort sonst den
   "In den Warenkorb"-Button. Auf allen anderen Seiten bleiben sie aktiv. */
@media screen and (max-width: 767px) {
    body.single-product .crisp-client,
    body.single-product [id^="trustbadge-container"],
    body.single-product #minimized-trustbadge,
    body.single-product .trustbadge {
        display: none !important;
    }
}