.ha-fixed-logo-container {
    position: fixed;      /* Fixiert das Element im Sichtfeld */
    bottom: 20px;         /* Abstand von unten */
    left: 20px;           /* Abstand von links */
    background: transparent; /* Hintergrund ist durchsichtig */
    z-index: 9999;        /* Stellt sicher, dass das Logo über anderen Elementen liegt */
    line-height: 0;       /* Verhindert ungewollte Abstände unter dem Bild */
}

.ha-fixed-logo {
    width:100px;          /* Hier kannst du die Größe des Logos anpassen */
    height: auto;         /* Behält das Seitenverhältnis bei */
    display: block;
    opacity: 0.8;         /* Optional: Macht das Logo leicht semi-transparent */
    transition: opacity 0.3s; /* Sanfter Übergang beim Hover */
}

.ha-fixed-logo:hover {
    opacity: 0.5;           /* Wird voll sichtbar, wenn man mit der Maus drüberfährt */
    cursor:pointer;
}