/* Neuer Produkt-Slider "Neuigkeiten aus dem Eventausstattungskatalog" (nur CSS + kleines JS, Markup/Slider-Logik unveraendert) */
:root { --ps-accent:#c2461a; --ps-accent-dark:#8f320d; --ps-ink:#1b2b35; --ps-line:#ecd9c8; }
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider__item_inner {
  position: relative; display: grid !important; grid-template-columns: minmax(280px, 44%) 1fr; gap: 0 !important; padding: 0 !important;
  background: #fff !important; border: 1px solid var(--ps-line) !important; border-radius: 26px !important; overflow: hidden;
  box-shadow: 0 24px 60px rgba(143,50,13,.14), 0 4px 14px rgba(27,43,53,.06) !important; min-height: 360px;
}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider__item_img {
  width: auto !important; height: auto !important; min-height: 100%; display: flex !important; align-items: center; justify-content: center;
  padding: 28px; background: radial-gradient(120% 120% at 30% 20%, #fff 0%, #fbf0e6 55%, #f4dfcc 100%) !important; border: 0 !important; border-radius: 0 !important; position: relative;
}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider__item_img img {
  width: 100% !important; max-width: 340px !important; height: 300px !important; object-fit: contain !important; background: transparent !important;
  mix-blend-mode: multiply; filter: drop-shadow(0 14px 18px rgba(27,43,53,.16)); border-radius: 0 !important;
}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider__item_testimonial {
  display: flex !important; flex-direction: column; align-items: flex-start; justify-content: center; gap: 10px; padding: 34px 64px 34px 42px !important; text-align: left !important;
}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider__item_testimonial::before {
  content: "Neu im Katalog"; display: inline-block; font: 800 11px/1 "Segoe UI", Arial, sans-serif; letter-spacing: .12em; text-transform: uppercase;
  color: var(--ps-accent); background: #fdebe1; border: 1px solid #f4cdb8; padding: 7px 12px; border-radius: 999px;
}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider__item_name { margin: 4px 0 2px !important; text-align: left !important; }
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider__item_name h3 {
  font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(22px, 2.3vw, 30px) !important; line-height: 1.2 !important; font-weight: 700 !important;
  color: var(--ps-ink) !important; text-align: left !important; margin: 0 !important;
}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider__item_post {
  display: inline-flex !important; align-items: center; gap: 8px; margin: 0 8px 0 0 !important; padding: 7px 12px !important; font: 600 13px/1.2 "Segoe UI", Arial, sans-serif !important;
  color: #2f4a3a !important; background: #eef7f1; border: 1px solid #cfe6d8; border-radius: 999px; width: auto !important;
}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider__item_post::before {
  content: "\2713"; display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; background: #2f8f5b; color: #fff; font-size: 11px; font-weight: 800;
}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider__item_text {
  color: #5a524c !important; font-size: 15px !important; line-height: 1.55 !important; text-align: left !important; margin: 4px 0 0 !important;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; max-width: 56ch;
}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider__item_text p { margin: 0 !important; }
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider-price { display: flex; align-items: baseline; gap: 8px; margin-top: 6px; }
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider-price__from { font: 700 12px "Segoe UI", Arial, sans-serif; color: #7b6f66; text-transform: uppercase; letter-spacing: .08em; }
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider-price__value { font: 800 34px/1 Georgia, "Times New Roman", serif; color: var(--ps-accent-dark); }
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider-price__per { font: 600 14px "Segoe UI", Arial, sans-serif; color: #6b625b; }
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider__item_action { margin-top: 10px; }
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider__item_action .btn {
  display: inline-flex !important; align-items: center; gap: 10px; padding: 14px 26px !important; border: 0 !important; border-radius: 999px !important;
  background: linear-gradient(145deg, var(--ps-accent), var(--ps-accent-dark)) !important; color: #fff !important; font: 800 15px/1 "Segoe UI", Arial, sans-serif !important;
  box-shadow: 0 10px 22px rgba(143,50,13,.3) !important; text-decoration: none !important; transition: transform .18s ease, box-shadow .18s ease;
}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider__item_action .btn::after { content: "\2192"; font-size: 18px; transition: transform .18s ease; }
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider__item_action .btn:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(143,50,13,.38) !important; }
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider__item_action .btn:hover::after { transform: translateX(4px); }
/* Indikatoren */
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider__indicators { gap: 6px; }
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider__indicator { opacity: .9; }
@media (max-width: 760px) {
  html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider__item_inner { grid-template-columns: 1fr; min-height: 0; border-radius: 22px !important; }
  html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider__item_img { padding: 20px 20px 8px; }
  html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider__item_img img { height: 200px !important; }
  html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider__item_testimonial { padding: 18px 20px 24px !important; align-items: center; text-align: center !important; }
  html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider__item_name,
  html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider__item_name h3,
  html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider__item_text { text-align: center !important; }
  html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider__item_post { margin: 0 !important; }
  html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #slider .slider-price { justify-content: center; }
}
/* Google-Rezensionen-Slider im neuen Look (nur CSS) */
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung .sliderGoogle-wrapper{position:relative;max-width:920px;margin:0 auto;padding:0 !important;overflow:hidden !important;border-radius:26px;box-shadow:0 24px 60px rgba(143,50,13,.14),0 4px 14px rgba(27,43,53,.06)}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung .google-review{position:relative;box-sizing:border-box;display:flex !important;flex-direction:column;gap:10px;min-height:0 !important;height:auto;padding:30px 78px 24px !important;text-align:left !important;background:radial-gradient(120% 120% at 0% 0%,#fff 0%,#fdf6ef 60%,#f8e8d8 100%) !important;border:1px solid #ecd9c8 !important;border-radius:26px !important;box-shadow:none !important;overflow:hidden}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung .google-review::before{content:"\201C";position:absolute;right:26px;top:-6px;font:700 120px/1 Georgia,serif;color:#c2461a;opacity:.13;pointer-events:none}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung .google-review .author{display:flex !important;align-items:center;gap:14px;font:700 18px/1.2 Georgia,serif;color:#1b2b35;margin:0 !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung .google-review .author img{width:52px !important;height:52px !important;border-radius:50% !important;object-fit:cover;border:3px solid #fff;box-shadow:0 6px 14px rgba(143,50,13,.25)}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung .google-review .stars{margin:0 !important;font-size:20px;letter-spacing:3px;color:#f0a21a;text-align:left !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung .google-review .text{margin:0 !important;font:400 15.5px/1.6 "Segoe UI",Arial,sans-serif;color:#4f4842;text-align:left !important;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;min-height:0 !important;max-height:none !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung .google-review .google-review-date{align-self:flex-start;margin:4px 0 0 !important;padding:6px 12px;font:600 12.5px/1 "Segoe UI",Arial,sans-serif;color:#7b6f66;background:#fff;border:1px solid #ecd9c8;border-radius:999px}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung button.sliderGoogle-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;padding:0;font-size:0;background:linear-gradient(145deg,#c2461a,#8f320d) !important;box-shadow:0 10px 22px rgba(143,50,13,.35);z-index:3;cursor:pointer;transition:transform .18s}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung button.sliderGoogle-nav.left{left:12px !important;right:auto !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung button.sliderGoogle-nav.right{right:12px !important;left:auto !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung button.sliderGoogle-nav::before{content:"";position:absolute;top:50%;left:50%;width:11px;height:11px;border:solid #fff;border-width:0 3px 3px 0}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung button.sliderGoogle-nav.left::before{transform:translate(-30%,-50%) rotate(135deg)}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung button.sliderGoogle-nav.right::before{transform:translate(-70%,-50%) rotate(-45deg)}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung button.sliderGoogle-nav:hover{transform:translateY(-50%) scale(1.08)}
@media (max-width:760px){
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung .sliderGoogle-wrapper{padding:0 !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung .google-review{padding:24px 56px 20px !important;border-radius:22px !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung button.sliderGoogle-nav{width:40px;height:40px}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung button.sliderGoogle-nav.left{left:6px !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung button.sliderGoogle-nav.right{right:6px !important}
}
@media (max-width:760px){
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung .google-review{padding:24px 56px 20px !important;border-radius:22px !important}
}
/* Kein Rahmen-in-Rahmen: aeusserer Kasten und Slider-Huelle neutral, nur die Karte hat Rahmen/Schatten */
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung .google-reviews-widget{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;max-width:980px !important;margin-left:auto !important;margin-right:auto !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung .sliderGoogle-wrapper{background:transparent !important;border:0 !important;margin:0 auto !important;max-width:100% !important;overflow:hidden !important;border-radius:26px;box-shadow:none !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung #google-reviews{background:transparent !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung .google-review{box-shadow:none !important}
/* Google-Slider: Breite wie Header-Inhalt, Karte nur so hoch wie ihr Inhalt, Pfeile mittig */
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung .google-reviews-widget{max-width:var(--bi-content-w,980px) !important;width:100% !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung .google-review{align-self:flex-start !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung .sliderGoogle-wrapper{transition:height .3s ease}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung #google-reviews{align-items:flex-start !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung button.sliderGoogle-nav,html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung button.sliderGoogle-nav:focus,html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung button.sliderGoogle-nav:active,html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung button.sliderGoogle-nav:hover{outline:0 !important;border:0 !important;top:50% !important;margin:0 !important;box-shadow:0 10px 22px rgba(143,50,13,.35) !important}
html body.bi-modern-ui:not(.z1):not(.z2):not(.z3):not(.z4) #googlebewertung button.sliderGoogle-nav:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 6px #c2461a !important}
