* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1 {
	font-family: 'Poppins', sans-serif;
	font-size: 50px;
	line-height: 60px;
	margin-bottom: 90px;
}

h2 {
	font-family: 'Poppins', sans-serif;
	font-size: 50px;
	line-height: 1.2;
}

h3 {
	font-family: 'Poppins', sans-serif;
	font-size: 32px;
	line-height: 1.2;
}

.the-arrow {
	width: 1px;
	transition: all 0.2s;
}

.the-arrow.-left {
	position: absolute;
	top: 29px;
	left: -8px;
}

.the-arrow.-left>.shaft {
	width: 0;
	background-color: #000000;
}

.the-arrow.-left>.shaft:before,
.the-arrow.-left>.shaft:after {
	width: 0;
	/* background-color: #000000; */
}



.the-arrow.-right {
	top: 29px;
	left: -10px;
	border-radius: 50%;
	position: absolute;
}

.the-arrow.-right>.shaft {
	width: 40px;
	transition-delay: 0.2s;
}

.the-arrow.-right>.shaft:before,
.the-arrow.-right>.shaft:after {
	width: 8px;
	transition-delay: 0.3s;
	transition: all 0.5s;
}

.the-arrow.-right>.shaft:before {
	/* transform: rotate(40deg); */
	border-width: 4px 0 5px 8px;
	border-color: transparent transparent transparent #ffffff;
	border-style: solid;
	width: 0;
	height: 0;
	top: -4px;
	/* transform:translateY(-50%); */
	/* left:8px; */
}



.the-arrow>.shaft {
	background-color: #ffffff;
	display: block;
	height: 1px;
	position: relative;
	transition: all 0.2s;
	transition-delay: 0;
	will-change: transform;
}

.the-arrow>.shaft:before,
.the-arrow>.shaft:after {
	/* background-color: #000000; */
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	top: 0;
	right: 0;
	transition: all 0.2s;
	transition-delay: 0;
}


.the-arrow>.shaft:before {
	transform-origin: top right;
}

.the-arrow>.shaft:after {
	transform-origin: bottom right;
}

.animated-arrow {
	display: inline-block;
	color: #ffffff;
	font-size: 1.25em;
	text-decoration: none;
	position: relative;
	transition: all 0.2s;
	width: 60px;
	height: 60px;
	border: 1px solid #ffffff;
	border-radius: 50%;
}

.animated-arrow:hover .the-arrow>.shaft {
	color: #8baad4;
	background-color: #8baad4;
}

.animated-arrow:hover {
	color: #8baad4;
}

.email a:hover .animated-arrow .text,
.animated-arrow:hover .text {
	transition: all 0.2s;
}


.email a:hover .animated-arrow,
.animated-arrow:hover .text,
.animated-arrow:hover {
	color: #8baad4;
	border-color: #8baad4;
}

.email a:hover .animated-arrow>.the-arrow.-left>.shaft,
.animated-arrow:hover>.the-arrow.-left>.shaft {
	width: 40px;
	transition-delay: 0.1s;
	background-color: #8baad4;
}

.email a:hover .animated-arrow>.the-arrow.-left>.shaft:before,
.email a:hover .animated-arrow>.the-arrow.-left>.shaft:after,
.animated-arrow:hover>.the-arrow.-left>.shaft:before,
.animated-arrow:hover>.the-arrow.-left>.shaft:after {
	width: 8px;
	transition-delay: 0.1s;
}

.email a:hover .animated-arrow>.the-arrow.-left>.shaft:before,
.animated-arrow:hover>.the-arrow.-left>.shaft:before {
	border-width: 4px 0 5px 8px;
	border-color: transparent transparent transparent #8baad4;
	border-style: solid;
	width: 0;
	height: 0;
	top: -4px;
}

.email a:hover .animated-arrow>.arrow-main,
.animated-arrow:hover>.arrow-main {
	transform: translateX(17px);
	transform: translateX(40px);
}

.email a:hover .animated-arrow>.arrow-main>.the-arrow.-right>.shaft,
.animated-arrow:hover>.arrow-main>.the-arrow.-right>.shaft {
	width: 0;
	transform: translateX(200%);
	transition-delay: 0;
}

.email a:hover .animated-arrow>.arrow-main>.the-arrow.-right>.shaft:before,
.email a:hover .animated-arrow>.arrow-main>.the-arrow.-right>.shaft:before,
.animated-arrow:hover>.arrow-main>.the-arrow.-right>.shaft:before,
.animated-arrow:hover>.arrow-main>.the-arrow.-right>.shaft:after {
	width: 0;
	transition-delay: 0;
	transition: all 0.1s;
	border-color: transparent;
}

.email a:hover .animated-arrow>.arrow-main>.the-arrow.-right>.shaft:before,
.animated-arrow:hover>.arrow-main>.the-arrow.-right>.shaft:before {
	transform: rotate(0);
}

.email a:hover .animated-arrow>.arrow-main>.the-arrow.-right>.shaft:after,
.animated-arrow:hover>.arrow-main>.the-arrow.-right>.shaft:after {
	transform: rotate(0);
}

.animated-arrow .the-arrow>.shaft,
.email .animated-arrow:hover {
	color: #8baad4;
}

.animated-arrow>.arrow-main {
	display: flex;
	align-items: center;
	transition: all 0.2s;
}

.animated-arrow>.arrow-main>.text {
	margin: 0 16px 0 0;
	line-height: 1;
}

.animated-arrow>.arrow-main>.the-arrow {
	position: relative;
}

.animated-arrow .text {
	font-family: "roboto", sans-serif;
	font-size: 24px;
	margin-left: 74px;
	display: inline-block;
	font-style: normal;
	min-width: 260px;
	width: 260px;
}

.arrow-dark .the-arrow.-left>.shaft {
	width: 0;
	background-color: #000000;
}

.arrow-dark .the-arrow.-right>.shaft:before {
	border-color: transparent transparent transparent #000000;
}

.arrow-dark .the-arrow>.shaft {
	background-color: #000000;
}


.animated-arrow.arrow-dark {
	border: 1px solid #000000;
}

.arrow-dark.animated-arrow:hover .text,
.arrow-dark.animated-arrow:hover {
	color: #0045A4;
	border-color: #0045A4;
}

.arrow-dark.animated-arrow:hover>.the-arrow.-left>.shaft {

	background-color: #0045A4;
}

.arrow-dark.animated-arrow:hover>.the-arrow.-left>.shaft:before {
	border-color: transparent transparent transparent #0045A4;
}

.img-fullwidth .animated-arrow .text {
	margin-top: 10px;
}

.arrow-dark.animated-arrow .text {
	margin-top: 10px;
	color: #000000;
}

.arrow-dark.animated-arrow:hover .text {
	color: #0045A4;
}
.invisible-scrollbar {
	scrollbar-width: none;
  }
  .invisible-scrollbar::-webkit-scrollbar {
	display: none;
  }

body {
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 35px;
	color: #000;
	text-align: left;
	background: #ffffff;
	margin: 0;
	overflow-x: hidden;
	width: 100vw;
	height: 100%;
}

h1,
h2,
h3,
h4,
.h1 {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
}

/* MENU */

.dropdown-menu {
	background-color: transparent;
}
/* .openclose .dropdown-toggle.show i.fa.fa-angle-right, */
/* .dropdown-toggle .fa:after {
	display: none!important;
} */

.dropdown-toggle::after {
    display:none;
}

.navigation, #nav .container {
	height: 0;
}

.navigation__checkbox {
	display: none;
}

.navigation__button {
	background-color: transparent;
	height: 63px;
	width: 63px;
	position: absolute;
	right: -50px;
	top: 80px;
	border-radius: 50%;
	z-index: 2000;
	border: 2px solid #ffffff;
	text-align: center;
	cursor: pointer;
}

.navigation__background {
	height: 63px;
	width: 63px;
	border-radius: 50%;
	position: fixed;
	top: 6.5rem;
	right: 6.5rem;
	opacity: 0;
	filter: alpha(opacity=0);
	background-image: radial-gradient(rgba(25, 87, 173, 1), rgba(25, 87, 173, 1));
	z-index: 1000;
	transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1);
	/* mix-blend-mode: multiply; */
}

.navigation__nav {
	
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1500;
	/* opacity: 0; */
	width: 0;
	transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	height: 100vh;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1500;
	opacity: 0;
	filter: alpha(opacity=0);
	width: 0;
	transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	left: 0;
	right: 0;
	margin: 0 auto;
	align-items:flex-start;
}

.navigation__list {
	list-style: none;
	text-align: left;
	width: 100%;
	z-index: 1500;
	padding-top: 50px;
	padding-left: 0;
	padding-right: 0;
}


