@font-face {
  font-family: 'Univia';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/UniviaforSWDW05-Light.woff2') format('woff2'),
       url('../fonts/UniviaforSWDW05-Light.woff') format('woff');
}

@font-face {
  font-family: 'Univia';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/univiaforswdw05-book-woff2.woff2') format('woff2'),
       url('../fonts/univiaforswdw05-book-woff.woff') format('woff');
}

@font-face {
  font-family: 'Univia';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/UniviaforSWDW05-Black.woff2') format('woff2'),
       url('../fonts/UniviaforSWDW05-Black.woff') format('woff');
}


/* html, body */
html,
body
				{
				margin:0;
				padding:0;
				background: #FFF;
				}
				
body#id2
				{
				overflow: hidden;
				width: 100%;
				height: 100vh;
				}

/* default */
*
				{
				padding:0px;
				margin:0px;
				text-align:left;
				font-family: 'Univia', sans-serif, Tahoma, Arial, Verdana;
				font-size:100%;
				font-weight: 400;
				color:#000;
				background-repeat: no-repeat!important;
				outline: none;
				text-decoration:none;
				}

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

a
				{
				text-decoration:none;
				transition: all 500ms;
				}

a span
				{
				display: none;
				}

b,
strong
				{
				font-weight: 700;
				}

img
				{
				max-width: 100%;
				height: auto;
				border:0px;
				}
			
p,
table td,
.module ul li,
.content-inner ul li,
.content-inner ol li
				{
				font-size: 1.2rem;
				line-height: 1.5em;
				letter-spacing: .05em;
				margin-bottom: 20px;
				}

@media screen and (max-width: 820px) {
	
	p,
	table td,
	.module ul li,
	.content-inner ul li,
	.content-inner ol li
				{
				font-size: 1rem;
				line-height: 1.4em;
				}
				
}

@media screen and (max-width: 768px) {
	
	p,
	table td,
	.module ul li,
	.content-inner ul li,
	.content-inner ol li,
	.mobile-content ol li
				{
				font-size: .9rem;
				line-height: 1.3em;
				}
				
}

.tooltip-nav ul li
				{
				margin-bottom: 6px;
				}

.content-inner ol.no-margin li
				{
				margin-bottom: 0;
				}

p a
				{
				font-weight: 700;
				}

p em a
				{
				font-weight: 400;
				text-decoration: underline;
				}

sub,
sup
				{
				font-size: .8rem;
				line-height: 1em;
				}
								

h1,
h2
				{
				font-style: normal;
				font-size: 2.7rem;
				font-weight: 300;
				line-height: 1.2em;
				margin-bottom: 20px;
				}

@media screen and (max-width: 820px) {
	
	h1,
	h2
				{
				font-size: 2.2rem;
				}
				
}

@media screen and (max-width: 768px) {
	
	h1,
	h2
				{
				font-size: 2rem;
				}
				
	.timeline-wrapper .timeline-content h2
				{
				font-size: 1.4rem;
				}
				
}
				
h3
				{
				font-size: 1.6rem;
				line-height: 1.2em;
				margin-bottom:10px;
				}
			
h4
				{
				font-size: 1.4rem;
				margin-bottom:10px;
				}
				
h5
				{
				font-size: 1.2rem;
				margin-bottom:10px;
				}
				
h6
				{
				font-size: 1rem;
				margin-bottom:10px;
				}

ul
				{
				list-style: none;
				}

.module ul
				{
				list-style: square;
				margin: 0 0 30px 30px;
				}

.module ol,
.mobile-content ol
				{
				margin: 0 0 30px 17px;
				}

.module ul li
				{
				margin-bottom: 5px;
				}

.module ul li:last-child
				{
				margin-bottom: 0;
				}
				
.content-inner ol
				{
				margin: 0 0 20px 22px;
				}

.content-inner ol li
				{
				margin-bottom: 20px;
				}

.content-inner ol li:last-child
				{
				margin-bottom: 0;
				}

hr
				{
				height: 1px;
				background: #FFF;
				margin: 10px 0 30px 0;
				border: none;
				}
