/* LinkTextBox */
.linkbox__link {
  padding: var(--g-gap) 4rem var(--g-gap) var(--g-gap);
  display: block;
  position: relative;
  overflow: hidden;
  height: 100%;
  color: rgb(var(--c-neutral-dark));
}

.linkbox {
  background-color: rgb(var(--c-neutral-lighter));
  margin-bottom: var(--g-gap);
}

.content > .frame:nth-child(2n) .linkbox,
.content .frame-bg-grey .linkbox {
  background-color: rgb(var(--c-neutral-lightest));
}

.linkbox__title {
  color: rgb(var(--c-primary));
  font-size: var(--f-size-l-1);
  text-transform: uppercase;
}

.linkbox__arrowpath {
  stroke: rgb(var(--c-primary));
}

@media (hover: hover) {
  .content > .frame:nth-child(2n) .linkbox:hover,
  .content .frame-bg-grey .linkbox:hover,
  .linkbox:hover {
    background-color: rgb(var(--c-primary));
  }

  .linkbox:hover,
  .linkbox:hover .linkbox__description,
  .linkbox:hover .linkbox__title {
    color: rgb(var(--c-neutral-lightest));
  }

  .linkbox:hover .linkbox__arrowpath {
    stroke: rgb(var(--c-neutral-lightest));
  }
}

.linkbox__arrow {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}

.linkbox__arrowpath {
  fill: none;
}

.linkbox {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
}

.linkbox__link {
  position: relative;
}

.linkbox__link::after {
  position: absolute;
  right: 1rem;
  top: 1rem;
}

.linkbox__link::after {
  content: '' !important;
}

.linkbox__link .linkbox__title::after {
  content: '\f08e';
  font-family: 'FaRegular';
  display: inline-block;
  margin-left: 5px;
}

/* TextBild4Kachel */
.textimage.frame {
  padding: 0 !important;
}

.textimage .textimage__text {
  padding: var(--p) 4%;
}

.textimage.-tiles .textimage__tilewrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.textimage__tile {
  position: relative;
  overflow: hidden;
}

.textimage.-right {
  direction: rtl;
}

.textimage.-right > div {
  direction: ltr;
}

.textimage.-full .textimage__image,
.textimage.-tiles .textimage__tile a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.textimage.-full .textimage__image img,
.textimage.-tiles .textimage__tile img {
  max-width: inherit;
  transition: transform ease 0.3s;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
}

@media (hover: hover) {
  .textimage.-tiles .textimage__tile:hover img {
    transform: scale(1.2);
  }
  .textimage.-tiles .textimage__tile:hover .textimage__tile-title {
    background-color: rgb(var(--c-secondary));
  }
}


.textimage.-tiles .textimage__tile-title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: .3rem 1rem;
  text-transform: uppercase;
  background-color: rgb(var(--c-primary));
  color: rgb(var(--c-neutral-lightest));
}

.textimage.-tiles .textimage__tile a[rel="noreferrer"]::after {
  right: 4rem;
  position: absolute;
  top: 0.25rem;
  border-radius: 50%;
  padding: 0.25rem 0.5rem;
  z-index: 10;
  background-color: rgb(var(--c-primary));
  color: rgb(var(--c-neutral-lightest));
}

@media (min-width: 480px) {
  .textimage.-tiles .textimage__tile-title {
    font-size: var(--f-size-l-1);
  }
}

@media (min-width: 900px) {
  .textimage {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .textimage .textimage__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--p) 8%;
  }
}

@media (min-width: 1580px) {
  .textimage .textimage__text {
    padding: var(--p) 8% var(--p) calc(100% - 720px);
  }
  .textimage.-right .textimage__text {
    padding: var(--p) calc(100% - 720px) var(--p) 8%;
  }
}