/* Basic ____________________________________________________ */
	
	@media all {
	
		body 														{ overflow: visible !important; height: auto !important; }
		body.openmenu 												{ overflow-y: none; }
		body.overflow 												{ overflow: hidden !important; }
		div.pageloader												{ transition: left .4s ease-in-out; left: 120% !important; }
		
		div.bubblycover												{ width: 100%; height: 60px; position: absolute; left: 0px; top: 0px; z-index: 0; }
		address														{ font-style: normal; }
		
		div.frame 													{ position: relative; text-align: left; }
		
		.centercontent,
		.centercontent.wide											{ width: <%=pr(1500,1620)%>%; max-width: 1170px; margin-left: auto; margin-right: auto; }
		.centercontent.wide											{ max-width: 2500px; }
		.centercontent.topBottom									{ height: 95%; height: calc(100vh - 120px); margin-top: 60px; margin-bottom: 60px; }
		.centercontent:not(.wide) .centercontent					{ width: auto; max-width: none; margin-left: 0px; margin-right: 0px; }
		.centercontent.wide .centercontent							{ margin-left: auto; margin-right: auto; width: <%=pr(1500,1620)%>%; }
		
		.center														{ transform: translate(-50%, -50%); }
		.centerX													{ transform: translateX(-50%); }
		.centerY													{ transform: translateY(-50%); }
		
		.downlink													{ cursor: pointer; }
		
		.circletext													{ transform: scale(.8); }
		
		picture.zoomHover, .zoomHover picture						{ overflow: hidden; }
		picture.zoomHover img, .zoomHover picture img				{ transition: transform .25s linear; }
		picture.zoomHover:hover img, .zoomHover picture:hover img	{ transform-origin: center center; transform: scale(1.025); }
		.lightHover													{ transition: opacity .1s linear; }
		.lightHover:hover											{ opacity: 0.75; }
		.moveHoverLeft												{ right: 0px; transition: right .4s linear; position: relative; }
		.moveHoverLeft:hover										{ right: 8px; }
		.moveHoverRight												{ left: 0px; transition: left .4s linear; position: relative; }
		.moveHoverRight:hover										{ left: 8px; }
		
		.list3														{ display: flex; flex-wrap: wrap; justify-content: space-between; }
		.list3 article												{ width: <%=pr(370,1170)%>%; }
		.list3.centerlist											{ text-align: center; justify-content: space-around; }
		.list3.centerlist article:nth-child(3n):last-child			{ width: 100%; }
		.list3:after												{ content: ''; width: <%=pr(370,1170)%>%; }
		.list3.centerlist:after										{ content: none; }
		
		.ratioCenter												{ height: 100%; overflow: hidden; position: relative; }
		.ratioCenter picture img									{ height: 100%; width: auto; left: 50%; position: relative; transform: translateX(-50%); }
		
		.textlinks a												{ font-weight: inherit; color: inherit; }
		
		.gradientBefore:before										{ content: ''; width: 90%; height: 150%; border-radius: 50%; position: absolute; left: 5%; top: -30%; z-index: -1; }
		.gradientBefore:before										{ background: radial-gradient(ellipse at center, rgba(42,50,28,0.4) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%); }
		
		.arrowRed													{ width: 22px; height: 10px; vertical-align: middle; display: inline-block; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAKCAMAAACHfl7pAAAAQlBMVEXMADHMADHMADHMADHMADHMADHMADHMADFHcEzMADHMADHMADHMADHMADHMADHMADHMADHMADHMADHMADHMADHMADGO0Z4BAAAAFnRSTlOVZKB+9UQ+jgCB1utqjZIyM3LleeRhzdlOagAAAEdJREFUCB1lwEkSgCAQBMGWtQBx9/9flaMxpDBcZBCGvw5AWD4kEJO3RbRuMu4aipaee/7rZw1FTJYWEVYJCYThnx0QhosMH+LaBnb920sgAAAAAElFTkSuQmCC') no-repeat 50% 50%; position: relative; left: 0px; -webkit-transition: left 400ms; transition: left 400ms; }
		.arrowRed:hover												{ left: 5px; }
		
		.arrowYellow												{ width: 22px; height: 10px; vertical-align: middle; display: inline-block; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAKBAMAAABCjrPoAAAAMFBMVEUAAAD72o7725P97sv85rL84KD4wkX735373JT+8tn979D714X5yVz5xlH5xEz84qhlzNIcAAAAAXRSTlMAQObYZgAAADFJREFUCNdjgIHNDAgQOwHBZs1CkvAzYHAUhIKYdAYPDSUw0PiTjqIGBtiz0MxE2AUAFnEJcFT+TxMAAAAASUVORK5CYII=') no-repeat 50% 50%; position: relative; left: 0px; -webkit-transition: left 400ms; transition: left 400ms; }
		.arrowYellow:hover											{ left: 5px; }
		
		.standardspace,
		.standardspacetop											{ padding-top: <%=pr(100,1500)%>%; }
		.standardspace,
		.standardspacebottom										{ padding-bottom: <%=pr(100,1500)%>%; }
		
		.standardspace.half,
		.standardspacetop.half										{ padding-top: <%=pr(50,1500)%>%; }
		.standardspace.half,
		.standardspacebottom.half									{ padding-bottom: <%=pr(50,1500)%>%; }
		
		.standardspace.third,
		.standardspacetop.third										{ padding-top: <%=pr(33,1500)%>%; }
		.standardspace.third,
		.standardspacebottom.third									{ padding-bottom: <%=pr(33,1500)%>%; }
		
		.standardspacebottom:not(.fullwidth) + .standardspace:not(.fullwidth),
		.standardspacebottom:not(.fullwidth) + .standardspacetop:not(.fullwidth),
		.standardspace:not(.fullwidth) + .standardspace:not(.fullwidth),
		.standardspace:not(.fullwidth) + .standardspacetop:not(.fullwidth)						{ padding-top: 0%; }
		
		.standardspace.fullwidth.bglistalternate2.fake + .standardspace.fullwidth.bglistalternate2.fake	{ padding-top: 0%; }
		
		picture,
		picture a													{ display: block; position: relative; }
		picture img													{ width: 100%; display: block; transition: opacity 500ms; opacity: 1; }
		picture.picture-loading:before								{ content: ''; border: 5px solid #f3f3f3; border-top: 5px solid #555555; border-radius: 50%; position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; margin: -20px 0px 0px -20px; animation: spin 1.6s linear infinite; -webkit-animation: spin 1.6s linear infinite; -moz-animation: spin 1.6s linear infinite; }
		picture.picture-loading img									{ opacity: 0; filter: alpha(opacity = 0); }
		/*
		picture:not([bimageloaded="true"]):before					{ content: ''; width: 100%; height: 0px; display: block; background-color: rgba(0,0,0,.2); }
		picture.ar16-9:not([bimageloaded="true"]):before			{ padding-bottom: <%=pr(9,16)%>%; }
		*/
		video + .video-controls										{ display: none; }
		video + .video-controls.loaded								{ display: block; }
		video:not(.playing)::-webkit-media-controls-panel			{ display: none; }
		
		.loadingsubmit .sbbfilter form .submit,
		.loading													{ opacity: .5; pointer-events: none; }
		.loadingsubmit .sbbfilter form .submit:before,
		.rhloading:before											{ content: ''; border: 5px solid #f3f3f3; border-top: 5px solid #555555; border-radius: 50%; position: absolute; left: 50%; top: 250px; width: 40px; height: 40px; margin: -25px 0px 0px -25px; animation: spin 1.6s linear infinite; -webkit-animation: spin 1.6s linear infinite; -moz-animation: spin 1.6s linear infinite; display: block; z-index: 10; }
		.loadingsubmit .sbbfilter form .submit:before				{ top: 50%; }
		.rhloading.loadingsubmit.sbbfilter form .submit				{ opacity: 1; pointer-events: auto; }
		.rhloading.loadingsubmit .sbbfilter form .submit:before		{ content: none; }
		
		video + .video-controls > div								{ margin-top: -45px; margin-left: -45px; width: 90px; height: 90px; border-radius: 50%; background-color: #cc0131; position: absolute; left: 50%; top: 50%; cursor: pointer; }
		.video.bB2B video + .video-controls > div					{ background-color: #E99D01; }
		video + .video-controls > div:before,
		video + .video-controls > div:after							{ content: ''; position: absolute; }
		video + .video-controls > div.play:before					{ left: 32px; top: 21px; width: 0; height: 0; border-style: solid; border-width: 24px 0 24px 36px; border-color: transparent transparent transparent #ffffff; }
		video + .video-controls > div.pause:before,
		video + .video-controls > div.pause:after					{ width: 10px; height: 40px; top: 25px; left: 32px; border-radius: 2px; background-color: #FFFFFF; }
		video + .video-controls > div.pause:before					{ left: 48px; }
		video + .video-controls div:hover							{ transform: scale(1.1); }
		
		video + .video-controls > div								{ opacity: 1; z-index: 7; transition: z-index 0s, opacity .8s, transform .4s; }
		video.playing + .video-controls > div.play					{ opacity: 0; z-index: -1; transition: opacity .8s, z-index 0s linear .8s; }
		video + .video-controls > div.pause							{ opacity: 1; z-index: -1; transition: opacity 0s, z-index 0s; }
		video.playing + .video-controls > div.pause:hover			{ opacity: 1; z-index: 7; transition: z-index 0s, opacity .1s linear 0s; }
		video.playing + .video-controls > div.pause					{ opacity: 0; z-index: 7; transition: z-index 0s, opacity .8s linear 2s; }
		/*
		video + .video-controls > div.play							{ width: 0; height: 0; border-top: 16px solid transparent; border-left: 20px solid #FFFFFF; border-bottom: 16px solid transparent; margin: -16px 0px 0px -6px; }
		video + .video-controls > div.play:before					{  }
		video + .video-controls > div.pause							{ width: 8px; height: 26px; border-right: 6px solid #FFFFFF; border-left: 6px solid #FFFFFF; margin: -13px 0px 0px -10px; }
		video + .video-controls > div.pause:before					{ left: -26px; top: -17px; }
		video + .video-controls .play:hover:before,
		video + .video-controls .pause:hover:before					{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
		
		video + .video-controls > div.pause							{ display: none; }
		video + .video-controls.playing > div.play					{ display: none; }
		video + .video-controls.playing > div.pause					{ display: block; }
		*/
		
		.customplaybutton video::-webkit-media-controls-overlay-play-button		{ display: none; }
		
		.clearbefore:before,
		.clearafter:after,
		.clearbeforeafter:before,
		.clearbeforeafter:after										{ content: ''; clear: both; display: block; font-size: 0px; height: 0px; line-height: 0px; overflow: hidden; text-indent: -100px; }
		
		.vAlignHelper:before										{ content: ''; display: inline-block; vertical-align: middle; height: 100%; }
		.box-resizing.vAlignHelper:before,
		.box-resizing .vAlignHelper:before							{ content: none; }
		.vAlignCenter												{ display: inline-block; vertical-align: middle; }
		.vAlignTop													{ display: inline-block; vertical-align: top; }
		.vAlignBottom												{ display: inline-block; vertical-align: bottom; }
		
		.floatingbubble												{ padding: 0px; height: 100px; position: absolute; animation: rotate 60s infinite linear; }
		.floatingbubble.alternate									{ animation: rotate 60s infinite reverse linear; }
		.floatingbubble div											{ border-radius: 50%; position: absolute; left: 0px; top: 0px; }
		
		section.unitcookie.layout1.cssversion1 div.introduction 	{ width: 100% !important; }
		section.unitprivacy.layout1 div.introduction 				{ width: 100% !important; }
		section.unitcredits.layout1.cssversion1 					{ padding-top: 150px; }
		section.unitcookie.layout1.cssversion1 						{ padding-top: 150px; }
		section.unitprivacy.layout1.cssversion1 					{ padding-top: 150px; }
		section.unitsitemap.layout1 								{ padding-top: 150px; }
		
		#CustomOverlayContainer 									{ z-index: 100; height: 120vh; position: fixed; width: 100%; top: 0px; left: 0px; }
	
	}
	
	@keyframes rotate {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}
	
	@media (max-width: 800px) {
	
		.floatingbubble												{ display: none; }
		.centercontent.topBottom									{ margin-bottom: 30px; }
		section.unitcredits.layout1.cssversion1 					{ padding-top: 50px; }
		section.unitcookie.layout1.cssversion1 						{ padding-top: 50px; }
		section.unitprivacy.layout1.cssversion1 					{ padding-top: 50px; }
		section.unitsitemap.layout1 								{ padding-top: 50px; }
		
		.standardspace,
		.standardspacetop											{ padding-top: <%=pr(100,1200)%>%; }
		.standardspace,
		.standardspacebottom										{ padding-bottom: <%=pr(100,1200)%>%; }
		
		.standardspace.half,
		.standardspacetop.half										{ padding-top: <%=pr(50,1200)%>%; }
		.standardspace.half,
		.standardspacebottom.half									{ padding-bottom: <%=pr(50,1200)%>%; }
		
		.standardspace.third,
		.standardspacetop.third										{ padding-top: <%=pr(33,1200)%>%; }
		.standardspace.third,
		.standardspacebottom.third									{ padding-bottom: <%=pr(33,1200)%>%; }
		
		.standardspacebottom:not(.fullwidth) + .standardspace:not(.fullwidth),
		.standardspacebottom:not(.fullwidth) + .standardspacetop:not(.fullwidth),
		.standardspace:not(.fullwidth) + .standardspace:not(.fullwidth),
		.standardspace:not(.fullwidth) + .standardspacetop:not(.fullwidth)						{ padding-top: 0%; }
	
	}
	
	@media (max-width: 600px) {
	
		.centercontent,	
		.centercontent.wide																							{ width: <%=pr(520,600)%>%; }
		.centercontent.wide:not(.ListT1):not(.BauernDetail) .centercontent:not(.Intro):not(.owl-carousel)			{ width: 100%; }
		
		.standardspace,
		.standardspacetop											{ padding-top: <%=pr(100,800)%>%; }
		.standardspace,
		.standardspacebottom										{ padding-bottom: <%=pr(100,800)%>%; }
		
		.standardspace.half,
		.standardspacetop.half										{ padding-top: <%=pr(65,800)%>%; }
		.standardspace.half,
		.standardspacebottom.half									{ padding-bottom: <%=pr(65,800)%>%; }
		
		.standardspace.third,
		.standardspacetop.third										{ padding-top: <%=pr(50,800)%>%; }
		.standardspace.third,
		.standardspacebottom.third									{ padding-bottom: <%=pr(50,800)%>%; }
		
		.standardspacebottom:not(.fullwidth) + .standardspace:not(.fullwidth),
		.standardspacebottom:not(.fullwidth) + .standardspacetop:not(.fullwidth),
		.standardspace:not(.fullwidth) + .standardspace:not(.fullwidth),
		.standardspace:not(.fullwidth) + .standardspacetop:not(.fullwidth)						{ padding-top: 0%; }
	
	}
	
/* Change following classes and media-queries to your needs ______________ */
	
	@media (max-width: 1023px) {
	
		.aboveTabletBreakpoint										{ display: none !important; }
	
	}
	
	@media (min-width: 1024px) {
	
		.belowTabletBreakpoint										{ display: none !important; }
	
	}
	
	@media (max-width: 800px) {
	
		video + .video-controls > div								{ margin-top: -30px; margin-left: -30px; width: 60px; height: 60px; }
		video + .video-controls > div.play:before					{ left: 24px; top: 16px; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 23px; border-color: transparent transparent transparent #ffffff; }
		video + .video-controls > div.pause:before,
		video + .video-controls > div.pause:after					{ width: 7px; height: 29px; top: 16px; left: 18px; border-radius: 2px; background-color: #FFFFFF; }
		video + .video-controls > div.pause:before					{ left: 35px; }
	
	}
	
	@media (max-width: 739px) {
	
		.aboveMobileBreakpoint										{ display: none !important; }
	
	}
	
	@media (min-width: 740px) {
	
		.belowMobileBreakpoint										{ display: none !important; }
	
	}
	
/* Header ________________________________________________________________ */
	
	@media all {
	
		header														{ width: 100%; position: relative; z-index: 2; }
		header div.inner											{ padding: 20px 0px 17px 0px; position: fixed; top: 0px; transform: translateY(-100px); transition: transform 1.2s ease .4s, background-color 0s ease 2s; width: 100%; height: 23px; z-index: 5; }
		header div.logoinner										{ height: 0px; position: relative; z-index: 3; }
		header div.spacinginner										{ position: relative; }
		xheader div.spacinginner:before								{ content: ''; width: 100%; height: 0px; display: inline-block; position: absolute; left: 0px; top: 100%; box-shadow: 0px 6px 12px -12px rgba(0,0,0,0.4); }
		
		header a.logo												{ position: absolute; left: 30px; top: 59px; z-index: 2; }
		header a.logo img											{ max-width: 230px; height: auto; }
		header a.logo.bio-											{ left: -27px; }
		header nav.mainmenu											{ width: 100%; text-align: center; }
		header nav.mainmenu li										{ display: inline-block; }
		header nav.mainmenu li + li									{ margin-left: <%=pr(40,1500)%>%; }
		header nav.mainmenu li a									{ color: #000000; font-size: 16px; }
		header nav.mainmenu li a:hover,
		header nav.mainmenu li a.activestyle,
		header nav.mainmenu li a.active								{ color: #CC0131; }
		header.bB2B nav.mainmenu li a:hover,
		header.bB2B nav.mainmenu li a.activestyle,
		header.bB2B nav.mainmenu li a.active						{ color: #F8BF3D; }
		header nav.mainmenu li section								{ display: none; }
		header nav.topnavi											{ position: absolute; right: 35px; top: 0px; text-align: right; }
		header nav.topnavi a										{ margin-right: 32px; font-weight: 600; font-size: 14px; }
		header nav.topnavi a:not(.link):not(.yellowlink)			{ color: #666666; }
		header nav.topnavi span:not(.yellowlink) a					{ color: #666666; }
		header nav.language											{ position: absolute; right: 0px; top: 0px; text-align: center; width: 35px; }
		header nav.language a										{ font-weight: 600; color: #666666; }
		header nav.language a.active								{ font-size: 16px; position: relative; padding-right: 10px; }
		header nav.language a.active:before							{ content: ''; position: absolute; right: 0px; top: 8px; float: right; display: inline; width: 0; height: 0; border-style: solid; border-width: 3px 2px 0 2px; border-color: #666666 transparent transparent transparent; }
		header nav.language div.other								{ padding: 0px 10px 0px 10px; }
		header nav.language div.other a								{ display: block; text-align: center; }
		
		header div.menuoverlayer									{ width: 100%; height: 100%; position: fixed; left: 0px; top: -100%; }
		header div.menuoverlayerinner								{ height: 100%; }
		header div.menuoverlayer div.frame							{ overflow: hidden; }
		header.open div.menuoverlayer div.frame						{ overflow: visible; }
		header div.menuoverlayer a.close							{ margin-top: <%=pr(35,1500)%>%; width: 60px; height: 60px; position: absolute; right: <%=pr(75,1500)%>%; top: 0px; border-radius: 50%; z-index: 10; }
		header div.menuoverlayer a.close:hover						{ color: #FFFFFF; box-shadow: inset 0px 0px 500px rgba(0,0,0,0.15); }
		header div.menuoverlayer a.close:before,
		header div.menuoverlayer a.close:after						{ content: ''; width: 28px; height: 2px; background-color: #ffffff; position: absolute; left: 15px; top: 28px; transform: rotate(45deg); }
		header div.menuoverlayer a.close:before						{ transform: rotate(135deg); }
		
		header.open													{ width: 100%; position: fixed; left: 0px; top: 0px; }
		
		header a.logo												{ z-index: 4; opacity: 1; transition: opacity .4s linear, z-index 0s linear; }
		header div.menuoverlayer									{ z-index: -1; opacity: 0; transition: opacity .4s linear, z-index 0s linear 0.4s, top 0s linear 0.4s; }
		header.open a.logo											{ z-index: -1; opacity: 0; transition: opacity .4s linear, z-index 0s linear 0.4s; }
		header.open div.menuoverlayer								{ z-index: 4; opacity: 1; transition: opacity .4s linear, z-index 0s linear; top: 0px; }
		
		div.pagecontent												{ margin-top: 60px; position: relative; z-index: 1; }
		div.pagecontent div.maincontent > div.Breadcrumb			{ display: none; }
		
		.fixedmenu header div.inner,
		.openmenu header div.inner									{ transform: translateY(0px); transition: transform 1.2s ease .4s, background-color 0s ease 0s; }
		.floatmenu header div.inner,
		.openmenu header div.inner									{ background-color: #FFFFFF; box-shadow: 0px 0px 20px 10px rgba(0,0,0,.4); }
		.floatmenu header nav.language,
		.openmenu header nav.language								{ display: none; }
		
		/* Mobiel Menu */
		
		div.menuopenerouter											{ display: none; float: right; width: 42px; height: 42px; margin-right: 0px; position: relative; margin: 0px auto; cursor: pointer; -webkit-border-radius: 50px; border-radius: 50px; background-color: #CF2336; }
		div.menuopenerouter.bB2B									{ background-color: #F8BF3D; }
		div.menuopenerouter div.menuopenerinner						{ display: block; width: 100%; height: 100%; position: relative; }
		#menu-opener												{ display: block; width: 100%; height: 100%; }
		#menu-opener span											{ display: block; position: absolute; height: 2px; width: 50%; background: #FFFFFF; border-radius: 9px; opacity: 1; left: 11px;
																		-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
																		-webkit-transition: transform 250ms ease-in-out 0ms; -moz-transition: transform 250ms ease-in-out 0ms; -o-transition: transform 250ms ease-in-out 0ms; transition: transform 250ms ease-in-out 0ms;
																	}
		#menu-opener.open span										{ background: #FFFFFF; }
		
		#menu-opener span:nth-child(1) 								{ top: 14px; }
		#menu-opener span:nth-child(2),
		#menu-opener span:nth-child(3) 								{ top: 20px; }
		#menu-opener span:nth-child(4) 								{ top: 26px; }
		#menu-opener.open span:nth-child(1) 						{ top: 8px; width: 0%; left: 50%; }
		#menu-opener.open span:nth-child(2) 						{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }	
		#menu-opener.open span:nth-child(3) 						{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
		#menu-opener.open span:nth-child(4) 						{ top: 8px; width: 0%; left: 50%; }
		header nav.mainmenu li.responsivetopnavi								{ display: none; }
		
	
	}
	
	@media (max-width: 1300px) {
	
		header nav.mainmenu li + li									{ margin-left: <%=pr(32,1500)%>%; }
		header nav.topnavi a										{ margin-right: 22px; }
	
	}
	
	@media (max-width: 1200px) {
	
		header nav.topnavi a										{ margin-right: 15px; }
		
		header nav.mainmenu li + li									{ margin-left: <%=pr(22,1500)%>%; }
		header nav.mainmenu li a									{ font-size: 15px; }
	
	}
	
	@media (max-width: 1100px) {
	
		header div.logoinner										{ transform: scale(.8); transform-origin: top left; }
	
		header a.logo												{ left: 15px; top: 10px; }
		header a.logo img											{ width: 125px; }
		header div.inner											{ background-color: #FFFFFF;}
		header div.logoinner										{ height: 0px; position: relative; z-index: 6; transform: none; }
		
		
		body div.contentmobilemenu									{ display: none; height: calc(100vh - 80px); border-bottom: 20px solid #FFFFFF; transition: border-bottom 0s linear 0s; background-color: #CF2336; position: fixed; left: 0px; top: 60px; width: 93%; z-index: 3; margin-left: <%=pr(29,800)%>%; margin-right: <%=pr(30,800)%>%; }
		body header.bB2B div.contentmobilemenu						{ background-color: #F8BF3D; }
		
		body header.bB2B div.contentmobilemenu nav.mainmenu li a:hover,
		body header.bB2B div.contentmobilemenu nav.mainmenu li a.activestyle,
		body header.bB2B div.contentmobilemenu nav.mainmenu li.active a,
		body header.bB2B div.contentmobilemenu nav.mainmenu li a.active			{ color: #FFFFFF; }
		
		body header.open div.contentmobilemenu						{ border-bottom: 100px solid #FFFFFF; transition: border-bottom 0s linear 2s; }
		body div.innerContentmobilemenu								{ height: 100%; overflow: hidden; overflow-y: auto; }
		
		header nav.language a.active								{ padding-right: 0; }
		header nav.language a.active:before							{ display: none; }
		header nav.language											{ display: none; }
		header nav.language	a										{ color: #FFFFFF; margin-left: 5px; }
		
		header nav.topnavi											{ display: none; }
		
		body.openmenu header nav.language							{ display: block; position: absolute; left: 0%; bottom: 40px; right: auto; top: auto; text-align: center; margin: 0 auto; width: 100%; }
		body.openmenu header nav.language a							{ margin: 0px 5px; float: none; display: inline-block; }
		body.openmenu header nav.language div.other					{ display: inline-block !important; float: none; background: transparent; padding: 0; }
		div.menuopenerouter											{ display: inline; position: relative; z-index: 5; margin-top: -10px; }
		
		header nav.mainmenu li.responsivetopnavi								{ margin-top: 8px; display: block; }
		header nav.mainmenu li.responsivetopnavi + li.responsivetopnavi			{ margin-top: 0px; }
		header nav.mainmenu li.responsivetopnavi a								{ font-size: 14px; }
		
		header nav.mainmenu li 										{ display: block; width: 100%; }
		header nav.mainmenu a.active + section.MenuTeaser 			{ display: block; }
		header nav.mainmenu li a 									{ font-size: 26px; line-height: 180%; font-family: 'Raleway', sans-serif; color: #FFFFFF; font-weight: bold; }
		
		header nav.mainmenu li + li									{ margin-left: 0px; }
		header nav.mainmenu ul ul									{ margin-bottom: 22px; }
		
		header.open a.logo											{ z-index: 1; opacity: 1; transition: opacity .4s linear, z-index 0s linear 0.4s; }
		header.open div.menuoverlayer								{ z-index: 4; opacity: 0; transition: opacity .4s linear, z-index 0s linear; top: 0px; }
		
		header nav.mainmenu li a:hover,								
		header nav.mainmenu li a.activestyle,
		header nav.mainmenu li.active a								{ color: rgba(255,255,255,0.8); }
		
		header nav.mainmenu li a.active								{ color: rgba(255,255,255,0.8); }
		header nav.mainmenu li.active ul li a 						{ color: #FFFFFF; }
		header nav.mainmenu li.active ul li a:hover 				{ color: #FFFFFF; }
		
	}
	
	@media (max-width: 800px) {
	
		header nav.mainmenu li a 									{ font-size: 20px; }
	
	}
	
	@media (max-width: 600px) {
		
		
		header a.logo												{ left: 15px; top: 10px; }
		header a.logo img											{ width: 100px; max-width: 100%; transform: none; }
	
	}
	
	@media (max-width: 1100px) {
	
		body.openmenu header nav.mainmenu							{ padding-top: 50px; }
	
	}
	
	@media (max-width: 500px) {
	
		/* header nav.mainmenu ul li a									{ line-height: 24px; } */
		header nav.mainmenu ul li ul li a							{ line-height: 24px; }
		body.openmenu header nav.language							{ bottom: 15px; }
		body[data-lang="it"].openmenu header nav.language			{ bottom: 5px; }
		body.openmenu header nav.mainmenu							{ padding-top: 55px; }
		body[data-lang="it"].openmenu header nav.mainmenu			{ padding-top: 35px; }
		header nav.mainmenu ul ul									{ margin-bottom: 12px; }
	
	}
	
	
/* Footer ________________________________________________________________ */
	
	@media all {
	
		footer.pagefooter 											{ padding: <%=pr(75,1500)%>% 0px 50px 0px; position: relative; clear: both; text-align: center; }
		footer.pagefooter div.top 									{ font-weight: bold; }
		footer.pagefooter div.top div.bugs							{ margin-top: <%=pr(20,1500)%>%; }
		footer.pagefooter div.top div.bugs a						{ color: #F9BA25; }
		footer.pagefooter div.mid 									{ margin-top: <%=pr(50,1500)%>%; }
		footer.pagefooter div.mid nav								{ width: 100%; }
		footer.pagefooter div.mid a									{ text-align: right; display: inline-block; font-weight: normal; }
		footer.pagefooter div.mid a + a								{ margin-left: 0px; text-align: left; }
		footer.pagefooter div.mid a + a:before						{ content: ' | '; margin: 0px 16px 0px 16px; }
		footer.pagefooter div.bottom 								{ margin-top: <%=pr(45,1500)%>%; }
		
		footer.pagefooter span.copyright,
		footer.pagefooter nav.footernavi,
		footer.pagefooter a.publisher								{ float: none; display: inline-block; }
		
		footer.pagefooter a.publisher img							{ vertical-align: text-bottom; margin: 0px 0px -5px 0px; }
		footer.pagefooter div.footerlogos							{ float: right; display: inline; }
		footer.pagefooter img.logobio								{ float: left; display: inline; margin: 20px 40px 0px 20px; }
		footer.pagefooter img.logosudtriol							{ float: left; display: inline; margin-top: 20px; }
	
	}
	
	@media (max-width: 1100px) {
	
		footer.pagefooter div.footerlogos							{ float: none; display: block; width: 100%; margin: 10px auto 0px auto; text-align: center; }
		footer.pagefooter img.logobio								{ float: none; display: inline-block; }
		footer.pagefooter img.logosudtriol							{ float: none; display: inline-block; }
		footer.pagefooter div.bottom 								{ clear: both; }
		footer.pagefooter div.bottom 								{ margin-top: <%=pr(25,1500)%>%; }
	
	}
	
	@media (max-width: 1023px) {
	
		footer.pagefooter div.top div.bugs							{ margin-top: <%=pr(40,1024)%>%; display: block; float: none; }
	
	}
	
	@media (max-width: 800px) {
	
		footer.pagefooter div.top,
		footer.pagefooter div.mid,
		footer.pagefooter div.bottom,
		footer.pagefooter div.top div.bugs,
		footer.pagefooter img.logosudtriol							{ margin-top: 35px; }
	
	}
	
	@media (max-width: 500px) {
	
		footer.pagefooter span.copyright span.vat					{ display: block; }
		footer.pagefooter span.copyright,
		footer.pagefooter nav.footernavi							{ margin-bottom: 8px; }
		footer.pagefooter span.lastdot								{ display: none; }
	
	}
	
/* __________________________________________________________________ End */