*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

   @font-face {
    font-family: 'klavika'; /* Gewünschter Name */
    src: url('klavika/klavika-bold-italic.otf');
   }
   @font-face {
    font-family: 'lobster'; /* Gewünschter Name */
    src: url('lobster/Lobster-Regular.otf');
   }
body{
    background-color: #aa1f22;
}
h1{
    font-size: 5em;
}
h2{
    font-size: 2.8em;
}
h1{
    font-family:'lobster', Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    margin-top: 50px;
}
h2{
    font-family:'klavika', Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    margin-top: 50px;
}
p{
    font-family:'klavika', Arial, Helvetica, sans-serif; 
    padding: 5px;
    font-size: 17px;
}
.advent{
    width: 100%;    
}
.banner{
    width: 100%;
}
.banner img{
    width: 100%;
    height: auto;
    
}
.advent-header{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.rechts, .links{
    flex: 1;
    margin: 5px 0 0 25px;
}
.rechts img, .links img{
   
    width: 200px;
}
.mitte{
    flex: 4;
    justify-content: center;
    align-items: center;
}
.mitte img{
    padding-left: 32%;
}
.mitte_img{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mitte_img img{
    width: 25%;
}

.kalender{
    
    /*background-color: #aa1f22;*/
    width: 50%; 
    margin: 0 0 0 25%; 
   
}

.kalender section{
    background-color: #fff;
    width: 85%;
    margin: 0 auto;
    
}
.tag:nth-child(even) {
    background: #fff;
    color: #000;
}
.tag:nth-child(odd) {
    background: #aa1f22;
    color: #fff;
}

footer{
    width: 100%;
    
    /*background-image: url(img/footer.png);*/
    background-color: #aa1f22;
}
footer img{
    width: 100%;
    height: auto;
    
}

@media screen and (max-width: 1100px) {
    h1{
        font-size: 2.8em;
    }
    h2{
        font-size: 1.6em;
    }
    p{
        font-size: 14px;
    }
    .rechts, .links{
        display: none;
    }
 .mitte_img img{
    width: 35%;
}
    .kalender{
    
        /*background-color: #aa1f22;*/
        width: 80%; 
        margin: 0 0 0 10%; 
       
    }
    

}