/* ****************************************
*																					*
*	   MVC Mobile VideoCommunication GmbH		*
*																					*
* ************************************** */
:root {
	/* Font Family */
	--body-fontfamily: SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif;

	/* Color Palette - Default */
	--cp-d-1: #FFFFFF;
	--cp-d-2: #F8F8F8;
	--cp-d-3: #EEEEEE;
	--cp-d-4: #C3C3C3;
	--cp-d-5: #9D9D9D;
	--cp-d-6: #818181;
	--cp-d-7: #404040;
	--cp-d-8: #303030;

	/* Color Palette - Special */
	--cp-s-1: #0083B7;
	--cp-s-2: #00a4e6;
	--cp-s-3: #FF9933;
	--cp-s-4: #FFBF80;
	--cp-s-5: #4DCBA6;
	--cp-s-6: #75d7b9;
	--cp-s-7: #FB8270;
	--cp-s-8: #FCA89C;
	--cp-s-9: #EBEFF9;

	/* Image Palette - Logo */
	--ip-img-logo: url(/images/default/logo.png);

	/* Image Palette - Default 1920x450 */
	--ip-img-bg-1: url(/images/default/background_1.png);
	--ip-img-bg-2: url(/images/default/background_2.png);
	--ip-img-bg-3: url(/images/default/background_3.png);
	--ip-img-bg-4: url(/images/default/background_4.png);
	--ip-img-bg-5: url(/images/default/background_5.png);
	--ip-img-bg-6: url(/images/default/background_6.png);
	--ip-img-bg-7: url(/images/default/background_7.png);
	--ip-img-bg-8: url(/images/default/background_8.png);
	--ip-img-bg-9: url(/images/default/background_9.png);

	/* Body */
	--body-main-bg: 			var(--cp-d-1);
	--body-p-color:				var(--cp-d-6);
	--body-p-size: 				14px;
	--body-p-height: 			26px;
	--body-p-weight:			400;
	--body-p-spacing:			0.3px;
	--body-a-color: 			var(--cp-s-1);
	--body-a-color-h:			var(--cp-s-2);
	--body-h1-color: 			var(--cp-d-8);
	--body-h1-size: 			43px;
	--body-h1-height: 		72px;
	--body-h1-weight: 		200;
	--body-h1-spacing: 		1px;
	--body-h1-transform:	uppercase;
	--body-h2-border:			var(--cp-s-1);
	--body-h2-color: 			var(--cp-d-8);
	--body-h2-size: 			28px;
	--body-h2-height: 		60px;
	--body-h2-weight: 		200;
	--body-h2-spacing: 		1px;
	--body-h2-transform:	uppercase;
	--body-h3-color: 			var(--cp-d-8);
	--body-h3-size: 			22px;
	--body-h3-height: 		44px;
	--body-h3-weight: 		300;
	--body-h3-spacing: 		1px;
	--body-h3-transform:	uppercase;
	--body-h4-color: 			var(--cp-d-8);
	--body-h4-size: 			16px;
	--body-h4-height: 		32px;
	--body-h4-weight: 		400;
	--body-h4-spacing: 		1px;
	--body-h4-transform:	uppercase;

	/* Form */
	--form-input-text-size: 			14px;
	--form-input-text-weight: 		300;
	--form-input-text-spacing: 		normal;
	--form-input-text-color: 			var(--cp-d-8);
	--form-input-text-color-f: 		var(--cp-d-8);
	--form-input-bg-color:				var(--cp-d-2);
	--form-input-bg-color-f:			var(--cp-d-2);
	--form-input-border-color: 		var(--cp-d-3);
	--form-input-border-color-f:	var(--cp-s-1);
	--form-input-border-width: 		1px 1px 1px 1px;
	--form-textarea-height:				150px;
	--form-checkbox-label-bg:			transparent;
	--form-checkbox-label-col-h:	var(--cp-d-8);
	--form-checkbox-label-bg-h:		var(--cp-d-2);
	--form-checkbox-hook-bg:			var(--cp-d-2);
	--form-checkbox-hook-chk-col:	var(--cp-d-1);
	--form-checkbox-hook-chk-bg:	var(--cp-s-1);

	/* Header */
	--header-main-bg-color: 		var(--cp-d-1);
	--header-main-border-color:	var(--cp-d-3);

	/* Header Navigation - Main */
	--header-nav-li-color:			var(--cp-d-5);
	--header-nav-li-color-h:		var(--cp-d-8);
	--header-nav-li-weight:			400;
	--header-nav-li-size:				13px;
	--header-nav-li-height:			28px;
	--header-nav-li-spacing:		normal;
	--header-nav-li-transform:	uppercase;

	/* Header Navigation - Sub */
	--header-nav-ul-color:			var(--cp-d-5);
	--header-nav-ul-color-h:		var(--cp-d-8);
	--header-nav-ul-weight:			400;
	--header-nav-ul-size:				13px;
	--header-nav-ul-height:			40px;
	--header-nav-ul-offset:			35px;
	--header-nav-ul-spacing:		normal;
	--header-nav-ul-transform:	none;

	/* Button */
	--button-size:						12px;
	--button-height:					20px;
	--button-spacing:					0.05em;
	--button-weight:					400;
	--button-transofrm:				none;
	--button-radius:					4px;
	--button-col-main-tx:			var(--cp-d-1);
	--button-col-main-bg:			var(--cp-s-1);
	--button-col-main-tx-h:		var(--cp-d-1);
	--button-col-main-bg-h:		var(--cp-s-2);
	--button-col-grey-tx:			var(--cp-d-7);
	--button-col-grey-bg:			var(--cp-d-3);
	--button-col-grey-tx-h:		var(--cp-d-6);
	--button-col-grey-bg-h:		var(--cp-d-2);
	--button-col-yellow-tx:		var(--cp-d-1);
	--button-col-yellow-bg:		var(--cp-s-3);
	--button-col-yellow-tx-h:	var(--cp-d-1);
	--button-col-yellow-bg-h:	var(--cp-s-4);
	--button-col-green-tx:		var(--cp-d-1);
	--button-col-green-bg:		var(--cp-s-5);
	--button-col-green-tx-h:	var(--cp-d-1);
	--button-col-green-bg-h:	var(--cp-s-6);
	--button-col-red-tx:			var(--cp-d-1);
	--button-col-red-bg:			var(--cp-s-7);
	--button-col-red-tx-h:		var(--cp-d-1);
	--button-col-red-bg-h:		var(--cp-s-8);
	--button-col-white-tx:		var(--cp-s-1);
	--button-col-white-bg:		var(--cp-d-1);
	--button-col-white-tx-h:	var(--cp-s-2);
	--button-col-white-bg-h:	var(--cp-d-1);

	/* TABLE */
	--table-width: 100%;
	--table-th-color: var(--cp-d-7);
	--table-th-size: 14px;
	--table-th-weight: 400;
	--table-th-height: 26px;
	--table-th-bg-color: var(--cp-d-1);
	--table-td-color: var(--cp-d-6);
	--table-td-size: 14px;
	--table-td-weight: 400;
	--table-td-height: 26px;
	--table-td-bg-color: var(--cp-d-1);

	/* Section */
	--section-location-color:		var(--cp-d-5);
	--section-location-border:	var(--cp-d-3);
	--section-location-size:		14px;
	--section-location-height:	24px;
	--section-location-weight:	300px;
	--section-location-spacing:	0.04em;
	--section-footer-bg:				var(--cp-d-7);
	--section-footer-color:			var(--cp-d-6);
	--section-footer-hover:			var(--cp-d-2);
	--section-bg-img-color:			var(--cp-d-1);
	--section-bg-img-bg:				transparent;
	--section-bg-col-1-bg:			var(--cp-d-2);
	--section-bg-col-1-txt:			var(--cp-d-7);
	--section-bg-col-2-bg:			var(--cp-d-7);
	--section-bg-col-2-txt:			var(--cp-d-2);
	--section-bg-col-2-h-b:			var(--cp-s-1);

	/* MVC - Table */
	--mvc-table-main-color:					var(--cp-d-7);
	--mvc-table-main-size:					14px;
	--mvc-table-main-height:				24px;
	--mvc-table-main-weight:				300;
	--mvc-table-main-spacing:				0.05em;
	--mvc-table-head-color:					var(--cp-d-7);
	--mvc-table-head-bg-color:			var(--cp-d-1);
	--mvc-table-head-color-h:				var(--cp-s-1);
	--mvc-table-head-border-color:	var(--cp-s-1);
	--mvc-table-body-bg-color:			var(--cp-d-1);
	--mvc-table-body-bg-color-h:		var(--cp-d-2);
	--mvc-table-body-color-s:				var(--cp-d-1);
	--mvc-table-body-bg-color-s:		var(--cp-s-1);
	--mvc-table-body-border-color:	var(--cp-d-3);
	--mvc-table-main-color-na:			var(--cp-d-6);

	/* MVC - Content Slider */
	--mvc-content-slider-text:				var(--cp-d-8);
	--mvc-content-slider-border:			var(--cp-d-2);
	--mvc-content-slider-size:				13px;
	--mvc-content-slider-height:			28px;
	--mvc-content-slider-weight:			200;
	--mvc-content-slider-spacing:			1px;
	--mvc-content-slider-icon-color:	var(--cp-d-8);
	--mvc-content-slider-icon-size:		22px;
	--mvc-content-slider-active-text: var(--cp-d-8);
	--mvc-content-slider-active-bg: 	var(--cp-d-2);

	/* MVC - COUNTER */
	--mvc-counter-distance:						8px;
	--mvc-counter-text-size:					18px;
	--mvc-counter-text-height:				28px;
	--mvc-counter-text-weight:				400;
	--mvc-counter-title-size:					40px;
	--mvc-counter-title-height:				80px;
	--mvc-counter-title-weight:				200;

	/* MVC - LIST */
	--mvc-list-icon-color: 						var(--cp-d-8);
	--mvc-list-title-color: 					var(--cp-d-6);
	--mvc-list-text-color: 						var(--cp-d-6);
	--mvc-list-border-color:					var(--cp-d-3);

	/* MVC - NOTE */
	--mvc-note-bg-color:							var(--cp-d-1);
	--mvc-note-border-color:					var(--cp-s-1);
	--mvc-note-border-color-f:				var(--cp-s-7);
	--mvc-note-border-color-s:				var(--cp-s-5);
	--mvc-note-title-color:						var(--cp-d-7);
	--mvc-note-title-size:						18px;
	--mvc-note-title-height:					40px;
	--mvc-note-title-weight:					300;
	--mvc-note-text-color:						var(--cp-d-7);
	--mvc-note-text-size:							14px;
	--mvc-note-text-height:						20px;
	--mvc-note-text-weight:						300;

	/* MVC - READ MORE */
	--mvc-readmore-color: 						var(--cp-s-1);
	--mvc-readmore-color-h: 					var(--cp-s-2);

	/* MVC - QUEST */
	--mvc-quest-bg-color: 						var(--cp-d-1);
	--mvc-quest-title-color: 					var(--cp-d-7);
	--mvc-quest-text-color: 					var(--cp-d-7);
	--mvc-quest-shadow: 							0px 0px 7px 1px rgba(51,51,51,0.4);

	/* MVC - EXTENDETCONTENT */
	--mvc-extendedcontent-bg-color: 					var(--cp-d-1);
	--mvc-extendedcontent-border-color: 			var(--cp-d-1);
	--mvc-extendedcontent-shadow: 						0px 0px 20px 0px rgba(0,0,0,0.2);
	--mvc-extendedcontent-button-close-bg: 		var(--cp-s-1);
	--mvc-extendedcontent-button-close-txt: 	var(--cp-d-1);
	--mvc-extendedcontent-button-close-bg-h: 	var(--cp-s-2);
	--mvc-extendedcontent-button-close-txt-h: var(--cp-d-1);

	/* MVC - DATEPICKER */
	--mvc-datepicker-bg-color:								var(--cp-d-1);
	--mvc-datepicker-border-color:						var(--cp-d-1);
	--mvc-datepicker-border-width:						0px 1px 1px 0px;
	--mvc-datepicker-shadow:									1px 1px 4px 0px rgba(0,0,0,0.5);
	--mvc-datepicker-font-size:								12px;
	--mvc-datepicker-font-height:							24px;
	--mvc-datepicker-font-weight:							300;
	--mvc-datepicker-arrow-color:							var(--cp-d-7);
	--mvc-datepicker-arrow-hover-color:				var(--cp-s-2);
	--mvc-datepicker-month-color:							var(--cp-d-7);
	--mvc-datepicker-month-size:							14px;
	--mvc-datepicker-month-height:						24px;
	--mvc-datepicker-month-weight:						300;
	--mvc-datepicker-day-radius:							6px;
	--mvc-datepicker-day-heigh:								30px;
	--mvc-datepicker-day-width:								30px;
	--mvc-datepicker-day-disabled-color:			var(--cp-d-3);
	--mvc-datepicker-day-disabled-bg-color:		var(--cp-d-1);
	--mvc-datepicker-day-selectable-color:		var(--cp-d-7);
	--mvc-datepicker-day-selectable-bg-color:	var(--cp-d-1);
	--mvc-datepicker-day-selected-color:			var(--cp-d-1);
	--mvc-datepicker-day-selected-bg-color:		var(--cp-s-1);
	--mvc-datepicker-day-hover-color:					var(--cp-d-7);
	--mvc-datepicker-day-hover-bg-color:			var(--cp-d-2);
	--mvc-datepicker-day-today-color:					var(--cp-d-7);
	--mvc-datepicker-day-today-bg-color:			var(--cp-d-1);
	--mvc-datepicker-day-today-border-color:	var(--cp-s-1);
	--mvc-datepicker-day-weekend-color:				var(--cp-d-5);
	--mvc-datepicker-day-weekend-bg-color:		var(--cp-d-1);
	--mvc-datepicker-todaybutton-color:				var(--cp-d-8);
	--mvc-datepicker-todaybutton-bg-color:		var(--cp-d-3);

	/* MVC - TIMEPICKER */
	--mvc-timepicker-bg-color:								var(--cp-d-1);
	--mvc-timepicker-border-color:						var(--cp-d-1);
	--mvc-timepicker-border-width:						0px 1px 1px 0px;
	--mvc-timepicker-shadow:									1px 1px 4px 0px rgba(0,0,0,0.5);
	--mvc-timepicker-font-size:								12px;
	--mvc-timepicker-font-height:							28px;
	--mvc-timepicker-font-weight:							400;
	--mvc-timepicker-selectable-color:				var(--cp-d-7);
	--mvc-timepicker-selectable-bg-color:			var(--cp-d-1);
	--mvc-timepicker-hover-color:							var(--cp-d-7);
	--mvc-timepicker-hover-bg-color:					var(--cp-d-2);
	--mvc-timepicker-selected-color:					var(--cp-d-1);
	--mvc-timepicker-selected-bg-color:				var(--cp-s-1);

	/* MVC - MEETINGMANAGER - CALENDAR - MAIN  */
	--mvc-meetingmanager-calendar-left-bg-color: 							var(--cp-d-1);
	--mvc-meetingmanager-calendar-left-border-color: 					var(--cp-d-3);
	--mvc-meetingmanager-calendar-right-bg-color: 						var(--cp-d-1);
	--mvc-meetingmanager-calendar-right-border-color: 				var(--cp-d-3);
	--mvc-meetingmanager-calendar-center-bg-color: 						var(--cp-d-1);

	/* MVC - MEETINGMANAGER - CALENDAR - SMALL  */
	--mvc-meetingmanager-calendar-small-title-color: 					var(--cp-d-7);
	--mvc-meetingmanager-calendar-small-title-size: 					15px;
	--mvc-meetingmanager-calendar-small-title-weight: 				500;
	--mvc-meetingmanager-calendar-small-title-transform: 			none;
	--mvc-meetingmanager-calendar-small-arrow-color: 					var(--cp-d-7);
	--mvc-meetingmanager-calendar-small-arrow-color-h: 				var(--cp-s-2);
	--mvc-meetingmanager-calendar-small-arrow-size: 					16px;
	--mvc-meetingmanager-calendar-small-arrow-weight: 				400;
	--mvc-meetingmanager-calendar-small-daybar-wk-size:				14px;
	--mvc-meetingmanager-calendar-small-daybar-wk-weight:			400;
	--mvc-meetingmanager-calendar-small-daybar-wk-transform:	none;
	--mvc-meetingmanager-calendar-small-daybar-wk-color: 			var(--cp-d-7);
	--mvc-meetingmanager-calendar-small-daybar-we-color: 			var(--cp-d-7);
	--mvc-meetingmanager-calendar-small-daybar-we-bg-color: 	var(--cp-d-2);
	--mvc-meetingmanager-calendar-small-day-size:							14px;
	--mvc-meetingmanager-calendar-small-day-weight:						400;
	--mvc-meetingmanager-calendar-small-day-transform:				none;
	--mvc-meetingmanager-calendar-small-day-border-radius:		4px;
	--mvc-meetingmanager-calendar-small-day-color: 						var(--cp-d-6);
	--mvc-meetingmanager-calendar-small-day-color-d: 					var(--cp-d-4);
	--mvc-meetingmanager-calendar-small-day-color-we-s: 			var(--cp-d-6);
	--mvc-meetingmanager-calendar-small-day-color-we-s-bg: 		var(--cp-d-1);
	--mvc-meetingmanager-calendar-small-day-color-h: 					var(--cp-d-1);
	--mvc-meetingmanager-calendar-small-day-color-bg-h: 			var(--cp-s-1);
	--mvc-meetingmanager-calendar-small-today-color:					var(--cp-d-7);
	--mvc-meetingmanager-calendar-small-today-bg-color: 			var(--cp-d-1);
	--mvc-meetingmanager-calendar-small-today-border-color: 	var(--cp-s-1);
	--mvc-meetingmanager-calendar-small-today-border-radius:	4px;

	/* MVC - MEETINGMANAGER - CALENDAR - BIG */
	--mvc-meetingmanager-calendar-big-border-color: 					var(--cp-d-2);
	--mvc-meetingmanager-calendar-big-daybar-border-color: 		var(--cp-d-2);
	--mvc-meetingmanager-calendar-big-daybar-color: 					var(--cp-d-7);
	--mvc-meetingmanager-calendar-big-daybar-bg-color: 				var(--cp-d-1);
	--mvc-meetingmanager-calendar-big-daybar-size: 						14px;
	--mvc-meetingmanager-calendar-big-daybar-weight: 					300;
	--mvc-meetingmanager-calendar-big-daybar-transofrm: 			none;
	--mvc-meetingmanager-calendar-big-daybar-align:						center;
	--mvc-meetingmanager-calendar-big-daybar-we-color: 				var(--cp-d-7);
	--mvc-meetingmanager-calendar-big-daybar-we-bg-color: 		var(--cp-d-2);
	--mvc-meetingmanager-calendar-big-daybar-we-size: 				14px;
	--mvc-meetingmanager-calendar-big-daybar-we-weight: 			400;
	--mvc-meetingmanager-calendar-big-daybar-we-transform: 		none;
	--mvc-meetingmanager-calendar-big-daybar-we-align:				center;
	--mvc-meetingmanager-calender-big-tile-date-color:				var(--cp-d-5);
	--mvc-meetingmanager-calender-big-tile-date-today-color:	var(--cp-s-1);
	--mvc-meetingmanager-calender-big-item-size:							12px;
	--mvc-meetingmanager-calender-big-item-height:						14px;
	--mvc-meetingmanager-calender-big-item-weight:						300;
	--mvc-meetingmanager-calender-big-item-color:							var(--cp-d-7);
	--mvc-meetingmanager-calender-big-item-bg-color:					var(--cp-d-1);
	--mvc-meetingmanager-calender-big-item-drag-color:				var(--cp-d-2);
	--mvc-meetingmanager-calender-big-item-selected-color:		var(--cp-d-7);
	--mvc-meetingmanager-calender-big-item-bg-selected-color:	var(--cp-d-3);
	--mvc-meetingmanager-calender-big-item-hover-color:				var(--cp-d-7);
	--mvc-meetingmanager-calender-big-item-bg-hover-color:		var(--cp-d-2);
	--mvc-meetingmanager-calender-big-item-border-color:			var(--cp-s-1);

	/* MVC - MEETINGMANAGER - LIST */
	--mvc-meetingmanager-list-color:		 			var(--cp-d-7);
	--mvc-meetingmanager-list-bg-color: 			var(--cp-d-1);
	--mvc-meetingmanager-list-bg-hover-color:	var(--cp-d-2);
	--mvc-meetingmanager-list-border-color: 	var(--cp-s-1);
	--mvc-meetingmanager-line-line-1-size:		13px;
	--mvc-meetingmanager-list-line-1-height:	18px;
	--mvc-meetingmanager-list-line-1-weight:	600;
	--mvc-meetingmanager-line-line-2-size:		13px;
	--mvc-meetingmanager-list-line-2-height:	18px;
	--mvc-meetingmanager-list-line-2-weight:	300;
	--mvc-meetingmanager-line-line-3-size:		13px;
	--mvc-meetingmanager-list-line-3-height:	18px;
	--mvc-meetingmanager-list-line-3-weight:	300;
	--mvc-meetingmanager-line-line-4-size:		13px;
	--mvc-meetingmanager-list-line-4-height:	18px;
	--mvc-meetingmanager-list-line-4-weight:	300;

}