.navigation__item {
	z-index: 1500;
	position: relative;
	list-style: none;
}

.navigation__item.first-level {
	z-index: 1500;
	width: 33%;
	position: relative;
}

.navigation__item>a {
	width: 100%;
	position: relative;
}

.navigation__item .fa ,
.navigation__item.mit-kind .fa {
	position: absolute;
	/* top: calc(50% - 10px); */
	bottom: 0;
	right: 0;
}

.navigation__item .fa,
.navigation__item a,
.navigation__item a:link,
.navigation__item a:visited {
	display: inline-block;
	font-size: 20px;
	font-weight: 300;
	padding: 14px 2rem 14px 12px;
	line-height: 1;
	color: #fff;
	text-decoration: none;
	/* text-transform: uppercase; */
	/* background-size: 220%; */
	transition: all 0.3s;
	border: none;
	height: auto;
}

.navigation__item a:link span,
.navigation__item a:visited span {
	margin-right: 1.5rem;
	display: inline-block;
}

.navigation__item a.show,
.navigation__item a:hover,
.navigation__item a:active,
.navigation__item a.active {
	background-position: 100%;
	color: #8baad4;
	transform: translateX(.75rem);
}

.navigation__checkbox:checked~.navigation__background {
	transform: scale(80);
	background-image: radial-gradient(rgba(25, 87, 173, 1), rgba(25, 87, 173, 1));
	opacity: 0.875;
	filter: alpha(opacity=85);
	/* mix-blend-mode: multiply; */
	width: 100%;
	height: 100%;
}

.navigation__checkbox~.navigation__nav {
	pointer-events: none;
}

.navigation__checkbox:checked~.navigation__nav {
	opacity: 1;
	filter: alpha(opacity=100);
	width: 100%;
	pointer-events: all;
}
.navigation__icon {
	position: relative;
	margin-top: 30px;
}

.navigation__icon,
.navigation__icon::before,
.navigation__icon::after {
	width: 36px;
	height: 2px;
	background-color: #ffffff;
	display: inline-block;
}

.navigation__icon::before,
.navigation__icon::after {
	content: "";
	position: absolute;
	left: 0;
	transition: all 0.2s;
}

.navigation__icon::before {
	top: -0.8rem;
}

.navigation__icon::after {
	top: 0.8rem;
}

.navigation__button:hover .navigation__icon::before {
	top: -1rem;
}

.navigation__button:hover .navigation__icon::after {
	top: 1rem;
}

.navigation__checkbox:checked+.navigation__button .navigation__icon {
	background-color: transparent;
}

.navigation__checkbox:checked+.navigation__button .navigation__icon::before {
	top: 0;
	transform: rotate(135deg);
}

.navigation__checkbox:checked+.navigation__button .navigation__icon::after {
	top: 0;
	transform: rotate(-135deg);
}

.navigation {
	width: 100%;
}

section {
	width: 100%;
	/* min-height: 400px; */
	position: relative;
}


.navigation__item .sub-nav li a {
	padding-left: 60px;
}

/* Custom Styles */

a {
	color: #1654A9;
	text-decoration: none;
}

a:hover {
    color: #8baad4;
	text-decoration: none;
}


section.section-bildteaser,
section.slider {
	margin-bottom: 100px;
	z-index: 2000;
}


section.section-bildteaser img {
	height: 650px;
	width: 100%;
	object-fit: cover;
	max-width: 1920px;
}

section.section-bildteaser .container-fluid,
.slider-overlay {
	max-width: 1920px;
}

.slider-overlay {
	max-width: 100%;
}

.flexslider {
	border: 0;
	border-radius: 0;
	height: 100%;
	margin: 0 auto;
	position: relative;
}


.flexslider,
.flexslider .flex-viewport {
	overflow: visible!important;
	overflow-x: hidden!important;
	height: 100vh;
}

.flexslider .slides img {

	object-fit: cover;
}
@media (min-width: 1200px) {
	.flexslider .slides li {
		height: calc(100vh - 130px);
	}
	
	.banner-video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }

	.banner-video video,.banner-video img { position: absolute; min-width: 100%; min-height: 100%; width: auto; height: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); }

	.banner-video video,.banner-video img { height: 100%; }

	.banner-video.ratio16by9 video, .banner-video.ratio16by9 img { height: auto; width: 100%; }
}

section.section-accordion,
section.ansprechpartner,
section.section-content,
section.container.content.start {
	margin-top: 100px;
	margin-bottom: 100px;
}

section.section-subpage {
	padding-top: 100px;
	padding-bottom: 100px;
}

section.section-content.intro,
section.container.content.start {
	margin-top: 100px;
	width: 100%;
	position: relative;
	display: block;
}

.slider-container .slides {
	position: relative;
}

.slider-container .flex-caption {
	bottom: -130px;
	color: #fff;
	display: flex;
	flex-direction: column;
	font-size: 44px;
	justify-content: center;
	min-height: 400px;
	position: absolute;
	width: 100%;
	max-width: 1546px;
}

.section-bildteaser .flex-caption {
	bottom: -90px;
	color: #fff;
	display: flex;
	flex-direction: column;
	font-size: 44px;
	justify-content: center;
	min-height: 400px;
	position: absolute;
	width: 100%;
	max-width:1018px;
}

.section-bildteaser .flex-caption  {
	min-height: 330px;
}

.flex-caption-container:before {
	background-color: none;
}

.flex-caption-container:before {
	background-color: #1957ad;
	content: "";
	height: 100%;
	left: 0;
	mix-blend-mode: multiply;
	position: absolute;
	top: 0;
	width: 100%;
	display: block;
	max-width: 650px;
}

.bildteaser-caption.flex-caption-container:before {
	z-index: 1000;
	max-width: 100%;
}

.bildteaser-caption.flex-caption-container {
	padding: 90px 80px ; 
}

.section-bildteaser .kicker,
.section-bildteaser .h1 {
	width: 100%;
	display: block;
	color: #ffffff;
	z-index: 2000;
}

.flex-caption {
	max-width: 1546px;
}

.flex-caption {
	max-width: 750px;
}

.flex-caption-container {
	padding: 60px 60px 140px;
	max-width: 650px;
}

.section-bildteaser .flex-caption {
	padding: 40px 80px;
}

.section-bildteaser .flex-caption .h1,
.flex-caption-container .h1 {
	color: #ffffff;
	position: relative;
	margin-bottom: 40px;
	font-family: 'Poppins', sans-serif;
	font-size: 50px;
	line-height: 60px;

}

.bildteaser-caption.flex-caption-container {
	max-width: 100%;
}

.flex-caption-container span {
	display: block;
}

.flexcontrols {
	align-items: center;
	bottom: 186px;
	display: flex;
	height: 60px;
	left: auto;
	max-width: 300px;
	position: absolute;
	right: 964px;
	z-index: 30002;
	flex-direction: row;
	width: 100%;
	bottom: 0;
	right: 1000px;
}

.flex-control-nav {
	top: auto;
	bottom: 32px;
	width: auto;
	left: 42%;
}

@media(max-width:991px) {
	.flex-control-nav {
		display: none;
	}

	.section-subpage.bg-blue {
		display: none;
	}
}

.flex-control-nav li a {
	height: 0.5rem;
	width: 0.5rem;
}

.flex-caption a {
	z-index: 2000;
}

.nav-top {
	height: 0;
	z-index: 4000;
	position: relative;
}


.flex-control-nav li a {
	height: 18px;
	width: 18px;
	background-color: transparent;
	border: 1px solid #fff;
	box-shadow: none;
}

section.section-bildteaser .kicker,
section.slider .kicker {
	font-family: 'roboto', sans-serif;
	font-size: 20px;
	line-height: 26px;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 30px;
	color: #ffffff;
}

section.slider .animated-arrow {
	margin-bottom: 40px;
}

.slider-overlay {
	position: absolute;
	top: 0;
	right: 0;
	font-weight: bold;
	text-align: right;
	font-size: 30px;
	left: 0;
	z-index: 1000;
	background: rgb(0, 0, 0);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 10.5) 82%);
	mix-blend-mode: multiply;
	height: 50%;
}

section.section-bildteaser + section.section-content.start.section.intro {
	padding-top: 100px;
}

@media (max-width:1199px) { 
	.flexslider .slides video {
		width: 100%;
		height: auto;
	}
	.slider-overlay {
		height: 20%;
	}
	.flexslider video {
		display: block;
	}
	.flexslider {
		overflow: hidden!important;
    	overflow-x: hidden!important;
		height: 100vh;
	}
}

@media(max-width:1199px) {
	section.section-bildteaser + section.section-content.start.section.intro {
		padding-top: 50px;
	}

	.section-bildteaser .col-12.col-xl-8 {
		padding: 0;
	}
}

