/* Motiv-Sets: kuratierte Hintergrundverteilungen mit frei wählbarem Motiv */
.twoc-motivset-card{display:grid;grid-template-columns:180px minmax(0,1fr) 240px;gap:1rem;border:1px solid var(--twoc-border);padding:1rem}.twoc-motivset_image{width:180px;height:180px;object-fit:contain;border:1px solid var(--twoc-border);background:#fff}.twoc-motivset_content{min-width:0}.twoc-motivset_title{margin-top:0}.twoc-motivset_details ul{padding-left:1.2rem}.twoc-motivset_details li{display:flex;justify-content:space-between;gap:1rem}.twoc-motivset_controls{display:flex;flex-direction:column;gap:.65rem}.twoc-motivset_controls label{display:flex;flex-direction:column;gap:.2rem;font-weight:600}.twoc-motivset_controls select{min-height:42px;width:100%}@media(max-width:950px){.twoc-motivset-card{grid-template-columns:140px 1fr}.twoc-motivset_image{width:140px;height:140px}.twoc-motivset_controls{grid-column:1/-1}}@media(max-width:700px){.twoc-motivset-card{grid-template-columns:1fr}.twoc-motivset_image{width:min(100%,280px);height:auto;aspect-ratio:1}.twoc-motivset_controls{grid-column:auto}}


/* Tabellenansicht der kuratierten Hintergrundverteilung */
.twoc-motivset_composition-title{margin-top:.85rem;font-weight:700;font-size:1rem}
.twoc-motivset_table-wrap{margin-top:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}
.twoc-motivset_table{width:100%;min-width:420px;border-collapse:collapse;background:#fff}
.twoc-motivset_table th,.twoc-motivset_table td{padding:.5rem .65rem;border:1px solid var(--twoc-border);text-align:center;white-space:nowrap}
.twoc-motivset_table-heading,.twoc-motivset_table-background{text-align:left!important}
.twoc-motivset_table thead th{font-weight:700;background:var(--twoc-soft)}
.twoc-motivset_table-background{font-weight:600}
.twoc-motivset_table-quantity{font-variant-numeric:tabular-nums}
@media(max-width:700px){.twoc-motivset_table th,.twoc-motivset_table td{padding:.45rem .5rem;font-size:.9rem}}

/* 4.0.2: Zusammenstellung nutzt unterhalb der Kopfdaten die volle Kartenbreite. */
.twoc-motivset_details{grid-column:1/-1;min-width:0;margin-top:.25rem;border-top:1px solid var(--twoc-border);padding-top:.75rem}
.twoc-motivset_details summary{display:inline-block;cursor:pointer;font-weight:600;margin-bottom:.25rem}
.twoc-motivset_details[open] summary{margin-bottom:.75rem}
.twoc-motivset_composition-title{margin-top:0}
.twoc-motivset_table-wrap{width:100%;max-width:100%;overflow-x:auto}
.twoc-motivset_table{width:100%;min-width:0;table-layout:auto}
@media(max-width:700px){.twoc-motivset_details{grid-column:auto}.twoc-motivset_table{min-width:520px}}
.twoc-motivset_composition-title {
    margin-bottom: 0.75rem;
    font-size: 1.1rem;
    font-weight: 700;
}

.twoc-motivset_table-wrap {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}

.twoc-motivset_table {
    width: 100%;
    min-width: max-content;
    border-collapse: collapse;
}

.twoc-motivset_table th,
.twoc-motivset_table td {
    padding: 0.55rem 0.75rem;
    text-align: center;
    white-space: nowrap;
}

.twoc-motivset_table-heading,
.twoc-motivset_table-background {
    text-align: left !important;
}