body 
{font-family: Arial, Helvetica, sans-serif;
background-color: orange;
   
}

.linie {
    border-bottom: 3px solid #c2b8b8; /* Dicke, Stil, Farbe */
    width: 100%; /* Breite der Linie */
    margin: 25px 0; /* Abstand oben/unten */
    margin-left: auto;
    margin-right: auto;
  }
.container {
  display: grid;
  grid-template-columns:  358px 640px ;
  gap: px;
  background-color:orange;
  padding: 0px;
  border: 4px;
  justify-content: center;
  text-align: center;
}
 

.container div {
  background-color: black;
  padding: 1px;
  
}

.item1 {
  grid-column-start: 1;
  grid-column-end: 2;
    background-color:black;
    text-align: center;
    color:whitesmoke;   /* Farbe orange */
    font-size: 20px;
    font-style: 28px;  /* Größe 28pt   */
    font-family:arial, "lucida console", sans-serif; /* Schriftart */
}

.beispielbild {
    display: grid;
    place-items: center;  
    width: 280px;
    height: 120px;
    border: 1px solid whitesmoke;
}
#honey{
    width: 100%;
    height: 100%;
     
}


.item2 {
  grid-column-start: 2;
  grid-column-end: 3;
  text-align: center;
  writing-mode: vertical; 
  word-spacing:50px; 
   color:whitesmoke;   /* Farbe orange */
    font-size: 18px;
    font-style: 28px;  /* Größe 28pt   */
}
 
#link {color:whitesmoke; text-decoration: none;}

.fa {
  padding: 0px;
  font-size: 30px;
  width: 120px;
  text-align: left;
  text-decoration: none;
  margin:0px 2px;
}

.fa:hover {
    opacity: 0.7;
}


.fa-instagram {
  background: black ;
  color: white;
}

.item3 {
  grid-column-start: 1;
  grid-column-end: 3;
  
  
} 
 .table, th, td {
  display: block;
  width:780px;
  border:3px solid black;
  border-radius: 12px;
  padding:50px;
   margin-left: auto;
  margin-right: auto;
  /* Kurzform: margin: 0 auto; (oben/unten 0, links/rechts auto) */
  width: 80%; /* Wichtig: Tabelle muss eine feste Breite haben, damit auto funktioniert */
  text-align: center;
  writing-mode: vertical; 
    color:whitesmoke;   /* Farbe orange */
    font-size: 16px;
    font-style: 28px;  /* Größe 28pt   */
    font-family:arial, "lucida console", sans-serif; 
}


.item4 {
  grid-column-start: 1;
  grid-column-end: 3;
  height: 120px; 
  text-align: center;
  writing-mode: vertical; 
  word-spacing: 60px; 
   color:whitesmoke;   /* Farbe orange */
    font-size: 18px;
    font-style: 28px;  /* Größe 28pt   */
    
}

#impressum {
  word-spacing: normal; 
}

.item5 {
  grid-column-start: 1;
  grid-column-end: 3;
    height: 120px; 
    text-align: center;
    writing-mode: vertical;  
}