.EventCard {
  position: relative;
  border-radius: 2px;
  overflow: hidden;
}

  .EventCard_size_s .EventCard-Picture:before {
          content: none;
        }

  .EventCard_size_m {
      background-color: #fff;
      -webkit-box-shadow: 0 14px 30px 0 rgba(157, 167, 170, 0.08),
        0 4px 8px 0 rgba(157, 167, 170, 0.16);
              box-shadow: 0 14px 30px 0 rgba(157, 167, 170, 0.08),
        0 4px 8px 0 rgba(157, 167, 170, 0.16);
      border-radius: 16px;
      padding: var(--space-2xl);
      min-height: 424px;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }

  @media screen and (max-width: 767px) {

  .EventCard_size_m {
        min-height: 400px
    }
      }

  .EventCard_size_m:not(.EventCard_noHover):hover {
        -webkit-box-shadow: 0px 14px 30px rgba(157, 167, 170, 0.2),
          0px 4px 8px rgba(157, 167, 170, 0.3);
                box-shadow: 0px 14px 30px rgba(157, 167, 170, 0.2),
          0px 4px 8px rgba(157, 167, 170, 0.3);
      }

  .EventCard_size_m:not(.EventCard_noHover):hover .EventCard-Title {
          color: var(--color-blue-primary-light);
        }

  .EventCard_size_m:not(.EventCard_noHover):active .EventCard-Title {
          color: var(--color-blue-primary-dark);
        }

  .EventCard_size_m .EventCard-Tags {
        margin-top: var(--space-m);
      }

  .EventCard_size_l {
      padding: var(--space-3xl);
    }

  .EventCard_size_l .EventCard-Picture {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
      }

  .EventCard_size_l .EventCard-Picture .Picture {
          width: 100%;
          height: 100%;
        }

  .EventCard_size_l .EventCard-Picture picture,
        .EventCard_size_l .EventCard-Picture img {
          -o-object-fit: cover;
             object-fit: cover;
          width: 100%;
          height: 100%;
        }

  .EventCard_size_l .EventCard-Title {
        max-width: 768px;
      }

  .EventCard_size_l .EventCard-Tags {
        position: absolute;
        top: 0;
        right: 0;
      }

  .EventCard_invertedStyle {
    color: #fff;
  }

  .EventCard-Link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
  }

  .EventCard-Inner {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    z-index: 2;
  }

  .EventCard-Picture {
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  .EventCard-Picture:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #000;
      opacity: 0.3;
      pointer-events: none;
      z-index: 1;
    }

  .EventCard-Date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: var(--space-m);
  }

  .EventCard-Date > div:not(:first-child) {
      margin-left: 4px;
    }

  .EventCard-Title {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

  .EventCard-SubTitle {
    margin: var(--space-m) 0 0;
  }

  .EventCard-Tags {
    position: relative;
    z-index: 3;
  }

  .EventCard-Speakers {
    margin-top: var(--space-2xl);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .EventCard-Speakers > *:not(:last-child) {
      margin-right: -8px;
      position: relative;
    }

  .EventCard-Bottom {
    margin-top: auto;
    padding-top: var(--space-6xl);
  }

  .EventCard-VideoCircle {
    pointer-events: none;
  }
