/* -------------------------------------------------- Mixins */
/*
<div class="progress-circle p{VALUE_OF_PROGRESS} {if VALUE_OF_PROGRESS > 50}over50{/if}">
	<span>{VALUE_OF_PROGRESS}%</span>
	<div class="left-half-clipper">
		<div class="first50-bar"></div>
		<div class="value-bar"></div>
	</div>
</div>
*/
/* ---------------------------------------------------------------------- */
/* -------------------------------------------------- Partnersite */
.wkPartnersite {
  background: var(--primary--xlite);
  padding: 5rem 0;
}
.wkPartnersite__items {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(auto-fit, minmax(30rem, 30.5rem));
  justify-content: center;
  margin: 0 auto;
  max-width: 128rem;
}
.wkPartnersite__item.hasText {
  display: grid;
  grid-template-columns: 1fr;
  height: 100%;
  position: relative;
  width: 100%;
  /*&:hover {

  							 .wkPartnersite {

  								 &__text {
  									 @include respond-to(645) {
  										 box-shadow : .5rem 2rem 2rem 0 rgba(0, 0, 0, .2);
  									 }

  									 div {
  										 max-height : none;
  										 overflow   : visible;
  										 z-index    : 1;
  										 @include respond-to(645) {
  											 box-shadow : .5rem 3rem 2rem 0 rgba(0, 0, 0, .2);
  										 }
  									 }
  								 }
  							 }
  						 }*/
}
@media (min-width: 645px) {
  .wkPartnersite__item.hasText {
    grid-column: span 2;
    grid-template-columns: 1fr 1fr;
  }
}
.wkPartnersite__item.hasText .wkPartnersite__link {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 645px) {
  .wkPartnersite__item.hasText .wkPartnersite__link {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 645px) {
  .wkPartnersite__item.hasText .wkPartnersite__text {
    aspect-ratio: 300/278;
  }
}
.wkPartnersite__link {
  height: 100%;
  position: relative;
  width: 100%;
}
.wkPartnersite__image {
  aspect-ratio: 300/278;
  height: 100%;
  position: relative;
}
.wkPartnersite__image picture {
  height: 100%;
  position: relative;
  width: 100%;
}
.wkPartnersite__image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.wkPartnersite__logo {
  background: rgba(255, 255, 255, 0.8);
  height: 5rem;
  max-width: calc(100% - 2rem);
  padding: 0.5rem;
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.wkPartnersite__logo picture {
  display: flex;
  justify-content: center;
}
.wkPartnersite__caption {
  align-items: center;
  background-color: var(--white--transparent);
  bottom: 0;
  display: flex;
  height: 5rem;
  justify-content: center;
  left: 0;
  padding: 0 1rem;
  position: absolute;
  width: 100%;
}
.wkPartnersite__caption p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--secondary);
  font-family: var(--karma);
  font-size: 2rem;
  line-height: normal;
}
.wkPartnersite__text {
  background: #fff;
  overflow: hidden;
  padding: 2rem;
  position: relative;
}
.wkPartnersite__text.noHeadline div {
  -webkit-line-clamp: 11;
  top: 2rem;
}
.wkPartnersite__text h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--secondary);
  font-family: var(--karma);
  font-size: 2rem;
  margin-bottom: 1rem;
}
.wkPartnersite__text div {
  background: #fff;
  display: -webkit-box;
  left: 0;
  -webkit-line-clamp: 10;
  max-height: 25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: max-height 0.5s ease-in-out;
  width: 100%;
}
@media (min-width: 645px) {
  .wkPartnersite__text div {
    padding: 0 2rem 2rem 2rem;
    position: absolute;
    top: 5rem;
  }
}
.wkPartnersite__text div {
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
}
.wkPartnersite__text p {
  color: var(--text);
  font-size: 1.6rem;
  font-weight: 300;
}
.wkPartnersite__spacer {
  background: #fff;
  bottom: 0;
  display: block;
  height: 1.5rem;
  left: 0;
  position: absolute;
  width: 100%;
}
/*# sourceMappingURL=wkPartnerSite.css.map */
