@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,300);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:300);


/* default styles for extension "tx_cssstyledcontent" Typo3 4.5 */
	div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {overflow: unset;}
	
	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG, DIV.csc-textpic-border DIV.csc-textpic-single-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {display: inline-block; vertical-align: top;}
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; position: relative;}
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	} */

	/* Pictures on right, add margin on left 
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}*/

	/* Pictures centered, add margin on left
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	} */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; vertical-align:bottom; display: inline-block;}

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 10px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }
	DIV.csc-textpic DIV.csc-textpic-single-image IMG { margin-bottom: 10px; }

	/* IE7 hack for margin between image rows */
	*+html DIV.csc-textpic DIV.csc-textpic-imagerow .csc-textpic-image { margin-bottom: 0; }
	*+html DIV.csc-textpic DIV.csc-textpic-imagerow { margin-bottom: 10px; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text,
	* html .csc-textpic-intext-left ol,
	* html .csc-textpic-intext-left ul { height: 1%; }
	/* End hide from IE5/mac */

	DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }

	/* Browser fixes: */

	/* Fix for unordered and ordered list with image "In text, left" */
	.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {padding-left: 40px; overflow: auto; }


/* styles for extension "jfmulticontent" */
	/* tabnavigation */
	.ui-tabs .ui-tabs-nav li.ui-state-default.ui-corner-top a {
		line-height: 14px !important;
	}
	
	.ui-tabs .ui-tabs-nav li.ui-tabs-active {
		padding: 3px 5px;
		background: url(../../../../../../fileadmin/hg/assets/bg_tabs_selected.png) no-repeat;
	}
	
	.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    	color: #FFF;
	}
	
	/* tabnavigation on russian homepage */
	#jfmulticontent_c16486.ui-tabs .ui-tabs-nav li.ui-tabs-active {
		padding: 3px 5px;
		background: url(../../../../../../fileadmin/hg/assets/ru/bg_Presseinformationen_selected4.png) no-repeat;
	}
	
	#jfmulticontent_c16486.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    	color: #FFF;
	}
	


/* styles for extension "tt_news" */
	/* detailpage */
	#content > .news-single-item {padding-bottom:0;margin-bottom:-5px;}
	#content .news-single-item p.catlink {text-align: right;}



/* styles for extension "powermail" */
	.tx-powermail form input {
		width: 220px;
		border: 1px solid #c3c3c3;
		height: auto;
		padding: 2px 0 3px 3px;
		margin-left: 100px;
	}
	.tx-powermail form select {
		width: 226px;
		margin-left: 100px;
	}
	.tx-powermail form label {
		float: left;
		margin: 0 14px 0 0;
		padding: 3px 14px 0 0;
		text-align: left;
		width: 80px;
		position: absolute;
	}
	.tx-powermail form .powermail_fieldwrap {
		float: left;
		margin: 0 14px 0 0;
		padding: 13px 14px 0 0;
		text-align: left;
		/*width: 80px;*/
		clear: both;
	}
	.tx-powermail form textarea {
		width:220px;
		margin-left:100px;
	}
	
	.tx-powermail form ul.parsley-errors-list {
		padding-left: 100px;
		list-style-type: none;
		margin: 10px 0;
		color: red;
	}
	
	.tx-powermail form.layout1 input, .tx-powermail form.layout1 select, .tx-powermail form.layout1 textarea {margin-left: 200px;}
	.tx-powermail form ul.parsley-errors-list {padding-left: 200px;}
	.tx-powermail form.layout1 label {width: 180px;}
	
	
	.nolabel legend, .nolabel h3 {
		display: none;
	}



/* Hotfixes */
	/* hide elements on english homepage */
	.homepage.en #c25532, .homepage.en #c24028, .homepage.en #c24026, .homepage.en #c24025 {display: none;}	
	
	/* set height for centre map */
	.tx-jfmulticontent-pi1 .ui-tabs > div {height: auto !important;}
	#jfmulticontent_c17237 .ui-tabs-panel {height: 240px !important;}
	#jfmulticontent_c17237 #c21729 {display: none;}


