/**
 * Baptisten Eventsplaner – Highlight Overlay Slider
 * Version 1.1.68
 *
 * Absichtlich als eigenständiges Stylesheet geladen. Die große historische
 * frontend.css enthält vor diesem Versionsstand eine ungültige Altdeklaration;
 * Browser dürfen dadurch nachfolgende Regeln verwerfen. Der Slider bleibt so
 * unabhängig, updatefest und auf allen Seiten zuverlässig formatiert.
 */

/* v1.1.68 – Highlight Overlay Slider: responsive Grid, Wrapper-Schutz und klare Navigation */
.bep-overlay-highlight-slider{
  --bep-ohs-gutter:clamp(12px,3vw,34px);
  --bep-ohs-panel-max:720px;
  --bep-ohs-nav-safe:0px;
  container-type:inline-size;
  min-width:0;
}
.bep-overlay-highlight-slider.has-dots,
.bep-overlay-highlight-slider.is-bep-narrow.has-arrows{
  --bep-ohs-nav-safe:54px;
}
.bep-overlay-highlight-slider .bep-hls-viewport{
  min-width:0;
  isolation:isolate;
}
.bep-overlay-highlight-slider .bep-hls-track{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
}
.bep-overlay-highlight-slider .bep-hls-slide{
  position:relative!important;
  inset:auto!important;
  grid-area:1 / 1!important;
  align-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  visibility:hidden;
  transition:
    opacity var(--bep-hls-speed,420ms) ease,
    transform var(--bep-hls-speed,420ms) ease,
    visibility 0s linear var(--bep-hls-speed,420ms)!important;
}
.bep-overlay-highlight-slider .bep-hls-slide.is-active{
  visibility:visible;
  transition-delay:0s!important;
}
.bep-overlay-highlight-slider .bep-hls-slide > .bep-highlight-card,
.bep-overlay-highlight-slider .bep-highlight-card,
.bep-overlay-highlight-slider .bep-hl-background{
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:var(--bep-ohs-min,var(--bep-hls-min,520px))!important;
  box-sizing:border-box!important;
}
.bep-overlay-highlight-slider .bep-highlight-card:hover{
  transform:none;
}
.bep-overlay-highlight-slider .bep-hl-background .bep-highlight-link{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(var(--bep-ohs-min,var(--bep-hls-min,520px)),auto)!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:var(--bep-ohs-min,var(--bep-hls-min,520px))!important;
  box-sizing:border-box!important;
}
.bep-overlay-highlight-slider .bep-hl-background .bep-highlight-link > .bep-hl-media,
.bep-overlay-highlight-slider .bep-hl-background .bep-highlight-link > .bep-hls-media-wrap{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  margin:0!important;
  opacity:0!important;
  pointer-events:none!important;
}
.bep-overlay-highlight-slider .bep-hl-background .bep-highlight-link > .bep-hls-media-wrap *{
  pointer-events:none!important;
}
.bep-overlay-highlight-slider .bep-hl-background .bep-hl-content{
  position:relative!important;
  z-index:3!important;
  grid-area:1 / 1!important;
  align-self:end!important;
  justify-self:start!important;
  width:min(var(--bep-ohs-panel-max,720px),calc(100% - var(--bep-ohs-gutter) - var(--bep-ohs-gutter)))!important;
  min-width:0!important;
  max-width:none!important;
  max-height:none!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  margin:var(--bep-ohs-gutter)!important;
  margin-bottom:calc(var(--bep-ohs-gutter) + var(--bep-ohs-nav-safe))!important;
  padding:clamp(18px,3.2vw,30px)!important;
  gap:clamp(8px,1.4vw,12px)!important;
}
.bep-overlay-highlight-slider.bep-ohs-align-center .bep-hl-background .bep-hl-content{
  justify-self:center!important;
}
.bep-overlay-highlight-slider.bep-ohs-align-right .bep-hl-background .bep-hl-content{
  justify-self:end!important;
}
.bep-overlay-highlight-slider .bep-hl-content > *{
  min-width:0;
  max-width:100%;
}
.bep-overlay-highlight-slider .bep-hl-date-inline{
  overflow-wrap:anywhere;
  text-wrap:balance;
}
.bep-overlay-highlight-slider .bep-hl-title{
  max-width:100%;
  font-size:min(var(--bep-ohs-title-size,42px),clamp(25px,6vw,42px));
  line-height:1.02;
  letter-spacing:-.035em;
  overflow-wrap:break-word;
  hyphens:auto;
  text-wrap:balance;
}
.bep-overlay-highlight-slider .bep-hl-subtitle{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  font-size:min(var(--bep-ohs-text-size,21px),clamp(15px,2.7vw,21px));
  line-height:1.32;
}
.bep-overlay-highlight-slider .bep-hl-desc{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:5;
  overflow:hidden;
  font-size:min(var(--bep-ohs-text-size,18px),clamp(14px,2.25vw,18px));
  line-height:1.46;
}
.bep-overlay-highlight-slider .bep-hl-facts{
  min-width:0;
  margin-top:2px;
}
.bep-overlay-highlight-slider .bep-hl-facts span{
  max-width:100%;
  overflow-wrap:anywhere;
}
.bep-overlay-highlight-slider .bep-status-ribbon{
  z-index:8;
}
.bep-overlay-highlight-slider .bep-hls-nav{
  display:grid;
  place-items:center;
  line-height:1;
  transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease;
}
.bep-overlay-highlight-slider .bep-hls-nav:hover{
  transform:translateY(-50%) scale(1.05);
}
.bep-overlay-highlight-slider .bep-hls-nav:focus-visible,
.bep-overlay-highlight-slider .bep-hls-dots button:focus-visible{
  outline:3px solid color-mix(in srgb,var(--bep-accent,#005a7a) 42%,#fff);
  outline-offset:3px;
}
.bep-overlay-highlight-slider .bep-hls-dots button{
  min-width:9px;
  transition:width .18s ease,background-color .18s ease,transform .18s ease;
}

@supports (width:1cqi){
  .bep-overlay-highlight-slider{--bep-ohs-gutter:clamp(12px,3cqi,34px)}
  .bep-overlay-highlight-slider .bep-hl-background .bep-hl-content{padding:clamp(18px,3.2cqi,30px)!important;gap:clamp(8px,1.4cqi,12px)!important}
  .bep-overlay-highlight-slider .bep-hl-title{font-size:min(var(--bep-ohs-title-size,42px),clamp(25px,6cqi,42px))}
  .bep-overlay-highlight-slider .bep-hl-subtitle{font-size:min(var(--bep-ohs-text-size,21px),clamp(15px,2.7cqi,21px))}
  .bep-overlay-highlight-slider .bep-hl-desc{font-size:min(var(--bep-ohs-text-size,18px),clamp(14px,2.25cqi,18px))}
  .bep-overlay-highlight-slider.is-bep-narrow .bep-hl-background .bep-hl-content{padding:clamp(16px,5cqi,22px)!important}
  .bep-overlay-highlight-slider.is-bep-narrow .bep-hl-title{font-size:clamp(24px,7.2cqi,34px)!important}
  .bep-overlay-highlight-slider.is-bep-narrow .bep-hl-subtitle{font-size:clamp(15px,4.2cqi,19px)!important}
  .bep-overlay-highlight-slider.is-bep-narrow .bep-hl-desc{font-size:clamp(14px,3.7cqi,17px)!important}
  .bep-overlay-highlight-slider.is-bep-compact .bep-hl-title{font-size:clamp(22px,7cqi,30px)!important}
}

/* Tatsächliche Widgetbreite statt Browserbreite: wichtig für schmale Elementor-Spalten. */
.bep-overlay-highlight-slider.is-bep-narrow .bep-hl-background .bep-hl-content{
  width:calc(100% - 24px)!important;
  margin:12px!important;
  margin-bottom:calc(12px + var(--bep-ohs-nav-safe))!important;
  padding:clamp(16px,5vw,22px)!important;
  border-radius:22px!important;
  gap:8px!important;
}
.bep-overlay-highlight-slider.is-bep-narrow .bep-hl-title{
  font-size:clamp(24px,7.2vw,34px)!important;
  line-height:1.03!important;
  letter-spacing:-.03em!important;
}
.bep-overlay-highlight-slider.is-bep-narrow .bep-hl-subtitle{
  font-size:clamp(15px,4.2vw,19px)!important;
}
.bep-overlay-highlight-slider.is-bep-narrow .bep-hl-desc{
  -webkit-line-clamp:4;
  font-size:clamp(14px,3.7vw,17px)!important;
  line-height:1.42!important;
}
.bep-overlay-highlight-slider.is-bep-narrow .bep-hl-date-inline,
.bep-overlay-highlight-slider.is-bep-narrow .bep-hl-kicker,
.bep-overlay-highlight-slider.is-bep-narrow .bep-hl-facts span{
  font-size:11px!important;
  padding:7px 10px!important;
}
.bep-overlay-highlight-slider.is-bep-narrow .bep-hls-nav{
  top:auto!important;
  bottom:12px!important;
  width:42px!important;
  height:42px!important;
  transform:none!important;
}
.bep-overlay-highlight-slider.is-bep-narrow .bep-hls-nav:hover{
  transform:scale(1.05)!important;
}
.bep-overlay-highlight-slider.is-bep-narrow .bep-hls-prev{
  left:12px!important;
}
.bep-overlay-highlight-slider.is-bep-narrow .bep-hls-next{
  right:12px!important;
}
.bep-overlay-highlight-slider.is-bep-narrow .bep-hls-dots{
  bottom:17px!important;
  max-width:calc(100% - 124px);
}
.bep-overlay-highlight-slider.is-bep-compact .bep-hl-title{
  font-size:clamp(22px,7vw,30px)!important;
}
.bep-overlay-highlight-slider.is-bep-compact .bep-hl-desc{
  -webkit-line-clamp:3;
}
.bep-overlay-highlight-slider.is-bep-compact .bep-hl-facts{
  gap:6px;
}
.bep-overlay-highlight-slider.is-bep-micro .bep-hl-desc{
  -webkit-line-clamp:2;
}
.bep-overlay-highlight-slider.is-bep-micro .bep-hl-facts{
  display:none;
}

@media(max-width:620px){
  .bep-overlay-highlight-slider:not(.is-bep-size-ready) .bep-hl-background .bep-hl-content{
    width:calc(100% - 24px)!important;
    margin:12px!important;
    margin-bottom:66px!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .bep-overlay-highlight-slider:not(.is-bep-size-ready) .bep-hl-title{
    font-size:clamp(24px,7.2vw,34px)!important;
  }
  .bep-overlay-highlight-slider:not(.is-bep-size-ready) .bep-hl-desc{
    -webkit-line-clamp:4;
  }
}
@media(prefers-reduced-motion:reduce){
  .bep-overlay-highlight-slider .bep-hls-slide,
  .bep-overlay-highlight-slider .bep-hls-nav,
  .bep-overlay-highlight-slider .bep-hls-dots button{
    transition:none!important;
    scroll-behavior:auto!important;
  }
}