/* Stadtkopierer Etiketten – eigenständiger Online-Gestalter (V2) */
.et [hidden]{display:none!important}
.et-editor-section{margin-top:-18px;padding:28px 0 12px}
.et-editor-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:15px 17px;border:1px solid #e8ded9;border-radius:16px 16px 0 0;background:#fff;box-shadow:0 10px 30px rgba(31,24,19,.025)}
.et-editor-tools button,.et-designer-toggle-row button,.et-save-controls button,.et-designer-template-list button,.et-designer-mini-tabs button{appearance:none;border:1px solid #e8dbd5;border-radius:9px;background:#fff;color:#51433e;min-height:36px;padding:8px 12px;cursor:pointer;font:600 12px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;transition:.15s}
.et-editor-tools button:hover,.et-designer-toggle-row button:hover,.et-save-controls button:hover,.et-designer-template-list button:hover{border-color:#b97778;background:#fff7f5;color:#8d101b}
.et-toolbar-spacer{flex:1 1 12px}
.et-editor-tools button:focus-visible,.et button:focus-visible,.et input:focus-visible,.et textarea:focus-visible,.et select:focus-visible{outline:2px solid #9a3a42;outline-offset:2px}
.et-designer-grid{display:grid;grid-template-columns:minmax(188px,.72fr) minmax(310px,1.65fr) minmax(215px,.83fr);gap:0;border:1px solid #e8ded9;border-top:none;border-radius:0 0 19px 19px;background:#fff;overflow:hidden;min-height:470px}
.et-designer-left,.et-designer-properties{padding:22px 20px;background:#fcfaf8;min-width:0}
.et-designer-left{border-right:1px solid #eee8e4}
.et-designer-properties{border-left:1px solid #eee8e4}
.et-designer-left h3,.et-designer-properties h3{margin:0 0 14px;font-size:15px;letter-spacing:-.01em;font-weight:770}
.et-designer-left hr{border:0;border-top:1px solid #eae1dc;margin:18px 0}
.et-designer-template-list{display:grid;gap:8px}
.et-designer-template-list button{text-align:left;padding:11px 13px;min-height:42px;font-size:13px;border-radius:9px;background:#fff}
.et-designer-control{display:grid;gap:6px;margin:12px 0;color:#655854;font-size:11.5px;font-weight:750}
.et-designer-control input:not([type="color"]),.et-designer-control textarea,.et-designer-control select{width:100%;border:1px solid #e1d9d3;background:#fff;border-radius:10px;padding:9px 10px;min-height:37px;font:500 13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#28201e}
.et-designer-control textarea{resize:vertical;min-height:68px}
.et-designer-control input[type="color"]{height:38px;width:100%;padding:3px;border-radius:10px;cursor:pointer;border:1px solid #e1d9d3;background:#fff}
.et-save-controls{display:grid;gap:8px;margin-top:24px}
.et-save-controls button{width:100%;text-align:center}
.et-designer-main{min-width:0;padding:19px 17px 14px;background:linear-gradient(180deg,#fff,#fcfaf8)}
.et-designer-topline{display:flex;gap:8px;justify-content:space-between;align-items:flex-start;padding:0 4px 12px;flex-wrap:wrap}
.et-designer-topline>div{display:grid;gap:3px}
.et-designer-topline strong{font-size:13px}
.et-designer-topline small{font-size:11px;color:#887773}
#et-design-save-state{font-size:10.5px;color:#618267;background:#eff7f0;border:1px solid #dbeada;padding:5px 8px;border-radius:20px}
.et-designer-stage{height:auto;min-height:390px;padding:22px 12px 15px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;border-radius:16px;background:radial-gradient(circle at center,#f6f0ed 0,#eee6e2 100%);border:1px solid #ebe0da;overflow:hidden}
#et-design-canvas{display:block;max-width:100%;object-fit:contain;background:#fff;box-shadow:0 12px 35px rgba(45,24,15,.15);cursor:move;touch-action:none;outline:none}
.et-designer-stage-help{text-align:center;color:#786b67;font-size:10.5px;line-height:1.45;max-width:430px}
.et-designer-mini-tabs{display:flex;justify-content:center;align-items:center;gap:8px;margin:16px 0 6px}
.et-designer-mini-tabs button{font-size:11.5px;min-height:33px;border-radius:999px;padding:7px 14px}
.et-designer-mini-tabs button.is-current{color:#fff;border-color:#8d101b;background:#8d101b}
.et-sheet-preview{text-align:center;padding:12px 10px 8px;border:1px solid #e7d9d2;border-radius:13px;background:#f4ede8;margin-top:12px}
#et-sheet-canvas{display:block;max-width:100%;max-height:420px;width:auto;height:auto;margin:0 auto;box-shadow:0 6px 22px rgba(35,22,17,.12)}
.et-sheet-preview p{font-size:10.5px;line-height:1.55;color:#7c6861;margin:10px auto 0;max-width:390px}
.et-designer-diagnostic{min-height:24px;font-size:11px;color:#587a5d;line-height:1.5;margin:12px 2px 0}
.et-designer-diagnostic.is-warning{color:#a13c37}
#et-object-empty{font-size:12px;color:#8b7a71;line-height:1.6}
.et-designer-geometry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 9px}
.et-designer-geometry .et-designer-control{min-width:0}
.et-designer-toggle-row{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0 15px}
.et-designer-toggle-row button{padding:7px 9px;min-height:32px;font-size:11px}
.et-designer-toggle-row button.is-active{background:#8d101b;border-color:#8d101b;color:#fff}
.et-designer-export{margin:14px 0 0;padding:17px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-radius:17px;border:1px solid #e9ded9}
.et-designer-export strong{font-size:15px}
.et-designer-export p{font-size:12px;line-height:1.55;color:#7e706c;margin:5px 0 0;max-width:700px}
.et-designer-export .et-button{flex:0 0 auto;min-width:190px}
.et-designer-export .et-button:disabled{opacity:.65;cursor:progress}
.et-format-card.is-active:focus-visible{outline-offset:4px}
@media(max-width:1250px){.et-designer-grid{grid-template-columns:170px minmax(300px,1fr) 210px}.et-designer-left,.et-designer-properties{padding:18px 13px}}
@media(max-width:940px){.et-designer-grid{grid-template-columns:210px minmax(0,1fr)}.et-designer-properties{grid-column:1/-1;border-left:0;border-top:1px solid #eee8e4;display:block}.et-designer-main{padding:17px 14px}.et-designer-stage{min-height:320px}}
@media(max-width:650px){.et-editor-section{padding:10px 0}.et-editor-tools{padding:11px;gap:6px}.et-editor-tools button{font-size:11px;min-height:35px;padding:8px 9px}.et-toolbar-spacer{display:none}.et-designer-grid{grid-template-columns:minmax(0,1fr)}.et-designer-left,.et-designer-properties{border:0;border-bottom:1px solid #eee8e4}.et-designer-left{padding:18px 15px}.et-designer-template-list{grid-template-columns:repeat(2,minmax(0,1fr))}.et-designer-template-list button{font-size:11px}.et-save-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.et-designer-stage{min-height:260px;padding:18px 10px}.et-designer-main{padding:14px 10px}.et-designer-export{display:block;padding:17px}.et-designer-export .et-button{margin-top:13px;width:100%}.et-designer-properties{border-top:1px solid #eee8e4;padding:17px 15px}}
@media(prefers-reduced-motion:reduce){.et-editor-tools button,.et-designer-toggle-row button{transition:none}}

/* V5: eigener Templates-Katalog und direkt bearbeitbare Auswahlgriffe.
   Nur Klassen innerhalb des Etiketten-Gestalters, keine Aenderung an Shop/Header. */
.et-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.et .et-designer-grid{grid-template-columns:minmax(245px,275px) minmax(320px,1fr) minmax(222px,248px)}
.et .et-designer-left{background:#282630;color:#f8f5f3;border-color:#373540;padding:19px 14px;min-height:480px}
.et .et-designer-left hr{border-top-color:#45424a}
.et .et-template-header{display:flex;justify-content:space-between;align-items:center;gap:9px;margin:0 0 15px}
.et .et-template-kicker{display:block;font-size:9px;letter-spacing:.16em;color:#b6afbb;font-weight:800;margin-bottom:5px}
.et .et-template-header h3{color:#fff;font-size:21px;font-weight:700;letter-spacing:-.035em;margin:0}
.et .et-template-header h3 small{font:700 10px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#edccd0;background:#56303b;padding:3px 7px;border-radius:999px;vertical-align:4px}
.et .et-template-header>button{width:34px;height:34px;flex:none;display:grid;place-items:center;cursor:pointer;color:#e9dfe5;background:#3b3843;border:1px solid #554e5b;border-radius:8px;font-size:23px}
.et .et-template-search-label{display:block;margin-bottom:10px}
.et .et-template-search-label input,.et .et-template-category-label select{width:100%;height:40px;min-height:40px;border-radius:9px;border:1px solid #5d5963;background:#3d3945;color:#fff;padding:8px 11px;font-size:12px;outline-offset:2px}
.et .et-template-search-label input::placeholder{color:#b2aab7}
.et .et-template-category-label{display:block;margin-bottom:12px}
.et .et-template-category-label select{cursor:pointer}
.et .et-template-category-label select option{background:#332f3c;color:#fff}
.et .et-template-blank{width:100%;min-height:37px;padding:9px 10px;margin:0 0 12px;border:1px dashed #9d8291;border-radius:9px;background:#3b3340;color:#f8e9ee;font-size:12px;font-weight:750;text-align:center;cursor:pointer}
.et .et-template-blank:hover{background:#4b3846;border-color:#c7a6b6}
.et .et-template-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-content:start;max-height:595px;min-height:95px;overflow-y:auto;overscroll-behavior:contain;padding:2px 3px 7px 1px;scrollbar-width:thin;scrollbar-color:#80727d transparent}
.et .et-template-card{appearance:none;display:flex;flex-direction:column;gap:5px;min-width:0;padding:5px;text-align:left;border-radius:9px;border:1px solid #4a4750;background:#34313b;color:#ebe7ea;cursor:pointer;transition:background .12s,border-color .12s,transform .12s}
.et .et-template-card:hover{background:#45404e;border-color:#d19a9e;transform:translateY(-1px)}
.et .et-template-card canvas{width:100%;height:auto;display:block;background:#fff;aspect-ratio:280/148;object-fit:contain;border-radius:5px}
.et .et-template-card span{padding:0 2px 2px;font-weight:650;font-size:10px;line-height:1.3;overflow-wrap:anywhere}
.et .et-template-results{color:#bdb5c0;font-size:11px;line-height:1.5;margin:12px 2px 4px;min-height:16px}
.et .et-designer-left .et-designer-control{color:#efe9ed}
.et .et-designer-left .et-designer-control input[type="color"]{background:#504753;border-color:#6c5d65}
.et .et-designer-left .et-save-controls button{background:#3c3744;color:#fff;border-color:#5b5260}
.et .et-designer-left .et-save-controls button:hover{background:#4b414d}
.et .et-designer-left .et-save-controls{margin-top:15px}
.et .et-toolbar-templates{background:#892131!important;color:#fff!important;border-color:#892131!important;font-weight:800!important}
.et .et-toolbar-templates:hover{background:#681926!important}
.et .et-template-amount{font-size:10px;background:rgba(255,255,255,.18);padding:2px 6px;border-radius:99px}
.et .et-editor-hint{color:#8b7b73;line-height:1.45;font-size:11px;margin:-8px 0 16px}
.et .et-layer-section{margin-top:22px;padding-top:16px;border-top:1px solid #eae2dc}
.et .et-layer-section h3{display:flex;align-items:center;gap:6px;margin:0 0 10px}
.et .et-layer-section h3 small{font-size:10px;font-weight:800;background:#f0e7e4;padding:2px 7px;border-radius:99px;color:#904250}
.et .et-layer-list{display:flex;flex-direction:column;gap:6px;max-height:230px;overflow-y:auto;padding:1px}
.et .et-layer-empty{color:#8b7a71;font-size:11px;line-height:1.5}
.et .et-layer-button{display:flex;align-items:center;gap:7px;min-height:34px;padding:7px 9px;background:#fff;border:1px solid #e9e0db;border-radius:8px;color:#51423e;cursor:pointer;text-align:left;font:600 11px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.et .et-layer-button:hover{border-color:#c99698;background:#fff7f5}
.et .et-layer-button.is-current{border-color:#b94455;background:#fff2f3;color:#842132}
.et .et-layer-button>span:last-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.et .et-layer-swatch{flex:none;width:12px;height:12px;border:1px solid #0002;border-radius:4px}
.et #et-design-canvas{cursor:default}
.et .et-designer-stage-help{max-width:520px}
.et .et-gallery-collapsed .et-designer-left{display:none}
.et .et-gallery-collapsed .et-designer-grid{grid-template-columns:minmax(320px,1fr) minmax(222px,248px)}
@media(max-width:1050px){
  .et .et-designer-grid{grid-template-columns:235px minmax(300px,1fr)}
  .et .et-designer-properties{grid-column:1/-1;display:block;border-left:0;border-top:1px solid #eee8e4}
  .et .et-gallery-collapsed .et-designer-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:700px){
  .et .et-designer-grid,.et .et-gallery-collapsed .et-designer-grid{grid-template-columns:minmax(0,1fr)}
  .et .et-designer-left{grid-column:1/-1;min-height:0}
  .et .et-designer-properties{grid-column:1/-1}
  .et .et-template-gallery{grid-template-columns:repeat(3,minmax(0,1fr));max-height:330px}
  .et .et-template-card{padding:4px}
  .et .et-template-card span{font-size:9.5px}
}
@media(max-width:390px){.et .et-template-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

.et .et-template-card.is-selected{background:#50404a;border-color:#e0a5ab;box-shadow:inset 0 0 0 1px #bb6677}
/* Auf grossen Bildschirmen bleibt die Arbeitsflaeche optisch zentriert. */
@media(min-width:1060px){
  .et .et-designer-main{display:flex;flex-direction:column;background:linear-gradient(180deg,#fffdfa,#f9f6f4)}
  .et .et-designer-stage{margin:auto 0}
}

/* V5.6: echte A4-Seitenansicht ohne alte 420px-Hoehenbegrenzung. */
.et .et-sheet-preview #et-sheet-canvas{display:block;width:min(100%,600px);height:auto;max-height:none;margin:0 auto}
.et .et-sheet-zoom{display:block;margin:0 0 13px auto;min-height:36px;padding:7px 13px;border:1px solid #dec9c3;border-radius:9px;background:#fff;color:#8d101b;font-weight:800;font-size:12px;cursor:pointer}
.et .et-sheet-preview.et-sheet-preview-expanded{position:fixed!important;inset:10px!important;z-index:2147482000!important;background:#faf6f2!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
 padding:12px!important;margin:0!important;border:1px solid #eee1db!important;border-radius:15px!important;
 box-shadow:0 0 0 100vmax rgba(29,20,17,.78),0 16px 80px rgba(0,0,0,.3)!important;overflow:hidden!important;}
.et .et-sheet-preview.et-sheet-preview-expanded #et-sheet-canvas{height:min(78vh,1100px)!important;width:auto!important;max-height:calc(100% - 88px)!important;max-width:100%!important;flex:0 1 auto}
.et .et-sheet-preview.et-sheet-preview-expanded .et-sheet-zoom{margin:0 0 10px auto!important;align-self:stretch!important;text-align:right}
.et .et-sheet-preview.et-sheet-preview-expanded p{margin-top:8px!important}
@media(max-width:650px){.et .et-sheet-preview.et-sheet-preview-expanded{inset:4px!important;padding:7px!important}.et .et-sheet-preview.et-sheet-preview-expanded #et-sheet-canvas{max-height:calc(100% - 100px)!important}}