#back-to-Wort-des-Tages-container {
    display: flex;
    align-items: left;
    width: 80%;
}

#back-to-Wort-des-Tages-button {
    background-color: var(--blue20);
    color: var(--text);
    border: none;
    padding: 1rem 2rem;
    font-size: clamp(12px,1.5vw,16px);
    font-weight: bold;
    border-radius: 0.5rem;
    cursor: pointer;
}

#back-to-Wort-des-Tages-button:hover {
    background-color: var(--blue40);
    transition: 0.1s;
}


/*
####################
#                  #
# Alt-Wort-Einträge#
#                  #
####################
*/

/* Section containing the old-rated words */
#old-rated-words {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    width: 100%;
}

/* Title for the old-rated words section */
#old-rated-words h1 {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 1.5rem;
}

/* A single old-word entry */
.old-word-entry {
    background-color: var(--green20);
    padding: 1em;
    border-radius: 1em;
    margin-bottom: 1em;
    width: 100%;
    box-sizing: border-box;

    /* Styling for the categories within */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: no-wrap;
    gap: 1em;
}

/* Name of the word in a old-word entry */
.word-name {
    font-weight: bold;
    font-size: clamp(16px, 2vw, 28px);
    margin: 0;
    margin-left: 2em;
    width: 15rem;
    text-align: left;
}

.wort-bedeutung {
    font-size: clamp(12px, 1.5vw, 24px);
    white-space: nowrap;
    text-overflow: ellipsis;
    text-wrap: nowrap;
    overflow: hidden;
    min-width: 0;
}