.elementor-kit-4{--e-global-color-primary:#000000;--e-global-color-secondary:#C1BEBE;--e-global-color-text:#333333;--e-global-color-accent:#BC2020;--e-global-color-background:#F5F5F5;--e-global-color-backgroundAccent:#E0E0E0;--e-global-color-transparent:#00000000;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:24px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Figtree";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Figtree";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.5em;--e-global-typography-heading-xl-font-family:"Poppins";--e-global-typography-heading-xl-font-size:56px;--e-global-typography-heading-xl-font-weight:600;--e-global-typography-heading-xl-line-height:1.2em;--e-global-typography-heading-l-font-family:"Poppins";--e-global-typography-heading-l-font-size:48px;--e-global-typography-heading-l-font-weight:600;--e-global-typography-heading-l-line-height:1.2em;--e-global-typography-heading-m-font-family:"Poppins";--e-global-typography-heading-m-font-size:40px;--e-global-typography-heading-m-font-weight:600;--e-global-typography-heading-m-line-height:1.2em;--e-global-typography-heading-s-font-family:"Poppins";--e-global-typography-heading-s-font-size:18px;--e-global-typography-heading-s-font-weight:500;--e-global-typography-body-s-font-family:"Figtree";--e-global-typography-body-s-font-size:14px;--e-global-typography-body-s-font-weight:400;--e-global-typography-body-s-line-height:1.5em;background-color:var( --e-global-color-background );}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{background-color:var( --e-global-color-background );color:var( --e-global-color-background );}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-kit-4 label{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-4{--e-global-typography-primary-font-size:22px;--e-global-typography-secondary-font-size:18px;--e-global-typography-heading-xl-font-size:48px;--e-global-typography-heading-l-font-size:40px;--e-global-typography-heading-m-font-size:32px;--e-global-typography-heading-s-font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-4{--e-global-typography-primary-font-size:18px;--e-global-typography-secondary-font-size:16px;--e-global-typography-heading-xl-font-size:40px;--e-global-typography-heading-l-font-size:32px;--e-global-typography-heading-m-font-size:32px;--e-global-typography-heading-s-font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================
   LIVE AUCTIONS (Shortcode)
   ========================= */

/* Grundfarbe */
.live-auctions-grid,
.live-auctions-grid *{
  color: #000000 !important;
}

/* Titel */
.live-auctions-grid .woocommerce-loop-product__title{
  font-size: 18px !important;     /* <- Titelgröße */
  line-height: 1.2 !important;
  font-weight: 600 !important;
  margin: 10px 0 8px !important;
}

/* Alles unter dem Titel kleiner */
.live-auctions-grid li.product .woocommerce-loop-product__title ~ *{
  font-size: 15px !important;     /* <- Text unter Titel */
  line-height: 1.35 !important;
}
.live-auctions-grid li.product .woocommerce-loop-product__title ~ * *{
  font-size: inherit !important;
  line-height: inherit !important;
}

/* Aktuelles Gebot + Preis in #333333 */
.live-auctions-grid .price,
.live-auctions-grid .price *{
  color: #333333 !important;
}
/* falls YITH separate Klassen nutzt */
.live-auctions-grid [class*="current-bid"],
.live-auctions-grid [class*="current-bid"] *,
.live-auctions-grid [class*="bid-amount"],
.live-auctions-grid [class*="bid-amount"] *{
  color: #333333 !important;
}

/* MwSt-Zeile (Germanized) */
.live-auctions-grid p.wc-gzd-additional-info-loop.tax-info{
  margin: 2px 0 0 !important;
  line-height: 1.15 !important;
}

/* direkt danach kommende Zeile (meist Versandkosten) enger ran */
.live-auctions-grid p.wc-gzd-additional-info-loop.tax-info + *{
  margin-top: -6px !important;   /* <- Abstand MwSt/Versand: -4 bis -10 */
}

/* Button "Jetzt bieten" */
.live-auctions-grid a.button,
.live-auctions-grid .button{
  display: inline-block !important;
  background: #BC2020 !important;
  border: 1px solid #BC2020 !important;
  color: #F5F5F5 !important;
  font-size: 13px !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  line-height: 1 !important;
  margin-top: 10px !important;
  text-decoration: none !important;
}
.live-auctions-grid a.button:hover,
.live-auctions-grid .button:hover{
  filter: brightness(0.92);
}
/* MwSt ausblenden */
.live-auctions-grid p.wc-gzd-additional-info-loop.tax-info{
  display: none !important;
}
/* Live Auctions Übersicht: Versandkosten-Hinweis (zzgl. Versandkosten) ausblenden */
.live-auctions-grid p.wc-gzd-additional-info-loop.shipping-costs-info{
  display: none !important;
}

/* Enddatum in der Auktionskachel */
.live-auctions-grid .dainichi-auction-ends{
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.2;
  color: #000000;
}

.live-auctions-grid .dainichi-auction-ends__dt{
  color: #333333; /* Datum/Uhrzeit wie "Aktuelles Gebot" */
}

.live-auctions-grid .auction_end_start .date_auction{
  color:#333333;
  margin-left:6px;
  white-space:nowrap;
}

/* Optional: das letzte leere <span></span> ausblenden */
.live-auctions-grid .auction_end_start > span:last-child{
  display:none;
}

/* "Auktion endet:" oben, Datum/Uhrzeit darunter */
.live-auctions-grid .auction_end_start{
  display: block;
}

.live-auctions-grid .auction_end_start .ywcact_auction_end_start_label{
  display: block;
  margin-bottom: 2px;
  color: #000000;
}

.live-auctions-grid .auction_end_start .date_auction{
  display: block;            /* eigene Zeile */
  color: #333333;
  white-space: nowrap;       /* Datum+Uhrzeit bleibt in EINER Zeile */
}

/* optional: das letzte leere <span></span> ausblenden */
.live-auctions-grid .auction_end_start > span:last-child{
  display: none;
}

/* Auktion endet: bündig links ausrichten (kein Einzug) */
.live-auctions-grid .auction_end_start,
.live-auctions-grid .auction_end_start .date_auction{
  margin-left: 0 !important;
  padding-left: 0 !important;
  text-indent: 0 !important;
}

.dainichi-video-date{
  margin: 0 0 10px 0;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  color: #000000;
}

/* WooCommerce Produktbeschreibung: YouTube/Vimeo responsive (Mobile + Desktop) */
.woocommerce div.product .woocommerce-product-details__short-description iframe,
.woocommerce div.product .woocommerce-Tabs-panel iframe,
.woocommerce div.product .entry-content iframe,
.woocommerce div.product .wp-block-embed iframe,
.woocommerce div.product .wp-block-video video,
.woocommerce div.product .wp-block-embed__wrapper iframe,
.woocommerce div.product .elementor-widget-text-editor iframe {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  display: block;
}

/* Falls ein Wrapper/Container das Video abschneidet */
.woocommerce div.product .woocommerce-Tabs-panel,
.woocommerce div.product .woocommerce-product-details__short-description,
.woocommerce div.product .entry-content,
.woocommerce div.product .elementor-widget-text-editor {
  overflow: visible !important;
}
@media (max-width: 767px){

  /* Rahmen/Optik */
  .koi-pair-grid .koi-tile,
  .koi-pair-grid .koi-slider{
    border-radius: 12px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    overflow: hidden;
    box-sizing: border-box;
  }

  /* --- LINKS: Tile quadratisch --- */
  .koi-pair-grid .koi-tile{
    aspect-ratio: 1 / 1 !important;
    padding: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .koi-pair-grid .koi-tile img{
    width: auto !important;
    height: auto !important;
    max-width: 92% !important;   /* <- bewusst kleiner, damit nix croppt */
    max-height: 92% !important;
    object-fit: contain !important;
    display: block !important;
  }

  /* --- RECHTS: Slider quadratisch --- */
  .koi-pair-grid .koi-slider{
    aspect-ratio: 1 / 1 !important;
    padding: 10px !important;
    position: relative !important;
  }

  /* Swiper/Slides Wrapper immer zentrieren und auf volle Fläche */
  .koi-pair-grid .koi-slider .swiper,
  .koi-pair-grid .koi-slider .swiper-wrapper,
  .koi-pair-grid .koi-slider .swiper-slide{
    width: 100% !important;
    height: 100% !important;
  }

  .koi-pair-grid .koi-slider .swiper-slide{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Elementor Slides: inner wrapper auch zentrieren (wichtig!) */
  .koi-pair-grid .koi-slider .swiper-slide-inner{
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Slider-Bilder: hart begrenzen (gegen Elementor/Theme width:100% Regeln) */
  .koi-pair-grid .koi-slider .swiper-slide img,
  .koi-pair-grid .koi-slider .swiper-slide-inner img{
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 95% !important;
    object-fit: contain !important;
    display: block !important;
  }

  /* Pfeile schwarz */
  .koi-pair-grid .koi-slider .swiper-button-prev,
  .koi-pair-grid .koi-slider .swiper-button-next{
    color: #000 !important;
    opacity: 1 !important;
  }
  .koi-pair-grid .koi-slider .swiper-button-disabled{
    opacity: 1 !important;
  }

  /* Kein Overlay/Button/Text auf Mobile */
  .koi-pair-grid .koi-slider .swiper-slide-contents,
  .koi-pair-grid .koi-slider .elementor-slide-content,
  .koi-pair-grid .koi-slider .elementor-button.elementor-slide-button{
    display: none !important;
  }
}
@media (max-width: 767px){

  /* Kein "Peek" vom nächsten Slide */
  .koi-pair-grid .koi-slider .swiper{
    overflow: hidden !important;
  }

  /* Extra-sicher: Clip statt Overflow (falls Browser/Styles zicken) */
  .koi-pair-grid .koi-slider .swiper{
    clip-path: inset(0) !important;
  }
}
@media (max-width: 767px){
  .koi-pair-grid .koi-slider{
    overflow: hidden !important;
  }
}

@media (max-width: 767px){

  /* Kachel clippt sauber */
  .koi-pair-grid .koi-slider{
    overflow: hidden !important;
  }

  /* Swiper clippt auch */
  .koi-pair-grid .koi-slider .swiper{
    overflow: hidden !important;
    clip-path: inset(0) !important;
  }

  /* Wichtig: pro View immer genau 1 Slide (kein seitliches Durchscheinen) */
  .koi-pair-grid .koi-slider .swiper-slide{
    width: 100% !important;
    flex: 0 0 100% !important;
    overflow: hidden !important;
  }
}
@media (max-width: 767px){

  /* Subpixel-Peek Fix: minimal überclippen */
  .koi-pair-grid .koi-slider{
    overflow: hidden !important;
    -webkit-mask-image: -webkit-radial-gradient(white, black) !important;
            mask-image: radial-gradient(white, black) !important;
  }

  /* Viewport minimal kleiner clippen, damit 1–2px nie sichtbar sind */
  .koi-pair-grid .koi-slider .swiper{
    overflow: hidden !important;
    clip-path: inset(0 2px 0 0) !important; /* rechts 2px wegclippen */
    -webkit-clip-path: inset(0 2px 0 0) !important;
  }

  /* Rendering beruhigen (ohne Swiper zu stoppen!) */
  .koi-pair-grid .koi-slider .swiper-wrapper{
    will-change: transform;
  }
}

@media (max-width: 767px){

  /* Alle Produktgrids (WooCommerce) auf 1 Spalte */
  ul.products{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  /* Sicherheit: Items dürfen nicht mehr 33% Breite erzwingen */
  ul.products li.product{
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }
}
@media (max-width: 767px){

  /* Karte selbst: nicht full width, sondern wie das Bild zentriert */
  ul.products li.product{
    width: min(92vw, 420px) !important; /* <- Bild-/Textbreite */
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
  }

  /* Bild mittig */
  ul.products li.product a.woocommerce-LoopProduct-link img{
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;     /* füllt die Kartenbreite */
    height: auto !important;
  }

  /* Text linksbündig, aber innerhalb der Kartenbreite */
  ul.products li.product .woocommerce-loop-product__title,
  ul.products li.product .price,
  ul.products li.product .auction_end_start,
  ul.products li.product .wc-gzd-additional-info,
  ul.products li.product .button{
    text-align: left !important;
    width: 100% !important;
    box-sizing: border-box;
  }

  /* Optional: Button auf volle Breite der Karte */
  ul.products li.product a.button{
    display: block !important;
    text-align: center !important; /* Buttontext zentriert ist meist schöner */
  }
}/* End custom CSS */