.titleL{
    flex: 50%;
    text-align: center;
    /* background-color: var(--BGbox1); */
    padding: 40px 0px 0px 0px;        /* Top, Right, Bottom, Left */
    margin:  0px 0px 0px 0px;
    opacity: 1;
}
/* --------------------------*/
.titleR{
    flex: 50%;
    text-align: right;
    font-size: var(--fsizeTitle);
    color:   var(--fontcolTitle);
    /* background-color: var(--BGbox1); */
    padding: 25px 0px 0px 0px;        /* Top, Right, Bottom, Left */
    margin:  0px 0px 0px 0px;
    opacity: 1;
}
.titleR h1{
    font-size: var(--fsizeTitleH1);
    text-align: right;
    padding: 0px 0px 5px 0px;
    margin: 0px;
    line-height: 1;
}
.titleR h2{
    font-size: var(--fsizeTitleH2);
    text-align: right;
    padding: 0px;
    margin: 0px;
    line-height: 1;
}
.titleR a{
    text-decoration: none;
    color: var(--fontcolLinkTitle);
}
.titleR a:visited{
    color: var(--fontcolLinkVisited);
}
/* --------------------------*/
.titleRone{
    text-align: right;
    font-size: var(--fsizeTitle);
    color:   var(--fontcolTitle);
    padding: 25px 0px 0px 0px;        /* Top, Right, Bottom, Left */
    opacity: 1;
}
.titleRone h1{
    font-size: var(--fsizeTitleH1);
    text-align: right;
    padding: 0px 0px 5px 0px;
    margin: 0px;
    line-height: 1;
}
.titleRone h2{
    font-size: var(--fsizeTitleH2);
    text-align: right;
    padding: 0px;
    margin: 0px;
    line-height: 1;
}