@media only screen and (min-width: 401px) and (max-width: 865px) {
		.logo {
			width: 60%; padding-top: 40px;
		}
		.herz { 
			display: none;
		}
		.wrapper {
			width: 70%;
			margin: auto;
			background-color: white;
			background-color: rgba(255,255,255,.8);
			padding: 25px;
			padding-bottom: 25px;
			margin-top: 25px;
			margin-bottom: 25px;
		}
		.kontaktdaten {
			white-space: pre-line;
			line-height: 12px;
			font-size: 18px;
			margin-top: -10px;
			margin-bottom: 40px;
		}
		.header-daten a {
			color: white;
			text-shadow: 0.1em 0.1em black;
		}
		.strich { 
			display: none;}
		.header-mobil {
			display: none;		
		}
		.quake-slider {
			border: none;
			width: 100%;
		}
		.footer-angaben {
			display: none;
		}
		.footer-icons {
			margin: 0px;
			padding: 10px 60px 10px 60px;
		}
		footer {
			padding: 0px;
		}
		.textkasten {
			background-color: white;
			background-color: rgba(255,255,255,.8);
			padding: 25px;
			width: 70%;
			margin: auto;
			margin-bottom: 25px;
			text-align: left;
			margin-top: 25px;
		}
		.textkasten img.portfolio-bild-sw {
			display: none;
		}
		.textkasten img.portfolio-bild-f {
			display: inline;
		}
		.social-slide:hover a{
			background-position: 0px 0px;
			box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.6);
		}
		td {
			display: block;
			white-space: pre; /*Zeilenumbrüche wie im Quelltext*/
		}
}