/* nunito-sans-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nunito-sans-v15-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/nunito-sans-v15-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/nunito-sans-v15-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/nunito-sans-v15-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* roboto-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v32-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v32-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v32-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v32-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
	color: #4a5975;
}
p,
#article-18 ul li,
.column ul li {
	font-family: 'Nunito Sans';
	font-weight: 400;
	font-size: 19px;
	line-height: 28px;
	color: #7d8398;
}
p,
.ce_table.block {
	font-size: 19px;
}
h1, h2, h3, h4 {
	font-family: 'Roboto';
	font-weight: 500;
	color: #4a5975;
}
h3 {
	font-size: 1.4rem;
}
a,
.copyright a {
	color: #7d8398 !important;
}
a:hover,
.copyright a:hover {
	color: #4a5975 !important;
}
.video_layout .copyright a,
#mnaveedxp .mod_navigation ul li a:hover {
	color: #9ba3bc !important;
}
.video_layout .copyright a:hover {
	color: #fff !important;
}
#mnaveedxp .mod_navigation ul li a {
	color: #000 !important;
}
.mod_navigation ul li a {
	color: #fff !important;
}
.ce_gallery .content {
    background: rgba(227,30,36,0.5);
}
.cookiebar__button {
    background-color: #E31E24;
}
.cookiebar__button:hover {
    background-color: #E31E24;
}
.bg-accent-wrapper > div {
	background: #E31E24 !important;
}
.bg-accent {
	background: #E31E24 !important;
}
#footer .inside {
	background: #E31E24;
}
#top .inside {
	border-bottom: 2px solid #E31E24;
}
#open_toptrigger {
	background: #E31E24;
}
.iconbox i:after {
    background: #E31E24;
}
.iconboxwrapper .column {
	border-right: 2px solid #E31E24;
}
.iconboxwrapper.ib2 {
	width: 75%;
	margin: 0 auto;
}
body #open_toptrigger {
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
}
body.fixed-header #open_toptrigger {
	opacity: 0;
}
.bannerlogo {
	position: absolute;
	left: -20px;
}
.bannerlogo .image_container {
	background: #fff;
	display: table;
	padding: 15px 30px;
	max-width: 100%;
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
}
.leistungsbox .iconbox {
	padding: 20px 10px 20px 10px;
}
ul.level_2 {
	padding: 0 4rem 0 0;
}
ul.level_2 li a {
	font-size: 2.5rem !important;
}
.mod_newslist.kundenlogos {
	pointer-events: none;
}

/* header */
body:not(.video_layout) #top-wrapper {
	background: #fff;
	height: 330px;
}

/* tablet */
@media (max-width: 992px) {
	body:not(.video_layout) #top-wrapper {
		height: 160px;
	}
}

/* mobile */
@media (max-width: 767px) {
	body:not(.video_layout) #top-wrapper {
		height: 100px;
	}
}

body.video_layout #top-wrapper #header {
	height: 0;
}

body .cmenu-trigger-wrapper {
	opacity: 1;
	float: none;
	margin: 0;
	position: absolute;
	z-index: 100;
	right: 70px;
	top: 70px;
	height: 40px;
	width: 50px;
	transition: All 0.5s ease;
	-webkit-transition: All 0.5s ease;
}
body.video_layout .cmenu-trigger-wrapper {
	top: 90px;
	right: 100px;
}
@media (max-width: 1260px) {
	body.video_layout .cmenu-trigger-wrapper {
		top: 60px;
		right: 40px;
	}
}
@media (max-width: 767px) {
	body.video_layout .cmenu-trigger-wrapper {
		top: 40px;
	}
}
body .cmenu-trigger-wrapper .cmenu-trigger {
	height: 30px;
	width: 50px;
	position: relative;
	z-index: 9999999;
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	cursor: pointer;
}
body .cmenu-trigger-wrapper .cmenu-trigger .line {
	background: #FFF;
	height: 3px;
	width: 50px;
	position: absolute;
	display: block;
	top: 0;
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.8)) drop-shadow(-1px -1px 1px rgba(0, 0, 0, 0.8));
	-webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.8)) drop-shadow(-1px -1px 1px rgba(0, 0, 0, 0.8));
}

body .cmenu-trigger-wrapper .cmenu-trigger .line1 {
	left: 0;
	width: 100%;
}

body .cmenu-trigger-wrapper .cmenu-trigger .line2 {
	margin-top: 14px;
	left: 50%;
	width: 50%;
}
body .cmenu-trigger-wrapper .cmenu-trigger .line3 {
	margin-top: 28px;
	left: 30%;
	width: 70%;
}

body .cmenu-trigger-wrapper .cmenu-trigger:hover .line1 {
	left: 30%;
	width: 70%;
}

body .cmenu-trigger-wrapper .cmenu-trigger:hover .line3 {
	left: 0;
	width: 100%;
}

body #top-wrapper.sticky .cmenu-trigger-wrapper {
	top: 265px;
}

