* {
	font-family: "Open Sans", sans-serif;
}

html {
	margin: 0;
	padding: 0;
	background-image: url("../assets/MarbleWhite0040_2.jpg");
	background-image: url("../assets/MarbleWhite0063_1_M.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
	body {
		margin: 0;
		padding: 0;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-image: url("../assets/DecalsDamage_2.png");
		background-position: 0 2%;
		background-image: url("../assets/DecalsDamage_3.png");
		background-position: -11% 16%;

	}

.clearboth {
	clear: both;
}

#wrapper {
	max-width: 990px;
	margin: 0 auto;
	padding: 25px 0 10px;
	/* debug to match grid */
	/* background-image: url("./baseline/baseline+column.png"); */

	/* background-image: url("../images/bg/PagePlain0105_S.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed; */
    background-color: rgba(255, 255, 255, 0.6);

}
#header {
	height: 145px;
	border-top: 3px solid #333;
	border-bottom: 2px solid #333;
    margin: 0 0 14px;
    padding: 9px 0;
    /* background-color: rgba(255, 255, 255, 0.6);
    background-color: #EBE1D5; */
    background-color: #C8D0C0;
}
#logo {
   	float: left;
    height: 100%;
    margin-right: 95px;
    padding-left: 15px;
    width: auto;
}
	#logo img {
		width: auto;
		height: 100%;
	}

#resorts section {
	width: 30%;
	float: left;
	height: 430px;
	padding: 1%;
}
	#resorts section img {
		width: 90%;
		height: auto;

		-webkit-box-shadow: 0 0 5px 3px rgba(33,44,33,0.6);
		box-shadow: 0 0 5px 3px rgba(33,44,33,0.6);
	}

	.offer {
		font-size: 16px;
		line-height: 18px;
		padding: 2px 0 0;
		word-wrap: break-word;
	}

	#resorts:after {
		content: '';
		display: block;
		height: 1px;
		clear: both;
	}

div#footer {
	/* height: 100px; */
	border-top: 1px solid #333;
	border-bottom: 2px solid #333;
    margin: 25px 0 14px;
    padding: 9px 0;
    background-color: rgba(255, 255, 255, 0.6);
    background-color: #fff;
    /* background-image: url('../assets/DecalsDamage.png');
    background-size: cover; */
    background-color: #C8D0C0;
}
	#footer-logo,
	div#footer .letter {
	   	float: left;
	    height: 100%;
		margin-right: 20px;
	    width: 30%;
    	text-align: center;
    	cursor: pointer;
	}
		#footer-logo img {
			width: auto;
			height: 100%;
		}
		div#footer .letter img {
			width: 90px;
			height: auto;
			margin: 5px 15px;
		}
	div#footer p,
	div#footer address {
		float: left;
		margin-right: 20px;
		width: 30%;
		font-size: 16px;
		line-height: 18px;
	}
	div#footer form {
		width: 230px;
		float: right;
	}


article {
	clear: both;
	padding: 0 0 0 15px;
}

		
h1, h1 span {
	color: #c65c3f;
	color: rgb(50,77,91);
	font-family: "Playfair Display", serif;
	font-size: 40px;
	font-weight: normal;
	line-height: 48px;
	margin: 0 0 6px;
}

h2 {
	color: #363636;
	font-family: "Playfair Display", serif;
	font-size: 26px;
	font-weight: normal;
	line-height: 36px;
	margin: 0 0 18px;
	padding: 12px 0 0;
}

h3 {
	color: #c65c3f;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	margin: 0 0 18px;
	padding: 12px 0 0;
	text-transform: uppercase;
}

p {
	color: #363636;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 18px;
}

.post-info {
	color: #b8b8b8;
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	margin: 0 0 18px;
	text-transform: uppercase;
}


/* image zoom */
#popupContent {
	background-color: rgba(255, 255, 255, 0.9);
	background-color: #fff;
	padding: 20px;

	-webkit-box-shadow: 0 0 5px 3px rgba(33,44,33,0.6);
	box-shadow: 0 0 5px 3px rgba(33,44,33,0.6);
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
	#popupContent .caption {
	    /* background-color: rgba(255,255,255,0.8);
	    bottom: 0;
	    height: 20px;
	    position: relative;
	    top: -24px; */
	}
	#popupContent .offer {
		display: none;
	}

/* form */
form {
	width: 400px;
}
	input[type=text],
	textarea {
		width: 350px;
	}
	.terms { 
		display:none;
		/* opacity: 0.5;*/
	 }
	 #contact-message {
	 	color: rgb(50,77,91);;
	 }
	 template#contact-form {
	 	display: none;
	 }
	 
/* link-referenzen-leistungen */
#link-referenzen-leistungen {
	display: flex;
	flex-wrap: wrap;
}
	#link-referenzen-leistungen div {
		display: block;
		width: 50%;
		text-align: center;
	}
	#link-referenzen-leistungen div a {
		padding: 15px 25px;
		margin-bottom: 25px;
		text-transform: uppercase;
		font-weight: 600;
		background-color: #fff;
	}
/* referenzen */
#referenzen section {
	display: flex;
	flex-wrap: wrap;
}

	 #referenzen .entry {
		width: 50%;
		margin-bottom: 15px;;
	 }
	 #referenzen .title{
		font-weight: 600;
	}
	#referenzen .info {
		
	}