/* =========================
   GRUNDFARBEN
========================= */

#main,
body {
    background: #FCF3F2;
}

h1,
h2,
h3,
h4 {
    color: #006690;
}


/* =========================
   FORMULARFELDER
========================= */

.formular input[type="text"],
.formular input[type="email"],
.formular textarea {
    background-color: #ffffff;
    color: #333333;

    border: 1px solid #e4d5d4;
    border-radius: 18px;

    outline: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


/* Platzhalter */

.formular input::placeholder,
.formular textarea::placeholder {
    color: #777777;
    opacity: 1;
}


/* Aktives Formularfeld */

.formular input[type="text"]:focus,
.formular input[type="email"]:focus,
.formular textarea:focus {
    border-color: #DD0781;
    box-shadow: 0 0 0 3px rgba(221, 7, 129, 0.10);
}


/* =========================
   DATENSCHUTZ
========================= */

.checkbox input[type="checkbox"] {
    accent-color: #DD0781;
}

.checkbox a {
    color: #006690;
}

.checkbox a:hover {
    color: #DD0781;
}


/* =========================
   ABSENDEN-BUTTON
========================= */

#sub_kontakt,
.formular .submit {
    background-color: #DD0781;
    color: #ffffff;

    border: none;
    border-radius: 25px;

    transition:
        background-color 0.2s ease,
        opacity 0.2s ease;
}



/* =========================
   STATUSMELDUNGEN
========================= */

#status_message_ok {
    background-color: #ffffff;
    color: #006690;

    border: 1px solid #006690;
    border-radius: 18px;
}

#status_message_ok a {
    color: #DD0781;
}

#status_message_error {
    background-color: #ffffff;
    color: #DD0781;

    border: 1px solid #DD0781;
    border-radius: 18px;
}


.secure {
    background-color:#006690;
}


/* =========================
   SECURE BUTTONS
========================= */

.submit,
.securebutton-imp {
    background-color: #DD0781;
    color: #ffffff;

    border-radius: 25px;
}


.submit,{
border-radius: 0
}