Molecule

Teaser C

<a href="#" class="teaser-c "> <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"> <span class="teaser-subject"> Aug 4, 2017 </span> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque. </div> </div> </a>

.teaser-c--type-a

<a href="#" class="teaser-c teaser-c--type-a"> <div class="teaser-image"> <img src="/images/_teaser/11_csm_compamedlogo.svg" alt="img-alt" /> </div> <div class="teaser-wrapper"> <div class="teaser-header"> <h3> Headline </h3> </div> <div class="teaser-body"> <span class="teaser-subject"> Oct 9 - Oct 12, 2017 </span> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque. </div> </div> </a>

.teaser-c--type-b

<a href="#" class="teaser-c teaser-c--type-b"> <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. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque. </div> </div> </a>