body{
font-family:'Bookman Old Style Regular',Arial,Sans-Serif;
font-size:22px;
line-height:28px;
color:#5a5a59;
}
@media screen and (max-width:600px){
	body{
	font-size:18px;
	line-height:24px;
	color:#5a5a59;
	}
}
#preload{
display:block;
z-index:9999;
position:fixed;
width:100%;
height:100%;
background:url(../img/preload.gif) no-repeat center center #fff;
}
.wrapper{
margin:0 auto;
width:1400px;
}
@media screen and (max-width:1000px){
	.wrapper{
	margin:0 4%;
	width:92%;
	}
}
h6.wrapper{
margin:0 auto;
padding:0 200px 0 0;
width:740px;
display:block;
}
@media screen and (max-width:1000px){
	h6.wrapper{
	padding:0;
	margin:0 4%;
	width:92%;
	}
}
nav#desktopNav{
z-index:60;
position:fixed;
top:0;
left:0;
width:100%;
height:35px;
background:#d40920;
text-align:center;
-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.2);
box-shadow:0 2px 5px 0 rgba(0,0,0,.2);
}
@media screen and (max-width:1000px){
	nav#desktopNav{
	display:none;
	}
}
	nav#desktopNav a{
	display:inline-block;
	margin:0;
	padding:0 15px 10px 15px;
	height:25px;
	font-weight:bold;
	font-size:14px;
	line-height:25px;
	text-transform:uppercase;
	color:#fff;
	}
	nav#desktopNav a.mobileOnly{
	display:none;
	}
		nav#desktopNav a:hover,nav#desktopNav a.active{
		color:#000;
		background:#fff;
		}
		nav#desktopNav a span.arrow{
		margin:0 auto;
		display:block;
		width:11px;
		height:6px;
		background:url(../img/icons.svg) 0 0 no-repeat;
		}
