/* Variablen */
:root {
    /* -------------------- VARIABLEN - START -------------------- */
    /* Farben */
    --blau1: #008AFC; /* Original Blau */
    --blau2: #068DFC; /* Original Blau */
    --blau3: #449be2;
    --blau4: #4a9de2;
    --blau5: #60a7e2;
    --blau6: #5594c8;
    --blau7: #60a7e2;
    --blau9: #009ee2;
    --blau10: #003B82;
    --blau11: #00244F;
    --dunkelgrau: #54616A; /* Original Grau */
    --dunkelgrau2: #A9A9A9;
    --weiss: #FFFFFF;
    --schwarz: #000;
    --weiss4Lox: #FAFAFA;
    --standardgrau: #D8D8D8;
    --divuntengrau: #EBECEE;
    --weissDunkel: #EEEEEE;
    --rot: red;
    --orange: #ffd54c; /*  Ticket #546109 - Phase 2, Punkt 2 */
    /*
    Orange1: #FEA502
    Orange2: #FEC502
    Orange3: #FFD04C
    Orange4: #ffd54c
    Orange4: #ffd54c*/

    /* Schriftarten */
    --poppins: poppins-extralight, poppins, sans-serif;
    --proxima: proxima-n-w01-reg, sans-serif;
    --montserrat: montserrat, sans-serif;
    --andale_mono: andale_mono, sans-serif;
    /* -------------------- VARIABLEN - ENDE -------------------- */

    /* -------------------- SUCHMASKE - START -------------------- */
    /* Suchmaske */
    --suchmaske_hintergrundfarbe: #fff0;
    --suchmaske_farbe: var(--weiss);
    --suchmaske_farbe_rand: var(--blau6);
    --suchmaske_border_radius: 10px;
    --suchmaske_schrift: var(--poppins) !important;
    --suchmaske_schriftfarbe: var(--blau6);
    --suchmaske_schriftgroesse: 14px;
    --suchmaske_schriftweight: bold;

    /* Suchkartei (Titel und Version) */
    --suchkartei_hintergrundfarbe: var(--blau6);
    --suchkartei_schriftfarbe: var(--weiss);
    --suchkartei_farbe_rand: var(--blau6);

    /* Suchmaske Buttons */
    --suchbutton_hintergrundfarbe: var(--weiss);
    --suchbutton_schriftfarbe: var(--blau6);
    --suchbutton_farbe_rand: var(--suchmaske_farbe_rand);
    /* -------------------- SUCHMASKE - ENDE  -------------------- */

    /* -------------------- SUCHERGEBNIS - START -------------------- */
    /* Kopfzeile */
    --kopfzeile_gross_hintergrundfarbe: var(--weiss); /* --dunkelgrau */
    --kopfzeile_gross_schriftfarbe: var(--blau6);
    --kopfzeile_gross_schriftart: var(--proxima); /*proxima-n-w01-reg, sans-serif*/
    --kopfzeile_gross_schriftart2: var(--proxima); /*proxima-n-w01-reg, sans-serif*/
    --kopfzeile_gross_rand: solid white 1px;

    --kopfzeile_gross_hintergrundfarbe_inhalt_padding: 0 10px;
    --kopfzeile_gross_hintergrundfarbe_inhalt_hoehe: 38px;
    --kopfzeile_gross_hintergrundfarbe_inhalt_hoehe2: 37px;
    --kopfzeile_gross_hintergrundfarbe_inhalt_hoehe3: 36px;
    --kopfzeile_hoehe: 38px;

    --kopfzeile_rand_radius: 10px;
    --kopfzeile_label_farbe1: var(--blau6);
    --kopfzeile_label_farbe2: var(--weiss);
    --kopfzeile_label_farbe_rand: var(--kopfzeile_label_farbe1);

    --kopfzeile_gross_hintergrundfarbe_label: var(--kopfzeile_label_farbe2);
    --kopfzeile_gross_schriftfarbe_label: var(--kopfzeile_label_farbe1);
    --kopfzeile_gross_rand_label: 1px solid var(--kopfzeile_label_farbe_rand);
    --kopfzeile_gross_schriftgroesse_label: 16.5pt;
    --kopfzeile_gross_schriftart_label: '';

    --kopfzeile_gross_hintergrundfarbe_wert: var(--kopfzeile_label_farbe1);
    --kopfzeile_gross_schriftfarbe_wert: var(--kopfzeile_label_farbe2);
    --kopfzeile_gross_rand_wert: 1px solid var(--kopfzeile_label_farbe_rand);
    --kopfzeile_gross_schriftgroesse_wert: 20.5pt;
    --kopfzeile_gross_schriftart_wert: bolder;

    /* Inhalt Überschrift */
    --inhalt_ueberschrift_hintergrundfarbe: var(--weiss);
    --inhalt_ueberschrift_schriftfarbe: var(--blau9);
    --inhalt_ueberschrift_schriftgroesse: 16pt; /* Schriftgröße falsch bei Übersicht Gesamt*/
    --inhalt_ueberschrift_schriftart: var(--poppins); /*proxima-n-w01-reg, sans-serif*/
    --inhalt_border: 1px solid var(--weiss);

    /* Inhalt Label */
    --inhalt_label_hintergrundfarbe: var(--weiss);
    --inhalt_label_schriftfarbe: var(--dunkelgrau);
    --inhalt_label_schriftgroesse: 14px !important;
    --inhalt_label_schriftart: var(--proxima); /*proxima-n-w01-reg, sans-serif*/

    /* Inhalt Value */
    --inhalt_value_hintergrundfarbe : var(--weiss);
    --inhalt_value_schriftfarbe: var(--schwarz);
    --inhalt_value_schriftgroesse: 14px !important;
    --inhalt_value_schriftart: var(--proxima); /*proxima-n-w01-reg, sans-serif*/

    /* Auftragsliste Kopfzeile */
    --auftragsliste_kopfzeile_hintergrundfarbe: var(--blau6);
    --auftragsliste_kopfzeile_schriftfarbe: var(--weiss);
    --auftragsliste_kopfzeile_schriftgroesse: 10pt;

    /* Auftragsliste Inhalt */
    --auftragsliste_hintergrundfarbe_hell: var(--weiss4Lox);
    --auftragsliste_hintergrundfarbe_dunkel: var(--weissDunkel);
    --auftragsliste_schriftfarbe: var(--schwarz);
    /* -------------------- SUCHERGEBNIS - ENDE  -------------------- */

}

