/* styles for flipbook */
._df_thumb { 
    width:129px; 
    height:194px; 
    margin-top:10px; 
}
._df_thumb ._df_book-title { 
    display:none; 
}
.df-page-front:before, .df-page-back:before { 
    opacity: 0.4; 
}
.df-lightbox-close:hover {
    opacity: 1.0; /* Volle Deckkraft beim Überfahren mit der Maus */
    cursor: pointer; /* Zeigt, dass das Element klickbar ist */
}
.df-lightbox-close { 
    color: white; 
    opacity: 0.4; /* Reduzierte Deckkraft im Normalzustand */
    /* Optional: Fügen Sie eine sanfte Übergangsanimation hinzu, um den Effekt zu glätten */
    transition: opacity 0.2s ease; 
}
.df-container>.df-ui-next, .df-container>.df-ui-prev { 
    color: white; 
}

._df_thumb ._df_book-tag {
    background: #6c757d; 
    color: #fff; 
    /* Zusätzliche Stilverbesserungen, damit es wie ein Tag aussieht */
    padding: 0.25em 0.5em; 
    margin-left: 0.5em;
    border-radius: 0.25rem 0.25rem 0 0;
    font-size: 0.6rem;
    line-height: 1.5; /* Stellt sicher, dass das Tag nicht zu hoch ist */
    letter-spacing: 0.75px;
}

._df_thumb ._df_book-tag:hover,
._df_thumb ._df_book-tag:focus {
    /* Hintergrundfarbe im Hover-Zustand (Identisch mit .btn-secondary hover-bg) */
    background: #5c636a;
    
    /* Textfarbe im Hover-Zustand (Identisch mit .btn-secondary hover-color) */
    color: #fff; 
}