.table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: var(--ds-font-size-s,13px);
    font-weight: var(--ds-font-weight-m,400);
    line-height: var(--ds-line-height-xl,1.5384615385);
    letter-spacing: var(--ds-letter-spacing-m,.1px);
    color: #343231
}

.table a {
    color: #ff5600;
    text-decoration: underline
}

.table a:hover {
    text-decoration: none
}

.table th {
    line-height: 1
}

.table .page-button,.table .page-button-secondary {
    text-decoration: none;
    white-space: nowrap
}

.table-row .table .page-button,.table-row .table .page-button-secondary {
    margin: -8px 0
}

.table .page-button {
    color: #fff
}

.table-head-row {
    color: #4e4b49;
    background: #cdcbca
}

.table-head-row .table-head-data {
    display: flex;
    justify-content: center;
    text-align: center
}

.table-cell,.table-foot-cell,.table-head-cell {
    padding-right: 10px;
    padding-left: 10px;
    word-break: normal
}

.table-head-cell {
    padding-top: 20px;
    padding-bottom: 20px
}

.table-head-cell::after {
    font-weight: 700;
    font-size: 16px;
    margin-left: 8px;
    position: relative;
    top: 20px
}

.table-cell {
    padding-top: 12px;
    padding-bottom: 12px;
    overflow: hidden;
    text-align: center
}

.table-row-odd {
    background-color: #f6f6f6
}

.table-row-even {
    background-color: #e6e5e4
}

.table-left {
    text-align: left
}

.table-center {
    text-align: center
}

.table-right {
    text-align: right
}

.sortable {
    cursor: pointer
}

.sortable::after {
    color: #ff5600;
    top: 5px;
    margin-left: calc(50% - 10px)
}

.no-sortable::after {
    content: ""
}

.no-order::after {
    color: #4e4b49
}

.table-row-toggle {
    display: none
}

.table-row-toggle .table-hm {
    display: none
}

.table-row-toggle .table-ht {
    display: none
}

.table-row-shown {
    display: none
}

.table-row-shown .table-toggle-cell {
    padding: 12px 10px
}

.table-arrow-cell {
    width: 50px;
    display: none;
    padding-left: 13px;
    cursor: pointer
}

.table-headline {
    margin: 0 0 5px;
    font-weight: 700
}

.table-text {
    margin: 0 0 25px
}

.table-toggle-icon {
    width: 25px;
    display: block;
    transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
    -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
    transform-origin: center center;
    transition: transform 250ms
}

.table-toggle-icon.rotated {
    transform: matrix3d(-1,0,0,0,0,-1,0,0,0,0,1,0,0,0,0,1);
    -webkit-transform: matrix3d(-1,0,0,0,0,-1,0,0,0,0,1,0,0,0,0,1);
    transform-origin: center center
}

.table-toggle-icon::after {
    font-weight: 700;
    font-size: 24px
}

.table-img {
    max-height: 60px
}

.table-img-description {
    margin: 0
}

@media (min-width: 740px) {
    .table-arrow-cell {
        width:70px
    }
}

@media (min-width: 980px) {
    .index-comp-holder~.table-component .components-headline {
        width:65.9420289855%;
        margin-left: 34.0579710145%
    }

    .index-comp-holder~.table-component .components-text {
        width: 65.9420289855%;
        margin-left: 34.0579710145%
    }

    .index-comp-holder~.table-component .table {
        width: 65.9420289855%;
        margin-left: 34.0579710145%
    }

    .table-arrow-cell {
        display: none
    }

    .table-toggle-icon {
        display: none
    }

    .index-comp-holder~.table-component .table-ht {
        display: none
    }

    .index-comp-holder~.table-component .table-row-toggle .table-ht {
        display: table-cell
    }

    .index-comp-holder~.table-component .table-row-shown.table-st {
        display: table-row
    }

    .index-comp-holder~.table-component .table-arrow-cell.table-st {
        display: table-cell
    }

    .index-comp-holder~.table-component .table-toggle-icon {
        display: block
    }
}

@media (min-width: 1260px) {
    .index-comp-holder~.table-component .components-headline {
        width:65.6084656085%;
        margin-left: 34.3915343915%
    }

    .index-comp-holder~.table-component .components-text {
        width: 65.6084656085%;
        margin-left: 34.3915343915%
    }

    .index-comp-holder~.table-component .table {
        width: 65.6084656085%;
        margin-left: 34.3915343915%
    }
}

@media (max-width: 739px) {
    .table-hm {
        display:none
    }

    .table-row-toggle .table-hm {
        display: table-cell
    }

    .table-row-shown.table-sm {
        display: table-row
    }

    .table-arrow-cell.table-sm {
        display: table-cell
    }

    .table-image-container {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 740px)and (max-width:979px) {
    .table-ht {
        display:none
    }

    .table-row-toggle .table-ht {
        display: table-cell
    }

    .table-row-shown.table-st {
        display: table-row
    }

    .table-arrow-cell.table-st {
        display: table-cell
    }
}