/*Allgemein*/
* {
	margin: 0;
	padding:0;
	
	font-family:sans-serif;
		
}

.wrapper {
	width: 960px;
	max-width: 90%;
	
	margin: 0 auto;
	
}

#footert {
	background-color: #FFC0CB;
}

/*Navigation*/

nav {
	position: fixed;
	top: 0;
	z-index: 10;
	
	width: 100%;
	height: 130px;
	
	background-color: white;
	
	padding-bottom: 10px;
}

#logo {
	width: 120px;
	height: 60px;
	
	float: left;
	
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left:30px;
}

#menu {
	float: right;
	margin-top: -20px;
	margin-right: 30px;
}

#menu a {
	padding-right: 15px;
	
	text-decoration: none;
	color: black;
	font-weight: 700;
}
#menu a:hover {
	color: blue;
}

#menuFoot {
	float: right;
	margin: 20px 0px;
	
	height: 20px;
}

#menuFoot a {
	padding-right: auto;
	
	text-decoration: none;
	color: black;
	font-weight: 700;
	
	margin-right: 200px;
}

#menuFoot a:hover{
	color: blue;
}

#navigationFoot {
	width: 100%;
	height: 20px;
	background-color: white;
}

#menuFootEindrücke {
	float: right;

	margin: 20px 0px;
	height: 20px;
}

#menuFootEindrücke a {
	text-decoration: none;
	color: black;
	font-weight: 700;
	
	margin-right: 455px;
}

#menuFootEindrücke a:hover {
	color: blue;
}

/*Banner1*/

#banner {
	margin-top: 130px;
	width:100%;
	height: 420px;
	
	background:url(bilder/Strand5.jpeg);
	background-size:cover;
	z-index: 0;
	
}

#banner h1 {
	padding-top: 180px;
	text-align: center;
	color: white;
	font-weight: 400;
}

/*Bild1*/

#Banner2 {
	height: 350px;
	width: 400px;
	
	margin: 0 auto;
	margin-bottom: 640px;
	margin-top: 50px;
	
}

#Banner2 img {
	object-fit: cover; 
	width: 100%; 
	height: 100%;
}

#Banner2 a {
	text-decoration: none;
	font-size: 30px;
	font-weight: 700;
	color: black;
	
	margin-left: 60px;
}

#Banner2 a:hover {
	color:blue;
}

/*Home Text*/

#content1 {

}

#content1 h2 {
	font-size: 18px;
	width: 800px;
	max-width: 90%;
	line-height: 25px;
	text-align: center;
	
	margin-left: 15px;
	margin-bottom: 30px;
}

#content1 p {
	width: 400px;
	
	float: left;
	
	margin-right: 30px;

	
	letter-spacing: 0.3px;
	font-weight: 200;
	line-height: 25px;
	text-align: left;
}

#content1 li {
	float: left;
	
	margin:;
	margin-left:;
	
	
	width: 400px;
	
	letter-spacing: 0.5;
	font-weight: 200;
	line-height: 30px
}


#OnlineBuchen a:hover {
	color:blue;
	background-color: White;
	
}

/*Kontakt Text*/

#contentKontakt {
	text-align	: center;
	margin: 15px auto;
	
	width: 400px;
	
	letter-spacing: 0.5;
	font-weight: 200;
	line-height: 30px;
	
	color: balck;
}

/*Wohnung Text + Bilder*/

#contentWohnungen p{
	text-align: left;
	float: left;
	margin: 15px;
	margin-bottom: 100px;
	
	width: 400px;
	letter-spacing: 0.3px;
	font-weight: 200;
	line-height: 25px;
}

#contentWohnungen h1 {
	font-size: 18px;

	max-width: 90%;
	line-height: 25px;
	text-align: center;
	
	margin: 30px;
}

#pictureStrandhafer {
	margin-top: 47px;
}

#pictureStrandhafer {
	margin-left: 10px;
	
}

#pictureStrandhafer a {
	text-decoration: none;
	color:#008b8b;
	font-weight: 500;
}
#pictureStrandhafer a:hover{
	color:blue;
}
#pictureStrandhafer p {
	color:black;
	font-weight: 700;
}

#pictureOstsee {
	margin-top: 20px;
}
#pictureOstsee a {
	text-decoration: none;
	color: #008b8b;
	font-weight: 500;
}
#pictureOstsee a:hover {
	color:blue;
}
#pictureOstsee p {
	color:black;
	font-weight: 700;
}

/*WohnungenStrandhaferText*/

#contentWohnungenStrandhafer h1 {
	font-size: 18px;

	max-width: 90%;
	line-height: 25px;
	text-align: center;
	
	margin: 30px;
}


#List0 {
	float: left;
	
	text-align: left;
	
	margin: 10px;
	margin-left: 30px;
	
	width: 400px;
	letter-spacing: 0.3px;
	font-weight: 200;
	line-height: 25px;
}



