@font-face {
		font-family: "Montserrat";
		font-weight: 700;
		src: url("../fonts/MONTSERRAT-BOLD.TTF") format("truetype");
}
@font-face {
		font-family: "Montserrat";
		font-weight: 500;
		src: url("../fonts/MONTSERRAT-MEDIUM.TTF") format("truetype");
}
@font-face {
		font-family: "Montserrat";
		font-weight: 400;
		src: url("../fonts/MONTSERRAT-REGULAR.TTF") format("truetype");
}
@font-face {
		font-family: "Lora";
		font-weight: 700;
		src: url("../fonts/Lora-Bold.TTF") format("truetype");
}
@font-face {
		font-family: "Lora";
		font-weight: 500;
		src: url("../fonts/Lora-Medium.TTF") format("truetype");
}
@font-face {
		font-family: "Lora";
		font-weight: 400;
		src: url("../fonts/Lora-Regular.TTF") format("truetype");
}
.landing-header {
		position: relative;
		width: 100%;
		height: 100vh;
}
.landing-header .logo-bar {
		height: 30%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
}
.landing-header .logo-bar img {
		height: 40%;
		max-height: 160px;
}
.landing-header .dark {
		background-color: #DBE9D7;
		width: 27%;
		height: 70%;
		position: absolute;
		bottom: 0;
		left: 0;
}
.landing-header .pattern {
		background-image: url("../img/pattern.svg");
		background-size: cover;
		background-position: left center;
		width: 60%;
		height: 35%;
		position: absolute;
		bottom: 0;
		right: 0;
}
.landing-header .flowers {
		background-image: url("../img/lilien.png");
		background-size: cover;
		background-position: left top;
		width: 35%;
		height: 100%;
		position: absolute;
		bottom: -15%;
		right: 0;
}
.landing-header h1 {
		position: absolute;
		top: 37%;
		left: 18%;
		margin: 0;
}
.landing-header .info, .landing-header .opening {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
}
.landing-header .info {
		position: absolute;
		bottom: 7%;
		left: 18%;
		right: 10%;
		letter-spacing: 0.1rem;
}
.landing-header .opening, .landing-header .address {
		margin-right: 100px;
}
.landing-header .days {
		margin-right: 30px;
}
.landing-header a {
		text-decoration: none;
}
.landing-header a:hover {
		text-decoration: underline;
}
@media screen and (max-width: 1600px) {
		.landing-header .dark {
				width: 15%;
		}
		.landing-header h1, .landing-header .info {
				left: 8%;
		}
		.landing-header .opening, .landing-header .address {
				margin-right: 50px;
		}
		.landing-header .flowers {
				width: 40%;
		}
}
@media screen and (max-width: 1300px) {
		.landing-header .flowers {
				width: 45%;
		}
}
@media screen and (max-width: 1050px) {
		.landing-header .info {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
		}
		.landing-header .opening, .landing-header .address {
				margin-bottom: 20px;
		}
		.landing-header .pattern {
				max-height: 40vw;
		}
}
@media screen and (max-width: 800px) {
		.landing-header .logo-bar img {
				height: 80px;
		}
		.landing-header .info {
				background-color: #DBE9D7;
				left: 0;
				right: 0;
				top: 80vh;
				bottom: auto;
				padding: 40px;
		}
		.landing-header .dark, .landing-header .pattern {
				display: none;
		}
		.landing-header h1 {
				left: 40px;
				top: 30%;
		}
		.landing-header .flowers {
				bottom: auto;
				right: 0;
				top: 22vh;
				height: 70vh;
				width: 65%;
		}
}
@media screen and (max-width: 500px) {
		.landing-header .flowers {
				bottom: auto;
				right: 0;
				top: 40vh;
				height: 50vh;
				width: 75%;
		}
}

body {
		background-color: #EEFBEA;
		font-family: "Montserrat";
		color: #454F44;
		font-size: 20px;
		font-weight: 700;
}

h1 {
		font-family: "Lora";
		font-weight: 500;
		font-size: 70px;
}

a {
		color: inherit;
}

.invisible {
		display: none;
}

@media screen and (max-width: 1600px) {
		body {
				font-size: 14px;
		}
		h1 {
				font-size: 48px;
		}
}
@media screen and (max-width: 800px) {
		body {
				font-size: 12px;
		}
		h1 {
				font-size: 28px;
		}
}
/*# sourceMappingURL=main.css.map */