/*-----| (c) 2018 alogis ag / beat schaub			|--------------------------------------------------------------------------------------------------------------*/
@charset "utf-8";
/***************************************************************************************************************************************************************/
/*-----| GENERAL DEFINITIONS							|--------------------------------------------------------------------------------------------------------------*/
*																{ margin: 0; padding: 0; box-sizing: border-box; color: inherit; font-size: inherit; font-family: inherit; }
html															{ line-height: 1px; }
body															{ font-family: 'Open Sans', sans-serif; font-size: 16px; color: #323232; line-height: 1.5; overflow-x: hidden; }
sub, sup														{ font-size: 0.7em; }
main															{ display: block; }
table															{ border-spacing: 0; border-collapse: collapse; border: none; }
table, td													{ vertical-align: top; }
a > img														{ border: none; outline: none; }
section > h6												{ display: none; }
article > h6												{ display: none; }
.mobile														{ display: none; }
@media screen and (max-width: 640px) {
	.mobile													{ display: block; }
	.desktop													{ display: none; }
}
article														{ display: block; max-width: 100%; }
/*-----| END GENERAL DEFINITIONS						|--------------------------------------------------------------------------------------------------------------*/
/***************************************************************************************************************************************************************/
/***************************************************************************************************************************************************************/
/*-----| MESSAGES & OVERLAY							|--------------------------------------------------------------------------------------------------------------*/
/*-----| Shadowbox										|--------------------------------------------------------------------------------------------------------------*/
body.cmsShadow												{ overflow: hidden; }
#cmsShadow													{ display: none; position: fixed; z-index: 100000000; left: 0; top: 0; right: 0; bottom: 0; padding: 0; background: rgba( 0,0,0,0.6 ); }
body.cmsShadow #cmsShadow								{ display: flex; }
#cmsShadowContainer										{ position: relative; width: 300px; }
#cmsShadowClose											{ position: absolute; z-index: 2; right: 0; top: 0; width: 36px; height: 36px; cursor: pointer; }
#cmsShadowBox												{ position: relative; z-index: 1; }

#cmsShadowClose:hover									{ background: #f00000; }
#cmsShadowClose:after									{ display: block; content: "\f00d"; position: absolute; left: 0; top: 0; right: 0; bottom: 0; line-height: 36px; text-align: center; color: #ffffff; font-size: 18px; font-weight: 300; font-family: "FontAwesome"; }
#cmsShadowHeader											{ padding: 0 46px 0 20px; height: 36px; background: #2c2c2c; line-height: 36px; color: #ffffff; }
#cmsShadowBody												{ padding: 20px; background: #ffffff; }
/*-----| Toast												|--------------------------------------------------------------------------------------------------------------*/
#cmsToast													{ position: fixed; z-index: 10000000; right: 50px; top: 50px; max-width: 33vW; padding: 20px 20px 24px 60px; background: rgba( 0,0,0,0.8 ); color: #ffffff; }
#cmsToast:after											{ display: block; content: ""; position: absolute; left: 15px; top: 50%; width: 30px; height: 30px; margin: -15px 0 0 0; line-height: 30px; text-align: center; font-size: 25px; color: #ffffff; font-family: "FontAwesome"; }
#cmsToast:before											{ display: block; content: "\f00d"; position: absolute; right: 0; top: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 16px; color: #ffffff; font-family: "FontAwesome"; }
#cmsToast:hover:before									{ background: #f00000; }
#cmsToast div												{ position: absolute; left: 0; bottom: 0; right: 0; height: 4px; overflow: hidden; }
#cmsToast div:after										{ display: block; content: ""; position: absolute; left: -100%; bottom: 0; width: 100%; height: 4px; transition: left 5s; }
#cmsToast.loaded div:after								{ left: 0; }

#cmsToast.error:after									{ content: "\f071"; }
#cmsToast.error div:after								{ background: #f00000; }
#cmsToast.success:after									{ content: "\f058"; }
#cmsToast.success div:after							{ background: #00C000; }
/*-----| Inline											|--------------------------------------------------------------------------------------------------------------*/
.msg_box														{ display: none; position: relative; padding: 5px 20px; margin: 0 0 20px 0; border-style: solid; border-width: 1px 1px 1px 20px; }
.msg_box:after												{ display: block; position: absolute; left: -20px; top: 50%; width: 20px; height: 20px; margin: -10px 0 0 0; line-height: 20px; text-align: center; font-size: 20px; color: #ffffff; font-family: "FontAwesome"; }
.msg_box.msg_box_show									{ display: block; }
.msg_box_info												{ border-color: #417CAB; background: #F0F8FE; }
.msg_box_info:after										{ content: "\f129"; }
.msg_box_error												{ border-color: #950000; background: #f00000; color: #ffffff; }
.msg_box_error:after										{ content: "\f12a"; }
.msg_box_success											{ border-color: #45CD4E; background: #C5F8C8; }
.msg_box_success:after									{ content: "\f00c"; }

/*-----| CONTENT: Shadowbox Gallery (Slider)		|--------------------------------------------------------------------------------------------------------------*/
#cmsShadowClose											{ position: fixed; }
#cmsShadowContainer										{ width: 100vW; }
#cmsShadowSlider .jssorb21								{ display: none !important; }
#cmsShadowSlider .slider_pn							{ display: none !important; }

#cmsShadowSlider .shadow_pn							{ position: fixed; top: 0; width: 36px; height: 36px; line-height: 36px; text-align: center; color: #ffffff; cursor: pointer; }
#cmsShadowSlider .shadow_pn:hover					{ color: #9f104d; }
#cmsShadowSlider .shadow_pn.shadow_n				{ right: 46px; }
#cmsShadowSlider .shadow_pn.shadow_p				{ right: 82px; }

#cmsShadowSlider .slider_legend						{ display: block; position: absolute; left: 0; bottom: 0; right: 0; padding: 4px 20px; background: #9f104d; width: 100%; color: #ffffff; }
#cmsShadowSlider .slide_image							{ background-size: contain; }

/*-----| BlockUI											|--------------------------------------------------------------------------------------------------------------*/
.blockUI.blockMsg											{ border: none !important; background: none !important; }
/*-----| END MESSAGES & OVERLAY						|--------------------------------------------------------------------------------------------------------------*/
/***************************************************************************************************************************************************************/

.grecaptcha-badge											{ z-index: 999999; }