#List0 h2 {
	float: left;
	
	width: 400px;
	
	font-size: 18px;

	max-width: 90%;
	line-height: 25px;
	text-align: left;
	
	margin: 30px 0px;

}

#List1 {
	float: left;
	
	text-align: left;
	margin: 10px;
	margin-left: 30px;
	
	width: 400px;
	letter-spacing: 0.3px;
	font-weight: 200;
	line-height: 25px;
}

#List1 h3 {
	float: left;
	
	width: 400px;
	
	font-size: 18px;

	max-width: 90%;
	line-height: 25px;
	text-align: left;
	
	margin: 30px 0px;
	
}

/*contentWohnungenOstsee*/

#contentWohnungenOstsee h1 {
	font-size: 18px;

	max-width: 90%;
	line-height: 25px;
	text-align: center;
	
	margin: 30px;
}

#OstseeList0 {
	float: left;
	
	text-align: left;
	
	margin: 10px;
	margin-left: 30px;
	
	width: 400px;
	letter-spacing: 0.3px;
	font-weight: 200;
	line-height: 25px;
}

#OstseeList1 {
	float: left;
	
	text-align: left;
	
	margin: 10px;
	margin-left: 30px;
	
	width: 400px;
	letter-spacing: 0.3px;
	font-weight: 200;
	line-height: 25px;
}

#OstseeList0 h2 {
	float: left;
	
	width: 400px;
	
	font-size: 18px;

	max-width: 90%;
	line-height: 25px;
	text-align: left;
	
	margin: 30px 0px;
}

#OstseeList1 h3 {
	float: left;
	
	width: 400px;
	
	font-size: 18px;

	max-width: 90%;
	line-height: 25px;
	text-align: left;
	
	margin: 30px 0px;
}

/*KinderText*/

#contentKinder p {
	text-align: left;
	margin-left: 15px;
	margin: 15px;
	
	max-width: 90%;
	letter-spacing: 0.3px;
	font-weight: 200;
	line-height: 25px;
}

#contentKinder h2 {
	font-size: 18px;

	max-width: 90%;
	line-height: 25px;
	text-align: center;
	
	margin-left: 15px;
	margin: 30px;
}

#contentKinderPicture {
	width: 311px;
	height: 415px;
	
	float: right;
	margin-right: 60px;
	margin-left: 10px;
}

/*Pferde Text*/

#contentPferde h2 {
	font-size: 18px;

	max-width: 90%;
	line-height: 25px;
	text-align: center;
	
	margin: 30px;
}

#contentPferde h3 {
	font-size: 16px;

	max-width: 90%;
	line-height: 25px;
	text-align: left;
	
	margin-left: 15px;
	margin: 30px;
}

#contentPferde p {
	font-size: 16px;

	max-width: 90%;
	line-height: 25px;
	text-align: left;
	
	margin-left: 25px;
	margin: 30px;
}

#contentPferde h4 {
	font-size: 16px;

	max-width: 90%;
	line-height: 25px;
	text-align: left;
	
	margin-left: 25px;
	margin: 30px;
}

/*Hoftiere Text*/

#contentHoftiere h2 {
	font-size: 18px;

	max-width: 90%;
	line-height: 25px;
	text-align: center;
	
	margin-left: 15px;
	margin: 30px;
}

#contentHoftierePicture {
	width: 311px;
	height: 415px;
	
	
	float: right;
	margin-right: 60px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#contentHoftiere p {
	font-size: 16px;

	max-width: 90%;
	line-height: 25px;
	text-align: left;
	
	margin-left: 25px;
	margin: 30px;
}

/*Angeln Text*/

#contentAngelnPicture {
	float: right;
	margin-right: 60px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#contentAngeln h2 {
	font-size: 18px;

	max-width: 90%;
	line-height: 25px;
	text-align: center;
	
	margin-left: 15px;
	margin: 30px;
}

#contentAngeln p {
	font-size: 16px;

	max-width: 90%;
	line-height: 25px;
	text-align: left;
	
	margin-left: 25px;
	margin: 30px;
}

/*Umgebung Text*/

#contentUmgebung h2 {
	font-size: 18px;

	max-width: 90%;
	line-height: 25px;
	text-align: center;
	
	margin-left: 15px;
	margin: 30px;
}

#contentUmgebungPictures {
	float: right;
	margin-right: 60px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#contentUmgebung p {
	font-size: 16px;

	max-width: 90%;
	line-height: 25px;
	text-align: left;
	
	margin-left: 25px;
	margin: 30px;
}

#contentUmgebung li {
	font-size: 16px;

	max-width: 90%;
	line-height: 25px;
	text-align: left;
	
	margin-left: 25px;
	margin-left: 30px;
	margin-right: 30px;
}

