:root {
	--color-bg-grau:#f4f4f4;
	--color-bg-anthrazit:#333;

	--color-text-white-transparent:rgba(255,255,255,.8);
	
	--spacing-element-inner:15px;
	--spacing-element-after:30px;
	
	--spacing-block-after:60px;
}


@media (max-width: 1024px) {
	
	:root {
		--color-bg-grau:#f4f4f4;
		--color-bg-anthrazit:#333;
	
		--color-text-white-transparent:rgba(255,255,255,.8);
		
		--spacing-element-inner:15px;
		--spacing-element-after:30px;
		
		--spacing-block-after:30px;
	}
}


[class*="emotion--element"] {
	padding-top:0!important;
	padding-bottom:0!important;
	margin-top:0!important;
	margin-bottom:0!important;
}


.content--emotions [class*="center"] h1,
.content--emotions [class*="center"] h2, 
.content--emotions [class*="center"] h3, 
.content--emotions [class*="center"] h4, 
.content--emotions [class*="center"] h5, 
.content--emotions [class*="center"] h6 {
	text-align:center;
}


.content--emotions [class*="grau"] {
	background:var(--color-bg-grau);
}


.content--emotions [class*="anthrazit"] {
	color:var(--color-text-white-transparent);
	background:var(--color-bg-anthrazit);
}


.content--emotions [class*="anthrazit"] h1, 
.content--emotions [class*="anthrazit"] h2, 
.content--emotions [class*="anthrazit"] h3, 
.content--emotions [class*="anthrazit"] h4, 
.content--emotions [class*="anthrazit"] h5, 
.content--emotions [class*="anthrazit"] h5, 
.content--emotions [class*="anthrazit"] p {
	color:var(--color-text-white-transparent)!important;
}



.content--emotions td h1,
.content--emotions td h2,
.content--emotions td h3,
.content--emotions td h4,
.content--emotions td h5,
.content--emotions td h6 {
	display:inline;
}



[class*="anthrazit"] a {
	color:#fff;
}


[class*="mt-0"] { margin-top:0 }
[class*="mt-15"] { margin-top:15px }
[class*="mt-30"] { margin-top:30px }
[class*="mt-60"] { margin-top:60px }
[class*="mt-90"] { margin-top:90px }
[class*="mt-120"] { margin-top:120px }
[class*="mt-150"] { margin-top:150px }
[class*="mt-180"] { margin-top:180px }
[class*="mt-210"] { margin-top:210px }
[class*="mt-240"] { margin-top:240px }
[class*="mt-270"] { margin-top:270px }
[class*="mt-300"] { margin-top:300px }


[class*="mb-0"] { margin-bottom:0 }
[class*="mb-15"] { margin-bottom:15px }
[class*="mb-30"] { margin-bottom:30px }
[class*="mb-60"] { margin-bottom:60px }
[class*="mb-90"] { margin-bottom:90px }
[class*="mb-120"] { margin-bottom:120px }
[class*="mb-150"] { margin-bottom:150px }
[class*="mb-180"] { margin-bottom:180px }
[class*="mb-210"] { margin-bottom:210px }
[class*="mb-240"] { margin-bottom:240px }
[class*="mb-270"] { margin-bottom:270px }
[class*="mb-300"] { margin-bottom:300px }




[class*="p-0"] { padding:0!important }
[class*="p-5"] { padding:5px!important }
[class*="p-10"] { padding:10px!important }
[class*="p-15"] { padding:15px!important }
[class*="p-20"] { padding:20px!important }
[class*="p-25"] { padding:25px!important }
[class*="p-30"] { padding:30px!important }
[class*="p-60"] { padding:60px!important }
[class*="p-90"] { padding:90px!important }
[class*="p-120"] { padding:120px!important }
[class*="p-150"] { padding:150px!important }
[class*="p-180"] { padding:180px!important }
[class*="p-210"] { padding:210px!important }
[class*="p-240"] { padding:240px!important }
[class*="p-270"] { padding:270px!important }
[class*="p-300"] { padding:300px!important }

@media only screen and (max-width: 900px) {
	
	[class*="p-10"] { padding:5px!important }
	[class*="p-15"] { padding:7px!important }
	[class*="p-20"] { padding:10px!important }
	[class*="p-25"] { padding:12px!important }
	[class*="p-30"] { padding:15px!important }
	[class*="p-60"] { padding:30px!important }
	[class*="p-90"] { padding:45px!important }
	[class*="p-120"] { padding:60px!important }
	[class*="p-150"] { padding:75px!important }
	[class*="p-180"] { padding:90px!important }
	[class*="p-210"] { padding:105px!important }
	[class*="p-240"] { padding:120px!important }
	[class*="p-270"] { padding:135px!important }
	[class*="p-300"] { padding:150px!important }
	
}





[class*="pt-0"] { padding-top:0 }
[class*="pt-5"] { padding-top:5px }
[class*="pt-10"] { padding-top:10px }
[class*="pt-15"] { padding-top:15px }
[class*="pt-20"] { padding-top:20px }
[class*="pt-25"] { padding-top:25px }
[class*="pt-30"] { padding-top:30px }
[class*="pt-60"] { padding-top:60px }
[class*="pt-90"] { padding-top:90px }
[class*="pt-120"] { padding-top:120px }
[class*="pt-150"] { padding-top:150px }
[class*="pt-180"] { padding-top:180px }
[class*="pt-210"] { padding-top:210px }
[class*="pt-240"] { padding-top:240px }
[class*="pt-270"] { padding-top:270px }
[class*="pt-300"] { padding-top:300px }