@media (min-width: 1600px) {

	.container {
		max-width: 1546px;
	}

	
	.slider-container .flex-caption {
		min-height: unset;
	}
}

.container-narrow {
	max-width: 1140px;
}

.section-content.start.section.intro h1, .section-content.start.section.intro h2 {
	font-family: 'Poppins', sans-serif;
	font-size: 50px;
	line-height: 60px;
	margin-bottom: 90px;
}

section.section-accordion h2,
.section-content.start.section.intro .two-columns h1, .section-content.start.section.intro .two-columns h2  {
	font-size: 40px;
	line-height: 1.3;
	margin-bottom: 60px;
}

.section-content.start.section.intro p {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	line-height: 35px;
	font-weight: 300;
}

.logo {
	z-index: 2000;
	position: absolute;
	width: auto;
}

.meta-top {
	margin-top: 80px;
	left: 0;
	right: 0;
	margin: auto;
	padding-top: 80px;
}


.search {
	position: relative;
	z-index: 2000;
	background-color: transparent;
	height: 63px;
	width: 63px;
	padding-right: 8.3%;
	z-index: 2000;

}

.contact {
	position: relative;
	z-index: 2000;
	background-color: transparent;
	height: 63px;
	width: 63px;
	/* border-radius: 40px; */
	z-index: 2000;
	/* border: 2px solid #ffffff; */
	text-align: center;
	cursor: pointer;
	-webkit-transition: -webkit-transform .8s ease-in-out;
	-ms-transition: -ms-transform .8s ease-in-out;
	transition: transform .8s ease-in-out;
	padding-right: 8.3%;
	background: url(/fileadmin/medienablage/Facelift_2022/Icons/icon-contact.svg) center center no-repeat;
	background-size: contain;
}

.contact a {
	width: 100%;
	height: 100%;
	opacity: 0;
	display: block;
}

.lang {
	position: relative;
	z-index: 2000;
	background-color: transparent;
	height: 73px;
	width: 73px;
	/* border-radius: 40px; */
	z-index: 2000;
	/* border: 2px solid #ffffff; */
	text-align: center;
	cursor: pointer;
	-webkit-transition: -webkit-transform .8s ease-in-out;
	-ms-transition: -ms-transform .8s ease-in-out;
	transition: transform .8s ease-in-out;
	margin-right: 8.3%;
	background: url(/fileadmin/medienablage/Facelift_2022/Icons/icon-language.svg) center center no-repeat;
	background-size: contain;
	top:-5px;
}


.lang a {
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	display: block;
}

.lang p {
	color: transparent;
}


.list-inline-item:not(:last-child),
li.list-inline-item {
	position: relative;
	width: auto;
	margin-right: 50px;
}

.search-box {
	position: absolute;
	top: -26px;
	z-index: 2000;
}

.searchbox-sword {
	width: 63px;
	height: 63px;
	font-size: 32px;
	display: inline-block;
	font-family: "Roboto", sans-serif;
	font-weight: 100;
	border: none;
	outline: none;
	color: #ffffff;
	padding: 0;
	padding-right: 60px;
	position: absolute;
	top: 0;
	right: 0;
	background: none;
	z-index: 3;
	transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
	cursor: pointer;
	border: 2px solid #ffffff;
	border-radius: 40px;
}

.searchbox-sword:focus:hover {
	border: 2px solid #ffffff;
	border-radius: 40px;
	padding: 3px 20px;
}

.searchbox-sword:focus {
	width: 360px;
	z-index: 1;
	border: 2px solid #ffffff;
	border-radius: 40px;
	cursor: text;
	padding: 3px 20px;
}

.search-box input[type="submit"] {
	height: 63px;
	width: 63px;
	display: inline-block;
	/* float: right; */
	background: url(/fileadmin/medienablage/Facelift_2022/Icons/icon-lupe.svg) center center no-repeat;
	text-indent: -10000px;
	border: none;
	position: absolute;

	z-index: 2;
	cursor: pointer;
	opacity: 1;
	cursor: pointer;
	transition: opacity .4s ease;
	top: -1px;
	right: 2px;
}
.searchbox-sword:focus {background: #0045A480;}
.navbar-mobile .searchbox-sword {
	color: #1957ad;
	border: 2px solid #1957ad;
	font-size: 20px;
	background: none;
}

.navbar-mobile .searchbox-sword {
	width: 100%;
	height: auto;
	padding: 3px 20px;
}

.navbar-mobile .search-box input[type="submit"] {
	background: url(/fileadmin/medienablage/Facelift_2022/Icons/icon-lupe-blue.svg) center center no-repeat;
	width: 35px;
	height: 35px;
	top: 0;
	right: 10px;
	padding:22px;
}

.navbar-mobile .search-box {
	top:0;
}

.navbar-mobile form {
	margin:0;
}

.navbar-mobile .navbar-nav {
	border-bottom: 1px solid #1957ad;
}

input[type="submit"]:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.lang:hover,
.contact:hover {
	transform: rotate(40deg);
}

#searchmobile {
	display: none;
}

.navigation__list .navigation__item:nth-child(2) ul.sub-nav {
	margin-top: -48px;
	transition: none;
}

.navigation__list .navigation__item:nth-child(3) ul.sub-nav {
	margin-top: -96px;
	transition: none;
}

.navigation__list .navigation__item:nth-child(4) ul.sub-nav {
	margin-top: -144px;
	transition: none;
}

.navigation__list .navigation__item:nth-child(5) ul.sub-nav {
	margin-top: -192px;
	transition: none;
}

.navigation__list .navigation__item:nth-child(6) ul.sub-nav {
	margin-top: -240px;
	transition: none;
}

.navigation__list .navigation__item:nth-child(7) ul.sub-nav {
	margin-top: -288px;
	transition: none;
}

.navigation__list .navigation__item:nth-child(8) ul.sub-nav {
	margin-top: -336px;
	transition: none;
}

.navigation__list .navigation__item:nth-child(9) ul.sub-nav {
	margin-top: -384px;
	transition: none;
}

.navigation__list .navigation__item:nth-child(10) ul.sub-nav {
	margin-top: -432px;
	transition: none;
}

.navigation__list .navigation__item:nth-child(11) ul.sub-nav {
	margin-top: -480px;
	transition: none;
}


@media (min-width:992px) {
	.navbar-mobile {
		display: none;
	}
}

@media (max-width:991px) {
	.nav-top {
		display: none;
	}
}
nav.navbar.navigation__nav.openclose ul.sub-nav {
	border: none;
}

/* Navbar mobil */



.navbar-mobile {
	padding: 30px;
}

.navbar-mobile #navbarNav .navbar-nav {
	margin-top: 30px;
	margin-bottom: 30px;
}

.navbar-mobile .nav-item.dropdown a{
	color: #1957ad;
}
.navbar-mobile .nav-item a {
	line-height: 1.2;
	padding: 8px 0px;
}

.navbar-mobile .nav-item a:hover {
	color: #8baad4;
}

.navbar-mobile .dropdown-menu {
	border: none!important; 
	border-radius: 0;
	padding: 10px;
}

.navbar-mobile .nav-item .dropdown-menu li {
	line-height: 1.2;
	padding: 8px 0px;
}

.navbar-mobile .fa {
	position: absolute;
	top: 10px;
	bottom: 0;
	right: 0;
}
.navbar-mobile  .nav-link.dropdown-toggle.show i.fa.fa-angle-right:before {
	content: '\f107';
}

.navbar-mobile  .nav-link.dropdown-toggle.show i.fa.fa-angle-right:after {
	content: '';
	display: none;
}

.dropdown-toggle::after {
	display: none!important; 
}

.navbar-mobile .navbar-toggler {
	width: 63px;
	height: 63px;
	border-radius: 40px;
	border: 1px solid #1957ad;
}

.navbar-toggler-icon {
	color: #1957ad;
}

.navbar-toggler:focus {
	box-shadow: none;
}
.navbar-mobile .navbar-toggler {
	position: relative;
}
.navbar-mobile .navigation__icon, .navbar-mobile .navigation__icon::before, .navbar-mobile .navigation__icon::after {
	background-color: #1957ad;
}
.navbar-mobile .navigation__button {
	top:0;
	left: 0;
	right: 0;
	border: none;
}

.navbar-mobile .navbar-toggler[aria-expanded="true"] .navigation__button .navigation__icon {
	background-color: transparent;
}

.navbar-mobile .navbar-toggler[aria-expanded="true"] .navigation__button .navigation__icon::before {
	top: 0;
	transform: rotate(135deg);
}

.navbar-mobile .navbar-toggler[aria-expanded="true"] .navigation__button .navigation__icon::after {
	top: 0;
	transform: rotate(-135deg);
}

