﻿/* Basic ____________________________________________________ */
	
	@media all {
	
		body 															{  }
		address															{ font-style: normal; }
		
		div.frame 														{ position: relative; text-align: left; }
		
		.pos-rel														{ position: relative; }
		.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; }
		
		.centercontentSmall												{ width: <%=pr(890,1170)%>%; max-width: 890px; margin-left: auto; margin-right: auto; }
		.centercontentLarge												{ width: 96%; margin-left: auto; margin-right: auto; }
		.spaceTopBottom													{ padding-top: <%=pr(120,1170)%>%; padding-bottom: <%=pr(120,1170)%>%; }
		.spaceTopBottomMargin											{ margin-top: <%=pr(120,1920)%>%; margin-bottom: <%=pr(120,1920)%>%; }
		.spaceTop														{ padding-top: <%=pr(120,1170)%>%; }
		.spaceBottom													{ padding-bottom: <%=pr(120,1170)%>%; }
		.spaceBottom .spaceBottom										{ padding-bottom: 0px; }
		
		picture,
		picture a														{ display: block; position: relative; }
		picture img														{ 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; }
		picture.picture-loading img										{ 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; border-radius: 50%; 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); }
		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; }
		
		.arrow.arrow1												{ width: 45px; height: 45px; background-repeat: no-repeat; background-position: center; box-sizing: border-box; border-radius: 50%; }
		.arrow.arrow1.prev											{ background-image: url('/images/design/icon-arrow-left.png;'); background-position: 47% 50%; }
		.arrow.arrow1.next											{ background-image: url('/images/design/icon-arrow-right.png;'); }
		
		.inner-padding												{ padding: 60px; }
		.inner-padding-medium										{ padding: 40px; }
		.inner-padding-small										{ padding: 27px; }
		
		.padding-top												{ padding-top: 120px; }
		.padding-bottom												{ padding-bottom: 120px; }
		
		.padding-top-medium											{ padding-top: 90px; }
		.padding-bottom-medium										{ padding-bottom: 90px; }
		
		.padding-top-small											{ padding-top: 45px; }
		.padding-bottom-small										{ padding-bottom: 45px; }
		
		.padding-top-tiny											{ padding-top: 35px; }
		.padding-bottom-tiny										{ padding-bottom: 35px; }
		
		.no-padding-top												{ padding-top: 0px !important; }
		.no-padding-bottom											{ padding-bottom: 0px !important; }
		
		.margin-top													{ margin-top: 120px; }
		.margin-bottom												{ margin-bottom: 120px; }
		
		.margin-top-medium											{ margin-top: 90px; }
		.margin-bottom-medium										{ margin-bottom: 90px; }
		
		.margin-top-small											{ margin-top: 45px; }
		.margin-bottom-small										{ margin-bottom: 45px; }
		
		.no-margin-top												{ margin-top: 0px !important; }
		.no-margin-bottom											{ margin-bottom: 0px !important; }
		
		.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; }
		
		.box-shadow													{ box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, .4); }
		
		@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.05); }
	
	}
	
	@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: 90px; }
		.padding-bottom												{ padding-bottom: 90px; }
		
		.padding-top-medium											{ padding-top: 70px; }
		.padding-bottom-medium										{ padding-bottom: 70px; }
		
		.padding-top-small											{ padding-top: 50px; }
		.padding-bottom-small										{ padding-bottom: 50px; }
		
		.padding-top-tiny											{ padding-top: 26px; }
		.padding-bottom-tiny										{ padding-bottom: 26px; }
		
		.margin-top													{ margin-top: 90px; }
		.margin-bottom												{ margin-bottom: 90px; }
		
		.margin-top-medium											{ margin-top: 70px; }
		.margin-bottom-medium										{ margin-bottom: 70px; }
		
		.margin-top-small											{ margin-top: 50px; }
		.margin-bottom-small										{ margin-bottom: 50px; }
	
	}
	
	@media (max-width: 799px) {
	
		.padding-top												{ padding-top: 70px; }
		.padding-bottom												{ padding-bottom: 70px; }
		
		.padding-top-medium											{ padding-top: 50px; }
		.padding-bottom-medium										{ padding-bottom: 50px; }
		
		.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: 70px; }
		.margin-bottom												{ margin-bottom: 70px; }
		
		.margin-top-medium											{ margin-top: 50px; }
		.margin-bottom-medium										{ margin-bottom: 50px; }
		
		.margin-top-small											{ margin-top: 36px; }
		.margin-bottom-small										{ margin-bottom: 36px; }
		
		.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: 40px; }
		.padding-bottom-medium										{ padding-bottom: 40px; }
		
		.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: 56px; }
		.margin-bottom												{ margin-bottom: 56px; }
		
		.margin-top-medium											{ margin-top: 40px; }
		.margin-bottom-medium										{ margin-bottom: 40px; }
		
		.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; }
	
	}


