/* This stylesheet applies only to the authorised Stoffe & Leder library. */
.material-library[data-material-library], .material-library[data-material-detail] {
 width: 100%;
 max-width: var(--breite);
 min-width: 0;
 margin-inline: auto;
 padding-inline: var(--rand);
 color: var(--tinte);
 font-family: var(--schrift-text);
}
.material-library *, .material-library *::before, .material-library *::after { box-sizing: border-box; }
.material-library [hidden] { display: none !important; }
.material-library :is(a,button,input,select):focus-visible { outline: 2px solid var(--gruen); outline-offset: 4px; }
.material-library :is(:is(h1,:where([data-seo-heading="h1"],[data-seo-caption="h1"])),:is(h2,:where([data-seo-heading="h2"],[data-seo-caption="h2"])),:is(h3,:where([data-seo-heading="h3"],[data-seo-caption="h3"])),p,figure) { margin-block: 0; }
.material-library .ml-intro { max-width: var(--text-breite); margin-block: var(--r-6) var(--r-8); }
.material-library .ml-intro :is(h1,:where([data-seo-heading="h1"],[data-seo-caption="h1"])) { margin-block: var(--r-4); font-family: var(--schrift-titel); font-size: var(--gr-h1); font-weight: 400; line-height: 1.05; }
.material-library .ml-intro > p { color: var(--grau); font-size: var(--gr-gross); line-height: var(--zeile-text); }
.material-library .ml-back { display: inline-flex; align-items: center; min-height: 44px; color: var(--grau); font-size: var(--gr-klein); text-decoration: underline; text-underline-offset: .22em; }
.material-library .ml-section { margin-block: var(--r-8); padding: 0; }
.material-library .ml-section > :is(h2,:where([data-seo-heading="h2"],[data-seo-caption="h2"])) { margin-block-end: var(--r-6); font-family: var(--schrift-titel); font-size: var(--gr-h2); font-weight: 400; line-height: 1.1; }
.material-library .ml-summary { display: flex; flex-wrap: wrap; gap: var(--r-2) var(--r-4); margin-block-start: var(--r-5); color: var(--grau); font-size: var(--gr-klein); line-height: var(--zeile-text); }
.material-library .ml-intro > .ml-collection-info { margin-block-start: var(--r-5); color: var(--grau); font-size: var(--gr-klein); line-height: var(--zeile-text); }
.material-library .ml-summary a { color: inherit; }
.material-library .ml-discovery-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--r-5); max-width: 1100px; margin-inline: auto; align-items: start; }
.material-library .ml-collection-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--r-5); max-width: 1100px; margin-inline: auto; align-items: start; }
.material-library .ml-overview-card { display: block; min-width: 0; color: inherit; text-decoration: none; }
.material-library .ml-overview-card :is(a,:is(h2,:where([data-seo-heading="h2"],[data-seo-caption="h2"])),:is(h3,:where([data-seo-heading="h3"],[data-seo-caption="h3"]))) { color: inherit; text-decoration: none; }
.material-library .ml-overview-card :is(:is(h2,:where([data-seo-heading="h2"],[data-seo-caption="h2"])),:is(h3,:where([data-seo-heading="h3"],[data-seo-caption="h3"]))) { margin-block-start: var(--r-4); font-family: var(--schrift-titel); font-size: var(--gr-h3); font-weight: 400; line-height: 1.2; overflow-wrap: anywhere; }
.material-library .ml-overview-card p { margin-block-start: var(--r-2); color: var(--grau); font-size: var(--gr-klein); line-height: var(--zeile-text); }
.material-library .ml-overview-card .ml-card-media { aspect-ratio: 3 / 2; height: auto; }
.material-library .ml-overview-card :is(img,.ml-placeholder) { display: block; width: 100%; aspect-ratio: 3 / 2; height: auto; object-fit: contain; background: var(--kalk); border-radius: var(--rund-bild); }
/* Overview illustrations are separate from all article photos and result grids. */
.material-library .ml-overview-row { display: block; width: 100%; margin-inline: auto; }
.material-library .ml-overview-visual, .material-library .ml-overview-copy { display: block; min-width: 0; }
.material-library .ml-overview-row .ml-card-media,
.material-library .ml-overview-row .ml-card-media img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; }
.material-library .ml-overview-copy :is(:is(h2,:where([data-seo-heading="h2"],[data-seo-caption="h2"])),:is(h3,:where([data-seo-heading="h3"],[data-seo-caption="h3"]))) { margin-block-start: 12px; }
.material-library .ml-collection-grid .ml-card-media { overflow: hidden; }
.material-library .ml-collection-grid .ml-card-media img { width: 100%; height: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.material-library .ml-overview-tile { display: block; min-width: 0; }
.material-library .ml-overview-tile :is(h3,:where([data-seo-heading="h3"],[data-seo-caption="h3"])) { margin-block-start: 12px; text-transform: uppercase; }
.material-library .ml-overview-card a:hover :is(:is(h2,:where([data-seo-heading="h2"],[data-seo-caption="h2"])),:is(h3,:where([data-seo-heading="h3"],[data-seo-caption="h3"]))),.material-library a.ml-overview-card:hover :is(:is(h2,:where([data-seo-heading="h2"],[data-seo-caption="h2"])),:is(h3,:where([data-seo-heading="h3"],[data-seo-caption="h3"]))) { text-decoration: underline; text-underline-offset: .2em; }
.material-library .ml-view-all { display: flex; justify-content: center; margin-block: var(--r-7) var(--r-8); }
.material-library .ml-view-all a { color: var(--gruen); text-underline-offset: .24em; }
.material-library .ml-controls { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: var(--r-5); align-items: start; margin-block: var(--r-5) var(--r-6); padding-block: var(--r-5); border-block: 1px solid var(--linie); }
.material-library .ml-filter-host { min-width: 0; }
.material-library .ml-filter-content { display: grid; gap: var(--r-5); min-width: 0; }
.material-library .ml-filter-group { margin: 0; padding: 0; border: 0; min-width: 0; }
.material-library .ml-filter-group > :is(legend,:is(h2,:where([data-seo-heading="h2"],[data-seo-caption="h2"])),:is(h3,:where([data-seo-heading="h3"],[data-seo-caption="h3"])),p) { margin-block-end: var(--r-3); color: var(--grau); font: inherit; font-size: var(--gr-mini); }
.material-library .ml-chips { display: flex; flex-wrap: wrap; gap: var(--r-2); min-width: 0; }
.material-library [data-library-filter]:not(.ml-picture-choice) { display: inline-flex; min-height: 44px; max-width: 100%; align-items: center; justify-content: center; padding: var(--r-2) var(--r-4); border: 1px solid var(--linie); border-radius: var(--rund-pille); background: var(--grund); color: var(--tinte); font: inherit; font-size: var(--gr-klein); line-height: 1.3; text-align: center; text-decoration: none; overflow-wrap: anywhere; cursor: pointer; }
.material-library [data-library-filter]:not(.ml-picture-choice)[aria-pressed="true"] { border-color: var(--gruen); background: var(--gruen); color: var(--grund); -webkit-text-fill-color: var(--grund); }
.material-library [data-library-filter]:not(.ml-picture-choice):hover { border-color: var(--gruen); }
.material-library .ml-sort { display: grid; gap: var(--r-2); min-width: 0; color: var(--grau); font-size: var(--gr-mini); }
.material-library .ml-sort > label { display: grid; gap: var(--r-2); }
.material-library [data-library-sort] { width: 100%; max-width: 16rem; min-height: 44px; margin: 0; padding: var(--r-2) var(--r-4); border: 1px solid var(--linie); border-radius: var(--rund-pille); background: var(--grund); color: var(--tinte); -webkit-text-fill-color: var(--tinte); font-family: inherit; font-size: var(--gr-klein); }
.material-library .ml-result-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--r-3); margin-block-end: var(--r-6); font-size: var(--gr-klein); color: var(--grau); }
.material-library .ml-results { margin-block-end: var(--r-6); color: var(--grau); font-size: var(--gr-klein); }
.material-library [data-library-reset] { min-height: 44px; padding: var(--r-2) 0; border: 0; background: transparent; color: var(--gruen); font: inherit; font-size: var(--gr-klein); text-decoration: underline; text-underline-offset: .2em; cursor: pointer; }
.material-library [data-library-grid] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px var(--r-5); align-items: start; min-width: 0; }
/* Cached markup must not reintroduce full-width breaks between material types. */
.material-library [data-library-group] { display: none !important; }
.material-library .ml-card { position: relative; display: block; min-width: 0; margin: 0; padding: 0; border: 0; background: transparent; color: var(--tinte); }
.material-library .ml-card-media { position: relative; display: block; width: 100%; aspect-ratio: 3 / 2; margin: 0; background: var(--kalk); border-radius: var(--rund-bild); }
.material-library .ml-card-link { display: block; min-width: 0; color: inherit; text-decoration: none; }
.material-library .favorite-photo-shell { position: relative; display: block; width: 100%; min-width: 0; }
.material-library .ml-card-media > a, .material-library .ml-card-media > .favorite-photo-shell, .material-library .ml-card-media .favorite-photo-shell > a { display: block; position: relative; width: 100%; height: 100%; }
.material-library .ml-card-media :is(picture,img) { display: block; width: 100%; height: 100%; min-width: 0; aspect-ratio: auto; margin: 0; object-fit: contain; border-radius: var(--rund-bild); }
.material-library .ml-card-media .ml-card-secondary { position: absolute; inset: 0; opacity: 0; pointer-events: none; }
/* Article frames follow the actual photo; overview illustrations and the
   approved detail layout keep their own presentation. Applies to future items. */
