.lorebox {
width: 500px;
    height: 650px;
    background: var(--back);
	font-family: var(--schrifti);
	color: var(--dark);
}

.lorebild {
    width: 200px;
    height: 200px;
    background: var(--eye);
    border-radius: 100px;
    transform: translate(-77px, 29px);
}

.loretitle {
    font-size: 47px;
    z-index: 2;
    position: relative;
    font-family: var(--headschrift);
    color: var(--dark);
    letter-spacing: -5px;
    transform: translate(20px, -111px);
}

.loresub {
    font-size: 11px;
    color: var(--dark);
    transform: translate(18px, -126px);
    line-height: 11px;
}

.loretextbox {
     width: 350px;
    overflow: auto;
    font-size: 11px;
    text-align: justify;
    transform: translate(3px, -103px);
}

.lorelinks {
font-size: 11px;
    background: var(--eye);
    padding: 10px;
    width: 97px;
    text-align: center;
    float: left;
    margin-right: 5px;
    transform: translate(8px, -91px);
    text-transform: lowercase;
}

.lorelinks a{
color: var(--dark);
}