/* Hintergrundbild */
body {
    margin: 0;
    padding: 0;
    background-image: url("../images/hg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    /* min-height: 100vh; */
        font-family: nitti grotesk, sans-serif;
    color: #ffffff;

    
}


  html, body {
    margin: 0;
    padding: 0;
    height: auto;
    overflow: visible;
  }



/* Bild oben */
/* .top-banner  {
    background-image: url("../images/gruen_oben.png");
  width: 100vw;                
  height: 60vh;                
  background-size: cover;           
  background-position: center bottom;        
    z-index: 10;
    display: flex;
    flex-shrink: 1;
    background-repeat: no-repeat;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: -40%;
} */

/* Bild unten */
.bottom-banner  {
    background-image: url("../images/gruen_unten.png");
  width: 100vw;                
  height: 60vh;                
  background-size: cover;           
  background-position: center top;        
    z-index: 10;
    display: flex;
    flex-shrink: 1;
    background-repeat: no-repeat;
}

h1 {
text-align: center;
    font-family: nitti grotesk, sans-serif;
    font-weight: 800;
    color: #ffffff;
    font-style: normal;
    font-size: 250%;
    text-shadow:
    0.2rem 0.2rem 0.1rem  #261201, 
		0.2rem 0.2rem 0.3rem  #261201,
    0.2rem 0.2rem 0.4rem  #261201;
    /* margin: 0;
    padding: 0; */
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: auto;
    margin-right: auto;
    
}

.content-area {
    display: flex;
    justify-content: space-around;
flex-direction: column;

    max-width: 90vw;
    margin: auto;

}

.schaf {
    display: flex;
        justify-content: space-around;

}
.schaf img{
max-width: 80vw;
    z-index: 20;
            align-items: center;

        /* margin-top: -30%; */
}

h2 {
    font-family: Mojito;
    text-align: center;
    font-size: 300%;
}

h3 {
    
    text-align: center;
    
}



a {
    color: #ffffff;
}

@media screen and (min-width: 1024px) {
    .content-area {
        max-width: 800px;
        margin: auto;
        
    }
    .top-banner {
        margin-bottom: -10%;
    }

    h1 {
        font-size: 400%;
    }
    
    .schaf img {
        max-width: 30vw;
    }
}