/* 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;
  }