@media all and (max-width: 980px) {
	body {
		margin: 0 10px;
	}
	
	body #alles {
		width: 100%;
	}
}

@media all and (max-width: 940px) {
		
	#alles .nav {
		padding-top: 0;
	}
	
	.nav li {
		float: none;
	}
	
	body .nav > li > a {
		width: 60%;
	}
	
	#fachmagazine .enthaelt-magazinlink {
		float: none;
		padding-right: 5%;
	}
	
	#fachmagazine .enthaelt-magazinbild {
		margin-bottom: 10%;
	}
}

@media all and (max-width: 920px) {

	#zeitungsbild,
	#zeitungsbild .text-left
	{
		text-align: center;
	}
	
	#zeitungsbild .text-left {
		display: block;
		float: none;
		margin-bottom: 2.5%;
	}
	
	#paragrafMitarbeiterzeitung {
		float: none;
		width: 100%;
		padding: 0;
	}
	
	#paragrafMitarbeiterzeitung + .bildVertikalAbsetzen {
		margin-left: 0;
		width: 100%;
		text-align: center;
	}
	
	#inhaltsbereich {
		text-align: left;
	}
}

@media all and (max-width: 768px) {
	
	#alles #logo {
		float: none;
		width: 100%;
		padding: 0;
		margin-top: 10px;
	}
	
	nav {
		margin: 15px 0;
		padding: 0;
	}
	
	#alles .nav {
		padding: 0;
	}
	
	body .nav > li > a {
		margin: 0 auto;
		width: 50%;
	}
	
	#alles {
		text-align: center;
		padding: 5px;
	}
	
	#inhaltsbereich {
		padding: 10px 15px;
	}
}

@media all and (max-width: 620px) {

	body .nav > li > a {
		width: 70%;
	}

	footer a,
	footer span
	{
		display: block;
		border: thin solid #4C4949;
		border-radius: 5px;
		width: 70%;
		margin: 0 auto;
		padding: 5px;
	}
}

@media all and (max-width: 500px) {

	body .nav > li > a {
		width: 80%;
	}
	
	#alles #ElkePohlPortraitfoto {
		float: none;
	}
	
	#fachmagazine .enthaelt-magazinbild {
		width: 100%;
		text-align: center;
		margin: 5% 0 15%;
	}
	
	#fachmagazine .enthaelt-magazinlink {
		margin: 0;
		padding: 0;
		width: 100%;
		text-align: center;
	}
}

@media all and (max-width: 380px) {
	/* online-informationsdienste.php */
	#inhaltsbereich h1 {
		word-wrap: break-word;
		overflow-wrap: break-word; /*in CSS3*/
	}
}