*
{
	margin: 0;
	padding: 0;
	font-size: 1em;
}

body
{
	background-color: #FAFAFA;
	width: 100%;
	height: 100%;
}

@media all and (max-width: 599px)
{

	#slider
	{
		width: 100%;
	}
	
	.swipe
	{
	  	overflow: hidden;
	  	visibility: hidden;
	  	position: relative;
	}
	
	.swipe-wrap
	{
	  	overflow: hidden;
	  	position: relative;
	  
	  	width: 100%;
	}
	
	.swipe-wrap > div
	{
		float:left;
	  	width:100%;
	  	margin: 0;
	  	padding: 0;
	  	position: relative;
	}
	
	#swipe-navigation
	{
		position: fixed;
		bottom: 0em;
		width: 100%;	
		height: 32px;
		z-index: 99;
		background-color: white;
		display: block;
		border-top: 1px solid black;
	}
	
	#swipe-navigation p
	{
		text-align: center;
		margin-top: 4px;
		

		margin-left: 0;
		margin-right: 0;
	}
	
	#swipe-navigation a
	{
		margin: 0em 0.5%;
	}
	
	#swipe-navigation a:first-of-type
	{
		margin-left: 0;
	}

	#scroll-indicator
	{
		position: absolute;
		bottom: 2.5em;
		left: 45%;
		z-index: 99;
	}

	#wrapper
	{
		width: 100%;
	}
	
	/*#slider, .swipe, .swipe-wrap
	{
		overflow: auto;
		width: 100%;
	}*/

	#addr-desktop
	{
		display: none;
	}
	
	.banner-large, .banner-small
	{
		position: relative;
		width: 100%;

		
		top: 0;
	}

	
	.banner-large img, .banner-small img
	{
		position: relative;
		width: 100%;
	}
	
	.banner-large iframe
	{
		width: 90%;
		height: 25em;
	}
	
	#logo-desktop
	{
		display: none;
	}
	
	#logo-mobile
	{
		position: relative;
		margin-top: -9.58em;
		margin-left: 0.85em;
		height: 7em;
		width: 7em;
		padding: 0.25em 0em 0.2em 0.25em;
		
		background: rgba(255, 255, 255, 0.8);
	}
	
	#logo-mobile img
	{
		float: left;
		height: 3.3em;
		margin: -0.3em 0em 0.0em 1.75em;
	}
		
	#logo-mobile h2
	{
		margin-top: 0.0em;
		font: 0.75em 'Futura W01 Book', Futura, Helvetica;
		text-align: center;
	}
	
	#logo-mobile h1
	{
		margin-top: 0em;
		font: 1.25em/1.15em 'Futura W01 Book', Futura, Helvetica;
		text-align: center;
	}

	.parallax_layer--base
	{
		margin-top: 0.7em;
	}
	
	.parallax_layer--base:last-child
	{
		margin-bottom: 4em;
	}
	
	#content_start
	{
		position: relative;
		width: 100%;
		margin-top: 2.22em;
	}
	
	.parallax_group
	{
		margin-bottom: 4em;
	}
	
	
	.opening-hours
	{
		width: 50%;
		height: 7em;
		margin: 2em auto;
		display: block;
		position: relative;
		
		text-align: center;
	}
	
	/* Schriften */
	
	body
	{
		font-family: 'FrutigerNextW04-Regular', Frutiger, Helvetica, Arial, sans-serif;
	}
	
	h3, h4
	{
		margin: -0.1em 0.4em;
		font-size: 1.5em;
		line-height: 1.3em;
	}
	
	h4
	{
		margin: 1em 0.6em;
		font-size: 1.3em;
	}
	
	p
	{
		margin: 1em 0.6em;
		font-size: 1.15em;
		line-height: 1.4em;
	}
	
	em
	{
		font-style: normal;
		font-weight: bold;
	}
	
	.tel
	{
		text-align: center;
	}
	
	#swipe-navigation p
	{
		font-size: 0.95em;
	}
	
	#swipe-navigation a
	{
		color: black;
		text-decoration: none;
	}
	
}

