.elemental-teaser {
  outline: 2px transparent solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
  
  .elemental-teaser:focus {
    outline: 2px solid #f26122!important;
    outline: 2px solid var(--brand-primary)!important;
  }
  
  @media (hover: hover) {
    .elemental-teaser:hover, .elemental-teaser:active {
      outline-color: transparent;
    }
    
      .elemental-teaser:hover *, .elemental-teaser:active * {
        color: #f26122;
        color: var(--brand-primary);
      }
      
      .elemental-teaser:hover .elemental-teaser__image, .elemental-teaser:active .elemental-teaser__image {
        border-bottom-color: #f26122;
        border-bottom-color: var(--brand-primary);
      }
      
      .elemental-teaser:hover .elemental-teaser__image img, .elemental-teaser:active .elemental-teaser__image img {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
      }
  }


.elemental-teaser__image {
  margin: 0;
  position: relative;
  overflow: hidden;
  border-bottom: 1px transparent solid;
}


.elemental-teaser__image::after {
    content: '';
    display: block;
    width: 35px;
    height:35px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 29.99' fill='white'%3E %3Cpath d='M.52,14.67H14.7V13H.52Zm0-4.16H14.7V8.87H.52Zm0-4.16H14.7V4.7H.52Zm0-4.17H14.7V.54H.52Z' transform='translate(-0.5 -0.54)'/%3E %3Cpath d='M16.36,14.72H18V.54H16.36Zm4.17,0h1.64V.54H20.53Zm4.16,0h1.64V.54H24.69Zm4.16,0H30.5V.54H28.85Z' transform='translate(-0.5 -0.54)'/%3E %3Cpath d='M16.3,30.53H30.48V28.89H16.3Zm0-4.16H30.48V24.73H16.3Zm0-4.16H30.48V20.56H16.3Zm0-4.17H30.48V16.4H16.3Z' transform='translate(-0.5 -0.54)'/%3E %3Cpath d='M.5,30.5H2.14V16.32H.5Zm4.16,0H6.3V16.32H4.66Zm4.16,0h1.65V16.32H8.82Zm4.17,0h1.64V16.32H13Z' transform='translate(-0.5 -0.54)'/%3E %3C/svg%3E");   
    z-index: 10; 
  }


.elemental-teaser__image img {
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    -webkit-transform-origin: center;
            transform-origin: center;
    position: relative;
    z-index: 1;
    width: 100%;
  }


.elemental-teaser__image button {
    position: absolute;
    bottom: 15px;
    left: 15px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: transparent;
    width: 35px;
    height: 35px;
    cursor: pointer;
    text-indent: -5000em;
    z-index: 10;
    border: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 20.23' fill='white'%3E %3Cpath d='M21.59,2.25a6.19,6.19,0,0,0-8.74,0l-.31.35-.64.63-.63-.63c-.1-.12-.21-.23-.32-.35A6.18,6.18,0,0,0,2.21,11l.13.12.84.85h0l8.72,8.72h0L20.62,12h0l.84-.85.13-.12A6.17,6.17,0,0,0,21.59,2.25Z' transform='translate(-0.4 -0.44)'/%3E %3C/svg%3E");
  }


.elemental-teaser__image figcaption {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: rgb(0,0,0);
    background-color: var(--black);
    color: #d43ad4;
    color: var(--brand-pink);
    font-weight: 600;
    text-transform: uppercase;
    padding: 0 .5em .5em 0;
    line-height: 1;
    white-space: nowrap;
    font-size: 1.3em;
  }


.elemental-teaser__image figcaption ~ figcaption {
      display: none;
    }


.elemental-teaser__image figcaption.is-faded ~ a img {
      -webkit-filter: grayscale(100%);
              filter: grayscale(100%);
    }


.elemental-teaser__body {
  display: block;
  text-decoration: none;
}


.elemental-teaser__body:hover {
    text-decoration: none;
  }


.elemental-teaser__body > h3 {
    margin: 22px 0 18px;
    line-height: .95em;
    font-weight: 400;
    letter-spacing: .045em;
    font-family: "RBNo2-1a W05 Medium"
,
-apple-system
,
BlinkMacSystemFont
,
Segoe
UI
,
Roboto
,
Helvetica
Neue
,
Arial
,
sans-serif;
    font-family: var(--custom-font-alternate);
    font-size: 35px;
    display: block;
  }


.elemental-teaser__body > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }


.elemental-teaser__body .event-location, .elemental-teaser__body time {
    font-size: 18px;
    display: block;
  }


.elemental-teaser__body * + .elemental__entity-link {
    margin-top: 15px;
  }