@media only screen and (max-width: 1280px)  {
	
	.zeile-innen {
		max-width:90%;
	}
	.grafik {
		height: 80vh;
	}

}

@media only screen and (max-width: 980px)  {
	
	.grafik {
		height: 70vh;
	}

}

@media only screen and (max-width: 840px)  {
	
	.grafik {
		height: 60vh;
	}

}

@media only screen and (max-width: 800px)  {
	
	.topbar {
		height: auto;
	}
	.topbar p {
		float: none ;
		text-align:center;
	}
	.topbar i {
		min-width: 0 !important;
		margin-right: 0 !important;
	}
	.logo {
		margin: 0 auto !important;
	}
	#navigation {
		float: none;
		margin-top: 7px;
	}
	h1.intro {
		font-size: 2.8em;
	}
	.text {
		padding: 0 4% 0 4%;
	}
	.hide-dt {
		display: inline;
	}

}

@media only screen and (max-width: 780px)  {
	
	.grafik {
		height: 580px;
	}

}

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

	.grafik {
		height: 410px;
	}

}

/*@media only screen and (max-width: 300px)  {

	.grafik {
		height: 10vh;
	}

}*/