/* menu stuff */
:root {
	--dcwi-menu-transition-duration: 400ms;
	--dcwi-hoverzeile-ani-duration: 500ms;
	--dcwi-hoverzeile-ani-duration-mobile: 300ms;
	--dcwi-hoverzeile-content-duration: 500ms;
}

body.open-overlay-menu #main-logo { pointer-events:none !important; }

#menu-hauptmenu,
#menu-hauptmenu-en {
	padding-top: 0 !important;
}

#menu-hauptmenu > li,
#menu-hauptmenu-en > li {
	transition: transform var(--dcwi-menu-transition-duration) ease-out 0ms,
							opacity  var(--dcwi-menu-transition-duration) ease-out 0ms;
}

ul.menu-primary-inner.dcwi-submenu {
	position: absolute;
	transition: transform var(--dcwi-menu-transition-duration) ease-out var(--dcwi-menu-transition-duration),
							opacity var(--dcwi-menu-transition-duration) ease-out var(--dcwi-menu-transition-duration);
	z-index: 1;
}

ul.menu-primary-inner.dcwi-submenu:not(.dcwi-show) {
	transform: translateX(50%);
	opacity: 0;
}


#menu-hauptmenu > li.dcwi-menu-shifted,
#menu-hauptmenu-en > li.dcwi-menu-shifted {
	transform: translateX(-100%);
	opacity: 0;
}

a.dcwi-menu-back {
	position: absolute;
	top: 0;
	left: 0;
	padding: 36px 20px;
}

a.dcwi-menu-back::before {
	content: '';
	display: block;
	width: 14px;
	height: 14px;
  border-top: 1.5px solid black;
  border-left: 1.5px solid black;
  transform: rotate(-45deg);
}



/* tiles hover */
.hoverzeile {
	transition: opacity 200ms ease-out 0ms;
}
.hoverzeile:not(.dcwi-initialized) { opacity: 0; }

.hoverzeile .blaue_spalte::after { pointer-events: none !important; }
.hoverzeile .blaue_spalte:last-of-type::after { display: none !important; }

.hoverzeile.dcwi-measured .blaue_spalte:not(.dcwi-active) p,
.hoverzeile.dcwi-measured .blaue_spalte:not(.dcwi-active) .btn-container {
	position: absolute;
	left: -200000px;
	opacity: 0;
}
.hoverzeile.dcwi-initialized .blaue_spalte p,
.hoverzeile.dcwi-initialized .blaue_spalte .btn-container {
	transition: opacity var(--dcwi-hoverzeile-content-duration) ease-out var(--dcwi-hoverzeile-ani-duration);
}

.hoverzeile.dcwi-measured .blaue_spalte:not(.dcwi-active) h4 {
	font-size: 15.6px !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
}
.hoverzeile.dcwi-initialized .blaue_spalte h4 {
	min-height: 0;
	transition: font-size var(--dcwi-hoverzeile-content-duration) ease-out 0ms,
							font-weight var(--dcwi-hoverzeile-content-duration) ease-out 0ms,
							line-height var(--dcwi-hoverzeile-content-duration) ease-out 0ms,
							min-height var(--dcwi-hoverzeile-content-duration) ease-out 0ms,
							opacity var(--dcwi-hoverzeile-content-duration) ease-out 0ms;
}

.hoverzeile.dcwi-initialized { overflow: hidden; }

@media/*(min-width: 596px) and */(max-width: 959px)
{
	/*.hoverzeile.dcwi-initialized .blaue_spalte h4 { transition: none; }*/

	.hoverzeile.dcwi-initialized .blaue_spalte p,
	.hoverzeile.dcwi-initialized .blaue_spalte .btn-container {
		transition-delay: var(--dcwi-hoverzeile-ani-duration-mobile);
	}

	.hoverzeile.dcwi-initialized .blaue_spalte {
		transition: height var(--dcwi-hoverzeile-ani-duration-mobile) ease-out 0ms !important;
	}

	.hoverzeile.dcwi-initialized .blaue_spalte:not(.dcwi-active) {
		height: 64px;
	}
	.hoverzeile.dcwi-initialized .blaue_spalte:not(.dcwi-active) .uncode_text_column { 
		height: 64px;
		display: flex;
		align-items: center;
		flex-direction: row !important;
	}

	.hoverzeile.dcwi-initialized .blaue_spalte img {
		transition: opacity var(--dcwi-hoverzeile-content-duration) ease-out var(--dcwi-hoverzeile-ani-duration-mobile);
	}

	.hoverzeile.dcwi-initialized .blaue_spalte:not(.dcwi-active) img,
	.hoverzeile.dcwi-initialized .blaue_spalte:not(.dcwi-active) .uncode-single-media {
		position: absolute;
		left: -20000px;
		opacity: 0;
		pointer-events: none;
	}
	/*
	

	.hoverzeile.dcwi-initialized .blaue_spalte:not(.dcwi-active) img {
		height: 100px !important;
		width: auto !important;
	}*/

	.hoverzeile.dcwi-initialized .blaue_spalte.dcwi-active {
		height: var(--dcwi-height);
	}
}


