/* Entfernt alle eingebetteten Webfonts */
 @font-face {
   font-family: "Open Sans";
   src: local("");
 }

 @font-face {
   font-family: "Roboto";
   src: local("");
 }

 * {
   /*font-family: sans-serif !important;*/
   color: #000 !important;
   text-shadow: none !important;
   box-shadow: none !important;
 }

 /* Optional: keine Hintergrundbilder oder Farben */
 body {
   background: none !important;
 }


 @page {
   size: A4;
   margin: 50px;
 }


 @media print {
   .container {
     width: auto !important;
     min-width: 21cm;
   }

   :root {
     --h1size: 24px;
     --h2size: 22px;
     --h3size: 20px;
     --h4size: 18px;
     --h5size: 16px;
     --h6size: 14px;
     --bodysize: 12px;
     --h1height: 58px;
     --h2height: 48px;
     --h3height: 32px;
     --h4height: 28px;
     --h5height: 26px;
     --h6height: 26px;
     --bodyheight: 26px;
   }

   html,
   body {
     width: 210mm;
     background-color: white;
     color: black;
     line-height: 17px;
   }

   .page {
     display: flex;
     flex-direction: column;
     justify-content: left;
     min-height: 100vh;
     color: black;
   }

   .header-part.active {
     box-shadow: none;
   }

   p {
     line-height: 17px;
   }

   .invoice-details li {
     margin-bottom: 5px !important;
   }

   .container {
     max-width: 100% !important;
   }

   .category-sidebar {
     box-shadow: none;
   }

   .table-scroll {
     padding: 0px !important
   }

   thead tr {
     background: black;
     border-bottom: 2px solid black;
   }

   tbody tr:last-child {
     border-top: 2px solid black;
   }

   .detail {
     max-width: 50px;
     max-height: 50px;
   }

   .product-name {
     color: black;
   }

   .single-banner {
     padding: 15px 0px;
     margin: 10px 0;
   }

   @media print and (orientation: landscape) {
     .container {
       min-width: 29.7cm;
     }
   }
 }


 .noprint,
 .mobile-menu,
 .backtop,
 .header-src {
   display: none;
 }

 .account-card {
   max-width: 100%;
   padding: 0px;
   margin: 0px;
 }

 .account-title {
   border-bottom: 0px solid white;
   padding: 0;
   content: "Joe's Task: ";
 }

 .container {
   max-width: 100%;
   padding: 0px;
   margin: 0px;
 }

 .content {
   background-color: white;
 }

 tbody tr td {
   padding: 5px 5px;
   text-align: left;
   font-size: 12px;
   border: none;
 }


 thead tr th {
   font-size: 12px;
   text-align: left;
   padding: 5px 5px;
   border-bottom: 2px solid black;
   border: none;
 }