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

	body {
		-moz-hyphens: auto !important;
		-o-hyphens: auto !important;
		-webkit-hyphens: auto !important;
		-ms-hyphens: auto !important;
		hyphens: auto !important;
	}

	.wrapper {
		min-height: 100%;
		display: grid;
			grid-template-columns: 1fr;
			grid-template-rows: auto auto 1fr auto;
	}


		header {
			z-index: 200;
			grid-column: 1 / 2;
			grid-row: 1 / 2;
			background: #fff;
			position: sticky;
			top: 0;
			display: grid;
				grid-template-columns: 1fr;
				grid-template-rows: auto auto;
		}

				.header-top {
					grid-column: 1 / 2;
					grid-row: 1 / 2;
					background: #fff;
						display: grid;
						grid-template-columns: 1fr;
						grid-template-rows: auto;
				}

					.header-top-inner {
						grid-column: 1 / 2;
						grid-row: 1 / 2;
						background: #fff;
						padding: 5px 0 5px 0;
					}

						.header-inner-top-right {
							width: 100%;
							text-align: right;
							padding-right: 10px;
						}

				.header-bottom {
					grid-column: 1 / 2;
					grid-row: 2 / 3;
					background: #fff;
						display: grid;
						grid-template-columns: 1fr;
						grid-template-rows: auto;
				}

					.header-bottom-inner {
						grid-column: 1 / 2;
						grid-row: 2 / 3;
						background: #fff;
							display: grid;
							grid-template-columns: 1fr;
							grid-template-rows: auto auto;
					}

						.header-bottom-logo {
							grid-column: 1 / 2;
							grid-row: 1 / 2;
						}

							.main-logo {
								margin: -20px 0 20px 10px;
								width: 133px;
							}

						.header-bottom-menu {
							display: none;
						}

						.header-bottom-menu-rwd-burger {
							position: absolute;
							right: 10px;
							top: 70px;
							z-index: 10001;
						}

.header-bottom-menu-rwd {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	/*margin-top: -146px;*/
	background: transparent;
	z-index: 10000;
}

#nav-top {
	display: none;
	background: #2A4194;
	padding: 20px 0 30px 0;
	width: 100%;
}

	.nav-top-left {
		float: left;
		width: 50%;
		height: auto;
	}

	.nav-top-right {
		float: left;
		width: 50%;
		text-align: right;
		padding: 27px 10px 0 0;
	}

	.nav-top-right img {
		display: inline !important;
	}

#nav-bottom {
	display: none;
	background: #2A4194;
	padding: 20px;
	text-align: center;
}




			/* Kopfbilder */
			.slider-head-pic {
				background-size:100%;background-color:#FFCC01;background-position:50% 0;background-repeat:no-repeat;
				grid-column: 1 / 2;
				grid-row: 2 / 3;
				border-bottom: 20px solid #FFCC01;
					display: grid;
					grid-template-columns: 1fr;
					grid-template-rows: 540px;
					overflow: hidden;
			}

				.slider-head-pic-inner {
					grid-column: 1 / 2;
					grid-row: 1 / 2;
					background: transparent;
						display: grid;
						grid-template-columns: 1fr;
						grid-template-rows: 1fr;
				}

					.slider-head-pic-inner-left {
						grid-column: 1 / 2;
						grid-row: 1 / 2;
						background: transparent;
						padding: 20px 0 0 0;
						text-align: center;
display: none;
					}

						h1.headpic-h1, .headpic-caption {
							font-family:'Source Sans 3',arial,sans-serif;
							font-size: 2em;
							font-weight: 800;
							line-height: 1em;
							color: #fff;
							margin: 0;
							text-transform: none;
							/*text-shadow: 2px 2px 12px #000000;*/
							text-align: center;
							/*hyphens: auto;*/
						}

					.slider-head-pic-inner-right {
						grid-column: 1 / 2;
						grid-row: 1 / 2;
						background: transparent;
						padding: 20px 0 20px 0;
						margin: auto;
							display: grid;
							grid-template-columns: 20px 1fr 20px;
							grid-template-rows: auto;
							align-items: start;
					}



