/** 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 {}
	
	.nabu-supermarkt .wrapper { height: 100%; width: 100%; padding: 0 0 0 0; margin: 0 0 0 0; position: absolute; top: 0px; left: 0px; }
	
	.nabu-supermarkt #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; }
	
	.nabu-supermarkt 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;
	}
	
	.nabu-supermarkt a, .nabu-supermarkt a:link, .nabu-supermarkt a:visited { outline: none; }
		.nabu-supermarkt a:hover, .nabu-supermarkt a:focus {}
		
		.nabu-supermarkt .row a, .nabu-supermarkt .row-fluid a { text-shadow: 0px 0px 1px rgba(0, 105, 179,0.2); color: #0168B3; text-decoration: underline; }
			.nabu-supermarkt .row a:hover, .nabu-supermarkt .row-fluid a:hover { color: #6F9DD3; text-decoration: underline; }
		.nabu-supermarkt .row a[class*='btn-primary'], .nabu-supermarkt .row-fluid a[class*='btn-primary'] { text-shadow: none; color: #ffffff; text-decoration: none; }
			.nabu-supermarkt .row a[class*='btn-primary']:hover, .nabu-supermarkt .row-fluid a[class*='btn-primary']:hover { color: #ececec; text-decoration: none; }
		
	.nabu-supermarkt h1, .nabu-supermarkt h2, .nabu-supermarkt h3, .nabu-supermarkt h4, .nabu-supermarkt h5 { font-weight: 600; }
		.nabu-supermarkt div#title { position: relative; margin-top: 40px; left: 0px; z-index: 8999; }
		.nabu-supermarkt h1.title { font-weight: 700; font-size: 2.5em; margin-bottom: 10px; }
		.nabu-supermarkt .row h5, .nabu-supermarkt .row-fluid h5 { width: 100%; font-size: 1.3em; letter-spacing: 0.5px; text-transform: uppercase; color: #0168b3; }
		.nabu-supermarkt h5.title_sub { font-weight: 600; font-size: 1.35em; margin-top: 0px; }
		.nabu-supermarkt h2.title { z-index: 8999; color: #0168b3; font-size: 2.5em; margin: 0px 0px 20px 0px; text-align: left; }
		.nabu-supermarkt 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; }
		.nabu-supermarkt div.title-text { max-width: 75%;  font-size: 0.875em; line-height: 1.55em; }
		.nabu-supermarkt div.subtitle { float: left; display: block; width: 100%;}
		.nabu-supermarkt 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; }
		.nabu-supermarkt h4.scene-dividor-subhead { position: relative; margin-top: -20px; margin-bottom: -44px; z-index: 89999; }
		.nabu-supermarkt .headline_top { margin-top: 5px; }
		
	/* some font type adjustments as easy usable class for headlines or paragraphs if needed*/
	.nabu-supermarkt .sans-serif { font-family: "daxcondensed-mediumregular", sans-serif !important; }
	.nabu-supermarkt .serif { font-family: "PT Serif", serif !important; }
	.nabu-supermarkt .font-family_sourcesanspro { font-family: "Source Sans Pro", sans-serif; }
	.nabu-supermarkt .uppercase { text-transform: uppercase; }
	.nabu-supermarkt .lowercase { text-transform: lowercase; }
	.nabu-supermarkt .font-weight_200 { font-weight: 200 !important; }
		.nabu-supermarkt .font-weight_200.sans-serif { font-family: "daxcondensed-lightregular" !important; font-weight: 200 !important; }
	.nabu-supermarkt .font-weight_300 { font-weight: 300 !important; }
		.nabu-supermarkt .font-weight_300.sans-serif { font-family: "daxcondensed-lightregular" !important; font-weight: 300 !important; }
	.nabu-supermarkt .font-weight_400 { font-weight: 400 !important; }
	.nabu-supermarkt .font-weight_500 { font-weight: 500 !important; }
	.nabu-supermarkt .font-weight_600 { font-weight: 600 !important; }
	.nabu-supermarkt .font-weight_700 { font-weight: 700 !important; }
	.nabu-supermarkt .font-weight_800 { font-weight: 800 !important; }
	.nabu-supermarkt .text-center { text-align: center !important; }
	.nabu-supermarkt .text-left { text-align: left !important; }
	.nabu-supermarkt .text-right { text-align: right !important; }
	.nabu-supermarkt .text-justify { text-align: justify !important; }
	
	/* some colour multistyles as easy usable classes for type and bgs to be used if needed*/
	.nabu-supermarkt .colour_summerorange { color: #dd4803 !important; }
	.nabu-supermarkt .colour_cleanwhite { color: #ffffff !important; }
	.nabu-supermarkt .colour_darkgrey { color: #86846b !important; }
	.nabu-supermarkt .colour_deepblue { color: #0168b3 !important; }
	.nabu-supermarkt .colour_grey { color: #EEEDE8 !important; }
	.nabu-supermarkt .colour_yellow { color: #ecb416 !important; }
	.nabu-supermarkt .colour_red { color: #BC4250 !important; }
	.nabu-supermarkt .colour_lightgrey { color: #f5f5f2 !important; }
	.nabu-supermarkt .colour_grasgreen { color: #76B72A !important; }
	.nabu-supermarkt .colour_anthrazit { color: #333333 !important; }
	.nabu-supermarkt .background_summerorange { background: #dd4803 !important; }
	.nabu-supermarkt .background_cleanwhite { background: #fcfcfc !important; }
	.nabu-supermarkt .background_red { background: #BC4250 !important; }
	.nabu-supermarkt .background_deepblue { background: #0168b3 !important; }
	.nabu-supermarkt .background_darkgrey { background: #86846b !important; }
	.nabu-supermarkt .background_grey { background: #EEEDE8 !important; }
	.nabu-supermarkt .background_yellow { background: #ecb416 !important; }
	.nabu-supermarkt .background_lightgrey { background: #f5f5f2 !important; }
	.nabu-supermarkt .background_grasgreen { background: #76B72A !important; }
	.nabu-supermarkt .background_nabugreen { background: #3d6315 !important; }
	.nabu-supermarkt .background_anthrazit { background: #333333 !important; }
	
	.nabu-supermarkt .container-well-box { padding: 30px 20px; position: relative; z-index: 8999; }
		.nabu-supermarkt .container-well-box p { max-width: 62%; margin: auto; }
		.nabu-supermarkt 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%; }
			.nabu-supermarkt a.container-well-box-trigger:hover { opacity: 0.8; -webkit-opacity: 0.8; }
		.nabu-supermarkt .container-well-box-scene-02 { margin-top: 0px; }
		.nabu-supermarkt .container-well-box-scene-03 { margin-top: -40px; }
		.nabu-supermarkt .container-well-box-scene-04 { margin-top: -260px; }
		.nabu-supermarkt .container-well-box-scene-back { padding: 60px 20px; }
		.nabu-supermarkt .container-well-box-scene-info{ margin-top: 60px; margin-bottom: -40px; padding: 60px 20px; }
		
	/** bootstrap general overwrites */
	.nabu-supermarkt .container { max-width: 940px; width: 100%; }
	.nabu-supermarkt .container-fluid .row img, .container-fluid .row-fluid img { max-width: 100%; }
	.nabu-supermarkt .btn-primary { border: none; border-radius: 2px; letter-spacing: 1px; font-size: 1em; }
		.nabu-supermarkt .btn-grasgreen { padding: 10px 40px 10px 30px; background: none !important; border: 3px solid #76B72A; border-radius: 4px; -webkit-border-radius: 4px; color: #76B72A !important; }
			.nabu-supermarkt .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
############################### */

	.nabu-supermarkt #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; }
	
	.nabu-supermarkt .tooltip {
		font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
		font-size: 13px;
		font-weight: 600; 
		
	}
	.nabu-supermarkt .tooltip.default { }
		.nabu-supermarkt .tooltip.in {
			
		}
		.nabu-supermarkt .tooltip.top {
			
		}
		.nabu-supermarkt .tooltip.right {
		}
		.nabu-supermarkt .tooltip.bottom {
		}
		.nabu-supermarkt .tooltip.left {
		}
		
		
		
		.nabu-supermarkt .tooltip-inner {
			color: #fff;box-shadow: 4px 4px 0px rgba(0,0,0,0.55);
			background-color: #0068b4; border-radius: 0%; text-align: left; 
			padding: 15px;
		}
			.nabu-supermarkt .tooltip.red .tooltip-inner { background-color: #BC4250; } 
			.nabu-supermarkt .tooltip.no-bg .tooltip-inner { padding: 0 0 0 0; background: none; }
			.nabu-supermarkt .tooltip.default .tooltip-inner { padding: 20px; border-radius: 0 0 0 0;  }
			
		.nabu-supermarkt .tooltip-arrow {
			display: none;
			/*position: absolute;
			width: 0;
			height: 0;
			border-color: transparent;
			border-style: solid;*/
		}
			.nabu-supermarkt .tooltip.top .tooltip-arrow {
				border-top-color: #0068b4; 
			}
				.nabu-supermarkt .tooltip.red.top .tooltip-arrow { border-top-color: #BC4250; }
			
			.nabu-supermarkt .tooltip.top-left .tooltip-arrow {
				border-top-color: #0068b4;
			}
				.nabu-supermarkt .tooltip.red.top-left .tooltip-arrow { border-top-color: #BC4250; }
				
			.nabu-supermarkt .tooltip.top-right .tooltip-arrow {
				border-top-color: #0068b4;
			}
				.nabu-supermarkt .tooltip.red.top-right .tooltip-arrow { border-top-color: #BC4250; }
				
			.nabu-supermarkt .tooltip.right .tooltip-arrow {
				border-right-color: #0068b4;
			}
				.nabu-supermarkt .tooltip.red.right .tooltip-arrow { border-right-color: #BC4250; }
				
			.nabu-supermarkt .tooltip.left .tooltip-arrow {
				border-left-color: #0068b4;
			}
				.nabu-supermarkt .tooltip.red.left .tooltip-arrow { border-left-color: #BC4250; }
				
			.nabu-supermarkt .tooltip.bottom .tooltip-arrow {
				border-bottom-color: #0068b4;
			}
				.nabu-supermarkt .tooltip.red.bottom .tooltip-arrow { border-bottom-color: #BC4250; }
				
			.nabu-supermarkt .tooltip.bottom-left .tooltip-arrow {
				border-bottom-color: #0068b4;
			}
				.nabu-supermarkt .tooltip.red.bottom-left .tooltip-arrow { border-bottom-color: #BC4250; }
				
			.nabu-supermarkt .tooltip.bottom-right .tooltip-arrow {
				border-bottom-color: #0068b4;
			}
				.nabu-supermarkt .tooltip.red.bottom-right .tooltip-arrow { border-bottom-color: #BC4250; }
				
			.nabu-supermarkt .tooltip.no-bg .tooltip-arrow { border: none !important; }
		
	.nabu-supermarkt #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;
	}
		.nabu-supermarkt #tooltip.init {
			border-radius: 0px 0px 0px 12px; -webkit-border-radius: 0px 0px 0px 12px; 
		}
		.nabu-supermarkt #tooltip .tooltip_notice { font-size: 0.6em; color: #acacac; line-height: 0.8em; }
	
	.nabu-supermarkt 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; }
		.nabu-supermarkt a#button_window_help:hover { -webkit-opacity: 0.8; opacity: 0.8; }
		
	.nabu-supermarkt .window { cursor: pointer; background: rgba(255,255,255,0.8); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 8999; }
		.nabu-supermarkt 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; }
			.nabu-supermarkt a.window_close:hover { -webkit-opacity: 0.8; opacity: 0.8; }
		.nabu-supermarkt #window_help { background: url(../images/EKD_CircularCalendar_HelpGraphic_V2_1.png) no-repeat center 0.7em /contain rgba(255,255,255,0.8); }
		
	


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

	.nabu-supermarkt img.img-retina { max-width: 100%; width: 50%; height: auto; } /*make half the width and height because it is retina*/
	.nabu-supermarkt a img.img-retina { width: 100%; } /* when inside a scene-link (that has his width) make it a s wide as the surrounding element*/
	
	.nabu-supermarkt .box-btn-socials { padding-top: 5px; margin-bottom: -10px; }
	.nabu-supermarkt a.btn-social, .nabu-supermarkt 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; }
	.nabu-supermarkt a.btn-social:hover { opacity: 0.8; -webkit-opacity: 0.8; }
		.nabu-supermarkt a.btn-social-facebook, .nabu-supermarkt a.btn-social-facebook:hover, .nabu-supermarkt a.btn-social-facebook:focus { background: url(../images/NABU_ICON_social_facebook.png) no-repeat 10px center #0168B3; }
		.nabu-supermarkt a.btn-social-twitter, .nabu-supermarkt a.btn-social-twitter:hover, .nabu-supermarkt a.btn-social-twitter:focus { background: url(../images/NABU_ICON_social_twitter.png) no-repeat 10px center #25bbff; }
		.nabu-supermarkt a.btn-social-email, .nabu-supermarkt a.btn-social-email:hover, .nabu-supermarkt a.btn-social-email:focus { background: url(../images/NABU_ICON_social_mail.png) no-repeat 10px center #3d6315; }
		.nabu-supermarkt a.btn-social-googleplus, .nabu-supermarkt a.btn-social-googleplus:hover, .nabu-supermarkt a.btn-social-googleplus:focus { background: url(../images/NABU_ICON_social_google.png) no-repeat 10px center #ce5333; }
		
		
	.nabu-supermarkt #scenes { position: relative; overflow: hidden; width: 100%; min-height: 100%; }
		.nabu-supermarkt .scene-head { float: left; clear: both; position: relative; z-index: 8999; height: 10px; width: 100%; margin: auto; }
			.nabu-supermarkt .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; }
		.nabu-supermarkt .scene-subhead { float: left; clear: both; position: relative; z-index: 89999; height: 0px; width: 100%; margin: auto; }
			.nabu-supermarkt .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; }
		
		.nabu-supermarkt .scene { display: block; clear: both; width: 100%; margin-bottom: 0px; position: relative; background: #eeede8; }
			.nabu-supermarkt img.scene-heightholder-background { max-width: 100%; position: relative; z-index: 1; }
			.nabu-supermarkt .scene-elements-absolute { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 999; }
			
			.nabu-supermarkt .scene .containerbox-info { display: none; min-height: 84px; max-width: 940px; margin-left: 12.25%; width: 71.5%; top: 89%; background: #e3e1d9; position: absolute; }
				.nabu-supermarkt .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; }
				.nabu-supermarkt .scene .green .containerbox-info_content { color: #76B72A; }
				
			.nabu-supermarkt .scene-element {}
			.nabu-supermarkt .scene-element-absolute { position: absolute; z-index: 999; }
			.nabu-supermarkt .scene .scene-link { z-index: 1000 !important; cursor: pointer; }
			
			.nabu-supermarkt .scene .scene-trigger-link-image { display: inline-block; position: relative; }
			.nabu-supermarkt .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)); }
				.nabu-supermarkt .scene .scene-trigger-link-image .scene-trigger-link-image-img {  }
			
			.nabu-supermarkt .scene a.scene-element-icon { z-index: 999; position: absolute; cursor: url('../images/NABU_ICON_lightbulb_34x34_witharrow.png'), auto; width: 34px; height: 42px; background: url(../images/NABU_super_marker-schatten.png) no-repeat center center /contain transparent; }/*also retina! BUT this shall be not scaled */
			.nabu-supermarkt .scene a.scene-element-icon.active { opacity: 0.65 !important; -webkit-opacity: 0.65 !important; } 
				.nabu-supermarkt .scene a.scene-element-icon-red { background: url(../images/NABU-muell-ICON_00-01.png) no-repeat center center /contain transparent; }
					.nabu-supermarkt .scene a.scene-element-icon-red:hover { opacity: 0.8; -webkit-opacity: 0.8; }
				.nabu-supermarkt .scene a.scene-element-icon-green { background: url(../images/NABU-muell-ICON_00-02.png) no-repeat center center /contain transparent; }
					.nabu-supermarkt .scene a.scene-element-icon-green:hover { opacity: 0.8; -webkit-opacity: 0.8; }
			.nabu-supermarkt .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; }
				.nabu-supermarkt .scene a.scene-element-icon-blue { background: url(../images/NABU_super_marker-schatten.png) no-repeat center center /contain transparent; }
					.nabu-supermarkt .scene a.scene-element-icon-blue:hover { opacity: 0.8; -webkit-opacity: 0.8; }
					
			.nabu-supermarkt .scene-img-bg { position: relative; z-index: 1; max-width: 100%; width: 100%; }
			
			.nabu-supermarkt .scene a.scene-trigger-link {}
				.nabu-supermarkt .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)); }
			.nabu-supermarkt .scene .scene-element-trigger { cursor: help; }
				.nabu-supermarkt .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));  }
			.nabu-supermarkt .scene a .scene-element-trigger { cursor: pointer; }		
				.nabu-supermarkt .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)); }
			
			.nabu-supermarkt .scene .scene-element-trigger.scene-element-trigger-green { border-bottom: 6px solid #76B72A; }
			.nabu-supermarkt .scene .scene-element-trigger.scene-element-trigger-red { border-bottom: 6px solid #BC4250; }
			
			.nabu-supermarkt .scene-a { min-height: 500px; margin-bottom: 0px; }
			.nabu-supermarkt .scene-b { min-height: 500px; margin-bottom: 0px; }
			.nabu-supermarkt .scene-c { min-height: 300px; margin-bottom: 0px; }
			.nabu-supermarkt .scene-carousel {}
			
			.nabu-supermarkt .scene-ajax-load { display: none; position: absolute; left: -1000px; top: 0px; z-index: 99999; }
			
			.nabu-supermarkt .scene-links { position: relative; padding-top: 60px; background:#badb94; margin-top: -2px; }
			
			.nabu-supermarkt .scene-imprint { font-size: 0.9em; }
			.nabu-supermarkt .scene-imprint.fixed { position: absolute; bottom: 0px; width: 100%; left: 0px; }
				.nabu-supermarkt .scene-imprint a { color: #ffffff; text-shadow: none; }
					.nabu-supermarkt .scene-imprint a:hover {}
				.nabu-supermarkt .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; }
					.nabu-supermarkt .scene-imprint a#imprint-close:hover { opacity: 0.75; -webkit-opacity: 0.75; } 
			.nabu-supermarkt .scene-element {}
				.nabu-supermarkt .scene-element-a { position: absolute; top: 20%; left: 20%; width: 10%; height: 10%; background: yellow; color: #2c2c3c; }
				.nabu-supermarkt .scene-element-b { position: absolute; bottom: 20%; right: 20%; width: 10%; height: 10%; background: green; color: #2c2c3c; }
				
				.nabu-supermarkt .scene-element-linkbox { background: #EEEDE8; padding: 20px; margin-bottom: 30px;  }
				.nabu-supermarkt .scene-element-paragraph { font-weight: 600; }
				
				.nabu-supermarkt .scene-element-text { font-size: 1.00em; line-height: 1.25em; font-weight: 500; text-align: center; width: 90%; margin: auto; margin-bottom: 10px; }
					.nabu-supermarkt .scene-element-text.position-absolute-bottom { position: absolute; z-index: 8999; bottom: 10%; left: 5%; }
					.nabu-supermarkt .scene-element-text.position-absolute-bottom-left { position: absolute; z-index: 8999; bottom: 10%; left: 5%; max-width: 25%; }
					.nabu-supermarkt .scene-element-text.position-absolute-bottom-right { position: absolute; z-index: 8999; bottom: 10%; right: 5%; max-width: 25%; }
					.nabu-supermarkt .scene-element-text.position-absolute-top { position: absolute; z-index: 8999; top: 10%; left: 5%; }
					.nabu-supermarkt .scene-element-text.position-absolute-top-left { position: absolute; z-index: 8999; top: 10%; left: 5%; max-width: 25%; }
					.nabu-supermarkt .scene-element-text.position-absolute-top-right { position: absolute; z-index: 8999; top: 10%; right: 5%; max-width: 25%; }
				.nabu-supermarkt .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; }
					.nabu-supermarkt .scene-element-text-anim small { clear: both; font-size: 0.7em; display: block; font-weight: 300; }
					.nabu-supermarkt .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; }
					.nabu-supermarkt .scene-element-text-anim-bar.anim_finished { height: 100%; }
				.nabu-supermarkt .scene-element-image-anim, .nabu-supermarkt .scene-element-image-anim-1, .nabu-supermarkt .scene-element-image-anim-2, .nabu-supermarkt .scene-element-image-anim-3, .nabu-supermarkt .scene-element-image-anim-4 {}
				.nabu-supermarkt .scene-element-subhead, .nabu-supermarkt .scene-element-subhead-1, .nabu-supermarkt .scene-element-subhead-2, .nabu-supermarkt .scene-element-subhead-3, .nabu-supermarkt .scene-element-subhead-4 {}
			
			.nabu-supermarkt .scene-01.scene-obstgemuese { overflow: hidden /*(only so the inner absolute elements can be positioned with %)*/; }
				.nabu-supermarkt #scene-01-marker-01 { left: 28%; top: 3%; }
				.nabu-supermarkt #scene-01-marker-02 { left: 77%; top: 4%; }
				.nabu-supermarkt #scene-01-marker-03 { left: 8%; top: 15%; }
				.nabu-supermarkt #scene-01-marker-04 { left: 29%; top: 42%; }
				.nabu-supermarkt #scene-01-marker-05 { left: 15%; top: 70%; }
				.nabu-supermarkt #scene-01-marker-06 { left: 45%; top: 58%; }
			.nabu-supermarkt .scene-02.scene-frischetheke { overflow: hidden /*(only so the inner absolute elements can be positioned with %)*/; }
				.nabu-supermarkt #scene-02-marker-01 { left: 72%; top: 43%; }
				.nabu-supermarkt #scene-02-marker-02 { left: 27%; top: 46%; }
				.nabu-supermarkt #scene-02-marker-03 { left: 80%; top: 70%; }
				.nabu-supermarkt #scene-02-marker-04 { left: 71%; top: 14%; }
			.nabu-supermarkt .scene-03.scene-trockenware { overflow: hidden /*(only so the inner absolute elements can be positioned with %)*/; }
				.nabu-supermarkt #scene-03-marker-01 { left: 31%; top: 54%; }
				.nabu-supermarkt #scene-03-marker-02 { left: 77%; top: 19%; }
				.nabu-supermarkt #scene-03-marker-03 { left: 13%; top: 26%; }
				.nabu-supermarkt #scene-03-marker-04 { left: 14%; top: 33%; }
			.nabu-supermarkt .scene-04.scene-kuehlregal { overflow: hidden /*(only so the inner absolute elements can be positioned with %)*/; }
				.nabu-supermarkt #scene-04-marker-01 { left: 40%; top: 17%; }
				.nabu-supermarkt #scene-04-marker-02 { left: 63%; top: 63%; }
				.nabu-supermarkt #scene-04-marker-03 { left: 69%; top: 46%; }
				.nabu-supermarkt #scene-04-marker-04 { left: 49%; top: 37%; }
				.nabu-supermarkt #scene-04-marker-05 { left: 3%; top: 36%; }
				.nabu-supermarkt #scene-04-marker-06 { left: 90%; top: 35%; }
			.nabu-supermarkt .scene-05.scene-getraenke { overflow: hidden /*(only so the inner absolute elements can be positioned with %)*/; }
				.nabu-supermarkt #scene-05-marker-01 { left: 11%; top: 50%; }
				.nabu-supermarkt #scene-05-marker-02 { left: 8%; top: 31%; }
				.nabu-supermarkt #scene-05-marker-03 { left: 79%; top: 46%; }
			.nabu-supermarkt .scene-06.scene-reinigung { overflow: hidden /*(only so the inner absolute elements can be positioned with %)*/; }
				.nabu-supermarkt #scene-06-marker-01 { left: 69%; top: 72%; }
				.nabu-supermarkt #scene-06-marker-02 { left: 80%; top: 48%; }
				.nabu-supermarkt #scene-06-marker-03 { left: 63%; top: 33%; }
				.nabu-supermarkt #scene-06-marker-04 { left: 23%; top: 58%; }
				.nabu-supermarkt #scene-06-marker-05 { left: 50%; top: 50%; }      
			.nabu-supermarkt .scene-07.scene-kasse { overflow: hidden /*(only so the inner absolute elements can be positioned with %)*/; }
				.nabu-supermarkt #scene-07-marker-01 { left: 74%; top: 79%; }
				.nabu-supermarkt #scene-07-marker-02 { left: 23%; top: 33%; }
				.nabu-supermarkt #scene-07-marker-03 { left: 43%; top: 13%; }
			.nabu-supermarkt .scene-08.scene-parkplatz { overflow: hidden /*(only so the inner absolute elements can be positioned with %)*/; }
				.nabu-supermarkt #scene-08-marker-01 { left: 48%; top: 79%; }
				.nabu-supermarkt #scene-08-marker-02 { left: 85%; top: 38%; }
				.nabu-supermarkt #scene-08-marker-03 { left: 14%; top: 5.0%; }
				.nabu-supermarkt #scene-08-marker-04 { left: 76%; top: 22.3%; }
				.nabu-supermarkt #scene-08-marker-05 { left: 18%; top: 72.3%; }
				.nabu-supermarkt #scene-08-marker-06 { left: 66.7%; top: 61.2%; }
				
				
	.nabu-supermarkt .carousel {}
		.nabu-supermarkt .carousel-control { z-index: 8999; }
		.nabu-supermarkt .carousel-control.left { background-image: none; }
		.nabu-supermarkt .carousel-control.right {  background-image: none; }
		.nabu-supermarkt .carousel-control .glyphicon-chevron-left, .nabu-supermarkt .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;
		}
		.nabu-supermarkt .carousel-control .glyphicon-chevron-right, .nabu-supermarkt .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;
		}
		.nabu-supermarkt .carousel-control .glyphicon-chevron-left, .nabu-supermarkt .carousel-control .glyphicon-chevron-right, .nabu-supermarkt .carousel-control .icon-next, .nabu-supermarkt .carousel-control .icon-prev {
		    font-size: 30px;
		    height: 50px;
		    margin-top: -25px;
		    width: 50px;
		}
		.nabu-supermarkt .carousel-caption { left: 15%; right: 15%; width: 70%; top: 10px; color: #3c6214; line-height: 1.2em; text-shadow: none; font-weight: 600; }
		.nabu-supermarkt .carousel-indicators { margin-left: calc(-30% + 5px); bottom: 10px; }
			.nabu-supermarkt .carousel-indicators li { background: #9eb18a; border: none; height: 20px; width: 20px; border-radius: 20px; -webkit-border-radius: 20px; margin-right: 10px; }
				.nabu-supermarkt .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) {
	
	.nabu-supermarkt .scene-3000000 { }
		.nabu-supermarkt .scene-3000000-element-text { width: 61%;  }
			.nabu-supermarkt .scene-3000000-element-text_2 { font-size: 4.2em; }
			
	.nabu-supermarkt .scene-intro {}
		.nabu-supermarkt .scene-intro .scene-intro-element-text.position-absolute-bottom { font-size: 1.3em; }
}
@media (max-width: 767px) {

	body.nabu-supermarkt  { font-size: 16px; }
	
	.nabu-supermarkt .scene-intro {}
		.nabu-supermarkt .scene-intro .scene-intro-element-text.position-absolute-bottom {  }
		
	.nabu-supermarkt .scene-3000000 {}
		.nabu-supermarkt .scene-3000000-element-text { margin-top: 16%; margin-left: 25%; }
			.nabu-supermarkt .scene-3000000-element-text_2 { font-size: 3.5em; }
		
	/* carousel 
	-------------*/
		.nabu-supermarkt .carousel-caption { left: 5% !important; right: 5% !important; width: 90% !important; top: -20px !important; }
		.nabu-supermarkt .carousel-control .glyphicon-chevron-left, .nabu-supermarkt .carousel-control .glyphicon-chevron-right, .nabu-supermarkt .carousel-control .icon-next, .nabu-supermarkt .carousel-control .icon-prev {
		    top: 80%; margin-top: 0px; 
		}
		.nabu-supermarkt .carousel .item .carousel-caption p { top: -20px; text-align: center !important; }
		.nabu-supermarkt .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: 680px) {
	
}

@media (max-width: 640px) {
	
	.nabu-supermarkt .btn-primary { padding: 20px; width: 100%; }
	
	.nabu-supermarkt .scene-intro {}
		.nabu-supermarkt .scene-intro .scene-intro-element-text.position-absolute-bottom { font-size: 1.15em; }
	
	.nabu-supermarkt .tooltip { max-width: 92% !important; min-width: 70% !important; }
	.nabu-supermarkt .tooltip-inner { max-width: 600px !important; } 
	
	/* carousel 
	-------------*/
		
}
@media (max-width: 559px) {
	
	
	.nabu-supermarkt div#title { top: 5px; }
		
	.nabu-supermarkt .scene-3000000 {}
		.nabu-supermarkt .scene-3000000-element-text { width: 80%; margin-left: 12%;  }
		.nabu-supermarkt .scene-3000000-element-text_2 { font-size: 2.5em; }
		
	.nabu-supermarkt .scene-tooltip { margin-top: -2%; margin-left: -2%; }
	
	.nabu-supermarkt .tooltip {}
	.nabu-supermarkt .tooltip-inner { } 
	
	/* carousel 
	-------------*/
		.nabu-supermarkt .carousel-indicators { bottom: 0px; }
		.nabu-supermarkt .carousel-inner > .item > a > img, .nabu-supermarkt .carousel-inner > .item > img, .nabu-supermarkt .img-responsive, .nabu-supermarkt .thumbnail a > img, .nabu-supermarkt .thumbnail > img {
		    padding-top: 70px !important;
		}
		
		
}

@media (max-width: 479px) {
	
	.nabu-supermarkt .scene-intro {}
		.nabu-supermarkt .scene-intro .scene-intro-element-text.position-absolute-bottom { bottom: 35px; }
		
	
		
	.nabu-supermarkt .scene-element-text-anim-percent-text { font-size: 1.25em; line-height: 1.25em; margin-top: 20px !important; }
	
	.nabu-supermarkt .tooltip-inner { padding: 10px; } 
	
	/* carousel 
	-------------*/
		
		.nabu-supermarkt .carousel {}
		.nabu-supermarkt .scene-moorentstehung .carousel {}
			.nabu-supermarkt .carousel .item .carousel-caption { font-size: 0.87em !important; line-height: 1.2em !important; }
				.nabu-supermarkt .carousel .item .carousel-caption p { text-align: center !important; } 
}
@media (max-width: 380px) {
	.nabu-supermarkt .scene-tooltip { margin-top: -3%; margin-left: -3%; }
	.nabu-supermarkt .tooltip { max-width: 95% !important; min-width: 80% !important; }
	.nabu-supermarkt .tooltip-inner { max-width: 600px !important; font-size: 95%; line-height: 106%; } 
}