/*
.fancybox-bg
				{
				opacity: 1!important;
				background: rgb(191,188,39);
				}
*/
.back-btn,
.back-btn-mobile
				{
				width: 54px;
				height: 54px;
				display: block;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: cover;
				background-image: url('../Images/pfeil.svg');
				margin-bottom: 20px;
				opacity: 0.3;
				}
/*
@media screen and (max-width: 820px) {
	
	.back-btn,
	.back-btn-mobile
				{
				width: 34px;
				height: 34px;
				}
				
}
*/
.fancybox-close-small
				{
				right: 40px;
				top:40px;
				}

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

table
				{
				border-collapse: collapse;
				width: 100%;
				}

table td
				{
				padding: 5px 10px 5px 0;
				margin-bottom: 0;
				vertical-align: top;
				}
				
table td:first-child
				{
				font-weight: 900;
				}

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

#id_main_nav
				{
				position: relative;
				left: 5%;
				margin-top:5%;
				z-index: 1;
				padding-bottom: 80px;
				}
				
#id_main_nav a
				{
				display: block;
				width: 100%;
				margin-bottom: 20px;
				position: relative;
				}
				
#id_main_nav a:last-child
				{
				margin-top: 100px;
				}

#id_main_nav a.more-margin
				{
				margin-bottom: 70px;
				}
				
#id_main_nav a img
				{
				transition: all 1000ms;
				width: 856px;
				}
				
#id_main_nav a img.outline,
#id_main_nav a img.filled
				{
				position: absolute;
				top: 0;
				left: 0;
				}
				
#id_main_nav a img.filled,
#id_main_nav a img.placeholder
				{
				opacity: 0; 
				}

/*#id_main_nav a:hover img.filled,*/
#id_main_nav a.active img.filled
				{
				opacity: 1; 
				}

/*#id_main_nav a:hover img.outline,*/
#id_main_nav a.active img.outline
				{
				opacity: 0; 
				}
				
#id_ci
				{
				width: 220px;
				position: fixed;
				right: 40px;
				bottom: 40px;
				z-index: 10;
				}
				
#id_meta
				{
				position: fixed;
				left: 5%;
				bottom: 40px;
				z-index: 10;
				}

#id_ci,
#id_ci a,
#id_meta,
#id_meta a
				{
				color: #FFF;
				font-size: .85rem;
				text-align: right;
				}	
			
#id_main_nav img,
#id_ci img
				{
				width: 100%;
				}
				
#id_main_nav img
				{
				height: 100px;
				}
				
#id_main_nav .double img
				{
				height: 200px;
				}
				
#id_fullscreen_background
				{
				width: 100vw;
				height: 100vh;
				object-fit: cover;
				position: fixed;
				top: 0;
				left: 0;
				z-index: 0;
				}

#id_sidenav
				{
				position: fixed;
				top:0;
				right: 0;
				height: 100vh;
				z-index: 5;
				width: auto;
				}

#id_sidenav article
				{
				width: auto;
				display: flex;
				justify-content:flex-end;
				}

#id_sidenav article section
				{
				display: block;
				position: relative;
				height: 100vh;
				display: flex;
				}

#id_sidenav a.tab,
#id_sidenav div.content
				{
				display: block;
				position: relative;
				width: 88px;
				height: 100vh;
				}

#id_sidenav a.tab img.text
				{
				width: 68px;
				height: 400px;
				position: absolute;
				left: 0;
				opacity: 1;
				transition: all 500ms;
				}

#id_sidenav a.tab img.number
				{
				width: auto;
				height: 100px;
				position: absolute;
				transition: all 500ms;
				}

#id_sidenav a.tab.active img.text
				{
				opacity: 0;
				}

#id_sidenav a.tab.active img.number
				{
				opacity: 0.3;
				}

#id2 #id_sidenav section:last-of-type a.tab img.number
				{
				margin-left: 12px;
				}

#id2 #id_sidenav section:last-of-type a.tab.active img.number
				{
				margin-left: -12px;
				}

#id_sidenav article section
				{
				margin-right: -25px;
				}

#id_sidenav article section:last-of-type
				{
				margin-right: 0!important;
				}

