/*
 * Huber-Bausteine: Bild von Hand (Sitzung 3a, 12.10.2026) – gleiche Datei im Studio-Designer und in WordPress.
 * Ausschnitt verschieben und vergrössern: --hb-x / --hb-y (Lage in %), --hb-z (Vergrösserung ≥ 1), Klasse hb-bild.
 * Spiegeln: hb-spiegeln (waagrecht), hb-spiegeln-senkrecht. Am Bild selbst (Entwurf) oder am Bild-Block (figure).
 * Vergrössern ohne Überlauf: Das Bild wächst um den Ausschnitt-Punkt und wird auf seine Fläche zugeschnitten
 * (clip-path); runde Ecken bleiben mit --hb-r. Das Original der Datei bleibt immer unverändert.
 */
.hb-spiegeln{--hb-fx:-1}
.hb-spiegeln-senkrecht{--hb-fy:-1}
:is(img.hb-bild,.hb-bild img){object-position:var(--hb-x,50%) var(--hb-y,50%)}
:is(img.hb-bild,.hb-bild img,img.hb-spiegeln,.hb-spiegeln img,img.hb-spiegeln-senkrecht,.hb-spiegeln-senkrecht img){translate:calc((var(--hb-x,50%) - 50%) * (1 - var(--hb-z,1)) * var(--hb-fx,1)) calc((var(--hb-y,50%) - 50%) * (1 - var(--hb-z,1)) * var(--hb-fy,1));scale:calc(var(--hb-fx,1) * var(--hb-z,1)) calc(var(--hb-fy,1) * var(--hb-z,1));clip-path:inset(calc(var(--hb-y,50%) * (1 - 1 / var(--hb-z,1))) calc((100% - var(--hb-x,50%)) * (1 - 1 / var(--hb-z,1))) calc((100% - var(--hb-y,50%)) * (1 - 1 / var(--hb-z,1))) calc(var(--hb-x,50%) * (1 - 1 / var(--hb-z,1))) round calc(var(--hb-r,0px) / var(--hb-z,1)))}