/* Basic ____________________________________________________ */
	
	@media all {
	
		body 														{  }
		address														{ font-style: normal; }
		
		div.frame 													{ position: relative; text-align: left; }
		
		.centercontent,
		.centercontent [data-centercontent="force"].centercontent	{ width: <%=pr(1170,1370)%>%; max-width: 1650px; margin-left: auto; margin-right: auto; }
		.centercontent .centercontent								{ width: auto; max-width: none; margin-left: 0px; margin-right: 0px; }
		
		picture,
		picture a													{ display: block; position: relative; }
		picture img													{ -webkit-transition: opacity 500ms; transition: opacity 500ms; opacity: 1; filter: alpha(opacity = 100); }
		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); }
		
		video + .video-controls										{ display: none; }
		video + .video-controls.loaded								{ display: block; }
		video + .video-controls > div								{ position: absolute; left: 50%; top: 50%; z-index: 2; cursor: pointer; }
		video + .video-controls > div:before						{ content: ''; position: absolute; width: 50px; height: 50px; border: 5px solid #FFFFFF; -webkit-border-radius: 50%; border-radius: 50%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; }
		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					{ left: -44px; top: -30px; }
		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; }
		
		.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; }
		
		.box-shadow													{ box-shadow: rgba(0,0,0,0.4) 0px 3px 20px 0px; }
		.box-shadow-2												{ box-shadow: rgba(71,39,23,0.5) 0px 2px 30px 0px; }
		
		.arrow														{ }
		.arrow.arrow1												{ width: 30px; height: 57px; background-repeat: no-repeat; background-position: center; box-sizing: border-box; }
		.arrow.arrow1.prev											{ background-image: url('/images/design/icon-arrow-left-big.png;'); }
		.arrow.arrow1.next											{ background-image: url('/images/design/icon-arrow-right-big.png;'); }
		
		.inner-padding												{ padding: 56px; }
		.inner-padding-medium										{ padding: 40px; }
		.inner-padding-small										{ padding: 27px; }
		
		.padding-top												{ padding-top: 130px; }
		.padding-bottom												{ padding-bottom: 130px; }
		
		.padding-top-medium											{ padding-top: 80px; }
		.padding-bottom-medium										{ padding-bottom: 80px; }
		
		.padding-top-small											{ padding-top: 60px; }
		.padding-bottom-small										{ padding-bottom: 60px; }
		
		.padding-top-tiny											{ padding-top: 32px; }
		.padding-bottom-tiny										{ padding-bottom: 32px; }
		
		.margin-top													{ margin-top: 130px; }
		.margin-bottom												{ margin-bottom: 130px; }
		
		.margin-top-medium											{ margin-top: 90px; }
		.margin-bottom-medium										{ margin-bottom: 90px; }
		
		.margin-top-small											{ margin-top: 50px; }
		.margin-bottom-small										{ margin-bottom: 50px; }
		
		.z-index-1													{ position: relative; z-index: 1; }
		.z-index-2													{ position: relative; z-index: 2; }
		.z-index-3													{ position: relative; z-index: 3; }
		
		.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; }
		
		@keyframes imageZoom {
			0%, 100% {
				transform: scale(1)
			}
			50% {
				transform: scale(1.24)
			}
		}
		@-moz-keyframes imageZoom {
			0%, 100% {
				-moz-transform: scale(1)
			}
			50% {
				-moz-transform: scale(1.24)
			}
		}
		@-webkit-keyframes imageZoom {
			0%, 100% {
				-webkit-transform: scale(1)
			}
			50% {
				-webkit-transform: scale(1.24)
			}
		}
		@-ms-keyframes imageZoom {
			.fullscreen-cover 0% {
				-ms-transform: scale(1)
			}
			.fullscreen-cover 50% {
				-ms-transform: scale(1.24)
			}
			.fullscreen-cover 100% {
				-ms-transform: scale(1)
			}
		}
		
		.image-fade picture											{ overflow: hidden; }
		.image-fade picture img										{ -webkit-animation: imageZoom linear 100s !important; -moz-animation: imageZoom linear 100s !important; -ms-animation: imageZoom linear 100s !important; animation: imageZoom linear 100s !important; }
		
		.image-zoom picture											{ overflow: hidden; }
		.image-zoom picture img										{ transition: all 1000ms ease-in-out; transform: scale(1); }
		.image-zoom:hover picture img								{ transform: scale(1.1); }
	
	}
	
	@media (max-width: 1280px) {
	
		.centercontent,
		.centercontent [data-centercontent="force"].centercontent	{ width: 91%; }
	
	}
	
	@media (max-width: 1023px) {
	
		.inner-padding												{ padding: 45px; }
		.inner-padding-medium										{ padding: 30px; }
		.inner-padding-small										{ padding: 20px; }
		
		.padding-top												{ padding-top: 72px; }
		.padding-bottom												{ padding-bottom: 72px; }
		
		.padding-top-medium											{ padding-top: 56px; }
		.padding-bottom-medium										{ padding-bottom: 56px; }
		
		.padding-top-small											{ padding-top: 36px; }
		.padding-bottom-small										{ padding-bottom: 36px; }
		
		.padding-top-tiny											{ padding-top: 24px; }
		.padding-bottom-tiny										{ padding-bottom: 24px; }
		
		.margin-top													{ margin-top: 100px; }
		.margin-bottom												{ margin-bottom: 100px; }
		
		.margin-top-medium											{ margin-top: 72px; }
		.margin-bottom-medium										{ margin-bottom: 72px; }
		
		.margin-top-small											{ margin-top: 36px; }
		.margin-bottom-small										{ margin-bottom: 36px; }
	
	}
	
	@media (max-width: 799px) {
	
		.no-padding-top-mobile										{ padding-top: 0px; }
		.no-padding-bot-mobile										{ padding-bottom: 0px; }
	
		.no-margin-top-mobile										{ margin-top: 0px; }
		.no-margin-bot-mobile										{ margin-bottom: 0px; }
		
		.no-centercontent-mobile									{ width: auto; }
	
	}
	
	@media (max-width: 480px) {
	
		.inner-padding												{ padding: 30px; }
		.inner-padding-medium										{ padding: 24px; }
		.inner-padding-small										{ padding: 14px; }
		
		.padding-top												{ padding-top: 56px; }
		.padding-bottom												{ padding-bottom: 56px; }
		
		.padding-top-medium											{ padding-top: 45px; }
		.padding-bottom-medium										{ padding-bottom: 45px; }
		
		.padding-top-small											{ padding-top: 30px; }
		.padding-bottom-small										{ padding-bottom: 30px; }
		
		.padding-top-tiny											{ padding-top: 20px; }
		.padding-bottom-tiny										{ padding-bottom: 20px; }
		
		.margin-top													{ margin-top: 72px; }
		.margin-bottom												{ margin-bottom: 72px; }
		
		.margin-top-medium											{ margin-top: 56px; }
		.margin-bottom-medium										{ margin-bottom: 56px; }
		
		.margin-top-small											{ margin-top: 30px; }
		.margin-bottom-small										{ margin-bottom: 30px; }
		
		.centercontent,
		.centercontent [data-centercontent="force"].centercontent	{ width: 90%; }
		
		.no-centercontent-mobile									{ width: auto; }
	
		.no-padding-top-mobile										{ padding-top: 0px; }
		.no-padding-bot-mobile										{ padding-bottom: 0px; }
	
		.no-margin-top-mobile										{ margin-top: 0px; }
		.no-margin-bot-mobile										{ margin-bottom: 0px; }
		
		.arrow.arrow1.prev											{ background-image: url('/images/design/icon-arrow-left.png;'); }
		.arrow.arrow1.next											{ background-image: url('/images/design/icon-arrow-right.png;'); }
	
	}
	
	