/*Preise Text*/

#contentPreise h1 {
	font-size: 18px;

	max-width: 90%;
	line-height: 25px;
	text-align: center;
	
	margin-left: 15px;
	margin: 30px;
}

#FettLinks {
	font-size: 16px;

	width: 400px;
	max-width: 90%;
	line-height: 25px;
	text-align: left;
	font-weight: 600;
	
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
	float: left;
}

/*PreisText*/

#contentPreise h2 {
	font-size: 16px;

	max-width: 90%;
	line-height: 25px;
	text-align: left;
	
	margin: 30px;
	margin-left: 30px;
}

#contentPreise h3 {
	font-size: 16px;

	max-width: 90%;
	line-height: 25px;
	text-align: left;
	
	margin-bottom: 30px;
}



#NormlaRechts {
	font-size: 16px;

	width: 400px;
	max-width: 90%;
	line-height: 25px;
	text-align: left;
	
	margin-bottom: 30px;
	float: left;
}

#PreisAngabe {
	font-size: 16px;

	width: 400px;
	max-width: 90%;
	line-height: 25px;
	
	margin-left: 25px;
	margin-bottom: 30px;
	float: left;
}

/*Impressum&Datenschutz*/

#contentImpressum h2 {
	font-size: 30px;
	
	text-align: center;
	
}

#contentImpressum h3 {
	font-size: 30px;
	
	text-align: center;
	
}




/*UmgebungText*/

#contentEindrücke h2 {
	font-size: 18px;

	max-width: 90%;
	line-height: 25px;
	text-align: left;
	
	margin-bottom: 30px;
	
	text-align: center;
}

#contentEindrücke p {
	margin-bottom: 15px;
}

/*Album1*/

#Album1 img {
	width: 220px;
	height: 190px;
	
	transition: 1s;
	
	padding: 10px 7.5px;


	
}

#Album1 img:hover {
	transform: scale(1.1);
}

#BildAlbum1 {

}

/*AlbumStrandhafer*/

#AlbumStrandhafer img {
	width: 220px;
	height: 190px;
	
	transition: 1s;
	
	padding: 10px 7.5px;
}

#AlbumStrandhafer img:hover {
	transform: scale(1.1);
}

/*AlbumOstsee*/

#AlbumOstsee img {
	width: 220px;
	height: 190px;
	
	transition: 1s;
	
	padding: 10px 7.5px;
}

#AlbumOstsee img:hover {
	transform: scale(1.1);
}

/**/

.form-group {
	width: 100%;
	margin-top: 20px;
	font-size: 20px;
}

.form-group input{
	width: 100%;
	padding: 5px;
	font-size: 18px;
	border: 1px solid rgba(128, 128, 128, 0.199);
	margin-top: 5px;
}

.form-group textarea {
	width: 100%;
	padding: 5px;
	font-size: 18px;
	border: 1px solid rgba(128, 128, 128, 0.199);
	margin-top: 5px;
}

textarea {
	resize: vertical;
}

button[type = "submit"] {
	width: 100%;
	border: none;
	outline: none;
	padding: 20px;
	font-size: 24px;
	border-radius: 8px;
	color: blue;
	text-align: center;
	cursor: pointer;
	margin-top: 10px;
	transition: .3s ease background-color;
}

button[type = "submit"]:hover {
	background-color: rgb(214, 226, 236);
}

#status {
	width: 90%;
	max-width: 500px;
	text-align: center;
	padding:10px;
	margin: 0 auto;
	border-radius: 10px;
}



/*Map*/
#Map{
	
	
}

#MeerschweinchenAlbum {
	
	
	border: 5px solid gray;
	border-radius: 5px;
	margin-left: 25px;
}

#MeerschweinchenAlbum img {
	width: 31%;
	height: 220px;
	transition: 1s;
	
	padding: 1% 1%;
	margin-bottom: -5px;

	
	
}

#MeerschweinchenAlbum img:hover {
	transform: scale(1.1);
	
	
}
	
#h1Meer {
	
	text-align: center;
	
	margin-top: 10px;
	margin-bottom: 30px;
	
}

#pMeer {
	
	
	font-size: 16px;
	max-width: 99%;
	line-height: 25px;
	
	margin-bottom: 30px;
}

#pMeer a{
	
	text-decoration: none;
	color: blue;
	transition: 0.5s;
	
}

#pMeer a:hover{
	
	color: green;
	
}

#BildZeitung {
	
	text-align: left;
	font-size: 16px;
	max-width: 99%;
	line-height: 25px;
	width: 960px;
	
	margin-bottom: 150px;
	
}
	
#BildZeitungBild {
	
	border: 5px solid gray;
	border-radius: 5px;
	
	float: left;
	margin-right: 20px;
	
	width: 25%;
	
}