/* Change following classes and media-queries to your needs ______________ */
	
	@media (max-width: 1199px) {
	
		.aboveTabletBreakpoint										{ display: none !important; }
	
	}
	
	@media (min-width: 1200px) {
	
		.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 												{ margin-top: 0px; }
		
		nav.mainmenu ul.menu 										{ 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 27px 0px 0px; padding: 0px 0px 0px 0px; font-size: 16px; }
		nav.mainmenu ul.menu li a 									{ float: left; padding: 0px; color: var(--bgheader-link-color); }
		nav.mainmenu ul.menu li.aktiv > a,
		nav.mainmenu ul.menu li a:hover 							{ color: var(--bgheader-link-hover-color); }
		
		nav.mainmenu ul.menu li#MenuAnfrage a 						{ color: var(--bgweb-link-color); }
		nav.mainmenu ul.menu li#MenuAnfrage.aktiv a,
		nav.mainmenu ul.menu li#MenuAnfrage a:hover 				{ color: var(--bgweb-link-hover-color); }
	
		nav.mainmenu ul.menu li ul 									{ display: none; font-weight: normal; list-style-type: none; position: absolute; left: 0px; top: 46px; }
		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: 240px; box-sizing: border-box; color: #FFFFFF; background: #73635B; font-size: 15px; line-height: 20px; padding: 12px 16px; }
		nav.mainmenu ul.menu li ul li.aktiv a						{ color: #A68662; }
	}
	
	@media (max-width: 1439px) {
	
		nav.mainmenu ul.menu li 									{margin: 0px 25px 0px 0px; }
	
	}
	
	@media (max-width: 1359px) {
	
		nav.mainmenu ul.menu li 									{margin: 0px 20px 0px 0px; }
	
	}
	
	@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; display: flex; justify-content: center; align-items: center; }
		
		div.unitsheader.mobileheader div.menuopener span.bars			{ position: relative; width: 26px; }
		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.active span.bar1,
		.withtransform.mobilemenuopen div.unitsheader.mobileheader div.menuopener.active 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.active 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; }
		div.unitsheader.mobileheader div.mobilemenu						{ padding: 74px 0 10px; min-height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; text-align: center; font-size: 18px; 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; }
		div.unitsheader.mobileheader div.mobilemenu li.aktiv > a,
		div.unitsheader.mobileheader div.mobilemenu li > a:hover		{ color: var(--bgmobile-link-hover-color); }
		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				{ font-size: 24px; line-height: 36px; padding-bottom: 18px; }
		div.unitsheader.mobileheader div.mobilemenu .language			{ font-size: 24px; line-height: 36px; font-weight: 500; margin-top: 24px; }
		div.unitsheader.mobileheader div.mobilemenu .language a ~ a		{ margin-left: 12px; }
		
		.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-slidedown 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; visibility: hidden; }
		.effect-fade-in.mobilemenuopen div.unitsheader.mobileheader div.outermobilemenu.open	{ z-index: 5; opacity: 1; visibility: visible; }
		
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener							{ position: absolute; width: <%=pr(1,3)%>%; left: 0px; top: 0px; height: 90px; text-align: center; line-height: 90px; color: #FFFFFF; transition: all 400ms; padding: 0; text-transform: uppercase; }
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener.hotel					{ display: flex; display: flex; justify-content: center; align-items: center; }
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener.etschland				{ left: <%=pr(1,3)%>%; background: var(--bgweb3-bg-color); }
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener.plauserhof				{ left: <%=pr(2,3)%>%; background: var(--bgweb4-bg-color); }
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener.hotel img				{ max-width: 100px; }
		.mobilemenuopen div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener.active	{ width: 100%; z-index: 10; left: 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%; margin-left: 10px; }
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.bar				{ left: 0; height: 2px; width: 100%; border-radius: 1px; }
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener.hotel span.bars			{ transform: scale(0, 0); width: 0px; transition: all 500ms; }
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.bar1				{ top: -7px; }
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.bar2				{ top: 0px; }
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.bar3				{ top: 7px; }
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener.active span.logo		{ margin-left: 10px; }
		.withtransform.mobilemenuopen div.unitsheader.mobileheader div.menuopener.active span.bar	{ top: 0px !important; }
		.withtransform.mobilemenuopen div.unitsheader.mobileheader div.menuopener.active span.bars	{ transform: scale(1, 1); width: 26px; }
	
	}
	
	@media (max-width: 739px) {
	
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.bars				{ width: 30px; }
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.bar				{ height: 4px; border-radius: 3px; }
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.bar1				{ top: -11px; }
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.bar2				{ top: -2px; }
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener span.bar3				{ top: 7px; }
		.withtransform.mobilemenuopen div.unitsheader.mobileheader div.menuopener span.bar		{ top: -2px !important; }
	
	}
	
	@media (max-width: 450px) {
	
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener							{ height: 70px; line-height: 70px; }
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener.hotel img				{ max-width: 85px; }
	
	}
	
	
