/* Column Row kleinste Spalte wirklich klein machen */
body .flux-grid tr:first-child:last-child td,
body .flux-grid tr td {
    min-width: 0;
}

/* Flux Rows */

.flux-grid,
.flux-grid>tbody,
.flux-grid>tbody>tr {
    display: block;
}

.flux-grid>tbody>tr>td {
    display: inline-block;
}

.flux-collapse>.t3-grid-container {
    margin-bottom: -11px;
}

.flux-collapse>.t3-grid-container>table,
.flux-collapse>.t3-grid-container>table>tbody {
    display: block;
}

.flux-collapse>.t3-grid-container>table>tbody>tr {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
}

.flux-collapse>.t3-grid-container>table>tbody>tr>td {
    display: block;
    max-width: unset;
    min-width: unset;
}

.t3-page-column {
    padding: 0px 0px 20px 0px;
}

/* Column Row */


.flux-collapse>.t3-grid-container>table>tbody>tr>td[colspan="12"] {
    width: 100%;
}

.flux-collapse>.t3-grid-container>table>tbody>tr>td[colspan="11"] {
    width: 91.66%;
}

.flux-collapse>.t3-grid-container>table>tbody>tr>td[colspan="10"] {
    width: 83.33%;
}

.flux-collapse>.t3-grid-container>table>tbody>tr>td[colspan="9"] {
    width: 75%;
}

.flux-collapse>.t3-grid-container>table>tbody>tr>td[colspan="8"] {
    width: 66.66%;
}

.flux-collapse>.t3-grid-container>table>tbody>tr>td[colspan="7"] {
    width: 58.33%;
}

.flux-collapse>.t3-grid-container>table>tbody>tr>td[colspan="6"] {
    width: 50%;
}

.flux-collapse>.t3-grid-container>table>tbody>tr>td[colspan="5"] {
    width: 41.66%;
}

.flux-collapse>.t3-grid-container>table>tbody>tr>td[colspan="4"] {
    width: 33.33%;
}

.flux-collapse>.t3-grid-container>table>tbody>tr>td[colspan="3"] {
    width: 25%;
}

.flux-collapse>.t3-grid-container>table>tbody>tr>td[colspan="2"] {
    width: 16.66%;
}

.flux-collapse>.t3-grid-container>table>tbody>tr>td[colspan="1"] {
    width: 8.33%;
}

.flux-collapse>.t3-grid-container>table>tbody>tr>td[colspan="0"] {
    width: 100%;
}

.flux-collapse .t3-page-column-header {
    padding-top: 0;
}

.tab-content .panel-collapse.t3js-flex-section-content .form-section {
    display: inline-block;
    width: 25%;
}

/* Sub Tables */

.flux-collapse .j77content-table-rch,
.flux-collapse .j77content-table-rct {
    margin-bottom: 5px;
}

.flux-collapse .j77content-table-rcb {
    margin-top: 5px;
}

.flux-collapse .j77content-table-rch,
.flux-collapse .j77content-table-rct,
.flux-collapse .j77content-table-rcb {
    border-style: dashed;
}

.flux-collapse .j77content-table-rch th,
.flux-collapse .j77content-table-rct th,
.flux-collapse .j77content-table-rcb th,
.flux-collapse .j77content-table-rch td,
.flux-collapse .j77content-table-rct td,
.flux-collapse .j77content-table-rcb td {
    border: none;
}

/* CR Farben und Bilder */

.flux-collapse>.t3-grid-container>table>tbody>tr:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 24px;
    pointer-events: none;
    background-size: 100% 100%;
}

.flux-collapse>.t3-grid-container>table>tbody>tr>td {
    position: relative;
    background-color: transparent;
    padding-bottom: 0;
}

.flux-collapse>.t3-grid-container>table>tbody>tr>td:before {
    content: "";
    position: absolute;
    height: calc(100% - 24px);
    top: 24px;
    width: 100%;
    pointer-events: none;
    background-size: 100% 100%;
}



.flux-collapse>.t3-grid-container>table>tbody>tr>td>.t3-page-column-header>.t3-page-column-header-label {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    max-width: 100%;
    overflow: hidden;
}