/* Auftrag: ruhige Fortschrittskarte, fehlende Angaben, Ergebnis */
.au-inhalt { padding-top:10px; padding-bottom:28px; }
.au-kopf { padding:4px 4px 14px; }
.au-kopf .au-titel { margin-top:4px; overflow-wrap:anywhere; }
.au-meta { display:flex; align-items:center; gap:8px; margin-top:8px; }

.au-laeuft { padding:26px 20px 18px; display:flex; flex-direction:column; align-items:center; text-align:center; }
.au-ring { position:relative; width:64px; height:64px; border-radius:50%; box-shadow:inset 0 0 0 4px #F1ECE6; }
.au-ring i { position:absolute; inset:0; border-radius:50%; border:4px solid transparent; border-top-color:var(--navy); border-right-color:var(--taupe-hell); animation:au-dreh 1.4s cubic-bezier(.5,.15,.5,.85) infinite; }
@keyframes au-dreh { to { transform:rotate(360deg); } }
.au-schritt { margin-top:18px; font:700 18px/24px var(--schrift); letter-spacing:-.02em; color:var(--navy); max-width:300px; }
.au-seit { margin-top:4px; font:500 13.5px/18px var(--schrift); color:var(--text2); }
.au-band { position:relative; width:100%; height:4px; margin:18px 0 0; border-radius:2px; background:#F1ECE6; overflow:hidden; }
.au-band i { position:absolute; top:0; bottom:0; width:38%; border-radius:2px; background:linear-gradient(90deg, rgba(158,139,119,0), var(--taupe), rgba(158,139,119,0)); animation:au-band 2.2s ease-in-out infinite; }
@keyframes au-band { from { transform:translateX(-110%); } to { transform:translateX(290%); } }
.au-notiz { margin-top:16px; font:500 13.5px/19px var(--schrift); color:var(--text2); max-width:300px; }
.au-push { display:flex; align-items:flex-start; gap:8px; margin-top:14px; padding:10px 12px; border-radius:12px; background:var(--taupe-bg); color:var(--taupe-tief); font:500 12.5px/17px var(--schrift); text-align:left; }
.au-push .ic { flex:none; margin-top:1px; }

.au-status { padding:22px 18px 18px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; }
.au-status .leer { padding:6px 6px 4px; }
.au-status-ic { width:48px; height:48px; border-radius:15px; display:grid; place-items:center; margin-bottom:6px; }
.au-status-ic.rot { background:var(--rot-bg); color:var(--rot); }
.au-status-ic.amber { background:var(--amber-bg); color:var(--amber); }
.au-status .t1 { font:700 17px/22px var(--schrift); color:var(--navy); letter-spacing:-.02em; }
.au-status .t2 { font:500 14px/20px var(--schrift); color:var(--text2); max-width:300px; white-space:normal; }
.au-fehler .knopf { margin-top:12px; }
.au-fehlt-form { padding:0; }
.au-fehlt-form .felder { margin-top:16px; }
.au-fehlt > .knopf { margin-top:16px; }
.au-fehlt .knopf.laedt { opacity:.7; pointer-events:none; }

.au-wert { padding:16px 16px 14px; }
.au-wert-zahl { font:700 40px/46px var(--schrift); letter-spacing:-.035em; margin-top:4px; color:var(--navy); }
.au-wert-spanne { font:500 14px/18px var(--schrift); color:var(--text2); margin-top:2px; }
.au-pruefen { display:flex; align-items:center; gap:7px; margin:4px 0 2px; padding:8px 10px; border-radius:10px; background:var(--amber-bg); color:var(--amber); font:600 12.5px/16px var(--schrift); }
.au-ganz { margin-top:12px; justify-content:space-between; padding:0 14px 0 16px; height:46px; font-size:15px; }
.au-ganz .ic { color:var(--chev, #C3C0C6); }
.auftrag .knopf.laedt { opacity:.72; pointer-events:none; }

.au-luecken { display:flex; align-items:flex-start; gap:9px; padding:12px 14px; border-radius:14px; background:var(--amber-bg); color:var(--amber); font:500 13.5px/19px var(--schrift); }
.au-luecken .ic { flex:none; margin-top:1px; }
.au-luecken + .knopf-reihe { margin-top:14px; }
.au-textkarte { padding:14px 16px 16px; }
.au-titeltext { font:700 17px/23px var(--schrift); letter-spacing:-.02em; color:var(--navy); }
.au-text { white-space:pre-line; color:var(--navy); opacity:.88; }
.au-text.zu { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:8; overflow:hidden; }
.au-text.zu.offen { display:block; -webkit-line-clamp:unset; }
.au-mehr { margin-top:6px; font:600 14px/20px var(--schrift); color:var(--taupe-tief); }
.au-liste { margin:0; padding-left:18px; font:500 14.5px/22px var(--schrift); color:var(--navy); }

.au-angaben .zeile { min-height:44px; padding-top:6px; padding-bottom:6px; }
.au-angaben .zeile + .zeile::before { left:0; }
.au-angaben .au-l { flex:none; font:500 14px/18px var(--schrift); color:var(--text2); }
.au-angaben .zwert { font-size:14px; text-align:right; white-space:normal; padding-left:16px; overflow-wrap:anywhere; }
.au-angaben .au-diktat { flex-direction:column; align-items:flex-start; gap:4px; padding-top:10px; padding-bottom:12px; }
.au-diktat-t { font:500 14px/20px var(--schrift); color:var(--navy); white-space:pre-line; }

.au-sk { display:block; height:12px; border-radius:6px; background:#F0EBE5; animation:au-sk 1.4s ease-in-out infinite; }
.au-sk + .au-sk { margin-top:9px; }
.au-sk-gross { height:26px; width:75%; }
@keyframes au-sk { 0%,100% { opacity:1; } 50% { opacity:.45; } }

/* Eigener Marktwert (Paket 4) */
.au-wert-eigen { display:flex; align-items:center; gap:6px; margin-top:4px; font:500 12.5px/16px var(--schrift); color:var(--taupe-tief); }
.au-wert-eigen .ic { flex:none; }
.au-eigen-t { margin:0 4px 10px; font:500 13.5px/19px var(--schrift); color:var(--text2); }
.au-eigen .feld-zeile > .feld-l { width:96px; }
.au-eigen .feld-zeile input { text-align:left; }
.au-eigen .bn-einheit { flex:none; font:500 15px/20px var(--schrift); color:var(--text3); }
.au-eigen-tipp { margin:8px 4px 12px; font:500 12px/16px var(--schrift); color:var(--text3); }
