Opens in a new tab
+49 9342 6115Schedule a callbackinfo@kleingmbh-maschinenbau.de
Klein, Inc.
Contact
Made in Germany

A Long Headline to Turn Your Visitors into Customers

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Call to Action

A Long Headline to Turn Your Visitors into Customers

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Accent heading

  • A more diverse talent pool

    Here is your text ... Select any part of your text to access the formatting toolbar.

  • No commitments

    Here is your text ... Select any part of your text to access the formatting toolbar.

  • Cast a wider net to find great people

    Here is your text ... Select any part of your text to access the formatting toolbar.

  • Cost-effective

    Here is your text ... Select any part of your text to access the formatting toolbar.

  • Higher-quality hires

    Here is your text ... Select any part of your text to access the formatting toolbar.

  • Speed up your hiring process

    Here is your text ... Select any part of your text to access the formatting toolbar.

A Long Headline to Turn Your Visitors into Customers

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Accent heading

Caption text

Table header 1

Table header 2

Table header 3

Table header 4

Table header 5

Table header 6

Row data

Row data

Row data

Row data

Row data

Row data

Row data

Row data

Row data

Row data

Row data

Row data

.bm-table-2__table-container {
  overflow-x: auto;
}

@media (max-width:650px) {
  .bm-table-2 th{
    display:none !important;
  }
  
  .bm-table-2 td{
    display:block !important;
    min-width: 100% !important;
    gap: var(--space-xs) !important;
  }
  
  .bm-table-2 td:first-child {
    padding-block-start: var(--space-l) !important;
  }
  
  .bm-table-2 td:last-child {
    padding-block-end: var(--space-l) !important;
  }
  
  .bm-table-2 td::before {
    content: attr(data-cell) ':';
    font-weight: 700 !important;
    text-transform: capitalize !important;
    flex-shrink: 0 !important;
  }
  
}
@media (max-width:650px) {
  .bm-table-2 th{
    display:none !important;
  }
  
  .bm-table-2 td{
    display:grid !important;
    grid-template-columns: 10ch 1fr !important;
    min-width: 100% !important;
    gap: var(--space-xs) !important;
  }
  
  .bm-table-2 td:first-child {
    padding-block-start: var(--space-l) !important;
  }
  
  .bm-table-2 td:last-child {
    padding-block-end: var(--space-l) !important;
  }
  
  .bm-table-2 td::before {
    content: attr(data-cell) ':';
    font-weight: 700 !important;
    text-transform: capitalize !important;
    flex-shrink: 0 !important;
  }
  
}
function AddTableARIA() {
  try {
    var allTables = document.querySelectorAll('table');
    for (var i = 0; i < allTables.length; i++) {
      allTables[i].setAttribute('role','table');
    }
    var allCaptions = document.querySelectorAll('caption');
    for (var i = 0; i < allCaptions.length; i++) {
      allCaptions[i].setAttribute('role','caption');
    }
    var allRowGroups = document.querySelectorAll('thead, tbody, tfoot');
    for (var i = 0; i < allRowGroups.length; i++) {
      allRowGroups[i].setAttribute('role','rowgroup');
    }
    var allRows = document.querySelectorAll('tr');
    for (var i = 0; i < allRows.length; i++) {
      allRows[i].setAttribute('role','row');
    }
    var allCells = document.querySelectorAll('td');
    for (var i = 0; i < allCells.length; i++) {
      allCells[i].setAttribute('role','cell');
    }
    var allHeaders = document.querySelectorAll('th');
    for (var i = 0; i < allHeaders.length; i++) {
      allHeaders[i].setAttribute('role','columnheader');
    }
    // this accounts for scoped row headers
    var allRowHeaders = document.querySelectorAll('th[scope=row]');
    for (var i = 0; i < allRowHeaders.length; i++) {
      allRowHeaders[i].setAttribute('role','rowheader');
    }
  } catch (e) {
    console.log("AddTableARIA(): " + e);
  }
}

AddTableARIA();

A Long Headline to Turn Your Visitors into Customers

Accent heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • 1

    Brief description of the first step

    • Almost lorem ipsum text

    • Lorem ipsum dolor sit amet, 

  • 2

    Brief description of the second step

    • Almost lorem ipsum text

    • Lorem ipsum dolor sit amet, 

  • 3

    Brief description of the third step

    • Almost lorem ipsum text

    • Lorem ipsum dolor sit amet, 

A Long Headline to Turn Your Visitors into Customers

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Accent Heading

  • Heading 1

    Just a short placeholder text

  • Heading 2

    Just a short placeholder text

  • Heading 3

    Just a short text placeholder

  • Heading 4

    Just a short placeholder text

  • Heading 5

    Just a short text placeholder

  • Heading 6

    Just a short placeholder text