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

/* html, body */
html,
body
				{
				margin:0;
				padding:0;
				background: #FFF;
				overflow-x: hidden;
				}

/* default */
*
				{
				padding:0px;
				margin:0px;
				text-align:left;
				font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
				font-size:100%;
				font-weight: 400;
				line-height: 1em;
				color:#06032c;
				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;
				}

b,
strong
				{
				font-weight: 500;
				}

img
				{
				max-width: 100%;
				height: auto;
				border:0px;
				}
			
p,
th,
td
				{
				font-size: 1.1rem;
				line-height: 1.6em;
				margin-bottom: 30px;
				}

ul li
				{
				font-size: 1.1rem;
				line-height: 1.6em;
				margin-bottom: 0;
				}

p a,
.module li a,
.module p strong,
.module p b
				{
				color: #d4d22f;
				transition: all 500ms;
				}

.module p a:Hover strong,
.module p a:Hover b
				{
				color: #06032c;
				}

th p
				{
				margin-bottom:10px!important;
				}

th p strong
				{
				color: #d4d22f!important;
				}

.member p strong,
.member p b,
p a:Hover
				{
				color: #06032c;
				}

p.small
				{
				font-size: .95rem;
				}

.contenttable th,
.contenttable td
				{
				vertical-align: top;
				}

h1
				{
				font-size: 3vw;
				line-height: 1.2em;
				margin-bottom: 0;
				}

h2
				{
				font-size: 2.4rem;
				color: #d4d22f;
				line-height: 1.2em;
				margin-bottom: 30px;
				}

h3
				{
				font-size: 1.1rem;
				font-weight: 500;
				margin-bottom: 20px;
				}

h3 sup
				{
				font-size: 1.2rem;
				}

.member h3
				{
				color: #d4d22f;
				font-weight: 400;
				}

h4
				{
				font-size: 2rem;
				margin-bottom: 10px;
				}

h5
				{
				font-size: 1.4rem;
				transition: all 500ms;
				}

h2,
h2 *
				{
				color: #d4d22f;
				}

.lightblue h2,
.lightblue h2 *
				{
				color: #06032c;
				}

small,				
h5 span.small
				{
				display: inline-block!important;
				font-size: .9rem;
				}

ul
				{
				margin: 0 0 20px 20px;
				}

.green
				{
				background: #d4d22f;
				}

.darkblue
				{
				background: #06032c;
				}

.lightblue
				{
				background: #fcfcf0;
				}

.blue
				{
				background: #d4d22f;
				}

.left
				{
				position: relative;
				width: 46%;
				margin-right: 4%;
				}

.right
				{
				position: relative;
				width: 46%;
				margin-left: 4%;
				}

.btn
				{
				font-size: 1rem;
				color: #FFF;
				background-color: #06032c;
				padding: 8px 20px;
				}

.btn:Hover
				{
				background-color: #d4d22f;
				}

.btn.mail
				{
				padding-right: 40px;
				background-image: url('../Images/mail.svg');
				background-position: center right +15px;
				background-size: 20px;
				}

.btn.mail:Hover
				{
				background-image: url('../Images/mail-invert.svg');
				}

.download
				{
				font-size: .9rem;
				padding: 5px 0 5px 24px;
				background-image: url('../Images/download.svg');
				background-position: center left;
				background-size: 16px;
				transition: all 500ms;
				}

a.download:Hover
				{
				padding: 5px 0 5px 34px;
				}

.linkedin
				{
				margin-top: 40px;
				display: inline-block;
				width: 30px;
				height: 30px;
				background-image: url('../Images/linkedin.svg');
				background-position: center center;
				background-size: 90% 90%;
				transition: all 500ms;
				}

.linkedin:Hover
				{
				background-size: 100% 100%;
				}

.content-image
				{
				margin-bottom: 100px;
				}

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

.frame-space-before-extra-small { margin-top: 0;padding-top: 40px; }
.frame-space-before-small { margin-top: 0;padding-top: 80px; }
.frame-space-before-medium { margin-top: 0;padding-top: 120px; }
.frame-space-before-large { margin-top: 0;padding-top: 160px; }
.frame-space-before-extra-large {margin-top: 0;padding-top: 200px;}
.frame-space-after-extra-small { margin-bottom: 0;padding-bottom: 40px; }
.frame-space-after-small { margin-bottom: 0;padding-bottom: 80px; }
.frame-space-after-medium { margin-bottom: 0;padding-bottom: 120px; }
.frame-space-after-large { margin-bottom: 0;padding-bottom: 160px; }
.frame-space-after-extra-large { margin-bottom: 0;padding-bottom: 200px; }

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

