.bestell-mobile-format,.bestell-mobile-preview-bar,.bestell-mobile-generate,.bestell-mobile-finish,.bestell-mobile-notice{display:none}
.bestell-mobile-measure{position:fixed!important;left:0!important;top:0!important;width:300px!important;height:300px!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;visibility:hidden!important;pointer-events:none!important;z-index:-1!important;transform:none!important;contain:layout style}
.bestell-mobile-measure svg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;overflow:visible!important}
@media(max-width:740px){
 .has-mobile-designer .bestell-side-content{position:relative;scroll-margin-top:12px}
 .has-mobile-designer .bestell-mobile-format:not([hidden]){display:block;order:1;background:#e8f5f3;border:2px solid #008a9e;border-radius:14px;padding:14px;margin:0 0 4px}
 .bestell-mobile-format>strong{display:block;font-size:18px;color:#005767;margin-bottom:9px}
 .bestell-mobile-format [data-layout-dropdown]>label{display:none}
 .bestell-mobile-format .bestell-layout-trigger{background:#fff!important;min-height:72px;border:1px solid #008a9e;font-size:16px}
 .has-mobile-designer [data-design-side]{order:2}
 .has-mobile-designer [data-dual-side-actions]{display:none!important}
 .has-mobile-designer .bestell-mobile-generate{display:block;width:100%;padding:15px 12px;border:0;border-radius:10px;background:#005b68;color:#fff;font:inherit;font-size:17px;font-weight:750;min-height:50px;margin-top:18px;cursor:pointer}
 .has-mobile-designer .bestell-mobile-generate:disabled{opacity:.65;cursor:wait}
 .has-mobile-designer .bestell-side-content[data-mobile-mode="edit"]>[data-front-preview]{display:block!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;box-sizing:border-box;visibility:hidden!important;pointer-events:none!important;z-index:-1!important}
 .has-mobile-designer .bestell-side-content[data-mobile-mode="edit"]>[data-front-preview] *{visibility:hidden!important}
 .has-mobile-designer .bestell-side-content[data-mobile-mode="preview"]>[data-design-side]{display:none!important}
 .has-mobile-designer .bestell-side-content[data-mobile-mode="preview"]>[data-front-preview]{display:block!important;order:3;margin-top:0}
 .has-mobile-designer .bestell-mobile-preview-bar:not([hidden]){display:flex;order:1}
 .bestell-mobile-preview-bar button{width:100%;border:1px solid #007d8b;border-radius:10px;background:#e8f5f3;color:#005767;font:inherit;font-weight:700;padding:13px;min-height:48px;cursor:pointer}
 .has-mobile-designer .bestell-mobile-finish:not([hidden]){display:block;width:100%;border:0;border-radius:10px;background:#005b68;color:#fff;font:inherit;font-weight:700;padding:14px;margin-top:16px;cursor:pointer}

 .has-mobile-designer .bestell-mobile-preview-bar button:focus-visible,.has-mobile-designer .bestell-mobile-generate:focus-visible,.has-mobile-designer .bestell-mobile-finish:focus-visible{outline:3px solid #008a9e;outline-offset:3px}
}

/* Change data-size-calibration to visible to restore the optional size calibration. */
[data-size-calibration="hidden"] [data-actual-size-display],[data-size-calibration="hidden"] [data-actual-size-preview]{display:none!important}

.bestell-copy-front{width:100%;background:#e8f5f3;color:#005767;border:1px solid #008a9e;border-radius:9px;padding:12px;font:inherit;font-weight:700;cursor:pointer}.bestell-copy-front:disabled{opacity:.6;cursor:wait}.bestell-copy-front:focus-visible{outline:3px solid #008a9e;outline-offset:3px}.bestell-copy-status{font-size:13px;line-height:1.5;margin:8px 0 16px;color:#526f74}

.bestell-preview-controls__letter [data-preview-done]{min-width:64px;background:#005b68;color:#fff}
@media(max-width:400px){.bestell-preview-controls__letter{gap:5px}.bestell-preview-controls__letter button{min-width:0;padding:0 7px}.bestell-preview-controls__letter [data-preview-done]{min-width:54px}}

.bestell-preview-controls__letter [data-preview-done]{font-size:14px}
@media(max-width:400px){.bestell-preview-controls{grid-template-columns:minmax(0,1fr)}.bestell-preview-controls__letter{width:100%;min-width:0}.bestell-preview-controls__letter button{flex:1 1 auto;justify-content:center;gap:3px;padding:0 4px;font-size:12px}.bestell-preview-controls__letter [data-preview-done]{min-width:44px;font-size:12px}.bestell-preview-controls .bestell-preview-controls__edit{width:100%!important;min-width:0!important}}

 .bestell-mobile-notice:not([hidden]){display:block;position:fixed;z-index:120;bottom:calc(var(--mobile-keyboard-inset,0px) + 18px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(340px,calc(100vw - 32px));box-sizing:border-box;background:#125661;color:white;padding:14px 18px;border-radius:12px;box-shadow:0 4px 20px #0003;line-height:1.45;font-size:15px;pointer-events:none}

.bestell-saved-design{scroll-margin-top:16px}.bestell-saved-design__sides{display:flex;gap:20px;flex-wrap:wrap}.bestell-saved-design figure{margin:0;max-width:400px;flex:1 1 240px;text-align:center}.bestell-saved-design img{width:100%;height:auto}.bestell-saved-design figcaption{font-weight:700;margin:8px 0 16px}
@media(max-width:740px){
 .bestell-text-format,.bestell-text-control:has([data-position-toolbar]) .bestell-text-format{display:grid;grid-template-columns:29px 29px minmax(0,1fr);align-items:center;gap:4px;flex-wrap:nowrap}
 .bestell-text-format .bestell-format-hint{min-width:0;max-width:130px;margin-left:5px;font-size:12px;line-height:1.35}
 .has-mobile-designer [data-front-preview] .bestell-mobile-preview-bar:not([hidden]){display:flex;width:100%;margin:0}
 .has-mobile-designer [data-front-preview] .bestell-mobile-preview-bar button{width:100%;min-height:44px;font-size:14px}
}

@media(max-width:740px){.bestell-layout-menu .bestell-layout-close{position:sticky;top:0;z-index:2;box-shadow:0 3px 8px #fff}.bestell-layout-menu{scroll-behavior:auto}}

@media(max-width:740px){.has-mobile-designer [data-preview-actions] .bestell-mobile-preview-bar:not([hidden]){order:-1;flex-basis:100%}}

@media(max-width:740px){.bestell-layout-menu .bestell-layout-preview{aspect-ratio:auto;height:min(calc(100vw - 62px),max(80px,calc(var(--layout-panel-max-height,500px) - 150px)))}}

/* Digitaldruck: mobile Formatwahl mit genau einer Karte über dem Auslöser. */
.bestell-layout-close-icon,.bestell-layout-pager{display:none}
@media(max-width:740px){
 .bestell-layout-menu--digital:not([hidden]){display:flex;flex-direction:column;height:var(--layout-panel-max-height);padding:44px 12px 10px;overflow:hidden;gap:8px;isolation:isolate}
 .bestell-layout-menu--digital .bestell-layout-close{position:absolute;top:5px;right:6px;width:34px;height:34px;min-height:34px;padding:0;margin:0;display:grid;place-items:center;border:0;border-radius:50%;box-shadow:none;background:transparent;font-size:29px;font-weight:400;line-height:1}
 .bestell-layout-menu--digital .bestell-layout-close-label{display:none}
 .bestell-layout-menu--digital .bestell-layout-close-icon{display:block}
 .bestell-layout-menu--digital .bestell-layout-options{display:flex;flex:1;min-height:0}
 .bestell-layout-menu--digital .bestell-layout-option{display:none}
 .bestell-layout-menu--digital .bestell-layout-option[data-current-format]{display:flex;flex-direction:column;width:100%;min-height:0;gap:7px;padding:7px;transform:none}
 .bestell-layout-menu--digital .bestell-layout-preview{height:auto;flex:1;min-height:0;aspect-ratio:auto}
 .bestell-layout-menu--digital .bestell-layout-option>span:last-child{flex:none;min-height:45px}
 .bestell-layout-menu--digital .bestell-layout-option strong{font-size:16px}
 .bestell-layout-menu--digital .bestell-layout-option small{font-size:12px;line-height:1.35}
 .bestell-layout-menu--digital .bestell-layout-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;font-size:13px;color:#005767}
 .bestell-layout-pager button{width:50px;height:40px;border:1px solid #9abdc1;border-radius:8px;background:#e8f5f3;color:#005767;font-size:28px;line-height:1;cursor:pointer}
 .bestell-layout-pager button:disabled{opacity:.35;cursor:default}
 .bestell-layout-menu--digital .bestell-layout-clear{flex:none;width:auto;align-self:center;margin:0;padding:4px 10px;border:0;background:transparent;font-size:11px;font-weight:400;text-decoration:underline;min-height:24px}
}

@media(max-width:740px){.bestell-layout-menu--digital .bestell-layout-clear{order:4}}

@media(max-width:740px){body:has(.bestell-layout-menu--digital:not([hidden])) .mobile-scroll-controls{visibility:hidden!important;pointer-events:none!important}}