/* ============================================================
   Bestellformular-Blatt — gemeinsame Styles (Online-Formular
   UND verstecktes Blatt auf der Produktseite für den PDF-Export).
   Systemschriften -> überall zuverlässig, PDF-sicher.
   ============================================================ */
:root{
  --bg:#FBF7F1; --surface:#FFFFFF; --ink:#2A211C; --ink-soft:#4A3E37;
  --muted:#7C6E64; --faint:#A2968B; --line:#EBE0D3; --line2:#E1D4C3;
  --gold:#A07C46; --gold-soft:#C8A468; --rose:#BE8480; --panel:#F6EFE4;
}
.dk-sheet *{box-sizing:border-box;}
.dk-sheet{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:var(--ink);line-height:1.5;}

.dk-sheet .sheet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;}
.dk-sheet .brandmark{display:flex;align-items:center;gap:13px;}
.dk-sheet .brandmark .disc{width:54px;height:54px;border-radius:28%;overflow:hidden;background:#2a231d;
  display:flex;align-items:center;justify-content:center;box-shadow:0 5px 16px -6px rgba(160,124,70,.55),0 0 0 1px rgba(212,175,110,.16);flex:none;}
.dk-sheet .brandmark .disc img{width:100%;height:100%;object-fit:contain;padding:6px;display:block;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.dk-sheet .brandmark .wm{font-family:Georgia,'Times New Roman',serif;font-size:1.42rem;font-weight:700;color:var(--ink);line-height:1.05;}
.dk-sheet .brandmark .wm small{display:block;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold);margin-top:3px;}
.dk-sheet .contact{text-align:right;font-size:12px;line-height:1.7;color:var(--muted);}
.dk-sheet .contact b{display:block;color:var(--ink-soft);font-weight:700;font-size:12.5px;}

.dk-sheet .rule{height:1px;background:#E1D4C3;margin:18px 0 22px;}

.dk-sheet .eyebrow{font-size:10.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);}
.dk-sheet h1.title{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:2.15rem;line-height:1.05;margin:8px 0 4px;letter-spacing:.01em;}
.dk-sheet .subtitle{font-size:12.5px;color:var(--muted);margin:0 0 4px;}

.dk-sheet h2.sec{font-family:Georgia,'Times New Roman',serif;font-weight:600;font-size:1.4rem;margin:24px 0 10px;
  display:flex;align-items:baseline;gap:10px;}
.dk-sheet h2.sec .n{width:22px;height:22px;flex:none;border-radius:50%;background:var(--gold);color:#fff;
  font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;transform:translateY(-2px);}
.dk-sheet .hint{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:11px;font-weight:700;color:var(--rose);letter-spacing:.02em;}

.dk-sheet .rows{border:1px solid var(--line2);border-radius:14px;overflow:hidden;background:var(--surface);}
.dk-sheet .row{display:grid;grid-template-columns:190px 1fr;align-items:stretch;border-bottom:1px solid var(--line);}
.dk-sheet .row:last-child{border-bottom:none;}
.dk-sheet .row .k{background:var(--panel);padding:12px 16px;font-size:13px;font-weight:700;color:var(--ink-soft);display:flex;align-items:center;border-right:1px solid var(--line);}
.dk-sheet .row .f{padding:6px 10px;display:flex;align-items:center;}
.dk-sheet .row .f input{width:100%;border:none;background:transparent;font-family:inherit;font-size:15px;color:var(--ink);padding:8px 6px;}
.dk-sheet .row .f input:focus{outline:none;background:#FBF6EE;border-radius:8px;}

.dk-sheet .pcard{border:1px solid var(--line2);border-radius:14px;overflow:hidden;background:var(--surface);}
.dk-sheet .pline{display:grid;grid-template-columns:190px 1fr;border-bottom:1px solid var(--line);}
.dk-sheet .pline:last-child{border-bottom:none;}
.dk-sheet .pline .k{background:var(--panel);padding:14px 16px;font-size:13px;font-weight:700;color:var(--ink-soft);border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;gap:3px;}
.dk-sheet .pline .k em{font-style:normal;font-size:11px;font-weight:600;color:var(--muted);}
.dk-sheet .pline .b{padding:13px 16px;}
.dk-sheet .artnr{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.dk-sheet .artnr .badge{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:1.15rem;color:var(--gold);
  border:1.5px solid var(--gold-soft);border-radius:8px;padding:2px 12px;letter-spacing:.05em;background:#FCF7EE;}
.dk-sheet .artnr .fixed{font-size:13.5px;font-weight:700;color:var(--ink-soft);}
.dk-sheet .artnr input{flex:1;min-width:120px;border:none;border-bottom:1.5px dotted var(--line2);background:transparent;font-family:inherit;font-size:15px;padding:6px 4px;}
.dk-sheet .artnr input:focus{outline:none;border-bottom-color:var(--gold);}

.dk-sheet .opts{display:grid;grid-template-columns:1fr 1fr;gap:9px 26px;}
.dk-sheet .opts.one{grid-template-columns:1fr;}
.dk-sheet .opt{display:flex;align-items:center;gap:11px;font-size:14px;color:var(--ink);cursor:pointer;padding:3px 0;}
.dk-sheet .opt input{appearance:none;-webkit-appearance:none;width:19px;height:19px;flex:none;border:1.5px solid var(--line2);border-radius:5px;
  background:var(--surface);cursor:pointer;position:relative;transition:.15s;}
.dk-sheet .opt input:hover{border-color:var(--gold-soft);}
.dk-sheet .opt input:checked{background:var(--gold);border-color:var(--gold);}
.dk-sheet .opt input:checked::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(42deg);}
.dk-sheet .opt input:focus-visible{outline:2px solid var(--gold-soft);outline-offset:2px;}
.dk-sheet .grouplabel{grid-column:1/-1;font-size:11.5px;color:var(--muted);margin-bottom:-2px;}

.dk-sheet .fill{width:100%;border:none;border-bottom:1.5px dotted var(--line2);background:transparent;font-family:inherit;font-size:15px;color:var(--ink);padding:7px 4px;}
.dk-sheet .fill:focus{outline:none;border-bottom-color:var(--gold);}
.dk-sheet .fill.tall{min-height:52px;}
.dk-sheet .inline-unit{display:flex;align-items:baseline;gap:8px;}
.dk-sheet .inline-unit input{width:90px;text-align:center;}
.dk-sheet .inline-unit .u{font-size:13px;color:var(--muted);}

.dk-sheet .sign{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:34px 0 6px;}
.dk-sheet .sign .slot{border-top:1.5px solid var(--ink-soft);padding-top:8px;font-size:12.5px;font-weight:700;color:var(--ink-soft);letter-spacing:.03em;}
.dk-sheet .note{margin-top:26px;padding:14px 18px;border-left:3px solid var(--gold-soft);background:var(--panel);border-radius:0 12px 12px 0;
  font-size:12.5px;color:var(--ink-soft);line-height:1.6;}
.dk-sheet .note b{color:var(--ink);}
.dk-sheet input::placeholder{color:#C3B7AA;}

@media (max-width:560px){
  .dk-sheet .row,.dk-sheet .pline{grid-template-columns:1fr;}
  .dk-sheet .row .k,.dk-sheet .pline .k{border-right:none;border-bottom:1px solid var(--line);}
  .dk-sheet .opts{grid-template-columns:1fr;}
  .dk-sheet .sign{grid-template-columns:1fr;gap:26px;}
  .dk-sheet .sheet-head{flex-direction:column;}
  .dk-sheet .contact{text-align:left;}
}