[class*="pr-0"] { padding-right:0 }
[class*="pr-5"] { padding-right:5px }
[class*="pr-10"] { padding-right:10px }
[class*="pr-15"] { padding-right:15px }
[class*="pr-20"] { padding-right:20px }
[class*="pr-25"] { padding-right:25px }
[class*="pr-30"] { padding-right:30px }
[class*="pr-60"] { padding-right:60px }
[class*="pr-90"] { padding-right:90px }
[class*="pr-120"] { padding-right:120px }
[class*="pr-150"] { padding-right:150px }
[class*="pr-180"] { padding-right:180px }
[class*="pr-210"] { padding-right:210px }
[class*="pr-240"] { padding-right:240px }
[class*="pr-270"] { padding-right:270px }
[class*="pr-300"] { padding-right:300px }

[class*="pb-0"] { padding-bottom:0 }
[class*="pb-5"] { padding-bottom:5px }
[class*="pb-10"] { padding-bottom:10px }
[class*="pb-15"] { padding-bottom:15px }
[class*="pb-20"] { padding-bottom:20px }
[class*="pb-25"] { padding-bottom:25px }
[class*="pb-30"] { padding-bottom:30px }
[class*="pb-60"] { padding-bottom:60px }
[class*="pb-90"] { padding-bottom:90px }
[class*="pb-120"] { padding-bottom:120px }
[class*="pb-150"] { padding-bottom:150px }
[class*="pb-180"] { padding-bottom:180px }
[class*="pb-210"] { padding-bottom:210px }
[class*="pb-240"] { padding-bottom:240px }
[class*="pb-270"] { padding-bottom:270px }
[class*="pb-300"] { padding-bottom:300px }

[class*="pl-0"] { padding-left:0 }
[class*="pl-5"] { padding-left:5px }
[class*="pl-10"] { padding-left:10px }
[class*="pl-15"] { padding-left:15px }
[class*="pl-20"] { padding-left:20px }
[class*="pl-25"] { padding-left:25px }
[class*="pl-30"] { padding-left:30px }
[class*="pl-60"] { padding-left:60px }
[class*="pl-90"] { padding-left:90px }
[class*="pl-120"] { padding-left:120px }
[class*="pl-150"] { padding-left:150px }
[class*="pl-180"] { padding-left:180px }
[class*="pl-210"] { padding-left:210px }
[class*="pl-240"] { padding-left:240px }
[class*="pl-270"] { padding-left:270px }
[class*="pl-300"] { padding-left:300px }




.content--emotions h1,
.content--emotions h2,
.content--emotions h3,
.content--emotions h4,
.content--emotions h5,
.content--emotions h6 {
	margin:0;
	line-height:1.25em;
}

.content--emotions h1 { font-size:38px; font-weight:600 }
.content--emotions h2 { font-size:32px }
.content--emotions h3 { font-size:28px }
.content--emotions h4 { font-size:24px }
.content--emotions h5 { font-size:20px }
.content--emotions h6 { font-size:18px }


/* TEST: Mobile Headlines */

@media (max-width: 1024px) {

	.content--emotions h1 { font-size:32px; font-weight:600 }
	.content--emotions h2 { font-size:26px }
	.content--emotions h3 { font-size:22px }
	.content--emotions h4 { font-size:18px }
	.content--emotions h5 { font-size:14px }
	.content--emotions h6 { font-size:12px }
	
}




/* --- Headline --- */

.ekw-headline {
	width:100%;
	padding:var(--spacing-element-inner);
}

.ekw-headline.weiss {
	padding-right:0;
	padding-left:0;
}




/* --- Text --- */

.ekw-text {
	padding-top:var(--spacing-element-inner);
	padding-bottom:var(--spacing-element-inner);
	margin-bottom:var(--spacing-block-after);
	font-size:16px;
	line-height:1.75rem;
}

.ekw-text p {
	font-size:16px;
	line-height:1.75rem;
}

/* Fix Images as Block Elements */
.ekw-text img {
	display:inline-block
}  

.ekw-text h1, 
.ekw-text h2, 
.ekw-text h3, 
.ekw-text h4, 
.ekw-text h5, 
.ekw-text h6 {
	margin-bottom:var(--spacing-element-after);
}

.ekw-text.center h1, 
.ekw-text.center h2, 
.ekw-text.center h3, 
.ekw-text.center h4, 
.ekw-text.center h5, 
.ekw-text.center h6 {
	text-align:center;
	margin-bottom:var(--spacing-element-after);
}

@media (max-width: 1024px) {

	.ekw-text.center img {
		margin:auto!important;
		display:block!important;
	}
}

.ekw-text ul {
	margin-left:20px;
	list-style-position:outside;
	list-style-type:square;
}

.ekw-text ul li {
	padding:0;
	margin-bottom:0.7rem;
	line-height:1.5rem;
}

.ekw-text th {
	padding:.3125rem .625rem .3125rem .625rem
}




/* --- Spaltentext --- */

.ekw-textspalten {
	padding-top:var(--spacing-element-inner);
	padding-bottom:var(--spacing-element-inner);
	margin-bottom:var(--spacing-block-after);
	font-size: 16px;
	line-height: 1.75rem;
}

.ekw-textspalten h1, .ekw-textspalten h2, .ekw-textspalten h3, .ekw-textspalten h4, .ekw-textspalten h5, .ekw-textspalten h6 {
	margin-bottom:var(--spacing-element-after);
}

.ekw-textspalten ul {
	margin-left:20px;
	list-style-position:outside;
	list-style-type:square;
}

.ekw-textspalten ul li {
	padding:0;
	margin-bottom:0.7rem;
	line-height:1.5rem;
}


.ekw-textspalten--content {
  -webkit-columns: 2 40px;
     -moz-columns: 2 40px;
          columns: 2 40px;
           
  -webkit-column-gap: 6em;
  		-moz-column-gap: 6em;
					column-gap: 6em;
           
  -webkit-column-rule: 1px solid rgba(0,0,0,.1);
     -moz-column-rule: 1px solid rgba(0,0,0,.1);
          column-rule: 1px solid rgba(0,0,0,.1);  
}

