/** FRIST:IMPORT FONTS NEEDED */
@font-face {
    font-family: 'daxcondensed-lightregular';
    src: url('../fonts/daxcondensed/daxcondensedlight-webfont.eot');
    src: url('../fonts/daxcondensed/daxcondensedlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/daxcondensed/daxcondensedlight-webfont.woff2') format('woff2'),
         url('../fonts/daxcondensed/daxcondensedlight-webfont.woff') format('woff'),
         url('../fonts/daxcondensed/daxcondensedlight-webfont.ttf') format('truetype'),
         url('../fonts/daxcondensed/daxcondensedlight-webfont.svg#daxcondensed-lightregular') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'daxcondensed-mediumregular';
    src: url('../fonts/daxcondensed/daxcondensedmedium-webfont.eot');
    src: url('../fonts/daxcondensed/daxcondensedmedium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/daxcondensed/daxcondensedmedium-webfont.woff2') format('woff2'),
         url('../fonts/daxcondensed/daxcondensedmedium-webfont.woff') format('woff'),
         url('../fonts/daxcondensed/daxcondensedmedium-webfont.ttf') format('truetype'),
         url('../fonts/daxcondensed/daxcondensedmedium-webfont.svg#daxcondensed-mediumregular') format('svg');
    font-weight: normal; font-style: normal;
}