#id_sidenav div.content
				{
				width: 0;
				transition: all 500ms;
				overflow-x: hidden;
				overflow-y: auto;
				margin-right: 0;
				}

#id_sidenav div.content .content-inner
				{
				position: relative;
				max-width: 900px;
				margin: auto;
				padding: 80px 80px 40px 20px;
				box-sizing: border-box;
				}

#id_sidenav div.content .content-inner img,
.modal img
				{
				margin-bottom: 20px;
				}
				
#id_overlay
				{
				display: none;
				width: 100%;
				height: 100vh;
				left: 0;
				top:0;
				background-color: rgba(0,0,0,0);
				position: fixed;
				z-index: 5;
				}

.modal
				{
				display: none;
				width: 100%;
				box-sizing: border-box;
				padding: 80px 40px;
				min-height: 100vh;
				overflow-y: auto;
				margin: 0;
				top:0;
				}

.fancybox-slide>*
				{
				vertical-align: top;
				}

.modal .modal-inner
				{
				max-width: 900px;
				margin: auto;
				}
				
#id_content
				{
				width: 100%;
				height: 92%;
				left: 0;
				bottom:-92%;
				position: fixed;
				z-index: 6;
				overflow: auto;
				}
				
#id_content #id_content_inner
				{
				padding: 30px;
				box-sizing: border-box;
				}
				
.default #id_overlay
				{
				display: block;
				}
				
.default #id_ci,
.default #id_meta
				{
				display: none;
				}

#id_content_inner *,
.content-inner *,
.modal-inner *
				{
				color: #FFF;
				}

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

.dot-nav,
.tooltip-nav
				{
				position: absolute;
				right: 30px;
				top: 80px;
				z-index: 22;
				}

.dot-nav li,
.tooltip-nav li
				{
				margin-bottom: 10px;
				}

.dot-nav li a,
.tooltip-nav li a
				{
				position: relative;
				cursor: pointer;
				display: block;
				width: 22px;
				height: 22px;
				border: 5px solid #FFF;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				transition: all 500ms;
				}

.dot-nav li a:Hover
				{
				background: rgba(0,0,0,0.3);
				}

@media screen and (max-width: 400px) {
	
	.dot-nav li a,
	.tooltip-nav li a
				{
				width: 11px;
				height: 11px;
				border: 2px solid #FFF;
				}
				
}

.tooltip-nav li a
				{
				opacity: 1;
				}
			
[data-customTooltip]::after
				{
				background-color: rgba(0,0,0,0.2);
				color: #FFF;
				font-size:1rem;
				padding: 5px 15px;
				height: fit-content;
				width: fit-content;
				-webkit-border-radius: 30px;
				-moz-border-radius: 30px;
				border-radius: 30px;
				position: absolute;
				white-space: nowrap;
				text-align: center;
				top: -8px;
				right: 34px;
				content: attr(data-customTooltip);
				transform: translate(0%, 0%) scale(0);
				transform-origin: top;
				transition: 0.1s;
				z-index: 20;
				}
				
[data-customTooltip]:hover:after
				{
				display: block;
				transform: translate(0%, 0%) scale(1);
				}

.color-set-1 [data-customTooltip]::after,
.tooltip-nav.color-set-1 li a:Hover,
.tooltip-nav.color-set-1 li a.content-switch.active
				{
				background-color: rgba(230, 135, 30,1);
				}

.color-set-2 [data-customTooltip]::after,
.tooltip-nav.color-set-2 li a:Hover,
.tooltip-nav.color-set-2 li a.content-switch.active
				{
				background-color: rgba(240, 154, 44,1);
				}

.color-set-3 [data-customTooltip]::after,
.tooltip-nav.color-set-3 li a:Hover,
.tooltip-nav.color-set-3 li a.content-switch.active
				{
				background-color: rgba(245, 166, 30,1);
				}

.fancybox-close-small:after
				{
				width: 30px;
				height: 30px;
				/*
				border: 5px solid #FFF;
				color: #FFF!important;
				font-size: 24px;
				line-height: 24px;
				*/
				background: none!important;
				box-sizing: initial;
				content: '';
				background-image: url('../Images/close.svg')!important;
				background-position: center center!important;
				background-size: 30px 30px!important;
				background-repeat: no-repeat!important;
				}
