/* Breakpoints */
.basic-card__title {
  /* SM/H3_20_light */
  font-size: 20px;
  font-weight: 300;
  line-height: 125%; /* 25px */
}
@media screen and (min-width: 751px) {
  .basic-card__title {
    /* MD/LG/H3_24_light */
    font-size: 24px;
  }
}
.basic-card {
  height: 100%;
  container-type: inline-size;
}
.basic-card__wrapper {
  align-items: center;
  aspect-ratio: 1;
  background: var(--petrol1-petrol10);
  border-radius: var(--CornerRadius-R-20);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  padding: var(--s-7) var(--s-6);
  position: relative;
  transition: background-color 300ms linear;
  width: 100%;
}
@media screen and (min-width: 1126px) {
  .basic-card__wrapper {
    min-height: 330px;
  }
}
@media screen and (min-width: 751px) {
  @container (max-width: 331px) {
    .basic-card__wrapper {
      aspect-ratio: unset;
      min-height: 331px;
    }
  }
  @container (min-width: 525px) {
    .basic-card__wrapper {
      aspect-ratio: 2/1.3;
    }
  }
  @container (min-width: 707px) {
    .basic-card__wrapper {
      aspect-ratio: 2/0.975;
    }
  }
}
.basic-card__wrapper:hover, .basic-card__link:focus-visible .basic-card__wrapper {
  background: var(--petrol2-petrol9);
}
.basic-card__link {
  display: block;
  height: 100%;
  transition: transform 0.6s ease;
}
.basic-card__link:focus-visible {
  outline: none;
  position: relative;
}
.basic-card__link:focus-visible::after {
  border-radius: var(--CornerRadius-R-20);
  border: var(--Outline-2, 2px) solid var(--petrol8-petrol3);
  bottom: -4px;
  content: "";
  display: block;
  left: -4px;
  position: absolute;
  right: -4px;
  top: -4px;
  transform: translateZ(0);
  animation: forwards appear 100ms cubic-bezier(0.16, 0.665, 0.61, 0.93);
}
.basic-card__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--s-5);
  padding-top: 0;
}
.basic-card__img {
  align-items: center;
  display: flex;
  width: 96px;
  height: 96px;
}
@media screen and (min-width: 1126px) {
  @container (min-width: 434px) {
    .basic-card__img {
      width: 128px;
      height: 128px;
    }
  }
}
.basic-card__img img {
  width: 100%;
  height: 100%;
}
.basic-card__title {
  color: var(--petrol8-petrol3);
  font-weight: 300;
  text-align: center;
  height: 90px;
  align-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.basic-card__title:focus-visible {
  outline: none;
  position: relative;
}
.basic-card__title:focus-visible::after {
  border-radius: var(--CornerRadius-R-4);
  border: var(--Outline-2, 2px) solid var(--petrol8-grau1);
  bottom: -5px;
  content: "";
  display: block;
  left: -10px;
  position: absolute;
  right: -10px;
  top: -5px;
  transform: translateZ(0);
  animation: forwards appear 100ms cubic-bezier(0.16, 0.665, 0.61, 0.93);
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3VpLmFwcHMvc3JjL21haW4vamNyX3Jvb3QvYXBwcy9wZmNoL2NsaWVudGxpYnMvY29tcG9uZW50cy9iYXNpY2NhcmQvYmFzaWNjYXJkLmJ1bmRsZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsZ0JBQWdCO0FBQ2hCO0VBQ0UsbUJBQW1CO0VBQ25CLGVBQWU7RUFDZixnQkFBZ0I7RUFDaEIsaUJBQWlCLEVBQUUsU0FBUztBQUM5QjtBQUNBO0VBQ0U7SUFDRSxzQkFBc0I7SUFDdEIsZUFBZTtFQUNqQjtBQUNGO0FBRUE7RUFDRSxZQUFZO0VBQ1osMkJBQTJCO0FBQzdCO0FBQ0E7RUFDRSxtQkFBbUI7RUFDbkIsZUFBZTtFQUNmLG1DQUFtQztFQUNuQyx1Q0FBdUM7RUFDdkMsYUFBYTtFQUNiLHNCQUFzQjtFQUN0QixZQUFZO0VBQ1osdUJBQXVCO0VBQ3ZCLGdCQUFnQjtFQUNoQiw4QkFBOEI7RUFDOUIsa0JBQWtCO0VBQ2xCLHlDQUF5QztFQUN6QyxXQUFXO0FBQ2I7QUFDQTtFQUNFO0lBQ0UsaUJBQWlCO0VBQ25CO0FBQ0Y7QUFDQTtFQUNFO0lBQ0U7TUFDRSxtQkFBbUI7TUFDbkIsaUJBQWlCO0lBQ25CO0VBQ0Y7RUFDQTtJQUNFO01BQ0UsbUJBQW1CO0lBQ3JCO0VBQ0Y7RUFDQTtJQUNFO01BQ0UscUJBQXFCO0lBQ3ZCO0VBQ0Y7QUFDRjtBQUNBO0VBQ0Usa0NBQWtDO0FBQ3BDO0FBQ0E7RUFDRSxjQUFjO0VBQ2QsWUFBWTtFQUNaLCtCQUErQjtBQUNqQztBQUNBO0VBQ0UsYUFBYTtFQUNiLGtCQUFrQjtBQUNwQjtBQUNBO0VBQ0UsdUNBQXVDO0VBQ3ZDLDBEQUEwRDtFQUMxRCxZQUFZO0VBQ1osV0FBVztFQUNYLGNBQWM7RUFDZCxVQUFVO0VBQ1Ysa0JBQWtCO0VBQ2xCLFdBQVc7RUFDWCxTQUFTO0VBQ1Qsd0JBQXdCO0VBQ3hCLHNFQUFzRTtBQUN4RTtBQUNBO0VBQ0UsbUJBQW1CO0VBQ25CLGFBQWE7RUFDYixzQkFBc0I7RUFDdEIsZUFBZTtFQUNmLGNBQWM7QUFDaEI7QUFDQTtFQUNFLG1CQUFtQjtFQUNuQixhQUFhO0VBQ2IsV0FBVztFQUNYLFlBQVk7QUFDZDtBQUNBO0VBQ0U7SUFDRTtNQUNFLFlBQVk7TUFDWixhQUFhO0lBQ2Y7RUFDRjtBQUNGO0FBQ0E7RUFDRSxXQUFXO0VBQ1gsWUFBWTtBQUNkO0FBQ0E7RUFDRSw2QkFBNkI7RUFDN0IsZ0JBQWdCO0VBQ2hCLGtCQUFrQjtFQUNsQixZQUFZO0VBQ1oscUJBQXFCO0VBQ3JCLGdCQUFnQjtFQUNoQix1QkFBdUI7RUFDdkIsb0JBQW9CO0VBQ3BCLHFCQUFxQjtFQUNyQiw0QkFBNEI7QUFDOUI7QUFDQTtFQUNFLGFBQWE7RUFDYixrQkFBa0I7QUFDcEI7QUFDQTtFQUNFLHNDQUFzQztFQUN0Qyx3REFBd0Q7RUFDeEQsWUFBWTtFQUNaLFdBQVc7RUFDWCxjQUFjO0VBQ2QsV0FBVztFQUNYLGtCQUFrQjtFQUNsQixZQUFZO0VBQ1osU0FBUztFQUNULHdCQUF3QjtFQUN4QixzRUFBc0U7QUFDeEUiLCJmaWxlIjoiLi4vLi4vdWkuYXBwcy9zcmMvbWFpbi9qY3Jfcm9vdC9hcHBzL3BmY2gvY2xpZW50bGlicy9jb21wb25lbnRzL2Jhc2ljY2FyZC9iYXNpY2NhcmQuYnVuZGxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIEJyZWFrcG9pbnRzICovXG4uYmFzaWMtY2FyZF9fdGl0bGUge1xuICAvKiBTTS9IM18yMF9saWdodCAqL1xuICBmb250LXNpemU6IDIwcHg7XG4gIGZvbnQtd2VpZ2h0OiAzMDA7XG4gIGxpbmUtaGVpZ2h0OiAxMjUlOyAvKiAyNXB4ICovXG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NTFweCkge1xuICAuYmFzaWMtY2FyZF9fdGl0bGUge1xuICAgIC8qIE1EL0xHL0gzXzI0X2xpZ2h0ICovXG4gICAgZm9udC1zaXplOiAyNHB4O1xuICB9XG59XG5cbi5iYXNpYy1jYXJkIHtcbiAgaGVpZ2h0OiAxMDAlO1xuICBjb250YWluZXItdHlwZTogaW5saW5lLXNpemU7XG59XG4uYmFzaWMtY2FyZF9fd3JhcHBlciB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGFzcGVjdC1yYXRpbzogMTtcbiAgYmFja2dyb3VuZDogdmFyKC0tcGV0cm9sMS1wZXRyb2wxMCk7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLUNvcm5lclJhZGl1cy1SLTIwKTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgaGVpZ2h0OiAxMDAlO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcGFkZGluZzogdmFyKC0tcy03KSB2YXIoLS1zLTYpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMzAwbXMgbGluZWFyO1xuICB3aWR0aDogMTAwJTtcbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDExMjZweCkge1xuICAuYmFzaWMtY2FyZF9fd3JhcHBlciB7XG4gICAgbWluLWhlaWdodDogMzMwcHg7XG4gIH1cbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc1MXB4KSB7XG4gIEBjb250YWluZXIgKG1heC13aWR0aDogMzMxcHgpIHtcbiAgICAuYmFzaWMtY2FyZF9fd3JhcHBlciB7XG4gICAgICBhc3BlY3QtcmF0aW86IHVuc2V0O1xuICAgICAgbWluLWhlaWdodDogMzMxcHg7XG4gICAgfVxuICB9XG4gIEBjb250YWluZXIgKG1pbi13aWR0aDogNTI1cHgpIHtcbiAgICAuYmFzaWMtY2FyZF9fd3JhcHBlciB7XG4gICAgICBhc3BlY3QtcmF0aW86IDIvMS4zO1xuICAgIH1cbiAgfVxuICBAY29udGFpbmVyIChtaW4td2lkdGg6IDcwN3B4KSB7XG4gICAgLmJhc2ljLWNhcmRfX3dyYXBwZXIge1xuICAgICAgYXNwZWN0LXJhdGlvOiAyLzAuOTc1O1xuICAgIH1cbiAgfVxufVxuLmJhc2ljLWNhcmRfX3dyYXBwZXI6aG92ZXIsIC5iYXNpYy1jYXJkX19saW5rOmZvY3VzLXZpc2libGUgLmJhc2ljLWNhcmRfX3dyYXBwZXIge1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1wZXRyb2wyLXBldHJvbDkpO1xufVxuLmJhc2ljLWNhcmRfX2xpbmsge1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAxMDAlO1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC42cyBlYXNlO1xufVxuLmJhc2ljLWNhcmRfX2xpbms6Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IG5vbmU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cbi5iYXNpYy1jYXJkX19saW5rOmZvY3VzLXZpc2libGU6OmFmdGVyIHtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tQ29ybmVyUmFkaXVzLVItMjApO1xuICBib3JkZXI6IHZhcigtLU91dGxpbmUtMiwgMnB4KSBzb2xpZCB2YXIoLS1wZXRyb2w4LXBldHJvbDMpO1xuICBib3R0b206IC00cHg7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBsZWZ0OiAtNHB4O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAtNHB4O1xuICB0b3A6IC00cHg7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWigwKTtcbiAgYW5pbWF0aW9uOiBmb3J3YXJkcyBhcHBlYXIgMTAwbXMgY3ViaWMtYmV6aWVyKDAuMTYsIDAuNjY1LCAwLjYxLCAwLjkzKTtcbn1cbi5iYXNpYy1jYXJkX19jb250ZW50IHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiB2YXIoLS1zLTUpO1xuICBwYWRkaW5nLXRvcDogMDtcbn1cbi5iYXNpYy1jYXJkX19pbWcge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogOTZweDtcbiAgaGVpZ2h0OiA5NnB4O1xufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTEyNnB4KSB7XG4gIEBjb250YWluZXIgKG1pbi13aWR0aDogNDM0cHgpIHtcbiAgICAuYmFzaWMtY2FyZF9faW1nIHtcbiAgICAgIHdpZHRoOiAxMjhweDtcbiAgICAgIGhlaWdodDogMTI4cHg7XG4gICAgfVxuICB9XG59XG4uYmFzaWMtY2FyZF9faW1nIGltZyB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG59XG4uYmFzaWMtY2FyZF9fdGl0bGUge1xuICBjb2xvcjogdmFyKC0tcGV0cm9sOC1wZXRyb2wzKTtcbiAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBoZWlnaHQ6IDkwcHg7XG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICAtd2Via2l0LWxpbmUtY2xhbXA6IDM7XG4gIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG59XG4uYmFzaWMtY2FyZF9fdGl0bGU6Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IG5vbmU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cbi5iYXNpYy1jYXJkX190aXRsZTpmb2N1cy12aXNpYmxlOjphZnRlciB7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLUNvcm5lclJhZGl1cy1SLTQpO1xuICBib3JkZXI6IHZhcigtLU91dGxpbmUtMiwgMnB4KSBzb2xpZCB2YXIoLS1wZXRyb2w4LWdyYXUxKTtcbiAgYm90dG9tOiAtNXB4O1xuICBjb250ZW50OiBcIlwiO1xuICBkaXNwbGF5OiBibG9jaztcbiAgbGVmdDogLTEwcHg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IC0xMHB4O1xuICB0b3A6IC01cHg7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWigwKTtcbiAgYW5pbWF0aW9uOiBmb3J3YXJkcyBhcHBlYXIgMTAwbXMgY3ViaWMtYmV6aWVyKDAuMTYsIDAuNjY1LCAwLjYxLCAwLjkzKTtcbn0iXX0= */