table
				{
				width: 100%;
				border-collapse: collapse;
				border-top: 1px solid #06032c;
				margin-bottom: 30px;
				}

table td
				{
				border-bottom: 1px solid #06032c;
				padding: 30px 0;
				width: 100%;
				}

table.special-table td
				{
				vertical-align: top;
				width: 40%;
				}

table.special-table td:first-child
				{
				text-align: right;
				width: 55%;
				padding-right: 5%;
				}

table.special-table td:first-child,
table.special-table td:first-child *
				{
				text-align: right;
				}

table.special-table td h3
				{
				display: inline;
				font-size: 2.4rem;
				font-weight: 400;
				color: #06032c!important;
				}

table td *
				{
				margin: 0;
				}

table td a h5
				{
				background-image: url('../Images/arrow.svg');
				background-position: center right;
				background-size: 30px;
				padding-right: 40px;
				}

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

#id_topbar
				{
				position: absolute;
				z-index: 100;
				min-height: 200px;
				top:0;
				left: 0;
				padding: 30px 0;
				width: 100%;
				background-image:url('/fileadmin/user_upload/sez/header-small.jpg');
				background-repeat: no-repeat;
				background-position: top center;
				background-size: cover;
				box-sizing: border-box;
				}

.home #id_topbar
				{
				position: fixed;
				min-height: initial;
				background: none;
				transition: all 500ms;
				}

.home.reduced #id_topbar
				{
				background-color: rgb(6, 3, 44, .8);
				padding: 15px 0;
				backdrop-filter: blur(5px);
				}

#id_topbar .inner
				{
				max-width: 96%;
				width: 96%;
				padding:0;
				position:relative;
				display: flex;
				justify-content: space-between;
				align-items: center;
				}

#id_topbar img
				{
				width: 270px;
				transition: all 500ms;
				}

.home.reduced #id_topbar img
				{
				width: 200px;
				}

#id_topbar #id_menu ul
				{
				list-style: none;
				margin: 0;
				}

#id_topbar #id_menu ul li
				{
				display: inline;
				margin-left: 30px;
				}

#id_topbar #id_menu ul li a
				{
				position: relative;
				display: inline-block;
				font-size: 1.1rem;
				color: #FFF;
				}

#id_topbar #id_menu ul li a:before
				{
				content: "";
				position: absolute;
				width: 100%;
				height: 1px;
				bottom: 0;
				left: 0;
				background-color: #FFF;
				visibility: hidden;
				transform: scaleX(0);
				transition: all 0.3s ease-in-out;
				}
			
#id_topbar #id_menu ul li a:hover:before,
#id_topbar #id_menu ul li a.active:before
				{
				visibility: visible;
				transform: scaleX(1);
				}

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

#id_header
				{
				position: relative;
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
				height: 100vh;
				}

#id_header .inner
				{
				padding:0;
				position:relative;
				height: 100vh;
				}

#id_header_content
				{
				position: absolute;
				bottom:0;
				left: 98px;
				width:52%;
				z-index: 10;
				display: flex;
				flex-direction: column;
				transition: all 500ms;
				}

.reduced #id_header_content
				{
				left: 72px;
				}
				
#id_header_content .header-section
				{
				padding: 30px 0;
				box-sizing: border-box;
				height: 33.33%;
				}
				
#id_header_content #id_header_center
				{
				display: flex;
				align-items: center;
				}
				
#id_header_content #id_header_bottom
				{
				/*display: flex;
				align-items: flex-end;*/
				}

#id_header_content #id_header_bottom span
				{
				display: block;
				margin-bottom: 10px;
				font-size: .8rem;
				color:#FFF;
				}

#id_header_content #id_header_bottom img
				{
				max-width: 420px;
				margin-left: -66px;
				}

#id_header h1,
#id_header h1 *
				{
				color: #FFF;
				}

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

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

.section
				{
				position: relative;
				}

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

.module.blue
				{
				background: #06032c;
				}

.module.blue *
				{
				color: #FFF;
				}
				
.inner
				{
				max-width: 1380px;
				width: 90%;
				margin: 0 5%;
				box-sizing: border-box;
				padding: 80px 0;
				margin: auto;
				}

