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

	#page,
	#intro{
		width:90%;
	}

	/*** style fuer intro ***/
	#intro{
		margin:0 auto;
	}

	#intro .logo{
		width:50%;
		margin-left:0;
		margin-top:3em;
	}

	#intro .images h2{
		width:32.5%;
		height:auto;
		font-size:0.6em;
	}

	#intro .images img{
		width:100%;
		height:auto;
	}

	#intro .images span.span_1,
	#intro .images span.span_2,
	#intro .images span.span_3{
		display:inline-block;
		width:100%;
		height:auto;
		margin-left: 0;
	}

	#intro .images span.span_1 span,
	#intro .images span.span_2 span,
	#intro .images span.span_3 span{
		padding:1em 0.5em;
	}

	#intro ul li{
		border:0;
		margin:0.5em 0;
		padding:0;
	}

	#mainNavi{
	    position:relative;
		left:auto;
		bottom:auto;
	}

	#con_flex_galery,
	#main_navi li.galery{
		display:none !important;
	}

	.client_select{
		width:45%;
	}

	.client_select li{
		margin:0;
		border:0;
		padding:0;
		line-height:1.85em;
		float:none !important;
	}

	.client_select li a{
		display:block;
	}

	h2.client_headline{
		bottom:auto;
		top:9.5em;
		/* top:6.25em; */
		right:1em;
		font-size:1.1em;
	}

	.logo{
		margin:1.2em 0 7.5em 2.6em;
	}

	.logo a img{
		width:95px;
	}

	#header{
		height:auto;
		background-position:0 2em;
	}

	ul.breadcrumb{
		/* display:inline-block; */
	}

	/*** suche ***/

	#search{
		float:none;
		margin:1em 2.6em;
	}

	#searchterm{
		width:100%;
	}

	/*** mobil-navigation ***/

	#mobil_navi,
	#main_navi li a span.mobil{
		display:block;
	}

	#main_navi{
		display:none;
	}


	/*** navigation ***/

	#mainNavi #main_navi{
		margin:0;
	}

	#mainNavi #main_navi li{
		position:relative;
		float:none;
		margin:0;
		padding:0 2.6em;
		border-bottom:1px solid #e3d6c5;
	}

	#mainNavi ul li ul.list2,
	#mainNavi ul li ul.list3{
		position:relative;
		top:auto;
		left:auto;
		margin:0 0 -1px -2.6em;
		padding:0 5.2em 0 0;
		width:100%;
		border:0;
	}

	#mainNavi ul li ul.list3{
		border:0 !important;
		background:#fff;
	}

	#mainNavi ul li ul.list3 li{
		border-color:#ccc !important;
	}

	#mainNavi ul li ul.list3 li a{
		color:#999;
	}

	#mainNavi ul li ul.list2 li,
	#mainNavi ul li ul.list3 li{
		display:block;
		width:100%;
	}

	#metaNavigation{
		display:block;
		float:left;
		margin:0;
		padding:2em;
	}

	#metaNavigation li{
		display:block !important;
		border:0;
		margin:0;
		padding:0;
		float:none;
	}

	#metaNavigation li a{
		display:inline-block;
		padding:0.25em 0;
	}

	#content{
		padding-bottom: 500px;
	}

	#content h1.headline{
		margin-left:1.8em;
		font-size:1.4em;
		padding-right:2em;
	}

	#content .primary_content h1.headline{
		margin:0;
	}

	.basicMap,
	#news,
	.textItem,
	.date_detail,
	#artikelblaettern,
	.primary_content .con_flex, #searchResults{
	    margin-left:0;
		margin-bottom:1em;
	}

	.artikelblaettern{
	    margin-left:0;
		margin-bottom:2em;
	}

	.basicMap,
	.primary_content,
	.secondary_content{
		margin:0 auto;
		width:80%;
		float:none;
	}

	.basicMap{
		width:100%;
		height:auto;
	}

	#basicMap{
		height:300px;
	}

	#basicMap,
	#basicMapNavi{
		float:none;
		width:100%;
	}

	#basicMapDetail{
		right:0;
	}

	#calender, .secondary_content .con_flex_slidebox, .dates{
		margin:0;
	}

	#calender{
		margin-bottom:2em;
	}

	#news{
		margin-bottom:0;
	}

	#news a,
	ul.dates_search_list li a{
		display:inline-block;
	}

	#news a.img,
	ul.dates_search_list li a img.image{
		/* display:none; */
		float:none;
		width:100%;
		margin:1em 0;
	}

	#news .txt{
		float:none;
		width:100%;
	}

	#news a.img img.img{
		width:100%;
	}

	.primary_content .con_flex_img_scroll .con_flex_img{
		width:100%;
		margin-bottom:0.5em;
	}

	.primary_content .con_flex_img_scroll .con_flex_img a{
		display:inline-block;
		margin:0;
		width:100%;
		height:auto;
	}

	.primary_content .con_flex_img_scroll .con_flex_img a img{
		width:100%;
	}

	.primary_content .con_flex_content .con_flex_box .con_flex_txt{
		width:100% !important;
	}

	.primary_content .con_flex_content .con_flex_box .con_flex_txt{
		width:100% !important;
	}

	#download .con_flex_box .con_flex_txt{
		width:70% !important;
	}

	#download .con_flex_box .con_flex_img{
		width:25% !important;
	}

	#download .con_flex_box .con_flex_img .con_flex_img{
		width:100% !important;
	}

	table.gallery{
		display:inline-block;
		margin-left:0;
	}

	table.gallery td{
		display:inline-block;
		padding: 0 0 5px;
		white-space:normal;
		margin-bottom:1em;
		width:100%;
	}

	table.gallery td img.img{
		width:100% !important;
		height:auto;
	}

	.primary_content .con_flex_content .con_flex_box .con_flex_h2{
		padding-right:2em;
	}


	.xdsoft_datetimepicker{
		width:100%;
		left:0 !important;
	}

	/*** video ***/

	#video{
		width:100%;
		height:auto;
	}

	div.jp-video-270p{
		margin-left:0;
		width:100%;
	}

	div.jp-jplayer,
	div.jp-video-270p img{
		width:100% !important;
		height:auto !important;
	}

	.primary_content .iframe{
		width:260px !important;
		height:182px !important;
		overflow:hidden;
	}

	.primary_content .iframe img{
		width:100% !important;
		height:auto !important;
	}

	div.jp-controls-holder{
		width:100% !important;
		overflow:none;
	}

	div.jp-video div.jp-type-single ul.jp-controls{
		margin-left: 175px;
	}

	#video-controls .box.box-2{
		width:30%;
	}

	#video-controls .box.box-4{
		display:none;
	}

	/*** onlineformulare ***/

	#empfehlenForm, #contactForm{
		margin-left:0;
		margin-bottom:1em;
	}

	#empfehlenForm .button, .without_label, .contactRow2, #contactFormSubmit{
		margin-left:0;
	}

	#contactForm label, #empfehlenForm label{
		width:100%;
		margin-bottom:0.5em;
	}

	#contactFormSubmit{
		width:100%;
	}

	#contactForm .eingabe, #contactForm .grossesEingabefelder, #contactForm .eingabeMehrzeilig, #empfehlenForm .eingabe, #empfehlenForm .grossesEingabefelder{
		width:100%;
	}

	/*** kalender ***/

	.dates .dates_search label{
		display:block;
	}

	.dates input.date_to, .dates input.date_from, .dates select.category, .dates input.searchword{
		width:100%;
	}

	/*** gastgeber-db ***/

	div.goeat_sleep{
		margin:0;
	}

	#goeat_sleep div.col{
		width:auto;
		display:block;
		float:none;
	}

	#goeat_sleep label{
		margin-bottom:1em;
	}

	#goeat_sleep ul.nav li a{
		padding: 0.4em 1em;
	}

	#goeat_sleep div.checkbox{
		width:100%;
		float:none;
	}

	#news.goeat.sleep a.planer,
	#news.goeat.sleep a.poi-view{
		display:block;
		border:0;
		margin:0;
		padding:5px 0;
	}


	img.resize{
		width:100%;
		height:auto;
	}

	.con_flex_address tab{
		display:block;
		margin:5px 0;
	}

	/*** footer ***/

	#footer address,
	#footer address span{
		display:block !important;
		width:auto !important;
	}

	#footer address span{
		width:100% !important;
	}

	#footer address span p{
		margin:0;
	}

	.privacy-alert{
		padding-top:100px;
	}
}

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

	#page,
	#intro{
		width:auto;
	}
}