.material-library [data-library-grid] .ml-card-media { height: auto; aspect-ratio: auto; background: transparent; }
.material-library [data-library-grid] .ml-card-media > a,
.material-library [data-library-grid] .ml-card-media > .favorite-photo-shell,
.material-library [data-library-grid] .ml-card-media .favorite-photo-shell > a,
.material-library [data-library-grid] .ml-card-media picture { height: auto; }
.material-library [data-library-grid] .ml-card-media img.ml-card-primary { width: 100%; height: auto; aspect-ratio: auto; }
.material-library [data-library-grid] .ml-card-media img.ml-card-secondary { height: 100%; }
.material-library [data-library-grid][data-library-compact] { position: relative; display: block; height: var(--ml-layout-height); }
.material-library [data-library-grid][data-library-compact] > [data-library-compact-item] {
 position: absolute;
 inset-inline-start: var(--ml-layout-x);
 top: var(--ml-layout-y);
 width: var(--ml-layout-width);
 margin: 0;
}
.material-library :is(.ml-placeholder,.ml-card-placeholder) { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-width: 0; aspect-ratio: 3 / 2; padding: var(--r-4); background: var(--kalk); color: var(--grau); font-size: var(--gr-mini); text-align: center; }
.material-library .ml-card-title { margin-block-start: var(--r-4); font-family: var(--schrift-text); font-size: var(--gr-text); font-weight: 400; line-height: 1.3; text-transform: none; overflow-wrap: anywhere; }
.material-library .ml-card-price, .material-library .ml-card-colors { margin-block-start: var(--r-2); color: var(--grau); font-size: var(--gr-klein); line-height: 1.4; }
.material-library .ml-card-link:hover .ml-card-title { text-decoration: underline; text-underline-offset: .2em; }
.material-library :is(.ml-card,.ml-detail-image) .favorite-photo-actions { position: absolute; z-index: 3; inset: auto; inset-inline-end: var(--favorite-photo-right,var(--r-2)); inset-block-end: var(--favorite-photo-bottom,var(--r-2)); display: flex; gap: var(--r-2); }
.material-library :is(.ml-card,.ml-detail-image) .favorite-photo-actions .favorite-save { position: static; display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; width: auto; height: 44px; padding: var(--r-2); margin: 0; border: 1px solid var(--linie); border-radius: var(--rund-pille); background: var(--grund); color: var(--gruen); -webkit-text-fill-color: var(--gruen); }
.material-library :is(.ml-card,.ml-detail-image) .favorite-photo-actions .favorite-save[aria-pressed="true"] { background: var(--gruen); color: var(--grund); -webkit-text-fill-color: var(--grund); }
.material-library :is(.ml-card,.ml-detail-image) .favorite-photo-actions svg { width: 22px; height: 22px; }
.material-library [data-library-empty] { margin-block: var(--r-7); color: var(--grau); font-size: var(--gr-text); }
.material-library [data-library-filters-open] { display: none; }
.material-library dialog[data-library-dialog] { max-width: min(42rem,100%); border: 1px solid var(--linie); border-radius: var(--rund-flaeche) var(--rund-flaeche) 0 0; background: var(--grund); color: var(--tinte); }
.material-library dialog[data-library-dialog]::backdrop { background: var(--glas-dunkel); }
.material-library .ml-dialog-heading { display: flex; justify-content: space-between; align-items: center; gap: var(--r-4); margin-block-end: var(--r-6); }
.material-library .ml-dialog-heading :is(h2,:where([data-seo-heading="h2"],[data-seo-caption="h2"])) { font-family: var(--schrift-titel); font-size: var(--gr-h3); font-weight: 400; }
.material-library :is([data-library-filters-close],.ml-dialog-results) { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; max-width: 100%; padding: var(--r-2) var(--r-4); border: 1px solid var(--linie); border-radius: var(--rund-pille); background: var(--grund); color: var(--tinte); font: inherit; font-size: var(--gr-klein); cursor: pointer; }
.material-library .ml-dialog-results { width: 100%; margin-block-start: var(--r-6); background: var(--gruen); border-color: var(--gruen); color: var(--grund); -webkit-text-fill-color: var(--grund); }
.material-library .ml-dialog-results-count { font-variant-numeric: tabular-nums; }
.material-library .ml-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.material-library .ml-detail-layout { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); align-items: start; gap: var(--r-7); margin-block: var(--r-6) var(--r-8); }
.material-library .ml-detail-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: var(--r-5); min-width: 0; }
.material-library .ml-detail-image { margin: 0; min-width: 0; }
.material-library .ml-detail-image a { display: block; min-width: 0; }
.material-library .ml-detail-image img { display: block; width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; border-radius: var(--rund-bild); }
.material-library .ml-detail-image figcaption { margin-block-start: var(--r-2); color: var(--grau); font-size: var(--gr-mini); }
.material-library .ml-detail-info { margin: 0; min-width: 0; }
.material-library .ml-detail-info :is(dt,dd) { margin: 0; padding-block: var(--r-3); border-block-end: 1px solid var(--linie); line-height: var(--zeile-text); }
.material-library .ml-detail-info dt { padding-block-end: 0; border-block-end: 0; color: var(--grau); font-size: var(--gr-mini); }
.material-library .ml-detail-info dd { overflow-wrap: anywhere; }
.material-library .ml-detail-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--r-3); margin-block: var(--r-5); }
.material-library .ml-detail-actions a { color: var(--gruen); text-underline-offset: .2em; }
@media (hover: hover) and (pointer: fine) {
 .material-library .ml-card-media:has(.ml-card-secondary):is(:hover,:focus-within) .ml-card-secondary { opacity: 1; }
}
@media (min-width: 701px) {
 .material-library .ml-card-link:focus-visible .ml-card-secondary { opacity: 1; }
}
@media (min-width: 701px) and (max-width: 1100px) {
 .material-library [data-library-grid] { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .material-library .ml-controls { grid-template-columns: minmax(0,1fr); }
 .material-library .ml-sort { justify-self: end; }
 .material-library .ml-discovery-grid { gap: var(--r-5); }
}
@media (max-width: 700px) {
 .material-library .ml-intro { margin-block: var(--r-5) var(--r-6); }
 .material-library .ml-section { margin-block: var(--r-7); }
 .material-library .ml-intro > p { font-size: var(--gr-text); }
 .material-library [data-library-grid] { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px var(--r-3); }
 .material-library .ml-discovery-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--r-6) 12px; }
 .material-library .ml-collection-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--r-6) 12px; }
 .material-library .ml-overview-card :is(:is(h2,:where([data-seo-heading="h2"],[data-seo-caption="h2"])),:is(h3,:where([data-seo-heading="h3"],[data-seo-caption="h3"]))) { font-size: var(--gr-h3); }
 .material-library .ml-overview-card p { font-size: var(--gr-mini); }
 .material-library .ml-controls { grid-template-columns: minmax(0,1fr); gap: var(--r-3); margin-block: var(--r-4) var(--r-3); padding-block: var(--r-3); }
 .material-library[data-library-enhanced] .ml-controls { grid-template-columns: auto minmax(0,1fr); }
 .material-library[data-library-enhanced] [data-library-filters-open] { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; align-self: end; padding: var(--r-2) var(--r-4); border: 1px solid var(--linie); border-radius: var(--rund-pille); background: var(--grund); color: var(--tinte); font: inherit; font-size: var(--gr-klein); cursor: pointer; }
 .material-library[data-library-enhanced] [data-library-filter-host] { grid-column: 1 / -1; }
 .material-library[data-library-enhanced] [data-library-filter-host]:empty { display: none; }
 .material-library .ml-sort { justify-self: stretch; font-size: var(--gr-mini); }
 .material-library [data-library-sort] { max-width: none; min-width: 0; padding-inline: var(--r-3); font-size: var(--gr-mini); }
 .material-library .ml-result-bar { margin-block-end: var(--r-4); font-size: var(--gr-mini); }
 .material-library [data-library-reset] { font-size: var(--gr-mini); }
 .material-library .ml-card-title { margin-block-start: var(--r-3); font-size: var(--gr-klein); }
 .material-library .ml-card-price, .material-library .ml-card-colors { font-size: var(--gr-mini); }
 .material-library :is(.ml-card,.ml-detail-image) .favorite-photo-actions { inset-inline-end: var(--favorite-photo-right,var(--r-1)); inset-block-end: var(--favorite-photo-bottom,var(--r-1)); gap: var(--r-1); }
 .material-library :is(.ml-card,.ml-detail-image) .favorite-photo-actions .favorite-save { min-width: 44px; padding-inline: var(--r-2); }
 .material-library dialog[data-library-dialog] { position: fixed; inset: auto 0 0; width: 100%; max-width: 100%; max-height: 85vh; max-height: 85dvh; margin: 0; padding: var(--r-5) var(--rand) max(var(--r-5),env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain; }
 .material-library dialog[data-library-dialog] .ml-filter-content { display: grid; }
 .material-library .ml-detail-layout { grid-template-columns: minmax(0,1fr); gap: var(--r-6); }
 .material-library .ml-detail-gallery { gap: var(--r-3); }
}

