.aufb-wrap{display:grid;grid-template-columns:1.25fr .85fr;gap:24px;align-items:center;
          padding:20px;border-radius:24px;border:1px solid rgba(211,176,122,.22);
          background:linear-gradient(135deg,rgba(10,14,23,.95),rgba(20,28,48,.9));
          box-shadow:0 24px 60px rgba(0,0,0,.35);}
        .aufb-wrap figure{margin:0;position:relative;border-radius:18px;overflow:hidden;
          border:1px solid rgba(255,255,255,.08);}
        .aufb-wrap figure img{width:100%;height:auto;display:block;}
        .aufb-tag{position:absolute;top:12px;left:12px;padding:5px 12px;border-radius:999px;
          background:rgba(10,14,23,.72);border:1px solid rgba(211,176,122,.4);backdrop-filter:blur(4px);
          color:#d3b07a;font:800 .68rem 'Manrope',sans-serif;letter-spacing:.08em;text-transform:uppercase;}
        .aufb-list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:9px;}
        .aufb-list li{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;
          color:rgba(243,246,251,.72);line-height:1.5;}
        .aufb-list li span{color:#d3b07a;font-weight:800;flex-shrink:0;}
        .aufb-note{margin:16px 0 0;font-size:.8rem;color:rgba(243,246,251,.77);line-height:1.6;}
        /* Die Abgrenzung zu den Reinigungsklassen muss man sehen, ohne sie
           zu suchen: eigene Zeile, goldener Rand, aber kein Alarmkasten. */
        .aufb-abgrenzung{margin:18px 0 0;padding:12px 14px;border-radius:14px;
          border:1px solid rgba(211,176,122,.28);background:rgba(211,176,122,.07);
          font-size:.82rem;line-height:1.6;color:rgba(243,246,251,.72);}
        .aufb-abgrenzung strong{color:#d3b07a;}
        @media (max-width:860px){.aufb-wrap{grid-template-columns:1fr;}}


/* Sichtbarer Tastaturfokus (Paket 9.9) */
#verschlussSelect:focus-visible, #mengeMinus:focus-visible, #gdSize:focus-visible, #swSize:focus-visible, .sw-i:focus-visible, #anmerkung:focus-visible { outline: 2px solid #e6c391; outline-offset: 2px; }