/*
.fancybox-close-small:Hover:after
				{
				background: rgba(0,0,0,0.3);
				}
*/
/* ------------------------------------------------------------------------------------------------------------ */

#id_page
				{
				width:100%;
				margin: auto;
				box-sizing: border-box;
				overflow: hidden;
				}

.module
				{
				position: relative;
				width: 100%;
				display: flex;
				flex-wrap: wrap;
				column-gap:10px;
				}
				
.inner
				{
				max-width: 1180px;
				width: 100%;
				padding: 90px 0 70px 0;
				margin: auto;
				}

.flex-wrapper
				{
				display: flex;
				flex-wrap: wrap;
				}

.flex-content
				{
				/*width: 65%;
				margin-right: 5%;*/
				width: 64%;
				}
				
.flex-nav
				{
				width: 33%;
				margin-left: 3%;
				text-align: right;
				padding-top: 0;
				}

.flex-nav ul
				{
				float: right;
				}

.flex-nav ul li
				{
				margin-bottom: 16px;
				text-align: right;
				}

.flex-nav ul li a
				{
				position: relative;
				padding-right: 40px;
				color: #FFF;
				padding-top: 3px;
				}

.flex-nav ul li a::after
				{
				content: '';
				position: absolute;
				right: 0;
				top: 0;
				display: block;
				width: 22px;
				height: 22px;
				border: 5px solid #FFF;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				transition: all 500ms;
				}

.flex-nav ul li a:Hover:after
				{
				background: rgba(0,0,0,0.3);
				}

.flex-nav,
.flex-nav *
				{
				text-align: right;
				}

.flex-nav h3
				{
				font-size:1rem;
				margin-bottom: 15px;
				padding-right: 40px;
				}

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

#id_preload,
.element_preload
				{
				position: absolute;
				width: 1px;
				height: 1px;
				overflow: hidden;
				top:-10px;
				left: -10px;
				}

.video-wrapper
				{
				width: 100%;
				position: relative;
			    padding-top: 56.25%;
			    height: 0;
			    overflow: hidden;
				background-repeat: no-repeat;
				background-size: cover;
				margin-bottom: 20px;
				}

.video-wrapper.video-zahlen
				{
			    padding-top: 66.75%;
				}

.video-wrapper video,
.video-wrapper iframe
				{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 20;
				}

.video-wrapper.video-zahlen img,
.video-wrapper.video-zahlen svg,
.video-wrapper.video-zahlen object
				{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 21;
				}
			
#id_bottomnav
				{
				display: none;
				}
				
audio
				{
				width: 100%;
				margin-bottom: 20px;
				}

#id_video_teaser
				{
				position: fixed;
				z-index: 98;
				right: 0;
				}

#id_video_teaser_content
				{
				max-width: 324px;
				margin-right: -304px;
				transition: all 500ms;
				transform: translateX(0);
				-webkit-transform:translateX(0);
				animation-name: bounce;
				-webkit-animation-name: bounce;
				animation-duration: 3s;
				-webkit-animation-duration: 3s;
				animation-iteration-count: infinite;
				-webkit-animation-iteration-count: infinite;
				}
				
@keyframes bounce {
	0%{-webkit-transform:translateX(0);transform:translateX(0)}
	20%{-webkit-transform:translateX(0);transform:translateX(0)}
	30%{-webkit-transform:translateX(-10px);transform:translateX(-10px);transition-timing-function:ease-out}
	40%{transition-timing-function:ease-in;-webkit-transform:translateX(0);transform:translateX(0)}
	50%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
	60%{-webkit-transform:translateX(0);transform:translateX(0)}
	100%{-webkit-transform:translateX(0);transform:translateX(0)}
}

/*
@keyframes bounce {
		from { 
			transform: translateX(20px);
		}
		to { 
			transform: translateX(0); 
		}
	}
*/
#id_video_teaser_content.open
				{
				margin-right: 0px;
				animation-name: none!important;
				}

