.randomwordstext {
    font-weight: bold;
    color: #D0D8D2;
    font-family: Arial;
}

.randomtext {
    overflow-wrap: break-word;
    word-wrap: break-word; /* falls zu lang */
    white-space: normal; /* Umbrüche erlauben */
    line-height: 125%;
}

.generatebtn {
    background-color: #21242b;
    min-width: 75px;
    max-width: 165px;
    height: 30px;
    margin: 5px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #D0D8D2;
    border: solid 2px;
    border-color: #71248a;
}

.generatebtn:hover {
    background-color: #353a44;
    box-shadow: 0 6px 8px 0 rgba(0, 00, 0, 0.85), 0 10px 25px 0 rgba(0, 0, 0, 0.45);
}

.generateinput {
    background-color: #21242b;
    min-width: 75px;
    max-width: 165px;
    height: 30px;
    margin: 5px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #D0D8D2;
    border: solid 2px;
    border-color: #71248a;
}