/* _content/MeMaTool_Online/Components/AiComponent.razor.rz.scp.css */
/* _content/MeMaTool_Online/Pages/AbisZ.razor.rz.scp.css */
.header-row[b-oevk0twlcf] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.header-box[b-oevk0twlcf] {
    display: flex;
    flex-direction: column;
    gap: 12px;

    justify-content: flex-start;
}
/* _content/MeMaTool_Online/Pages/Admin/Userverwaltung.razor.rz.scp.css */
body[b-l8xqtv827p] {
}
.container_Header[b-l8xqtv827p] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.container_Window[b-l8xqtv827p] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 1rem; /* Abstand zwischen den Elementen */
}
/* _content/MeMaTool_Online/Pages/Amazon_Bestellungen.razor.rz.scp.css */
body[b-08umn1l5pj] {
}
.container_Header[b-08umn1l5pj] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.container_Window[b-08umn1l5pj] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 1rem; /* Abstand zwischen den Elementen */
}
.container_Element[b-08umn1l5pj] {
    display: flex;
    gap: 10px; /* Abstand zwischen den Elementen */
    align-items: center;
}
/* _content/MeMaTool_Online/Pages/Bestandsliste.razor.rz.scp.css */
body[b-15ukqxfgxn] {
}
.container_Header[b-15ukqxfgxn] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.container_Window[b-15ukqxfgxn] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 1rem; /* Abstand zwischen den Elementen */
}

.container_Element[b-15ukqxfgxn] {
    display: flex;
    gap: 10px; /* Abstand zwischen den Elementen */
    align-items: center;
}
.container_Info[b-15ukqxfgxn] {
    margin-top: 5px; /* Abstand nach oben hinzufügen */
    display: flex;
    flex-direction: column; /* Elemente untereinander anordnen */
    gap: 10px; /* Abstand zwischen den Elementen */
    align-items: flex-start; /* Elemente linksbündig ausrichten */
    background-color: #f7e1e2; /* Leichtes Grau als Hintergrundfarbe */
    padding: 10px; /* Innenabstand hinzufügen */
    border-radius: 5px; /* Abgerundete Ecken */
}
.container_Artikel[b-15ukqxfgxn] {
    margin-top: 5px; /* Abstand nach oben hinzufügen */
    display: flex;
    flex-direction: column; /* Elemente untereinander anordnen */
    gap: 10px; /* Abstand zwischen den Elementen */
    align-items: flex-start; /* Elemente linksbündig ausrichten */
    background-color: #f0f0f0; /* Leichtes Grau als Hintergrundfarbe */
    padding: 10px; /* Innenabstand hinzufügen */
    border-radius: 5px; /* Abgerundete Ecken */
}
.container_Einkauf[b-15ukqxfgxn] {
    display: flex;
    margin-top: 5px; /* Abstand nach oben hinzufügen */
    flex-direction: column; /* Elemente untereinander anordnen */
    gap: 10px; /* Abstand zwischen den Elementen */
    align-items: flex-start; /* Elemente linksbündig ausrichten */
    background-color: #dbd57d; /* Leichtes Grau als Hintergrundfarbe */
    padding: 10px; /* Innenabstand hinzufügen */
    border-radius: 5px; /* Abgerundete Ecken */
}
.container_Verkauf[b-15ukqxfgxn] {
    display: flex;
    margin-top: 5px; /* Abstand nach oben hinzufügen */
    flex-direction: column; /* Elemente untereinander anordnen */
    gap: 10px; /* Abstand zwischen den Elementen */
    align-items: flex-start; /* Elemente linksbündig ausrichten */
    background-color: #a5e6e2; /* Leichtes Grau als Hintergrundfarbe */
    padding: 10px; /* Innenabstand hinzufügen */
    border-radius: 5px; /* Abgerundete Ecken */
}
.container_ElementArtikel[b-15ukqxfgxn] {
    display: flex;
    justify-content: space-between; /* Elemente an den gegenüberliegenden Enden ausrichten */
    width: 100%; /* Volle Breite nutzen */
    gap: 10px; /* Abstand zwischen den Elementen */
    align-items: center;
    color: black; /* Textfarbe auf Schwarz setzen */
}
/* _content/MeMaTool_Online/Pages/Freipositionen.razor.rz.scp.css */
body[b-j5c5ws816e] {
}
.container_Header[b-j5c5ws816e] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.container_Window[b-j5c5ws816e] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 1rem; /* Abstand zwischen den Elementen */
}
/* _content/MeMaTool_Online/Pages/Inventur.razor.rz.scp.css */
body[b-qvs052utdh] {
}
.container_Header[b-qvs052utdh] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.container_Window[b-qvs052utdh] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 1rem; /* Abstand zwischen den Elementen */
}

.container_Element[b-qvs052utdh] {
    display: flex;
    gap: 10px; /* Abstand zwischen den Elementen */
    align-items: center;
}
/* _content/MeMaTool_Online/Pages/Lieferverzoegerung.razor.rz.scp.css */
body[b-zzpaog6rhg] {
}
.container_Header[b-zzpaog6rhg] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.container_Text[b-zzpaog6rhg] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem; 
    margin: 0;
    
    
}
.container_Window[b-zzpaog6rhg] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 1rem; 
}
.div-vertical[b-zzpaog6rhg] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
/* _content/MeMaTool_Online/Pages/Rechnungen_JTL.razor.rz.scp.css */
body[b-wss4wluj58] {
}
.container_Header[b-wss4wluj58] {
    /* 1) Haupt-Layout: vertikal stapeln („Flex-Column“). */
    display: flex;
    flex-direction: column; /* Untereinander anordnen */
    align-items: center; /* alles horizontal zentrieren */
    /* 2) Optional: Breite begrenzen + etwas Luft nach innen */
    max-width: 100%; /* oder z. B. 1200px */
    padding: 0.75rem 1rem; /* Innenabstand oben/unten • seitlich */
    /* 3) Vertikaler Abstand zwischen H5 & Zeile */
    gap: 0.75rem; /* moderne Alternative zu margin-bottom */
}

