:root
{
    --fontSize:22px;
    --color70: var(--colorMainFont);
    --buttonFontSize:16px;
    --subTextFontSize:14px;
}

*{ font-size:var(--fontSize); }

img.icon            {width:100px;height:100px;}
input[type=button]  {font-weight:bold;border-radius:5px;background-color:var(--colorHighlightBackground);color:var(--colorMainBackground); border:0px;font-size:var(--buttonFontSize);width:100%;}
.step               {padding:10px;padding-top:50px;text-align:center;}
input.error         {color:var(--colorError);border:1px solid var(--colorError);}

table.form          {max-width:800px;margin:auto;}
table.form td       {text-align:left;}


fieldset            { border:1px solid var(--colorMainFont); border-radius:8px;padding:0px; } 
fieldset legend     { font-size:12px;padding:0px;padding-right:10px;padding-left:10px;margin:0px;}


input[name="email"]                     {background-repeat:no-repeat; background-size:20px 20px; background-position: left 10px center; padding-left:40px;}
input[type="text"],input[type="email"]  {border:0px;}
a                                       {text-decoration: none;text-decoration: underline;color:inherit;}

#registration {padding-top:0px;} /* no image anymore */
 
/* ################################################## */
/* popup */
#divPopup             
{
    width:90%;
    display: inline-block;   
    top: calc( var(--headerHeight) + 30px );  
    left: 50%; 
    transform: translateX(-50%);
    border:0px solid var(--colorContainerFont);
    border-radius:10px;
    min-height:100px;
    position:absolute;
    background-color:var(--colorContainerBackground);
    height:calc(100vh - var(--headerHeight) - 60px) ;
    overflow:auto;
}

#divPopupCloser         {text-align:right;padding:10px;position:sticky;top:0px;left:0px;width:100%;background-color:var(--colorContainerBackground);}
#divPopupCloser img     {width:30px; height:30px;}
#divPopupContent        {padding:10px;overflow:auto;}
#divPopupContent *      {color:var(--colorContainerFont); font-size:14px; }

/* ################################################## */
/* divGdpr during registration */

#divGdpr       {max-width:500px;margin:auto;padding-top:30px;}
#divGdpr table {border:0px solid red;width:auto;margin:auto;}
#divGdpr table tr td:first-child {width:50px;}
#divGdpr table tr td:last-child {font-size:var(--subTextFontSize);text-align:left;}

#gdprCheckbox  {display:inline-block; border:1px solid var(--colorMainFont);border-radius:5px; width:22px;height:22px;position: relative; cursor:pointer;  }
#gdprCheckbox.selected
{
    background-repeat: no-repeat;  
    background-size: contain;
 }