@media screen and (min-width: 960px) {
	#main_navi {
		display:block;
	}
}

/** @media screen and (max-width: 768px) **/
@media screen and (min-width: 0px) and (max-width: 960px) {
	#page,
	#header,
	#header #logo,
	#header #weg{
		width:100%;
		box-sizing: border-box;
	}

	#hg_help_navi{
		position:relative;
		left:auto;
		bottom:auto;
		width:100%;
		margin:0;
		display:table;
	}

	#help_navi ul{
		margin:1em 0 5em 0;
	}

	#help_navi ul li{
		display:block;
		padding:0;
		border:0;
		margin:0;
	}

	#help_navi ul li a{
		padding:0.5em 2em;
		display:inline-block;
	}


	#header{
		background-position:center top;
	}

	#header #weg{
		background-position:right top;
	}

	#header #logo .logo_nnn{
		margin:0;
		float:right;
	}

	#content{
		padding:0;
	}

	#content #main_content .infobox img{
		max-width:80px;
		height:auto;
	}

	.infobox_txt{
		width:70% !important;
		box-sizing: border-box;
		margin:0 !important;
		padding:1em !important;
	}

	#wrap_maps,
	#calendar_maps,
	#calendar_legend,
	#calendar_search_form_1,
	.calendar_events,
	.calendar_search_form label,
	.calendar_search_txt,
	.calendar_select,
	#content #main_content .art_h2,
	#content #main_content .art_liste,
	.calendar_events .calendar_events_liste h3,
	.calendar_events .calendar_events_liste,
	#calendar_legend .calendar_legend_dot,
	#calendar_legend .calendar_legend_row,
	#content #main_content .infobox_start{
		width:100%;
		box-sizing: border-box;
	}

	#calendar_search_form_1{
		padding:1em;
	}

	.calendar_search_txt,
	.calendar_select{
		margin-bottom:1em;
	}

	#calendar_legend{
		padding:0 0 1em 0;
	}

	#calendar_legend h3{
		margin:0 0 1em 0;
		padding-right:20px;
	}

	.calendar_legend_row{
		margin:0 1em;
	}

	#content #main_content .art_liste_div,
	.calendar_events .calendar_events_liste .calendar_events_liste_txt{
		width:60%;
	}

	.calendar_events_liste_txt a{
		display:inline-block;
		width:90%;
		height:auto;
		float:left;
		margin:0.2em 0;
	}

	#main_navi{
		width:30%;
		box-sizing: border-box;
		padding-right:2em;
	}

	#content h1,
	#content h2,
	#content h3,
	#content h4,
	#content #main_content .headline h1{
		font-size:1.4em;
	}

	#content{
		width:70%;
		box-sizing: border-box;
	}

	#content #main_content{
		width:60%;
		box-sizing: border-box;
		padding-right:2em;
	}

	.calendar_events_details,
	#content #main_content .infobox h2,
	#calendar_legend h3,
	#calendar_search h3,
	#content #marginal_text_column .infobox .infobox_headline,
	#content #main_content .infobox{
		width:100%;
		box-sizing: border-box;
	}

	#content #main_content .infobox{
		display:inline-block;
	}

	#content #main_content .headline,
	#content #main_content .headline h1{
		width:100%;
		box-sizing: border-box;
		position:relative;
		left:auto;
		bottom:auto;
	}

	#content #marginal_text_column{
		width:40%;
		box-sizing: border-box;
		margin-top:7.7em;
		margin-right:0;
		padding-right:2em;
	}

	.art_liste_projects img,
	#marginal_text_column .infobox img{
		max-width:100%;
		height:auto;
	}

	#content #marginal_text_column .infobox .infobox_headline,
	#content #marginal_text_column .art_h2_projects,
	#content #marginal_text_column .art_liste_projects{
		width:100%;
		box-sizing: border-box;
	}

	.idtpl_3 #content #main_content{
		width:100%;
		padding:0;
	}

	.idtpl_3 #content #marginal_text_column{
		display:none;
	}

	.idtpl_3 #content #main_content .infobox_img,
	.idtpl_3 #content #main_content .infobox_start .infobox_start_hg_img{
		width:100%;
		height:auto;
		/* height:auto;
		display:table; */
	}

	.idtpl_3 #content #main_content #infobox_start .resize{
		width:100%;
		height:auto;
	}

	#content #main_content #infobox_button_rechts{
		left:64.2%;
	}

	#content #main_content .infobox_img img{
		max-width:100%;
		height:auto;
	}

	/*** detail pois ***/

	.calendar_search_form label{
		padding:0 0 10px 0;
	}

	.calender_helfnavi,
	.calendar_events_details .calendar_events_route{
		left:auto;
		position:relative;
		top:auto;
		margin:1em 0;
		display:inline-block;
		width:100%;
	}

	.calendar_events_route label,
	.calendar_events_route #start,
	.calendar_events_route #end,
	.calendar_events_route #berechnen{
		display:table;
		width:100%;
		margin:0.5em 0;
		float:none;
		box-sizing: border-box;
	}

	.calendar_events_route #start,
	.calendar_events_route #end,
	.calendar_events_route #berechnen{
		border:1px solid #426228;
		padding:0.5em;
		margin:1em 0;
	}

	.calendar_events_route #berechnen:hover,
	.calendar_events_route #berechnen:focus{
		border:1px solid #426228;
	}

	.calendar_events_details .calender_title,
	.calendar_events_details .calender_content{
		width:100%;
		box-sizing: border-box;
		margin:0;
	}

	/*** formular ***/

	#content #contactForm label,
	#content #contactForm .eingabe,
	#content #contactForm .eingabe_select,
	#content #contactForm .eingabeMehrzeilig{
		width:100%;
		margin:0.2em 0;
		box-sizing: border-box;
	}

	.pflichtfeld,
	#content #contactForm .contactRow2,
	#content #contactForm #contactFormSubmit,
	#content #main_content #empfehlenForm .button,
	#content #main_content #empfehlenForm .txt{
		margin:0.5em 0;
	}

	/*** table ***/
	table.gallery td{
		padding-right:2em;
		width:100%;
		display:block;
	}

	table.gallery td img{
		max-width:100%;
		height:auto;
	}

	.gallery_html_text{
		width:100%;
	}


	/*** bildergalerie ***/
	#content #main_content #bildergalerie,
	#content #main_content #navi_bildergalerie,
	#content #main_content #bildergalerie_rahmen{
		display:none;
	}

	/* #content #main_content #bildergalerie,
	#content #main_content #bildergalerie #bg_balken{

	} */

	#content #main_content #bildergalerie .bild{
		width:100%;
		height:auto;
	}

	#content #main_content #bildergalerie .bild img{
		max-width:100%;
		height:auto;
	}

	#content #main_content #bildergalerie,
	#content #main_content #navi_bildergalerie,
	#content #main_content #bildergalerie #bg_balken{
		width:100%;
	}

	#content #main_content #bildergalerie_rahmen{
		margin-bottom:40px;
	}
}

