.whitelist-form-heading-container {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.whitelist-form-heading-container .button {
    height: min-content;
    align-self: center;
    margin-left: 15px;	
}

.whitelist-form-heading-container form {
    align-self: center;
    margin-left: 20px;
}

.whitelist-form-characters-container {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(5, 1fr);
	background: var(--back);
}

.whitelist-banner-close {
    font-size: 14px;
    margin-top: -2px;
    float: right;
}




.whitelist-form-characters-container > div {
    display: flex;
    flex-wrap: wrap; /* sorgt dafür, dass sie umbrechen, falls zu viele */
    gap: 20px;       /* Abstand zwischen den Charakteren */
}

.whitelist-form-characters-container > div > div {
    flex: 1 1 200px; /* flexible Breite, mindestens 200px */
    background: var(--back);
    padding: 10px;
    border-radius: 5px;
}