/* components/category-teaser/src/scss/category-teaser.scss */
.c-category-teaser {
  display: inline-block;
}
.trigger-hover:focus .c-category-teaser .c-category-teaser__icon svg,
.trigger-hover:hover .c-category-teaser .c-category-teaser__icon svg,
.c-category-teaser:hover .c-category-teaser__icon svg,
.c-category-teaser:focus .c-category-teaser__icon svg,
.c-category-teaser:active .c-category-teaser__icon svg {
  -webkit-transform: scale(1.075);
  transform: scale(1.075);
}
.trigger-hover:focus .c-category-teaser .c-category-teaser__icon::before,
.trigger-hover:hover .c-category-teaser .c-category-teaser__icon::before,
.c-category-teaser:hover .c-category-teaser__icon::before,
.c-category-teaser:focus .c-category-teaser__icon::before,
.c-category-teaser:active .c-category-teaser__icon::before {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.c-category-teaser__title {
  text-align: right;
  width: 10rem;
  margin-bottom: 0.46875rem;
}
.c-category-teaser__title h3 {
  font-size: 1.5rem;
  font-family: "McLaren", sans-serif;
  font-weight: 400;
}
.c-category-teaser__icon {
  position: relative;
}
.c-category-teaser__icon .field {
  position: absolute;
  top: 1.3125rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}
.c-category-teaser__icon svg {
  height: 5rem;
  width: auto;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.c-category-teaser__icon::before {
  content: "";
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-image: url(./img/line.svg);
  mask-image: url(./img/line.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  width: 9.6875rem;
  height: 9.4375rem;
  position: absolute;
  top: 0.9375rem;
  left: 0.3125rem;
  pointer-events: none;
  -webkit-transition: all 0.3s cubic-bezier(0.92, 0.13, 0, 0.09);
  transition: all 0.3s cubic-bezier(0.92, 0.13, 0, 0.09);
}
.c-category-teaser__icon::after {
  content: "";
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-image: url(./img/full.svg);
  mask-image: url(./img/full.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  width: 9.6875rem;
  height: 9.4375rem;
  display: block;
}
.c-category-teaser--color-green .c-category-teaser__title h3 {
  color: #007E38;
}
.c-category-teaser--color-green .c-category-teaser__icon path {
  fill: #007E38;
}
.c-category-teaser--color-green .c-category-teaser__icon::before,
.c-category-teaser--color-green .c-category-teaser__icon::after {
  background: #CCE5D7;
}
.c-category-teaser--color-orange .c-category-teaser__title h3 {
  color: #F49F0B;
}
.c-category-teaser--color-orange .c-category-teaser__icon path {
  fill: #F49F0B;
}
.c-category-teaser--color-orange .c-category-teaser__icon::before,
.c-category-teaser--color-orange .c-category-teaser__icon::after {
  background: #FDECCE;
}
.c-category-teaser--color-purple .c-category-teaser__title h3 {
  color: #4E4993;
}
.c-category-teaser--color-purple .c-category-teaser__icon path {
  fill: #4E4993;
}
.c-category-teaser--color-purple .c-category-teaser__icon::before,
.c-category-teaser--color-purple .c-category-teaser__icon::after {
  background: #DFE1FE;
}
.c-category-teaser--color-blue .c-category-teaser__title h3 {
  color: #007EBA;
}
.c-category-teaser--color-blue .c-category-teaser__icon path {
  fill: #007EBA;
}
.c-category-teaser--color-blue .c-category-teaser__icon::before,
.c-category-teaser--color-blue .c-category-teaser__icon::after {
  background: #CCE5F1;
}
/*# sourceMappingURL=category-teaser.css.map */