a#mobileNavTriggerOpen{
display:none;
}	
nav#mobileNav{
display:none;
}
@media screen and (max-width:1000px){
	a#mobileNavTriggerOpen{
	z-index:50;
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:26px;
	font-size:12px;
	line-height:26px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	background:#000;
	-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.2);
	box-shadow:0 2px 5px 0 rgba(0,0,0,.2);
	}	
		a#mobileNavTriggerOpen:hover{
		color:#000;
		background:#fff;
		}
		a#mobileNavTriggerOpen span{
		z-index:51;
		position:absolute;
		display:block;
		top:26px;
		width:11px;
		height:6px;
		background:url(../img/icons.svg) 0 0;
		}	
			a#mobileNavTriggerOpen:hover span{			
			background:url(../img/icons.svg) 0 -6px;
			}
	nav#mobileNav{
	z-index:60;
	position:absolute;
	width:100%;
	background:#fff;
	-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.2);
	box-shadow:0 2px 5px 0 rgba(0,0,0,.2);
	}
		nav#mobileNav a#mobileNavTriggerClose{
		font-size:16px;
		line-height:44px;
		text-align:center;
		color:#fff;
		font-weight:bold;
		text-transform:uppercase;
		background:#000;
		cursor:pointer;
		}
		nav#mobileNav a#mobileNavTriggerClose:hover{
		color:#000;
		background:#fff;
		}
			nav#mobileNav a#mobileNavTriggerClose span{	
			display:block;
			margin:0 auto;			
			width:11px;
			height:6px;
			background:url(../img/icons.svg) -11px -6px;
			}
			nav#mobileNav a#mobileNavTriggerClose:hover span{
			background:url(../img/icons.svg)-11px 0;
			}
		nav#mobileNav a{
		display:block;	
		font-size:24px;
		line-height:50px;
		font-weight:bold;
		text-align:center;
		text-transform:uppercase;
		color:#000;
		border-bottom:1px solid #f5f5f5;
		}
		div#langNav a{
		float:left;
		width:50%;
		text-align:center;	
		border:none;
		}
			nav#mobileNav a:hover,nav#mobileNav a.active{	
			color:#fff;
			background:#000;	
			}
}	
header{
z-index:10;
background:#000;
}
	#logo{
	z-index:50;
	position:absolute;
	top:92px;
	width:394px;
	height:130px;	
	}
		#logo img{
		-webkit-box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.35);
		-moz-box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.35);
		box-shadow:0px 0px 7px 0px rgba(0, 0, 0, 0.35);
		}
	@media screen and (max-width:480px){
		#logo{
		top:60px;
		width:100%;
		height:68px;		
		}
			#logo img{
			display:block;
			margin:0 auto;
			height:68px;			
			}
	}
	#goToSection{
	z-index:50;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:67px;
	background:url(../img/goToSection.png) center no-repeat;
	line-height:0;
	}
	#goToText{
	z-index:50;
	position:absolute;
	left:50%;
	bottom:-30px;
	padding:12px 0 0 0;
	width:125px;
	height:113px;	
	font-size:18px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	background:#d40920;
	-webkit-border-radius:125px;
	border-radius:125px;
	cursor:pointer;
	}
	@media screen and (max-width:600px){
		#goToText{
		bottom:-15px;
		font-size:16px;
		padding:7px 0 0 0;
		width:100px;
		height:93px;
		-webkit-border-radius:100px;
		border-radius:100px;
		}
	}
	#claim{
	opacity:0;
	display:none;
	z-index:5999;
	position:absolute;
	width:100%;
	bottom:133px;	
	}
	@media screen and (max-width:600px){
		#claim{
		bottom:105px;
		}
	}
		h6{
		font-size:60px;
		line-height:70px;
		font-style:normal;		
		font-weight:normal;
		color:#fff;
		text-shadow:1px 1px 2px rgba(0,0,0,.5);
		}
		@media screen and (max-width:1000px){
			h6{
			font-size:24px;
			line-height:30px;
			}
		}
	/*
	#cycle{
	z-index:1;
	display:block;
	width:100%;
	height:100%;
	position:fixed;
	}
		#cycle div{	
		width:100%;
		height:100%;
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;	
		}
	*/
	#cycle{
	position:absolute;
	z-index:1;
	overflow:hidden;
	width:100%;
	max-width:100%; 
	height:100%; 
	margin:0; 
	padding:0;
	}
		#cycle div{
		width:100%;
		height:100%;
		background-repeat:no-repeat;
		background-position:center center;		
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		 background-size:cover;
		}
		@media screen and (min-width:1025px){	
			#cycle div{
			background-attachment:fixed;
			}
		}
	#cyclePager{
	z-index:50;
	position:absolute;
	width:100%;
	bottom:55px;	
	}
	@media screen and (max-width:480px){
		#cyclePager{
		bottom:55px;
		}
	}
		.cyclePagerwrapper{
		text-align:right;
		}
		#cyclePager span{
		color:#fff;
		font-size:35px;
		line-height:35px;
		letter-spacing:-5px;
		opacity:.5;
		cursor:pointer;
		text-shadow:0 0 25px rgba(0,0,0,.5);		
		}
			#cyclePager span:hover,#cyclePager span.cycle-pager-active{
			opacity:1;
			}
