html {
    position: relative;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    font-size: 10pt;
}
/* funktioniert nicht
@media screen and (min-width: 1200) {
    font-size: 14pt;
}
@media screen and (orientation:landscape) {
    font-size: 12pt;
}
*/

img.kopfbild {
    width: 600px
}

@media (max-width: 600px) {
    img.kopfbild {
        width: 100%
    }
}

@media (min-width: 800px) {
    .hide {
        position: absolute;
        visibility: hidden;
        border: solid 1px #742C28;
        padding: 0.5rem;
        background-color: #F0F0F0;
        border-radius: 0.2rem;
        width: 60vw;
        height: 60vh;
        opacity: 0.9;
        left: 0px;
        bottom: 0px;
        transition: left 2s;
        z-index: 1000; /* ganz obenauf */
    }

    .msover {
        position: relative;
    }
        .msover:hover .hide {
            left: 4rem;
            top: 1.5rem;
            visibility: visible;
        }
}

@media (max-width: 799px) {
    .hide {
        height: 0vh;
        width: 0vw;
        visibility: hidden;
    }
    .msover:hover .hide {
        visibility: hidden;
    }
}

table, th, td {
    border: 1px solid #dedede;
    border-collapse: collapse;
    padding-bottom: 0.1rem;
    padding-top: 0.1rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

canvas {
    border: none;
    background-color: #ffffff;
    width: 100%;
    border: 1px solid #A5972D;
    padding: 0px
}

body {
    margin-bottom: 60px;
}

div {
    padding: 1px
}

    div.ZellFarbeA {
        background-color: white;
    }

    div.ZellFarbeB {
        background-color: #F7E9A7;
    }

    div.ZellFarbeC {
        background-color: #EFCBA1;
    }

    div.ZellFarbeD {
        background-color: #efefef;
    }

    div.ZellFarbeE {
        background-color: #A5972D;
    }

    div.ZellFarbeF {
        background-color: #B8B63A;
    }

fieldset.rahmen {
    border: none;
    background-color: #FFFFFF;
    padding: 0px;
    width: max-content
}

legend {
    font-size: 1.2rem;
}

table.form {
    font-size: 0.8rem
}

.form td, .form th {
    padding: 0.4rem;
    vertical-align: top;
}

.form, .form td, .form tr, .form th {
    border-collapse: collapse;
    background-color: white;
}

td.ZellFarbeA {
    background-color: white;
    border-bottom: 1px solid grey;
}

td.ZellFarbeB {
    background-color: #F7E9A7;
}

td.ZellFarbeC {
    background-color: #EFCBA1;
}

td.ZellFarbeD {
    background-color: #efefef;
}

td.ZellFarbeE {
    background-color: #A5972D;
}

td.ZellFarbeF {
    background-color: #B8B63A;
}

font.FontFarbeA {
    color: black;
}

font.FontFarbeB {
    color: #AC7122;
}

font.FontFarbeC {
    color: #742C28;
}

font.FontFarbeE {
    color: #742C28;
}


/* #AC712 #742C28 #F7E9A7 #EFCBA1 #E2B884 #B8B63A #A5972D */