@media (max-width: 992px) {
	body #top-wrapper.sticky .cmenu-trigger-wrapper {
		top: 105px;
	}
}

@media (max-width: 767px) {
	body #top-wrapper.sticky .cmenu-trigger-wrapper {
		top: 63px;
	}
	body #top-wrapper.sticky .cmenu-trigger-wrapper .cmenu-trigger {
		width: 40px;
	}
	body #top-wrapper.sticky .cmenu-trigger-wrapper .cmenu-trigger .line {
		height: 2px;
	}
	body #top-wrapper.sticky .cmenu-trigger-wrapper .cmenu-trigger .line2 {
		margin-top: 12px;
	}
	body #top-wrapper.sticky .cmenu-trigger-wrapper .cmenu-trigger .line3 {
		margin-top: 24px;
	}
}

@media (max-width: 1400px) {
	body .cmenu-trigger-wrapper {
		right: 40px;
	}
}

/* tablet and mobile */
@media (max-width: 1260px) {
	body .cmenu-trigger-wrapper {
		top: 70px;
	}
}



#top-wrapper .header-image {
	max-height: 330px;
	overflow: hidden;
}

#top-wrapper .header-image img {
	filter: brightness(60%);
}

/* mobile */
@media (max-width: 767px) {
	#top-wrapper .header-image {
		max-height: 230px;
	}
	body .cmenu-trigger-wrapper {
		right: 30px;
		top: 40px;
	}
	body.content_page.fixed-header .cmenu-trigger-wrapper {
		top: 15px;
	}
}

body:not(.video_layout) #top-wrapper.sticky {
	position: fixed;
	z-index: 14;
	width: 100%;
	top: -230px;
	overflow: hidden;
	box-shadow: 0 8px 6px -6px #888;
}

/* tablet */
@media (max-width: 992px) {
	body:not(.video_layout) #top-wrapper.sticky {
		top: -80px;
	}
}

/* mobile */
@media (max-width: 767px) {
	body:not(.video_layout) #top-wrapper.sticky {
		top: -50px;
	}
}

.logo {
	position: absolute;
	z-index: 1;
	float: left;
	width: 260px;
	margin: 53px 70px;
	top: 0;
	transition: All 0.5s ease;
	-webkit-transition: All 0.5s ease;
}

.video_layout .logo {
	margin: 80px 100px;
}
.logo a {
	display: block;
}
.logo a img {
	width: 100%;
	height: auto;
	filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.8)) drop-shadow(-1px -1px 1px rgba(0, 0, 0, 0.8));
	-webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.8)) drop-shadow(-1px -1px 1px rgba(0, 0, 0, 0.8));
}

.content_page.fixed-header .logo {
	margin: 30px 70px;
	top: 230px
}

.content_page.fixed-header .logo a img {
	width: 80%;
}

@media (max-width: 1400px) {
	.content_page.fixed-header .logo, .logo {
		margin-left: 40px;
	}
}

/* tablet */
@media (min-width: 768px) and (max-width: 1260px) {
	.logo, .video_layout .logo  {
		margin: 53px 40px;
	}
}
/* tablet */
@media (max-width: 992px) {
	.content_page.fixed-header .logo {
		top: 70px;
	}
}
@media (max-width: 767px) {
	.video_layout .logo, .logo {
		box-shadow: none;
		padding: 0;
		margin: 24px 30px;
	}
	.content_page.fixed-header .logo {
		margin: 0 20px;
		top: 50px;
	}
	.content_page.fixed-header .logo a {
		padding: 10px 10px 0 10px;
	}
	.content_page.fixed-header .logo a img {
		width: 60%;
	}
	.logo a {
		padding: 0;
	}
}

/* small mobile */
@media (max-width: 575px) {
	.video_layout .logo, .logo {
		margin: 30px;
	}
	.logo a img {
		width: 80%;
	}
}



body.fixed-header #wrapper{
	padding-top: 330px;
}

@media (max-width: 992px) {
	body.fixed-header #wrapper {
		padding-top: 160px;
	}
}
@media (max-width: 767px) {
	body.fixed-header #wrapper {
		padding-top: 100px;
	}
}

/* Kurzbewerbung */

.formstyle {
	box-shadow: 0 -5px 50px rgba(0,0,0,0.4);
	padding: 40px;
}
.ce_hyperlink-extended.small a, .ce_hyperlink-extended.small div {
	padding: 11px 15px;
	color: #fff;
}
.ce_hyperlink-extended.expand div {
	width: 100%;
	min-width: 0;
}
.ce_hyperlink-extended.small div {
	background: #e31e24;
	display: inline-block;
	margin-bottom: 15px;
	text-align: center !important;
	-webkit-transition: All 0.3s ease;
}
button#ctrl_66 {
	background: #e31e24;
	color: #fff;
	font-weight: normal;
}
button#ctrl_66:hover {
	opacity: 1;
}
form .spacer {
	margin: 10px 0 25px 0;
	height: 2px;
	width: 100%;
	background: #e31e24;
}
.hide {
	display: none;
	opacity: 0;
}
.designform textarea {
	max-height: 200px;
}
.trennlinie {
	border: 1px solid #808080;
	margin: 80px 200px 100px 200px;
}
figcaption.caption {
	font-family: 'Nunito Sans';
	font-size: 12px;
	margin-top: 9px;
	text-align: right;
}