/* Body */
body, html {
	border:0 none !important;

	margin: 0;
	padding: 0;

	width: 100%;
	height: 100%;

	overflow-x: hidden;

	font-style: normal;
	font-weight: normal;
	font-size-adjust: none;
	font-stretch: normal;
	font-feature-settings: normal;
	font-language-override: normal;
	font-kerning: auto;
	font-synthesis: weight style;
	font-variant-alternates: normal;
	font-variant-caps: normal;
	font-variant-east-asian: normal;
	font-variant-ligatures: normal;
	font-variant-numeric: normal;
	font-variant-position: normal;

	background-color: var(--body-main-bg);

	font: 200 1em/1em;
	font-size: var(--body-p-size);

	letter-spacing: 0em;
	text-align: left;
	text-decoration: none;
	line-height: 1em;

	-webkit-font-smoothing: antialiased;
	-webkit-appearance: none;

	scroll-behavior: smooth;
	scroll-padding-top: 100px;
}
body, html, textarea, select, input, button {
	font-family: var(--body-fontfamily);
}
p {
	color: var(--body-p-color);
	font-size: var(--body-p-size);
	line-height: var(--body-p-height);
	font-weight: var(--body-p-weight);
	letter-spacing: var(--body-p-spacing);
}
a {
	color: var(--body-a-color);
	text-decoration: none;
}
a:hover {
	color: var(--body-a-color-h);
}
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}
h1 {
	color: var(--body-h1-color);
	font-weight: var(--body-h1-weight);
	font-size: var(--body-h1-size);
	line-height: var(--body-h1-height);
	letter-spacing: var(--body-h1-spacing);
	text-transform: var(--body-h1-transform);
}
h2 {
	color: var(--body-h2-color);
	font-weight: var(--body-h2-weight);
	font-size: var(--body-h2-size);
	line-height: var(--body-h2-height);
	letter-spacing: var(--body-h2-spacing);
	text-transform: var(--body-h2-transform);
}
h3 {
	color: var(--body-h3-color);
	font-weight: var(--body-h3-weight);
	font-size: var(--body-h3-size);
	line-height: var(--body-h3-height);
	letter-spacing: var(--body-h3-spacing);
	text-transform: var(--body-h3-transform);
}
h4 {
	color: var(--body-h4-color);
	font-weight: var(--body-h4-weight);
	font-size: var(--body-h4-size);
	line-height: var(--body-h4-height);
	letter-spacing: var(--body-h4-spacing);
	text-transform: var(--body-h4-transform);
}

