/* Editbox-Classes _______________________________________________________________ */
	
.responsive-video											{ position: relative; padding: 56.25% 0 0; }
.responsive-video iframe									{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; }


/* Basic ____________________________________________________ */

body, html													{ height: 100%; }
body, table, input, select, textarea						{ color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.375em; }
body 														{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
table 														{ border: 0px; border-collapse: collapse; }
table td, form 												{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
a, body .link, body .owl-dots .owl-dot.active div.usplist	{ color: #009DDF; cursor: pointer; text-decoration: none; -webkit-transition: all 300ms; transition: all 300ms; }
a:hover, body .link:hover									{ cursor: pointer; }
img 														{ border: 0px; vertical-align: middle; }
video 														{ vertical-align: middle; }
p 															{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }


/* __________________________________________________________________ End */
/* Default _______________________________________________________________ */
	
	@media all {	
	
		body, table, input, select, textarea						{ color: var(--bgweb-text-color); font-family: var(--default-font-family); font-size: var(--default-font-size); line-height: var(--default-line-height); font-weight: var(--default-font-weight, normal); font-style: var(--default-font-style, normal); }
		address														{ font-style: normal; }
		hr															{ display: none; }
		
		h1, h2, h3, h4, h5, h6,
		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a							{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-decoration: none; font-size: 18px; line-height: 20px; font-weight: normal; }
		
		a, body .link, body .owl-dots .owl-dot.active div.usplist	{ color: var(--bgweb-link-color); }
		a:hover, body .link:hover									{ color: var(--bgweb-link-hover-color); }
		
		.title, .title a											{ color: var(--bgweb-title-color); }
		.title.t2, .title.t2 a										{ color: var(--bgweb-t2-title-color); }
		.title.t5, .title.t5 a										{ color: var(--bgweb-t5-title-color); }
		
		.t1large, .t1large a										{ font-size: var(--t1large-font-size); font-family: var(--t1large-font-family); line-height: var(--t1large-line-height); font-weight: var(--t1large-font-weight, normal); font-style: var(--t1large-font-style, normal); letter-spacing: var(--t1large-letter-spacing); text-transform: var(--t1large-text-transform); }
		.t1, .t1 a													{ font-size: var(--t1-font-size); font-family: var(--t1-font-family); line-height: var(--t1-line-height); font-weight: var(--t1-font-weight, normal); font-style: var(--t1-font-style, normal); letter-spacing: var(--t1-letter-spacing); text-transform: var(--t1-text-transform); }
		.t2, .t2 a													{ font-size: var(--t2-font-size); font-family: var(--t2-font-family); line-height: var(--t2-line-height); font-weight: var(--t2-font-weight, normal); font-style: var(--t2-font-style, normal); letter-spacing: var(--t2-letter-spacing); text-transform: var(--t2-text-transform); }
		.t3, .t3 a													{ font-size: var(--t3-font-size); font-family: var(--t3-font-family); line-height: var(--t3-line-height); font-weight: var(--t3-font-weight, normal); font-style: var(--t3-font-style, normal); letter-spacing: var(--t3-letter-spacing); text-transform: var(--t3-text-transform); }
		.t4, .t4 a													{ font-size: var(--t4-font-size); font-family: var(--t4-font-family); line-height: var(--t4-line-height); font-weight: var(--t4-font-weight, normal); font-style: var(--t4-font-style, normal); letter-spacing: var(--t4-letter-spacing); text-transform: var(--t4-text-transform); }
		.t5, .t5 a													{ font-size: var(--t5-font-size); font-family: var(--t5-font-family); line-height: var(--t5-line-height); font-weight: var(--t5-font-weight, normal); font-style: var(--t5-font-style, normal); letter-spacing: var(--t5-letter-spacing); text-transform: var(--t5-text-transform); }
		.t6, .t6 a													{ font-size: var(--t6-font-size); font-family: var(--t6-font-family); line-height: var(--t6-line-height); font-weight: var(--t6-font-weight, normal); font-style: var(--t6-font-style, normal); letter-spacing: var(--t6-letter-spacing); text-transform: var(--t6-text-transform); }
		.morelink													{ font-size: var(--morelink-font-size); font-family: var(--morelink-font-family); line-height: var(--morelink-line-height); font-weight: var(--morelink-font-weight, normal); font-style: var(--morelink-font-style, normal); letter-spacing: var(--morelink-letter-spacing); text-transform: var(--morelink-text-transform); color: var(--bgweb-link-color); }
		
		.defaultFs													{ font-size: var(--default-font-size); line-height: var(--default-line-height); }
		.small														{ font-family: var(--small-font-family); font-size: var(--small-font-size); line-height: var(--small-line-height); font-weight: var(--small-font-weight, normal); font-style: var(--small-font-style, normal); }
		.medium1													{ font-family: var(--medium-font-family); font-size: var(--medium-font-size); line-height: var(--medium-line-height); font-weight: var(--medium-font-weight, normal); font-style: var(--medium-font-style, normal); }
		.large1														{ font-family: var(--large-font-family); font-size: var(--large-font-size); line-height: var(--large-line-height); font-weight: var(--large-font-weight, normal); font-style: var(--large-font-style, normal); }
		
		.ff-default													{ font-family: var(--default-font-family); }
		.ff-headline												{ font-family: var(--t1-font-family); }
		
		.fw-light													{ font-weight: 300; }
		.fw-normal													{ font-weight: normal; }
		.fw-medium													{ font-weight: 500; }
		.fw-semi-bold												{ font-weight: 600; }
		.fw-bold													{ font-weight: bold; }
		
		.color-headline												{ color: var(--bgweb-title-color) !important; }
		
		.align-left													{ text-align: left; }
		.align-right												{ text-align: right; }
		.align-center												{ text-align: center; }
		
		.left														{ float: left; }
		.right														{ float: right; }
		
		.pointer													{ cursor: pointer; }
		
		svg.icon 													{ width: 1.250000em; height: 1.250000em; fill: var(--bgweb-text-color); }
		
		.button														{ display: inline-block; padding: 6px 20px; border-radius: var(--button-border-radius); font-size: var(--morelink-font-size); font-family: var(--morelink-font-family); font-weight: var(--morelink-font-weight, normal); font-style: var(--morelink-font-style, normal); text-indent: var(--morelink-letter-spacing); letter-spacing: var(--morelink-letter-spacing); text-transform: var(--morelink-text-transform); }
		.button .icon												{ display: inline-block; vertical-align: middle; }
		.button .text + .icon										{ margin-left: 4px; }
		.button .icon + .text										{ margin-left: 4px; }
		.button .icon img											{ vertical-align: baseline; }
		.button.big													{ padding: 13px 20px; }
		
		.button1													{ background-color: var(--bgweb-button1-bg-color); color: var(--bgweb-button1-text-color); }
		.button1:hover												{ background-color: var(--bgweb-button1-hover-bg-color); color: var(--bgweb-button1-hover-text-color); }
		.button1 svg.icon											{ fill: var(--bgweb-button1-text-color); color: var(--bgweb-button1-text-color); }
		
		.button2													{ background-color: var(--bgweb-button2-bg-color); color: var(--bgweb-button2-text-color); }
		.button2:hover												{ background-color: var(--bgweb-button2-hover-bg-color); color: var(--bgweb-button2-hover-text-color); }
		.button2 svg.icon											{ fill: var(--bgweb-button2-text-color); color: var(--bgweb-button2-text-color); }
		
		.flag														{ background-color: var(--bgweb-button1-bg-color); color: var(--bgweb-button1-text-color); }
		
		.spacesmall													{ padding: 7.692308% 0px; }
		.spacemedium												{ padding: 10.256410% 0px; }
		.spacelarge													{ padding: 12.820513% 0px; }
		
		.bgweb + .bgweb.spacesmall 									{ padding: 0px 0px 7.692308% 0px; }
		.bgweb2 + .bgweb2.spacesmall 								{ padding: 0px 0px 7.692308% 0px; }
		.bghighlight + .bghighlight.spacesmall 						{ padding: 0px 0px 7.692308% 0px; }
		.bghighlight2 + .bghighlight2.spacesmall 					{ padding: 0px 0px 7.692308% 0px; }
		.bglist + .bglist.spacesmall 								{ padding: 0px 0px 7.692308% 0px; }
		.bglistalternate + .bglistalternate.spacesmall 				{ padding: 0px 0px 7.692308% 0px; }
		.bgweb + .bgweb.spacemedium 								{ padding: 0px 0px 10.256410% 0px; }
		.bgweb2 + .bgweb2.spacemedium 								{ padding: 0px 0px 10.256410% 0px; }
		.bghighlight + .bghighlight.spacemedium 					{ padding: 0px 0px 10.256410% 0px; }
		.bghighlight2 + .bghighlight2.spacemedium 					{ padding: 0px 0px 10.256410% 0px; }
		.bglist + .bglist.spacemedium 								{ padding: 0px 0px 10.256410% 0px; }
		.bglistalternate + .bglistalternate.spacemedium 			{ padding: 0px 0px 10.256410% 0px; }
		.bgweb + .bgweb.spacelarge 									{ padding: 0px 0px 12.820513% 0px; }
		.bgweb2 + .bgweb2.spacelarge 								{ padding: 0px 0px 12.820513% 0px; }
		.bghighlight + .bghighlight.spacelarge 						{ padding: 0px 0px 12.820513% 0px; }
		.bghighlight2 + .bghighlight2.spacelarge 					{ padding: 0px 0px 12.820513% 0px; }
		.bglist + .bglist.spacelarge 								{ padding: 0px 0px 12.820513% 0px; }
		.bglistalternate + .bglistalternate.spacelarge 				{ padding: 0px 0px 12.820513% 0px; }
		
		.bgweb														{ background-color: var(--bgweb-bg-color); color: var(--bgweb-text-color); }
		
		.bgweb2														{ background-color: var(--bgweb2-bg-color); color: var(--bgweb2-text-color); }
		.bgweb2 a, .bgweb2 .link									{ color: var(--bgweb2-link-color); }
		.bgweb2 a:hover, .bgweb2 .link:hover						{ color: var(--bgweb2-link-hover-color); }
		.bgweb2 .title, .bgweb2 .title a							{ color: var(--bgweb2-title-color); }
		.bgweb2 .title.t2, .bgweb2 .title.t2 a						{ color: var(--bgweb2-t2-title-color); }
		.bgweb2 .title.t5, .bgweb2 .title.t5 a						{ color: var(--bgweb2-t5-title-color); }
		.bgweb2 .button1											{ background-color: var(--bgweb2-button1-bg-color); color: var(--bgweb2-button1-text-color); border: var(--button-outline-width) solid var(--bgweb2-button1-border-color); }
		.bgweb2 .button1:hover										{ background-color: var(--bgweb2-button1-hover-bg-color); color: var(--bgweb2-button1-hover-text-color); }
		.bgweb2 .button2											{ background-color: var(--bgweb2-button2-bg-color); color: var(--bgweb2-button2-text-color); border: var(--button-outline-width) solid var(--bgweb2-button2-border-color); }
		.bgweb2 .button2:hover										{ background-color: var(--bgweb2-button2-hover-bg-color); color: var(--bgweb2-button2-hover-text-color); }
		.bgweb2 svg.icon											{ fill: var(--bgweb2-text-color); color: var(--bgweb2-text-color); }
		.bgweb2 .button1 svg.icon									{ fill: var(--bgweb2-button1-text-color); color: var(--bgweb2-button1-text-color); }
		.bgweb2 .button2 svg.icon									{ fill: var(--bgweb2-button2-text-color); color: var(--bgweb2-button2-text-color); }
		
		.bgweb3														{ background-color: var(--bgweb3-bg-color); color: var(--bgweb3-text-color); }
		.bgweb3 a, .bgweb3 .link									{ color: var(--bgweb3-link-color); }
		.bgweb3 a:hover, .bgweb3 .link:hover						{ color: var(--bgweb3-link-hover-color); }
		.bgweb3 .title, .bgweb3 .title a							{ color: var(--bgweb3-title-color); }
		.bgweb3 .title.t2, .bgweb3 .title.t2 a						{ color: var(--bgweb3-t2-title-color); }
		.bgweb3 .title.t5, .bgweb3 .title.t5 a						{ color: var(--bgweb3-t5-title-color); }
		.bgweb3 .button1											{ background-color: var(--bgweb3-button1-bg-color); color: var(--bgweb3-button1-text-color); border: var(--button-outline-width) solid var(--bgweb3-button1-border-color); }
		.bgweb3 .button1:hover										{ background-color: var(--bgweb3-button1-hover-bg-color); color: var(--bgweb3-button1-hover-text-color); }
		.bgweb3 .button2											{ background-color: var(--bgweb3-button2-bg-color); color: var(--bgweb3-button2-text-color); border: var(--button-outline-width) solid var(--bgweb3-button2-border-color); }
		.bgweb3 .button2:hover										{ background-color: var(--bgweb3-button2-hover-bg-color); color: var(--bgweb3-button2-hover-text-color); }
		.bgweb3 svg.icon											{ fill: var(--bgweb3-text-color); color: var(--bgweb3-text-color); }
		.bgweb3 .button1 svg.icon									{ fill: var(--bgweb3-button1-text-color); color: var(--bgweb3-button1-text-color); }
		.bgweb3 .button2 svg.icon									{ fill: var(--bgweb3-button2-text-color); color: var(--bgweb3-button2-text-color); }
		
		.bgweb4														{ background-color: var(--bgweb4-bg-color); color: var(--bgweb4-text-color); }
		.bgweb4 a, .bgweb4 .link									{ color: var(--bgweb4-link-color); }
		.bgweb4 a:hover, .bgweb4 .link:hover						{ color: var(--bgweb4-link-hover-color); }
		.bgweb4 .title, .bgweb4 .title a							{ color: var(--bgweb4-title-color); }
		.bgweb4 .title.t2, .bgweb4 .title.t2 a						{ color: var(--bgweb4-t2-title-color); }
		.bgweb4 .title.t5, .bgweb4 .title.t5 a						{ color: var(--bgweb4-t5-title-color); }
		.bgweb4 .button1											{ background-color: var(--bgweb4-button1-bg-color); color: var(--bgweb4-button1-text-color); border: var(--button-outline-width) solid var(--bgweb4-button1-border-color); }
		.bgweb4 .button1:hover										{ background-color: var(--bgweb4-button1-hover-bg-color); color: var(--bgweb4-button1-hover-text-color); }
		.bgweb4 .button2											{ background-color: var(--bgweb4-button2-bg-color); color: var(--bgweb4-button2-text-color); border: var(--button-outline-width) solid var(--bgweb4-button2-border-color); }
		.bgweb4 .button2:hover										{ background-color: var(--bgweb4-button2-hover-bg-color); color: var(--bgweb4-button2-hover-text-color); }
		.bgweb4 svg.icon											{ fill: var(--bgweb4-text-color); color: var(--bgweb4-text-color); }
		.bgweb4 .button1 svg.icon									{ fill: var(--bgweb4-button1-text-color); color: var(--bgweb4-button1-text-color); }
		.bgweb4 .button2 svg.icon									{ fill: var(--bgweb4-button2-text-color); color: var(--bgweb4-button2-text-color); }
		
		.bghighlight												{ background-color: var(--bghighlight-bg-color); color: var(--bghighlight-text-color); }
		.bghighlight .borderBefore:before							{ border-color: var(--bghighlight-bg-color); }
		.bghighlight .borderAfter:after								{ border-color: var(--bghighlight-bg-color); }
		.bghighlight a, .bghighlight .link							{ color: var(--bghighlight-link-color); }
		.bghighlight a:hover, .bghighlight .link:hover				{ color: var(--bghighlight-link-hover-color); }
		.bghighlight .title, .bghighlight .title a					{ color: var(--bghighlight-title-color); }
		.bghighlight .title.t2, .bghighlight .title.t2 a			{ color: var(--bghighlight-t2-title-color); }
		.bghighlight .title.t5, .bghighlight .title.t5 a			{ color: var(--bghighlight-t5-title-color); }
		.bghighlight a.button1										{ background-color: var(--bghighlight-button1-bg-color); color: var(--bghighlight-button1-text-color); border: var(--button-outline-width) solid var(--bghighlight-button1-border-color); }
		.bghighlight a.button1:hover								{ background-color: var(--bghighlight-button1-hover-bg-color); color: var(--bghighlight-button1-hover-text-color); }
		.bghighlight a.button2										{ background-color: var(--bghighlight-button2-bg-color); color: var(--bghighlight-button2-text-color); border: var(--button-outline-width) solid var(--bghighlight-button2-border-color); }
		.bghighlight a.button2:hover								{ background-color: var(--bghighlight-button2-hover-bg-color); color: var(--bghighlight-button2-hover-text-color); }
		.bghighlight svg.icon										{ fill: var(--bghighlight-text-color); color: var(--bghighlight-text-color); }
		.bghighlight a.button1 svg.icon								{ fill: var(--bghighlight-button1-text-color); color: var(--bghighlight-button1-text-color); }
		.bghighlight a.button2 svg.icon								{ fill: var(--bghighlight-button2-text-color); color: var(--bghighlight-button2-text-color); }
		
		.bghighlight2												{ background-color: var(--bghighlight2-bg-color); color: var(--bghighlight2-text-color); }
		.bghighlight2 .borderBefore:before							{ border-color: var(--bghighlight2-bg-color); }
		.bghighlight2 .borderAfter:after							{ border-color: var(--bghighlight2-bg-color); }
		.bghighlight2 a, .bghighlight2 .link						{ color: var(--bghighlight2-link-color); }
		.bghighlight2 a:hover, .bghighlight2 .link:hover			{ color: var(--bghighlight2-link-hover-color); }
		.bghighlight2 .title, .bghighlight2 .title a				{ color: var(--bghighlight2-title-color); }
		.bghighlight2 .title.t2, .bghighlight2 .title.t2 a			{ color: var(--bghighlight2-t2-title-color); }
		.bghighlight2 .title.t5, .bghighlight2 .title.t5 a			{ color: var(--bghighlight2-t5-title-color); }
		.bghighlight2 a.button1										{ background-color: var(--bghighlight2-button1-bg-color); color: var(--bghighlight2-button1-text-color); border: var(--button-outline-width) solid var(--bghighlight2-button1-border-color); }
		.bghighlight2 a.button1:hover								{ background-color: var(--bghighlight2-button1-hover-bg-color); color: var(--bghighlight2-button1-hover-text-color); }
		.bghighlight2 a.button2										{ background-color: var(--bghighlight2-button2-bg-color); color: var(--bghighlight2-button2-text-color); border: var(--button-outline-width) solid var(--bghighlight2-button2-border-color); }
		.bghighlight2 a.button2:hover								{ background-color: var(--bghighlight2-button2-hover-bg-color); color: var(--bghighlight2-button2-hover-text-color); }
		.bghighlight2 svg.icon										{ fill: var(--bghighlight2-text-color); color: var(--bghighlight2-text-color); }
		.bghighlight2 a.button1 svg.icon							{ fill: var(--bghighlight2-button1-text-color); color: var(--bghighlight2-button1-text-color); }
		.bghighlight2 a.button2 svg.icon							{ fill: var(--bghighlight2-button2-text-color); color: var(--bghighlight2-button2-text-color); }
		
		.bglist, .bgteaser, .bgusp									{ background-color: var(--bglist-bg-color); color: var(--bglist-text-color); }
		.bglist a, .bgteaser a, .bgusp a, 
		.bglist .link, .bgteaser .link, .bgusp .link					{ color: var(--bglist-link-color); }
		.bglist a:hover, .bgteaser a:hover, .bgusp a:hover, 
		.bglist .link:hover, .bgteaser .link:hover, .bgusp .link:hover	{ color: var(--bglist-link-hover-color); }
		.bglist .title, .bgteaser .title, .bgusp .title, 
		.bglist .title a, .bgteaser .title a, .bgusp .title a			{ color: var(--bglist-title-color); }
		.bglist .title.t2, .bgteaser .title.t2, .bgusp .title.t2, 
		.bglist .title.t2 a, .bgteaser .title.t2 a, .bgusp .title.t2 a	{ color: var(--bglist-t2-title-color); }
		.bglist .title.t5, .bgteaser .title.t5, .bgusp .title.t5, 
		.bglist .title.t5 a, .bgteaser .title.t5 a, .bgusp .title.t5 a	{ color: var(--bglist-t5-title-color); }
		.bglist a.button1, .bgteaser a.button1, .bgusp a.button1		{ background-color: var(--bglist-button1-bg-color); color: var(--bglist-button1-text-color); border: var(--button-outline-width) solid var(--bglist-button1-border-color); }
		.bglist a.button1:hover, .bgteaser a.button1:hover, 
		.bgusp a.button1:hover										{ background-color: var(--bglist-button1-hover-bg-color); color: var(--bglist-button1-hover-text-color); }
		.bglist a.button2, .bgteaser a.button2, .bgusp a.button2	{ background-color: var(--bglist-button2-bg-color); color: var(--bglist-button2-text-color); border: var(--button-outline-width) solid var(--bglist-button2-border-color); }
		.bglist a.button2:hover, .bgteaser a.button2:hover, 
		.bgusp a.button2:hover										{ background-color: var(--bglist-button2-hover-bg-color); color: var(--bglist-button2-hover-text-color); }
		.bglist .icon1 ul li svg.icon, .bgteaser .icon1 ul li svg.icon, .bgusp .icon1 ul li svg.icon,
		.bglist ul.icon1 li svg.icon, .bgteaser ul.icon1 li svg.icon, .bgusp ul.icon1 li svg.icon,
		.bglist svg.icon, .bgteaser svg.icon, .bgusp svg.icon		{ fill: var(--bglist-text-color); color: var(--bglist-text-color); }
		.bglist a.button1 svg.icon, .bgteaser a.button1 svg.icon, 
		.bgusp a.button1 svg.icon									{ fill: var(--bglist-button1-text-color); color: var(--bglist-button1-text-color); }
		.bglist a.button2  svg.icon, .bgteaser a.button2  svg.icon, 
		.bgusp a.button2  svg.icon									{ fill: var(--bglist-button2-text-color); color: var(--bglist-button2-text-color); }
		
		.bglistalternate, .bgteaseralternate, .bguspalternate		{ background-color: var(--bglistalternate-bg-color); color: var(--bglistalternate-text-color); }
		.bglistalternate a, .bgteaseralternate a, 
		.bguspalternate a, 
		.bglistalternate .link, .bgteaseralternate .link, 
		.bguspalternate .link										{ color: var(--bglistalternate-link-color); }
		.bglistalternate a:hover, .bgteaseralternate a:hover, 
		.bguspalternate a:hover, 
		.bglistalternate .link:hover, .bgteaseralternate .link:hover, 
		.bguspalternate .link:hover									{ color: var(--bglistalternate-link-hover-color); }
		.bglistalternate .title, .bgteaseralternate .title, 
		.bguspalternate .title, 
		.bglistalternate .title a, .bgteaseralternate .title a, 
		.bguspalternate .title a									{ color: var(--bglistalternate-title-color); }
		.bglistalternate .title.t2, .bgteaseralternate .title.t2, 
		.bguspalternate .title.t2, 
		.bglistalternate .title.t2 a, .bgteaseralternate .title.t2 a, 
		.bguspalternate .title.t2 a									{ color: var(--bglistalternate-t2-title-color); }
		.bglistalternate .title.t5, .bgteaseralternate .title.t5, 
		.bguspalternate .title.t5, 
		.bglistalternate .title.t5 a, .bgteaseralternate .title.t5 a, 
		.bguspalternate .title.t5 a									{ color: var(--bglistalternate-t5-title-color); }
		.bglistalternate a.button1, .bgteaseralternate a.button1, 
		.bguspalternate a.button1									{ background-color: var(--bglistalternate-button1-bg-color); color: var(--bglistalternate-button1-text-color); border: var(--button-outline-width) solid var(--bglistalternate-button1-border-color); }
		.bglistalternate a.button1:hover, 
		.bgteaseralternate a.button1:hover, 
		.bguspalternate a.button1:hover								{ background-color: var(--bglistalternate-button1-hover-bg-color); color: var(--bglistalternate-button1-hover-text-color); }
		.bglistalternate a.button2, .bgteaseralternate a.button2, 
		.bguspalternate a.button2									{ background-color: var(--bglistalternate-button2-bg-color); color: var(--bglistalternate-button2-text-color); border: var(--button-outline-width) solid var(--bglistalternate-button2-border-color); }
		.bglistalternate a.button2:hover, 
		.bgteaseralternate a.button2:hover, 
		.bguspalternate a.button2:hover								{ background-color: var(--bglistalternate-button2-hover-bg-color); color: var(--bglistalternate-button2-hover-text-color); }
		.bglistalternate svg.icon, .bgteaseralternate svg.icon, 
		.bguspalternate svg.icon									{ fill: var(--bglistalternate-text-color); color: var(--bglistalternate-text-color); }
		.bglistalternate a.button1 svg.icon, 
		.bgteaseralternate a.button1 svg.icon, 
		.bguspalternate a.button1 svg.icon							{ fill: var(--bglistalternate-button1-text-color); color: var(--bglistalternate-button1-text-color); }
		.bglistalternate a.button2 svg.icon, 
		.bgteaseralternate a.button2 svg.icon, 
		.bguspalternate a.button2 svg.icon							{ fill: var(--bglistalternate-button2-text-color); color: var(--bglistalternate-button2-text-color); }
		.bglistalternate .icon1 ul li svg.icon, 
		.bgteaseralternate .icon1 ul li svg.icon, 
		.bguspalternate .icon1 ul li svg.icon,
		.bglistalternate ul.icon1 li svg.icon, 
		.bgteaseralternate ul.icon1 li svg.icon, 
		.bguspalternate ul.icon1 li svg.icon,
		.bglistalternate svg.icon, 
		.bgteaseralternate svg.icon, 
		.bguspalternate svg.icon									{ fill: var(--bglistalternate-text-color); color: var(--bglistalternate-text-color); }
		
		.bgbar														{ background-color: var(--bgbar-bg-color); color: var(--bgbar-text-color); }
		.bgbar a, .bgbar .link										{ color: var(--bgbar-link-color); }
		.bgbar a:hover, .bgbar .link:hover							{ color: var(--bgbar-link-hover-color); }
		.bgbar .title, .bgbar .title a								{ color: var(--bgbar-title-color); }
		.bgbar .title.t2, .bgbar .title.t2 a						{ color: var(--bgbar-t2-title-color); }
		.bgbar .title.t5, .bgbar .title.t5 a						{ color: var(--bgbar-t5-title-color); }
		.bgbar a.button1											{ background-color: var(--bgbar-button1-bg-color); color: var(--bgbar-button1-text-color); border: var(--button-outline-width) solid var(--bgbar-button1-border-color); }
		.bgbar a.button1:hover										{ background-color: var(--bgbar-button1-hover-bg-color); color: var(--bgbar-button1-hover-text-color); }
		.bgbar a.button2											{ background-color: var(--bgbar-button2-bg-color); color: var(--bgbar-button2-text-color); border: var(--button-outline-width) solid var(--bgbar-button2-border-color); }
		.bgbar a.button2:hover										{ background-color: var(--bgbar-button2-hover-bg-color); color: var(--bgbar-button2-hover-text-color); }
		.bgbar svg.icon												{ fill: var(--bgbar-text-color); color: var(--bgbar-text-color); }
		.bgbar a.button1 svg.icon									{ fill: var(--bgbar-button1-text-color); color: var(--bgbar-button1-text-color); }
		.bgbar a.button2 svg.icon									{ fill: var(--bgbar-button2-text-color); color: var(--bgbar-button2-text-color); }
		
		.bggallerybox												{ background-color: var(--bggallerybox-bg-color); color: var(--bggallerybox-text-color); }
		.bggallerybox a, .bggallerybox .link,
		.bggallerygradienttop a, .bggallerygradienttop .link,
		.bggallerygradientbottom a, .bggallerygradientbottom .link,
		.bggallerygradienttop2 a, .bggallerygradienttop2 .link,
		.bggallerygradienttop3 a, .bggallerygradienttop3 .link,
		.bggallerygradientradius a, .bggallerygradientradius .link,
		.bggallerygradienttopbottom a, .bggallerygradienttopbottom .link				{ color: var(--bggallerybox-link-color); }
		.bggallerybox a:hover, .bggallerybox .link:hover,
		.bggallerygradienttop a:hover, .bggallerygradienttop .link:hover,
		.bggallerygradientbottom a:hover, .bggallerygradientbottom .link:hover,
		.bggallerygradienttop2 a:hover, .bggallerygradienttop2 .link:hover,
		.bggallerygradienttop3 a:hover, .bggallerygradienttop3 .link:hover,
		.bggallerygradientradius a:hover, .bggallerygradientradius .link:hover,
		.bggallerygradienttopbottom a:hover, .bggallerygradienttopbottom .link:hover	{ color: var(--bggallerybox-link-hover-color); }
		.bggallerybox .title, .bggallerybox .title a,
		.bggallerybox.title, .bggallerybox.title a,
		.bggallerygradienttop .title, .bggallerygradienttop .title a,
		.bggallerygradienttop.title, .bggallerygradienttop.title a,
		.bggallerygradientbottom .title, .bggallerygradientbottom .title a,
		.bggallerygradientbottom.title, .bggallerygradientbottom.title a,
		.bggallerygradienttop2 .title, .bggallerygradienttop2 .title a,
		.bggallerygradienttop2.title, .bggallerygradienttop2.title a,
		.bggallerygradienttop3 .title, .bggallerygradienttop3 .title a,
		.bggallerygradienttop3.title, .bggallerygradienttop3.title a,
		.bggallerygradientradius .title, .bggallerygradientradius .title a,
		.bggallerygradientradius.title, .bggallerygradientradius.title a,
		.bggallerygradienttopbottom .title, .bggallerygradienttopbottom .title a,
		.bggallerygradienttopbottom.title, .bggallerygradienttopbottom.title a			{ color: var(--bggallerybox-title-color); }
		.bggallerybox .title.t2, .bggallerybox .title.t2 a,		
		.bggallerybox.title.t2, .bggallerybox.title.t2 a,
		.bggallerygradienttop .title.t2, .bggallerygradienttop .title.t2 a,		
		.bggallerygradienttop.title.t2, .bggallerygradienttop.title.t2 a,
		.bggallerygradientbottom .title.t2, .bggallerygradientbottom .title.t2 a,		
		.bggallerygradientbottom.title.t2, .bggallerygradientbottom.title.t2 a,
		.bggallerygradienttop2 .title.t2, .bggallerygradienttop2 .title.t2 a,		
		.bggallerygradienttop2.title.t2, .bggallerygradienttop2.title.t2 a,
		.bggallerygradienttop3 .title.t2, .bggallerygradienttop3 .title.t2 a,		
		.bggallerygradienttop3.title.t2, .bggallerygradienttop3.title.t2 a,
		.bggallerygradientradius .title.t2, .bggallerygradientradius .title.t2 a,		
		.bggallerygradientradius.title.t2, .bggallerygradientradius.title.t2 a,
		.bggallerygradienttopbottom .title.t2, .bggallerygradienttopbottom .title.t2 a,		
		.bggallerygradienttopbottom.title.t2, .bggallerygradienttopbottom.title.t2 a	{ color: var(--bggallerybox-t2-title-color); }
		.bggallerybox .title.t5, .bggallerybox .title.t5 a,		
		.bggallerybox.title.t5, .bggallerybox.title.t5 a,
		.bggallerygradienttop .title.t5, .bggallerygradienttop .title.t5 a,
		.bggallerygradienttop.title.t5, .bggallerygradienttop.title.t5 a,
		.bggallerygradientbottom .title.t5, .bggallerygradientbottom .title.t5 a,
		.bggallerygradientbottom.title.t5, .bggallerygradientbottom.title.t5 a,
		.bggallerygradienttop2 .title.t5, .bggallerygradienttop2 .title.t5 a,
		.bggallerygradienttop2.title.t5, .bggallerygradienttop2.title.t5 a,
		.bggallerygradienttop3 .title.t5, .bggallerygradienttop3 .title.t5 a,
		.bggallerygradienttop3.title.t5, .bggallerygradienttop3.title.t5 a,
		.bggallerygradientradius .title.t5, .bggallerygradientradius .title.t5 a,
		.bggallerygradientradius.title.t5, .bggallerygradientradius.title.t5 a,
		.bggallerygradienttopbottom .title.t5, .bggallerygradienttopbottom .title.t5 a,
		.bggallerygradienttopbottom.title.t5, .bggallerygradienttopbottom.title.t5 a	{ color: var(--bggallerybox-t5-title-color); }
		.bggallerybox a.button1,
		.bggallerygradienttop a.button1,
		.bggallerygradientbottom a.button1,
		.bggallerygradienttop2 a.button1,
		.bggallerygradienttop3 a.button1,
		.bggallerygradientradius a.button1,
		.bggallerygradienttopbottom a.button1						{ background-color: var(--bggallerybox-button1-bg-color); color: var(--bggallerybox-button1-text-color); border: var(--button-outline-width) solid var(--bggallerybox-button1-border-color); }
		.bggallerybox a.button1:hover,
		.bggallerygradienttop a.button1:hover,
		.bggallerygradientbottom a.button1:hover,
		.bggallerygradienttop2 a.button1:hover,
		.bggallerygradienttop3 a.button1:hover,
		.bggallerygradientradius a.button1:hover,
		.bggallerygradienttopbottom a.button1:hover					{ background-color: var(--bggallerybox-button1-hover-bg-color); color: var(--bggallerybox-button1-hover-text-color); }
		.bggallerybox a.button2,
		.bggallerygradienttop a.button2,
		.bggallerygradientbottom a.button2,
		.bggallerygradienttop2 a.button2,
		.bggallerygradienttop3 a.button2,
		.bggallerygradientradius a.button2,
		.bggallerygradienttopbottom a.button2						{ background-color: var(--bggallerybox-button2-bg-color); color: var(--bggallerybox-button2-text-color); border: var(--button-outline-width) solid var(--bggallerybox-button2-border-color); }
		.bggallerybox a.button2:hover,
		.bggallerygradienttop a.button2:hover,
		.bggallerygradientbottom a.button2:hover,
		.bggallerygradienttop2 a.button2:hover,
		.bggallerygradienttop3 a.button2:hover,
		.bggallerygradientradius a.button2:hover,
		.bggallerygradienttopbottom a.button2:hover					{ background-color: var(--bggallerybox-button2-hover-bg-color); color: var(--bggallerybox-button2-hover-text-color); }
		.bggallerybox svg.icon,
		.bggallerygradienttop svg.icon,
		.bggallerygradientbottom svg.icon,
		.bggallerygradienttop2 svg.icon,
		.bggallerygradienttop3 svg.icon,
		.bggallerygradientradius svg.icon,
		.bggallerygradienttopbottom svg.icon						{ fill: var(--bggallerybox-text-color); color: var(--bggallerybox-text-color); }
		.bggallerybox a.button1 svg.icon,
		.bggallerygradienttop a.button1 svg.icon,
		.bggallerygradientbottom a.button1 svg.icon,
		.bggallerygradienttop2 a.button1 svg.icon,
		.bggallerygradienttop3 a.button1 svg.icon,
		.bggallerygradientradius a.button1 svg.icon,
		.bggallerygradienttopbottom a.button1 svg.icon				{ fill: var(--bggallerybox-button1-text-color); color: var(--bggallerybox-button1-text-color); }
		.bggallerybox a.button2 svg.icon,
		.bggallerygradienttop a.button2 svg.icon,
		.bggallerygradientbottom a.button2 svg.icon,
		.bggallerygradienttop2 a.button2 svg.icon,
		.bggallerygradienttop3 a.button2 svg.icon,
		.bggallerygradientradius a.button2 svg.icon,
		.bggallerygradienttopbottom a.button2 svg.icon				{ fill: var(--bggallerybox-button2-text-color); color: var(--bggallerybox-button2-text-color); }
		
		.bggallerybox .bglist .title,
		.bggallerybox .bglist .title a								{ color: var(--bglist-text-color); }
		
		.bggallerygradienttopbottom									{ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 50%,rgba(0,0,0,0) 100%); color: #FFFFFF; }
		.bggallerygradienttop										{ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); color: var(--bggallerybox-text-color); }
		.bggallerygradientbottom									{ background: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); color: var(--bggallerybox-text-color); }
		.bggallerygradienttop2										{ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.8) 100%); color: var(--bggallerybox-text-color); }
		.bggallerygradienttop3										{ background: linear-gradient(to bottom, rgba(239,239,239,0) 0%, rgba(239,239,239,1) 100%); }
		.bggallerygradientradius									{ background: radial-gradient(ellipse at center,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%); color: var(--bggallerybox-text-color); }
		.bggallerygradientradiusi									{ background: radial-gradient(ellipse at center,  rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%); }
		.bggallerygradientdiagonalbottomtop							{ background: linear-gradient(45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 45%, rgba(0,0,0,0) 100%); }
		
		.bgheader													{ background-color: var(--bgheader-bg-color); color: var(--bgheader-text-color); }
		.bgheader a, .bgheader .link								{ color: var(--bgheader-link-color); }
		.bgheader a:hover, .bgheader .link:hover					{ color: var(--bgheader-link-hover-color); }
		.bgheader .title, .bgheader .title a						{ color: var(--bgheader-title-color); }
		.bgheader .title.t2, .bgheader .title.t2 a					{ color: var(--bgheader-t2-title-color); }
		.bgheader .title.t5, .bgheader .title.t5 a					{ color: var(--bgheader-t5-title-color); }
		.bgheader a.button1											{ background-color: var(--bgheader-button1-bg-color); color: var(--bgheader-button1-text-color); border: var(--button-outline-width) solid var(--bgheader-button1-border-color); }
		.bgheader a.button1:hover									{ background-color: var(--bgheader-button1-hover-bg-color); color: var(--bgheader-button1-hover-text-color); }
		.bgheader a.button2											{ background-color: var(--bgheader-button2-bg-color); color: var(--bgheader-button2-text-color); border: var(--button-outline-width) solid var(--bgheader-button2-border-color); }
		.bgheader a.button2:hover									{ background-color: var(--bgheader-button2-hover-bg-color); color: var(--bgheader-button2-hover-text-color); }
		.bgheader svg.icon											{ fill: var(--bgheader-text-color); color: var(--bgheader-text-color); }
		.bgheader a.button1 svg.icon								{ fill: var(--bgheader-button1-text-color); color: var(--bgheader-button1-text-color); }
		.bgheader a.button2 svg.icon								{ fill: var(--bgheader-button2-text-color); color: var(--bgheader-button2-text-color); }
		
		.bgheader2													{ background-color: var(--bgheader2-bg-color); color: var(--bgheader2-text-color); }
		.bgheader2 a, .bgheader2 .link								{ color: var(--bgheader2-link-color); }
		.bgheader2 a:hover, .bgheader2 .link:hover					{ color: var(--bgheader2-link-hover-color); }
		.bgheader2 .title, .bgheader2 .title a						{ color: var(--bgheader2-title-color); }
		.bgheader2 .title.t2, .bgheader2 .title.t2 a				{ color: var(--bgheader2-t2-title-color); }
		.bgheader2 .title.t5, .bgheader2 .title.t5 a				{ color: var(--bgheader2-t5-title-color); }
		.bgheader2 .title:hover, .bgheader2 .title a:hover			{ color: var(--bgheader2-title-color); opacity: 0.7; }
		.bgheader2 .title.t2:hover, .bgheader2 .title.t2 a:hover	{ color: var(--bgheader2-t2-title-color); }
		.bgheader2 .title.t5:hover, .bgheader2 .title.t5 a:hover	{ color: var(--bgheader2-t5-title-color); }
		.bgheader2 a.button1										{ background-color: var(--bgheader2-button1-bg-color); color: var(--bgheader2-button1-text-color); border: var(--button-outline-width) solid var(--bgheader2-button1-border-color); }
		.bgheader2 a.button1:hover									{ background-color: var(--bgheader2-button1-hover-bg-color); color: var(--bgheader2-button1-hover-text-color); }
		.bgheader2 a.button2										{ background-color: var(--bgheader2-button2-bg-color); color: var(--bgheader2-button2-text-color); border: var(--button-outline-width) solid var(--bgheader2-button2-border-color); }
		.bgheader2 a.button2:hover									{ background-color: var(--bgheader2-button2-hover-bg-color); color: var(--bgheader2-button2-hover-text-color); }
		.bgheader2 svg.icon											{ fill: var(--bgheader2-text-color); color: var(--bgheader2-text-color); }
		.bgheader2 a.button1 svg.icon								{ fill: var(--bgheader2-button1-text-color); color: var(--bgheader2-button1-text-color); }
		.bgheader2 a.button2 svg.icon								{ fill: var(--bgheader2-button2-text-color); color: var(--bgheader2-button2-text-color); }
		
		.bgmobile													{ background-color: var(--bgmobile-bg-color); color: var(--bgmobile-text-color); }
		.bgmobile a, .bgmobile .link								{ color: var(--bgmobile-link-color); }
		.bgmobile a:hover, .bgmobile .link:hover					{ color: var(--bgmobile-link-hover-color); }
		.bgmobile .title, .bgmobile .title a						{ color: var(--bgmobile-title-color); }
		.bgmobile .title.t2, .bgmobile .title.t2 a					{ color: var(--bgmobile-t2-title-color); }
		.bgmobile .title.t5, .bgmobile .title.t5 a					{ color: var(--bgmobile-t5-title-color); }
		.bgmobile a.button1											{ background-color: var(--bgmobile-button1-bg-color); color: var(--bgmobile-button1-text-color); border: var(--button-outline-width) solid var(--bgmobile-button1-border-color); }
		.bgmobile a.button1:hover									{ background-color: var(--bgmobile-button1-hover-bg-color); color: var(--bgmobile-button1-hover-text-color); }
		.bgmobile a.button2											{ background-color: var(--bgmobile-button2-bg-color); color: var(--bgmobile-button2-text-color); border: var(--button-outline-width) solid var(--bgmobile-button2-border-color); }
		.bgmobile a.button2:hover									{ background-color: var(--bgmobile-button2-hover-bg-color); color: var(--bgmobile-button2-hover-text-color); }
		.bgmobile svg.icon											{ fill: var(--bgmobile-text-color); color: var(--bgmobile-text-color); }
		.bgmobile a.button1 svg.icon								{ fill: var(--bgmobile-button1-text-color); color: var(--bgmobile-button1-text-color); }
		.bgmobile a.button2 svg.icon								{ fill: var(--bgmobile-button2-text-color); color: var(--bgmobile-button2-text-color); }
		
		.bgicon 													{ background-color: var(--bghighlight-bg-color); color: var(--bghighlight-text-color) !important; fill: var(--bghighlight-text-color) !important; padding: 0.375000em; display: inline-block; vertical-align: top; }
		symbol#icon-checkbox-checked path							{ fill: var(--bghighlight2-bg-color); color: var(--bghighlight2-bg-color); }
		symbol#icon-radio-checked circle:last-child					{ fill: var(--bghighlight2-bg-color); color: var(--bghighlight2-bg-color); }
		
		.ttupper													{ text-transform: uppercase; }
		.ttlower													{ text-transform: lowercase; }
		.ttnone														{ text-transform: none; }
		
		ul 															{ margin: 0px 0px 0px 0px; padding-left: 0px; padding-right: 0px; list-style-type: none; }
		ul li:before												{ content: '\025AA'; font-size: 20px; position: absolute; left: 0px; top: 0px; font-family: Arial, Helvetica, sans-serif; }
		ul li 														{ position: relative; padding: 0px 0px 0px 15px; }
		ul li ul li:before											{ color: #999999; }
		ol 															{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 26px; }
		ol li 														{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
		
		*.reset ul, ul.reset										{ padding: 0px 0px 0px 0px; }
		*.reset ul li:before, ul.reset li:before					{ content: none; }
		*.reset ul li, ul.reset li									{ position: static; padding: 0px 0px 0px 0px; }
		*.reset ul li ul, ul.reset li ul							{ padding: 0px 0px 0px 0px; }
		
		*.icon1 ul, ul.icon1										{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; }
		*.icon1 ul li, ul.icon1 li									{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 1.625000em; position: relative; text-indent: 0px; line-height: 1.562500em; }
		*.icon1 ul li:before, ul.icon1 li:before					{ content: none; }
		*.icon1 ul li svg.icon, ul.icon1 li svg.icon				{ position: relative; display: inline-block; vertical-align: text-bottom; top: 0px; left: -0.375000em; width: 1.250000em; height: 1.250000em; margin-left: -1.250000em; fill: var(--bgweb-text-color); }
		.bgweb2 *.icon1 ul li svg.icon, ul.icon1 li svg.icon		{ fill: var(--bgweb2-text-color); }
		.bgweb3 *.icon1 ul li svg.icon, ul.icon1 li svg.icon		{ fill: var(--bgweb3-text-color); }
		.bgweb4 *.icon1 ul li svg.icon, ul.icon1 li svg.icon		{ fill: var(--bgweb4-text-color); }
		.bghighlight *.icon1 ul li svg.icon, ul.icon1 li svg.icon	{ fill: var(--bghighlight-text-color); }
		.bghighlight2 *.icon1 ul li svg.icon, ul.icon1 li svg.icon	{ fill: var(--bghighlight2-text-color); }
		.bgbar *.icon1 ul li svg.icon, ul.icon1 li svg.icon			{ fill: var(--bgbar-text-color); }
		.bggallerybox *.icon1 ul li svg.icon, ul.icon1 li svg.icon	{ fill: var(--bggallerybox-text-color); }
		.bgheader *.icon1 ul li svg.icon, ul.icon1 li svg.icon		{ fill: var(--bgheader-text-color); }
		.bgheader2 *.icon1 ul li svg.icon, ul.icon1 li svg.icon		{ fill: var(--bgheader2-text-color); }
		.bgmobile *.icon1 ul li svg.icon, ul.icon1 li svg.icon		{ fill: var(--bgmobile-text-color); }
		
		table														{ width: 100%; }
		table caption												{ font-size: 20px; }
		table colgroup col											{ width: 29.572650%; }
		table colgroup col:first-child								{ width: 5.470085%; }
		table thead													{ border-bottom: solid 2px var(--bgweb-border-color); }
		table thead th												{ padding-top: 6px; padding-bottom: 6px; text-align: left; }
		table tfoot td												{ border-top: solid 1px var(--bgweb-border-color); padding-top: 6px; padding-bottom: 6px; }
		table tbody td												{ border-top: solid 1px var(--bgweb-border-color); padding-top: 6px; padding-bottom: 6px; }
		table tr *													{ padding-left: 0.854701%; padding-right: 0.854701%; }
		table tr *:first-child										{ padding-left: 0.341880%; padding-right: 0.341880%; }
		
		table.reset													{ width: auto; }
		table.reset caption											{ font-size: inherit; }
		table.reset colgroup col									{ width: auto; }
		table.reset thead											{ border-bottom: inherit; }
		table.reset thead th										{ padding-top: inherit; padding-bottom: inherit; text-align: inherit; }
		table.reset tfoot td										{ border-top: inherit; padding-top: inherit; padding-bottom: inherit; }
		table.reset tbody td										{ border-top: inherit; padding-top: inherit; padding-bottom: inherit; }
		table.reset tr *											{ padding-left: inherit; padding-right: inherit; }
		
		.bgwebgradientleft											{ background: linear-gradient(to right, var(--bgweb-rgba-o1) 0%,var(--bgweb-rgba-o1) 30%, var(--bgweb-rgba-o0) 100%); }
		.bgwebgradientright											{ background: linear-gradient(to right, var(--bgweb-rgba-o0) 0%,var(--bgweb-rgba-o1) 70%,var(--bgweb-rgba-o1) 100%); }
		
		.bgweb2gradientleft											{ background: linear-gradient(to right, var(--bgweb2-rgba-o1) 0%,var(--bgweb2-rgba-o1) 30%, var(--bgweb2-rgba-o0) 100%); }
		.bgweb2gradientright										{ background: linear-gradient(to right, var(--bgweb2-rgba-o0) 0%,var(--bgweb2-rgba-o1) 70%,var(--bgweb2-rgba-o1) 100%); }

						
		.bgcookies													{ background-color: var(--bglistalternate-bg-color); color: var(--bglistalternate-text-color); }
		.bgcookiesicon												{ background-color: var(--bglist-bg-color); color: var(--bglist-text-color);; }
		
		.bglist.bgactive,
		.bglist.hover:hover,
		.bgteaser.bgactive,
		.bgteaser.hover:hover,
		.bgusp.bgactive,
		.bgusp.hover:hover,
		.bglistalternate.bgactive,
		.bglistalternate.hover:hover,
		.bgteaseralternate.bgactive,
		.bgteaseralternate.hover:hover,
		.bguspalternate.hover.bgactive,
		.bguspalternate.hover:hover,
		.bgbar.bgactive,
		.bgbar.hover:hover,
		.bggallerybox.bgactive,
		.bggallerybox.hover:hover,
		.bghighlight.bgactive,
		.bghighlight.hover:hover,
		.bghighlight2.bgactive,
		.bghighlight2.hover:hover									{ cursor: pointer; box-shadow: inset 0px 0px 4px 500px rgba(0,0,0,0.15); }
		
		.bglist.bgactive .bglist,
		.bglist.hover:hover .bglist,
		.bglist.bgactive .bglistalternate,
		.bglist.hover:hover .bglistalternate,
		.bglist.bgactive .bghighlight,
		.bglist.hover:hover .bghighlight,
		.bglist.bgactive .bghighlight2,
		.bglist.hover:hover .bghighlight2,
		.bgteaser.bgactive .bgteaser,
		.bgteaser.hover:hover .bgteaser,
		.bgteaser.bgactive .bgteaseralternate,
		.bgteaser.hover:hover .bgteaseralternate,
		.bgteaser.bgactive .bghighlight,
		.bgteaser.hover:hover .bghighlight,
		.bgteaser.bgactive .bghighlight2,
		.bgteaser.hover:hover .bghighlight2,
		.bgusp.bgactive .bgusp,
		.bgusp.hover:hover .bgusp,
		.bgusp.bgactive .bguspalternate,
		.bgusp.hover:hover .bguspalternate,
		.bgusp.bgactive .bghighlight,
		.bgusp.hover:hover .bghighlight,
		.bgusp.bgactive .bghighlight2,
		.bgusp.hover:hover .bghighlight2,
		.bglistalternate.bgactive .bglist,
		.bglistalternate.hover:hover .bglist,
		.bglistalternate.bgactive .bglistalternate,
		.bglistalternate.hover:hover .bglistalternate,
		.bglistalternate.bgactive .bghighlight,
		.bglistalternate.hover:hover .bghighlight,
		.bglistalternate.bgactive .bghighlight2,
		.bglistalternate.hover:hover .bghighlight2,
		.bgteaseralternate.bgactive .bgteaser,
		.bgteaseralternate.hover:hover .bgteaser,
		.bgteaseralternate.bgactive .bgteaseralternate,
		.bgteaseralternate.hover:hover .bgteaseralternate,
		.bgteaseralternate.bgactive .bghighlight,
		.bgteaseralternate.hover:hover .bghighlight,
		.bgteaseralternate.bgactive .bghighlight2,
		.bgteaseralternate.hover:hover .bghighlight2,
		.bguspalternate.bgactive .bgusp,
		.bguspalternate.hover:hover .bgusp,
		.bguspalternate.bgactive .bguspalternate,
		.bguspalternate.hover:hover .bguspalternate,
		.bguspalternate.bgactive .bghighlight,
		.bguspalternate.hover:hover .bghighlight,
		.bguspalternate.bgactive .bghighlight2,
		.bguspalternate.hover:hover .bghighlight2,
		.bgbar.bgactive .bgbar,
		.bgbar.hover:hover .bgbar,
		.bgbar.bgactive .bghighlight,
		.bgbar.hover:hover .bghighlight,
		.bgbar.bgactive .bghighlight2,
		.bgbar.hover:hover .bghighlight2,
		.bghighlight.bgactive .bghighlight,
		.bghighlight.hover:hover .bghighlight,
		.bghighlight.bgactive .bglist,
		.bghighlight.hover:hover .bglist,
		.bghighlight.bgactive .bgteaser,
		.bghighlight.hover:hover .bgteaser,
		.bghighlight.bgactive .bgusp,
		.bghighlight.hover:hover .bgusp,
		.bghighlight.bgactive .bglistalternate,
		.bghighlight.hover:hover .bglistalternate,
		.bghighlight.bgactive .bgteaseralternate,
		.bghighlight.hover:hover .bgteaseralternate,
		.bghighlight.bgactive .bguspalternate,
		.bghighlight.hover:hover .bguspalternate,
		.bghighlight.bgactive .bgbar,
		.bghighlight.hover:hover .bgbar,
		.bghighlight.bgactive .bghighlight2,
		.bghighlight.hover:hover .bghighlight2,
		.bghighlight2.bgactive .bghighlight2,
		.bghighlight2.hover:hover .bghighlight2,
		.bghighlight2.bgactive .bglist,
		.bghighlight2.hover:hover .bglist,
		.bghighlight2.bgactive .bgteaser,
		.bghighlight2.hover:hover .bgteaser,
		.bghighlight2.bgactive .bgusp,
		.bghighlight2.hover:hover .bgusp,
		.bghighlight2.bgactive .bglistalternate,
		.bghighlight2.hover:hover .bglistalternate,
		.bghighlight2.bgactive .bgteaseralternate,
		.bghighlight2.hover:hover .bgteaseralternate,
		.bghighlight2.bgactive .bguspalternate,
		.bghighlight2.hover:hover .bguspalternate,
		.bghighlight2.bgactive .bgbar,
		.bghighlight2.hover:hover .bgbar,
		.bghighlight2.bgactive .bghighlight,
		.bghighlight2.hover:hover .bghighlight						{ cursor: pointer; box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); }
																	
		.iconhover													{ transition: all 300ms ease-in-out; }
		.iconhover:hover											{ opacity: 0.7; cursor: pointer; }
		.iconinverse												{ color: #FFFFFF !important; fill: #FFFFFF  !important; }
		
		.hover														{ cursor: pointer; }
		.hover picture												{ position: relative; }
		.hover picture:before										{ content: ''; background-color: rgba(114,93,77,0); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; transition: all 300ms ease-in-out; }
		.hover:hover picture:before									{ background-color: rgba(114,93,77,.7); }
		.hover:hover .nohover										{ -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; filter: none !important; }
		
		.points1h													{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
		.points1h:after												{ content: ''; clear: both; display: block; font-size: 0px; height: 0px; line-height: 0px; overflow: hidden; text-indent: -100px; }
		.points1h li:before											{ content: none; }
		.points1h li												{ left: auto; position: static; text-indent: 0px; }
		.points1h > *												{ background-color: var(--bghighlight2-bg-color); display: inline-block; width: 12px; height: 12px; cursor: pointer; text-indent: -100px !important; padding: 0px 0px 0px 0px; overflow: hidden; }
		.points1h > * + *											{ margin-left: 6px; }
		.points1h > *.active										{ background-color: var(--bghighlight-bg-color); }
		
		.tab3														{ cursor: pointer; position: relative; background-color: var(--bgweb-button2-bg-color); color: var(--bgweb-button2-text-color); font-size: 20px; line-height: 60px; padding: 0px 1.709402% 0px 1.709402%; width: 31.623932%; height: 60px; text-align: center; -webkit-transition: all 400ms; transition: all 400ms; }
		.tab3:hover,
		.active .tab3,
		.tab3.active												{ background-color: var(--bgweb-button1-bg-color); color: var(--bgweb-button1-text-color); }
		.tab3:before												{ content: ''; position: absolute; left: 50%; margin-left: -10.5px; width: 0px; height: 0px; border-style: solid; opacity: 0; -webkit-transition: all 400ms; transition: all 400ms; }
		.tab3.arrowtop:before										{ top: -9px; border-width: 0px 10.5px 10px 10.5px; border-color: transparent transparent var(--bgweb-button1-bg-color) transparent; }
		.tab3.arrowbottom:before									{ bottom: -9px; border-width: 10px 10.5px 0 10.5px; border-color: var(--bgweb-button1-bg-color) transparent transparent transparent; }
		.tab3.active:before											{ opacity: 1; }
		
		.tabs4														{ display: flex; justify-content: center; position: relative; }
		.tabs4:after												{ content: ''; width: 100%; height: 1px; background-color: var(--bgweb-border-color); position: absolute; left: 0; bottom: 0; z-index: 0; }
		.bgweb2 .tabs4:after										{ background-color: var(--bgweb2-border-color); }
		.tabs4 .tab													{ background-color: var(--bgweb-bg-color); padding: 15px 3.846154%; margin: 0 0.940171%; border: 1px solid var(--bgweb-border-color); position: relative; z-index: 1; text-align: center; }
		.bgweb2 .tabs4 .tab											{ background-color: var(--bgweb2-bg-color); border: 1px solid var(--bgweb2-border-color); }
		.tabs4 .tab.active											{ background-color: var(--bglist-bg-color); color: var(--bglist-text-color); border: 1px solid var(--bglist-border-color); border-bottom: 0px; }
		
		.tabs5														{ display: flex; justify-content: center; position: relative; }
		.tabs5:after												{ content: ''; width: 100%; height: 1px; background-color: var(--bgweb-border-color); position: absolute; left: 0px; bottom: 3px; z-index: 0; }
		.bgweb2 .tabs5:after										{ background-color: var(--bgweb2-border-color); }
		.tabs5 .tab													{ color: var(--bglist-title-color); padding: 15px 3.846154%; margin: 0 0.940171%; position: relative; z-index: 1; text-align: center; }
		.tabs5 .tab.active											{ border-bottom: 6px solid var(--bgweb-button1-bg-color); }
		.bgweb2 .tabs5 .tab.active									{ border-bottom: 6px solid var(--bgweb2-button1-bg-color); }
		
		.paging														{ margin: 20px auto; text-align: center; }
		.paging1													{  }
		.paging1 a,
		.paging1 span												{ display: inline-block; vertical-align: middle; background-color: var(--bglist-bg-color); color: var(--bglist-text-color); font-size: 14px; line-height: 28px; margin: 0px 3px 0px 3px; width: 28px; height: 28px; text-align: center; }
		.paging1 a:hover,
		.paging1 a.active,
		.paging1 span												{ background-color: var(--bglistalternate-bg-color); color: var(--bglistalternate-text-color); }
		.paging1 a.prev												{ background-color: var(--bgweb-button1-bg-color); color: var(--bgweb-button1-text-color); position: relative; }
		.paging1 a.prev:before										{ content: ''; position: absolute; left: 50%; top: 50%; margin-top: -5.5px; margin-left: -3.5px; width: 0px; height: 0px; border-style: solid; border-width: 5.5px 7px 5.5px 0; border-color: transparent var(--bgweb-button1-text-color) transparent transparent; }
		.paging1 a.prev:after										{ content: ''; position: absolute; left: 50%; top: 50%; margin-top: -4.5px; margin-left: -1.5px; width: 0px; height: 0px; border-style: solid; border-width: 4.5px 6px 4.5px 0; border-color: transparent var(--bgweb-button1-bg-color) transparent transparent; }
		.paging1 a.next												{ background-color: var(--bgweb-button1-bg-color); color: var(--bgweb-button1-text-color); position: relative; }
		.paging1 a.next:before										{ content: ''; position: absolute; right: 50%; top: 50%; margin-top: -5.5px; margin-right: -3.5px; width: 0px; height: 0px; border-style: solid; border-width: 5.5px 0 5.5px 7px; border-color: transparent transparent transparent var(--bgweb-button1-text-color); }
		.paging1 a.next:after										{ content: ''; position: absolute; right: 50%; top: 50%; margin-top: -4.5px; margin-right: -1.5px; width: 0px; height: 0px; border-style: solid; border-width: 4.5px 0 4.5px 6px; border-color: transparent transparent transparent var(--bgweb-button1-bg-color); }
		.paging1 span.prev,
		.paging1 span.next											{ display: none; }

	
	}
	
	@media (max-width: 1023px) {
	
		body 														{ font-size: var(--default-tablet-font-size); }
		
		a.button1													{ padding: 8px 20px; }
		a.button2													{ padding: 8px 20px; }
		
		.t1large, .t1large a										{ font-size: var(--t1large-tablet-font-size); line-height: var(--t1large-tablet-line-height); }
		.t1, .t1 a													{ font-size: var(--t1-tablet-font-size); line-height: var(--t1-tablet-line-height); }
		.t2, .t2 a													{ font-size: var(--t2-tablet-font-size); line-height: var(--t2-tablet-line-height); }
		.t3, .t3 a													{ font-size: var(--t3-tablet-font-size); line-height: var(--t3-tablet-line-height); }
		.t4, .t4 a													{ font-size: var(--t4-tablet-font-size); line-height: var(--t4-tablet-line-height); }
		.t5, .t5 a													{ font-size: var(--t5-tablet-font-size); line-height: var(--t5-tablet-line-height); }
		.t6, .t6 a													{ font-size: var(--t6-tablet-font-size); line-height: var(--t6-tablet-line-height); }
		
		.defaultFs													{ font-size: var(--default-tablet-font-size); line-height: var(--default-tablet-line-height); }
		.medium1													{ font-size: var(--medium-tablet-font-size); line-height: var(--medium-tablet-line-height); }
		.large1														{ font-size: var(--large-tablet-font-size); line-height: var(--large-tablet-line-height); }
		small, .small												{ font-size: var(--small-tablet-font-size); line-height: var(--small-tablet-line-height); }
	
	}
	
	@media (max-width: 480px) {
	
		body 														{ font-size: var(--default-mobile-font-size); }
		
		.t1large, .t1large a										{ font-size: var(--t1large-mobile-font-size); line-height: var(--t1large-mobile-line-height); }
		.t1, .t1 a													{ font-size: var(--t1-mobile-font-size); line-height: var(--t1-mobile-line-height); }
		.t2, .t2 a													{ font-size: var(--t2-mobile-font-size); line-height: var(--t2-mobile-line-height); }
		.t3, .t3 a													{ font-size: var(--t3-mobile-font-size); line-height: var(--t3-mobile-line-height); }
		.t4, .t4 a													{ font-size: var(--t4-mobile-font-size); line-height: var(--t4-mobile-line-height); }
		.t5, .t5 a													{ font-size: var(--t5-mobile-font-size); line-height: var(--t5-mobile-line-height); }
		.t6, .t6 a													{ font-size: var(--t6-mobile-font-size); line-height: var(--t6-mobile-line-height); }
		
		.defaultFs													{ font-size: var(--default-mobile-font-size); line-height: var(--default-mobile-line-height); }
		.medium1													{ font-size: var(--medium-mobile-font-size); line-height: var(--medium-mobile-line-height); }
		.large1														{ font-size: var(--large-mobile-font-size); line-height: var(--large-mobile-line-height); }
		small, .small												{ font-size: var(--small-mobile-font-size); line-height: var(--small-mobile-line-height); }
		
		.spacesmall													{ padding: 30px 0px; }
		.spacemedium												{ padding: 40px 0px; }
		.spacelarge													{ padding: 50px 0px; }
		
		.bgweb + .bgweb.spacesmall 									{ padding: 0px 0px 30px 0px; }
		.bgweb2 + .bgweb2.spacesmall 								{ padding: 0px 0px 30px 0px; }
		.bghighlight + .bghighlight.spacesmall 						{ padding: 0px 0px 30px 0px; }
		.bghighlight2 + .bghighlight2.spacesmall 					{ padding: 0px 0px 30px 0px; }
		.bglist + .bglist.spacesmall 								{ padding: 0px 0px 30px 0px; }
		.bglistalternate + .bglistalternate.spacesmall 				{ padding: 0px 0px 30px 0px; }
		.bgweb + .bgweb.spacemedium 								{ padding: 0px 0px 40px 0px; }
		.bgweb2 + .bgweb2.spacemedium 								{ padding: 0px 0px 40px 0px; }
		.bghighlight + .bghighlight.spacemedium 					{ padding: 0px 0px 40px 0px; }
		.bghighlight2 + .bghighlight2.spacemedium 					{ padding: 0px 0px 40px 0px; }
		.bglist + .bglist.spacemedium 								{ padding: 0px 0px 40px 0px; }
		.bglistalternate + .bglistalternate.spacemedium 			{ padding: 0px 0px 40px 0px; }
		.bgweb + .bgweb.spacelarge 									{ padding: 0px 0px 50px 0px; }
		.bgweb2 + .bgweb2.spacelarge 								{ padding: 0px 0px 50px 0px; }
		.bghighlight + .bghighlight.spacelarge 						{ padding: 0px 0px 50px 0px; }
		.bghighlight2 + .bghighlight2.spacelarge 					{ padding: 0px 0px 50px 0px; }
		.bglist + .bglist.spacelarge 								{ padding: 0px 0px 50px 0px; }
		.bglistalternate + .bglistalternate.spacelarge 				{ padding: 0px 0px 50px 0px; }

		
	}


/* Formelements _______________________________________________________ */

	@media all {
	
		form 														{ margin: 0px 0px 0px 0px; }
		
		form div.row												{ clear: both; margin: 0px 0px 6px 0px; }
		
		form label.label											{ width: 47.368421%; float: left; display: inline; margin: 8px 1.315789% 0px 0px; padding: 0px 0px 0px 0px; }
		form label.ort												{ display: none; }
		form label.pflichtfeld										{ font-weight: bold; }
		
		form textarea:focus,
		form input:focus											{ border: 0px; outline: 0px; }
		
		form div.inputfield input,
		form div.calendarfield input								{ width: 100%; height: 34px; line-height: 34px; background-color: var(--bgweb-form-bg-color); color: var(--bgweb-form-text-color); border: 1px solid var(--bgweb-form-border-color); padding: 0px 0px 0px 0px; text-indent: 8px; position: relative; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; border-radius: 2px; -webkit-appearance: none; }
		.bgweb2 div.inputfield input,
		.bgweb2 div.calendarfield input								{ background-color: var(--bgweb2-form-bg-color); color: var(--bgweb2-form-text-color); border: 1px solid var(--bgweb2-form-border-color); }
		.bgbar div.inputfield input,
		.bgbar div.calendarfield input								{ background-color: var(--bgbar-form-bg-color); color: var(--bgbar-form-text-color); border: 1px solid var(--bgbar-form-border-color); }

		form div.row.requiredinfobox div.requiredinfotext			{ text-align: right; margin-right: 6px; }
		
		form div.row.input div.inputfield,
		form div.row.calendar div.calendarfield						{ width: 51.315789%; float: left; display: inline; padding: 2px 2px; position: relative; color: #888888; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; border-radius: 2px; }
		
		form div.row.input div.inputfield.plz						{ width: 15.789474%; }
		form div.row.input div.inputfield.ort						{ width: 34.210526%; margin: 0px 0px 0px 1.315789%; }
		form div.row.input div.disabled input						{ background-color: #FFFFFF; }
		
		form div.row.calendar div.calendarfield a.kalenderopener	{ width: 21px; height: 19px; position: absolute; right: 10px; top: 8px; z-index: 2; }
		
		form div.selectfield span.field											{ width: 100%; height: 100%; background-color: var(--bgweb-form-bg-color); color: var(--bgweb-form-text-color); border: 1px solid var(--bgweb-form-border-color); line-height: 34px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; border-radius: 2px; }
		.bgweb2 div.selectfield span.field										{ background-color: var(--bgweb2-form-bg-color); color: var(--bgweb2-form-text-color); border: 1px solid var(--bgweb2-form-border-color); }
		.bgbar div.selectfield span.field										{ background-color: var(--bgbar-form-bg-color); color: var(--bgbar-form-text-color); border: 1px solid var(--bgbar-form-border-color); }
		.bgbar .bgweb div.selectfield span.field								{ background-color: var(--bgweb-form-bg-color); color: var(--bgweb-form-text-color); border: 1px solid var(--bgweb-form-border-color); }
		form div.selectfield span.field span.selecticon							{ position: absolute; right: 28px; top: 24px; }
		form div.selectfield span.field span.selecticon.selecticonsvg			{ top: 12px; }
		form div.selectfield span.field span.selecticon.selecticonsvg svg		{ width: 15px; height: 15px; }
		form div.selectfield span.field span.selecticon div,
		form div.selectfield span.field span.selecticon svg						{ position: absolute !important; left: 0px !important; top: 0px !important; }
		form div.selectfield span.field span.selecticon:before					{ content: ''; position: absolute; z-index: 1; background-color: var(--bgweb-form-text-color); top: -6px; left: 0px; width: 12px; height: 2px; display: block; transform: rotate(45deg); }
		form div.selectfield span.field span.selecticon:after					{ content: ''; position: absolute; z-index: 1; background-color: var(--bgweb-form-text-color); top: -6px; left: 8px; width: 12px; height: 2px; display: block; transform: rotate(-45deg); }
		.bgweb2 div.selectfield span.field span.selecticon:before,
		.bgweb2 div.selectfield span.field span.selecticon:after				{ background-color: var(--bgweb2-form-text-color); }
		.bgbar div.selectfield span.field span.selecticon:before,
		.bgbar div.selectfield span.field span.selecticon:after					{ background-color: var(--bgbar-form-text-color); }
		.bgbar .bgweb div.selectfield span.field span.selecticon:before,
		.bgbar .bgweb div.selectfield span.field span.selecticon:after			{ background-color: var(--bgweb-form-text-color); }
		form div.selectfield span.field span.selecticon.selecticonsvg:before	{ content: ''; position: static; background: transparent; top: auto; left: auto; width: auto; height: auto; transform: none; }
		form div.selectfield span.field span.selecticon.selecticonsvg:after		{ content: ''; position: static; background: transparent; top: auto; left: auto; width: auto; height: auto; transform: none; }
		form div.selectfield select												{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; opacity: 0.0; z-index: 2; }
		form div.selectfield span.select										{ display: block; height: 100%; margin: 0px 24px 0px 8px; position: relative; overflow: hidden; white-space: nowrap; }
		form div.selectfield span.field div.okicon,
		form div.selectfield span.field div.erroricon							{ right: 20px; }
		form div.row.select div.selectfield										{ width: 51.315789%; height: 38px; line-height: 34px; float: left; display: inline; padding: 2px 2px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; border-radius: 2px; }
		
		
		form textarea.textarea										{ background-color: var(--bgweb-form-bg-color); color: var(--bgweb-form-text-color); border: 1px solid var(--bgweb-form-border-color); padding: 0px 0px 0px 0px; }
		.bgweb2 textarea.textarea									{ background-color: var(--bgweb2-form-bg-color); color: var(--bgweb2-form-text-color);border: 1px solid var(--bgweb2-form-border-color); }
		.bgbar textarea.textarea									{ background-color: var(--bgbar-form-bg-color); color: var(--bgbar-form-text-color);border: 1px solid var(--bgbar-form-border-color); }
		form div.row div.textarea									{ width: 51.315789%; display: inline; float: left; padding: 2px 2px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }
		form div.row div.textarea textarea							{ width: 100%; float: left; display: inline; margin: 0px 0px 0px 0px; padding: 4px 8px 4px 8px; height: 4.333em; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; border-radius: 2px; -webkit-appearance: none; }
		
		form div.checkboxfield input								{ position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 1em; height: 1em; z-index: 2; opacity: 0.0; }
		form div.checkboxfield span									{ position: absolute; left: 0px; top: 0px; display: block; width: 1em; height: 1em; font-size: 1em; line-height: 1px; z-index: 1; }
		form div.checkboxfield svg									{ position: absolute; left: 0px; top: 0px; display: block; width: 1em; height: 1em; font-size: 1em; line-height: 1px; z-index: 1; }
		form div.row.checkbox label.label							{ margin-top: 0px; }
		form div.row.checkbox div.checkboxfield						{ float: left; display: inline; margin: 2px 0px 0px 2px; position: relative; }
		form div.row.checkbox div.checkboxfield div.erroricon		{ position: absolute; right: -24px; top: -2px; margin-top: 0px; }
		form div.row.checkbox div.checkboxfield div.formtextV1		{ top: -33px; left: -8px; z-index: 3; }
		form div.row.checkbox div.checkboxfield div.formtextV2,
		form div.row.checkbox div.checkboxfield div.formtextV5,
		form div.row.checkbox div.checkboxfield div.formtextV6		{ top: -3px; }
		form div.row.checkbox div.checkboxfield div.formtextV3,
		form div.row.checkbox div.checkboxfield div.formtextV4		{ width: 200px; }
		form div.row.checkbox div.checkboxfield div.okicon			{ position: absolute; right: -24px; top: -1px; margin-top: 0px; }
		form div.row.checkbox div.checkboxfield div.okicon *		{ position: relative; }
		form div.row.checkbox label.extralabel						{ float: left; margin: 1px 0px 0px 4px; width: auto; }
		form div.row.checkbox div.error + label.extralabel			{ margin: 0px 0px 0px 28px; }
		
		form div.radiofield input									{ position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; height: 100%; z-index: 2; opacity: 0.0; }
		form div.radiofield span									{ position: absolute; left: 0px; top: 0px; display: block; width: 100%; height: 100%; font-size: 1px; line-height: 1px; z-index: 1; }
		form div.radiofield svg										{ position: absolute; left: 0px; top: 0px; display: block; width: 1em; height: 1em; font-size: 1em; line-height: 1px; z-index: 1; }
		form div.radiofield span svg								{ width: 100%; height: 100%; font-size: 1px; }
		form div.row.radio label.label								{ margin-top: 0px; }
		form div.row.radio div.radiofield							{ width: 16px; height: 16px; float: left; display: inline; margin: 3px 0px 0px 0px; position: relative; }
		form div.row.radio div.radiofield div.erroricon				{ position: absolute; right: -28px; top: -2px; margin-top: 0px; }
		form div.row.radio div.radiofield div.formtextV1			{ top: -34px; left: -9px; z-index: 3; }
		form div.row.radio div.radiofield div.formtextV2,
		form div.row.radio div.radiofield div.formtextV5,
		form div.row.radio div.radiofield div.formtextV6			{ top: -3px; }
		form div.row.radio label.extralabel							{ float: left; margin: 0px 0px 0px 4px; width: auto; }
		form div.row.radio div.error + label.extralabel				{ margin: 0px 0px 0px 28px; }
		
		form div.uploadfield iframe			 						{ width: 128px; height: 128px; position: absolute; right: 0px; top: 0px; opacity: 0.0; z-index: 3; }
		form div.uploadfield div.status								{ position: absolute; left: -5px; top: 1px; width: 30px; height: 28px; overflow: hidden; }
		form div.uploadfield div.status0							{ position: absolute; left: 1px; top: 1px; width: 30px; height: 28px; overflow: hidden; }
		form div.uploadfield div.status1 							{ position: absolute; left: 1px; top: 1px; width: 30px; height: 28px; overflow: hidden; }
		form div.uploadfield div.status2 							{ position: absolute; left: 1px; top: 1px; width: 30px; height: 28px; overflow: hidden; }
		form div.uploadfield div.status3 							{ position: absolute; left: 1px; top: 1px; width: 30px; height: 28px; overflow: hidden; }
		form div.uploadfield div.button								{ width: 100%; height: 100%; }
		form div.row.upload 										{  }
		form div.row.upload div.uploadfield							{ width: 51.315789%; height: 32px; float: left; display: inline; padding: 2px 2px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; border-radius: 2px; }
		form div.row.upload div.uploadfieldcontainer				{ float: left; display: inline; width: 100%; height: 100%; line-height: 2.000000em; background-color: var(--bgweb-form-bg-color); color: var(--bgweb-form-text-color); border: 1px solid var(--bgweb-form-border-color); padding: 0px 0px 0px 0px; text-indent: 3px; position: relative; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; border-radius: 2px; }
		.bgweb2 div.row.upload div.uploadfieldcontainer				{ background-color: var(--bgweb2-form-bg-color); color: var(--bgweb2-form-text-color); border: 1px solid var(--bgweb2-form-border-color); }
		.bgbar div.row.upload div.uploadfieldcontainer				{ background-color: var(--bgbar-form-bg-color); color: var(--bgbar-form-text-color); border: 1px solid var(--bgbar-form-border-color); }
		form div.uploadfieldcontainer div.uploadbutton				{ background: transparent; position: absolute; right: -1px; top: 1px; width: 30px; height: 28px; overflow: hidden; z-index: 2; cursor: pointer; }
		form div.uploadfieldcontainer div.uploadname				{ position: absolute; left: -30px; top: 0px; text-indent: 55px; width: 100%; height: 100%; display: block; overflow: hidden; line-height: 27px; }
		
		form div .error												{ background: transparent; }
		form div .errorV1,
		form div .errorV2											{ background-color: #f4c4cf; }
		form div .errorV1 input,
		form div .errorV1 textarea,
		form div .errorV2 input,
		form div .errorV2 textarea,
		form div .errorV7 input,
		form div .errorV7 textarea									{ border-color: #d5889a; color: #d5889a; }
		form div .errorV4 input,
		form div .errorV4 textarea,
		form div .errorV5 span.field,
		form div .errorV5 input,
		form div .errorV5 textarea									{ border-color: #eaa9a4; color: #d5889a; }
		form div .errorV6 span.field,
		form div .errorV6 input,
		form div .errorV6 textarea									{ color: #555555; border-color: #f3c7c3; background-color: #f3c7c3; }
		
		form div div.erroricon										{ display: none; }
		form div .error div.erroricon								{ display: block; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); z-index: 2; }
		form div .calendarfield.error div.erroricon					{ right: 34px; }
		form div .error div.erroricon *								{ position: relative; }
		form div .error div.erroricon div							{ width: 18px; height: 18px; line-height: 1px; }
		form div .error div.erroricon svg							{ fill: #D93D5F; }
		
		form div .error div.formtextV1								{ color: #FFFFFF; position: absolute; left: 0px; top: -32px; padding: 0px 10px 0px 10px; font-size: 11px; line-height: 25px; height: 25px; white-space: nowrap; background: #c62649; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e14668), color-stop(100%,#c62649)); background: -webkit-linear-gradient(top,  #e14668 0%,#c62649 100%); background: -o-linear-gradient(top,  #e14668 0%,#c62649 100%); background: -ms-linear-gradient(top,  #e14668 0%,#c62649 100%); background: linear-gradient(to bottom,  #e14668 0%,#c62649 100%); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index: 2; }
		form div .error div.formtextV1 div							{ position: absolute; left: 7px; bottom: -5px; width: 15px; height: 8px; line-height: 1px; }
		form div .error div.formtextV1 div:before					{ content: ''; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 0px; border-style: solid; border-width: 6px 6px 0 6px; border-color: #CA2B4D transparent transparent transparent; }
		
		form div .ok input,
		form div .ok textarea										{ color: inherit; }
		form div .ok div.okicon										{ position: absolute; right: 3px; top: 50%; margin-top: -10px; padding: 0px 5px 0px 3px; z-index: 2; }
		form div .calendarfield.ok div.okicon						{ right: 34px; }
		form div .ok div.okicon *									{ position: relative; }
		form div .ok div.okicon div									{ width: 20px; height: 20px; line-height: 1px; position: relative; }
		form div .ok div.okicon div svg								{ width: 100%; height: 100%; fill: #0F870F; }
		
		form div .okV6 div.okicon									{ right: -40px; top: 50%; width: 18px; height: 24px; padding: 0px 0px 0px 0px; line-height: 1px; background-color: #0C7054; }
		form div .okV6 div.okicon:before							{ content: ''; position: absolute; left: -11px; bottom: 0px; width: 0px; height: 0px; border-style: solid; border-width: 12px 12px 12px 0px; border-color: transparent #0C7054 transparent transparent; }
		form div .okV6 div.okicon svg								{ fill: #FFFFFF; width: 15px; height: 15px; margin-top: 5px; margin-left: 0px; }
		
		form div.formspace											{ clear: both; height: 34px; overflow: hidden; text-indent: -100px; }
		
		form a.senden												{ float: right; margin: 15px 3px 0px 0px; }
		form a.senden.clicked										{ position: relative; }
		form a.senden.clicked span									{ opacity: 0.5; }
		form a.senden.clicked span.spinner							{ color: #000000; font-size: 2px; z-index: 10; position: absolute; left: 50%; top: 50%; width: 24px; height: 24px; margin: -12px 0px 0px -12px; opacity: 1.0; animation: spin 1.6s linear infinite; -webkit-animation: spin 1.6s linear infinite; -moz-animation: spin 1.6s linear infinite; }
		form a.senden.clicked span.spinner svg						{ width: 100%; height: 100%; opacity: 0.5; }
	
	}
	
	@keyframes spin													{ 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
	
	@media (max-width: 530px) {
	
		form label.label											{ width: 100%; margin: 0px 0px 0.333333em 0px; }
		form div.row.input div.inputfield,
		form div.row.calendar div.calendarfield,
		form div.row div.textarea,
		form div.row.select div.selectfield							{ width: 100%; padding: 0.125em 0.416667% 0.125em 0.416667%; margin: 0px 0px 0.333333em 0px; }
		
		form div.row.input div.inputfield.plz						{ width: 33.333333%; }
		form div.row.input div.inputfield.ort						{ width: 62.500000%; margin: 0px 0px 0px 2.083333%; }
	
	}


/* Calendar ______________________________________________________________ */

	@media all {
	
		div.kalendercontainer										{ z-index: 100; }
		div.kalender												{ background-color: #FFFFFF; border: solid 1px #AAAAAA; width: 240px; position: absolute; border-radius: 4px; z-index: 80; }
		div.kalender a.prev											{ position: absolute; left: 5px; top: 5px; background: url(/images/units/inlineapi/kalender-date-prev.png) no-repeat center center; display: block; width: 24px; height: 24px; text-decoration: none; cursor: pointer; text-indent: -50px; overflow: hidden; z-index: 90; }
		div.kalender a.prev:hover									{ background: url(/images/units/inlineapi/kalender-date-prev-hover.png) no-repeat center center; left: 4px; top: 4px; border: solid 1px #999999; border-radius: 4px; }
		div.kalender a.next											{ position: absolute; right: 5px; top: 5px; background: url(/images/units/inlineapi/kalender-date-next.png) no-repeat center center; display: block; width: 24px; height: 24px; text-decoration: none; cursor: pointer; text-indent: -50px; overflow: hidden; z-index: 90; }
		div.kalender a.next:hover									{ background: url(/images/units/inlineapi/kalender-date-next-hover.png) no-repeat center center; right: 4px; top: 4px; border: solid 1px #999999; border-radius: 4px; }
		div.kalender a.calendarclose								{ position: absolute; right: -8px; top: -8px; width: 17px; height: 17px; cursor: pointer; text-decoration: none; background: url(/images/units/inlineapi/kalender-close.png) no-repeat 0px 0px; overflow: hidden; text-indent: -100px; }
		div.kalender div.kalenderbox								{ float: left; display: inline; padding: 0px 0px 10px 0px; width: 240px; }
		div.kalender div.kalenderbox b								{ background: url(/images/units/inlineapi/kalender-date.png) repeat-x center center #CCCCCC; border: solid 1px #AAAAAA; color: #222222; font-size: 13px; line-height: 25px; display: block; margin: 2px 2px 2px 2px; padding: 2px 0px 2px 0px; border-radius: 4px; text-align: center; }
		div.kalender div.kalenderbox table							{ margin: 0px 0px 0px 10px; float: left; display: inline; width: 217px; }
		div.kalender div.kalenderbox table th						{ color: #3C3C3C; text-align: center; width: 31px; height: 31px; padding: 0px 0px 0px 0px; font-size: 16px; }
		div.kalender div.kalenderbox table td						{ border: 0px; color: #FFFFFF; text-align: center; width: 31px; height: 31px; padding: 0px 0px 0px 0px; font-size: 16px; }
		div.kalender div.kalenderbox table td a						{ background: url(/images/units/inlineapi/kalender-td-default.png) repeat-x center center #E6E6E6; border: solid 1px #D3D3D3; color: #555555; line-height: 27px; display: block; margin: 2px 0px 0px 2px; width: 27px; height: 27px; text-decoration: none; }
		div.kalender div.kalenderbox table td a:hover				{ background: url(/images/units/inlineapi/kalender-td-hover.png) repeat-x center center #DADADA; border: solid 1px #999999; color: #212121; }
		div.kalender div.kalenderbox table td span					{ background: url(/images/units/inlineapi/kalender-td-default.png) repeat-x center center #E6E6E6; border: solid 1px #D3D3D3; color: #555555; opacity: 0.35; line-height: 27px; display: block; margin: 2px 0px 0px 2px; width: 27px; height: 27px; text-decoration: none; }
		div.kalender div.kalenderbox table td.today					{ color: #785547; }
		div.kalender div.kalenderbox table td.today a				{ background: #FFFFFF; border: solid 1px #D3D3D3; color: #363636; }
		div.kalender div.kalenderbox table td a.selectstart			{ background: #50742F; color: #FFFFFF; border: 2px solid #345F0D; border-right: none; width: auto; height: 25px; line-height: 25px; opacity: 1.0; }
		div.kalender div.kalenderbox table td a.selected			{ background: #A9BF00; color: #FFFFFF; border-top: 2px solid #345F0D; border-bottom: 2px solid #345F0D; height: 26px; line-height: 26px; opacity: 1.0; }
		div.kalender div.kalenderbox table td a.selectend			{ background: url(/images/units/inlineapi/date-delete.png) no-repeat right top #50742F; color: #FFFFFF; border: 2px solid #345F0D; border-left: none; width: auto; height: 26px; line-height: 26px; opacity: 1.0; }
		div.kalender div.kalenderbox table td div.kalenderopen		{ float: left; position: relative; width: 0px; height: 0px; }
		
		div.kalender a.prev											{ position: absolute; left: 30px; top: 5px; background: url(/images/units/inlineapi/kalender-date-prev.png) no-repeat center center; display: block; width: 24px; height: 24px; text-decoration: none; cursor: pointer; text-indent: -50px; overflow: hidden; }
		div.kalender a.prev:hover									{ background: url(/images/units/inlineapi/kalender-date-prev-hover.png) no-repeat center center; left: 29px; top: 4px; border: solid 1px #999999; border-radius: 4px; }
		div.kalender a.next											{ position: absolute; right: 30px; top: 5px; background: url(/images/units/inlineapi/kalender-date-next.png) no-repeat center center; display: block; width: 24px; height: 24px; text-decoration: none; cursor: pointer; text-indent: -50px; overflow: hidden; }
		div.kalender a.next:hover									{ background: url(/images/units/inlineapi/kalender-date-next-hover.png) no-repeat center center; right: 29px; top: 4px; border: solid 1px #999999; border-radius: 4px; }
		div.kalender a.prevyear										{ position: absolute; left: 5px; top: 5px; background: url(/images/units/inlineapi/kalender-year-prev.png) no-repeat center center; display: block; width: 24px; height: 24px; text-decoration: none; cursor: pointer; text-indent: -50px; overflow: hidden; }
		div.kalender a.prevyear:hover								{ background: url(/images/units/inlineapi/kalender-year-prev-hover.png) no-repeat center center; left: 4px; top: 4px; border: solid 1px #999999; border-radius: 4px; }
		div.kalender a.nextyear										{ position: absolute; right: 5px; top: 5px; background: url(/images/units/inlineapi/kalender-year-next.png) no-repeat center center; display: block; width: 24px; height: 24px; text-decoration: none; cursor: pointer; text-indent: -50px; overflow: hidden; }
		div.kalender a.nextyear:hover								{ background: url(/images/units/inlineapi/kalender-year-next-hover.png) no-repeat center center; right: 4px; top: 4px; border: solid 1px #999999; border-radius: 4px; }
		
		form div.row.calendar.calendarinline																	{ width: 100%; margin: 0px 0px 0px 0px; }
		form div.row.calendar.calendarinline div.calendarfield													{ padding: 0px; }
		form div.row.calendarinline div.calendarfield input														{ display: none; }
		form div.row.calendarinline div.calendarfield:before													{ content: none; }
		div.calendarinlinecontainer																				{ width: 100%; clear: none; display: block; border: 0px; position: relative; background: transparent; }
		div.calendarinlinecontainer div.calendarinline															{ width: 100%; padding: 0px 0px 0px 0px; border: 0px; position: relative; background: transparent; }
		div.calendarinlinecontainer div.calendarinlinebox														{ position: relative; background: transparent; margin-left: -4px; margin-right: -4px; border: 0; }
		div.calendarinlinecontainer div.calendarinlinebox br.clear												{ display: none; }
		div.calendarinlinecontainer div.calendarinlinebox table													{ border-spacing: 4px; border-collapse: separate; }
		div.calendarinlinecontainer div.calendarinlinebox table th												{ height: 47px; border: 1px solid var(--bglist-border-color); padding: 0px 0px 0px 0px; text-align: center; background-color: var(--bghighlight-bg-color); color: var(--bghighlight-text-color); }
		.bgweb2 div.calendarinlinecontainer div.calendarinlinebox table th										{ background-color: var(--bgweb2-form-bg-color); color: var(--bgweb2-form-text-color); border: 1px solid var(--bgweb2-border-color); }
		.bgbar div.calendarinlinecontainer div.calendarinlinebox table th										{ background-color: var(--bgbar-form-bg-color); color: var(--bgbar-form-text-color); border: 1px solid var(--bgweb2-border-color); }
		div.calendarinlinecontainer div.calendarinlinebox table td												{ width: 14.285%; height: 47px; padding: 0px 0px 0px 0px; text-align: center; margin: 4px 4px 4px 4px; background-color: var(--bgweb-form-bg-color); }
		.bgweb2 div.calendarinlinecontainer div.calendarinlinebox table td										{ background-color: var(--bgweb2-form-bg-color); color: var(--bgweb2-form-text-color); }
		.bgbar div.calendarinlinecontainer div.calendarinlinebox table td										{ background-color: var(--bgbar-form-bg-color); color: var(--bgbar-form-text-color); }
		div.calendarinlinecontainer div.calendarinlinebox table td.today										{ background-color: var(--bghighlight-bg-color); color: var(--bghighlight-text-color); position: relative; }
		div.calendarinlinecontainer div.calendarinlinebox table td.today a										{ color: var(--bghighlight-text-color); z-index: 5; position: relative; }
		div.calendarinlinecontainer div.calendarinlinebox table td.today:before									{ content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #FFFFFF; opacity: 0.2; z-index: 2; }
		div.calendarinlinecontainer div.calendarinlinebox table td span,
		div.calendarinlinecontainer div.calendarinlinebox table td a											{ display: block; width: 100%; height: 100%; line-height: 47px; font-size: 16px; color: var(--bglist-text-color); border: 1px solid var(--bgweb-border-color); }
		div.calendarinlinecontainer div.calendarinlinebox table td span											{ opacity: 0.3; }
		div.calendarinlinecontainer div.calendarinlinebox table td a.selectstart,
		div.calendarinlinecontainer div.calendarinlinebox table td a.selected,		
		div.calendarinlinecontainer div.calendarinlinebox table td a.selectend,
		.bgweb2 div.calendarinlinecontainer div.calendarinlinebox table td a.selectstart,
		.bgweb2 div.calendarinlinecontainer div.calendarinlinebox table td a.selected,
		.bgweb2 div.calendarinlinecontainer div.calendarinlinebox table td a.selectend							{ position: relative; background-color: #888822; color: #FFFFFF; }
		div.calendarinlinecontainer div.calendarinlinebox table td a.selectend:before							{ content: '\2716'; position: absolute; right: -5px; top: -5px; width: 20px; height: 20px; line-height: 20px; font-size: 11px; -webkit-border-radius: 50%; border-radius: 50%; background: var(--bghighlight-bg-color); color: var(--bghighlight-text-color); }
		.bgweb2 div.calendarinlinecontainer div.calendarinlinebox table td span,
		.bgweb2 div.calendarinlinecontainer div.calendarinlinebox table td a									{ color: var(--bgweb2-text-color); position: relative; z-index: 5; border: 1px solid var(--bgweb2-border-color); }
		.bgweb2 div.calendarinlinecontainer div.calendarinlinebox table td.today								{ background-color: var(--bghighlight-bg-color); color: var(--bghighlight-text-color); position: relative; }
		.bgweb2 div.calendarinlinecontainer div.calendarinlinebox table td.today a								{ color: var(--bghighlight-text-color); z-index: 5; position: relative; }
		.bgweb2 div.calendarinlinecontainer div.calendarinlinebox table td.today:before							{ content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #FFFFFF; opacity: 0.2; z-index: 2;
																														-moz-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25);
																													box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25);
																												}
		div.calendarinlinecontainer div.calendarinlinebox b														{ display: block; text-align: center; margin: 0px 4px 0px 4px; height: 90px; font-size: 18px; line-height: 90px; background-color: var(--bgweb-form-bg-color); color: var(--bgweb-form-text-color); font-weight: normal; border: 1px solid var(--bgweb-form-border-color); }
		.bgweb2 div.calendarinlinecontainer div.calendarinlinebox b												{ background-color: var(--bgweb2-form-bg-color); color: var(--bgweb2-form-text-color); border: 1px solid var(--bgweb2-form-border-color); }
		.bgbar div.calendarinlinecontainer div.calendarinlinebox b												{ background-color: var(--bgbar-form-bg-color); color: var(--bgbar-form-text-color); border: 1px solid var(--bgbar-form-border-color); }
		div.calendarinlinecontainer a.prev																		{ position: absolute; left: 3px; top: 11px; width: 13.5%; height: 68px; line-height: 68px; text-align: center; border-right: 1px solid var(--bgweb-border-color); z-index: 5; color: var(--bgweb-text-color); }
		.bgweb2 div.calendarinlinecontainer a.prev																{ border-right: 1px solid var(--bgweb2-border-color); color: var(--bgweb2-text-color); }
		div.calendarinlinecontainer a.next																		{ position: absolute; right: 3px; top: 11px; width: 13.5%; height: 68px; line-height: 68px; text-align: center; border-left: 1px solid var(--bgweb-border-color); z-index: 5; color: var(--bgweb-text-color); }
		.bgweb2 div.calendarinlinecontainer a.next																{ border-left: 1px solid var(--bgweb2-border-color); color: var(--bgweb2-text-color); }
		div.calendarinlinecontainer a.prev:hover,
		div.calendarinlinecontainer a.next:hover																{ opacity: 0.5; }
	
	}


/* LightGallery ______________________________________________________________ */

	@media all {	
	
		.lightGallery div.lightgalleryhover svg												{ display: none; }
		[data-lightgallery=true] .lightGallery												{ position: relative; cursor: pointer; overflow: hidden; }
		[data-lightgallery=true] .lightGallery picture										{ overflow: hidden; }
		[data-lightgallery=true] .lightGallery div.lightgalleryhover						{ display: none; }
		
		.lg-actions .lg-next, 
		.lg-actions .lg-prev	 											{ background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; cursor: pointer; display: block; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; border: none; outline: none; }
		.lg-actions .lg-next svg, 
		.lg-actions .lg-prev svg 											{ fill: #999999; width: 30px; height: 30px; }
		.lg-actions .lg-next.disabled, 
		.lg-actions .lg-prev.disabled 										{ pointer-events: none; opacity: 0.5; }
		.lg-actions .lg-next:hover svg, 
		.lg-actions .lg-prev:hover svg										{ fill: #FFFFFF; }
		.lg-actions .lg-next 												{ right: 20px; }
		.lg-actions .lg-prev 												{ left: 20px; }
	
	}
	
	@keyframes lg-right-end 												{ 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; }}
	@keyframes lg-left-end 													{ 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; }}
	
	@media all {
	
		.lg-outer.lg-right-end .lg-object 									{ animation: lg-right-end 0.3s; position: relative; }
		.lg-outer.lg-left-end .lg-object 									{ animation: lg-left-end 0.3s; position: relative; }
		.lg-object .spaceTopBottom											{ margin-top: 0px; margin-bottom: 0px; }
		.lg-toolbar 														{ z-index: 1082; position: absolute; left: 0; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.45); }
		.lg-toolbar .lg-icon 												{ cursor: pointer; float: right; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 40px; outline: medium none; }
		.lg-toolbar .lg-icon svg											{ fill: #999999; 	transition: fill 0.2s linear; width: 20px; height: 20px; }
		.lg-toolbar .lg-close svg											{ width: 16px; height: 16px; }
		.lg-toolbar .lg-icon:hover svg										{ fill: #FFFFFF; }
		
		.lg-sub-html 														{ background-color: rgba(0, 0, 0, 0.45); bottom: 0; color: #EEEEEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080; }
		.lg-sub-html h4 													{ margin: 0; font-size: 13px; font-weight: bold; }
		.lg-sub-html p 														{ font-size: 12px; margin: 5px 0 0; }
		
		#lg-counter 														{ color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; }
		
		.lg-toolbar, .lg-prev, .lg-next 									{ opacity: 1; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; }
		.lg-hide-items .lg-prev 											{ opacity: 0; transform: translate3d(-10px, 0, 0); }
		.lg-hide-items .lg-next 											{ opacity: 0; transform: translate3d(10px, 0, 0); }
		.lg-hide-items .lg-toolbar 											{ opacity: 0; transform: translate3d(0, -10px, 0); }
		
		body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object 						{ transform: scale3d(0.5, 0.5, 0.5); opacity: 0; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transform-origin: 50% 50%; }
		body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { transform: scale3d(1, 1, 1); opacity: 1; }
		
		.lg-outer .lg-thumb-outer 											{ background-color: #0D0A0A; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; transform: translate3d(0, 100%, 0); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; }
		.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item 					{ cursor: grab; }
		.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item 				{ cursor: move; cursor: grabbing; }
		.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb 					{ transition-duration: 0s !important; }
		.lg-outer.lg-thumb-open .lg-thumb-outer 							{ transform: translate3d(0, 0%, 0); }
		.lg-outer .lg-thumb 												{ padding: 10px 0; height: 100%; margin-bottom: -5px; }
		.lg-outer .lg-thumb-item 											{ border-radius: 5px; cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #FFF; border-radius: 4px; margin-bottom: 5px; box-sizing: border-box; }
	
	}
	
	@media (min-width: 1025px) {
	
		.lg-outer .lg-thumb-item 											{ transition: border-color 0.25s ease; }
	
	}
	
	@media all {
	
		.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover 	{ border-color: #a90707; }
		.lg-outer .lg-thumb-item img 										{ width: 100%; height: 100%; object-fit: cover; }
		.lg-outer.lg-has-thumb .lg-item	 									{ padding-bottom: 120px; }
		.lg-outer.lg-can-toggle .lg-item 									{ padding-bottom: 0; }
		.lg-outer.lg-pull-caption-up .lg-sub-html 							{ transition: bottom 0.25s ease; }
		.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html				{ bottom: 100px; }
		.lg-outer .lg-toogle-thumb 											{ background-color: #0D0A0A; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; }
		.lg-outer .lg-toogle-thumb svg										{ fill: #999; }
		.lg-outer .lg-toogle-thumb:hover svg								{ fill: #FFF; }
		
		.lg-outer .lg-video-cont 											{ display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; }
		.lg-outer .lg-video 												{ width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; }
		.lg-outer .lg-video .lg-object 										{ display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
		.lg-outer .lg-video .lg-video-play 									{ width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer; }
		.lg-outer .lg-has-iframe .lg-video 									{ overflow: auto; }
		.lg-outer .lg-has-html5 .lg-video-play 								{ height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: 0.8; }
		.lg-outer .lg-has-html5:hover .lg-video-play 						{ opacity: 1; }	
		.lg-outer .lg-video-play svg 										{ width: 55px; height: 55px;  }
		
		.lg-outer .lg-video-object 											{ width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; }
		.lg-outer .lg-has-video .lg-video-object 							{ visibility: hidden; }
		.lg-outer .lg-has-video.lg-video-playing .lg-object, 
		.lg-outer .lg-has-video.lg-video-playing .lg-video-play 			{ display: none; }
		.lg-outer .lg-has-video.lg-video-playing .lg-video-object 			{ visibility: visible; }
		
		.lg-progress-bar 													{ background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; transition: opacity 0.08s ease 0s; }
		.lg-progress-bar .lg-progress 										{ background-color: #a90707; height: 5px; width: 0; }
		.lg-progress-bar.lg-start .lg-progress 								{ width: 100%; }
		.lg-show-autoplay .lg-progress-bar 									{ opacity: 1; }
		
		.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, 
		.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image 		{ transition-duration: 0s; }
		.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap 	{ transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; }
		.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap 		{ transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; }
		.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap 							{ transform: translate3d(0, 0, 0); backface-visibility: hidden; }
		.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image 								{ transform: scale3d(1, 1, 1); transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transform-origin: 0 0; backface-visibility: hidden; }
		
		#lg-zoom-out														{ opacity: 0.5; pointer-events: none; }
		.lg-zoomed #lg-zoom-out 											{ opacity: 1; pointer-events: auto; }
		
		.lg-outer .lg-pager-outer 											{ bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px; }
		.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont 			{ overflow: visible; }
		.lg-outer .lg-pager-cont 											{ cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; }
		.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont 				{ opacity: 1; transform: translate3d(0, 0, 0); }
		.lg-outer .lg-pager-cont.lg-pager-active .lg-pager 					{ box-shadow: 0 0 0 2px white inset; }
		.lg-outer .lg-pager-thumb-cont 										{ background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; transform: translate3d(0, 5px, 0); }
		.lg-outer .lg-pager-thumb-cont img 									{ width: 100%; height: 100%; }
		.lg-outer .lg-pager 												{ background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; transition: box-shadow 0.3s ease 0s; width: 12px; }
		.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus 				{ box-shadow: 0 0 0 8px white inset; }
		.lg-outer .lg-caret 												{ border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; }
		
		.lg-outer #lg-dropdown-overlay 										{ background-color: rgba(0, 0, 0, 0.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1081; opacity: 0; visibility: hidden; transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; }
		.lg-outer.lg-dropdown-active .lg-dropdown, 
		.lg-outer.lg-dropdown-active #lg-dropdown-overlay 					{ transition-delay: 0s; transform: translate3d(0, 0px, 0); opacity: 1; visibility: visible; }
		.lg-outer.lg-dropdown-active #lg-share 								{ color: #FFF; }
		.lg-outer .lg-dropdown 												{ background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; transform: translate3d(0, 5px, 0); transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; }
		.lg-outer .lg-dropdown:after 										{ content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #FFF; right: 16px; top: -16px; }
		.lg-outer .lg-dropdown li											{ padding-left: 0px; }
		.lg-outer .lg-dropdown > li:last-child 								{ margin-bottom: 0px; }
		.lg-outer .lg-dropdown > li:hover a, 
		.lg-outer .lg-dropdown > li:hover .lg-icon 							{ color: #333; }
		.lg-outer .lg-dropdown a 											{ color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; }
		.lg-outer .lg-dropdown a:hover 										{ background-color: rgba(0, 0, 0, 0.07); }
		.lg-outer .lg-dropdown .lg-dropdown-text 							{ display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle; }
		.lg-outer .lg-dropdown .lg-icon 									{ color: #333; display: inline-block; float: none; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto; }
		.lg-outer #lg-share 												{ position: relative; }
		.lg-outer #lg-share-facebook .lg-icon svg 							{ fill: #3b5998; }
		.lg-outer #lg-share-twitter .lg-icon svg 							{ fill: #00aced; }
		.lg-outer #lg-share-googleplus .lg-icon svg 						{ fill: #dd4b39; }
		.lg-outer #lg-share-pinterest .lg-icon svg	 						{ fill: #cb2027; }
		
		.lg.thumb.lg-group													{ box-sizing: border-box; white-space: nowrap; }
		.lg-group:after 													{ content: ""; display: table; clear: both; }
		
		.lg-outer 															{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; text-align: left; opacity: 0; transition: opacity 0.15s ease 0s; }
		.lg-outer.lg-visible												{ opacity: 1; }
		.lg-outer.lg-css3 .lg-item.lg-prev-slide, 
		.lg-outer.lg-css3 .lg-item.lg-next-slide, 
		.lg-outer.lg-css3 .lg-item.lg-current 								{ transition-duration: inherit !important; transition-timing-function: inherit !important; }
		.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, 
		.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, 
		.lg-outer.lg-css3.lg-dragging .lg-item.lg-current 					{ transition-duration: 0s !important; opacity: 1; }
		.lg-outer.lg-grab img.lg-object 									{ cursor: grab; }
		.lg-outer.lg-grabbing img.lg-object 								{ cursor: move; cursor: grabbing; }
		.lg-outer .lg 														{ height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto;	max-width: 100%; max-height: 100%; }
		.lg-outer .lg-inner 												{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; }
		.lg-outer .lg-item 													{ display: none !important; }
		.lg-outer .lg-item span.picture-loading 							{ 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; z-index: 100; }
		.lg-outer.lg-css3 .lg-prev-slide, 
		.lg-outer.lg-css3 .lg-current, 
		.lg-outer.lg-css3 .lg-next-slide									{ display: inline-block !important; }
		.lg-outer.lg-css .lg-current 										{ display: inline-block !important; }
		.lg-outer .lg-item, .lg-outer .lg-img-wrap							{ display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; }
		.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before 			{ content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
		.lg-outer .lg-img-wrap 												{ position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; }
		.lg-outer .lg-item.lg-complete span.picture-loading 				{ display: none; }
		.lg-outer .lg-item.lg-current 										{ z-index: 1060; }
		.lg-outer .lg-image 												{ display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; }
		
		.lightGalleryBg .lg-object > div,
		.lightGalleryBg .lg-object > span,
		.lightGalleryBg .lg-object > section 								{ display: block; padding: 70px 30px 70px 30px; background-color: var(--bgweb-bg-color); }
		.lightGalleryBg .lg-object .centercontent							{ width: auto; }
		
		.lg-outer .lg-ajax 													{ display: inline-block; vertical-align: middle; max-width: 90%; max-height: 100%; text-align: left; white-space: normal; overflow-y: auto; }
		.lg-outer.lg-loadingcomplete .lg-ajax 								{ overflow-y: auto; }
		.lg-outer.lg-show-after-load .lg-item .lg-object, 
		.lg-outer.lg-show-after-load .lg-item .lg-video-play 				{ opacity: 0; transition: opacity 0.15s ease 0s; }
		.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, 
		.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play 	{ opacity: 1; }
		.lg-outer .lg-empty-html 											{ display: none; }
		.lg-outer.lg-hide-download #lg-download 							{ display: none; }
		
		.lg-backdrop 														{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #000; opacity: 0; transition: opacity 0.15s ease 0s; }
		.lg-backdrop.in 													{ opacity: 1; }
		
		.lg-css3.lg-no-trans .lg-prev-slide, 
		.lg-css3.lg-no-trans .lg-next-slide, 
		.lg-css3.lg-no-trans .lg-current 									{ transition: none 0s ease 0s !important; }
		.lg-css3.lg-use-css3 .lg-item 										{ backface-visibility: hidden; }
		.lg-css3.lg-use-left .lg-item 										{ backface-visibility: hidden; }
		.lg-css3.lg-fade .lg-item 											{ opacity: 0; }
		.lg-css3.lg-fade .lg-item.lg-current 								{ opacity: 1; }
		.lg-css3.lg-fade .lg-item.lg-prev-slide, 
		.lg-css3.lg-fade .lg-item.lg-next-slide, 
		.lg-css3.lg-fade .lg-item.lg-current 								{ transition: opacity 0.1s ease 0s; }
		.lg-css3.lg-slide.lg-use-css3 .lg-item 								{ opacity: 0; }
		.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide 				{ transform: translate3d(-100%, 0, 0); }
		.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide 				{ transform: translate3d(100%, 0, 0); }
		.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current 					{ transform: translate3d(0, 0, 0); opacity: 1; }
		.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, 
		.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, 
		.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current 					{ transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
		.lg-css3.lg-slide.lg-use-left .lg-item 								{ opacity: 0; position: absolute; left: 0; }
		.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide 				{ left: -100%; }
		.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide 				{ left: 100%; }
		.lg-css3.lg-slide.lg-use-left .lg-item.lg-current 					{ left: 0; opacity: 1; }
		.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, 
		.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, 
		.lg-css3.lg-slide.lg-use-left .lg-item.lg-current 					{ transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
	
	}


/* Owl Carousel __________________________________________________________ */

	@keyframes fadeOut {
		0% { opacity: 1; }
		100% { opacity: 0; }
	}
	
	@media all {
	
		/* Owl Carousel - Core */
		.owl-carousel												{ width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }
		.owl-carousel .owl-stage									{ position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ }
		.owl-carousel .owl-stage:after								{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
		.owl-carousel .owl-stage-outer								{ position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }
		.owl-carousel .owl-wrapper,
		.owl-carousel .owl-item										{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
		.owl-carousel .owl-item										{ position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;  -webkit-font-smoothing: antialiased; }
		.owl-carousel .owl-item img									{ display: block; width: 100%; }
		.owl-carousel .owl-nav.disabled,
		.owl-carousel .owl-dots.disabled							{ display: none; }
		.owl-carousel .owl-nav .owl-prev,
		.owl-carousel .owl-nav .owl-next,
		.owl-carousel .owl-dot										{ cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
		.owl-carousel.owl-loaded									{ display: block; }
		.owl-carousel.owl-loading									{ opacity: 0; display: block; }
		.owl-carousel.owl-hidden									{ opacity: 0; }
		.owl-carousel.owl-refresh .owl-item							{ visibility: hidden; }
		.owl-carousel.owl-drag .owl-item							{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
		.owl-carousel.owl-grab										{ cursor: move; cursor: grab; }
		.owl-carousel.owl-rtl										{ direction: rtl; }
		.owl-carousel.owl-rtl .owl-item								{ float: right; }
		
		/* No Js */
		.no-js .owl-carousel										{ display: block; }
		
		/* Owl Carousel - Animate Plugin */
		.owl-carousel .animated										{ animation-duration: 1000ms; animation-fill-mode: both; }
		.owl-carousel .owl-animated-in								{ z-index: 0; }
		.owl-carousel .owl-animated-out								{ z-index: 1; }
		.owl-carousel .fadeOut										{ animation-name: fadeOut; }
		
		/* Owl Carousel - Auto Height Plugin */
		.owl-height													{ transition: height 500ms ease-in-out; }
		
		/* Owl Carousel - Lazy Load Plugin */
		.owl-carousel .owl-item .owl-lazy							{ opacity: 0; transition: opacity 400ms ease; }
		.owl-carousel .owl-item img.owl-lazy						{ transform-style: preserve-3d; }
		
		/* Owl Carousel - Video Plugin */
		.owl-carousel .owl-video-wrapper							{ position: relative; height: 100%; background: #000; }
		.owl-carousel .owl-video-play-icon							{ position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; }
		.owl-carousel .owl-video-play-icon:hover					{ -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
		.owl-carousel .owl-video-playing .owl-video-tn,
		.owl-carousel .owl-video-playing .owl-video-play-icon		{ display: none; }
		.owl-carousel .owl-video-tn									{ opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }
		.owl-carousel .owl-video-frame								{ position: relative; z-index: 1; height: 100%; width: 100%; }
	
	}


/* Owl Carousel - Zeppelin Custom __________________________________________________________ */

	@media all {
	
		.objectfit-cover .owl-stage,
		.adapted-height .owl-stage,
		.objectfit-cover .owl-stage-outer,
		.adapted-height .owl-stage-outer,
		.objectfit-cover .owl-item,
		.adapted-height .owl-item									{ height: 100%; }
		
		.owl-carousel:not(.owl-loaded) .element,
		.owl-carousel:not(.owl-loaded) article.room,
		.owl-carousel:not(.owl-loaded) div.room,
		.owl-carousel:not(.owl-loaded) div.offer					{ display: none !important; }
		.owl-carousel:not(.owl-loaded) .element:first-child,
		.owl-carousel:not(.owl-loaded) article.room:first-child,
		.owl-carousel:not(.owl-loaded) div.room:first-child,
		.owl-carousel:not(.owl-loaded) div.offer:first-child		{ display: block !important; }
		
		.owl-carousel .owl-nav .owl-prev.disabled,
		.owl-carousel .owl-nav .owl-next.disabled					{ opacity: 0.5; }
		.owl-carousel .owl-nav .owl-prev.disabled svg,
		.owl-carousel .owl-nav .owl-next.disabled svg				{ cursor: default; }
	
	}


/* Basic Print ____________________________________________________ */

	@media print {
	
		body														{ text-align: left; background-color: #FFFFFF !important; }
		
		nav.mainmenu												{ display: none; }
		
		header.pageheader											{ display: none; }
		
		div.pagecontent												{ margin: 0px 0px 0px 0px; }
		
		article.maincontent 										{ color: #000000 !important; background-color: #FFFFFF !important; margin: 0px 0px 0px 0px !important; float: none; }
		article.maincontent div.inlineapi a.noprint					{ display: none; }
		article.maincontent div.inlineapi span.noprint				{ display: none; }
		article.maincontent div.inlineapi div.onlyprint				{ display: block; }
		article.maincontent div.inlineapi div.bestaetigung			{ display: none; }
		article.maincontent div.inlineapi div.noprint				{ display: none; }
		
		footer.pagefooter											{ display: none; }
	
	}


/* Other _____________________________________________________________ */

	@media all {
	
		br.clear													{ clear: both; line-height: 0px; font-size: 0px; height: 0px; overflow: hidden; text-indent: -100px; }
		div.clear													{ clear: both; line-height: 0px; font-size: 0px; height: 0px; overflow: hidden; text-indent: -100px; }
		.clearbefore::before										{ content: ''; clear: both; line-height: 0px; font-size: 0px; height: 0px; overflow: hidden; text-indent: -100px; }
		.clearbeforeafter::before									{ content: ''; clear: both; line-height: 0px; font-size: 0px; height: 0px; overflow: hidden; text-indent: -100px; }
		.clearbeforeafter::after									{ content: ''; clear: both; line-height: 0px; font-size: 0px; height: 0px; overflow: hidden; text-indent: -100px; }
		.clearafter::after											{ content: ''; clear: both; line-height: 0px; font-size: 0px; height: 0px; overflow: hidden; text-indent: -100px; }
	
	}

/* __________________________________________________________________ End *//* 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: 85.401460%; max-width: 1650px; margin-left: auto; margin-right: auto; }
		.centercontent .centercontent									{ width: auto; max-width: none; margin-left: 0px; margin-right: 0px; }
		
		.centercontentSmall												{ width: 76.068376%; max-width: 890px; margin-left: auto; margin-right: auto; }
		.centercontentLarge												{ width: 96%; margin-left: auto; margin-right: auto; }
		.spaceTopBottom													{ padding-top: 10.256410%; padding-bottom: 10.256410%; }
		.spaceTopBottomMargin											{ margin-top: 6.250000%; margin-bottom: 6.250000%; }
		.spaceTop														{ padding-top: 10.256410%; }
		.spaceBottom													{ padding-bottom: 10.256410%; }
		.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: 33.333333%; 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: 33.333333%; background: var(--bgweb3-bg-color); }
		div.unitsheader.mobileheader.layout1.cssversion1 div.menuopener.plauserhof				{ left: 66.666667%; 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 */
/* Weather T1 ________________________________________________________________ */

	@media all {
	
		section.WeatherT1	 												{  }
		section.WeatherT1 h2 												{ margin-bottom: 14px; }
		section.WeatherT1 h3 												{ margin: 6px 0px 10px 0px; }
		section.WeatherT1 img 												{ display: block; margin: 0 auto; }
		section.WeatherT1 p 												{ margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; }
		
		section.WeatherT1 .heute,
		section.WeatherT1 .morgen 											{ clear: both; float: left; margin: 4px 10px 13px 7px; text-align: center; width: 110px; }
		section.WeatherT1 .vorhersage 										{ float: left; text-align: center; width: 33%; padding: 0px 0px 10px 0px; }
		section.WeatherT1 .blau												{ color: #0055CC; }
		section.WeatherT1 .rot												{ color: #BB2200; }
		
		section.WeatherT1 div.wetterlink									{ margin-top: 30px; }
	
	}/* Teaser T3 ______________________________________________________________ */

@media all {
	
	section.TeaserT3													{ position: relative; }
	section.TeaserT3 img												{ width: 100%; max-width: 100%; }
	section.TeaserT3 .centercontent .headlines							{ max-width: 676px; margin: 0 auto; }
	section.TeaserT3 .headlines .subheadline							{ margin-top: 12px; }
	section.TeaserT3 .centercontent .content							{ position: relative; max-width: 100%; width: 64.102564%; margin: 0 auto; }
	
	section.TeaserT3 .inner-intro 										{ position: relative; display: flex; }
	section.TeaserT3 .inner-intro .outer-images						{ flex: 0 1 50%; max-width: 50%; position: relative; }
	section.TeaserT3 .inner-intro .content-area						{ width: 50%; box-sizing: border-box; display: flex; align-items: top; }
	section.TeaserT3 .element:nth-child(2n) .outer-images				{ order: 2; }
	section.TeaserT3 .element:nth-child(2n) .content-area				{ order: 1; }
	section.TeaserT3 .inner-intro .content ul li + li					{ margin-top: 17px; padding-top: 16px; border-top: 1px solid #D5C0AA; }
	/*section.TeaserT3 .inner-intro .divider								{ position: absolute; left: 50%; top: 0px; height: 100%; margin-left: -1px; border-left: 2px solid #FFFFFF; }*/
	
	section.TeaserT3 .element .link									{ margin-top: 30px; display: inline-block; vertical-align: top; }
		
	section.TeaserT3 .arrow											{ position: absolute; bottom: 0; transform: translateY(-80%); }
	section.TeaserT3 .arrow.disabled									{ display: none; }
	section.TeaserT3 .arrow.prev										{ left: 50%; transform: translate(-125%, -80%); }
	section.TeaserT3 .arrow.next										{ right: 50%; transform: translate(125%, -80%); }

}

@media (max-width: 1023px) {

	section.TeaserT3 .centercontent .content							{ width: auto; }
	
	section.TeaserT3 .inner-intro 										{ display: block; }
	section.TeaserT3 .inner-intro .outer-images						{ max-width: none; }
	section.TeaserT3 .inner-intro .content-area						{ width: auto; }

}

/* Teaser T2 ______________________________________________________________ */

	@media all {
	
		section.TeaserT2 .element											{ position: relative; cursor: pointer; overflow: hidden; }
		
		section.TeaserT2 .element .image									{ position: relative; }
		section.TeaserT2 .objectfit-cover .image,
		section.TeaserT2 .objectfit-cover .picture							{ height: 100%; }
		section.TeaserT2 .element .image img								{ width: 100%; max-width: 100%; }
		section.TeaserT2 .element .image .gradient							{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; max-height: 266px; z-index: 2; }
		
		section.TeaserT2 .element .logo									{ position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: 2; }
		section.TeaserT2 .element .logo img								{ width: 100%; max-width: 100%; }
		section.TeaserT2 .element .text									{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 52px; box-sizing: border-box; z-index: 2; }
	
	}
	
	@media (max-width: 1023px) {
	
		section.TeaserT2 .element .text									{ padding: 40px; }
	
	}
	
	@media (max-width: 799px) {
	
		section.TeaserT2 .element .text									{ padding: 30px; }
	
	}
	
	@media (min-width: 641px) {
	
		section.TeaserT2 .element .text .title								{ color: #FFFFFF; }
		section.TeaserT2 .element .text .sub-title							{ color: #FFFFFF; }
	
	}
	
	@media (max-width: 640px) {
	
		section.TeaserT2 .element .text									{ position: static; }
		
		section.TeaserT2 .element .image .gradient							{ display: none; }
	
	}
	
	@media (max-width: 480px) {
	
		section.TeaserT2 .element .logo									{ max-width: 160px; }
	
	}

/* Teaser T1 ______________________________________________________________ */

	@media all {
	
		section.TeaserT1 .element											{ float: left; width: 50%; position: relative; }
		
		section.TeaserT1 .element .image									{ position: relative; }
		section.TeaserT1 .element .image img								{ width: 100%; max-width: 100%; }
		section.TeaserT1 .element .image .gradient							{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; max-height: 151px; }
		
		section.TeaserT1 .element .text									{ position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; z-index: 1; }
	
	}
	
	@media (max-width: 640px) {
	
		section.TeaserT1 .element											{ float: none; display: block; width: auto; }
	
	}
	
	@media (min-width: 481px) {
	
		section.TeaserT1 .element .text .title								{ color: #FFFFFF; }
		section.TeaserT1 .element .text .sub-title							{ color: #FFFFFF; }
	
	}
	
	@media (max-width: 480px) {
	
		section.TeaserT1 .element .text									{ position: static; padding: 26px; }
		section.TeaserT1 .element .image .gradient							{ display: none; }
	
	}

/* Style-Guide ___________________________________________________________ */
	
	@media all {
	
		div.StyleguideT1											{ margin-top: 60px; margin-bottom: 60px; position: relative; }
		
		div.StyleguideT1 a.fontbutton								{ margin-top: 30px; }
		div.StyleguideT1 h1.h1										{ color: var(--bghighlight2-bg-color); font-size: 3.750000em; line-height: normal; font-weight: normal; }
		div.StyleguideT1 h2.h2										{ color: #999999; border-bottom: solid 1px #BFBFBF; font-size: 2.000000em; line-height: normal; margin: 1.250000em 0px 0.625000em 0px; padding: 0px 0px 0.312500em 0px; font-weight: normal; }
		div.StyleguideT1 div.responsiveBoxes div					{ margin-bottom: 20px; }
		div.StyleguideT1 div.responsiveBoxes div.tablet			{ font-size: var(--default-tablet-font-size); line-height: var(--default-tablet-line-height); }
		div.StyleguideT1 div.responsiveBoxes div.mobile			{ font-size: var(--default-mobile-font-size); line-height: var(--default-mobile-line-height); }
		div.StyleguideT1 div.responsiveBoxes.small div.tablet		{ font-size: var(--small-tablet-font-size); line-height: var(--small-tablet-line-height); }
		div.StyleguideT1 div.responsiveBoxes.small div.mobile		{ font-size: var(--small-mobile-font-size); line-height: var(--small-mobile-line-height); }
		div.StyleguideT1 div.responsiveBoxes.medium1 div.tablet	{ font-size: var(--medium-tablet-font-size); line-height: var(--medium-tablet-line-height); }
		div.StyleguideT1 div.responsiveBoxes.medium1 div.mobile	{ font-size: var(--medium-mobile-font-size); line-height: var(--medium-mobile-line-height); }
		div.StyleguideT1 div.responsiveBoxes.large1 div.tablet		{ font-size: var(--large-tablet-font-size); line-height: var(--large-tablet-line-height); }
		div.StyleguideT1 div.responsiveBoxes.large1 div.mobile		{ font-size: var(--large-mobile-font-size); line-height: var(--large-mobile-line-height); }
		div.StyleguideT1 div.responsiveBoxes div:first-child		{ margin-left: 0; }
		div.StyleguideT1 div.responsiveBoxes span					{ display: block; margin-bottom: 5px; }
		div.StyleguideT1 div.headlineboxInner						{ margin-bottom: 60px; }
		div.StyleguideT1 div.headlineboxInner div					{ margin-bottom: 20px; }
		
		div.StyleguideT1 div.headlineboxInner.hlt1large div.tablet,
		div.StyleguideT1 div.headlineboxInner.hlt1large div.tablet h1.t1large	{ font-size: var(--t1large-tablet-font-size); line-height: var(--t1large-tablet-line-height); }
		div.StyleguideT1 div.headlineboxInner.hlt1large div.mobile,
		div.StyleguideT1 div.headlineboxInner.hlt1large div.mobile h1.t1large	{ font-size: var(--t1large-mobile-font-size); line-height: var(--t1large-mobile-line-height); }
		
		div.StyleguideT1 div.headlineboxInner.hlt1 div.tablet,
		div.StyleguideT1 div.headlineboxInner.hlt1 div.tablet h1.t1			{ font-size: var(--t1-tablet-font-size); line-height: var(--t1-tablet-line-height); }
		div.StyleguideT1 div.headlineboxInner.hlt1 div.mobile,
		div.StyleguideT1 div.headlineboxInner.hlt1 div.mobile h1.t1			{ font-size: var(--t1-mobile-font-size); line-height: var(--t1-mobile-line-height); }
		
		div.StyleguideT1 div.headlineboxInner.hlt2 div.tablet,
		div.StyleguideT1 div.headlineboxInner.hlt2 div.tablet h2.t2			{ font-size: var(--t2-tablet-font-size); line-height: var(--t2-tablet-line-height); }
		div.StyleguideT1 div.headlineboxInner.hlt2 div.mobile,
		div.StyleguideT1 div.headlineboxInner.hlt2 div.mobile h2.t2			{ font-size: var(--t2-mobile-font-size); line-height: var(--t2-mobile-line-height); }
		
		div.StyleguideT1 div.headlineboxInner.hlt3 div.tablet,
		div.StyleguideT1 div.headlineboxInner.hlt3 div.tablet h3.t3			{ font-size: var(--t3-tablet-font-size); line-height: var(--t3-tablet-line-height); }
		div.StyleguideT1 div.headlineboxInner.hlt3 div.mobile,
		div.StyleguideT1 div.headlineboxInner.hlt3 div.mobile h3.t3			{ font-size: var(--t3-mobile-font-size); line-height: var(--t3-mobile-line-height); }
		
		div.StyleguideT1 div.headlineboxInner.hlt4 div.tablet,
		div.StyleguideT1 div.headlineboxInner.hlt4 div.tablet h4.t4			{ font-size: var(--t4-tablet-font-size); line-height: var(--t4-tablet-line-height); }
		div.StyleguideT1 div.headlineboxInner.hlt4 div.mobile,
		div.StyleguideT1 div.headlineboxInner.hlt4 div.mobile h4.t4			{ font-size: var(--t4-mobile-font-size); line-height: var(--t4-mobile-line-height); }
		
		div.StyleguideT1 div.headlineboxInner.hlt5 div.tablet,
		div.StyleguideT1 div.headlineboxInner.hlt5 div.tablet h5.t5			{ font-size: var(--t5-tablet-font-size); line-height: var(--t5-tablet-line-height); }
		div.StyleguideT1 div.headlineboxInner.hlt5 div.mobile,
		div.StyleguideT1 div.headlineboxInner.hlt5 div.mobile h5.t5			{ font-size: var(--t5-mobile-font-size); line-height: var(--t5-mobile-line-height); }
		
		div.StyleguideT1 div.headlineboxInner.hlt6 div.tablet,
		div.StyleguideT1 div.headlineboxInner.hlt6 div.tablet h6.t6			{ font-size: var(--t6-tablet-font-size); line-height: var(--t6-tablet-line-height); }
		div.StyleguideT1 div.headlineboxInner.hlt6 div.mobile,
		div.StyleguideT1 div.headlineboxInner.hlt6 div.mobile h6.t6			{ font-size: var(--t6-mobile-font-size); line-height: var(--t6-mobile-line-height); }
		
		div.StyleguideT1 div.headlinesInner										{ display: flex; margin-bottom: 0; }
		div.StyleguideT1 div.headlinesInner div									{ width: 32.478632%; margin-left: 1.282051%; }
		div.StyleguideT1 div.headlinesInner div:first-child						{ margin-left: 0; }
		div.StyleguideT1 a.button1													{ vertical-align: text-bottom; }
		div.StyleguideT1 a.button1.hover											{ color: #FFFFFF; box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); }
		div.StyleguideT1 a.button2													{ margin-right: 1.025641%; vertical-align: text-bottom; }
		div.StyleguideT1 a.button2.hover											{ color: #FFFFFF; box-shadow: inset 0px 0px 4px 500px rgba(0, 0, 0, 0.25); }		
		div.StyleguideT1 .rowbg													{ display: flex; }
		div.StyleguideT1 .rowbg div.bgbox											{ width: 34.188034%; margin-right: 2.136752%; margin-bottom: 2.136752%; border: 1px solid #000000; position: relative; }
		div.StyleguideT1 .rowbg div.bgbox.bgweb									{ border-color: var(--bgweb-border-color); }
		div.StyleguideT1 .rowbg div.bgbox.bgweb2									{ border-color: var(--bgweb2-border-color); }
		div.StyleguideT1 .rowbg div.bgbox.bglist									{ border-color: var(--bglist-border-color); }
		div.StyleguideT1 .rowbg div.bgbox.bglistalternate							{ border-color: var(--bglistalternate-border-color); }
		div.StyleguideT1 .rowbg div.bgbox.bgbar									{ border-color: var(--bgbar-border-color); }
		div.StyleguideT1 .rowbg div.bgbox.bghighlight								{ border-color: var(--bghighlight-border-color); }
		div.StyleguideT1 .rowbg div.bgbox.bghighlight2								{ border-color: var(--bghighlight2-border-color); }
		div.StyleguideT1 .rowbg div.bgbox.bggallerybox								{ border-color: var(--bggallerybox-border-color); }
		div.StyleguideT1 .rowbg div.bgbox.bgheader									{ border-color: var(--bgheader-border-color); }
		div.StyleguideT1 .rowbg div.bgbox.bgheader2								{ border-color: var(--bgheader2-border-color); }
		div.StyleguideT1 .rowbg div.bgbox.bgmobile									{ border-color: var(--bgmobile-border-color); }
		div.StyleguideT1 .rowbg div.bgbox div.inner								{ padding: 7.272727%; }
		div.StyleguideT1 .rowbg div.bgbox div.inner a								{ display: block; }
		div.StyleguideT1 .rowbg div.bgbox div.inner div.buttons					{ margin-top: 20px; }
		div.StyleguideT1 .rowbg div.bgbox div.inner a.button						{ display: inline-block; margin-bottom: 10px; }
		div.StyleguideT1 .rowbg div.bgbox div.inner a.button svg.icon				{ width: 18px; height: 18px; line-height: 23px; margin-right: 3px; }
		div.StyleguideT1 .rowbg div.bgbox img										{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 0; }
		div.StyleguideT1 .rowbg div.bgbox div.gallerybox							{ position: relative; z-index: 1; }
		div.StyleguideT1 .rowbg div.bgbox form div.row.input div.inputfield		{ width: 80%; }
		
		div.StyleguideT1 .bgstyleguide								{ display: inline-block; margin: 10px 2.564103% 0.854701% 10px; width: 8.625000em; height: 3.375000em; }
		div.StyleguideT1 .bgstyleguide.hover						{ -webkit-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);
																	}		
		div.StyleguideT1 .points1v									{ float: left; display: inline; margin: 0px 2.222222% 0px 1.538462%; }
		div.StyleguideT1 .points1h									{ float: left; }
		
		div.StyleguideT1 .points2v									{ float: left; display: inline; margin: 0px 2.222222% 0px 1.538462%; }
		div.StyleguideT1 .points2h									{ float: left; }
		
		div.StyleguideT1 .points3v									{ float: left; display: inline; margin: 0px 2.222222% 0px 1.538462%; }
		div.StyleguideT1 .points3h									{ float: left; }
		
		div.StyleguideT1 .tab1										{ margin: 0px 0px 1.125000em 0px; }
		div.StyleguideT1 .tab3										{ margin: 0px 0px 1.125000em 0px; }
		
		div.StyleguideT1 div.fonticons								{  }
		div.StyleguideT1 div.fonticons span						{ float: left; line-height: 1.375000em; margin: 0px 0px 20px 0px; width: 22.051282%; }
		div.StyleguideT1 div.fonticons svg.icon					{ float: left; display: inline; margin-right: 5px;	}
		div.StyleguideT1 div.fonticons span span					{ float: none; margin: 0px 0px 0px 0px; width: auto; line-height: 1.000000em; }
		
		div.StyleguideT1 div.formbg								{ float: left; display: inline; width: 42.735043%; margin-right: 3.418803%; padding: 20px 0; border: 1px solid var(--bgweb-border-color); }
		div.StyleguideT1 div.formbg div.row						{ margin: 20px 4.000000% 0 4.000000%; }
		div.StyleguideT1 div.formbg div.row div.selectfield,
		div.StyleguideT1 div.formbg div.row div.inputfield,
		div.StyleguideT1 div.formbg div.row div.textarea			{ width: 100%; }

	}
/* Teaser T2 ______________________________________________________________ */

	@media all {
	
		section.SliderRoom .element											{ position: relative; cursor: pointer; overflow: hidden; }
		
		section.SliderRoom .element .image									{ position: relative; }
		section.SliderRoom .objectfit-cover .image,
		section.SliderRoom .objectfit-cover .picture							{ height: 100%; }
		section.SliderRoom .element .image img								{ width: 100%; max-width: 100%; }
		section.SliderRoom .element .image .gradient							{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; max-height: 266px; z-index: 2; }
		
		section.SliderRoom .element .logo									{ position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: 2; }
		section.SliderRoom .element .logo img								{ width: 100%; max-width: 100%; }
		section.SliderRoom .element .text									{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 52px; box-sizing: border-box; z-index: 2; }
	
	}
	
	@media (max-width: 1023px) {
	
		section.SliderRoom .element .text									{ padding: 40px; }
	
	}
	
	@media (max-width: 799px) {
	
		section.SliderRoom .element .text									{ padding: 30px; }
	
	}
	
	@media (min-width: 641px) {
	
		section.SliderRoom .element .text .title								{ color: #FFFFFF; }
		section.SliderRoom .element .text .sub-title							{ color: #FFFFFF; }
	
	}
	
	@media (max-width: 640px) {
	
		section.SliderRoom .element .text									{ position: static; }
		
		section.SliderRoom .element .image .gradient							{ display: none; }
	
	}
	
	@media (max-width: 480px) {
	
		section.SliderRoom .element .logo									{ max-width: 160px; }
	
	}

/* Teaser T2 ______________________________________________________________ */

	@media all {
	
		section.SliderOffer .element											{ position: relative; cursor: pointer; overflow: hidden; }
		
		section.SliderOffer .element .image									{ position: relative; }
		section.SliderOffer .objectfit-cover .image,
		section.SliderOffer .objectfit-cover .picture							{ height: 100%; }
		section.SliderOffer .element .image img								{ width: 100%; max-width: 100%; }
		section.SliderOffer .element .image .gradient							{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; max-height: 266px; z-index: 2; }
		
		section.SliderOffer .element .logo									{ position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: 2; }
		section.SliderOffer .element .logo img								{ width: 100%; max-width: 100%; }
		section.SliderOffer .element .text									{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 52px; box-sizing: border-box; z-index: 2; }
	
	}
	
	@media (max-width: 1023px) {
	
		section.SliderOffer .element .text									{ padding: 40px; }
	
	}
	
	@media (max-width: 799px) {
	
		section.SliderOffer .element .text									{ padding: 30px; }
	
	}
	
	@media (min-width: 641px) {
	
		section.SliderOffer .element .text .title								{ color: #FFFFFF; }
		section.SliderOffer .element .text .sub-title							{ color: #FFFFFF; }
	
	}
	
	@media (max-width: 640px) {
	
		section.SliderOffer .element .text									{ position: static; }
		
		section.SliderOffer .element .image .gradient							{ display: none; }
	
	}
	
	@media (max-width: 480px) {
	
		section.SliderOffer .element .logo									{ max-width: 160px; }
	
	}

/* Room T1 ______________________________________________________________ */

@media all {
	
	section.RoomT1 .element .image img								{ max-width: 100%; display: block; width: 100%; }
	section.RoomT1 .element .text-box								{ width: 48%; }
	section.RoomT1 .element .text-box .introduction					{ margin-top: .8em; }
	section.RoomT1 .element .prices-box								{ width: 46.428571%; font-size: 16px; line-height: 22px; }
	section.RoomT1 .element .prices-box .row							{  }
	section.RoomT1 .element .prices-box .row .inner-row				{ display: flex; justify-content: space-between; }
	section.RoomT1 .element .prices-box .row .inner-row.special		{ color: var(--bglist-title-color); font-weight: 600; }
	section.RoomT1 .element .prices-box .row.header					{ margin-bottom: 8px; }
	section.RoomT1 .element .prices-box .row.price					{ padding: 5px 0; }
	section.RoomT1 .element .prices-box .row.price + .row.price		{ border-top: solid 1px #D0BAA3; }
	
	/* section.RoomT1 .owl-controls									{ position: absolute; left: 0px; top: 0px; width: 100%; } */
	section.RoomT1 .owl-nav .arrow									{ position: absolute; top: 50%; transform: translateY(-50%); }
	section.RoomT1 .owl-nav .backward								{ left: 45px; }
	section.RoomT1 .owl-nav .forward									{ right: 45px; }

}

@media (max-width: 1023px) {
}

@media (max-width: 899px) {

	section.RoomT1 .element .text-box								{ width: 100%; }
	section.RoomT1 .element .prices-box								{ width: 100%; margin-top: 24px; }
	section.RoomT1 .element .buttons-box								{ width: 100%; margin-top: 24px; }

}

@media (max-width: 480px) {

	section.RoomT1 .element .buttons-box .link						{ float: left; clear: both; }
	section.RoomT1 .element .buttons-box .link + .link				{ margin: 10px 0 0 0; }
	
	section.RoomT1 .owl-nav .backward								{ left: 15px; }
	section.RoomT1 .owl-nav .forward									{ right: 15px; }

}

/* RequestT1 _____________________________________________________________ */

	@media all {
	
		div.RequestT1												{  }
		div.RequestT1 form 											{ max-width: 940px; margin: 0 auto; }
		div.RequestT1 form div.row									{ clear: none; }
		
		div.RequestT1 div.formoffer										{ max-width: 940px; margin: 0 auto 2.222222em; display: flex; }
		div.RequestT1 div.formoffer .picture							{ flex: 1 1 50%; }
		div.RequestT1 div.formoffer .withImg							{ flex: 1 1 50%; }
		div.RequestT1 div.formoffer picture								{ width: 100%; }
		div.RequestT1 div.formoffer picture img							{ display: block; width: 100%; }
		div.RequestT1 div.formoffer div.offertext						{ padding: 30px; }
		div.RequestT1 div.formoffer div.offertext div.headline			{ margin: 0px 0px 6px 0px; }
		div.RequestT1 div.formoffer div.offertext div.subheadline		{ margin: 0px 0px 0.588235em 0px; }
		
		div.RequestT1 div.alterkinder														{ display: none; }
		div.RequestT1 div.alterkinder div.kinderbox											{ float: right; display: inline; width: 51.315789%; }
		div.RequestT1 div.alterkinder div.kinderbox	label.label								{ display: none; }
		div.RequestT1 div.alterkinder div.kinderbox	div.row.select div.selectfield			{ width: 100%; }
	
	}
	
	@media (max-width: 600px) {
	
		div.RequestT1 div.formoffer										{ display: block; }
	
	}

/* Quotes T1 ______________________________________________________________ */

@media all {

	section.QuotesT1													{  }
	section.QuotesT1 .centercontent									{ display: flex; align-items: center; justify-content: center; }
	section.QuotesT1 .centercontent .quote								{ max-width: 970px; }
	section.QuotesT1 .centercontent .quote .author						{ color: #AEBE8F; margin-top: 20px; }

}

/* Photos T1 ______________________________________________________ */

	@media all {
	
		section.PhotosT1Onpage .inner											{ position: relative; }
		section.PhotosT1Onpage .headlines										{ max-width: 1073px; margin: 0 auto; }
		section.PhotosT1Onpage .headlines .headline							{ max-width: 796px; margin: 0 auto; }
		section.PhotosT1Onpage .headlines .subheadline							{ margin-top: 12px; }
		
		section.PhotosT1Onpage .background										{ position: absolute; bottom: 0px; height: 50%; width: 100%; z-index: 0; }
		
		section.PhotosT1Onpage .elements-wrapper								{ position: relative; padding: 0 23px; box-sizing: border-box; }
		section.PhotosT1Onpage .elements										{ position: relative; z-index: 1; }
		section.PhotosT1Onpage article.element									{ position: relative; text-align: center; height: 100%; }
		section.PhotosT1Onpage article.element div.image						{ position: relative; height: 100%; }
		section.PhotosT1Onpage article.element div.image picture,
		section.PhotosT1Onpage article.element div.image img					{ width: 100%; height: 100%; }
		
		section.PhotosT1Onpage article.element div.image div.gradient			{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 55.714286%; max-height: 390px; }
		section.PhotosT1Onpage .element .gradient								{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; max-height: 266px; z-index: 2; }
		section.PhotosT1Onpage .element .text									{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 20px; box-sizing: border-box; z-index: 2; }
		
		section.PhotosT1Onpage .arrow											{ position: absolute; top: 50%; transform: translateY(-50%); }
		section.PhotosT1Onpage .arrow.disabled									{ display: none; }
		section.PhotosT1Onpage .arrow.prev										{ left: 0px; transform: translate(-50%, -50%); }
		section.PhotosT1Onpage .arrow.next										{ right: 0px; transform: translate(50%, -50%); }
	
	}
	
	@media (min-width: 641px) {
	
		section.PhotosT1Onpage .element .text									{ color: #FFFFFF; }
	
	}
	
	@media (max-width: 640px) {
	
		section.PhotosT1Onpage .element .text									{ position: static; }
		section.PhotosT1Onpage .element .gradient								{ display: none; }
	
	}/* Offer T1 ______________________________________________________________ */

@media all {
	
	section.OfferT1													{ position: relative; }
	section.OfferT1 img												{ width: 100%; max-width: 100%; }
	section.OfferT1 .centercontent .headlines							{ max-width: 676px; margin: 0 auto; }
	section.OfferT1 .headlines .subheadline							{ margin-top: 12px; }
	section.OfferT1 .centercontent .content							{ position: relative; max-width: 100%; width: 64.102564%; margin: 0 auto; }
	
	section.OfferT1 .inner-intro 										{ position: relative; display: flex; }
	section.OfferT1 .inner-intro .outer-images						{ flex: 0 1 50%; max-width: 50%; position: relative; }
	section.OfferT1 .inner-intro .content-area						{ width: 50%; box-sizing: border-box; display: flex; align-items: center; }
	section.OfferT1 .inner-intro .content-area .offer-info			{ margin-top: 0.8em; }
	section.OfferT1 .element:nth-child(2n) .outer-images				{ order: 2; }
	section.OfferT1 .element:nth-child(2n) .content-area				{ order: 1; }
	section.OfferT1 .inner-intro .content ul li + li					{ margin-top: 17px; padding-top: 16px; border-top: 1px solid #D5C0AA; }
	/*section.OfferT1 .inner-intro .divider								{ position: absolute; left: 50%; top: 0px; height: 100%; margin-left: -1px; border-left: 2px solid #FFFFFF; }*/
	
	section.OfferT1 .element .link									{ margin-top: 30px; display: inline-block; vertical-align: top; }
		
	section.OfferT1 .arrow											{ position: absolute; bottom: 0; transform: translateY(-80%); }
	section.OfferT1 .arrow.disabled									{ display: none; }
	section.OfferT1 .arrow.prev										{ left: 50%; transform: translate(-125%, -80%); }
	section.OfferT1 .arrow.next										{ right: 50%; transform: translate(125%, -80%); }
		
	section.OfferT1-detail											{ position: relative; }
	section.OfferT1-detail img										{ width: 100%; max-width: 100%; }
	section.OfferT1-detail .introduction-box .headlines				{ max-width: 970px; margin-left: auto; margin-right: auto; }
	section.OfferT1-detail .introduction-box .headlines .subheadline	{ margin-top: 12px; }
	section.OfferT1-detail .introduction-box .content					{ max-width: 970px; margin-left: auto; margin-right: auto; position: relative; }
	section.OfferT1-detail .introduction-box .content:before			{ content: ''; border-top: 1px solid #E9DDD8; width: 151px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
	
	section.OfferT1-detail .content-box .inner-intro 										{ position: relative; display: flex; }
	section.OfferT1-detail .content-box .inner-intro .outer-images						{ flex: 0 1 50%; max-width: 50%; position: relative; }
	section.OfferT1-detail .content-box .inner-intro .image								{ width: 50%; }
	section.OfferT1-detail .content-box .inner-intro .content-area						{ width: 50%; box-sizing: border-box; display: flex; align-items: center; }
	section.OfferT1-detail .content-box .inner-intro .content-area .offer-info			{ margin-top: 0.8em; }
	section.OfferT1-detail .content-box .inner-intro .content ul li + li					{ margin-top: 17px; padding-top: 16px; border-top: 1px solid #D5C0AA; }
	
	section.OfferT1-detail .prices .room-box:first-child				{ margin-top: 0; }
	section.OfferT1-detail .prices .room-box img						{ width: 100%; max-width: 100%; }
	section.OfferT1-detail .prices .room-box .image					{ float: left; width: 42.735043%; }
	section.OfferT1-detail .prices .room-box .image + .room-info		{ float: right; width: 57.264957%; box-sizing: border-box; }
	section.OfferT1-detail .prices .room-box .room-info .prices		{ margin-top: 0.25em; }
	section.OfferT1-detail .prices .room-box .room-info .price,
	section.OfferT1-detail .prices .room-box .room-info .old-price	{ display: inline; }
	section.OfferT1-detail .prices .room-box .room-info .link			{ display: inline-block; vertical-align: top;  margin-top: 1em; }
	
	section.OfferT1-onpage .filter .centercontent						{ display: flex; justify-content: center; }
	section.OfferT1-onpage .filter .button							{ margin: 0 5px; }
	section.OfferT1-onpage .filter .button:not(.active):not(:hover)	{ background: #CEC9AB; }
	section.OfferT1-onpage .filter .button:hover						{ background: var(--bgweb-button1-bg-color); }
	section.OfferT1-onpage .outer-offers								{ margin: 0 60px; }
	section.OfferT1-onpage .offers									{ position: relative; padding: 0 120px; box-sizing: border-box; }
	/* section.OfferT1-onpage .offers .owl-controls						{ position: absolute; left: 0px; top: 0px; width: 100%; } */
	section.OfferT1-onpage .owl-stage									{ display: flex; }
	section.OfferT1-onpage .owl-item									{ display: flex; flex: 1 0 auto; }
	
	section.OfferT1-onpage .arrow										{ position: absolute; top: 50%; transform: translateY(-50%); }
	section.OfferT1-onpage .arrow.disabled							{ display: none; }
	section.OfferT1-onpage .arrow.prev								{ left: 0px; }
	section.OfferT1-onpage .arrow.next								{ right: 0px; }
	
	section.OfferT1-onpage .element									{ display: flex; flex-direction: column; max-width: 100%; width: 100%; }
	section.OfferT1-onpage .element .text-box							{ padding: 20px 0 0; }
	section.OfferT1-onpage .element .text-box	.headline				{ font-size: var(--medium-font-size); margin-bottom: 0.8em; }
	section.OfferT1-onpage .element .text-box .period-box				{ margin-top: 14px; }
	section.OfferT1-onpage .element .text-box .link					{ display: inline-block; vertical-align: top; margin-top: 14px; }
	
	
	section.OfferT1-onpage div.ajaxloading							{ position: absolute; left: 0px; top: 0px; z-index: 50; width: 100%; height: 100%; opacity: 0.6; filter: alpha(opacity = 60); background: url(/images/design/loading.gif) no-repeat center 40px #FFFFFF; }

}
	
@media (max-width: 1599px) {

	section.OfferT1-onpage .outer-offers								{ margin: 0 48px; }
	section.OfferT1-onpage .offers									{ padding: 0 90px; }

}
	
@media (max-width: 1280px) {

	section.OfferT1-detail .prices .box								{ width: 35.042735%; margin: 0 3.418803%; }
	
	section.OfferT1-onpage .outer-offers								{ margin: 0 32px; }
	section.OfferT1-onpage .offers									{ padding: 0 72px; }

}

@media (max-width: 1023px) {

	section.OfferT1 .centercontent .content							{ width: auto; }
	
	section.OfferT1 .inner-intro 										{ display: block; }
	section.OfferT1 .inner-intro .outer-images						{ max-width: none; }
	section.OfferT1 .inner-intro .content-area						{ width: auto; }
	
	
	section.OfferT1-detail .content-box .inner-intro 					{ display: block; }
	section.OfferT1-detail .content-box .inner-intro .outer-images	{ max-width: none; }
	section.OfferT1-detail .content-box .inner-intro .content-area	{ width: auto; }
		
	section.OfferT1-detail .introduction-box .content					{ width: auto; }

}
	
@media (max-width: 900px) {

	section.OfferT1-detail .prices .boxes								{ justify-content: center; }
	section.OfferT1-detail .prices .box								{ flex-grow: 1; width: auto; }
	section.OfferT1-detail .prices .box + .box						{ margin-top: 20px; }

}

@media (max-width: 800px) {

	section.OfferT1-detail .content-box .content-area					{ position: static; top: 0%; left: 0%; transform: translate(0%, 0%); background: transparent; }

}

@media (max-width: 640px) {

	section.OfferT1-detail .prices .room-box .image					{ width: 100%; }
	section.OfferT1-detail .prices .room-box .image + .room-info		{ width: 100%; }

}
	
@media (max-width: 480px) {

	section.OfferT1-onpage .outer-offers								{ margin: 0 16px; }
	section.OfferT1-onpage .offers									{ padding: 0 66px; }
	section.OfferT1-onpage .element .text-box							{ padding: 20px 12px; }

}
	
@media (max-width: 400px) {

	section.OfferT1-onpage .outer-offers								{ margin: 0 auto; width: 90%; }
	section.OfferT1-onpage .offers									{ padding: 0px; }
	section.OfferT1-onpage .offers .owl-nav 							{ position: relative; height: 50px; margin-top: 6px; }
	section.OfferT1-onpage .offers .owl-nav .arrow					{ position: absolute; top: 0; }
	section.OfferT1-onpage .offers .owl-nav .prev						{ left: 50%; transform: translateX(-120%); }
	section.OfferT1-onpage .offers .owl-nav .next						{ right: 50%; transform: translateX(120%); }

}
/* List T1 ______________________________________________________________ */

@media all {
	
	section.ListT1													{ position: relative; }
	section.ListT1 img												{ width: 100%; max-width: 100%; }
	section.ListT1 .centercontent .headlines							{ max-width: 676px; margin: 0 auto; }
	section.ListT1 .headlines .subheadline							{ margin-top: 12px; }
	section.ListT1 .centercontent .content							{ position: relative; max-width: 100%; width: 64.102564%; margin: 0 auto; }
	
	section.ListT1 .inner-intro 										{ position: relative; display: flex; }
	section.ListT1 .inner-intro .outer-images						{ flex: 0 1 50%; max-width: 50%; position: relative; }
	section.ListT1 .inner-intro .content-area						{ width: 50%; box-sizing: border-box; display: flex; align-items: center; }
	section.ListT1 .element:nth-child(2n) .outer-images				{ order: 2; }
	section.ListT1 .element:nth-child(2n) .content-area				{ order: 1; }
	section.ListT1 .inner-intro .content ul li + li					{ margin-top: 17px; padding-top: 16px; border-top: 1px solid #D5C0AA; }
	/*section.ListT1 .inner-intro .divider								{ position: absolute; left: 50%; top: 0px; height: 100%; margin-left: -1px; border-left: 2px solid #FFFFFF; }*/
	
	section.ListT1 .element .link									{ margin-top: 30px; display: inline-block; vertical-align: top; }
		
	section.ListT1 .arrow											{ position: absolute; bottom: 0; transform: translateY(-80%); }
	section.ListT1 .arrow.disabled									{ display: none; }
	section.ListT1 .arrow.prev										{ left: 50%; transform: translate(-125%, -80%); }
	section.ListT1 .arrow.next										{ right: 50%; transform: translate(125%, -80%); }

}

@media (max-width: 1023px) {

	section.ListT1 .centercontent .content							{ width: auto; }
	
	section.ListT1 .inner-intro 										{ display: block; }
	section.ListT1 .inner-intro .outer-images						{ max-width: none; }
	section.ListT1 .inner-intro .content-area						{ width: auto; }

}
/* LastMinute T1 ______________________________________________________________ */

@media all {

	section.LastMinuteT1 .element:first-child							{ margin-top: 0; }
	section.LastMinuteT1 .element img									{ max-width: 100%; display: block; width: 100%; }
	section.LastMinuteT1 .element .picture								{ float: left; width: 42.735043%; }
	section.LastMinuteT1 .element .picture + .contentbox				{ float: right; width: 57.264957%; box-sizing: border-box; }
	section.LastMinuteT1 .element .title .info:before					{ content: '. '; }
	section.LastMinuteT1 .element .title + div							{ margin-top: 0.8em; }
	section.LastMinuteT1 .element .morelink							{ display: inline-block; vertical-align: top; margin-top: 1em; }

}

@media (max-width: 800px) {

	section.LastMinuteT1 .element .picture								{ width: 100%; }
	section.LastMinuteT1 .element .picture + .contentbox				{ width: 100%; }

}/* Intro T1 ______________________________________________________________ */

	@media all {
	
		section.IntroT1												{ position: relative; }
		section.IntroT1 .centercontent .headlines						{ max-width: 970px; margin-left: auto; margin-right: auto; }
		section.IntroT1 .headlines .headline .subheadline				{ margin-top: 12px; }
		section.IntroT1 .centercontent .content						{ max-width: 970px; margin-left: auto; margin-right: auto; position: relative; }
		section.IntroT1 .centercontent .content:before				{ content: ''; border-top: 1px solid #E9DDD8; width: 151px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
		
		section.IntroT1 .widget										{ display: flex; justify-content: center; }
	
	}
	
	@media (min-width: 1024px) {
	
		section.IntroT1 .inner-intro 									{ position: relative; }
		section.IntroT1 .inner-intro .content-area					{ float: left; width: 50%; box-sizing: border-box; }
		section.IntroT1 .inner-intro .divider							{ position: absolute; left: 50%; top: 0px; height: 100%; margin-left: -1px; border-left: 2px solid #FFFFFF; }
	
	}

	@media (max-width: 1023px) {
	
		section.IntroT1 .centercontent .content							{ width: auto; }
	
	}

/* ImpressumV2 ___________________________________________________________ */

	@media all {
	
		div.ImpressumT2											{  }
		div.ImpressumT2 h1										{ margin-bottom: 30px; }
		div.ImpressumT2 h2										{ margin-bottom: 15px; }
		div.ImpressumT2 h2 b										{ font-weight: normal; }
		div.ImpressumT2 img										{ clear: both; margin: 0px 0px 30px 0px; max-width: 100%; }
		div.ImpressumT2 .main-logo 								{ clear: both; margin: 0px 0px 30px 0px; }
		div.ImpressumT2 .main-logo img							{ margin: 0px 0px 0px 0px; }
		div.ImpressumT2 div.block 								{ width: 49.200000%; float: left; margin-left: 1.600000%; }
		div.ImpressumT2 div.block.first							{ margin-left: 0; }
		div.ImpressumT2 div.block.first p							{ margin: 0px 0px 60px 0px; }
		
		div.ImpressumT2 div.logo									{ position: relative; z-index: 3; float: left; display: inline; margin: 0px 0px 30px 0px; }
		div.ImpressumT2 div.logo span								{ display: block; }
		div.ImpressumT2 div.logo span.title						{  }
		div.ImpressumT2 div.logo span.subtitle					{ font-size: 14px; line-height: 18px; margin-left: 70px; font-family: 'Istok Web', sans-serif; }
	
	}
	
	@media (max-width: 700px) {
	
		div.ImpressumT2 div.block 								{ width: 100%; margin-left: 0px; }
	
	}

/* HeaderGallery T1 ______________________________________________________ */

	@media all {
	
		section.HeaderGalleryT1 article.element									{ position: relative; text-align: center; height: 100%; }
		section.HeaderGalleryT1 div.text-box										{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
		section.HeaderGalleryT1 div.text-box .inner								{ padding-bottom: 60px; }
		section.HeaderGalleryT1 div.text-box .button								{ margin-top: 20px; }
		section.HeaderGalleryT1 article.element div.image							{ position: relative; height: 100%; }
		section.HeaderGalleryT1 article.element div.image	picture,
		section.HeaderGalleryT1 article.element div.image	img						{ width: 100%; height: 100%; }
		section.HeaderGalleryT1 article.element div.image div.gradient			{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 55.714286%; max-height: 390px; }
		
		section.HeaderGalleryT1 .arrow											{ position: absolute; top: 50%; margin-top: -27px; }
		section.HeaderGalleryT1 .arrow.prev										{ left: 60px; }
		section.HeaderGalleryT1 .arrow.next										{ right: 60px; }
		section.HeaderGalleryT1 .arrow svg										{ fill: #FFFFFF; width: 54px; height: 54px; }
	
	}
	
	@media (max-width:799px) {
	
		section.HeaderGalleryT1 div.text-box										{ position: relative; }
		section.HeaderGalleryT1 div.text-box .inner								{ padding: 36px 0; }
		section.HeaderGalleryT1 div.text-box .button								{ background-color: #920427; }
		
		section.HeaderGalleryT1 article.element div.image div.gradient			{ display: none; }
		
		section.HeaderGalleryT1 .arrow											{ margin-top: -20px; }
		section.HeaderGalleryT1 .arrow.prev										{ left: 26px; }
		section.HeaderGalleryT1 .arrow.next										{ right: 26px; }
		section.HeaderGalleryT1 .arrow svg										{ fill: #FFFFFF; width: 40px; height: 40px; }
	
	}
/* Footer Image T1 ______________________________________________________________ */

@media all {

	section.FooterImageT1 img												{ max-width: 100%; }

}

/* Empty T1 ______________________________________________________________ */

	@media all {
	
		section.EmptyT1													{  }
	
	}

/* ByCodeDetailT2 ________________________________________________________ */

	@media all {
	
		div.ByCodeDetailT2 table										{  }
		div.ByCodeDetailT2 table thead									{ background-color: #9e9a5a; border: 0; }
		div.ByCodeDetailT2 table thead th								{ text-align: left; font-weight: normal; padding: 20px; vertical-align: top; }
		div.ByCodeDetailT2 table tbody tr								{  }
		div.ByCodeDetailT2 table tbody tr:nth-child(2n-1)				{ color: var(--bgweb2-text-color); }
		div.ByCodeDetailT2 table tbody tr:nth-child(2n)					{ background-color: #4c3e2e; }
		div.ByCodeDetailT2 table tbody td								{ border: 0; padding: 20px; text-align: left; }
		div.ByCodeDetailT2 table tbody td:nth-child(n+2)				{  }
		
		div.ByCodeDetailT2 table tbody .mobile-cell						{ display: none; }
		
		div.ByCodeDetailT2 .centercontent .headlines					{ max-width: 1060px; margin-left: auto; margin-right: auto; }
		div.ByCodeDetailT2 .centercontent .content						{ max-width: 1060px; margin-left: auto; margin-right: auto; }
		div.ByCodeDetailT2 .centercontent .content-box					{ position: relative; }
		div.ByCodeDetailT2 .area1 .centercontent .content-box:before	{ content: ''; border-top: 1px solid #E9DDD8; width: 151px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
		
		div.ByCodeDetailT2 .image picture img							{ width: 100%; }
		
		div.ByCodeDetailT2.view1 .images .imagebox						{ margin-top: 3.418803%; }
		div.ByCodeDetailT2.view1 .images .imagebox:first-child			{ margin-top: 0; }
		div.ByCodeDetailT2.view1 .images .image							{ float: left; width: 100%; }
		div.ByCodeDetailT2.view1 .images .image.no-margin-top			{ margin-top: 0; }
		div.ByCodeDetailT2.view1 .images .image.right					{ float: right; }
		div.ByCodeDetailT2.view1 .images .image.medium					{ width: 48.290598%; }
		div.ByCodeDetailT2.view1 .images .image .image-caption			{ margin-top: 5px; }
		
		div.ByCodeDetailT2 div.liveedit											{ margin: 0px 0px 20px 0px; }
		div.ByCodeDetailT2 div.liveeditnewitem									{ margin: 20px 0px 0px 0px; }
	
	}
	
	@media (max-width: 1023px) {
		
		div.ByCodeDetailT2 table tbody td:nth-child(n+2)				{ font-size: 18px; }
	
	}
	
	@media (max-width: 900px) {
	
		div.ByCodeDetailT2 table thead									{ display: none; }
		div.ByCodeDetailT2 table tbody .mobile-cell						{ display: block; text-align: right; margin-right: 10px; }
		div.ByCodeDetailT2 table tbody .cell-text						{ text-align: left; margin-left: 10px; font-weight: bold; }
		div.ByCodeDetailT2 table tbody tr:nth-child(2n)					{ background-color: transparent; }
		div.ByCodeDetailT2 table tbody td								{ display: block; text-align: center; padding: 12px; color: var(--bgweb2-text-color); }
		div.ByCodeDetailT2 table tbody td:first-child					{ background-color: #9e9a5a; color: var(--bgweb2-text-color); }
		div.ByCodeDetailT2 table tbody td:nth-child(n+2)				{ text-align: center; font-size: inherit; display: flex; justify-content: center; align-items: center; }
		div.ByCodeDetailT2 table tbody td:nth-child(n+2) div			{ width: 50%; padding: 0px; }
		div.ByCodeDetailT2 table tbody td:nth-child(2n + 3)				{ background-color: #4c3e2e; color: var(--bgweb2-text-color); }
	
	}
	
/* Empty T1 ______________________________________________________________ */

	@media all {
	
		section.BookingT1													{  }
	
	}