/* BFS Veranstaltungen 3.6.29 — responsive Urban Sticker; fixed mobile hero visibility */
/* Hide the legacy hero badge before JS replaces it to avoid a size flash. */
/* Hide only a separate legacy badge sibling. Once the new sticker moves into the intro
   on mobile, the hero content itself must never be hidden. */
.events-hero > :last-child:not(:first-child):not(#bfsx-event-sticker-3629){visibility:hidden!important;}

#bfsx-event-sticker-3629.bfsx-event-sticker-3629{
  --bfsx-sticker-size-3629:clamp(320px,21vw,360px);
  box-sizing:border-box;
  position:relative;
  z-index:3;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  justify-self:center;
  align-self:center;
  width:var(--bfsx-sticker-size-3629);
  min-width:var(--bfsx-sticker-size-3629);
  max-width:var(--bfsx-sticker-size-3629);
  height:var(--bfsx-sticker-size-3629);
  min-height:var(--bfsx-sticker-size-3629);
  max-height:var(--bfsx-sticker-size-3629);
  aspect-ratio:1/1;
  margin:0;
  padding:calc(var(--bfsx-sticker-size-3629)*.115) calc(var(--bfsx-sticker-size-3629)*.11);
  overflow:visible;
  border:0;
  border-radius:0;
  background-color:transparent;
  background-image:var(--bfsx-sticker-image-3629);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  box-shadow:none;
  color:#fff;
  text-align:center;
  transform:rotate(-2deg);
  transform-origin:center;
}
#bfsx-event-sticker-3629 .bfsx-sticker-line-3629{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  margin:0;
  padding:0;
  white-space:nowrap;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:-.045em;
  line-height:.88;
  font-style:normal;
  font-weight:950;
}
#bfsx-event-sticker-3629 .bfsx-sticker-line1-3629{color:var(--bfsx-line1-3629,#fff)}
#bfsx-event-sticker-3629 .bfsx-sticker-line2-3629{color:var(--bfsx-line2-3629,#62b52f)}
#bfsx-event-sticker-3629 .bfsx-sticker-line3-3629{color:var(--bfsx-line3-3629,#e40046)}
#bfsx-event-sticker-3629 .bfsx-sticker-icon-3629{
  position:relative;
  z-index:2;
  display:block;
  margin:calc(var(--bfsx-sticker-size-3629)*.03) 0 0;
  padding:0;
  color:var(--bfsx-line3-3629,#e40046);
  font-style:normal;
  font-size:calc(var(--bfsx-sticker-size-3629)*.105);
  line-height:1;
  text-align:center;
}

@media (min-width:721px) and (max-width:1100px){
  #bfsx-event-sticker-3629.bfsx-event-sticker-3629{
    --bfsx-sticker-size-3629:clamp(230px,26vw,285px);
  }
}

/* Mobile: title first; intro text and sticker share one row below the title. */
@media (max-width:720px){
  .events-hero{position:relative!important;}
  .bfsx-mobile-intro-row-3629{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 128px!important;
    gap:12px!important;
    align-items:center!important;
    width:100%!important;
    margin-top:18px!important;
  }
  .bfsx-mobile-intro-row-3629 > p{
    margin:0!important;
    min-width:0!important;
  }
  #bfsx-event-sticker-3629.bfsx-event-sticker-3629{
    --bfsx-sticker-size-3629:128px;
    position:relative!important;
    right:auto!important;
    top:auto!important;
    justify-self:end!important;
    align-self:center!important;
    margin:0!important;
    padding:calc(var(--bfsx-sticker-size-3629)*.115) calc(var(--bfsx-sticker-size-3629)*.10) calc(var(--bfsx-sticker-size-3629)*.095)!important;
    transform:rotate(-2deg)!important;
  }
}
@media (max-width:390px){
  .bfsx-mobile-intro-row-3629{
    grid-template-columns:minmax(0,1fr) 116px!important;
    gap:10px!important;
  }
  #bfsx-event-sticker-3629.bfsx-event-sticker-3629{
    --bfsx-sticker-size-3629:116px;
  }
}