body,html {
	font-family: "Source Sans Pro", "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; padding-top: 120px;
		height: 100%; width: 100%; max-width: 940px; 
	}
	body.imprint #main { padding-bottom: 80px; }
	
	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: absolute; top: 60px; left: 40px; z-index: 8999; }
		h1.title { font-weight: 700; font-size: 3.2em; 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: 400; font-size: 1.35em; margin-top: 0px; }
		h2.title { z-index: 8999; color: #0168b3; font-size: 2.5em; 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.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: "Roboto", sans-serif !important; }
	.serif { font-family: "PT Serif", serif !important; }
	.uppercase { text-transform: uppercase; }
	.lowercase { text-transform: lowercase; }
	.font-weight_200 { font-weight: 200 !important; }
	.font-weight_300 { 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; }
	
	/* 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_deepblue { color: #0168b3 !important; }
	.colour_lightgrey { color: #efefef !important; }
	.colour_grasgreen { color: #D7E9BF !important; }
	.colour_anthrazit { color: #333333 !important; }
	.background_summerorange { background: #dd4803 !important; }
	.background_cleanwhite { background: #fcfcfc !important; }
	.background_deepblue { background: #0168b3 !important; }
	.background_lightgrey { background: #efefef !important; }
	.background_grasgreen { background: #D7E9BF !important; }
	.background_nabugreen { background: #3d6315 !important; }
	.background_anthrazit { background: #333333 !important; }
	
	/** 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; }
	
/** MAIN SECTIONS && ELEMENTS
############################### */

	#js_debug { position: absolute; z-index: 99999; 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: 20px;
	  font-weight: 600;
	}
		.tooltip.in {

		}
		.tooltip.top {
		}
		.tooltip.right {
		}
		.tooltip.bottom {
		}
		.tooltip.left {
		}
		.tooltip-inner {
		  color: #fff;
		  background-color: #76b72a;
		  padding-left: 20px; padding-right: 20px;
		}
		.tooltip-arrow {
		  position: absolute;
		  width: 0;
		  height: 0;
		  border-color: transparent;
		  border-style: solid;
		}
		.tooltip.top .tooltip-arrow {
		  border-top-color: #76b72a; bottom: -5px;  border-width: 10px 10px 0; margin-left: -8px;
		}
		.tooltip.top-left .tooltip-arrow {
		  border-top-color: #76b72a;
		}
		.tooltip.top-right .tooltip-arrow {
		  border-top-color: #76b72a;
		}
		.tooltip.right .tooltip-arrow {
		    border-right-color: #76b72a;
		}
		.tooltip.left .tooltip-arrow {
		  border-left-color: #76b72a;
		}
		.tooltip.bottom .tooltip-arrow {
		  border-bottom-color: #76b72a;
		    margin-left: -8px; top: -5px;
		    border-width: 0 10px 10px;
		}
		.tooltip.bottom-left .tooltip-arrow {
		  border-bottom-color: #76b72a;
		}
		.tooltip.bottom-right .tooltip-arrow {
		  border-bottom-color: #76b72a;
		}
	
	#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 
