/* antic-didone-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Antic Didone';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/antic-didone-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.body{
    background-color:#ffecf1;
}

.head{
    color:#9E122C
}

h1{
  font-size: 60px;
    font-family:'Antic Didone';
    text-align:right;
  }

   



.navigation {
 
    display: flex;
 
    background-color: #eb7b97
 
  }
 
   
 
  .navigation li {
 
    list-style-type: none;
 
  }
 
   
 
  .navigation a {
 
    padding: 3em;
 
    display:inline-block;
 
    color:#881b33;
    
    text-decoration:none;
    font-family:'Antic Didone';
 
  }
 
   
 
  .navigation a:hover, #akt_tab {
 
    background-color: #9E122C;
    color: #eb95ab
 
  }

  header {
    background-color: #9E122C;
  }
 


  .Bild_Tulpe {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Skaliert das Bild passend, ohne Verzerrung */
    display: block;
  }











  .grid-container{
    display:grid;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
    padding: 0;
      margin:0;
  }
  
  .item{
    background-color: #ffc3d2;
     
    }
  
    .item-1{
      grid-row:1/8;
      grid-column:1/2;
    }
  
    .item-2{
      grid-row:1/3;
      grid-column:2/4;
    
    }
  
    .item-3{
      grid-row:1/3;
      grid-column:4/8;
    }
  
    .item-4{
      grid-row:3/8;
      grid-column:2/8;
    }
  

  footer{
    background-color: #ddb8be;
  }