.introimage-container {
	position: relative;
}
@media (max-width: 992px) {
	.introimage {
		margin-top: 0;
	}
}
@media (max-width: 1260px) {
	#top .inside {
		background: #E31E24;
	}
}
@media (max-width: 767px) {
	.iconboxwrapper .column {
		border-bottom: 2px solid #E31E24;
	}
	.iconboxwrapper.ib2 {
		width: 100%;
	}
	#open_toptrigger {
		/* color: #E31E24; */
		color: #fff;
	}
	.iconboxen {
		display: flex;
	}
	.iconboxen .column.col_8 {
		order: 2;
	}
	.iconboxen .column.leistungsbox {
		order: 1;
	}
	.leistungsbereich .column.col_8 .ce_text {
		padding-top: 0;
	}
	.downloadbereich .ce_downloads, .leistungsbereich .column.col_8 .ce_text {
		border-top: none;
		border-bottom: 2px solid grey;
		padding-bottom: 10px;
	}
	.downloadbereich .ce_downloads ul {
		margin-top: 0;
	}
	.bannerlogo {
		position: relative;
	}
}
@media (max-width: 599px) {
	.iconboxwrapper .column {
		border-right: none;
	}
}

#video_background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
}

@keyframes growText {
	from {
		font-size: 0;
	}
	to {
		font-size: 8rem;
	}
}

.grow-text  {
	position: relative;
	z-index: 10;
	animation: growText 2s forwards;
	text-transform: uppercase;
	text-align: center;
	color: #FFF;
	width: 100%;
	hyphens: manual;
}

