/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Rahmen holzzuschnitt.de - Positionen aus RahmenForm */

.seite[b-ui2yyy6f2m] {
    position: relative;
    width: 1240px;
    height: 1000px;
    margin: 0 auto;
    border: 1px solid black;
    background-color: ghostwhite;
}

.seite > *[b-ui2yyy6f2m] { position: absolute; box-sizing: border-box; }

/* Kopf */
.picKopf[b-ui2yyy6f2m] { left: 2px; top: 2px; width: 925px; height: 90px; border: 1px solid black; }

.status[b-ui2yyy6f2m] {
    display: flex; align-items: center; justify-content: center; text-align: center;
    border: 1px solid black; background: white; color: black;
    font-family: "Times New Roman", serif; font-size: 17px; line-height: 1.1;
    text-decoration: none;
}
.lblAuftragTitel[b-ui2yyy6f2m] { left: 933px;  top: 2px;  width: 101px; height: 44px; }
.lblKundeTitel[b-ui2yyy6f2m]   { left: 1036px; top: 2px;  width: 101px; height: 44px; }
.lblInternTitel[b-ui2yyy6f2m]  { left: 1139px; top: 2px;  width: 99px;  height: 44px; }
.lblAuftrag[b-ui2yyy6f2m]      { left: 933px;  top: 48px; width: 101px; height: 44px; }
.lblKunde[b-ui2yyy6f2m]        { left: 1036px; top: 48px; width: 101px; height: 44px; }
.lnkIntern[b-ui2yyy6f2m]       { left: 1139px; top: 48px; width: 99px;  height: 44px; }

/* Menue */
.mnu[b-ui2yyy6f2m] {
    top: 96px; height: 28px;
    display: flex; align-items: center; justify-content: center;
    background: white; color: black; border: 2px solid black;
    font-family: Arial, sans-serif; font-size: 16px; font-weight: bold;
    text-decoration: none; white-space: nowrap;
}
.mnu:hover[b-ui2yyy6f2m] { background: #284E98; color: white; }
.mnu[data-gesperrt][b-ui2yyy6f2m] { color: gray; background: lightgrey; font-weight: normal; pointer-events: none; }

.mnuDekorAuswahl[b-ui2yyy6f2m]        { left: 4px;    width: 146px; }
.mnuZuschnittEingabe[b-ui2yyy6f2m]    { left: 154px;  width: 170px; }
.mnuAdressEingabe[b-ui2yyy6f2m]       { left: 328px;  width: 150px; }
.mnuAngebotsAnforderung[b-ui2yyy6f2m] { left: 482px;  width: 210px; }
.mnuFaxBestellFormular[b-ui2yyy6f2m]  { left: 696px;  width: 200px; }
.mnuAgb[b-ui2yyy6f2m]                 { left: 900px;  width: 70px; }
.mnuImpressum[b-ui2yyy6f2m]           { left: 974px;  width: 106px; }
.mnuDatenschutz[b-ui2yyy6f2m]         { left: 1084px; width: 116px; }
.mnuVerwaltung[b-ui2yyy6f2m]          { left: 1204px; width: 32px; }

/* Inhalt und Fuss */
.pnlInhalt[b-ui2yyy6f2m] { left: 0; top: 136px; width: 1238px; height: 820px; background: white; overflow-y: auto; }
.pnlFuss[b-ui2yyy6f2m]   { left: 0; top: 960px; width: 1238px; height: 30px;  background: white; overflow: hidden; }

/* Fehleranzeige von Blazor (aus der Vorlage uebernommen) */
#blazor-error-ui[b-ui2yyy6f2m] {
    background: lightyellow; bottom: 0; box-shadow: 0 -1px 2px rgba(0,0,0,.2);
    display: none; left: 0; padding: .6rem 1.25rem .7rem 1.25rem;
    position: fixed; width: 100%; z-index: 1000;
}
#blazor-error-ui .dismiss[b-ui2yyy6f2m] { cursor: pointer; position: absolute; right: .75rem; top: .5rem; }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-dn3e4ox8k8] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-dn3e4ox8k8] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-dn3e4ox8k8] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-dn3e4ox8k8] {
    font-size: 1.1rem;
}

