@charset "UTF-8";

body {
    color: #000000; 
    background-color: #f4f4f4;
}

@font-face {
    font-family: Inter Regular;
    src: url(/fonts/Inter-VariableFont_opsz,wght.ttf);
}
@font-face {
    font-family: Inter Italic;
    src: url(/fonts/Inter-Italic-VariableFont_opsz,wght.ttf);
}
dd {
    display: block;
    margin-inline-start: 3vw;
    unicode-bidi: isolate;
}
img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

.mainFrame {
    width:94vw;
}

.mainImage {
    margin-top:25vh; 
    width:30vw;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* width: 60%; */
}
a, a:link, a:visited {
    color: #838989;
    background-color: transparent;
    text-decoration: none;
    font-family: Inter Regular, serif;
    font-weight: 400;
}
a:hover, a:active {
    color: grey;
    background-color: transparent;
    text-decoration: none;
    font-family: Inter Regular, serif;
    font-weight: 400;
}

.copyright {
    top:95vh; 
    left:25px;
    float:left;
    position:absolute;
}

.imprint {
    top:95vh; 
    right:25px;
    float:right;
    position:absolute;
}

.baseline {
    width:169px;
    height:23px;
}

@media (max-width: 1080px) {
    .mainImage {
        width:50vw;
    }
}

@media (max-width: 768px) {
    .copyright {
        max-width: 300px;
    }
}