/* =====================================================
   FLANGO EINHEITLICHE FORMULARE
   Buttons + Eingabefelder
   ===================================================== */

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="url"],
select,
textarea{
    width:100%;
    max-width:100%;
    padding:9px 10px;
    border:1px solid #b8c7d8;
    border-radius:9px;
    background:#fff;
    color:#222;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    box-sizing:border-box;
    outline:none;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="url"],
select{
    height:38px;
}

textarea{
    min-height:120px;
    resize:vertical;
}

input:focus,
select:focus,
textarea:focus{
    border-color:#3f8fd6;
    box-shadow:0 0 0 3px rgba(63,143,214,.18);
}

button,
input[type="submit"],
input[type="button"],
.formbutton,
.flango-button,
.postfach-btn,
.profile-card-actions a,
.profile-follow-button,
.flango-search-button{
    display:inline-block;
    border:0;
    border-radius:10px;
    padding:9px 16px;
    background:linear-gradient(#55a9f0,#2f83cf);
    color:#fff !important;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    font-weight:bold;
    line-height:1.2;
    text-align:center;
    text-decoration:none !important;
    cursor:pointer;
    box-sizing:border-box;
    box-shadow:0 2px 5px rgba(0,0,0,.15);
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.formbutton:hover,
.flango-button:hover,
.postfach-btn:hover,
.profile-card-actions a:hover,
.profile-follow-button:hover,
.flango-search-button:hover{
    background:linear-gradient(#66b5f4,#2679c5);
    text-decoration:none !important;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
.formbutton:active,
.flango-button:active,
.postfach-btn:active,
.profile-card-actions a:active,
.profile-follow-button:active,
.flango-search-button:active{
    transform:translateY(1px);
}

.flango-button.red,
.postfach-btn.red,
.profile-follow-button.unfollow{
    background:linear-gradient(#ff6fa8,#ef3f91);
}

.flango-button.orange{
    background:linear-gradient(#ff8a63,#f15d35);
}

.flango-button.green{
    background:linear-gradient(#20d390,#00aa73);
}

.flango-button.purple{
    background:linear-gradient(#9c55f0,#7332d6);
}

@media(max-width:700px){
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="number"],
    input[type="search"],
    input[type="url"],
    select{
        height:36px;
        font-size:13px;
    }

    textarea{
        font-size:13px;
    }

    button,
    input[type="submit"],
    input[type="button"],
    .formbutton,
    .flango-button,
    .postfach-btn,
    .profile-card-actions a,
    .profile-follow-button,
    .flango-search-button{
        font-size:13px;
        padding:8px 13px;
    }
}