/*

****************************************
*          Grundeinstellungen          *  
****************************************

Farben: 000000 - FFFFFF
        ED1C24
        EACA49 - FFEB9C
        5988B8 - 8EB0D1
        E7CFA8 - FFF4E0
        80B092 - BCD6C6
        A7A9AC - DEDEDE
        B5629C - E8ACD6
        B93247 - FF91A2
        4D8997 - 91C1CC

Font:   Raleway


*/



* {
    margin: 0;
    padding: 0;

}

body {
    background: #fafafa;
}

p {
    padding: 20px;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999;
    border-bottom: 2px solid #e5e5e5;
}
span.text-small{
    font-size: 0.8em;
    font-weight: 200;
    color: #DEDEDE;
    
}

i {
    background-color: #e5e5e5;
    color: #000;
    margin: 10px;
    padding: 10px;
    border-radius: 10px;
}

/***********************************
        Buttons
***********************************/

.btn-general {
    border-radius: 10px;
    margin: 4px;
}

.btn-EACA49 {
    background-color: #EACA49;
    color: #000;
}

.btn-EACA49:hover {
    background-color: #BC00C1;
    color: #fff;
    transition: 0.8s linear;
}

.btn-FFEB9C {
    background-color: #FFEB9C;
    color: #000;
}

.btn-FFEB9C:hover {
    background-color: #BC00C1;
    color: #fff;
    transition: 0.5s linear;
}

.btn-5988B8 {
    background-color: #5988B8;
    color: #000;
}

.btn-5988B8:hover {
    background-color: #BC00C1;
    color: #fff;
    transition: 0.5s linear;
}

.btn-8EB0D1 {
    background-color: #8EB0D1;
    color: #000;
}

.btn-8EB0D1:hover {
    background-color: #BC00C1;
    color: #fff;
    transition: 0.5s linear;
}

.btn-E7CFA8 {
    background-color: #E7CFA8;
    color: #000;
}

.btn-E7CFA8:hover {
    background-color: #BC00C1;
    color: #fff;
    transition: 0.5s linear;
}

.btn-FFF4E0 {
    background-color: #FFF4E0;
    color: #000;
}

.btn-FFF4E0:hover {
    background-color: #BC00C1;
    color: #fff;
    transition: 0.5s linear;
}

.btn-80B092 {
    background-color: #80B092;
    color: #000;
}

.btn-80B092:hover {
    background-color: #BC00C1;
    color: #fff;
    transition: 0.5s linear;
}

.btn-BCD6C6 {
    background-color: #BCD6C6;
    color: #000;
}

.btn-BCD6C6:hover {
    background-color: #BC00C1;
    color: #fff;
    transition: 0.5s linear;
}

.btn-A7A9AC {
    background-color: #A7A9AC;
    color: #000;
}

.btn-A7A9AC:hover {
    background-color: #BC00C1;
    color: #fff;
    transition: 0.5s linear;
}

.btn-DEDEDE {
    background-color: #DEDEDE;
    color: #000;
}

.btn-DEDEDE:hover {
    background-color: #BC00C1;
    color: #fff;
    transition: 0.5s linear;
}

.btn-B5629C {
    background-color: #B5629C;
    color: #000;
}

.btn-B5629C:hover {
    background-color: #BC00C1;
    color: #fff;
    transition: 0.5s linear;
}

.btn-E8ACD6 {
    background-color: #E8ACD6;
    color: #000;
}

.btn-E8ACD6:hover {
    background-color: #BC00C1;
    color: #fff;
    transition: 0.5s linear;
}

.btn-B93247 {
    background-color: #B93247;
    color: #000;
}

.btn-B93247:hover {
    background-color: #BC00C1;
    color: #fff;
    transition: 0.5s linear;
}

.btn-FF91A2 {
    background-color: #FF91A2;
    color: #000;
}

.btn-FF91A2:hover {
    background-color: #BC00C1;
    color: #fff;
    transition: 0.5s linear;
}

.btn-4D8997 {
    background-color: #4D8997;
    color: #000;
}

.btn-4D8997:hover {
    background-color: #BC00C1;
    color: #fff;
    transition: 0.5s linear;
}

.btn-91C1CC {
    background-color: #91C1CC;
    color: #000;
}

.btn-91C1CC:hover {
    background-color: #BC00C1;
    color: #fff;
    transition: 0.5s linear;
}

.btn-ED1C24 {
    background-color: #ED1C24;
    color: #000;
}

.btn-ED1C24:hover {
    background-color: #BC00C1;
    color: #fff;
    transition: 0.5s linear;
}

/***********************************
        Cards
***********************************/

.card {
    margin: 10px;
}

.card-91C1CC {
    color: #ffffff;
    background-color: #91c1cc;
}