.modal.green,
#id_video_teaser #id_video_teaser_image
				{
				background: #60c531;
				}

#id_video_teaser #id_video_teaser_image
				{
				padding-left: 20px;
				}

#id_video_teaser #id_video_teaser_image img
				{
				height: 200px;
				}

#id_video_teaser_text
				{
				background: #60c531;
				box-sizing: border-box;
				padding: 10px;
				margin-left: 20px;
				}

#id_video_teaser_text p
				{
				font-size: 1rem;
				line-height: 1.4em;
				margin: 0;
				color: #FFF;
				font-style: italic;
				}

.blank-button
				{
				width: 324px;
				height: 200px;
				position: fixed;
				z-index: 99;
				right: 0;
				}

#id_video_teaser_play
				{
				cursor: pointer;
				background-image: url('../assets/images/play.svg');
				background-repeat: no-repeat;
				background-position: center center;
				background-size: 50px 50px;
				}

@media screen and (max-width: 820px) {
	
	#id_video_teaser_play
				{
				background-size: 30px 30px!important;
				}
				
}

#id_video_teaser_open_video
				{
				display: none;
				cursor: pointer;
				z-index: 100;
				}

.mobile-content
				{
				padding-right: 50px;
				}

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

@media screen and (max-width: 1360px) {
	
	#id_main_nav
				{
				margin-top: 5%;
				}
				
}

@media screen and (max-width: 1180px) {
	
	#id_main_nav a img
				{
				width: 599px;
				height: 70px;
				}
	
	#id_sidenav a.tab img.number
				{
				height: 70px;
				}
	
	#id_main_nav .double img
				{
				height: 140px;
				}

	#id_sidenav a.tab
				{
				width: 62px;
				}

	#id_sidenav a.tab img.text
				{
				width: 58px;
				height: 280px;
				margin-bottom: -30px;
				}
				
	#id_sidenav article section
				{
				margin-right: -15px;
				}
				
}

@media screen and (max-width: 820px) {
	
	#id_main_nav a img
				{
				width: 548px;
				height: 64px;
				}
	
	#id_sidenav a.tab img.number
				{
				height: 64px;
				}
				
	#id_main_nav .double img
				{
				height: 128px;
				}
				
	#id_sidenav a.tab
				{
				width: 54px;
				}

	#id_sidenav a.tab img.text
				{
				width: 38px;
				height: 180px;
				margin-bottom: -40px;
				}
				
	#id_sidenav article section
				{
				margin-right: -10px;
				}
				
}

@media screen and (max-width: 820px) {
	
	#id_main_nav a img
				{
				width: 496px;
				height: 58px;
				}
	
	#id_sidenav a.tab img.number
				{
				height: 58px;
				}
				
	#id_main_nav .double img
				{
				height: 116px;
				}
				
	#id_sidenav div.content .content-inner
				{
				padding: 60px 60px 20px 10px;
				}
				
	.dot-nav
				{
				top: 60px;
				}
				
	.flex-content
				{
				width: 67%;
				}

	.flex-nav
				{
				width: 30%;
				}

	.flex-nav ul li
				{
				margin-bottom: 0;
				}
	
	.flex-nav ul li a
				{
				padding-right:22px;
				}
	
	.flex-nav ul li a::after
				{
				top:8px;
				width: 12px;
				height: 12px;
				border: 2px solid #FFF;
				}
				
}

@media screen and (max-width: 1024px) {
	
	[data-customTooltip]::after
				{
				display: none!important;
				}
				
}

