@charset "utf-8";

body.backend #context { z-index:200 !important; }


/****************** General ******************/
	html { margin:0; padding:0; height:100%; font-family:'Prompt', sans-serif; font-weight:200; color:#646969; }
	body.dynasite { overflow:auto; -webkit-overflow-scrolling:touch; }
	body.hide-scrollbar { overflow:hidden; -webkit-overflow-scrolling:initial; }

	h1,
	h2,
	h3 { margin:0; padding:0 0 20px; font-size:32px; font-size:3.2rem; line-height:35px; line-height:3.5rem; text-align:left; color:#005faa; }
	h3 { font-size:16px; font-size:1.6rem; line-height:1.4; font-weight:700; color:#000; }

	a { color:rgb(0,95,170); text-decoration:none; }
	a:hover { color:#000; text-decoration:none; }

	img { max-width:100%; height:auto !important; }

	p { padding:0 0 20px 0; }

	strong,
	b { font-weight:700; text-transform:uppercase; }

	.hidden,
	.items-hidden { display:none; }
	.absolute { position:absolute; top:0; right:0; bottom:0; left:0; }

	#gallerybox .flickity-controls { background-color:#005faa; }
	#cisLightbox .flickity-wrapper .flickity-gallery .flickity-viewport .flickity-slider > div { margin:0; width:100%; }


	.cookie-notification { margin:0 auto; box-sizing:border-box; padding:0 20px; max-width:1360px; background-color:rgba(0, 95, 170, .8); }
	.cookie-notification a { text-decoration:none; }
	.cookie-notification a:hover { color:#fff; }


	.colophon { position:fixed; bottom:55px; left:60px; opacity:0.2; transition:.4s opacity; width:25px; height:25px; background:url(../svg/colophon.svg) no-repeat center center; background-size:contain; filter:alpha(opacity=20); }
	.colophon:hover { opacity:1; filter:alpha(opacity=100); }

	.paging { margin-top:20px; }
	.paging a { background-color:#efefef; color:#000; }

/* Grunlayout */

	/* Header */
		#dssiteheader { position:fixed; z-index:120; top:0; right:0; left:0; box-shadow:0px 0px 5px rgba(230,230,230,.95); background:url(../svg/menu_gradient.svg) repeat-x 0 0; background-size:100% 100%; }
		#dssiteheader:after { content:""; position:absolute; z-index:2; right:0; bottom:-4px; left:0; height:4px; background:rgba(255,255,255,1); }
		#siteheader { position:relative; margin:0 auto; box-sizing:border-box; padding:20px 20px 15px; max-width:1400px; }


		/* Navigation */
			#dsmenus,
			#dsmenus ul { padding-bottom:0; }
			#dsmenus:after { content:""; clear:both; display:block; }
			#dsmenus li { line-height:0; }
			#dsmenus a { line-height:20px; }
			#dsmenus > li { float:left; padding-right:40px;  white-space:nowrap; }
			#dsmenus > li > a { position:relative; font-size:18px; font-size:1.8rem; line-height:20px; line-height:2rem; font-weight:300; text-transform:uppercase; text-transform:uppercase; color:#fff; letter-spacing:1px; white-space:nowrap; }
			#dsmenus > li > a:after { content:""; position:absolute; z-index:4; bottom:-15px; left:50%; opacity:0; transform:translateX(-50%); transition:.4s opacity, .4s visibility; width:0; height:0; filter:alpha(opacity=0); visibility:hidden; border-style:solid; border-width:0 10px 10px 10px; border-color:transparent transparent #fff transparent; }
			#dsmenus > li.dsmenu_active > a:after,
			#dsmenus > li.running > a:after { opacity:1; filter:alpha(opacity=100); visibility:visible; }
			#dsmenus > li.running.fixwidth:before { content:""; position:absolute; z-index:3; top:40px; right:0; left:0; height:20px; }


			#dsmenus > li > a.dsmenu_active, #dsmenus > li > ul > li > a.dssubmenu_active { color:#000; }

			#dsmenus > li > ul { position:absolute; z-index:3; top:55px; right:0; left:0; flex-wrap:wrap; display:flex; opacity:0; transition:.4s opacity, .4s visibility; margin:0 20px 0; padding:54px 20px 20px; background-color:rgba(255,255,255,.9); filter:alpha(opacity=0); visibility:hidden; }
			#dsmenus > li.running > ul { opacity:1; filter:alpha(opacity=100); visibility:visible; }
			#dsmenus > li > ul:after { content:""; clear:both; display:block; }
			#dsmenus > li > ul > li { flex-direction:column; box-sizing:border-box; padding:0 20px 20px; width:25%; font-size:20px; font-size:2rem; line-height:1; font-weight:300; text-transform:uppercase; color:#005faa; }
			#dsmenus > li > ul > li.dssubmenu_active { color:#000; }
			#dsmenus > li > ul > li > a { padding-bottom:10px; }
			#dsmenus > li > ul > li > ul { display:block !important; height:100% !important; font-size:18px; font-size:1.8rem; line-height:20px; line-height:2rem; font-weight:400; text-transform:none; }
			#dsmenus > li > ul > li > ul > li { padding-bottom:10px; }
			#dsmenus > li > ul > li > ul > li:before { content:"\f105"; float:left; opacity:0; transition:width .4s, padding-right .4s, opacity .4s , visibility .4s; width:0; font-size:20px; font-size:2rem; line-height:20px; line-height:2rem; font-family:FontAwesome; color:#f08c00; filter:alpha(opacity=0); visibility:hidden; }
			#dsmenus > li > ul > li > ul > li.dssubmenu_active:before,
			#dsmenus > li > ul > li > ul > li:hover:before { opacity:1; box-sizing:border-box; padding-right:2px; width:15px; filter:alpha(opacity=100); visibility:visible; }
			#dsmenus > li > ul > li > ul a { color:#000; }


		/* Logo */
			#logo { position:absolute; z-index:4; top:0; right:20px; box-shadow:0 0 8px 2px #000; width:180px; height:78px; background:url(../mm/logo.png) no-repeat right center; background-size:contain; }

	/* DSMain */
		#dsmain { padding-top:50px; min-height:calc(100vh - 300px); }

	/* Footer */
		#dssitefooter { position:relative; padding-bottom:20px; background:#efefef; }
		#dssitefooter:after { content:""; position:absolute; right:0; bottom:0; left:0; height:20px; background:url(../svg/menu_gradient.svg) repeat-x 0 0; background-size:100% auto; }
		#sitefooter { margin:0 auto; box-sizing:border-box; padding:40px 20px; max-width:1400px; font-size:14px; font-size:1.4rem; line-height:1.6; color:#005faa; }
		#sitefooter .row.footer { border-bottom:none; }
		#sitefooter .row.footer .col { width:25%; }
		#sitefooter .row.footer .col strong { display:block; padding-bottom:10px; }
		#sitefooter .row.footer .col p { padding-bottom:0; min-height:22.5px; }
		#sitefooter .row.footer .col.last a { display:block; }

		/*Socialmedia*/
			ul.socialmedia { flex-wrap:wrap;
				display:flex; padding:30px 0 0; width:70px;
				list-style:none;
			}
			ul.socialmedia li { width:50%; }
			ul.socialmedia li a { display:block; line-height:40px; text-align:center; color:#005faa; }
			ul.socialmedia li a:before { font-size:20px; font-family:"FontAwesome"; }
			ul.socialmedia li a.facebook:before { content:"\f230"; }
			ul.socialmedia li a.linkedin:before { content:"\f08c"; }
			ul.socialmedia li a.instagram:before { content:"\f16d"; }
			ul.socialmedia li a.youtube:before { content:"\f16a"; }


/* Contentdesign */
	#dscontent { position:relative; z-index:10; margin:0 auto; box-sizing:border-box; padding:60px 20px 20px; max-width:1400px; }
	#dsmenucontainer:before { content:""; position:absolute; z-index:2; right:0; bottom:0; left:0; height:10px; background:rgba(255,255,255,.85); }

	/* Articledesign */
		#dscolumns { margin:0 auto; }
		#dscolumns:after { content:""; clear:both; display:block; }
		#dscolumn1_2 { float:left; box-sizing:border-box; padding-right:20px; width:50%; }
		#dscolumn2_2 { float:left; box-sizing:border-box; padding-left:20px; width:50%; }

		/* Default */
			.dsarticle {padding-bottom:20px; font-size:16px; font-size:1.6rem; line-height:1.4; text-align:left; color:#000; }
			.dsarticle h1,
			.dsarticle h2 { font-weight:700; }

			/* Linklist */
				#ajaxdiv ul > li:before,
				ul[class^="dslinklist_"] > li:before,
				.cstory.viewdet ul > li:before,
				.cstory.view .item .box .text ul > li:before,
				.dsarticle div[class^="dsbody_"] > ul > li:before { content:""; position:absolute; top:7px; left:0; width:10px; height:10px; background:rgba(200,200,200,1); }
				.cstory.view .item .box .text ul > li:before { background-color:rgb(240,140,0); }
				.cstory.view .item.weiss .box .text ul > li:before { background-color:rgba(200,200,200,1); }

				ul[class^="dslinklist_"] > li.media:before,
				.cstory.view .item .box .text ul > li.media:before,
				#ajaxdiv ul > li.media:before,
				.dsarticle div[class^="dsbody_"] > ul > li.media:before  { background-color:#0077C0 ; }

				#ajaxdiv ul > li,
				ul[class^="dslinklist_"] > li,
				.cstory.view .item .box .text ul > li,
				.dsarticle div[class^="dsbody_"] > ul > li { position:relative; padding:0 0 5px 20px; }

				#ajaxdiv ul >  li > a:not(.dsbutton):before { display:none; }
				ul[class^="dslinklist_"] > li > a:not(.dsbutton):before { display:none; }
				ul[class^="dslinklist_"] > li > a:not(.dsbutton) { border-bottom:none; padding:0; }

		/* Article 2 */
			.dsarticle_2 { margin-bottom:20px; padding:20px; background:#efefef; }

		/* Article 3 */
			.dsarticle_3 { margin-bottom:20px; padding:20px; background:#005faa; color:#fff; }
			.dsarticle_3 h1,
			.dsarticle_3 h2 { color:#fff; }

		/* Article 4 */
			.dsarticle_4 { margin-right:calc(((100vw - 1380px) / 2 ) * (-1)); margin-left:calc(((100vw - 1380px) / 2 ) * (-1)); }
			.dsarticle_4 .dstitle_4 h1,
			.dsarticle_4 .dstitle_4 h2 { margin:0 auto; box-sizing:border-box; padding:0 20px; max-width:1400px; }


/* Modules */

	/* DSMenuheader */
		#dsmenucontainer .flickity-wrapper,
		#dsmenucontainer #maps-wrapper { position:relative; padding-bottom:30%; }

	/* Maps*/
		.cmaps.view { position:relative; }
		#maps { position:absolute !important; top:0; right:0; bottom:0; left:0; }
		.cmaps.snazzy { position:relative; padding-bottom:32%; }
		.cmaps.snazzy iframe { position:absolute; top:0; left:0; border:0; width:100%; height:100%; }

	/* Imagepool */
		.cimagepool.slide { position:relative; }
		.cimagepool.slide .editbalken { position:absolute; z-index:100; top:10px; left:10px; }

		/* Text */
			.cimagepool.slide .static-banner { position:absolute; z-index:5; right:0; bottom:0; left:0; margin:0 auto; box-sizing:border-box; padding:20px; width:100%; max-width:1400px; background:rgba(240,140,0,.8); font-size:48px; font-size:4.8rem; line-height:55px; line-height:5.5rem; font-weight:700; text-transform:uppercase; color:#fff; }
			.cimagepool.slide .flickity-text-wrp { position:relative; z-index:6; margin:0 auto; box-sizing:border-box; padding:0 20px; width:100%; max-width:1400px; height:100% ; }
			.cimagepool.slide .flickity-text {
				position:absolute; bottom:65px; left:20px; box-sizing:border-box; padding:20px 20px 0;
				width:400px; max-width:calc(100% - 40px); background-color:rgba(255,255,255,.8);
				font-size:1.6rem; line-height:1.4; color:#000; z-index:2;
			}
			.cimagepool.slide .flickity-text a { position:absolute; z-index:3; top:0; left:0; width:100%; height:100%; }



		/* Flickity */
			.cimagepool.slide .flickity-wrapper { position:relative; height:0; }
			.cimagepool.slide .flickity-gallery { position:absolute !important; top:0; right:0; bottom:0; left:0; overflow:hidden; }
			.cimagepool.slide .flickity-viewport { z-index:1; height:100% !important; }


			/* Animation  */
			/*
				.cimagepool.slide .flickity-wrapper .flickity-viewport { z-index:1; }
				.cimagepool.slide .flickity-slider { left:0 !important; transform:none !important; }
				.cimagepool.slide .flickity-slider > div { right:0 !important; left:0 !important; opacity:0; transition:2s opacity; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center; filter:alpha(opacity=0); }
				.cimagepool.slide .flickity-slider > div.is-selected { opacity:1; filter:alpha(opacity=100); }
			*/


		/* Sprachwechsel */
			#dsmenucontainer { position:relative; }
			#language-selector { position:absolute; z-index:5; right:calc((102.5vw - 1400px) / 2); bottom:0; }
			#language-selector > ul { float:right; }
			#language-selector > ul > li { float:left; transition:.4s background; padding:10px; background:rgba(240,140,0,.8); }
			#language-selector > ul > li + li { margin-left:10px; }
			#language-selector > ul > li > a { transition:.4s color; font-size:20px; font-size:2rem; line-height:1; font-weight:800; color:#fff; }
			#language-selector > ul > li.active,
			#language-selector > ul > li:hover { background:#fff; }
			#language-selector > ul > li.active > a,
			#language-selector > ul > li:hover > a { color:rgb(240,140,0); }

	/* Formular */
		.formbest { background:rgba(0,95,170,1); border-color:rgba(0,95,170,1); }
		.formbest.fail { background:rgba(240,140,0,1); border-color:rgba(240,140,0,1); }

		.f1_row { padding-bottom:10px; }

		/* Inputs */
			input[type=text],
			input[type=number],
			input[type=email],
			input[type=password],
			textarea { transition:.4s border-bottom-color; border:none; border-bottom:1px #ccc solid; background:#fff; }
			textarea { resize:vertical; }

			input.hasValue,
			textarea.hasValue,
			input[type=text]:focus,
			input[type=number]:focus,
			input[type=email]:focus,
			input[type=password]:focus,
			textarea:focus { border-bottom-color:#005faa; }

			/* Select */
				.cis-select:after { color:#005faa; }
				.cis-select > div { transition:.4s border-bottom, .4s color; border:none; border-bottom:1px #005faa solid; color:#000; }
				.cis-select > div.empty { color:#ccc; border-bottom-color:#ccc; }
				.cis-select.focus > div { box-shadow:none; border-bottom:3px #005faa solid !important; color:#000 !important; }

				.cis-select > ul > li { transition:background .4s, color .4s; border:none; background:#efefef; }
				.cis-select > ul > li.selected { background:#005faa; color:#fff; }
				.cis-select > ul > li:hover { background:#ddd; }


			/* Button */
				.f1_row > button,
				button,
				.btn { transition:.4s background, .4s color; border:none; background:#efefef; color:#000; }

				.btn.small { display:inline-block; margin:20px 0; width:auto;}

				.f1_row > button:hover,
				button:hover,
				.btn:hover { background:#005faa; color:#fff; }

			::-webkit-input-placeholder { transition:.4s color; color:#ccc !important; }
			:-moz-placeholder { opacity:1; transition:.4s color; color:#ccc !important; }
			::-moz-placeholder { opacity:1; transition:.4s color; color:#ccc !important; }
			:-ms-placeholder { transition:.4s color; color:#ccc !important; }

			:focus::-webkit-input-placeholder { color:#000 !important; }
			:focus:-moz-placeholder { opacity:1; color:#000 !important; }
			:focus::-moz-placeholder { opacity:1; color:#000 !important; }
			:focus:-ms-placeholder { color:#000 !important; }



		/* Spamfilter */
			div.spamfilter:after { content:""; clear:both; display:block; }
			div.spamfilter > * { float:left; width:auto !important; }
			input.spamfilter { width:120px !important; }
			.f1_row > button, .btn { width:100%; }
			.f1_row > button:hover, .btn:hover { color:#fff; }



		/* Prev-Next Button */
			.flickity-prev-next-button { z-index:3; border-radius:0; padding:0; background:transparent; }
			.flickity-prev-next-button:hover { background:transparent; }
			.flickity-prev-next-button.previous { left:calc(((100vw - 1000px) / 2) - 100px) }
			.flickity-prev-next-button.next { right:calc(((100vw - 1000px) / 2) - 100px) }
			.flickity-prev-next-button svg { display:none; }

			.flickity-prev-next-button:disabled { opacity:1; }
			.flickity-prev-next-button:before { content:""; display:block; width:40px; height:40px; font-size:40px; line-height:40px; font-family:"FontAwesome"; color:#fff; }
			.flickity-prev-next-button.previous:before { content:"\f104"; }
			.flickity-prev-next-button.next:before { content:"\f105"; }


	/* Itmes */

		.items { margin-left:-10px; }
		.item { opacity:0; transform:translateY(50%); transition:1s opacity, 1s visibility, 1s transform; margin-bottom:10px; filter:alpha(opacity=0); visibility:hidden; }
		.item.visible { opacity:1; transform:none; filter:alpha(opacity=100); visibility:visible; }
		.item .box { transition:.4s border-bottom-color; margin-left:10px; border:none; border-bottom:3px rgba(200,200,200,1) solid; }
		.item .box .placeholder { padding-bottom:75%; height:0;  }
		.item .box .placeholder > div { background-image:url(../mm/placeholder.jpg); }
		.item .box .text { overflow:hidden; box-sizing:border-box; padding:10px; }

		/* Fix Backend */
			.backend .item { opacity:1; transform:none; filter:alpha(100); visibility:visible; }


		/* Paceholders */
			.placeholder > div { background-color:#efefef; }

	/*FAQ*/
		/*view*/
			.cfaq.view .entry { float:none; margin-bottom:4px; width:auto; }
			.cfaq.view .entry .box { position:relative; padding:0; }
			.cfaq.view .entry .box .question { padding:10px 40px 10px 10px; background-color:#dedede; cursor:pointer; }
			.cfaq.view .entry .box .question:after {
				content:'\f078'; position:absolute; top:10px; right:10px;
				display:block; font-size:20px; line-height:1; font-family:"FontAwesome";
				font-weight:100; color:#0072BB;
			}

			.cfaq.view .entry .box .answer { display:none;margin-bottom:10px; padding:10px 10px 0; background-color:#f5f5f5; }
			.cfaq.view .entry .box .answer.block { display:block; }
			.cfaq.view .entry .box .dsbutton { position:absolute; top:0; left:0; margin-right:0; line-height:0; }
			.cfaq.view .entry h3 { padding-bottom:0; }

			.cfaq.view .entry .box .question.aktiv {  background-color:#0072BB; color:#fff; }
			.cfaq.view .entry .box .question.aktiv:after { content:'\f077'; color:#fff; }
			.cfaq.view .entry .box .question.aktiv h3 {  color:#fff; }
			.cfaq.view .entry .box .question.aktiv .answer {  background-color:rgba(153,217,245,.6); }


	/* Team */
		.cteam.view { position:relative; }
		/*.cteam.view .item.visible { transition:none; }*/

		.cteam.view .item .box .function { min-height:50px; color:#005faa; }
		.cteam.view .item .box .text h3 { padding:0; }
		.cteam.view .item .box .text .icons {
			position:absolute; z-index:5; top:10px; right:10px;
			transform:translateX(150%); transition:.4s transform
		}
		/* Design neu */
		.cteam.view .item .box .text .icons {
			display:grid; grid-template-columns:1fr auto auto; grid-gap:0;

		}

		.cteam.view .item .box .text .icons > div { position:relative; transition:.4s background; margin-left:10px; margin-bottom:10px; width:40px; height:40px; background:rgb(240,140,0); }
		.cteam.view .item .box .text .icons > div:after { content:"\f0e0"; display:block; transition:.4s color; font-size:20px; line-height:40px; font-family:"FontAwesome"; text-align:center; color:#fff; }
		.cteam.view .item .box .text .icons > .vcard:after { content:"\f2c2"; }
		.cteam.view .item .box .text .icons > .vlink:after { content:"\f08e"; }

		.cteam.view .item .box .text .icons > div:hover { background:#fff; }
		.cteam.view .item .box .text .icons > div:hover:after { color:rgb(240,140,0); }

		/*Motto*/
			.cteam.view .item .motto-wrp { position:absolute; z-index:2; top:0; left:0;
				display:block; opacity:.9;
				transform:translateX(100%); transition:transform 1s; box-sizing:border-box; padding:15px; width:100%; height:100%;
				background:url(../svg/menu_gradient.svg) repeat-x 0 0; background-size:cover;
			}

			.cteam.view .item .box:hover .motto-wrp { transform:translateX(0%); }
			.cteam.view .item .motto { justify-content:center; align-items:center; display:flex; overflow:auto;margin-top:40px; height:calc(100% - 40px); text-align:center; }
			.cteam.view .item .motto span {
				/* align-self:flex-end;  */
				font-style:italic;color:#fff;  }

		/* Hover-Effect */
			.cteam.view .item .box:hover .text .icons { transform:none; }


	/* Products */
		.cproducts.view { position:relative; padding-top:20px; }

		.cproducts.view .brand { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
		.cproducts.view h3 { overflow:hidden; padding:0; height:48px; height:4.8rem; }

		#dscolumn1_2 .cproducts.view .item,
		#dscolumn2_2 .cproducts.view .item { width:50%; }

	/* Partner */
		.cpartner.view { position:relative; }

		.cpartner.view .text { min-height:122px; }
		.cpartner.view .brand { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
		.cpartner.view h3 { overflow:hidden; padding:0; height:48px; height:4.8rem; }

	/* Story */
		.cstory.view .items {
			-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; display:-webkit-flex; display:-ms-flex; display:flex;
			border-top:3px rgba(200,200,200,1) solid;
		}
		.cstory.view .item { float:left; display:-webkit-flex; display:-ms-flex; display:flex; width:50%; }
		.cstory.view .item .content { min-height:250px; }
		.cstory.view .item .box { padding-right:300px; width:100%; }
		.cstory.view .item.image0 .box { padding-right:0; }
		.cstory.view .item .box .placeholder { position:absolute; top:0; right:0; opacity:1; padding-bottom:0; width:300px; height:100%; filter:alpha(opacity=100); }
		.cstory.view .item .box .text { padding:20px; height:auto; min-height:200px; font-size:16px; font-size:1.6rem; line-height:1.4; }
		.cstory.view .item .box .dslinklist_title_0,
		.cstory.view .item .box .dslinklist_0 { padding:0 20px 10px; }
		.cstory.view .item .box .logo-wrapper { display:inline-block; margin-bottom:20px; padding:5px; background-color:#fff; line-height:0; }
		.cstory.view .item .box .text p { padding-bottom:20px; padding-bottom:2rem; }
		.cstory.view .item .box .text h3 { padding-bottom:20px; padding-bottom:2rem; font-size:20px; font-size:2rem; line-height:1.5; white-space:pre-wrap; }


		/* Grey */
			.cstory.view .item.grey .box { background-color:#ececec; }

		/* blue */
			.cstory.view .item.blue .box { background-color:#005faa; color:#fff; }
			.cstory.view .item.blue .box h3 { color:#fff; }
			.cstory.view .item.blue .box a { color:#fff; }
			.cstory.view .item.blue .box .text ul > li:before { background:#fff; }
			.cstory.view .item.blue .box ul[class^="dslinklist_"] > li:before { background:#fff; }
			.cstory.view .item.blue .placeholder > div { background-color:#005faa; }
			.cstory.view .item.blue .box:hover { border-bottom-color:#f08c00; }
			.cstory.view .item.blue .box .text ul > li:before { background-color:#fff; }

		/* orange */
			.cstory.view .item.orange .box { background-color:#f08c00; color:#fff; }
			.cstory.view .item.orange .box h3 { color:#fff; }
			.cstory.view .item.orange .placeholder > div { background-color:#f08c00; }
			.cstory.view .item.orange .box:hover { border-bottom-color:#005faa; }
			.cstory.view .item.orange .box .text a { color:#fff; }
			.cstory.view .item.orange .box .text ul > li:before { background-color:#fff; }

		/* NEW */
			.cstory.view .item.weiss { margin:30px 0 ; width:100%; }
			.cstory.view .item.weiss .text { padding:0 0 40px 0; }
			.cstory.view .item.weiss .box h3 { font-size:2.5rem; color:rgba(80,80,80,1);}
			.cstory.view .item.weiss .box { padding-right:33.33%; }
			.cstory.view .item.weiss.item.image0 .box { padding-right:0; }

			.cstory.view .item.weiss .box .placeholder { width:33.33%;}
			.cstory.view .item.weiss .box .placeholder > div{ margin-bottom:60px;}
			.cstory.view .item.weiss .box .dslinklist_title_0 { padding:0 0 10px; }
			.cstory.view .item.weiss .box .dslinklist_0 { padding:0 0 40px; }

		/* Slider */
			 .flickity-wrapper { position:relative; z-index:1; padding-bottom:35%; }
			 .flickity-wrapper .flickity-gallery { position:absolute; top:0; left:0; width:100%; height:100%; }
			 .flickity-wrapper .flickity-gallery .flickity-viewport { height:100% !important; }
			 .flickity-wrapper .flickity-gallery .flickity-viewport .flickity-slider > div { width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center; }
			 .flickity-prev-next-button.previous { left:20px; }
			 .flickity-prev-next-button.next { right:20px; }

			 .cstory.view .flickity-wrapper  { padding-bottom:20%; min-height:120px; margin-bottom:60px; }
			 .cstory.view .flickity-wrapper .flickity-gallery .flickity-viewport .flickity-slider > div { margin:0 5px; width:33.33%;  }

		/* GAllery detail*/
			.cstory.viewdet .cgallery { display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:20px; margin:20px 0; }
			.cstory.viewdet .cgallery .cimage { position:relative; }
			.cstory.viewdet .cgallery .absolute { z-index:3; }
			.cstory.viewdet .placeholder.text { width:400px; height:0; padding-bottom:100%; }
			.cstory.viewdet .cgallery .placeholder { height:0; padding-bottom:100%; border:1px solid #ddd; overflow:hidden; }
			.cstory.viewdet .cgallery .placeholder div { background-size:contain; background-color:transparent; transition:all .3s; }
			.cstory.viewdet .cgallery .cimage:hover .placeholder div { transform:scale(1.1); }

	/*Newsletter*/
	.newsletter { height:450px; }


	/* Ajaxdiv */
	#overlay {  background-color:rgba(0, 0, 0, 0.3); z-index:121; }
	#ajaxdiv { position:fixed; z-index:122; max-height:70vh; max-width:990px; top:50% !important; transform:translateY(-50%); font-size:1.6rem; line-height:1.4; font-weight:200; cursor:default; overflow:auto; -webkit-overflow-scrolling:touch; }
	#gallerybox { z-index:123; }
	#ajaxdiv .ajaxclose { position:absolute; z-index:20; top:30px; right:30px; bottom:auto; left:auto; box-sizing:border-box; width:40px; height:40px; min-height:auto !important; }
	#ajaxdiv .ajaxclose:before,
	#ajaxdiv .ajaxclose:after { content:""; position:absolute; top:50%; left:50%; transition:all .4s; width:80%; height:2px; background-color:#016CB6; }
	#ajaxdiv .ajaxclose:before { transform:translate(-50%, -50%) rotate(-45deg); }
	#ajaxdiv .ajaxclose:after { transform:translate(-50%, -50%) rotate(45deg); }
	#ajaxdiv .ajaxclose:hover:before,
	#ajaxdiv .ajaxclose:hover:after { background-color:#F08C00; }

	.popupcontent { padding:60px 40px; }
	#ajaxdiv.small {  max-width:600px; }
	#ajaxdiv.small .popupcontent  {  padding:60px 20px }

	#ajaxdiv h1 { color:#F08C00; }


/*Scrolltop*/
	#scrolltop { z-index:69; overflow:hidden; width:40px; height:40px; background:#005faa; border-width:0; bottom:110px; }
	#scrolltop:before { content:""; }
	#scrolltop i { display:block; font-size:20px; line-height:40px; color:#fff; }
	#scrolltop.fancy i { animation-name:scrolltop; animation-duration:.7s; }
	.footer-icons { position:fixed; z-index:69; bottom:10px; right:10px; width:40px; font-size:20px; line-height:40px ;  }
	.footer-icons a { display:block; width:40px; height:40px; background:#005faa; color:#fff; border:1px solid #005faa; box-sizing:border-box; text-align:center; transition:all .4s; }
	.footer-icons a + a { margin-top:10px; }
	.footer-icons a:hover { color:#005faa; background:#fff; }

	@keyframes scrolltop {
		0% { transform:translate(); }
		49% { transform:translate(0, -40px); }
		50% { transform:translate(40px, -40px); }
		51% { transform:translate(40px, 40px); }
		52% { transform:translate(0, 40px); }
		53% { transform:translate(); }
	}