/* ======================================================
   AEVO CAMPUS - FLUENT FORMS DESIGN
   Einheitliches Design für alle Formulare
====================================================== */

.fluentform,
.fluentform *{
    font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif !important;
}

/* Formularabstände */

.fluentform .ff-el-group{
    margin-bottom:20px;
}

/* Labels */

.fluentform .ff-el-group label,
.fluentform .ff-el-form-control label{
    font-size:15px;
    font-weight:700;
    color:#374151;
    margin-bottom:8px;
    display:block;
}

/* Pflichtfeld */

.fluentform .text-danger{
    color:#c62828;
}

/* Eingabefelder */

.fluentform input[type=text],
.fluentform input[type=email],
.fluentform input[type=tel],
.fluentform input[type=number],
.fluentform input[type=password],
.fluentform input[type=url],
.fluentform input[type=date],
.fluentform textarea,
.fluentform select{

    width:100%;
    min-height:56px;

    padding:14px 18px;

    border:1px solid #d1d5db;
    border-radius:14px;

    background:#ffffff;

    color:#111827;

    font-size:16px;

    transition:all .2s ease;

    box-shadow:none;
}

/* Textarea */

.fluentform textarea{
    min-height:140px;
    resize:vertical;
}

/* Placeholder */

.fluentform input::placeholder,
.fluentform textarea::placeholder{

    color:#9ca3af;
    opacity:1;
}

/* Focus */

.fluentform input:focus,
.fluentform textarea:focus,
.fluentform select:focus{

    outline:none;

    border-color:#3d701c;

    box-shadow:0 0 0 4px rgba(61,112,28,.15);
}

/* Checkboxen */

.fluentform .ff-el-form-check label{

    font-size:15px;

    font-weight:500;

    color:#4b5563;
}

/* Hinweise */

.fluentform .ff-el-help-message{

    font-size:13px;

    color:#6b7280;

    margin-top:6px;
}

/* Fehlermeldungen */

.fluentform .error,
.fluentform .text-danger{

    font-size:13px;

    font-weight:600;
}

/* Submit Button */

.fluentform .ff-btn-submit{

    width:100%;

    min-height:58px;

    border:none;

    border-radius:999px;

    background:#3d701c !important;

    color:#ffffff !important;

    font-size:17px;

    font-weight:800;

    transition:all .2s ease;

    cursor:pointer;

    box-shadow:0 12px 28px rgba(61,112,28,.18);
}

/* Hover */

.fluentform .ff-btn-submit:hover{

    background:#2f5715 !important;

    transform:translateY(-1px);

    box-shadow:0 16px 32px rgba(61,112,28,.25);
}

/* Klick */

.fluentform .ff-btn-submit:active{

    transform:translateY(0);
}

/* Datenschutzhinweise */

.fluentform .ff_t_c{

    font-size:13px;

    color:#6b7280;

    line-height:1.5;
}

/* Radio Buttons */

.fluentform .ff-el-form-check{

    margin-bottom:10px;
}

/* Responsive */

@media(max-width:768px){

.fluentform input,
.fluentform select,
.fluentform textarea{

    font-size:16px;
}

.fluentform .ff-btn-submit{

    font-size:16px;
}

}