/* 
 
 		Stylesheet 320px-Viewport
 		
		Prüfling:						Betrieb:
		Markus Pfahler					3We GmbH
		Dörnigstraße 21					Amalienstraße 2
		76694 Forst						76646 Bruchsal
		pfahler.markus@3we.de
		
		Prüflingsnummer: 				Ausbilder:
		138 40367						Gerald Zum Gahr
		07251/932-412
		zum_gahr.gerald@3we.de


*/


.mobile_only {
	display: none;
}
.mobile_only img {
	max-height: 80px;
	z-index: 9999;
	float: right;
}

@media (max-width: 320px){
	
	section {
		min-height: auto;
	}
	#main .menu ul li a .name {
		opacity: 1;
	}
	#main .menu{
		min-width: 80px;
		height: auto !important;
		width: auto;
		
	} 
	#menu_container {
		display: none;
		z-index: 999;
		width: 100%;
	}
	#menu_container.display {
		display: block;
		height: 100vh;
		width: 100vw;
	}
	#main .menu .social a img {
		width: 25% !important;
		margin-left: 4%;
		margin-right: 4%;
		float: left;
	}
	#main .menu .social {
		width: 70%;
		right: 0px;
		display: inline-block;
	}
	#main .menu ul {
		top: 80px;
		right: 20px;
		bottom: 20px;
		left: auto;
	}
	.mobile_only {
		display: block;
	}
	#main .menu ul li a .name {
    	display: block;
	}
	#main .menu ul li {
	    padding-top: 10px;
	    padding-bottom: 10px;
	}

	
	#startseite .text_box {
		max-width: 90vw;
		max-height: 90vw;
		padding: 15px;
		margin-bottom: 100px;
	}
	#event .text_box, #anmeldung .text_box, #impressum .text_box, #bio-kiste .text_box, #rezepte .text_box, #kontakt .text_box {
		padding: 15px;	
		position: relative;
	}

	#event .text_box, #anmeldung .text_box, #impressum .text_box, #bio-kiste .text_box {
		
		padding-right: 3% !important;
		
	}
	section .text_box h1 {
		font-size:30px;
		line-height: 30px;
		padding-bottom: 20px;
	}
	#rezepte .text_box, #kontakt .text_box {
		padding-right: 10px !important;
	}
	#rezepte .text_box .next_button, #rezepte .text_box .previous_button {
		top: 20px;
		
	}
	
	#rezept_container.rezept_active, #rezepte .rezept_active .text_box {
	    min-height: 1000px;
}
	#event .img_box, #anmeldung .img_box, #kontakt .img_box, #impressum .img_box {
		display: none;
	}
	#event .text_box, #anmeldung .text_box , #impressum .text_box {
		padding-top: 20px !important;
		position: relative;
	}
	#kontakt .text_box {
		position: relative;
	}
	#rezepte .text_box .previous_button  {
		left: 10px;
	}
	#rezepte .text_box .next_button {
		right: 10px;
	}
	.div_button, button {
		width: 100%;
	}
	
	.one_third {
		width: 100%;
		margin-bottom: 5px;
	}
	.one_third img{
		max-width: 30px;
	}
	#bio-kiste {
	    min-height: 1020px;
	}
	#bio-kiste .teil_2 {
		padding-top: 200px;
	}
	
	#event .karte img {
		display: none;
	}
	.input_radio {
		height: auto;
		
	}

	#kontakt {
		padding-top: 0px;
	}
	#event .circle {
		top: -60px;
	}
	
	#bio-kiste .input_radio .text {
		padding-top: 0px;
	}
	#bio-kiste .input_radio.first_input .text {
		padding-top: 4px;
	}
	
}