/* Laptop and Desktop */
@media only screen and (min-width : 1025px) {

	/* Font */
	@font-face {
    font-family: 'amblebold';
    src: url('/CSS/fonts/amble-bold-webfont.eot');
    src: url('/CSS/fonts/amble-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/CSS/fonts/amble-bold-webfont.woff') format('woff'),
         url('/CSS/fonts/amble-bold-webfont.ttf') format('truetype'),
         url('/CSS/fonts/amble-bold-webfont.svg#amblebold') format('svg');
    font-weight: normal;
    font-style: normal;

    }

	@font-face {
	    font-family: 'amblelight';
	    src: url('/CSS/fonts/amble-light-webfont.eot');
	    src: url('/CSS/fonts/amble-light-webfont.eot?#iefix') format('embedded-opentype'),
	         url('/CSS/fonts/amble-light-webfont.woff') format('woff'),
	         url('/CSS/fonts/amble-light-webfont.ttf') format('truetype'),
	         url('/CSS/fonts/amble-light-webfont.svg#amblelight') format('svg');
	    font-weight: normal;
	    font-style: normal;
	
	}
	
	
	/* Headings */
	h1 {
		font-family: 'amblelight', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 20px;
		color: #262626;
	}
	
	h1.black {
		font-family: 'amblelight', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 20px;
		color: black;
	}
	
	h1.white {
		font-family: 'amblebold', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 22px;
		color: white;
	}
	
	h2 {
		font-family: 'amblelight', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 20px;
		color: #262626;
	}
	
	h2.white {
		font-family: 'amblelight', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 24px;
		color: white;
	}
	
	#date {
		width: 120px;
		height: 150px;
	}
	
	#month {
		margin-top: -120px;
		margin-left: 5px;
		font-size: 25px;
		color: #d8d8d8;
		font-family: 'amblebold', sans-serif;
	}
	
	#month-june {
		margin-top: -130px;
		margin-left: 5px;
		font-size: 52px;
		color: #d8d8d8;
		font-family: 'amblebold', sans-serif;
	}

	
	#bignumber {
		font-size: 100px;
		color: #d8d8d8;
		font-family: 'amblebold', sans-serif;
	}
	
	/* Bodystlye */
	body {
		width: 100%;
		margin: 0;
		padding: 0;
		position: absolute;
		background-color: #f2f2f2;
	}
	
	
	/* Header */
	#header {
		z-index: 10;
		width: 100%;
		height: 110px;
		position: fixed;
		background-color: white;
		border-bottom: 1px solid #d9d9d9;
		opacity: 1;
	}
	
	#headercontent {
		width: 1024px;
		height: 110px;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#logo {
		float: left;
		margin-top: 4px;
	}
	
	nav {
		font-family: 'amblelight', sans-serif;
		font-size: 14px;
		float: right;
		margin-top: 24px;
	}
	
	li {
		float: left;
		list-style: none;
		padding-left: 30px;
	}
	
	
	/* Links */
	li a {
		text-decoration: none;
		height: 30px;
		display: block;
		color: grey;
		border-bottom: 1px solid white;
		
		-webkit-color: black;
		-moz-color: black;
		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		-o-transition: all .25s ease;
		transition: all .25s ease;
	}
	
	li a:hover {
		color: black;
		border-bottom: 1px solid #5c5c5c;
	}
	
	li a:active {
		color: black;
		border-bottom: 1px solid #5c5c5c;
	}
	
	.activelink {
		color: black;
		border-bottom: 1px solid #5c5c5c;
	}
	
	
	/* Inhalt */
	
	#newslettertext {
		width: 1024px;
		position: absolute;
		text-align: center;
		margin-top: 300px;
	}
	
	#content {
		width: 1024px;
		height: auto;
		background-color: white;
		display: block;
		position: relative;
		margin-top: 110px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#contentnews {
		padding-left: 120px;
		padding-right: 120px;
		padding-bottom: 100px;
		font-size: 20px;
		line-height: 1.6;
	}
	
	#news {
		width: 635px;
		margin-left: 150px;
		margin-top: -125px;
	}
	
	#reservieren {
		margin-top: 50px;
		margin-left: 150px;
		display: block;
		background-color: #f2f2f2;
		text-align: center;
		width: 320px;
		padding: 2px;
		line-height: 1;
		color: black;
	}
	
	
	/* Slideshow */
	#newsletterbackground {
		background-image: url(../files/Foyer_Newsletter_MG_5190.png);
		background-position: center center;
		background-size: cover;
		width: 100%;
		height: 500px;
		background-color: gray;
	}

	#map {
		background-image: url(../files/platzhalter/platzhalter.jpeg);
		background-position: center center;
		background-size: cover;
		width: 100%;
		height: 500px;
		background-color: gray;
	}


	/* Newsletter */
	
	#socialmediaicons {
		position: absolute;
		margin-top: 170px;
		margin-left: 41%;
	}
	
	#smicons {
		margin-right: 20px;
	}
	
	#newsletter {
		text-align: center; 
		background-color: rgba(0, 0, 0, .3);
		background-image: url(/files/Foyer_Newsletter_MG_5190.png);
		background-position: center center;
		background-size: cover;
		width: 1024px;
		height: 500px;
	}
			
	.mc-field-group { 
		position: absolute;
		margin-top: 230px;
		margin-left: 35%;
	}
			
	#mce-EMAIL {
		width: 220px;
		height: 45px;
		text-align: center;
		font-size: 15px;
		font-family: 'amblelight', sans-serif;
		float: left;
		border: 0;
		margin-right: 2px;
	}
			
	#mc-embedded-subscribe {
		width: 47px;
		height: 47px;
		background-color: white;
		border: 0;
		background-image: url(/files/submitbutton.png);
		background-position: center center;
		background-size: cover;
				
		-webkit-background-color: white;
		-moz-background-color: white;
		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		-o-transition: all .25s ease;
		transition: all .25s ease;
	}
			
	#mc-embedded-subscribe:hover {
		width: 47px;
		height: 47px;
		background-color: black;
		border: 0;
		background-image: url(/files/submitbutton.png);
		background-position: center center;
		background-size: cover;
	}
			
	.clear {
		float: left;
		margin-top: 0px;			
	}
	
	
	/* Footer */
	footer {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		padding-top: 100px;
		padding-bottom: 100px;
		width: 1024px;
		height: auto;
	}
	
	.Mark {
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 20px;
	}
	
	p.copyright {
		text-align: center;
		font-family: 'amblelight', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 14px;
		color: #262626;
	}
	
	p a {
		text-decoration: none;
		color: #262626;
	}
	
	p a:hover {
		text-decoration: underline;
		color: #262626;
	}
		/* BEST */
	.bestspacer {
		margin-top:76px;
		margin-bottom: 24px;
		height:10px;
		text-align: center;
	}

	.bestholder {
		text-align: center;
	}

	.bestholder a {
		margin: 0px 19px 38px;
		display: inline-block;
	}
}