article img {
	max-width: 100%;
}
video {
	width:100%;
	clear:both;
	margin:1em 0;
}
.article-inner {
	width: 100%;
	display: block;
	margin:0;
	padding:0;
}
/* wichtiger Faktor, damit kann man den gesamten Content der Artikel verbreitern */
.article-default-contents {
	margin: 0 -0.5%;
}

.first {
	clear:both;
}
.last {
}
.article-section {
	margin:0 0 10px 0;
	padding: 0;
}
.article-text, .article-col {
	margin:0;
	padding:0 0.5%;
}
.article-col {
	float:left;
	margin: 0 0 5px 0;
}
.article-text ul li, .article-text ol li, .article-text dl li {
	position: relative;
	left: 1em;
}
.image-left {
	font-size: 0;
	float:left;
	padding: 4px 0.5% 5px 0.5%;
	margin: 0 0.5% 0 0;
}
.image-right {
	font-size: 0;
	float:right;
	padding: 4px 0.5% 5px 0.5%;
	margin: 0;
}
.clear-center {
	clear:both;
	display:block;
}
.image-center {
	font-size: 0;
	padding: 4px 0.5% 5px 0.5%;
	margin: 0 auto;
}
.image-col {
	margin: 0;
	padding: 4px 0 0 0;
	font-size: 0;
	width: 100%;
}
.left-col {
	float: left;
}
.right-col {
	float: left;
}
.thumb, .thumbnail {
	border-radius: 1px;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}
.thumbnail-center {
	width: auto;
}
.gallery-box {
	margin: 0;
	padding: 4px 0 0 0;
	float: left;
	width: 100%;
}
.gallery-image {
	font-size: 0;
	float:left;
	padding: 0 0.5% 10px 0.5%;
	margin:0;
}
.download-box {
	margin: 0;
	padding: 4px 0 0 0;
	float: left;
	width: 100%;
}
.download-element {
	width: 50%;
	float: left;
	padding: 0 0.5% 10px 0.5%;
}
@media screen and (max-width: 360px) {
    .image-left, .image-right, .image-center {
    	width: 100% !important;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.download-element {
		width: 100%;
	}
}