<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.qr-wrap {

    padding: 50px 10%;

    background: white;

}

.qr-wrap, .qr-pos, .qr-auftrag, .qr-status, .qr-log, .qr-positions, .qr-row {

    float: left;

    width: 100%;

}

.qr-wrap input, .qr-wrap textarea { background-color: rgba(0,0,0,0.1); }

.qr-firma p {

    margin: 0;

    position: relative;

}

.qr-firma p.qr-bottom { margin-bottom: 20px; }

.qr-firma p &gt; span {

    position: absolute;

    left: 75px;

}

.qr-wrap a { color: rgb(0, 151, 53); }

.qr-wrap a:hover { text-decoration: underline; }

.qr-status, .qr-positions { margin-top: 30px; }

.qr-log h3 {

    margin-bottom: 20px;

    float: left;

}

.qr-log-heading { margin-bottom: 15px; }

.qr-log-info {

    margin-bottom: 10px;

    padding-bottom: 10px;

    border-bottom: 1px solid rgb(0, 151, 53);

}

.qr-small {

    font-size: 10px;

    display: block;

    margin-bottom: 5px;

}

.qr-pos h1 {

    font-size: 56px !important; 

    line-height: 56px !important; 

    padding: 10px;

    margin: 0;

    border: 2px solid black;

    border-radius: 5px;

    display: inline-block;

}

.qr-wrap .qr-button, .qr-wrap .qr-submit, .qr-login #wp-submit {

    float: left;

    color: white;

    background: rgb(0, 151, 53);

    border: 1px solid rgb(0, 151, 53);

    padding: 5px 15px;

    border-radius: 5px;

    font-weight: 400;

    font-size: 15px;

}

.qr-button:hover, .qr-submit:hover, .qr-login #wp-submit:hover {

    color: rgb(0, 151, 53);

    background: transparent;

    text-decoration: none !important;

}

.qr-col {

    display: inline-block;

    float: left;

}

.qr-col-2 { width: calc(100% / 12 * 2); }

.qr-col-3 { width: calc(100% / 12 * 3); }

.qr-col-4 { width: calc(100% / 12 * 4); }

.qr-col-5 { width: calc(100% / 12 * 5); }

.qr-col-6 { width: calc(100% / 12 * 6); }

#mitarbeiter { width: 50%; }

#einbauort {

    display: inline-block;

    padding-bottom: 0;

    background: transparent;

    box-shadow: none;

    border-bottom: 1px solid rgb(0, 151, 53);

    width: 45%;

    margin-left: 10px;

}

#for-einbauort { position: relative; }

#for-einbauort span.fa-check {

    font-family: 'uncodeicon';

    position: absolute;

    right: -30px;

    top: -4px;

    color: rgba(0, 0, 0, 0.4);

    cursor: pointer;

    display: none;

}

#for-einbauort span.fa-check.saved { color: rgb(0, 151, 53); }

#for-einbauort span.einbauort-save {

    padding: 2px 5px;

    margin-left: 10px;

    float: none;

    cursor: pointer;

}

.qr-login { margin-top: 50px; }

.qr-login #rememberme {

    border: 1px solid transparent;

    background: rgba(0,0,0,0.1);

    box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.025);

}

.qr-label {

    vertical-align: middle;

    padding-left: 5px;

}

.qr-checkbox { cursor: pointer; }

.qr-checkbox:disabled:checked { background: rgb(0, 151, 53); }

.qr-checkbox:disabled:checked:before { color: white; }

.qr-positions-info { padding: 10px; }

.qr-positions-info:nth-of-type(2n + 1){ background-color: rgba(0, 151, 53, 0.1); }

.qr-positions-sorting { display: none; }

.qr-positions-heading { 

    padding: 10px;

    background-color: rgb(0, 151, 53);

    color: white;

}

.qr-positions-heading .single-heading strong { padding-right: 5px; }

.qr-positions-heading .single-heading .icon-font { 
    
    font-family: 'uncodeicon'; 

    position: relative; 

    padding: 0 5px;

    color: white;

}

.qr-positions-heading .single-heading .fa-sort-asc { top: 5px; }

.qr-positions-heading .single-heading .fa-sort-desc { top: -2px; }

.qr-desktop-hidden { display: none; }



@media (max-width: 959px){

    .qr-log-heading { display: none; }

    .qr-col-6 { margin-top: 5px; }

    .qr-col-3, .qr-col-4 { font-weight: 300; }

    .qr-col-6, .qr-col-5, .qr-col-2, .qr-col-3, .qr-col-4  { width: 100%; }   

    #mitarbeiter { width: 100%; }

    form input[type="submit"] {

        width: auto !important;

        margin-top: 15px !important;

    } 

    .qr-desktop-hidden { display: inline-block; width: 70px; }
    
    .qr-positions-heading { display: none; }

    .qr-positions-sorting { display: block; }

    .qr-positions-sorting #sort-heading {

        cursor: pointer;

        text-decoration: underline;

        padding-bottom: 10px;

        font-size: 18px;

        float: left;

        width: 100%;

    }

    .qr-positions-sorting #sort-body { 

        display: none;

        float: left;

        margin: 0;

        padding-bottom: 10px;

        list-style: inside;
    
    }

    .qr-positions-sorting #sort-body li a {

        color: black;

        font-weight: 300;

    }
    
    .qr-positions-sorting #sort-body li a:hover {

        color:black;

        font-weight: 400;

    }

}

@media (max-width: 700px){

    #einbauort {

        display: block;

        margin: 0;

        margin-bottom: 10px;

        width: 100%;
        
    }

    #for-einbauort span.einbauort-save { margin: 0; }

    #for-einbauort { top: 10px; }

    #for-einbauort span.fa-check {

        top: auto;

        bottom: -5px;
    }

}</pre></body></html>