/* 
 
 		Stylesheet 768px-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


*/



@media (max-width: 768px) 
{
	#event .text_box, #anmeldung .text_box, #impressum .text_box, #bio-kiste .text_box, #rezepte .text_box, #kontakt .text_box  {
		width: 100% !important; 
		
		position: absolute;
		
		padding: 50px;
		font-size: 17px !important;
		padding-right: 100px !important;
		
	}
	#event .text_box, #anmeldung .text_box, #impressum .text_box, #bio-kiste .text_box {
		min-height: 80vh !important;
		bottom: 0px;
	}
	#anmeldung , #impressum , #bio-kiste {
		background-color: rgba(207,255,179,1);
	}
	
	#startseite {
		background-size: cover;
	}
	#startseite.inactive {
		background-position: center center;
	}
	#bio-kiste .text_box {
	 	overflow: hidden;
	 }
	#bio-kiste .text_box form {
	 	padding-top: 20px;
	 }
	 .one_third img {
	 	margin-bottom: -5px;
	 }
	#startseite .text_box {
		width: 70vw;
		height: 70vw;
		padding: 25px;
	}
	
	#event .img_box, #anmeldung .img_box, #impressum .img_box, #bio-kiste .img_box {
		width: 100% !important; 
		height: 20vh !important; 
		position: absolute;
		top: 0px
	}
	section .text_box h1 {
		font-size:50px;
		padding-bottom: 20px;
	}
	
/* Forms */
	input[type=text],input[type=email] {
		height: 35px;
		margin-bottom: 5px;
	}
	.white_bg {
		margin-bottom: 5px;
	}
	
	.input_radio {
		line-height:15px;
		padding: 5px;
		padding-right: 7px;
		font-size: 0.8em;
	}
	#bio-kiste .input_radio .text {
		padding-top: 4px;
	}
	#bio-kiste .input_radio.first_input .text {
		padding-top: 10px;
	}
	#anmeldung .input_radio {
		line-height:30px;
	}
	input[type=radio] {
		height: 20px;
		width: 20px;
		margin-top: 0px;
	}
	
	#rezepte .text_box {
		min-width: auto;
		width: 100%;
		
	}
	#startseite.inactive .text_box {
		opacity: 1;
	}
	#event .text_box, #anmeldung .text_box, #impressum .text_box, #bio-kiste .text_box {
		position: relative;	
		padding-top: 25vh !important;
		height: auto !important;
	}
	
	#rezepte .text_box .next_button, #rezepte .text_box .previous_button {
		top: 140px;
	}
	#rezepte .text_box .next_button {
		right: 100px;
	}
	#rezepte .rezept_active .img_box {
	    -webkit-filter: none;
	    filter: none;
	}
	#main .menu ul li.active a .name {
		opacity: 0;
	}
	#main .menu:hover ul li.active a .name {
		opacity: 1;
	} 
	#main .menu ul li a .name {
		display: none;
	}
	#main .menu:hover ul li a .name {
		display: block;
	}
	
	#bio-kiste {
		min-height: 1000px;
	}

	#main .menu ul {
		top: 20%;
		background-position: center center;
	}
	#event .img_box, #anmeldung .img_box, #impressum .img_box, #bio-kiste .img_box, #event.inactive .img_box {
		background-size: cover;
	}
	#event .img_box {
		background-image: url('../img/bg/event_mobil.jpg');
		background-size: 100% center;
	}
	#event .lower_half .karte img {
	    margin-left: -10px;
	    margin-top: 10px;
	    max-width: 80%;
	    
	}
	#event .circle {
		top: -10px;
		right: -70px;
		transform: scale(0.6,0.6) rotate(-15deg);
	}
	#rezepte .img_box {
		background-position: center 150px;
		background-size: cover !important;
	}
	
	.img_box {
		background-position: center center;
	}
	#event, #rezepte, #kontakt {
		background-color: rgba(255,172,128,1);
	}

}