.bi[b-dn3e4ox8k8] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-dn3e4ox8k8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-dn3e4ox8k8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-dn3e4ox8k8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-dn3e4ox8k8] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-dn3e4ox8k8] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-dn3e4ox8k8] {
        padding-bottom: 1rem;
    }

    .nav-item[b-dn3e4ox8k8]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-dn3e4ox8k8]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-dn3e4ox8k8]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-dn3e4ox8k8] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-dn3e4ox8k8] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-dn3e4ox8k8] {
        display: none;
    }

    .nav-scrollable[b-dn3e4ox8k8] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-by6e7nwh7x],
.components-reconnect-repeated-attempt-visible[b-by6e7nwh7x],
.components-reconnect-failed-visible[b-by6e7nwh7x],
.components-pause-visible[b-by6e7nwh7x],
.components-resume-failed-visible[b-by6e7nwh7x],
.components-rejoining-animation[b-by6e7nwh7x] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-by6e7nwh7x],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-by6e7nwh7x],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-by6e7nwh7x],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-by6e7nwh7x],
#components-reconnect-modal.components-reconnect-retrying[b-by6e7nwh7x],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-by6e7nwh7x],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-by6e7nwh7x],
#components-reconnect-modal.components-reconnect-failed[b-by6e7nwh7x],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-by6e7nwh7x] {
    display: block;
}


#components-reconnect-modal[b-by6e7nwh7x] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-by6e7nwh7x 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-by6e7nwh7x 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-by6e7nwh7x 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-by6e7nwh7x]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-by6e7nwh7x 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-by6e7nwh7x {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-by6e7nwh7x {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-by6e7nwh7x {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-by6e7nwh7x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-by6e7nwh7x] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-by6e7nwh7x] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-by6e7nwh7x] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-by6e7nwh7x] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-by6e7nwh7x] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-by6e7nwh7x] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-by6e7nwh7x 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-by6e7nwh7x] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-by6e7nwh7x {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Angebot.razor.rz.scp.css */
/* Angebots-Anforderung - Positionen nach Bildschirmfoto der alten Seite */

.angebot[b-whcvk5dw9u] { position: relative; width: 1238px; height: 820px; font-family: "Times New Roman", serif; }
.angebot > *[b-whcvk5dw9u] { position: absolute; box-sizing: border-box; margin: 0; }
[hidden][b-whcvk5dw9u] { display: none !important; }