/* Fahrplanauskunft Formular -> IN EXTRA DATEI (fe-fahrplanauskunft-small.css)!!!*/


			/* Inhalte */
			.main-content-classic {
				z-index: 100;
				grid-column: 1 / 2;
				grid-row: 3 / 4;
				background: #fff;
				padding: 20px 20px 20px 20px;
					display: grid;
					grid-template-columns: 1fr;
					grid-template-rows: 1fr;
					align-self: start;
			}

				.content-type-1 {
					grid-column: 1 / 2;
					grid-row: auto;
					background: #fff;
padding: 0 !important;
border: none !important;
				}

					.content-type-1-empty {
						grid-column: 1 / 2;
						grid-row: auto;
						height: 20px;
					}

				.content-type-2 {
					grid-column: 1 / 2;
					grid-row: auto;
					background: #fff;
padding: 0 !important;
border: none !important;
				}

				.content-type-3 {
					grid-column: 1 / 2;
					grid-row: auto;
					background: #fff;
						display: grid;
						grid-template-columns: 1fr 940px 1fr;
						grid-template-rows: 1fr;
				}

					.content-type-3-inner {
						grid-column: 2 / 3;
					}


		/*  Footer */
		footer {
			grid-column: 1 / 2;
			grid-row: 4 / 5;
			background: #2A4194;
				display: grid;
				grid-template-columns: 1fr;
				grid-template-rows: auto;
		}

			.footer-inner {
				grid-column: 1 / 2;
				grid-row: 1 / 2;
			}

				.footer-logo {
					width: 122px;
					margin: 0 0 39px 0;
				}

				.footer-inner-top {
					padding: 0 20px 20px 20px;
						display: grid;
						grid-template-columns: 100%;
						grid-template-rows: auto auto auto auto auto;
				}

					.footer-inner-top-1 {
						grid-column: 1 / 2;
						grid-row: 5 / 6;
						margin-top: 50px;
						order: 5;
					}

					.footer-inner-top-2 {
						grid-column: 1 / 2;
						grid-row: 1 / 2;
						order: 1;
					}

					.footer-inner-top-3 {
						grid-column: 1 / 2;
						grid-row: 2 / 3;
						order: 2;
					}

					.footer-inner-top-4 {
						grid-column: 1 / 2;
						grid-row: 3 / 4;
						order: 3;
					}

					.footer-inner-top-5 {
						grid-column: 1 / 2;
						grid-row: 4 / 5;
						order: 4;
					}

						.footer-caption {
							padding: 57px 0 21px 0 !important;
						}



		/* Teaserboxen Startseite */
		.teaserboxen {
			display: grid;
			grid-column-gap: 20px;
			grid-template-columns: 1fr;
			grid-template-rows: auto auto auto;
		}

.teaserboxen a:link, .teaserboxen a:visited, .teaserboxen a:active {
	color: inherit;
	text-decoration: inherit;
	border: 5px solid #fff;
}

