html { 
	font-size: 16px;
	scroll-behavior: smooth; 
}

body{
	font-family: 'IBM Plex Sans';
	color: var(--hellgrau);
	font-size:var(--text-3-size);
	line-height:var(--text-3-line-height);
	font-weight:300;
	background: var(--schwarz);
}

a{ 
/*
	font-size: 1rem;
	line-height:1.3em;
	text-transform:uppercase;
	color:var(--gelb); 
*/
	color: var(--hellgrau);
	text-decoration:none; 
	transition:all .4s; 
}
a:hover{ color:var(--gelb); }
/* a:focus{ outline: 2px dashed var(--gelb); box-sizing:border-box; color: var(--weiss) } */

a.link-arrow,
.link-arrow a,
.pagination ul li.next a{
	font-size:var(--text-2-size);
	line-height:var(--text-2-line-height);
	text-transform:uppercase;
	color:var(--gelb);
	position:relative;
	display:inline-block;
	font-weight:500;
	padding-right:30px;
	margin-top:14px;
	letter-spacing: .05em;
}
a.link-arrow:hover,
.link-arrow a:hover,
.pagination ul li.next a:hover{
	color:var(--gelb);
	padding-right:42px;
}
a.link-arrow:after,
.link-arrow a:after,
.pagination ul li.next a:after{
	position:absolute;
	top:1px;
	right:0px;
	display:inline-block;
	content:"";
	width:18px;
	height:18px;
	background:url(../images/empit_arrow_rollover.svg) no-repeat right center transparent;
	background-size: auto 90%;
	transition: var(--standard-transition);
}
a.link-arrow:hover:after,
.link-arrow a:hover:after,
.pagination ul li.next a:hover:after{
	width:30px;
}

a.link-headline-arrow,
.link-headline-arrow a{
	position:relative;
	display:block;
	padding-right:80px;
	box-sizing:border-box;
}
a.link-headline-arrow:hover,
.link-headline-arrow a:hover{
	color:var(--hellgrau);
}
a.link-headline-arrow:after,
.link-headline-arrow a:after{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:0px;
	display:inline-block;
	content:"";
	width:60px;
	height:36px;
	background:url(../images/empit_arrow_rollover.svg) no-repeat right 30px center transparent;
	background-size: auto 90%;
	transition: var(--standard-transition);
}
a.link-headline-arrow:hover:after,
.link-headline-arrow a:hover:after{
	right:0px;
	background:url(../images/empit_arrow_rollover.svg) no-repeat right 0px center transparent;
	background-size: auto 90%;
}

strong{ font-weight:500; }

hr{
	border:0;
	border-top: 1px solid var(--liniengrau);
	margin: 20px 0 40px 0;
}

p{
	margin-bottom:24px;
}

h1,.h1-size,
h2,.h2-size,
h3,.h3-size,
h4,.h4-size,
h5,.h5-size,
h6,.h6-size{
	font-weight:300;
	margin-top:0;
	margin-bottom:30px;
	text-wrap:balance;
	color: var(--weiss);
}
h1 strong,.h1-size strong,
h2 strong,.h2-size strong,
h3 strong,.h3-size strong,
h4 strong,.h4-size strong,
h5 strong,.h5-size strong,
h6 strong,.h6-size strong{
	font-weight:500;
	letter-spacing: .005em;
}
h1.oversize,
h1.oversize a{
	font-size:var(--h1-oversize-size);
	line-height: var(--h1-oversize-line-height);
}
h1,
h1 a,
.h1-size,
.h1-size a{
	font-size:var(--h1-size);
	line-height: var(--h1-line-height);
}
h2,
h2 a,
.h2-size,
.h2-size a,
.mod_newsreader h1,
.mod_eventreader h1{
	font-size:var(--h2-size);
	line-height: var(--h2-line-height);
}
h3,
h3 a,
.h3-size,
.h3-size a{
	font-size:var(--h3-size);
	line-height: var(--h3-line-height);
}
h4,
h4 a,
.h4-size,
.h4-size a,
.mod_newsreader h2,
.mod_eventreader h2,
.mod_newsreader h3,
.mod_eventreader h3{
	font-size:var(--h4-size);
	line-height: var(--h4-line-height);
}
h5,
h5 a,
.h5-size,
.h5-size a{
	font-size:var(--h5-size);
	line-height: var(--h5-line-height);
}

.mod_newsreader h2,
.mod_newsreader h3,
.mod_newsreader h4,
.mod_newsreader h5{
	font-weight:500;
}

.tiny-text{
	font-size:var(--text-2-size);
	line-height:var(--text-2-line-height);
}
.mini-text{
	font-size:var(--text-1-size);
	line-height:var(--text-1-line-height);
}
.big-text{
	font-size:var(--text-4-size);
	line-height:var(--text-4-line-height);
}

.content-text ul{
	padding-left:30px;
	list-style-type:disc;
}
.content-text ul li{
	margin-bottom:20px;
}
/*
.content-text ul li::marker {
  color: var(--gelb);
}
.mod_newsreader .content-text ul li::marker {
  color: var(--weiss);
}
*/

/* Extra-Groß: Tablet Querformat */
@media (max-width: 1400px) {

}
/* Groß: Tablet Querformat */
@media (max-width: 1200px) {

}
/* Mittel: Tablet Hochformat */
@media (max-width: 992px) {

}
/* Klein: Handys */
@media (max-width: 768px) {

}
/* Extra-Klein: Handys */
@media (max-width: 576px) {
	.big-text{
		font-size:var(--text-3-size);
		line-height:var(--text-3-line-height);
	}
}


