.elementor-355382 .elementor-element.elementor-element-4585af10{--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:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-355382 .elementor-element.elementor-element-6bf4b8e8{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-355382 .elementor-element.elementor-element-2b86c478{--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;--justify-content:flex-start;}.elementor-355382 .elementor-element.elementor-element-2b86c478.e-con{--order:-99999 /* order start hack */;}.elementor-355382 .elementor-element.elementor-element-43ea11f0{--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;}.elementor-355382 .elementor-element.elementor-element-ee9c22b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-355382 .elementor-element.elementor-element-17b05625{font-size:11px;}.elementor-355382 .elementor-element.elementor-element-475666a9 .cart button, .elementor-355382 .elementor-element.elementor-element-475666a9 .cart .button{border-radius:3px 3px 3px 3px;background-color:var( --e-global-color-accent );transition:all 0.2s;}.elementor-355382 .elementor-element.elementor-element-475666a9 .quantity .qty{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );border-radius:3px 3px 3px 3px;transition:all 0.2s;}.elementor-355382 .elementor-element.elementor-element-31461204{z-index:1;}.elementor-355382 .elementor-element.elementor-element-aa7fb03{z-index:0;}.elementor-355382 .elementor-element.elementor-element-24468707{z-index:1;--grid-side-margin:0px;--grid-column-gap:0px;--grid-row-gap:0px;--grid-bottom-margin:0px;}.elementor-355382 .elementor-element.elementor-element-24468707 .elementor-share-btn{font-size:calc(0.5px * 10);}.elementor-355382 .elementor-element.elementor-element-f4add7b{z-index:999;}.elementor-355382 .elementor-element.elementor-element-4bda5150{--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;--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-355382 .elementor-element.elementor-element-275dc552{--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;}.elementor-355382 .elementor-element.elementor-element-75b5e766{--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;}.elementor-355382 .elementor-element.elementor-element-7152e9b6{--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;}.elementor-355382 .elementor-element.elementor-element-5a42e019{--display:flex;}.elementor-355382 .elementor-element.elementor-element-40c23d7e{--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;}.elementor-355382 .elementor-element.elementor-element-3cdcc670{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-355382 .elementor-element.elementor-element-4f109798{--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;}.elementor-355382 .elementor-element.elementor-element-254671cc{--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;}.elementor-355382 .elementor-element.elementor-element-4852573f{--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;}@media(min-width:768px){.elementor-355382 .elementor-element.elementor-element-4585af10{--content-width:1500px;}.elementor-355382 .elementor-element.elementor-element-2b86c478{--width:100%;}.elementor-355382 .elementor-element.elementor-element-43ea11f0{--width:100%;}.elementor-355382 .elementor-element.elementor-element-ee9c22b{--width:100%;}.elementor-355382 .elementor-element.elementor-element-4bda5150{--content-width:1500px;}.elementor-355382 .elementor-element.elementor-element-7152e9b6{--content-width:1500px;}.elementor-355382 .elementor-element.elementor-element-4f109798{--content-width:1500px;}.elementor-355382 .elementor-element.elementor-element-254671cc{--content-width:1500px;}.elementor-355382 .elementor-element.elementor-element-4852573f{--content-width:1500px;}}@media(max-width:1366px){.elementor-355382 .elementor-element.elementor-element-6bf4b8e8{--grid-auto-flow:row;}.elementor-355382 .elementor-element.elementor-element-475666a9 .quantity .qty{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:1024px){.elementor-355382 .elementor-element.elementor-element-6bf4b8e8{--grid-auto-flow:row;}.elementor-355382 .elementor-element.elementor-element-475666a9 .quantity .qty{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );} .elementor-355382 .elementor-element.elementor-element-24468707{--grid-side-margin:0px;--grid-column-gap:0px;--grid-row-gap:0px;--grid-bottom-margin:0px;}}@media(max-width:767px){.elementor-355382 .elementor-element.elementor-element-4585af10{--margin-top:-3px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-355382 .elementor-element.elementor-element-6bf4b8e8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-355382 .elementor-element.elementor-element-475666a9 .quantity .qty{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );} .elementor-355382 .elementor-element.elementor-element-24468707{--grid-side-margin:0px;--grid-column-gap:0px;--grid-row-gap:0px;--grid-bottom-margin:0px;}}/* Start custom CSS for html, class: .elementor-element-498da5c7 *//* WHITEFOX – Trust Block v1 */
.elementor-355382 .elementor-element.elementor-element-498da5c7 .wf-trustbox{
  --wf-ring: rgba(56,189,248,.55);
  --wf-text: rgba(255,255,255,.88);
  --wf-muted: rgba(255,255,255,.62);
  --wf-border: rgba(255,255,255,.10);
  --wf-bg: rgba(255,255,255,.04);
  --wf-bg2: rgba(255,255,255,.02);
}

.elementor-355382 .elementor-element.elementor-element-498da5c7 .wf-trustbox__card{
  border: 1px solid var(--wf-border);
  background: linear-gradient(180deg, var(--wf-bg), var(--wf-bg2));
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  position: relative;
  overflow: hidden;
}

.elementor-355382 .elementor-element.elementor-element-498da5c7 .wf-trustbox__card:before{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(800px 200px at 20% 0%, rgba(56,189,248,.18), transparent 60%),
              radial-gradient(700px 240px at 90% 10%, rgba(110,231,183,.12), transparent 55%);
  pointer-events:none;
  opacity:.9;
}

.elementor-355382 .elementor-element.elementor-element-498da5c7 .wf-trustbox__head{
  display:flex;
  align-items:center;
  gap:10px;
  position:relative;
}

.elementor-355382 .elementor-element.elementor-element-498da5c7 .wf-trustbox__badge{
  width:26px;
  height:26px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(56,189,248,.12);
  border: 1px solid rgba(56,189,248,.28);
  box-shadow: 0 0 0 6px rgba(56,189,248,.06);
  color: rgba(255,255,255,.92);
  font-weight: 800;
  line-height:1;
}

.elementor-355382 .elementor-element.elementor-element-498da5c7 .wf-trustbox__title{
  margin:0;
  font-size: 18px;
  color: rgba(255,255,255,.92);
  letter-spacing: .2px;
}

.elementor-355382 .elementor-element.elementor-element-498da5c7 .wf-trustbox__list{
  list-style:none;
  padding: 12px 0 0;
  margin: 0;
  display:flex;
  flex-direction: column;
  gap: 10px;
  position:relative;
}

.elementor-355382 .elementor-element.elementor-element-498da5c7 .wf-trustbox__item{
  display:flex;
  align-items:flex-start;
  gap: 10px;
  padding: 10px 10px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.10);
  border-radius: 14px;
}

.elementor-355382 .elementor-element.elementor-element-498da5c7 .wf-trustbox__item--donation{
  border-color: rgba(56,189,248,.22);
  box-shadow: 0 0 0 1px rgba(56,189,248,.10) inset;
}

.elementor-355382 .elementor-element.elementor-element-498da5c7 .wf-trustbox__icon{
  width: 30px;
  height: 30px;
  border-radius: 12px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.92);
  flex: 0 0 30px;
  margin-top: 1px;
}

.elementor-355382 .elementor-element.elementor-element-498da5c7 .wf-trustbox__text .wf-trustbox__label{
  display:block;
  color: rgba(255,255,255,.92);
  font-weight: 800;
  font-size: 13.5px;
  line-height: 1.2;
}

.elementor-355382 .elementor-element.elementor-element-498da5c7 .wf-trustbox__text span{
  display:block;
  color: var(--wf-muted);
  font-size: 12.5px;
  line-height: 1.35;
  margin-top: 2px;
}

.elementor-355382 .elementor-element.elementor-element-498da5c7 .wf-trustbox__note{
  margin: 12px 2px 0;
  color: rgba(255,255,255,.60);
  font-size: 12px;
  line-height: 1.35;
  position:relative;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b6c17b *//* WHITEFOX – Mini FAQ Accordion v1 */
.elementor-355382 .elementor-element.elementor-element-8b6c17b .wf-minifaq{
  --wf-text: rgba(255,255,255,.90);
  --wf-muted: rgba(255,255,255,.62);
  --wf-border: rgba(255,255,255,.10);
  --wf-bg: rgba(255,255,255,.04);
  --wf-bg2: rgba(255,255,255,.02);
  --wf-accent: rgba(56,189,248,.60);
}

.elementor-355382 .elementor-element.elementor-element-8b6c17b .wf-minifaq__card{
  border: 1px solid var(--wf-border);
  background: linear-gradient(180deg, var(--wf-bg), var(--wf-bg2));
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

.elementor-355382 .elementor-element.elementor-element-8b6c17b .wf-minifaq__head{
  margin-bottom: 10px;
}

.elementor-355382 .elementor-element.elementor-element-8b6c17b .wf-minifaq__title{
  margin:0;
  color: var(--wf-text);
  font-size: 18px;
  letter-spacing: .2px;
}

.elementor-355382 .elementor-element.elementor-element-8b6c17b .wf-minifaq__sub{
  margin: 6px 0 0;
  color: var(--wf-muted);
  font-size: 12.5px;
  line-height: 1.35;
}

.elementor-355382 .elementor-element.elementor-element-8b6c17b .wf-minifaq__items{
  display:flex;
  flex-direction: column;
  gap: 10px;
}

.elementor-355382 .elementor-element.elementor-element-8b6c17b .wf-minifaq__item{
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.10);
  border-radius: 14px;
  overflow: hidden;
}

.elementor-355382 .elementor-element.elementor-element-8b6c17b .wf-minifaq__q{
  list-style:none;
  cursor:pointer;
  padding: 12px 38px 12px 12px;
  color: rgba(255,255,255,.88);
  font-weight: 800;
  font-size: 13px;
  line-height: 1.25;
  position: relative;
  outline: none;
}

.elementor-355382 .elementor-element.elementor-element-8b6c17b .wf-minifaq__q::-webkit-details-marker{ display:none; }

.elementor-355382 .elementor-element.elementor-element-8b6c17b .wf-minifaq__q:after{
  content:"+";
  position:absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  border-radius: 10px;
  display:grid;
  place-items:center;
  color: rgba(255,255,255,.85);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
}

.elementor-355382 .elementor-element.elementor-element-8b6c17b details[open] > .wf-minifaq__q:after{
  content:"–";
  background: rgba(56,189,248,.12);
  border-color: rgba(56,189,248,.28);
  box-shadow: 0 0 0 6px rgba(56,189,248,.06);
}

.elementor-355382 .elementor-element.elementor-element-8b6c17b .wf-minifaq__a{
  padding: 0 12px 12px 12px;
  color: var(--wf-muted);
  font-size: 12.5px;
  line-height: 1.45;
}

.elementor-355382 .elementor-element.elementor-element-8b6c17b .wf-minifaq__a .wf-minifaq__em{
  color: rgba(255,255,255,.88);
  font-weight: 800;
}

.elementor-355382 .elementor-element.elementor-element-8b6c17b .wf-minifaq__item:hover{
  border-color: rgba(56,189,248,.22);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4622a069 */.wf-badges { display:flex; gap:10px; flex-wrap:wrap; margin: 10px 0 14px; }

.wf-badge{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  letter-spacing:.04em;
  border:1px solid rgba(148,163,184,.35);
  background: rgba(15,23,42,.7);
  color:#e5e7eb;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-475666a9 *//* =========================================================
   WHITEFOX – Add to Cart / 2-Button Layout
   Desktop: Menge | In den Warenkorb | Direkt zur Kasse
   Mobile/schmale Spalte: Buttons 50/50 nebeneinander, Text skaliert
========================================================= */

/* Wrapper */
.wf-add-to-cart,
.wf-add-to-cart .elementor-widget-container,
.wf-add-to-cart .elementor-add-to-cart,
.wf-add-to-cart .elementor-product-simple{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    overflow:visible !important;
}

/* Container Query aktivieren */
.wf-add-to-cart,
.wf-add-to-cart .elementor-add-to-cart,
.wf-add-to-cart .elementor-product-simple{
    container-type:inline-size;
}

/* Stock / Verfügbarkeit liegt bei Elementor AUSSERHALB vom form.cart */
.wf-add-to-cart .stock{
    width:max-content !important;
    max-width:100% !important;
    font-size:14px !important;
    font-weight:700 !important;
    padding:7px 13px 7px 31px !important;
    display:inline-block !important;
    border-radius:9px !important;
    backdrop-filter:blur(4px) !important;
    letter-spacing:.02em !important;
    margin:0 0 14px 0 !important;
    position:relative !important;
    box-sizing:border-box !important;
}

/* Stock Icon */
.wf-add-to-cart .stock::before{
    content:"";
    position:absolute;
    left:10px;
    top:50%;
    transform:translateY(-50%);
    font-size:14px;
}

/* Lagerstatus */
.wf-add-to-cart .stock.in-stock{
    color:#a0ff76 !important;
    background:rgba(160,255,118,0.10) !important;
    border:1px solid rgba(160,255,118,0.22) !important;
}

.wf-add-to-cart .stock.in-stock::before{
    content:"🟢";
}

.wf-add-to-cart .stock.low-stock{
    color:#ffe97a !important;
    background:rgba(255,233,122,0.10) !important;
    border:1px solid rgba(255,233,122,0.25) !important;
}

.wf-add-to-cart .stock.low-stock::before{
    content:"🟡";
}

.wf-add-to-cart .stock.out-of-stock{
    color:#ff6b6b !important;
    background:rgba(255,107,107,0.10) !important;
    border:1px solid rgba(255,107,107,0.25) !important;
}

.wf-add-to-cart .stock.out-of-stock::before{
    content:"🔴";
}

/* =========================================================
   Formular Grundlayout
========================================================= */

.wf-add-to-cart form.cart{
    display:grid !important;
    grid-template-columns:80px minmax(0, 1fr) minmax(0, 1fr) !important;
    gap:12px !important;
    align-items:stretch !important;
    justify-content:stretch !important;

    width:100% !important;
    max-width:100% !important;

    margin:0 !important;
    padding:0 !important;

    box-sizing:border-box !important;
    overflow:visible !important;
}

/* Versteckte Direct-Checkout Flag */
.wf-add-to-cart form.cart .wf-direct-checkout-flag{
    display:none !important;
}

/* Wenn WooCommerce die Menge als hidden ausgibt, darf der Quantity-Container keinen Platz klauen */
.wf-add-to-cart form.cart .quantity:has(input[type="hidden"]){
    display:none !important;
}

/* Fallback, falls :has() nicht greift */
.wf-add-to-cart form.cart .quantity input[type="hidden"]{
    display:none !important;
}

/* WICHTIG:
   Wenn die Menge hidden ist, nur noch 2 Spalten:
   In den Warenkorb = 50%
   Direkt zur Kasse = 50%
*/
.wf-add-to-cart form.cart:has(.quantity input[type="hidden"]){
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
}

/* Mengenfeld */
.wf-add-to-cart form.cart .quantity{
    grid-column:1 !important;
    margin:0 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    float:none !important;
    clear:none !important;
    box-sizing:border-box !important;
}

.wf-add-to-cart form.cart .quantity input.qty,
.wf-add-to-cart input.qty{
    width:100% !important;
    max-width:100% !important;
    height:52px !important;
    border-radius:12px !important;
    background:rgba(255,255,255,0.05) !important;
    border:1px solid rgba(255,255,255,0.12) !important;
    color:#fff !important;
    font-weight:700 !important;
    text-align:center !important;
    box-sizing:border-box !important;
}

/* =========================================================
   Button Basis
========================================================= */

.wf-add-to-cart form.cart button.single_add_to_cart_button,
.wf-add-to-cart form.cart button.wf-buy-now-button,
.wf-add-to-cart form.cart button.wf-direct-checkout-button{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;

    height:auto !important;
    min-height:52px !important;

    margin:0 !important;
    padding:14px 16px !important;

    border-radius:14px !important;
    box-sizing:border-box !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    text-align:center !important;
    font-size:15px !important;
    font-weight:800 !important;
    letter-spacing:.01em !important;
    line-height:1.1 !important;
    white-space:nowrap !important;

    float:none !important;
    clear:none !important;

    overflow:hidden !important;
    text-overflow:clip !important;

    backdrop-filter:blur(6px) !important;
    transition:all .25s ease !important;
}

/* In den Warenkorb */
.wf-add-to-cart form.cart button.single_add_to_cart_button{
    grid-column:2 !important;
    background:linear-gradient(
        135deg,
        rgba(0,180,255,0.22),
        rgba(255,255,255,0.06)
    ) !important;
    border:1px solid rgba(0,200,255,0.32) !important;
    color:#ffffff !important;
    box-shadow:
        0 10px 24px rgba(0,0,0,.40),
        inset 0 0 0 1px rgba(0,200,255,.12) !important;
}

/* Wenn Quantity hidden ist, Button auf Spalte 1 setzen */
.wf-add-to-cart form.cart:has(.quantity input[type="hidden"]) button.single_add_to_cart_button{
    grid-column:1 !important;
}

/* Hover Warenkorb */
.wf-add-to-cart form.cart button.single_add_to_cart_button:hover{
    background:linear-gradient(
        135deg,
        rgba(0,200,255,0.34),
        rgba(255,255,255,0.10)
    ) !important;
    border-color:rgba(0,200,255,0.55) !important;
    box-shadow:
        0 0 28px rgba(0,180,255,0.25),
        inset 0 0 0 1px rgba(0,200,255,.20) !important;
    transform:translateY(-2px) !important;
}

/* Direkt zur Kasse */
.wf-add-to-cart form.cart button.wf-buy-now-button,
.wf-add-to-cart form.cart button.wf-direct-checkout-button{
    grid-column:3 !important;
    background:linear-gradient(
        135deg,
        rgba(16,185,129,.34),
        rgba(45,212,191,.24),
        rgba(15,23,42,.90)
    ) !important;
    border:1px solid rgba(110,231,183,.44) !important;
    color:#ecfeff !important;
    box-shadow:
        0 10px 24px rgba(0,0,0,.40),
        inset 0 0 0 1px rgba(110,231,183,.18) !important;
}

/* Wenn Quantity hidden ist, Direkt zur Kasse auf Spalte 2 setzen */
.wf-add-to-cart form.cart:has(.quantity input[type="hidden"]) button.wf-buy-now-button,
.wf-add-to-cart form.cart:has(.quantity input[type="hidden"]) button.wf-direct-checkout-button{
    grid-column:2 !important;
}

/* Hover Direkt zur Kasse */
.wf-add-to-cart form.cart button.wf-buy-now-button:hover,
.wf-add-to-cart form.cart button.wf-direct-checkout-button:hover{
    background:linear-gradient(
        135deg,
        rgba(34,197,94,.46),
        rgba(45,212,191,.30),
        rgba(15,23,42,.96)
    ) !important;
    border-color:rgba(110,231,183,.70) !important;
    box-shadow:
        0 0 28px rgba(16,185,129,.22),
        inset 0 0 0 1px rgba(110,231,183,.24) !important;
    transform:translateY(-2px) !important;
}

/* Woo Added-to-cart Link ausblenden */
.wf-add-to-cart form.cart .added_to_cart{
    display:none !important;
}

/* PayPal Message sauber unter dem Formular */
.wf-add-to-cart .ppcp-messages{
    width:100% !important;
    max-width:100% !important;
    margin-top:12px !important;
    box-sizing:border-box !important;
}

/* =========================================================
   Tablet / Mobile
   Ziel:
   - Buttons bleiben 50/50 nebeneinander
   - Text wird kleiner
   - keine abgeschnittene Schrift
========================================================= */

@media (max-width:1100px){

    .wf-add-to-cart form.cart{
        grid-template-columns:80px minmax(0, 1fr) minmax(0, 1fr) !important;
        gap:10px !important;
        align-items:stretch !important;
        justify-content:stretch !important;
        width:100% !important;
        max-width:100% !important;
        overflow:visible !important;
    }

    .wf-add-to-cart form.cart:has(.quantity input[type="hidden"]){
        grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
    }

    .wf-add-to-cart form.cart .quantity{
        grid-column:1 !important;
        width:80px !important;
        max-width:80px !important;
        min-width:80px !important;
        margin:0 !important;
        align-self:stretch !important;
        float:none !important;
        clear:none !important;
        box-sizing:border-box !important;
    }

    .wf-add-to-cart form.cart .quantity:has(input[type="hidden"]){
        display:none !important;
        width:0 !important;
        max-width:0 !important;
        min-width:0 !important;
        height:0 !important;
        margin:0 !important;
        padding:0 !important;
        overflow:hidden !important;
    }

    .wf-add-to-cart form.cart .quantity input.qty{
        width:80px !important;
        max-width:80px !important;
        min-width:80px !important;
        height:52px !important;
        margin:0 !important;
        box-sizing:border-box !important;
    }

    .wf-add-to-cart form.cart button.single_add_to_cart_button,
    .wf-add-to-cart form.cart button.wf-buy-now-button,
    .wf-add-to-cart form.cart button.wf-direct-checkout-button{
        min-height:54px !important;
        height:54px !important;
        max-height:54px !important;

        padding:13px 12px !important;

        font-size:clamp(12px, 2.9vw, 14px) !important;
        line-height:1.05 !important;
        letter-spacing:-.02em !important;
        white-space:nowrap !important;

        overflow:hidden !important;
        text-overflow:clip !important;

        align-self:stretch !important;
        justify-content:center !important;
        align-items:center !important;

        margin:0 !important;
        float:none !important;
        clear:none !important;
    }

    .wf-add-to-cart form.cart button.single_add_to_cart_button{
        grid-column:2 !important;
    }

    .wf-add-to-cart form.cart button.wf-buy-now-button,
    .wf-add-to-cart form.cart button.wf-direct-checkout-button{
        grid-column:3 !important;
    }

    .wf-add-to-cart form.cart:has(.quantity input[type="hidden"]) button.single_add_to_cart_button{
        grid-column:1 !important;
    }

    .wf-add-to-cart form.cart:has(.quantity input[type="hidden"]) button.wf-buy-now-button,
    .wf-add-to-cart form.cart:has(.quantity input[type="hidden"]) button.wf-direct-checkout-button{
        grid-column:2 !important;
    }

    .wf-add-to-cart form.cart button.single_add_to_cart_button:hover,
    .wf-add-to-cart form.cart button.wf-buy-now-button:hover,
    .wf-add-to-cart form.cart button.wf-direct-checkout-button:hover{
        transform:none !important;
    }
}

/* =========================================================
   Container Query:
   Greift, wenn die Elementor-Produktspalte selbst schmal ist,
   auch wenn der Viewport eigentlich größer ist.
========================================================= */

@container (max-width: 520px){

    .wf-add-to-cart form.cart{
        grid-template-columns:80px minmax(0, 1fr) minmax(0, 1fr) !important;
        gap:10px !important;
        align-items:stretch !important;
        justify-content:stretch !important;
        width:100% !important;
        max-width:100% !important;
        overflow:visible !important;
    }

    .wf-add-to-cart form.cart:has(.quantity input[type="hidden"]){
        grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
    }

    .wf-add-to-cart form.cart .quantity:has(input[type="hidden"]){
        display:none !important;
    }

    .wf-add-to-cart form.cart button.single_add_to_cart_button,
    .wf-add-to-cart form.cart button.wf-buy-now-button,
    .wf-add-to-cart form.cart button.wf-direct-checkout-button{
        min-height:54px !important;
        height:54px !important;
        max-height:54px !important;

        padding:13px 10px !important;

        font-size:clamp(11.5px, 3.1cqw, 13.5px) !important;
        font-weight:800 !important;
        line-height:1.05 !important;
        letter-spacing:-.03em !important;
        white-space:nowrap !important;
        text-align:center !important;

        overflow:hidden !important;
        text-overflow:clip !important;

        margin:0 !important;
        box-sizing:border-box !important;
    }

    .wf-add-to-cart form.cart:has(.quantity input[type="hidden"]) button.single_add_to_cart_button{
        grid-column:1 !important;
    }

    .wf-add-to-cart form.cart:has(.quantity input[type="hidden"]) button.wf-buy-now-button,
    .wf-add-to-cart form.cart:has(.quantity input[type="hidden"]) button.wf-direct-checkout-button{
        grid-column:2 !important;
    }
}

/* Kleine Smartphones */
@media (max-width:430px){

    .wf-add-to-cart form.cart{
        gap:8px !important;
    }

    .wf-add-to-cart form.cart button.single_add_to_cart_button,
    .wf-add-to-cart form.cart button.wf-buy-now-button,
    .wf-add-to-cart form.cart button.wf-direct-checkout-button{
        min-height:52px !important;
        height:52px !important;
        max-height:52px !important;

        padding:12px 8px !important;

        font-size:12px !important;
        line-height:1.05 !important;
        letter-spacing:-.04em !important;
        white-space:nowrap !important;
    }
}

/* Extrem schmale Geräte */
@media (max-width:360px){

    .wf-add-to-cart form.cart{
        gap:7px !important;
    }

    .wf-add-to-cart form.cart button.single_add_to_cart_button,
    .wf-add-to-cart form.cart button.wf-buy-now-button,
    .wf-add-to-cart form.cart button.wf-direct-checkout-button{
        min-height:50px !important;
        height:50px !important;
        max-height:50px !important;

        padding:11px 6px !important;

        font-size:11px !important;
        letter-spacing:-.05em !important;
    }
}/* End custom CSS */
/* Start custom CSS for share-buttons, class: .elementor-element-24468707 *//* =========================================================
   WHITEFOX – SHARE BUTTONS (Elementor Share Buttons Widget)
   Style: 5 runde Icon-Buttons + Platform Ring + dezenter Glow
   NOTE: Elementor Custom CSS → ".elementor-355382 .elementor-element.elementor-element-24468707" bleibt so.
   ========================================================= */

.elementor-355382 .elementor-element.elementor-element-24468707{
  --wf-share-size: 46px;
  --wf-share-gap: 10px;

  --wf-share-bg1: rgba(15,23,42,.66);
  --wf-share-bg2: rgba(2,6,23,.88);

  --wf-share-border: rgba(125,211,252,.22);
  --wf-share-border-strong: rgba(125,211,252,.42);

  --wf-share-glow: rgba(56,189,248,.18);

  /* Default ring + glow (falls Netzwerk nicht gemappt ist) */
  --wf-ring: rgba(125,211,252,.32);
  --wf-ring-glow: rgba(56,189,248,.16);
}

/* =========================================================
   LAYOUT: runde Icon-Buttons (wrap)
   ========================================================= */
.elementor-355382 .elementor-element.elementor-element-24468707 .elementor-grid{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--wf-share-gap) !important;
  align-items: center !important;
}

.elementor-355382 .elementor-element.elementor-element-24468707 .elementor-grid > .elementor-grid-item{
  flex: 0 0 auto !important;
  min-width: 0 !important;
}

/* =========================================================
   BUTTON: round + glass
   ========================================================= */
.elementor-355382 .elementor-element.elementor-element-24468707 .elementor-share-btn{
  position: relative;
  overflow: hidden;

  width: var(--wf-share-size) !important;
  height: var(--wf-share-size) !important;
  min-height: var(--wf-share-size) !important;

  padding: 0 !important;
  border-radius: 999px !important;

  /* Background glass */
  background: linear-gradient(180deg, var(--wf-share-bg1), var(--wf-share-bg2)) !important;

  /* Fallback border (Ring macht den Look, Border bleibt dezent) */
  border: 1px solid rgba(148,163,184,.14) !important;

  box-shadow:
    0 10px 24px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.05) !important;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  /* Perfekt zentrieren */
  display: grid !important;
  place-items: center !important;

  transition:
    transform .16s ease,
    filter .16s ease,
    box-shadow .16s ease;
}

/* Text komplett ausblenden */
.elementor-355382 .elementor-element.elementor-element-24468707 .elementor-share-btn__title{ display:none !important; }

/* =========================================================
   PERFECT ICON CENTERING
   ========================================================= */
.elementor-355382 .elementor-element.elementor-element-24468707 .elementor-share-btn__icon{
  display: grid !important;
  place-items: center !important;
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-355382 .elementor-element.elementor-element-24468707 .elementor-share-btn__icon svg,
.elementor-355382 .elementor-element.elementor-element-24468707 .elementor-share-btn__icon i{
  width: 18px !important;
  height: 18px !important;
  font-size: 18px !important;
  display: block !important;

  color: rgba(226,232,240,.95) !important;
  fill: currentColor !important;

  margin: 0 !important;
  line-height: 0 !important;
  transform: translateY(0) !important;
}

/* =========================================================
   ICE SHEEN (dezent)
   ========================================================= */
.elementor-355382 .elementor-element.elementor-element-24468707 .elementor-share-btn::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(120px 60px at 20% 10%, rgba(125,211,252,.14), transparent 60%),
    radial-gradient(140px 80px at 85% 0%, rgba(56,189,248,.08), transparent 65%);
  pointer-events:none;
  opacity:.9;
}

/* =========================================================
   PLATFORM RING + GLOW (super dezent)
   - Ring: ::after (Farbe per Netzwerk über CSS Vars)
   ========================================================= */
.elementor-355382 .elementor-element.elementor-element-24468707 .elementor-share-btn::after{
  content:"" !important;
  position:absolute !important;
  inset: -2px !important;
  border-radius: 999px !important;
  border: 2px solid var(--wf-ring) !important;
  pointer-events:none !important;
  background: transparent !important;

  /* Glow in Ring-Farbe (dezent) */
  box-shadow:
    0 0 0 1px rgba(0,0,0,.0),
    0 0 14px var(--wf-ring-glow) !important;
  opacity: .95;
}

/* =========================================================
   PLATFORM COLOR MAP (Ring + Glow)
   ========================================================= */

/* Facebook */
.elementor-355382 .elementor-element.elementor-element-24468707 .elementor-share-btn_facebook{
  --wf-ring: rgba(59,130,246,.42);
  --wf-ring-glow: rgba(59,130,246,.16);
}

/* X / Twitter */
.elementor-355382 .elementor-element.elementor-element-24468707 .elementor-share-btn_x-twitter{
  --wf-ring: rgba(226,232,240,.34);
  --wf-ring-glow: rgba(226,232,240,.12);
}

/* WhatsApp */
.elementor-355382 .elementor-element.elementor-element-24468707 .elementor-share-btn_whatsapp{
  --wf-ring: rgba(34,197,94,.46);
  --wf-ring-glow: rgba(34,197,94,.16);
}

/* Threads */
.elementor-355382 .elementor-element.elementor-element-24468707 .elementor-share-btn_threads{
  --wf-ring: rgba(148,163,184,.40);
  --wf-ring-glow: rgba(148,163,184,.13);
}

/* =========================================================
   HOVER: minimal stärker + Glow boost
   ========================================================= */
.elementor-355382 .elementor-element.elementor-element-24468707 .elementor-share-btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.06);
  box-shadow:
    0 14px 34px rgba(0,0,0,.55),
    0 0 18px var(--wf-share-glow),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.elementor-355382 .elementor-element.elementor-element-24468707 .elementor-share-btn:hover::after{
  box-shadow:
    0 0 18px var(--wf-ring-glow),
    0 0 0 1px rgba(255,255,255,.02) inset !important;
  opacity: 1;
}

/* =========================================================
   MOBILE TUNING
   ========================================================= */
@media (max-width: 480px){
  .elementor-355382 .elementor-element.elementor-element-24468707{
    --wf-share-size: 44px;
    --wf-share-gap: 8px;
  }

  .elementor-355382 .elementor-element.elementor-element-24468707 .elementor-share-btn__icon svg,
  .elementor-355382 .elementor-element.elementor-element-24468707 .elementor-share-btn__icon i{
    width: 17px !important;
    height: 17px !important;
    font-size: 17px !important;
  }
}

/* Icon innerhalb des Kreises fein justieren (X = rechts/links, Y = hoch/runter) */
.elementor-355382 .elementor-element.elementor-element-24468707 .elementor-share-btn__icon{
  transform: translate(11px, 7px) !important; /* X, Y → anpassen */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-663b7f89 *//* WHITEFOX – Trust Block v1 */
.elementor-355382 .elementor-element.elementor-element-663b7f89 .wf-trustbox{
  --wf-ring: rgba(56,189,248,.55);
  --wf-text: rgba(255,255,255,.88);
  --wf-muted: rgba(255,255,255,.62);
  --wf-border: rgba(255,255,255,.10);
  --wf-bg: rgba(255,255,255,.04);
  --wf-bg2: rgba(255,255,255,.02);
}

.elementor-355382 .elementor-element.elementor-element-663b7f89 .wf-trustbox__card{
  border: 1px solid var(--wf-border);
  background: linear-gradient(180deg, var(--wf-bg), var(--wf-bg2));
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  position: relative;
  overflow: hidden;
}

.elementor-355382 .elementor-element.elementor-element-663b7f89 .wf-trustbox__card:before{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(800px 200px at 20% 0%, rgba(56,189,248,.18), transparent 60%),
              radial-gradient(700px 240px at 90% 10%, rgba(110,231,183,.12), transparent 55%);
  pointer-events:none;
  opacity:.9;
}

.elementor-355382 .elementor-element.elementor-element-663b7f89 .wf-trustbox__head{
  display:flex;
  align-items:center;
  gap:10px;
  position:relative;
}

.elementor-355382 .elementor-element.elementor-element-663b7f89 .wf-trustbox__badge{
  width:26px;
  height:26px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(56,189,248,.12);
  border: 1px solid rgba(56,189,248,.28);
  box-shadow: 0 0 0 6px rgba(56,189,248,.06);
  color: rgba(255,255,255,.92);
  font-weight: 800;
  line-height:1;
}

.elementor-355382 .elementor-element.elementor-element-663b7f89 .wf-trustbox__title{
  margin:0;
  font-size: 18px;
  color: rgba(255,255,255,.92);
  letter-spacing: .2px;
}

.elementor-355382 .elementor-element.elementor-element-663b7f89 .wf-trustbox__list{
  list-style:none;
  padding: 12px 0 0;
  margin: 0;
  display:flex;
  flex-direction: column;
  gap: 10px;
  position:relative;
}

.elementor-355382 .elementor-element.elementor-element-663b7f89 .wf-trustbox__item{
  display:flex;
  align-items:flex-start;
  gap: 10px;
  padding: 10px 10px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.10);
  border-radius: 14px;
}

.elementor-355382 .elementor-element.elementor-element-663b7f89 .wf-trustbox__item--donation{
  border-color: rgba(56,189,248,.22);
  box-shadow: 0 0 0 1px rgba(56,189,248,.10) inset;
}

.elementor-355382 .elementor-element.elementor-element-663b7f89 .wf-trustbox__icon{
  width: 30px;
  height: 30px;
  border-radius: 12px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.92);
  flex: 0 0 30px;
  margin-top: 1px;
}