#wrapper .mod_article.container-grow-text {
	display: flex;
	height: 100vh;
	align-items: center;
	justify-content: center;
	background: transparent;
}
/* tablet, mobile */
@media (max-width: 1024px) {
	.grow-text {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

.menu-container {
	position: absolute;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100vw;
	z-index: -1000;
	text-align: left;
	-webkit-transition: all 0.6s 0s ease-in-out;
	transition: all 0.6s 0s ease-in-out;
	overflow: hidden;
}
.menu-container.open {
	z-index: 10000;
}

ul.menuul li {
	list-style-type: none;
	font-size: 0;
}

.menu-container .scrollable ul li {
	transition: opacity 3s, margin-left 0.8s;
	-webkit-transition: opacity 3s, margin-left 0.8s;
	margin-left: -10000px;
	opacity: 0;
}

.menu-container.open .scrollable ul li {
	margin-left: 0;
	opacity: 1;
}

.menu-container .scrollable ul li a, .menu-container .scrollable ul li strong, .menu-container .scrollable ul li span {
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	padding: 0;
	font-size: 5rem;
	line-height: 1.2;
	font-family: "Saira Extra Condensed", sans-serif;
	text-transform: uppercase;
}

.menu-container .scrollable ul li.active a, .menu-container .scrollable ul li.active strong {
	font-weight: 900;
}

.menu-container ul li.active span, .menu-container ul li a:hover {
	color: #9ba3bc;
}

.menu-container .scrollable {
	margin: 0;
}

.menu-container-back {
	position: absolute;
	border-radius: 50%;
	top: 100px;
	right:90px;
	width: 0;
	height: 0;
	transition: All 1s ease;
	-webkit-transition: All 2s ease;
	background-color: #FFF;
	z-index: 1;
}

.menu-container-back.open {
	width: 350vh;
	height: 350vh;
	top: -125vh;
	right: -125vh;
}

@media (orientation: landscape) {
	.menu-container-back.open {
		width: 350vw;
		height: 350vw;
		top: -125vw;
		right: -125vw;
	}
}

@media (min-width: 768px) and (max-width: 1260px) {
	.menu-container-back {
		top: 70px;
		right: 60px;
	}
}

@media (max-width: 767px) {
	.menu-container-back {
		top: 40px;
		right: 50px;
	}
}

.animation-background {
	position:absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	overflow: hidden;
	z-index: 0;
}

.smartmenu-close {
	color: #8a8a8a;
	background: transparent;
	margin: 0;
	top: 75px;
	right: -100px;
	cursor: pointer;
	position: absolute;
	z-index: 9999;
	width: 2rem;
	height: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.video_layout .smartmenu-close{
	top: 85px;
}

.fixed-header.smartmenu-close{
	top: 40px;
}

.smartmenu-close .svg-icon {
	width: 100%;
	height: 100%;
	fill: #8a8a8a;
	transition: transform 0.5s ease;
	-webkit-transition: transform 0.5s ease;
	transform-origin: center center;
}

.smartmenu-close:hover .svg-icon {
	transform: rotate(180deg);
}

.menu-container.open .smartmenu-close {
	right: 70px;
}

.video_layout .menu-container.open .smartmenu-close{
	right: 100px;
}

@media (max-width: 1260px) {
	.menu-container.open .smartmenu-close, .video_layout .menu-container.open .smartmenu-close {
		top: 65px;
		right: 40px;
	}
	.video_layout .menu-container.open .smartmenu-close {
		top: 65px;
	}
	.menu-container.open .fixed-header.smartmenu-close {
		top: 30px;
	}
}

@media (max-width: 767px) {
	.menu-container.open .smartmenu-close, .video_layout .menu-container.open .smartmenu-close {
		top: 45px;
	}
	.menu-container.open .smartmenu-close {
		right: 30px;
	}
	.video_layout .menu-container.open .smartmenu-close, .menu-container.open .fixed-header.smartmenu-close  {
		right: 40px;
	}
	.menu-container.open .fixed-header.smartmenu-close {
		top: 20px;
	}
}



.menu-container .animation-background, .menu-container .smartmenu-close {
	opacity: 0;
	transition: opacity 1s 0s;
	-webkit-transition: opacity 1s 0s;
}

.menu-container.open .animation-background, .menu-container.open .smartmenu-close {
	opacity: 1;
}

/*
.animation-background div {
	position:absolute;
	height: 8px;
	background: radial-gradient(circle at center, #000 0%, #000 15%, transparent 10%);
	background-size: 20px;
}
*/
.animation-background div {
	position: absolute;
	height: 4px;
	background-color: transparent;
}

.animation-background div::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 4px;
	background-image: url('data:image/svg+xml;utf8,<svg width="15" height="4" xmlns="http://www.w3.org/2000/svg"><circle cx="4" cy="1.5" r="1.5" fill="%23000" /></svg>');
	background-repeat: repeat-x;
}

@keyframes rotate-line-2 {
	from {transform: rotate(-30deg); animation-timing-function: cubic-bezier(0.1, 0.3, 0.3, 1);}
	25% {transform: rotate(-20deg); animation-timing-function: cubic-bezier(0.7, 0.0, 0.9, 0.7);}
	50% {transform: rotate(-30deg); animation-timing-function: cubic-bezier(0.1, 0.3, 0.3, 1);}
	75% {transform: rotate(-40deg); animation-timing-function: cubic-bezier(0.7, 0.0, 0.9, 0.7);}
	to {transform: rotate(-30deg);}
}

@keyframes rotate-line-3 {
	from {transform: rotate(10deg); animation-timing-function: cubic-bezier(0.1, 0.3, 0.3, 1);}
	25% {transform: rotate(-25deg); animation-timing-function: cubic-bezier(0.7, 0.0, 0.9, 0.7);}
	50% {transform: rotate(10deg); animation-timing-function: cubic-bezier(0.1, 0.3, 0.3, 1);}
	75% {transform: rotate(45deg); animation-timing-function: cubic-bezier(0.7, 0.0, 0.9, 0.7);}
	to {transform: rotate(10deg);}
}

.animation-background .animation-background--line1 {
	top: 294px;
	left: -46.67%;
	width: 117.18%;
	transform: rotate(10deg);
	transform-origin: 97.13%;
	animation: rotate-line-1 30s infinite;
}

.animation-background .animation-background--line2 {
	top: 294px;
	left: 55.86%;
	width: 51.95%;
	transform: rotate(-30deg);
	transform-origin: 21.65%;
	animation: rotate-line-2 30s linear infinite;
}

.animation-background .animation-background--line3 {
	bottom: 200px;
	right: 0;
	width: 400px;
	max-width: min(calc(100vh/2), calc(100vw/4.5));
	transform: rotate(45deg);
	transform-origin: 100%;
	animation: rotate-line-3 30s linear infinite;
}

.animation-background .animation-background--line4 {
	top: 50px;
	left: 0;
	width: 20%;
	transform: rotate(15deg);
	transform-origin: 0 center;
	animation: rotate-line-4 30s linear infinite;
	transition: All 0.3s;
	-webkit-transition: All 0.3s;
}

.referenzen-page + .animation-background .animation-background--line4 {
	display: none;
}

.animation-background .animation-background--line5 {
	top: 100px;
	right: -400px;
	width: 400px;
	transform: rotate(145deg);
	transform-origin: 0 center;
	animation: rotate-line-5 30s linear infinite;
}

.referenzen-page + .animation-background .animation-background--line5 {
	display: none;
}

.menu-container .animation-background div:after {
	opacity: 0;
	transition: All 2s 1s;
	-webkit-transition: All 2s 1s;
}

.menu-container.open .animation-background div:after {
	opacity: 1;
}

.bottommenu {
	background: #f5f6f8;
}
.bottommenu-content {
	display: flex;
	justify-content: space-between;
	align-content: center;
	padding: 20px 30px;
}

/* mobile */
@media (max-width: 575px) {
	.bottommenu-content {
		padding: 0;
		flex-direction: column;
	}
	.bottommenu-social {
		padding: 0 20px 20px 20px;
	}
}

/*.bottommenu-border{
	height: 8px;
	background: radial-gradient(circle at center, #000 0%, #000 15%, transparent 10%);
	background-size: 20px;
}*/

.bottommenu-border {
	position: relative;
	height: 8px;
	background-color: transparent;
}

.menu-container .bottommenu-border, .menu-container .mmenu-bottom {
	opacity: 0;
	transition: opacity 1s 1s;
	-webkit-transition: opacity 1s 1s;
	width: 100%;
}

.bottommenu-border::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 4px;
	background-image: url('data:image/svg+xml;utf8,<svg width="15" height="4" xmlns="http://www.w3.org/2000/svg"><circle cx="4" cy="1.5" r="1.5" fill="%23000" /></svg>');
	background-repeat: repeat-x;
}

.menu-container.open .bottommenu-border, .menu-container.open .mmenu-bottom {
	opacity: 1;
}

.ce_headline_t2 {
	position: relative;
	background: #FFF;
	z-index: 10;
	left: 50%;
	width: 50%;
	padding: 4rem;
	margin-top: -200px;
	margin-bottom: 60px;
}

.ce_headline_t2.page-service--last-level {
	position: relative;
	left: 50%;
	width: 50%;
	margin-bottom: 60px;
}

@media (min-width: 992px) {
	.ce_headline_t2, .news-short--text-container {
		box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
	}
}

@media (max-width: 1500px) {
	.ce_headline_t2.page-service--last-level {
		width: calc(50% - 50px);
	}
}


@media (max-width: 992px) {
	.ce_headline_t2, .ce_headline_t2.page-service--last-level {
		position: relative;
		width: 100%;
		left: 0;
		margin-top: 0;
		margin-bottom: 0;
	}

	.ce_headline_t2.page-service--last-level {
		margin-top: 60px;
		margin-bottom: 0;
	}
}

@media (max-width: 767px) {
	.ce_headline_t2.page-service--last-level {
		margin-top: 0;
	}
}

.ce_headline_t2 h2, .ce_headline_t2 p, .mod_navigation.nav-level2 ul li strong, .mod_navigation.nav-level2 ul li a, .autogrid--bottom-list h4, .autogrid--bottom-list h3, .autogrid--bottom-list ul li{
	white-space: normal;
	word-break: keep-all;
	overflow-wrap: break-word;
	hyphens: none;
}

.ce_headline_t2 h2 {
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 20px;
	color: #4a5975;
	font-size: 2.2rem;
	font-family: "Roboto";
	font-weight: 700;
	font-style: normal;
}

.ce_headline_t2 p {
	font-size: 19px;
	line-height: 1.4;
	color: #7d8398;
	margin: 0;
	font-family: "Nunito Sans";
	font-weight: 400;
	font-style: normal;
}

@media (max-width: 992px) {
	#wrapper .mod_article.page-service {
		display: flex;
		flex-direction: column;
	}

	#wrapper .mod_article.page-service .ce_headline_t2 {
		order: 1;
	}
}

