.teaser-service {
  h1 {
    font-size: $h2-font-size
  }

  .image {
    text-align: center;
  }

  figcaption {
    font-size: $font-size-lg;
    font-weight: bold;
    text-align: center;
  }

  a[href*="/strom/"] {
    & ~ figcaption {
      color: $stromColor;
    }
  }

  a[href*="/erdgas/"] {
    & ~ figcaption {
      color: $erdgasColor;
    }
  }

  a[href*="/wasser/"] {
    & ~ figcaption {
      color: $wasserColor;
    }
  }

  a[href*="/baeder/"] {
    & ~ figcaption {
      color: $baederColor;
    }
  }

  a[href*="/verkehr/"] {
    & ~ figcaption {
      color: $verkehrColor;
    }
  }
  a[href*="/abwasser/"] {
    & ~ figcaption {
      color: $abwasserColor;
    }
  }

  .ce-column {
    @include media-breakpoint-down(sm) {
      padding-left: $grid-gutter-width/4;
      padding-right: $grid-gutter-width/4;
    }
  }

}