@media (max-width:1199px) {
	section.slider {
		height: auto;
		max-height: none;
		min-height: 500px;
	}

	.slider-container .flex-caption {
		position: relative;
		min-height: unset;
		margin-top:0;
	}

	.flex-caption {
		z-index: 2;
		max-width: 100% !important;
		padding: 40px;
		position: relative;
		background-color: #1957ad;
	}

	.flex-caption-container span,
	.flex-caption-container a {
		z-index: 2;
		text-align: left;
	}

	ul.slides li.flex-active-slide div.container {
		margin-top: 0px;
	}

	.flex-caption-container::before {
		position: relative;
	}

	.flex-caption {
		top: 0px;
	}

	.slides .container {
		max-width: 100% !important;
		padding: 0;
	}

	section.section-accordion, 
	section.section-content,
	section.container.content.start,
	section.footer-section .container {
		padding-top: 0px;
		padding: 0px 20px;
	}
	
	section.slider .animated-arrow,
	.section-bildteaser .flex-caption .h1, .flex-caption-container .h1,
	section.section-bildteaser .kicker, section.slider .kicker {
		margin-bottom: 20px;
	}

	section.section-bildteaser, section.slider {
		margin-bottom: 0px;
	}


	.section-content.start.section.intro h2 {
		font-size: 30px;
		line-height: 1.3;
		margin-bottom: 30px;
	}
	.section-bildteaser .flex-caption .h1, 
	.flex-caption-container .h1 {
		font-size: 32px;
		line-height: 1.2;
	}

	.section-bildteaser .flex-caption {
		position: relative;
		bottom: 0;
		min-height: unset;
	  }

	.section-bildteaser .flex-caption:before {
		position: relative;
	  }

	.section-bildteaser .h-0 {
		height: 100%!important;
	}

	section.section-bildteaser img {
		height: auto;
		width: 100%;
	}

	.flex-caption-container {
		padding: 0px;
	}

	.flex-caption-container {
		max-width: 100%;
	}

	.slider-container {
		height: 100%;
		position: relative;
	}

	.flexslider {
		border: 0;
		border-radius: 0;
		height: 100%;
		margin: 0 auto;
		overflow-x: hidden;
		position: relative;
	}

	.slider-container .flexslider  .slides,
	.slider-container .flexslider .flex-viewport {
		height: 100%;
	}


	section.section-bildteaser + section.section-content.start.section.intro,
	.section-bildteaser + .section-content.intro {
		padding-top: 0;
		margin-top: 50px;
		padding-top: 0;
	  }
	  section.section-accordion {
		margin-top: 50px;
		margin-bottom: 50px;
	  }


	  .accordion-flush .accordion-item .accordion-button,
	  section.section-accordion .accordion-header,
	  section.section-accordion h2, 
	  .section-content.start.section.intro .two-columns h1, 
	  .section-content.start.section.intro .two-columns h2 {
		font-size: 30px;
		line-height: 1.3;
		margin-bottom: 30px;
	  }

	  .accordion-flush .accordion-item .accordion-button,
	  section.section-accordion .accordion-header {
		min-height: unset;
		padding: 10px;
		margin-bottom: 0px;
	  }


}

/* Bid-Text teaser */


.bild-text-teaser .tt-img img {
	height: 100%;
	left: 0;
	object-fit: contain;
	object-position: 50% 0;
	position: relative;
	top: 0;
	width: 100%;
	max-height: 500px;
}

.bild-text-teaser .row {
	margin: 0 auto;
}

.bg-grey {
	background-color: #F2F2F2;
}

.bg-white {
	background-color: #ffffff;
}

.bg-blue {
	background-color: #0045A4;
	color: #ffffff;
}

.bg-blue a {
	color: #ffffff;
	list-style: none;
}

.bild-text-teaser .teaser-text {
	padding: 60px;
	z-index: 2000;
}

.bild-text-teaser .tt-kicker {
	font-size: 20px;
	/* text-transform: uppercase; */
	font-weight: bold;
	color: #0045A4;
	padding-bottom: 30px;
}

.bild-text-teaser .tt-headline {
	font-size: 50px;
	line-height: 1.2;
	color: #000000;
	padding-bottom: 30px;
	padding-bottom: 60px;
}

.bild-text-teaser .tt-text {
	font-size: 20px;
	line-height: 1.7;
	color: #000000;
	padding-bottom: 20px;

}

.bild-text-teaser .tt-img {
	height: 100%;
}


@media (min-width:1600px) {
	.img-right.bild-text-teaser .teaser-text {
		padding: 60px 60px 60px 0px;
	}

}

.img-fullwidth.bild-text-teaser img {
	width: 100%;
	min-height: 620px;
	object-fit: cover;
}

.img-fullwidth.bild-text-teaser .teaser-text {
	top: 0;
	left: 0;
	right: 0;
}

.img-fullwidth.bild-text-teaser .teaser-text .tt-kicker,
.img-fullwidth.bild-text-teaser .teaser-text .tt-headline,
.img-fullwidth.bild-text-teaser .teaser-text .tt-text {
	color: #ffffff;
}

.tt-overlay {
	position: absolute;
	top: 0;
	right: 0;
	font-weight: bold;
	text-align: right;
	font-size: 30px;
	left: 0;
	z-index: 1000;
	background: #1957ad;
	mix-blend-mode: multiply;
	height: 100%;
}

.img-fullwidth.bild-text-teaser img {
	width: 100%;
	height: 620px;
	object-fit: cover;
}

.img-fullwidth.bild-text-teaser .tt-headline {
	padding: 0;
}

.img-fullwidth.bild-text-teaser .tt-subline {
	font-size: 41px;
	margin-bottom: 60px;
	color: #ffffff;
}

.img-fullwidth.bild-text-teaser .animated-arrow {
	margin-left: -170px;
}

.img-fullwidth.bild-text-teaser .animated-arrow .text {

	width: 170px;
	min-width: unset;
}



@media (max-width: 1599px) {

	.bild-text-teaser .col-12,
	.bild-text-teaser.col-lg-5,
	.bild-text-teaser .container-fluid {
		padding: 0;
	}
	.section-bildteaser .row {
		padding: 0;
		margin: 0;
	}
}


ul.sub-nav {
	display: none;
	padding-top: 0;
}


.footer-section {
	padding-top: 100px;
	padding-bottom: 100px;
	transition: all 0.2s;
}



.footer-section p {
	font-size: 18px;
	line-height: 1.5;
}

.footer-section a {
	text-decoration: none;
	color: #ffffff;
	list-style: none;
	transition: all 0.2s;
}

.footer-section a:hover {
	color: #8baad4;
}

.footer-section li {
	list-style: none;
}

.footer-section .list-inline {
	padding-left: 32px;
}

@media (max-width:1199px) {
	.nav-top .list-inline {
		text-align: center;
	}
	.navigation__button {
		right: 3%;
	}
}

.footer-section .email {
	margin-left: 32px;
	font-family: 'Poppins', sans-serif;
	font-size: 32px;
	line-height: 1.5;
	border-bottom: 2px solid #ffffff;
}

@media (max-width: 991px) {
	.footer-section .email {
		margin-left: 0;
		margin-bottom: 30px;
	}
}

.footer-section .email a {
	width: 100%;
	display: block;
	padding-left: 10px;
	position: relative;
	line-height: 70px;
}

.footer-section .email .animated-arrow {
	position: absolute;
	right: 30px;
}

section.section-prev-next {
	margin-top: 100px;

}
section.section-prev-next  .bg-grey{
	padding-top: 50px;
	padding-bottom: 50px;
}

.email a:hover .animated-arrow .the-arrow,
.animated-arrow:hover {
	color: #d0ddee;
	border-color: #d0ddee;
}

.email a:hover .animated-arrow>.the-arrow.-left>.shaft {
	width: 40px;
	transition-delay: 0.1s;
	background-color: #d0ddee;
}

.footer-section .footer-logo {
	margin-bottom: 50px;
}

.footer-section .f-thirdline {
	font-size: 18px;
	line-height: 1.5;
}

@media (min-width:1600px) {
	.img-left.bild-text-teaser .col-lg-7 {
		padding-right: calc((100vw - 1546px) / 2) !important;
	}

	.img-left.bild-text-teaser .col-lg-5 {
		padding-left: calc((100vw - 1546px) / 2) !important;
	}

	.img-right.bild-text-teaser .col-lg-7 {
		padding-left: calc((100vw - 1546px) / 2) !important;
	}

	.img-right.bild-text-teaser .col-lg-5 {
		padding-right: calc((100vw - 1546px) / 2) !important;
	}
}

section.ansprechpartner .container {
	padding: 70px;
}

section.ansprechpartner img {
	border-radius: 50%;
	width: 100%;
	height: 100%;
	max-width: 254px;
	max-height: 254px;
	object-fit: cover;
	margin: auto;
}

