html {
    position: relative;
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
    font-size: 11pt; /* pt wird irgendwie an der Bildschirmgröße bemessen */
}

img.kopfbild {
    width: 600px
}

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

.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: 1.1rem
}

.form td, .form th {
    padding: 1rem;
    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 */