.angebot-form {
    --gap-within-form: 2rem;
}

.angebot-form form {
    display: flex;
    gap: var(--gap-within-form);
/*    max-width: 600px;
    margin: 0 auto;*/
    flex-wrap: wrap;
    justify-content: center;
}

.angebot-form p {
    margin: 0;
}

.angebot-form .angebot-form-input {
    flex: 1 1 calc(50% - var(--gap-within-form));
    margin: 0;
    max-width: 30rem;
    min-width: 15rem;
}



.angebot-form .angebot-form-input.wide {
    flex: 2 1 calc(70% - var(--gap-within-form));
    margin: 0;
    max-width: 40rem;
}

.angebot-form .angebot-form-input.header {
    flex: 2 1 100%;
    max-width: calc(60rem + var(--gap-within-form));
}
.angebot-form .angebot-form-input.header h3 {
    margin-bottom: 0;
}
.angebot-form input[type="text"], 
.angebot-form input[type="email"], 
.angebot-form input[type="tel"],
.angebot-form select,
.angebot-form textarea,
.angebot-form input[type=submit] {
    border: 1px solid var(--wp--preset--color--cream);
    border-radius: 5px;
    background-color: var(--wp--preset--color--cream);
    color: var(--wp--preset--color--puce);
    padding: 0.6rem;
    width: 100%;
    box-sizing: border-box;
    font-family: var(--wp--preset--font-family--raleway);
    font-size: 1rem;
}

.angebot-form .angebot-form-input.submit input {
    max-width: 20rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--wp--preset--color--secondary-green);
    color: var(--wp--preset--color--cream);
    font-weight: bold;
}
.angebot-form input[type="text"].wide, 
.angebot-form input[type="email"].wide, 
.angebot-form input[type="tel"].wide,
.angebot-form select.wide {
    flex: 2 1 calc(70% - var(--gap-within-form));
}

.angebot-form .wpcf7-list-item {
    font-family: var(--wp--preset--font-family--raleway);
    font-size: 1rem; 
}

.angebot-form select > option {
    background-color: var(--wp--preset--color--cream);
    color: #4f3a30;
}
.angebot-form .raetsel .container p {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--gap-within-form);
}
.angebot-form .raetsel .container p * {
    flex: 0 0 content;
}

.wpcf7-not-valid-tip{
    font-size: small;
    color: var(--wp--preset--color--secondary-pink);
    font-weight: bold;
}