section.ansprechpartner .ap-headline h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	line-height: 1.2;
	margin-bottom: 10px;
	color: #1654A9;
	text-transform: uppercase;
}

section.ansprechpartner .ap-headline h2 {
	font-family: 'Poppins', sans-serif;
	font-size: 50px;
	line-height: 1;
	margin-bottom: 40px;
}

section.ansprechpartner .ap-headline p {
	line-height: 1.5;
}

section.ansprechpartner .col {
	position: relative;
}

section.ansprechpartner .col-xl-3 {
	display: flex;
}


section.ansprechpartner .col-xl-3 p {
	display: flex;
	flex-direction: column;
	justify-content: end;
	height: 100%;
}

section.ansprechpartner .col a {
	text-decoration: none;
	color: #1654A9;
}

section.ansprechpartner .col a:hover {
	color: #8baad4;
}


section.ansprechpartner.ap-small img {
	width: 100%;
	height: 100%;
	max-width: 188px;
	max-height: 188px;
}

section.ansprechpartner.ap-small .bg-white {
	padding: 30px;
}

section.ansprechpartner.ap-small h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #1654A9;
}

section.ansprechpartner.ap-small h2 {
	font-family: 'Poppins', sans-serif;
	font-size: 32px;
	margin-bottom: 20px;
}

section.ansprechpartner.ap-small p {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	margin-bottom: 0;
	line-height: 1.6;
}

section.ansprechpartner.ap-small a {
	text-decoration: none;
	color: #1654A9;
}

section.ansprechpartner.ap-small a:hover {
	color: #8baad4;
}

section.ansprechpartner.ap-small .container-fluid {
	padding: 70px;
}

section.ansprechpartner.ap-small .container {
	padding: 0px;
}

section.ansprechpartner.ap-small .bg-white {
	margin: 0 10px;
	height: 100%;
}


/* Akkordeon */

section.section-accordion .accordion-button {
	min-height: 86px;
	padding: 18px 30px;
	/* border-bottom: 1px solid #000000; */
	border-radius: 0!important;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

section.section-accordion .accordion-button:focus {
	box-shadow: none;
	border-color: rgba(0, 0, 0, 1);
}

section.section-accordion .accordion-header,
section.section-accordion .accordion-header button
{
	font-size: 1.5rem;
	line-height: 1.2;
}

.accordion-button:not(.collapsed) {
	background-color: #0045A4;
	color: #ffffff;
}

.accordion-button.collapsed::after {
	color: #ffffff;
}

.accordion-button::after {
	background: url(/fileadmin/medienablage/Facelift_2022/Icons/icon-open.svg) center center no-repeat;
	background-size: contain;
	width: 50px;
	height: 50px;
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
}

.accordion-button:not(.collapsed)::after {
	background: url(/fileadmin/medienablage/Facelift_2022/Icons/icon-close.svg) center center no-repeat;
	transform: rotate(90deg);
	background-size: contain;
}


/* Video */

section.videosection .bg-grey {
	padding: 50px;
	/* line-height:0; */
}
section.videosection .row {
	line-height:0;
}

section.videosection h1,section.videosection h2,section.videosection .h1 {
	line-height:1.2;
}
section.videosection p {
	line-height:1.6;
}



section.videosection video {
	max-width: 100%;
}

section.videosection + section.videosection  {
	margin-top: 100px;
}


@media (min-width:1600px) {
	section.videosection .col-xl-8 {
		padding-right: calc((100vw - 1546px) / 2) !important;
	}

	section.videosection .col-xl-4 {
		padding-left: calc((100vw - 1546px) / 2) !important;
	}


}


.h-0 {
	height: 0 !important;
}

section.newslist a.news-btn,
button.play {
	color: #ffffff;
	width: auto;
	min-width: 246px;
	height: 65px;
	text-align: left;
	font-size: 21px;
	cursor: pointer;
	position: relative;
	background-color: #000000;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	border: none;
	z-index: 2000;
	padding-left: 75px;
	padding-right: 25px;
	display: inline-block;
	line-height: 65px;
}


section.newslist a.news-btn:hover,
button.play:hover,
button.play.active {
	color: rgba(255,255,255,0.8);
}

.newslist .container.news-container .row {
	margin-left: -30px;
	margin-right: -30px;
	padding-bottom: 60px;
}



@keyframes pulse {
	0% {
		transform: scale(.85);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 50px rgba(#0045A4, 0);
	}

	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(#0045A4, 0);
	}
}

.circle {
	display: inline-block;
	transition: all 0.2s;
	width: 9.375rem;
	height: 9.375rem;
	border: 1px solid #000000;
	border-radius: 50%;
	top: calc(50% - 75px);
	left: -4.688rem;
	position: absolute;
	z-index: 1000;
}

.news-btn:before,
.play:before {
	left: 10px;
	top: 2px;
	position: absolute;
	background-color: transparent;
	height: 63px;
	width: 63px;
	border-radius: 40px;
	z-index: 2000;
	content: '';
	background: url(/fileadmin/medienablage/Facelift_2022/Icons/arrow-right.svg) center center no-repeat;
}

.news-btn:hover:before,
.play:hover:before {
	background: url(/fileadmin/medienablage/Facelift_2022/Icons/arrow-right-lightblue.svg) center center no-repeat;
}

.play.active::before {
	background: url(/fileadmin/medienablage/Facelift_2022/Icons/arrow-right-lightblue.svg) center center no-repeat;
}


.play-button {
	margin-top: 75px;
}

@media (max-width:991px) {
	 .play-button {
		margin-top: 30px;
		color: #000000;
		background-color: transparent;
	}

	.img-fullwidth.bild-text-teaser {
		padding: 0;
	}
	.accordion-flush .accordion-item .accordion-button, section.section-accordion .accordion-header {
		font-size: 20px;
	}
}

@media  (max-width:1699px) {
	  .circle {
		display: none;
	  }
	  /* section.newslist a.news-btn, button.play {
		background-color: transparent;
		padding-left: 120px;
		color: #000000;
		height: 63px;
	  }

	  .news-btn::before, .play::before {
		background: url(/fileadmin/medienablage/Facelift_2022/Icons/icon-open.svg) center center no-repeat;
		background-size: contain;
	  }
	  .news-btn:hover:before, .play:hover:before,
	  button.play.active:before {
		background: url(/fileadmin/medienablage/Facelift_2022/Icons/icon-open-lightblue.svg) center center no-repeat;
		background-size: contain;
		width: 90px;
		height: 90px;
	  }
	  .news-btn:before, .play:before {
		width: 90px;
		height: 90px;
		background-size: contain;
		transition: all .2s ease;
	}
	.play-button {
		margin-top: 0;
	}

	.newslist .news-btn {
		margin-bottom: 30px;
	} */

}

.carousel img {
	object-fit: cover;
	max-height: 263px;
}

/* News */

section.newslist .container-fluid {
	margin-top: 100px;
	margin-bottom: 100px;
	padding: 70px;

}

section.newslist .flex-caption {
	padding: 50px 0px;
}

section.newslist h2 {
	margin-bottom: 50px;
}

section.newslist h3 {
	font-family: 'Poppins', sans-serif;
	font-size: 32px;
	line-height: 1.2;
	margin-bottom: 30px;
}

section.newslist h3:hover {
	color: #0045A4;
}

section.newslist .newsdate {
	color: #0045A4;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 400;
}

section.newslist a,
section.newslist p {
	color: #000000;
	font-size: 20px;
	line-height: 1.3;
}


@media (min-width: 1200px) {
	#featured-news {
		margin-left: -30px;
		margin-right: -30px;
	}	
}


.flickity-viewport {
	text-align: left;
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	overflow: hidden;
	position: relative;
}

.flickity-button {
	border: none;
}

.newslist .flickity-button.flickity-prev-next-button svg {
	display: none;
  }

  .flickity-prev-next-button.next:after {
  display: block;
  background: url(/fileadmin/medienablage/Facelift_2022/Icons/chevron-black-right.svg) center center no-repeat;
	width:50px;
	height: 50px;
	content: '';
}

.flickity-prev-next-button.previous:after {
	display: block;
	background: url(/fileadmin/medienablage/Facelift_2022/Icons/chevron-black-left.svg) center center no-repeat;
	width:50px;
	height: 50px;
	content: '';
}

*:focus {
	outline: none;
}

h2.news-headline {
	text-align: start;
}

.card {
	width: 100%;
	background-color: #fff;
	text-align: left;
	position: relative;
	height: 100%;
}

.news-item {
	width: 33%;
	padding-right: 2%;
	padding-left: 2%;
	margin-bottom: 30px;
	float: left;
}

.news-heading {
	font-weight: 500;
	font-size: 12px;
	color: #AAB2BD;
	text-transform: uppercase;
	text-align: center;
}

.news-info {
	padding: 50px 0px 0px 0px;
	min-height: 140px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.course-title {
	font-weight: 500;
	font-size: 14px;
	margin: 0 0 30%;
}

.news-meta {
	color: #AAB2BD;
	font-weight: 300;
	font-size: 11px;
	position: absolute;
	left: 7%;
	bottom: 7%;
}

.news-duration:before {
	display: inline-block;
	content: "•";
	padding-right: 5px;
	padding-left: 5px;
}

.course-caption {
	position: absolute;
	right: 5%;
	bottom: 5%;
	font-size: 18px;
	color: #AAB2BD;
}

.flickity-button:disabled {
	pointer-events: all
}

.flickity-button {
	color: #000;
	background: rgba(255, 255, 255, .3)
}

.flickity-button:hover {
	background: rgba(255, 255, 255, .6)
}

.flickity-prev-next-button {
	top: 50%;
	height: auto;
	border-radius: 0;
	transform: none;
	bottom: 0;
	font-size: 44px;
	font-weight: 100;
	color: #ffffff;
	padding-left: 4px;
	max-height: 60px;
}

.news-info .animated-arrow {
	margin-top: 20px;
}

.news-thumbnail {
	position: relative;
	/* height: 260px; */
}


.news-summary.card img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
	object-position: 50% 50%;
	width: 100%;
	height: auto;
}
/* new */
#featured-news img {
	object-fit: contain;
	height: auto;
}
/* new */
.newslist .news-btn {
	margin-bottom: 60px;
}


