/* Reihengeschäft-Rechner – Eingabe, Kettengrafik, Lieferungskarten; Farben und Schrift aus stil.css */
.rg-karte{background:var(--weiss);border:1px solid var(--linie);border-radius:14px;padding:1.4rem 1.5rem 1.5rem;min-width:0;margin:0 0 1.2rem}
.rg-karte h2{font-size:1.25rem;margin:0 0 .9rem}
.rg-kopfzeile{display:flex;gap:1rem;flex-wrap:wrap;align-items:end;justify-content:space-between;margin:0 0 1rem}
.rg-feld{margin:0 0 .7rem;min-width:0}
.rg-feld label{display:block;font-size:.8rem;font-weight:600;margin-bottom:.25rem;color:var(--tinte)}
.rg-feld input,.rg-feld select{width:100%;font:inherit;font-size:.95rem;color:var(--tinte);padding:.5rem .65rem;background:var(--weiss);border:1px solid #C9D2CD;border-radius:8px}
.rg-feld input:focus,.rg-feld select:focus{outline:2px solid var(--gruen-t);outline-offset:1px}
.rg-feld .hilfe{font-size:.76rem;color:var(--tinte-2);margin:.25rem 0 0;line-height:1.4}
.rg-beteiligte{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr))}
.rg-partei{border:1px solid var(--linie);border-radius:10px;padding:.8rem .9rem .5rem;background:var(--grau)}
.rg-partei-kopf{display:flex;gap:.5rem;align-items:center;margin:0 0 .6rem;font-size:.85rem;color:var(--tinte-2)}
.rg-buchstabe{display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--dunkel);color:#fff;font-weight:800;font-size:.9rem}
.rg-weg{display:grid;gap:.6rem 1rem;grid-template-columns:repeat(auto-fit,minmax(min(12rem,100%),1fr));margin-top:1rem}
.rg-akt{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;margin:.6rem 0 0}
.rg-akt .btn{cursor:pointer;font-family:inherit}
.rg-klein{font-size:.8rem;color:var(--tinte-2);margin:.8rem 0 0;line-height:1.45}
/* Kette */
.rg-kette{display:flex;align-items:stretch;gap:0;overflow-x:auto;padding:.4rem 0 .6rem}
.rg-box{flex:0 0 auto;min-width:9rem;border:2px solid var(--linie);border-radius:12px;padding:.6rem .8rem;background:var(--weiss);text-align:center}
.rg-box b{display:block;font-size:1.3rem}
.rg-box span{display:block;font-weight:600;font-size:.9rem}
.rg-box small{display:block;color:var(--tinte-2);font-size:.75rem}
.rg-box em{display:inline-block;margin-top:.3rem;font-style:normal;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gruen-d);background:var(--gruen-h);border-radius:99px;padding:.1rem .5rem}
.rg-box.transport{border-color:var(--gruen-t)}
.rg-pfeil{flex:1 1 7rem;min-width:7rem;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.75rem;color:var(--tinte-2);padding:0 .4rem}
.rg-pfeil::before{content:"";position:absolute;left:.3rem;right:.3rem;top:50%;border-top:2px dashed var(--linie)}
.rg-pfeil::after{content:"";position:absolute;right:.3rem;top:calc(50% - 5px);border:5px solid transparent;border-left-color:var(--linie)}
.rg-pfeil span,.rg-pfeil i,.rg-pfeil small{position:relative;background:var(--weiss);padding:0 .3rem;line-height:1.3}
.rg-pfeil i{font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.68rem}
.rg-pfeil.bewegt{color:var(--gruen-d)}
.rg-pfeil.bewegt::before{border-top:3px solid var(--gruen-t)}
.rg-pfeil.bewegt::after{border-left-color:var(--gruen-t)}
.rg-warenweg{font-size:.9rem;font-weight:600;margin:.2rem 0 .8rem}
.rg-zuordnung{background:var(--dunkel);color:#fff;border-radius:10px;padding:.8rem 1rem;font-size:.93rem;line-height:1.5;margin:0 0 1rem}
/* Lieferungskarten */
.rg-lieferung{border:1px solid var(--linie);border-left:4px solid var(--linie);border-radius:0 12px 12px 0;padding:.9rem 1.1rem 1rem;margin:0 0 .9rem;background:var(--weiss)}
.rg-lieferung.bewegt{border-left-color:var(--gruen-t)}
.rg-lieferung-kopf{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin:0 0 .4rem}
.rg-lieferung h3{font-size:1.05rem;margin:0;flex:1 1 auto}
.rg-marke{display:inline-block;font-size:.72rem;font-weight:700;padding:.15rem .55rem;border-radius:99px;white-space:nowrap}
.rg-marke.ok{background:var(--gruen-h);color:var(--gruen-d)}
.rg-marke.pflichtig{background:#FBF3E2;color:#8A5A00}
.rg-marke.ausland{background:var(--grau);color:var(--tinte-2)}
.rg-marke.neutral{background:var(--grau);color:var(--tinte-2);font-weight:600}
.rg-ort{font-size:.85rem;color:var(--tinte-2);margin:0 0 .5rem}
.rg-titel{font-weight:700;margin:0 0 .3rem}
.rg-lieferung p{line-height:1.55;font-size:.95rem;margin:0 0 .5rem}
.rg-liste{margin:.5rem 0 0;font-size:.88rem}
.rg-liste b{display:block;margin:0 0 .2rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--tinte-2)}
.rg-liste ul{margin:0;padding-left:1.2rem;line-height:1.5}
.rg-liste li{margin:.15rem 0}
.rg-warn{background:var(--signal-h);border-left:3px solid var(--signal);border-radius:0 10px 10px 0;padding:.7rem .9rem;font-size:.9rem;margin:.8rem 0 0}
.rg-hinweise{background:var(--gruen-h);border-left:3px solid var(--gruen-t);border-radius:0 10px 10px 0;padding:.7rem .9rem;font-size:.9rem;margin:.8rem 0 0}
.rg-warn b,.rg-hinweise b{display:block;margin:0 0 .3rem}
.rg-warn ul,.rg-hinweise ul{margin:0;padding-left:1.2rem;line-height:1.5}
.rg-dreieck{margin:.8rem 0 0;font-size:.9rem;padding:.7rem .9rem;border:1px dashed var(--gruen-t);border-radius:10px}
[hidden]{display:none !important}
/* Handy: Kette untereinander, Pfeile zeigen nach unten */
@media (max-width:640px){
  .rg-kette{flex-direction:column;overflow:visible}
  .rg-box{min-width:0}
  .rg-pfeil{flex:none;min-height:3.6rem;padding:.4rem 0}
  .rg-pfeil::before{left:50%;right:auto;top:.2rem;bottom:.2rem;border-top:none;border-left:2px dashed var(--linie)}
  .rg-pfeil::after{right:auto;left:calc(50% - 5px);top:auto;bottom:0;border:5px solid transparent;border-top-color:var(--linie);border-left-color:transparent}
  .rg-pfeil.bewegt::before{border-left:3px solid var(--gruen-t)}
  .rg-pfeil.bewegt::after{border-top-color:var(--gruen-t);border-left-color:transparent}
}
@media print{.kopf,.fuss,.rg-akt,#wissen,#beispiele-feld{display:none !important}.rg-kette{overflow:visible}.rg-lieferung{break-inside:avoid}}