/* Content editing uses the existing internal and public design tokens. */
.content-area-tabs { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 24px; }
.content-editor .internal-panel { margin-bottom:24px; }
.content-editor-grid { display:grid; grid-template-columns:minmax(0, 3fr) minmax(0, 2fr); gap:24px; }
.content-block-form { display:grid; gap:16px; }
.content-block-form fieldset { min-width:0; border:1px solid #ddd; border-radius:10px; padding:16px; display:grid; gap:12px; }
.content-block-form legend { padding:0 6px; font-weight:600; }
.content-block-row { display:flex; flex-wrap:wrap; gap:10px; align-items:center; padding:16px 0; border-top:1px solid #e6e6e6; }
.content-block-row > div { flex:1 1 220px; min-width:0; overflow-wrap:anywhere; }
.content-block-row small { display:block; margin-top:6px; color:#666; }
.content-block-row form { display:flex; gap:6px; }
.content-block-row button:disabled { opacity:.4; cursor:default; }
.content-media-grid, .managed-gallery { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:16px; margin-top:24px; }
.content-media-grid figure, .managed-gallery figure { margin:0; }
.content-media-grid img { width:100%; height:120px; object-fit:contain; background:#f3f3f3; border-radius:8px; }
.content-media-grid figcaption { font-size:.8rem; margin-top:6px; }
.managed-block__text { white-space:pre-wrap; overflow-wrap:anywhere; }
.managed-block__copy h2 { overflow-wrap:anywhere; }
.managed-block--muted { background:#f3f1ed; }
.managed-block__inner.split-block { grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr)); margin-top:0; }
.managed-block--image-left > img { order:-1; }
.managed-gallery { grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); }
.managed-gallery img { width:100%; height:260px; object-fit:cover; border-radius:12px; }
.managed-gallery figcaption { padding-top:8px; overflow-wrap:anywhere; }
.bereichsseite.content-preview { padding-top:0; }
.content-preview-head { padding-top:40px; padding-bottom:40px; }
.content-preview-head form { margin-top:24px; display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
.content-preview-head label { display:flex; gap:10px; align-items:center; }
@media (max-width:900px) { .content-editor-grid { grid-template-columns:1fr; } }
@media (max-width:700px) {
    .content-preview-head form { align-items:stretch; flex-direction:column; }
    .content-block-row > div { flex-basis:100%; }
}

/* Review and editor retain the internal application's visual language. */
.content-eyebrow { display:block; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.09em; color:#737973; margin-bottom:8px; }
.content-editor .internal-panel { border-radius:18px; }
.content-block-row { border:1px solid var(--line); border-radius:12px; padding:16px; margin:12px 0; background:#fff; }
.content-block-row strong { font-size:17px; }
.content-remove { color:#a5141c; }
.content-example { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:16px 0; }
.content-example span { font-size:13px; color:var(--muted); }
.content-review .internal-header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:20px; }
.content-review-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(270px,320px); gap:24px; align-items:start; }
.content-preview-frame { min-width:0; border:1px solid var(--line); border-radius:18px; overflow:hidden; background:var(--paper); }
.content-preview-caption { padding:20px 24px; background:#fff; border-bottom:1px solid var(--line); display:flex; flex-direction:column; gap:4px; }
.content-preview-caption span { font-size:13px; color:var(--muted); }
.content-release-panel { position:sticky; top:24px; display:grid; gap:16px; border-radius:18px; }
.content-release-panel h2,.content-release-panel p { margin:0; }
.content-badge { justify-self:start; padding:5px 10px; border-radius:999px; background:#f0eee8; color:#6b6045; font-size:12px; font-weight:600; }
.content-review-titles { margin:0; padding-left:20px; overflow-wrap:anywhere; }
.content-review-titles li { margin:6px 0; }
.content-release-form { display:grid; gap:18px; padding-top:16px; border-top:1px solid var(--line); }
.content-release-form label { display:flex; align-items:flex-start; gap:10px; font-size:14px; }
.content-release-form input { margin-top:5px; flex:none; }
.content-empty { padding:32px; }
@media(max-width:1100px) { .content-review-grid { grid-template-columns:minmax(0,1fr); } .content-release-panel { position:static; } }
.content-example .internal-chip { max-width:100%; white-space:normal; text-align:left; height:auto; line-height:1.4; padding:10px 14px; }
.content-editor .internal-panel h2 { overflow-wrap:anywhere; }

/* Editable promotional block mirrors the original Lagerverkauf, including its red panel. */
.managed-sale { margin-top:clamp(32px,4vw,64px); container-type:inline-size; }
.managed-sale .sale__copy { padding:clamp(24px,4.5cqw,64px); }
.managed-sale .sale__copy h2 { margin:0; color:#fff; font:700 clamp(38px,8.5cqw,128px)/.85 'Bricolage Grotesque',sans-serif; letter-spacing:-.05em; white-space:pre-line; overflow-wrap:anywhere; }
.managed-sale .sale__copy > span { color:#fff; }
.managed-sale .sale__copy p { white-space:pre-wrap; }
.managed-sale .sale__image img { height:100%; }
.content-preview .managed-sale { width:calc(100% - 32px); padding-inline:0; margin-bottom:32px; }
@media(max-width:1100px) { .content-preview .managed-sale { grid-template-columns:1fr; } }

.managed-colored { background:var(--content-background) !important; color:var(--content-foreground); }
.managed-colored .managed-block__copy h2,.managed-colored .managed-block__text,.managed-colored .sale__copy h2,.managed-colored .sale__copy p,.managed-colored .sale__copy > span,.managed-colored figcaption { color:var(--content-foreground) !important; }
.managed-colored .sale__copy { background:var(--content-background); }
.content-color-field { display:grid; gap:12px; border:1px solid var(--line); padding:16px; border-radius:12px; min-width:0; }
.content-color-field input[type=color] { width:100%; height:44px; padding:3px; cursor:pointer; }
.content-media-grid figure { display:flex; flex-direction:column; gap:8px; }
.content-media-grid small { color:var(--muted); overflow-wrap:anywhere; }

/* Website-Inhalte: editor and draft preview from the supplied design. */
.content-editor { background:#F3F4F0; min-width:0; }
.content-editor .internal-header { display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px; align-items:flex-end; }
.content-flow { display:flex; flex-wrap:wrap; gap:4px; background:#fff; border:1px solid #E0E1DC; border-radius:24px; padding:6px; font-size:13px; }
.content-flow span { padding:8px 12px; border-radius:20px; color:#6A7078; }
.content-flow .is-active {background:var(--selection-bg);color:var(--selection-ink); ;border-color:var(--selection-border)}
.content-area-tabs { gap:8px; }
.content-area-tab { display:flex; align-items:center; gap:10px; border:1.5px solid #E0E1DC; border-radius:16px; padding:8px 16px 8px 8px; background:#F8F8F5; color:#16191D; }
.content-area-tab.is-active {border-color:var(--selection-border);background:var(--selection-bg); ;color:var(--selection-ink)}
.content-area-tab img { width:40px; height:40px; object-fit:contain; }
.content-area-tab span { display:grid; gap:3px; } .content-area-tab small { font-size:12px; color:#6A7078; }
.content-workspace { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,440px); gap:20px; align-items:start; }
.content-workspace-main { min-width:0; } .content-workspace-preview { position:sticky; top:20px; min-width:0; }
.content-editor-grid { grid-template-columns:minmax(0,1fr); gap:0; }
.content-editor .internal-panel { border:1px solid #E6E6E1; border-radius:20px; padding:20px; margin-bottom:16px; background:#fff; }
.content-editor .internal-panel h2 { font:600 19px 'Bricolage Grotesque',sans-serif; }
.content-editor .content-block-row { gap:8px; padding:12px; margin:0; border:0; border-top:1px solid #EFEFEB; border-radius:0; }
.content-block-row.is-selected {background:var(--selection-bg); border-left:3px solid var(--selection-border); ;border-color:var(--selection-border);color:var(--selection-ink)}
.content-block-swatch { display:grid; place-items:center; width:48px; height:42px; border-radius:8px; background:var(--content-background,#EFE7DA); color:var(--content-foreground,#16191D); flex:none; }
.content-editor .content-block-row > div { flex:1 1 160px; }
.content-editor .content-block-row strong { font-size:16px; }
.content-editor .content-block-row small { font-size:12px; margin-top:3px; }
.content-swatches { display:flex; flex-wrap:wrap; gap:8px; }
.content-swatch { width:40px; height:40px; border:2px solid #D0D1CB; box-shadow:inset 0 0 0 2px #fff; border-radius:12px; cursor:pointer; }
.content-live-heading { display:flex; justify-content:space-between; align-items:center; gap:8px; padding-bottom:12px; font-size:14px; }
.content-device-switch { display:flex; gap:4px; background:#F1F1EC; padding:3px; border-radius:10px; }
.content-device-switch button { width:34px; height:30px; border:0; border-radius:8px; background:transparent; cursor:pointer; }
.content-device-switch button[aria-pressed=true] {background:var(--selection-bg);box-shadow:0 0 0 1px var(--selection-border); ;border-color:var(--selection-border);color:var(--selection-ink)}
.content-live-stage { display:flex; justify-content:center; padding:14px; background:#E9EAE5; border-radius:12px; }
.content-live-preview { width:100%; min-width:0; border-radius:12px; overflow:hidden; box-shadow:0 4px 18px #16191D20; display:grid; transition:width .3s; }
.content-live-preview.has-image { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); }
.content-live-copy { padding:24px; min-width:0; display:flex; flex-direction:column; justify-content:center; gap:10px; }
.content-live-copy strong { font-size:13px; } .content-live-copy h2 { font:700 44px/.95 'Bricolage Grotesque',sans-serif !important; margin:0; white-space:pre-line; }
.content-live-copy p { font-size:13px; line-height:1.5; white-space:pre-wrap; margin:0; }
.content-live-copy>* { overflow-wrap:anywhere; color:inherit; }
.content-live-preview img { width:100%; height:100%; min-height:160px; object-fit:cover; }
.content-live-preview[data-layout=ImageLeft] .content-live-copy { order:2; }
.content-live-preview.is-mobile { width:240px; grid-template-columns:1fr; }
.content-live-preview.is-mobile .content-live-copy { order:0; padding:18px; }
.content-live-preview.is-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); } .content-live-preview.is-gallery .content-live-copy { grid-column:1/-1; }
.content-live-button { align-self:flex-start; border-radius:24px; padding:10px 16px; background:#fff; color:#16191D; font-size:13px; font-weight:600; }
.content-media-pick { padding:0; border:2px solid transparent; border-radius:10px; background:transparent; cursor:pointer; width:100%; } .content-media-pick:hover { border-color:#16191D; }
@media(max-width:1200px) { .content-workspace { grid-template-columns:minmax(0,1fr); } .content-workspace-preview { position:static; } }
@media(max-width:600px) { .content-editor .internal-panel { padding:14px; } .content-live-preview.has-image { grid-template-columns:1fr; } .content-live-preview .content-live-copy { order:0; } .content-flow { font-size:11px; } }