@media only screen and (min-width: 200px) and (max-width: 400px) {
		body {
			background-image: url(../img/background_kl.JPG);
		}
		.logo {width: 60%; padding-top: 50px;}
		.herz { display: none;}
		.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;}
		.beschreibung {
			position: absolute;
		}
		.nav.active ul li {
			display: block;
		}
		.maps {
			width: 100%;
			height: 200px;
			border: 0;
			margin-top: 0px;
			margin-bottom: 20px;
			background-color: none;
			background-color: rgba(255,255,255,.0);
			padding: 0px;
		}
		td {
			display: block;
			white-space: pre; /*Zeilenumbrüche wie im Quelltext*/
		}
		.footer-inhalt {
			white-space: pre-line;
			padding: 0px;
			margin-bottom: 30px;
		}
		.footer-icons {
			margin: 0px;
		}
		footer {
			padding: 0px;
		}
		.wrapper {
			display: none;
		}
		.quake-slider-images {
			height: 50%;
		}
		.header-mobil {
   			display: inline;
 	  	}
		.schiebung {
			display: none;
		}
		.portfolio-abschnitte {
			width: 100%;
			margin: auto;
			padding: 0px;
		}
		.mehr-infos {
			float: right;
			visibility: visible;
			color: rgb(214, 10, 81);
		}
		.link {
			display: none;
		}
		.name {
			margin-top: 50px;
		}
		.team-beschreibung {
			display: block;
		}
		.thumb {
			width: 80px;
		}
		.textkasten img.portfolio-bild-sw {
			display: none;
		}
		.textkasten img.portfolio-bild-f {
			display: inline;
		}
		.social-slide a{
			background-image: url(../img/facebook-hover-kl.png);
			height: 30px;
			width: 30px;
			position: relative;
			margin: -65px 0px 0px 20px; 
			float: left;
			box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.6);			
		}
		.social-slide:hover a{
			background-position: 0px 0px;
			box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.6);
		}
		.portfolio-title {
			display: none;
		}
		.portfolio-title-mobil {
			display: inline;
			font-weight: bold;
		}
	}