.px_1 {
	padding-left: 1rem!important;
	padding-right: 1rem!important;
}

.px_3 {
	padding-left: 3rem!important;
	padding-right: 3rem!important;
}

.pr_0 {
	padding-right: 0 !important;
}

.pr_0 {
	padding-right: 0 !important;
}

.pt_0 {
	padding-top: 0 !important;
}

.pb_3 {
	padding-bottom: 3rem!important;
}

@media (max-width: 767px) {
	.pb_md_0 {
		padding-bottom: 0!important;
	}

	.mb_md_0 {
		margin-bottom: 0!important;
	}

	.mt_md_0 {
		margin-top: 0!important;
	}
}


#wrapper .autogrid--bottom-list {
	display: flex;
	flex-direction: row;
	align-items: end;
}

#wrapper .autogrid--bottom-list .attributes {
	width: 100%;
}

#wrapper .autogrid--bottom-list ul {
	margin-top: 0!important;
	margin-bottom: 0!important;
}

#wrapper .autogrid--bottom-list .ce_text ul li {
	display: flex;
	align-items: flex-start;
	font-size: 18px;
	line-height: 2.0rem;
}

#wrapper .autogrid--bottom-list ul li:before {
	content: "\f111";
	font-size: 10px;
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -1.3em;
	padding-right: 10px;
	line-height: 2.0rem;
}

@media (max-width: 992px) {
	#wrapper .autogrid--bottom-list .ce_text ul li, .ce_headline_t2 p {
		font-size: 1.1rem;
	}
	.ce_headline_t2 h1 {
		font-size: 1.8rem;
	}
}