@media (max-width: 1024px) {

		.ekw-textspalten--content {
			-webkit-columns:1;
	     -moz-columns:1;
	          columns:1;
		}
}



/* --- Teaserbox --- */

.ekw-teaserbox {
	margin-bottom:var(--spacing-block-after);
	border:1px solid #c3c3c3;
	overflow:hidden!important;
}

.ekw-teaserbox img {
	width:100%!important;
	height:auto!important;
}


.ekw-teaserbox h1, .ekw-teaserbox h2, .ekw-teaserbox h3, .ekw-teaserbox h4, .ekw-teaserbox h5, .ekw-teaserbox h6 {
	margin:30px 30px 15px 30px;
	font-size:18px;
	font-weight:600;
}

.ekw-teaserbox p {
	margin:0 30px 0 30px;
	font-weight:400;
	line-height:1.5rem;
	min-height:60px;
}

.ekw-teaserbox .ekw-teaserbox--button {
	display:inline-block;
	margin:15px 30px 30px 30px;
	padding:10px 15px;
	color:#333;
	background:#fff;
	border:1px solid #333;
}

.ekw-teaserbox.button-center .ekw-teaserbox--button {
	width:100%;
	text-align:center;
}


.ekw-teaserbox .ekw-teaserbox--button:hover {
	color:#fff;
	background:#333;
	border:1px solid #333;
}

.ekw-teaserbox.anthrazit .ekw-teaserbox--button {
	color:#fff;
	background:#333;
	border:1px solid #fff;
}

.ekw-teaserbox.anthrazit .ekw-teaserbox--button:hover {
	color:#333;
	background:#fff;
}




/* --- Kategoriebox --- */

.ekw-kategoriebox {
	text-align:center;
	border:1px solid #c3c3c3;
	margin-bottom:var(--spacing-block-after);
}

.ekw-kategoriebox h1, .ekw-kategoriebox h2, .ekw-kategoriebox h3, .ekw-kategoriebox h4, .ekw-kategoriebox h5, .ekw-kategoriebox h6 {
	margin:15px auto 15px auto;
	font-weight:500;
	color:#333;
}

.ekw-kategoriebox--subheadline {
	margin:15px 30px 15px 30px!important;
	padding-top:15px;
	font-size:16px;
	font-weight:500;
	color:#333;
	border-top:1px solid #c3c3c3
}

.ekw-kategoriebox--content {
	min-height:90px;
	margin:0 30px 15px 30px;
	font-weight:400;
	line-height:1.5em;
}

.ekw-kategoriebox ul {
	list-style-type:none;
}

.ekw-kategoriebox ul li {
	display:inline;
}

.ekw-kategoriebox ul a {
	display:inline-block;
	margin:15px 0 30px 15px;
	padding:10px 15px;
	color:#fff;
	background:#333;
	border:1px solid transparent
}

.ekw-kategoriebox ul a:hover {
	color:#333;
	background:transparent;
	border:1px solid #333;
}

.ekw-kategoriebox.anthrazit ul a {
	color:#fff;
	border:1px solid #fff;
}

.ekw-kategoriebox.anthrazit ul a:hover {
	color:#333;
	background:#fff;
	border:1px solid #fff;
}




/* --- Newsbox --- */

.ekw-newsbox {
	margin-bottom:var(--spacing-block-after);
	border:1px solid #c3c3c3;
	overflow:hidden!important;
}

.ekw-newsbox.entries3 {
	width:calc(34.2% - 30px);
	float:left;
}

.ekw-newsbox.entries3:nth-child(2),
.ekw-newsbox.entries3:nth-child(3)
 {
	margin-left:1.75rem;
}


.ekw-newsbox img {
	width:100%!important;
	height:auto!important;
}

.ekw-newsbox--teaser {
	width:100%!important;
	height:auto;
}

.ekw-newsbox h1, 
.ekw-newsbox h2, 
.ekw-newsbox h3, 
.ekw-newsbox h4, 
.ekw-newsbox h5, 
.ekw-newsbox h6 {
	margin:30px 30px 15px 30px;
	font-size:18px;
	font-weight:600;
}

.ekw-newsbox h1 a,
.ekw-newsbox h2 a, 
.ekw-newsbox h3 a, 
.ekw-newsbox h4 a, 
.ekw-newsbox h5 a, 
.ekw-newsbox h6 a {
	color:#3f4c58!important;
}

.ekw-newsbox p {
	margin:0 30px 0 30px;
	font-weight:400;
	line-height:1.5rem;
	min-height:60px;
}

.ekw-newsbox .ekw-newsbox--button {
	display:inline-block;
	margin:15px 30px 30px 30px;
	padding:10px 15px;
	color:#333;
	background:#fff;
	border:1px solid #333
}

.ekw-newsbox.button-center .ekw-newsbox--button {
	width:100%;
	text-align:center;
}


.ekw-newsbox .ekw-newsbox--button:hover {
	color:#fff;
	background:#333;
	border:1px solid #333;
}

.ekw-newsbox.anthrazit .ekw-newsbox--button {
	color:#fff;
	background:#333;
	border:1px solid #fff;
}

.ekw-newsbox.anthrazit .ekw-newsbox--button:hover {
	color:#333;
	background:#fff;
}

@media (max-width: 767px) {
	
	.ekw-newsbox.entries3 {
		width:100%;		
	}
	
	.ekw-newsbox.entries3:nth-child(2),
	.ekw-newsbox.entries3:nth-child(3)
	 {
		margin-left:0;
	}

	.ekw-newsbox p {
		min-height:auto;
	}

}







/* --- Newsbox --- */

