/* Custom Font */
    @font-face {
      font-family: 'welcome2019';
      src: url("../fonts/welcome-2019.woff2") format("woff2"), 
           url("../fonts/welcome-2019.woff") format("woff");
      font-weight: normal;
      font-style: normal;
    }

    .theme-btn-afrekenen{
      background-color: #ec5900 !important;
     
    }

    .geenborder{
      border-top: none !important;
    }

    .alignright{
      justify-content: flex-end !important;
    }

    .shopgradient{
      margin-top:40px !important;
    }
    
    .shopbgcolor {
      background-color: #FFCA48 !important;
    }
    .nopadding { padding: 0 !important; }
    .marginrow { margin-bottom: 40px !important; }
    .lineheight { line-height: 45px !important; }
    .paddingbottom { padding-bottom: 10px !important; }
    
    .productblok {
      background: transparent !important;
      padding: 0 !important;
    }
    .artikel {
      font-size: 20px;
      font-weight: 700 !important;
      display: block;
      font-family: "Open Sans", sans-serif;
      color: #ffffff;
      margin: 0;
      margin-top: 25px !important;
      line-height: 25px !important;
      padding-bottom:30px !important;
    }
    .prijs {
      font-family: "welcome2019", sans-serif;
      color: #000;
      font-size: 40px !important;
      margin-top: 25px;
      line-height: 45px !important;
      padding-bottom:30px !important;
    }
    
    .productblok_bedrag {
      background: #fff !important;
      flex: 1 1 calc(22% - 25px);
      max-width: calc(22% - 25px);
      min-width: 180px;
      text-align: center;
      padding: 15px;
      box-sizing: border-box;
      border-radius: 5px;
    }
    .productblok_bedrag input {
      width: 100%;
      padding: 8px;
    }
    
    @media (max-width: 1024px) {
      .productblok_bedrag {
        flex: 1 1 calc(30% - 25px);
        max-width: calc(30% - 25px);
      }
    }
    @media (max-width: 768px) {
      .productblok_bedrag {
        flex: 1 1 calc(48% - 25px);
        max-width: calc(48% - 25px);
      }

      .artikel{
        padding-left:10px !important;
      }

      .prijs{
        padding-right:10px !important;
      }

      .imgup{
        margin-top:20px !important;
      }
    }
    @media (max-width: 480px) {
      .productblok_bedrag {
        flex: 1 1 100%;
        max-width: 100%;
      }

      .prijs{
        padding-right:10px !important;
      }

      .imgup{
        margin-top:20px !important;
      }
    }



    /*.cols {
      display: flex;
      flex-wrap: wrap;
      gap: 0px;
      justify-content: flex-start;
    }*/


    .colsextra {
      display: flex;
      flex-wrap: wrap;
      gap: 0px;
      justify-content: flex-start;
    }



    .custom-table {
      display: flex;
      flex-direction: column;
      width: 100%;
      max-width: 100%;
      margin-top: 20px;
      border-collapse: collapse;
    }
    .table-row {
      display: flex;
      flex-wrap: nowrap;
      width: 100%;
      background: none;
    }
    .table-cell {
      flex: 0 0 23%;
      max-width: 23%;
      box-sizing: border-box;
      padding: 15px;
      text-align: left;
      font-size: 16px;
      font-weight: bold;
      border-bottom: 1px solid #fff;
      padding-left:0;
    }
    .table-row:last-child .table-cell {
      border-bottom: none;
    }
    .tabelheader{
      font-size:14px !important;
    }

    .bottombordernone{
        border-bottom: none !important;
        padding-bottom: 0 !important;
    }

    .totaalbedrag{
      text-transform: uppercase;
      color:#ec5900;
      padding-left:10px !important;
    }

    .totaalbedragoverzicht{
      text-transform: uppercase;
      color:#ec5900;
      padding-left:0px !important;
    }

    .currency-container {
      display: inline-flex;
      align-items: center;
    }
    
    .currency-container:before {
      content: "€";
      margin-right: 5px;
      display: inline-block;
      font-size: 16px;
    }
    
    .minheight{
      min-height:0 !important;
    }

    .inputclass{
      width:35% !important;
      height: 50px !important;
      padding-left: 10px !important;
    }

    @media (max-width: 768px) {
      .table-row {
        flex-wrap: wrap;
      }
      .table-cell {
        flex: 0 0 50%;
        max-width: 50%;
        border-bottom: 1px solid #fff;
      }
      
      .inputclass{
        width:100% !important;
        height: 50px !important;
        padding-left: 10px !important;
      }

      .smaller{
        flex: 0 0 15%;
        max-width: 15%;
      }

      .smaller2{
        flex: 0 0 15%;
        max-width: 15%;
      }

      .breder{
        flex: 0 0 50%;
        max-width: 50%;
        text-align:right;
        padding-left:0;
        padding-right:0;
      }

      .breder2{
        flex: 0 0 25% !important;
        max-width: 25% !important;
        text-align:right !important;
        padding-left:0;
        padding-right:0;
      }


      .breder3{
        flex: 0 0 50%;
        max-width: 50%;
        text-align:right;
        padding-left:0;
        padding-right:23px;
      }

      .theme-btn-afrekenen{
        background-color: #ec5900 !important;
        font-weight: 700 !important;
        width: 100% !important;
      }

    }
    @media (max-width: 480px) {
      .table-cell {
        flex: 0 0 25%;
        max-width: 25%;
      }

      .inputclass{
        width:100% !important;
        height: 50px !important;
        padding-left: 10px !important;
      }

      .smaller{
        flex: 0 0 15%;
        max-width: 15%;
      }

      .smaller2{
        flex: 0 0 25%;
        max-width: 25%;
      }

      .breder{
        flex: 0 0 50%;
        max-width: 50%;
        text-align:right;
        padding-left:0;
        padding-right:0;
      }

      .breder2{
        flex: 0 0 25% !important;
        max-width: 25% !important;
        text-align:right !important;
        padding-left:0;
        padding-right:0;
      }

      .breder3{
        flex: 0 0 50%;
        max-width: 50%;
        text-align:right;
        padding-left:0;
        padding-right:23px;
      }

      .theme-btn-afrekenen{
        background-color: #ec5900 !important;
        font-weight: 700 !important;
        width: 100% !important;
      }
    }