section{
z-index:10;
overflow:hidden;
padding:24px 0 60px 0;
background:#fff;
}	
@media screen and (max-width:600px){
	section{
	padding:0 0 40px 0;
	}	
}
	/*MISC*/
		ul,ol{
		margin:20px 25px;
		}
		ul.horizontal-list{
		margin:20px 0;
		display:block;
		height:30px;
		}
			ul li{
			list-style:square;
			}
			ul.horizontal-list li{
			padding:7px 0 0 0;
			display:block;
			float:left;
			list-style:none;
			}
				ul.horizontal-list li.facebook{
				padding:0 40px 0 0;
				}
		a{
		color:#d40920;
		}
			a:hover{
			color:#000;
			}
		h1{
		padding:0 0 20px 0;
		font-size:40px;
		line-height:46px;
		color:#d40920;
		text-transform:uppercase;
		font-family: 'Bookman Old Style Bold',Arial,Sans-Serif;
		}
		@media screen and (max-width:600px){
			h1{
			padding:0 0 15px 0;
			font-size:32px;
			line-height:38px;
			}
		}
		h2{
		padding:0 0 15px 0;
		font-size:30px;
		line-height:36px;
		color:#d40920;
		text-transform:uppercase;
		font-family: 'Bookman Old Style Bold',Arial,Sans-Serif;
		}
		@media screen and (max-width:600px){
			h2{
			padding:0 0 10px 0;
			font-size:26px;
			line-height:32px;
			}
		}
		h3{
		padding:0 0 5px 0;
		font-size:22px;
		line-height:28px;
		text-transform:uppercase;
		color:#5a5a59;
		font-family: 'Bookman Old Style Bold',Arial,Sans-Serif;
		}
		@media screen and (max-width:600px){
			h3{
			padding:0 0 5px 0;
			font-size:18px;
			line-height:24px;
			}
		}
		a.button,.news a{
		display:block;
		margin:10px 0 0 0;
		width:100%;
		height:50px;
		text-align:center;
		font-size:22px;
		line-height:50px;
		color:#fff;
		text-transform:uppercase;
		font-weight:bold;
		background:#000;
		-webkit-border-radius:2px 2px 2px 2px;
		border-radius:2px 2px 2px 2px;
		}	
		@media screen and (max-width:600px){
			a.button,.news a{
			height:48px;
			font-size:20px;
			line-height:48px;
			}
		}
			a.button:hover,.news a:hover{
			color:#000;
			background:#fff;
			-webkit-box-shadow:inset 0px 0px 0px 1px #000;
			-moz-box-shadow:inset 0px 0px 0px 1px #000;
			box-shadow:inset 0px 0px 0px 1px #000;
			}
			a.button.buttonText{
			font-size:22px;
			line-height:30px;
			}
			@media screen and (min-width:1000px){
				a.button.buttonHalf, a.button.buttonFirstHalf{
				float:left;
				width:456px;
				}
					a.button.buttonFirstHalf{
					margin:10px 28px 0 0;
					}
			}
			a.button span{
			display:block;
			clear:both;
			font-size:13px;
			line-height:20px;
			color:#e74c3c;
			}
		.icons{
		display:block;
		margin:0 auto;
		width:90px;
		height:90px;
		background:url(../img/icons.svg) 0 0 no-repeat;
		}
			.iconsSuppentopf{
			background-position:-22px 0;
			}
			.iconsNewsletter{
			background-position:-112px 0;
			}
			.iconsGeschenk{
			background-position:-202px 0;
			}
			.iconsReben{
			background-position:-292px 0;
			}
			.iconsGlocke{
			background-position:-382px 0;
			}
		.contentBlock{
		margin:0 0 28px 0;
		padding:60px 5%;
		width:90%;
		text-align:center;
		color:#5a5a59;
		background:#f5f5f5;
		-webkit-border-radius:2px 2px 2px 2px;
		border-radius:2px 2px 2px 2px;
		}		
		@media screen and (max-width:600px){
			.contentBlock{
			padding:40px 5%;
			}	
		}
		.contentBlockHalf{
		float:left;
		padding:60px 25px;
		width:406px;
		}
		.contentBlockFirstHalf{
		margin:0 28px 28px 0;
		}
		@media screen and (max-width:1000px){
			.contentBlockHalf,.contentBlockFirstHalf{
			float:none;
			margin:0 0 28px 0;
			padding:60px 5%;
			width:90%;
			}
		}
		@media screen and (max-width:600px){
			.contentBlockHalf{
			padding:40px 5%;
			}	
		}
			.contentBlock h2{
			padding:30px 0 10px 0;
			}
		.news{
		overflow:hidden;
		display:block;
		padding:28px 3%;	
		margin:0 0 60px 0;
		width:94%;
		background:#f5f5f5;
		color:#5a5a59;
		}	
			.news h3{		
			padding:0 0 15px 0;
			font-size:30px;
			line-height:36px;
			text-transform:uppercase;
			color:#000;
			}
			@media screen and (max-width:600px){
				.news h3{	
				padding:0 0 10px 0;
				font-size:26px;
				line-height:32px;
				}
			}
			.news span{		
			color:#000;
			}
			.news a{		
			float:right;
			display:block;
			margin:10px 0 0 0;
			padding:0 30px;
			width:auto;
			height:50px;
			text-align:center;
			font-size:22px;
			line-height:50px;
			color:#fff;
			text-transform:uppercase;
			font-weight:bold;
			background:#000;
			-webkit-border-radius:2px 2px 2px 2px;
			border-radius:2px 2px 2px 2px;
			}
			@media screen and (max-width:600px){
				.news a{				
				height:48px;
				font-size:20px;
				line-height:48px;		
				}
			}
				.news a:hover{		
				background:#fff;
				}				
				.news h3 a,.news h3 a:hover{		
				float:none;
				display:inline-block;
				padding:0;
				margin:0;
				height:auto;
				text-align:left;
				font-size:30px;
				line-height:36px;
				color:#000;
				font-weight:inherit;
				background:none;
				}	
				@media screen and (max-width:600px){
					.news h3 a,.news h3 a:hover{	
					font-size:26px;
					line-height:32px;
					}
				}
	/*MISC*/