/* Change following classes and media-queries to your needs ______________ */
	
	@media (max-width: 851px) {
	
		.aboveTabletBreakpoint										{ display: none !important; }
	
	}
	
	@media (min-width: 851px) {
	
		.belowTabletBreakpoint										{ display: none !important; }
	
	}
	
	@media (max-width: 739px) {
	
		.aboveMobileBreakpoint										{ display: none !important; }
	
	}
	
	@media (min-width: 740px) {
	
		.belowMobileBreakpoint										{ display: none !important; }
	
	}
	
	
/* Mainmenu _____________________________________________________________ */

	@media all {
	
		nav.mainmenu 												{ display: inline-block; width: 100%; margin-top: 105px; }
		nav.mainmenu ul.menu 										{ display: inline-block; vertical-align: top; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
		nav.mainmenu ul.menu-left									{ float: left; }
		nav.mainmenu ul.menu-right									{ float: right; }
		nav.mainmenu ul.menu li 									{ float: left; position: relative; padding: 0px 0px 0px 0px;}
		nav.mainmenu ul.menu li + li 								{ margin: 0 0 0 50px; }
		nav.mainmenu ul.menu li a 									{ float: left; padding: 0px 0px 0px 0px; font-size: 22px; line-height: 30px; color: #724E3C; }
		nav.mainmenu ul.menu > li:hover > a,
		nav.mainmenu ul.menu > li.aktiv > a							{ color: #9D6B53; }
		
		nav.mainmenu ul.menu li ul 									{ display: none; font-weight: normal; text-align: left; list-style-type: none; position: absolute; left: 0px; top: 58px; z-index: 1; }
		nav.mainmenu ul.menu li ul li 								{ display: block; float: none; margin: 3px 0px 0px 0px; padding: 0px 0px 0px 0px; }
		nav.mainmenu ul.menu li ul li a								{ display: block; float: none; width: 260px; box-sizing: border-box; background: #734f3d; font-size: 18px; line-height: 26px; padding: 7px 14px 11px; color: #FFFFFF; transition: all 300ms; }
		nav.mainmenu ul.menu li ul li a:hover,
		nav.mainmenu ul.menu li ul li.aktiv a						{ -webkit-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25);
																		-moz-box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25);
																		box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25);
																		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#40000000', GradientType=0);
																	}
	
	}
	
	@media (max-width: 1279px) {
	
		nav.mainmenu ul.menu li + li 								{ margin: 0 0 0 30px; }
	
	}
	
	@media (max-width: 1023px) {
	
	
		nav.mainmenu												{ margin-top: 120px; display: flex; justify-content: center; }
		nav.mainmenu ul.menu-left,
		nav.mainmenu ul.menu-right									{ float: none; }
		nav.mainmenu ul.menu-right li								{ margin-left: 30px; }
		
		nav.mainmenu ul.menu li ul 									{ top: 43px; }
	
	}
	
	@media all {
	
		div.unitsheader.mobileheader									{ position: relative; }
		div.unitsheader.mobileheader:before								{ content: ''; position: fixed; top: 0px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8xMi8xNSxvwwsAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAADUlEQVQImWNgYGDYDAAAuAC0lXSlKAAAAABJRU5ErkJggg=='); background-repeat: repeat; -webkit-transition: left 400ms, right 400ms; transition: left 400ms, right 400ms; }
		div.unitsheader.mobileheader div.innerMobileHeader:after		{ content: ''; clear: both; display: block; font-size: 0px; height: 0px; line-height: 0px; overflow: hidden; text-indent: -100px; }
		div.unitsheader.mobileheader div.menuopener						{ margin: 0px 0px 0px 0px; box-sizing: border-box; cursor: pointer; position: relative; z-index: 6; }
		div.unitsheader.mobileheader div.outermobilemenu				{ visibility: hidden; }
		
		div.unitsheader.mobileheader div.menuopener span.bar			{ position: absolute; background-color: #FFFFFF; display: block; -webkit-transition: all 500ms; transition: all 500ms; }
		
		.withtransform.mobilemenuopen div.unitsheader.mobileheader div.menuopener span.bar1,
		.withtransform.mobilemenuopen div.unitsheader.mobileheader div.menuopener span.bar2	{ -ms-transform: rotate(45deg) scale(1.25,1.25); -webkit-transform: rotate(45deg) scale(1.25,1.25); transform: rotate(45deg) scale(1.25,1.25); }
		.withtransform.mobilemenuopen div.unitsheader.mobileheader div.menuopener span.bar3	{ -ms-transform: rotate(-45deg) scale(1.25,1.25); -webkit-transform: rotate(-45deg) scale(1.25,1.25); transform: rotate(-45deg) scale(1.25,1.25); }
		
		.mobilemenuopen													{ overflow: hidden; }
		.mobilemenuopen div.outerFrame									{ overflow: hidden; position: relative; }
		.mobilemenuopen div.unitsheader.mobileheader div.outermobilemenu{ visibility: visible; }
		div.unitsheader.mobileheader div.mobilemenu						{ padding: 60px 0 30px; min-height: 100%;
																			box-sizing: border-box; font-size: 18px;
																			position: relative; text-align: center;
																			display: flex; flex-direction: column;
																			align-items: center; justify-content: center;
																		}
		
		div.unitsheader.mobileheader div.mobilemenu ul					{ font-size: 30px; line-height: 50px; font-weight: 500; }
		div.unitsheader.mobileheader div.mobilemenu li					{ height: auto; }
		div.unitsheader.mobileheader div.mobilemenu li.language			{ display: inline-block; margin: 0 5px; }
		div.unitsheader.mobileheader div.mobilemenu li a				{ display: block; color: #724E3C; }
		div.unitsheader.mobileheader div.mobilemenu li.aktiv > a,
		div.unitsheader.mobileheader div.mobilemenu li > a:hover		{ color: #9D6B53; }
		div.unitsheader.mobileheader div.mobilemenu .hover:hover		{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
		
		div.unitsheader.mobileheader div.mobilemenu li ul				{ margin-bottom: 10px; }
		div.unitsheader.mobileheader div.mobilemenu li ul li a			{ font-size: 24px; line-height: 36px; }
		
		.effect-slideinleft div.unitsheader.mobileheader div.outermobilemenu,
		.effect-slideinright div.unitsheader.mobileheader div.outermobilemenu		{ width: 275px; height: 100%; position: fixed; top: 0px; -webkit-transition: all 400ms; transition: all 400ms; overflow-y: scroll; z-index: 5; border-left: solid 1px #FFFFFF; box-sizing: border-box; }
		.effect-fade-in div.unitsheader.mobileheader div.outermobilemenu			{ width: 100%; height: 100%; position: fixed; top: 0px; -webkit-transition: all 400ms; transition: all 400ms; overflow-y: scroll; z-index: 5; box-sizing: border-box; }
		
		/* Effect SlideIn from the right side ____________________________ */
		.effect-slideinright div.unitsheader.mobileheader:before					{ right: 0px; }
		.effect-slideinright.mobilemenuopen div.unitsheader.mobileheader:before		{ z-index: 5; right: 275px; width: 100%; height: 100%; }
		.effect-slideinright div.frame												{ -webkit-transition: left 400ms; transition: left 400ms; position: relative; left: 0px; }
		.effect-slideinright.mobilemenuopen div.frame								{ left: -275px; }
		
		.effect-slideinright div.unitsheader.mobileheader div.outermobilemenu					{ margin-right: -275px; right: 0px; }
		.effect-slideinright.mobilemenuopen div.unitsheader.mobileheader div.outermobilemenu	{ margin-right: 0px; }
		
		.effect-fade-in div.unitsheader.mobileheader div.outermobilemenu				{ z-index: -1; opacity: 0; }
		.effect-fade-in.mobilemenuopen div.unitsheader.mobileheader div.outermobilemenu	{ z-index: 5; opacity: 1; }
		
		
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener					{ position: absolute; width: 100%; top: 0px; height: 60px; text-align: center; line-height: 60px;  color: #FFFFFF }
		.mobilemenuopen div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener			{ width: 100%; right: 0; }
		.mobilemenuopen div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener:hover	{ -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; filter: none !important; }
		
		
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.text		{ display: block; opacity: 1; -webkit-transition: all 500ms; transition: all 500ms; margin-top: 0%; }
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.bar		{ right: 35px; top: 30px; height: 1px; width: 40px; opacity: 0; }
		
		
		.mobilemenuopen div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.text				{ opacity: 0; margin-top: -100%; }
		.mobilemenuopen div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.bar				{ opacity: 1; }
	
	}
	
	
/* Header ________________________________________________________________ */

	@media all {
	
		header.pageheader											{ position: relative; z-index: 2; }
		header.pageheader .header-bar								{ position: relative; padding: 10px 0; }
		header.pageheader .header-bar a								{ color: inherit; }
		header.pageheader .header-bar a span.subtitle				{ padding: 0 4px; }
		header.pageheader .top-header								{ position: relative; height: 166px; }
		
		header.pageheader a.logo									{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
		header.pageheader a.logo span								{ display: block; line-height: 1em; }
		header.pageheader a.logo span + span						{ margin-top: -7px; }
	
	}
	
	@media (max-width: 1023px) {
	
		header.pageheader a.logo									{ top: calc(50% - 16px); }
	
	}
	
	@media (max-width: 851px) {
	
		header.pageheader .top-header								{ margin-top: 60px; height: 130px; }
		header.pageheader a.logo									{ top: 50%; }
	
	}
	
	@media (max-width: 480px) {
	
		header.pageheader a.logo									{ width: 320px; }
	
	}
	
	
/* Web Content _________________________________________________________________ */
	
	@media all {
	
		div.pagecontent												{ margin: 0px 0px 0px 0px; }
	
	}
	
	
/* Footer ________________________________________________________________ */
	
	@media all {
	
		footer.pagefooter 											{ position: relative; clear: both; }
		footer.pagefooter .divider									{ padding: 0 1px 0 6px; }
		footer.pagefooter .languages a								{ color: #FFFFFF; }
		footer.pagefooter .languages a:hover						{ color: #6A771B; }
		footer.pagefooter .languages .divider						{ color: #FFFFFF; padding: 0 5px 0 10px; }
		
		footer.pagefooter address									{ margin-top: 14px }
		footer.pagefooter address a									{ color: inherit; }
		footer.pagefooter address a:hover							{ color: #6A771B; }
		footer.pagefooter address span								{ display: block; }
		footer.pagefooter address span	span						{ display: inline; }
		
		footer.pagefooter nav.footernavi a							{ color: inherit; }
		footer.pagefooter nav.footernavi a:hover					{ color: #6A771B; }
		
		footer.pagefooter .logos									{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 10px 0; }
		footer.pagefooter .logos .logo								{ padding: 20px 20px 0; }
	
	}
	
	@media (max-width: 599px) {
	
		footer.pagefooter span.break-mobile							{ display: block; }
		footer.pagefooter span.break-mobile .divider				{ display: none; }

	}
	
	
/* __________________________________________________________________ End */