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

/** ELEMENTS 
############### */
	.nabu-textil ul {}
		.nabu-textil ul li { margin-bottom: 5px; }   
		
		.nabu-textil ul.arrow { 
			list-style: none; padding-left: 0; margin-left: 0px;
		}
			.nabu-textil ul.arrow li { background: url(../images/arrow-icon-next_24px.png) no-repeat 0px 4px; background-size: 18px; padding-left: 30px; }
			.nabu-textil ul.arrow li ul { padding-left: 20px; }
				.nabu-textil ul.arrow li ul li { background: none; padding-left: 0; }
				
	.nabu-textil img.img-retina { max-width: 100%; width: 50%; height: auto; } /*make half the width and height because it is retina*/
	.nabu-textil 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-textil .box-btn-socials { padding-top: 5px; margin-bottom: -10px; }
	.nabu-textil a.btn-social, .nabu-textil 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-textil a.btn-social:hover { opacity: 0.8; -webkit-opacity: 0.8; }
		.nabu-textil a.btn-social-facebook, .nabu-textil a.btn-social-facebook:hover, .nabu-textil a.btn-social-facebook:focus { background: url(../images/NABU_ICON_social_facebook.png) no-repeat 10px center #0168B3; }
		.nabu-textil a.btn-social-twitter, .nabu-textil a.btn-social-twitter:hover, .nabu-textil a.btn-social-twitter:focus { background: url(../images/NABU_ICON_social_twitter.png) no-repeat 10px center #25bbff; }
		.nabu-textil a.btn-social-email, .nabu-textil a.btn-social-email:hover, .nabu-textil a.btn-social-email:focus { background: url(../images/NABU_ICON_social_mail.png) no-repeat 10px center #3d6315; }
		.nabu-textil a.btn-social-googleplus, .nabu-textil a.btn-social-googleplus:hover, .nabu-textil a.btn-social-googleplus:focus { background: url(../images/NABU_ICON_social_google.png) no-repeat 10px center #ce5333; }
		
		
	.nabu-textil #scenes { position: relative; overflow: hidden; width: 100%; min-height: 100%; }
		.nabu-textil .scene-head { float: left; clear: both; position: relative; z-index: 8999; height: 10px; width: 100%; margin: auto; }
			.nabu-textil .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-textil .scene-subhead { float: left; clear: both; position: relative; z-index: 89999; height: 0px; width: 100%; margin: auto; }
			.nabu-textil .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-textil .scene { display: block; clear: both; width: 100%; margin-bottom: 0px; position: relative; background: #eeede8; }
			.nabu-textil img.scene-heightholder-background { max-width: 100%; position: relative; z-index: 1; }
			.nabu-textil .scene-elements-absolute { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 999; }
			
			.nabu-textil .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-textil .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-textil .scene .green .containerbox-info_content { color: #76B72A; }
				
			.nabu-textil .scene-element {}
			.nabu-textil .scene-element-absolute { position: absolute; z-index: 999; }
			.nabu-textil .scene .scene-link { z-index: 1000 !important; cursor: pointer; }
			
			.nabu-textil .scene .scene-trigger-link-image { display: inline-block; position: relative; }
			.nabu-textil .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-textil .scene .scene-trigger-link-image .scene-trigger-link-image-img {  }
			
			.nabu-textil .scene a.scene-element-icon { z-index: 999; position: absolute; cursor: pointer; /*url('../images/NABU_ICON_shirt_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-textil .scene a.scene-element-icon.active { opacity: 0.65 !important; -webkit-opacity: 0.65 !important; } 
				.nabu-textil .scene a.scene-element-icon-red { background: url(../images/NABU-muell-ICON_00-01.png) no-repeat center center /contain transparent; }
					.nabu-textil .scene a.scene-element-icon-red:hover { opacity: 0.8; -webkit-opacity: 0.8; }
				.nabu-textil .scene a.scene-element-icon-green { background: url(../images/NABU-muell-ICON_00-02.png) no-repeat center center /contain transparent; }
					.nabu-textil .scene a.scene-element-icon-green:hover { opacity: 0.8; -webkit-opacity: 0.8; }
			.nabu-textil .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-textil .scene a.scene-element-icon-blue { background: url(../images/NABU_super_marker-schatten.png) no-repeat center center /contain transparent; }
					.nabu-textil .scene a.scene-element-icon-blue:hover { opacity: 0.8; -webkit-opacity: 0.8; }
					
			.nabu-textil .scene-img-bg { position: relative; z-index: 1; max-width: 100%; width: 100%; }
			
			.nabu-textil .scene a.scene-trigger-link {}
				.nabu-textil .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-textil .scene .scene-element-trigger { cursor: help; }
				.nabu-textil .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-textil .scene a .scene-element-trigger { cursor: pointer; }		
				.nabu-textil .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-textil .scene .scene-element-trigger.scene-element-trigger-green { border-bottom: 6px solid #76B72A; }
			.nabu-textil .scene .scene-element-trigger.scene-element-trigger-red { border-bottom: 6px solid #BC4250; }
			
			.nabu-textil .scene-a { min-height: 500px; margin-bottom: 0px; }
			.nabu-textil .scene-b { min-height: 500px; margin-bottom: 0px; }
			.nabu-textil .scene-c { min-height: 300px; margin-bottom: 0px; }
			.nabu-textil .scene-carousel {}
			
			.nabu-textil .scene-ajax-load { display: none; position: absolute; left: -1000px; top: 0px; z-index: 99999; }
			
			.nabu-textil .scene-links { position: relative; padding-top: 60px; background:#badb94; margin-top: -2px; }
			
			.nabu-textil .scene-imprint { font-size: 0.9em; }
			.nabu-textil .scene-imprint.fixed { position: absolute; bottom: 0px; width: 100%; left: 0px; }
				.nabu-textil .scene-imprint a { color: #ffffff; text-shadow: none; }
					.nabu-textil .scene-imprint a:hover {}
				.nabu-textil .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-textil .scene-imprint a#imprint-close:hover { opacity: 0.75; -webkit-opacity: 0.75; } 
			.nabu-textil .scene-element {}
				.nabu-textil .scene-element-a { position: absolute; top: 20%; left: 20%; width: 10%; height: 10%; background: yellow; color: #2c2c3c; }
				.nabu-textil .scene-element-b { position: absolute; bottom: 20%; right: 20%; width: 10%; height: 10%; background: green; color: #2c2c3c; }
				
				.nabu-textil .scene-element-linkbox { background: #EEEDE8; padding: 20px; margin-bottom: 30px;  }
				.nabu-textil .scene-element-paragraph { font-weight: 600; }
				
				.nabu-textil .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-textil .scene-element-text.position-absolute-bottom { position: absolute; z-index: 8999; bottom: 10%; left: 5%; }
					.nabu-textil .scene-element-text.position-absolute-bottom-left { position: absolute; z-index: 8999; bottom: 10%; left: 5%; max-width: 25%; }
					.nabu-textil .scene-element-text.position-absolute-bottom-right { position: absolute; z-index: 8999; bottom: 10%; right: 5%; max-width: 25%; }
					.nabu-textil .scene-element-text.position-absolute-top { position: absolute; z-index: 8999; top: 10%; left: 5%; }
					.nabu-textil .scene-element-text.position-absolute-top-left { position: absolute; z-index: 8999; top: 10%; left: 5%; max-width: 25%; }
					.nabu-textil .scene-element-text.position-absolute-top-right { position: absolute; z-index: 8999; top: 10%; right: 5%; max-width: 25%; }
				.nabu-textil .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-textil .scene-element-text-anim small { clear: both; font-size: 0.7em; display: block; font-weight: 300; }
					.nabu-textil .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-textil .scene-element-text-anim-bar.anim_finished { height: 100%; }
				.nabu-textil .scene-element-image-anim, .nabu-textil .scene-element-image-anim-1, .nabu-textil .scene-element-image-anim-2, .nabu-textil .scene-element-image-anim-3, .nabu-textil .scene-element-image-anim-4 {}
				.nabu-textil .scene-element-subhead, .nabu-textil .scene-element-subhead-1, .nabu-textil .scene-element-subhead-2, .nabu-textil .scene-element-subhead-3, .nabu-textil .scene-element-subhead-4 {}
			
			.nabu-textil .scene-01.scene-winterkollektion { overflow: hidden /*(only so the inner absolute elements can be positioned with %)*/; }
				.nabu-textil #scene-01-marker-01 { left: 25%; top: 12%; }
				.nabu-textil #scene-01-marker-02 { left: 67%; top: 36%; }
				.nabu-textil #scene-01-marker-03 { left: 8%; top: 15%; }
				.nabu-textil #scene-01-marker-04 { left: 35%; top: 32%; }
				.nabu-textil #scene-01-marker-05 { left: 3%; top: 55%; }
				.nabu-textil #scene-01-marker-06 { left: 89%; top: 63%; }
				.nabu-textil #scene-01-marker-07 { left: 68%; top: 9%; }
				.nabu-textil #scene-01-marker-08 { left: 65%; top: 72%; }
			.nabu-textil .scene-02.scene-sommerkollektion { overflow: hidden /*(only so the inner absolute elements can be positioned with %)*/; }
				.nabu-textil #scene-02-marker-01 { left: 16%; top: 45%; }
				.nabu-textil #scene-02-marker-02 { left: 51%; top: 28%; }
				.nabu-textil #scene-02-marker-03 { left: 73%; top: 65%; }
				.nabu-textil #scene-02-marker-04 { left: 71%; top: 16%; }
				.nabu-textil #scene-02-marker-05 { left: 21%; top: 6%; }
				.nabu-textil #scene-02-marker-06 { left: 64%; top: 35%; }
			.nabu-textil .scene-03.scene-zuhause { overflow: hidden /*(only so the inner absolute elements can be positioned with %)*/; }
				.nabu-textil #scene-03-marker-01 { left: 33%; top: 74%; }
				.nabu-textil #scene-03-marker-02 { left: 67%; top: 15%; }
				.nabu-textil #scene-03-marker-03 { left: 29%; top: 34%; }
				.nabu-textil #scene-03-marker-04 { left: 14%; top: 33%; }
			
				
	.nabu-textil .carousel {}
		.nabu-textil .carousel-control { z-index: 8999; }
		.nabu-textil .carousel-control.left { background-image: none; }
		.nabu-textil .carousel-control.right {  background-image: none; }
		.nabu-textil .carousel-control .glyphicon-chevron-left, .nabu-textil .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-textil .carousel-control .glyphicon-chevron-right, .nabu-textil .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-textil .carousel-control .glyphicon-chevron-left, .nabu-textil .carousel-control .glyphicon-chevron-right, .nabu-textil .carousel-control .icon-next, .nabu-textil .carousel-control .icon-prev {
		    font-size: 30px;
		    height: 50px;
		    margin-top: -25px;
		    width: 50px;
		}
		.nabu-textil .carousel-caption { left: 15%; right: 15%; width: 70%; top: 10px; color: #3c6214; line-height: 1.2em; text-shadow: none; font-weight: 600; }
		.nabu-textil .carousel-indicators { margin-left: calc(-30% + 5px); bottom: 10px; }
			.nabu-textil .carousel-indicators li { background: #9eb18a; border: none; height: 20px; width: 20px; border-radius: 20px; -webkit-border-radius: 20px; margin-right: 10px; }
				.nabu-textil .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-textil .scene-3000000 { }
		.nabu-textil .scene-3000000-element-text { width: 61%;  }
			.nabu-textil .scene-3000000-element-text_2 { font-size: 4.2em; }
			
	.nabu-textil .scene-intro {}
		.nabu-textil .scene-intro .scene-intro-element-text.position-absolute-bottom { font-size: 1.3em; }
}
@media (max-width: 767px) {

	body.nabu-textil  { font-size: 16px; }
	
	.nabu-textil .scene-intro {}
		.nabu-textil .scene-intro .scene-intro-element-text.position-absolute-bottom {  }
		
	.nabu-textil .scene-3000000 {}
		.nabu-textil .scene-3000000-element-text { margin-top: 16%; margin-left: 25%; }
			.nabu-textil .scene-3000000-element-text_2 { font-size: 3.5em; }
		
	.nabu-textil .scene-tooltip { margin-top: -1%; margin-left: -1%; }
	
	/* carousel 
	-------------*/
		.nabu-textil .carousel-caption { left: 5% !important; right: 5% !important; width: 90% !important; top: -20px !important; }
		.nabu-textil .carousel-control .glyphicon-chevron-left, .nabu-textil .carousel-control .glyphicon-chevron-right, .nabu-textil .carousel-control .icon-next, .nabu-textil .carousel-control .icon-prev {
		    top: 80%; margin-top: 0px; 
		}
		.nabu-textil .carousel .item .carousel-caption p { top: -20px; text-align: center !important; }
		.nabu-textil .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-textil .btn-primary { padding: 20px; width: 100%; }
	
	.nabu-textil .scene-intro {}
		.nabu-textil .scene-intro .scene-intro-element-text.position-absolute-bottom { font-size: 1.15em; }
	
	.nabu-textil .scene-tooltip { margin-top: -2%; margin-left: -2%; }
	
	.nabu-textil .tooltip { max-width: 92% !important; min-width: 70% !important; }
	.nabu-textil .tooltip-inner { max-width: 600px !important; } 
	
	/* carousel 
	-------------*/
		
}
@media (max-width: 559px) {
	
	
	.nabu-textil div#title { top: 5px; }
		
	.nabu-textil .scene-3000000 {}
		.nabu-textil .scene-3000000-element-text { width: 80%; margin-left: 12%;  }
		.nabu-textil .scene-3000000-element-text_2 { font-size: 2.5em; }
	
	.nabu-textil .scene-tooltip { margin-top: -3%; margin-left: -3%; }
	.nabu-textil .tooltip {}
	.nabu-textil .tooltip-inner { } 
	
	/* carousel 
	-------------*/
		.nabu-textil .carousel-indicators { bottom: 0px; }
		.nabu-textil .carousel-inner > .item > a > img, .nabu-textil .carousel-inner > .item > img, .nabu-textil .img-responsive, .nabu-textil .thumbnail a > img, .nabu-textil .thumbnail > img {
		    padding-top: 70px !important;
		}
		
		
}

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