@CHARSET "UTF-8";

/* website */
@media only screen 
and (min-device-width : 320px) 
and (max-width : 800px) {

	body
	{
		-webkit-text-size-adjust: 100%;
	}
	
	.distance,
	.overlay,
	.container .head .projectlogo,
	.container .head .ornament.left
	{
		display:none;
	}
	
	.container,
	.container .head,
	.container .boxCenter,
	.container .boxCenter .main,
	.main .lage .box.first .description,
	.main .box.first,
	.main .box.second,
	.container .head .navi,
	.container .main .media,
	.main .gallery,
	.main .angebot .scroll,
	.main .kontakt .box.first .description,
	.main .objekt .box.first .description,
	.main .objekt div.facts,
	.container .head h1
	{
		height:auto;
	}
	
	.main .box.first,
	.main .box.second
	{
		float:none;
	}
	
	.container .head .navi a
	{
		float:none;
		display:inline;
		border-left:none;
		padding-left:0px;
		margin-right:5px;
		line-height:1.8em;
	}
	
	.container .head,
	.container .footer,
	.container .boxCenter .main,
	.main .box.first,
	.main .box.second,
	.container .main .media,
	.main .gallery,
	.main .files
	{
		width:auto;
	}

	.slideshow img,
	.image img,
	.container .main .media img
	{
		max-width:100%;
		width:100%;
	}
	
	.container .head .navi,
	.container .head h1,
	.container .head h2
	{
		margin:0px;
		padding:0px;
		padding-left:3vw;
		padding-right:3vw;
	}
	
	.container .head .navi
	{
		float:none;
		margin:1vh 0px;
		border:0px;
	}
	
	.container .head h1
	{
		white-space: normal;
		letter-spacing: normal;
		margin:2vh 0px .5vh 0px;
	}
	
	.container .head h2
	{
		letter-spacing: normal;
		line-height: normal;
		margin:0px 0px 1vw 0px;
		padding-bottom:2vh;
	}
	
	.container .footer
	{
		line-height:1.4em;
		padding:10px 3vw;
	}
	
	.container .footer a
	{
		line-height:normal;
	}
	
	.container .boxCenter .main
	{
		background:#f8fbde;
		background-image:none;
		padding:3vw;
	}
	
	.main .box.first h1, 
	.main .gallery h1, 
	.main .angebot h1,
	.main .lage .box.first .description
	{
		margin:0px;
	}
	
	.main .lage .box.first .description
	{
		margin: 6px 0px;
	}
	
	.container .main .media
	{
		margin:0px;
		background-size:contain;
		margin: 6px 0px;
	}
	
	.container .main .media img
	{
		display:block;
	}
	
	.main .galleryline
	{
		margin-left:0px;
	}
	
	.main .angebot .scroll
	{
		margin:0px;
	}
	
	.main .kontakt .box.first .description,
	.main .objekt .box.first .description
	{
		margin:1vh 0px;
	}
	
	.main .box.first h2,
	.main .objekt div.facts
	{
		margin-left:0px;
	}
	
	.main .box.first h2	
	{
		margin-top:6px;
	}
	
	.main .files
	{
		margin-top: 12px;
	}
	
	.form
	{
		padding-top: 12px;
		margin-top: 12px;
	}
	
	div.facts
	{
		margin-bottom:6px;
	}
	
	table.facts
	{
		width:100%;
	}
	
	.copy
	{
		text-align:center;
		display:block;
		left:0px;
		right:0px;
		padding:3px;
	}
	
	.inputtext,
	.inputarea
	{
		width:100%;
		box-sizing:border-box;
	}
	
	.inputtext.plz
	{
		width:20%;
	}
	
	.inputtext.city
	{
		width:78%;
	}
	
	.slideshow
	{
		position:relative;
	}
	
	.main .box.second h1
	{
		margin-top:0px;
	}
	
	#flash
	{
		position:static;
		height:auto;
		width:auto;
		bottom:6vw;
		background:rgba(0,0,0,0.6);
		color:white;
		left:3vw;
		right:3vw;
		padding:2vw 4vw;
		top:auto;
	}
	
	#flash h1
	{
		padding-left:0px;
		font-size: 1em;
		animation:none;
		left:0px;
	}
	
	.main
	{
		position:relative;
	}
}

/* player */
@media only screen 
and (min-device-width : 320px) 
and (max-width : 1000px) {
	.player .plrContent
	{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background-color:black;
	}
	
	.player .plrTitle,
	.player .plrClose
	{
		position:fixed;
		z-index:1;
	}
	
	.player .plrTitle
	{
		top:0px;
		right:0px;
		left:0px;
		background:rgba(0,0,0,0.8);
	}
	
	.player .plrContent .plrCurrent
	{
		width:100%;
		height:100%;
		border:none;
	}
	
	.player .plrContent .plrCurrent img,
	.player .plrContent .plrCurrent iframe
	{
		width:100%;
	}
	
	.player .plrContent .plrCurrent iframe
	{
		height:100%;
	}
	
	.player .plrContent .plrPrev,
	.player .plrContent .plrNext
	{
		top:50%;
		margin-top:-20px;
	}
	
	.player .plrContent .plrPrev
	{
		left:0px;
	}
	
	.player .plrContent .plrNext
	{
		right:0px;
	}
	
	.info.animated
	{
		display:none;
	}
}