@charset "UTF-8";
/* CSS Document */
#imgselectoradmin{
    position: relative;
  
    width: 100%;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    height: 98vh;
    
    max-height: 98vh;
    overflow-y: scroll;
}


#imgselectoradmin #allimages{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    justify-content: space-between; /* verteilt über die Breite */
    padding:20px 50px;
}
#imgselectoradmin #allimages div{
    width: 200px;
    height: 200px;
    justify-content: space-between;
    object-fit: contain;
    margin-bottom:5px;
    overflow: hidden;
    border:1px solid rgba(255,255,255,0.3);
    cursor: pointer;

    background-size: cover;
    background-position: center;
}
/*
#imgselectoradmin #allimages div img {
  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;
   background-image: url(bild.jpg);
  
}
*/

/*
#imgselectoradmin #allimages img{
   
    display: flex;
    flex-direction: row;
    flex:1 1 80px;
    justify-content:center;
    align-items:center;
    position: relative;   
}
*/

#imgselectoradmin #vorsch{
    margin:0 auto;
    width: 50%;
    max-width: 500px;

    display:flex;
	justify-content:center;
	align-items:center;
    flex-wrap: wrap;
}

#imgselectoradmin div.round{
    flex: 1 1;
    border:1px solid rgba(255,255,255,1);
    margin:2px;
}

#imgselectoradmin div.round div{
    width: 100%;
}
#imgselectoradmin div.round div.tit{
    width: 100%;
    background-color: #838383;
}

#imgselectoradmin div.round div.img{
    width: 100%;
    aspect-ratio: 1 / 1;
	background-repeat:no-repeat;
    background-size:100%;
	background-size: cover!important;
	background-position: center;
}