.mod_navigation.nav-level2 ul {
	list-style: none;
	display: grid;
	justify-content: center;
	padding: 0;
	margin: 0;
	gap: 20px;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.mod_navigation.nav-level2 ul li {
	display: flex;
	justify-content: end;
	flex-direction: column;
	background: #000;
	min-height: 120px;
	min-width: 250px;
}

.mod_navigation.nav-level2 ul li strong, .mod_navigation.nav-level2 ul li a {
	color: #FFF!important;
	padding: 15px;
	height: 100%;
	display: flex!important;
	align-items: flex-end;
	justify-content: space-between;
	font-weight: normal;
	line-height: 1.1;
}

.mod_navigation.nav-level2 ul li a:hover:after {
	content: "\f054";
	font-family: FontAwesome;
	float: right;
	font-size: 10px;
}

@media (max-width: 767px) {
	.mod_navigation.nav-level2 ul li {
		min-height: 80px;
	}
}

@media (max-width: 575px) {
	.mod_navigation.nav-level2 ul li {
		min-height: 30px;
	}
}

.contact-container--question, .contact-container--wrapper {
	font-family: 'Roboto';
}
.contact-container--question h2,
.contact-container--question p {
	color: #FFF;
}

.contact-container--question {
	background: #4a5975;
	color: #FFF;
	padding: 4.5rem 1.25rem;
	text-align: center;
}

.contact-container--question h2 {
	text-transform: uppercase;
	font-weight: 400;
	margin: 10px;
}

.contact-container--question p {
	font-size: 35px;
	font-weight: 800;
	margin-top: 10px;
}

.white-dots {
	position: relative;
	height: 4px;
}

.white-dots:after {
	/*height: 8px;
	background: radial-gradient(circle at center, #FFF 0%, #FFF 15%, transparent 10%);
	background-size: 20px;
	width: 120px;
	margin: 0 auto;*/
	content: '';
	width: 120px;
	margin: 0 auto;
	height: 4px;
	background-image: url('data:image/svg+xml;utf8,<svg width="15" height="4" xmlns="http://www.w3.org/2000/svg"><circle cx="4" cy="1.5" r="1.5" fill="%23FFF" /></svg>');
	background-repeat: repeat-x;
	position: absolute;
	top: 0;
	left: calc(50% - 60px);
}

.contact-container--wrapper {
	background: #FFF;
	max-width: 1340px;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 20px;
}

.contact-container--image {
	border-radius: 50%;
	overflow: hidden;
	max-width: 410px;
	margin: -40px auto 0 auto;
}

.contact-container--wrapper .contact-container--text-container {
	padding: 30px 70px;
	color: #183a63;/*#4a5975;*/
}

/* mobile */
@media (max-width: 767px) {
	.contact-container--wrapper .contact-container--text-container {
		padding: 0;
	}
}


.contact-container--name-description h2 {
	padding-bottom: 10px;
	margin-bottom: 0;
	font-size: 2.25rem;
}

.contact-container--name-description p {
	font-size: 26px;
	font-style: italic;
}

.contact-container--text {
	color: #9ba3bc;
}

.contact-container--text p {
	font-size: 15px;
}

.contact-container--link {
	margin-top: 50px;
}

.contact-container--link a {
	padding: 7px 15px;
	background: #7d8398;
	border: 1px #7d8398 solid;
	border-radius: 20px;
	color: #FFF !important;
	text-decoration: none;
	font-family: 'Roboto Mono', monospace;
	transition: All .5s ease;
	-webkit-transition: All .5s ease;
}

.contact-container--link a:hover {
	background: #FFF !important;
	color: #7d8398 !important;
}

.contact-container input, .contact-container textarea {
	background: #FFF;
}

.contact-container input::placeholder, .contact-container textarea::placeholder,
.checkbox_container span,
#lbl_39_0 a {
	color: #7d8398;
	opacity: 1;
}

.contact-container input::-ms-input-placeholder, .contact-container textarea::-ms-input-placeholder {
	color: #9ba3bc;
}

.contact-container .widget-submit {
	display: flex;
	justify-content: center;
	width: 100%;
}

.contact-container button {
	padding: 7px 15px;
	background: #7d8398;
	border: 1px #7d8398 solid;
	border-radius: 20px;
	color: #FFF;
	text-decoration: none;
	font-family: 'Roboto Mono', monospace;
	height: inherit;
	width: inherit;
	transition: All .5s ease;
	-webkit-transition: All .5s ease;
}

.contact-container button:hover {
	background: #FFF;
	color: #7d8398;
}

.blocknews-short-container {
	padding: 50px 0;
}

.blocknews-short-container.first {
	padding: 0 0 50px 0;
}

.blocknews-short-container .news-short--text-wrapper {
	font-family: "Saira Extra Condensed", sans-serif;
	position: relative;
}

