@media (min-width: 481px) and (max-width: 768px) {

	/* Willkommen */
	.div-section-1 {
		background-color: transparent;
		background-image: url(../images/bghgw-bg-section1-768.jpg);
		background-position: 100% 50%;
		background-size: cover;
		position: relative;
		width: 100%;
		min-height: 100%;
		padding: 0;
		margin: 0;
		z-index: 1;
		height: 100vh;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 220px;
	}

		.div-section-1-welcome {
			background: transparent;
			grid-column: 1 / 2;
			grid-row: 1 / 2;
			display: flex;
			flex-direction: column;
			justify-content:center;
			align-items: center;
			text-align: center;
		}

			.icon-flag-solo {
				width: 100px;
				margin-bottom: 5px;
			}

			h1 {
				font-size: 30px;
				line-height: 36px;
				margin: 0;
				font-weight: 300;
				margin-bottom: -10px;
			}

			.adress-margin {
				margin-bottom: 15px;
			}

		.div-section-1-icons {
			background: #201F1E;

		}

			.div-section-1-icons-clock {
				background:transparent;
				float: left;
				width: 50%;
				height: 110px;
				text-align: center;
				padding: 18px 0 0 0;
				border-right: 1px solid #3E3D3C;
				border-bottom: 1px solid #3E3D3C;
			}

				.icon-clock {
					height: 45px;
					margin-bottom: 5px;
				}

			.div-section-1-icons-kitchen {
				background: transparent;
				float: left;
				width: 50%;
				height: 110px;
				text-align: center;
				padding: 18px 0 0 0;
				border-bottom: 1px solid #3E3D3C;
			}

				.icon-kitchen {
					height: 45px;
					margin-bottom: 5px;
				}

			.div-section-1-icons-phone {
				background: transparent;
				float: left;
				width: 50%;
				height: 110px;
				text-align: center;
				padding: 18px 0 0 0;
				border-right: 1px solid #3E3D3C;
			}

				.icon-phone {
					height: 45px;
					margin-bottom: 5px;
				}

			.div-section-1-icons-mail {
				background: transparent;
				float: left;
				width: 50%;
				height: 110px;
				text-align: center;
				padding: 18px 0 0 0;
			}

				.icon-mail {
					height: 45px;
					margin-bottom: 5px;
				}

	/* Braugasthaus */
	.div-section-2 {
		background-color: transparent;
		background-image: url(../images/bghgw-bg-section2-768.jpg);
		background-position: 50% 100%;
		background-size: cover;
		position: relative;
		width: 100%;
		min-height: 100%;
		padding: 0;
		margin: 0;
		z-index: 2;
	}

		.div-section-2-inner {
			background: transparent;
			/*grid-column: 1 / 2;
			grid-row: 1 / 2;*/
			padding: 0 0 0 2%;
		}

			.div-section-2-inner-top {
				width: 90%;
				padding: 20px 0 0 0;
display:none;
			}

			.div-section-2-inner-bottom {
				width: 90%;
				margin: 0;
				height: auto;
				bottom: 40px;
				position: absolute;
display:none;
			}

	/* Reservierungtool */
	.div-section-3 {
		background-color: #2E2D2C;
		position: relative;
		width: 100%;
		min-height: 100%;
		padding: 0;
		margin: 0;
		z-index: 3;
		/*height: 100vh;*/
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
	}

		.div-section-3-inner {
			background: transparent;
			grid-column: 1 / 2;
			grid-row: 1 / 2;
			display: flex;
			flex-direction: column;
			justify-content: center;
			padding: 0 2% 0 2%;
		}

			.reservierung-480 {
				display: none;
			}

			.reservierung-rest {
				visibility: visible;
			}

	/* Unsere Angebote */
	/*
	.div-section-4 {
		background-color: #2E2D2C;
		position: relative;
		width: 100%;
		min-height: 100%;
		padding: 0;
		margin: 0;
		z-index: 4;
		height: 100vh;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
	}
	*/

	.div-section-4 {
		background-color: #2E2D2C;
		position: relative;
		width: 100%;
		min-height: 100%;
		padding: 0;
		margin: 0;
		z-index: 4;
	}

		.div-section-4-inner {
			background: transparent;
			/*
			grid-column: 1 / 2;
			grid-row: 1 / 2;
			*/
			display: flex;
			flex-direction: column;
			justify-content: center;
			padding: 0 20px 20px 20px;
		}

			.div-section-4-inner-1 {
				position: relative;
				margin: 0 0 12px 0;
				float: left;
				width: 100%;
				text-align: center;
			}

			.div-section-4-inner-2 {
				position: relative;
				margin: 0 0 12px 0;
				float: left;
				width: 100%;
				text-align: center;
			}

			.div-section-4-inner-3 {
				position: relative;
				margin: 0 0 20px 0;
				float: left;
				width: 100%;
				text-align: center;
			}

				.div-section-4-inner-3-4-inner {
					max-width: 540px;
					margin: auto auto;
					width: 100%;
					height: 300px !important;
					padding: 20px;
					background: #6E6D6B !important;
				}

			.div-section-4-inner-4 {
				position: relative;
				margin: 0;
				float: left;
				width: 100%;
				text-align: center;
			}

	/* Herkunft */
	/*
	.div-section-5 {
		background-color: transparent;
		background-image: url(../images/bghgw-bg-section5-768.jpg);
		background-position: 50% 50%;
		background-size: cover;
		position: relative;
		width: 100%;
		min-height: 100%;
		padding: 0;
		margin: 0;
		z-index: 5;
		height: 100vh;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
	}
	*/

	.div-section-5 {
		background-color: transparent;
		background-image: url(../images/bghgw-bg-section5-768.jpg);
		background-position: 50% 50%;
		background-size: cover;
		position: relative;
		width: 100%;
		min-height: 100%;
		padding: 0;
		margin: 0;
		z-index: 5;
	}

		.div-section-5-inner {
			background: transparent;
			/*grid-column: 1 / 2;
			grid-row: 1 / 2;*/
			padding: 0 0 0 2%;
		}

			.div-section-5-inner-top {
				width: 90%;
				padding: 20px 0 0 0;
display:none;
			}

			.div-section-5-inner-bottom {
				width: 90%;
				margin: 0;
				height: auto;
				bottom: 40px;
				position: absolute;
display:none;
			}

	/* Karriere */
	.div-section-7 {
		background-color: #2E2D2C;
		position: relative;
		width: 100%;
		min-height: 100%;
		padding: 0;
		margin: 0;
		z-index: 4;
	}

		.div-section-7-inner {
			background: transparent;
			/*
			grid-column: 1 / 2;
			grid-row: 1 / 2;
			*/
			display: flex;
			flex-direction: column;
			justify-content: center;
			padding: 0 20px 20px 20px;
		}

			.div-section-7-inner-1 {
				position: relative;
				margin: 0 0 12px 0;
				float: left;
				width: 100%;
				text-align: center;
			}

			.div-section-7-inner-2 {
				position: relative;
				margin: 0 0 12px 0;
				float: left;
				width: 100%;
				text-align: center;
			}

	/* Footer */
	.div-section-6 {
		background-color: #2E2D2C;
		position: relative;
		width: 100%;
		min-height: 100%;
		padding: 0;
		margin: 0;
		z-index: 6;

	}

		.div-section-6-footer-inner {
			background: transparent;
			width: 100%;
			padding: 80px 20px 40px 20px;
		}

			.div-section-6-footer-inner-left {
				background: transparent;
				width: 100%;
				float: left;
				margin-bottom: 30px;
			}

			.div-section-6-footer-inner-center {
				background: transparent;
				width: 50%;
				float: left;
				text-align: center;
			}

			.div-section-6-footer-inner-right {
				background: transparent;
				width: 50%;
				float: left;
				text-align: right;
			}

				.footer-logo-gw {
					width: 160px;
				}

		.div-section-6-footer-text {
			background: transparent;
			width: 100%;
			padding: 20px 0 20px 0;

		}

			.show-769-and-bigger {
				display: none;
			}

			.show-768-and-smaller {
				visibility: visible;
			}

			.div-imprint {
				padding: 0;
			}

	.template-pic {
		max-width: 100%;
		height: auto;
		margin-bottom: 5px;
	}

}