.mod_article.gradient-swToTrans-top,
.mod_article.gradient-swToTrans-top2,
.mod_article.gradient-swToTrans-bottom,
.mod_article.gradient-swToTrans-left,
.mod_article.gradient-swToTrans-right{
	position:relative;
}
.mod_article.gradient-swToTrans-top:before{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height: var(--standard-gradient-size);
	z-index:1;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,7db9e8+100&1+0,0+100 */
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(125,185,232,0) 100%);
}
.mod_article.gradient-swToTrans-top2:before{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height: 150px;
	z-index:1;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,7db9e8+100&1+0,0+100 */
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(125,185,232,0) 100%);
}
.mod_article.gradient-swToTrans-bottom:after{
	content:"";
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height: var(--standard-gradient-size);
	z-index:1;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,000000+100&0+0,1+100 */
	background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(0,0,0,1) 100%);
}
.mod_article.gradient-swToTrans-left:before{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	width: var(--standard-gradient-size);
	height:100%;
	z-index:1;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,000000+100&0+0,1+100 */
	background: linear-gradient(to left,  rgba(125,185,232,0) 0%,rgba(0,0,0,1) 100%);
}
.mod_article.gradient-swToTrans-right:after{
	content:"";
	position:absolute;
	right:0px;
	top:0px;
	width: var(--standard-gradient-size);
	height:100%;
	z-index:1;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,000000+100&0+0,1+100 */
	background: linear-gradient(to right,  rgba(125,185,232,0) 0%,rgba(0,0,0,1) 100%);
}

.mod_newsreader .layout_full picture,
.content-image.gradient-swToTrans-bottom picture,
.content-image.gradient-swToTrans-bottom2 figure,
.content-image.gradient-swToTrans-left figure,
.content-image.gradient-swToTrans-right figure,
.content-player.gradient-swToTrans-left figure,
.content-player.gradient-swToTrans-right figure,
.content-text.gradient-swToTrans-left figure,
.content-text.gradient-swToTrans-right figure,
.content-text.case picture,
.content-text.case figure{
	position:relative;
}
.mod_newsreader .layout_full picture:after,
.content-image.gradient-swToTrans-bottom picture:after,
.content-image.gradient-swToTrans-bottom2 figure:after,
.content-text.gradient-swToTrans-bottom picture:after,
.content-text.gradient-swToTrans-bottom2 figure:after{
	content:"";
	position:absolute;
	left:0px;
	bottom:-2px;
	width:100%;
	height: var(--standard-gradient-size);
	z-index:1;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,000000+100&0+0,1+100 */
	background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(0,0,0,1) 100%);
}

.content-image.gradient-swToTrans-left figure:before,
.content-player.gradient-swToTrans-left figure:before{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	width: var(--standard-gradient-size);
	height:100%;
	z-index:1;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,000000+100&0+0,1+100 */
	background: linear-gradient(to left,  rgba(125,185,232,0) 0%,rgba(0,0,0,1) 100%);
}
.content-image.gradient-swToTrans-right figure:after,
.content-player.gradient-swToTrans-right figure:after{
	content:"";
	position:absolute;
	right:0px;
	top:0px;
	width: var(--standard-gradient-size);
	height:100%;
	z-index:1;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,000000+100&0+0,1+100 */
	background: linear-gradient(to right,  rgba(125,185,232,0) 0%,rgba(0,0,0,1) 100%);
}


/* Artikel */
.mod_article .inn{
	position:relative;
	z-index:10;
}
.mod_article.padding .inn{
	padding: var(--standard-onlypadding-top) 15px var(--standard-onlypadding-bottom) 15px;
}
.mod_article.padding-top .inn{
	padding: var(--article-padding-top) 0 0 0;
}
.mod_article.padding-bottom .inn{
	padding: 0 0 var(--article-padding-bottom) 0;
}

.mod_article:not(.notFullHeight) .inn{
	min-height:100vh;
}

.mod_article.flex .inn{
	display:flex;
	flex-direction:column;
	padding: var(--article-padding-top) 15px var(--article-padding-bottom) 15px;
}
.mod_article.flex.paddingBottom .inn{
	display:flex;
	flex-direction:column;
	padding: 0px 15px var(--article-padding-bottom) 15px;
}
.mod_article.flex.first .inn{
	display:flex;
	flex-direction:column;
	padding: var(--article-first-padding-top) 15px var(--article-first-padding-bottom) 15px;
}
.mod_article.flex.justify-center .inn{
	justify-content:center;
}
.mod_article.flex.justify-start .inn{
	justify-content:flex-start;
}
.mod_article.flex.justify-end .inn{
	justify-content:flex-end;
}
.mod_article.flex.justify-space-between .inn{
	justify-content:space-between;
}
/*
.mod_article:not(.notFullHeight){ 
	min-height:100vh; 
	box-sizing:border-box; 
}
*/
/* Elemente */

.content-image{
	
}
.content-image figcaption{
	font-size:var(--text-1-size);
	line-height:var(--text-1-line-height);
	padding-top:16px;
}
.content-image figcaption strong{
	font-size:var(--text-3-size);
	line-height:var(--text-3-line-height);
	color: var(--weiss);
}