#wrapper .blocknews-short-container .news-short--text-wrapper .news-short--text-container {
	position: absolute;
	top: -40px;
	width: 45%;
	background: #FFF;
	z-index: 2;
	padding: 4rem;
	color: #9ba3bc;
	font-family: "Saira Extra Condensed", sans-serif;
}

#wrapper .blocknews-short-container .news-short--text-wrapper .news-short--text-container p {
	line-height: 1.5;
	font-size: 19px;
}

#wrapper .blocknews-short-container:nth-child(odd) .news-short--text-wrapper .news-short--text-container {
	left: 50%;
}

#wrapper .blocknews-short-container:nth-child(even) .news-short--text-wrapper .news-short--text-container {
	left: 5%;
}
#wrapper .blocknews-short-container .news-short--text-wrapper .news-short--text-container h2 {
	text-transform: uppercase;
	margin-bottom: 20px;
	margin-top: 0;
	font-size: 2.2rem;
}

#wrapper .blocknews-short-container .news-short--text-wrapper .news-short--text-container h2 a {
	color: #183a63!important;
}

#wrapper .blocknews-short-container .news-short--text-wrapper .news-short--text-container a:hover {
	font-weight: 800;
}

#wrapper .blocknews-short-container .news-short--text-wrapper .news_logo {
	position: absolute;
	top: 30px;
	width: 100px;
	height: auto;
	z-index: 1;
}

#wrapper .blocknews-short-container:nth-child(odd) .news-short--text-wrapper .news_logo {
	left: 30px;
}

#wrapper .blocknews-short-container:nth-child(even) .news-short--text-wrapper .news_logo {
	right: 30px;
}
#wrapper .blocknews-short-container .news-short--text-container p.more {
	margin-bottom: 0;
}
#wrapper .blocknews-short-container .news-short--text-container .more a {
	padding: 5px 15px;
	margin-top: 20px;
	background: #9ba3bc;
	border: 1px #9ba3bc solid;
	border-radius: 20px;
	color: #FFF!important;
	text-decoration: none;
	font-family: 'Roboto Mono', monospace;
	height: inherit;
	width: inherit;
	transition: All .5s ease;
	-webkit-transition: All .5s ease;
}

#wrapper .blocknews-short-container .news-short--text-container .more a:hover {
	background: #FFF;
	color: #9ba3bc!important;
}

#wrapper .blocknews-short-container .news-short--text-wrapper .image_container a img {
	transition: All .5s ease;
	-webkit-transition: All .5s ease;
}

#wrapper .blocknews-short-container .news-short--text-wrapper .image_container a {
	overflow: hidden;
}

#wrapper .blocknews-short-container .news-short--text-wrapper .image_container a:hover img {
	width: calc(100% + 60px);
	max-width: calc(100% + 60px);
	margin: -12.9px -30px;
}

#wrapper .mod_newsreader .blocknews-short-container {
	padding: 20px 0;
}

/* tablet */
@media (min-width: 768px) and (max-width: 1024px) {
	#wrapper .mod_newsreader p.back {
		margin-top: 0;
	}
}

/* tablet and mobile */
@media (max-width: 1024px) {
	#wrapper .blocknews-short-container .news-short--text-wrapper .news-short--text-container {
		position: relative;
		left: 0!important;
		top: auto;
		width: 100%;
		padding-top: 5px;
	}
	#wrapper .blocknews-short-container .news-short--text-wrapper .news-short--text-container h2 {
		margin: 10px 0;
	}
	#wrapper .blocknews-short-container .news-short--text-wrapper .news-short--text-container p.more {
		margin-bottom: 0;
	}
	#wrapper .blocknews-short-container .news-short--text-wrapper .news-short--text-container p.more a {
		margin-top: 0;
	}
	#wrapper .blocknews-short-container {
		padding: 10px 0;
	}
	#wrapper .blocknews-short-container .news-short--text-wrapper .news_logo {
		max-width: 20%;
	}
	#wrapper .mod_newsreader .blocknews-short-container {
		padding-top: 0;
		padding-bottom: 0;
	}
	#wrapper .mod_newsreader .blocknews-short-container h1 {
		margin-top: 5px;
	}
	#wrapper .mod_newsreader p.back {
		margin-top: 0;
	}
}

/* desktop*/
@media (min-width: 1025px) {
	#wrapper .blocknews-short-container.first .news-short--text-wrapper .news-short--text-container {
		top: -120px;
	}
}

#wrapper .mod_newsreader .image_container {
	overflow: hidden;
}

#wrapper .mod_newsreader .image_container img {
	transition: All .5s ease;
	-webkit-transition: All .5s ease;
}

#wrapper .mod_newsreader .image_container:hover img {
	max-width: calc(100% + 60px);
	width: calc(100% + 60px);
	margin: -30px -30px 0 -30px;
}

#wrapper .mod_newsreader p {
	margin-top: 20px;
}

