:root{
    --hintergrund: #E6CFCF;
    --header-farbe: #BF6078;
    --header-text-farbe: #FFFFFF;
    --ueberschriften-farbe: #805959;
    --schatten-farbe:#805959;
    --link: #7F2038;
    --link-hover:#000000;
    --schrift-playballregular: 'playballregular';
    --schrift: 'Times New Roman', Times, serif;
    --schrift-farbe:#7F2038;
   }
   
   *{
       margin: 0;
       padding: 0;
       box-sizing: border-box;
       font-family: var(--schrift);
       font-size: 16px;
   }


   @font-face {
    font-family: 'playballregular';
    src: url('../schriften/playball-regular-webfont.eot');
    src: url('../schriften/playball-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../schriften/playball-regular-webfont.woff2') format('woff2'),
         url('../schriften/playball-regular-webfont.woff') format('woff'),
         url('../schriften/playball-regular-webfont.ttf') format('truetype'),
         url('../schriften/playball-regular-webfont.svg#playballregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
    background-color:var(--hintergrund);
}

main{
    max-width: 2000px;
    margin: 0 auto;
}

#seite{
    max-width: 90vw;
    margin: 0 auto;
}

#oben img{
        position: fixed;
        bottom: 2rem;
        right: 2rem;
        width: 2.5em;
        filter: drop-shadow(5px 5px 10px var(--schrift-farbe));
        inset, 5px 5px 10px var(--schatten-farbe);
}

h1{
    font-size: 4rem;
    padding: 1rem;
    text-align: center;
    color: var(--schrift-farbe);
}

@media (max-width:1050px){
    h1{
        font-size: 3.5rem;
        padding: .5rem;
    }

}

@media (max-width:900px){
    h1{
        font-size: 3rem;
    }

}

@media (max-width:750px){
    h1{
        font-size: 2.5rem;
    }

    #oben img{
        bottom: 2rem;
        right: 1rem;
        }

}

@media (max-width:550px){
    h1{
        font-size: 1.7rem;
        padding: 1rem;
    }

    #oben img{
        position: fixed;
        bottom: 2rem;
        right: 1rem;
    }

}

@media (max-width:350px){
    
    #oben img{
        position: fixed;
        bottom: 2rem;
        right: 1.5rem;
    }

}