@media screen and (max-width: 840px)	{
ul.daten	{margin-left: 15px;     }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {
         }
@media screen and (max-width: 800px)	{

}
@media screen and (max-width: 480px)	{

}
@media only screen and (max-device-width: 480px) {

}
@media only screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {

}
@media screen and (max-width: 320px) {}

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

		.wrapper {
			border: none;
			margin: 0;
			max-width: 100%;
		}

	}

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

		h1 {
			margin: 24px 0 24px 0;
			max-width: 43.18181818%;
			font-size: 35px;
		}

		.tagline {
			line-height: 1.3;
			margin: 21px 4.54545454545% 24px 0;
			width: 43.18181818%;
		}

		.content_main,
		.content_sub {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			float: none;
			padding: 36px 4.54545454545%;
			width: 100%;
		}

		.content_sub h2:first-of-type {
			margin-top: 0;
		}

		.portrait {
			float: right;
			margin: 0 0 30% 5%;
			width: 47.5%;
		}

		article {
			background-position: 92% bottom;
			background-size: 43.18181818%;
		}
.headline {	float: none;
		font-size: 14px;
		line-height: 1.4;
		margin: 5px 0 10px 0;
		width: 240px;	}
nav	{float: none; width: 300px;}
}	}

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

		h1 {
			float: none;
			margin-top: 7%;
			margin-bottom: 0;
			max-width: 90.90909091%;
		}

		.tagline {
			float: none;
			font-size: 15px;
			margin: 4.54545454545%;
			width: 90.90909091%;
		}

	}