/* Header ________________________________________________________________ */
	
	@media all {
	
		header.pageheader											{ position: absolute; top: 0; left: 0; width: 100%; }
		header.pageheader .inner-header								{ padding: 23px 42px; display: flex; justify-content: space-between; align-items: center; }
		header.pageheader .top-header								{ display: flex; justify-content: space-between; align-items: center; }
		header.pageheader .menu-bar		 							{ position: relative; z-index: 2; }
		header.pageheader .inner-header .language 					{ margin: -10px 456px -10px 0; font-size: 16px; line-height: 18px; text-align: right; }
		header.pageheader .inner-header .language a					{ display: block; }
		header.pageheader .inner-header .language a.active			{ color: var(--bgheader-link-hover-color); }
		header.pageheader .hotel-buttons 							{ position: absolute; top: 0; right: 0; }
		header.pageheader .hotel-buttons .buttons					{ display: flex; }
		header.pageheader .hotel-buttons .hotel-button				{ display: flex; position: relative; }
		header.pageheader .hotel-buttons .hotel						{ width: 240px; height: 120px; display: flex; justify-content: center; align-items: center; }
		header.pageheader .hotel-buttons .etschland .hotel			{ background: var(--bgweb3-bg-color); }
		header.pageheader .hotel-buttons .plauserhof .hotel			{ background: var(--bgweb4-bg-color); }
		
		header.pageheader .hotel-buttons ul 						{ display: none; font-weight: normal; list-style-type: none; position: absolute; top: 100%; margin-top: 3px; }
		header.pageheader .hotel-buttons ul li 						{ display: block; float: none; margin: 3px 0px 0px 0px; padding: 0px 0px 0px 0px; }
		header.pageheader .hotel-buttons ul li a					{ display: block; float: none; width: 240px; box-sizing: border-box; color: #FFFFFF; font-size: 15px; line-height: 20px; padding: 12px 16px; }
		header.pageheader .hotel-buttons ul li.aktiv a,
		header.pageheader .hotel-buttons ul li a:hover 				{ color: var(--bgheader-link-hover-color); }
		
		header.pageheader .hotel-buttons .etschland ul 				{ left: 0px; }
		header.pageheader .hotel-buttons .etschland ul li a			{ background: var(--bgweb3-bg-color); }
		header.pageheader .hotel-buttons .etschland ul li#MenuParkHotelVillaEtschlandAnfragen a		{ background: #A39535; }
		header.pageheader .hotel-buttons .etschland ul li#MenuParkHotelVillaEtschlandOnlineBuchen a	{ background: #736719; }
		
		header.pageheader .hotel-buttons .plauserhof ul 			{ right: 0px; }
		header.pageheader .hotel-buttons .plauserhof ul li a		{ background: var(--bgweb4-bg-color); }
		header.pageheader .hotel-buttons .plauserhof ul li#MenuParkHotelPlauserhofAnfragen a		{ background: #5D7928; }
		header.pageheader .hotel-buttons .plauserhof ul li#MenuParkHotelPlauserhofOnlineBuchen a	{ background: #364812; }
		header.pageheader .hotel-buttons .plauserhof ul li.aktiv a,
		header.pageheader .hotel-buttons .plauserhof ul li a:hover 	{ color: var(--bgweb4-text-color); }
			
	}
	
	@media (max-width: 1359px) {
	
		header.pageheader .inner-header								{ padding: 23px 36px; }
		header.pageheader .inner-header .language 					{ margin-right: 380px; }
		header.pageheader .hotel-buttons .hotel						{ width: 200px; }
		header.pageheader .hotel-buttons ul li a					{ width: 200px; }
	
	}
	
	@media (min-width: 1024px) {
	
		header.pageheader.fixed										{ position: fixed; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, .4); }
		header.pageheader.fixed a.logo								{ display: none; }
	
	}
	
	
