.charakter-box-head {
    margin-right: 0;
    margin-left: 195px;
    padding-top: 35px;
    border-bottom: 1px solid var(--transparentlight);
    text-align: right;
    padding-right: 20px;
    text-transform: uppercase;
    font-size: 25px;
    color: var(--darkcolor);
}

.charakter-sektionen {
    display: grid;
    grid-template-columns: 50% 50%;
}

.charas-bit-box {

    border: solid 1px var(--transparentlight);
    margin: 5px;

}

.charas-bit-box-image {
    height: 250px;
    background-size: 195px;
    background-repeat: no-repeat;
    background-position-y: -40px;
	-webkit-filter: grayscale(100%);
}

.charaker-box-blend {
    width: 100%;
    height: 250px;
    background-image: var(--blendbackground);
}

.charakter-facts {
    margin: 8.5px;
    margin-left: 210px;
    margin-right: 5px;
    background: var(--border);
    text-align: right;
    padding: 5px;
    text-transform: uppercase;
    font-size: 10px;
}

.charakter-box-name {
    background: var(--transparentlight);
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    color: var(--font3);
}