h2.center {
	text-align: center;
	margin-bottom: 32px;
	position: relative;
}
h2.center:after {
	content: "";
	position: absolute;
	width: 25%;
	height: 1px;
	bottom: 0;
	left: calc(75% / 2);
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: var(--body-h2-border);
}
h2.left {
	text-align: left;
	margin-bottom: 32px;
	position: relative;
}
h2.left:after {
	content: "";
	position: absolute;
	width: 25%;
	height: 1px;
	bottom: 0;
	left: 0;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: var(--body-h2-border);
}
h3.left {
	text-align: left;
	margin-bottom: 32px;
	position: relative;
}
h3.left:after {
	content: "";
	position: absolute;
	width: 25%;
	height: 1px;
	bottom: 0;
	left: 0;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: var(--body-h2-border);
}
h3.center {
	text-align: center;
	margin-bottom: 32px;
	position: relative;
}
h2.center:after {
	content: "";
	position: absolute;
	width: 25%;
	height: 1px;
	bottom: 0;
	left: calc(75% / 2);
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: var(--body-h2-border);
}
h2.center, h2.left, h3.center, h3.left {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

textarea,
select,
input[type="text"],
input[type="email"],
input[type="date"],
input[type="time"],
input[type="mail"],
input[type="number"],
input[type="password"],
input[type="mvc-number"],
input[type="mvc-mail"],
input[type="mvc-datepicker"],
input[type="mvc-timepicker"] {
	display: block;
	width: calc(100% - 16px);
	max-width: calc(100% - 16px);
	border-style: solid;
	border-radius: 0;
	padding: 8px;
	margin: 0px 0px 32px 0px;

	border-width: var(--form-input-border-width);
	border-color: var(--form-input-border-color);

	color: var(--form-input-text-color);
	background-color: var(--form-input-bg-color);

	font-size: var(--form-input-text-size);
	font-weight: var(--form-input-text-weight);
	letter-spacing: var(--form-input-text-spacing);
}
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="mail"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="mvc-number"]:focus,
input[type="mvc-mail"]:focus,
input[type="mvc-datepicker"]:focus,
input[type="mvc-timepicker"]:focus {
	color: var(--form-input-text-color-f);
	background-color: var(--form-input-bg-color-f);
	border-color: var(--form-input-border-color-f);
}
textarea {
	height: var(--form-textarea-height);
}
label {
	cursor: pointer;
}
form {
	width: 100%;
}
select {
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
  -o-appearance: none;
  appearance: none;
	width: 100%;
}
select option {
	cursor: pointer;
}
input.margin-none {
	margin-top: 0px;
	margin-bottom: 0px;
}
input.margin-small {
	margin-bottom: 8px;
}

/* Transition */
/*
* {
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	transition-duration: 0.1s;
}
*/

/* User Select */
label, div.header * {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Float */
.fleft {
	float: left;
}
.fright {
	float: right;
}

/* Form */
textarea, select, input, button {
	outline: none;
}
button {
	display: inline-block;
	cursor: pointer;

	border: none;
	border-radius: var(--button-radius);



	padding: 4px 16px 4px 18px;
	margin: 0px 4px 0px 4px;
}
a.button {
	display: inline-block;

	border: none;
	border-radius: var(--button-radius);

	padding: 4px 16px 4px 18px;
	margin: 0px 4px 0px 4px;
}
a.button.small {
	padding: 2px 8px 2px 8px;
	margin: 0px 2px 0px 2px;
}
button, a.button {
	color: var(--button-col-main-tx);
	background-color: var(--button-col-main-bg);
	font-size: var(--button-size);
	line-height: var(--button-height);
	letter-spacing: var(--button-spacing);
	font-weight: var(--button-weight);
	text-transform: var(--button-transform);
}
button:hover, a.button:hover {
	color: var(--button-col-main-tx-h);
	background-color: var(--button-col-main-bg-h);
}
button.full, a.button.full {
	width: 100%;
}
button.grey,a.button.grey {
	color: var(--button-col-grey-tx);
	background-color: var(--button-col-grey-bg);
}
button.grey:hover,a.button.grey:hover {
	color: var(--button-col-grey-tx-h);
	background-color: var(--button-col-grey-bg-h);
}
button.yellow,a.button.yellow {
	color: var(--button-col-yellow-tx);
	background-color: var(--button-col-yellow-bg);
}
button.yellow:hover,a.button.yellow:hover {
	color: var(--button-col-yellow-tx-h);
	background-color: var(--button-col-yellow-bg-h);
}
button.green,a.button.green {
	color: var(--button-col-green-tx);
	background-color: var(--button-col-green-bg);
}
button.green:hover,a.button.green:hover {
	color: var(--button-col-green-tx-h);
	background-color: var(--button-col-green-bg-h);
}
button.red,a.button.red {
	color: var(--button-col-red-tx);
	background-color: var(--button-col-red-bg);
}
button.red:hover,a.button.red:hover {
	color: var(--button-col-red-tx-h);
	background-color: var(--button-col-red-bg-h);
}
button.white,a.button.white {
	color: var(--button-col-white-tx);
	background-color: var(--button-col-white-bg);
}
button.white:hover,a.button.white:hover {
	color: var(--button-col-white-tx-h);
	background-color: var(--button-col-white-bg-h);
}
button.twhite,a.button.twhite {
	background-color: transparent;
	color: var(--button-col-white-tx);
}
button.twhite:hover,a.button.twhite:hover {
	background-color: transparent;
	color: var(--button-col-white-tx-h);
}
button.tgrey,a.button.tgrey {
	background-color: transparent;
	color: var(--button-col-grey-tx);
}
button.tgrey:hover,a.button.tgrey:hover {
	background-color: transparent;
	color: var(--button-col-grey-tx-h);
}
button.tyellow,a.button.tyellow {
	background-color: transparent;
	color: var(--button-col-yellow-bg);
}
button.tyellow:hover,a.button.tyellow:hover {
	background-color: transparent;
	color: var(--button-col-yellow-bg-h);
}
button.tgreen,a.button.tgreen {
	background-color: transparent;
	color: var(--button-col-green-bg);
}
button.tgreen:hover,a.button.tgreen:hover {
	background-color: transparent;
	color: var(--button-col-green-bg-h);
}
button.tred,a.button.tred {
	background-color: transparent;
	color: var(--button-col-red-bg);
}
button.tred:hover,a.button.tred:hover {
	background-color: transparent;
	color: var(--button-col-red-bg-h);
}
a.button.tile {
	text-align: center;
	margin-left: 12px;

	background-color: var(--cp-d-1);
	border-style: solid;
	border-color: var(--cp-d-3);
	border-width: 1px;
	border-radius: 100px;

	color: var(--button-col-grey-tx);
}
a.button.tile > p {
	display: none;
	margin: 0;
	padding: 0;
}
a.button.tile > span {
	display: block;
	font-size: 1.7em;
	padding: 6px;
}
a.button[exec="mvcExtendedcontentHide"] {
	background-color: var(--mvc-extendedcontent-button-close-bg) !important;
	color: var(--mvc-extendedcontent-button-close-txt) !important;
	margin-right: 12px;
	line-height: 16px;
	margin-top: 4px;
}
a.button[exec="mvcExtendedcontentHide"]:hover {
	background-color: var(--mvc-extendedcontent-button-close-bg-h) !important;
	color: var(--mvc-extendedcontent-button-close-txt-h) !important;
}

select::-ms-expand {
  display: none;
}
label.checkbox {
	display: inline-block;
	position: relative;

	padding-left: 28px;
	padding-right: 26px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 0px;
	font-size: 12px;

	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	background-color: var(--form-checkbox-label-bg);
}
label.checkbox:hover {
	color: var(--form-checkbox-label-col-h);
	background-color: var(--form-checkbox-label-bg-h);
}
label.checkbox > input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
label.checkbox > span {
	position: absolute;

	top: 5px;
	left: 6px;
	height: 16px;
	width: 16px;
	border-radius: 5px;

	background-color: var(--form-checkbox-hook-bg);
}
label.checkbox span:after {
	content: "";
	position: absolute;
	display: none;
}
label.checkbox input:checked ~ span:after {
	display: block;
}
label.checkbox span:after {
	left: 5px;
	top: 2px;
	width: 4px;
	height: 8px;
	border-style: solid;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);

	border-color: var(--form-checkbox-hook-chk-col);
}
label.checkbox.fright {
	float: right;
}
label.checkbox.fleft {
	float: left;
}
label.checkbox input:checked ~ span {
	background-color: var(--form-checkbox-hook-chk-bg);
}
span.input-note {
	display: block;
	visibility: hidden;
	margin-top: -30px;
	text-indent: 8px;
	text-align: right;
	font-size: 12px;
}
p > label.checkbox {
	line-height: normal;
	color: var(--form-input-text-color);
}

/* Table */
table, thead, tbody {
	width: var(--table-width);
}
table th {
	color: var(--table-th-color);
	background-color: var(--table-th-bg-color);

	font-size: var(--table-th-size);
	font-weight: var(--table-th-weight);
	line-height: var(--table-th-height);
}
table td {
	color: var(--table-td-color);
	background-color: var(--table-td-bg-color);

	font-size: var(--table-td-size);
	font-weight: var(--table-td-weight);
	line-height: var(--table-td-height);

}

