/* Eckschablone (/ecken-folieren/) */
.es-form{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin:26px 0}
.es-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.es-form label{display:block;font-size:.875rem;font-weight:600;color:var(--ink)}
.es-unit{position:relative;display:flex;align-items:center;margin-top:6px;border:1px solid #c9d3dc;border-radius:8px;background:#fff;overflow:hidden}
.es-unit input{border:0;width:100%;padding:11px 40px 11px 12px;font:inherit;font-size:1rem;background:transparent;appearance:textfield;-moz-appearance:textfield}
.es-unit input::-webkit-inner-spin-button{appearance:none}
.es-unit input[aria-invalid=true]{background:#fff2ee}
.es-unit>span{position:absolute;right:12px;font-size:.8rem;color:var(--muted)}
.es-form select{display:block;width:100%;margin-top:6px;padding:11px 10px;border:1px solid #c9d3dc;border-radius:8px;background:#fff;font:inherit;font-size:.95rem}
.es-front{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.es-front summary{cursor:pointer;font-weight:600;font-size:.9rem;margin-bottom:12px}
.es-result{background:var(--blue-soft);border-radius:var(--radius);padding:22px;margin:0 0 30px}
.es-big{font-size:1.15rem;margin:0 0 6px}
.es-big strong{color:var(--blue)}
.es-steps li{margin:6px 0}
.es-hint{font-size:.85rem}
.es-preview{background:#fff;border:1px dashed #b9c4cf;border-radius:8px;padding:12px;overflow-x:auto}
.es-sheet{display:flex;flex-direction:column;gap:6mm;align-items:flex-start}
.es-piece{margin:0}
.es-piece svg{display:block;background:#fff}
.es-piece figcaption{font-size:.8rem;color:var(--muted);max-width:80mm;margin-top:6px;line-height:1.4}
.es-foil{fill:#eef3ff}
.es-face{fill:#dbe5ff}
.es-off{fill:url(#es-hatch)}
.es-hatchline{stroke:#9aa7b4;stroke-width:.35}
.es-cut{fill:none;stroke:#c63a1f;stroke-width:.5}
.es-fold{stroke:#173dc9;stroke-width:.3;stroke-dasharray:1.6 1}
.es-trim{stroke:#7a8794;stroke-width:.2;stroke-dasharray:.4 .8}
.es-ruler{stroke:#142437;stroke-width:.3}
.es-t{fill:#142437;font-family:Arial,sans-serif}
.es-off-t{fill:#5b6772}
.es-tab-t{fill:#c63a1f;font-weight:700}
.es-legend{font-size:.85rem;margin-top:10px}
.es-legend span{display:inline-block;width:22px;height:0;vertical-align:middle;margin:0 4px 0 12px}
.es-legend span:first-child{margin-left:0}
.es-l-cut{border-top:2px solid #c63a1f}.es-l-fold{border-top:2px dashed #173dc9}.es-l-off{height:10px!important;background:repeating-linear-gradient(45deg,#9aa7b4 0 1px,transparent 1px 4px)}
@media(max-width:560px){.es-grid{grid-template-columns:1fr}.es-form,.es-result{padding:16px}}
@media print{
  @page{size:A4;margin:12mm}
  .skip,.site-header,.site-footer,.back,.eyebrow,.article>h1,.article>h1~p:not(.es-big),.es-form,.article>h2,.article>.callout,.article>ul,.article>.primary-button,.es-print,.es-hint,.es-legend,noscript{display:none!important}
  .es-result{background:none;padding:0}
  .es-preview{border:0;padding:0}
  .es-piece svg *{print-color-adjust:exact;-webkit-print-color-adjust:exact}
}
.es-shop{border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;margin:30px 0;background:var(--paper)}
.es-shop h2{font-size:1.15rem!important;margin:4px 0 10px!important}
.es-shop .wl-label{font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0}
.es-shop .wl-note{font-size:.8rem;margin:8px 0 0}
@media print{.es-shop{display:none!important}}
