/* Gemeinsame Basis für Freigabe und Druckerei, gleiche Farben und Schriften wie der Shop. */
:root{
  --paper:#f2f5f7;--surface:#fff;--sunken:#e8edf1;--ink:#10131a;--muted:#566070;--line:#c7d0d9;--line-strong:#10131a;
  --yellow:#ffdd00;--on-yellow:#10131a;--cut:#d6006f;--cyan:#008fcc;--good:#0a7a4b;--warn:#a85b00;--stage:#eef2f5;
  --display:"Bowlby One","Arial Black",Impact,sans-serif;--body:"Figtree","Avenir Next","Segoe UI",system-ui,sans-serif;--mono:"DM Mono",ui-monospace,Menlo,monospace;
}
@media (prefers-color-scheme:dark){:root{--paper:#11141b;--surface:#1a1f29;--sunken:#242a36;--ink:#f2f4f8;--muted:#a4aebd;--line:#394252;--line-strong:#f2f4f8;--cut:#ff4fa6;--cyan:#4cc2f5;--good:#4fd6a0;--warn:#ffb65c;--stage:#222835;color-scheme:dark}}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.5 var(--body)}
button,input,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--cut);outline-offset:2px}
h1,h2,h3,p{margin:0}
h1,h2{font-family:var(--display);font-weight:400;line-height:1.1;text-wrap:balance}
h1{font-size:clamp(1.625rem,4vw,2.25rem)}
h2{font-size:1.25rem}
a{color:inherit}
.wrap{max-width:860px;margin-inline:auto;padding-inline:16px}
.top{background:var(--surface);border-bottom:2px solid var(--line-strong)}
.top .wrap{display:flex;align-items:center;gap:8px;min-height:60px;font:400 1.2rem/1 var(--display)}
.top img{width:36px;height:36px}
.top span{margin-left:auto;font:600 .875rem var(--body);color:var(--muted)}
.test{background:var(--ink);color:var(--paper);font-size:.8125rem;text-align:center;padding:7px 16px}
.note{font-size:.875rem;color:var(--muted)}
.mono{font-family:var(--mono);font-size:.8125rem}
.card{background:var(--surface);border:2px solid var(--line-strong);border-radius:12px;overflow:hidden}
.cta{background:var(--yellow);color:var(--on-yellow);border:2px solid #10131a;border-radius:8px;padding:12px 20px;font-weight:800;box-shadow:4px 4px 0 var(--line-strong);cursor:pointer}
.cta:active{transform:translate(4px,4px);box-shadow:none}
.cta[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}
.ghost{background:none;border:2px solid var(--line-strong);border-radius:8px;padding:10px 16px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}
.ghost[disabled]{opacity:.45;cursor:not-allowed}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
label.feld{display:grid;gap:4px;font-weight:600;font-size:.9375rem}
input[type=text],input[type=email],textarea{width:100%;background:var(--surface);border:2px solid var(--line);border-radius:8px;padding:9px 11px;font-weight:400}
input[type=file]{max-width:100%;font-size:.875rem}
textarea{min-height:96px;resize:vertical}
.fehler{color:var(--cut);font-weight:600}
.status{display:inline-block;border-radius:999px;padding:2px 10px;font-size:.8125rem;font-weight:700;border:1.5px solid currentColor;white-space:nowrap}
.status.pruefung,.status.aenderung,.status.druckerei{color:var(--warn)}
.status.wartet,.status.kunde{color:var(--cyan)}
.status.freigegeben,.status.zugestellt{color:var(--good)}
.status.produktion,.status.versendet{color:var(--cyan)}
.status.ohne{color:var(--muted)}
.abzug{background:var(--stage);display:grid;place-items:center;padding:16px;min-height:200px;border-bottom:2px solid var(--line-strong)}
.abzug img{max-width:100%;max-height:60dvh;display:block}
.verlauf{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:.875rem}
.verlauf li{border-left:3px solid var(--line);padding-left:10px;overflow-wrap:anywhere;white-space:pre-line}
.verlauf li.kunde{border-color:var(--cut)}
.verlauf time{color:var(--muted);display:block;font-size:.8125rem}
.startlink{display:flex;align-items:center;gap:8px;text-decoration:none}
.recht{padding-block:28px 40px;display:grid;gap:20px;max-width:720px}
.recht section{display:grid;gap:8px}
.recht h2{font-size:1.0625rem;font-family:var(--body);font-weight:800}
.recht ul{margin:0;padding-left:20px;display:grid;gap:4px}
.recht blockquote{margin:0;padding:12px 14px;background:var(--sunken);border-radius:8px}
.hinweis{background:var(--sunken);border-radius:8px;padding:10px 12px;font-size:.9375rem}
.rechtfuss{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;padding-block:18px 32px;border-top:1px solid var(--line);font-size:.875rem;max-width:860px}
.rechtfuss nav{display:flex;flex-wrap:wrap;gap:6px 16px}
.widerrufknopf{display:inline-block;border:2px solid var(--line-strong);border-radius:8px;padding:7px 12px;font-weight:700;text-decoration:none;white-space:nowrap}
.formular{display:grid;gap:14px}
.recht.breit{max-width:1040px}
.matraster{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}
.matkarte{padding:16px;display:grid;gap:10px;align-content:start}
.matkarte h2{font-family:var(--display);font-weight:400;font-size:1.25rem}
.matkarte dl{margin:0;display:grid;gap:7px;font-size:.9375rem}
.matkarte dl div{display:grid;grid-template-columns:104px minmax(0,1fr);gap:8px;border-top:1px solid var(--line);padding-top:7px}
.matkarte dt{color:var(--muted)}.matkarte dd{margin:0}
.uubild{width:100%;height:auto;border-radius:12px;display:block;max-height:480px;object-fit:cover;object-position:center top}
.zahlen{list-style:none!important;padding:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important}
.zahlen li{display:grid;font-size:.875rem;color:var(--muted)}.zahlen b{font:400 clamp(1.25rem,4vw,1.75rem)/1.2 var(--display);color:var(--ink)}
.uuzwei{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.uuzwei img{width:100%;height:100%;object-fit:cover;object-position:center 20%;border-radius:10px;display:block;aspect-ratio:3/2}
.personen{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.person{margin:0;display:grid;gap:8px;font-size:.875rem}.person img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:10px;display:block}
.recht ol{margin:0;padding-left:20px;display:grid;gap:4px}
.vorlage{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;align-items:end}.vorlage select{font:inherit;color:inherit;background:var(--surface);border:2px solid var(--line);border-radius:8px;padding:9px 11px;width:100%}
.hfaq{border-bottom:1px solid var(--line);padding:9px 0}.hfaq summary{cursor:pointer;font-weight:700}.hfaq p{margin-top:6px}
.themenlinks{display:flex;flex-wrap:wrap;gap:8px}.themenlinks a{border:1.5px solid var(--line);border-radius:999px;padding:5px 12px;text-decoration:none;font-weight:600;font-size:.9375rem}
.herst{font-size:.875rem;color:var(--muted)}.herst summary{list-style:none;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:6px}.herst summary::-webkit-details-marker{display:none}.herst summary::before{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .15s}.herst[open] summary::before{transform:rotate(45deg)}.herst p{margin-top:4px}
.anwendungen{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.anwendung{display:grid;gap:6px;padding:14px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);text-decoration:none;color:var(--ink);font-size:.9375rem}.anwendung:hover{border-color:var(--line-strong)}.anwendung span{color:var(--muted);font-size:.875rem}