/* ################# HTML  ################################### */

:root
{
    --fontSizeHtml: 18px;
	--colorHtmlBackground:#ffffff;
    --colorHtmlFont:#000000;
}

/* ################# Class htmlReader (both from xcgo and own html parser  ################################### */

.htmlReader		        {font-size: var(--fontSizeHtml); padding:10px; padding-right:20px;padding-left:20px; line-height:24px;white-space:normal;word-wrap:break-word;word-break: break-word;hyphens:auto;font-weight:500;}
.htmlReader h2          {color: var(--colorHtmlFont);background-color:inherit;font-size:26px;text-align:left;padding:0px;font-weight:900;font-size:32px;line-height:38px;text-transform: none;}
.htmlReader h2::before  {content:'';}
.htmlReader p           {margin-top:30px;margin-bottom:30px;}
.htmlReader img         {margin-top:5px;margin-bottom:5px;}
.htmlReader h1 			{ text-transform: none; }
.htmlReader a           { text-decoration: underline; color:inherit;font-style: normal;}

/* ################# TT generated content  ################################### */

.htmlReader[data-touchtree] .divImage					{ text-align:center; padding-top:10px;padding-bottom:10px;margin-bottom:10px; }
.htmlReader[data-touchtree] .divImage img				{ max-width:100%; border-radius:5px; }
.htmlReader[data-touchtree] .divText					{ padding:10px; margin-bottom:10px; line-height:180%;font-weight: 300; } 
.htmlReader[data-touchtree] .divText.largeFont          { line-height:120%; }
.htmlReader[data-touchtree]                             { line-height:180%; font-weight: 300;}