body.ressorts .articleheadlinelist .dataset.noheight {min-height: 5px;}
.home-top-news .news-list3-item .news-bg-image {max-height: 360px;}
@media (max-width: 570px) {
	.home-top-news .news-list3-item .news-bg-image {max-height: 300px;}
	.home-top-news .news-list3-item .news-bg-image #video {max-height: 300px;}
}
@media (max-width: 500px) {
	.home-top-news .news-list3-item .news-bg-image {max-height: 270px;}
	.home-top-news .news-list3-item .news-bg-image #video {max-height: 270px;}
}
@media (max-width: 420px) {
	.home-top-news .news-list3-item .news-bg-image {max-height: 210px;}
	.home-top-news .news-list3-item .news-bg-image #video {max-height: 210px;}
}



/* newsletter flyout */
	.flyout {display: none; position: fixed; left: -400px; top: 200px; height: 185px; width: 460px; background-color: #FFF; background-image: url("../Image/btn_flyout.jpg");background-size: auto 100%;;background-repeat: no-repeat;background-position: right;box-shadow: 0 0 20px #999;}
	.flyout .newsletter_form, .flyout span.fly_open {display: inline-block;max-width: 348px; margin: 7px 25px 0 25px; vertical-align: top;}
	.flyout.active .fly_open {height: 185px;width: 62px;float: right;font-size: 0;margin: 0;padding: 0;}
	.flyout.on p.fly_open {margin:10px 110px 0px 40px;margin-top:10px;color: #00569E;height: auto;font-size: 14px;text-align:right;}
	.flyout p.fly_open:hover {cursor: pointer;}
	.flyout.on p.fly_open span {font-size: 0;position: absolute; bottom: 0px; right: -20px; width: 20px;height: 20px;background-image: url("../Image/btn_cross.png");background-repeat: no-repeat; background-position: center;}
	.flyout .fly_lang,  .flyout .fly_form {display: none;}
	.flyout input {display: inline;max-width: 175px;}
	.flyout input[type="submit"] {float: none; margin: 0 0 0 10px;}
	.flyout p {margin-top: 0; font-size: 14px; line-height: 20px;position:relative;font-weight:normal;}
	.flyout.off {display: none !important;}
	
	@media (max-width: 460px) {
	  .flyout .newsletter_form {margin: 17px 15px 0 15px;}
	  .flyout.on {max-width: 100%; background-image: none;}
	  .flyout.on .newsletter_form {max-width: 100%;}
	  .flyout.on p.fly_open {margin-left: 15px;margin-right: 30px;}
	  .flyout input[type="text"] {width: 50%; max-width: 50%; min-width: 50%;}
	  .flyout input[type="submit"] {width: 40%; max-width: 40%; min-width: 40%;}
	}
	
	@media (max-height: 400px) {
	  .flyout {top: 100px;}
	}
	
	@media (max-height: 300px) {
	  .flyout {top: 10px;}
	}
	
	@media (max-width: 365px) {
	  .flyout.on {height: 220px;}
	}
	
	@media (max-width: 260px) {
	  .flyout {display: none !important;}
	}


/* storytelling */
	
	/*reset of general classes for storytelling*/
	.storytelling .blue {background-color: transparent;}
	
	/**** storytelling ****/
	#mainWrapper.storytelling {font-family: 'Roboto', sans-serif; font-weight: 300;}
	
	/*layout*/
	.storytelling section {padding:55px 2%;}
	
	/*general- & text elements*/
	.storytelling img {width: 100%; height:auto;}
	.storytelling h1 {font-family: Roboto; font-size: 21px; line-height: 29px; letter-spacing: 0.52px; font-weight: 300; text-align: center; margin:0; position: absolute; width:100%;}
	
	.storytelling h2 {font-family: Roboto; font-size: 55px; font-weight: 300; line-height: 50px; text-align: center; padding:0 13%; margin:0 0 30px 0;}
	.storytelling h1 + h2 {margin-top:0px;}
	.storytelling h2.blue {color: #1291d2;}
	.storytelling h3 {font-family: 'Roboto Slab', serif; font-size: 35px; font-weight: 300; line-height: 41px; text-align: center; padding:0 13%; margin:0 0 20px 0;}
	.storytelling p {font-size: 21px; line-height: 29px; letter-spacing: 0.47px; padding:0 13% 3%; margin: 0;}
	.storytelling strong {font-weight: 400;}
	.storytelling figcaption {padding-bottom:20px;}
	.storytelling blockquote {font-family: "Roboto Slab"; font-size: 35px; line-height: 46px; padding:0 13%; margin:0; color: #fff;}
	.storytelling blockquote p{padding:0; margin:0; font-family: "Roboto Slab"; font-size: 35px; line-height: 40px;}
	
	/*nav.sidenav*/
	.storytelling nav.sidenav {position: fixed; right: 0; top:30%; z-index:101; margin-left:910px;}
	.storytelling nav.sidenav button {display: none;}
	.storytelling nav.sidenav ul {position:relative; background-color: #fff; z-index:10; padding:30px 20px; box-shadow:0 0 7px #bbb; -moz-box-shadow:0 0 7px #bbb; -webkit-box-shadow:0 0 7px #bbb; -o-box-shadow:0 0 7px #bbb; -ms-box-shadow:0 0 7px #bbb; /* transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; */}
	.storytelling .sidenav li:not(:last-child){margin-bottom: 15px; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s;}
	
	.storytelling .sidenav a {min-height:45px; white-space: nowrap; color:#000; font-size:0; position: relative; display:block; vertical-align: middle; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; margin-left: 35px;}
	.storytelling .sidenav.on a {font-size:17px;} 
	.storytelling .sidenav a:before {position: absolute; top:35%; left:-25px; background-color: #fff; border:2px solid #02599e; content:''; display: inline-block; height:10px; width: 10px; border-radius:7px; -webkit-border-radius:7px; -ms-border-radius:7px; -moz-border-radius:7px;}
	.storytelling .sidenav li a:hover:before, .storytelling .sidenav li a:focus:before {background-color: #0e8ed1; border:2px solid #0e8ed1;}
	.storytelling .sidenav li.on a:before {background-color: #02599e; border-color:#02599e;}
	
	.storytelling .sidenav a span {color:#22569d; text-transform: uppercase; font-size:0; display: list-item;  transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s;}
	.storytelling .sidenav.on a span{font-size:13px;}
	
	/*content image*/
	.storytelling .contentimage {padding:0 13%;}
	.storytelling .contentimage img {margin-bottom: 30px;}
	
	/*breadcrumb*/
	.storytelling h4.hidden + p {color:#828282; font-size:12px; line-height: 140%; padding: 30px 2% 0;}
	.storytelling h4.hidden + p span {background:rgba(0, 0, 0, 0) url("/../fileadmin/hg/css/breadcrumb-divider.jpg") no-repeat scroll right center; display: block; float:left; margin:0 5px 0 0; padding:0 10px 0 0;}
	.storytelling h4.hidden + p a {border-bottom: 0 none; text-decoration:none; color: #00589c;}
	
	
	
	
	/*special section styles*/
	/*section intro*/
	.storytelling section.intro {padding:50px 0 0;}
	.storytelling section.video, .storytelling section.audio {padding:0 0 50px 0;}
	.storytelling section.intro a[rel="lightbox"]:after {background:url("../Image/storytelling_arrow.png") repeat-y 50% 0; width: 100%; height:28px; display: inline-block; content: ''; position:relative; top:-28px;}
	.storytelling section.intro a[rel="lightbox"] +p {background:rgba(0, 0, 0, 0) url("../Image/storytelling_bg.jpg") repeat-y scroll 50% 0; margin:0; padding:50px 13% 7%; font-weight: 300; line-height: 29px; letter-spacing: 0.64px; color:#fff; margin-top: -45px;}
	
	/*section video*/
	.storytelling section.video {background:url("../Image/storytelling_bg.jpg") repeat-y 0 0; padding:55px 0px;}
	.storytelling section.video h2 {margin:0; }
	.storytelling section.video p {padding-top:30px;}
	.storytelling section.video {color:#fff;}
	.storytelling .rgmediaimages-media {background-color: transparent; padding:0 13% 3%; margin:0; float: none;}
	.storytelling section.video .rgmediaimages-media {padding:0; margin-bottom: 3%;}
	
	/*js-bgimage*/
	.storytelling section.js-bgimage {position: relative; background-position: 50%; background-size: cover; background-position: 0 0; background-image:url("../Image/storytelling_bg.jpg");}
	.storytelling section.js-bgimage:after {position: absolute; width:100%; height: 100%; background-color: rgba(0,0,0,0.3); content: ''; top:0; left:0;}
	.storytelling section.js-bgimage > p, .storytelling section.js-bgimage blockquote, .storytelling section.js-bgimage h2, .storytelling section.js-bgimage h3, .storytelling section.js-bgimage .rgmediaimages-media {position: relative; z-index: 3; color:#fff; text-align: left; width: 40%;}
	.storytelling section.js-bgimage.left > * {margin-left: auto; text-align: right;}
	.storytelling section.js-bgimage h2 {padding-top:40px;}
	.storytelling section.js-bgimage p {padding-bottom: 50px;}
	
	/*section imagegallery*/
	.storytelling section.imagegallery {background-color: #e5f4fb;}
	.storytelling .galleryitems {padding-top:30px;}
	.storytelling .galleryitems a {display: inline-block; height: 200px; margin: 0 10px 10px 0; vertical-align: top;}
	.storytelling .galleryitems a:focus {outline:2px solid #1291d2;}
	.storytelling .galleryitems figcaption {display: none;}
	
	
	/*timeline*/
	.storytelling .nav-container{top:280.5px !important;}
	.storytelling .vco-slider .content-container {padding-top:40px;}
	.vco-slider .nav-previous, .vco-slider .nav-next{height: 100% !important;}
	
	
	/*mobile version storytelling*/
	@media screen and (max-width: 600px) {
	
		.storytelling h2 {font-size: 45px;}
		.storytelling h3 {font-size: 30px;}
		.storytelling p {font-size: 19px;}
	
		/*sidenav*/
		.storytelling nav.sidenav {position: static; top:0;}
		.storytelling nav.sidenav.fixed{position: fixed; width: 100%;}
		.storytelling .sidenav ul{display:none;}
		.storytelling nav.sidenav button {display: block; font-size:0; background-color: #fff; padding:10px; border:none; margin-left: auto; box-shadow:0 0 7px #bbb; -moz-box-shadow:0 0 7px #bbb; -webkit-box-shadow:0 0 7px #bbb; -o-box-shadow:0 0 7px #bbb; -ms-box-shadow:0 0 7px #bbb;}
		.storytelling nav.sidenav button:before {display: block; font-size:30px; content:''; border:2px solid #02599e; border-radius:7px; height:10px; width:10px; margin-bottom:10px; background-color: #02599e;}
		.storytelling nav.sidenav button:after {display: block; font-size:30px; content:''; border:2px solid #02599e; border-radius:7px; height:10px; width:10px;}
		.storytelling .sidenav a {font-size:17px;}
		.storytelling .sidenav a span{font-size:13px;}
	
		.storytelling section.js-bgimage > p, .storytelling section.js-bgimage blockquote, .storytelling section.js-bgimage h2, .storytelling section.js-bgimage h3, .storytelling section.js-bgimage .rgmediaimages-media {width: 74%;}
	
		/*special sections*/
		.rgmediaimages-media {max-width:100% !important;}
	
		/*js-bgimage*/
		.storytelling section.js-bgimage > * {width: 74%;}
	
		/*imagegallery*/
		.storytelling .galleryitems a{width:48%; height:auto; margin:0 2% 2% 0;}
	
		/* timeline
		.storytelling .nav-container{top:600px !important;} */
	}