@media(min-width: 960px)
{
	.hoverzeile.dcwi-initialized,
	.hoverzeile.dcwi-initialized > .row {
		min-height: var(--dcwi-height);
	}

	.hoverzeile:not(.dcwi-initialized):not(.dcwi-pre-active) .blaue_spalte {
		width: calc( 100% / var(--dcwi-tile-count));
	}

	.main-container .row-container.hoverzeile > .exa-bottom-padding {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		overflow: hidden;
	}

	.hoverzeile.dcwi-initialized .blaue_spalte,
	.hoverzeile.dcwi-pre-active .blaue_spalte {
		min-height: 100%;
		padding-top: 50px !important;
		padding-bottom: 100px !important;
	}
	.hoverzeile.dcwi-initialized .blaue_spalte {
		transition: width var(--dcwi-hoverzeile-ani-duration) ease-out 0ms;
	}

	.hoverzeile.dcwi-initialized .blaue_spalte.dcwi-active,
	.hoverzeile.dcwi-pre-active .blaue_spalte.dcwi-active {
		width: var(--dcwi-show-width);
	}

	.hoverzeile.dcwi-initialized .blaue_spalte:not(.dcwi-active),
	.hoverzeile.dcwi-pre-active .blaue_spalte:not(.dcwi-active) {
		width: calc( var(--dcwi-hide-width) / (var(--dcwi-tile-count) - 1) );
	}

	.hoverzeile.dcwi-initialized .blaue_spalte .uncoltable .uncont {
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-evenly;
	}
	.hoverzeile.dcwi-initialized .blaue_spalte:not(.dcwi-active) .uncoltable .uncont {
		justify-content: space-evenly;
	}
}

/* timeline */

.timeline-container {
	--dcwi-margin-bottom: 30px;
	--dcwi-padding-bottom: 60px;
}
@media(min-width: 570px){ .timeline-container { --dcwi-margin-bottom: 32px; --dcwi-padding-bottom: 86px; } }
@media(min-width: 960px){ .timeline-container { --dcwi-margin-bottom: 100px; --dcwi-padding-bottom: 184px; } }

.timeline-container .uncode_text_column { padding-top: 60px; padding-bottom: var(--dcwi-padding-bottom); margin-bottom: var(--dcwi-margin-bottom); }
@media(min-width: 570px){ .timeline-container .uncode_text_column { padding-top: 101px; } }
@media(min-width: 960px){ .timeline-container .uncode_text_column { padding-top: 184px; } }

.timeline-container .owl-item,
.timeline-container .owl-item .uncode_text_column {
	min-height: var(--dcwi-equal-height, 0);
}

.timeline-container .owl-prev,
.timeline-container .owl-next {
	width: 32px;
	height: 32px;
	position: absolute;
	margin: 0 !important;
	top: calc( var(--dcwi-equal-height) - var(--dcwi-margin-bottom) ) !important;
	transition: all var(--zeit2) cubic-bezier( 0.68, -1.55, 0.265, 3);
}

.timeline-container .owl-prev:hover {
	transform: translateX(-6px);
}
.timeline-container .owl-next:hover {
	transform: translateX(6px);
}

.timeline-container .owl-prev {
	left: var(--dcwi-pos-left);
}
.timeline-container .owl-next {
	left: var(--dcwi-pos-right);
}

@media(min-width: 960px)
{
	.timeline-container .owl-prev,
	.timeline-container .owl-next {
		width: 48px;
		height: 48px;
	}
}

