﻿/* Basic ____________________________________________________ */
	
	@media all {
		
		div.mobilemenubar 											{ z-index: 6; }
		header.pageheader 											{ z-index: 5; }
		#mainmenu 													{ z-index: 4; }
		div.pagecontent 											{ z-index: 2; position: relative; }
		footer.pagefooter 											{ z-index: 1; position: relative; }
		
		div.frame 													{ position: relative; text-align: left; max-width: 1920px; margin: 0 auto; padding-top: 120px; }
		
		body.mobiledevice.loader,
		body.mobiledevice.mainmenuopen 								{ overflow: hidden; }
		
		.moduleInstancePreview div.frame,
		.invertedheader div.frame 									{ padding-top: 0px; }
		
		.centercontent 												{ width: 90%; margin-left: auto; margin-right: auto; max-width: 1170px; }
		.centercontent.contentwidth1,
		.centercontent .contentwidth1 								{ max-width: 650px; margin-left: auto; margin-right: auto; }
		.centercontent.contentwidth2,
		.centercontent .contentwidth2 								{ max-width: 900px; margin-left: auto; margin-right: auto; }
		
		.centercontent.contentwidth1,
		.centercontent.contentwidth2 								{ width: 90%; }
		
		.standardspace 												{ padding: <%=pr(120,1920)%>% 0px; }
		.standardspace + .standardspace 							{ padding-top: 0px; }
		.standardspace.bgweb + .standardspace.bgweb2				{ padding-top: <%=pr(120,1920)%>%; }
		.standardspace.bgweb2 + .standardspace.bgweb				{ padding-top: <%=pr(120,1920)%>%; }
		.standardspace.bgweb2 + .standardspace.bgbar				{ padding-top: <%=pr(120,1920)%>%; }
		.standardspace.bgweb + .standardspace.bgbar					{ padding-top: <%=pr(120,1920)%>%; }
		.standardspace.bgbar + .standardspace.bgweb2 				{ padding-top: <%=pr(120,1920)%>%; }
		.standardspace + .standardspace.bghighlight2				{ padding-top: <%=pr(120,1920)%>%; }
		.standardspace:not(.bgweb) + .standardspace.bgweb			{ padding-top: <%=pr(120,1920)%>%; }
		
		.OfferListT2 + .OfferListT2 								{ padding-top: 30px; }
		
		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); }
		
		img 														{ display: block; width: 100%; }
		
		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; }
		
		.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; }
		
		.shift15 > * 												{ transform: translate(15px, -15px); -webkit-transform: translate(15px, -15px); }
		.shift22 > * 												{ transform: translate(22px, -22px); -webkit-transform: translate(22px, -22px); }
		.shift30 > * 												{ transform: translate(30px, -30px); -webkit-transform: translate(30px, -30px); }
		
		[data-elementlinked="true"] 								{ cursor: pointer; }
		
		.teaserhover.bgweb,
		.teaserhover.bgweb2,
		[data-elementlinked="true"].textbox.bgweb,
		[data-elementlinked="true"] .textbox.bgweb,
		[data-elementlinked="true"].textbox.bgweb2,
		[data-elementlinked="true"] .textbox.bgweb2 				{ transition: background 800ms; }
		
		.teaserhover.bgweb:hover,
		.teaserhover.bgweb2:hover,
		[data-elementlinked="true"].textbox.bgweb:hover,
		[data-elementlinked="true"]:hover .textbox.bgweb,
		[data-elementlinked="true"].textbox.bgweb2:hover,
		[data-elementlinked="true"]:hover .textbox.bgweb2 			{ background-color: #CDA64F; }
		
		[data-animation="True"] [data-animationcontainer="this"] 							{ transition: transform 1800ms, opacity 1200ms; transform: translateY(5vh); -webkit-transform: translateY(5vh); -ms-transform: translateY(15%); opacity: 0; }
		[data-animation="True"] [data-animationcontainer="this"].fadein	 					{ transform: none; -webkit-transform: none; -ms-transform: translateY(0px); opacity: 1; }
	
	}
	
	@media (max-width: 1280px) {
		
		.centercontent 												{ width: 100%; max-width: calc(100% - 60px); }
		.shift22 > * 												{ transform: translate(12px, -12px); -webkit-transform: translate(12px, -12px); }
		.shift30 > * 												{ transform: translate(15px, -15px); -webkit-transform: translate(15px, -15px); }
		
	}
	
	@media (max-width: 680px) {
		
		div.frame 													{ padding-bottom: 50px; }
		.moduleInstancePreview div.frame 							{ paddding-bottom: 0px; }
		
		header.pageheader 											{ z-index: 3; }
		#mainmenu 													{ z-index: 5; }
		
	}
	
	@media (max-width: 540px) {
		
		.centercontent 												{ width: 100%; max-width: calc(100% - 40px); }
		
		.shift15 > *,
		.shift22 > *,
		.shift30 > * 												{ transform: translate(10px, -10px); -webkit-transform: translate(10px, -10px); }
		
	}
	
/* __________________________________________________________________ End */