/* Content */
div.content {
	min-height: 900px;
}

/* Header */
div.header {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;

	border-color: var(--header-main-border-color);
	background-color: var(--header-main-bg-color);

	height: 99px;
	width: 100%;

	border-style: solid;
	border-width: 0px 0px 1px 0px;

	top: 0;
	position: sticky;

	z-index: 95;
}
div.header * {
	background-color: var(--header-main-bg-color);
}

/* Header - Logo */
div.header-logo {
	margin: 0px 100px 0px 50px;
	content: var(--ip-img-logo);
	max-height: 25px;
	cursor: pointer;
}

/* Header - Menu */
div.header-menu {
	width: min-content;
	margin-right: 100px;
	white-space: nowrap;
}
div.header-menu > nav {
	display: inline-block;
}
div.header-menu > nav > ul {
	list-style-type: none;
}
div.header-menu > nav > ul > li {
	display: inline-block;
	margin-left: 12px;
	margin-right: 12px;
}
div.header-menu > nav > ul > li > div {
	display: none;
	position: absolute;
	padding-top: var(--header-nav-ul-offset);
	z-index: 90;
}
div.header-menu > nav > ul > li:hover > div {
	display: block;
}
div.header-menu > nav > ul > li > a {
	color: var(--header-nav-li-color);
	font-weight: var(--header-nav-li-weight);
	font-size: var(--header-nav-li-size);
	line-height: var(--header-nav-li-height);
	letter-spacing: var(--header-nav-li-spacing);
	text-transform: var(--header-nav-li-transform);
}
div.header-menu > nav > ul > li > a[href="#"] > span {
	background-color: transparent;
	display: inline-block;
}
div.header-menu > nav > ul > li.selected > a {
	color: var(--header-nav-li-color-h);
}
div.header-menu > nav > ul > li:hover > a[href="#"] > span {
	-webkit-transform: rotate(90deg) translate(0px, 0px);
	-moz-transform: rotate(90deg) translate(0px, 0px);
	-o-transform: rotate(90deg) translate(0px, 0px);
	transform: rotate(90deg) translate(0px, 0px);
}
div.header-menu > nav > ul > li > div > a {
	display: block;
	min-width: 80px;
	padding-left: 16px;
	padding-right: 50px;

	color: var(--header-nav-ul-color);
	font-weight: var(--header-nav-ul-weight);
	font-size: var(--header-nav-ul-size);
	line-height: var(--header-nav-ul-height);
	letter-spacing: var(--header-nav-ul-spacing);
	text-transform: var(--header-nav-ul-transform);
	border-color: var(--header-main-border-color);

	border-style: solid;
	border-width: 0px 1px 1px 1px;
}
div.header-menu > nav > ul > li > div > a:hover {
	color: var(--header-nav-ul-color-h);
}
div.header-menu > nav > ul > li > div > a:first-child {
	border-width: 1px 1px 1px 1px;
}
div.header-menu > nav > ul > li > div > a > img {
	display: inline-block;
	height: 9px;
	width: 16px;
	padding: 0;
	margin: 0px 4px 0px 0px;
}

