/*****************************************************************************************************************************************************************************************************************************/
/*-----| GRID														|----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
html															{ height: 100%; line-height: 1px; }
body															{ height: 100%; }
#cmsgrid														{ display: flex; flex-wrap: wrap; justify-content: center; align-content: space-between; width: 100%; max-width: 100%; /*height: 100%; overflow-x: hidden;*/ }
#cmsgrid > div													{ width: 100%; }

/*-----| END GRID													|----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*****************************************************************************************************************************************************************************************************************************/
/*-----| CONTAINERS												|----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.cms_container_narrow											{ width: 100%; max-width: 960px; margin: 0 auto; }
.cms_container														{ width: 100%; max-width: 1200px; margin: 0 auto; }
.cms_container_wide												{ width: 100%; max-width: 1920px; margin: 0 auto; }
.cms_container_ultrawide										{ width: 100%; max-width: 100%; }

/*-----| END CONTAINERS											|----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*****************************************************************************************************************************************************************************************************************************/
/*-----| FLEX CONTAINER											|----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.flex_container													{ display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; }
.flex_container.nowrap											{ flex-wrap: nowrap; }

.flex_container.flex_verticalalignement_top				{ align-content: flex-start; align-items: flex-start; }
.flex_container.flex_verticalalignement_middle			{ align-content: center; align-items: center; }
.flex_container.flex_verticalalignement_bottom			{ align-content: flex-end; align-items: flex-end; }
.flex_container.flex_verticalalignement_stretch			{ align-content: stretch; }
.flex_container.flex_verticalalignement_justified		{ align-content: space-between; }

.flex_container.flex_horizontalalignement_left			{ justify-content: flex-start; }
.flex_container.flex_horizontalalignement_center		{ justify-content: center; }
.flex_container.flex_horizontalalignement_right			{ justify-content: flex-end; }
.flex_container.flex_horizontalalignement_justified	{ justify-content: space-between; }


/*-----| END FLEX CONTAINER									|----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*****************************************************************************************************************************************************************************************************************************/

button { cursor: pointer; }
li { list-style: none; }
article li { list-style: initial; }


/***************************************************************************************************************************************************************/
/*-----| CONTAINERS & FLEX								|--------------------------------------------------------------------------------------------------------------*/
/*-----| CONTAINERS										|--------------------------------------------------------------------------------------------------------------*/
.cms_container_narrow									{ width: 100%; max-width: 960px; margin: 0 auto; }
.cms_container												{ width: 100%; max-width: 1200px; margin: 0 auto; }
.cms_container_wide										{ width: 100%; max-width: 1920px; margin: 0 auto; }
.cms_container_ultrawide								{ width: 100%; max-width: 100%; }

@media screen and (min-width: 960px) {
.cat.flex_verticalalignement_stretch > div > div	{ height: 100%; }
.cat.flex_verticalalignement_stretch > div > div > div	{ height: 100%; }
.cat.flex_verticalalignement_stretch > div > div > div > div	{ height: 100%; }
.cat.flex_verticalalignement_stretch > div > div > div > div > article	{ height: 100%; }
}

/*-----| PADDING											|--------------------------------------------------------------------------------------------------------------*/
/* Article */
.cms_padding_025											{ padding:  4px; }
.cms_padding_05											{ padding:  8px; }
.cms_padding_1												{ padding: 16px; }
.cms_padding_2												{ padding: 32px; }
article > a.art_link										{ display: block; text-decoration: none; color: inherit; }

/* Category */
.cat															{ position: relative; }
.cat .cat_image											{ position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; }
.cat .cat_image picture									{ position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; }
.cat .cat_image picture img							{ width: 100%; height: 100%; object-fit: cover; }
.cat .cat_color											{ position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; }
.cat .cat_content											{ position: relative; z-index: 2; }

/*-----| FLEX												|--------------------------------------------------------------------------------------------------------------*/


/* Border */
.cms_border_0												{ border-style: solid; border-width: 0; }
.cms_border_1												{ border-style: solid; border-width: 1px; }
.cms_border_2												{ border-style: solid; border-width: 2px; }
.cms_border_4												{ border-style: solid; border-width: 4px; }
.art_link.cms_border_1									{ padding: 16px; border-width: 0; }
.art_link.cms_border_2									{ padding: 16px; border-width: 0; }
.art_link.cms_border_4									{ padding: 16px; border-width: 0; }

.flex_box													{ margin: 0; }
.flex_box.no_padding										{ padding: 0; }
.flex_box.grow												{ flex-grow: 1; }
.flex_box.empty											{ margin: 0 !important; padding: 0 !important; border: none !important; background: 0 !important; }
.flex_box img												{ width: 100%; }

.flex_box_25												{ width:  25.000% }
.flex_box_50												{ width:  50.000% }
.flex_box_75												{ width:  75.000% }
.flex_box_100												{ width: 100.000% }

.flex_box_20												{ width:  20% }
.flex_box_40												{ width:  40% }
.flex_box_60												{ width:  60% }
.flex_box_80												{ width:  80% }

