* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;

}
@media only screen and (max-width: 1070px) {
    textarea#Nachricht.nachricht {
        width: 450px;
    }
    div.kandicart {
        display: block;
    }
    p.infotextinfo {
        margin-left: 0;
        margin-top: 2em;
    }
    button.speichern {
        margin-top: 2em;
    }
}
@media only screen and (max-width: 768px) {
    div.impressum {
        padding-left: 1em;
    }
}
@media only screen and (max-width: 600px) {
    img.img {
        width: 375px;
    }
    footer.fusszeile {
        font-size: 0.8em;
    }
    div.datenschutz {
        padding-right: 1em;
    }
    div.impressum {
        padding-right: 1em;
    }
    textarea#Nachricht.nachricht {
        width: 250px;
    }
    input#Name.name {
        width: 250px;
    }
    input#Firma.firma {
        width: 250px;
    }
    input#Telefonnummer.telefonnummer {
        width: 250px;
    }   
    div.info {
        font-size: 0.8em;
    }
    div.intro {
        font-size: 0.8em;
    }
    p.infotext{
        width: 100%;
    }
    p.infotextbottom{
        width: 100%;
    }
    input#E-Mail.email{
        width: 250px;
    }
    p#Bewerber.bewerber {
        width: 250px;
    }
    p#Position.position {
        width: 250px;
    }
}
@media only screen and (max-width: 320px) {
    img.img {
        width: 320px;
    }
    textarea#Nachricht.nachricht {
        width: 225px;
    }
    input#Name.name {
        width: 225px;
    }
    input#Firma.firma {
        width: 225px;
    }
    input#Telefonnummer.telefonnummer {
        width: 225px;
    }
    input#E-Mail.email{
        width: 225px;
    }
    p#Bewerber.bewerber {
        width: 225px;
    }
    p#Position.position {
        width: 225px;
    }
    div.suchmandat {
        justify-content: center;
    }
}

.box {
    background-color: #F5E9FC;
}
.infotext {
    width: 66%;
    min-width: auto;
    background-color: white;
    border: 2px solid rgb(215, 136, 241);
    border-bottom: none;
}
.infotextbottom{
    width: 66%;
    min-width: auto;
    background-color: white;
    border: 2px solid rgb(215, 136, 241);
}
.intro {
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 1em;
    padding-top: 1em;
    border-top: 5px solid rgb(180, 90, 212);
}
.info {
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 1em;
    padding-bottom: 1em;
}
.suchmandat {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 1em;
}
h1 {
    padding-bottom: 18px;
    font-size: 3em;
}
h2 {
    padding-bottom: 18px;
    font-size: 2.5em;
}
p {
    line-height: 1.6;
}
button {
    line-height: 1.6;
    border-radius: 0.25em;
    border: 1px solid black;
}
input {
    width: 150px;
    height: 25px;
    margin-left: 30px;
    margin-bottom: 10px;
    padding-left: 1em;
}
.name {
    width: 450px;
    height: 45px;
    padding-left: 1em;
}
.namebox {
    box-sizing: border-box;
    padding-right: 1em;
}
.firma {
    width: 450px;
    height: 45px;
    padding-left: 1em;
}
.firmabox {
    box-sizing: border-box;
    padding-right: 1em;
}
.telefonnummer {
    width: 450px;
    height: 45px;
    padding-left: 1em;
}
.telefonnummerbox {
    box-sizing: border-box;
    padding-right: 1em;
}
.email {
    width: 450px;
    height: 45px;
    padding-left: 1em;
}
.emailbox {
    box-sizing: border-box;
    padding-right: 1em;
}
.bewerberbox {
    box-sizing: border-box;
    padding-right: 1em;
}
.bewerber {
    width: 450px;
    height: 45px;
    padding-left: 1em;
    padding-top: 0.5em;
    border: 1px solid grey;
    background-color: white;
    margin-left: 30px;
    margin-bottom: 10px;
    padding-left: 1em;
}
.position {
    width: 450px;
    height: 45px;
    padding-left: 1em;
    padding-top: 0.5em;
    border: 1px solid grey;
    background-color: white;
    margin-left: 30px;
    margin-bottom: 10px;
    padding-left: 1em;
}
.positionsbox {
    box-sizing: border-box;
    padding-right: 1em;
}
.nachricht {
    padding: 1em;
    line-height: 1.5; 
    margin-left: 2.3em;
}
.nachrichtenbox {
    box-sizing: border-box;
    padding-right: 1em;
}
.fusszeile {
    height: 185px;
    display: grid;
    grid-template-columns: 1fr 0.5fr 0.5fr;
    border-top: 5px solid rgb(180, 90, 212);
}
.weblink {
    padding-left: 15%;
    padding-top: 3em;
}
.datenschutz {
    padding-left:2em;
    padding-top: 3em;
}
.impressum {
    padding-top: 3em;
}
.suchmandat_senden {
    padding: 10px 25px;
    margin-top: 10px;
    margin-left: 30px;
    cursor: pointer;
    height: fit-content;
    background-color: #E1BDF5;
}
.alertname {
    display: none;
    width: fit-content;
    color: red;
    font-size: 0.8em;
}
.alertfirma {
    display: none;
    width: fit-content;
    color: red;
    font-size: 0.8em;
}
.alertemail {
    display: none;
    width: fit-content;
    color: red;
    font-size: 0.8em;
}
.alertbewerber {
    display: none;
    width: fit-content;
    color: red;
    font-size: 0.8em;
}
.alertposition {
    display: none;
    width: fit-content;
    color: red;
    font-size: 0.8em;
}
.alertsendengut {
    display: none;
    width: fit-content;
    color: green;
    font-size: 0.8em;
}
.alertsendenschlecht {
    display: none;
    width: fit-content;
    color: red;
    font-size: 0.8em;
}
.alertwarten {
    display: none;
    width: fit-content;
    font-size: 0.8em;
}
.text {
    margin: 2em 0em 2em 2em;
}
.speichern {
    margin-top: 1em;
    padding: 0.5em;
    background-color: #E1BDF5;
}
button:hover {
    cursor:pointer;
    box-shadow: 5px 10px 20px rgba(0,0,0,0.3),-2px 6px 6px rgba(0,0,0,0.1);
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.infotextinfo {
    width: 66%;
    max-width: fit-content;
    background-color: white;
    border-radius: 1.5em;
    margin-top: 1em;
    padding: 1em;
    margin-left: 2em;
}
.kandicart {
    display: flex;
    align-items: center;
}