.krane-banner{
    background-color: #E60004;
    display: grid;
    grid-template-columns: 100px auto 100px;
    gap: 1rem;
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:999;
    display:none;
}
.krane-banner.show{
    display:grid;
}
.krane-banner .hagedorn-logo{
    padding:1rem;
}
.krane-banner .closer{
    color:white;
    font-size:1em;
    padding:1rem;
    display:grid !important;
    grid-template-columns: 1fr;
    grid-template-areas: 'text';
    justify-items:center;
    align-items: center;
    align-content: center; /* extra fuer safari */
    cursor:pointer;
}
.krane-banner .hagedorn-logo svg{
    color: #714444;
    width:100px;
    max-width:50px;
    height:100px;
    max-height:50px;
}
.krane-banner .in{
    text-align: center;
    font-weight:bold;
    text-transform:uppercase;
    color:white;
    font-size: 20px;

    display:grid !important;
    grid-template-columns: 1fr;
    grid-template-areas: 'text';
    justify-items:center;
    align-items: center;
    align-content: center; /* extra fuer safari */
}
@media screen and (max-width:520px){
    .krane-banner{
        padding:10px;
        grid-template-columns: auto 50px;
    }
    .krane-banner .hagedorn-logo{
        display:none;
    }

}