/* home */
.index header {width:100%}
.content { position:relative; z-index:10;  width:75%; float:right; margin-top:50px;}
.kontakt.content {margin-top:160px;}
.content-text { background:#000; color:#fff;  }
.index .content-image { width:52.5%; float:left; }
.index .content-text { width:42.5%; float:right; }
.intro .content-image {padding:5vh 0 0 5vw;}
/* aktuell */
.news {margin-bottom:50px; display:block; }
.news-image { width:50%; float:left;padding-right:30px;}
.news-image img {width:100%; height:auto; transition:all .25s ease-out; }
.news-text { background:#000; color:#fff; width:50%; float:right; }
.news-text .more {text-transform:uppercase; transition:all .25s ease-out; position:relative; display:inline;}
.news-text .more:after {content: ""; position: absolute; z-index:-1; width:0%; height:2px; bottom:13px; left: 0; background-color:#fff; visibility: hidden; transition: all 0.25s ease-in-out 0s;}
.news:hover .news-text .more:after { visibility: visible; width: 100%; }
.no-touchevents .news:hover .news-image img {-webkit-transform:scale(1.03); transform: scale(1.03);}
/* news detail */
.content-all .content-image, .content-all .content-text {margin-bottom:20px;}
.content-all .content-image img {width:100%; height:auto;}
.content-all .content-text {background:#000; color:#fff;}
.back-link {display:inline-block; margin-top:40px; padding:5px 10px; background:#000; }
.back-link a {  font-weight:400; color:#fff; position:relative;}
.back-link a:after {content: ""; position: absolute; width:0%; height:2px; bottom:11px; left: 0; background-color:#fff; visibility: hidden; transition: all 0.25s ease-in-out 0s;}
.back-link a:hover:after { visibility: visible; width: 100%; }

.legal {font-weight:400;}

/* ab hier responsive */
@media (max-height: 600px) and (min-width: 1024px){ 
	.kontakt.content {margin-top:50px;}
}
@media (max-width: 1200px) {
	.index .content-image { width:45%; float:left; }
	.index .content-text { background:#000; color:#fff; width:50%; float:right; }
	.intro .content-image {padding:5vh 0 0 0;}
}
@media (max-width: 1100px) { 

}
@media (max-width: 1024px) { 
	.kontakt.content {margin-top:50px;}
}
@media (max-width: 760px) {
	.content {margin-top:0; width:100%;}
	.content-all {padding-top:20px;}
}
@media (max-width: 600px) { 
	.index .content-image { width:100%; float:none; }
	.index .content-text { background:#000; color:#fff; width:100%; float:none; }
	.intro .content-image {padding:0; margin-bottom:20px;}
}
@media (max-width: 500px) { 
	.news {margin-bottom:40px; display:block; }
	.news-image { width:100%; float:none; padding-right:0;}
	.news-text { width:100%; float:none; }
}
@media (max-width: 350px) { 
	
}