/* Styles to make preview form inputs behave like registration form inputs */
#kurse form.vorschau input[type=text] {
    display: inline-block;
    margin: 5px 0;
    width: 48%;
    padding: 0 15px;
    box-sizing: border-box;
    font-family: "Aller";
    font-style: italic;
    line-height: 30px;
    background-color: white;
    border: none;
    border-radius: 60px;
    box-shadow: 0 0 10px #f6f7e0;
}

#kurse form.vorschau input:nth-child(odd) {
    margin-right: 1%;
}

#kurse form.vorschau input:nth-child(even) {
    margin-left: 1%;
}

/* Media query for small screens */
@media screen and (max-width: 600px) {
    #kurse form.vorschau input[type=text] {
        width: 100%;
    }
    
    #kurse form.vorschau input:nth-child(odd) {
        margin-right: 0;
    }
    
    #kurse form.vorschau input:nth-child(even) {
        margin-left: 0;
    }
}