@media screen and (max-width: 740px) {
	
	.color-set-1 [data-customTooltip]::after
				{
				display: none!important;
				}
	
	.fancybox-close-small
				{
				right: 10px;
				top:10px;
				}
	
	#id_ci
				{
				width: 120px;
				right: 10px;
				bottom: 10px;
				}
	
	#id_meta
				{
				left: 10px;
				bottom: 10px;
				}
	
	#id_main_nav
				{
				margin-top: 5%;
				}
				
	#id_main_nav a
				{
				margin-bottom: 10px;
				}
	
	#id_main_nav a img
				{
				width: 342px;
				height: 40px;
				}
				
	#id_main_nav .double img
				{
				height: 80px;
				}
				
	#id_main_nav a:last-child
				{
				margin-top: 30px;
				}
				
	#id_sidenav a.tab
				{
				width: 38px;
				}

	#id_sidenav a.tab img.text
				{
				width: 30px;
				height: 180px;
				margin-bottom: -30px;
				}

	#id_sidenav a.tab img.text
				{
				bottom: 140px!important;
				}

	#id_sidenav a.tab img.number
				{
				bottom: 55px!important;
				}
				
	#id_sidenav div.content .content-inner
				{
				padding: 60px 40px 20px 10px;
				}

	.dot-nav li a,
	.flex-nav ul li a::after
				{
				width: 16px;
				height: 16px;
				border: 2px solid #FFF;
				}
				
	.flex-wrapper
				{
				display: block;
				}

	.flex-content
				{
				width: 100%;
				margin: 0 0 40px 0;
				}

	.flex-nav
				{
				width: 100%;
				margin: 0;
				}
				
	.flex-nav ul li a
				{
				padding: 2px 28px 0 0;
				}
				
	#id_main_nav a.more-margin
				{
				margin-bottom: 30px;
				}
				
}

@media screen and (max-width: 480px) {
	
	#id_main_nav
				{
				margin-top: 10%;
				}
				
	#id_main_nav a
				{
				margin-bottom: 10px;
				}
				
	#id_sidenav
				{
				display: none;
				}
				
	#id_bottomnav
				{
				display: block;
				z-index: 10;
				position: fixed;
				bottom: 0;
				left: 0;
				}
				
	#id_bottomnav ul li
				{
				padding: 2px 20px;
				margin-top: -1px;
				box-sizing: border-box;
				}

	#id_bottomnav ul li:last-of-type
				{
				padding-bottom: 60px;
				}

	.dot-nav li a
				{
				width: 22px;
				height: 22px;
				border: 2px solid #FFF;
				}
				
	.dot-nav
				{
				top: 40px;
				}
				
	.modal
				{
				padding: 60px 30px;
				}
				
	#id_bottomnav ul li img
				{
				width: 90%;
				}
				
}

@media screen and (max-width: 320px) {
	
	#id_main_nav a img
				{
				width: 257px;
				height: 30px;
				}
				
	#id_main_nav .double img
				{
				height: 60px;
				}
	
				
}

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

.green-1,
.green-1 #id_content,
.green #id_content,
.green #id_sidenav article section:nth-of-type(1),
.green #id_bottomnav ul li:nth-of-type(1)
				{
				background: rgb(190,190,0);
				}

.green-2 #id_content,
.modal.green-2,
.green .modal,
.green #id_sidenav article section:nth-of-type(2),
.green #id_bottomnav ul li:nth-of-type(2)
				{
				background: rgb(197,197,0)!important;
				}

.green-3 #id_content,
.modal.green-3,
.green #id_sidenav article section:nth-of-type(3),
.green #id_bottomnav ul li:nth-of-type(3)
				{
				background: rgb(204,204,0)!important;
				}

.green-4 #id_content,
.modal.green-4,
.green #id_sidenav article section:nth-of-type(4),
.green #id_bottomnav ul li:nth-of-type(4)
				{
				background: rgb(209,209,25)!important;
				}

.green-5 #id_content,
.modal.green-5,
.green #id_sidenav article section:nth-of-type(5),
.green #id_bottomnav ul li:nth-of-type(5)
				{
				background: rgb(214,214,51)!important;
				}

.green-6 #id_content,
.modal.green-6,
.green #id_sidenav article section:nth-of-type(6),
.green #id_bottomnav ul li:nth-of-type(6)
				{
				background: rgb(219,219,76)!important;
				}

