Teaser D

Default

<a href="#">
	<div class="teaser-d ">
		<div class="teaser-wrapper">
				<div class="teaser-image">
					<img src="/images/_teaser/13_csm_landungsbruecke.svg" alt="img-alt"   />
				</div>
			<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 class="teaser-footer">

<span
   
   
   
   
   
   
   
   class="btn btn-outline-white btn--icon-right"
    >
    <span>Label</span>
        
<svg class="icon " viewBox="0 0 32 32">
	<use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#triangle"></use>
</svg>

     </span>
				</div>
		</div>
	</div>
</a>
			  

Type A

.teaser-d--type-a

<a href="#">
	<div class="teaser-d teaser-d--type-a">
		<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.
				</div>
				<div class="teaser-footer">

<span
   
   
   
   
   
   
   
   class="btn btn-outline-white btn--icon-right"
    >
    <span>Label</span>
        
<svg class="icon " viewBox="0 0 32 32">
	<use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#triangle"></use>
</svg>

     </span>
				</div>
		</div>
	</div>
</a>