* {
    font-family: proxima-n-w01-reg, proxima, sans-serif;
}

/* Fonts */
@font-face {
    font-family: 'proxima-n-w01-reg';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/proxima-n-w05-reg.woff2') format('woff2');
    unicode-range: U+0000, U+0100-010F, U+0111-0130, U+0132-0151, U+0154-015F, U+0162-0177, U+0179-017C, U+017F, U+018F, U+019D, U+01A0-01A1, U+01AF-01B0, U+01E6-01E7, U+01EA-01EB, U+01FA-01FF, U+0218-021B, U+0232-0233, U+0237, U+0259, U+0272, U+02B0, U+02BB-02BC, U+02C9, U+02CB, U+02D8-02D9, U+02DB, U+02DD, U+0374-0375, U+037E, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03CE, U+03D7, U+0400-045F, U+0472-0475, U+048A-04FF, U+0510-0513, U+051C-051D, U+0524-0527, U+052E-052F, U+1E02-1E03, U+1E0A-1E0B, U+1E1E-1E1F, U+1E22-1E23, U+1E56-1E57, U+1E60-1E61, U+1E6A-1E6B, U+1E80-1E85, U+1E9E, U+1EA0-1EF9, U+2000-200A, U+2015, U+201B, U+2032-2033, U+203D-203E, U+2070, U+2074-2079, U+207D-2089, U+208D-208E, U+20A1, U+20A3-20A4, U+20A6-20AB, U+20B4, U+20B8-20BA, U+20BC-20BD, U+2113, U+2116-2117, U+2120, U+2126, U+212E, U+2153-2154, U+215B-215E, U+2190-2193, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+22B2-22B3, U+22C5, U+2318, U+25A0, U+25B2, U+25BC, U+25CA, U+25CF, U+2605, U+2610-2611, U+2666, U+2713, U+2E18, U+E004-E005, U+F43A-F43B, U+F460-F473, U+F498-F49F, U+F4C6-F4C7, U+F4CC-F4CD, U+F4D2-F4D7, U+F50A-F50B, U+F50E-F533, U+F536-F539, U+F53C-F53F, U+F637, U+F6C3, U+F6DD, U+F6DF-F6F3, U+F8FF, U+FB00-FB04;
    font-display: swap;
}

@font-face {
    font-family: 'proxima-n-w01-reg';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/proxima-n-w01-reg.woff2') format('woff2');
    unicode-range: U+000D, U+0020-007E, U+00A0-00FF, U+0110, U+0131, U+0152-0153, U+0160-0161, U+0178, U+017D-017E, U+0192, U+02C6-02C7, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+F656-F659;
    font-display: swap;
}

@font-face {
    font-family: 'din-next-w01-light';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/din-next-w10-light.woff2') format('woff2');
    unicode-range: U+0401-040C, U+040E-044F, U+0451-045C, U+045E-045F, U+0490-0491, U+2116;
    font-display: swap;
}

@font-face {
    font-family: 'din-next-w01-light';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/din-next-w02-light.woff2') format('woff2');
    unicode-range: U+000D, U+0100-010F, U+0111-0130, U+0132-0151, U+0154-015F, U+0162-0177, U+0179-017C, U+01FA-01FF, U+0218-021B, U+0237, U+02C9, U+02D8-02D9, U+02DB, U+02DD, U+0394, U+03A9, U+03C0, U+1E80-1E85, U+1EF2-1EF3, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2126, U+212E, U+2153-2154, U+215B-215E, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+F8FF, U+FB00-FB04;
    font-display: swap;
}

