@media (min-width: 1px) and (max-width: 480px) {

	/* Willkommen */
	.div-section-1 {
		background-color: transparent;
		background-image: url(../images/bghgw-bg-section1-480.jpg);
		background-position: 50% 0%;

		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: 15px;
			}

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

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

		.div-section-1-icons {
			background: #2E2D2C;
			grid-column: 1 / 2;
			grid-row: 2 / 3;
		}

			.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;
				}

					.icon-text {
						font-family: Roboto,arial,sans-serif;
						font-size: 14px;
						font-weight: 400;
						line-height: 22px;
						color: #fff;
					}

	/* Braugasthaus */
	.div-section-2 {
		background-color: transparent;
		background-image: url(../images/bghgw-bg-section2-480.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 20px 0 20px;
		}

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

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

				.logo-bei-herkunft {
					width: 100px;
				}

	/* 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 20px 0 20px;
		}

			.reservierung-480 {
				visibility: visible;
			}

			.reservierung-rest {
				display: none;
			}

	/* 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: 422px;
					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;
			}

					.angebote-text-1 {
						font-size: 24px;
					}

					.angebote-text-2 {
						font-size: 32px;
					}

	/* Herkunft */
	/*
	.div-section-5 {
		background-color: transparent;
		background-image: url(../images/bghgw-bg-section5-480.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-480.jpg);
		background-position: 0% 0%;
		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 20px 0 20px;
		}

			.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;
			}

				.logo-bei-herkunft {
					width: 100px;
				}

	/* 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: 100%;
				float: left;
				text-align: left;
			}

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

				.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;
	}

}