.flex_box_16												{ width:  16.666% }
.flex_box_33												{ width:  33.333% }
.flex_box_66												{ width:  66.666% }
.flex_box_83												{ width:  83.333% }
@media screen and (min-width: 641px) and (max-width: 959px) {
	.flex_box_25											{ width:  50% }
	.flex_box_75											{ width: 100% }

	.flex_box_20											{ width:  50% }
	.flex_box_40											{ width:  50% }
	.flex_box_50											{ width: 100% }
	.flex_box_60											{ width: 100% }

	.flex_box_16											{ width:  33.333% }
	.flex_box_83											{ width: 100% }
}
@media screen and (max-width: 640px) {
	.flex_box_25,
	.flex_box_33,
	.flex_box_50,
	.flex_box												{ width: 100%; }
}


.flex_box_12											{ width: 100.0%; }
.flex_box_12.flex_box_12_12						{ width: 100.0%; }
.flex_box_12.flex_box_12_11						{ width:  91.6666%; }
.flex_box_12.flex_box_12_10						{ width:  83.3333%; }
.flex_box_12.flex_box_12_9							{ width:  75.0%; }
.flex_box_12.flex_box_12_8							{ width:  66.6666%; }
.flex_box_12.flex_box_12_7							{ width:  58.3333%; }
.flex_box_12.flex_box_12_6							{ width:  50.0%; }
.flex_box_12.flex_box_12_5							{ width:  41.6666%; }
.flex_box_12.flex_box_12_4							{ width:  33.3333%; }
.flex_box_12.flex_box_12_3							{ width:  25.0%; }
.flex_box_12.flex_box_12_2							{ width:  16.6666%; }
.flex_box_12.flex_box_12_1							{ width:   8.3333%; }

@media screen and (max-width: 959px) {
	.flex_box_12										{ width: 100.0% !important; }
}
/*-------| BWISE CONTENT                  |-------*/
.artMut_mobile .flex_box								{ width: 100.0% !important; }



/*-----| OTHER												|--------------------------------------------------------------------------------------------------------------*/
.w100p														{ width: 100%; }
.h100p														{ height: 100%; }
.h100vH														{ height: 100vH; overflow: hidden; }
.clear														{ clear: both; }
.clearL														{ clear: left; }
.clearR														{ clear: right; }
/*-----| END CONTAINERS & FLEX						|--------------------------------------------------------------------------------------------------------------*/
/*-----| CONTENT		   								|--------------------------------------------------------------------------------------------------------------*/
/*-----| SECTION											|--------------------------------------------------------------------------------------------------------------*/
section														{ position: relative; }
section > div												{ position: relative; }
section div.cms_section_color							{ z-index: 2; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
section div.cms_section_image							{ z-index: 1; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: left top; background-size: auto 100%; filter: grayscale(100%); }
section div:last-of-type								{ z-index: 10; }
a.section_anchor											{ display: block; position: relative; top: -112px; width: 100%; height: 0px; background: pink; }

/*-----| SECTION: FOOTER								|--------------------------------------------------------------------------------------------------------------*/
footer														{ position: relative; }
footer div													{ position: relative; }
footer div.cms_footer_color							{ z-index: 2; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
footer div.cms_footer_image							{ z-index: 1; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: cover; filter: grayscale(100%); }
footer div.cms_footer_content							{ z-index: 10; }

/*-----| SECTION: PANORAMA								|--------------------------------------------------------------------------------------------------------------*/
#static > div												{ max-height: 50vH; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; line-height: 1px; }
#static > div > img										{ visibility: hidden; width: 100%; max-height: 50vH; }

/*-----| CONTENT											|--------------------------------------------------------------------------------------------------------------*/
main ul, main ol											{ padding: 0 0 12px 18px; }
main ul:last-of-type, main ol:last-of-type		{ padding: 0 0 0 18px; }
main p, main table										{ padding: 0 0 12px 0; }
main p:last-of-type, main table:last-of-type		{ padding: 0; }
/*main .gapLegend											{ display: none; position: absolute; left: 0; bottom: 0; right: 0; padding: 20px; background: rgba( 0,0,0,0.7 ); color: #ffffff; }
main .act .gapLegend										{ display: block; }*/

/*-----| CONTENT: Search								|--------------------------------------------------------------------------------------------------------------*/
#cmsSearch ul												{ padding: 0; }
#cmsSearch ul li											{ list-style: none; }
#cmsSearch ul li ul										{ padding: 0 0 8px 0; }
#cmsSearch ul li ul:after								{ display: block; content: ""; clear: both; }
#cmsSearch ul li ul li									{ list-style: none; float: left; padding: 0 2px 0 0; }
#cmsSearch ul li ul li a								{ display: block; line-height: 32px; }
#cmsSearch ul li ul li.cmsSearch_art a				{ padding: 0 0 0 6px; }
#cmsSearch ul li ul li.cmsSearch_cat a				{ position: relative; padding: 0 24px 0 8px; font-weight: normal; color: #969696; background: #f0f0f0; }
#cmsSearch ul li ul li.cmsSearch_cat a:before	{ display: block; content: ""; position: absolute; top: 0; right: 0; border-style: solid; border-width: 16px 0 16px 16px; border-color: #ffffff transparent; }
#cmsSearch ul li ul li.cmsSearch_cat:nth-child(2) a:after	{ display: block; content: ""; position: absolute; top: 0; left: -16px; border-style: solid; border-width: 16px 0 16px 16px; border-color: #f0f0f0 transparent; }
/*-----| END CONTENT										|--------------------------------------------------------------------------------------------------------------*/