.module.no-padding .inner
				{
				padding: 0;
				}

.module.dark .inner
				{
				padding: 200px 0;
				}

.module.dark p,
.module.dark p span
				{
				color: #FFF;
				}

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

.flex-wrapper
				{
				display: flex;
				align-items: flex-start;
				/*flex-wrap: wrap;*/
				}

.flex-wrapper.flex-wrap
				{
				width: 102%;
				margin-left: -1%;
				flex-wrap: wrap;
				}

.flex-wrapper.flex-center
				{
				align-items: center;
				}

.flex-wrapper.flex-bottom
				{
				align-items: flex-end;
				}

.flex-wrapper.flex-gap
				{
				column-gap: 15px;
				}

.flex-wrapper.flex-gap.flex-gap-extra
				{
				column-gap: 100px;
				}

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

.member-wrapper
				{
				flex-wrap: wrap;
				align-items: stretch;
				}

.member-wrapper .member
				{
				position: relative;
				width: 25%;
				box-sizing: border-box;
				margin-bottom: 20px;
				}

.member-wrapper .member .member-outer
				{
				position: relative;
				height: 100%;
				box-sizing: border-box;
				}


.member-wrapper .member .member-outer::before
				{
				content: "";
				position: absolute;
				right: 0;
				top: 0;
				width: 1px;
				height: calc(100% - 20px);
				background: #d4d22f;
				}

.member-wrapper .member:nth-child(4n + 4) .member-outer::before
				{
				background: none;
				}

.member-wrapper .member .member-outer .member-inner
				{
				border-bottom: 1px solid #d4d22f;
				margin: 0 20px;
				box-sizing: border-box;
				height: 100%;
				}

.member-wrapper .member.last-row .member-outer .member-inner
				{
				border-bottom:none;
				}

.member-wrapper .member .member-outer .member-inner .member-image
				{
				height: 120px;
				display: flex;
				align-items: center;
				}

.member-wrapper .member .member-outer .member-inner .member-image img
				{
				max-width: 180px;
				max-height: 80px;
				}

.member-wrapper .member .member-outer .member-inner h3
				{
				font-size: 1.6rem;
				}

.member-wrapper .member .member-outer .member-inner p
				{
				font-size: .85rem;
				}

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

.teaser
				{
				width: 25%;
				/*margin: 0 1% 30px 1%;*/
				margin-bottom: 40px;
				}

.flex-wrapper.flex-wrap .teaser
				{
				width: 31.33%;
				margin-left: 1%;
				margin-right: 1%;
				}

.teaser-image-wrapper
				{
				display: block;
				height: 0;
				overflow: hidden;
				padding-top: 90%;
				position: relative;
				background-position: center center;
				background-size: 100% auto;
				margin-bottom: 20px;
				transition: all 500ms;
				}

.teaser-image-wrapper:Hover
				{
				background-size: 120% auto;
				}

.teaser-image-wrapper .teaser-image
				{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				}
				
.teaser-image-wrapper .teaser-image .teaser-content
				{
				opacity: 0;
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				background-color: #FFF;
				padding: 50px 100px 50px 50px;
				box-sizing: border-box;
				background-image: url('../Images/corner.svg');
				background-position: bottom right;
				background-size: 100px;
				transition: all 500ms;
				}
				
.teaser-image-wrapper .teaser-image .teaser-content p
				{
				margin: 0;
				}
				
a.teaser-image-wrapper:Hover .teaser-image .teaser-content
				{
				opacity: 1;
				}

.teaser-image-wrapper h2
				{
				font-size: 3rem;
				padding: 30px 0 0 30px;
				}

.teaser ul li
				{
				font-size: .9rem;
				}

.fifty
				{
				width: 50%;
				}

.flex-wrapper .fifty:first-child
				{
				width: 48%;
				padding-right: 2%;
				}

.teaser-image-wrapper.teaser-image-quadrat
				{
				padding-top: 100%;
				}

.teaser-image-wrapper.teaser-image-high
				{
				padding-top: 112%;
				}

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

.parallax
				{
				position: relative;
				width: 100%;
				min-height: 640px;
				height: 60vh;
				background-attachment: fixed;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				}

.parallax .inner-wrapper
				{
				width: 100%;
				position: absolute;
				left: 0;
				bottom: 25%;
				z-index: 9;
				}

.parallax .inner-wrapper *
				{
				color: #FFF;
				margin-bottom: 0;
				}

