.info {
    padding: 0;
    margin: 0;

    padding-left: 20px;
    height:30%;
    z-index: 1;
    pointer-events: none;
}
#invisiblekbmf {
    width: 100%;

    text-overflow: clip;
    
    pointer-events: auto;

    height: 0;
    position:relative;
    width:fit-content;
    display: flex;
    left:0;
    bottom:0;
    justify-content: flex-start; /* align children to the start (left) */
    align-items: flex-start;
    
    color:#e6e6e6;

    height:0;

    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px); /* Safari support */

    background: rgba(0, 0, 0, 0.5);  /* transparent dark grey */
    padding: 0 100px 0px 50px;
    border-radius: 10px 10px 0 0;
    
    margin-top: 10px;
    
    opacity: 0;
    gap: 5px;

}
.rechts {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    padding-right: 10px;
}
.moreinfo {
    pointer-events: auto;
    margin-top: 10px;
    gap: 3px;
    display: flex;
    flex-direction: column;
    padding-bottom: 10px;
    
    -moz-user-select: text;
 -khtml-user-select: text;
 -webkit-user-select: text;
 -ms-user-select: text;
 user-select: text;
}
.moreinfo h4 {
    z-index: 10;
    pointer-events: auto;
    margin:0;
    font-weight:100;
    gap: 10px;
}
.links h4 {
    text-overflow: clip;
    word-wrap: none;
    white-space: nowrap;
    font-weight: 100;
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(214, 214, 214);
    margin:0;
    text-align: right;
    margin-right:5%;
}
.info {
    font-family:Arial;
}

#viewkbmf {
    pointer-events: auto;
    margin:0;

    font-size:1.5em;
}
.tilekbmf {
    flex: 0 0 auto;
    transition: text-shadow 1s;
    pointer-events: auto;
    margin:0;

    font-size:3em;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

}
.info:hover #invisiblekbmf{
    opacity: 1;
    color:rgb(255, 255, 255);
    height:fit-content;
}
#stylekbmf {
    margin-top: 1px;
    font-size: 100%;
    font-family:Arial, Helvetica, sans-serif;
    color: rgba(241, 241, 241, 0);
}
.invisiblekbmf {
    pointer-events: auto;
}
.nameContainer {
    margin-top: 10px;
    gap: 10px;
    display: flex;
    flex-direction: row;
}

#logoElement {
    height: 1lh;
  width: auto;
  object-fit: contain;
}

.info.style {
    width: fit-content;
    position: absolute;
    pointer-events: all;
    font-family:Arial;
    height: fit-content;
    width:  50%;
}
#dropIconNameContainer {
    rotate: -90deg;
    width: 3vh;
    transform: scale(1,1.2);
    margin-left: 3vw;
}
@media only screen 
and (max-device-width: 1000px)
{

}