/* MEDIA QUERIES - RESPONSIVE CSS
-------------------------------------------------- */

@media screen and (max-width: 1760px) {}

@media screen and (max-width: 1420px) {
	.container > .sec100vh > div:nth-of-type(2), .container > .sec100vh > div:nth-of-type(3) {
		margin-top: 100px !important;
		display: inline-block;
		width: 100%;
	}

	.produktkategorieWrap .row > div {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
    }

	.produktkategorieWrap .frame {
		width: auto;
		margin: 0px 10px;
	}

	.sec100vh .no-container {
		height: 100%;
		width: 100%;
	}

	.sec100vh {
		height: auto;
		min-height: calc(100vh - 80px);
		margin-bottom: 0 !important;
		position: relative;
	}

	.vertical-center.sec100vh {
		display: block;
	}

	.produktkategorieWrap .sec100vh {
		height: 100%;
		min-height: unset !important;
	}
}

@media screen and (max-width: 1300px) {
	.container {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: auto;
		margin-right: auto;
		padding-left: 15px;
		padding-right: 15px;
	}

}


@media screen and (max-width: 1200px) {

	.home #wrap-inhalt {
		margin-top: 0px;
		padding-top: 80px;
	}

	#wrap-header {
		height: 80px;
	}

	#wrap-topbild {
		margin-top: 80px;
	}

	.langNav {
		right: 60px;
		height: 80px;
	}

	/* .sec100vh .frame-type-container_3_columns {
		margin-top: 55px;
	} */

	.produktkategorieWrap .frame {
		margin-top: 9px;
	}

	body:not(.willkommen) #logo {
		z-index: 1502 !important;
		width: 185px;
		position: fixed;
		left: 15px;
		top: 10px;
	}

}


@media screen and (max-width: 1010px) {

	#megura-swissness {
		right: 15px !important;
	}

	.inhalt .row,
	#footer .row {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
}

@media screen and (max-width: 998px) {}

@media screen and (max-width: 992px) {

	.powermail_input,
	.powermail_textarea {
		width: 120%;
	}

	#logo {
		width: 120px;
	}

	.pageTitle .ce-textpic {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 10px;
	}

	.pageTitle h1 {
		font-size: 50px !important;
		margin-left: 0;
	}

	.willkommenSection {
		height: auto;
	}

	.topbildVertBanner {
		margin-left: 0;
		width: 100vw !important;
		max-width: none;
	}

	.gridRegister .col-12 {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
	}

	.gridRegister .frame {
		height: 30vh;
		margin-bottom: 20px;
	}
	
	.kartoffelprodukte, .gemueseFruchte, .pastaFertiggerichte, .fingerfood, .frischConvenience {
		position: relative;
		height: 100%;
		overflow: hidden;
	}
	
	.gridRegister .ce-outer, .gridRegister .ce-inner, .gridRegister .ce-column, .gridRegister .image {
		width: 100%;
		right: unset;
		display: block;
		height: 100%;
	}

	.gridRegister .ce-textpic ,
	.gridRegister .ce-gallery {
		height: inherit;
	}
	
	.gridRegister img {
		height: 100% !important;
		width: 100%;
		object-fit: cover;
		object-position: 50% 60%;
	}

	.footerDsg {
		justify-content: flex-start;
	}
	
	#footer-c4 {
		text-align: left;
	}

}

@media screen and (max-width: 991.5px) {

	#footer-c1 .text-right {
		text-align: left;
	}

	.modal-dialog {
		margin: auto;
		max-width: 100vw !important;
	}

	#wrap-inhalt.notb {
		margin-top: 80px !important;
	}

	/* .sec100vh .frame-type-container_3_columns {
		margin-top: 32px;
	} */
}

@media screen and (max-width: 768px) {
	.gbDownload .ce-image {
		display: flex;
		justify-content: center;
	}
}

@media screen and (min-width: 767px) {
	.mobileOnly {
		display: none;
	}
	.desktopOnly {
		display: block;
	}
}

@media screen and (max-width: 767px) {

	#wrapper {
		display: block !important;
	}

	#wrap-topbild {
		margin-top: 80px;
		height: auto;
		height: 40vw;
	}

	#topbild,
	#topbild .ce-image img {
		width: 128% !important;
		height: auto;
	}

	#wrap-footer {
		border-left: 0px;
		border-right: 0px;
		border-bottom: 0px;
	}

	#frow1 .col-12 {
		margin-bottom: 20px;
	}

	#frow2 {
		margin-top: 10px;
	}

	#frow3 .ce-column {
		margin-bottom: 0px !important;
	}

	main img {
		max-width: 100% !important;
		height: auto;
	}

	#logo a {
		display: block;
		width: 100%;
		height: 100%;
		background-size: 100% 100%;

	}

	#wrap-inhalt.notb {
		margin-top: 110px;
	}

	.homeStoerer {
		width: 100%;
	}

	.desktopOnly {
		display: none;
	}
	.mobileOnly {
		display: block;
	}

	/* .sec100vh .frame-type-container_3_columns {
		margin-top: 20px;
	} */
}

@media screen and (max-width: 748px) {}

@media screen and (max-width: 615px) {
	.vrGlButton.hansHagmann {
		bottom: 70%;
	  }
	  .vrGlButton.joergWalther {
		bottom: 70%;
	  }
	  .vrGlButton.isabelleFlueckiger {
		bottom: 70%;
	  }
	  .vrGlButton.JonBisaz {
		bottom: 70%;
	  }
	  .vrGlButton.desireeBaer {
		bottom: 70%;
	  }
	  .vrGlButton.raffaelSchubiger {
		bottom: 22%;
	  }
	  .vrGlButton.marcRitter {
		bottom: 22%;
	  }
	  .vrGlButton.andreaTranel {
		bottom: 22%;
	  }
	  .vrGlButton.reneSoland {
		bottom: 22%;
	  }
}

@media screen and (max-width: 576px) {

	#wrap-header {
		height: 80px;
	}


	#wrap-topbild {
		height: 48vw;
	}

	#topbild,
	#topbild .ce-image img {
		width: 145% !important;
		height: auto;
	}

	#frow1 .col-12 {
		margin-bottom: 30px;
	}

	.powermail_input,
	.powermail_textarea {
		width: 100%;
	}

	.modalCorpGovBerichte .btn-close {
		top: 6px;
		right: 6px;
	}

	.btn-close {
		right: 20px;
	}

	.modalCorpGovBerichte .modal-body {
		padding: 25px 25px 20px 25px !important;
	}

	.glVrImage .modal-dialog {
		height: fit-content;
		min-height: 100vh;
	}

	.glVrImage .modal-content {
		height: 100% !important;
		min-height: 100vh;
	}

}

@media screen and (max-width: 520px) {

	.container > .sec100vh > div:nth-of-type(2) {
		margin-top: 50% !important;
	}

}

@media screen and (max-width: 494px) {
	.pageTitle h1 {
		text-align: center;
	}
}

@media screen and (max-width: 368px) {
	.rubriktitel h2, .gbDownload h2 {
		text-align: center;
	}
}