Teaser E

Default

Some very long teaser headline fullwidth

Teaser Subject
img-alt
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. 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. Button link label
<div class="teaser-e ">
        <div class="teaser-header">
                <h2>
						Some very long teaser headline fullwidth
			</h2>
                <span class="teaser-subject">
                        Teaser Subject
                </span>
        </div>
        <div class="teaser-wrapper">
                <div class="teaser-image">
                        <img src="/images/_teaser/06_csm_TMCL_b684255ea7.jpg" alt="img-alt" />
                </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. 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.

                        <a href="#" class="btn btn-link mt-1">
    Button link label </a>

                </div>
        </div>
</div>
			  

Type A

.teaser-e--type-a

Some very long teaser headline fullwidth

img-alt
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. 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. Button link label
<div class="teaser-e teaser-e--type-a">
        <div class="teaser-header">
                <h2>
						Some very long teaser headline fullwidth
			</h2>
        </div>
        <div class="teaser-wrapper">
                <div class="teaser-image">
                        <img src="/images/_teaser/06_csm_TMCL_b684255ea7.jpg" alt="img-alt" />
                </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. 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.

                        <a href="#" class="btn btn-link mt-1">
    Button link label </a>

                </div>
        </div>
</div>