.teaserbox {
  width: 100%;
}
.teaserbox .columns {
  padding: 50px 0;
  width: var(--baseWidth);
  max-width: var(--maxWidth);
  margin: 0 auto;
}
@media (max-width: 781px) {
  .teaserbox .columns {
    padding: 30px 0;
  }
}
.teaserbox .columns .wp-block-columns {
  column-gap: 0 !important;
}
.teaserbox .columns .wp-block-columns .wp-block-column {
  padding: 20px 5%;
  position: relative;
}
.teaserbox .columns .wp-block-columns .wp-block-column:before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 781px) {
  .teaserbox .columns .wp-block-columns .wp-block-column:before {
    width: 80%;
    height: 1px;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.teaserbox .columns .wp-block-columns .wp-block-column:first-child::before {
  display: none;
  content: none;
}
.teaserbox.mode-blue {
  color: #fff;
  background: var(--mainColor);
}
.teaserbox.mode-blue h1, .teaserbox.mode-blue h2, .teaserbox.mode-blue h3, .teaserbox.mode-blue h4, .teaserbox.mode-blue h5, .teaserbox.mode-blue h6 {
  color: #fff;
}
.teaserbox.mode-blue a:not([class*="wp-block-button__link"]) {
  color: #fff;
}
.teaserbox.mode-blue .wp-block-button.is-style-fill > a.wp-block-button__link:not(.has-text-color) {
  background-color: #fff;
  color: var(--mainColor);
}
.teaserbox.mode-blue .wp-block-button.is-style-fill > a.wp-block-button__link:not(.has-text-color):hover {
  background-color: var(--mainColorDark);
  color: #fff;
}
.teaserbox.mode-blue .headline {
  background: var(--secondColor);
  padding: 10px 3%;
  font-weight: 700;
  text-align: center;
}
.teaserbox.mode-blue .wp-block-image.is-style-image-styled:before, .teaserbox.mode-blue .wp-block-image.is-style-image-styled:after, .teaserbox.mode-blue .teasertile:before, .teaserbox.mode-blue .teasertile:after {
  border-color: transparent transparent transparent var(--mainColor) !important;
}
.teaserbox.mode-blue .wp-block-image.is-style-image-styled:after, .teaserbox.mode-blue .teasertile:after {
  border-color: transparent var(--mainColor) transparent transparent !important;
}
.teaserbox.mode-blue ul:not(.is-style-list--check) li {
  background-image: url("../../img/li-platine-white2x.png") !important;
}
.teaserbox.mode-grey {
  background-color: var(--backgroundColor);
  padding: 70px 0;
}
@media (max-width: 768px) {
  .teaserbox.mode-grey {
    padding: 30px 0 0;
  }
}
.teaserbox.mode-grey h1, .teaserbox.mode-grey h2, .teaserbox.mode-grey h3, .teaserbox.mode-grey h4, .teaserbox.mode-grey h5, .teaserbox.mode-grey h6, .teaserbox.mode-grey .like-h2 {
  color: var(--mainColor);
  text-align: center;
}
.teaserbox.mode-grey .headline {
  width: var(--baseWidth);
  margin: 0 auto;
  max-width: 1000px;
}
.teaserbox.mode-grey .columns .wp-block-columns .wp-block-column {
  padding: 50px 5%;
  position: relative;
}
@media (max-width: 781px) {
  .teaserbox.mode-grey .columns .wp-block-columns .wp-block-column {
    padding: 20px 5%;
  }
}
.teaserbox.mode-grey .columns .wp-block-columns .wp-block-column:before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: var(--mainColor);
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 781px) {
  .teaserbox.mode-grey .columns .wp-block-columns .wp-block-column:before {
    width: 80%;
    height: 1px;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.teaserbox.mode-grey .columns .wp-block-columns .wp-block-column:first-child::before {
  display: none;
  content: none;
}