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

.sticky {
	/*z-index: 111;*/
	position: fixed;
	height: auto;
	left:0;
	right:0;
	top:0;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
}

.sticky-margin-top {
	margin-top: 120px;
}

	.sticky-position {
		position: relative;
	}

.border {
	/*display: grid;
	grid-template-columns: 1fr;
	grid-template-row: 1fr;
	border: 20px solid var(--body-border-color);*/
}

	.container {
		/*grid-column: 1 / 2;
		grid-row: 1 / 2;*/
			display: grid;
			grid-template-columns: 1fr;
			grid-template-rows: auto auto minmax(300px, auto) auto;
			/*grid-template-rows: 160px 240px minmax(300px, auto) 1fr;*/
	}

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

			.header-top {
				grid-column: 1 / 2;
				grid-row: 1 / 2;
				background: var(--header-top-bg-color);
					display: grid;
					grid-template-columns: 1fr;
					grid-template-rows: auto;
			}

				.header-top-inner {
					grid-column: 1 / 2;
					grid-row: 1 / 2;
					background: var(--header-top-inner-bg-color);
				}
												
																	.header-inner-top-left {
																		float: left;
																		width: 33%;
																		padding: 0 0 0 10px;
																	}
												
																	.header-inner-top-center {
																		float: left;
																		width: 34%;
																		text-align: center;
																	}

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

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

				.header-bottom-logo {
					position: relative;
					z-index: 1;
					width: 100%;
				}

.logo-text {
	font-family: 'scalasans_capsregular',arial,verdana,sans-serif;
	font-size: 28px;
	line-height: 86px;
	color: #004E9E;
	letter-spacing: 0px;
	margin: 0;
	text-transform: none;
	font-weight: normal;
}

					.main-logo {
						z-index: 2;
						margin: 16px 0 9px 16px;
						width: 77px;
					}

				.header-bottom-menu {
					position: relative;
					z-index: 3;
					width: 100%;
					padding: 0;
				}


		.slider-head-pic {
			z-index: 55;
			grid-column: 1 / 2;
			grid-row: 2 / 3;
				display: grid;
				grid-template-columns: 1fr;
grid-template-rows: 206px;
				overflow: hidden;
		}

			.slider-head-pic-inner {
				grid-column: 1 / 2;
				grid-row: 1 / 2;
				background: transparent;
			}

				.slider-head-pic-inner-box {
margin: 330px 0 0 0;
width: 100%;
background-color: transparent;
text-align: right;
display: none;
				}


		.main-content-classic {
			z-index: 100;
			grid-column: 1 / 2;
			grid-row: 3 / 4;
			background: var(--main-content-bg-color);
				display: grid;
				grid-template-columns: 1fr;
				grid-template-rows: 1fr;
				align-self: start;
		}

			.content-type-1 {
				padding: 0 20px 0 20px;
				grid-column: 1 / 2;
				grid-row: auto;
				background: var(--content-bg-color);
			}

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

			.content-type-3 {
				grid-column: 1 / 2;
				grid-row: auto;
				background: var(--content-bg-color);
					display: grid;
					grid-template-columns: 1fr;
					grid-template-rows: 1fr;
			}

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

		.main-content-box-right {
			z-index: 100;
			grid-column: 1 / 2;
			grid-row: 3 / 4;
			background: var(--main-content-bg-color);
				display: grid;
				grid-template-columns: 1fr 75% 25% 1fr;
				grid-template-rows: 1fr;
		}

			.main-content-box-right-left {
				grid-column: 2 / 3;
				background: purple;
			}

			.main-content-box-right-right {
				grid-column: 3 / 4;
				background: pink;
			}

				/*.content-type-1 {
					width: 100%;
					background: var(--content-bg-color);
				}*/

		.main-content-box-left {
			z-index: 100;
			grid-column: 1 / 2;
			grid-row: 3 / 4;
			background: var(--main-content-bg-color);
				display: grid;
				grid-template-columns: 1fr 25% 75% 1fr;
				grid-template-rows: 1fr;
		}

			.main-content-box-left-left {
				grid-column: 2 / 3;
				background: pink;
			}

			.main-content-box-left-right {
				grid-column: 3 / 4;
				background: purple;
			}

				/*.content-type-1 {
					width: 100%;
					background: var(--content-bg-color);
				}*/


