:root {
	/* Core colors */
	--cs-color-bg: #F4F5F7;
	--cs-color-white: #FFF;
	--cs-color-surface: #FFF;
	--cs-color-surface-muted: #F8FAFC;
	--cs-color-surface-subtle: #F1F5F9;
	--cs-color-surface-overlay: rgba(255, 255, 255, .9);

	--cs-color-template: #7C3AED;
	
	--cs-color-border: #d8dde6;
	--cs-color-border-soft: #e2e8f0;
	--cs-color-border-control: #cbd5e1;
	--cs-color-border-strong: #94a3b8;

	--cs-color-text: #1d2433;
	--cs-color-text-strong: #0f172a;
	--cs-color-text-muted: #475569;
	--cs-color-text-soft: #64748b;
	--cs-color-text-inverse: #ffffff;
	--cs-color-text-subtle: #94a3b8;

	--cs-color-primary: #2563eb;
	--cs-color-primary-hover: #1d4ed8;
	--cs-color-primary-soft: #dbeafe;
	--cs-color-primary-tint: #eef2ff;
	--cs-color-primary-tint-strong: #e0e7ff;
	--cs-color-focus: #6366f1;

	--cs-color-danger: #dc2626;
	/* #15803d hatte als Text auf Weiß nur ~2,9:1 Kontrast; #15803d erreicht ~5:1 (WCAG AA). */
	--cs-color-success: #15803d;
	--cs-color-success-soft: #f0fdf4;
	--cs-color-danger-soft: #fef2f2;

	--cs-color-zone: #0ea5e9;
	--cs-color-zone-soft: #e0f2fe;
	--cs-color-zone-active: #bae6fd;

	--cs-color-selected: #f59e0b;
	--cs-color-warning: #f59e0b;
	--cs-color-warning-strong: #b45309;
	--cs-color-warning-text: #92400e;
	--cs-color-warning-soft: #fffbeb;
	--cs-color-warning-urgent: #d11010;
	--cs-color-code-bg: #0f172a;
	--cs-color-code-text: #e2e8f0;

	--cs-color-on-primary: #FFF;

	/* Typography */
	--cs-font-size-xs: .75rem;
	--cs-font-size-sm: .875rem;
	--cs-font-size-base: 1rem;
	--cs-font-size-lg: 1.125rem;
	--cs-font-size-xl: 1.25rem;
	
	/* Spacing */
	--cs-space-0: 0;
	--cs-space-1: .25rem;
	--cs-space-2: .5rem;
	--cs-space-3: .75rem;
	--cs-space-4: 1rem;
	--cs-space-5: 1.25rem;
	--cs-space-6: 1.5rem;
	--cs-space-8: 2rem;

	/* Radii */
	--cs-radius-xs: 5px;
	--cs-radius-sm: 8px;
	--cs-radius-md: 10px;
	--cs-radius-lg: 12px;
	--cs-radius-xl: 16px;
	--cs-radius-2xl: 20px;
	--cs-radius-pill: 999px;

	/* Borders */
	--cs-border: 1px solid var(--cs-color-border);
	--cs-border-soft: 1px solid var(--cs-color-border-soft);
	--cs-border-control: 1px solid var(--cs-color-border-control);
	--cs-border-strong: 1px solid var(--cs-color-border-strong);

	/* Shadows */
	--cs-shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);
	--cs-shadow-md: 0 1px 3px rgba(15, 23, 42, .06);
	--cs-shadow-lg: 0 10px 25px rgba(15, 23, 42, .08);
	--cs-shadow-panel: 0 0 100px rgba(0, 0, 0, .2);
	--cs-shadow-context: 0 16px 40px rgba(15, 23, 42, .2);
	--cs-shadow-focus: inset 0 0 0 3px rgba(99, 102, 241, .14);

	/* Monospace für Code, IDs und technische Werte */
	--cs-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

	/* Legacy aliases - nur noch für bestehendes Projekt-CSS; Core- und Editor-Styles verwenden die --cs-*-Tokens. */
	--bg: var(--cs-color-bg);
	--panel: var(--cs-color-surface);
	--border: var(--cs-color-border);
	--border-strong: var(--cs-color-border-strong);
	--text: var(--cs-color-text);
	--muted: var(--cs-color-text-soft);
	--primary: var(--cs-color-primary);
	--primary-soft: var(--cs-color-primary-soft);
	--danger: var(--cs-color-danger);
	--zone: var(--cs-color-zone);
	--zone-soft: var(--cs-color-zone-soft);
	--selected: var(--cs-color-selected);
	--shadow: var(--cs-shadow-lg);
	
	
	--cs-control-height-sm: 2rem;
	--cs-control-height-md: 2.5rem;
	--cs-control-height-lg: 3rem;

	--cs-control-padding-x-sm: .6rem;
	--cs-control-padding-x-md: .85rem;
	--cs-control-padding-x-lg: 1rem;

	--cs-control-bg: var(--cs-color-surface);
	--cs-control-bg-hover: var(--cs-color-surface-muted);
	--cs-control-bg-active: var(--cs-color-primary-tint);

	--cs-control-border: var(--cs-color-border);
	--cs-control-border-hover: var(--cs-color-primary);
	--cs-control-border-focus: var(--cs-color-primary);

	--cs-control-text: var(--cs-color-text);
	--cs-control-text-muted: var(--cs-color-text-muted);

	--cs-icon-button-size-sm: 2rem;
	--cs-icon-button-size-md: 2.5rem;
	--cs-icon-button-size-lg: 3.125rem;

	--cs-panel-padding-sm: .75rem;
	--cs-panel-padding-md: 1rem;
	--cs-panel-padding-lg: 1.25rem;

	--cs-panel-bg: var(--cs-color-surface);
	--cs-panel-bg-muted: var(--cs-color-surface-muted);
	--cs-panel-border: var(--cs-color-border);
	
	/* ICONS */
	
	--default-icon-preview: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M15.25 11.5c.966 0 1.75.784 1.75 1.75v4A1.75 1.75 0 0 1 15.25 19h-4.775l-.05-.05c.368-.737.575-1.57.575-2.45c0-1.177-.37-2.268-1-3.163V13h-.257a5.5 5.5 0 0 0-1.672-1.363c.209-.088.438-.137.679-.137zM11.5 16v1.5h3.75a.25.25 0 0 0 .25-.25V16zm4-1.5v-1.25a.25.25 0 0 0-.25-.25H11.5v1.5zm2.5 6h-6.025l.512.513c.278.277.443.626.495.987H18a2 2 0 0 0 2-2V9.828a2 2 0 0 0-.586-1.414l-5.829-5.828A2.1 2.1 0 0 0 12.172 2H6a2 2 0 0 0-2 2v7.207A5.5 5.5 0 0 1 5.5 11V4a.5.5 0 0 1 .5-.5h6V8a2 2 0 0 0 2 2h4.5v10a.5.5 0 0 1-.5.5m-.622-12H14a.5.5 0 0 1-.5-.5V4.621zM5.5 21a4.5 4.5 0 0 0 2.607-.832l2.613 2.612a.75.75 0 1 0 1.06-1.06l-2.612-2.613A4.5 4.5 0 1 0 5.5 21m0-1.5a3 3 0 1 1 0-6a3 3 0 0 1 0 6'/%3E%3C/svg%3E");
	--default-icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='m16.622 15.172l4.244 4.244l-1.414 1.415l-4.24-4.24a7 7 0 1 1 1.41-1.42zM16 11a5 5 0 1 0-10 0a5 5 0 0 0 10 0'/%3E%3C/svg%3E");
	--default-icon-magic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M14 1.5a.5.5 0 0 0-1 0V2h-.5a.5.5 0 0 0 0 1h.5v.5a.5.5 0 0 0 1 0V3h.5a.5.5 0 0 0 0-1H14zm-10 2a.5.5 0 0 0-1 0V4h-.5a.5.5 0 0 0 0 1H3v.5a.5.5 0 0 0 1 0V5h.5a.5.5 0 0 0 0-1H4zm9 8a.5.5 0 0 1-.5.5H12v.5a.5.5 0 0 1-1 0V12h-.5a.5.5 0 0 1 0-1h.5v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 .5.5M8.73 4.563a1.914 1.914 0 0 1 2.707 2.708l-.48.48L8.25 5.042zM7.543 5.75l2.707 2.707l-5.983 5.983a1.914 1.914 0 0 1-2.707-2.707z'/%3E%3C/svg%3E");
	--default-icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M15.891 3.047a3.578 3.578 0 1 1 5.061 5.06L20.061 9a3.25 3.25 0 0 1-.005 4.592l-1.783 1.783a.75.75 0 1 1-1.061-1.06l1.783-1.784A1.75 1.75 0 0 0 19 10.06l-9.998 10a3.1 3.1 0 0 1-1.477.825L2.924 21.98a.75.75 0 0 1-.904-.903l1.096-4.602c.133-.559.419-1.07.825-1.476z'/%3E%3C/svg%3E");
	--default-icon-favorite-0: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23000' d='M5.41 2.515a2.39 2.39 0 0 0-3.2.213c-.95.974-.946 2.558.008 3.536L5.75 9.887c.146.15.384.15.53 0l3.513-3.602a2.55 2.55 0 0 0-.01-3.535a2.396 2.396 0 0 0-3.45-.009l-.336.345l-.34-.35a3 3 0 0 0-.246-.22m1.638.924a1.396 1.396 0 0 1 2.018.009c.577.592.577 1.553.009 2.14l-.001.001l-3.06 3.138l-3.08-3.16a1.547 1.547 0 0 1-.008-2.141a1.394 1.394 0 0 1 2.014.009l.34.349a1 1 0 0 0 1.433 0z'/%3E%3C/svg%3E");
	--default-icon-favorite-1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M7.541 3.948a3.25 3.25 0 0 0-4.595-.012a3.25 3.25 0 0 0 .012 4.595l4.707 4.708a.5.5 0 0 0 .707 0l4.683-4.68a3.25 3.25 0 0 0-.012-4.594a3.25 3.25 0 0 0-4.601-.012l-.447.448z'/%3E%3C/svg%3E");
	--default-icon-like-0: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 8h-5.612l1.123-3.367c.202-.608.1-1.282-.275-1.802S14.253 2 13.612 2H12c-.297 0-.578.132-.769.36L6.531 8H4c-1.103 0-2 .897-2 2v9c0 1.103.897 2 2 2h13.307a2.01 2.01 0 0 0 1.873-1.298l2.757-7.351A1 1 0 0 0 22 12v-2c0-1.103-.897-2-2-2M4 10h2v9H4zm16 1.819L17.307 19H8V9.362L12.468 4h1.146l-1.562 4.683A.998.998 0 0 0 13 10h7z'/%3E%3C/svg%3E");
	--default-icon-like-1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 21h1V8H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2M20 8h-7l1.122-3.368A2 2 0 0 0 12.225 2H12L7 7.438V21h11l3.912-8.596L22 12v-2a2 2 0 0 0-2-2'/%3E%3C/svg%3E");
	--default-icon-delete: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23000' d='M5 3h2a1 1 0 0 0-2 0M4 3a2 2 0 1 1 4 0h2.5a.5.5 0 0 1 0 1h-.441l-.443 5.17A2 2 0 0 1 7.623 11H4.377a2 2 0 0 1-1.993-1.83L1.941 4H1.5a.5.5 0 0 1 0-1zm3.5 3a.5.5 0 0 0-1 0v2a.5.5 0 0 0 1 0zM5 5.5a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0V6a.5.5 0 0 0-.5-.5'/%3E%3C/svg%3E");
	
	--default-icon-add: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23000' d='M6 1.75a.75.75 0 0 1 .75.75v2.75H9.5a.75.75 0 0 1 0 1.5H6.75V9.5a.75.75 0 0 1-1.5 0V6.75H2.5a.75.75 0 0 1 0-1.5h2.75V2.5A.75.75 0 0 1 6 1.75'/%3E%3C/svg%3E");
	--default-icon-replace: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8 2H4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2m12 12h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2M16.707 2.293a1 1 0 0 1 .083 1.32l-.083.094L15.414 5H19a3 3 0 0 1 2.995 2.824L22 8v3a1 1 0 0 1-1.993.117L20 11V8a1 1 0 0 0-.883-.993L19 7h-3.585l1.292 1.293a1 1 0 0 1-1.32 1.497l-.094-.083l-3-3a.98.98 0 0 1-.28-.872l.036-.146l.04-.104q.087-.191.245-.334l2.959-2.958a1 1 0 0 1 1.414 0M3 12a1 1 0 0 1 .993.883L4 13v3a1 1 0 0 0 .883.993L5 17h3.585l-1.292-1.293a1 1 0 0 1-.083-1.32l.083-.094a1 1 0 0 1 1.32-.083l.094.083l3 3a.98.98 0 0 1 .28.872l-.036.146l-.04.104a1 1 0 0 1-.245.334l-2.959 2.958a1 1 0 0 1-1.497-1.32l.083-.094L8.584 19H5a3 3 0 0 1-2.995-2.824L2 16v-3a1 1 0 0 1 1-1'/%3E%3C/svg%3E");
	--default-icon-retry: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 5V2L8 6l4 4V7c3.31 0 6 2.69 6 6c0 2.97-2.17 5.43-5 5.91v2.02c3.95-.49 7-3.85 7-7.93c0-4.42-3.58-8-8-8m-6 8c0-1.65.67-3.15 1.76-4.24L6.34 7.34A8 8 0 0 0 4 13c0 4.08 3.05 7.44 7 7.93v-2.02c-2.83-.48-5-2.94-5-5.91'/%3E%3C/svg%3E");
	--default-icon-process: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='black' d='M33.49 26.28a1 1 0 0 0-1.2-.7l-2.49.67a14.23 14.23 0 0 0 2.4-6.75a14.48 14.48 0 0 0-4.83-12.15a1 1 0 0 0-1.37.09a1 1 0 0 0 .09 1.41a12.45 12.45 0 0 1 4.16 10.46a12.2 12.2 0 0 1-2 5.74L28 22.54a1 1 0 1 0-1.95.16l.5 6.44l6.25-1.66a1 1 0 0 0 .69-1.2' class='clr-i-outline clr-i-outline-path-1'/%3E%3Cpath fill='black' d='M4.31 17.08a1.1 1.1 0 0 0 .44.16a1 1 0 0 0 1.12-.85A12.21 12.21 0 0 1 18.69 5.84l-2.24 1.53a1 1 0 0 0 .47 1.79a1 1 0 0 0 .64-.16l5.33-3.66L18.33.76a1 1 0 1 0-1.39 1.38l1.7 1.7A14.2 14.2 0 0 0 3.89 16.12a1 1 0 0 0 .42.96' class='clr-i-outline clr-i-outline-path-2'/%3E%3Cpath fill='black' d='M21.73 29.93a12 12 0 0 1-4.84.51a12.3 12.3 0 0 1-9.57-6.3l2.49.93a1 1 0 0 0 .69-1.84l-4.59-1.7L4.44 21l-1.11 6.35a1 1 0 0 0 .79 1.13h.17a1 1 0 0 0 1-.81l.42-2.4a14.3 14.3 0 0 0 11 7.14a13.9 13.9 0 0 0 5.63-.6a1 1 0 0 0-.6-1.9Z' class='clr-i-outline clr-i-outline-path-3'/%3E%3Cpath fill='black' d='M22 13h-8a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1m-1 8h-6v-6h6Z' class='clr-i-outline clr-i-outline-path-4'/%3E%3Cpath fill='none' d='M0 0h36v36H0z'/%3E%3C/svg%3E");
	--default-icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='black' d='M195.2 195.2a64 64 0 0 1 90.5 0L512 421.5l226.3-226.3a64 64 0 0 1 90.5 90.5L602.5 512l226.3 226.3a64 64 0 0 1-90.5 90.5L512 602.5L285.7 828.8a64 64 0 0 1-90.5-90.5L421.5 512L195.2 285.7a64 64 0 0 1 0-90.5'/%3E%3C/svg%3E");
	--default-icon-clipboard: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-width='2'%3E%3Cpath stroke-linejoin='round' d='M15.5 4H18a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2.5'/%3E%3Cpath stroke-linejoin='round' d='M8.621 3.515A2 2 0 0 1 10.561 2h2.877a2 2 0 0 1 1.94 1.515L16 6H8z'/%3E%3Cpath d='M9 12h6m-6 4h6'/%3E%3C/g%3E%3C/svg%3E");
	
	--default-icon-prev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m11 5l-7 7l7 7m-7-7h16'/%3E%3C/svg%3E");
	--default-icon-next: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 12h16m-7-7l7 7l-7 7'/%3E%3C/svg%3E");
	
	--default-icon-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 1a1 1 0 0 1 .707.293l6 6a1 1 0 1 1-1.414 1.414L9 4.414V14a1 1 0 0 1-2 0V4.414L2.707 8.707a1 1 0 1 1-1.414-1.414l6-6l.073-.066A1 1 0 0 1 8 1'/%3E%3C/svg%3E");
	--default-icon-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M8 1a1 1 0 0 1 1 1v9.586l4.293-4.293a1 1 0 0 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 1 1 1.414-1.414L7 11.586V2a1 1 0 0 1 1-1'/%3E%3C/svg%3E");
	--default-icon-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3 1.5 18 21'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 2.5h8l-1.5 6.5l4 4v2.5h-13V13l4-4zM12 15.5v6'/%3E%3C/svg%3E");
	--default-icon-pin-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3 1.5 18 21'%3E%3Cpath fill='%232563eb' stroke='%232563eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 2.5h8l-1.5 6.5l4 4v2.5h-13V13l4-4z'/%3E%3Cpath fill='none' stroke='%232563eb' stroke-linecap='round' stroke-width='2' d='M12 15.5v6'/%3E%3C/svg%3E");
	
	--default-icon-todo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M7 3h10a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4m0 2a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z' clip-rule='evenodd'/%3E%3C/svg%3E");
	--default-icon-done: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg class='checkbox-checked-outlined'%3E%3Cg fill='black' fill-rule='evenodd' class='Vector' clip-rule='evenodd'%3E%3Cpath d='M7 3h10a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4m0 2a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z'/%3E%3Cpath d='M17.096 8.282a1 1 0 0 1 .022 1.414l-5.643 5.822a1.24 1.24 0 0 1-1.78 0L7.281 13.03a1 1 0 1 1 1.436-1.392l1.867 1.926l5.097-5.259a1 1 0 0 1 1.414-.022Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	--default-icon-waiting: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3Cpath fill='black' d='M7 3H17V7.2L12 12L7 7.2V3Z'%3E%3Canimate id='SVGFjnOndxt' fill='freeze' attributeName='opacity' begin='0;SVGn6mLadge.end' dur='2s' from='1' to='0'/%3E%3C/path%3E%3Cpath fill='black' d='M17 21H7V16.8L12 12L17 16.8V21Z'%3E%3Canimate fill='freeze' attributeName='opacity' begin='0;SVGn6mLadge.end' dur='2s' from='0' to='1'/%3E%3C/path%3E%3Cpath fill='black' d='M6 2V8H6.01L6 8.01L10 12L6 16L6.01 16.01H6V22H18V16.01H17.99L18 16L14 12L18 8.01L17.99 8H18V2H6ZM16 16.5V20H8V16.5L12 12.5L16 16.5ZM12 11.5L8 7.5V4H16V7.5L12 11.5Z'/%3E%3CanimateTransform id='SVGn6mLadge' attributeName='transform' attributeType='XML' begin='SVGFjnOndxt.end' dur='0.5s' from='0 12 12' to='180 12 12' type='rotate'/%3E%3C/g%3E%3C/svg%3E");

	--default-icon-success: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m9 20.42l-6.21-6.21l2.83-2.83L9 14.77l9.88-9.89l2.83 2.83z'/%3E%3C/svg%3E");
	--default-icon-warning: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1856 1664'%3E%3Cpath fill='black' d='M1056 1375v-190q0-14-9.5-23.5t-22.5-9.5H832q-13 0-22.5 9.5T800 1185v190q0 14 9.5 23.5t22.5 9.5h192q13 0 22.5-9.5t9.5-23.5m-2-374l18-459q0-12-10-19q-13-11-24-11H818q-11 0-24 11q-10 7-10 21l17 457q0 10 10 16.5t24 6.5h185q14 0 23.5-6.5t10.5-16.5m-14-934l768 1408q35 63-2 126q-17 29-46.5 46t-63.5 17H160q-34 0-63.5-17T50 1601q-37-63-2-126L816 67q17-31 47-49t65-18t65 18t47 49'/%3E%3C/svg%3E");
	--default-icon-missing:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M22 12c0 5.52-4.48 10-10 10S2 17.52 2 12c0-2.76 1.12-5.26 2.93-7.07L12 12V2c5.52 0 10 4.48 10 10'/%3E%3C/svg%3E");
	--default-icon-error: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='black' fill-rule='evenodd' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m6 11l5-5l13 13L37 6l5 5l-13 13l13 13l-5 5l-13-13l-13 13l-5-5l13-13z' clip-rule='evenodd'/%3E%3C/svg%3E");
	--default-icon-unknown: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1536 1536'%3E%3Cpath fill='black' d='M896 1248v-192q0-14-9-23t-23-9H672q-14 0-23 9t-9 23v192q0 14 9 23t23 9h192q14 0 23-9t9-23m256-672q0-88-55.5-163T958 297t-170-41q-243 0-371 213q-15 24 8 42l132 100q7 6 19 6q16 0 25-12q53-68 86-92q34-24 86-24q48 0 85.5 26t37.5 59q0 38-20 61t-68 45q-63 28-115.5 86.5T640 892v36q0 14 9 23t23 9h192q14 0 23-9t9-23q0-19 21.5-49.5T972 829q32-18 49-28.5t46-35t44.5-48t28-60.5t12.5-81m384 192q0 209-103 385.5T1153.5 1433T768 1536t-385.5-103T103 1153.5T0 768t103-385.5T382.5 103T768 0t385.5 103T1433 382.5T1536 768'/%3E%3C/svg%3E");
	
}