.links[b-whcvk5dw9u] { left: 6px; top: 10px; width: 802px; height: 770px; border: 1px solid #888; background: lightblue; padding: 6px; }
.links iframe[b-whcvk5dw9u] { width: 100%; height: 100%; border: 1px solid #888; background: white; }
.keine[b-whcvk5dw9u] { text-align: center; font-size: 20px; margin-top: 120px; }

.rechts[b-whcvk5dw9u] {
    left: 828px; top: 10px; width: 404px; height: 770px;
    border: 1px solid #888; background: ghostwhite; padding: 18px 8px 8px 8px; text-align: center;
}
.btnPdf[b-whcvk5dw9u] {
    display: flex; align-items: center; justify-content: center;
    width: 376px; height: 76px; margin: 0 auto;
    background: green; color: black; border: 2px solid #aaa; text-decoration: none;
    font-family: Arial, sans-serif; font-size: 20px; font-weight: bold;
}
.btnSenden[b-whcvk5dw9u] {
    display: block; width: 376px; height: 110px; margin: 22px auto 0 auto;
    background: red; color: white; border: 2px solid #aaa; cursor: pointer;
    font-family: Arial, sans-serif; font-size: 25px; font-weight: bold;
}
.btnSenden:disabled[b-whcvk5dw9u] { opacity: .6; cursor: default; }
.meldung[b-whcvk5dw9u] { min-height: 24px; margin: 8px 4px; color: red; font-size: 16px; }
.text[b-whcvk5dw9u] { font-size: 17px; }
.text p[b-whcvk5dw9u] { margin: 0 0 18px 0; }

.btnTest[b-whcvk5dw9u] {
    left: 834px; top: 784px; width: 392px; height: 32px;
    background: red; color: white; border: 2px solid #aaa;
    font-family: Arial, sans-serif; font-size: 15px; font-weight: bold;
}
/* /Components/Pages/Gesendet.razor.rz.scp.css */
.gesendet[b-mgrahf9rkm] {
    width: 760px; margin: 80px auto; padding: 30px;
    border: 4px solid black; background: white; text-align: center;
    font-family: "Times New Roman", serif; font-size: 20px;
}
.gesendet h2[b-mgrahf9rkm] { color: green; font-size: 30px; margin-top: 0; }
/* /Components/Pages/Home.razor.rz.scp.css */
/* Startseite - Positionen nach Default.aspx / Bildschirmfoto */

.startseite[b-mn8or4s7o1] { position: relative; width: 1238px; height: 820px; }
.startseite > *[b-mn8or4s7o1] { position: absolute; box-sizing: border-box; margin: 0; }

.hinweis[b-mn8or4s7o1] {
    left: 5px; top: 10px; width: 1225px; height: 32px;
    border: 1px solid black; background: white; color: red;
    font-family: "Times New Roman", serif; font-size: 24px; line-height: 30px;
    text-align: center;
}

/* Vier Plattengruppen */
.gruppen[b-mn8or4s7o1] {
    left: 3px; top: 50px; width: 1222px; height: 500px;
    border: 1px solid black; background: lightgrey;
    display: flex;
}
.spalte[b-mn8or4s7o1] {
    width: 25%; height: 100%;
    border: 1px solid black;
    display: flex; flex-direction: column;
    box-sizing: border-box;
}
.kopf[b-mn8or4s7o1] {
    height: 28px; flex: none;
    border: none; background: transparent; color: black;
    font-family: Arial, sans-serif; font-size: 20px; font-weight: bold;
    cursor: pointer;
}
.spalte[b-mn8or4s7o1]  .liste { flex: 1; margin-left: 6px; }

/* Untere drei Kaesten */
.kasten[b-mn8or4s7o1] { top: 572px; height: 232px; border: 2px solid black; background: white; }

.info[b-mn8or4s7o1] { left: 20px; width: 432px; padding: 4px; }
.infoTitel[b-mn8or4s7o1] {
    margin: 0 0 4px 0; color: red; text-align: center;
    font-family: Arial, sans-serif; font-size: 15px; font-weight: bold;
}
.infoText[b-mn8or4s7o1] {
    position: absolute; left: 8px; top: 30px; width: 245px; height: 190px;
    border: 3px dotted black; background: snow; padding: 3px;
    font-family: "Courier New", monospace; font-size: 15px; font-weight: bold;
    white-space: pre-wrap; overflow-y: auto; box-sizing: border-box;
}
.infoKnoepfe[b-mn8or4s7o1] {
    position: absolute; left: 270px; top: 30px; width: 150px;
    display: flex; flex-direction: column; gap: 3px;
    border-left: 4px solid black; padding-left: 8px; box-sizing: border-box;
}
.infoKnoepfe button[b-mn8or4s7o1] { height: 21px; font-size: 12px; text-align: left; padding: 0 4px; }

.hersteller[b-mn8or4s7o1] { left: 470px; width: 300px; }
.herstellerTitel[b-mn8or4s7o1] {
    margin: 5px; text-align: center;
    font-family: Arial, sans-serif; font-size: 15px; font-weight: bold;
}
.herstellerInnen[b-mn8or4s7o1] {
    margin: 0 8px; padding: 6px 4px; border: 2px solid black; background: aliceblue;
    font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; text-align: center;
}
.swiss[b-mn8or4s7o1] { display: block; background: blue; padding: 6px; margin: 4px 0; }
.swiss img[b-mn8or4s7o1] { width: 90%; height: 45px; }

.zeiten[b-mn8or4s7o1] {
    left: 790px; width: 432px;
    display: flex; flex-direction: column; justify-content: center;
    font-family: "Times New Roman", serif; font-size: 24px; font-weight: bold;
    color: red; text-align: center;
}
.zeiten div[b-mn8or4s7o1] { min-height: 30px; }
.zeiten .schwarz[b-mn8or4s7o1] { color: black; }

.fuss[b-mn8or4s7o1] { font-family: "Times New Roman", serif; font-size: 16px; padding-left: 10px; line-height: 30px; }
/* /Components/Pages/Kundendaten.razor.rz.scp.css */
/* Adress-Eingabe - Positionen nach Bildschirmfoto der alten Seite */

.kundendaten[b-zs2gg1f1ju] { position: relative; width: 1238px; height: 820px; font-family: "Times New Roman", serif; }
.kundendaten > *[b-zs2gg1f1ju] { position: absolute; box-sizing: border-box; margin: 0; }
.rot[b-zs2gg1f1ju] { color: red; }
.fett[b-zs2gg1f1ju] { font-weight: bold; }
[hidden][b-zs2gg1f1ju] { display: none !important; }

/* ---- Linke Spalte ---- */
.links[b-zs2gg1f1ju] { left: 6px; top: 8px; width: 402px; height: 778px; border: 4px solid black; background: ghostwhite; }
.links .oben[b-zs2gg1f1ju] { height: 560px; border-bottom: 4px solid lightblue; overflow-y: auto; padding: 2px 4px; font-size: 18px; }
.links .unten[b-zs2gg1f1ju] { height: 206px; text-align: center; font-size: 18px; padding-top: 6px; }
.startseite[b-zs2gg1f1ju] { display: block; text-align: center; color: darkred; font-family: Arial, sans-serif; font-size: 16px; text-decoration: none; }
.startseite:hover[b-zs2gg1f1ju] { text-decoration: underline; }
.unterstrichen[b-zs2gg1f1ju] { text-decoration: underline; }

.wuensche[b-zs2gg1f1ju] { margin: 14px 0 6px 18px; font-size: 15px; }
.wuensche .wtitel[b-zs2gg1f1ju] { font-weight: bold; text-align: center; margin-bottom: 4px; }
.wuensche label[b-zs2gg1f1ju] { display: block; font-weight: bold; }
.komm[b-zs2gg1f1ju] { width: 250px; }
.termin[b-zs2gg1f1ju] { margin-left: 22px; font-weight: bold; }
.termin .klein[b-zs2gg1f1ju] { font-size: 12px; font-weight: normal; color: darkred; }

.miniX[b-zs2gg1f1ju] { margin: 12px 0 4px 0; width: 18px; height: 18px; padding: 0; font-size: 12px; line-height: 14px; }
.anmeldung[b-zs2gg1f1ju] { border: 1px solid #aaa; background: white; padding: 6px; margin-bottom: 8px; font-size: 14px; width: 260px; }
.anmeldung input[b-zs2gg1f1ju] { width: 120px; margin: 2px 0 2px 6px; }
.anmeldung div[b-zs2gg1f1ju] { display: flex; justify-content: space-between; align-items: center; }

.links p[b-zs2gg1f1ju] { margin: 18px 0 0 0; }

/* ---- Kopf rechts ---- */
.kopf[b-zs2gg1f1ju] {
    left: 425px; top: 2px; width: 808px; height: 122px;
    border: 1px solid #888; background: white; text-align: center; font-size: 18px; padding-top: 4px;
}
.kopf .gross[b-zs2gg1f1ju] { font-size: 19px; }
.kopf .agb[b-zs2gg1f1ju] { display: block; background: #ccff66; text-align: left; margin: 2px 8px 0 0; }
.kopf .abholung[b-zs2gg1f1ju] {
    margin: 4px 36px 0 0; border: 1px solid green; padding: 2px;
    color: #ff6600; font-family: Arial, sans-serif; font-weight: bold; font-size: 16px;
}

/* ---- Adressangaben ---- */
.adresse[b-zs2gg1f1ju] { left: 425px; top: 124px; width: 808px; height: 154px; border: 1px solid #888; background: white; font-size: 15px; }
.adresse > *[b-zs2gg1f1ju] { position: absolute; box-sizing: border-box; }
.atitel[b-zs2gg1f1ju] { left: 0; top: 4px; width: 430px; text-align: center; font-weight: bold; }
.l[b-zs2gg1f1ju] { left: 2px; }
.f[b-zs2gg1f1ju] { height: 22px; font-size: 13px; border: 1px solid #0C5005; padding: 2px 3px; }
.z1[b-zs2gg1f1ju] { top: 22px; } .z2[b-zs2gg1f1ju] { top: 48px; } .z3[b-zs2gg1f1ju] { top: 74px; } .z4[b-zs2gg1f1ju] { top: 100px; } .z5[b-zs2gg1f1ju] { top: 126px; }
span.l[b-zs2gg1f1ju] { line-height: 22px; }
.name1[b-zs2gg1f1ju]   { left: 146px; width: 292px; }
.vorname[b-zs2gg1f1ju] { left: 146px; width: 206px; }
.kdnr[b-zs2gg1f1ju]    { left: 356px; width: 86px; background: #f4f4f4; }
.strasse[b-zs2gg1f1ju] { left: 146px; width: 136px; }
.plz[b-zs2gg1f1ju]     { left: 292px; width: 46px; }
.ort[b-zs2gg1f1ju]     { left: 344px; width: 136px; }
.tel[b-zs2gg1f1ju]     { left: 146px; width: 142px; }
.faxl[b-zs2gg1f1ju]    { left: 294px; }
.fax[b-zs2gg1f1ju]     { left: 326px; width: 142px; }
.maill[b-zs2gg1f1ju]   { left: 2px; }
.mail[b-zs2gg1f1ju]    { left: 46px; width: 306px; }
.anml[b-zs2gg1f1ju]    { left: 402px; }
.anm[b-zs2gg1f1ju]     { left: 488px; width: 310px; }

/* ---- Knoepfe und Meldung ---- */
.btnZurueck[b-zs2gg1f1ju], .btnWeiter[b-zs2gg1f1ju] {
    top: 292px; height: 24px; color: white; font-family: Arial, sans-serif; font-size: 17px; font-weight: bold;
    border: 2px solid #888;
}
.btnZurueck[b-zs2gg1f1ju] { left: 427px; width: 362px; background: red; }
.btnWeiter[b-zs2gg1f1ju]  { left: 794px; width: 433px; background: green; }
.meldung[b-zs2gg1f1ju] {
    left: 544px; top: 328px; width: 568px; min-height: 22px;
    background: white; color: red; text-align: center; font-size: 16px; padding: 1px 4px;
}

/* ---- Auftragsdaten ---- */
.auftrag[b-zs2gg1f1ju] {
    left: 423px; top: 412px; width: 808px; height: 76px;
    border: 1px solid #888; background: lightgreen;
    display: grid; grid-template-columns: 210px 150px 190px 1fr; grid-auto-rows: 22px;
    align-content: center; column-gap: 6px; padding: 0 12px;
    font-family: Arial, sans-serif; font-size: 13px;
}
.auftrag .w[b-zs2gg1f1ju] { font-weight: bold; }
.auftrag .brutto[b-zs2gg1f1ju] { color: red; }

/* ---- Teileliste ---- */
.liste[b-zs2gg1f1ju] { left: 423px; top: 496px; width: 808px; height: 280px; border: 1px solid #888; background: white; overflow-y: auto; }
/* /Components/Pages/Zuschnitt.razor.rz.scp.css */
/* Zuschnitt-Eingabe - Positionen nach Bildschirmfoto der alten Seite */

.zuschnitt[b-3mv2dqo7lb] { position: relative; width: 1238px; height: 820px; font-family: "Times New Roman", serif; }
.zuschnitt > *[b-3mv2dqo7lb] { position: absolute; box-sizing: border-box; margin: 0; }
.rot[b-3mv2dqo7lb] { color: red; }
.fett[b-3mv2dqo7lb] { font-weight: bold; }

/* ---- Linke Spalte ---- */
.links[b-3mv2dqo7lb] {
    left: 2px; top: 2px; width: 282px; height: 790px;
    border: 3px solid black; background: white; overflow-y: auto; overflow-x: hidden;
    text-align: center; font-size: 17px;
}
.links p[b-3mv2dqo7lb] { margin: 4px 2px; }
.links .bild[b-3mv2dqo7lb] { position: relative; }
.links .bild > img[b-3mv2dqo7lb] { width: 270px; height: 150px; display: block; margin: 0 auto; }
.links .gross[b-3mv2dqo7lb] {
    display: none; position: fixed; z-index: 100; pointer-events: none;
    top: 150px; left: max(300px, calc(50% - 320px));
    border: 1px solid #aaa; background: white; padding: 8px;
}
.links .gross img[b-3mv2dqo7lb] { width: 400px; height: 550px; display: block; }
.links .bild:hover .gross[b-3mv2dqo7lb] { display: block; }

/* ---- Kantenbild ---- */
.kantenrahmen[b-3mv2dqo7lb] { left: 290px; top: 2px; width: 462px; height: 248px; border: 4px solid black; background: white; }
.kantenfeld[b-3mv2dqo7lb] { position: relative; width: 100%; height: 100%; background: lightgoldenrodyellow; }
.kantenfeld > *[b-3mv2dqo7lb] { position: absolute; box-sizing: border-box; }

.rbHinten[b-3mv2dqo7lb] { left: 20px; top: 12px;  width: 412px; height: 22px; border: 1px solid #ccc; }
.rbVorne[b-3mv2dqo7lb]  { left: 20px; top: 192px; width: 412px; height: 22px; border: 1px solid #ccc; }
.rbLinks[b-3mv2dqo7lb]  { left: 20px; top: 64px;  width: 90px;  height: 100px; border: 1px solid #ccc; }
.rbRechts[b-3mv2dqo7lb] { left: 334px; top: 64px; width: 98px;  height: 100px; border: 1px solid #ccc; }

.k1[b-3mv2dqo7lb], .k2[b-3mv2dqo7lb], .k3[b-3mv2dqo7lb], .k4[b-3mv2dqo7lb] {
    height: 20px; border: 1px solid red; background: white;
    font-size: 15px; text-align: center; line-height: 18px;
}
.k1[b-3mv2dqo7lb] { left: 20px;  top: 38px;  width: 122px; }
.k2[b-3mv2dqo7lb] { left: 310px; top: 38px;  width: 122px; }
.k3[b-3mv2dqo7lb] { left: 20px;  top: 168px; width: 122px; }
.k4[b-3mv2dqo7lb] { left: 310px; top: 168px; width: 122px; }

.streifenWaag[b-3mv2dqo7lb], .streifenSenk[b-3mv2dqo7lb] {
    display: flex; align-items: center; justify-content: center;
    background: white; border: 1px solid #ccc; font-size: 15px;
}
.streifenWaag > span[b-3mv2dqo7lb], .streifenSenk > span[b-3mv2dqo7lb] { position: absolute; }
.sHinten[b-3mv2dqo7lb] { left: 146px; top: 38px;  width: 160px; height: 22px; }
.sVorne[b-3mv2dqo7lb]  { left: 146px; top: 168px; width: 160px; height: 22px; }
.sLinks[b-3mv2dqo7lb]  { left: 114px; top: 64px;  width: 28px;  height: 100px; }
.sRechts[b-3mv2dqo7lb] { left: 302px; top: 64px;  width: 28px;  height: 100px; }

.platte[b-3mv2dqo7lb] {
    left: 146px; top: 64px; width: 152px; height: 100px;
    background: whitesmoke; display: flex; align-items: center; justify-content: center;
}
.platte img[b-3mv2dqo7lb] { width: 132px; height: 88px; border: 1px solid blue; font-size: 12px; }

/* ---- 4 Kanten setzen ---- */
.alleKanten[b-3mv2dqo7lb] { left: 760px; top: 20px; width: 125px; height: 210px; text-align: center; font-family: Arial, sans-serif; }
.alleTitel[b-3mv2dqo7lb] { font-size: 12px; margin-bottom: 16px; }
.alleKanten button[b-3mv2dqo7lb] { display: block; width: 110px; height: 20px; margin: 0 auto 6px auto; font-size: 13px; }
.ansEnde[b-3mv2dqo7lb] {
    display: block; width: 110px; margin: 22px auto 0 auto; padding: 4px;
    border: 1px solid #aaa; border-radius: 4px; background: #eee;
    color: black; text-decoration: none; font-size: 13px;
}

/* ---- Infokasten ---- */
.infokasten[b-3mv2dqo7lb] {
    left: 896px; top: 2px; width: 340px; height: 248px;
    border: 4px solid black; background: white; padding: 4px;
    font-family: Arial, sans-serif; font-size: 12px;
}
.zeile[b-3mv2dqo7lb] { border: 1px solid black; }
.kdinfo[b-3mv2dqo7lb] { background: lightgrey; padding: 2px; display: flex; align-items: center; }
.kdinfo input[b-3mv2dqo7lb] { flex: 1; font-size: 12px; height: 18px; }
.zwei[b-3mv2dqo7lb] { display: grid; grid-template-columns: 1fr 1fr; }
.zwei > div[b-3mv2dqo7lb] { padding: 4px 2px; text-align: center; border-right: 1px solid black; }
.zwei > div:last-child[b-3mv2dqo7lb] { border-right: none; }
.rotkursiv[b-3mv2dqo7lb] { color: red; font-style: italic; }
.gruen[b-3mv2dqo7lb] { color: green; }
.maxwert[b-3mv2dqo7lb] { display: inline-block; min-width: 60px; border: 2px solid red; color: red; text-align: center; }
.achtung[b-3mv2dqo7lb] { font-weight: bold; text-align: center; padding: 3px; }
.summe[b-3mv2dqo7lb] { display: grid; grid-template-columns: 180px 1fr; row-gap: 6px; margin-top: 8px; }
.summe .trenner[b-3mv2dqo7lb] { grid-column: 1 / 3; border-top: 3px solid blue; margin: 6px 0; }
.summe .wert[b-3mv2dqo7lb] { font-weight: bold; }
.summe .brutto[b-3mv2dqo7lb] { color: red; font-weight: bold; font-size: 14px; }

/* ---- Plattendaten ---- */
.plattendaten[b-3mv2dqo7lb] {
    left: 290px; top: 256px; width: 946px; height: 74px;
    border: 4px solid black; background: white;
    display: grid; grid-template-columns: 144px 280px 136px 128px 130px 1fr;
    grid-template-rows: 20px 20px 24px; font-size: 15px; text-align: center;
}
.plattendaten > div[b-3mv2dqo7lb] { border: 1px solid black; display: flex; align-items: center; justify-content: center; }
.links3[b-3mv2dqo7lb] { grid-column: 1 / 4; font-weight: bold; }
.rechts3[b-3mv2dqo7lb] { grid-column: 4 / 7; font-weight: bold; }
.tw[b-3mv2dqo7lb] { font-family: Arial, sans-serif; font-size: 12px; border-color: green !important; }

/* ---- Masseingabe ---- */
.eingabe[b-3mv2dqo7lb] {
    left: 290px; top: 334px; width: 946px; height: 76px;
    border: 4px solid black; background: white;
    display: grid; grid-template-columns: 138px 100px 114px 94px 104px 174px 106px 1fr;
    grid-template-rows: 20px 20px 26px; font-size: 15px; text-align: center;
}
.eingabe > div[b-3mv2dqo7lb] { border: 1px solid black; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.kopf8[b-3mv2dqo7lb] { grid-column: 1 / 9; font-weight: bold; }
.gelb[b-3mv2dqo7lb] { background: yellow; }
.eingabe[b-3mv2dqo7lb]  select.staerke { width: 96px; height: 22px; background: yellow; font-weight: bold; font-size: 15px; }
.mass[b-3mv2dqo7lb] { width: 100%; height: 100%; border: 2px solid red; text-align: center; font-weight: bold; font-size: 15px; box-sizing: border-box; }
.mass:focus[b-3mv2dqo7lb] { background: yellow; }
.mass:disabled[b-3mv2dqo7lb] { background: white; }
.ausgabe[b-3mv2dqo7lb] { background: gainsboro; font-family: Arial, sans-serif; font-size: 13px; }

/* ---- Meldung ---- */
.meldung[b-3mv2dqo7lb] {
    left: 390px; top: 420px; width: 810px; height: 24px;
    border: 1px solid green; background: white; color: red;
    font-family: Arial, sans-serif; font-size: 14px; padding: 2px 6px;
}

/* ---- Knoepfe ---- */
.btnLeeren[b-3mv2dqo7lb], .btnWarenkorb[b-3mv2dqo7lb], .btnWeiter[b-3mv2dqo7lb] {
    top: 462px; height: 28px; font-family: Arial, sans-serif; font-size: 17px; font-weight: bold;
}
.btnLeeren[b-3mv2dqo7lb]    { left: 294px; width: 308px; background: darkred; color: white; }
.btnWarenkorb[b-3mv2dqo7lb] { left: 606px; width: 308px; background: gainsboro; color: red; }
.btnWarenkorb:focus[b-3mv2dqo7lb] { background: yellow; outline: 2px solid black; }
.btnWeiter[b-3mv2dqo7lb]    { left: 922px; width: 308px; background: green; color: white; }

/* ---- Warenkorb ---- */
.warenkorb[b-3mv2dqo7lb] { left: 292px; top: 510px; width: 944px; height: 280px; background: white; overflow-y: auto; }

/* ---- Versandhinweis ---- */
.versand[b-3mv2dqo7lb] {
    left: 470px; top: 140px; width: 620px; z-index: 300;
    border: 3px double black; background: #99CCFF; color: red;
    font-family: Arial, sans-serif; font-size: 17px; font-weight: bold; text-align: center; padding: 10px;
}
.versand[hidden][b-3mv2dqo7lb] { display: none; }
.versand .nichtmehr[b-3mv2dqo7lb] { display: inline-block; background: aliceblue; padding: 2px 6px; color: red; }
.versand button[b-3mv2dqo7lb] { font-size: 15px; padding: 2px 16px; }
.btnLeeren:disabled[b-3mv2dqo7lb], .btnWarenkorb:disabled[b-3mv2dqo7lb] { opacity: .5; }
/* /Components/Shared/DekorListe.razor.rz.scp.css */
.liste[b-nif3g365bu] {
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: lightyellow;
}

.zeile[b-nif3g365bu] {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 65px;
    padding: 2px 4px;
}

.bildRahmen[b-nif3g365bu] { position: relative; flex: none; width: 45px; height: 60px; }

.bild[b-nif3g365bu] {
    width: 45px;
    height: 60px;
    font-size: 12px;            /* fuer den Text "kein Decorbild" */
    overflow: hidden;
}

/* Vergroesserung 255 x 290 wie bisher, beim Ueberfahren sichtbar.
   Seite ist 1240 px breit und zentriert: daraus ergibt sich die Position. */
.gross[b-nif3g365bu] {
    display: none;
    position: fixed;
    top: 356px;
    left: max(785px, calc(50% + 165px));
    padding: 10px;
    border: 1px solid #aaa;
    background: #fff;
    z-index: 100;
    pointer-events: none;
}
.liste[data-links] .gross[b-nif3g365bu] { left: max(185px, calc(50% - 435px)); }
.bildRahmen:hover .gross[b-nif3g365bu] { display: block; }
.gross img[b-nif3g365bu] { width: 255px; height: 290px; display: block; }

.text[b-nif3g365bu] {
    flex: 1;
    height: 60px;
    border: 1px solid black;
    background: white;
    font-family: "Times New Roman", serif;
    font-size: 12px;
    line-height: 1.25;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    overflow: hidden;
}

.mass img[b-nif3g365bu] { width: 50px; height: 60px; display: block; }
/* /Components/Shared/KantenAuswahl.razor.rz.scp.css */
.ka[b-4uvpap7x7i] {
    background: white;
    font-family: "Times New Roman", serif;
    font-size: 13px;
    height: 100%;
    box-sizing: border-box;
}
.ka.waag[b-4uvpap7x7i] { display: flex; justify-content: space-between; align-items: center; padding: 0 6px; }
.ka.senk[b-4uvpap7x7i] { display: flex; flex-direction: column; justify-content: space-around; padding: 2px 4px; }

label[b-4uvpap7x7i] { display: flex; align-items: center; gap: 2px; white-space: nowrap; cursor: pointer; }
.textlinks label[b-4uvpap7x7i] { flex-direction: row-reverse; justify-content: flex-start; }
label.aus[b-4uvpap7x7i] { color: #999; cursor: default; }
input[b-4uvpap7x7i] { margin: 0 2px; }
/* /Components/Shared/TeileListe.razor.rz.scp.css */
.leer[b-c6g11yplwr] { text-align: center; font-family: "Times New Roman", serif; font-size: 24px; font-weight: bold; margin-top: 14px; }

.liste[b-c6g11yplwr] {
    table-layout: fixed; border-collapse: collapse; width: 99%; margin: 8px auto;
    font-family: "Times New Roman", serif; font-size: 12px; white-space: nowrap;
}
.liste th[b-c6g11yplwr], .liste td[b-c6g11yplwr] { border: 1px solid black; padding: 0 2px; height: 18px; text-align: center; overflow: hidden; }
.liste th[b-c6g11yplwr] { font-weight: bold; }
.liste .links[b-c6g11yplwr] { text-align: left; }
.liste .rechts[b-c6g11yplwr] { text-align: right; }
.liste img[b-c6g11yplwr] { width: 28px; height: 16px; display: block; margin: 0 auto; }

.x[b-c6g11yplwr] {
    width: 18px; height: 16px; padding: 0; border: none;
    background: red; color: white; font-weight: bold; font-size: 11px; cursor: pointer;
}