html, body
    {
      margin: 0;
      padding-left: 0rem;
	  padding-top: 0rem;
	  padding-bottom: 0rem;
      padding-right: 0rem;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	  min-height: 100%;
	  max-height: 100%;
	  height: 100%;
	  overflow-y: hidden;
	  overflow-x: auto;
	  /* font-size: 1rem; */
      /* color: #333333; */
	  min-width: 25rem;
	  font-weight: lighter;
	  
    }

	b {
		font-weight: bold;
	}

	#ifid_help_system_menu_div {
		min-width: 20rem; 
		max-width: 40rem; 
		margin-right: 1rem; 
		margin-top: 1rem; 
		font-size: 1rem;
		max-height: 100%; 
		height: 100%; 
		overflow-y: auto;
		width: 35rem; 
	}
	#ifid_help_system_menu_div.cl_hidden_mode {
		position: fixed;
		background: var(--var-base-background);
		margin-top: 3.1rem;
		width: 100%;
		max-width: 100%;
		left: 0px;
		height: calc(100% - 3.1rem);
	}

	#ifid_help_system_page_div {
		max-height: 100%; 
		height: calc(100% - 3.9rem);
		/* height: 100%; */
		width: 100%;
		padding-right: 1rem; 
		padding-left: 1rem; 
		overflow-y: auto;
		margin-top: 3.9rem;
		margin-left:auto;
		margin-right:auto;
		text-align: justify;
		display: flex; 
		justify-content: center;
	}
	#ifid_help_system_page_div_content {
		max-width: 71rem;
		/* margin-top:2.9rem;  */
		padding-bottom: 1rem;
	}

	.ifcl_help_question {
		color: var(--var-ifcl_help_wk_header-color, #45688E);
		font-size: 1.1rem;
		font-weight: bold;
	}

	/* .ifcl_help_answer {	} */
	.eo_titel {
		margin-bottom: 1rem;
	}

	.eo_help_item {
		padding-bottom: 1rem;
	}

	.eo_help_item .eo_titel {
		font-size: 2rem;
		text-align: center;
	}
	.cl_icon_size {
		width: 10rem;
		height: 10rem;
	}
	@media screen and (max-width:420px) {
		.eo_html_cl {
			font-size: 13px;
			/* min-width: 0rem; */
		}
		.cl_icon_size {
			margin-top: 1rem;
			width: 5rem;
			height: 5rem;
		}
	}