#Bilder{
 position: relative;
 width:100%;
 padding: 1%;
 height:600px; /*größte Höhe der Bilder + Zugabe, wenn notwendig*/
 background-image: url(../bilder/prxhgr.png);
 background-size: 100% auto;
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-color: #FFF;
}
#Minis{
 width: 87px;
 padding: 5px;
 background-color: #FFF;
 opacity: 1;
}

a.minis img{
 width: 100%;
}
a.minis:hover{background-color: transparent;}
a.minis:hover img{border: 0px solid #000;}

/* vergrößerte Bilder stehen im span innerhalb des Links*/
a.minis span{
 position: absolute;
 left: -1000px;
 color: #000;
 text-decoration: none;
}
a.minis span img{
 width: 100%;
 opacity: 0;
 border-width: 0;
}
a.minis:hover span img{
 opacity: 1;
 transition: opacity 1000ms linear;
}

a.minis:hover span {
 top: 1%;
 left: 120px;
 background-color: #FFF;
 padding: 5px;
 padding-bottom: 2px;
}

figure {
 display: flex;
 flex-flow: row wrap;
}
figure:first-of-type {margin-top: 1rem;}
figure img {
 flex: 1 1 auto;
 align-self: flex-end;
 width: 100%;   /* für den IE erforderlich */
 margin-bottom: 1rem;   /* notwendig, wenn die Bilder umbrechen */
 border-radius: 0.3rem;
}
figure img.zwei {
 width: 48.5%;   /* muss für den IE so breit wie möglich sein */
 margin-right: 1rem;
}
figure img.drei {
 width: 32.3%;   /* muss für den IE so breit wie möglich sein */
 margin-right: 1rem;
}
figure img.zwei:last-of-type, figure img.drei:last-of-type {
 margin-right: 0;
}
figure figcaption {
 margin-top: -0.5rem;
 margin-bottom: 1rem;
 font-size: 0.95rem;
 color: #666;
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;
}