.pink-1,
.pink-1 #id_content,
.pink .modal,
.pink #id_content,
.pink #id_sidenav article section:nth-of-type(1),
.pink #id_bottomnav ul li:nth-of-type(1),
#id_modal_page_122,
#id_modal_page_155,
#id_modal_page_156,
#id_modal_page_157,
#id_modal_page_123,
#id_modal_page_158,
#id_modal_page_159,
#id_modal_page_160,
#id_modal_page_124,
#id_modal_page_162,
#id_modal_page_161,
#id_modal_page_162,
#id_modal_page_163,
#id_modal_page_164,
#id_modal_page_165,
#id_modal_page_166,
#id_modal_page_167,
#id_modal_page_168,
#id_modal_page_169,
#id_modal_page_170,
#id_modal_page_171,
#id_modal_page_172,
#id_modal_page_173,
#id_modal_page_174,
#id_modal_page_175,
#id_modal_page_176,
#id_modal_page_177,
#id_modal_page_178,
#id_modal_page_179,
#id_modal_page_180,
#id_modal_page_181
				{
				background: rgb(176,31,127);
				}

.pink-2 #id_content,
.pink-2 .modal,
.modal.pink-2,
.pink #id_sidenav article section:nth-of-type(2),
.pink #id_bottomnav ul li:nth-of-type(2),
#id_modal_page_148,
#id_modal_page_149,
#id_modal_page_150,
#id_modal_page_151,
#id_modal_page_152,
#id_modal_page_153
				{
				background: rgb(187,59,146)!important;
				}

.modal.orange-1,
.orange .modal,
.orange #id_content,
.orange-1 #id_content,
.orange #id_sidenav article section:nth-of-type(1),
.orange #id_bottomnav ul li:nth-of-type(1)
				{
				background: rgb(242,165,51);
				}

.orange-2 #id_content,
.modal.orange-2,
.orange #id_sidenav article section:nth-of-type(2),
.orange #id_bottomnav ul li:nth-of-type(2)
				{
				background: rgb(245,183,85)!important;
				}

.orange-3 #id_content,
.modal.orange-3,
.orange #id_sidenav article section:nth-of-type(3),
.orange #id_bottomnav ul li:nth-of-type(3)
				{
				background: rgb(246,192,105)!important;
				/*background:#f6c069!important;*/
				/*background-image: url('../assets/images/bg2.png')!important;
				background-repeat: repeat!important;
				background-position: 0px 0px!important;
				background-size:auto!important;*/
				}

.orange-4 #id_content,
.modal.orange-4,
.orange #id_sidenav article section:nth-of-type(4),
.orange #id_bottomnav ul li:nth-of-type(4)
				{
				background: rgb(247,201,126)!important;
				}

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

.timeline-wrapper
				{
				width: 100%;
				position: relative;
				display: flex;
				justify-content: flex-end;
				}

.timeline-wrapper .timeline-content
				{
				width: 75%;
				height: 100%;
				position: absolute;
				left: 0;
				top: 0;
				}

.timeline-wrapper .timeline-content .timeline-content-inner
				{
				width: 100%;
				position: sticky;
				left: 0;
				top: 30px;
				}

.timeline-wrapper .timeline-content .timeline-content-inner h2,
.timeline-wrapper .timeline-content .timeline-content-inner p
				{
				max-width: 80%;
				}

.timeline-wrapper .timeline-content .timeline-content-inner img
				{
				max-width: 90%;
				}

.timeline-wrapper .timeline-outer
				{
				width: 50%;
				position: relative;
				float: right;
				}

.timeline-wrapper .timeline-outer .timeline
				{
				width: 100%;
				display: flex;
				transition: all 500ms;
				}

.timeline-wrapper .timeline-outer a.timeline
				{
				cursor: pointer;
				}

.timeline-wrapper .timeline-outer .timeline *
				{
				color: #f2a533;
				font-weight: 700;
				transition: all 500ms;
				}

.timeline-wrapper .timeline-outer .timeline .timeline-left,
.timeline-wrapper .timeline-outer .timeline .timeline-right
				{
				width: 45%;
				padding-top: 4px;
				}

.timeline-wrapper .timeline-outer .timeline .timeline-left,
.timeline-wrapper .timeline-outer .timeline .timeline-left *
				{
				text-align: right;
				}
				