############### */

	.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; }
		.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%; position: relative; background: #D7E9BF; }
			.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-intro { background: #ffffff; margin-top: -70px; overflow: hidden; }
				.scene-intro-image-anim {}
					.scene-intro-image-anim#scene-intro-image-anim-clouds { position: absolute; z-index: 899; left: 0px; top: 0px; width: 100%; height: 100%; }
					.scene-intro-image-anim#scene-intro-image-anim-background { max-width: 100%; position: relative; z-index: 999; }
			
			.scene-30percent { background: url("../images/NABU_TORFFREI_SCENE_3_(30percent)_Image_Worldmap_BG.png") no-repeat center center /contain #0168B3; min-height: 450px; }
			
			.scene-3000000 { min-height: 400px; background: url(../images/NABU_TOFFREI_ANIM_AUTOS.gif) no-repeat center 40px /contain #0168B3; }
				.scene-3000000-element-text { color: #ffffff; font-size: 1.0em; font-weight: 600; margin-top: 4.00%; margin-left: 22%; width: 60%; }
					.scene-3000000-element-text_1 { font-size: 1.5em; line-height: 1.0em; } 
					.scene-3000000-element-text_2 { font-weight: 800; font-size: 4.7em; line-height: 1.0em; } 
					.scene-3000000-element-text_3 { font-size: 1.5em; line-height: 1.2em; } 
			.scene-wertdermoore {}
				.scene-wertdermoore-screen-bio { margin-bottom: 40px; background: url(../images/NABU_TORFFREI_BG_Scene_1_WertDerMoore_a.png) no-repeat center center /cover transparent; }
					.scene-wertdermoore-screen-bio img {transform: scale(1.0); }
					.scene-wertdermoore-screen-bio_a { position: relative; min-height: 220px; }
						.scene-wertdermoore-screen-bio_a_Bekassine { position: absolute; left: 14%; bottom: 20%; }
						.scene-wertdermoore-screen-bio_a_Kranich { position: absolute; right: 2%; bottom: 2%; }
					.scene-wertdermoore-screen-bio_b { position: relative; min-height: 220px; }
						.scene-wertdermoore-screen-bio_b_Moorfrosch { position: absolute; bottom: 5%; left: 10%; }
						.scene-wertdermoore-screen-bio_b_Hochmoortaeubling { position: absolute; top: 10%; left: 15%; }
						.scene-wertdermoore-screen-bio_b_Birkhuhn { position: absolute; bottom: 10%; right: 2%; }
					.scene-wertdermoore-screen-bio_c { position: relative; min-height: 220px; }
						.scene-wertdermoore-screen-bio_c_Sonnentau { position: absolute; bottom: 10%; left: 7%; }
						.scene-wertdermoore-screen-bio_c_Moosjungfer { position: absolute; bottom: 10%; left: 7%; }
						.scene-wertdermoore-screen-bio_c_Wollgras { position: absolute; top: 0%; right: 10%; }
				.scene-wertdermoore-screen-klima {}
			
			.scene-moorentstehung { padding-bottom: 20px; } 
				.scene-moorentstehung-infoscreen-trigger { position: absolute; width: 63px; height: 63px; z-index: 9999; }
				.scene-moorentstehung-infoscreen-trigger.active { opacity: 0.5; -webkit-opacity: 0.5; } 
				.scene-moorentstehung-infoscreen-trigger:hover { opacity: 0.75; -webkit-opacity: 0.75; } 
					#scene-moorentstehung-infoscreen_1-trigger { background: url(../images/NABU_TORFFREI_GIFANIM_09_birne.gif) no-repeat center center transparent; top: 50px; left: 30px; }
					#scene-moorentstehung-infoscreen_2-trigger { background: url(../images/NABU_TORFFREI_GIFANIM_10_info.gif) no-repeat center center transparent; top: 50px; right: 30px; }
				.scene-moorentstehung-infoscreen { z-index: 8999; position: absolute; width: 100%; border-top: 60px solid #D6E9BF; top: 0px; left: 0px; opacity: 0.95; -webkit-opacity: 0.95; }
				
				.scene-moorentstehung .carousel { padding-top: 40px; padding-bottom: 40px; } 
			
			.scene-moorentstehung-kreislauf { position: relative; background: url(../images/NABU_TORFFREI_Scene_Moorentstehung_Kreislauf_BG_1.jpg) no-repeat center top /100% #D6E9BF;  background-size: 940px 521px; height: 521px; padding-top: 20px; position: relative; }
				#scene-moorentstehung-kreislauf-element-lkw-1 { position: absolute; width: 306px; height: 106px; top: 10%; left: 17%; }
				#scene-moorentstehung-kreislauf-element-lkw-2 { position: absolute; width: 376px; height: 325px; top: 31%; left: 36%; }
				.scene-moorentstehung-kreislauf-element-lkw-text { color: #3c6214; font-weight: 600; }
					#scene-moorentstehung-kreislauf-element-lkw-1-text { position: relative; line-height: 1.2em; width: 185px; top: 17%; left: 55%; }
					#scene-moorentstehung-kreislauf-element-lkw-2-text { position: relative; line-height: 1.2em; width: 40%; top: 57%; left: 49%; }
			.scene-moorentstehung-baumarkt { background: url(../images/NABU_TORFFREI_Scene_Moorentstehung_Kreislauf_IMG_Baumarkt.png) no-repeat center bottom /contain #D6E9BF; height: 104px; }
			.scene-moorschutz { padding-bottom: 70px; }
			.scene-moorschutzbeitrag { position: relative; min-height: 610px; background: url(../images/NABU_TORFFREI_GIFANIM_12_torffrei_c.gif) no-repeat center bottom /cover #badb94;}
				.scene-moorschutzbeitrag-text { color: #3c6214; font-weight: 600; line-height: 1.3em; }
					#scene-moorschutzbeitrag-text-1 { position: absolute; width: 170px; left: 12%; bottom: 31%; }
			.scene-moorschutzbeitrag-links { position: relative; background:#badb94; margin-top: -2px; }
			.scene-imprint { font-size: 0.9em; }
			.scene-imprint.fixed { position: absolute; bottom: 0px; width: 100%; left: 0px; }
				.scene-imprint a { color: #ffffff; text-shadow: none; }
					.scene-imprint a:hover {}
				.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: #d6e9bf; padding: 20px; margin-bottom: 30px;  }
				.scene-element-paragraph { font-weight: 600; }
				
				.scene-element-text { font-size: 1.45em; 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: 50px; left: 5%; }
				.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.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% + 5px); bottom: 10px; }
			.carousel-indicators li { background: #9eb18a; border: none; height: 20px; width: 20px; border-radius: 20px; -webkit-border-radius: 20px; margin-right: 10px; }
				.carousel-indicators .active { background: #3d6315; border: none;  height: 20px; width: 20px; border-radius: 20px; -webkit-border-radius: 20px; margin-right: 10px; }
		
/* RESPONSIVENESS 
################################# */

@media (max-width: 1279px) {	
}
@media (max-width: 1023px) {	
}
@media (max-width: 939px) {
	
	.scene-3000000 { }
		.scene-3000000-element-text { width: 61%;  }
			.scene-3000000-element-text_2 { font-size: 4.2em; }
			
	.scene-wertdermoore {}
		.scene-wertdermoore-screen-bio {}
			.scene-wertdermoore-screen-bio img { transform: scale(0.8); }
			
	.scene-intro {}
		.scene-intro .scene-intro-element-text.position-absolute-bottom { font-size: 1.3em; }
}
@media (max-width: 767px) {

	body { font-size: 16px; }
	
	.scene-intro {}
		.scene-intro .scene-intro-element-text.position-absolute-bottom {  }
		
	.scene-3000000 {}
		.scene-3000000-element-text { margin-top: 16%; margin-left: 25%; }
			.scene-3000000-element-text_2 { font-size: 3.5em; }
		
	.scene-wertdermoore {}
		.scene-wertdermoore-screen-bio {}
			.scene-wertdermoore-screen-bio_a, 
			.scene-wertdermoore-screen-bio_b, 
			.scene-wertdermoore-screen-bio_c { width: 50%; margin-left: auto; margin-right: auto; margin-top: 80px; }
			.scene-wertdermoore-screen-bio img { transform: scale(1.0); }
			
	.scene-moorentstehung-kreislauf { height: 621px; margin-top: -1px; }
				#scene-moorentstehung-kreislauf-element-lkw-1 {}
				#scene-moorentstehung-kreislauf-element-lkw-2 { left: 30%; }
				.scene-moorentstehung-kreislauf-element-lkw-text { }
					#scene-moorentstehung-kreislauf-element-lkw-1-text { width: 80%; left: 10%; top: 0px; text-align: center; }
					#scene-moorentstehung-kreislauf-element-lkw-2-text { width: 90%; left: 5%; top: 500px; text-align: center; }
			
			.scene-moorentstehung-baumarkt {}
		
	.scene-moorschutzbeitrag { }
		#scene-moorschutzbeitrag-text-1 { left: 4%; width: 160px; bottom: 34%; }
	
	.scene-moorentstehung-infoscreen-xs { margin-left: -20% !important; }
		
	/* 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%; }
	
	.scene-intro {}
		.scene-intro .scene-intro-element-text.position-absolute-bottom { font-size: 1.15em; }
	
	.scene-moorentstehung-infoscreen-xs { margin-left: -30% !important; }
	
	/* carousel 
	-------------*/
		
}
@media (max-width: 559px) {
	
	div#title { top: 5px; }
		
	.scene-3000000 {}
		.scene-3000000-element-text { width: 80%; margin-left: 12%;  }
		.scene-3000000-element-text_2 { font-size: 2.5em; }
		
	.scene-wertdermoore {}
		.scene-wertdermoore-screen-bio {}
			.scene-wertdermoore-screen-bio_a, 
			.scene-wertdermoore-screen-bio_b, 
			.scene-wertdermoore-screen-bio_c { width: 60%; margin-left: auto; margin-right: auto; }
			.scene-wertdermoore-screen-bio img { transform: scale(1.0); }
	.scene-moorentstehung-kreislauf { }
				#scene-moorentstehung-kreislauf-element-lkw-1 {}
				#scene-moorentstehung-kreislauf-element-lkw-2 { left: 25%; top: 29%; }
			.scene-moorentstehung-baumarkt {}	
			
	.scene-moorschutzbeitrag { min-height: 650px; background: url(../images/NABU_TORFFREI_GIFANIM_12_torffrei_c.gif) no-repeat center bottom /160% #badb94;}
		#scene-moorschutzbeitrag-text-1 { top: 15%; width: 90%; left: 5%; text-align: center; }
		
	.scene-moorentstehung-infoscreen-xs { margin-left: -40% !important; }
	
	/* 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-intro {}
		.scene-intro .scene-intro-element-text.position-absolute-bottom { bottom: 35px; }
		
	.scene-wertdermoore {}
		.scene-wertdermoore-screen-bio {}
			.scene-wertdermoore-screen-bio_a, 
			.scene-wertdermoore-screen-bio_b,                              
			.scene-wertdermoore-screen-bio_c { width: 80%; margin-left: auto; margin-right: auto; }
			.scene-wertdermoore-screen-bio img { transform: scale(1.0); }
			
	.scene-moorentstehung-kreislauf { }
			#scene-moorentstehung-kreislauf-element-lkw-1 {}
			#scene-moorentstehung-kreislauf-element-lkw-2 { left: 6%; transform: scale(0.9) !important; }
		.scene-moorentstehung-baumarkt {}
	.scene-moorschutzbeitrag { min-height: 550px; background: url(../images/NABU_TORFFREI_GIFANIM_12_torffrei_c.gif) no-repeat center bottom /160% #badb94;}
		#scene-moorschutzbeitrag-text-1 {}
		
	.scene-element-text-anim-percent-text { font-size: 1.25em; line-height: 1.25em; margin-top: 20px !important; }
	
	/* carousel 
	-------------*/
		
		.carousel {}
		.scene-moorentstehung .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) {
	.scene-wertdermoore {}
		.scene-wertdermoore-screen-bio {}
			.scene-wertdermoore-screen-bio_a, 
			.scene-wertdermoore-screen-bio_b, 
			.scene-wertdermoore-screen-bio_c { width: 100%; margin-left: auto; margin-right: auto; }
			.scene-wertdermoore-screen-bio img { transform: scale(1.0); }
	.scene-moorschutzbeitrag { min-height: 500px; }
		#scene-moorschutzbeitrag-text-1 {}
}