/* Header - Menu  - Mobile */
div.header-menu-mobile {
	display: none;
	width: 100%;
	padding-right: 32px;
	float: right;
}
div.header-menu-mobile > div {
	display: block;
	float: right;
	cursor: pointer;
}
div.header-menu-mobile > div > div {
	width: 28px;
	height: 2px;
	margin: 6px 0;
	background-color: var(--cp-d-7);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
div.header-menu-mobile > div.open > div {
	background-color: var(--cp-d-5);

	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
div.header-menu-mobile > div.open > div:nth-child(1) {
	-webkit-transform: rotate(-45deg) translate(-5px, 5px);
	-moz-transform: rotate(-45deg) translate(-5px, 5px);
	-o-transform: rotate(-45deg) translate(-5px, 5px);
	transform: rotate(-45deg) translate(-5px, 5px);
}
div.header-menu-mobile > div.open > div:nth-child(2) {
	opacity: 0;
}
div.header-menu-mobile > div.open > div:nth-child(3) {
	-webkit-transform: rotate(45deg) translate(-6px, -6px);
	-moz-transform: rotate(45deg) translate(-6px, -6px);
	-o-transform: rotate(45deg) translate(-6px, -6px);
	transform: rotate(45deg) translate(-6px, -6px);
}
div.header-menu-mobile-nav {
	display: none;

	position: fixed;

	z-index: 100;
	height: calc(100% - 50px);
	width: 60%;

	top: 50px;
	right: 0;

	background-color: var(--cp-d-1);

	border-style: solid;
	border-color: var(--cp-d-3);
	border-width: 0px 0px 0px 1px;
}
div.header-menu-mobile-nav > nav {
	display: block;
}
div.header-menu-mobile-nav > nav > ul {
	list-style-type: none;
	padding: 8px 16px 8px 16px;
}
div.header-menu-mobile-nav > nav > ul > li {
	display: block;
}
div.header-menu-mobile-nav > nav > ul > li > div {
	display: block;
}
div.header-menu-mobile-nav > nav > ul > li:hover > div {
	display: block;
}
div.header-menu-mobile-nav > nav > ul > li > a {

	display: block;
	width: 100%;

	color: var(--header-nav-li-color);
	font-weight: var(--header-nav-li-weight);
	font-size: var(--header-nav-li-size);
	line-height: var(--header-nav-li-height);
	letter-spacing: var(--header-nav-li-spacing);
	text-transform: var(--header-nav-li-transform);
}
div.header-menu-mobile-nav > nav > ul > li > a[href="#"] > span {
	display: none;
}
div.header-menu-mobile-nav > nav > ul > li.selected > a {
	color: var(--header-nav-li-color-h);
}
div.header-menu-mobile-nav > nav > ul > li > div > a {
	display: block;

	width: 100%;
	text-indent: 30px;

	color: var(--header-nav-ul-color);
	font-weight: var(--header-nav-ul-weight);
	font-size: var(--header-nav-ul-size);
	line-height: var(--header-nav-ul-height);
	letter-spacing: var(--header-nav-ul-spacing);
	text-transform: var(--header-nav-ul-transform);

	border-style: none;

}
div.header-menu-mobile-nav > nav > ul > li > div > a:hover {
	color: var(--header-nav-ul-color-h);
}
div.header-menu-mobile-nav > nav > ul > li > div > a > img {
	display: inline-block;
	height: 9px;
	width: 16px;
	padding: 0;
	margin: 0px 4px 0px 0px;
}
div.header-menu-mobile-nav > nav:first-child {
	border-style: solid;
	border-color: var(--header-main-border-color);
	border-width: 0px 0px 1px 0px;

	margin-bottom: 20px;

	display: flex;
	flex-wrap: nowrap;

}
div.header-menu-mobile-nav > nav:first-child > ul {
	display: block;
	width: 100%;
}
div.header-menu-mobile-nav > nav:first-child > ul:last-child {
	text-align: right;
}
div.header-menu-mobile-nav > nav:first-child > ul > li > div {
	display: none;

	background-color: var(--cp-d-1);
	text-align: left;

	width: 100%;
}
div.header-menu-mobile-nav > nav:last-child > ul > li {
	padding-top: 8px;
	padding-bottom: 8px;

	border-style: solid;
	border-color: var(--header-main-border-color);
	border-width: 0px 0px 1px 0px;

	text-indent: 16px;
}
div.header-menu-mobile-nav > nav:last-child > ul > li:last-child {
	border-style: none;
}

/* Section */
div.section {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: flex-start;
	align-content: flex-start;

	width: 100%;
	z-index: 10;
}
div.section.space {
	padding-left: calc(15% / 2);
	padding-right: calc(15% / 2);
	width: 85%;
	justify-content: center;
}
div.section.nouserselect * {
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

/* Section - Location */
div.section-location {
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	padding: 16px;

	border-color: var(--section-location-border);
	color: var(--section-location-color);
}
div.section-location > span {
	font-size: var(--section-location-size);
	line-height: var(--section-location-height);
	font-weight: var(--section-location-weight);
	letter-spacing: var(--section-location-spacing);
}

/* Section - Footer */
div.section-footer {
	background-color: var(--section-footer-bg);
}
div.section-footer p,
div.section-footer a {
	color: var(--section-footer-color);
	letter-spacing: normal;
}
div.section-footer a:hover {
	color: var(--section-footer-hover);
}

/* Section - Col */
div.section div[class*="col-"] {
	padding: 64px 16px 64px 16px;
}
div.section.small div[class*="col-"] {
	padding: 32px 16px 32px 16px;
}
div.section.big div[class*="col-"] {
	padding: 128px 16px 128px 16px;
}
div.section div[class*="col-"] img {
	display: inline-block;
	width: 100%;
  height: auto;
}
div.section div[class*="col-"] img.auto {
	display: inline-block;
	width: content;
  height: auto;
}
div.section div[class*="col-"] img.orig {
	width: auto;
  height: auto;
}
div.section div[class*="col-"] img.center {
	display: block;
	margin-left: auto;
  margin-right: auto;
}
div.section div[class*="col-"] img.small {
	display: inline-block;
	width: auto;
  height: 256px;
}
div.section div[class*="col-"].p-right {
	text-align: right;
}
div.section div[class*="col-"].p-left {
	text-align: left;
}
div.section div[class*="col-"].p-center {
	text-align: center;
}
div.section div[class*="col-"][class*="col-bg-col-"] {
	padding: 0px 0px 0px 0px;
}
div.section div[class*="col-"][class*="col-bg-col-"] > p {
	padding: 16px;
}
div.section.full {
	justify-content: flex-start;
	padding: 0;
	margin: 0;
}
div.section.full > div[class*="col-"] {
	padding: 0px 0px 0px 0px;
	margin: 0;
}
div.section div.col-1-1 {
	width: calc(100% / 1);
}
div.section div.col-1-2 {
	width: calc(100% / 2);
}
div.section div.col-1-3 {
	width: calc(100% / 3);
}
div.section div.col-2-3 {
	width: calc(calc(100% / 2) + calc(100% / 3));
}
div.section div.col-1-4 {
	width: calc(100% / 4);
}
div.section div.col-3-4 {
	width: calc(calc(100% / 4) * 3);
}
div.section div.col-1-5 {
	width: calc(100% / 5);
}
div.section div.col-2-5 {
	width: calc(calc(100% / 5) * 2);
}
div.section div.col-3-5 {
	width: calc(calc(100% / 5) * 3);
}
div.section div.col-4-5 {
	width: calc(calc(100% / 5) * 4);
}
div.section > div[class*="col-"] > div.col-sub {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: flex-start;
	align-content: flex-start;

	padding: 0;

	width: 100%;


}
div.section > div[class*="col-"] > div.col-sub > div[class*="col-"] {
	padding: 0;
}

/* Section - BIMG */
div[class*="section-bg-img-"] {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-origin: border-box;
	background-attachment: fixed;
}
div[class*="section-bg-img-"] > div {
	height: 450px;

	justify-content: center;
	align-items: center;
	align-content: center;

}
div[class*="section-bg-img-"].overlay-dark > div {
	background-color: rgba(0,0,0,0.1);
}
div[class*="section-bg-img-"] p,
div[class*="section-bg-img-"] h1,
div[class*="section-bg-img-"] h2,
div[class*="section-bg-img-"] h3,
div[class*="section-bg-img-"] h4 {
	color: var(--section-bg-img-color);
	background-color: var(--section-bg-img-bg);
	padding: 8px;
}
div[class*="section-bg-img-"].small > div {
	height: 100px;
}
div[class*="section-bg-img-"].small div[class*="col-"] {
	padding: 0;
}

div.section-bg-img-1 {
	background-image: var(--ip-img-bg-1);
}
div.section-bg-img-2 {
	background-image: var(--ip-img-bg-2);
}
div.section-bg-img-3 {
	background-image: var(--ip-img-bg-3);
}
div.section-bg-img-4 {
	background-image: var(--ip-img-bg-4);
}
div.section-bg-img-5 {
	background-image: var(--ip-img-bg-5);
}
div.section-bg-img-6 {
	background-image: var(--ip-img-bg-6);
}
div.section-bg-img-7 {
	background-image: var(--ip-img-bg-7);
}
div.section-bg-img-8 {
	background-image: var(--ip-img-bg-8);
}
div.section-bg-img-9 {
	background-image: var(--ip-img-bg-9);
}

div.section-bg-col-1 {
	background-color: var(--section-bg-col-1-bg);
}
div.section-bg-col-1 p {
	color: var(--section-bg-col-1-txt);
}

div.section-bg-col-2 {
	background-color: var(--section-bg-col-2-bg);
}
div.section-bg-col-2 p,
div.section-bg-col-2 h1,
div.section-bg-col-2 h2,
div.section-bg-col-2 h3,
div.section-bg-col-2 h4,
div.section-bg-col-2 h5 {
	color: var(--section-bg-col-2-txt);
}
div.section-bg-col-2 h2.left:after,
div.section-bg-col-2 h2.center:after,
div.section-bg-col-2 h3.left:after,
div.section-bg-col-2 h3.center:after {
	border-color: var(--section-bg-col-2-h-b);
}

/* MVC - SLIDER */
div.mvc-content-slider {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: center;
	align-content: flex-start;

	width: 100%;
}
div.mvc-content-slider-button {
	display: flex;
	flex-wrap: nowrap;

	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;

	width: 100%;

	padding-bottom: 32px;
}
div.mvc-content-slider-button > div {
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	padding: 12px 32px 12px 32px;
	cursor: pointer;

	color: var(--mvc-content-slider-text);
	border-color: var(--mvc-content-slider-border);
	font-weight: var(--mvc-content-slider-weight);
	font-size: var(--mvc-content-slider-size);
	line-height: var(--mvc-content-slider-height);
	letter-spacing: var(--mvc-content-slider-spacing);
}
div.mvc-content-slider-button > div > span {
	display: block;
	text-align: center;
}
div.mvc-content-slider-button > div > span:first-child {
	margin-bottom: 0px;
}
div.mvc-content-slider-button > div.selected,
div.mvc-content-slider-button > div:hover {
	background-color: var(--mvc-content-slider-active-bg);
}
div.mvc-content-slider-button > div > span:first-child {
	font-size: var(--mvc-content-slider-icon-size);
	color: var(--mvc-content-slider-icon-color);
}
div.mvc-content-slider-content {
	width: 100%;
}
div.mvc-content-slider-content > div {
	display: none;
}
div.mvc-content-slider-content > div:first-child {
	display: block;
}

/* MVC - LIST */
div.mvc-list {
	margin-top: 24px;
	display: block;
}
div.mvc-list > div {
	margin-bottom: 32px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;

	border-color: var(--mvc-list-border-color);
}
div.mvc-list > div:last-child {
	border-style: none;
}
div.mvc-list > div > span:first-child {
	margin-right: 4px;
	color: var(--mvc-list-icon-color);
}
div.mvc-list > div > span:last-child > b {
	font-weight: 400;
	color: var(--mvc-list-title-color);
}
div.mvc-list > div > span:last-child > p {
	color: var(--mvc-list-text-color);
}

/* MVC - NOTE */
div.mvc-note {
	display: none;
	width: 400px;
	position: absolute;

	top: 0;
	right: 0;

	z-index: 100;
	padding: 4px 8px 4px 16px;

	border-style: solid;
	border-width: 0px 0px 2px 2px;
	border-radius: 0px 0px 0px 4px;
}
div.mvc-note p {
	margin: 0;
	padding: 0;

	color: var(--mvc-note-text-color);
	font-size: var(--mvc-note-text-size);
	line-height: var(--mvc-note-text-height);
	font-weight: var(--mvc-note-text-weight);
}
div.mvc-note h2 {
	margin: 0;
	padding: 0;

	color: var(--mvc-note-title-color);
	font-size: var(--mvc-note-title-size);
	line-height: var(--mvc-note-title-height);
	font-weight: var(--mvc-note-title-weight);

	border-style: none;
}
.input-note, .note-red {
	color: var(--mvc-note-border-color-f) !important;
}
div.mvc-note {
	background-color: var(--mvc-note-bg-color);
}
div.mvc-note {
	border-color: var(--mvc-note-border-color);
}
div.mvc-note.red, .note-red {
	border-color: var(--mvc-note-border-color-f) !important;
}
div.mvc-note.green {
	border-color: var(--mvc-note-border-color-s);
}

/* MVC - COUNTER */
div.mvc-counter p {
	font-size: var(--mvc-counter-text-size) !important;
	line-height: var(--mvc-counter-text-height) !important;
	font-weight: var(--mvc-counter-text-weight) !important;
	margin: 0;
	padding: 0;
	margin-top: var(--mvc-counter-distance);
}
div.mvc-counter h2 {
	margin: 0;
	padding: 0;
	font-size: var(--mvc-counter-title-size) !important;
	line-height: var(--mvc-counter-title-height) !important;
	font-weight: var(--mvc-counter-title-weight) !important;
}

/* MVC - CONTACT FORM */
div.mvc-contactform {
	margin-top: 60px;
}
div.mvc-contactform-thanks {
	display: none;
}
div.mvc-contactform-thanks h4,
div.mvc-contactform-thanks p {
	font-weight: 600;
}

/* MVC - COOKIE WARNING */
div.cookie-warning {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(255,255,255,0,4);
	backdrop-filter:blur(5px);
	-o-backdrop-filter:blur(5px);
	-ms-backdrop-filter:blur(5px);
	-moz-backdrop-filter:blur(5px);
	-webkit-backdrop-filter:blur(5px);
	z-index: 100;
}
div.cookie-warning > div.cookie-warning-flex {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}
div.cookie-warning div.cookie-warning-col-1 {
	max-width: 400px;

	background-color: #fff;

	border-radius: 6px;
	padding: 16px 32px 32px 32px;

	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}
div.cookie-warning div.cookie-warning-overflow {
	display: block;
	overflow-y: auto;
	height: 220px;
	max-height: 220px;
}
div.cookie-warning div.cookie-warning-overflow.resize > * {
	font-size: 0.85em !important;
	text-align: left !important;
}
div.cookie-warning div.cookie-language {
	display: block;
	margin-top: 16px;
	text-align: center;
}
div.cookie-warning div.cookie-language > span {
	text-align: right;
}
div.cookie-warning div.cookie-language > span:last-child {
	margin-right: 8px;
}
div.cookie-warning div.cookie-language img {
	height: 8px;
	margin-right: 4px;
}
div.cookie-warning div.cookie-language a {
	font-size: 11px;
	font-weight: 400;

	margin-left: 4px;
	margin-right: 4px;
}
div.cookie-warning table {
	margin-top: 12px;
	width: 100%;
	border-collapse: collapse;
}
div.cookie-warning table td {
	width: 33%;
}
div.cookie-warning table.cookie-link td,
div.cookie-warning table.cookie-button td {
	text-align: center;
	font-size: 11px;
	padding-bottom: 10px;
}
div.cookie-warning h3,
div.cookie-warning h4 {
	margin: 0;
	text-align: center;
}
div.cookie-warning h3 {
	margin-bottom: 16px;
}

/* MVC - TABLE */
table.mvc-table-export {
	display: none;
}
div.mvc-table-main,
div.mvc-table-draganddrop-item-selected {
	color: var(--mvc-table-main-color);
}
div.mvc-table-main *,
div.mvc-table-draganddrop-item-selected * {
	font-size: var(--mvc-table-main-size);
	line-height: var(--mvc-table-main-height);
	font-weight: var(--mvc-table-main-weight);
	letter-spacing: var(--mvc-table-main-spacing);
}
div.mvc-table {
	margin-top: 16px;
	margin-bottom: 32px;
}
div.mvc-table > div.mvc-table-main > div.mvc-table-thead > div,
div.mvc-table > div.mvc-table-main > div.mvc-table-tbody > div,
div.mvc-table-draganddrop-item-selected,
div.mvc-table-draganddrop-item-selected > div {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: flex-start;
	align-content: flex-start;
	text-align: left;

	width: 100%;
}
div.mvc-table > div.mvc-table-main > div.mvc-table-thead,
div.mvc-table > div.mvc-table-main > div.mvc-table-tbody,
div.mvc-table > div.mvc-table-main > div.mvc-table-thead > div > div,
div.mvc-table > div.mvc-table-main > div.mvc-table-tbody > div > div,
div.mvc-table-draganddrop-item-selected > div {
	display: block;
	width: 100%;
	text-align: left;

	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
div.mvc-table > div.mvc-table-main > div.mvc-table-thead {
	border-style: solid;
	border-width: 0px 0px 1px 0px;

	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
div.mvc-table > div.mvc-table-main > div.mvc-table-thead > div > div {
	cursor: pointer;
	font-weight: 500;
	padding: 12px 0px 12px 4px;

}
div.mvc-table > div.mvc-table-main > div.mvc-table-thead > div {
	background-color: var(--mvc-table-head-bg-color);
	color: var(--mvc-table-head-color);
}
div.mvc-table > div.mvc-table-main > div.mvc-table-tbody {
	overflow-y: auto;
	height: 300px;
	max-height: 300px;
}
div.mvc-table.mvc-table-double > div.mvc-table-main > div.mvc-table-tbody {
	height: 675px;
	max-height: 675px;
}
div.mvc-table.full > div.mvc-table-main > div.mvc-table-tbody {
	overflow-y: inherit;
	height: 100%;
	max-height: 100%;
}

div.mvc-table > div.mvc-table-main > div.mvc-table-tbody > div,
div.mvc-table-draganddrop-item-selected {
	cursor: pointer;
	padding: 2px 0px 2px 0px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
}
div.mvc-table > div.mvc-table-main > div.mvc-table-tbody > div > div,
div.mvc-table-draganddrop-item-selected > div {
	padding: 4px;
}
div.mvc-table > div.mvc-table-main > div.mvc-table-tbody > div > div:last-child {
	border-style: none;
}
div.mvc-table > div.mvc-table-main > div.mvc-table-thead {
	border-color: var(--mvc-table-head-border-color);
}
div.mvc-table > div.mvc-table-main > div.mvc-table-thead > div > div:hover {
	color: var(--mvc-table-head-color-h);
}
div.mvc-table > div.mvc-table-main > div.mvc-table-tbody > div,
div.mvc-table-draganddrop-item-selected {
	border-color: var(--mvc-table-body-border-color);
	background-color: var(--mvc-table-body-bg-color);
}
div.mvc-table > div.mvc-table-main > div.mvc-table-tbody > div:hover {
	background-color: var(--mvc-table-body-bg-color-h);
}
div.mvc-table.selectable > div.mvc-table-main > div.mvc-table-tbody > div.selected {
	color: var(--mvc-table-body-color-s);
	background-color: var(--mvc-table-body-bg-color-s);
}
div.mvc-table.selectable > div.mvc-table-main > div.mvc-table-tbody > div.not-selectable {
	cursor: not-allowed;
	color: var(--mvc-table-main-color-na);
}

/* MVC - TABLE - DRAG AND DROP */
div.mvc-table-draganddrop-item-selected {
	position: absolute;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: var(--mvc-table-head-border-color);
}

/* MVC - READMORE */
div.mvc-readmore {
	display: block;
	width: 100%;
}
div.mvc-readmore > div:first-child > * {
	padding: 4px 8px 4px 8px;
	margin: 0px;
	cursor: pointer;

	color: var(--mvc-readmore-color);

	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
div.mvc-readmore > div:first-child:hover > * {
	color: var(--mvc-readmore-color-h);
}
div.mvc-readmore > div:first-child > p {
	display: inline-block;
}
div.mvc-readmore > div:first-child > span {
	display: inline-block;
	-webkit-transform: rotate(90deg) translate(8px, 1px);
	-moz-transform: rotate(90deg) translate(8px, 1px);
	-o-transform: rotate(90deg) translate(8px, 1px);
	transform: rotate(0deg) translate(8px, 1px);
}
div.mvc-readmore > div:first-child > span.selected {
	-webkit-transform: rotate(90deg) translate(0px, 0px);
	-moz-transform: rotate(90deg) translate(0px, 0px);
	-o-transform: rotate(90deg) translate(0px, 0px);
	transform: rotate(90deg) translate(2px, -8px);
}
div.mvc-readmore > div:last-child {
	display: none;
}

/* MVC - QUEST */
div.mvc-quest {
	display: none;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: flex-start;

	z-index: 90;

	position: absolute;
	top:0;
	left:0;
	height: 100%;
	width: 100%;

	backdrop-filter:blur(12px);
	-o-backdrop-filter:blur(12px);
	-ms-backdrop-filter:blur(12px);
	-moz-backdrop-filter:blur(12px);
	-webkit-backdrop-filter:blur(12px);
}
div.mvc-quest > div {
	display: block;
	z-index: 100;

	padding: 16px;

	width: 70%;
	max-width: 600px;

	margin-top: 130px;

	height: fit-content;

	background-color: var(--mvc-quest-bg-color);

	-webkit-box-shadow: var(--mvc-quest-shadow);
	-moz-box-shadow: var(--mvc-quest-shadow);
	-o-box-shadow: var(--mvc-quest-shadow);
	box-shadow: var(--mvc-quest-shadow);
}
div.mvc-quest h4 {
	color: var(--mvc-quest-title-color);
}
div.mvc-quest p {
	color: var(--mvc-quest-text-color);
}
div.mvc-quest > div > div {
	margin-top: 40px;
}

/* MVC - EXTENDED CONTENT */
div.mvc-extendedcontent {
	display: block;
	visibility: hidden;

	position: fixed;
	top: 0;
	left: 0;

	z-index: 99;

	height: 100%;
	width: 100%;
}
div.mvc-extendedcontent > div {
	position: absolute;
	display: block;

	padding: 8px;
	top: 0;
	right: 0;

	width: 480px;

	background-color: var(--mvc-extendedcontent-bg-color);

	border-style: solid;
	border-width: 0px 0px 0px 1px;
	border-color: var(--mvc-extendedcontent-border-color);

	-webkit-box-shadow: var(--mvc-extendedcontent-shadow);
	-moz-box-shadow: var(--mvc-extendedcontent-shadow);
	-o-box-shadow: var(--mvc-extendedcontent-shadow);
	box-shadow: var(--mvc-extendedcontent-shadow);

}
div.mvc-extendedcontent > div > div.mvc-extendedcontent-content {
	margin-bottom: 16px;
	min-height: 212px;
	height: calc(100% - 150px);
	overflow-y: auto;
	overflow-x: hidden;
}
div.mvc-extendedcontent > div > div.mvc-extendedcontent-content.flex {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}
div.mvc-extendedcontent > div > div.mvc-extendedcontent-content.flex > div {
	width: 100%;
}
div.mvc-extendedcontent > div > div.mvc-extendedcontent-title {
	height: 50px;
}
div.mvc-extendedcontent > div > div.mvc-extendedcontent-buttonbar {
	height: 50px;
}
div.mvc-extendedcontent > div > div.mvc-extendedcontent-buttonbar > p {
	margin: 0;
}

/* MVC - EXTENDED CONTENT - FULL */
div.mvc-extendedcontent-full {
	display: none;
	position: absolute;

	background-color: var(--mvc-extendedcontent-bg-color);

	border-style: solid;
	border-width: 0px 0px 0px 1px;
	border-color: var(--mvc-extendedcontent-border-color);

	-webkit-box-shadow: var(--mvc-extendedcontent-shadow);
	-moz-box-shadow: var(--mvc-extendedcontent-shadow);
	-o-box-shadow: var(--mvc-extendedcontent-shadow);
	box-shadow: var(--mvc-extendedcontent-shadow);

	top: 132px;
	left: 32px;
	height: calc(100% - 164px);
	width: calc(100% - 64px);

	z-index: 80;
}
div.mvc-extendedcontent-full-title {
	display: block;
	width: calc(100% - 16px);
	padding: 8px;
}
div.mvc-extendedcontent-full-title > h4 {
	text-indent: 16px;
}
div.mvc-extendedcontent-full-content {
	display: block;
	width: calc(100% - 16px);
	height: calc(100% - 68px);
	padding: 8px;
	overflow-x: hidden;
	overflow-y: scroll;
}

/* MVC - MEETINGMANAGER  */
div.mvc-meetingmanager {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: flex-start;

	width: 100%;
	height: 100%;
}
div.mvc-meetingmanager.default {
	width: auto;
	height: auto;
}
div.mvc-meetingmanager > * {
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
div.mvc-meetingmanager > div {
	padding: 8px;
}
div.mvc-meetingmanager-left,
div.mvc-meetingmanager-right {
	width: calc(100% / 6);
	border-style: solid;
}
div.mvc-meetingmanager-left {
	border-width: 0px 1px 0px 0px;

	background-color: var(--mvc-meetingmanager-calendar-left-bg-color);
	border-color: var(--mvc-meetingmanager-calendar-left-border-color);
}
div.mvc-meetingmanager-right {
	border-width: 0px 0px 0px 1px;

	background-color: var(--mvc-meetingmanager-calendar-right-bg-color);
	border-color: var(--mvc-meetingmanager-calendar-right-border-color);
}
div.mvc-meetingmanager-right a.button {
	float: left;
	margin-bottom: 6px;
	display: block;
}
div.mvc-meetingmanager-center {
	width: 100%;

	background-color: var(--mvc-meetingmanager-calendar-center-bg-color);
}
div.mvc-meetingmanager div.mvc-calendar-month-title {
	display: flex;
	flex-wrap: nowrap;
	padding-top: 16px;
	padding-bottom: 16px;
}
div.mvc-meetingmanager div.mvc-calendar-month-title > div {
	text-align: center;
}
div.mvc-meetingmanager div.mvc-calendar-month-title > div:nth-child(2) {
	width: 80%;

	color: var(--mvc-meetingmanager-calendar-small-title-color);
  font-size: var(--mvc-meetingmanager-calendar-small-title-size);
  font-weight: var(--mvc-meetingmanager-calendar-small-title-weight);
  text-transform: var(--mvc-meetingmanager-calendar-small-title-transform);
}
div.mvc-meetingmanager div.mvc-calendar-month-title > div:nth-child(1),
div.mvc-meetingmanager div.mvc-calendar-month-title > div:nth-child(3) {
	cursor: pointer;
	width: 10%;

  color: var(--mvc-meetingmanager-calendar-small-arrow-color);
  font-size: var(--mvc-meetingmanager-calendar-small-arrow-size);
  font-weight: var(--mvc-meetingmanager-calendar-small-arrow-weight);
}
div.mvc-meetingmanager div.mvc-calendar-month-title > div:nth-child(1):hover,
div.mvc-meetingmanager div.mvc-calendar-month-title > div:nth-child(3):hover {

	color: var(--mvc-meetingmanager-calendar-small-arrow-color-h);

}
div.mvc-meetingmanager div.mvc-calendar-month-table > div {
	display: flex;
	flex-wrap: nowrap;

	width: 100%;
	line-height: calc(2em - 2px);
}
div.mvc-meetingmanager div.mvc-calendar-month-table > div > div {
	width: calc(100% / 7);
	text-align: center;

  color: var(--mvc-meetingmanager-calendar-small-day-color-d);

	border-style: solid;
	border-width: 1px;
	border-color: transparent;
	border-radius: var(--mvc-meetingmanager-calendar-small-day-border-radius);

	font-size: var(--mvc-meetingmanager-calendar-small-day-size);
	font-weight: var(--mvc-meetingmanager-calendar-small-day-weight);
	text-transform: var(--mvc-meetingmanager-calendar-small-day-transform);
}
div.mvc-meetingmanager div.mvc-calendar-month-table > div > div.selectable {
	cursor: pointer;
	color: var(--mvc-meetingmanager-calendar-small-day-color);
}
div.mvc-meetingmanager div.mvc-calendar-month-table > div > div.today {
  color: var(--mvc-meetingmanager-calendar-small-today-color);
  background-color: var(--mvc-meetingmanager-calendar-small-today-bg-color);
	border-color: var(--mvc-meetingmanager-calendar-small-today-border-color);
  border-radius: var(--mvc-meetingmanager-calendar-small-today-border-radius);

}
div.mvc-meetingmanager div.mvc-calendar-month-table > div:first-child > div {
	color: var(--mvc-meetingmanager-calendar-small-daybar-wk-color);
	font-size: var(--mvc-meetingmanager-calendar-small-daybar-wk-size);
	font-weight: var(--mvc-meetingmanager-calendar-small-daybar-wk-weight);
	text-transform: var(--mvc-meetingmanager-calendar-small-daybar-wk-transform);
}
div.mvc-meetingmanager div.mvc-calendar-month-table > div:first-child > div:nth-child(n+6) {
  color: var(--mvc-meetingmanager-calendar-small-daybar-we-color);
  background-color: var(--mvc-meetingmanager-calendar-small-daybar-we-bg-color);
}
div.mvc-meetingmanager div.mvc-calendar-month-table > div > div.selectable.weekend {
  color: var(--mvc-meetingmanager-calendar-small-day-color-we-s);
  background-color: var(--mvc-meetingmanager-calendar-small-day-color-we-s-bg);
}
div.mvc-meetingmanager div.mvc-calendar-month-table > div:nth-child(n+2) > div.selected,
div.mvc-meetingmanager div.mvc-calendar-month-table > div:nth-child(n+2) > div.selectable:hover {

	background-color: var(--mvc-meetingmanager-calendar-small-day-color-bg-h);
	color: var(--mvc-meetingmanager-calendar-small-day-color-h);
}
div.mvc-meetingmanager div.mvc-button-list {
	margin-top: 50px;
}
div.mvc-meetingmanager div.mvc-button-list > a {
	display: block;
	width: calc(100% - 45px);
	margin-bottom: 12px;

}
div.mvc-meetingmanager div.mvc-representation-list {
	margin-top: 50%;
}
div.mvc-meetingmanager div.mvc-calendar-big {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
div.mvc-meetingmanager div.mvc-calendar-big > div {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: flex-start;
	width: 100%;
}
div.mvc-meetingmanager div.mvc-calendar-big > div > div {
  width: calc(100% / 7);
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	padding: 6px;
  border-color: var(--mvc-meetingmanager-calendar-big-border-color);
}
div.mvc-meetingmanager div.mvc-calendar-big > div:nth-child(n+2) > div {
	overflow-y: auto;
}
div.mvc-meetingmanager div.mvc-calendar-big > div:last-child > div {
	border-bottom: none;
}
div.mvc-meetingmanager div.mvc-calendar-big > div > div:first-child {
	border-width: 0px 1px 1px 0px;
}
div.mvc-meetingmanager div.mvc-calendar-big > div > div:last-child {
	border-width: 0px 0px 1px 1px;
}
div.mvc-meetingmanager div.mvc-calendar-big > div:first-child {

	color: var(--mvc-meetingmanager-calendar-big-daybar-color);
  background-color: var(--mvc-meetingmanager-calendar-big-daybar-bg-color);

  font-size: var(--mvc-meetingmanager-calendar-big-daybar-size);
  font-weight: var(--mvc-meetingmanager-calendar-big-daybar-weight);
  text-transform: var(--mvc-meetingmanager-calendar-big-daybar-transofrm);
	text-align: var(--mvc-meetingmanager-calendar-big-daybar-align);

	border-style: solid;
	border-color: var(--mvc-meetingmanager-calendar-big-daybar-border-color);
	border-width: 0px 0px 1px 0px;
}
div.mvc-meetingmanager div.mvc-calendar-big > div:first-child > div:nth-child(n+6) {
  background-color: var(--mvc-meetingmanager-calendar-big-daybar-we-bg-color);
	color: var(--mvc-meetingmanager-calendar-big-daybar-we-color);
  font-size: var(--mvc-meetingmanager-calendar-big-daybar-we-size);
  font-weight: var(--mvc-meetingmanager-calendar-big-daybar-we-weight);
  text-transform: var(--mvc-meetingmanager-calendar-big-daybar-we-transform);
	text-align: var(--mvc-meetingmanager-calendar-big-daybar-we-align);
}
div.mvc-meetingmanager div.mvc-calendar-big > div:nth-child(n+2) > div > p {
	color: var(--mvc-meetingmanager-calender-big-tile-date-color);
	margin-bottom: 8px;
	margin-top: 2px;
	font-size: 12px;
}
div.mvc-meetingmanager div.mvc-calendar-big > div:nth-child(n+2) > div.today > p {
	color: var(--mvc-meetingmanager-calender-big-tile-date-today-color);
	font-weight: 600;
}
span.dag-item-selected,
div.mvc-meetingmanager div.mvc-calendar-big > div:nth-child(n+2) > div > span {
	cursor: pointer;

	color: var(--mvc-meetingmanager-calender-big-item-color);
	background-color: var(--mvc-meetingmanager-calender-big-item-bg-color);

	padding: 8px 2px 8px 6px;
  display: block;
	margin-bottom: 4px;

	border-style: solid;
	border-color: var(--mvc-meetingmanager-calender-big-item-border-color);
	border-width: 0px 0px 0px 3px;

	font-size: var(--mvc-meetingmanager-calender-big-item-size);
	font-weight: var(--mvc-meetingmanager-calender-big-item-weight);
	line-height: var(--mvc-meetingmanager-calender-big-item-height);

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
span.dag-item-selected {
	color: var(--mvc-meetingmanager-calender-big-item-selected-color);
	background-color: var(--mvc-meetingmanager-calender-big-item-bg-selected-color);
}
div.mvc-meetingmanager div.mvc-calendar-big > div:nth-child(n+2) > div > span:hover {
	color: var(--mvc-meetingmanager-calender-big-item-hover-color);
	background-color: var(--mvc-meetingmanager-calender-big-item-bg-hover-color);
}
div.mvc-meetingmanager div.mvc-calendar-big > div:nth-child(n+2) > div > span::after,
div.mvc-meetingmanager div.mvc-calendar-big > div:nth-child(n+2) > div > span.dag-item-selected::after {
	cursor: 'grab';
}
div.mvc-meetingmanager div.mvc-meetingmanager-meetinglist {
	display: block;
	height: 250px;
	min-height: 250px;
	max-height: 250px;
	overflow-y: auto;
}
div.mvc-meetingmanager div.mvc-meetingmanager-meetinglist > div {
	display: block;
	cursor: pointer;
	padding: 2px 8px 2px 8px;
	border-style: solid;
	border-width: 0px 0px 0px 4px;
	margin-bottom: 8px;

	border-color: var(--mvc-meetingmanager-list-border-color);
	background-color: var(--mvc-meetingmanager-list-bg-color);
}
div.mvc-meetingmanager div.mvc-meetingmanager-meetinglist > div:hover {
	background-color: var(--mvc-meetingmanager-list-bg-hover-color);
}
div.mvc-meetingmanager div.mvc-meetingmanager-meetinglist > div > p {
	padding: 0px;
	margin: 0px;
	color: var(--mvc-meetingmanager-list-color);
}
div.mvc-meetingmanager div.mvc-meetingmanager-meetinglist > div > p:nth-child(1) {
	font-size: var(--mvc-meetingmanager-line-line-1-size);
	font-weight: var(--mvc-meetingmanager-list-line-1-weight);
	line-height: var(--mvc-meetingmanager-list-line-1-height);
}
div.mvc-meetingmanager div.mvc-meetingmanager-meetinglist > div > p:nth-child(2) {
	font-size: var(--mvc-meetingmanager-line-line-2-size);
	font-weight: var(--mvc-meetingmanager-list-line-2-weight);
	line-height: var(--mvc-meetingmanager-list-line-2-height);
}
div.mvc-meetingmanager div.mvc-meetingmanager-meetinglist > div > p:nth-child(3) {
	font-size: var(--mvc-meetingmanager-line-line-3-size);
	font-weight: var(--mvc-meetingmanager-list-line-3-weight);
	line-height: var(--mvc-meetingmanager-list-line-3-height);
}
div.mvc-meetingmanager div.mvc-meetingmanager-meetinglist > div > p:nth-child(4) {
	font-size: var(--mvc-meetingmanager-line-line-4-size);
	font-weight: var(--mvc-meetingmanager-list-line-4-weight);
	line-height: var(--mvc-meetingmanager-list-line-4-height);
}
div.mvc-meetingmanager div.mvc-meetingmanager-meetinglist[name="meeting-running"] > div > p:first-child::after {
	content: "❯";
	display: inline-block;
	float: right;
	-webkit-transform: rotate(90deg) translate(0px, 0px);
	-moz-transform: rotate(90deg) translate(0px, 0px);
	-o-transform: rotate(90deg) translate(0px, 0px);
	transform: rotate(90deg) translate(0px, 0px);
}
div.mvc-meetingmanager div.mvc-meetingmanager-meetinglist > div > div {
	display: none;
	margin-top: 0px;
	margin-bottom: 4px;
	width: 100%;
}

/* MVC - BREAKOUT */
div.mvc-meetingmanager-breakout {
	display: block;
	border-style: solid;
	border-color: var(--cp-d-3);
	border-width: 1px;
}
div.mvc-meetingmanager-breakout > div:first-child {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;

	color: var(--cp-d-7);

	padding: 8px;

	border-style: solid;
	border-color: var(--cp-s-1);
	border-width: 0px 0px 1px 0px;
}
div.mvc-meetingmanager-breakout > div:first-child > div:first-child {
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 220px;
}
div.mvc-meetingmanager-breakout > div:first-child > div:last-child {
	display: flex;
	flex-wrap: nowrap;
}
div.mvc-meetingmanager-breakout > div:first-child > div:last-child > a {
	margin: 0;
	padding: 2px;
	font-size: 10px;
}
div.mvc-meetingmanager-breakout div.mvc-table {
	margin-top: 0px;
	margin-bottom: 0px;
}
div.mvc-meetingmanager-breakout-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 16px 16px
}
div.mvc-meetingmanager-breakout-flex > div {
	width: 30%;
	min-width: 250px;
}

/* MVC - DRAG AND DROP */
div.dag-item-selected,
span.dag-item-selected {
	position: absolute;
}
div.dag-section-hover,
div > div.dag-section-hover,
span > div.dag-section-hover {
	background-color: var(--mvc-meetingmanager-calender-big-item-drag-color);
}

/* MVC - DATEPICKER */
input[type=date],
input[type=mvc-datepicker] {
	cursor: pointer;
	width: 100px !important;
	height: 17px !important;
}
div.mvc-datepicker {
	display: none;
	position: absolute;

	z-index: 9999;

	cursor: default;

	margin: 34px 0px 0px 1px;
	padding: 4px 4px 4px 4px;

	background-color: var(--mvc-datepicker-bg-color);

	font-size: var(--mvc-datepicker-font-size);
	line-height: var(--mvc-datepicker-font-height);
	font-weight: var(--mvc-datepicker-font-weight);

	border-style: solid;
	border-color: var(--mvc-datepicker-border-color);
	border-width: var(--mvc-datepicker-border-width);

	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;

	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;

	-webkit-box-shadow: var(--mvc-datepicker-shadow);
	-moz-box-shadow: var(--mvc-datepicker-shadow);
	-o-box-shadow: var(--mvc-datepicker-shadow);
	box-shadow: var(--mvc-datepicker-shadow);

}
div.mvc-datepicker > div.mvc-datepicker-navbar {
	display: flex;
	flex-wrap: nowrap;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 8px 0px;
}
div.mvc-datepicker > div.mvc-datepicker-navbar > div:nth-child(2),
div.mvc-datepicker > div.mvc-datepicker-navbar > div:nth-child(3) {
	cursor: pointer;
	text-align: center;
	width: 40px;

	color: var(--mvc-datepicker-arrow-color);
}
div.mvc-datepicker > div.mvc-datepicker-navbar > div:nth-child(3) {
	margin-left: 4px;
}
div.mvc-datepicker > div.mvc-datepicker-navbar > div:nth-child(1) {
	width: 100%;
	text-indent: 8px;
}
div.mvc-datepicker > div.mvc-datepicker-navbar > div:nth-child(1) > p {
	color: var(--mvc-datepicker-month-color);
	font-size: var(--mvc-datepicker-month-size);
	font-weight: var(--mvc-datepicker-month-weight);
	line-height: var(--mvc-datepicker-month-height);
	padding: 0;
	margin: 0;
}
div.mvc-datepicker > div.mvc-datepicker-navbar > div:nth-child(2):hover,
div.mvc-datepicker > div.mvc-datepicker-navbar > div:nth-child(3):hover {
	color: var(--mvc-datepicker-arrow-hover-color);
}
div.mvc-datepicker > div.mvc-datepicker-navbar > div > span {
	display: block;

	width: 100%;
}
div.mvc-datepicker > div.mvc-datepicker-navbar > div > p {
	line-height: normal;
	margin-bottom: 0;
}
div.mvc-datepicker > div.mvc-datepicker-daybar,
div.mvc-datepicker > div.mvc-datepicker-section {
	display: table;
	white-space: nowrap;
	text-align: center;
	margin: 0;
	padding: 0;
	width: 100%;
}
div.mvc-datepicker > div.mvc-datepicker-daybar > span,
div.mvc-datepicker > div.mvc-datepicker-section > span {
	display: inline-block;
	text-align: center;
	vertical-align: middle;

	line-height: var(--mvc-datepicker-day-heigh);
	height: var(--mvc-datepicker-day-heigh);
	width: var(--mvc-datepicker-day-width);

	border-radius: var(--mvc-datepicker-day-radius);
	padding: 0;
	margin: 0;
}
div.mvc-datepicker-section span {
	cursor: not-allowed;

	background-color: var(--mvc-datepicker-day-disabled-bg-color);
	color: var(--mvc-datepicker-day-disabled-color);

	border-style: solid;
	border-width: 1px;
	border-color: var(--mvc-datepicker-day-disabled-bg-color);
}
div.mvc-datepicker-section span.selectable {
	cursor: pointer;

	color: var(--mvc-datepicker-day-selectable-color);
	background-color: var(--mvc-datepicker-day-selectable-bg-color);
}
div.mvc-datepicker-section span.selectable:hover,
div.mvc-datepicker-section span.weekend.selectable:hover {
	color: var(--mvc-datepicker-day-hover-color);
	background-color: var(--mvc-datepicker-day-hover-bg-color);
}
div.mvc-datepicker-section span.today {
	background-color: var(--mvc-datepicker-day-today-bg-color);
	color: var(--mvc-datepicker-day-today-color);
	border-color: var(--mvc-datepicker-day-today-border-color);
}
div.mvc-datepicker-section span.selected,
div.mvc-datepicker-section span.selected:hover {
	background-color: var(--mvc-datepicker-day-selected-bg-color);
	color: var(--mvc-datepicker-day-selected-color);
}
div.mvc-datepicker span.weekend.selectable {
	color: var(--mvc-datepicker-day-weekend-color);
	background-color: var(--mvc-datepicker-day-weekend-bg-color);
}
div.mvc-datepicker > div.mvc-datepicker-today {
	text-align: right;
	padding-right: 9px;
	margin-top: 8px;
	margin-bottom: 8px;
}
div.mvc-datepicker > div.mvc-datepicker-today span {
	cursor: pointer;
	color: var(--mvc-datepicker-todaybutton-color);
	background-color: var(--mvc-datepicker-todaybutton-bg-color);

	padding: 4px 16px 4px 16px;
}

/* MVC - TIMEPICKER */
input[type=time],
input[type=mvc-timepicker] {
	cursor: pointer;
	width: 41px !important;
	height: 17px !important;
}
div.mvc-timepicker {
	display: none;
	position: absolute;
	top: 0;
	left: 0;

	z-index: 9999;

	cursor: default;
	height: 200px;

	margin: 34px 0px 0px 1px;
	padding: 4px 4px 4px 4px;
	background-color: var(--mvc-timepicker-bg-color);

	border-style: solid;
	border-color: var(--mvc-timepicker-border-color);
	border-width: var(--mvc-timepicker-border-width);

	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;

	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;

	-webkit-box-shadow: var(--mvc-timepicker-shadow);
	-moz-box-shadow: var(--mvc-timepicker-shadow);
	-o-box-shadow: var(--mvc-timepicker-shadow);
	box-shadow: var(--mvc-timepicker-shadow);
}
div.mvc-timepicker-section {
	display: block;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;

	-webkit-overflow-style: none;
	-ms-overflow-style: none;
	-o-overflow-style: none;
	scrollbar-width: none;
}
div.mvc-timepicker-section::-webkit-scrollbar {
	display: none;
}
div.mvc-timepicker-section span {
	display: block;
	cursor: not-allowed;
	text-align: center;
	color: var(--mvc-timepicker-selectable-color);
	background-color: var(--mvc-timepicker-selectable-bg-color);
	padding: 0px 12px 0px 12px;

	font-size: var(--mvc-timepicker-font-size);
	font-weight: var(--mvc-timepicker-font-weight);
	line-height: var(--mvc-timepicker-font-height);

}
div.mvc-timepicker-section span:hover,
div.mvc-timepicker-section span.selectable:hover {
	background-color: var(--mvc-timepicker-hover-bg-color);
	color: var(--mvc-timepicker-hover-color);
}
div.mvc-timepicker-section span.selectable {
	cursor: pointer;
}
div.mvc-timepicker-section span.selected,
div.mvc-timepicker-section span.selected:hover {
	background-color: var(--mvc-timepicker-selected-bg-color);
	color: var(--mvc-timepicker-selected-color);
}

/* MVC - BUTTONBAR */
div.mvc-buttonbar {
	display: flex;
	flex-wrap: nowrap;
}
div.mvc-buttonbar a.button {
	padding: 4px 4px 4px 4px;
}
div.mvc-buttonbar-left {
	text-align: left;
	justify-content: flex-start;
}
div.mvc-buttonbar-right {
	text-align: right;
	justify-content: flex-end;
}

/* Responsive */
@media all and (max-width: 1366px) {
	div.section.space {
		padding-left: calc(8% / 2);
		padding-right: calc(8% / 2);
		width: calc(100% - 8%);
	}
	div[class*="section-bg-img-"] {
		background-attachment: scroll;
	}
	div[class*="section-bg-img-"] > div {
		height: auto;
	}
	div.mvc-buttonbar a.button {
		font-size: 0.8em;
	}
	div.mvc-meetingmanager div.mvc-calendar-big > div > div {
		font-size: 12px;
	}
	div.mvc-meetingmanager div.mvc-calendar-big > div:nth-child(n+2) > div > p {
		margin: 2px 0px 4px 0px;
		font-size: 12px;
	}
}
@media all and (max-width: 1200px) {

}
@media all and (max-width: 1024px) {
	div.section > div[class*="col-"] {
		padding-left: 8px;
		padding-right: 8px;
	}
	div.section.space {
		padding-left: 8px;
		padding-right: 8px;
		width: calc(100% - 16px);
	}
	div.mvc-meetingmanager-left,
	div.mvc-meetingmanager-right {
		width: calc(100% / 4);
	}
}
@media all and (max-width: 960px) {
	div.section.space {
		padding-left: 0px;
		padding-right: 0px;
		width: 100%;
	}
	div.section.big > div[class*="col-"] {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}
@media all and (max-width: 889px) {
	table {
		width: auto;
	}
	table th, table td {
		text-align: left;
		width: auto;
	}
	div.header {
		height: 59px;
		flex-wrap: nowrap;
	}
	div.header-menu {
		display: none;
	}
	div.header-menu-mobile {
		display: block;
	}
	div.section {
		flex-wrap: wrap;
	}
	div.section > div[class*="col-"] {
		width: 100%;
		text-align: center !important;
		padding: 24px 6px 24px 6px;
	}
	div.section > div[class*="col-"] img {
		max-height: 250px;
	  width: auto;
	}
	h2.left, h2.right, h3.left, h3.right {
		text-align: center;
	}
	h2.left:after, h2.right:after, h3.left:after, h3.right:after {
		width: 25%;
		height: 1px;
		bottom: 0;
		left: calc(75% / 2);
	}
	div.mvc-extendedcontent > div {
		width: 100%;
		margin: 0;
		padding: 0;

		border-style: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
	}
	div.mvc-extendedcontent > div > div {
		padding: 0px 16px 0px 16px;
	}
	div.mvc-extendedcontent > div > div:first-child {
		padding: 16px 16px 0px 16px;
	}
	div.mvc-extendedcontent-full {
		top: 60px;
		left: 0;
		width: 100%;
		height: calc(100% - 60px);
	}
	div.mvc-meetingmanager-center {
		display: none;
	}
	div.mvc-meetingmanager-left,
	div.mvc-meetingmanager-right {
		width: calc(100% / 2);
	}
	div.mvc-meetingmanager-right {
		overflow-y: auto;
	}
	div.mvc-meetingmanager div.mvc-meetingmanager-meetinglist {
		height: auto;
		min-height: auto;
		max-height: 100%;
		overflow-y: hidden;
	}
	div.mvc-buttonbar {
		flex-wrap: wrap;
	}
	div.mvc-meetingmanager-breakout-flex > div {
		width: 100%;

	}
}
@media all and (max-width: 768px) {
	div.mvc-quest > div {
		width: 100%;
	}
}
@media all and (max-width: 500px) {
	table, thead, tbody {
		width: 100%;
	}
	h1, h2, h3, h4, h5 {
		font-size: 18px !important;
		line-height: 24px !important;
		font-weight: 400;
	}
	div.section > div[class*="col-"] {
		padding: 16px 6px 16px 6px !important;
	}
	div.section > div[class*="col-"] img {
		max-height: 100px !important;
	  width: auto;
	}
	div.header-menu-mobile-nav {
		width: 100%;
	}
	div.mvc-content-slider-button {
		flex-wrap: wrap;
	}
	div.mvc-content-slider-button > div {
		width: 100%;
	}
	div.mvc-counter h2 {
		font-size: 24px !important;
		line-height: 30px !important;
	}
	div.mvc-buttonbar a.button {
		font-size: 0.8em;
		margin-bottom: 16px;
	}

	div.mvc-quest > div > div:last-child > p {
		display: flex;
		flex-wrap: wrap-reverse;
		align-items: center;
		justify-content: center;

		width: 100%;
	}
	div.mvc-quest a.fleft, div.mvc-quest a.fright {
		display: block;
		clear: both;
		margin-bottom: 16px;
		width: 80%;
	}
}














































/* */