@supports(-webkit-overflow-scrolling:touch) {
	.flickity-prev-next-button {
		padding-right: 4px;
	}
}

@media(min-width:1200px) {

	.flickity-prev-next-button,
	.flickity-prev-next-button {
		width: 46px;
	}
}

.flickity-prev-next-button[disabled] {
	display: none;
}

.flickity-prev-next-button.next {
	right: 2rem;
	position: absolute;
	width: 46px;
}

.flickity-prev-next-button.next:after {
	margin-left: -4px
}

.flickity-prev-next-button.previous {
	left: 2rem;
	position: absolute;
	width: 46px;
}


.flickity-prev-next-button.previous:after {
	margin-left: -9px;
}

@media(min-width:1200px) {
	.flickity-prev-next-button.previous:after {
		margin-left: -6px;
	}
}

.news-item {
	display: flex;
	flex-direction: column;
	position: relative;
	flex-shrink: 0;
	margin-right: .25rem;
	width: calc(100%);
}

@media(min-width:768px) {
	.news-item {
		width: calc(100% / 2)
	}
}

@media(min-width:1199px) {
	.news-item {
		width: calc(100% / 3)
	}
}

/* Pagination */

.pagination {
	display: flex;
	justify-content: center;
	display: none;
}

.page-item .page-link {
	width: 48px;
	height: 48px;
	margin-bottom: 0.75rem;
	text-align: center;
	line-height: 1.8;
	transition: all 0.3s ease;
	border: 1px solid #0045A4;
	border-radius: 100%;
	color: #0045A4;
	background-color: rgba(255, 255, 255, 0);
}

.page-item.active .page-link,
.page-item.active .page-link,
.page-item .page-link:hover,
.page-item .page-link:active {
	color: #ffffff;
	background-color: #0045A4;
}

.pagination>li>a,
.pagination>li>span {
	border-radius: 50% !important;
	margin: 0 5px;
}

.pagination>li>a:focus {
box-shadow: none;
}

.pagination .prevlink,
.pagination .nextlink {
	border: none;
	background: transparent;
	font-size: 50px;
	line-height: 1;
	padding: 0;
	margin-top: -3px;
}

.page-item .prevlink:hover,

.page-item .nextlink:hover,

.page-item.disabled a {
	border: none;
	background: transparent;
	cursor: pointer;
	color: rgba(22, 84, 169, 0.5);
}

/* News Listansich */

.card.news-list {
	width: 100%;
	background-color: #F2F2F2;
	text-align: left;
	position: relative;
	height: 100%;
	margin-bottom: 30px;
	border: none;
	padding: 50px 0px 50px 0px;
	min-height: 140px;
	display: flex;
	flex-direction: column;
	/* justify-content: space-between; */
	padding: 18px;
	border-radius: 0;
	padding-bottom: 70px;
}

.card.news-list .date {
	color: #0045A4;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 400;
}

.card.news-list h2 {
	font-family: 'Poppins', sans-serif;
	font-size: 32px;
	line-height: 1.2;
	margin-bottom: 30px;
}

.card.news-list img {
	width: 100%;
	height: auto;
	/* height: 260px; */
	object-fit: cover;
	object-position: 50% 50%;
	aspect-ratio:2/1;
}
.card.news-list .uo-image {
	margin-bottom: 20px;
}

.card.news-list .animated-arrow {
	margin-top: 20px;
	position: absolute;
	bottom: 20px;
}


.news-container {
	margin-bottom: 60px;
}

.news-container .row {
	border-bottom: 1px solid #000000;
}

/* News Header ausblenden */

#c317 header {
	display: none;
}
.btn.btn-primary,
.btn-back,
.btn-prev {
    color: #000000;
    width: auto;
    height: 65px;
    text-align: left;
    font-size: 21px;
    cursor: pointer;
    position: relative;
    background-color: transparent;  
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border: none;
    z-index: 2000;

    display:inline-block;
    line-height: 1.3;
    border-radius: 0%;
	display: flex;

    align-items: center;
}

.btn-prev:hover, 
.btn-back:hover {
    color: #8baad4;
    background-color: transparent;  
}

.btn.btn-primary {
    color: #ffffff;
    background-color: #000000;  
	line-height: 1;
	padding: 20px;
	margin-top: 30px;
}


.btn-back {
    padding-left: 90px;
	justify-content: start;
}

.btn-prev {
    padding-right: 90px;
	justify-content: end;
}





.btn-prev:after,
.btn-back:before {
    left: 10px;
    top: 2px;
    position: absolute;
    background-color: transparent;
    height: 63px;
    width: 63px;
    border-radius: 40px;
	line-height: 1.3;
    z-index: 2000;
    content: '';
    background: url(/fileadmin/medienablage/Facelift_2022/Icons/icon-open.svg) center center no-repeat;
    transform: rotate(180deg);

}


.btn-prev:hover:after,
.btn-back:hover::before {
    background: url(/fileadmin/medienablage/Facelift_2022/Icons/icon-open-lightblue.svg) center center no-repeat;
}

.btn-prev:after {
	right: 0;
	left: auto;
}

.btn-prev:hover:before,
.btn-back:hover:after {
    color: #8baad4;
    background: url(/fileadmin/medienablage/Facelift_2022/Icons/icon-open-lightblue.svg) center center no-repeat;
}

.btn-prev:after {
transform: rotate(0deg);
}


.news-detail-img {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height: 650px;
}

/* Sticky Sidebar */


.sidebar {
    position: fixed;
    right: 0;
    padding: 15px;
    width: 60px;
    text-decoration: none;
    font-size: 20px;
    color: white;
    border-radius: 0;
    top: 40%;
    z-index: 3000;
    padding: 0px;
    transition: all 0.2s;
	padding-left:60px;
}

.sidebar .text-left {
    display: flex;
    flex-direction: column;
}

.sidebar a:nth-child(1) {
    top: 30%;
}

.sidebar a:nth-child(2) {
    top: calc(30% + 70px);
	position: relative;
}

 #open-sidebar {
	position: absolute;
	z-index: 3002;
	height: 60px;
	width: 60px;
	content: '';
	text-align: center;
	cursor: pointer;
	background: #0045A4;
	left:0;
	right: 0;
	top: 62px;
	bottom: 0;
	border: none;
}

#open-sidebar:before {
	position: absolute;
	/* z-index: 3002; */
	height: 60px;
	width: 60px;
	content: '';
	text-align: center;
	cursor: pointer;
	transform: rotate(180deg);
	background-size: 80%!important;
	background: url(/fileadmin/medienablage/Facelift_2022/Icons/icon-close.svg) center center no-repeat;
	left:0;
	right: 0;
	top: 0;
	bottom: 0;
	border: none;
	z-index:3001;
	margin:0 auto;
}

.sidebar:hover a:nth-child(2):before {
	background: none;
}
.sidebar:hover a:nth-child(2) {
    margin-left: 0px;
}
.sidebar a:nth-child(3) {
    top: calc(30% + 140px);
}
.sidebar a:nth-child(4) {
    top: calc(30% + 210px);
}
.sidebar a:nth-child(5) {
    top: calc(30% + 280px);
}
.sidebar a:nth-child(6) {
    top: calc(30% + 350px);
}
.sidebar.active {
    right: 0;
	width: auto;
}
.sidebar:hover{
	width: 350px;
}
.sidebar:hover #open-sidebar,
.sidebar:hover #open-sidebar:before {
	width: 0px;

}
.sidebar:hover{
	width: 260px;
	margin:0;
	padding: 0;
}

