.marken_listing .item .item_inner {
    height: 100%;
    position: relative;
}
.marken_listing .item .item_image {
    position: relative;
    overflow: hidden;
    background-color: rgba(255,255,255,0.5);
    border-radius: 0.25em;
    transition: all .5s ease;
}
.marken_listing .item .item_inner:hover .item_image {
    background-color: #FFFFFF;
}
.marken_listing .item .item_content {
    position: absolute;
    top: auto; bottom: 100%;
    pointer-events: none;
    padding: 0.75em 1em; left: 50%;
    background-color: var(--typo-color-red);
    width: auto; max-width: none;
    transform: translate(-50%,-1em);
    border-radius: 0.25em;
    opacity: 0; color: #FFFFFF;
    visibility: hidden;
    transition: all .5s ease;
    font-size: 0.75em;
    max-width: 10rem;
    width: 10rem;
}
.marken_listing .item .item_inner:hover .item_content {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%,-0.5em);
}
.marken_listing .item .item_content:after {
    content: ''; position: absolute;
    top: 100%; left: 50%;
    transform: translate(-50%,0);
    border-top: 0.5em solid var(--typo-color-red);
    border-left: 0.5em solid transparent;
    border-right: 0.5em solid transparent;
}
.marken_listing .item .item_content p {
    margin: 0;
    /*white-space: nowrap;*/
}

@media screen and (min-width:64em){
    .marken_listing .item .item_content {
        font-size: 0.875em;
        max-width: 18em;
        width: 18em;
    }
}