/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

*{
	margin: 0;
	padding: 0;
}
body{
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	line-height: 1.6;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 100vh;
}
body > * {
	flex: 0 0 auto;
}
.base-width{
	max-width: 1200px;
	margin: 0 auto;
	padding-left: 30px;
	padding-right: 30px;
}
strong{
	font-weight: 700;
}
.logo-guesthouse{
	max-width: 450px;
	display: block;
	margin: 0 auto;
	margin-bottom: 60px;
}
.wrapper-text-de, .wrapper-text-en{
	margin-bottom: 40px;
}
.wrapper-text-en{
	margin-top: 40px;
}
.text-en{
	text-align: right;
	margin-bottom: 8px;
}
.line{
	width: 100%;
	height: 2px;
	background: #9FBDD5;
	animation-name: borderAnimation;
	animation-duration: 2s;
	margin: 0 auto;
}
.image-part-below{
	width: 100%;
	height: 25vh;
}
.image-below{
	width: 100%;
	height: 25vh;
	object-fit: cover;
	object-position: center 70%;
}
@keyframes borderAnimation{
  from {width: 0%;}
  to {width: 100%;}
}
@media screen and (max-width: 992px){
	.logo-guesthouse{
	max-width: 360px;
	}
	body{
	font-size: 18px;
	}
	.logo-guesthouse{
	margin-top: 20px;
	margin-bottom: 20px;
	}
}