.sidebar a {
    background: #0045A4;
    color: #ffffff;
    height: 100%;
    padding: 20px 30px;
    display: inline-block;
    line-height: 1;
    text-align: end;
    padding-left: 130px;
    transition: all 0.2s;
}
.sidebar:hover a {
	margin-bottom: 2px;
    text-align: start;
    padding:  20px 30px;
}

.sidebar a:hover {
    color: #8baad4;
}

@media (max-width: 1199px) {
	.sidebar {
		display: none;
	}
	.flex-caption-container:before {
		display: none;
	}
	.flex-caption-container {
		width:100%;
	}

}

/* Back To Top */

#back-to-top {
    display: none;
    background-color: rgba(255, 255, 255, .3);
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 50%;
    margin: 20px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    transition: background-color .3s;
    z-index: 3000;
    color: #0045A4;
    border: 2px solid #0045A4;
  }

  #back-to-top:hover {
    cursor: pointer;
    background-color: #0045A4;
	border: 2px solid #ffffff;
    color: #ffffff;
  }

  #back-to-top:active {
    background-color: #0045A4;
	border: 2px solid #ffffff;
    color: #ffffff;
  }

  #back-to-top::after {
    content: "";
	background: url(/fileadmin/medienablage/Facelift_2022/Icons/chevron-up.svg) center center no-repeat;
	height: 60px;
	width: 60px;
 display: block;
		margin-left: -2px;
	margin-top: -2px;
  }

  #back-to-top:hover::after {
	background: url(/fileadmin/medienablage/Facelift_2022/Icons/chevron-up-white.svg) center center no-repeat;
  }

  @media (max-width: 1599px) {
	section.ansprechpartner.ap-small .bg-white {
		margin: 0;
	}

}
section.ansprechpartner.ap-small .col-lg-6 ,
section.ansprechpartner.ap-small .col-xl-6 {
	margin-bottom: 70px;
}

  @media (max-width: 1199px) {

	section.ansprechpartner.ap-small .col-xl-6,
	section.ansprechpartner.ap-small .col-lg-6 {
		margin-bottom: 30px;
	}
	section.newslist .container-fluid {
		padding: 30px;	
	}

	.flickity-viewport {
		margin-left: 0px;
		margin-right: 0px;
	}

	.flickity-prev-next-button {
		display: none;
	}

	section.ansprechpartner .ap-headline h2, h2 {
		font-size: 30px;
		line-height: 1.3;
	}

	section.videosection {
		padding: 0px 20px;
	}

	section.videosection .bg-grey{
		padding: 30px;
	}

	.img-fullwidth.bild-text-teaser img {
		min-height: 400px;
	}

	section.ansprechpartner.ap-small .bg-white {
		margin: 0 auto;
	}

	section.ansprechpartner.ap-small .col-lg-6,
	section.ansprechpartner.ap-small .col-xl-6  {
		margin-bottom: 20px;
	}

	section.ansprechpartner.ap-small .text-col,
	section.ansprechpartner.ap-small .img-col {
		padding:0;	
	}


	section.ansprechpartner .text-col {
		margin-bottom: 20px;
	}

	.bild-text-teaser.img-right .bg-grey .teaser-text {
		padding: 30px;
	}

	section.ansprechpartner.ap-small .bg-white,
	.ansprechpartner .container.bg-grey,
	.ansprechpartner .row.bg-white {
		padding:20px;
	}

	section.ansprechpartner .ap-headline h2,
	section.ansprechpartner.ap-small h2 {
		margin-bottom: 10px;
	}



	.news-info {
		padding-bottom: 20px;
	}

	.play-button {
		margin-top: 0px;
		color: #000000;
		background-color: transparent;
	}
	.flexcontrols {
		display: none;
	}

}
  

@media (min-width: 992px) and (max-width: 1199px) {
	section.videosection .container-fluid {
		max-width: 1140px;
	}
	section.ansprechpartner.ap-small .bg-white, 
	.ansprechpartner .container.bg-grey, 
	.ansprechpartner .row.bg-white,
	section.footer-section .container{
		padding: 40px;
	}
	section.ansprechpartner.ap-small .container-fluid {
		padding: 70px 0;
	}
	section.ansprechpartner.ap-small .bg-white {
		margin: 0;
	}
	.nav-top .container {
		width: 80%;
	}
}

@media  (max-width: 991px) {
	section.newslist .container, .container-md, .container-sm {
		max-width: 100%;
	}
 
	#featured-news {
		margin-left: -18px;
		margin-right: -18px;
	}
	.section-bildteaser .flex-caption-container {
		padding: 40px;
	}
	.section-prev-next .btn-back,
	.section-prev-next .btn-prev {
		font-size: 16px;
	}

}
@media (min-width: 992px) and (max-width: 1750px) {
		.nav-top .container {
			width: 80%;
		}
		
	section.ansprechpartner .img-col {
		align-items: center;
	}

	section.newslist .play-button .news-btn {
		margin-right:40px;
	}
}

@media (max-width:1199px) {
	.nav-top .container {
		width: 90%;
	}
}

.form-control {
 height: 65px;
 border-radius: 0;
 margin-bottom: 20px;
}

.form-check-input:checked {
	border-color: #000000;
	background-color: #0045A4;
	padding: 10px;
	margin-top: 6px;
}
.form-check-input,
.radio label span {
	margin-top: 8px;
	padding: 10px;
}

.radio label {
	display: inline-block;
}

.inputs-list .form-group{
	display: flex;
	cursor: pointer;
}
.radio {
	margin-right: 20px;
}

form {
	margin-bottom: 50px;
}

a.news-btn.js-btn svg {
	display: none;
}

section.newslist a.news-btn:hover,
button.play:hover, button.play.active {
	color: #8baad4;
}
  
/* Searchlist */

body.sub header h2 {
	max-width: 1546px;
	margin: 0 auto;
	padding: 100px 0px;
}

.tx-indexedsearch-searchbox-button {
	margin-bottom: 20px;
}

ul.tx-indexedsearch-browsebox {
	list-style-type: none;
	padding-left: 0;
	padding-bottom: 20px;
	margin-bottom: 50px;
}

.tx-indexedsearch-browsebox li {
	float: left;
	margin-right: 5px;
	font-size: 16px;
}

.tx-indexedsearch-res {
	padding-bottom: 30px;
	border-bottom: 1px solid #000000;
	margin-bottom: 50px;
}



.tx-indexedsearch-res h3,
.tx-indexedsearch-res p {
	font-size: 20px;
	font-weight: 400;;
  }

.section-content.start.section.tx-indexedsearch-percent,
.section-content.start.section.intro li.list-inline-item p,
.section-content.start.section.intro li.list-inline-item strong {
	font-size: 16px!important;
	margin-bottom: 0px;
}

.tx-indexedsearch-icon img {
	margin-top: -3px;
}

.tx-indexedsearch-percent {
	line-height: 1.3;
	margin-left: 20px;
	font-size: 16px;
}

