body{
  font-family: "Cutive Mono", monospace;
  font-weight: 400;

    background-image: url('papier.jpg');
    background-size: cover;          
    background-repeat: no-repeat;     
    background-position: center;
    background-attachment: fixed;     /* scrollt nicht mit */
    background-color: #f8f8f0;       
}





h1{
    margin margin-top: 20px ;
    font-size: 35px;
    text-align: center;
    color: #b4b534;

}

h2{
    margin-top: 5px ;
    font-size: 25px;
    text-align: center
}
h3{
font-family: "Cutive Mono", monospace;
font-size: 35px;
  font-weight: 400;
  font-style: normal;
  text-align: center
}
/*Logo*/
.logo-container {
  display: flex;          
  justify-content: center; 
  align-items: center;    
}

.logo {
        
  max-width: 80%;      
  height: auto;           
}

/*Einführungstext*/
.über{
    text-align: center;
    margin-top: 100px;
}
.über h3{
    font-size: 15px;
    font-weight: 700;
    margin-left: 200px;
    margin-right: 200px;

}



/*Links*/

.Karte_container {
  position: relative;
  width: 100%;   
}

.Karte_container img {
  width: 100%;
  display: block; 
}

.Karte_container a {
  position: absolute; 
  display: block;
  background-color: rgba(0,0,0,0.0); /* durchsichtig */
}

#henne {
  left: 25%;   
  top: 30%;    
  width: 13%;  
  height: 24%; 
}

#schnack {
  left: 40%;
  top: 50%;
  width: 12%;
  height: 31%;
}



 /*Karte*/
.Karte {
  text-align: center;  
}

.Karte img {
  display: inline-block; 
  width: 100%;            
  max-width: 1200px;     
  height: auto;   
  border-radius: 12px;       
}




/*Footer*/
.footer{
    background: #fdd965;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    width: 100%;
    display: flex;
    gap: 80px;
    height: 100px;
    border-radius: 12px;
    opacity: 0.95;
     transition:  transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.3s ease;
}

.footer:hover{
    transform: scale(1.04);
}

.footer a {
   text-decoration: none; 
   color: black;
    transition:  transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.3s ease;
}

.footer a:hover{
    transform: scale(1.04);
    color: #e7883c
}