/*
.ekw-newsbox {
	margin-bottom:60px;
	border:1px solid #c3c3c3;
	margin-bottom:var(--spacing-block-after);
}

.ekw-newsbox.entries2 {
	width:48%;
	float:left;
}

.ekw-newsbox.entries2:nth-child(2) {
	width:48%;
	margin-left:4%;
}

.ekw-newsbox.entries3 {
	width:31%;
	float:left;
}

.ekw-newsbox.entries3:nth-child(2) {
	width:31%;
	margin-left:3.5%;
}

.ekw-newsbox.entries3:nth-child(3) {
	width:31%;
	margin-left:3.5%;
}

.ekw-newsbox.entries4 {
	width:22%;
	float:left;
}

.ekw-newsbox.entries4:nth-child(2) {
	width:22%;
	margin-left:4%;
}

.ekw-newsbox.entries4:nth-child(3) {
	width:22%;
	margin-left:4%;
}

.ekw-newsbox.entries4:nth-child(4) {
	width:22%;
	margin-left:4%;
}


.ekw-newsbox h4 {
	margin:20px 20px 20px 20px;
	font-weight:500;
	color:#333;
}

.ekw-newsbox h4 a {
	font-size:18px;
	color:#333;
}

.ekw-newsbox p {
	min-height:90px;
	margin:0 20px 10px 20px;
	font-weight:400;
	line-height:1.5rem;
}

.ekw-newsbox .ekw-newsbox--button {
	display:inline-block;
	margin:10px 20px 20px 20px;
	padding:10px 15px;
	color:#fff;
	background:#333;
	border:1px solid transparent
}

.ekw-newsbox .ekw-newsbox--button:hover {
	color:#333;
	background:transparent;
	border:1px solid #333;
}
*/




/* --- Artikelbox --- */

.ekw-artikelbox {
	text-align:center;
	border:1px solid #c3c3c3;
	margin-bottom:var(--spacing-block-after);
}

.ekw-artikelbox img {
	width:auto;
	height:136px;
	max-height:100%;
	margin:10px auto 10px auto;
}

