*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: Arial-Narrow;
    src: url(fonts/arialnarrow.ttf);
}

@font-face {
    font-family: Ligatur;
    src: url(fonts/KnopfaugeLigatur.otf);
}

body{
    font-family: Arial-Narrow;
    padding: 10px 20px 10px 20px;
}

.ellipse{
    width: 18px;
    height: 29px;
    border-radius: 50%;
    /* border: 1px solid pink; */
    overflow: hidden;
    position: relative;
    box-sizing: content-box;
}

.kreis{
    width: 14px;
    height: 14px;
    background-color: black;
    border-radius: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.augen{
    display: flex;
    position: relative;
    bottom: 50.5px;
    left: 72.5px;
    /* transform: translateX(72.5px); */
    gap: 5.5px;
    z-index: -1;
    width: 100px;
}

.knopfauge{
    height: 85px;
}

h1{
    font-family: Arial-Narrow;
    font-weight: inherit;
    font-size: 76px;
}

h2{
    font-weight: inherit;
    font-size: 30px;
    margin-bottom: 10px;
}

p{
    font-size: 20px;
    max-width: 800px;
}

.ligatur{
    font-family: Ligatur;
}

a{
    font-size: 20px;
    color: black;
}

.impressum-link{
    position: absolute;
    bottom: 10px;
    right: 20px;
    color: blue;
}

@media (max-width: 800px){
    p{
        width: 100%;
        /* font-size: 24px; */
    }

    /* a{
        font-size: 24px;
    } */
}