.tx-indexedsearch-res .list-inline {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

/* Zitate */

.teaser-zitate .tt-text {
	font-family: 'Poppins', sans-serif;
	font-size: 50px;	
	line-height: 65px;
	margin-bottom: 24px;
}

.teaser-zitate .icon-quotes:before {
	display: block;
	content: '';
	height: 75px;
	width: 94px;
	text-align: center;
	cursor: pointer;
	-webkit-transition: -webkit-transform .8s ease-in-out;
	-ms-transition: -ms-transform .8s ease-in-out;
	transition: transform .8s ease-in-out;
	padding-right: 8.3%;
	background: url(/fileadmin/medienablage/Facelift_2022/Icons/quotes.svg) center center no-repeat;
	margin-bottom: 50px;
}

.teaser-zitate .tt-kicker {
	padding-bottom: 0px;
}

.teaser-zitate .tt-headline {
	font-size: 24px;
	padding-bottom: 0px;
}
@media (max-width: 991px) {

	section.ansprechpartner,
	section.section-content,
	section.container.content.start {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.footer-section {
		padding-top: 30px;
		padding-bottom: 30px;
		font-size: 16px;
		line-height: 1.5;
	}

	.footer-section.bg-blue ul {
		padding-left: 0 !important;

	}

	section.section-content.intro,
	section.container.content.start {
		margin-top: 60px;
	}

	.bild-text-teaser .tt-headline {
		font-size: 32px;
		line-height: 1.3;
		color: #000000;
		padding-bottom: 30px;
	}
	.bild-text-teaser.teaser-zitate .tt-headline {
		font-size: 20px;
	}

	.img-fullwidth.bild-text-teaser .tt-subline {
		font-size: 26px;
		line-height: 1.3;
		margin-bottom: 30px;
	}

	.bild-text-teaser.teaser-zitate .tt-text {
		font-size: 32px;
		line-height: 1.3;
	}

	.animated-arrow.arrow-dark .text {
		font-size: 24px;
	}

	.bild-text-teaser .tt-kicker {
		font-size: 16px;
	}

	.bild-text-teaser .bg-grey .teaser-text {
		padding: 30px;
	}
	.bild-text-teaser .bg-white .teaser-text {
		padding: 30px 0;
	}

	.section-content.start.section.intro p {
		font-size: 20px;
		line-height: 27px;
	}

	section.ansprechpartner .container {
		max-width: 100%;
		padding: 0 30px;
	}

	section.ansprechpartner h2,
	section.ansprechpartner h3,
	section.ansprechpartner p {
		text-align: left;
	}

	section.ansprechpartner h2 {
		font-size: 30px;
		line-height: 40px;
	}

	section.ansprechpartner .ap-headline h2 {
		margin-bottom: 30px;
	}


	section.ansprechpartner.ap-small .container-fluid {
		padding: 0px;
	}
	.teaser-zitate .bild-text-teaser .tt-headline {
		font-size: 32px;
	}
	
	.teaser-zitate .icon-quotes:before {
		width: 50px;
		width: 50px;
		height: 50px;
		background-size: contain;
		margin-bottom: 20px;
	}
	.teaser-zitate .tt-text {
		margin-bottom: 20px;
		padding-bottom: 0px;
	}

	section.ansprechpartner .container.bg-grey {
		padding: 30px;
	  }

	section.ansprechpartner .img-col {
		justify-content: center;
		margin-bottom: 30px;
	}

}

@media (max-width: 1599px) {

	.container {
		max-width: 100%;
	}

}

/* Modal */

#notificationModal.modal {
	z-index: 4002;
	border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

#notificationModal .modal-content  {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important; 
	padding: 50px;
}

#notificationModal h3{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 28px;
	line-height: 1.3;
}

#notificationModal h2{
	margin-bottom: 20px;
}
.modal-backdrop {
	background-color: #0045A4;
	z-index: 4001;
 }

 section.references .card {
	padding: 30px;
	margin-bottom: 30px;
	border-radius: 0;
	border: none;
 }

 section.references{
	padding: 70px;
 }

@media (max-width: 992px) {
	section.references {
		padding: 0;
	}

	section.references .col-12{
		padding: 0;
	}

	.footer-section .email {
		display: none;
	}

}

 section.references .card{
	display: flex;
	justify-content: center;
 } 

 section.references + section.references {
	padding-top: 0px;

 }

section.references .card h3 {
	font-size: 26px;
}

section.references .card p {
	line-height: 1.3;
}

section.references img,  section.references svg {
	vertical-align: middle;
	object-fit: contain;
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	width: 100%;
	max-height: 130px;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
}

.container-newsletter h2 {
	font-size: 40px;
	line-height: 1.3;
	margin-bottom: 30px;
}

@media (min-width: 1199px) and (max-width: 1599px) {
	.section-bildteaser .flex-caption {
		right: 0;
	}
}

.container-newsletter.bg-grey {
	padding-top: 100px;
	padding-bottom: 100px;
}

@media (max-width: 1199px) {
	section.newslist .container-fluid {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.container-newsletter.bg-grey {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

.news-btn:hover::before {
	transition: all 0.2s;
}

.news-btn:hover::before {
	left:15px;
}

.container-newsletter.bg-grey p,
.container-newsletter.bg-grey .input {
	max-width: 50%;
}



@media (min-width: 992px) and (max-height: 700px) and (max-width: 1399px) {
	section.slider .flex-caption-container:before,
	section.slider .flex-caption-container {
		max-width: 90%;
		margin: 0 auto;
		left: 0;
		right: 0;
	}

	section.slider .slides .container {
		padding-left: 0;
		padding-right: 0;
	}
	section.slider .kicker {
		margin-bottom: 10px;
	}
	section.slider .flex-caption-container .h1 {
		margin-bottom: 20px;
	}
	section.slider .animated-arrow {
		margin-bottom: 20px;
	}
 }

 /* Projekte */

 .projektelist .card.news-list .animated-arrow {
	position: relative;
	bottom: auto;
	top: 0;
}

.projektelist .card.news-list .animated-arrow  .the-arrow.-left {
	left: 0;
}

.projektelist .card.news-list .animated-arrow .text {
	margin-left: 60px;
}

.projektelist .card.news-list {
	height: unset;
	top:0;
}

.projektelist .card.news-list .uo-image {
	margin-bottom: 0;
	position: relative;
}

.projektelist .card.news-list .uo-image img {
	min-height: 370px;
	height: 100%;
	max-width:100%;
	max-height: 100%;
}

.newslist.projektelist .news-container .row {
	margin-right: calc(-.5 * var(--bs-gutter-x));
	 margin-left: calc(-.5 * var(--bs-gutter-x));
	border-bottom: none;
	padding-bottom: 0;
}

.newslist.projektelist .news-container .animated-arrow {
	border-color: transparent;
	margin-top: 0;
}

.newslist.projektelist .news-container .arrow-dark.animated-arrow .the-arrow.-right {
	left: 0;
}

@media (min-width: 1600px) {
	.newslist.projektelist.list-right .col-xl-5 {
		padding-left: calc((100vw - 1500px) / 2) !important;
	}

	.newslist.projektelist.list-left .col-xl-5 {
		padding-right: calc((100vw - 1500px) / 2) !important;

	}

	.newslist.projektelist.list-right .col-xl-7.scroll-collumn .card,
	.newslist.projektelist.list-right .scroll-column.col-xl-7 {
		padding-right: calc((100vw - 1500px) / 2) !important;
	}   
	
	.newslist.projektelist.list-left .col-xl-7.scroll-collumn,
	.newslist.projektelist.list-left .scroll-column.col-xl-7 {
		padding-left: calc((100vw - 1500px) / 2) !important;
	}
	.newslist.projektelist .news-list.card.position-sticky h2  {
		font-size: 50px;
	}
}

.newslist.projektelist .position-sticky img {
	aspect-ratio: 616/794;
}

.newslist.projektelist .position-sticky .item-text,
.newslist.projektelist .position-sticky .item-text p,
.newslist.projektelist .position-sticky .item-text a {
	color: #ffffff;
}

.newslist.projektelist .position-sticky .item-text {
	position: relative;
	margin-bottom: 3rem;
}

.newslist.projektelist .position-sticky .item-text .uo-text {
	position: absolute;
	z-index: 2;
	bottom: 0;
	max-width: 100%;
}

.newslist.projektelist .scroll-column img {
	aspect-ratio: 468/371;
	width: 100%;
}

.newslist.projektelist .position-sticky .uo-image:before {
	content: "";
	z-index: 1;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: .6;
	background: linear-gradient(0deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
}

.newslist.projektelist .position-sticky .item-text h2  {
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
} 

.newslist.projektelist .position-sticky .item-text:hover h2  {
	transform: translateY(-10px);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
} 

.newslist.projektelist .badge.bg-secondary {
	background-color: #ffffff!important;
	color: #0045A4!important;
}

.newslist.projektelist .badge.badge.bg-primary {
	background-color: #0045A4!important;
	color: #ffffff!important;
}

.newslist.projektelist .badge.bg-primary, 
.newslist.projektelist .badge.bg-secondary {
	padding: 8px 12px;
	margin-bottom: 20px;
	font-size: 16px;
	text-transform: uppercase;
}

.newslist.projektelist .position-sticky .badge.bg-primary, 
.newslist.projektelist .position-sticky .badge.bg-secondary {
	margin-bottom: 30px;
}

.newslist.projektelist .card.position-sticky  {
	background: transparent;
}

@media (max-width: 1599px) {
	.newslist.projektelist .news-container .row {
		margin-left: 0;
		margin-right: 0;
	}
	.newslist.projektelist .position-sticky img {
		aspect-ratio: 4/3;
	}
	.newslist.projektelist .p-5 {
		padding: 20px!important;
	}
	.newslist.projektelist .position-sticky .item-text,
	.newslist.projektelist .mb-5 {
		margin-bottom: 20px!important;
	}
}
.newslist.projektelist.list-left .card.news-list {
	background: transparent;
}

@media (max-width: 1199px) {
	.newslist.projektelist.list-right .news-list.position-sticky {
		margin-bottom: 50px!important;
	}



}