@font-face {
    font-family: 'din-next-w01-light';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/din-next-w01-light.woff2') format('woff2');
    unicode-range: U+0020-007E, U+00A0-00FF, U+0110, U+0131, U+0152-0153, U+0160-0161, U+0178, U+017D-017E, U+0192, U+02C6-02C7, U+02DA, U+02DC, U+03BC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122;
    font-display: swap;
}

@font-face {
    font-family: 'poppins-extralight';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/h3r77AwDsldr1E_2g4qqGPk_vArhqVIZ0nv9q090hN8.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'poppins-extralight';
    font-style: italic;
    font-weight: 700;
    src: url('fonts/Fm41upUVp7KTKUZhL0PfQVtXRa8TVwTICgirnJhmVJw.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'poppins-extralight';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/rijG6I_IOXJjsH07UEo2mw.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'poppins-extralight';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/-GlaWpWcSgdVagNuOGuFKRUOjZSKWg4xBWp_C_qQx0o.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'poppins';
    font-style: italic;
    font-weight: 700;
    src: url('fonts/pxiDyp8kv8JHgFVrJJLmy15VGdeOYktMqlap.woff2') format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}

@font-face {
    font-family: 'poppins';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/pxiGyp8kv8JHgFVrJJLufntAOvWDSHFF.woff2') format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}

@font-face {
    font-family: 'poppins';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2') format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}

@font-face {
    font-family: 'poppins';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.woff2') format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap;
}

@font-face {
    font-family: 'poppins';
    font-style: italic;
    font-weight: 700;
    src: url('fonts/pxiDyp8kv8JHgFVrJJLmy15VF9eOYktMqg.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}

@font-face {
    font-family: 'poppins';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/pxiGyp8kv8JHgFVrJJLucHtAOvWDSA.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}

@font-face {
    font-family: 'poppins';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}

@font-face {
    font-family: 'poppins';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
}

@font-face {
    font-family: 'montserrat';
    url('fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'andale_mono';
    src: url('fonts/ArialMonoMTProRegular.TTF') format('truetype');
    font-style: normal;
    font-weight: 700;
}

/* Header */
.header {
    border: none;
    border-spacing: 0;
    margin-bottom: 18px;
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
    height: 64px;
    width: 100%;
}

.header_button, .header_button_selected {
    color: #068DFC;
    vertical-align: middle;
    text-align: center;
    margin: 0;
    border: 0;
    text-decoration: none;
    border-right: 1px solid black;
    font-size: 23px;
    font-family: poppins-extralight, poppins, sans-serif;
    padding: 16px 5px;
    height: 32px;
    width: 240px;
}

.header_button_selected {
    background-color: #30353D;
    color: white;
}

.header_button:hover {
    background-color: #068DFC;
    color: white;

}

.header_button_selected:hover{
    background-color: #068DFC;
    color: white;
}

.header_logo {
    float: right;
    right: 0;
    top: 0;
    background-color: var(--weiss);
}

.header_buttons_div {
    background-color: #FAFAFA;
    display:flex;
    justify-content: space-between;
    height: 64px;
    align-items: flex-start;
    padding: 0;
    border-bottom: 5px solid #212121;
    width: 1400px;
    min-width: 753px;
    box-shadow: 0 10px 19px -8px black;
}

/* Login */
.login_body {
    margin: 0;
    /*

    background-image: url('../images/background.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 6400px;
    background-position: center;
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode: lighten;
    */
}

.login_table {
    background-color: #FAFAFA;
    margin-bottom: 20px;
    border: none;
    border-spacing: 0;
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
    box-shadow: 0 0 20px -5px black;
    position: relative;
    margin-top: 80px;
    z-index: 1;
}

.login_td, .login_td_input, .login_td_divider {
    background-color: inherit;
    padding: 0;
}

.login_td_input {
    height: 80px;
    position: relative;
}

.login_td_divider{
    height: 15px;
}

.login_td_link {
    background-color: inherit;
    padding: 0;
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
}

.login_button {
    background-color: #008AFC;
    color: #FAFAFA;
    width: 100%;
    padding: 13 0;
    font-size: 15;
    border: 0;
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
}

.login_button:hover {
    background-color: var(--blau10);
    color: #FAFAFA;
    cursor: pointer;
}

.login_head {
    font-family: futura-lt-w01-book,sans-serif;
    font-size: 25px;
    white-space: nowrap;
    color: #3F8AE0;
    padding: 0 0 15px;
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
}

.login_label {
    font-family: futura-lt-w01-book,sans-serif;
    color: #999;
    font-size: 19px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    top: 10px;
    padding: 0;
    transition: all 0.2s ease;
    white-space: nowrap;
    user-select: none;
}

.login_input {
    font-family: futura-lt-w01-book,sans-serif;
    font-size: 18px;
    padding: 10px 10px 10px 5px;
    -webkit-appearance: none;
    display: block;
    background: #FAFAFA;
    color: #636363;
    width: 100%;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #757575;
    outline: none;
}
.login_input:focus, .login_input:autofill {
    font-size: 18px;
    outline: none;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #757575;
    background: #FAFAFA;
    -webkit-box-shadow: 0 0 0 1000px #FAFAFA inset !important;
    font-size-adjust: unset;
}

#input_user_input:focus + #input_user_label, #input_user_input:autofill + #input_user_label, #input_user_input:valid + #input_user_label,
#input_pwd_input:focus + #input_pwd_label, #input_pwd_input:autofill + #input_pwd_label, #input_pwd_input:valid + #input_pwd_label {
    font-size: 14px;
    color: black;
    top: -10px;
}

.login_link {
    font-family: futura-lt-w01-book,sans-serif;
    font-weight: normal;
    color: #4CAF50;
}

/* Footer */

.footer_h1left {
    background: #54616a;
    width: 40%;
    font-weight: normal;
    text-align: left;
    color: #FFFFFF;
    font-family: proxima-n-w01-reg, sans-serif;
    font-size: 15px;
    padding: 1px 10px;

}
.footer_h1right {
    background: #54616a;
    width: 40%;
    font-weight: normal;
    text-align: right;
    color: #FFFFFF;
    padding-top: 1px;
    padding-bottom: 1px;
    font-family: proxima-n-w01-reg, sans-serif;
    font-size: 15px;
    padding-left: 10px;
    padding-right: 10;
}
.footer_center {
    font-family: proxima-n-w01-reg, sans-serif;
    background: #54616a;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: center;
    width: 20%;
}
.afooter_center {
    font-family: proxima-n-w01-reg, sans-serif;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: center;
    text-decoration: underline;
    color: white;
    font-size: 15px;

}

/* Auftragsliste */

.tabelle_header_rechts, .tabelle_header_links {
    background-color: var(--kopfzeile_gross_hintergrundfarbe);
    height: var(--kopfzeile_hoehe);
    margin:0;
    padding: 0;
    font-size: var(--kopfzeile_gross_schriftgroesse_label);
    font-family: var(--kopfzeile_gross_schriftart);
    color: var(--kopfzeile_gross_schriftfarbe);
    display: flex;
}

.tabelle_header_filler {
    background-color: var(--kopfzeile_gross_hintergrundfarbe);
    border-bottom: 1px solid var(--kopfzeile_gross_schriftfarbe);
}

.tabelle_header_links {
    border-right: var(--kopfzeile_gross_rand);
    border-left: unset;
}

.tabelle_header_label_div, .tabelle_header_label_div_alleine {
    width: fit-content;
    font-size: var(--kopfzeile_gross_schriftgroesse_label);
    font-family: var(--kopfzeile_gross_schriftart);
    background-color: var(--kopfzeile_gross_hintergrundfarbe_label);
    color: var(--kopfzeile_gross_schriftfarbe_label);
    border: var(--kopfzeile_gross_rand_label);
    border-bottom: 1px solid var(--kopfzeile_gross_hintergrundfarbe_label);
    border-bottom: none;
    padding: var(--kopfzeile_gross_hintergrundfarbe_inhalt_padding);
    height: var(--kopfzeile_gross_hintergrundfarbe_inhalt_hoehe3);
    border-top-left-radius: var(--kopfzeile_rand_radius);
    white-space: nowrap;
    display:table;
}

.tabelle_header_label_div_span {
    display:table-cell;
    vertical-align:middle;
}

.tabelle_header_label_div_span_auftrag {
    padding: 0 10px;
    background-color: var(--kopfzeile_gross_schriftfarbe_label);
    border-top-right-radius: var(--kopfzeile_rand_radius);
    color: white;
    font-weight: bold;
    font-size: var(--kopfzeile_gross_schriftgroesse_wert);
}

.tabelle_header_label_div_alleine {
    border-top-right-radius: var(--kopfzeile_rand_radius);
}

.tabelle_header_label {
    font-size: var(--kopfzeile_gross_schriftgroesse_label);
    font-family: var(--kopfzeile_gross_schriftart);
    font-weight: var(--kopfzeile_gross_schriftart_label);
    background-color: var(--kopfzeile_gross_hintergrundfarbe_label);
    color: var(--kopfzeile_gross_schriftfarbe_label);
}

.tabelle_header_wert_div {
    width: fit-content;
    font-size: var(--kopfzeile_gross_schriftgroesse_wert);
    font-family: var(--kopfzeile_gross_schriftart2);
    background-color: var(--kopfzeile_gross_hintergrundfarbe_wert);
    color: var(--kopfzeile_gross_schriftfarbe_wert);
    border: var(--kopfzeile_gross_rand_wert);
    padding: var(--kopfzeile_gross_hintergrundfarbe_inhalt_padding);
    height: var(--kopfzeile_gross_hintergrundfarbe_inhalt_hoehe3);
    border-top-right-radius: var(--kopfzeile_rand_radius);
    min-width: 40px;
    text-align: center;
    display:table;
}

.tabelle_header_wert {
    font-size: var(--kopfzeile_gross_schriftgroesse_wert);
    font-family: var(--kopfzeile_gross_schriftart2);
    font-weight: var(--kopfzeile_gross_schriftart_wert);
    background-color: var(--kopfzeile_gross_hintergrundfarbe_wert);
    color: var(--kopfzeile_gross_schriftfarbe_wert);
}

.auftragueb, .auftragueb_2  {
    background-color:var(--inhalt_ueberschrift_hintergrundfarbe);
    border-top: 1px white solid;
    text-align:left;
    padding:3 0;
    width:120px;
    height: 28px !important;
}
.auftragueb p {
    color: var(--inhalt_ueberschrift_schriftfarbe);
    font-size: var(--inhalt_ueberschrift_schriftgroesse);
    font-family: var(--inhalt_ueberschrift_schriftart);
}

.auftragueb_2 {
    text-align: right;
}

.auftragueb_2 p {
    font-size: var(--inhalt_ueberschrift_schriftgroesse);
    color: var(--inhalt_label_schriftfarbe);
    font-family: var(--montserrat) !important;
    width: fit-content;
    display: inline-block;
    margin: 0;
    padding: 0 9px;
}

.auftragueb_3 {
    font-size: var(--inhalt_ueberschrift_schriftgroesse) !important;
    color: var(--inhalt_value_schriftfarbe) !important;
    font-family: var(--montserrat) !important;
    display: inline-block;
    padding: 0 10px !important;
    width: 107px !important;
    margin: 0;
}

.tabellenzeile_icon {
    font-size:10pt;
    margin-left: 5px;
    width: 14px;
    font-weight: bold;
}

.dispoLine td p {
    color:inherit	!important;
}

.dispoLine td p a {
    color:inherit	!important;
}

.dispoLine td table {
    color:inherit	!important;
}

.dispoLine:hover {
    background-color: var(--orange) !important;
    color: black !important;
}

.activeRow {
    background-color: var(--orange) !important;
}

.auftragtab {
    table-layout:fixed;
    width:100%
}

.auftragtab td {
    height:20px;
    border-top: var(--inhalt_border);
    border-right: var(--inhalt_border);
}

.auftragtab_div {
    width: 100%;
    height: fit-content;
    display: flex;
    border-top: var(--inhalt_border);
}

.auftragslabel {
    width: 155px;
    background-color: var(--inhalt_label_hintergrundfarbe);
}

.auftragslabel p{
    color: var(--inhalt_label_schriftfarbe);
    font-size: 13px;
    font-family: var(--montserrat) !important;
}

.auftragsvalue {
    background-color: var(--inhalt_value_hintergrundfarbe);
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.auftragsvalue p {
    color: var(--inhalt_value_schriftfarbe);
    font-size: 13px;
    font-family: var(--montserrat) !important;
    font-weight: bold;
    letter-spacing: 0.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.auftragslabel_large {
    background-color: var(--inhalt_value_hintergrundfarbe);
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 0 0 10px;
}

.auftragslabel_large textarea, .auftragslabel_eingabe_tab textarea {
    margin: 0 0 5px 0;
    overflow-y: auto;
    padding: 5px 10px 5px 10px;
    white-space: break-spaces;
    border: 1px solid var(--inhalt_label_schriftfarbe);
    color: var(--inhalt_value_schriftfarbe);
    font-size: 12.5px;
    letter-spacing: 0;
    font-family: var(--andale_mono) !important;
    text-overflow: ellipsis;
    width: 100% !important;
    resize: none !important;
}

.auftrags_button_1 {
    display: inline-block;
    cursor: pointer;
    font-size: 17pt;
    line-height: 1;
    color: black;
    width: 28px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
}

.auftrags_button_2 {
    display: inline-block;
    cursor: pointer;
    line-height: 1;
    color: black;
    width: 28px;
    font-size: 20pt;
    margin: 0 0 0 24.2px;
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
}

.auftragslabel_eingabe {
    margin: 0;
    padding: 0 10px;
    white-space: nowrap;
    border: unset;
    color: var(--inhalt_value_schriftfarbe);
    background-color: var(--auftragsliste_hintergrundfarbe_dunkel);
    font-size: 13px;
    font-family: var(--montserrat) !important;
    letter-spacing: 0.3;
    text-overflow: ellipsis;
    width: 100% !important;
    resize: none !important;
    overflow-y: hidden;
    overflow-x: hidden;
}

.auftragslabel_eingabe_halb_1 {
    padding: 0 10px;
    width: calc(50% - 2px) !important;
    margin-right: 2px;
    float: left;
}

.auftragslabel_eingabe_halb_2 {
    padding: 0 10px;
    width: calc(50% - 2px) !important;
    margin-left: 2px;
    float: right;
}

.auftragslabel_eingabe_viertel_1 {
    padding: 0 10px;
    width: calc(25% - 6px) !important;
    margin-left: 2px;
    margin-right: 3px;
    float: right;
}

.auftragslabel_eingabe_viertel_2 {
    padding: 0 10px;
    width: calc(25% - 3px) !important;
    margin-left: 3px;
    float: right;
}

.auftragslabel_eingabe_select {
    padding: 0 6px;
    height: 15px;
}

.auftragslabel_eingabe_large, .auftragslabel_eingabe_tab {
    margin: 0 0 5px 0;
    overflow-y: scroll;
    padding: 5px 10px 5px 10px;
    white-space: break-spaces;
    background-color: var(--auftragsliste_hintergrundfarbe_dunkel);
    border: 1px solid var(--auftragsliste_hintergrundfarbe_dunkel);
    color: var(--inhalt_value_schriftfarbe);
    font-size: 12.5px;
    letter-spacing: 0;
    font-family: var(--andale_mono) !important;
    text-overflow: ellipsis;
    width: 100% !important;
    resize: none !important;
    display: none;
}

.auftragslabel_eingabe_huge {
    width: 127px !important;
    white-space: break-spaces;
    background-color: var(--auftragsliste_hintergrundfarbe_dunkel);
    border: 1px solid var(--auftragsliste_hintergrundfarbe_dunkel);
    font-size: var(--inhalt_ueberschrift_schriftgroesse) !important;
    color: var(--inhalt_value_schriftfarbe) !important;
    display: none;
    margin: 0;
    padding: 0 10px;
    border: unset;
    font-family: var(--montserrat) !important;
    letter-spacing: 0;
    text-overflow: ellipsis;
    resize: none !important;
    overflow-y: hidden;
    float: right;
}

.auftragslabel_sonder {
    height: 22px !important;
}

.auftragslabel_sonder p {
    font-size: 15px !important;
    font-weight: bold !important;
}

.auftragslabel_sonder > .auftragslabel_anzeige,
.auftragslabel_sonder > .auftragslabel_eingabe {
    color: var(--inhalt_ueberschrift_schriftfarbe) !important;
}

.tz__td {
    background-color: inherit;
    height:28px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin:0;
    padding: 0 10px;
    font-weight: normal;
    color: var(--auftragsliste_schriftfarbe);
    font-size: 13px;
    font-family: var(--montserrat) !important;
    letter-spacing: 0.3;
}

.tz__td_div {
    color: var(--auftragsliste_schriftfarbe);
    font-size: 13px;
    font-family: var(--montserrat) !important;
    letter-spacing: 0.3;
}

.tz__td--ls {
    padding: 0;
    cursor:pointer;
}


.tz__td--bright{
    border: 1px solid white;
}

.tz__td--dark{
    border: 1px solid white;
    border-bottom: 2px solid white;
    border-top: 2px solid white;
}

.tz__td--ls > div > span {
    text-decoration: underline;
}

.tz__td--ls > div > label {
    font-family: initial;
    font-weight: bold;
}

.tz__td--ls > div {
    display:flex;
    align-items:center;
}


.ampel_gruen {
    font-size: 9pt;
    margin: 0 5px;
    width: 11px;
    padding-bottom: 2px;
    color: green;
    text-decoration: none !important;

}

.ampel_rot {
    font-size: 9pt;
    margin: 0 5px;
    width: 11px;
    padding-bottom: 2px;
    color: red;
    text-decoration: none !important;
}

.ampel_gelb {
    font-size: 9pt;
    margin: 0 5px;
    width: 11px;
    padding-bottom: 2px;
    color: yellow;
    text-decoration: none !important;
}

.ampel_schwarz {
    font-size: 9pt;
    margin: 0 5px;
    width: 11px;
    padding-bottom: 2px;
    color: black;
    text-decoration: none !important;
}
.ampel_gelb_gruen {
    font-size: 9pt;
    margin: 0 5px;
    width: 11px;
    padding-bottom: 2px;
    color: yellow;
    text-decoration: none !important;
}


.tabellenzeile__tr--bright {
    outline: 1px solid black;
    background-color: var(--auftragsliste_hintergrundfarbe_hell);
    color: var(--auftragsliste_schriftfarbe);
}

.tabellenzeile__tr--dark {
    background-color: var(--auftragsliste_hintergrundfarbe_dunkel);
    color: var(--auftragsliste_schriftfarbe);
    height: 30px;
}


.tabellenzeile_icon {
    font-size:10pt;
    margin-left: 5px;
    width: 14px;
    font-weight: bold;
}

.liste_kopfzeile {
    border: 1px solid white;
    background-color: var(--auftragsliste_kopfzeile_hintergrundfarbe);
    color: var(--auftragsliste_kopfzeile_schriftfarbe);
    height:28px;
    position: -webkit-sticky;
    position: sticky;
    padding: 0;
    top:0;
}

.menu_active2 {
    border: 1px solid black;
    border-bottom: 1px solid #D8D8D8;
    text-decoration:none;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 5px !important;
    padding-bottom: 0 !important;
    margin-right: 5px !important;
}

.menu_inactive {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 5px !important;
    padding-bottom: 0 !important;
    margin-right: 5px !important;
}

.ueb_label_links {
    background-color: var(--inhalt_ueberschrift_hintergrundfarbe);
    width: 185px;
    height: 28px;
    border: 1px solid white;
}

.ueb_label_rechts {
    background-color: var(--inhalt_ueberschrift_hintergrundfarbe);
    border: 1px solid white;
}

.ueb_label_p {
    color: var(--inhalt_ueberschrift_schriftfarbe);
    font-size: var(--inhalt_ueberschrift_schriftgroesse);
    font-family: var(--inhalt_ueberschrift_schriftart);
}

.ueb_inhalt_bright {
    background-color: var(--auftragsliste_hintergrundfarbe_hell);
    color: var(--auftragsliste_schriftfarbe);
    border: 1px solid white;
}

.ueb_inhalt_dark {
    background-color: var(--auftragsliste_hintergrundfarbe_dunkel);
    color: var(--auftragsliste_schriftfarbe);
    border: 1px solid white;
}

/* Ladekreis */
#loadingScreen {
    width:100%;
    height:100%;
    vertical-align:center;
    z-index:200;
    position:fixed;
    display:none;
    background-color:rgba(255,255,255,0.5);
}

.loader {
    width: 120px;
    height: 120px;
    margin-left:-120px;
    margin-top:-60px;
    top:50%;
    left:50%;
    position:absolute;
    border: 16px solid #c6c6c6;
    border-top: 16px solid #004992;
    border-radius: 50%;
    animation: round 5s linear infinite;
    -webkit-animation:round 5s linear infinite;
    -moz-animation:round 5s linear infinite;
}

@keyframes round {
    0%		{ transform:rotate(0deg); }
    100%	{ transform:rotate(360deg); }
}

@-webkit-keyframes round {
    0%		{ transform:rotate(0deg); }
    100%	{ transform:rotate(360deg); }
}

@-moz-keyframes round {
    0%		{ transform:rotate(0deg); }
    100%	{ transform:rotate(360deg); }
}

/* Alert-Dialog */
#div_alert
{
    display: block;
}

#div_alert.small
{
    min-width: 300px;
}

#div_alert button {
    text-align: center;
    width: 80px;
    cursor: pointer;
}

#div_alert .head {
    text-align: left;
    padding-left: 5px;
    background-color: #0093DD;
    font-size:16px;
    color: white;
    font-weight:bold;
    margin-top: 0;
}

#div_alert .message {
    text-align: left;
    margin-bottom: 8px;
}

/* Suchmaske */
.suchmaske_haupt_table {
    font-family: poppins-extralight, poppins, sans-serif;
    padding: 2px 4px 4px 0;
    border: none;
    background-color: var(--suchmaske_hintergrundfarbe);
}

.suchmaske_kartei {
    z-index: 1;
    border: 1px solid var(--suchkartei_farbe_rand);
    border-top-left-radius: var(--suchmaske_border_radius);
    border-top-right-radius: var(--suchmaske_border_radius);
    border-bottom: none;
    text-decoration:none;
    padding: 0 !important;
    margin-right: 5px !important;
    margin-bottom: -1px;
    width: fit-content;
}

.suchmaske_kartei_a, .suchmaske_kartei_a:hover {
    padding: 3px 10px 1px;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    background-color: var(--suchkartei_hintergrundfarbe);
    color: var(--suchkartei_schriftfarbe);
    font-size: var(--suchmaske_schriftgroesse);
    font-family: var(--suchmaske_schrift);
    font-weight: var(--suchmaske_schriftweight) !important;
    overflow: auto;
    display: inline-block;
    text-decoration: none;
}

.suchmaske_table {
    height:65px;
    border-spacing: 0;
    width: fit-content;
    background-color: var(--suchmaske_farbe);
    border: 1px solid var(--suchmaske_farbe_rand);
    padding: 7px 15px 7px 0;
    border-top-right-radius: var(--suchmaske_border_radius);
    border-bottom-right-radius: var(--suchmaske_border_radius);
    border-bottom-left-radius: var(--suchmaske_border_radius);
}

.suchmaske_button {
    border-radius: 17px;
    border: 1px solid var(--suchbutton_farbe_rand);
    color: var(--suchbutton_schriftfarbe);
    background-color: var(--suchbutton_hintergrundfarbe);
    font-family: var(--suchmaske_schrift);
    cursor: pointer;
}

.suchmaske_button:hover {
    background-color: #a5c8de;
}

.suchmaske_p {
    color: var(--suchmaske_schriftfarbe);
    font-family: var(--suchmaske_schrift) !important;
    font-size: var(--suchmaske_schriftgroesse) !important;
    font-weight: var(--suchmaske_schriftweight) !important;
}

.kopfzeilenfilter_label {
    color: var(--auftragsliste_kopfzeile_schriftfarbe);
    font-size: 13px;
    font-family: var(--montserrat) !important;
    letter-spacing: 0.3;
}

.suchmaske_input {
    color: var(--suchmaske_schriftfarbe);
    font-family: proxima-n-w01-reg, proxima, sans-serif !important;
    font-size: var(--suchmaske_schriftgroesse) !important;
    font-weight: 100 !important;
    border: 1px solid var(--suchmaske_farbe_rand);
    height: 21px;
}


.select2-selection, select2-selection--single {
    border-color: var(--suchmaske_farbe_rand) !important;
    font-weight: 100 !important;
    color: var(--suchmaske_schriftfarbe) !important;
}

.select2-selection__rendered, .select2-selection__arrow b {
    font-weight: 100 !important;
    color: var(--suchmaske_schriftfarbe) !important;
}
.taboff {
    background-color : #a5c8de;
    color: #4579A3;
    border-bottom: 1px solid var(--kopfzeile_gross_schriftfarbe);
    height: var(--kopfzeile_gross_hintergrundfarbe_inhalt_hoehe3) !important;
}

/* Popup-Fenster */

.popup_div {
    padding: 0;
    display: block;
    position: relative;
    width: fit-content;
    max-width: 1030px; <!-- minimun -->
    box-sizing: border-box;
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
    margin: auto;
    min-width: 530px;
    top: 25%;
    height: fit-content;
    border-spacing: 0;
    background-color: var(--suchmaske_farbe);
    border: 1px solid var(--suchmaske_farbe_rand);
    border-top-right-radius: var(--suchmaske_border_radius);
    border-bottom-right-radius: var(--suchmaske_border_radius);
    border-bottom-left-radius: var(--suchmaske_border_radius);
    border-top-left-radius: var(--suchmaske_border_radius);
}

.popup_header {
    margin: 0;
    padding: 5px 10px;
    background-color: var(--kopfzeile_gross_hintergrundfarbe_wert);
    color: var(--kopfzeile_gross_schriftfarbe_wert);
    border-top-left-radius: var(--suchmaske_border_radius);
    border-top-right-radius: var(--suchmaske_border_radius);
    font-size: 15px;
    font-family: var(--kopfzeile_gross_schriftart);
    font-weight: bolder;
    text-align: left;
}

.popup_text {
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
    padding: 0;
    margin: 0;
    min-height: 50px;
    width: 100%;
}

.popup_button_div {
    padding: 8px 0;
}

.popup_button, .popup_button2 {
    border-radius: 17px;
    border: 1px solid var(--blau10);
    background-color: var(--blau10);
    color: var(--suchbutton_hintergrundfarbe);
    font-family: var(--suchmaske_schrift);
    cursor: pointer;
    font-weight: bold;
}

.popup_button:hover, .popup_button2:hover  {
    border: 1px solid var(--blau11);
    background-color: var(--blau11);
    color: var(--suchbutton_hintergrundfarbe);
    cursor: pointer;
}

.popup_label_td {
    height: 20px;
    width: 100px;
}

.popup_label_p, .popup_label_td, .popup_value_td {
    background-color: var(--inhalt_label_hintergrundfarbe);
}

.popup_label_p, .popup_label_td, .popup_value_td, .popup_value_td select, .popup_value_td p, .popup_value_td input, .popup_value_td option, .popup_value_td textarea {
    font-size: 13px;
    font-family: var(--montserrat) !important;
    letter-spacing: 0.3;
}

/* Statusliste */
.status_kopfzeile {
    font-size: 13px;
    font-family: var(--montserrat) !important;
    letter-spacing: 0.3;
    font-weight: normal;
    border: 1px solid white;
    margin: 0;
    padding: 6.5px 10px;
    color: var(--inhalt_label_schriftfarbe); /* Original */
    background-color: var(--inhalt_label_hintergrundfarbe); /* Original */
    background-color: var(--auftragsliste_kopfzeile_hintergrundfarbe);
    color: var(--auftragsliste_kopfzeile_schriftfarbe);
}

.status_status, .status_info, .status_andere {
    color: var(--inhalt_value_schriftfarbe);
    font-size: 13px;
    font-family: var(--montserrat) !important;
    letter-spacing: 0.3;
    white-space: unset;
    margin: 0;
    padding: 5.5px 10px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid white;
}

.status_status {
    font-weight: bold !important;
}

.status_info {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-style: italic;
    font-size: 12px;
}

.status_andere {
}

.status_bright {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background-color: var(--inhalt_value_hintergrundfarbe); /* Original */
    background-color: var(--auftragsliste_hintergrundfarbe_hell);
}

.status_dark {
    background-color: var(--auftragsliste_hintergrundfarbe_dunkel);
}