/* Gemeinsamer Font-Stack */
.projekt-font {
    font-family: 'mittelschrift', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

.projektformular {
    margin: 2.5em 2.5em 1.4em;
}

/* Alle Inputs, Textareas, Selects und Buttons bekommen die Klasse */
.projektformular input,
.projektformular textarea,
.projektformular select {
    width: 100%;
    padding: 14px;
    margin-bottom: 2.4em;
    border: 1px solid #000000;
    border-radius: .15em;
    font-size: 1em;
    box-sizing: border-box;
}

.projektformular input[type="text"],
.projektformular input[type="email"] {
    width: calc(50% - 1.35em);
    display: inline-block;
    margin-right: 2.4em;
}

.projektformular input[type="email"] {
    margin-right: 0;
}

.projektformular input[type="checkbox"] {
    margin-bottom: unset;
}


.projektformular .full-width {
    width: 100%;
}

.projektformular textarea {
    height: 180px;
    resize: vertical;
    color: #222222;
}
.projektformular ::placeholder {
    color: #222222;
    opacity: 1; /* Wichtig für Safari/Firefox, damit die Farbe nicht ausgegraut wirkt */
}



.projektformular select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: white;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.28 2.85'%3E%3Cpolyline points='3.92 0.35 2.14 2.14 0.35 0.35' fill='none' stroke='%23000' stroke-miterlimit='10'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center;
    background-size: 10px auto;
    padding-right: 50px; /* Platz für den Pfeil */
    box-sizing: border-box;
}


.projektformular button {
    background-color: #1a1a1a;
    color: white;
    padding: 14px 28px;
    border: none;
    font-size: 1em;
    cursor: pointer;
    transform: rotate(-5deg);
    display: block;
    margin: -4.1em auto 2em auto;
    border-radius: 0.3em;
}

.projektformular button:hover {
    background-color: #000;
}

.projektformular .scf-checkbox {
    font-size: 1em;
    text-align: center;
}

/* Checkbox input bekommt keine volle Breite */
.projektformular .scf-checkbox input {
    width: unset;
    display: inline-block;
    margin-right: 6px;
}

.scf-success,
.scf-error {
    text-align: center;
    margin-top: 1em;
}

/* Wende den gemeinsamen Font-Stack an */
.projekt-font {
    font-family: 'mittelschrift', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

.projektformular input,
.projektformular textarea,
.projektformular select,
.projektformular button,
.scf-success,
.scf-error {
    font-family: 'mittelschrift', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    text-align: center;
}

.projektformular .scf-checkbox {
    font-family: 'konstruiert', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}