:root {
    --vordergrundfarbe: rgb(180, 97, 70);
    --hintergrundfarbe: rgb(245, 229, 215);
}

#Personalisiererbereich {
    display: flex;
    flex-direction: column;
}

.PersonalisiererInput {
    background-color: var(--hintergrundfarbe);
    color: var(--vordergrundfarbe);
    width: 100%;
    border-radius: 10px;
    border: 2px solid var(--vordergrundfarbe);
    padding: 5px;
    margin-bottom: 20px;
    font-size: 15px;
}

.PersonalisiererInput::placeholder {
    color: var(--vordergrundfarbe);
    opacity: 0.4;
}

textarea.PersonalisiererInput {
    height: 70px;
}

input.PersonalisiererInput {
    height: 50px;
}

select.PersonalisiererInput {
    height: 50px;
    appearance: none;
}

.PersonalisiererMotivbereich {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.PersonalisiererMotiv {
    width: 75px;
    height: 75px;
    margin: 10px;
    border: 2px solid var(--vordergrundfarbe);
    border-radius: 100%;
    object-fit: contain;
    padding: 3px;
}

.PersonalisiererMotivAktiv {
    border: 4px solid var(--vordergrundfarbe);
}

.ProduktAnsichten {
    width: 95%;
    height: 70%;
}

.Personalisierung {
    position: absolute;
    overflow: hidden;
    user-select: none;
    -webkit-user-select: none;
    margin: 0px;
    width: fit-content !important;
    height: fit-content !important;
    display: flex !important;
    align-items: center !important;
}