.hk-grid-cell,
.hk-grid-cell > a {
	display: block;
	position: relative;
	line-height: 0;
}

.hk-grid-cell img {
	width: 100%;
	min-height: 200px;
}

.hk-grid-cell i {
    position: absolute;
    display: flex;
    justify-content: center;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
}

.hk-grid-cell i:before {
    align-self: center;
    z-index: 1;
}

.hk-grid-cell i:after {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
	border-radius: 100%;
    z-index: 0;
}

.hk-grid-cell-title {
	position: absolute;
	bottom: 0;
	width: 100%;
	line-height: 1em;
}

.hk-grid-cell a:hover:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	background-color: #36363699;
}

.hk-grid-cell a:hover .hk-grid-cell-title {
	background-color: transparent !important;
	z-index: 1;
}


.hk-grid-cell[data-dsgvo]:after {
    content: 'Mit ihrem Klick erklären Sie sich einverstanden Inhalte von ' attr(data-dsgvo) ' einzubinden';
    position: absolute;
    right: 0;
    top: 0;
    line-height: .9rem;
    padding: .5rem 1rem;
    width: 100%;
    font-size: .8rem;
    text-align: center;
    background-color: #0000003b;
	color: white;
}