.imageCropper {
	& .settings-image-cropper__status {
		display: none;
	}
	.image_cropper__button.image_cropper__button--library {
		margin: 0 1rem;
		width: auto;
	}
}

.cs-media-library__family-actions {
	& > .cs-button {
		min-width: 40px;
		background-size: 25px;
		
		&:hover {
			background-size: 25px;
			background-repeat: no-repeat;
			background-position: center center;
		}
	}
}

.cs-media-library__category-node.is-nested {
	&[data-category-depth="1"] {
		padding-left: 1.5rem;	
	}
	&[data-category-depth="2"] {
		padding-left: 2.5rem;	
	}
	&[data-category-depth="3"] {
		padding-left: 3.5rem;	
	}
}

.cs-icon-svg-todo {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
	.cs-icon-svg-todo--remove {
		background-image: var(--default-icon-delete);
	}

	.cs-icon-svg-todo--next {
		background-image: var(--default-icon-next);
	}

	.cs-icon-svg-todo--up {
		background-image: var(--default-icon-up);
	}

	.cs-icon-svg-todo--down {
		background-image: var(--default-icon-down);
	}

	.cs-icon-svg-todo--close {
		background-image: var(--default-icon-close);
	}

	.cs-icon-svg-todo--success {
		background-image: var(--default-icon-success);
	}

	.cs-icon-svg-todo--error {
		background-image: var(--default-icon-error);
	}

/*
 * Gemeinsame Hilfsklassen für Editor und Website (diese Datei lädt überall):
 * .cs-visually-hidden – Text nur für Screenreader (z. B. Beschriftung eines Symbol-Buttons).
 * .cs-honeypot        – Feld gegen Bots, für Menschen unsichtbar. Markup: aria-hidden="true", Eingabe mit
 *                       tabindex="-1" und autocomplete="off".
 * !important, damit Theme- oder Framework-CSS des Projekts die Regeln nicht aushebelt.
 */
.cs-visually-hidden, .cs-honeypot {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}