@font-face 				{ font-family:'InterstateLight'; src: url('../woff/Interstate-Light.eot'); src: url('../woff/Interstate-Light.eot?#iefix') format('embedded-opentype'), url('../woff/Interstate-Light.woff') format('woff'), url('../woff/Interstate-Light.ttf') format('truetype'), url('../woff/Interstate-Light.svg#Interstate-Light') format('svg'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; }
	@font-face 				{ font-family:'InterstateLightCondensed'; src: url('../woff/Interstate-LightCondensed.eot'); src: url('../woff/Interstate-LightCondensed.eot?#iefix') format('embedded-opentype'), url('../woff/Interstate-LightCondensed.woff') format('woff'), url('../woff/Interstate-LightCondensed.ttf') format('truetype'), url('../woff/Interstate-LightCondensed.svg#Interstate-LightCondensed') format('svg'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; }
	@font-face 				{ font-family:'InterstateBoldCondensed'; src: url('../woff/Interstate-BoldCondensed.eot'); src: url('../woff/Interstate-BoldCondensed.eot?#iefix') format('embedded-opentype'), url('../woff/Interstate-BoldCondensed.woff') format('woff'), url('../woff/Interstate-BoldCondensed.ttf') format('truetype'), url('../woff/Interstate-BoldCondensed.svg#Interstate-BoldCondensed') format('svg'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; }

	html,body				{ height:100%; -webkit-text-size-adjust: 100%; }
	body				 	{ background:#333333; color:#ffffff; margin:0; border:0; font-family:arial,helvetica; font-size:12px; height:100%; }
	.absoluteFit			{ position:absolute; left:0; right:0; top:0; bottom:0; }

	/* color cycle default */
	.colorCycle				{ background:rgba(43,14,4,0.8); }
	.colorCycleLight		{ background:rgba(43,14,4,0.5); }
	.colorCycleStrong		{ background:rgba(43,14,4,0.85); }
	.colorCycleSuperstrong	{ background:rgba(43,14,4,0.95); }

	/* MSIE vspacer default */
	.vspacer30				{ width:0px; height:30vh; overflow:hidden; }
	.vspacer40				{ width:0px; height:40vh; overflow:hidden; }
	.vspacer50				{ width:0px; height:50vh; overflow:hidden; }
	.vspacer60				{ width:0px; height:60vh; overflow:hidden; }	
	.vspacer70				{ width:0px; height:70vh; overflow:hidden; }

	/* kolumnen */
	.autoColumns			{ width:100%; margin-top:30px; font-size:13px; line-height:20px; color:#505050; text-align:justify; -moz-columns:2; -webkit-columns:2; columns:2; -webkit-column-gap:40px; -moz-column-gap:40px; column-gap:40px; -webkit-column-rule-style: solid; -moz-column-rule-style: solid; column-rule-style: solid; -webkit-column-rule-width:1px; -moz-column-rule-width: 1px; column-rule-width: 1px; -webkit-column-rule-color:#eeeeee; -moz-column-rule-color:#eeeeee; column-rule-color:#eeeeee;	}

	/* LOGO STYLES */
	.logoOuterWrapper				{ position:relative; width:100%; display:flex; flex-direction:column; height:100vh; }
	.logoUpperColumn				{ position:relative; display:flex; width:100%; flex-grow:1; flex-shrink:1; justify-content:center; align-items:center; }
	.logoLowerColumn				{ display:flex; width:100%; flex-grow:0; flex-shrink:1; box-sizing:border-box; padding-bottom:10vh; }
	.logoLowerColumnWrapper			{ position:relative; display:flex; flex-wrap:wrap; width:100%; max-width:880px; margin:0 auto; text-align:center; }
	.logoLowerColumnWrapper	div		{ width:33.33%; }
	.logoLowerColumnWrapper	a		{ position:relative; display:inline-block; width:80%; text-transform:uppercase; font-size:140%; border-bottom:1px solid #ffffff; padding-bottom:10px; padding-top:5px; color:#ffffff; text-decoration:none; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; }
	.logoLowerColumnWrapper	a:hover	{ background:rgba(255,255,255,0.4); -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; }
	.logoInnerWrapper				{ position:relative; display:block; width:40vw; max-width:50vh; margin:0 auto; background:rgba(0,0,0,0.2); border-radius:50%; }
	.logoSublineWrapper				{ position:relative; display:block; margin:20px auto 0px auto; width:60vw; max-width:70vh; text-align:center; }

	/* GENERAL WRAPPERS */
	.wrapper1080Block		{ position:relative; display:block; width:100%; max-width:1080px; margin:0 auto; box-sizing:border-box; padding-bottom:30px; }
	.wrapper1080			{ position:relative; width:100%; max-width:1080px; margin:0 auto; box-sizing:border-box; padding-bottom:30px; display:flex; flex-wrap:wrap; }
	.wrapper1080SubL		{ width:50%; background:rgba(255,255,255,0.2); }
	.wrapper1080SubR		{ width:50%; background:rgba(255,255,255,0.5); }
	.padding40				{ box-sizing:border-box; padding:40px 60px 40px 60px; }
	.padding20				{ box-sizing:border-box; padding:20px 40px 20px 40px; }
	.hyphenation			{ -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens:auto; }

	.wrapperFull			{ position:relative; width:100%; display:flex; flex-wrap:wrap; }
	.wrapperFullSubL		{ position:relative; width:50%; }
	.wrapperFullSubR		{ position:relative; width:50%; }
	.wrapperMaxW540			{ width:100%; max-width:540px; }
	.wrapperMaxW640			{ width:100%; max-width:640px; }


	/* FIXED ASPECT */
	.aspect1_1:before		{ content:""; display:block; padding-top:100%; }
	.aspect2_1:before		{ content:""; display:block; padding-top:50%; }
	.aspect4_3:before		{ content:""; display:block; padding-top:75%; }
	.aspect16_9:before		{ content:""; display:block; padding-top:56.25%; }
	.aspect16_10:before		{ content:""; display:block; padding-top:62.50%; }
	.aspect16_11:before		{ content:""; display:block; padding-top:45.00%; }
	.aspect1_2:before		{ content:""; display:block; padding-top:150%; }

	/* basic font */
	.basicFont				{ font-size:12px; line-height:1.5; }
	
	/* MENU IEMS (ABOUT US) */
	.menuItem				{ position:relative; width:calc(33.3% - 2px); box-sizing:border-box; padding:15px; padding-left:80px; -webkit-transition: all 0.40s ease-in-out; -moz-transition: all 0.40s ease-in-out; -ms-transition: all 0.40s ease-in-out; -o-transition: all 0.40s ease-in-out; }
	.menuBorderLR			{ border-left:1px solid #aaaaaa; border-right:1px solid #aaaaaa; }
	.menuBorderL			{ border-left:1px solid #aaaaaa; }
	.menuBorderR			{ border-right:1px solid #aaaaaa; }
	.menuBorderNo			{  }
	.menuLine				{ position:absolute; bottom:0; right:10px; left:10px; border-bottom:1px solid #aaaaaa; }
	a.menuLink				{ position:absolute; text-decoration:none; top:10px; bottom:10px; right:10px; left:10px; -webkit-transition: all 0.40s ease-in-out; -moz-transition: all 0.40s ease-in-out; -ms-transition: all 0.40s ease-in-out; -o-transition: all 0.40s ease-in-out; }
	a.menuLink:hover		{ background-color:rgba(0,0,0,0.05); -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; }
 
	a.aboutPicDot			{ text-decoration:none; display:block; margin:0 auto; width:90px; height:90px; border-radius:50%; background:#eeeeee; transform-origin:center center;  border:8px solid rgba(202,219,226,1); -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; }
	a.aboutPicDot:hover		{ width:90px; height:90px; border:8px solid rgba(166,187,195,1); -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; } 
 
 
	.icoInstitut			{ background-image:url(../images/ico_ov_institut.png); background-repeat:no-repeat; background-position:20px center; background-size:45px; }
	.icoPublikationen		{ background-image:url(../images/ico_ov_publikationen.png); background-repeat:no-repeat; background-position:20px center; background-size:45px; }
	.icoVeranstaltungen		{ background-image:url(../images/ico_ov_veranstaltungen.png); background-repeat:no-repeat; background-position:20px center; background-size:45px;}
	.icoBibliothek			{ background-image:url(../images/ico_ov_bibliothek.png); background-repeat:no-repeat; background-position:20px center; background-size:45px; }
	.icoArchiv				{ background-image:url(../images/ico_ov_archiv.png); background-repeat:no-repeat; background-position:20px center; background-size:45px; }
	.icoFoerderpreis		{ background-image:url(../images/ico_ov_foerderpreis.png); background-repeat:no-repeat; background-position:20px center; background-size:45px;}
	.icoGremien				{ background-image:url(../images/ico_ov_gremien.png); background-repeat:no-repeat; background-position:20px center; background-size:45px; }
	.icoMitgliedschaft		{ background-image:url(../images/ico_ov_mitgliedschaft.png); background-repeat:no-repeat; background-position:20px center; background-size:45px; }
	.icoGeschaeftsstelle	{ background-image:url(../images/ico_ov_geschaeftsstelle.png); background-repeat:no-repeat; background-position:20px center; background-size:45px;}
	.icoGoethe				{ background-image:url(../images/ico_ov_goethe.png); background-repeat:no-repeat; background-position:20px center; background-size:45px;}

	/* button styles */
	a.buttonXL				{ position:relative; display:inline-block; vertical-align:middle; box-sizing:border-box; margin-top:20px; margin-bottom:0px; margin-right:5px; font-family:'InterstateBoldCondensed'; text-decoration:none; font-size:13px; line-height:46px; letter-spacing:1px; color:#505050; text-transform:uppercase; text-align:center; height:44px; padding-left:25px; padding-right:25px; border:1px solid #505050; overflow:hidden; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; }
	a.buttonXL:hover		{ background:#505050; color:#ffffff; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; }

	a.buttonXLPhoto			{ position:relative; display:inline-block; vertical-align:middle; box-sizing:border-box; margin-top:20px; margin-bottom:0px; margin-right:5px; font-family:'InterstateBoldCondensed'; text-decoration:none; font-size:10px; line-height:67px; letter-spacing:0px; color:#505050; text-transform:uppercase; text-align:center; height:44px; padding-left:10px; padding-right:10px; padding-bottom:5px; border:1px solid #505050; overflow:hidden; background-image:url(../images/ico_camera.png); background-repeat:no-repeat; background-position:center 5px; background-size:20px; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; }
	a.buttonXLPhoto:hover	{ color:#ffffff; background-color:#505050; background-image:url(../images/ico_camera_white.png); background-repeat:no-repeat; background-position:center 5px; background-size:20px; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; }

	a.buttonXS				{ display:inline-flex; justify-content:center; border-radius:18px; margin-top:20px; margin-right:5px; margin-bottom:0px; font-family:Arial,Helvetica; text-decoration:none; font-size:13px; line-height:36px; color:#505050; text-transform:uppercase; text-align:center; width:35px; height:35px; border:1px solid #505050; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; } 
	a.buttonXS:hover		{ background:#909090; border-color:#909090; color:#ffffff; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; }
	.on						{ background-color:rgba(4,47,79,0.8); font-weight:bold; color:#ffffff !important; } /* on-status */
	.autoCycle				{ color:rgba(4,47,79,0.8); } /* on-status */


	a.textlink				{ text-decoration:none; color:#0577c7; }
	a.textlink:hover		{ text-decoration:underline; color:#0577c7; }

	a.footerlink			{ display:inline-block; padding-left:5px; padding-right:5px; text-decoration:none; text-transform:uppercase; color:rgba(255,255,255,0.8); letter-spacing:0.5px; font-size:80%; }
	a.footerlink:hover		{ color:rgba(255,255,255,1); }

	/* headline styles */
	h1						{ font-family:'InterstateLightCondensed'; font-weight:normal; margin:0; padding:0; margin-bottom:10px; font-size:45px; line-height:48px; color:#000000; }
	h1.white				{ font-family:'InterstateLightCondensed'; font-weight:normal; margin:0; padding:0; margin-bottom:10px; font-size:45px; line-height:48px; color:#ffffff; }
	h1.whitexs				{ font-family:'InterstateLightCondensed'; font-weight:normal; margin:0; padding:0; margin-bottom:10px; font-size:25px; line-height:1.4; color:#ffffff; }
	h1.center				{ font-family:'InterstateLightCondensed'; text-align:center; font-weight:normal; margin:0; padding:0; margin-bottom:0px; font-size:45px; line-height:48px; color:#000000; margin-top:20px; margin-bottom:30px; }
	h1.centersub			{ font-family:'InterstateLightCondensed'; text-align:center; font-weight:normal; margin:0; padding:0; margin-bottom:0px; font-size:25px; line-height:28px; color:#808080; margin-top:0px; margin-bottom:20px; }

	h2						{ font-family:'InterstateBoldCondensed'; font-weight:normal; font-style:normal; margin:0; padding:0; margin-bottom:10px; font-size:16px; line-height:19px; color:#ffffff; }
	h3						{ font-family:'InterstateLightCondensed'; font-weight:normal; font-style:normal; margin:0; padding:0; margin-bottom:15px; font-size:22px; line-height:26px; color:#000000; }
	h4						{ font-family:'Times New Roman'; font-weight:normal; margin:0; padding:0; font-style:italic; font-size:17px; line-height:24px; margin-bottom:15px; color:#000000; }
	h5						{ font-family:'InterstateLightCondensed'; font-weight:normal; font-style:normal; margin:0; padding:0; margin-bottom:2px; font-size:20px; line-height:22px; color:#000000; }
	p						{ font-family:arial,helvetica; font-size:13px; line-height:20px; margin:0; padding:0; color:#000000; }
	p.white					{ font-family:arial,helvetica; font-size:13px; line-height:20px; margin:0; padding:0; color:#ffffff; }
	p.bu					{ font-family:arial,helvetica; font-size:13px; line-height:20px; margin:0; margin-bottom:3px;  padding:0; padding-left:20px; background-image:url(../images/ico_arrow_grey.png); background-size:12px; background-repeat:no-repeat; background-position:0px 6px; color:#000000; }
	p.quadblock				{ font-family:arial,helvetica; font-size:12px; line-height:17px; margin:0; padding:0; color:#505050; }
	p.event					{ font-family:arial,helvetica; font-size:11px; line-height:15px; margin:0; padding:0; color:rgba(255,255,255,0.9); }

	/* ============================================================================================================================= */
	/* news styles */
	h1.news				{ margin-left:0px; margin-right:0px; font-family:LatoBlack; font-weight:100; text-transform:uppercase; color:#e81c3a; font-size:32px; line-height:40px; margin-top:0px; margin-bottom:0px; }
	h2.news				{ font-family:Arial,Helvetica; margin:0; font-size:16px; color:#e81c3a; text-transform:uppercase; }
	h3.news				{ margin-top:15px; margin-bottom:15px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; font-family:arial,helvetica; font-size:12px; line-height:1.5; color:#505050; text-transform:uppercase; box-sizing:border-box; padding:3px 0px 3px 0px; }
	h4.news				{ display:block; margin:0px; margin-top:20px; margin-bottom:5px; font-family:'RockSalt'; font-weight:bold; font-size:11px; color:#e81c3a; }
	h5.newsdatum		{ margin:0; font-size:11px; font-family:Arial,Helvetica; font-weight:bold; text-transform:none; margin-bottom:5px; color:rgba(255,255,255,0.6); -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; font-style:italic; }
	.newsheadxs			{ font-family:'InterstateLightCondensed'; font-size:22px; line-height:1.2; color:#ffffff; }
	a.newslink			{ color:#e81c3a; text-decoration:none; }
	a.newslink:hover	{ color:#e81c3a; text-decoration:underline; }
	a.newsButton		{ bottom:20px; display:inline-flex; font-size:20px; width:50px; height:50px; margin-top:10px; margin-bottom:20px; text-decoration:none; justify-content:center; align-items:center; border:2px solid #ffffff; color:#ffffff; border-radius:50%; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; }
	a.newsButton:hover	{ background:rgba(255,255,255,0.6); color:#ffffff; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; }

	#swNewsOuter h1.white	{ font-family:'InterstateLightCondensed'; font-weight:normal; margin:0; padding:0; margin-bottom:10px; font-size:45px; line-height:48px; color:#ffffff; }
	#swNewsOuter h1			{ font-family:'InterstateLightCondensed'; font-weight:normal; margin:0; padding:0; margin-bottom:0px; font-size:35px; line-height:1.0; color:#000000; }
	#swNewsOuter h2			{ font-family:'InterstateLightCondensed'; font-weight:normal; font-style:normal; margin:0; padding:0; margin-bottom:10px; font-size:20px; line-height:1.5; color:#909090; }
	#swNewsOuter p			{ font-size:12px; line-height:1.4; }

	#swNewsOuter .leftside	{ position:relative; width:50%; background:#ffffff; background-image:url(images/illu_test_01.jpg); background-size:cover; background-position:left 50%; }
	#swNewsOuter .rightside	{ position:relative; width:50%; display:flex; align-items:flex-end; background:#ffffff; box-sizing:border-box; padding:40px; text-align:left; }
	#swNewsOuter .vspacer 	{ width:0px; height:50vh; }

	@media (min-width:0px) and (max-width:840px) 
	{  
		#swNewsOuter .leftside	{ width:100% !important; height:calc(100vw * 0.5625) !important; } /* set pic to 16:9 */
		#swNewsOuter .rightside	{ width:100% !important; text-align:center !important; }
		#swNewsOuter .vspacer	{ height:0px !important; }
	}

	@media (min-width:801px) and (max-width:1024px) { .newsdetailLeft	{ width:30% !important; } .newsdetailRight{ width:70% !important; } }
	@media (min-width:0px) and (max-width:800px) { .newsdetailLeft	{ width:0% !important; } .newsdetailRight{ width:100% !important; } .newsdetailInner{ text-align:center !important; } }
	/* ============================================================================================================================= */	


	/* ============================================================================================================================= */
	/* publikationen styles */
	/* ============================================================================================================================= */
	#swPublikationen a.buch			{ display:inline-block; text-decoration:none; position:relative; width:50px; height:50px; margin-bottom:20px; background-image:url(../images/ico_publi_book.png); background-size:cover; } 
	#swPublikationen a.paper		{ display:inline-block; text-decoration:none; position:relative; width:50px; height:50px; margin-bottom:20px; background-image:url(../images/ico_publi_paper.png); background-size:cover; } 
	#swPublikationen a.archiv		{ display:inline-block; text-decoration:none; position:relative; width:50px; height:50px; margin-bottom:20px; background-image:url(../images/ico_publi_archiv.png); background-size:cover; } 
	#swPublikationen a.bafi			{ display:inline-block; text-decoration:none; position:relative; width:50px; height:50px; margin-bottom:20px; background-image:url(../images/ico_publi_history.png); background-size:cover; } 
	#swPublikationen a.more			{ position:absolute; text-decoration:none; display:inline-flex; justify-content:center; align-items:center; width:40px; height:40px; border-radius:50%; bottom:10px; left:calc(50% - 20px); border:1px solid #000000; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; } 
	#swPublikationen a.more:hover	{ background:#606060; border-color:#606060; color:#ffffff; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; } 
	#swPublikationen a.more2		{ text-decoration:none; display:inline-flex; justify-content:center; align-items:center; margin-top:20px;  width:40px; height:40px; border-radius:50%; bottom:10px; left:calc(50% - 20px); border:1px solid #000000; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; } 
	#swPublikationen a.more2:hover	{ background:#606060; border-color:#606060; color:#ffffff; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; } 

	#swPublikationen p.intro		{ margin:0; padding:0; line-height:1.5; color:#707070; font-size:12px; } 
	#swPublikationen p				{ margin-bottom:5px; } 

	#swPublikationen h1				{ margin-bottom:30px; }
	#swPublikationen h1.blue		{ margin-bottom:30px; color:#00a3ea; }

	#swPublikationen h2				{ font-family:'InterstateBoldCondensed'; font-weight:normal; font-style:normal; margin:0; box-sizing:border-box; padding:0; padding-bottom:10px; font-size:16px; line-height:1.2; color:#000000; }
	.publikationenMenu				{ position:relative; width:25%; box-sizing:border-box; padding-left:20px; padding-right:20px; padding-bottom:65px; line-height:1.4; }
	@media (min-width:540px) and (max-width:841px)  { .publikationenMenu { width:50% !important; margin-bottom:20px; } }
	@media (min-width:0px) and (max-width:540px)  { .publikationenMenu { width:100% !important; margin-bottom:20px; } }

	/* ============================================================================================================================= */


	/* special styles */
	a.yearXL				{ display:block; text-decoration:none; font-family:'InterstateBoldCondensed'; font-weight:normal; margin:0; padding:0; font-size:110px; line-height:80px; color:rgba(255,255,255,0.2); -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; }
	a.yearXL:hover			{ display:block; text-decoration:none; font-family:'InterstateBoldCondensed'; font-weight:normal; margin:0; padding:0; font-size:110px; line-height:80px; color:rgba(255,255,255,0.6); -webkit-transition: all 0.40s ease-in-out; -moz-transition: all 0.40s ease-in-out; -ms-transition: all 0.40s ease-in-out; -o-transition: all 0.40s ease-in-out; }
	a.yearXLOn				{ display:block; text-decoration:none; font-family:'InterstateBoldCondensed'; font-weight:normal; margin:0; padding:0; font-size:110px; line-height:80px; color:rgba(255,255,255,0.4); -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; }
	a.yearXLOn:hover		{ display:block; text-decoration:none; font-family:'InterstateBoldCondensed'; font-weight:normal; margin:0; padding:0; font-size:110px; line-height:80px; color:rgba(255,255,255,0.6); -webkit-transition: all 0.40s ease-in-out; -moz-transition: all 0.40s ease-in-out; -ms-transition: all 0.40s ease-in-out; -o-transition: all 0.40s ease-in-out; }

	/* required for non-linked years */
	.yearXL					{ display:block; text-align:right; text-decoration:none; font-family:'InterstateBoldCondensed'; font-weight:normal; margin:0; padding:0; font-size:110px; line-height:80px; color:rgba(255,255,255,0.2); -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; }
	.yearXL:hover			{ display:block; text-align:right; text-decoration:none; font-family:'InterstateBoldCondensed'; font-weight:normal; margin:0; padding:0; font-size:110px; line-height:80px; color:rgba(255,255,255,0.6); -webkit-transition: all 0.40s ease-in-out; -moz-transition: all 0.40s ease-in-out; -ms-transition: all 0.40s ease-in-out; -o-transition: all 0.40s ease-in-out; }
	.yearXLOn				{ display:block; text-align:right; text-decoration:none; font-family:'InterstateBoldCondensed'; font-weight:normal; margin:0; padding:0; font-size:110px; line-height:80px; color:rgba(255,255,255,0.4); -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; }
	.yearXLOn:hover			{ display:block; text-align:right; text-decoration:none; font-family:'InterstateBoldCondensed'; font-weight:normal; margin:0; padding:0; font-size:110px; line-height:80px; color:rgba(255,255,255,0.6); -webkit-transition: all 0.40s ease-in-out; -moz-transition: all 0.40s ease-in-out; -ms-transition: all 0.40s ease-in-out; -o-transition: all 0.40s ease-in-out; }
	.yearXS					{ display:block; text-align:right; text-decoration:none; font-family:'InterstateBoldCondensed'; font-weight:normal; margin-top:-20px; padding:0; font-size:50px; line-height:80px; color:rgba(255,255,255,0.2); -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; }
	.yearXS:hover			{ display:block; text-align:right; text-decoration:none; font-family:'InterstateBoldCondensed'; font-weight:normal; margin-top:-20px; padding:0; font-size:50px; line-height:80px; color:rgba(255,255,255,0.6); -webkit-transition: all 0.40s ease-in-out; -moz-transition: all 0.40s ease-in-out; -ms-transition: all 0.40s ease-in-out; -o-transition: all 0.40s ease-in-out; }

	.yearInfobox			{ position:relative; box-sizing:border-box; padding-left:20%; text-align:right; line-height:1.5; font-family:Arial,Helvetica; font-size:15px; font-style:normal; color:rgba(255,255,255,0.9); }

	a.year					{ display:block; text-decoration:none; font-family:'InterstateBoldCondensed'; font-weight:normal; margin:0; padding:0; font-size:90px; line-height:70px; color:rgba(255,255,255,0.2); -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; }
	a.year:hover			{ display:block; text-decoration:none; font-family:'InterstateBoldCondensed'; font-weight:normal; margin:0; padding:0; font-size:90px; line-height:70px; color:rgba(255,255,255,0.6); -webkit-transition: all 0.40s ease-in-out; -moz-transition: all 0.40s ease-in-out; -ms-transition: all 0.40s ease-in-out; -o-transition: all 0.40s ease-in-out; }

	a.download				{ display:block; font-family:arial,helvetica; font-size:12px; font-weight:normal; line-height:34px; padding-left:35px; height:34px; background-color:rgba(0,0,0,0); background-image:url(../images/ico_download_w.png); background-repeat:no-repeat; background-size:22px; background-position:0px 7px; color:#ffffff; text-decoration:none; }
	a.download:hover		{ text-decoration:underline; }
	a.download span			{ font-size:20px; }

	a.downloadblack			{ display:inline-block; font-family:arial,helvetica; font-size:12px; font-weight:normal; line-height:32px; margin-top:10px; padding-left:30px; height:30px; background-color:rgba(0,0,0,0); background-image:url(../images/ico_download_black.png); background-repeat:no-repeat; background-size:24px; background-position:0px 0px; color:#505050; text-decoration:none; }
	a.downloadblack:hover	{ text-decoration:underline; }
	a.downloadblack span	{ font-size:20px; }

	a.video					{ display:inline-block; font-family:arial,helvetica; font-size:12px; font-weight:normal; line-height:38px; padding-left:35px; height:38px; background-color:rgba(0,0,0,0); background-image:url(../images/ico_clapper.png); background-repeat:no-repeat; background-size:30px; background-position:0px 0px; color:#ffffff; text-decoration:none; }
	a.video:hover			{ text-decoration:underline; }
	a.video span			{ font-size:20px; }

	a.pdflink				{ display:inline-block; font-family:arial,helvetica; font-size:12px; font-weight:normal; line-height:38px; padding-left:35px; height:38px; background-color:rgba(0,0,0,0); background-image:url(../images/ico_pdf2.png); background-repeat:no-repeat; background-size:30px; background-position:0px 0px; color:#ffffff; text-decoration:none; }
	a.pdflink:hover			{ text-decoration:underline; }
	a.pdflink span			{ font-size:20px; }

	a.contentlink			{ display:inline-block; margin-top:20px; margin-bottom:0px; font-family:'InterstateBoldCondensed'; text-decoration:none; font-size:13px; line-height:46px; letter-spacing:1px; color:#505050; text-transform:uppercase; text-align:center; height:44px; padding-left:25px; padding-right:25px; border:1px solid #505050; }
	a.contentlink:hover		{ background:#505050; color:#ffffff; }

	a.contentlinkw			{ display:inline-block; margin-top:20px; margin-bottom:0px; font-family:'InterstateBoldCondensed'; text-decoration:none; font-size:13px; line-height:46px; letter-spacing:1px; color:#ffffff; text-transform:uppercase; text-align:center; height:44px; padding-left:25px; padding-right:25px; border:1px solid #ffffff; }
	a.contentlinkw:hover	{ background:rgba(255,255,255,0.2); color:#ffffff; }

	/* GREMIEN STYLES */
	.insideAspect1_1:before	{ content:""; display:block; padding-top:100%; }
	.inside					{ position:absolute; display:flex; align-items:flex-end; z-index:100; left:0; top:0; bottom:0; width:0px; background:#ffffff; box-sizing:border-box; padding-right:5px; overflow:hidden; } /* white-space: nowrap; */
	.insiderev				{ position:absolute; display:flex; align-items:flex-end; z-index:100; right:0; top:0; bottom:0; width:0px; background:#ffffff; box-sizing:border-box; padding-right:5px; overflow:hidden; } /* white-space: nowrap; */
	.animatediv				{ transition:opacity 0.2s, background 0.2s ease-in-out, width 0.1s ease-in-out, height 0.1s ease-in-out, -webkit-box-shadow 0.3s, -moz-box-shadow 0.3s, box-shadow 0.3s; }
	.inside h1				{ margin:0; margin-left:10px; margin-top:10px; margin-bottom:5px; font-weight:normal; font-size:20px; line-height:1; color:#000088; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens:auto; }
	.inside h2				{ margin:0; margin-left:10px; margin-bottom:10px; font-weight:normal; font-size:100%; line-height:1.3; color:#000000; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens:auto; }
	.insiderev h1			{ margin:0; margin-left:10px; margin-top:10px; margin-bottom:5px; font-weight:normal; font-size:20px; line-height:1; color:#000088; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens:auto; }
	.insiderev h2			{ margin:0; margin-left:10px; margin-bottom:10px; font-weight:normal; font-size:100%; line-height:1.3; color:#000000; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens:auto; }
	.grey					{ filter:gray; -webkit-filter:grayscale(100%); }
	.insideportrait			{ position:relative; width:calc(100% / 7); }
	/*.insideportrait:after	{ content:""; position:absolute; z-index:2; left:0; right:0; top:0; bottom:0; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; }*/
	.insideportrait p		{ position:absolute; z-index:2; left:0; right:0; top:0; bottom:0; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; }*/
	.gp						{ position:absolute; z-index:1; left:0; right:0; top:0; bottom:0; background:#eeeeee; }

	/* infobox personal */
	#swiperGremien .box		{ position:relative; width:calc(33% - 1px); margin-left:1px; padding:5px; box-sizing:border-box; padding-left:70px; padding-right:10px; margin-bottom:1px; background:#f9f9f9; text-align:left; }	
	#swiperGremien h5		{ font-size:12px; font-family:arial,helvetica; font-weight:bold; color:#02405b; margin:0px; margin-top:5px; margin-bottom:2px; line-height:1.2; }		
	#swiperGremien h6		{ font-size:12px; font-family:arial,helvetica; font-weight:normal; color:#505050; margin:0px; margin-bottom:5px; line-height:1.2; }		

	/* scale fonts inside panels */
	@media (min-width:1281px) and (max-width:9999px) { .inside h1,.insiderev h2	{ font-size:20px; } }
	@media (min-width:1025px) and (max-width:1280px) { .inside h1,.insiderev h2	{ font-size:19px; } }
	@media (min-width:941px) and (max-width:1024px) { .inside h1,.insiderev h2	{ font-size:17px; } }
	@media (min-width:640px) and (max-width:940px) { .inside h1,.insiderev h2	{ font-size:16px; } }
	@media (min-width:0px) and (max-width:640px) { .inside h1,.insiderev h2	{ font-size:12px; } }

	/* button home */
	.launchButton { display:block; width:80%;  margin:0 auto; padding-top:7px; padding-bottom:7px;  vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); color:#ffffff; text-decoration:none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; }
	.launchButton:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background:rgba(255,255,255,0.4); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
	.launchButton:hover, .launchButton:focus, .launchButton:active { color: white; }
	.launchButton:hover:before, .launchButton:focus:before, .launchButton:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); }

	/* swiper styles */
    .swiper-container 			{ width:100%; }
    .swiper-slide				{ }


	/* ================================================================================= */
	/* ALLGEMEINE QUERIES */
	/* ================================================================================= */
	@media (min-width:0px) and (max-width:540px) { .wrapper1080	{ padding-bottom:10px; } }
	@media (min-width:0px) and (max-width:640px) { .autoColumns	{ -moz-columns:1; -webkit-columns:1; columns:1; } }
	/* ================================================================================= */
	/* ================================================================================= */


	/* ================================================================================= */
	/* TITLE / LOGO QUERIES */
	/* ================================================================================= */
	@media (min-width:0px) and (max-width:800px) 
	{  
		.logoInnerWrapper		{ width:50vw; max-width:60vh; margin-top:-10vw; }
		.logoSublineWrapper		{ width:50vw; max-width:60vh; }
	}

	@media (min-width:401px) and (max-width:720px) 
	{  
		.logoLowerColumn		{ font-size:80%; padding-bottom:15vh; }
	}

	@media (min-width:0px) and (max-width:400px) 
	{  
		.logoLowerColumnWrapper div	{ width:100%; margin-bottom:10px; }
	}

	@media (min-height:0px) and (max-height:400px) 
	{  
		.logoLowerColumn	{ display:none; }
		.logoUpperColumn	{ padding-top:40px; }
	}
	/* ================================================================================= */
	/* ================================================================================= */


	/* ================================================================================= */
	/* MENU QUERIES */
	/* ================================================================================= */
	@media (min-width:921px) and (max-width:99999px) 
	{
		#menuLine7,#menuLine8,#menuLine9 	{ display:none; }
	}


	@media (min-width:541px) and (max-width:920px) 
	{  
		.menuItem				{ width:calc(50% - 2px); }
		.menuItem:nth-child(2) 	{ border-right:0px; }
		.menuItem:nth-child(3) 	{ border-right:1px solid #aaaaaa; }
		.menuItem:nth-child(4) 	{ border-right:0px; }
		.menuItem:nth-child(8) 	{ border-right:0px; }
		.menuItem:nth-child(9) 	{ border-right:1px solid #aaaaaa; }
		#menuLine9 				{ display:none; }
	}

	@media (min-width:0px) and (max-width:540px) 
	{  
		.menuItem				{ width:100%; }
		.menuItem 				{ border-left:0px; border-right:0px; }
		#menuLine9 				{ display:none; }
		h1.center				{ margin-bottom:20px !important; }
	}

	/* ================================================================================= */
	/* ================================================================================= */


	/* ================================================================================= */
	/* ABOUT US QUERIES */
	/* ================================================================================= */
	@media (min-width:0px) and (max-width:920px) 
	{
		#swiperAbout .wrapperFullSubL { width:100% !important; }
		#swiperAbout .wrapperFullSubR { width:100% !important; }
		#swiperAbout .vspacer70 	  { height:0px !important; }
		#swiperAbout .wrapperFullSubL .wrapperMaxW640  { max-width:none !important; text-align:center !important; }
		.yearXL	{ text-align:center !important; }
		.wrapperMaxW640 { max-width:100% !important; }
		.yearInfobox	{ text-align:center !important; padding-left:0% !important; }
	}

	/* ================================================================================= */
	/* GREMIEN QUERIES */
	/* ================================================================================= */
	@media (min-width:0px) and (max-width:640px) 	{ #swiperGremien .box { width:calc(100% - 1px); } }
	@media (min-width:640px) and (max-width:840px) 	{ #swiperGremien .box { width:calc(50% - 1px); } }

	@media (min-width:0px) and (max-width:920px) 
	{
		#swiperGremien .wrapperFullSubL { width:100% !important; }
		#swiperGremien .wrapperFullSubR { width:100% !important; }
		#swiperGremien .wrapperFullSubL .wrapperMaxW640  { max-width:none !important; text-align:center !important; }
	}
	/* ================================================================================= */


	/* ================================================================================= */
	/* KOMNTAKT QUERIES */
	/* ================================================================================= */
	@media (min-width:0px) and (max-width:920px) 
	{
		#swiperKontakt .wrapperFullSubL { width:100% !important; }
		#swiperKontakt .wrapperFullSubR { width:100% !important; }
		#swiperKontakt .wrapperFullSubL .wrapperMaxW640  { max-width:none !important; text-align:center !important; }
	}
	/* ================================================================================= */


	@media (min-aspect-ratio:1/1000) and (max-aspect-ratio:1000/1000) { } /* immer durch 1000 teilen) */
	@media (orientation:portrait) { } 
	@media (orientation:landscape) { }


	/* ================================================================================= */
	/* LINK/DOWNLOAD ICONS */
	/* ================================================================================= */
	.menulink			{ background:url(../images/ico_link.png); background-repeat:no-repeat; background-size:13px; background-position:0px 3px; width:calc(50% - 2px); box-sizing:border-box; padding:3px 3px 3px 20px; margin-right:2px; margin-bottom:2px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; }
	.menudownload		{ background:url(../images/ico_download.png); background-repeat:no-repeat; background-size:13px; background-position:0px 3px; width:calc(50% - 2px); box-sizing:border-box; padding:3px 3px 3px 20px; margin-right:2px; margin-bottom:2px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; }	
	a.menusublink		{ text-decoration:none; font-weight:bold; color:#005c7d; }
	a.menusublink:hover	{ text-decoration:underline; color:#005c7d; }
	.menusubheadline	{ position:relative; width:100%; margin-bottom:7px; display:block; font-family:'InterstateLight'; font-size:18px; color:#505050; }

	@media (min-width:0px) and (max-width:740px) 
	{
		.menulink			{ width:100%; }
		.menudownload		{ width:100%; }
	}