@media screen and (max-width: 1400px) {
	#thumb_list li {
		width: 33.33%;
		/*
		width: 16.66%;
		*/
	}
}

@media screen and (max-width: 900px) {
	#thumb_list li {
		width: 50%;
	}
}

@media screen and (max-width: 700px) {
	header {
		height: 115px;
	}
	header h1, header h2 {
		font-size: 16px;
		padding: 4px 4px 4px 4px;
	}

	h1.Jens_Boldt {
		width: auto;
		padding-left: 15px;
		padding-left: 5vw;
	}

	div.toggle_nav {
		display: block;
	}

	nav {
		background-color: yellow;
		background-color: rgba(255,255,255,0.95);
		top: 115px;
		/*left: auto;
		right: 100%;*/

		overflow: hidden;

		width: auto;
		max-width: 100%;

		left: -100%;

		
	}

	nav.eingeblendet {
		left: 0;

	}

	.home nav {
		left: 0;
		background: none;
	}

	nav a {
		padding-left: 15px;
		padding-left: 5vw;
	}

	nav li#download_btn {
		display: none;
	}


	main {
		left: 15px;
		left: 5vw;
		top: 115px;
	}


	#thumb_list li {
		padding-right: 15px;
		padding-right: 5vw;
		padding-bottom: 15px;
		padding-bottom: 5vw;
	}

	div#img_holder {
		right: 15px;
		right: 5vw;
	}
}

@media screen and (max-width: 500px) {
	section {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}
}