.ekw-artikelbox h5 {
	margin:20px 10px 10px 10px;
	padding-bottom:15px;
	font-size:18px;
	font-weight:500;
	text-transform:uppercase;
	color:#333;
	border-bottom:1px solid rgba(0,0,0,.1);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.ekw-artikelbox h5 a {
	color:#333;
}

.ekw-artikelbox p {
	margin:0 20px 5px 20px;
	font-size:12px;
	font-weight:400;
	color:#9f9f9f;
}

.ekw-artikelbox .ekw-artikelbox--button {
	display:inline-block;
	width:80%;
	margin:10px 20px 20px 20px;
	padding:10px 15px;
	color:#fff;
	background:#333;
	border:1px solid transparent
}

.ekw-artikelbox .ekw-artikelbox--button:hover {
	color:#333;
	background:transparent;
	border:1px solid #333;
}


/* --- Collapsible --- */
.ekw-collapsible {
	background-color: #dddddd;
	color: #3f4c58;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-weight: bold;
	border-bottom: 1px solid;
}

.ekw-collapsible-ul {
	padding-left: 36px !important;
	padding-bottom: 1em !important;
}

.ekw-collapsible-active,
.ekw-collapsible:hover {
	background-color: #333;
	color: white;
	border: none;
}

.ekw-collabsible-content {
	padding: 18px;
	display: none;
	overflow: hidden;
	background-color: #ffffff;
}

.ekw-collapsible:after {
	content: '\002B';
	color: black;
	font-weight: bold;
	float: right;
	margin-left: 5px;
}

.ekw-collapsible-active:after {
	content: "\2212";
	color: white;
}



/* --- Video --- */

.emotion--youtube {
	margin-bottom:var(--spacing-block-after);
}




/* --- Banner --- */
.emotion--banner {
	margin-bottom:var(--spacing-block-after);
}



/* --- Bannerslider --- */

.emotion--banner-slider {
	margin-bottom:var(--spacing-block-after);
}

.banner-slider--title {
	text-align:center;
	margin-bottom:30px;
}

.banner-slider--subtitle {
	bottom:60px;
	left:0px;
	height:auto;
	width:100%;
	position:absolute;
	z-index:500!important;;
	color:#333;
	font-size:16px;
	background:rgba(255,255,255,0.75)
}

@media (max-width: 900px) {
	
	.banner-slider--subtitle {
		bottom:10px;
	}
	
}



/* --- Kategorie-Teaser --- */

.emotion--category-teaser {
	margin-bottom:var(--spacing-block-after);
}

.emotion--category-teaser a {
	background-size:contain!important
}



/* --- Buttonbox --- */

.ekw-buttonbox {
	margin-bottom:var(--spacing-block-after);
	text-align:center;
}

.ekw-buttonbox.left {
	text-align:left;
}

.ekw-buttonbox.left ul:first-child a {
	margin-left:0!important
}

.ekw-buttonbox h1, .ekw-buttonbox h2, .ekw-buttonbox h3, .ekw-buttonbox h4 {
	margin:20px 20px 20px 20px!important;
	font-weight:600;
	color:#3f4c58;
}

.ekw-buttonbox ul {
	list-style-type:none;
}

.ekw-buttonbox ul li {
	display:inline;
}

.ekw-buttonbox ul a {
	display:inline-block;
	margin:10px 0 20px 10px;
	padding:10px 15px;
	color:#333;
	background:#fff;
	border:1px solid #333;
}

.ekw-buttonbox ul a:hover {
	color:#fff;
	background:#333;
}


.ekw-buttonbox.grau {
	background:#f4f4f4
}


.ekw-buttonbox.anthrazit {
	color:rgba(255,255,255,.7)!important;
	background:#333;
}

.ekw-buttonbox.anthrazit h1, .ekw-buttonbox.anthrazit h2, .ekw-buttonbox.anthrazit h3, .ekw-buttonbox.anthrazit h4 {
	color:#fff!important;
}

.ekw-buttonbox.anthrazit .ekw-buttonbox--subheadline {
	color:#fff;
	border-top:1px solid #c3c3c3
}

.ekw-buttonbox.anthrazit ul a {
	display:inline-block;
	margin:10px 0 20px 10px;
	padding:10px 15px;
	color:#fff;
	background:#333;
	border:1px solid #fff;
}

.ekw-buttonbox.anthrazit ul a:hover {
	color:#333;
	background:#fff;
}

@media (max-width: 768px) {
	
	.ekw-buttonbox:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
	}
	
	.ekw-buttonbox ul a {
		display:inline-block;
		width:48%;
		margin:0 2% 10px 0;
		float:left;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
	
}


/* --- Doublebox --- */

.ekw-doublebox {
	display:flex;
	margin-bottom:var(--spacing-block-after);
}

.ekw-doublebox .ekw-doublebox-content {
	width:50%;
	line-height:1.5rem;
}

.ekw-doublebox.margin .ekw-doublebox-content:last-child {
	margin-left:30px;
}

.ekw-doublebox .ekw-doublebox-content.center {
	display:flex;
  align-items:center;
  text-align:center!important;
}

.ekw-doublebox .ekw-doublebox-content.center .ekw-doublebox-content--inner {
	margin:auto;
  align-items:center;
  text-align:center!important;
 }
 
 .ekw-doublebox .ekw-doublebox-content.center .ekw-doublebox-content--inner img {
  align-items:center;
  text-align:center!important;
  margin:auto;
 }
 
.ekw-doublebox:not(.grau):not(.anthrazit) .ekw-doublebox-content--inner > h1, 
.ekw-doublebox:not(.grau):not(.anthrazit) .ekw-doublebox-content--inner > h2, 
.ekw-doublebox:not(.grau):not(.anthrazit) .ekw-doublebox-content--inner > h3, 
.ekw-doublebox:not(.grau):not(.anthrazit) .ekw-doublebox-content--inner > h4, 
.ekw-doublebox:not(.grau):not(.anthrazit) .ekw-doublebox-content--inner > h5, 
.ekw-doublebox:not(.grau):not(.anthrazit) .ekw-doublebox-content--inner > h6 {
	margin-top:0;
	padding-top:0;
	line-height:auto;
}

.ekw-doublebox.grau, .ekw-doublebox.anthrazit {
	background:#fff!important;
}

.ekw-doublebox .ekw-doublebox-content.grau {
	padding:30px;
	background:#f4f4f4
}

.ekw-doublebox .ekw-doublebox-content.anthrazit {
	padding:30px;
	color:rgba(255,255,255,.8)!important;
	background:#333;
}

.ekw-doublebox .ekw-doublebox-content.anthrazit h1, 
.ekw-doublebox .ekw-doublebox-content.anthrazit h2,
.ekw-doublebox .ekw-doublebox-content.anthrazit h3,
.ekw-doublebox .ekw-doublebox-content.anthrazit h4, 
.ekw-doublebox .ekw-doublebox-content.anthrazit h5, 
.ekw-doublebox .ekw-doublebox-content.anthrazit h6 {
	color:rgba(255,255,255,.8)!important;
}

.ekw-doublebox .ekw-doublebox-content.anthrazit a {
	color:rgba(255,255,255,.8);
	border-bottom:1px solid rgba(255,255,255,.8);
}


@media only screen and (max-width: 900px) {
	
	.ekw-doublebox {
		display:inline-block;
		width:100%;
	}
	
	.ekw-doublebox.margin .ekw-doublebox-content:last-child {
		margin:0;
	}
	
	.ekw-doublebox .ekw-doublebox-content {
		width:100%!important;
		display:block;
		margin:0;
	}
	
	.ekw-doublebox.margin .ekw-doublebox-content {
		margin-bottom:15px;
	}
	
	.ekw-doublebox .ekw-doublebox-content:not(.grau):not(.anthrazit) {
		padding:0!important;
	}
	
	 .ekw-doublebox.center .ekw-doublebox-content {
		 width:100%;
		 display:inline-block;
		 align-self:auto;
		 align-items:auto;
	 }

}

.ekw-doublebox .ekw-doublebox-content ul {
	margin-left:20px;
	list-style-position:outside;
	list-style-type:square;
}

.ekw-doublebox .ekw-doublebox-content ul li {
	padding:0;
	margin-bottom:0.7rem;
	line-height:1.5rem;
}




/* --- Doublebox Img --- */

.ekw-doubleboximg {
	display:flex;
	margin-bottom:var(--spacing-block-after);
}

.ekw-doubleboximg.center {
  align-items: center;
  text-align:center;
}

.ekw-doubleboximg.margin > div:last-child {
	margin-left:30px;
}

.ekw-doubleboximg-image {
	width:50%;
}

.ekw-doubleboximg-image img {
	width:100%;
	height:auto;
}

.ekw-doubleboximg-content {
	width:50%;
	padding:0 60px;
	line-height:1.5rem;
}

.ekw-doubleboximg-content div {
	width:100%;
}

/* Erste Headline ohne Abstand nach oben */
.ekw-doublebox:not(.grau):not(.anthrazit) .ekw-doubleboximg-content div > h1, 
.ekw-doublebox:not(.grau):not(.anthrazit) .ekw-doubleboximg-content div > h2, 
.ekw-doublebox:not(.grau):not(.anthrazit) .ekw-doubleboximg-content div > h3, 
.ekw-doublebox:not(.grau):not(.anthrazit) .ekw-doubleboximg-content div > h4, 
.ekw-doublebox:not(.grau):not(.anthrazit) .ekw-doubleboximg-content div > h5, 
.ekw-doublebox:not(.grau):not(.anthrazit) .ekw-doubleboximg-content div > h6 {
	margin-top:0;
	padding-top:0;
	line-height:auto;
}

.ekw-doubleboximg-content p {
	margin-bottom:0!important;
	padding-bottom:0!important
}

.ekw-doubleboximg.grau, .ekw-doubleboximg.anthrazit {
	background:#fff!important;
}

.ekw-doubleboximg.grau .ekw-doubleboximg-content {
	padding:30px;
	background:#f4f4f4
}

.ekw-doubleboximg.anthrazit .ekw-doubleboximg-content {
	padding:30px;
	color:rgba(255,255,255,.8)!important;
	background:#333;
}


.ekw-doubleboximg.anthrazit .ekw-doubleboximg-content h1, 
.ekw-doubleboximg.anthrazit .ekw-doubleboximg-content h2,
.ekw-doubleboximg.anthrazit .ekw-doubleboximg-content h3,
.ekw-doubleboximg.anthrazit .ekw-doubleboximg-content h4, 
.ekw-doubleboximg.anthrazit .ekw-doubleboximg-content h5, 
.ekw-doubleboximg.anthrazit .ekw-doubleboximg-content h6 {
	color:rgba(255,255,255,.8)!important;
}

.ekw-doubleboximg.anthrazit .ekw-doubleboximg-content {
	color:rgba(255,255,255,.8);
}

.ekw-doubleboximg.anthrazit .ekw-doubleboximg-content a {
	color:rgba(255,255,255,.8);
	border-bottom:1px solid rgba(255,255,255,.8);
}

.ekw-doubleboximg.center .ekw-doubleboximg-content {
	width:50%;
	text-align:center;
  align-self:stretch;
  display:flex;
  align-items:center;
}

.ekw-doubleboximg.center .ekw-doubleboximg-content div {
	display:block;
	text-align:center;
}


@media only screen and (max-width: 900px) {
	
	.ekw-doubleboximg {
		display:inline-block;
		width:100%;
	}
	
	.ekw-doubleboximg.margin > div:last-child {
		margin:0;
	}
	
	.ekw-doubleboximg-image {
		width:100%;
		display:block;
		margin:0;
	}

	.ekw-doubleboximg-content {
		width:100%;
		display:block;
		margin:0;
	}
	
	.ekw-doubleboximg.margin .ekw-doubleboximg-image,
	.ekw-doubleboximg.margin .ekw-doubleboximg-content {
		margin-bottom:15px;
	}
	
	.ekw-doubleboximg:not(.grau):not(.anthrazit) .ekw-doubleboximg-content {
		padding:0!important;
	}
	
	 .ekw-doubleboximg.center .ekw-doubleboximg-content {
		 width:100%;
		 display:inline-block;
		 align-self:auto;
		 align-items:auto;
	 }
	 
	.ekw-doubleboximg.weiss > div:first-child {
		margin-bottom:15px;
	}

}

.ekw-doubleboximg-content ul {
	margin-left:20px;
	list-style-position:outside;
	list-style-type:square;
}

.ekw-doubleboximg-content ul li {
	padding:0;
	margin-bottom:0.7rem;
	line-height:1.5rem;
}




/* --- Doublebox Img Flex --- */

.ekw-doubleboximgflex {
	display:flex;
	flex-flow: wrap;
	margin-bottom:var(--spacing-block-after);
}

.ekw-doubleboximgflex.center {
  align-items: center;
  text-align:center;
}

.ekw-doubleboximgflex.margin > div:last-child {
	border-left:30px solid #fff;
}

.ekw-doubleboximgflex-image {
	width:50%;
}

.ekw-doubleboximgflex-image img {
	width:100%;
	height:auto;
}

.ekw-doubleboximgflex-content {
	width:50%;
	padding:0 60px;
}

.ekw-doubleboximgflex-content,
.ekw-doubleboximgflex-content p,
.ekw-doubleboximgflex-content li {
	font-size:16px;
	line-height:1.75rem;
}

.ekw-doubleboximgflex.weiss .ekw-doubleboximgflex-content:first-child { /* Weiße Doubleboxflex links */
	padding:0 60px 0 0;
}

.ekw-doubleboximgflex.weiss .ekw-doubleboximgflex-content:last-child { /* Weiße Doubleboxflex rechts */
	padding:0 0 0 60px;
}

.ekw-doubleboximgflex-content div {
	width:100%;
}

/* Erste Headline ohne Abstand nach oben */
.ekw-doublebox:not(.grau):not(.anthrazit) .ekw-doubleboximgflex-content div > h1, 
.ekw-doublebox:not(.grau):not(.anthrazit) .ekw-doubleboximgflex-content div > h2, 
.ekw-doublebox:not(.grau):not(.anthrazit) .ekw-doubleboximgflex-content div > h3, 
.ekw-doublebox:not(.grau):not(.anthrazit) .ekw-doubleboximgflex-content div > h4, 
.ekw-doublebox:not(.grau):not(.anthrazit) .ekw-doubleboximgflex-content div > h5, 
.ekw-doublebox:not(.grau):not(.anthrazit) .ekw-doubleboximgflex-content div > h6 {
	margin-top:0;
	padding-top:0;
	line-height:auto;
}

.ekw-doubleboximgflex-content p {
	margin-bottom:0!important;
	padding-bottom:0!important
}

.ekw-doubleboximgflex.grau, .ekw-doubleboximgflex.anthrazit {
	background:#fff!important;
}

.ekw-doubleboximgflex.grau .ekw-doubleboximgflex-content {
	padding:30px;
	background:#f4f4f4
}

.ekw-doubleboximgflex.anthrazit .ekw-doubleboximgflex-content {
	padding:30px;
	color:rgba(255,255,255,.8)!important;
	background:#333;
}


.ekw-doubleboximgflex.anthrazit .ekw-doubleboximgflex-content h1, 
.ekw-doubleboximgflex.anthrazit .ekw-doubleboximgflex-content h2,
.ekw-doubleboximgflex.anthrazit .ekw-doubleboximgflex-content h3,
.ekw-doubleboximgflex.anthrazit .ekw-doubleboximgflex-content h4, 
.ekw-doubleboximgflex.anthrazit .ekw-doubleboximgflex-content h5, 
.ekw-doubleboximgflex.anthrazit .ekw-doubleboximgflex-content h6 {
	color:rgba(255,255,255,.8)!important;
}

.ekw-doubleboximgflex.anthrazit .ekw-doubleboximgflex-content {
	color:rgba(255,255,255,.8);
}

.ekw-doubleboximgflex.anthrazit .ekw-doubleboximgflex-content a {
	color:rgba(255,255,255,.8);
	border-bottom:1px solid rgba(255,255,255,.8);
}

.ekw-doubleboximgflex.center .ekw-doubleboximgflex-content {
	width:50%;
	text-align:center;
  align-self:stretch;
  display:flex;
  align-items:center;
}

.ekw-doubleboximgflex.center .ekw-doubleboximgflex-content div {
	display:block;
	text-align:center;
}


@media only screen and (max-width: 900px) {
	
	.ekw-doubleboximgflex {
		display:inline-block;
		width:100%!important;
	}
	
	.ekw-doubleboximgflex.margin > div:last-child {
		border:0!important;
	}
	
	.ekw-doubleboximgflex-image {
		width:100%!important;
		display:block;
		margin:0;
	}

	.ekw-doubleboximgflex-content {
		width:100%!important;
		display:block;
		margin:0;
	}
	
	.ekw-doubleboximgflex.margin .ekw-doubleboximgflex-image,
	.ekw-doubleboximgflex.margin .ekw-doubleboximgflex-content {
		margin-bottom:15px;
	}
	
	.ekw-doubleboximgflex:not(.grau):not(.anthrazit) .ekw-doubleboximgflex-content {
		padding:0!important;
	}
	
	 .ekw-doubleboximgflex.center .ekw-doubleboximgflex-content {
		 width:100%!important;
		 display:inline-block;
		 align-self:auto;
		 align-items:auto;
	 }
	 
	.ekw-doubleboximgflex.weiss > div:first-child {
		margin-bottom:15px;
	}

}

.ekw-doubleboximgflex-content ul {
	margin-left:20px;
	list-style-position:outside;
	list-style-type:square;
}

.ekw-doubleboximgflex-content ul li {
	padding:0;
	margin-bottom:0.7rem;
	line-height:1.5rem;
}




/* --- Buttons --- */


.atf-download, .atf-button-blue {
	display:inline-block;
	margin:15px auto;
	padding:8px 15px;
	font-weight:600;
	letter-spacing:0.05em;
	color:#fff;
	background:#0374b8;
	border:1px solid transparent;
	/*border-radius:4px;*/
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  cursor:pointer!important;
}

.atf-download:hover, .atf-button-blue:hover {
	color:#0374b8!important;
	background:#fff;
	border:1px solid #0374b8
}

.atf-button-red {
	display:inline-block;
	margin:15px auto;
	padding:8px 15px;
	font-weight:600;
	letter-spacing:0.05em;
	color:#fff;
	background:#bf2424;
	border:1px solid transparent;
	/*border-radius:4px;*/
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  cursor:pointer!important;
}

.atf-button-red:hover {
	color:#bf2424!important;
	background:#fff;
	border:1px solid #bf2424
}

.atf-button-green {
	display:inline-block;
	margin:15px auto;
	padding:8px 15px;
	font-weight:600;
	letter-spacing:0.05em;
	color:#fff;
	background:#6aa32f;
	border:1px solid transparent;
	/*border-radius:4px;*/
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  cursor:pointer!important;
}

.atf-button-green:hover {
	color:#6aa32f!important;
	background:#fff;
	border:1px solid #6aa32f
}





/* --- ARTIKEL Update --- */

.emotion--mode-rows .emotion--product {
	height:16rem;
}

.emotion--product {
	margin-bottom:var(--spacing-block-after);
	padding-left:15px;
	padding-right:15px;
	border:1px solid #c3c3c3
}

.emotion--product .product--box .box--content {
	border:0!important;
}

.emotion--product .product--box .product--image {
	height:50%;
}

.emotion--product .product--box .product--details {
	height:50%;
	max-height:50%;
	text-align:center;
}

.emotion--product .product--title {
	height:auto!important;
	margin-top:15px!important;
	margin-bottom:15px!important;
	padding-bottom:15px!important;
	border-bottom:1px solid #c3c3c3;
	font-size:18px;
	font-weight:500;
	color:#3f4c58;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.content--emotions .product--box .product--description {
	height:3.2rem;
	text-overflow:ellipsis;
	overflow:hidden;
}

.product--price-info {
	font-weight:400;
}



/* --- ARTIKEL SLIDER Update --- */

.emotion--mode-rows .emotion--product-slider {
	height:15rem!important;
	margin-bottom:var(--spacing-block-after);
}

.emotion--mode-rows .emotion--product-slider.has--title {
	height:22rem!important;
	margin-bottom:eval(var(--spacing-block-after)/2);
}

@media only screen and (max-width: 1023px) {

	.emotion--mode-rows .emotion--product-slider.has--title {
		height:19.5rem!important;
	}
	
	.emotion--mode-rows .emotion--product-slider {
		height:13rem!important;
	}

}

.emotion--product-slider {
	border:0!important
}

.emotion--product-slider .product-slider--title {
	font-size:20px;
	border-bottom:0;
}

.product-slider--container.is--horizontal .product-slider--item {
	height:auto;
}

.product-slider--item {
	border:1px solid #c3c3c3;
}

.product-slider--item .product--box .box--content {
	border:0!important;
}

.product-slider--item .product--title {
	height:auto!important;
	margin-top:15px!important;
	margin-bottom:15px!important;
	font-size:16px;
	font-weight:500;
	color:#3f4c58;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.product-slider--item .product--description {
	height:3.8rem!important;
	overflow:auto;
	text-overflow:ellipsis;
	white-space:normal;
}

.product-slider--item .product--price-info {
	font-weight:400;
}

.product-slider--item .price--default {
	font-size:1.125rem!important
}



@media only screen and (min-width: 0px) and (max-width: 479px) {
.product-slider--item {
	width:100%;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.product-slider--item {
	width:50%!important;
	margin-right:1%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
.product-slider--item {
	width:33.3%!important;
	margin-right:1%;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1259px) {
.product-slider--item {
	width:24%!important;
	margin-right:1%;
	}
}

@media only screen and (min-width: 1260px) {
.product-slider--item {
	width:19%!important;
	margin-right:1%;
	}
}

@media only screen and (max-width: 900px) {
	
	.emotion--mode-rows .emotion--product-slider {
		height:20rem;
	}
	
	.emotion--mode-rows .emotion--product-slider .box--slider .product--image {
		height:7.3rem;
	}
	
	.emotion--mode-rows .emotion--product-slider .product--title {
		margin-top:0!important
	}
	
}




/* --- Teasernav Button --- */

.ekw-teasernavbutton {
	margin-bottom:var(--spacing-block-after);
	border:1px solid #c3c3c3;
	overflow:hidden!important;
}

.ekw-teasernavbutton img {
	width:100%!important;
	height:auto!important;
}

.ekw-teasernavbutton-content {
	padding:30px;
}

.ekw-teasernavbutton-content.center {
	text-align:center!important
}

.ekw-teasernavbutton .ekw-teasernavbutton--button {
	width:100%;
	display:inline-block;
	padding:10px 15px;
	white-space:nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	color:#333;
	background:#fff;
	border:1px solid #333
}


.ekw-teasernavbutton .ekw-teasernavbutton--button:hover {
	color:#fff;
	background:#333;
	border:1px solid #333;
}

.ekw-teasernavbutton.anthrazit .ekw-teasernavbutton--button {
	color:#fff;
	background:#333;
	border:1px solid #fff;
}

.ekw-teasernavbutton.anthrazit .ekw-teasernavbutton--button:hover {
	color:#333;
	background:#fff;
}




/* Teasernav Visual */

.ekw-teasernav {
	width:100%;
}

.ekw-teasernav figure {
	position: relative;
	float: left;
	overflow: hidden;
	max-width: 100%;
	width: 100%;
	margin:0 0 30px 0!important;
	cursor: pointer;
}

.ekw-teasernav figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
}

.ekw-teasernav figure figcaption {
	padding:2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.ekw-teasernav figure figcaption::before,
.ekw-teasernav figure figcaption::after {
	pointer-events: none;
}

.ekw-teasernav figure figcaption,
.ekw-teasernav figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ekw-teasernav figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.ekw-teasernav figure h3 {
	font-size:20px;
	font-weight:500;
}

.ekw-teasernav figure h3,
.ekw-teasernav figure p {
	margin: 0;
	color:#fff!important;
	text-shadow: 1px 1px 6px rgba(0,0,0,0.7);
}

.ekw-teasernav figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
	line-height:1rem;
}
	
/*---------------*/
/***** ATFfect *****/
/*---------------*/

figure.atffect img {
	width:100%;
	max-width:100%;
	height: -webkit-calc(100% + 8px);
	height: calc(100% + 8px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}

figure.atffect figcaption {
	text-align: left;
}

figure.atffect figcaption > div {
	position: absolute;
	bottom:0;
	left: 0;
	padding:30px;
	width: 100%;
	height: 100px!important;
}

figure.atffect h2,
figure.atffect p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.atffect h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.atffect p {
	color: rgba(255,255,255,0.8);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}

figure.atffect:hover img,
figure.atffect:hover p {
	opacity: 1;
}

figure.atffect:hover img,
figure.atffect:hover h2,
figure.atffect:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.atffect:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}


@media only screen and (max-width: 1060px) {

	figure.atffect figcaption > div {
		height: 55%;
	}
}

@media only screen and (max-width: 920px) {

	figure.atffect figcaption > div {
		height: 70%;
	}
}
	
	

@media only screen and (max-width: 479px) {
	
	figure.atffect {
		opacity:1!important;
	}

	.figure.atffect h2, figure.atffect p {
		opacity:1!important;
		-webkit-transform: translate3d(0,0);
		transform: translate3d(0,0,0);
	}

}



/* Side spacings */

@media only screen and (max-width: 1270px) {

	.content--emotions {
		padding:0 15px;
	} 

}





/* TOC Menu */

.tocm {
	display:table;
	width:100%;
	margin-bottom:30px;
	padding:20px;
	border-top:2px solid #ccc;
	border-bottom:2px solid #ccc
}

.tocmt {
	display:table-row;
}

.tocmh {
	display:table-cell;
	width:50%;
	padding:0 30px;
	text-align:right;
	vertical-align:middle;
	font-size:18px;
	font-weight:600;
	color:#3f4c58
}

.tocmc {
	display:table-cell;
	width:50%;
	padding-top:2px;
	text-align:left;
	vertical-align:middle;
}

@media only screen and (max-width: 600px) {

	.tocmh {
		display:block;
		width:100%;
		padding:0 0 20px 0;
		text-align:center;
	}
	
	.tocmc {
		display:block;
		width:100%;
		padding-top:0;
		text-align:center;
	}

}



/* --- Other Styles --- */

.atf-table-dsp td {
	vertical-align:top;
	background:#fff!important;
}

.atf-table-dsp img {
	width:100%;
	height:auto;
}

.atf-attention {
	color:#a00;
	font-size:15px;
	font-weight:600;
}