.elementor-1442 .elementor-element.elementor-element-2893cad{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}body:not(.elementor-editor-active) .she-header-yes{box-shadow:0 0 0 0 rgb(0 0 0 / 0%);clip-path:inset(0 0 -100vh 0);}body:not(.elementor-editor-active) .she-header-yes.she-header{box-shadow:0 0px 30px 0px rgba(0, 0, 0, 0.15);clip-path:inset(0 0 -100vh 0);}.elementor-1442 .elementor-element.elementor-element-2893cad.she-header{backdrop-filter:blur(40px) saturate(1.7) !important;-webkit-backdrop-filter:blur(40px) saturate(1.7) !important;}.elementor-1442 .elementor-element.elementor-element-b7cfed3{--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:center;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-1442 .elementor-element.elementor-element-310263d.elementor-element{--align-self:flex-start;}.elementor-1442 .elementor-element.elementor-element-310263d{text-align:left;}.elementor-1442 .elementor-element.elementor-element-310263d img{width:150px;}.elementor-1442 .elementor-element.elementor-element-5dbfcf8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-1442 .elementor-element.elementor-element-fe184e6{width:100%;max-width:100%;--jmm-top-items-hor-align:center;--jmm-top-item-title-color:var( --e-global-color-text );--jmm-top-hover-item-title-color:var( --e-global-color-primary );--jmm-top-active-item-title-color:var( --e-global-color-text );}.elementor-1442 .elementor-element.elementor-element-fe184e6.elementor-element{--align-self:center;}.elementor-1442 .elementor-element.elementor-element-fe184e6 .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item__link--top-level,
							.elementor-1442 .elementor-element.elementor-element-fe184e6 .jet-mega-menu.jet-mega-menu--layout-vertical .jet-mega-menu-item__link--top-level{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 );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-1442 .elementor-element.elementor-element-cd95d51{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:20px;}.elementor-1442 .elementor-element.elementor-element-cd95d51.e-con{--align-self:center;}.elementor-1442 .elementor-element.elementor-element-ebe7fe5 .elementor-button{background-color:var( --e-global-color-uicore_white );font-family:"Poppins", Sans-serif;font-weight:500;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:none;border-radius:25px 25px 25px 25px;}.elementor-1442 .elementor-element.elementor-element-ebe7fe5 .elementor-button:hover, .elementor-1442 .elementor-element.elementor-element-ebe7fe5 .elementor-button:focus{background-color:var( --e-global-color-uicore_light );}.elementor-1442 .elementor-element.elementor-element-0aa889b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1442 .elementor-element.elementor-element-0aa889b.she-header{backdrop-filter:blur(40px) saturate(1.7) !important;-webkit-backdrop-filter:blur(40px) saturate(1.7) !important;}.elementor-1442 .elementor-element.elementor-element-a465782{--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:center;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:0px;}.elementor-1442 .elementor-element.elementor-element-65cded9.elementor-element{--align-self:flex-start;}.elementor-1442 .elementor-element.elementor-element-65cded9{text-align:left;}.elementor-1442 .elementor-element.elementor-element-65cded9 img{width:150px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-1442 .elementor-element.elementor-element-2893cad{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-1442 .elementor-element.elementor-element-5dbfcf8{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-1442 .elementor-element.elementor-element-fe184e6 .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item__link--top-level,
							.elementor-1442 .elementor-element.elementor-element-fe184e6 .jet-mega-menu.jet-mega-menu--layout-vertical .jet-mega-menu-item__link--top-level{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 );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-1442 .elementor-element.elementor-element-cd95d51.e-con{--align-self:flex-end;}.elementor-1442 .elementor-element.elementor-element-0aa889b{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-1442 .elementor-element.elementor-element-a465782{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:0px;}}@media(max-width:767px){.elementor-1442 .elementor-element.elementor-element-2893cad{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1442 .elementor-element.elementor-element-b7cfed3{--width:70%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1442 .elementor-element.elementor-element-5dbfcf8{--width:250px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-1442 .elementor-element.elementor-element-fe184e6.elementor-element{--order:99999 /* order end hack */;}.elementor-1442 .elementor-element.elementor-element-fe184e6 .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-item__link--top-level,
							.elementor-1442 .elementor-element.elementor-element-fe184e6 .jet-mega-menu.jet-mega-menu--layout-vertical .jet-mega-menu-item__link--top-level{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 );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-1442 .elementor-element.elementor-element-cd95d51{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1442 .elementor-element.elementor-element-ebe7fe5 > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-1442 .elementor-element.elementor-element-ebe7fe5.elementor-element{--order:1;}.elementor-1442 .elementor-element.elementor-element-0aa889b{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1442 .elementor-element.elementor-element-a465782{--width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-1442 .elementor-element.elementor-element-b7cfed3{--width:200px;}.elementor-1442 .elementor-element.elementor-element-5dbfcf8{--width:95%;}.elementor-1442 .elementor-element.elementor-element-cd95d51{--width:55%;}.elementor-1442 .elementor-element.elementor-element-a465782{--width:200px;}}@media(max-width:1024px) and (min-width:768px){.elementor-1442 .elementor-element.elementor-element-cd95d51{--width:600px;}.elementor-1442 .elementor-element.elementor-element-a465782{--width:100%;}}/* Start custom CSS for jet-mega-menu, class: .elementor-element-fe184e6 */.woofc-area.woofc-style-01 .woofc-area-top {
    height: 48px;
    line-height: 48px;
    padding: 0 60px 0 20px;
    position: relative;
    text-transform: uppercase;
    color: #222222;
    font-weight: 700;
    font-size: large;
    background-color: #FFF;
}

.woofc-area.woofc-style-02 .woofc-area-top {
    height: 48px;
    line-height: 48px;
    padding: 0 60px 0 20px;
    position: relative;
    text-transform: uppercase;
    color: #222222;
    font-weight: 700;
    background-color: #ffff;
}

/* Checkout bereich padding*/
.woofc-area.woofc-style-02 .woofc-area-bot {padding:20;
}

/* Background radius */
.woofc-area.woofc-rounded-yes.woofc-position-01 .woofc-inner, .woofc-area.woofc-rounded-yes.woofc-position-02 .woofc-inner {
    position: relative;
    border-radius: 25px;
    padding: 30px;
}

/* Barrierefreiheit: Bewegungen reduzieren */
@media (prefers-reduced-motion: reduce) {
  .woofc-inner.woofc-cart-area {
    animation: none !important;
    transition: none !important;
  }
}

.woofc-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsl(0deg 0% 7% / 35%);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    z-index: 99999998;
    opacity: 0;
    visibility: hidden;
}

/* Checkout-Button schwarz */
.woofc-area-bot .woofc-action .woofc-action-checkout {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
  border-radius: 25px;  /* optional */
  display: inline-block; /* falls Plugin was anderes setzt */
  text-align: center;  /* sicherheitshalber */
  padding: 20px;
}

/* Hover/Active */
.woofc-area-bot .woofc-action .woofc-action-checkout:hover,
.woofc-area-bot .woofc-action .woofc-action-checkout:active {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}

/* Tastaturfokus – gut sichtbar */
.woofc-area-bot .woofc-action .woofc-action-checkout:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* Icon auf 25px und schwarz */
.woofc-menu-item .woofc-icon-cart8,
.woofc-menu-item .woofc-icon-cart8::before {
  font-size: 20px;     /* Größe */
  width: 25px;         
  height: 25px;
  line-height: 25px;
  color: #000;         /* Farbe */
  display: inline-block;
  vertical-align: middle;
}

/* optional: etwas Abstand zum Text */
.woofc-menu-item .woofc-icon-cart8 { margin-right: 6px; }

/* optional: auch bei Hover schwarz lassen */
.woofc-menu-item a:hover .woofc-icon-cart8,
.woofc-menu-item a:hover .woofc-icon-cart14::before {
  color: #000;
}

.woofc-menu-item-inner-subtotal {display:none;}

/* Klammern-Styles sicher entfernen */
.woofc-area-count::before,
.woofc-area-count::after {
  content: none !important;
}

/* Überschrift + Badge schön nebeneinander */
.woofc-area-top .woofc-area-heading {
  display: inline-flex;
  align-items: center;
  gap: 8px; /* Abstand zwischen Text und Badge */
}

/* Runder Count-Badge */
.woofc-area-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;     /* Platz für 1–2 Ziffern */
  height: 22px;
  padding: 0 6px;      /* dehnt sich für 2+ Ziffern */
  border-radius: 999px;
  background: #000;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  box-shadow: 0 1px 2px rgba(0,0,0,.15);
}

/* H4-Typo auf die WOOFC-Heading anwenden */
.woofc-area-top .woofc-area-heading {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0; /* wie h4 */
  /* Elementor-Globals (falls vorhanden) */
  font-family: var(--e-global-typography-h4-font-family, inherit);
  font-size: var(--e-global-typography-h4-font-size, 1.25rem);
  font-weight: var(--e-global-typography-h4-font-weight, 600);
  line-height: var(--e-global-typography-h4-line-height, 1.3);
  letter-spacing: var(--e-global-typography-h4-letter-spacing, 0);
}

/* Badge bleibt klein und rund (falls noch nicht gesetzt) */
.woofc-area-count {
  display:inline-flex; align-items:center; justify-content:center;
  min-width:22px; height:22px; padding:0 6px;
  border-radius:999px; background:#000; color:#fff;
  font-size:12px; line-height:1; font-weight:600;
}

.woofc-area.woofc-style-02 .woofc-area-top .woofc-close {
    position: absolute;
    top: 35%;
    right: 15px;
    display: block;
    cursor: pointer;
    font-size: 12px; /* Icongröße */
    color: #000000; /* Iconfarbe schwarz */
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    
    /* Kreis-Hintergrund */
    background-color: #ffffff; /* Hintergrund weiß */
    border: 2px solid #F7F9F8; /* Schwarzer Rand */
    border-radius: 50%; /* Rund machen */
    padding: 9px;
    width: 40px;
    height: 40px;
    line-height: 20px; /* Icon vertikal mittig */
    box-sizing: border-box; /* Damit Padding + Border sauber berechnet werden */
}

/* Cart width */
.woofc-area.woofc-position-01 {
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    max-width: 700px;
    box-sizing: border-box;
    text-align: start;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

 
/* Listing Price*/
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price span {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #191D2AB3;
}

/* Listing Title */
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title {
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    line-height: 1.2;
    color: #222222;
}

@media (max-width: 767px) {
    .woofc-area.woofc-rounded-yes.woofc-position-01,
    .woofc-area.woofc-rounded-yes.woofc-position-02 {
        padding: 5px;
    }
}

@media (max-width: 767px) {
    .woofc-area.woofc-rounded-yes.woofc-position-01 .woofc-inner,
    .woofc-area.woofc-rounded-yes.woofc-position-02 .woofc-inner {
        position: relative;
        border-radius: 25px;
        padding: 15px;
    }
}

/* Nur wenn der Warenkorb leer ist */
.woofc-area-mid.woofc-items:has(.woofc-no-item) {
  display: flex;
  justify-content: center;   /* horizontal mittig */
  align-items: center;       /* vertikal mittig */
  text-align: center;
  min-height: 200px;
}

/* Meldung selber */
.woofc-no-item {
  font-size: 1rem;
  color: #333;
  display: flex;
  flex-direction: column; /* falls du Icon über Text haben willst */
  align-items: center;
  gap: 8px; /* Abstand zwischen Icon und Text */
}

/* WOOFC Checkout-Button hart übersteuern */
body .woofc-action-full a.woofc-action-checkout {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 25px !important;           /* 25px rundum */
  border-radius: 25px !important;

  background-color: #000 !important;  /* schwarz */
  background-image: none !important;  /* evtl. Plugin-Gradient entfernen */
  color: #fff !important;             /* weiß */

  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
  line-height: 1 !important;
}

/* Falls der Button innen Icons/Spans hat */
body .woofc-action-full a.woofc-action-checkout *,
body .woofc-action-full a.woofc-action-checkout svg {
  color: #fff !important;
  fill: #fff !important;
}

/* Hover leicht heller */
body .woofc-action-full a.woofc-action-checkout:hover {
  background-color: #1a1a1a !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2893cad */a.button.wc-forward[href*="warenkorb"] {
    display: none !important;
}

/* Basis: Sticky-Header immer 100% Breite, nicht "eingeklemmt" */
header.elementor-location-header .elementor-element-2893cad {
    left: 0;
    right: 0;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    z-index: 9999;
}

/* Sicherstellen, dass Spacer sich automatisch anpasst */
header.elementor-location-header 
.elementor-element-2893cad.elementor-sticky__spacer {
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Logo immer schön skalierend statt fixer Pixelbreite */
header.elementor-location-header .elementor-element-310263d img {
    height: auto;
    max-width: 100%;
    display: block;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0aa889b */a.button.wc-forward[href*="warenkorb"] {
    display: none !important;
}

/* Basis: Sticky-Header immer 100% Breite, nicht "eingeklemmt" */
header.elementor-location-header .elementor-element-2893cad {
    left: 0;
    right: 0;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    z-index: 9999;
}

/* Sicherstellen, dass Spacer sich automatisch anpasst */
header.elementor-location-header 
.elementor-element-2893cad.elementor-sticky__spacer {
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Logo immer schön skalierend statt fixer Pixelbreite */
header.elementor-location-header .elementor-element-310263d img {
    height: auto;
    max-width: 100%;
    display: block;
}/* End custom CSS */
/* Start custom CSS for jet-mega-menu, class: .elementor-element-fe184e6 */.woofc-area.woofc-style-01 .woofc-area-top {
    height: 48px;
    line-height: 48px;
    padding: 0 60px 0 20px;
    position: relative;
    text-transform: uppercase;
    color: #222222;
    font-weight: 700;
    font-size: large;
    background-color: #FFF;
}

.woofc-area.woofc-style-02 .woofc-area-top {
    height: 48px;
    line-height: 48px;
    padding: 0 60px 0 20px;
    position: relative;
    text-transform: uppercase;
    color: #222222;
    font-weight: 700;
    background-color: #ffff;
}

/* Checkout bereich padding*/
.woofc-area.woofc-style-02 .woofc-area-bot {padding:20;
}

/* Background radius */
.woofc-area.woofc-rounded-yes.woofc-position-01 .woofc-inner, .woofc-area.woofc-rounded-yes.woofc-position-02 .woofc-inner {
    position: relative;
    border-radius: 25px;
    padding: 30px;
}

/* Barrierefreiheit: Bewegungen reduzieren */
@media (prefers-reduced-motion: reduce) {
  .woofc-inner.woofc-cart-area {
    animation: none !important;
    transition: none !important;
  }
}

.woofc-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsl(0deg 0% 7% / 35%);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    z-index: 99999998;
    opacity: 0;
    visibility: hidden;
}

/* Checkout-Button schwarz */
.woofc-area-bot .woofc-action .woofc-action-checkout {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
  border-radius: 25px;  /* optional */
  display: inline-block; /* falls Plugin was anderes setzt */
  text-align: center;  /* sicherheitshalber */
  padding: 20px;
}

/* Hover/Active */
.woofc-area-bot .woofc-action .woofc-action-checkout:hover,
.woofc-area-bot .woofc-action .woofc-action-checkout:active {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}

/* Tastaturfokus – gut sichtbar */
.woofc-area-bot .woofc-action .woofc-action-checkout:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* Icon auf 25px und schwarz */
.woofc-menu-item .woofc-icon-cart8,
.woofc-menu-item .woofc-icon-cart8::before {
  font-size: 20px;     /* Größe */
  width: 25px;         
  height: 25px;
  line-height: 25px;
  color: #000;         /* Farbe */
  display: inline-block;
  vertical-align: middle;
}

/* optional: etwas Abstand zum Text */
.woofc-menu-item .woofc-icon-cart8 { margin-right: 6px; }

/* optional: auch bei Hover schwarz lassen */
.woofc-menu-item a:hover .woofc-icon-cart8,
.woofc-menu-item a:hover .woofc-icon-cart14::before {
  color: #000;
}

.woofc-menu-item-inner-subtotal {display:none;}

/* Klammern-Styles sicher entfernen */
.woofc-area-count::before,
.woofc-area-count::after {
  content: none !important;
}

/* Überschrift + Badge schön nebeneinander */
.woofc-area-top .woofc-area-heading {
  display: inline-flex;
  align-items: center;
  gap: 8px; /* Abstand zwischen Text und Badge */
}

/* Runder Count-Badge */
.woofc-area-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;     /* Platz für 1–2 Ziffern */
  height: 22px;
  padding: 0 6px;      /* dehnt sich für 2+ Ziffern */
  border-radius: 999px;
  background: #000;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  box-shadow: 0 1px 2px rgba(0,0,0,.15);
}

/* H4-Typo auf die WOOFC-Heading anwenden */
.woofc-area-top .woofc-area-heading {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0; /* wie h4 */
  /* Elementor-Globals (falls vorhanden) */
  font-family: var(--e-global-typography-h4-font-family, inherit);
  font-size: var(--e-global-typography-h4-font-size, 1.25rem);
  font-weight: var(--e-global-typography-h4-font-weight, 600);
  line-height: var(--e-global-typography-h4-line-height, 1.3);
  letter-spacing: var(--e-global-typography-h4-letter-spacing, 0);
}

/* Badge bleibt klein und rund (falls noch nicht gesetzt) */
.woofc-area-count {
  display:inline-flex; align-items:center; justify-content:center;
  min-width:22px; height:22px; padding:0 6px;
  border-radius:999px; background:#000; color:#fff;
  font-size:12px; line-height:1; font-weight:600;
}

.woofc-area.woofc-style-02 .woofc-area-top .woofc-close {
    position: absolute;
    top: 35%;
    right: 15px;
    display: block;
    cursor: pointer;
    font-size: 12px; /* Icongröße */
    color: #000000; /* Iconfarbe schwarz */
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    
    /* Kreis-Hintergrund */
    background-color: #ffffff; /* Hintergrund weiß */
    border: 2px solid #F7F9F8; /* Schwarzer Rand */
    border-radius: 50%; /* Rund machen */
    padding: 9px;
    width: 40px;
    height: 40px;
    line-height: 20px; /* Icon vertikal mittig */
    box-sizing: border-box; /* Damit Padding + Border sauber berechnet werden */
}

/* Cart width */
.woofc-area.woofc-position-01 {
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    max-width: 700px;
    box-sizing: border-box;
    text-align: start;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

 
/* Listing Price*/
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price span {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #191D2AB3;
}

/* Listing Title */
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title {
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    line-height: 1.2;
    color: #222222;
}

@media (max-width: 767px) {
    .woofc-area.woofc-rounded-yes.woofc-position-01,
    .woofc-area.woofc-rounded-yes.woofc-position-02 {
        padding: 5px;
    }
}

@media (max-width: 767px) {
    .woofc-area.woofc-rounded-yes.woofc-position-01 .woofc-inner,
    .woofc-area.woofc-rounded-yes.woofc-position-02 .woofc-inner {
        position: relative;
        border-radius: 25px;
        padding: 15px;
    }
}

/* Nur wenn der Warenkorb leer ist */
.woofc-area-mid.woofc-items:has(.woofc-no-item) {
  display: flex;
  justify-content: center;   /* horizontal mittig */
  align-items: center;       /* vertikal mittig */
  text-align: center;
  min-height: 200px;
}

/* Meldung selber */
.woofc-no-item {
  font-size: 1rem;
  color: #333;
  display: flex;
  flex-direction: column; /* falls du Icon über Text haben willst */
  align-items: center;
  gap: 8px; /* Abstand zwischen Icon und Text */
}

/* WOOFC Checkout-Button hart übersteuern */
body .woofc-action-full a.woofc-action-checkout {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 25px !important;           /* 25px rundum */
  border-radius: 25px !important;

  background-color: #000 !important;  /* schwarz */
  background-image: none !important;  /* evtl. Plugin-Gradient entfernen */
  color: #fff !important;             /* weiß */

  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
  line-height: 1 !important;
}

/* Falls der Button innen Icons/Spans hat */
body .woofc-action-full a.woofc-action-checkout *,
body .woofc-action-full a.woofc-action-checkout svg {
  color: #fff !important;
  fill: #fff !important;
}

/* Hover leicht heller */
body .woofc-action-full a.woofc-action-checkout:hover {
  background-color: #1a1a1a !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2893cad */a.button.wc-forward[href*="warenkorb"] {
    display: none !important;
}

/* Basis: Sticky-Header immer 100% Breite, nicht "eingeklemmt" */
header.elementor-location-header .elementor-element-2893cad {
    left: 0;
    right: 0;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    z-index: 9999;
}

/* Sicherstellen, dass Spacer sich automatisch anpasst */
header.elementor-location-header 
.elementor-element-2893cad.elementor-sticky__spacer {
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Logo immer schön skalierend statt fixer Pixelbreite */
header.elementor-location-header .elementor-element-310263d img {
    height: auto;
    max-width: 100%;
    display: block;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0aa889b */a.button.wc-forward[href*="warenkorb"] {
    display: none !important;
}

/* Basis: Sticky-Header immer 100% Breite, nicht "eingeklemmt" */
header.elementor-location-header .elementor-element-2893cad {
    left: 0;
    right: 0;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    z-index: 9999;
}

/* Sicherstellen, dass Spacer sich automatisch anpasst */
header.elementor-location-header 
.elementor-element-2893cad.elementor-sticky__spacer {
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Logo immer schön skalierend statt fixer Pixelbreite */
header.elementor-location-header .elementor-element-310263d img {
    height: auto;
    max-width: 100%;
    display: block;
}/* End custom CSS */
/* Start custom CSS for jet-mega-menu, class: .elementor-element-fe184e6 */.woofc-area.woofc-style-01 .woofc-area-top {
    height: 48px;
    line-height: 48px;
    padding: 0 60px 0 20px;
    position: relative;
    text-transform: uppercase;
    color: #222222;
    font-weight: 700;
    font-size: large;
    background-color: #FFF;
}

.woofc-area.woofc-style-02 .woofc-area-top {
    height: 48px;
    line-height: 48px;
    padding: 0 60px 0 20px;
    position: relative;
    text-transform: uppercase;
    color: #222222;
    font-weight: 700;
    background-color: #ffff;
}

/* Checkout bereich padding*/
.woofc-area.woofc-style-02 .woofc-area-bot {padding:20;
}

/* Background radius */
.woofc-area.woofc-rounded-yes.woofc-position-01 .woofc-inner, .woofc-area.woofc-rounded-yes.woofc-position-02 .woofc-inner {
    position: relative;
    border-radius: 25px;
    padding: 30px;
}

/* Barrierefreiheit: Bewegungen reduzieren */
@media (prefers-reduced-motion: reduce) {
  .woofc-inner.woofc-cart-area {
    animation: none !important;
    transition: none !important;
  }
}

.woofc-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsl(0deg 0% 7% / 35%);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    z-index: 99999998;
    opacity: 0;
    visibility: hidden;
}

/* Checkout-Button schwarz */
.woofc-area-bot .woofc-action .woofc-action-checkout {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
  border-radius: 25px;  /* optional */
  display: inline-block; /* falls Plugin was anderes setzt */
  text-align: center;  /* sicherheitshalber */
  padding: 20px;
}

/* Hover/Active */
.woofc-area-bot .woofc-action .woofc-action-checkout:hover,
.woofc-area-bot .woofc-action .woofc-action-checkout:active {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
}

/* Tastaturfokus – gut sichtbar */
.woofc-area-bot .woofc-action .woofc-action-checkout:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* Icon auf 25px und schwarz */
.woofc-menu-item .woofc-icon-cart8,
.woofc-menu-item .woofc-icon-cart8::before {
  font-size: 20px;     /* Größe */
  width: 25px;         
  height: 25px;
  line-height: 25px;
  color: #000;         /* Farbe */
  display: inline-block;
  vertical-align: middle;
}

/* optional: etwas Abstand zum Text */
.woofc-menu-item .woofc-icon-cart8 { margin-right: 6px; }

/* optional: auch bei Hover schwarz lassen */
.woofc-menu-item a:hover .woofc-icon-cart8,
.woofc-menu-item a:hover .woofc-icon-cart14::before {
  color: #000;
}

.woofc-menu-item-inner-subtotal {display:none;}

/* Klammern-Styles sicher entfernen */
.woofc-area-count::before,
.woofc-area-count::after {
  content: none !important;
}

/* Überschrift + Badge schön nebeneinander */
.woofc-area-top .woofc-area-heading {
  display: inline-flex;
  align-items: center;
  gap: 8px; /* Abstand zwischen Text und Badge */
}

/* Runder Count-Badge */
.woofc-area-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;     /* Platz für 1–2 Ziffern */
  height: 22px;
  padding: 0 6px;      /* dehnt sich für 2+ Ziffern */
  border-radius: 999px;
  background: #000;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  box-shadow: 0 1px 2px rgba(0,0,0,.15);
}

/* H4-Typo auf die WOOFC-Heading anwenden */
.woofc-area-top .woofc-area-heading {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0; /* wie h4 */
  /* Elementor-Globals (falls vorhanden) */
  font-family: var(--e-global-typography-h4-font-family, inherit);
  font-size: var(--e-global-typography-h4-font-size, 1.25rem);
  font-weight: var(--e-global-typography-h4-font-weight, 600);
  line-height: var(--e-global-typography-h4-line-height, 1.3);
  letter-spacing: var(--e-global-typography-h4-letter-spacing, 0);
}

/* Badge bleibt klein und rund (falls noch nicht gesetzt) */
.woofc-area-count {
  display:inline-flex; align-items:center; justify-content:center;
  min-width:22px; height:22px; padding:0 6px;
  border-radius:999px; background:#000; color:#fff;
  font-size:12px; line-height:1; font-weight:600;
}

.woofc-area.woofc-style-02 .woofc-area-top .woofc-close {
    position: absolute;
    top: 35%;
    right: 15px;
    display: block;
    cursor: pointer;
    font-size: 12px; /* Icongröße */
    color: #000000; /* Iconfarbe schwarz */
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    
    /* Kreis-Hintergrund */
    background-color: #ffffff; /* Hintergrund weiß */
    border: 2px solid #F7F9F8; /* Schwarzer Rand */
    border-radius: 50%; /* Rund machen */
    padding: 9px;
    width: 40px;
    height: 40px;
    line-height: 20px; /* Icon vertikal mittig */
    box-sizing: border-box; /* Damit Padding + Border sauber berechnet werden */
}

/* Cart width */
.woofc-area.woofc-position-01 {
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    max-width: 700px;
    box-sizing: border-box;
    text-align: start;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

 
/* Listing Price*/
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price span {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #191D2AB3;
}

/* Listing Title */
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title {
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    line-height: 1.2;
    color: #222222;
}

@media (max-width: 767px) {
    .woofc-area.woofc-rounded-yes.woofc-position-01,
    .woofc-area.woofc-rounded-yes.woofc-position-02 {
        padding: 5px;
    }
}

@media (max-width: 767px) {
    .woofc-area.woofc-rounded-yes.woofc-position-01 .woofc-inner,
    .woofc-area.woofc-rounded-yes.woofc-position-02 .woofc-inner {
        position: relative;
        border-radius: 25px;
        padding: 15px;
    }
}

/* Nur wenn der Warenkorb leer ist */
.woofc-area-mid.woofc-items:has(.woofc-no-item) {
  display: flex;
  justify-content: center;   /* horizontal mittig */
  align-items: center;       /* vertikal mittig */
  text-align: center;
  min-height: 200px;
}

/* Meldung selber */
.woofc-no-item {
  font-size: 1rem;
  color: #333;
  display: flex;
  flex-direction: column; /* falls du Icon über Text haben willst */
  align-items: center;
  gap: 8px; /* Abstand zwischen Icon und Text */
}

/* WOOFC Checkout-Button hart übersteuern */
body .woofc-action-full a.woofc-action-checkout {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 25px !important;           /* 25px rundum */
  border-radius: 25px !important;

  background-color: #000 !important;  /* schwarz */
  background-image: none !important;  /* evtl. Plugin-Gradient entfernen */
  color: #fff !important;             /* weiß */

  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
  line-height: 1 !important;
}

/* Falls der Button innen Icons/Spans hat */
body .woofc-action-full a.woofc-action-checkout *,
body .woofc-action-full a.woofc-action-checkout svg {
  color: #fff !important;
  fill: #fff !important;
}

/* Hover leicht heller */
body .woofc-action-full a.woofc-action-checkout:hover {
  background-color: #1a1a1a !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2893cad */a.button.wc-forward[href*="warenkorb"] {
    display: none !important;
}

/* Basis: Sticky-Header immer 100% Breite, nicht "eingeklemmt" */
header.elementor-location-header .elementor-element-2893cad {
    left: 0;
    right: 0;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    z-index: 9999;
}

/* Sicherstellen, dass Spacer sich automatisch anpasst */
header.elementor-location-header 
.elementor-element-2893cad.elementor-sticky__spacer {
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Logo immer schön skalierend statt fixer Pixelbreite */
header.elementor-location-header .elementor-element-310263d img {
    height: auto;
    max-width: 100%;
    display: block;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0aa889b */a.button.wc-forward[href*="warenkorb"] {
    display: none !important;
}

/* Basis: Sticky-Header immer 100% Breite, nicht "eingeklemmt" */
header.elementor-location-header .elementor-element-2893cad {
    left: 0;
    right: 0;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    z-index: 9999;
}

/* Sicherstellen, dass Spacer sich automatisch anpasst */
header.elementor-location-header 
.elementor-element-2893cad.elementor-sticky__spacer {
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Logo immer schön skalierend statt fixer Pixelbreite */
header.elementor-location-header .elementor-element-310263d img {
    height: auto;
    max-width: 100%;
    display: block;
}/* End custom CSS */