.menu li{
    margin: 2px;
    width: 100px;
    height: 100px;
}
.thumb{
	float:left;
	margin:0 .5em .5em 0;
	box-sizing:border-box;
}
img,
a.save{
	cursor:pointer;
}
img{
	width:100% !important;
	max-width:inherit;
}
img.active{
	background: #e7ffd9;
}
li a.ico{
	padding:0;
	background: no-repeat;
}
.ico.active img{
	border:2px solid var(--b);
}
.ico img{
	width:100px !important;
	height:auto;
	border:1px solid #b8cbdb;
	box-sizing:border-box;
}
.ico span{
    position: absolute;
    z-index: 1;
    color:9f9f9f;
    font-size: .6em;
    margin: .3em;
}
.ico.active span{
	color:var(--b);
	margin:.5em;
}
a.save{
    background: #FF5722;
    padding: .2em .6em;
    position: absolute;
    left: .5em;
    top: 2px;
    border-radius: .3em;
}
a.zoom{
    background: var(--col5);
    height: 100px;
    display: inline-block;
    width: 100px;
    box-sizing: border-box;
    font-size: 1em;
    line-height: 1.4em;
    padding-top: 1.5em;
}
a.zoom:after{
	content:'Ansicht verkleinern';
}
[data-overview] a.zoom:after{
	content:'normale Ansicht';
}
[data-overview] .thumb{
	width:80px;
}
@media (min-width:600px) {
	.thumb{
		width:48%;
	}
}
@media (min-width:900px) {
	.thumb{
		width:32%;
	}
}
@media (min-width:1000px) {
	.thumb{
		width:24%;
	}
}
@media (min-width:1200px) {
	.thumb{
		width:19%;
	}
}