@media screen and (min-width: 600px)
{

	#wrapper
	{
		max-width: 1064px;
		margin: 0 auto;
	}
	
	#slider
	{
		width: 100%;
	}
	
	.swipe
	{
	  	overflow: hidden;
	  	visibility: hidden;
	  	position: relative;
	  	margin-top: 0em;
	  	height: 555px;
	}
	
	.swipe-wrap
	{
	  	overflow: hidden;
	  	position: relative;
	  
	  	width: 100%;
	}
	
	.swipe-wrap > div
	{
	  	float:left;
	  	width:100%;
	  	margin: 0;
	  	padding: 0;
	  	position: relative;
	}
	
	#swipe-navigation
	{
		position: relative;
		top: -0.5em;
		
		width: 100%;
		z-index: 99;	
		
	}
		
	.parallax_group
	{
		width: 100%;
		height: 575px;
	}

	.parallax_layer--back
	{
		float: left;
		
		overflow: hidden;
	}
	
	.parallax_layer--base
	{
		
		margin: -0.4em 2em auto 27.5em;
		padding-top: 1em;

	}
	
	#content_start
	{
		margin-top: 0em;
		margin-right: 1em;
	}

	.banner-large, .banner-small
	{
		width: 26em;
	}

	.banner-large img, .banner-small img
	{
		width: 100%;
	}
	
	.banner-large iframe
	{
		width: 100%;
		height: 555px;
	}
	
	#logo-mobile
	{
		display: none;
	}
	
	#logo-desktop
	{
		position: relative;
		top: -0.75em;
		margin: 0 auto;
		height: 3em;
		width: 18em;
		
		
		/*background: rgba(255, 255, 255, 0.8);*/
	}
	
	#logo-desktop img
	{
		position: relative;
		height: 3.25em;
		margin-top: -0.42em;
	}
		
	#logo-desktop h2
	{
		margin-top: -3.7em;
		margin-left: 3.55rem;
		text-align: left;
	}
	
	#logo-desktop h1
	{
		margin-top: 0em;
		margin-left: 3.55rem;
		text-align: left;
	}
	
	#addr-desktop
	{
		position: relative;
		float: right;
		margin: -3.4em auto;
		height: 1em;
		
	}
	
	#addr-desktop p
	{
		font-size: 0.95em;
		margin-right: 2.5em;
	}
	
	#addr-desktop a
	{
		color: black;
		text-decoration: none;
	}

	.opening-hours
	{
		width: 50%;
		min-width: 15em;
		max-width: 22em;
		height: 7em;
		margin: 0em 0;
		display: block;
		position: relative;
		
		text-align: center;
	}
	
	#scroll-indicator
	{
		display: none;
	}
	
	
	/* Schriften */
	
	body
	{
		font-family: 'FrutigerNextW04-Regular', Frutiger, Helvetica, Arial, sans-serif;
	}
	
	#logo-desktop h2
	{
		font: 0.9em 'Futura W01 Book', Futura, Helvetica;
	}
	
	#logo-desktop h1
	{
		font: 1.35em/1.25em 'Futura W01 Book', Futura, Helvetica;
	}
	
	h3, h4
	{
		margin: 0.5em 0.375em;
		font-size: 1.5em;
		line-height: 1.3em;
		font-weight: normal;
	}
	
	h4
	{
		font-size: 1.35em;
	}
	
	p
	{
		margin: 1em 0.5em;
		font-size: 1.15em;
		line-height: 1.4em;
	}
	
	.tel
	{
		font-size: 1.15em;
		margin-top: 1.15em;
		margin-bottom: 1.15em;
	}
	
	#swipe-navigation p
	{
		text-align: center;
		font-size: 1.25em;
	}
	
	#swipe-navigation a
	{
		color: black;
		text-decoration: none;
		padding: 0.25em;
	}
	
}

/* Desktop-Layout, aber schmales Fenster (z.B. Tablet Portrait) */ 
@media screen and (min-width: 600px) and (max-width: 799px)
{
	h3
	{
		font-size: 1.45em;
	}
	
	h4
	{
		font-size: 1.3em;
	}
	
	p
	{
		font-size: 1.05em;
	}
	
	#content_start
	{
		margin-right: 0em;
	}

}

/* Desktop-Layout, aber superschmales Fenster */ 
@media screen and (min-width: 600px) and (max-width: 699px)
{
		.swipe
		{
			height: 533px;
		}
		
		.banner-large, .banner-small
		{
			width: 25em;
		}
		
		.parallax_layer--base
		{
			margin-left: 26em;
		}
		
		h3
		{
			font-size: 1.4em;
		}
		
		h4
		{
			font-size: 1.2em;
		}
		
		p
		{
			font-size: 1.0em;
		}
		
}

/* Desktop-Layout, aber sehr niedriges Fenster (z.B. Tablet Landscape, Netbook) */
@media screen and (min-width: 600px) and (max-height: 700px)
{
	#logo-desktop
	{
		height: 2.5em;
		margin-top: -0.5em;
	}
	
	#swipe-navigation
	{
		height: 2em;
	}
	
	#logo-desktop img
	{
		height: 2.5em;
		margin-top: -0.1em;
		margin-left: 0.75em;
	}
	
	#logo-desktop h2
	{
		margin-top: -3.45em;
		font-size: 0.75em;
	}
	
	#logo-desktop h1
	{
		font-size: 1.15em;
		margin-top: -0.15em;
	}
	
	#swipe-navigation p
	{
		font-size: 1.15em;
	}
	
	#addr-desktop
	{
		margin-top: -2.95em;
	}
}

em
{
	font-style: normal;
	background-color: #C4C4C4;
	padding: 0.25em 0.25em 0.05em 0.25em;
}

#slider a
{
	color: black;
	text-decoration: none;
	font-style: normal;
	border-bottom: 0.15em solid #C4C4C4;
	padding: 0em 0.25em 0.05em 0.25em;
}

#slider .tel a
{
	text-decoration: none;
	border: none;
}

.parallax_group
{
	background-color: #E8E8E8;
}

iframe
{
	border: 0;
}

.opening-hours-day
{	
	position: relative;
	float: left;
	width: 20%;
	margin: 0 auto;
	
	text-align: center;	
}

.opening-hours-day dt
{
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 0.5em;
}

.opening-hours-day dd
{
	height: 1.05em;

	margin-bottom: 0.5em;
	margin-top: 0.15em;
}

.svg-scroll-down
{
	stroke: black;
	stroke-width: 0;
	width: 10%;
	height: 10%;
	
	fill: lightgrey;
}

#swipe-navigation p
{
	font-family: 'Futura W01 Book', Futura, Helvetica;
}