.full-width-image-teaser {
  position: relative;
  height: 400px; }
  .full-width-image-teaser .image {
    position: absolute;
    height: 100%;
    left: 50%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    z-index: 0;
    overflow: hidden;
    width: 100vw; }
    .full-width-image-teaser .image img {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%); }
    .full-width-image-teaser .image:after {
      content: "";
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      background: rgba(123, 131, 137, 0.5);
      background: rgba(91, 103, 112, 0.5); }
  .full-width-image-teaser .text {
    z-index: 5;
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: auto;
    text-align: left;
    margin-top: 30px;
    padding: 0 30px; }
    @media (min-width: 992px) {
    .full-width-image-teaser .text header {
      margin: 0 300px 0 0; } }
      .full-width-image-teaser .text header h2 {
        position: relative;
        color: #fff;
        /*
         opacity:0.75;
         background-image: url(#{$css-imagepath}brand/brand-invert/1.svg);
         background-position:center center;
         background-repeat:no-repeat;
         */ }
        .full-width-image-teaser .text header h2:before {
          content: "\e930";
          font-family: 'default';
          font-weight: normal;
          text-indent: 0;
          font-style: normal;
          position: absolute;
          top: -60px;
          left: 0;
          width: 60px;
          height: 60px;
          display: block;
          overflow: hidden;
          z-index: 1;
          color: rgba(255, 255, 255, 0.75);
          font-size: 40px;
          line-height: 60px; }
    .full-width-image-teaser .text .btn {
      min-width: 180px;
      width: auto;
      padding: 0 20px;
      margin: 0;
      height: 54px;
      line-height: 54px; }
      @media (min-width: 992px) {
  .full-width-image-teaser .text .btn {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px; } }
      .full-width-image-teaser .text .btn:hover {
        opacity: 0.75; }