.frame-type-teaser {
  margin-bottom: 30px;
  margin-bottom: 1.875rem; }
  @media (min-width: 768px) {
  .frame-type-teaser {
    margin-bottom: 30px;
    margin-bottom: 1.875rem; } }
  @media (min-width: 992px) {
  .frame-type-teaser {
    margin-bottom: 80px;
    margin-bottom: 5rem; } }
  @media (min-width: 1302px) {
  .frame-type-teaser {
    margin-bottom: 80px;
    margin-bottom: 5rem; } }
  .frame-type-teaser.frame-space-after-small {
    margin-bottom: calc(1.5rem - 2px); }
  .frame-type-teaser.frame-space-after-none {
    margin-bottom: 0px; }
  .frame-type-teaser.gutter-small {
    margin-bottom: 48px;
    margin-bottom: 3rem; }
    @media (min-width: 768px) {
  .frame-type-teaser.gutter-small {
    margin-bottom: 48px;
    margin-bottom: 3rem; } }
    @media (min-width: 992px) {
  .frame-type-teaser.gutter-small {
    margin-bottom: 98px;
    margin-bottom: 6.125rem; } }
    @media (min-width: 1302px) {
  .frame-type-teaser.gutter-small {
    margin-bottom: 98px;
    margin-bottom: 6.125rem; } }
    .frame-type-teaser.gutter-small.frame-space-after-small {
      margin-bottom: calc(1.5rem - 2px); }
    .frame-type-teaser.gutter-small.frame-space-after-none {
      margin-bottom: 0px; }
  .frame-type-teaser.gutter-none {
    margin-bottom: 50px;
    margin-bottom: 3.125rem; }
    @media (min-width: 768px) {
  .frame-type-teaser.gutter-none {
    margin-bottom: 50px;
    margin-bottom: 3.125rem; } }
    @media (min-width: 992px) {
  .frame-type-teaser.gutter-none {
    margin-bottom: 100px;
    margin-bottom: 6.25rem; } }
    @media (min-width: 1302px) {
  .frame-type-teaser.gutter-none {
    margin-bottom: 100px;
    margin-bottom: 6.25rem; } }
    .frame-type-teaser.gutter-none.frame-space-after-small {
      margin-bottom: calc(1.5rem - 2px); }
    .frame-type-teaser.gutter-none.frame-space-after-none {
      margin-bottom: 0px; }
  .frame-type-teaser div[class*="col-"] {
    display: flex; }

.usp {
  background: #fff;
  padding: 30px;
  padding: 1.875rem;
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 0;
  margin-bottom: 20px;
  width: 100%;
  border-radius: 0px;
  color: #4c4c4c; }
  @media (min-width: 768px) {
  .usp {
    padding: 30px;
    padding: 1.875rem; } }
  @media (min-width: 992px) {
  .usp {
    padding: 50px;
    padding: 3.125rem; } }
  @media (min-width: 1302px) {
  .usp {
    padding: 50px;
    padding: 3.125rem; } }
  .usp > a {
    position: absolute;
    left: 0;
    top: 0;
    text-indent: -99999em;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 10; }
  .usp h2 {
    margin-bottom: 1.5rem;
    color: rgba(91, 103, 112, 1); }
  .usp p:last-of-type {
    margin-bottom: 0px; }
  .usp .icon {
    height: 60px;
    position: relative;
    margin-bottom: 1.5rem; }
    .usp .icon img {
      width: 100%;
      height: 100%;
      opacity: 0.2;
      -webkit-transition: 0.25s ease;
      -moz-transition: 0.25s ease;
      -ms-transition: 0.25s ease;
      -o-transition: 0.25s ease;
      transition: 0.25s ease; }
  .usp:hover .icon img {
    opacity: 1; }
  .gutter-small .usp {
    margin-bottom: 2px; }
  .gutter-none .usp {
    margin-bottom: 0px; }