main.contentBox {
	padding-bottom: 0;
}

.mediaSection {
	min-height: 80vh;
	min-height: calc(100vh - 240px);
}
.videoSection {
	min-height: 80vh;
	min-height: calc(100vh - 240px);

	display: flex;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;

	position: relative;
	overflow: hidden;
}

.videoSection video.video-1 {
	flex: 1 1 100%;

	object-fit: cover;
	object-position: 50% 50%;
}
/*body.msedge .videoSection video.video-1 {
	margin-top: -300px;
}
@media all and (max-width: 1400px) {
	body.msedge .videoSection video.video-1 {
		min-height: 35.7vw;
		max-height: 35.7vw;
	}
}
@media all and (max-width: 1024px) {
	body.msedge .videoSection video.video-1 {
		margin-top: -350px;
	}
}
@media all and (max-width: 900px) {
	body.msedge .videoSection video.video-1 {
		margin-top: -400px;
	}
}*/
@media all and (max-width: 768px) {
	.videoSection {
		min-height: 0;
		align-items: center;
		align-content: center;
	}
	.videoSection video.video-1 {
		align-self: center;
	}
}

.shopSection,
.infoSection {
	padding-top: 15vh;
	padding-bottom: 15vh;

	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: center;
}
.no-javascript .shopSection,
.no-javascript .infoSection {
	padding: 40px 10vw 0;
	margin: 0;
}

.infoSection > .sectionBlock {
	flex: 0 1 40%;
	flex: 0 1 calc(50% - 20px);
	margin: 20px 0;

	background-color: rgba(0, 0, 0, 0.1);
	padding: 20px;
}
.infoSection > .siteIntroText,
.shopSection > .standardTitle,
.infoSection > .standardTitle {
	flex: 1 1 100%;
	text-align: center;
}
.infoSection > .siteIntroText {
	font-size: 1.2em;
	margin-bottom: 20px;
}
.infoSection > .sectionBlock.with-moreButton {
	position: relative;
	padding-bottom: 70px;
}
.infoSection > .sectionBlock.with-moreButton .moreButton {
	position: absolute;
	right: 20px;
	bottom: 20px;
}
@media all and (max-width: 768px) {
	.infoSection {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.shopSection {
		padding-top: 100px;
		padding-bottom: 10px;
	}

	.infoSection > .sectionBlock {
		flex: 0 1 100%;
	}
}
@media all and (max-width: 512px) {
	.infoSection > .sectionBlock {
		flex: 1 1 100%;
		background-color: transparent;
		padding: 0 0 20px;
	}
}



.shopSection > .sectionBlock {
	flex: 0 1 25%;
	flex: 0 1 calc(33.33% - 30px);
	margin: 20px 0;

	background-color: rgba(0, 0, 0, 0.1);
	padding: 20px;
}
.shopSection .image {
	min-height: 200px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;

	margin-bottom: 40px;
}
.shopSection .image-1 {
	background-image: url('/img/u/home/schnur.jpg'); /*wildblumen.jpg');*/
}
.shopSection .image-2 {
	background-image: url('/img/u/home/schwimmer.jpg'); /*schnittlauch.jpg');*/
}
.shopSection .image-3 {
	background-image: url('/img/u/home/wassertropfen.jpg'); /*drop-of-water.jpg');*/
}
.shopSection .text {
}
@media all and (max-width: 768px) {
	.shopSection > .sectionBlock {
		flex: 1 1 100%;
	}
}
@media all and (max-width: 512px) {
	.shopSection > .sectionBlock {
		flex: 1 1 100%;
		background-color: transparent;
		padding: 0 0 80px;
	}
}

.contactSection {
	min-height: 400px;

	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;

	position: relative;
}
.contactSectionMain {
	position: relative;

	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.contactSectionMain > * {
	flex: 1 1 100%;
	text-align: center;
}
.contactSectionMain > a:last-child {
	flex: 0 1 auto;
	margin-top: 20px;
}
.impressiveImageSection .bgImage,
.contactSection .bgImage {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	min-width: 1600px;

	opacity: 0.1;

	background-image: url('/img/u/radishes-2242504_1920.jpg');
	background-position: 20% 75%;
	background-size: cover;
	background-repeat: no-repeat;

	/*background-attachment: fixed;*/
}

.impressiveImageSection .bgImage {
	left: -10vw;
	right: -10vw;
	background-image: url('/img/bg/waterdrop/i.jpg');
	background-position: 50% 75%;
	opacity: 1;
}
.no-javascript .impressiveImageSection .bgImage {
	left: 0;
	right: 0;
}

.impressiveImageSection {
	position: relative;
	min-height: 70vh;
	/*background-image: url('/img/bg/waterdrop/i.jpg');
	background-position: 50% 75%;
	background-size: cover;
	background-repeat: no-repeat;*/

	/*background-attachment: fixed;*/
}

/*@media all and (max-width: 768px) {
	.yes-javascript .impressiveImageSection .bgImage,
	.yes-javascript .contactSection .bgImage {
		background-attachment: fixed;
	}
}*/