.teaserboxen a:focus, .teaserboxen a:hover {
	outline: 2px solid #2A4194;
	border: 5px solid #fff;
}

			.teaserbox-left a {
				background-image:  url(../images/bg-teaserbox-tickets.svg);
				background-size: 40%;
				background-repeat: no-repeat;
				background-position: 95% 107%;
				background-color: #FFCC01;
				border: 2px solid #FFCC01;
				padding: 30px;
				margin-bottom: 20px;
				grid-column: 1 / 2;
				grid-row: 1 / 2;
					display: grid;
					grid-template-columns: 1fr;
					grid-template-rows: 65px 120px 30px;
			}

			.teaserbox-left a:hover {
				background-image:  url(../images/bg-teaserbox-tickets.svg);
				background-size: 40%;
				background-repeat: no-repeat;
				background-position: 95% 107%;
				background-color: #FFCC01;
			}

				.teaserbox-inner-top {
					grid-column: 1 / 2;
					grid-row: 1 / 2;
					align-self: start;
					font-family: 'Source Sans 3',arial,sans-serif;
					font-size: 1em;
					font-weight: 800;

				}

				.teaserbox-inner-middle {
					grid-column: 1 / 2;
					grid-row: 2 / 3;
					align-self: start;
					font-family: 'Source Sans 3',arial,sans-serif;
					font-size: 2em;
					font-weight: 800;
					color:#fff;
					text-transform: uppercase;
				}

				.teaserbox-inner-bottom {
					grid-column: 1 / 2;
					grid-row: 3 / 4;
					align-self: end;
				}

					.teaserbox-bottom-text-blue {
						font-family: 'Source Sans 3',arial,sans-serif;
						font-size: 1em;
						font-weight: 800;
						color: #2A4194;
						text-decoration: none;
						border-bottom: 3px solid #2A4194;
					}

					.teaserbox-bottom-text-blue:hover {
						border-bottom: 3px solid #2A4194;
					}

					.teaserbox-bottom-text-white {
						font-family: 'Source Sans 3',arial,sans-serif;
						font-size: 1em;
						font-weight: 800;
						color: #fff;
						text-decoration: none;
						border-bottom: 3px solid #fff;
					}

					.teaserbox-bottom-text-white:hover {
						border-bottom: 3px solid #fff;
					}

			.teaserbox-center a {
				background-image: url(../images/bg-teaserbox-verkehr.svg);
				background-size: 35%;
				background-repeat: no-repeat;
				background-position: 110% 90%;
				background-color: #2A4194;
				border: 2px solid #2A4194;
				padding: 30px;
				margin-bottom: 20px;
				grid-column: 1 / 2;
				grid-row: 2 / 3;
					display: grid;
					grid-template-columns: 1fr;
					grid-template-rows: 65px 120px 30px;
			}

			.teaserbox-center a:hover {
				background-image: url(../images/bg-teaserbox-verkehr.svg);
				background-size: 35%;
				background-repeat: no-repeat;
				background-position: 110% 90%;
				background-color: #2A4194;
			}

			.teaserbox-right a {
				background-image: url(../images/bg-teaserbox-karriere.svg);
				background-size: 40%;
				background-repeat: no-repeat;
				background-position: 110% 115%;
				background-color: #DCE5F2;
				border: 2px solid #2A4194;
				padding: 30px;
				grid-column: 1 / 2;
				grid-row: 3 / 4;
					display: grid;
					grid-template-columns: 1fr;
					grid-template-rows: 65px 120px 30px;
			}

			.teaserbox-right a:hover {
				background-image: url(../images/bg-teaserbox-karriere.svg);
				background-size: 40%;
				background-repeat: no-repeat;
				background-position: 110% 115%;
				background-color: #DCE5F2;
			}
		/* Ende Teaserboxen */


	/* Templates */
	.template-grid-2 {
		grid-column: 1 / 2;
			display: grid;
			grid-column-gap: 20px;
			grid-template-columns: 1fr;
			grid-template-rows: auto auto auto auto;
	}

		.template-grid-2-column-1-top {
			background: #fff;
			grid-column: 1 / 2;
			order: 1;
		}

		.template-grid-2-column-2-top {
			background: #fff;
			grid-column: 1 / 2;
			order: 3;
			margin-top: 20px;
		}

		.template-grid-2-column-1-bottom {
			background: #fff;
			grid-column: 1 / 2;
			order: 2;
			margin-top: 20px;
		}

		.template-grid-2-column-2-bottom {
			background: #fff;
			grid-column: 1 / 2;
			order: 4;
			margin-top: 20px;
		}


	.template-grid-3 {
		grid-column: 1 / 2;
			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: #fff;
			grid-column: 1 / 2;
			order: 1;
		}

		.template-grid-3-column-2-top {
			background: #fff;
			grid-column: 1 / 2;
			order: 3;
			margin-top: 20px;
		}

		.template-grid-3-column-3-top {
			background: #fff;
			grid-column: 1 / 2;
			order: 5;
			margin-top: 20px;
		}

		.template-grid-3-column-1-bottom {
			background: #fff;
			grid-column: 1 / 2;
			order: 2;
			margin-top: 20px;
		}

		.template-grid-3-column-2-bottom {
			background: #fff;
			grid-column: 1 / 2;
			order: 4;
			margin-top: 20px;
		}

		.template-grid-3-column-3-bottom {
			background: #fff;
			grid-column: 1 / 2;
			order: 6;
			margin-top: 20px;
		}


	.template-grid-4 {
		grid-column: 1 / 2;
			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: #fff;
			grid-column: 1 / 2;
			order: 1;
		}

		.template-grid-4-column-2-top {
			background: #fff;
			grid-column: 1 / 2;
			order: 3;
			margin-top: 20px;
		}

		.template-grid-4-column-3-top {
			background: #fff;
			grid-column: 1 / 2;
			order: 5;
			margin-top: 20px;
		}

		.template-grid-4-column-4-top {
			background: #fff;
			grid-column: 1 / 2;
			order: 7;
			margin-top: 20px;
		}

		.template-grid-4-column-1-bottom {
			background: #fff;
			grid-column: 1 / 2;
			order: 2;
			margin-top: 20px;
		}

		.template-grid-4-column-2-bottom {
			background: #fff;
			grid-column: 1 / 2;
			order: 4;
			margin-top: 20px;
		}

		.template-grid-4-column-3-bottom {
			background: #fff;
			grid-column: 1 / 2;
			order: 6;
			margin-top: 20px;
		}

		.template-grid-4-column-4-bottom {
			background: #fff;
			grid-column: 1 / 2;
			order: 8;
			margin-top: 20px;
		}


	/* Diverses */
	.breadcrumb {
		background: transparent;
		padding: 10px 0 10px 0;
	}

	.h1-caption {
		background: transparent;
		padding: 10px 0 10px 0;
	}

	.template-1 {
		width: 100%;
		margin-bottom: 20px;
	}

	.template-2 {
		width: 100%;
		margin-bottom: 20px;
	}

	.dont-show-desktop {
		display: none;
	}

	.dont-show-1200 {
		display: none;
	}

	.dont-show-991 {
		display: none;
	}

	.dont-show-768 {
		display: none;
	}

	.dont-show-480 {
		display: none;
	}

	.back-to-top {
		bottom: 15px;
		right: 15px;
	}

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

	.event-button-align {
		text-align: left !important;
	}



		/* Buslinien / Nachtlinien */
		.auto-grid {
			display: grid;
			gap: 1rem;
			grid-template-columns: repeat(auto-fit, minmax(min(5.5rem, 100%), 1fr));
		}

		.child {
			padding: 0.5rem;
			font-family: 'Source Sans 3',arial,sans-serif;
			font-size: 1.5em;
			font-weight: 600;
			letter-spacing: 0.25px;
			background: #2A4194;
			text-align: center;
			color: #fff;
			cursor: pointer;
			border: 5px solid #fff;
		}


		/* Linienpläne */
		.fahrplaene > a {
			text-decoration: none !important;
			color: inherit;
		}

		.fahrplaene-box {
			display: grid;
			grid-template-columns: 40% 60%;
			grid-template-rows: auto;
			margin-bottom: 10px;
			background: #2A4194;
		}

			.fahrplaene-box-inner-left {
				font-family: 'Source Sans 3',arial,sans-serif;
				font-size: 1.5em;
				font-weight: 600;
				letter-spacing: 0.25px;
				background: #2A4194;
				text-align: center;
				color: #fff;
				cursor: pointer;
				border: 2px solid #2A4194;
				padding: 10px;
				grid-column: 1 / 2;
				grid-row: 1 / 2;
				align-self: center;
			}

			.fahrplaene-box-inner-right {
				font-family: 'Source Sans 3',arial,sans-serif;
				font-size: 1em;
				font-weight: 500;
				background: #fff;
				text-align: left;
				color: #2A4194;
				cursor: pointer;
				border-top: 2px solid #8993B3;
				border-right: 2px solid #8993B3;
				border-bottom: 2px solid #8993B3;
				padding: 10px 10px 10px 15px;
				grid-column: 2 / 3;
				grid-row: 1 / 2;
			}

			.fahrplaene-box-inner-right:hover {
				background: #EDF2F8;
			}


		/* Haltestellen */
		.haltestellen-box:hover {
			background: #EDF2F8;
		}

		.hs-letter {
			padding: 10px 0 10px 0;
			background: #fff;
			position: sticky;
			top: 142px;
		}

		.haltestellen-inner-letter h2 {
			font-family: 'Source Sans 3',arial,sans-serif;
			font-size: 1.4em;
			font-weight: 800;
			background: transparent;
			text-align: left;
			color: #2A4194;
			background:  #fff;
			display: block;
			padding: 10px 10px 10px 15px;
			margin: 40px 0 10px 0;
			border-top: 2px solid #8993B3;
			border-right: 2px solid #8993B3;
			border-bottom: 2px solid #FFCC01;
			border-left: 2px solid #8993B3;
		}

		.haltestellen-box {
			display: grid;
			grid-template-columns: 70% 30%;
			grid-template-rows: auto;
			margin-bottom: 10px;
		}

			.haltestellen-box-inner-left {
				font-family: 'Source Sans 3',arial,sans-serif;
				font-size: 1em;
				font-weight: 500;
				background: transparent;
				text-align: left;
				color: #2A4194;
				cursor: pointer;
				border-top: 2px solid #8993B3;
				border-bottom: 2px solid #8993B3;
				border-left: 2px solid #8993B3;
				padding: 10px 10px 10px 15px;
				grid-column: 1 / 2;
				grid-row: 1 / 2;
			}

				.haltestellen-box-inner-left-name {
					display: block;
				}

				.haltestellen-box-inner-left-buttons {
					margin: 10px 0 0 0;
				}

			.haltestellen-box-inner-right {
				font-family: 'Source Sans 3',arial,sans-serif;
				font-size: 1.5em;
				font-weight: 600;
				letter-spacing: 0.25px;
				background: #2A4194;
				text-align: center;
				color: #fff;
				cursor: pointer;
				border: 2px solid #2A4194;
				padding: 10px;
				grid-column: 2 / 3;
				grid-row: 1 / 2;
			}



		/* Aktuelles Boxen Flexbox */
		.flex-container {
			/*display: flex;*/
			width: 100%;
			max-width: 436px;
			-moz-hyphens: auto !important;
			-o-hyphens: auto;
			-webkit-hyphens: auto;
			-ms-hyphens: auto;
			hyphens: auto;
		}

			.flex-item {
				display: flex;
				flex-direction: column;
				width: 100%;
				background: #fff;
				border: 2px solid #8993B3;
				margin-bottom: 30px;
			}

				.flex-pic {
					padding: 0 0 10px 0;
					order: 1;
				}

					img {
						max-width: 100%;
						height: auto;
						overflow: hidden;
						display: block;
					}

				.flex-caption {
					padding: 20px 30px 10px 30px;
					font-weight: bold;
					order: 2;
				}

				.flex-text {
					padding: 0 30px 0 30px;
					order: 3;
				}

				.flex-link {
					padding: 25px 30px 30px 30px;
					align-self: flex-start;
					margin-top: auto;
					font-weight: bold;
					order: 4;
				}



		/* Angebote Boxen Flexbox */
		.flex-angebote-container {
			width: 100%;
		}

			.flex-angebote-item {
				width: 100%;
			}

				.flex-angebote-pic {
					padding: 0 0 10px 0;
				}

					.flex-angebote-pic > img {
						max-width: 100%;
						height: auto;
						overflow: hidden;
						display: block;
					}

				.flex-angebote-link {
					padding: 0;
					align-self: flex-start;
					margin-top: auto;
					font-weight: bold;
					margin-bottom: 60px;
				}


		/* Aktuelles Boxen Grid ALT
		.t11-top-border {
			border: 2px solid #8993B3;
		}

		.t11-bottom-border {
			border-right: 2px solid #8993B3;
			border-bottom: 2px solid #8993B3;
			border-left: 2px solid #8993B3;
			padding: 30px;
			margin-top: -30px;
		}

		.t11-inner-padding-30 {
			padding: 10px;
		}

		.t11-inner-news-caption {
			margin-bottom: 10px;
		}

		.t11-inner-news-text { }

		.t11-complete-border { }

		.t11-extra-caption {
			padding: 0 0 30px 0;
			grid-column: 1/3;
		}

		.t11-read-more-link-extra {
			border-right: 2px solid #8993B3;
			border-bottom: 2px solid #8993B3;
			border-left: 2px solid #8993B3;
			padding: 30px;
			margin-top: -30px;
		}
		*/


		/* Verkehrsmeldungen */
		.verkehrs-box {
			background-color: transparent;
			color: #2A4194 !important;
			padding: 0 !important;
			border: none;
		}

		.verkehrs-box-details {
			margin-bottom: 60px;
			background-color: transparent;
			color: #2A4194 !important;
			padding: 0 !important;
			border: none;
		}


		/* Neue Formulare */
		.form-row {
			display: grid;
			grid-template-columns: 1fr;
			grid-template-rows: auto;
		}

			.form-row-complete {
				grid-column: 1 / 2;
				grid-row: auto;
				margin-bottom: 20px;
					display: grid;
					grid-template-columns: auto;
					grid-template-rows: auto;
			}

			.form-row-left {
				grid-column: 1 / 2;
				grid-row: auto;
				margin-bottom: 20px;
					display: grid;
					grid-template-columns: auto;
					grid-template-rows: auto;
			}

			.form-row-right {
				grid-column: 1 / 2;
				grid-row: auto;
				margin-bottom: 20px;
					display: grid;
					grid-template-columns: auto;
					grid-template-rows: auto;
			}

				.form-content-label {
					grid-column: 1 / 2;
					grid-row: 1 / 2;
					font-size: .8em !important;
					font-weight: 600;
				}

				.form-content-field {
					grid-column: 1 / 2;
					grid-row: 2 / 3;
				}

}