#wrapper .mod_newsreader .back a {
	padding: 5px 15px;
	margin-top: 20px;
	background: #9ba3bc;
	border: 1px #9ba3bc solid;
	border-radius: 20px;
	color: #FFF;
	text-decoration: none;
	font-family: 'Roboto Mono', monospace;
	height: inherit;
	width: inherit;
	transition: All .5s ease;
	-webkit-transition: All .5s ease;
}

#wrapper .mod_newsreader .back a:hover {
	background: #FFF;
	color: #9ba3bc;
}

.p_h_20 .attributes {
	padding: 0 20px;
}

@media (max-width: 767px) {
	.p_h_20 .attributes {
		padding: 0 40px;
	}
}

.layout_short .news-short-border-bottom {
	position: relative;
	height: 8px;
	background-color: transparent;
}

.layout_short .news-short-border-bottom::before {
	content: '';
	position: absolute;
	top: 50px;
	left: -5000px;
	width: 4900px;
	height: 4px;
	background-image: url('data:image/svg+xml;utf8,<svg width="15" height="4" xmlns="http://www.w3.org/2000/svg"><circle cx="4" cy="1.5" r="1.5" fill="%23000" /></svg>');
	background-repeat: repeat-x;
}

.layout_short .news-short-border-bottom::after {
	content: '';
	position: absolute;
	top: 50px;
	right: -5000px;
	width: 4900px;
	height: 4px;
	background-image: url('data:image/svg+xml;utf8,<svg width="15" height="4" xmlns="http://www.w3.org/2000/svg"><circle cx="4" cy="1.5" r="1.5" fill="%23000" /></svg>');
	background-repeat: repeat-x;
}

.layout_short:last-child .news-short-border-bottom {
	display: none;
}

.video_layout .bottommenu  {
	position: absolute;
	bottom: 0;
	left: 0;
	background: transparent;
	display: flex;
	justify-content: center;
	width: 100%;
	padding-bottom: 10px;
	z-index: 1000;
}

.video_layout #bottom .bottommenu .bottommenu-border {
	display: none;
}

.video_layout #bottom .bottommenu .bottommenu-content {
	padding: 0;
}

.video_layout #bottom .bottommenu .copyright a {
	color: #FFF;
}
.video_layout #bottom .bottommenu .bottommenu-social {
	display: none;
}

.video_layout #bottom .bottommenu .copyright .copyright-contact {
	display: none;
}

.page-title {
	position: absolute;
	bottom: -100px;
	color: #FFF;
	padding: 20px 40px 0 0;
	transition: All 0.5s ease;
	-webkit-transition: All 0.5s ease;
	filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.8)) drop-shadow(-1px -1px 1px rgba(0, 0, 0, 0.8));
	-webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.8)) drop-shadow(-1px -1px 1px rgba(0, 0, 0, 0.8));
}
.page-title h1 {
	font-size: 2.7rem;
	color: #FFF;
}

@media (min-width: 993px) {
	#top-wrapper.sticky .page-title {
		bottom: 0;
		right: 100px;
	}
}
@media (max-width: 992px) {
	.page-title {
		display: none;
		/*bottom: -100px;*/
	}
}

.page-title h1 span {
	font-weight: 900;
}

.page-title .cursor {
	border-right: 7px solid #FFF;
	animation: blink 1s step-end infinite;
}

.page-title .cursor span {
	margin-right: 10px;
}

#contentwrapper:has(#bottom .contact-container--wrapper) .bottommenu {
	background: #FFF;
}

.video_wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.video_container {
	position: relative;
	width: 100%;
}

.video_container figure {
	margin: 0;
	width: 100%;
	height: auto;
}

.video_container video {
	display: block;
	width: 100%;
	height: auto;
}

.t2_slider-timeline--item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-left: 0;
	align-items: center;
}

.t2_slider-timeline--item .ce_imageinn {
	max-width: 250px;
}


.text-clipped {
	overflow: hidden;
}

.toggle-text {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background: none;
	border: none;
	font-size: 18px;
	cursor: pointer;
	display: block;
	color: #666;
	padding: 5px;
	z-index: 2;
	transition: all 0.3s ease-in-out;
}

.toggle-text:hover {
	transform: translateX(-50%) scale(1.1);
	border: none!important;
}

.toggle-text i {
	transition: transform 0.3s;
}

.text-clipped::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background: linear-gradient(to bottom,
	rgba(255, 255, 255, 0) 0%,
	rgba(255, 255, 255, 1) 50%,
	rgba(255, 255, 255, 1) 100%
	);
	pointer-events: none;
	z-index: 1;
}


#wrapper .mod_article.introimage-container {
	z-index: 9;
}

#wrapper .mod_article.introimage-container .ce_headline_t2 {
	z-index: 10;
	transition: max-height 0.4s ease-in-out;
}

.toggle-text i {
	transition: transform 0.3s;
}

@media (max-width: 992px) {
	.text-clipped {
		max-height: none !important;
		overflow: visible !important;
	}

	.toggle-text {
		display: none !important;
	}
}