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

	body {
		background: var(--body-bg-color);
	}

	.container {
		height: 100vh;
		display: grid;
		grid-template-columns: 1fr;
grid-template-rows: 188px 1fr 1fr;
	}

		.header {
			z-index: 20;
			/*background: var(--header-bg-color);*/
			grid-column: 1 / 2;
			grid-row: 1 / 2;
				display: grid;
				grid-template-columns: 1fr;
grid-template-rows: 30px 164px;
		}

			.header-inner-top {
				background: var(--header-inner-top-bg-color);
				grid-column: 1 / 2;
				grid-row: 1 / 2;
padding: 0;
			}

				/*.header-inner-top-left { }*/

				.header-inner-top-right {
					background: transparent;
					float: left;
					width: 100%;
					padding: 0 10px 0 0;
					text-align: right;
				}

			.header-inner-bottom {
				background: var(--header-inner-bottom-bg-color);
				grid-column: 1 / 2;
				grid-row: 2 / 3;
			}

				.header-inner-bottom-logo {
					background: transparent;
width: 100%;
height: 158px;
					float: left;
padding: 0;
				}

				.header-inner-bottom-menu {
					/*background: transparent;*/
width: 100%;
					float: left;
					padding: 0;
				}

					.menu-responsive-icon a:link, .menu-responsive-icon a:visited {
						background: var(--menu-responsive-icon-bg-color) var(--menu-responsive-icon-bg-image) no-repeat 50% 50%;
						padding: 15px 18px 15px 18px;
						box-sizing: border-box;
						display: block;
						right: 10px;
						top: 130px;
						position: fixed !important;
						z-index: 10003;
						border-radius: 50%;
						width: 44px;
						height: 44px;
					}

					.menu-responsive-icon a:hover, .menu-responsive-icon a:active, .menu-responsive-icon a:focus {
						background: var(--menu-responsive-icon-bg-color) var(--menu-responsive-icon-bg-image) no-repeat 50% 50%;
						padding: 15px 18px 15px 18px;
						box-sizing: border-box;
						display: block;
						right: 10px;
						top: 130px;
						position: fixed !important;
						z-index: 10003;
						border-radius: 50%;
						width: 44px;
						height: 44px;
					}

					.header-menu {
						display: none;
						margin-top: 0;
					}

					.dont-show-menu-level-1 {
						visibility: visible;
					}

		.header-fixed {
			position: fixed;
			background: var(--header-fixed-bg-color);
			width: 100%;
height: 188px;
				display: grid;
				grid-template-columns: 1fr;
grid-template-rows: 30px 164px;
		}

				.head-slider-height {
					height: 200px;
				}

					.head-slider-inner {
						background: transparent;
						position: relative;
						width: 100%;
						height: 100%;
					}

						.head-slider-inner-box {
							position: absolute;
							background: transparent url(../images/bg-white-trans-80.png) repeat 0 0;
							padding: 20px 20px 10px 20px;
							right: 0px;
							bottom: 20px;
							width: 30%;
							display: none;
						}

		.head-pic {
			background: var(--head-pic-bg-color);
			grid-column: 1 / 2;
			grid-row: 2 / 3;
			overflow: hidden;
display: none;
		}

		.content {
			background: var(--content-bg-color);
			grid-column: 1 / 2;
grid-row: 2 / 3;
		}

			.content-empty-top {
				background: var(--content-empty-top-bg-color);
				width: 100%;
				height: 20px;
			}

			.content-breadcrumb {
				background: var(--content-breadcrumb-bg-color);
				width: 100%;
padding: 0 0 30px 0;
			}

			.content-site-caption {
				background: var(--content-site-caption-bg-color);
				width: 100%;
			}

			.content-inner {
				width: 100%;
				height: auto;
			}

				.content-center {
					background: var(--content-center-bg-color);
					position: relative;
					width: 100%;
					height: auto;
padding: 0 20px 0 20px;
				}

					.content-center-flex {
						visibility: visible;
					}

						.content-center-left-1 {
							background: var(--content-center-left-1-bg-color);
							width: 100%;
							position: relative;
							padding: 0;
						}

						.content-center-right-1 {
							background: var(--content-center-right-1-bg-color);
							width: 100%;
							position: relative;
							padding: 0;
							margin-top: 20px;
						}

						.content-center-left-2 {
							background: var(--content-center-left-2-bg-color);
							width: 100%;
							position: relative;
							padding: 0;
						}

						.content-center-right-2 {
							background: var(--content-center-right-2-bg-color);
							width: 100%;
							position: relative;
							padding: 0;
							margin-top: 20px;
						}

				.content-full {
					background: var(--content-full-bg-color);
					position: relative;
					width: 100%;
					height: auto;

				}

			.content-empty-bottom {
				background: var(--content-empty-bottom-bg-color);
				width: 100%;
				height: 20px;
			}

		.footer {
			background: --footer-bg-color;
grid-column: 1 / 2;
grid-row: 3 / 4;
		}

			.footer-inner-top {
				background: var(--footer-inner-top-bg-color);
padding: 0;
			}

				.footer-inner-top-col-1 {
					background: var(--footer-inner-top-col-1-bg-color);
					width: 100%;
					height: auto;
					padding: 20px;
				}

				.footer-inner-top-col-2 {
					background: var(--footer-inner-top-col-2-bg-color);
					width: 100%;
					height: auto;
					padding: 20px;
				}

				.footer-inner-top-col-3 {
					background: var(--footer-inner-top-col-3-bg-color);
					width: 100%;
					height: auto;
					padding: 20px;

				}

			.footer-inner-line {
				background: var(--footer-inner-line-bg-color);
				width: 100%;
				height: 5px;
			}

			.footer-inner-bottom {
				background: var(--footer-inner-bottom-bg-color);

			}

				.footer-inner-bottom-col-1 {
					background: --footer-inner-bottom-col-1-bg-color;
					width: 100%;
					height: auto;
					padding: 5px 20px 0 0;
					text-align: right;
				}

				.footer-inner-bottom-col-2 {
					background: var(--footer-inner-bottom-col-2-bg-color);
					width: 100%;
					height: auto;
padding: 5px 20px 50px 0;
				}

	/* ------------------------------------------------------------- */

	.template-1 {
		width: 100%;
	}

	.template-2 {
		width: 100%;
	}

	/* ------------------------------------------------------------- */

	/* Template 11 -> 2 Spalten */
	.template-grid-2 {
		background: var(--template-11-outer-bg-color);
		grid-column: 2 / 3;
			display: grid;
			grid-column-gap: 20px;
			grid-template-columns: 1fr;
			grid-template-rows: auto auto auto auto;
	}

		.template-grid-2-column-1-top {
			background: var(--template-11-column-bg-color);
			grid-column: 1 / 2;
			order: 1;
		}

		.template-grid-2-column-2-top {
			background: var(--template-11-column-bg-color);
			grid-column: 1 / 2;
			margin-top: 20px;
			order: 3;
		}

		.template-grid-2-column-1-bottom {
			background: var(--template-11-column-bg-color);
			grid-column: 1 / 2;
			order: 2;
		}

		.template-grid-2-column-2-bottom {
			background: var(--template-11-column-bg-color);
			grid-column: 1 / 2;
			order: 4;
		}

	/* Template 11 -> 3 Spalten */
	.template-grid-3 {
		background: var(--template-11-outer-bg-color);
		grid-column: 2 / 3;
			display: grid;
			grid-column-gap: 20px;
			grid-template-columns: 1fr;
			grid-template-rows: auto auto auto auto auto auto;
	}

		.template-grid-3-column-1-top {
			background: var(--template-11-column-bg-color);
			grid-column: 1 / 2;
			order: 1;
		}

		.template-grid-3-column-2-top {
			background: var(--template-11-column-bg-color);
			grid-column: 1 / 2;
			margin-top: 20px;
			order: 3;
		}

		.template-grid-3-column-3-top {
			background: var(--template-11-column-bg-color);
			grid-column: 1 / 2;
			margin-top: 20px;
			order: 5;
		}

		.template-grid-3-column-1-bottom {
			background: var(--template-11-column-bg-color);
			grid-column: 1 / 2;
			order: 2;
		}

		.template-grid-3-column-2-bottom {
			background: var(--template-11-column-bg-color);
			grid-column: 1 / 2;
			order: 4;
		}

		.template-grid-3-column-3-bottom {
			background: var(--template-11-column-bg-color);
			grid-column: 1 / 2;
			order: 6;
		}

	/* Template 11 -> 4 Spalten */
	.template-grid-4 {
		background: var(--template-11-outer-bg-color);
		grid-column: 2 / 3;
			display: grid;
			grid-column-gap: 20px;
			grid-template-columns: 1fr;
			grid-template-rows: auto auto auto auto auto auto auto auto;
	}

		.template-grid-4-column-1-top {
			background: var(--template-11-column-bg-color);
			grid-column: 1 / 2;
			order: 1;
		}

		.template-grid-4-column-2-top {
			background: var(--template-11-column-bg-color);
			grid-column: 1 / 2;
			margin-top: 20px;
			order: 3;
		}

		.template-grid-4-column-3-top {
			background: var(--template-11-column-bg-color);
			grid-column: 1 / 2;
			margin-top: 20px;
			order: 5;
		}

		.template-grid-4-column-4-top {
			background: var(--template-11-column-bg-color);
			grid-column: 1 / 2;
			margin-top: 20px;
			order: 7;
		}

		.template-grid-4-column-1-bottom {
			background: var(--template-11-column-bg-color);
			grid-column: 1 / 2;
			order: 2;
		}

		.template-grid-4-column-2-bottom {
			background: var(--template-11-column-bg-color);
			grid-column: 1 / 2;
			order: 4;
		}

		.template-grid-4-column-3-bottom {
			background: var(--template-11-column-bg-color);
			grid-column: 1 / 2;
			order: 6;
		}

		.template-grid-4-column-4-bottom {
			background: var(--template-11-column-bg-color);
			grid-column: 1 / 2;
			order: 8;
		}

	/* ------------------------------------------------------------- */

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

	.template-pic-11 {
		max-width: 100%;
		height: auto;
	}

	.template-faq-pic {
		max-width: 100%;
		height: auto;
		margin: 20px 0 10px 20px;
	}

	.template-tab-pic {
		max-width: 100%;
		height: auto;
		margin: 8px 0 10px 0px;
	}

	.template-faq-big-pic {
		max-width: 100%;
		margin-bottom: -7px;
	}

	/* ------------------------------------------------------------- */

	.form-label {
		width: 100%;
		float: left;
	}

	.form-field {
		width: 100%;
		float: left;
		position: relative;
		margin-bottom: 10px;
	}

	/* ------------------------------------------------------------- */

	.start-dreier-block {
		visibility: visible;
	}

		.start-dreier-block-left {
			background: #FF8A32;
			width: 100%;
			text-align: center;
			padding: 40px;
			font-weight: bold;
			color: #fff;
			font-size: 24px;
			margin-bottom: 20px;
		}

		.start-dreier-block-center {
			background: #FF8A32;
			width: 100%;
			text-align: center;
			padding: 40px;
			font-weight: bold;
			color: #fff;
			font-size: 24px;
			margin-bottom: 20px;
		}

		.start-dreier-block-right {
			background: #FF8A32;
			width: 100%;
			text-align: center;
			padding: 40px;
			font-weight: bold;
			color: #fff;
			font-size: 24px;
			margin-bottom: 20px;
		}

		.start-dreier-block-left:hover, .start-dreier-block-center:hover, .start-dreier-block-right:hover {
			background: #4ea4d8;
			color: #fff;
		}

	/* ------------------------------------------------------------- */

	.event-button-left {
		width:100%;
		float:left;
		margin-top: 15px;
	}

	.event-button-right {
		width:100%;
		float:left;
		margin-top: 15px;
	}

	.small-width-100 {
		width: 100% !important;
	}

	/* ------------------------------------------------------------- */

	.back-to-top {
		cursor: pointer;
		position: fixed;
		bottom: 15px;
		left: 20px;
		display: none;
		text-decoration: none;
		font-size: 30px;
	}

	/* ------------------------------------------------------------- */

	.combi-bg-1-top {
		background: var(--combi-bg-1-top-bg-color) !important;
		height:40px;
	}

	.combi-bg-1-bottom {
		background: var(--combi-bg-1-bottom-bg-color) !important;
		height:60px;
	}

	.div-search-form {
		border: 0;
		display: inline-block;
		margin-top: 10px;
	}

	.div-newsletter-form {
		border: 0;
		display: inline-block;
	}

	/* ------------------------------------------------------------- */

	.dont-show-490-and-smaller {
		display: none;
	}

}