#kachel_0 figure {
	animation: picwechseln 72s linear infinite;
}
@keyframes picwechseln {
	0% { opacity: 0; rotate(0.02deg); }
	16.666666666667% { opacity: 0; background-size:200%; z-index:15; }
	20% { opacity: 1; background-size:100%; }
	50% { opacity: 1; background-size:100%; }
	60% { opacity: 0; background-size:200%; z-index:0; transition:rotate(0.2deg);}
	100% { opacity: 0; }
}
#kachel_0 figure:nth-of-type(1) {
	animation-delay: -6s;
	opacity: 0;
}
#kachel_0 figure:nth-of-type(2) {
	animation-delay: 18s;
	opacity: 0;
}
#kachel_0 figure:nth-of-type(3) {
	animation-delay: 42s;
	opacity: 0;
}
#kachel_1 figure {
	animation: picwechseln 72s linear infinite;
}
@keyframes picwechseln {
	0% { opacity: 0; rotate(0.02deg); }
	16.666666666667% { opacity: 0; background-size:200%; z-index:15; }
	20% { opacity: 1; background-size:100%; }
	50% { opacity: 1; background-size:100%; }
	60% { opacity: 0; background-size:200%; z-index:0; transition:rotate(0.2deg);}
	100% { opacity: 0; }
}
#kachel_1 figure:nth-of-type(1) {
	animation-delay: 0s;
	opacity: 0;
}
#kachel_1 figure:nth-of-type(2) {
	animation-delay: 24s;
	opacity: 0;
}
#kachel_1 figure:nth-of-type(3) {
	animation-delay: 48s;
	opacity: 0;
}
#kachel_2 figure {
	animation: picwechseln 72s linear infinite;
}
@keyframes picwechseln {
	0% { opacity: 0; rotate(0.02deg); }
	16.666666666667% { opacity: 0; background-size:200%; z-index:15; }
	20% { opacity: 1; background-size:100%; }
	50% { opacity: 1; background-size:100%; }
	60% { opacity: 0; background-size:200%; z-index:0; transition:rotate(0.2deg);}
	100% { opacity: 0; }
}
#kachel_2 figure:nth-of-type(1) {
	animation-delay: 6s;
	opacity: 0;
}
#kachel_2 figure:nth-of-type(2) {
	animation-delay: 30s;
	opacity: 0;
}
#kachel_2 figure:nth-of-type(3) {
	animation-delay: 54s;
	opacity: 0;
}
#kachel_3 figure {
	animation: picwechseln 72s linear infinite;
}
@keyframes picwechseln {
	0% { opacity: 0; rotate(0.02deg); }
	16.666666666667% { opacity: 0; background-size:200%; z-index:15; }
	20% { opacity: 1; background-size:100%; }
	50% { opacity: 1; background-size:100%; }
	60% { opacity: 0; background-size:200%; z-index:0; transition:rotate(0.2deg);}
	100% { opacity: 0; }
}
#kachel_3 figure:nth-of-type(1) {
	animation-delay: 12s;
	opacity: 0;
}
#kachel_3 figure:nth-of-type(2) {
	animation-delay: 36s;
	opacity: 0;
}
#kachel_3 figure:nth-of-type(3) {
	animation-delay: 60s;
	opacity: 0;
}
#content article.aktuelles {
	width:920px;
	padding:0;
}
#content article.aktuelles h1 {
	display:block;
	text-align:center;
}
#content div.kacheln {
	margin-top:20px;
}
#content div.newskachel {
	position:relative;
	display:inline-block;
	width:194px;
	height:194px;
	padding:18px 248px 18px 18px;
	background-color:#003f7d;
	color:#fff;
	overflow:hidden;
	float:left;
}
#content div.newskachel:nth-child(1n+3) {
	padding:18px 18px 18px 248px;
}
#content div.newskachel figure {
	width:230px;
	height:230px;
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
	background-size:100% 100%;
	background-position:center center;
	background-repeat:no-repeat;
}
#content div.newskachel:nth-child(1n+3) figure {
	left:0;
}
#content div.newskachel h2 {
	color:#fff;
	font-size:17px;
	font-weight:600;
	line-height:125%;
}
#content div.newskachel p {
	color:#fff;
	font-size:17px;
	line-height:125%;
	font-weight:300;
}

