#CSSChangeTime:before {
    content: "2022-08-07 22:35:28 ret"
}


body       {

    padding: 5em 0em 0em 0em;
    margin: 10px auto;
    min-height: 100vh;
    max-width: 60em;
    font-family: sans-serif;
    background-color: #496743;
    color: #fff;
}
#loading {
    width: 100%;
    height: 100%;
}

#Frame {
    border-radius: 30px;
    border: 1px solid white;
}

.firstRowFields {
    grid-column: 1 / 1;
}

.Grid {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, 20em);
    grid-auto-flow: dense;
}

.processInfo {
    grid-column: 1 / -1;
}

header,
nav,
main,
article,
section,
aside,
footer {
    /*
    border: none;
*/
    padding: 0.5em;
}

#HeaderImage {
}
#HeaderText {
}
#input {
    align-content: space-around;
    grid-column: 1 / 1;
    grid-row: 1 / 7;
}
#PlainText {
    min-height: 25em;
    width: 22.25em;
}
header {
    display:         flex;
    align-items:     center;
    justify-content: center;
}
article {
}
footer {
    grid-column: 1 / -1;
}

textarea, button, input, select {
    background-color: #496743;
    border-radius: 20px;
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    transition-duration: 0.4s;
    padding: 12px;
    width: 20em;
}

.smallButton {
    width: 12em;
}

.mainButton {
    background-color:#4C8041;
}
textarea:hover, button:hover, input:hover, select:hover {
  background-color:#38be3d ; /* Green */
  color: white;
}

select:disabled,button:disabled {
    opacity: 20%;
    /*
    color: #888;
*/
}

/*
textarea:focus, button:focus, input:focus, select:focus  {
    background-color: white;
    color:black;
}
*/

.flashbutton:focus {
    background-color:yellow;
}


div        { padding: 1em 2em 1em 2em;                    }
.footer    { font-family: sans-serif; font-size: x-small; }
.fade      { color:grey;                                  }
a          { color:white; text-decoration: none;          }
a:hover    { text-decoration: underline;                  }
#info      { cursor : pointer ;                           }
.zwecklos  { display: none ;                              }
.hidden    { display: none ;                              }
.infotext  {
    background-color:lightgrey; color:black;
    border-radius: 20px;
}


/* Local Variables:                                               */
/* coding:utf-8-unix                                              */
/* truncate-lines: t                                              */
/* time-stamp-start: "content[ 	]*:[ 	]+\\\\?[\"<]+"    */
/* time-stamp-end: "\\\\?[\">]"                                   */
/* indent-tabs-mode:nil                                           */
/* End:                                                           */
***/