Molecule

Teaser B

            
              <a href="#" class="teaser-b"></a>
<div class="teaser-image">
  <img src="/images/_teaser/04_csm__MG_8678_Kopie_3feabc368a.jpg" alt="img-alt">
</div>
<div class="teaser-wrapper">
  <div class="teaser-header">
    <h3>
      Headline
    </h3>
  </div>
  <div class="teaser-body">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
  </div>
  <div class="teaser-footer">
    <span class="btn btn-outline-gray btn--icon-right"><span>Read more</span> <svg class="icon" viewbox="0 0 32 32">
    <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#triangle"></use></svg></span>
  </div>
</div>

            
          

.teaser-b--type-a

            
              <a href="#" class="teaser-b teaser-b--type-a"></a>
<div class="teaser-image">
  <img src="/images/_teaser/04_csm__MG_8678_Kopie_3feabc368a.jpg" alt="img-alt">
</div>
<div class="teaser-wrapper">
  <div class="teaser-header">
    <h3>
      Headline
    </h3>
  </div>
  <div class="teaser-body">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque.
  </div>
  <div class="teaser-footer">
    <span class="btn btn-outline-primary btn--icon-right"><span>Read more</span> <svg class="icon" viewbox="0 0 32 32">
    <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#triangle"></use></svg></span>
  </div>
</div>