/* H5 separat stylen, falls nötig */
.header-title[b-wss4wluj58] {
    margin: 0; /* Browser-Default entfernen */
    text-align: center; /* Sicherstellen, dass Text mittig ist */
    font-weight: 600; /* oder was dein Design vorsieht */
}

/* Die „Horizontale Zeile“ */
.header-row[b-wss4wluj58] {
    /* a) In sich selbst wieder Flex-Layout – diesmal horizontal */
    display: flex;
    flex-wrap: wrap; /* Zeilenumbruch erlauben, falls zu wenig Platz */
    /* b) Abstand zwischen den einzelnen Controls */
    gap: 0.5rem; /* Abstand wird zwischen jedem Kind angewandt */
    /* c) Gesamte Zeile zentriert ausrichten */
    justify-content: center; /* Buttons etc. mittig innerhalb der Zeile */
}
.container_Header[b-wss4wluj58] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.container_Window[b-wss4wluj58] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 1rem; /* Abstand zwischen den Elementen */
}
/* _content/MeMaTool_Online/Pages/Rechnungen_Verkauf.razor.rz.scp.css */
body[b-21lxvoxk6w] {
}
.container_Header[b-21lxvoxk6w] {
    /* 1) Haupt-Layout: vertikal stapeln („Flex-Column“). */
    display: flex;
    flex-direction: column; /* Untereinander anordnen */
    align-items: center; /* alles horizontal zentrieren */
    /* 2) Optional: Breite begrenzen + etwas Luft nach innen */
    max-width: 100%; /* oder z. B. 1200px */
    padding: 0.75rem 1rem; /* Innenabstand oben/unten • seitlich */
    /* 3) Vertikaler Abstand zwischen H5 & Zeile */
    gap: 0.75rem; /* moderne Alternative zu margin-bottom */
}

/* H5 separat stylen, falls nötig */
.header-title[b-21lxvoxk6w] {
    margin: 0; /* Browser-Default entfernen */
    text-align: center; /* Sicherstellen, dass Text mittig ist */
    font-weight: 600; /* oder was dein Design vorsieht */
}

/* Die „Horizontale Zeile“ */
.header-row[b-21lxvoxk6w] {
    /* a) In sich selbst wieder Flex-Layout – diesmal horizontal */
    display: flex;
    flex-wrap: wrap; /* Zeilenumbruch erlauben, falls zu wenig Platz */
    /* b) Abstand zwischen den einzelnen Controls */
    gap: 0.5rem; /* Abstand wird zwischen jedem Kind angewandt */
    /* c) Gesamte Zeile zentriert ausrichten */
    justify-content: center; /* Buttons etc. mittig innerhalb der Zeile */
}
.container_Header[b-21lxvoxk6w] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.container_Window[b-21lxvoxk6w] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 1rem; /* Abstand zwischen den Elementen */
}
/* _content/MeMaTool_Online/Pages/Retourenliste.razor.rz.scp.css */
.header-row[b-cpw819vnhy] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.line-box[b-cpw819vnhy] {
    border: 1px solid #ff8c00;
    border-radius: 6px;
    padding: 12px 16px;
    margin-bottom: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.04);
}
.header-box[b-cpw819vnhy] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    
    justify-content: flex-start;
}
/* Definition des Grids */
.grid-row-layout[b-cpw819vnhy] {
    display: grid;
    /* Definiere hier die Spaltenbreiten:
       - 120px für Datum
       - 1fr (1 Fraction) nimmt den restlichen Platz für Text
       - auto passt sich dem Inhalt an
    */
    grid-template-columns: 120px 150px 2fr 1fr 100px;
    gap: 10px; /* Abstand zwischen den Spalten */
    padding: 8px 12px;
    border-bottom: 1px solid #e0e0e0; /* Trennlinie wie im Grid */
    align-items: center; /* Vertikale Zentrierung */
    background-color: #fff;
}

.grid-row-layout:hover[b-cpw819vnhy] {
    background-color: #f5f5f5; /* Hover-Effekt wie in Telerik Grids */
}

/* Optional: Styling für die Zellen */
.grid-cell[b-cpw819vnhy] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.grid-cell-bold[b-cpw819vnhy] {
    font-weight: 600;
}
/* _content/MeMaTool_Online/Pages/Steuernummern.razor.rz.scp.css */
body[b-rsn3rz2c7o] {
}
.container_Header[b-rsn3rz2c7o] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.container_Window[b-rsn3rz2c7o] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 1rem; /* Abstand zwischen den Elementen */
}
/* _content/MeMaTool_Online/Pages/TestKI.razor.rz.scp.css */
/* _content/MeMaTool_Online/Pages/TopVerkauf.razor.rz.scp.css */
body[b-2yvfy3l2fp] {
}

.container_Header[b-2yvfy3l2fp] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.container_Window[b-2yvfy3l2fp] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 1rem; /* Abstand zwischen den Elementen */
}
.container_Element[b-2yvfy3l2fp] {
    display: flex;
    gap: 10px; /* Abstand zwischen den Elementen */
    align-items: center;
}
/* _content/MeMaTool_Online/Pages/Versandkosten.razor.rz.scp.css */
body[b-hpa7875y9q] {
}
.container_Header[b-hpa7875y9q] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.container_Window[b-hpa7875y9q] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 1rem; /* Abstand zwischen den Elementen */
}