Teaser B

Default

<a href="#">
	<div class="teaser-b ">
		<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/toolkit/svg/sprite.symbol.svg#triangle"></use>
</svg>

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

Typ A

.teaser-b--type-a

<a href="#">
	<div class="teaser-b teaser-b--type-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/toolkit/svg/sprite.symbol.svg#triangle"></use>
</svg>

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