body {
    padding: 0;
    margin: 0;
    background-color:burlywood;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}


 header {
    margin-top: 10px;
    margin-bottom: 10px;
 }


 .mitte{
    display: flex;
    justify-content: center;
    align-items: center;
 }

 #teaser{
    width: 100%;
    height: 300px;
 }

 #teaser img{
    width: 100%;
    height: 100%;
    object-fit: cover;
 }

 @media screen and (min-width: 800px) {
    #teaser {
        height: 600px;
    }
 }


 nav {
    position: sticky;
    top: 0px;
    backdrop-filter: blur(10px);
 }


 section{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;

 }
 .card{
   width: 200px;
   height: 230px;
   display: inline-block;
   border-radius: 10%;
   padding: 15px 25px;
   box-sizing: border-box;
   cursor: pointer;
   margin: 10px 15px;
   background-position: center;
   background-size: cover;
   transition: transform 0.5s;
 }

 .card1{
   background-image: url(Amy_MacDonald.png);
 }
 .card2{
   background-image: url(rammstein.png);
 }
 .card3{
   background-image: url(ed-sheeran.png);

 }
 .card4{
   background-image: url(P&J.png);

 }
 .card5{
   background-image: url(avicii.png);

 }
 .card:hover{
   transform: translateY(-10px);
 }

 footer ul, nav ul{
   list-style: none;
   margin: 0;
   padding: 0;
   padding-top: 24px;
   padding-bottom: 24px;
}

footer ul li a, nav ul li a {
   font-weight: 600;
   padding: 16px;
}