/** @media screen and (max-width: 768px) **/
@media screen and (min-width: 0px) and (max-width: 768px) {


	#content h1,
	#content h2,
	#content h3,
	#content h4,
	#content #main_content .headline h1{
		font-size:1.2em;
	}

	#mobil_navi{
		width:100%;
	}

	#button_navi_mobil{
		display:block;
		margin:0 auto;
		width:40px;
		height:40px;
		background:none;
		border:0;
	}

	#button_mobil{
		fill: #426228;
	}

	#main_navi{
		display:none;
		width:100%;
		box-sizing: border-box;
		margin:0;
		padding-right:0;
		border-bottom:1px solid #426228;
	}

	#main_navi ul{
		margin:1em 0;
	}

	#navigation_searchform_top{
		display:table;
		position:relative;
		right:auto;
		top:auto;
		width:100%;
		margin:0;
		padding:1em 2em;
		height:auto;
		border-bottom:1px solid #426228;
	}

	#search_field{
		position:relative;
	}

	#content #main_content .headline{
		width:100%;
		min-height:1px;
	}

	#content{
		width:100%;
		box-sizing: border-box;
		padding:0 2em;
	}

	#content #marginal_text_column{
		padding-right:0;
	}

	.infobox_txt {
		width: 68% !important;
	}

	#cboxTitle{
		width:80% !important;
	}

	.personen,
	.personen .personen_block{
		width:100%;
	}
}


/** @media screen and (max-width: 480px) **/
@media screen and (min-width: 0px) and (max-width: 480px) {

	#page{
		display:inline-block;
		width:100%;
		height:auto;
	}

	#content #main_content,
	#content #marginal_text_column{
		display: inline-block;
		width:100%;
		padding:0;
		box-sizing: border-box;
	}

	#content #marginal_text_column{
		margin:2em 0;
	}

	#content #marginal_text_column .infobox{
		width:100%;
	}

	#content h1,
	#content h2,
	#content h3,
	#content h4,
	#content #main_content .headline h1{
		font-size:1em;
	}

	#header #logo .logo_lfv{
		width:60px;
	}

	#header #logo .logo_nnn{
		width:170px;
	}

	#header #logo .logo_lfv{
		background-size:100% auto;
		background-position:center bottom;
	}

	#header #logo .logo_nnn{
		background-size:100% auto;
		background-position:center bottom;
	}
}

/** @media screen and (max-width: 320px) **/
@media screen and (min-width: 0px) and (max-width: 320px) {

	#header #logo .logo_lfv{
		width:40px;
	}

	#header #logo .logo_nnn{
		width:130px;
	}
}