.bg-reality > .card-header {
    background-color: #e6aa73;
}

.bg-reality > .card-body {
    background-color: #ffbe7d;
}

.bg-story > .card-header {
    background-color: #4f9ce6;
}

.bg-story > .card-body {
    background-color: #52b2ff;
}

.card {
    margin: 0 auto 1em;
}

body {
    font-size: large;
}

/* voting */
a.vote {
    cursor: pointer;
}

.vote {
    background-size: initial;
    overflow: hidden;
    width: 40px;
    height: 40px;
    background: url("/static/img/icons.svg"),none;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto 2px;
    background-position-x: -10px;
}


.vote-up {
    background-position-y: -10px;
}

.vote-down {
    background-position-y: -60px;
}

.vote-up-active {
    background-position-x: -60px;
}

.vote-down-active {
    background-position-x: -110px;
}

.score {
    font-size: 1.5em;
    font-weight: 700;
}


/* Bootstrap fixes */
.row {
  margin: 0;
}


/* Social Accounts */
.socialaccount_providers {
    list-style: none;
}

.socialaccount_providers li {
    padding 1em;
    margin: 1em;
}

.google {
    height: 20px;
    width: auto;
    padding-left: 25px;
    background: url("/static/img/social/g-logo.png") no-repeat;
    background-size: 20px 20px;
}

.google::before{
    content: "Login mit ";
}