.page:has(.css-tweaks-servicewelten) .teaser__docking-placement .o-teaser-collection {
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 'headline text';
  grid-template-rows: auto;
  column-gap: 8.335vw;
}
@media only screen and (max-width: 40rem) {
.page:has(.css-tweaks-servicewelten) .teaser__docking-placement .o-teaser-collection {
   grid-template-columns: 1fr;
   grid-template-areas: 'headline' 'text';
   grid-template-rows: auto auto;
   row-gap: 2rem;
}
}

@media only screen and (max-width: 40rem) {
.page:has(.css-tweaks-servicewelten) .teaser__docking-placement .teaser-collection__headline {
 font-size: 1.625rem;
 line-height: 2.5rem;
 font-weight: 400;
}

.page:has(.css-tweaks-servicewelten) .teaser__docking-placement .teaser-collection__text {
 margin-top: 0;
 font-size: 1.125rem;
 line-height: 1.5rem;
 font-weight: 400;
}
}
@media only screen and (min-width: 40.0625rem)  {
.page:has(.css-tweaks-servicewelten) .teaser__docking-placement .teaser-collection__headline {
 font-size: 1.875rem;
 line-height: 2.75rem;
 font-weight: 400;
}

.page:has(.css-tweaks-servicewelten) .teaser__docking-placement .teaser-collection__text {
 margin-top: 0;
 font-size: 1.3125rem;
 line-height: 1.75rem;
 font-weight: 400;
}
}
@media only screen and (min-width: 64.0625rem)  {
.page:has(.css-tweaks-servicewelten) .teaser__docking-placement .teaser-collection__headline {
 font-size: 2.375rem;
 line-height: 3.375rem;
 font-weight: 400;
}

.page:has(.css-tweaks-servicewelten) .teaser__docking-placement .teaser-collection__text {
 margin-top: 0;
 font-size: 1.5rem;
 line-height: 2rem;
 font-weight: 400;
}
}