.marketing_karte {
    background-color: #fff;
    padding: 16px;
    border-radius: 8px;
    display: block;
    cursor: pointer;
    margin-bottom: 8px;
}

.marketing_karte:hover {
    background-color: #f6fff2;
}

.marketing_karte .titel {
    color: #468524;
    font-weight: bold;
    margin-bottom: 8px;
    font-size: 16px;
}



.markting_mail_zeile_bearbeiten {
    min-height: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    outline: 0px solid #468524;
    border-radius: 8px;
    transition: all 0.2s;
    cursor: pointer;
}

.markting_mail_zeile_bearbeiten:hover {
    outline: 5px solid #468524;
}



.marketing_mail_status img {
    width: 32px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 16px;
}

.marketing_mail_status span {
    vertical-align: middle;
    display: inline-block;
}



.marketing_mail_status_balken {
    height: 16px;
    border-radius: 8px;
    background-color: #a7a7a7;
    overflow-x: hidden;
}

.marketing_mail_status_balken div {
    display: inline-block;
    height: 16px;
}

.marketing_mail_status_balken .balken_noch_nicht_erstellt {
    background-color: #e1a800;
}

.marketing_mail_status_balken .balken_konnte_nicht_erstellt_werden {
    background-color: #b30000;
}

.marketing_mail_status_balken .balken_erstellt {
    background-color: #009eca;
}

.marketing_mail_status_balken .balken_versendet {
    background-color: #00a510;
}

.marketing_mail_status_balken .balken_konnte_nicht_versendet_werden {
    background-color: #b40000;
}