.parallax .inner-wrapper h2
				{
				max-width: 50%;
				margin-bottom: 10px;
				}

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

.accordeon-wrapper
				{
				border-top: 1px solid #494761;
				}
							
.accordeon
				{
				list-style: none;
				position: relative;
				padding: 0!important;
				margin: 0 0 1px 0;
				border-bottom: 1px solid #494761;
				}
				
.accordeon input[type=checkbox]
				{
				position: absolute;
				cursor: pointer;
				width: 100%;
				height: 100%;
				z-index: 1;
				opacity: 0;
				}
				
.accordeon h4
				{
				padding: 30px 40px 30px 0;
				font-size: 2rem;
				display: flex;
				color: #8f8da0;
				margin: 0 0 10px 0;
				background-image: url('../Images/up.svg');
				background-position: right center;
				background-repeat: no-repeat;
				background-size: 30px;
				transition: all 500ms;
				}
				
.accordeon:Hover h4
				{
				color: #06032c;
				}
				
.accordeon h4 span
				{
				color: #06032c;
				font-size: 1.1rem;
				line-height: 1.4em;
				display:inline-block;
				width: 60px;
				}
				
.accordeon div.accordeon-content
				{
				position: relative;
				overflow: hidden;
				opacity: 1;
				transform: translate(0, 0);
				margin-top: 0;
				z-index: 2;
				transition: all 0.25s ease-in-out;
				padding: 0 0 0 60px;
				margin-bottom: 0;
				}
				
.accordeon div.accordeon-content p
				{
				margin-bottom: 40px;
				padding-right: 60px;
				box-sizing: border-box;
				}
			
.accordeon input[type=checkbox]:checked ~ h4
				{
				margin: 0;
				background-image: url('../Images/down.svg');
				}
			
.accordeon input[type=checkbox]:checked ~ h4 span,
.accordeon input[type=checkbox]:checked ~ h4
				{
				color: #8f8da0!important;
				}
	
.accordeon:hover h4,
.accordeon:hover h4 span,
.accordeon:hover input[type=checkbox]:checked ~ h4 span,
.accordeon:hover input[type=checkbox]:checked ~ h4
				{
				color: #FFF!important;
				}
				
.accordeon input[type=checkbox]:checked ~ div.accordeon-content
				{
				margin-top: 0;
				max-height: 0;
				opacity: 0;
				padding-bottom: 0;
				transform: translate(0, 50%);
				}
				
.accordeon-content .accordeon-content-inner
				{
				padding: 30px;
				}
				
/* ------------------------------------------------------------------------------------------------------------ */	

#id_footer
				{
				position: relative;
				}

#id_footer #id_footer_top
				{
				position: relative;
				background-color: #FFF;
				}

#id_footer #id_footer_bottom
				{
				position: relative;
				background-color: #06032c;
				}

#id_footer #id_footer_bottom *
				{
				color: #FFF;
				}

#id_footer .inner
				{
				padding: 60px 0;
				}

#id_footer h3,
#id_footer h3 a
				{
				font-size: 2rem;
				}

#id_footer h3 a
				{
				color: #d4d22f;
				}

#id_footer h3 a:Hover
				{
				color: #06032c!important;
				}

#id_footer h3 span
				{
				letter-spacing: .02em;
				}

#id_footer ul,
#id_footer p				{
				list-style: none;
				margin: 0;
				}

#id_footer ul li
				{
				margin: 0;
				line-height: 1.6em;
				}

#id_footer #id_footer_bottom p
				{
				padding-left: 100px;
				background-image: url('../Images/dez-symbol-invert.svg');
				background-position: 0px 0px;
				background-repeat: no-repeat;
				background-size: 46px;
				}

#id_footer #id_footer_bottom p,
#id_footer #id_footer_bottom a
				{
				font-size: .95rem;
				}

#id_footer a:Hover
				{
				color: #d4d22f!important;
				}

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

.not-mobile
				{
				display: inline-block;
				}

.only-mobile
				{
				display: none;
				}

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

@media screen and (max-width: 1400px) {
	
	h1
				{
				font-size: 4vw;
				}
		
}

@media screen and (max-width: 1100px) {
	
	#id_topbar #id_menu ul li
				{
				margin-left: 20px;
				}
	
	#id_topbar #id_menu ul li a
				{
				font-size: .95rem;
				}
		
}

