/* Basic ____________________________________________________ */
	
	@media all {
	
		body 														{  }
		body.overflow 												{ overflow: hidden; }
		address														{ font-style: normal; }
		
		div.frame 													{ position: relative; text-align: left; margin: 0 auto; }
		
		.stroke		 												{ position: relative; width: fit-content; width: -moz-fit-content; width: -webkit-fit-content; height: 22px; padding: 0px 33px 0px 0px; }
		.stroke:hover	 											{ cursor: pointer; }
		.stroke:after 												{ content: ""; display: block; position: absolute; top: 50%; left: 10px; transition: all 0.5s cubic-bezier(.455,.03,.515,.955); }
		.stroke:after												{ width: 13px; height: 2px; -webkit-transform: translate(0, -1px); transform: translate(0, -1px); background-color: #95AF8F; }
		
		.arrow		 												{ position: relative; width: fit-content; width: -moz-fit-content; width: -webkit-fit-content; height: 22px; padding: 0px 33px 0px 0px; }
		.arrow:hover	 											{ cursor: pointer; }
		.arrow:before,
		.arrow:after 												{ content: ""; display: block; position: absolute; top: 50%; right: 10px; transition: all 0.5s cubic-bezier(.455,.03,.515,.955); }
		.arrow:before												{ width: 10px; height: 10px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: translate(0, -5px) rotate(45deg); transform: translate(0, -5px) rotate(45deg); box-shadow: inset -2px 2px 0 0 #95AF8F; border-radius: 0 0 0 0; }
		.arrow:after												{ width: 14px; height: 2px; -webkit-transform: translate(0, -1px); transform: translate(0, -1px); background-color: #95AF8F; }
		.arrow:not(.down):hover:before											{ -webkit-transform: translate(8px, -5px) rotate(45deg); transform: translate(8px, -5px) rotate(45deg); }
		.arrow:not(.down):hover:after											{ -webkit-transform: translate(8px, -1px); transform: translate(8px, -1px); }
		
		.arrow.left	 												{ padding: 0px 0px 0px 33px; }
		.arrow.left:before,
		.arrow.left:after 											{ right: inherit; left: 10px; }
		.arrow.left:before											{ box-shadow: inset 2px -2px 0 0 #95AF8F; }
		.arrow.left.dark:before										{ box-shadow: inset 2px -2px 0 0 #716E66; }
		.arrow.left:hover:before									{ -webkit-transform: translate(-8px, -5px) rotate(45deg); transform: translate(-8px, -5px) rotate(45deg); }
		.arrow.left:hover:after										{ -webkit-transform: translate(-8px, -1px); transform: translate(-8px, -1px); }
		
		.arrow.down:before											{ box-shadow: inset -2px -2px 0 0 #95AF8F; }
		.arrow.down:after											{ width: 2px; height: 14px; -webkit-transform: translate(-4px, -9px); transform: translate(-4px, -9px); }
		
		.arrow.long	 												{ padding: 0px 0px 0px 33px; }
		.arrow.long:hover:after										{ width: 22px; }
		
		.arrow.long.large:hover:after								{ width: 22px; }
		
		.arrow.dark:before											{ box-shadow: inset -2px 2px 0 0 #716E66; }
		.arrow.dark:after											{ background-color: #716E66; }
		
		.arrow.white:before											{ box-shadow: inset -2px 2px 0 0 #FFFFFF; }
		.arrow.white:after											{ background-color: #FFFFFF; }
		.arrow.white.left:before									{ box-shadow: inset 2px -2px 0 0 #FFFFFF; }
		/* .arrow.white.large:before									{ box-shadow: inset -2.5px 2.5px 0 0 #FFFFFF; }
		.arrow.white.large.left:before								{ box-shadow: inset 2.5px -2.5px 0 0 #FFFFFF; } */
		
		.arrow.large.left	 										{ padding: 0px 0px 0px 40px; }
		.arrow.large	 											{ padding: 0px 40px 0px 0px; }
		.arrow.large:before,
		.arrow.large:after 											{ top: 55%; right: 12px; }
		.arrow.large:before											{ width: 14px; height: 14px; -webkit-transform: translate(0, -6px) rotate(45deg); transform: translate(0, -6px) rotate(45deg); }
		.arrow.large:after											{ width: 20px; -webkit-transform: translate(0, 0px); transform: translate(0, 0px); }
		.arrow.large:hover:before									{ -webkit-transform: translate(10px, -6px) rotate(45deg); transform: translate(10px, -6px) rotate(45deg); }
		.arrow.large:hover:after									{ -webkit-transform: translate(10px, -0px); transform: translate(10px, -0px); }
		.arrow.left.large:hover:before								{ -webkit-transform: translate(-10px, -6px) rotate(45deg); transform: translate(-10px, -6px) rotate(45deg); }
		.arrow.left.large:hover:after								{ -webkit-transform: translate(-10px, -0px); transform: translate(-10px, -0px); }

		
		.arrow.button1:before,
		.arrow.button1:after 										{ right: 28px; }
		.arrow.button1:before										{ box-shadow: inset -2px 2px 0 0 #FFFFFF; }
		.arrow.button1:after										{ background-color: #FFFFFF; }
		.arrow.button2:before,
		.arrow.button2:after 										{ right: 28px; }
		.arrow.button2:before										{ box-shadow: inset -2px 2px 0 0 #FFFFFF; }
		.arrow.button2:after										{ background-color: #FFFFFF; }
		
		.centercontent,
		.centercontent [data-centercontent="force"].centercontent	{ width: 96%; max-width: 1170px; margin-left: auto; margin-right: auto; }
		.centercontent .centercontent								{ width: auto; max-width: none; margin-left: 0px; margin-right: 0px; }
		
		.innercontent,
		.innercontent [data-innercontent="force"].innercontent		{ width: 96%; max-width: 1107px; margin-left: auto; margin-right: auto; }
		.innercontent .innercontent									{ width: auto; max-width: none; margin-left: 0px; margin-right: 0px; }
		
		.innercontent.right,
		.innercontent.right [data-innercontent="force"].innercontent.right		{ margin-right: 0; }
		
		.innercontent.left,
		.innercontent.left [data-innercontent="force"].innercontent.left		{ margin-left: 0; }
		
		.widecontent,
		.widecontent [data-leftcontent="force"].widecontent			{ width: 96%; max-width: calc(100% - (100% - 1170px)/2); }
		.widecontent .widecontent									{ width: auto; max-width: none; }
		
		.standardspace 												{ margin: <%=pr(150,1170)%>% auto; }
		.standardspacetop											{ margin-top: <%=pr(150,1170)%>%; }
		.standardspacebottom										{ margin-bottom: <%=pr(150,1170)%>%; }
		
		div.heightselector 											{ position: absolute; top: -1000px; height: 0px; }
		
		.roundicon													{ display: flex; justify-content: center; width: 40px; height: 40px; background-color: #95AF8F; border-radius: 50%; }
		.roundicon svg.icon											{ width: 20px; height: 20px; align-self: center; fill: #FFFFFF; }
		
		.zoom														{ overflow: hidden; }
		.zoom picture img											{ -webkit-transition: -webkit-transform 2000ms cubic-bezier(0,0,0.2,1); transition: transform 2000ms cubic-bezier(0,0,0.2,1); }
		.zoom:hover picture img										{ -webkit-transform: scale(1.07); transform: scale(1.07); }
		
		div.lg-outer.videoresize div.lg-object 						{ width: 80%; }
		div.lg-outer.videoresize div.lg-object div.videoyoutube		{ width: 100%; position: relative; padding-bottom: 56.25%; }
		div.lg-outer.videoresize div.lg-object iframe				{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
		
		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; }
		
		.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; }
		
		section.unitcookieonpage.layout1.cssversionbottom			{ z-index: 400; }
	
	}
	
	@media (max-width: 1280px) {
		
		.arrow.big:before,
		.arrow.big:after 														{ top: 50%; }
		
		.centercontent,
		.centercontent [data-centercontent="force"].centercontent				{ width: <%=pr(580,700)%>%; }
		
		.innercontent,
		.innercontent [data-innercontent="force"].innercontent					{ width: 100%; margin: auto; }
		
		.innercontent.right,
		.innercontent.right [data-innercontent="force"].innercontent.right		{ width: 100%; margin: auto; }
		
		.innercontent.left,
		.innercontent.left [data-innercontent="force"].innercontent.left		{ width: 100%; margin: auto; }
		
		.widecontent,
		.widecontent [data-leftcontent="force"].widecontent						{ width: <%=pr(580,700)%>%; margin: auto; }
		
		.standardspace 															{ margin-top: calc(100px + <%=pr(150,1170)%>%); }
		.standardspacetop														{ margin-top: calc(100px + <%=pr(150,1170)%>%); }
		
	}
	
	@media (max-width: 900px) {
	
		.arrow:hover:before														{ -webkit-transform: translate(0, -5px) rotate(45deg)!important; transform: translate(0, -5px) rotate(45deg)!important; }
		.arrow:hover:after														{ -webkit-transform: translate(0, -1px)!important; transform: translate(0, -1px)!important; }
		
		.arrow.long:hover:after													{ width: 14px; }
		.arrow:hover:after														{ width: 14px; }
		.arrow.big:hover:after													{ width: 16px; -webkit-transform: translate(0, 0px); transform: translate(0, 0px); }
		
		.arrow.large:after														{ width: 20px; -webkit-transform: translate(0, 0px); transform: translate(0, 0px); }
		.arrow.large:hover:after												{ -webkit-transform: translate(0px, 1px)!important; transform: translate(0px, 1px)!important; }
		.arrow.left.large:hover:after											{ -webkit-transform: translate(0px, 1px)!important; transform: translate(0px, 1px)!important; }
	
	}
	
	@media (max-width: 680px) {
		
		.centercontent,
		.centercontent [data-centercontent="force"].centercontent				{ width: <%=pr(280,320)%>%; }
		
		.innercontent,
		.innercontent [data-innercontent="force"].innercontent					{ width: 100%; }
		
		.innercontent.right,
		.innercontent.right [data-innercontent="force"].innercontent.right		{ width: 100%; margin: auto; }
		
		.innercontent.left,
		.innercontent.left [data-innercontent="force"].innercontent.left		{ width: 100%; margin: auto; }
		
		.widecontent,
		.widecontent [data-leftcontent="force"].widecontent						{ width: <%=pr(280,320)%>%; margin: auto; }
		
		div.heightselector 														{ height: 55px; }
		div.heightselector.fullscreen 											{ height: 0px; }
		
		
	}
	
	
	/* 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: 739px) {
	
		.aboveMobileBreakpoint										{ display: none !important; }
	
	}
	
	@media (max-width: 680px) {
	
		.belowMobileBreakpoint										{ display: none !important; }
		div.frame 													{ padding-bottom: 55px; }
	
	}
	
	
/* Mainmenu _____________________________________________________________ */

	@media all {
	
		nav.mainmenu 												{ position: absolute; left: 0px; top: 100px; z-index: 1; }
		
		nav.mainmenu ul.menu 										{ font-weight: bold; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
		nav.mainmenu ul.menu li 									{ float: left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
		nav.mainmenu ul.menu li a 									{ float: left; display: block; min-height: 39px; line-height: 39px; padding: 0px 35px 0px 35px; }
		nav.mainmenu ul.menu li.aktiv a,
		nav.mainmenu ul.menu li a:hover 							{ color: #000000; }
		nav.mainmenu ul.menu a:hover 								{ background-color: #000000; }
		
		nav.mainmenu ul.menu li ul 									{ display: none; font-weight: 300; list-style-type: none; margin: 0px 0px 0px 0px; padding: 5px 0px 17px 0px; position: absolute; left: 0px; top: 39px; min-width: 150px; }
		nav.mainmenu ul.menu li ul li 								{ display: block; float: none; margin: 0px 11px 0px 11px; padding: 2px 0px 3px 0px; }
		nav.mainmenu ul.menu li ul li.aktiv 						{ font-weight: bold; }
		nav.mainmenu ul.menu li ul li.aktiv a, 			
		nav.mainmenu ul.menu li ul li a	 							{ display: block; float: none; min-height: 18px; line-height: 18px; padding: 0px 3px 0px 5px; }	
	
	}
	
	
/* Header ________________________________________________________________ */
	

	
/* Web Content _________________________________________________________________ */
	
	@media all {
	
		div.pagecontent												{ margin: 0px 0px 0px 0px; }
	
	}
	
	
/* Footer ________________________________________________________________ */
	
	@media all {
	
		footer.pagefooter 											{ position: relative; clear: both; }
		body.withRequestbar footer.pagefooter 						{ padding-bottom: 80px; }

		footer.pagefooter address									{  }
		footer.pagefooter address span								{ display: block; }
		footer.pagefooter address span	span						{ display: inline; }
		
		footer.pagefooter span.copyright							{ float: left; display: inline; }
		
		footer.pagefooter nav.footernavi							{ float: left; display: inline; }
		
		footer.pagefooter a.publisher								{ float: right; display: inline; white-space: nowrap; }
		
		footer.pagefooter a.publisher img							{ vertical-align: text-bottom; margin: 0px 0px -5px 0px; }	
	
	}
	
	@media (max-width: 1200px) {
	
		body.withRequestbar footer.pagefooter 						{ padding-bottom: 100px; }
		
	}
	
	@media (max-width: 680px) {
	
		body.withRequestbar footer.pagefooter 						{ padding-bottom: 0px; }
		
	}
	
	
/* __________________________________________________________________ End */