@font-face{font-family:Architects Daughter;src:url(/fonts/ArchitectsDaughter-Regular.woff2)format("woff2"),url(/fonts/ArchitectsDaughter-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Baumans;src:url(/fonts/Baumans-Regular.woff2)format("woff2"),url(/fonts/Baumans-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Charm;src:url(/fonts/Charm-Regular.woff2)format("woff2"),url(/fonts/Charm-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Encode Sans;src:url(/fonts/EncodeSans-Regular.woff2)format("woff2"),url(/fonts/EncodeSans-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Federo;src:url(/fonts/Federo-Regular.woff2)format("woff2"),url(/fonts/Federo-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Imperial Script;src:url(/fonts/ImperialScript-Regular.woff2)format("woff2"),url(/fonts/ImperialScript-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Parisienne;src:url(/fonts/Parisienne-Regular.woff2)format("woff2"),url(/fonts/Parisienne-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Playball;src:url(/fonts/Playball-Regular.woff2)format("woff2"),url(/fonts/Playball-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Raleway;src:url(/fonts/Raleway-Regular.woff2)format("woff2"),url(/fonts/Raleway-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular.woff2)format("woff2"),url(/fonts/Roboto-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:STIX Two Text;src:url(/fonts/STIXTwoText-Regular.woff2)format("woff2"),url(/fonts/STIXTwoText-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Tangerine;src:url(/fonts/Tangerine-Regular.woff2)format("woff2"),url(/fonts/Tangerine-Regular.ttf)format("truetype");font-display:swap}:root{--Raab-Blue-Main:#0e689b;--Main-Black-100:#292c2c;--Deko-Original-Grau:#9b9b9b}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--Main-Black-100);background:#faf8f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.editor-shell{background:#faf8f5;flex-direction:column;height:100vh;display:flex}.editor-layout{background:#e8e4df;flex:1;grid-template-columns:160px 1fr 325px;gap:1px;min-height:0;display:grid}.editor-layout.no-nav{grid-template-columns:1fr 325px}.page-navigator{background:#faf8f5;padding:16px;overflow-y:auto}.page-navigator h3{color:var(--Main-Black-100);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:13px;font-weight:600}.page-list{flex-direction:column;gap:8px;display:flex}.page-thumb{cursor:pointer;text-align:center;background:#fafafa;border:2px solid #e0e0e0;border-radius:4px;padding:12px 8px;transition:border-color .15s,background .15s}.page-thumb:hover{background:#f5f5f5;border-color:#aaa}.page-thumb.active{border-color:var(--Raab-Blue-Main);background:#eff6ff}.spread-preview{justify-content:center;gap:4px;display:flex}.spread-preview:not(:last-child){margin-bottom:4px}.spread-preview-divided{gap:0}.spread-preview-divided>:not(:last-child){border-right:1px solid #ddd}.spread-vertical{flex-direction:column}.spread-preview-divided.spread-vertical>:not(:last-child){border-bottom:1px solid #ddd;border-right:none}.page-thumb small{color:var(--Main-Black-100);font-size:11px}.preview-area{background:#faf8f5;flex-direction:column;display:flex;overflow:hidden}.layout-selector{background:#faf8f5;border-bottom:1px solid #ddd;flex-shrink:0;height:180px;padding:12px 16px;overflow:auto hidden}.layout-selector-landscape{height:200px}.section-head{align-items:center;gap:8px;display:flex}.layout-selector .section-head h3,.deko-selector .section-head h3{margin:0;line-height:1}.layout-selector .section-head{margin-bottom:8px}.deko-selector .section-head{margin-bottom:12px}.collapse-toggle{width:22px;height:22px;color:var(--Main-Black-100);cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.collapse-toggle:hover{background:#f0f0f0}.collapse-icon{transition:transform .15s}.collapse-icon-up{transform:rotate(0)}.collapse-icon-down{transform:rotate(180deg)}.collapse-icon-left{transform:rotate(-90deg)}.collapse-icon-right{transform:rotate(90deg)}.layout-selector h3{color:var(--Main-Black-100);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600}.layout-selector.collapsed{height:auto;overflow:visible}.layout-selector.collapsed .layout-options{display:none}.layout-selector.collapsed .section-head{margin-bottom:0}.deko-unavailable{color:#6b7280;margin:0;padding:.5rem .25rem;font-size:.8125rem;line-height:1.4}.deko-selector.collapsed{width:auto}.deko-selector.collapsed .deko-list{display:none}.deko-selector.collapsed .section-head{margin-bottom:0}.layout-options{gap:16px;display:flex}.layout-option{text-align:center;cursor:pointer}.layout-option.active .layout-thumb{background:#0e689b;border-color:#0e689b}.layout-thumb{border:1px solid #ddd;border-radius:4px;padding:9px;overflow:hidden}.layout-thumb .spread-preview{border:1px solid #e5e5e5;border-radius:2px;box-shadow:0 1px 3px #00000014}.layout-option small{color:var(--Main-Black-100);font-size:11px}.preview-body{flex:1;min-height:0;display:flex;position:relative}.preview-toolbar{z-index:5;flex-direction:column;align-items:stretch;gap:8px;width:176px;display:flex;position:absolute;top:12px;right:12px}.preview-toolbar button{white-space:nowrap}.toolbar-gruppe{flex-direction:column;align-items:stretch;gap:8px;margin-top:10px;display:flex}.guides-toggle,.preview-3d-toggle{font:inherit;text-align:center;color:var(--Raab-Blue-Main,#0e689b);border:1px solid var(--Raab-Blue-Main,#0e689b);cursor:pointer;background:#fff;border-radius:4px;padding:7px 14px;font-size:12px;font-weight:600;transition:background .15s,color .15s;box-shadow:0 1px 3px #0000001f}.guides-toggle:hover,.preview-3d-toggle:hover,.guides-toggle[aria-pressed=true]{background:var(--Raab-Blue-Main,#0e689b);color:#fff}.anlegen-knopf{font:inherit;color:var(--Raab-Blue-Main,#0e689b);border:1.5px dashed var(--Raab-Blue-Main,#0e689b);cursor:pointer;background:#dbeafe;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:background .15s;display:inline-flex}.anlegen-knopf:hover{background:#c7ddfb;border-style:solid}.deko-selector{background:#faf8f5;border-right:1px solid #ddd;flex-shrink:0;width:230px;padding:12px 10px;overflow-y:auto}.deko-selector h3{color:var(--Main-Black-100);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:13px;font-weight:600}.deko-list{flex-direction:column;gap:10px;display:flex}.deko-option-wrap{position:relative}.deko-option{cursor:pointer;text-align:center;width:100%;font:inherit;background:0 0;border:none;padding:0}.deko-option:disabled{cursor:default;opacity:.5}.deko-thumb{background:#fff;border:2px solid #ddd;border-radius:4px;padding:4px;transition:border-color .15s,background .15s;position:relative;overflow:hidden}.deko-remove{color:#292c2c;pointer-events:none;background:#fff;border:1px solid #c9cdcd;border-radius:3px;justify-content:center;align-items:center;width:18px;height:18px;padding-bottom:2px;font-size:15px;line-height:1;display:flex;position:absolute;top:5px;right:5px;box-shadow:0 1px 2px #00000026}.deko-option:not(:disabled):hover .deko-thumb{border-color:#aaa}.deko-option.active .deko-thumb{background:#0e689b;border-color:#0e689b}.deko-thumb img{border:1px solid #e5e5e5;border-radius:2px;width:100%;height:auto;display:block;box-shadow:0 1px 3px #00000014}.deko-option small{color:var(--Main-Black-100);margin-top:4px;font-size:11px;line-height:1.2;display:block}.deko-option .deko-label{justify-content:center;align-items:center;min-height:26px;font-size:12px;display:flex}.deko-color-row{margin-top:6px;display:flex}.deko-color-row .color-picker-trigger-text{text-align:left;border:2px solid var(--Raab-Blue-Main);background:#eff6ff;justify-content:flex-start;gap:8px;min-height:30px;padding:6px 8px}.deko-color-row .color-picker-trigger-text:hover{background:#dbeafe}.deko-color-row .color-picker-trigger-dot{width:16px;height:16px}.preview-canvas-wrapper{flex:1;justify-content:center;align-items:center;padding:24px;display:flex;overflow:hidden}.editor-sidebar{background:#faf8f5;flex-direction:column;min-height:0;display:flex;overflow:hidden}.sidebar-content{flex:1;padding:16px;overflow-y:auto}.sidebar-footer{border-top:1px solid #eee;flex-direction:column;flex-shrink:0;align-items:stretch;padding:12px 16px;display:flex}.btn-weiter{background:var(--Raab-Blue-Main);color:#fff;cursor:pointer;border:none;border-radius:4px;align-self:flex-end;padding:10px 24px;font-size:14px;font-weight:500}.btn-weiter:hover:not(:disabled){background:#0b567f}.btn-weiter:disabled{cursor:not-allowed;background:#94a3b8}.editor-sidebar h3{color:var(--Main-Black-100);margin-bottom:20px;font-size:15px;font-weight:600}.sidebar-fields{flex-direction:column;gap:8px;display:flex}.field-group{border-bottom:1px solid #e5e5e5;padding-top:12px;padding-bottom:20px}.field-group:last-child{border-bottom:none}.field-group-active{border-left:3px solid var(--Raab-Blue-Main);background:#0e689b0f;margin:0 -16px;padding-left:13px;padding-right:16px}.field-group-active .field-label{color:var(--Raab-Blue-Main)}.field-group-active .field-textarea:not(.field-textarea-overflow){border-color:var(--Raab-Blue-Main)}.field-label{color:var(--Main-Black-100);align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.overflow-alert{color:#e11d48;font-size:14px;line-height:1}.field-textarea{resize:none;border:1px solid #ddd;border-radius:4px;width:100%;height:120px;margin:0;padding:10px;font-family:Roboto,sans-serif;font-size:14px;line-height:1.5;display:block}.field-textarea-overflow{border-width:2px;border-color:#dc2626;border-radius:5px}.field-hint{color:#4b5563;align-items:flex-start;gap:6px;margin:6px 0 0;font-size:12px;font-weight:600;line-height:1.4;display:flex}.field-hint-icon{flex:none;line-height:1.4}.text-source-row{gap:6px;margin-bottom:8px;display:flex}.standard-text-select{min-width:0;color:var(--Main-Black-100);cursor:pointer;appearance:none;text-overflow:ellipsis;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #ddd;border-radius:4px;outline:none;flex:1;padding:8px 28px 8px 10px;font-family:Roboto,sans-serif;font-size:13px}.standard-text-select:focus{border-color:var(--Raab-Blue-Main);box-shadow:0 0 0 2px #2563eb26}.imprint-btn{color:var(--Main-Black-100);white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;flex:none;padding:8px 12px;font-family:Roboto,sans-serif;font-size:13px}.imprint-btn:hover{border-color:var(--Raab-Blue-Main);color:var(--Raab-Blue-Main)}.imprint-btn:focus-visible,.field-textarea:focus{border-color:var(--Raab-Blue-Main);outline:none;box-shadow:0 0 0 2px #2563eb26}.field-textarea.field-textarea-overflow{border-color:#dc2626}.field-card{background:#fff;border:1px solid #e5e5e5;border-radius:4px;margin-top:6px;display:flex}.field-card-cell{flex-direction:column;flex:1;gap:2px;min-width:0;padding:8px 12px;display:flex}.field-card-cell-small{flex:0 0 80px}.field-card-cell-tight{flex:none}.field-card-divider{background:#e5e5e5;align-self:stretch;width:1px;margin:8px 0}.field-card-label{color:var(--Main-Black-100);font-size:11px;font-weight:500}.field-card-select{min-width:0;max-width:100%;color:var(--Main-Black-100);cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 100% no-repeat;border:none;outline:none;padding:0 16px 0 0;font-size:13px}.color-picker{position:relative}.color-picker-trigger{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;width:32px;height:32px;padding:3px}.color-picker-preview{border-radius:2px;width:100%;height:100%;display:block}.color-picker-dropdown{z-index:100;background:#fff;border:1px solid #ddd;border-radius:4px;width:max-content;padding:10px;position:fixed;box-shadow:0 4px 20px #0000002e}.color-picker-columns{gap:3px;display:flex}.color-picker-column{flex-direction:column;gap:3px;display:flex}.color-picker-column-neutral{margin-left:12px}.color-picker-swatch{cursor:pointer;border:2px solid #0000;border-radius:3px;width:20px;height:20px;padding:0;transition:transform .1s;box-shadow:inset 0 0 0 1px #00000014}.color-picker-swatch:hover{z-index:1;transform:scale(1.25)}.color-picker-swatch-active{border-color:var(--Raab-Blue-Main);box-shadow:0 0 0 1px var(--Raab-Blue-Main), inset 0 0 0 1px #ffffff80}.color-picker-swatch-white{box-shadow:inset 0 0 0 1px #0003}.color-picker-house{border-top:1px solid #eee;gap:6px;margin-top:10px;padding-top:10px;display:flex}.color-picker-house-item{min-width:0;font:inherit;color:var(--Main-Black-100);cursor:pointer;text-align:left;background:0 0;border:1px solid #ddd;border-radius:3px;flex:1;align-items:center;gap:8px;padding:4px 6px;font-size:12px;display:flex}.color-picker-house-item:hover{background:#f5f5f5}.color-picker-house-item-active{border-color:var(--Raab-Blue-Main);background:#f5f5f5}.color-picker-house-swatch{border-radius:3px;flex-shrink:0;width:20px;height:20px;box-shadow:inset 0 0 0 1px #00000014}.color-picker-house-name{white-space:nowrap}.color-picker-list{flex-direction:column;gap:6px;min-width:170px;display:flex}.color-picker-trigger-text,.image-tint-gray{min-height:32px;font:inherit;color:var(--Main-Black-100);cursor:pointer;text-align:center;background:#fff;border:1px solid #ddd;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:12px;display:inline-flex}.color-picker-trigger-text:hover,.image-tint-gray:hover:not(:disabled){background:#f5f5f5}.color-picker-trigger-dot{border-radius:3px;flex-shrink:0;width:20px;height:20px;box-shadow:inset 0 0 0 1px #00000026}.color-picker-clear{width:100%;color:var(--Main-Black-100);cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:3px;margin-top:10px;padding:5px 0;font-size:12px;display:block}.color-picker-clear:disabled{color:#aaa;cursor:default}.image-tint-row{align-items:stretch;gap:6px;margin-top:6px;display:flex}.image-tint-gray{flex-direction:column;gap:1px;line-height:1.3}.image-tint-gray-note{color:#666;font-size:11px}.image-tint-gray:disabled .image-tint-gray-note{color:#999}.image-tint-gray:disabled{color:#999;cursor:default;background:#f7f7f7}.color-picker-custom{border-top:1px solid #eee;flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;display:flex}.color-picker-custom-label{color:#666;font-size:11px;font-weight:500}.color-picker-custom-row{align-items:flex-end;gap:6px;display:flex}.color-picker-custom-preview{box-sizing:border-box;border:1px solid #00000026;border-radius:3px;flex-shrink:0;align-self:flex-end;width:22px;height:22px}.color-picker-custom-field{color:#666;flex-direction:column;gap:2px;font-size:10px;display:flex}.color-picker-custom-field span{text-align:center;font-weight:500}.color-picker-custom-field input{text-align:center;-moz-appearance:textfield;border:1px solid #ddd;border-radius:3px;width:40px;padding:3px 4px;font-size:12px}.color-picker-custom-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.color-picker-custom-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.color-picker-custom-field input:focus{border-color:var(--Raab-Blue-Main);outline:none}.color-picker-custom-apply{background:var(--Raab-Blue-Main);color:#fff;cursor:pointer;border:none;border-radius:3px;align-self:flex-end;margin-bottom:0;margin-left:auto;padding:5px 10px;font-size:12px}.color-picker-custom-apply:hover{opacity:.9}.align-buttons{gap:2px;display:flex}.align-btn{cursor:pointer;width:32px;height:32px;color:var(--Main-Black-100);background:#fff;border:1px solid #ddd;border-radius:4px;justify-content:center;align-items:center;display:flex}.align-btn:hover{color:var(--Main-Black-100);background:#f5f5f5}.align-btn-active{background:var(--Raab-Blue-Main);border-color:var(--Raab-Blue-Main);color:#fff}.align-btn-active:hover{background:#0b567f}.align-icon{width:16px;height:16px}.image-card{background:#fff;border:1px solid #e5e5e5;border-radius:4px;align-items:flex-start;gap:12px;padding:10px;display:flex}.image-thumbnail{object-fit:cover;border:1px solid #e5e5e5;border-radius:4px;flex-shrink:0;width:64px;height:48px}.image-thumbnail-uploading{color:var(--Raab-Blue-Main);text-align:center;background:#f0f7ff;justify-content:center;align-items:center;font-size:10px;display:flex}.image-card-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.image-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.image-filename{color:var(--Main-Black-100);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.btn-delete{cursor:pointer;width:28px;height:28px;color:var(--Main-Black-100);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-delete:hover{color:#e11d48;background:#fef2f2}.btn-replace{color:var(--Raab-Blue-Main);cursor:pointer;font-size:12px;display:inline-block}.btn-replace:hover{text-decoration:underline}.file-input-hidden{display:none}.image-upload-area{flex-direction:column;gap:4px;display:flex}.file-input{font-size:12px}.upload-hint{color:var(--Main-Black-100);font-size:11px}.image-card-warn{border-width:2px;border-color:#d97706}.image-card-bad{border-width:2px;border-color:#dc2626}.color-hint{background:#eff5ff;border:1px solid #1773b0;border-radius:4px;align-items:flex-start;gap:8px;margin-bottom:10px;padding:8px 10px;display:flex}.color-hint-dot{background:#1773b0;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.color-hint-text{color:#1a1919;font-size:12px;line-height:1.4}.color-hint-text strong{color:#1773b0;font-weight:600}.footer-warnings{margin-bottom:10px}.footer-warnings-title{color:var(--Main-Black-100);margin-bottom:6px;font-size:12px;font-weight:600}.footer-warning-section{margin-bottom:8px}.footer-warning-label{color:var(--Main-Black-100);margin-bottom:4px;font-size:11px}.footer-warning-badges{flex-wrap:wrap;gap:4px;display:flex}.footer-badge{white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:10px}.footer-badge-overflow{color:#dc2626;background:#fff;border:2px solid #dc2626}.dpi-warnings-thumbs{flex-wrap:wrap;gap:6px;display:flex}.dpi-thumb{object-fit:cover;cursor:help;border:2px solid #0000;border-radius:4px;width:48px;height:48px;padding:1px}.dpi-thumb-warn{border-color:#d97706}.dpi-thumb-bad{border-color:#dc2626}.loading,.error{height:100vh;color:var(--Main-Black-100);justify-content:center;align-items:center;font-size:16px;display:flex}.error{color:#e11d48}.dialog-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:#fff;border-radius:8px;width:90%;max-width:420px;padding:24px;box-shadow:0 8px 30px #0003}.dialog-title{color:var(--Main-Black-100);margin-bottom:8px;font-size:16px;font-weight:600}.dialog-message{color:var(--Main-Black-100);margin-bottom:12px;font-size:13px}.dialog-details{color:#e11d48;margin:0 0 16px 16px;padding:0;font-size:12px}.dialog-details li{margin-bottom:2px}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.dialog-btn{cursor:pointer;border:1px solid #ddd;border-radius:4px;padding:8px 16px;font-size:13px;font-weight:500}.dialog-btn-cancel{color:var(--Main-Black-100);background:#fff}.dialog-btn-cancel:hover{background:#f5f5f5}.dialog-btn-confirm{color:#fff;background:#e11d48;border-color:#e11d48}.dialog-btn-confirm:hover{background:#be123c}.design-tips{max-width:480px;padding-right:48px;position:relative}.design-tips-close{color:#707070;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;line-height:1;display:flex;position:absolute;top:12px;right:12px}.design-tips-close:hover{color:var(--Main-Black-100);background:#f5f5f5}.design-tips-list{flex-direction:column;gap:8px;margin:0;padding-left:18px;display:flex}.design-tips-list li{color:var(--Main-Black-100);font-size:13px;line-height:1.5}.design-tips{max-width:520px}.design-tips-neu{background:#e8f2f8;border:1px solid #0e689b40;border-radius:8px;margin:4px 0 20px;padding:18px 18px 16px;position:relative}.design-tips-badge{background:var(--Raab-Blue-Main,#0e689b);color:#fff;letter-spacing:.08em;border-radius:999px;margin-bottom:8px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.design-tips-neu-titel{color:var(--Raab-Blue-Main,#0e689b);margin:0 0 4px;font-size:19px;font-weight:700}.design-tips-neu-text{color:var(--Main-Black-100);margin:0 0 12px;font-size:14px;line-height:1.45}.design-tips-neu-liste{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.design-tips-neu-liste li{color:var(--Main-Black-100);align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;display:flex}.design-tips-neu-symbol{width:28px;height:28px;color:var(--Raab-Blue-Main,#0e689b);border:1px dashed var(--Raab-Blue-Main,#0e689b);background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.design-tips-titel{color:var(--Main-Black-100);margin:0 0 8px;font-size:14px;font-weight:600}.design-tips-aktion{justify-content:flex-end;margin-top:20px;display:flex}.design-tips-los{font:inherit;color:#fff;background:var(--Raab-Blue-Main,#0e689b);cursor:pointer;border:none;border-radius:4px;padding:9px 20px;font-size:13px;font-weight:600}.design-tips-los:hover{background:#0b5580}.dpi-dialog{max-width:480px;padding:0;overflow:hidden}.dpi-dialog-header{background:#1e3a5f;padding:18px 24px}.dpi-dialog-title{color:#fff;margin:0;font-size:17px;font-weight:600}.dpi-dialog-body{padding:20px 24px 24px}.dpi-dialog-text{color:var(--Main-Black-100);margin:0 0 16px;font-size:13px;line-height:1.5}.dpi-dialog-section-label{color:var(--Main-Black-100);margin-bottom:6px;font-size:13px;font-weight:600}.dpi-dialog-list{border:2px solid #d97706;border-radius:6px;margin-bottom:16px;overflow:hidden}.dpi-dialog-list-bad{border-color:#dc2626}.dpi-dialog-row{background:#fffbeb;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.dpi-dialog-row+.dpi-dialog-row{border-top:1px solid #fde68a}.dpi-dialog-row-bad{background:#fef2f2}.dpi-dialog-row-bad+.dpi-dialog-row-bad{border-top-color:#fecaca}.dpi-dialog-name{color:var(--Main-Black-100);font-size:13px;font-weight:500}.dpi-dialog-value{font-size:13px;font-weight:500}.dpi-dialog-row-warn .dpi-dialog-value{color:#d97706}.dpi-dialog-row-bad .dpi-dialog-value{color:#dc2626}.dpi-dialog-hint{color:var(--Main-Black-100);margin:0 0 20px;font-size:13px;line-height:1.5}.dpi-dialog-btn-cancel{color:#1e3a5f;background:#fff;border:2px solid #1e3a5f;font-weight:600}.dpi-dialog-btn-cancel:hover{background:#f0f4f8}.dpi-dialog-btn-confirm{color:#1e3a5f;background:#fff;border:2px solid #1e3a5f;font-weight:600}.dpi-dialog-btn-confirm:hover{background:#f0f4f8}.toast-container{z-index:9000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:48px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;border-radius:8px;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:500;animation:.2s ease-out toast-in;display:flex;box-shadow:0 4px 12px #00000026}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.toast-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.toast-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.toast-icon{flex-shrink:0}.toast-message{flex:1}.toast-close{cursor:pointer;color:inherit;opacity:.5;background:0 0;border:none;flex-shrink:0;padding:0 0 0 4px;font-size:14px}.toast-close:hover{opacity:1}.kerze-option{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:12px}.kerze-option-active{border-color:var(--Raab-Blue-Main,#0e689b);box-shadow:0 0 0 1px var(--Raab-Blue-Main,#0e689b)}.kerze-option-kopf{align-items:flex-start;gap:8px;display:flex}.kerze-option-toggle{cursor:pointer;background:0 0;border:0;flex:none;align-items:center;padding:0;display:flex}.kerze-option-box{color:#fff;border:1px solid #9ca3af;border-radius:4px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;line-height:1;display:flex}.kerze-option-box-active{background:var(--Raab-Blue-Main,#0e689b);border-color:var(--Raab-Blue-Main,#0e689b)}.kerze-option-thumb{object-fit:contain;border-radius:4px;flex:none;width:44px;height:44px}.kerze-option-body{flex-direction:column;display:flex}.kerze-option-title,.kerze-option-price{font-weight:600}.kerze-option-aktionen{flex:none;align-items:center;display:flex}.kerze-option-mehr{text-align:left;cursor:pointer;background:0 0;border:0;flex:auto;align-items:center;gap:10px;padding:0;display:flex}.kerze-option-mehr .kerze-option-title{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.kerze-option-mehr:hover .kerze-option-title{color:var(--Raab-Blue-Main,#0e689b);text-decoration-style:solid}.kerze-option-buchen{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;margin-top:10px;padding:0;display:flex}.kerze-option-buchen-label{font-weight:600}.kerze-option-klein{padding:8px 10px}.kerze-option-klein .kerze-option-body{flex-direction:row;align-items:baseline;gap:8px}.kerze-option-klein .kerze-option-title,.kerze-option-klein .kerze-option-price{font-size:12px}.kerze-option-text{color:#4b5563;margin:8px 0 0;font-size:12px}.kerze-option-warn{color:#14425c;background:#e8f2f7;border-radius:6px;margin:8px 0 0;padding:8px 10px;font-size:12px}.kerze-option-intro{z-index:1;animation:1s cubic-bezier(.2,.9,.2,1) kerze-pop;position:relative;overflow:hidden}.kerze-option-intro:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 20%,#0e689b38 45%,#ffffffd9 50%,#0e689b38 55%,#0000 80%);animation:1s ease-out kerze-glanz;position:absolute;inset:0;transform:translate(-120%)}@keyframes kerze-pop{0%{border-color:#e5e7eb;transform:scale(1);box-shadow:0 0 #0e689b00}25%{border-color:var(--Raab-Blue-Main,#0e689b);transform:scale(1.045);box-shadow:0 0 0 6px #0e689b33}55%{border-color:var(--Raab-Blue-Main,#0e689b);transform:scale(.995);box-shadow:0 0 0 10px #0e689b14}75%{transform:scale(1.012);box-shadow:0 0 0 4px #0e689b1f}to{transform:scale(1);box-shadow:0 0 #0e689b00}}@keyframes kerze-glanz{0%{transform:translate(-120%)}to{transform:translate(120%)}}@media (prefers-reduced-motion:reduce){.kerze-option-intro,.kerze-option-intro:after{animation:none}}.kerze-info{max-width:760px;padding-right:48px;position:relative}.kerze-info-grid{align-items:flex-start;gap:20px;display:flex}.kerze-info-bild{background:#fff;border-radius:8px;flex:0 0 280px;width:280px;height:auto}.kerze-info-text p{margin:0 0 10px;line-height:1.5}.kerze-info-folge{color:#14425c;background:#e8f2f7;border-radius:6px;padding:8px 10px}.kerze-info-hinweis{color:#4b5563;font-size:13px}@media (width<=560px){.kerze-info-grid{flex-direction:column}.kerze-info-bild{flex:none;align-self:center;width:100%;max-width:280px}}.field-hint-fehler{color:#e11d48;align-items:center}.field-hint-text{flex:1;min-width:0}.field-hint-action,.field-hint-close{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:4px;flex:none}.field-hint-action{padding:2px 8px}.field-hint-close{border-color:#0000;padding:0 4px;font-size:16px;line-height:1}.entwurf-verfallen{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:24px 16px;display:flex}.entwurf-verfallen-titel{color:#e11d48;margin:0;font-size:20px}.entwurf-verfallen-text{max-width:460px;color:var(--Main-Black-100);margin:0;font-size:15px;line-height:1.5}.entwurf-verfallen-btn{align-self:center}.stepper{background:#faf8f5;border-bottom:1px solid #eee;flex-shrink:0;align-items:center;gap:0;padding:16px 40px;display:flex}.stepper-segment{align-items:center;display:flex}.stepper-item{cursor:pointer;color:var(--Raab-Blue-Main,#0e689b);background:0 0;border:none;align-items:center;gap:8px;padding:0;font-family:Roboto,sans-serif;font-size:14px;display:flex}.stepper-item:disabled{cursor:default}.stepper-box{border:1px solid var(--Raab-Blue-Main,#0e689b);box-sizing:border-box;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.stepper-done .stepper-box{background:var(--Raab-Blue-Main,#0e689b);color:#fff}.stepper-check{width:12px;height:12px}.stepper-current .stepper-box{border-color:var(--Raab-Blue-Main,#0e689b)}.stepper-inactive{color:#1a19194d}.stepper-inactive .stepper-box{border-color:#b7b5b3}.stepper-line{background:#b7b5b3;width:40px;height:1px;margin:0 8px;display:block}.stepper-label{white-space:nowrap}.addon-step{color:#292c2c;background:#faf8f5;flex-direction:column;flex:1;min-height:0;font-family:Roboto,sans-serif;display:flex;overflow:auto}.addon-step-grid{grid-template-columns:540px 430px;justify-content:center;align-items:start;gap:35px;padding:32px 40px 40px;display:grid}.addon-step-selection{flex-direction:column;gap:32px;min-width:0;display:flex}.addon-section-title{color:#1a1919;margin-bottom:12px;font-size:16px;font-weight:500}.farbauswahl-cards-grid{grid-template-columns:1fr 1fr;gap:32px;max-width:497px;display:grid}.farb-card{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;gap:8px;padding:0;font-family:inherit;display:flex}.farb-card:disabled{cursor:default}.farb-card-thumb{background:#fff;border:1px solid #d7d7d7;border-radius:4px;padding:9px;transition:background-color .12s,border-color .12s}.farb-card-active .farb-card-thumb{background:#0e689b;border-color:#0e689b}.farb-card-thumb-img{width:100%;height:auto;display:block;box-shadow:0 0 4px #00000026}.farb-card-thumb-placeholder{aspect-ratio:5/4;background:#f0f0f0;border:1px dashed silver;width:100%}.farb-card-meta{padding:0 4px}.farb-card-title{color:#1a1919;font-size:16px;font-weight:500}.farb-card-subtitle{color:#1a1919;font-size:14px;font-weight:400}.farbauswahl-locked-hint{color:#707070;margin-top:12px;font-size:12px;font-style:italic}.datencheck-cards-stack{flex-direction:column;display:flex}.datencheck-card{cursor:pointer;text-align:left;background:#faf8f5;border:1px solid #eee;align-items:flex-start;gap:12px;width:100%;padding:12px;font-family:inherit;display:flex}.datencheck-card:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.datencheck-card:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.datencheck-card+.datencheck-card{margin-top:-1px}.datencheck-card-active{z-index:1;background:#eff5ff;border-color:#1773b0;position:relative}.datencheck-radio{background:#fff;border:1px solid #747676;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;display:inline-flex;position:relative}.datencheck-radio-active{background:#fff;border-width:5px;border-color:#1773b0}.datencheck-radio input{opacity:0;pointer-events:none;position:absolute;inset:0}.datencheck-card-body{flex:1;min-width:0}.datencheck-card-title{font-size:16px;font-weight:500}.datencheck-card-text{color:#707070;margin-top:4px;font-size:14px;line-height:1.5}.datencheck-feature-list{flex-direction:column;gap:6px;margin-top:12px;padding:0;list-style:none;display:flex}.datencheck-feature-list li{color:#1a1919;align-items:center;gap:6px;font-size:14px;display:flex}.datencheck-check{color:#0e689b;font-size:12px;font-weight:700}.datencheck-card-footer{border-top:1px solid #eee;margin-top:12px;padding-top:12px}.datencheck-card-price{color:#1773b0;font-size:14px}.datencheck-hint{color:#1a1919;background:#eff5ff;border:1px solid #1773b0;border-left-width:6px;border-radius:4px;margin-top:20px;padding:16px 18px;box-shadow:0 0 4px #0000000d}.datencheck-hint-title{color:#0e689b;align-items:center;gap:8px;margin-bottom:10px;font-size:15px;font-weight:700;display:flex}.datencheck-hint-badge{color:#fff;text-align:center;background:#ffa100;border-radius:50%;flex-shrink:0;width:20px;height:20px;font-size:13px;font-weight:700;line-height:20px}.datencheck-hint-text{font-size:14px;line-height:1.55}.datencheck-hint-text+.datencheck-hint-text{margin-top:8px}.datencheck-hint strong{color:#0e689b;font-weight:700}.config-summary{background:#fff;border-radius:4px;flex-direction:column;gap:15px;padding:30px;display:flex;box-shadow:0 0 4px #0000000d}.config-summary-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.config-summary-title{color:#292c2c;font-size:16px;font-weight:400}.config-summary-motiv{object-fit:contain;background:#fff;border:1px solid #292c2c1a;border-radius:3px;flex:none;max-width:72px;max-height:48px}.config-summary-box{border:1px solid #292c2c1a;border-radius:4px;flex-direction:column;gap:20px;padding:15px;display:flex}.config-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.config-row-main{align-items:center}.config-row-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.config-name{color:#292c2c;font-size:14px;font-weight:600}.config-variant{color:#292c2c;font-size:12px}.config-artno{color:#747676;font-size:12px}.config-row-right{align-items:center;gap:16px;display:flex}.config-qty-input{text-align:center;color:#292c2c;-moz-appearance:textfield;border:1px solid #eee;border-radius:4px;width:60px;height:40px;font-family:inherit;font-size:14px}.config-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.config-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.config-qty-input-readonly{color:#747676;cursor:default;pointer-events:none;background:#fafafa}.config-prices{text-align:right}.config-total{color:#292c2c;font-size:14px}.config-unit{color:#747676;font-size:12px}.config-price{color:#292c2c;white-space:nowrap;font-size:14px}.config-tier-hint{color:#292c2c;flex-direction:column;gap:4px;font-size:14px;display:flex}.config-tier-highlight{color:#ffa100}.config-tier-bar{background:#292c2c1a;border-radius:2px;width:100%;height:2px;overflow:hidden}.config-tier-bar-fill{background:#ffa100;height:100%;transition:width .2s ease-out}.config-summary-total{justify-content:space-between;align-items:center;font-size:16px;display:flex}.config-summary-total-label{color:#292c2c;font-weight:500}.config-summary-total-value{color:#292c2c;font-weight:700}.config-summary-cta{color:#fff;cursor:pointer;background:#0e689b;border:none;border-radius:4px;padding:12px 17px;font-family:inherit;font-size:16px;transition:background-color .12s}.config-summary-cta:hover{background:#0a557e}.proof-step{color:#292c2c;background:#faf8f5;flex-direction:column;flex:1;min-height:0;font-family:Roboto,sans-serif;display:flex;overflow:auto}.proof-step-grid{grid-template-columns:540px 430px;justify-content:center;align-items:start;gap:35px;padding:32px 40px 40px;display:grid}.proof-step-preview{flex-direction:column;gap:16px;min-width:0;display:flex}.proof-step-preview-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.proof-step-section-title{color:#1a1919;font-size:16px;font-weight:500}.proof-step-hint{color:#707070;margin-top:-8px;font-size:14px}.proof-spread-block{flex-direction:column;gap:8px;display:flex}.proof-spread-label{color:#292c2c;font-size:14px;font-weight:500}.proof-spread-canvas{align-self:flex-start;display:inline-flex;box-shadow:0 1px 6px #0000002e}.proof-step-summary{flex-direction:column;gap:20px;display:flex;position:sticky;top:16px}.proof-step-warnings{background:#fff;border:1px solid #292c2c1a;border-radius:4px;padding:16px}.proof-approval{color:#292c2c;cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;display:flex}.proof-approval input{accent-color:#0e689b;cursor:pointer;flex-shrink:0;width:18px;height:18px;margin-top:2px}.proof-step-actions{gap:12px;display:flex}.proof-btn-back{color:#292c2c;cursor:pointer;background:#fff;border:1px solid #d7d7d7;border-radius:4px;flex:none;padding:12px 24px;font-family:inherit;font-size:16px;transition:background-color .12s}.proof-btn-back:hover{background:#f3f1ee}.proof-btn-next{color:#fff;cursor:pointer;background:#0e689b;border:none;border-radius:4px;flex:1;padding:12px 17px;font-family:inherit;font-size:16px;transition:background-color .12s}.proof-btn-next:hover:not(:disabled){background:#0a557e}.proof-btn-next:disabled{cursor:not-allowed;background:#b7cedb}
