:root {
    --darkblue: #01161e;
    --yellow: #858481;
    --green: #636B80;
    --red: #510d0a;
    --brown: #191102;
}

body {
    margin: 0px;
    font-family: 'Roboto', sans-serif;
}

div {
    scroll-margin-top: 120px;
}

header {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    background-color: var(--darkblue);
    color: white;
}

header img {
    width: 80px;
    padding: 8px;
}


header div a {
    margin: 8px;
    color: white;
}

.section1 h1 {
    color: var(--yellow);
    text-align: center;
}

.imgbox {
    display: grid;
    height: 100%;
}
.center-fit {
    max-width: 100%;
    max-height: 100vh;
    margin: auto;
}

.section1 p {
    margin: 16px;
    font-size: large;
    color: dimgrey;
}

.section1 h2 {
    color: var(--green);
    text-align: center;
}

.section1 h3 {
    color: var(--yellow);
    margin: 16px;
}

.center {
    text-align: center;
}

.contact {
    color: var(--green);
    text-align: center;
}

.contact ul li {
    list-style-type: none;
}

.contact ul li a{
    color: var(--green);

}

.impressum {
    text-align: center;
    
}

.impressum a {
    color: var(--green);
}