/* Owner-approved fabric finder, 27 October 2026. Scoped to the material library. */
.material-library .ml-finder { margin-block-start: 20px; }
.material-library .ml-intro { margin-block: 24px 20px; }
.material-library .ml-intro :is(h1,:where([data-seo-heading="h1"],[data-seo-caption="h1"])) { font-size: clamp(40px,5.5vw,72px); margin-block: 0 12px; }
.material-library .ml-search { display: grid; gap: 10px; max-width: 860px; }
.material-library .ml-search > label { font-size: 14px; }
.material-library .ml-search-row { display: flex; align-items: stretch; gap: 10px; min-width: 0; }
.material-library .ml-search input[type="search"] { flex: 1; min-width: 0; width: 100%; min-height: 54px; border: 1px solid var(--linie); border-radius: 999px; background: transparent; padding: 14px 20px; font: inherit; font-size: 16px; color: var(--tinte); -webkit-text-fill-color: var(--tinte); }
.material-library .ml-search input::placeholder { color: var(--grau); opacity: 1; }
.material-library .ml-search button, .material-library .ml-more, .material-library .ml-view-switch a, .material-library .ml-active-filters button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; max-width: 100%; padding: 10px 20px; border: 1px solid var(--linie); border-radius: 999px; background: transparent; color: var(--tinte); font: inherit; text-decoration: none; cursor: pointer; }
.material-library .ml-search p, .material-library .ml-colour-hint { font-size: 13px; color: var(--grau); line-height: 1.5; }
.material-library .ml-controls { gap: 12px 24px; margin-block: 20px 12px; padding-block: 16px; }
.material-library .ml-filter-content { gap: 14px; }
.material-library .ml-filter-group legend { margin-block-end: 8px; }
.material-library .ml-chips { gap: 8px; }
.material-library .ml-collection-links { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 18px; padding-block: 4px 18px; font-size: 13px; }
.material-library .ml-collection-links span { color: var(--grau); }
.material-library .ml-collection-links a { display: inline-flex; align-items: center; min-height: 44px; color: var(--tinte); text-underline-offset: 4px; }
.material-library .ml-result-bar { margin-block: 0 16px; }
.material-library .ml-result-bar .ml-results { margin: 0; }
.material-library .ml-view-switch { display: flex; gap: 6px; }
.material-library .ml-view-switch a { font-size: 14px; padding-inline: 18px; }
.material-library .ml-view-switch a[aria-pressed="true"] { border-color: var(--gruen); box-shadow: none; }
.material-library .ml-active-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-block-end: 16px; }
.material-library .ml-active-filters:empty { display: none; }
.material-library .ml-active-filters button { font-size: 13px; padding: 8px 14px; }
.material-library .ml-colour-hint { margin-block-end: 16px; }
.material-library .ml-more { margin: 24px auto; }
.material-library [data-library-grid] .ml-card-media:has(.ml-card-placeholder) { aspect-ratio: 3/2; }
@media(min-width:1101px){ .material-library [data-library-grid] { max-width: 1100px; margin-inline: auto; } }
@media(max-width:700px){
 .material-library .ml-intro { margin-block: 20px 18px; }
 .material-library .ml-search-row { gap: 8px; }
 .material-library .ml-search button { padding-inline: 16px; font-size: 14px; }
 .material-library .ml-search input[type="search"] { padding-inline: 14px; }
 .material-library .ml-controls { margin-block: 16px 12px; }
 .material-library .ml-collection-links { gap: 0 16px; padding-block-end: 12px; }
 .material-library .ml-result-bar { gap: 10px; }
 .material-library .ml-view-switch a { padding-inline: 12px; }
}