@media (max-width: 569px)
{
	.main-container .row-container.timeline-container > .row.row-parent {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.timeline-container .owl-item .wpb_row.row-inner > div.col-lg-5.single-internal-gutter {
		padding-left: 27px !important;
		padding-right: 27px !important;
	}
}

@media (max-width: 959px)
{
	.main-container .row-container.timeline-container > .row.row-parent {
		padding-right: 0 !important;
	}

  .timeline-container .uncode-slider .owl-prev:not(.disabled),
  .timeline-container .uncode-slider .owl-next:not(.disabled) {
  	display: block;
  }

  .timeline-container .owl-item .wpb_row.row-inner > div:last-of-type {
  	aspect-ratio: 390/260;
  	margin-left: -27px;
  	width: calc( 100% + (27px * 2) );
  }
}

.timeline-container::after,
.timeline-container .owl-item .wpb_row.row-inner > div:last-of-type::after {
	--dcwi-size: 32px;
	--dcwi-size-half: calc( var(--dcwi-size) * 0.5 );
	--dcwi-zacken-colour: #fff;
	width: 0;
	height: 0;
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2;
	border-top: var(--dcwi-size-half) transparent solid;
	border-left: var(--dcwi-size-half) transparent solid;
	border-right: var(--dcwi-size-half) var(--dcwi-zacken-colour) solid;
	border-bottom: var(--dcwi-size-half) var(--dcwi-zacken-colour) solid;
}
.timeline-container .owl-item .wpb_row.row-inner > div:last-of-type::after {
	--dcwi-zacken-colour: #f6f6f7;
	display: none;
}

@media(min-width: 1731px)
{
	.timeline-container::after {
		display: none;
	}
	.timeline-container .owl-item .wpb_row.row-inner > div:last-of-type::after {
		display: block;
	}
}

@media(min-width: 960px)
{
	.timeline-container::after,
	.timeline-container .owl-item .wpb_row.row-inner > div:last-of-type::after {
		--dcwi-size: 72px;
	}
}

.timeline-container .owl-prev .owl-nav-container,
.timeline-container .owl-next .owl-nav-container {
	width: 100%;
	height: 100%;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.timeline-container .owl-next .owl-nav-container { justify-content: flex-end; }

.timeline-container .owl-prev .owl-nav-container::before,
.timeline-container .owl-next .owl-nav-container::before {
	font-family: 'icomoon';
	color: var(--Red-200);
	font-size: 21px !important;
	line-height: 2;
}

.timeline-container .owl-prev i,
.timeline-container .owl-next i {
	display: none;
}

.timeline-container .owl-prev .owl-nav-container::before { content: '\e906' !important; transform:translateX(-.2em); }
.timeline-container .owl-next .owl-nav-container::before { content: '\e907' !important; /*transform:translateX(.2em);*/ }

.timeline-container .owl-item > .row-container > .row.limit-width { padding-left: 0; }

@media(max-width: 1730px)
{
	.timeline-container .owl-item > .row-container > .row.limit-width {
		max-width: 100vw;
		padding-right: 0;
	}
}


/* Additions Marc */

@media screen and (min-width: 1438px) {
.timeline-container {
  padding-left: calc((100vw - 1356px) / 2) !important;
}

}

@media screen and (max-width: 1437px) and (min-width: 960px) {
	.timeline-container { padding-left: 36px !important; }

}

@media screen and (max-width: 959px) and (min-width: 596px) {
.timeline-container { 
	padding-left: 27px !important; overflow: visible !important; 
}





}


/* werteslider pfeile */
.werteslider .dcwi-owl-nav {
	position: relative;
	clear: both;
	display: flex;
	gap: 20px;
}

.werteslider .dcwi-owl-nav a {
	font-family: 'icomoon';
	color: var(--Red-200);
	font-size: 21px !important;
	line-height: 2;
	transition: opacity 400ms ease-in-out;
	cursor: pointer;
}
.werteslider .dcwi-owl-nav a.prev::before { content: '\e906'; }
.werteslider .dcwi-owl-nav a.next::before { content: '\e907'; }

/*
.werteslider .dcwi-owl-nav a.prev:hover { transform: translateX(-5px); }
.werteslider .dcwi-owl-nav a.next:hover { transform: translateX(5px); }
*/


.werteslider .dcwi-owl-nav a:hover,
.werteslider .dcwi-owl-nav a:focus-visible {
	opacity: 0.7;
}