/* stylelint-disable */
/* stylelint-enable */
.event-card::before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23008BD0;%7D%0A%3C/style%3E%3Cg%3E%3Cpolygon class='st0' points='0,0 0,0.7 0.7,0 '/%3E%3Cpolygon class='st0' points='19.3,0 0,19.3 0,20.7 20.7,0 '/%3E%3Cpolygon class='st0' points='39.3,0 0,39.3 0,40.7 40.7,0 '/%3E%3Cpolygon class='st0' points='59.3,0 0,59.3 0,60.7 60.7,0 '/%3E%3Cpolygon class='st0' points='79.3,0 0,79.3 0,80.7 80.7,0 '/%3E%3Cpolygon class='st0' points='100,0 99.3,0 0,99.3 0,100 0.7,100 100,0.7 '/%3E%3Cpolygon class='st0' points='20.7,100 100,20.7 100,19.3 19.3,100 '/%3E%3Cpolygon class='st0' points='40.7,100 100,40.7 100,39.3 39.3,100 '/%3E%3Cpolygon class='st0' points='60.7,100 100,60.7 100,59.3 59.3,100 '/%3E%3Cpolygon class='st0' points='80.7,100 100,80.7 100,79.3 79.3,100 '/%3E%3Cpolygon class='st0' points='100,100 100,99.3 99.3,100 '/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 7rem;
}

.hatching-white {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Cg%3E%3Cpolygon class='st0' points='0,0 0,0.7 0.7,0 '/%3E%3Cpolygon class='st0' points='19.3,0 0,19.3 0,20.7 20.7,0 '/%3E%3Cpolygon class='st0' points='39.3,0 0,39.3 0,40.7 40.7,0 '/%3E%3Cpolygon class='st0' points='59.3,0 0,59.3 0,60.7 60.7,0 '/%3E%3Cpolygon class='st0' points='79.3,0 0,79.3 0,80.7 80.7,0 '/%3E%3Cpolygon class='st0' points='100,0 99.3,0 0,99.3 0,100 0.7,100 100,0.7 '/%3E%3Cpolygon class='st0' points='20.7,100 100,20.7 100,19.3 19.3,100 '/%3E%3Cpolygon class='st0' points='40.7,100 100,40.7 100,39.3 39.3,100 '/%3E%3Cpolygon class='st0' points='60.7,100 100,60.7 100,59.3 59.3,100 '/%3E%3Cpolygon class='st0' points='80.7,100 100,80.7 100,79.3 79.3,100 '/%3E%3Cpolygon class='st0' points='100,100 100,99.3 99.3,100 '/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 7rem;
}

.space-before-extra-small {
  margin-top: 0 !important;
}

.space-after-extra-small {
  margin-bottom: 0 !important;
}
.space-after-extra-small + .co {
  margin-top: 0;
}

.space-before-small {
  margin-top: 3rem !important;
}

.space-after-small {
  margin-bottom: 3rem !important;
}
.space-after-small + .co {
  margin-top: 0;
}

.space-before-medium {
  margin-top: 5rem !important;
}

.space-after-medium {
  margin-bottom: 5rem !important;
}
.space-after-medium + .co {
  margin-top: 0;
}

.space-before-large {
  margin-top: 7rem !important;
}

.space-after-large {
  margin-bottom: 7rem !important;
}
.space-after-large + .co {
  margin-top: 0;
}

.space-before-extra-large {
  margin-top: 15rem !important;
}

.space-after-extra-large {
  margin-bottom: 15rem !important;
}
.space-after-extra-large + .co {
  margin-top: 0;
}

.event-list-header {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2.3rem;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  border: thin solid #d3d3d3;
  border-left: 0;
  border-right: 0;
  color: #141414;
  display: none;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  padding: 0.625em 15px 0.625em;
}
@media (min-width: 46.25em) {
  .event-list-header {
    display: -ms-flexbox;
    display: flex;
  }
}

