/* Amidwerk – Bestellzettel. Ruhige Neutraltöne, Oliv nur als Akzent.
   Jede Farbe hier hat ΔE2000 >= 15 zu jeder Farbe der Betreiberin anderer Läden (Test odtlacok). */
@font-face{font-family:"Public Sans";font-weight:400;font-display:swap;src:url(f/ps-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2212}
@font-face{font-family:"Public Sans";font-weight:400;font-display:swap;src:url(f/ps-400-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+2070-218F}
@font-face{font-family:"Public Sans";font-weight:600;font-display:swap;src:url(f/ps-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2212}
@font-face{font-family:"Public Sans";font-weight:600;font-display:swap;src:url(f/ps-600-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+2070-218F}
@font-face{font-family:"Public Sans";font-weight:800;font-display:swap;src:url(f/ps-800.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2212}
@font-face{font-family:"Public Sans";font-weight:800;font-display:swap;src:url(f/ps-800-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+2070-218F}
@font-face{font-family:"Courier Prime";font-weight:400;font-display:swap;src:url(f/cp-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2212}
@font-face{font-family:"Courier Prime";font-weight:400;font-display:swap;src:url(f/cp-400-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+2070-218F}
@font-face{font-family:"Courier Prime";font-weight:700;font-display:swap;src:url(f/cp-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2212}
@font-face{font-family:"Courier Prime";font-weight:700;font-display:swap;src:url(f/cp-700-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+2070-218F}

:root{
  --aw-grund:#FFFFFF; --aw-blatt:#FFFFFF; --aw-tief:#DEDEDE; --aw-tinte:#1E1E1E; --aw-tinte2:#5E5E5E; --aw-stempel:#EFEFEF; --aw-oliv:#788241;
  --aw-sans:"Public Sans",Verdana,sans-serif; --aw-schreib:"Courier Prime","Courier New",monospace;
  --aw-rand:max(16px,4vw);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--aw-grund);color:var(--aw-tinte);font:17px/1.55 var(--aw-sans)}
a{color:var(--aw-tinte);text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--aw-oliv);outline-offset:2px}
img{max-width:100%}
h1,h2,h3{line-height:1.12;letter-spacing:-.015em;text-wrap:balance;margin:0}
h1{font:800 clamp(30px,4.2vw,46px)/1.06 var(--aw-sans)}
h2{font:800 clamp(22px,2.6vw,28px)/1.15 var(--aw-sans)}
h3{font:700 19px/1.25 var(--aw-sans)}
p{margin:0}
.aw-schreib{font-family:var(--aw-sans)}
h1 .aw-schreib{font-weight:400;color:var(--aw-tinte2)}
.aw-unsichtbar{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.aw-sprung{position:absolute;left:-999px;top:8px;background:var(--aw-tinte);color:var(--aw-blatt);padding:8px 12px;z-index:30}
.aw-sprung:focus{left:8px}

/* Kopf */
.aw-kopf{display:flex;align-items:center;gap:20px;padding:16px var(--aw-rand);border-bottom:1px solid var(--aw-tief);background:var(--aw-blatt);flex-wrap:wrap}
.aw-marke{display:flex;align-items:center;gap:10px;font:800 25px/1 var(--aw-sans);text-decoration:none;letter-spacing:-.02em}
.aw-marke svg{width:24px;height:30px;flex:none;color:var(--aw-oliv)}
.aw-kopfsuche{flex:1 1 280px;display:flex;border:1px solid var(--aw-tief);border-radius:6px;background:var(--aw-grund);min-width:0;overflow:hidden}
.aw-kopfsuche label{font:700 12px/1 var(--aw-sans);text-transform:uppercase;letter-spacing:.08em;padding:12px;border-right:1px solid var(--aw-tief);display:flex;align-items:center;color:var(--aw-tinte2)}
.aw-kopfsuche input{flex:1;min-width:0;border:0;background:transparent;font:17px var(--aw-sans);padding:9px 12px;color:var(--aw-tinte)}
.aw-kopfsuche input::placeholder{color:var(--aw-tinte2)}
.aw-wege{display:flex;gap:18px;font-weight:600}
.aw-wege a{text-decoration:none}
.aw-wege a[aria-current]{text-decoration:underline;text-decoration-color:var(--aw-oliv);text-decoration-thickness:2px}
.aw-zettelknopf{font:700 15px var(--aw-sans);background:var(--aw-tinte);color:var(--aw-blatt);border:0;border-radius:6px;padding:10px 14px;cursor:pointer;white-space:nowrap}

/* Hauptfläche */
.aw-flaeche{padding:26px var(--aw-rand) 48px}
.aw-raster{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:32px;align-items:start}
.aw-einleitung{display:grid;gap:10px;margin-bottom:20px;max-width:62ch}
.aw-bereiche{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 18px;font:14px/1.6 var(--aw-sans);padding:0;list-style:none}
.aw-bereiche a{text-decoration:none;padding:0 4px}
.aw-bereiche a[aria-current]{border-bottom:2px solid var(--aw-oliv);font-weight:700}

/* Liste = liniertes Formular */
.aw-liste{background:var(--aw-blatt);border:1px solid var(--aw-tief);border-radius:8px;padding:4px 18px 12px;background-image:repeating-linear-gradient(var(--aw-blatt) 0 55px,var(--aw-tief) 55px 56px)}
.aw-zeile{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1.1fr) 70px minmax(0,.8fr) 76px;gap:12px;align-items:center;min-height:56px}
.aw-zeile[hidden]{display:none}
.aw-kopfzeile{font:600 11.5px var(--aw-sans);color:var(--aw-tinte2);text-transform:uppercase;letter-spacing:.08em;min-height:44px}
.aw-stoff a{font-weight:700;text-decoration:none}
.aw-stoff a:hover{text-decoration:underline}
.aw-stoff small{display:block;font:13px var(--aw-sans)}
.aw-cas,.aw-vial{font:14px var(--aw-schreib)}
.aw-preis{font:650 16px var(--aw-sans);text-align:right;white-space:nowrap}
.aw-menge{width:66px;height:40px;border:0;border-bottom:2px solid var(--aw-tief);background:transparent;font:600 18px var(--aw-sans);text-align:center;color:var(--aw-tinte);border-radius:0}
.aw-menge.aw-belegt{background:var(--aw-stempel);border-bottom-color:var(--aw-oliv)}
.aw-leer{padding:18px 0;font:16px var(--aw-sans)}

/* Zettel */
.aw-zettel{background:var(--aw-blatt);border:1px solid var(--aw-tief);border-top:4px solid var(--aw-oliv);border-radius:8px;padding:20px;display:grid;gap:12px;box-shadow:0 10px 30px -18px rgba(30,30,30,.35)}
.aw-zettel h2{font-size:21px}
.aw-zettel-nr{font:13px var(--aw-sans)}
.aw-posten{width:100%;border-collapse:collapse;font:15px/1.35 var(--aw-sans)}
.aw-posten td{padding:7px 0;border-bottom:1px solid var(--aw-tief);vertical-align:top}
.aw-posten td:last-child{text-align:right;white-space:nowrap;padding-left:10px}
.aw-posten .aw-summe td{font-weight:700;font-size:18px;border-bottom:0;border-top:2px solid var(--aw-tinte)}
.aw-weg{background:none;border:0;color:var(--aw-tinte);font:13px var(--aw-sans);text-decoration:underline;cursor:pointer;padding:0}
.aw-stempel{justify-self:start;border:1.5px solid var(--aw-oliv);color:var(--aw-tinte);border-radius:4px;font:600 11.5px var(--aw-sans);padding:3px 8px;text-transform:uppercase;letter-spacing:.04em}
.aw-staffel{font:13px var(--aw-sans)}
.aw-los{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;background:var(--aw-tinte);color:var(--aw-blatt);border:0;border-radius:6px;padding:14px 16px;font:800 17px var(--aw-sans);text-decoration:none;cursor:pointer}
.aw-los[aria-disabled="true"]{opacity:.55;pointer-events:none}
.aw-klein{font-size:14px}
.aw-raster > .aw-zettel{position:sticky;top:16px}
.aw-schublade{position:fixed;inset:0 0 0 auto;width:min(380px,100%);z-index:20;overflow:auto;padding:16px max(16px,env(safe-area-inset-right,0px)) 16px 16px;background:var(--aw-grund);border-left:1px solid var(--aw-tief)}
.aw-schublade[hidden]{display:none}
.aw-schliessen{justify-self:end;background:none;border:1px solid var(--aw-tief);border-radius:6px;font:700 14px var(--aw-sans);color:var(--aw-tinte);padding:6px 10px;cursor:pointer}
.aw-leiste{display:none}

/* Stoffseite */
.aw-pfad{font:14px var(--aw-sans);margin-bottom:14px}
.aw-stoffkopf{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:28px;align-items:start}
.aw-etikett{background:var(--aw-blatt);border:1px solid var(--aw-tief);border-left:6px solid var(--aw-oliv);border-radius:8px;padding:18px;display:grid;gap:6px;font-family:var(--aw-sans);aspect-ratio:4/3;align-content:center;max-width:100%}
.aw-etikett b{font:800 26px/1.1 var(--aw-sans)}
.aw-etikett span{font-size:14px}
.aw-angaben{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 18px;margin:18px 0 0;font-size:16px}
.aw-angaben dt{font:600 11.5px/2.1 var(--aw-sans);color:var(--aw-tinte2);text-transform:uppercase;letter-spacing:.06em}
.aw-angaben dd{margin:0;overflow-wrap:anywhere}
.aw-kauf{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;padding:18px;border:1px solid var(--aw-tief);border-radius:8px;background:var(--aw-blatt)}
.aw-kauf .aw-preis{font-size:24px}
.aw-knopf{background:var(--aw-tinte);color:var(--aw-blatt);border:0;border-radius:6px;padding:12px 16px;font:800 16px var(--aw-sans);cursor:pointer}
.aw-hinweis{font-size:14px;max-width:62ch}
.aw-abschnitt{display:grid;gap:12px;margin-top:34px;max-width:860px}
.aw-tabelle{width:100%;border-collapse:collapse;font:15px var(--aw-sans)}
.aw-tabelle th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid var(--aw-tinte);padding:6px 10px 6px 0}
.aw-tabelle td{border-bottom:1px solid var(--aw-tief);padding:8px 10px 8px 0;vertical-align:top}
.aw-rollen{overflow-x:auto}
.aw-text{display:grid;gap:12px;max-width:68ch}
.aw-text h2{margin-top:18px}
.aw-text ul,.aw-text ol{margin:0;padding-left:22px;display:grid;gap:6px}

/* Formulare */
.aw-formular{display:grid;gap:22px;max-width:720px}
.aw-teil{border:1px solid var(--aw-tief);border-radius:8px;background:var(--aw-blatt);padding:20px;display:grid;gap:14px}
.aw-teil legend{font:800 19px var(--aw-sans);padding:0 6px}
.aw-feld{display:grid;gap:4px}
.aw-feld label{font:600 12px var(--aw-sans);text-transform:uppercase;letter-spacing:.06em}
.aw-feld input,.aw-feld select,.aw-feld textarea{font:17px var(--aw-sans);color:var(--aw-tinte);background:var(--aw-grund);border:1px solid var(--aw-tief);border-radius:6px;padding:9px 10px;width:100%}
.aw-feld textarea{min-height:150px;resize:vertical}
.aw-paar{display:grid;grid-template-columns:140px minmax(0,1fr);gap:14px}
.aw-wahl{display:flex;gap:10px;align-items:flex-start}
.aw-wahl input{width:20px;height:20px;margin-top:3px;accent-color:var(--aw-tinte);flex:none}
.aw-meldung{border-left:4px solid var(--aw-oliv);background:var(--aw-stempel);padding:10px 12px;font-weight:600;border-radius:4px}
.aw-meldung[hidden]{display:none}
.aw-honig{position:absolute;left:-9999px}

/* Beleg */
.aw-beleg{background:var(--aw-blatt);border:1px solid var(--aw-tief);border-top:4px solid var(--aw-oliv);border-radius:8px;padding:24px;max-width:820px;display:grid;gap:18px}
.aw-belegkopf{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:start}
.aw-qr{width:180px;height:180px;background:var(--aw-blatt)}
.aw-qr svg{width:100%;height:100%}
.aw-bank{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start}

/* Fuss */
.aw-fuss{border-top:1px solid var(--aw-tief);color:var(--aw-tinte2);padding:22px var(--aw-rand) 32px;font-size:14px;display:grid;gap:8px}
.aw-fuss nav{display:flex;flex-wrap:wrap;gap:6px 16px}

@media (max-width:1000px){
  .aw-raster{grid-template-columns:1fr}
  .aw-raster > .aw-zettel{display:none}
  .aw-leiste{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:15;align-items:center;justify-content:space-between;gap:12px;background:var(--aw-blatt);border-top:1px solid var(--aw-tief);box-shadow:0 -8px 24px -18px rgba(30,30,30,.4);padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
  .aw-leiste .aw-los{width:auto}
  .aw-zettelknopf{display:none}
  body.aw-mit-leiste{padding-bottom:84px}
  .aw-stoffkopf{grid-template-columns:1fr}
  .aw-etikett{max-width:420px}
}
@media (max-width:760px){
  .aw-wege{display:none}
  .aw-zeile{grid-template-columns:minmax(0,1fr) auto 62px}
  .aw-zeile .aw-cas,.aw-zeile .aw-vial{display:none}
  .aw-paar,.aw-bank{grid-template-columns:1fr}
  .aw-kopfsuche label{display:none}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media print{
  .aw-kopf,.aw-fuss,.aw-leiste,.aw-schublade,.aw-druck,.aw-sprung{display:none!important}
  body{background:none}
  .aw-beleg{border:0}
}
.aw-foto{padding:0;aspect-ratio:auto;overflow:hidden;gap:0}
.aw-foto figcaption{font-size:13px;color:var(--aw-tinte2);padding:10px 14px;border-top:1px solid var(--aw-tief)}
.aw-foto img{display:block;width:100%;height:auto}

.aw-tabelle,.aw-posten,.aw-preis,.aw-cas,.aw-vial{font-variant-numeric:tabular-nums}
.aw-etikett b,.aw-etikett strong{letter-spacing:-.01em}
.aw-kopfzeile .aw-preis{font:600 11.5px var(--aw-sans)}
.aw-mini{float:left;width:48px;height:48px;margin:0 14px 0 0;border-radius:6px;border:1px solid var(--aw-tief);background:var(--aw-grund)}