.timeline-wrapper .timeline-outer .timeline .timeline-center
				{
				width: 10%;
				background-image: url('../Images/timeline.svg');
				background-repeat: no-repeat;
				background-position: center top;
				background-size: contain;
				min-height: 270px;
				}

@media screen and (max-width: 768px) {
	
	.timeline-wrapper .timeline-outer .timeline .timeline-center
				{
				min-height: 260px;
				}
	
	.timeline-wrapper .timeline-outer .timeline .timeline-left,
	.timeline-wrapper .timeline-outer .timeline .timeline-right
				{
				width: 43%;
				}
	
	.timeline-wrapper .timeline-outer .timeline .timeline-left
				{
				margin-right: 2%;
				}
	
	.timeline-wrapper .timeline-outer .timeline .timeline-right
				{
				margin-left: 2%;
				}
				
}

.timeline-wrapper .timeline-outer .timeline.active .timeline-center,				
.timeline-wrapper .timeline-outer a.timeline:Hover .timeline-center
				{
				background-image: url('../Images/timeline-active.svg');
				}

.timeline-wrapper .timeline-outer .timeline .timeline-center.timeline-blank,
.timeline-wrapper .timeline-outer .timeline.active .timeline-center.timeline-blank,				
.timeline-wrapper .timeline-outer .timeline:Hover .timeline-center.timeline-blank
				{
				background-image: url('../Images/timeline-blank.svg');
				}

.timeline-wrapper .timeline-outer .timeline.active *,
.timeline-wrapper .timeline-outer a.timeline:Hover *
				{
				color: #FFF;
				}

.tl-content
				{
				position: absolute;
				width: 100%;
				left: 0;
				top:0;
				transition: all 500ms;
				}

.tl-content .tl-content-inner
				{
				position: relative;
				display: none;
				}

.tl-content.active .tl-content-inner
				{
				display: inline;
				opacity: 1;
				}

.dot-nav
				{
				display: none;
				}
				
.left-content-right-images .flex-nav img
				{
				margin-bottom: 10px!important;
				}
				
.left-content-right-images .flex-nav .image-caption
				{
				font-size: .8rem;
				margin: 2px 0 10px 0;
				}
				
.content-switch-content p
				{
				margin-bottom: 10px;
				}				
				
.content-switch-content a
				{
				font-weight: 700;
				}

.content-switch-content
				{
				width: 100%;
				display: none;
				}

.content-switch-content.open
				{
				display:inline;
				}

@media screen and (max-width: 820px) {
	
	.blank-button
				{
				width: 144px;
				height: 100px;
				}
	
	#id_video_teaser_content
				{
				max-width: 172px;
				margin-right: -152px;
				}
				
	#id_video_teaser #id_video_teaser_image img
				{
				height: auto;
				}
				
	#id_video_teaser_text p
				{
				font-size: .9rem;
				line-height: 1.2em;
				}
				
}




@media screen and (max-width: 400px) {
	
	.mobile-content
				{
				padding: 0;
				}
	
	.timeline-wrapper .timeline-outer .timeline .timeline-center
				{
				display: none;
				}
	
	.timeline-wrapper .timeline-outer
				{
				width: 30%;
				padding-left: 5%;
				background-image: url('../Images/timeline-blank.svg')!important;
				background-repeat: repeat-y!important;
				background-position: 0px 0px!important;
				background-size: 12px auto;
				}
	
	.timeline-wrapper .timeline-content
				{
				width: 65%;
				}
	
	.timeline-wrapper .timeline-outer .timeline
				{
				display: block;
				margin-bottom: 20px;
				}
	
	.timeline-wrapper .timeline-outer .timeline .timeline-left,
	.timeline-wrapper .timeline-outer .timeline .timeline-right
				{
				width: 100%;
				margin: 0;
				text-align: left;
				}
	
	.timeline-wrapper .timeline-outer .timeline .timeline-right h6
				{
				font-size: .8rem;
				margin-bottom: 5px;
				}
	
	.timeline-wrapper .timeline-outer .timeline .timeline-left h6
				{
				font-size: .7rem;
				margin-bottom: 0;
				}
	
	.timeline-wrapper .timeline-outer .timeline *
				{
				text-align: left!important;
				}
}