.texte { background-color:#eee; color:#111; font-size:120%; padding:8px;margin:6px 12px;text-align:justify;line-height:130%;}
.bilder { max-width:98%; margin:1%; margin-top:15px; align-items:center; justify-content:center; text-align:center;float:left;}
.bilder img {width:100%; height:auto;}
.leseprobe {min-height:150vh; padding-top:20px;}
.box  { display:flow-root; padding:5px; background:rgba(80,80,0,.9); border-radius:15px;border:1px solid #0f0;} 
.post { width:18%; height:auto; display:inline-block; position:relative; cursor:pointer; margin:2px 1px; }
.post:hover .post-s { min-width:100px;}    
.post-s {
  position:absolute;top:0; width:0; height:120px; z-index:100;
  background: rgba(100,60,180,0.5);
  display: flex; 
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: 0.7s ease;
  color:#8ee; font-size:18px;
}

.texte { background-color:rgb(rgb(250,250,250,.9); color:#111; font-size:130%; margin:20px 40px; padding:20px; line-height:1.5 }

@media (min-width: 800px) { 
.box   { border-radius:25px;border:1px solid #eee; }
.texte { margin:15px 20px; padding:20px;}
}