/* normal.css */



body {
    font-family: sans-serif;
    margin: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    background: #2a3d60;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='30px' width='90px' fill-opacity='0.03'><text x='0' y='20' fill='white' font-size='22'>101010</text></svg>");

}

div.top {
    color: black;
    display: flex;
    flex-grow: 0;
    background: #d2e885;
    font-size: large;
    padding: 10px;
}

a.top
{
    color: black;
}

div.fuss {
    display: flex;
    bottom: 0;
    font-size: medium;
    padding: 5px 10px;
    background: #d2e885;
    color: black;
}

#panMiddle {
    flex: 1;
    /*background: #00aa66;*/

    display: flex;
    justify-content: center;  /* horizontal */
    align-items: center;      /* vertikal */

    flex-direction: column;
    /*background: #d2e885;*/

}

#panPrograms {
    position: relative;
    color: black;
    width: 40vw;
    min-width: 280px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0px;
    padding: 0px;
    background: #d2e885;
    border: 2px solid #555;   /* Rahmen */
    border-radius: 12px;      /* abgerundete Ecken */
}

#panPrograms label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 80%;
}
#panPrograms input {
    width: 100%;
    /*margin-top: 4px;*/
    box-sizing: border-box;
}