

h2 {
    text-align: center;
  }
div.lfp-main-container{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5rem;
  
  }
div.lfp-nutcracker{
    width: 50rem;
    
    height:90rem;
    background-color: silver;
  
  }
  
div.lfp-sub-container{
    display: flex;
    flex-direction: column;
    gap: 5.2rem;
  }
div.lfp-guestbook{
    width: 30rem;
    height: 60rem;
    background-color: grey;
    overflow-y: auto;           /* Vertikale Scrollbar bei Bedarf */
    overflow-x: hidden;         /* Verhindert horizontales Scrollen */
    border: 1px solid #ccc;     /* Optional: sichtbarer Rahmen */
    padding: 15px;
  }  
div.lfp-support{
    width: 30rem;
    height: 20rem;
    background-color: gold;
  } 
  
#guestbook-entries div.entry{
  display: flex;  
  justify-content: space-between;
  flex-direction: row;
  gap: 2rem;
}
.lfp-name-and-date-container{
  display:flex;
  flex-direction: column;
  justify-content: center;
  gap:0.5rem;
  
}
.entry-name{
    color: #030954;
  }
.entry-msg {
  word-wrap: break-word;      /* Bricht lange Wörter um */
  overflow-wrap: break-word;  /* Moderner Standard */
  white-space: normal;        /* Verhindert, dass Text in einer Zeile bleibt */
  max-width: 100%;            /* Darf nicht breiter als der Container sein */
  display: block;             /* Stellt sicher, dass es als Block-Element behandelt wird */
  color: #030954;
  align-self: center;
}
.entry-date{
  font-size: 1rem
  }
