figure {
     display: inline-table;
     padding: 0em; border: 0em;
     margin: 0;
     max-width: 220px; width:95%;
    }
figcaption {
     display: table-caption;
     caption-side: bottom;
     font-size: 12px;
     max-width: 220px; width:95%;
    }
html, body, p {
    font-size: 14px;
    }
.JH-Breite100 { max-width: 100%; height:auto}
.JH-800 { max-width: 800px; height:auto}
.JH-400 { max-width: 400px; height:auto}
.JH-300 { max-width: 300px; height:auto}

.jhdrop { width:auto; max-width:min(700px,95vw); position: fixed; bottom: 0; left: min(50%, max(1em, calc( 50vw - 400px))); }
	/* Position des Bilddropdowns und auch Größe, bei großen Vieport kommt das auf Zentriert (etwas nach links) und unten */
.jhDrop { width:auto; max-width:min(1200px,95vw); position: fixed; bottom: 0; left: min(50%, max(1em, calc( 50vw - 600px))); } /* für panos */
.jhbildT { width:230px; height:200px; }                               /* benutzt um die größe des Div in Bildersammlungen anzugeben, so dass Hoch +Querformat reinpassen */
.jhbildD { width:auto; height:auto; max-width:95vw;max-height:80vh; } /* IMG Größe für Dropdown setzen, damit es nicht größer als vieport wird */
.jhi_dp { width:auto; height:auto; max-width:95vw;max-height:80vh; } /* IMG Größe für Dropdown setzen, damit es ncht größer als vieport wird */
.jhi_q2 {width:200px; }
.jhi_h2 {height:200px; }
.jhi_20 {width:200px; height:200px; }    
.jhi_Q2 {width:250px; }
.jhi_H2 {height:250px; }
.jhi_25 {width:250px; height:250px; }    
.jhi_22 {width:220px; height:220px; }