body,html {
	font-family: "daxcondensed-mediumregular", "Source Sans Pro", "Open Sans Condensed", "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 1.5em;
	margin:  0px 0 0 0;
	padding: 0 0 0 0;
	color: #0168b3;
	/*background: #f22804; 
	background: -moz-linear-gradient(-45deg,  #f22804 0%, #8f0222 75%, #6d0019 100%); 
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f22804), color-stop(75%,#8f0222), color-stop(100%,#6d0019)); 
	background: -webkit-linear-gradient(-45deg,  #f22804 0%,#8f0222 75%,#6d0019 100%); 
	background: -o-linear-gradient(-45deg,  #f22804 0%,#8f0222 75%,#6d0019 100%); 
	background: -ms-linear-gradient(-45deg,  #f22804 0%,#8f0222 75%,#6d0019 100%); 
	background: linear-gradient(135deg,  #f22804 0%,#8f0222 75%,#6d0019 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f22804', endColorstr='#6d0019',GradientType=1 ); 
	*/
	background: #ffffff;
	/*overflow: hidden;*/ 
}
body.imprint {}
	
	.wrapper { height: 100%; width: 100%; padding: 0 0 0 0; margin: 0 0 0 0; position: absolute; top: 0px; left: 0px; }
	
	#main {
		/*float: left;*/
		margin: auto; position: relative;
		margin-top: 0%;
		overflow: visible; overflow-x: hidden;
		height: 100%; width: 100%; max-width: 940px; 
	}
	body.imprint #scenes { padding-bottom: 80px; }
	
	#loading { display: none; z-index: 89999; position: fixed; width: 90px; height: 84px; top: 50%; left: 50%; margin-left: -45px; margin-top: -42px; background: url(../images/ajax-loader_45.gif) no-repeat top center / 56px transparent; text-align: center; padding-top: 64px; font-size: 0.6em; opacity: 0.75; -webkit-opacity: 0.75; }
		#loading .loading-text { margin-top: 5px; background: #0168B3; color: #ffffff; padding: 2px 4px; border-radius: 3px; -webkit-border-radius: 3px; }
	.loading #loading { display: block; }
	
	#message { 
		background: transparent url("../images/ICON_info_blue.png") no-repeat scroll 7px center / 48px;
		border-radius: 7px;
		display: none;
		font-size: 1.00em;
		line-height: 1.25em;
		max-width: 270px;
		padding: 10px 10px 10px 72px;
		position: absolute;
		left: 0px;
		top: 30px;
		z-index: 8999;
    	}
    	#message.message-relative { position: relative; max-width: 85%; } 
    	
	text {
		/*font-family: Arial, sans-serif;*/
		font-size: 9px;
		color: #ffffff;
		-webkit-filter: drop-shadow( 2px 2px 2px #000 );
		filter: drop-shadow( 2px 2px 2px rgba(0,0,0,1.0)); 
		pointer-events: none;
	}
	
	a, a:link, a:visited { outline: none; }
		a:hover, a:focus {}
		
		.row a, .row-fluid a { text-shadow: 0px 0px 1px rgba(0, 105, 179,0.2); color: #0168B3; text-decoration: underline; }
			.row a:hover, .row-fluid a:hover { color: #6F9DD3; text-decoration: underline; }
		.row a[class*='btn-primary'], .row-fluid a[class*='btn-primary'] { text-shadow: none; color: #ffffff; text-decoration: none; }
			.row a[class*='btn-primary']:hover, .row-fluid a[class*='btn-primary']:hover { color: #ececec; text-decoration: none; }
		
	h1,h2,h3,h4,h5 { font-weight: 600; }
		div#title { position: relative; margin-top: 40px; left: 0px; z-index: 8999; }
		h1.title { font-weight: 700; font-size:1.85em; margin-bottom: 5px; }
		.row h5, .row-fluid h5 { width: 100%; font-size: 1.3em; letter-spacing: 0.5px; text-transform: uppercase; color: #0168b3; }
		h5.title_sub { font-weight: 600; font-size: 1.35em; margin-top: 0px; margin-bottom: 15px; }
		h2.title { z-index: 8999; color: #0168b3; font-size: 2.00em; margin: 0px 0px 20px 0px; text-align: left; }
		div#title_gfx { position: absolute; top: 20px; left: 20px; max-width: 242px; max-height: 64px; width: 20%; height: 10%; background: url(../images/EKD_title_V2.png) no-repeat top left /contain transparent; }
		div.title-text { max-width: 90%;  font-size: 1.000em; line-height: 1.55em; }
		div.subtitle { float: left; display: block; width: 100%;}
		h4 { float: none; font-weight: 700; font-size: 1.2em; max-width: 90%; line-height: 1.2em; display: table; padding: 3px 15px 5px 15px; border-radius: 10px; -webkit-border-radius: 10px; background: #0168B3; color: #ffffff; text-align: center; margin: 20px auto 20px auto; }
		h4.scene-dividor-subhead { position: relative; margin-top: -20px; margin-bottom: -44px; z-index: 89999; }
		.headline_top { margin-top: 5px; }
		
	/* some font type adjustments as easy usable class for headlines or paragraphs if needed*/
	.sans-serif { font-family: "daxcondensed-mediumregular", sans-serif !important; }
	.serif { font-family: "PT Serif", serif !important; }
	.font-family_sourcesanspro { font-family: "Source Sans Pro", sans-serif; }
	.uppercase { text-transform: uppercase; }
	.lowercase { text-transform: lowercase; }
	.font-weight_200 { font-weight: 200 !important; }
		.font-weight_200.sans-serif { font-family: "daxcondensed-lightregular" !important; font-weight: 200 !important; }
	.font-weight_300 { font-weight: 300 !important; }
		.font-weight_300.sans-serif { font-family: "daxcondensed-lightregular" !important; font-weight: 300 !important; }
	.font-weight_400 { font-weight: 400 !important; }
	.font-weight_500 { font-weight: 500 !important; }
	.font-weight_600 { font-weight: 600 !important; }
	.font-weight_700 { font-weight: 700 !important; }
	.font-weight_800 { font-weight: 800 !important; }
	.text-center { text-align: center !important; }
	.text-left { text-align: left !important; }
	.text-right { text-align: right !important; }
	.text-justify { text-align: justify !important; }
	
	/* some colour multistyles as easy usable classes for type and bgs to be used if needed*/
	.colour_summerorange { color: #dd4803 !important; }
	.colour_cleanwhite { color: #ffffff !important; }
	.colour_darkgrey { color: #86846b !important; }
	.colour_deepblue { color: #0168b3 !important; }
	.colour_grey { color: #EEEDE8 !important; }
	.colour_yellow { color: #ecb416 !important; }
	.colour_red { color: #BC4250 !important; }
	.colour_lightgrey { color: #f5f5f2 !important; }
	.colour_grasgreen { color: #76B72A !important; }
	.colour_anthrazit { color: #333333 !important; }
	.background_summerorange { background: #dd4803 !important; }
	.background_cleanwhite { background: #fcfcfc !important; }
	.background_red { background: #BC4250 !important; }
	.background_deepblue { background: #0168b3 !important; }
	.background_darkgrey { background: #86846b !important; }
	.background_grey { background: #EEEDE8 !important; }
	.background_yellow { background: #ecb416 !important; }
	.background_lightgrey { background: #f5f5f2 !important; }
	.background_grasgreen { background: #76B72A !important; }
	.background_nabugreen { background: #3d6315 !important; }
	.background_anthrazit { background: #333333 !important; }
	
	.container-well-box { padding: 30px 20px; position: relative; z-index: 8999; }
		.container-well-box p { max-width: 62%; margin: auto; }
		a.container-well-box-trigger { background: url(../images/NABU-muell-ICON_00-03.png) no-repeat center center /contain transparent; width: 39px; height: 39px; max-width: 39px; max-height: 39px; position: absolute; right: 8%; top: 24%; }
			a.container-well-box-trigger:hover { opacity: 0.8; -webkit-opacity: 0.8; }
		.container-well-box-scene-02 { margin-top: 0px; }
		.container-well-box-scene-03 { margin-top: -40px; }
		.container-well-box-scene-04 { margin-top: -260px; }
		.container-well-box-scene-back { padding: 60px 20px; }
		.container-well-box-scene-info{ margin-top: 60px; margin-bottom: -40px; padding: 60px 20px; }
		
	/** bootstrap general overwrites */
	.container { max-width: 940px; width: 100%; }
	.container-fluid .row img, .container-fluid .row-fluid img { max-width: 100%; }
	.btn-primary { border: none; border-radius: 2px; letter-spacing: 1px; font-size: 1em; }
		.btn-grasgreen { padding: 10px 40px 10px 30px; background: none !important; border: 3px solid #76B72A; border-radius: 4px; -webkit-border-radius: 4px; color: #76B72A !important; }
			.btn-grasgreen:hover{ background: none !important; opacity: 0.7; -webkit-opacity: 0.7; border: 3px solid #76B72A; border-radius: 4px; -webkit-border-radius: 4px; color: #76B72A !important; }
			
/** MAIN SECTIONS && ELEMENTS
############################### */

	#js_debug { position: absolute; z-index: 999999; top: 0px; left: 0px; width: 200px; height: 100px; background: #5c5c5c; color: #ececec; padding: 20px; font-size: 0.8em; line-height: 0.9em; }
	
	.tooltip {
		font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
		font-size: 13px; z-index: 9999 !important;
		font-weight: 600; background-color: #0168b3; border-radius: 50%; -webkit-border-radius: 50%;
		pointer-events: none; width: 225px; padding: 0 0 0 0;
	}
	.tooltip:before { content: ""; padding-top: 98%; display: block; }
	
	.tooltip.default { }
		.tooltip.in {
			
		}
		.tooltip.top {
			margin-top: -20px;
			
		}
		.tooltip.right {
		}
		.tooltip.bottom {
		}
		.tooltip.left {
		}
				
		.tooltip-inner {
			color: #fff; background: none;
			padding: /*40px 30px 40px 30px*/ 0 0 0 0; width: 89%; 
			position: absolute; left: 6%; top: 5%;
		}
			.tooltip-inner p { font-size: 1.25em; font-weight: 300; line-height: 1.20em; } 
			.tooltip-inner h2 { font-weight: 400; font-size: 1.85em; margin: 10px 0px 5px 0px; }
			.tooltip-inner img.tooltip-img { margin-top: -50px; background: #ffffff; border-radius: 50%; -webkit-border-radius: 50%; }
			.tooltip.red .tooltip-inner { background-color: #BC4250; } 
			.tooltip.no-bg .tooltip-inner { padding: 0 0 0 0; background: none; }
			.tooltip.default .tooltip-inner { border-radius: 0 0 0 0;}
			
		.tooltip-arrow {
			position: absolute;
			width: 0;
			height: 0;
			border-color: transparent;
			border-style: solid; display: none;
		}
			.tooltip.top .tooltip-arrow {
				border-top-color: #76b72a; bottom: -5px;  border-width: 10px 10px 0; margin-left: -8px;
			}
				.tooltip.red.top .tooltip-arrow { border-top-color: #BC4250; }
			
			.tooltip.top-left .tooltip-arrow {
				border-top-color: #76b72a;
			}
				.tooltip.red.top-left .tooltip-arrow { border-top-color: #BC4250; }
				
			.tooltip.top-right .tooltip-arrow {
				border-top-color: #76b72a;
			}
				.tooltip.red.top-right .tooltip-arrow { border-top-color: #BC4250; }
				
			.tooltip.right .tooltip-arrow {
				border-right-color: #76b72a;
			}
				.tooltip.red.right .tooltip-arrow { border-right-color: #BC4250; }
				
			.tooltip.left .tooltip-arrow {
				border-left-color: #76b72a;
			}
				.tooltip.red.left .tooltip-arrow { border-left-color: #BC4250; }
				
			.tooltip.bottom .tooltip-arrow {
				border-bottom-color: #76b72a;
				margin-left: -8px; top: -5px;
				border-width: 0 10px 10px;
			}
				.tooltip.red.bottom .tooltip-arrow { border-bottom-color: #BC4250; }
				
			.tooltip.bottom-left .tooltip-arrow {
				border-bottom-color: #76b72a;
			}
				.tooltip.red.bottom-left .tooltip-arrow { border-bottom-color: #BC4250; }
				
			.tooltip.bottom-right .tooltip-arrow {
				border-bottom-color: #76b72a;
			}
				.tooltip.red.bottom-right .tooltip-arrow { border-bottom-color: #BC4250; }
				
			.tooltip.no-bg .tooltip-arrow { border: none !important; }
		
	#tooltip { 
		position: absolute; border: 0px solid #ffffff; background: #000000; right: 0px; width: 200px; font-size: 0.9em; margin-left: 20px; top: 0px; color: #ffffff; opacity: 0.6; -webkit-opacity: 0.6; padding: 5px 10px 10px 10px; z-index: 899999;
		border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px; 
		font-size: 1em;
	}
		#tooltip.init {
			border-radius: 0px 0px 0px 12px; -webkit-border-radius: 0px 0px 0px 12px; 
		}
		#tooltip .tooltip_notice { font-size: 0.6em; color: #acacac; line-height: 0.8em; }
	
	a#button_window_help { opacity: 1.0; -webkit-opacity: 1.0; position: absolute; right: 20px; top: 20px; width: 20%; height: 10%; max-height: 43px; max-width: 153px; background: url(../images/EKD_Button_help.png) no-repeat top right /contain transparent; z-index: 7999; }
		a#button_window_help:hover { -webkit-opacity: 0.8; opacity: 0.8; }
		
	.window { cursor: pointer; background: rgba(255,255,255,0.8); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 8999; }
		a.window_close { opacity: 1.0; -webkit-opacity: 1.0; position: absolute; right: 29px; top: 29px; height: 24px; width: 24px; background: url(../images/EKD_close.png) no-repeat center center transparent; }
			a.window_close:hover { -webkit-opacity: 0.8; opacity: 0.8; }
		#window_help { background: url(../images/EKD_CircularCalendar_HelpGraphic_V2_1.png) no-repeat center 0.7em /contain rgba(255,255,255,0.8); }
		
	#infobox { 
		display: none; position: absolute;
		left: 0px; bottom: -30%; width: 100%; color: #2c2c2c; padding: 0px; padding-left: 100%; margin-left: -100%; padding-right: 100%; padding-bottom: 30%; z-index: 899999;
		background: #ffffff; height: 50%; opacity: 0.95; -webkit-opacity: 0.95;
		border-left: 0px solid #E92C00;
	}
		#infobox_bg { position: absolute; background: #ecede7; width: 100%; height: 100%; -webkit-opacity: 0.8; opacity: 0.8; z-index: 8999; }
		#infobox_close {
			background: #ffffff none repeat scroll 0 0;
			border-radius: 50%;
			-webkit-border-radius: 50%;
			height: 32%;
			margin: -8% auto 0;
			text-align: center;
			width: 16%;
			border: 1px solid #ffffff;
		}
			#infobox_close a { opacity: 1.0; -webkit-opacity: 1.0; margin: auto; margin-top: 37%; background: url(../images/EKD_close.png) no-repeat center center /contain; display: block; height: 24px; width: 24px; }
				#infobox_close a:hover { opacity: 0.7; -webkit-opacity: 0.7; }
		#infobox_inner { padding: 0px 0px 20px 0px; margin-top: -5%; height: 99%; overflow: hidden; }
			#infobox h2 { color: #E92C00; text-transform: uppercase; margin-top: 0px; font-weight: 200; } 
			#infobox h3 { color: #E92C00; } 
			#infobox h4 { color: #E92C00; } 
			#infobox_info { color: #333333; width: 100%; height: 90%; overflow: auto; } 
	
		#infobox .topic-date { float: left; width: 46%; font-size: 1.0em; padding-left: 3%; margin-left: 1%; margin-bottom: 20px; position: relative; }
			#infobox .topic-date span.label { font-weight: 400; color: #acacac; }
			#infobox .topic-date h4 { margin-top: 0px; margin-bottom: 5px; width: auto; float: left; }
			#infobox .topic-date .topic-date_topic { text-transform: uppercase; width: auto; float: left; margin-left: 10px; color: #acacac; }
				#infobox .topic-date .topic-date_topic-1 { color: #bbecff; }
				#infobox .topic-date .topic-date_topic-2 { color: #00e7ff; }
				#infobox .topic-date .topic-date_topic-3 { color: #39acc2; }
				#infobox .topic-date .topic-date_topic-4 { color: #5979be; }
				#infobox .topic-date .topic-date_topic-5 { color: #1a8426; }
				#infobox .topic-date .topic-date_topic-6 { color: #90db0a; }
				#infobox .topic-date .topic-date_topic-7 { color: #eae911; }
				#infobox .topic-date .topic-date_topic-multi { color: #6a507b; }
			#infobox .topic-date .topic-date_place { font-weight: 600; clear: both; font-size: 500; }
			#infobox .topic-date .topic-date_event { }
			#infobox .topic-date .topic-date_description { }
			#infobox .topic-date .topic-date_link { padding-top: 4px; }
			#infobox .topic-date .topic-date_link a, #infobox .topic-date .topic-date_link a:visited { position: relative; font-weight: 500; text-decoration: none; color: #db0031; }
			#infobox .topic-date .topic-date_link a:hover { text-decoration: none;  } 
				#infobox .topic-date .topic-date_link a:hover:after { content:""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; border-bottom: 1px solid #8c8c8c; } 
					
		#infobox .topic-date .topic-date_topicId { position: absolute; top: 0px; left: -2%; width: 10px; height: 100%; }
			#infobox .topic-date .topic-date_topicId-1 { background: #bbecff; }
			#infobox .topic-date .topic-date_topicId-2 { background: #00e7ff; }
			#infobox .topic-date .topic-date_topicId-3 { background: #39acc2; }
			#infobox .topic-date .topic-date_topicId-4 { background: #5979be; }
			#infobox .topic-date .topic-date_topicId-5 { background: #1a8426; }
			#infobox .topic-date .topic-date_topicId-6 { background: #90db0a; }
			#infobox .topic-date .topic-date_topicId-7 { background: #eae911; }
			#infobox .topic-date .topic-date_topicId-multi { background: #6a507b; }


/** ELEMENTS 
############### */

	img.img-retina { max-width: 100%; width: 50%; height: auto; } /*make half the width and height because it is retina*/
	a img.img-retina { width: 100%; } /* when inside a scene-link (that has his width) make it a s wide as the surrounding element*/
	
	.box-btn-socials { padding-top: 5px; margin-bottom: -10px; }
	a.btn-social, a.btn-social:focus { opacity: 1.0; -webkit-opacity: 1.0; margin-bottom: 15px; padding-left: 30px; color: #ffffff !important; font-weight: bold; width: 100%; border: none; }
	a.btn-social:hover { opacity: 0.8; -webkit-opacity: 0.8; }
		a.btn-social-facebook, a.btn-social-facebook:hover, a.btn-social-facebook:focus { background: url(../images/NABU_ICON_social_facebook.png) no-repeat 10px center #0168B3; }
		a.btn-social-twitter, a.btn-social-twitter:hover, a.btn-social-twitter:focus { background: url(../images/NABU_ICON_social_twitter.png) no-repeat 10px center #25bbff; }
		a.btn-social-email, a.btn-social-email:hover, a.btn-social-email:focus { background: url(../images/NABU_ICON_social_mail.png) no-repeat 10px center #3d6315; }
		a.btn-social-googleplus, a.btn-social-googleplus:hover, a.btn-social-googleplus:focus { background: url(../images/NABU_ICON_social_google.png) no-repeat 10px center #ce5333; }
		
		
	#scenes { position: relative; overflow: hidden; width: 100%; min-height: 100%; }
		.scene-head { float: left; clear: both; position: relative; z-index: 8999; height: 10px; width: 100%; margin: auto; }
			.scene-head h3 { float: none; font-weight: 700; font-size: 2.4em; line-height: 1.2em; display: table; padding: 0px 24px 2px 25px; border-radius: 10px; -webkit-border-radius: 10px; background: #ffffff; text-align: center; margin: -22px auto 0px auto; }
		.scene-subhead { float: left; clear: both; position: relative; z-index: 89999; height: 0px; width: 100%; margin: auto; }
			.scene-subhead h3 { float: none; font-weight: 700; font-size: 1.5em; line-height: 1.2em; display: table; padding: 0px 24px 2px 25px; border-radius: 10px; -webkit-border-radius: 10px; background: #ffffff; text-align: center; margin: -18px auto 0px auto; }
		
		.scene { display: block; clear: both; width: 100%; margin-bottom: 0px; position: relative; background: #eeede8; }
			img.scene-heightholder-background { max-width: 100%; position: relative; z-index: 1; }
			.scene-elements-absolute { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 999; }
			
			.scene .containerbox-info { display: none; min-height: 84px; max-width: 940px; margin-left: 12.25%; width: 71.5%; top: 89%; background: #e3e1d9; position: absolute; }
				.scene .containerbox-info_content { display: none; line-height: 1.33em; font-weight: 400; color: #BC4250; max-width: 80%; padding: 20px 20px 15px 20px; margin: auto; text-align: center; }
				.scene .green .containerbox-info_content { color: #76B72A; }
				
			.scene-element {}
			.scene-element-absolute { position: absolute; z-index: 999; }
			.scene .scene-link { z-index: 1000 !important; cursor: pointer; }
			
			.scene .scene-trigger-link-image { display: inline-block; position: relative; }
			.scene .scene-trigger-link-image:hover { opacity: 1.00; -webkit-opacity: 1.00;  -webkit-filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.2)); filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.2)); }
				.scene .scene-trigger-link-image .scene-trigger-link-image-img {  }
			
			.scene a.scene-element-icon { position: absolute; cursor: help; width: 4.2553%; height: 4.2553%; }/*also retina!*/
				.scene a.scene-element-icon-red { background: url(../images/NABU-muell-ICON_00-01.png) no-repeat center center /contain transparent; }
					.scene a.scene-element-icon-red:hover { opacity: 0.8; -webkit-opacity: 0.8; }
				.scene a.scene-element-icon-green { background: url(../images/NABU-muell-ICON_00-02.png) no-repeat center center /contain transparent; }
					.scene a.scene-element-icon-green:hover { opacity: 0.8; -webkit-opacity: 0.8; }
			.scene span.scene-element-icon-red { pointer-events: none; background: url(../images/NABU-muell-ICON_00-01.png) no-repeat center center /contain transparent; width: 40px; height: 40px; }
							
			.scene a.scene-trigger-link {}
				.scene a.scene-trigger-link:hover { opacity: 1.00; -webkit-opacity: 1.00;  -webkit-filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.2)); filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.2)); }
			.scene .scene-element-trigger { cursor: help; }
				.scene .scene-element-trigger:hover { opacity: 1.00; -webkit-opacity: 1.00;  -webkit-filter: drop-shadow(2px 2px 4px rgba(200,199,189,1.00)); filter: drop-shadow(2px 2px 4px rgba(200,199,189,1.00));  }
			.scene a .scene-element-trigger { cursor: pointer; }		
				.scene a .scene-element-trigger:hover { opacity: 1.00; -webkit-opacity: 1.00;  -webkit-filter: drop-shadow(2px 2px 5px rgba(200,199,189,1.00)); filter: drop-shadow(2px 2px 5px rgba(200,199,189,1.00)); }
			
			.scene .scene-element-trigger.scene-element-trigger-green { border-bottom: 6px solid #76B72A; }
			.scene .scene-element-trigger.scene-element-trigger-red { border-bottom: 6px solid #BC4250; }
			
			.scene-a { min-height: 500px; margin-bottom: 0px; }
			.scene-b { min-height: 500px; margin-bottom: 0px; }
			.scene-c { min-height: 300px; margin-bottom: 0px; }
			.scene-carousel {}
			
			.scene-ajax-load { display: none; position: absolute; left: -1000px; top: 0px; z-index: 99999; }
			
			.scene .bird {  cursor: pointer /*url('../images/NABU_ICON_info-sign_34x34_witharrow.png'), auto*/; }
			
			/* DESKTOP */
			.scene-birds { margin-top: 40px; margin-bottom: 20px; overflow: hidden /*(only so the inner absolute elements can be positioned with %)*/; }
				.scene-birds #bird-amsel { top: 78.55%; left: 53.44%; width: 7.659574468085106%; /* 72 / 940 */ }
				.scene-birds #bird-blaumeisen { top: 48.10%; left: 46.11%; width: 21.170212765957447%; /* 199 / 940 */ }
				.scene-birds #bird-buchfink { top: 72.10%; left: 0.11%; width: 13.404255319148936%; /* 126 / 940 */  }
				.scene-birds #bird-buchfink-2 { top: 71.10%; left: 47.11%; width: 5.2127659574468084%; /* 49 / 940 */   }
				.scene-birds #bird-eichelhaeher { top: 46.10%; left: 30.30%; width: 6.170212765957447%; /* 58 / 940 */   }
				.scene-birds #bird-elster { top: 53.10%; left: 37.10%; width: 4.680851063829787%; /* 44 / 940 */   }
				.scene-birds #bird-feldsperling { top: 62.9%; left: 87.7%; width: 12.446808510638298%; /* 117 / 940 */ }
				.scene-birds #bird-gruenfink { top: 57.8%; left: 22.7%; width: 8.723404255319149%; /* 82 / 940 */ }
				.scene-birds #bird-gruenspecht { top: 76.8%; left: 73.7%; width: 4.148936170212766%; /* 39 / 940 */ }
				.scene-birds #bird-haussperling { top: 73.1%; left: 79.3%; width: 7.234042553191489%; /* 68 / 940 */ }
				.scene-birds #bird-kleiber { top: 25.7%; left: 71.8%; width: 7.234042553191489%; /* 68 / 940 */ }
				.scene-birds #bird-kohlmeise { top: 46.7%; left: 11.3%; width: 7.446808510638298%; /* 70 / 940 */ }
				.scene-birds #bird-rotkehlchen { top: 18.0%; left: 84.3%; width: 7.446808510638298%; /* 70 / 940 */ }
				.scene-birds #bird-stieglitz { top: 68.6%; left: 15.3%; width: 10.531914893617021%; /* 99 / 940 */ }
			/* MOBILE*/
			.carousel .scene-birds { width: 277%; max-width: 277%; }
				.carousel .scene-birds#scene-01-mobile-01 { margin-left: -1%; }
				.carousel .scene-birds#scene-01-mobile-02 { margin-left: -99%; }
				.carousel .scene-birds#scene-01-mobile-03 { margin-left: -197%; }
				
			
			.scene-links { position: relative; padding-top: 60px; background:#badb94; margin-top: -2px; }
			
			.scene-imprint { transition: background 1s; font-size: 0.9em; background: #ffffff; }
			.scene-imprint.fixed { transition: background 1s; position: absolute; background: #0168B3; bottom: 0px; width: 100%; left: 0px; z-index: 9999; }
				.scene-imprint a { color: #0168B3; text-shadow: none; }
					.scene-imprint a:hover {}
				.scene-imprint.fixed a { color: #ffffff; }
				
				.scene-imprint a#imprint-close { font-weight: 800; font-size: 2.00em; position: absolute; right: 20px; top: 20px; width: 20px; height: 20px; color: #ffffff; text-decoration: none; }
					.scene-imprint a#imprint-close:hover { opacity: 0.75; -webkit-opacity: 0.75; } 
			.scene-element {}
				.scene-element-a { position: absolute; top: 20%; left: 20%; width: 10%; height: 10%; background: yellow; color: #2c2c3c; }
				.scene-element-b { position: absolute; bottom: 20%; right: 20%; width: 10%; height: 10%; background: green; color: #2c2c3c; }
				
				.scene-element-linkbox { background: #EEEDE8; padding: 20px; margin-bottom: 30px;  }
				.scene-element-paragraph { font-weight: 600; }
				
				.scene-element-text { font-size: 1.00em; line-height: 1.25em; font-weight: 500; text-align: center; width: 90%; margin: auto; margin-bottom: 10px; }
					.scene-element-text.position-absolute-bottom { position: absolute; z-index: 8999; bottom: 10%; left: 5%; }
					.scene-element-text.position-absolute-bottom-left { position: absolute; z-index: 8999; bottom: 10%; left: 5%; max-width: 25%; }
					.scene-element-text.position-absolute-bottom-right { position: absolute; z-index: 8999; bottom: 10%; right: 5%; max-width: 25%; }
					.scene-element-text.position-absolute-top { position: absolute; z-index: 8999; top: 10%; left: 5%; }
					.scene-element-text.position-absolute-top-left { position: absolute; z-index: 8999; top: 10%; left: 5%; max-width: 25%; }
					.scene-element-text.position-absolute-top-right { position: absolute; z-index: 8999; top: 10%; right: 5%; max-width: 25%; }
				.scene-element-text-anim { position: relative; text-shadow: 0 0 10px rgba(255,255,255,0.4); padding-left: 40px; line-height: 0.8em; text-align: left; width: 100%; max-width: 271px; opacity: 0.90; -webkit-opacity: 0.90; margin: 20px auto 10px auto; font-size: 6.6em; font-weight: 700; }
					.scene-element-text-anim small { clear: both; font-size: 0.7em; display: block; font-weight: 300; }
					.scene-element-text-anim-bar { position: absolute; width: 10px; background: #ffffff; border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; left: 15px; bottom: -4px; }
					.scene-element-text-anim-bar.anim_finished { height: 100%; }
				.scene-element-image-anim, .scene-element-image-anim-1, .scene-element-image-anim-2, .scene-element-image-anim-3, .scene-element-image-anim-4 {}
				.scene-element-subhead, .scene-element-subhead-1, .scene-element-subhead-2, .scene-element-subhead-3, .scene-element-subhead-4 {}
			
			
				
	.carousel {}
		.carousel-control { z-index: 8999; }
		.carousel-control.left { background-image: none; }
		.carousel-control.right {  background-image: none; }
		.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
		    margin-left: 0px;
		    background: #77B627;
		    left: 0px;
		    padding-top: 10px;
		    border-radius: 0px 5px 5px 0px;  -webkit-border-radius: 0px 5px 5px 0px;
		    text-shadow: none; -webkit-text-shadow: none;
		}
		.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
		    margin-right: 0px;
		    background: #77B627;
		    right: 0px;
		    padding-top: 10px;
		    border-radius: 5px 0px 0px 5px;  -webkit-border-radius: 5px 0px 0px 5px;
		    text-shadow: none; -webkit-text-shadow: none;
		}
		.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
		    font-size: 30px;
		    height: 50px;
		    margin-top: -25px;
		    width: 50px;
		}
		.carousel-caption { left: 15%; right: 15%; width: 70%; top: 10px; color: #3c6214; line-height: 1.2em; text-shadow: none; font-weight: 600; }
		.carousel-indicators { margin-left: calc(-30% + 14px); bottom: 10px; }
			.carousel-indicators li { background: #ABD3DF; border: none; height: 30px; width: 30px; border-radius: 30px; -webkit-border-radius: 30px; margin-right: 20px; }
				.carousel-indicators .active { margin-bottom: 1.50px; background: #0168B3; border: none;  height: 30px; width: 30px; border-radius: 30px; -webkit-border-radius: 30px; margin-right: 20px; }
		
/* RESPONSIVENESS 
################################# */

@media (max-width: 1279px) {	
}
@media (max-width: 1023px) {	
}
@media (max-width: 939px) {
	
	
}
@media (max-width: 767px) {

	body { font-size: 16px; }
	
	#message.message-relative { max-width: 100%; }
		
	/* carousel 
	-------------*/
		.carousel-caption { left: 5% !important; right: 5% !important; width: 90% !important; top: -20px !important; }
		.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
		    top: 80%; margin-top: 0px; 
		}
		.carousel .item .carousel-caption p { top: -20px; text-align: center !important; }
		.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
		    display: block;
		    height: auto;
		    width: 118% !important;
		    max-width: 118% !important;
		    padding-top: 40px !important;
		    margin-left: -10% !important;
		}
		
}
@media (max-width: 640px) {
	
	.btn-primary { padding: 20px; width: 100%; }
	
	
	
	/* carousel 
	-------------*/
		
}
@media (max-width: 559px) {
	
	div#title { top: 5px; }
		
	
	
	/* carousel 
	-------------*/
		.carousel-indicators { bottom: 0px; }
		.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
		    padding-top: 70px !important;
		}
		
		
}

@media (max-width: 479px) {
	
	
		
	.scene-element-text-anim-percent-text { font-size: 1.25em; line-height: 1.25em; margin-top: 20px !important; }
	
	/* carousel 
	-------------*/
		
		.carousel {}
			.carousel .item .carousel-caption { font-size: 0.87em !important; line-height: 1.2em !important; }
				.carousel .item .carousel-caption p { text-align: center !important; } 
}
@media (max-width: 380px) {
	
}