aside{
z-index:10;
overflow:hidden;
padding:60px 0;
background:#d40920;
color:#fff;
text-align:center;
}
@media screen and (max-width:600px){
	aside{
	padding:40px 0;
	}	
}
	/*MISC*/
		aside h1{
		padding:25px 0 17px 0;
		color:#fff;
		}
		aside a.button:hover{
		color:#000;
		background:#fff;
		}
	/*MISC*/
#footerNav,nav span.fa,nav#footerNav a{
display:none;
}
@media screen and (max-width:600px){
	#footerNav{
	z-index:10;
	display:block;
	overflow:hidden;
	width:100%;
	background:#000;
	}	
		nav#footerNav a.showInFooterNav{
		display:block;	
		padding:0 4%;
		font-size:24px;
		line-height:50px;
		font-weight:bold;
		text-align:left;
		text-transform:uppercase;
		color:#fff;
		border-bottom:1px solid #fff;
		}	
			nav#footerNav a:hover,nav#footerNav a.active{	
			color:#000;
			background:#fff;	
			border-bottom:1px solid #000;
			}
			nav#footerNav span.fa{
			display:block;
			float:right;
			font-size:30px;
			line-height:50px;
			}
}
footer{
z-index:10;
color:#f5f5f5;
background:#000;
}
	footer a{
	color:#f5f5f5;
	}
		footer a:hover{
		color:#fff;
		}
	#footerTop{
    padding: 60px 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
    background: url(../img/bild-mazot-zermatt-B.jpg);
    background-position: 0px 75%;
    background-repeat: no-repeat;
	}
	@media screen and (max-width:600px){
			#footerTop{
			padding:40px 0;
			font-size:16px;
			line-height:20px;
	    	background-position: 5% 60%;
		}	
	}
	@media screen and (max-width:1000px){
		#footerTop{
    		background-position: 0px 65%;
		}	
	}
	
	#logoFooter{
	clear: both;
    display: block;
    margin: 3px auto 14px auto;
    width: 250px;
	/*height:48px;*/
	}
	#footerBottom{
	overflow:hidden;
	background:#000;
	}	
		.imprint{		
		float:left;
		height:50px;
		font-size:14px;
		line-height:50px;	
		}
		@media screen and (max-width:1000px){
			.imprint{
			display:block;
			float:none;	
			width:100%;
			text-align:center;
			}
		}
		@media screen and (max-width:820px){
			.imprint{
			display:none;	
			}
		}
		.social{
		float:right;
		}
			.social a{
			display:inline-block;
			width:50px;
			height:50px;
			-o-transition:none;
			-ms-transition:none;
			-moz-transition:none;
			-webkit-transition:none;
			transition:none;	
			}
			.social a.facebook, .social a.tripadvisor{
				/*background-position:0 -90px;*/
    			padding-top: 15px;
    			height: auto;
			}
			.social a.facebook:hover, .social a.tripadvisor:hover{
				font-style:italic;
				font-weight:bold;
			}
		@media screen and (max-width:1000px){
			.social{
			display:block;
			float:none;	
			width:100%;
			text-align:center;
			}
		}
		.lang{
		float:right;
		margin:0 0 0 60px;		
		}
			.lang a{
			display:block;
			float:left;
			width:50px;
			height:50px;
			font-size:16px;
			line-height:50px;
			text-align:center;
			text-decoration:none;
			-o-transition:none;
			-ms-transition:none;
			-moz-transition:none;
			-webkit-transition:none;
			transition:none;
			}
			.lang a:hover,.lang a.active{
			font-style:italic;
			font-weight:bold;
			background:url(../img/icons.svg) -100px -90px;
			}
		@media screen and (max-width:1000px){
			.lang{
			display:none;	
			}
		}
		@media screen and (max-width:700px){
			#ui-datepicker-div{
			font-size:17px;
			}
		}
@media screen and (max-width:320px){
			#ui-datepicker-div{
			width: 90%;
			}
		}