/* Owner-approved vertical material picture filters, 27 October 2026. */
.material-library .ml-picture-filter { min-width: 0; margin: 24px 0; padding: 0; border: 0; }
.material-library .ml-picture-filter > legend { padding: 0; margin-block-end: 12px; font-size: 14px; }
.material-library .ml-picture-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px 16px; }
.material-library .ml-picture-choice { display: block; min-width: 0; padding: 0; border: 0; background: transparent; color: var(--tinte); text-decoration: none; }
.material-library .ml-picture-choice .ml-card-media { display: block; width: 100%; aspect-ratio: 3/2; overflow: hidden; border-radius: var(--rund-bild); }
.material-library .ml-picture-choice img { display: block; width: 100%; height: 100%; object-fit: cover; }
.material-library .ml-picture-label { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 10px 2px 4px; font-size: 14px; line-height: 1.35; overflow-wrap: anywhere; }
.material-library .ml-picture-count { flex: 0 0 auto; color: var(--grau); font-size: 12px; }
.material-library .ml-picture-choice[aria-pressed="true"] .ml-card-media { outline: 2px solid var(--gruen); outline-offset: 3px; }
.material-library .ml-picture-choice[aria-pressed="true"] .ml-picture-label { text-decoration: underline; text-underline-offset: 4px; }
@media(max-width:700px){
 .material-library .ml-picture-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 12px; }
 .material-library .ml-picture-label { font-size: 13px; gap: 5px; }
}

[data-seo-heading]{display:block}
.kitchen-planner-heading{padding-bottom:0}