.event-list-header__date {
  position: relative;
  padding-left: 27px;
  -ms-flex: 0 0 11rem;
      flex: 0 0 11rem;
  margin-left: 0.1rem;
  margin-right: 2rem;
}
.event-list-header__date:before {
  background: url("../img/svg-sprite-2e4d8448.svg") no-repeat;
  height: 22px;
  background-position: 0px -1272px;
  width: 22px;
  background-size: 514px 6088px;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  margin: auto;
  position: absolute;
  right: auto;
  top: -1px;
}
@media (min-width: 61.25em) {
  .event-list-header__date {
    margin-right: 3.5rem;
  }
}

.event-list-header__title {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

.event-list-header__location {
  position: relative;
  padding-left: 23px;
  -ms-flex: 0 0 20rem;
      flex: 0 0 20rem;
  margin-right: 2.5rem;
}
.event-list-header__location:before {
  background: url("../img/svg-sprite-2e4d8448.svg") no-repeat;
  height: 23px;
  background-position: 0px -1403px;
  width: 18px;
  background-size: 514px 6088px;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  margin: auto;
  position: absolute;
  right: auto;
  top: 0;
}

.event-teaser {
  -ms-flex-align: start;
      align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  gap: 3rem;
}
@media (min-width: 46.25em) {
  .event-teaser {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-flow: row;
        flex-flow: row;
    gap: 4rem;
  }
}

.event-card {
  -ms-flex-align: start;
      align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  gap: 2rem;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 2rem 0;
  position: relative;
  width: 100%;
}
@media (min-width: 46.25em) {
  .event-card {
    -ms-flex-align: end;
        align-items: flex-end;
    gap: 0.5rem;
    width: 27rem;
  }
}
.event-card::before {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 40%;
  z-index: -1;
}
@media (min-width: 46.25em) {
  .event-card::before {
    width: 75%;
  }
}

.event-card__day div,
.event-card__year div {
  background-color: #fff;
  padding: 0.3rem 1rem;
}

.event-card__day {
  font-size: 6rem;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 46.24em) {
  .event-card__day {
    margin-left: 3rem;
  }
}

.event-card__year {
  font-size: 3.2rem;
  line-height: 1;
}
@media (max-width: 46.24em) {
  .event-card__year {
    margin-left: 6rem;
  }
}

.event-teaser__main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  gap: 1rem;
  width: 100%;
}

.event-teaser__superheadline {
  color: #e53517;
}

.event-teaser__title {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 0;
}
.event-teaser__title a {
  color: #222;
}
.event-teaser__title a:hover, .event-teaser__title a:focus-visible {
  color: #008bd0;
}

.event-teaser__meta p {
  color: #6c6c6c;
  margin-bottom: 0;
}

.event-teaser__footer {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 3rem;
}
@media (min-width: 46.25em) {
  .event-teaser__footer {
    -ms-flex-flow: row;
        flex-flow: row;
  }
}
.event-teaser__footer button,
.event-teaser__footer a {
  width: 100%;
}
.event-teaser__footer .event-teaser__download {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.8rem;
  -ms-flex-pack: center;
      justify-content: center;
}
.event-teaser__footer .event-teaser__download:only-child {
  width: auto;
}
.event-teaser__footer .event-teaser__download svg {
  margin-right: 1rem;
}

.event-teaser-button {
  font-family: Fago, Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.1rem;
  letter-spacing: 0;
  background: #fff;
  border: thin solid #008bd0;
  color: #008bd0;
  cursor: pointer;
  display: inline-block;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  min-height: 2.2em;
  outline: 0;
  padding: 1.1rem 2.2rem 0.9rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 150ms ease-out, transform 225ms ease-out 50ms;
}
.event-teaser-button:focus, .event-teaser-button:hover {
  background: #008bd0;
  border: thin solid #008bd0;
  color: #fff;
}
.event-teaser-button:focus, .event-teaser-button:hover {
  text-decoration: none;
}