@media screen and (max-width: 990px) {
	
	h1
				{
				font-size: 3.6vw;
				}
				
	#id_topbar #id_menu ul li
				{
				margin-left: 10px;
				}
	
	#id_topbar #id_menu ul li a
				{
				font-size: .85rem;
				}
				
}
	
#id_topbar #id_menu
				{
				display: none;
				}
	
.home #id_topbar #id_menu
				{
				display: block;
				}
	
.home #id_topbar
				{
				background: none;
				}

@media screen and (max-width: 768px) {
	
	.frame-space-before-extra-large
				{
				padding-top: 0;
				}
	
	#id_header img.not-mobile,
	.not-mobile
				{
				display: none;
				}

	.only-mobile
				{
				display: inline-block;
				}
	
	#id_topbar img
				{
				width: 220px!important;
				}
	
	#id_header .inner
				{
				width: 100%;
				padding: 0;
				}
	
	#id_header_content
				{
				width: 90%!important;
				box-sizing: border-box;
				left:38px!important;
				padding: 0 0 0 5%;
				bottom:20px;
				}
	
	#id_header_content #id_header_top img
				{
				width: 60px;
				}
				
	#id_header_content #id_header_bottom
				{
				padding-right: 30px;
				}
				
	#id_header_content #id_header_bottom img
				{
				max-width: 98%;
				margin-left: -46px;
				}
	
	#id_topbar
				{
				position: relative;
				}
	
	.home #id_topbar
				{
				position: absolute;
				background: none;
				}
	
	.home #id_topbar #id_menu
				{
				margin-left: 22px;
				}
	
	#id_topbar .inner
				{
				display: block;
				}
	
	#id_topbar #id_menu ul
				{
				padding-left: 20px;
    			padding-top: 28px;
				}
	
	#id_topbar #id_menu ul li
				{
				display: block;
				margin-bottom: 10px;
				}

	.home #id_topbar
				{
				background: none!important;
				padding: 30px 0!important;
				backdrop-filter: none!important;
				}
	
	h1
				{
				font-size: 5vw;
				}
	
	.parallax
				{
				min-height: 300px;
				height: 40vh;
				background-attachment: inherit;
				}
	
	.flex-wrapper
				{
				display: block;
				}
				
	.flex-wrapper.flex-wrap
				{
				width: 100%;
				margin-left: 0;
				}
				
	.accordeon h4
				{
				font-size: 1.5rem;
				}

	.fifty,
	.teaser,
	.member
				{
				width: 100%!important;
				margin: 0 0 30px 0!important;
				}

	.member-wrapper .member .member-outer::before
				{
				background: none;
				}
	
	.member-wrapper .member .member-outer .member-inner
				{
				margin: 0;
				height: auto;
				}
			
	.teaser-image-wrapper .teaser-image .teaser-content
				{
				padding: 20px 10px 30px 10px;
				background-size: 60px;
				}
				
	.teaser-image-wrapper .teaser-image .teaser-content p
				{
				font-size: .9rem;
				}
				
	.member-wrapper .member .member-outer .member-inner,
	.member-wrapper .member.last-row .member-outer .member-inner
				{
				border-bottom: 1px solid #d4d22f;
				}
				
	.member-wrapper .member .member-outer .member-inner .member-image img
				{
				max-width: 60%;
				}
				
	
	#id_footer #id_footer_bottom p,
	#id_footer ul
				{
				padding-left: 70px;
				}

	#id_footer ul li
				{
				margin: 0 0 15px 0;
				}
				
	#id_footer h3,
	#id_footer h3 a
				{
				font-size: 1.2rem;
				line-height: 1.4em;
				}

	#id_footer #id_footer_bottom p span
				{
				display: inline-block;
				font-size: .6rem;
				margin-bottom: 20px;
				margin-left: -10px;
				}
				
	.contenttable th,
	.contenttable td
				{
				width: 100%;
				display: block;
				}

}

@media screen and (max-width: 480px) {

	h2,
	h2 *
				{
				font-size: 1.6rem;
				}
	
	table.special-table td h3
				{
				font-size: 1.3rem;
				}
	
	.accordeon h4,
	.accordeon h4 span
				{
				font-size: 1.2rem;
				line-height: 1.4em;
				}
				
	p,
	ul li
				{
				font-size: .95rem;
				line-height: 1.4em;
				}
	
}


@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
	
	#id_topbar #id_menu
				{
				display: none!important;
				}
	
}