.footer-wave {
	grid-column: 1 / 4;
	grid-row: 4 / 5;
	height: 180px;
	background: transparent url(../images/bg-footer-wave.png) no-repeat 50% 100%;
}

		.footer {
			z-index: 99;
			grid-column: 1 / 2;
			grid-row: 5 / 6;
background: rgb(0,41,82);
background: linear-gradient(0deg, rgba(0,41,82,1) 5%, rgba(0,78,158,1) 50%);
				display: grid;
				grid-template-columns: 1fr;
				grid-template-rows: auto;
		}

			.footer-inner-top {
				grid-column: 1 / 2;
				grid-row: 1 / 2;
padding: 80px 20px 80px 20px;
				background: var(--footer-inner-top-bg-color);
					display: grid;
grid-template-columns: 100%;
					grid-template-rows: auto auto;
			}

				.footer-inner-top-left {
					grid-column: 1 / 2;
					grid-row: 1 / 2;
					background: transparent;
				}

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

				.footer-inner-top-right {
					grid-column: 3 / 4;
					grid-row: 1 / 2;
					background: transparent;
display: none;
				}

			.footer-inner-bottom {
				grid-column: 1 / 2;
				grid-row: 2 / 3;
				padding: 0 20px 0 20px;
				background: var(--footer-inner-bottom-bg-color);
					display: grid;
					grid-template-columns: 1fr;
					grid-template-rows: 100%;
			}
						
				.footer-inner-bottom-inner {
					grid-column: 1 / 2;
					grid-row: 1 / 2;
						display: grid;
						grid-template-columns: 1fr;
						grid-template-rows: auto auto;
padding: 20px 0 60px 0;
				}
	
					.footer-inner-bottom-inner-left {
						grid-column: 1 / 2;
						grid-row: 1 / 2;
						background: transparent;
						text-align: right;
						margin-bottom: 10px;
					}
	
					.footer-inner-bottom-inner-right {
						grid-column: 1 / 2;
						grid-row: 2 / 3;
						background: transparent;
					}


	.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: var(--template-11-bg-color);
			grid-column: 1 / 2;
			order: 1;
		}

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

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

		.template-grid-2-column-2-bottom {
			background: var(--template-11-bg-color);
			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 1fr;
			grid-template-rows: auto auto auto;
	}

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

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

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

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

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

		.template-grid-3-column-3-bottom {
			background: var(--template-11-bg-color);
			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 1fr;
			grid-template-rows: auto auto auto auto;
	}

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

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

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

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

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

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

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

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


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

	.h1-caption {
		background: transparent;
padding: 50px 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 {
		visibility: visible;
	}

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

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

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

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

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

.kontakt-map {
	margin-top: 0px;
}

.t11-el-sp1 {
	border-right: none;
}

.t11-el-sp2 {
	border-right: none;
}

.t11-el-sp3 {
	border-right: none;
}

.fc-margin {
	padding: 0 !important;
	margin-bottom: -15px !important;
}

h3 { font-size: 35px !important;}

.div-arrow-back {
	width: 50%;
	float: left;
}

.div-arrow-next {
	width: 50%;
	float: left;
	text-align: right;
}

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

		.start-dreier-block {
			font-family: 'scala_sansbold_lf',arial,verdana,sans-serif;
			font-size: 35px;
			line-height: 38px;
			letter-spacing: 0.35px;
			background: transparent;
				display: grid;
				grid-gap: 20px;
				grid-template-columns: 100%;
				grid-template-rows: auto auto auto;
		}

		.start-dreier-block-caps {
			font-family: 'scalasans_capsregular',arial,verdana,sans-serif;
			font-size: 24px;
			line-height: 27px;
			letter-spacing: 0;
		}

			.start-dreier-block-left {
				background: transparent url(../images/start-3er-box-ueberuns-off.svg) no-repeat top center;
				background-size: 240px;
				grid-column: 1 / 2;
				grid-row: 1 / 2;
				padding: 150px 0 25px 0;
				color: #004E9E;
				border-bottom: 1px solid #D50C2F;
				text-align: center;
			}

			.start-dreier-block-center {
				background: transparent url(../images/start-3er-box-karriere-off.svg) no-repeat top center;
				background-size: 240px;
				grid-column: 1 / 2;
				grid-row: 2 / 3;
				padding: 170px 0 25px 0;
				color: #004E9E;
				border-bottom: 1px solid #D50C2F;
				text-align: center;
			}

			.start-dreier-block-right {
				background: transparent url(../images/start-3er-box-schiffe-off.svg) no-repeat top center;
				background-size: 240px;
				grid-column: 1 / 2;
				grid-row: 3 / 4;
				padding: 150px 0 15px 0;
				color: #004E9E;
				text-align: center;
			}

			.start-dreier-block-left:hover {
				background: transparent url(../images/start-3er-box-ueberuns-on.svg) no-repeat top center;
				background-size: 240px;
				color: #D50C2F;
			}

			.start-dreier-block-center:hover {
				background: transparent url(../images/start-3er-box-karriere-on.svg) no-repeat top center;
				background-size: 240px;
				color: #D50C2F;
			}

			.start-dreier-block-right:hover {
				background: transparent url(../images/start-3er-box-schiffe-on.svg) no-repeat top center;
				background-size: 240px;
				color: #D50C2F;
			}

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



		.flex-container {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: flex-start;
			align-items: stretch;
			align-content: stretch;
			column-gap: 20px;

		}

			.flex-items {
				display: block;
				flex-grow: 0;
				flex-shrink: 1;
				flex-basis: auto;
				align-self: auto;
				order: 1;
				width: calc(50% - 10px);
				background: #EBF1F7;
				margin-bottom: 20px;
			}

				.flex-items > a {
					display: block;
					padding: 20px 20px 50px 20px;
				}

			.flex-items-jobs-1 {
				display: block;
				flex-grow: 0;
				flex-shrink: 1;
				flex-basis: auto;
				align-self: auto;
				order: 1;
				width: calc(50% - 10px);
				background: #fff;
				border: 1px solid #004E9E;
				margin-bottom: 20px;
				-o-hyphens: auto;
				-webkit-hyphens: auto;
				-ms-hyphens: auto;
				hyphens: auto;
			}

				.flex-items-jobs-1 > a {
					display: block;
					padding: 5px 20px 50px 20px;
				}

			.flex-items-jobs-2 {
				display: block;
				flex-grow: 0;
				flex-shrink: 1;
				flex-basis: auto;
				align-self: auto;
				order: 1;
				width: calc(50% - 10px);
				background: #fff;
				border: 1px solid #D30A32;
				margin-bottom: 20px;
				-o-hyphens: auto;
				-webkit-hyphens: auto;
				-ms-hyphens: auto;
				hyphens: auto;
			}

				.flex-items-jobs-2 > a {
					display: block;
					padding: 5px 20px 50px 20px;
				}

}