.elementor-355382 .elementor-element.elementor-element-663b7f89 .wf-trustbox__text .wf-trustbox__label{
  display:block;
  color: rgba(255,255,255,.92);
  font-weight: 800;
  font-size: 13.5px;
  line-height: 1.2;
}

.elementor-355382 .elementor-element.elementor-element-663b7f89 .wf-trustbox__text span{
  display:block;
  color: var(--wf-muted);
  font-size: 12.5px;
  line-height: 1.35;
  margin-top: 2px;
}

.elementor-355382 .elementor-element.elementor-element-663b7f89 .wf-trustbox__note{
  margin: 12px 2px 0;
  color: rgba(255,255,255,.60);
  font-size: 12px;
  line-height: 1.35;
  position:relative;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-41b7a129 *//* WHITEFOX – Mini FAQ Accordion v1 */
.elementor-355382 .elementor-element.elementor-element-41b7a129 .wf-minifaq{
  --wf-text: rgba(255,255,255,.90);
  --wf-muted: rgba(255,255,255,.62);
  --wf-border: rgba(255,255,255,.10);
  --wf-bg: rgba(255,255,255,.04);
  --wf-bg2: rgba(255,255,255,.02);
  --wf-accent: rgba(56,189,248,.60);
}

.elementor-355382 .elementor-element.elementor-element-41b7a129 .wf-minifaq__card{
  border: 1px solid var(--wf-border);
  background: linear-gradient(180deg, var(--wf-bg), var(--wf-bg2));
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

.elementor-355382 .elementor-element.elementor-element-41b7a129 .wf-minifaq__head{
  margin-bottom: 10px;
}

.elementor-355382 .elementor-element.elementor-element-41b7a129 .wf-minifaq__title{
  margin:0;
  color: var(--wf-text);
  font-size: 18px;
  letter-spacing: .2px;
}

.elementor-355382 .elementor-element.elementor-element-41b7a129 .wf-minifaq__sub{
  margin: 6px 0 0;
  color: var(--wf-muted);
  font-size: 12.5px;
  line-height: 1.35;
}

.elementor-355382 .elementor-element.elementor-element-41b7a129 .wf-minifaq__items{
  display:flex;
  flex-direction: column;
  gap: 10px;
}

.elementor-355382 .elementor-element.elementor-element-41b7a129 .wf-minifaq__item{
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.10);
  border-radius: 14px;
  overflow: hidden;
}

.elementor-355382 .elementor-element.elementor-element-41b7a129 .wf-minifaq__q{
  list-style:none;
  cursor:pointer;
  padding: 12px 38px 12px 12px;
  color: rgba(255,255,255,.88);
  font-weight: 800;
  font-size: 13px;
  line-height: 1.25;
  position: relative;
  outline: none;
}

.elementor-355382 .elementor-element.elementor-element-41b7a129 .wf-minifaq__q::-webkit-details-marker{ display:none; }

.elementor-355382 .elementor-element.elementor-element-41b7a129 .wf-minifaq__q:after{
  content:"+";
  position:absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  border-radius: 10px;
  display:grid;
  place-items:center;
  color: rgba(255,255,255,.85);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
}

.elementor-355382 .elementor-element.elementor-element-41b7a129 details[open] > .wf-minifaq__q:after{
  content:"–";
  background: rgba(56,189,248,.12);
  border-color: rgba(56,189,248,.28);
  box-shadow: 0 0 0 6px rgba(56,189,248,.06);
}

.elementor-355382 .elementor-element.elementor-element-41b7a129 .wf-minifaq__a{
  padding: 0 12px 12px 12px;
  color: var(--wf-muted);
  font-size: 12.5px;
  line-height: 1.45;
}

.elementor-355382 .elementor-element.elementor-element-41b7a129 .wf-minifaq__a .wf-minifaq__em{
  color: rgba(255,255,255,.88);
  font-weight: 800;
}

.elementor-355382 .elementor-element.elementor-element-41b7a129 .wf-minifaq__item:hover{
  border-color: rgba(56,189,248,.22);
}/* End custom CSS */