/* CSS Document 
 v2021-02-08
*/
FORM .container {
    background-color: #faf8f2;
    border:1px solid #e0e0e0;
    padding: 1px;
    max-width:680px;
    margin:auto;
    /*font-size:95%;*/
}
FORM .container LABEL{padding-top:5px;line-height:1.3;display: inline-block;}
FORM .row{margin-bottom:3px;}
/* Clear floats after the columns */
FORM .row:after {
    content: "";
    display: table;
    clear: both;
}
FORM .col-25,
FORM .col-40,
FORM .col-60,
FORM .col-75{
    float: left;
    margin-top: 6px;
    box-sizing: border-box;
    padding-right:10px;
    padding-left:10px;
}

FORM .col-25 { width: 25%; text-align:right;}
FORM .col-40 { width: 40%; text-align:right;}
FORM .col-60 { width: 60%;}
FORM .col-75 { width: 75%;}

@media (max-width: 600px) {
    FORM .col-25,FORM  .col-40,FORM .col-60, FORM .col-75 { width: 100%; margin-top: 0; }
    FORM .col-25,FORM .col-40 {text-align:left;margin-top:10px;}
}

input:invalid {}

.inputsubmit:invalid {
  box-shadow: 0 0 5px 1px red;
}


DIV.err{ border:1px solid #ff2222;  background-color:#ff9999;
         padding:3px;
									padding-left:10px; padding-right:10px;
         display:block;
         text-align:left;
         margin-top:0px;
         margin-bottom:3px;
         line-height:1.1;
       }

FORM .br{ clear:left;}
FORM .titel{background-color: #777; background-color:var(--TitelBG);  color:#fff; color:var(--TitelColor);padding:5px; padding-left:15px;padding-right:15px;}
FORM INPUT {margin-bottom:3px;}