/* Web Content _________________________________________________________________ */
	
	@media all {
	
		div.pagecontent												{ margin: 72px 0px 0px 0px; }
	
	}
	
	@media (max-width: 1199px) {
	
		div.pagecontent												{ margin: 90px 0px 0px 0px; }
	
	}
	
	@media (max-width: 450px) {
	
		div.pagecontent												{ margin: 70px 0px 0px 0px; }
	
	}
	
	@media all {
	
		div.unitsheader.breadcrumb.layout1.cssversion1				{ position: absolute; top: 0; left: 0; width: 98%; display: flex; justify-content: center; font-size: 12px; font-family: 'Source Sans Pro', sans-serif; margin: 0 6px; }
		div.unitsheader.breadcrumb.layout1.cssversion1 .innerBreadcrumb { display: flex; display: flex; justify-content: center; flex-wrap: wrap; }
		div.unitsheader.breadcrumb.layout1.cssversion1 a,
		div.unitsheader.breadcrumb.layout1.cssversion1 span			{  }
		div.unitsheader.breadcrumb.layout1.cssversion1 a::after		{ content: '.' !important; vertical-align: baseline !important; padding: 0 2px !important; }
	
	}
	
/* Footer ________________________________________________________________ */
	
	@media all {
	
		footer.pagefooter 											{ position: relative; clear: both; }
		
		footer.pagefooter address,
		footer.pagefooter address .address-info,
		footer.pagefooter address .contact-info						{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
		footer.pagefooter address a									{ color: inherit; }
		
		footer.pagefooter .footer-logos								{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
		footer.pagefooter .footer-logos .logo img					{ margin: 10px 27px; }
		
		footer.pagefooter .footer-info								{ display: flex; justify-content: center; flex-wrap: wrap; }
		footer.pagefooter .footer-info .footernavi					{ display: flex; justify-content: center; }
		footer.pagefooter .footer-info a							{ color: inherit; }
		footer.pagefooter .footer-info a:hover						{ color: var(--bgweb-link-hover-color); }
		
	}
	
	@media (max-width: 1100px) {
	
		footer.pagefooter address span.tablet-full-width						{ width: 100%; }
		footer.pagefooter address span.tablet-full-width .divider:last-child	{ display: none; }
	
	}
	
	@media (max-width: 900px) {
	
		footer.pagefooter .footer-logos .logo						{ flex: 1 0 50%; }
	
	}
	
	@media (max-width: 660px) {
	
		footer.pagefooter .footer-info .copyright,
		footer.pagefooter .footer-info .footernavi,
		footer.pagefooter .footer-info .vat-no							{ width: 100%; }
		footer.pagefooter .footer-info .copyright + .divider,
		footer.pagefooter .footer-info .footernavi .divider:last-child	{ display: none; }
	
	}
	
	@media (max-width: 560px) {
	
		footer.pagefooter address span.mobile-full-width						{ width: 100%; }
		footer.pagefooter address span.mobile-full-width .divider:last-child	{ display: none; }
		footer.pagefooter .footer-logos .logo									{ flex: 1 0 100%; }
	
	}
	
	
/* __________________________________________________________________ End */