/* Style 2 */

*{
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    box-sizing: border-box;

    --markart-blau: rgb(0, 35, 102);
    --markart-gold: white;

    --step--2: clamp(0.78rem, calc(0.68rem + 0.50vw), 1.04rem);
    --step--1: clamp(0.94rem, calc(0.80rem + 0.71vw), 1.30rem);
    --step-0: clamp(1.13rem, calc(0.93rem + 0.98vw), 1.63rem);
    --step-1: clamp(1.35rem, calc(1.08rem + 1.33vw), 2.03rem);
    --step-2: clamp(1.62rem, calc(1.26rem + 1.79vw), 2.54rem);
    --step-3: clamp(1.94rem, calc(1.46rem + 2.40vw), 3.17rem);
    --step-4: clamp(2.33rem, calc(1.69rem + 3.19vw), 3.97rem);
    --step-5: clamp(2.80rem, calc(1.96rem + 4.21vw), 4.96rem);
}


::-webkit-scrollbar{
    width: .2em;
    height: .2em;
}

::-webkit-scrollbar-track{
    visibility: hidden;
    margin-inline: .5em;
}

::-webkit-scrollbar-thumb{
    background-color: var(--markart-gold);
    border-radius: 100vw;
}

html, body{
    background-color: var(--markart-blau);
    margin: 0;
    padding: 0;
    width: 100vw;
}

body::-webkit-scrollbar{
    height: 0em;
}

.main-header{
    text-align: center;
    background-color: var(--markart-blau);
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 15vh;
    display: inline-block;
}

.hr {
    padding: 0;
    margin: 0;
    height: 5px;
}

.main-header ul{
    text-align: center;
    background-color: var(--markart-gold);
    margin: 0;
    height: 7vh;
}

.main-header li{
    display: inline;
    color: black;
    align-items: center;
}

.main-header a{
    display: inline-block;
    padding-left: .5em;
    padding-right: .5em;
    padding-top: 1em;
    padding-bottom: 1em;
    color: var(--markart-blau);
    text-decoration: none;
    height: 7vh;
    font-size: 2.3vh;
}

.logo-a{
    margin: 0 !important;
    padding: 0 !important;
}

.main-header a:hover{
    background-color: rgba(255,255,255,.3);
}

.logo{
    height: 8vh;
    padding: 0;
}

.main-footer{
    margin-top: 5em;
    margin-bottom: 0em;
    padding: 2em 4em 2em 5em;
    color: white;
    background-color: var(--markart-gold);
}

.main-footer li{
    margin: .5em;
    list-style-type: none;
}

.main-footer a{
    color: var(--markart-blau);
    text-decoration: none;
}

.image-scroller{
    margin: 5vh 0 0;
    display: grid;
    grid-auto-flow: column;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}

.image-scroller > * > img{
    height: 75vh;
    object-fit: cover;
}

.text-section{
    margin: 0em 20vw 0em 20vw;
    text-align: left;
    color: var(--markart-gold);
}

.text-section h3{
    color: var(--markart-gold);
    font-size: var(--step-2);
}

.about-title{
    color: var(--markart-gold);
    text-align: center;
    font-size: var(--step-3);
}

.about-text{
    text-align: justify;
    color: white;
    font-size: var(--step--2);
}