/* The login pages (Anmeldung*.csp, logoni.csp, AnsMDT.csp) in the look of www.mandant3.de (Mandant3-Homepage): white, the
   wordmark over its blue bar, the heading in the banner font in capitals, framed fields, the dark blue button. They belong to
   the app all the same: its wordmark (bilder/mandant3_klein.jpg), Arial, its blue. The pages have no doctype, and IE11 shows
   them in an old document mode: only CSS it knows there (no flex, no SVG); it shows Arial where it lacks the font. */
@font-face {
    font-family: 'Adventor Mandant3';
    src: url('adventor-mandant3.woff2') format('woff2');
}
body.anm {
    margin: 0;
    background: #FFFFFF;
    color: #1F2937;
    font-family: Arial, Helvetica, sans-serif;
}
.anm-rahmen { width: 360px; margin-top: 72px; }
.anm-balken { width: 205px; height: 5px; margin-top: 4px; background: #0797C5; font-size: 1px; line-height: 1px; }
.anm-titel {
    margin: 36px 0 2px 0;
    font-family: 'Adventor Mandant3', 'Century Gothic', Arial, sans-serif;
    font-size: 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #0797C5;
}
.anm-unter { margin-bottom: 10px; font-size: 14px; color: #4B5563; }
.anm-label { display: block; margin: 16px 0 5px 0; font-size: 13px; color: #374151; }
.anm-feld {
    width: 360px;
    height: 42px;
    padding: 0 12px;
    border: 1px solid #6B7280;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #111827;
}
.anm-feld:focus { border-color: #05739A; outline: 2px solid #05739A; }
.anm-fehler { height: 22px; margin: 12px 0 6px 0; font-size: 13px; color: #B91C1C; }
a.anm-knopf {
    display: inline-block;
    padding: 12px 26px;
    background: #05739A;
    color: #FFFFFF;
    font-size: 16px;
    text-decoration: none;
}
a.anm-knopf:hover { background: #111827; }
.anm-fuss { margin-top: 56px; padding-top: 14px; border-top: 1px solid #E5E7EB; font-size: 13px; }
.anm-fuss a { color: #4B5563; text-decoration: none; }
.anm-fuss a:hover { color: #05739A; text-decoration: underline; }
body.anm button.menuButtonMDT {
    display: block;
    width: 360px;
    margin: 0 0 8px 0;
    padding: 12px 14px;
    background: #FFFFFF;
    border: 1px solid #D1D5DB;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #111827;
    text-align: left;
    cursor: pointer;
}
body.anm button.menuButtonMDT:hover { border-color: #05739A; color: #05739A; }
body.anm button.menuButtonMDT p { margin: 0; text-align: left; }