#content div.newskachel p.morelink {
	position:absolute;
	display:block;
	bottom:0;
	left:0;
	width:230px;
	height:40px;
	background-color:#003f7d;
	box-shadow:0 -20px 25px #003f7d;
	text-align:center;
}
#content div.newskachel:nth-child(1n+3) p.morelink {
	left:230px;
}
#content div.newskachel p.morelink a {
	display:inline-block;
	color:#fff;
	border:1px solid #fff;
	font-weight:400;
	font-size:11px;
	border-radius:14px;
	padding:2px 6px 2px 6px;
	margin-top:20px;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
}
#content div.newskachel p.morelink a:hover {
	background-color:#647c8f;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

#content a.themenbutton {
	display:inline-block;
	width:auto;
	margin:30px 0 30px 0;
	color:#003f7d;
	border:2px solid #003f7d;
	font-size:26px;
	font-weight:700;
	padding:8px 16px 8px 16px;
	border-radius:32px;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

#content a.themenbutton:hover {
	background-color:#003f7d;
	color:#fff;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

@media only screen and (max-width:1096px) and (min-width:641px) {
	#content article.aktuelles {
		width:100%;
		padding:0;
	}
	#content div.newskachel {
		width:50vw;
		height:25vw;
		padding:0;
		overflow:hidden;
		position:relative;
	}
	#content div.newskachel:nth-child(1n+3) {
		padding:0;
	}
	#content div.newskachel figure {
		width:25vw;
		height:25vw;
	}
	#content div.newskachel h2 {
		width:23vw;
		padding:1vw;
	}
	#content div.newskachel p {
		width:23vw;
		padding:0 1vw 0 1vw;
	}
	#content div.newskachel:nth-child(1n+3) h2,
	#content div.newskachel:nth-child(1n+3) p {
		clear:both;
		float:right;
	}
	#content div.newskachel p.morelink {
		width:25vw;
		padding:0;
		height:5vw;
	}
	#content div.newskachel:nth-child(1n+3) p.morelink {
		left:25vw;
	}
	#content div.newskachel p.morelink a {
		margin-top:0.5vw;
	}
}

/* ==================================
   Mobiles
===================================*/
@media only screen and (max-width:640px) {
	#content article.aktuelles {
		width:100%;
		padding:0;
	}
	#content div.newskachel {
		width:100vw;
		height:50vw;
		padding:0;
		overflow:hidden;
		position:relative;
	}
	#content div.newskachel:nth-child(1n) {
		padding:0;
	}
	#content div.newskachel figure {
		width:50%;
		height:100%;
	}
	#content div.newskachel figure figure {
		width:100%;
		height:100%;
	}
	#content div.newskachel:nth-child(odd) figure {
		right:0 !important;
		left:50vw;
	}
	#content div.newskachel:nth-child(even) figure {
		left:0 !important;
		right:50vw;
	}
	#content div.newskachel h2 {
		width:46%;
		padding:2%;
	}
	#content div.newskachel p {
		width:46%;
		padding:0 2% 0 2%;
	}
	#content div.newskachel:nth-child(odd) h2,
	#content div.newskachel:nth-child(odd) p {
		clear:both;
		float:left;
	}
	#content div.newskachel:nth-child(even) h2,
	#content div.newskachel:nth-child(even) p {
		clear:both;
		float:right;
	}
	#content div.newskachel p.morelink {
		width:50%;
		padding:0;
		height:10vw;
	}
	#content div.newskachel:nth-child(even) p.morelink {
		left:50%;
		right:0;
	}
	#content div.newskachel:nth-child(odd) p.morelink {
		left:0;
		right:50%;
	}
	#content div.newskachel p.morelink a {
		margin-top:1vw;
	}
}