body 
{font-family: Arial, Helvetica, sans-serif;
background-color: black;
}
@media (max-width: 42em) {
  .grid-container 
    /* Handy: 1 Spalte */
  }
@media screen and (min-width: 42em) and (max-width: 64em) {
/*** CSS für Bildschrimbreiten zwischen 770 und 1079 Pixel ***/
.grid-container 
.grid-template-columns: 1fr 358px 640px 1fr; 
}
@media screen and (min-width: 1080px) and (max-width: 1479px) {
/*** CSS für Bildschrimbreiten zwischen 1080 und 1479 Pixel ***/
.container 
.grid-template-columns: 1fr 358px 640px 1fr ; 
}
@media screen and (min-width: 1480px) {
/*** CSS für Bildschrimbreiten ab 1480 Pixel ***/
}


.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:1fr 22.375em 40em 1fr;
  gap: 0px;
  background-color: rgb(253, 165, 1);
  padding: 0px;
  border: 0px;
  justify-content: center;
  text-align: center;
} 
 

.container div {
  background-color: black;
  padding: 1px;
  
}

.item1 {
 grid-column-start: 2;
 grid-column-end: 3;
 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;  
    max-width: 285px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid whitesmoke;
}
#honey{
    width: 285px;
    height: 121px;
}

.item2 {
  grid-column-start: 3;
  grid-column-end: 4;
  width: 100%;
  text-align: center;
  word-spacing:60px; 
  color:whitesmoke;   /* Farbe orange */
  font-size: 18px;
  font-style: 28px;  /* Größe 28pt   */
}
 
#link {color:whitesmoke; text-decoration: none;}

.fa {
  padding: 0px 0cqw;
  font-size: 30px;
  width: 454px;
  text-align: right;
  text-decoration: none;
}

nav  a {
  display:inline-flex;
	 align-items: center;
  justify-content: center;
	padding: 0px 0+px;
	text-decoration: none;
	font-weight: none;
	text-align: center;
	color: white;
	font-size: 20px;
  font-style: 28px;  /* Größe 28pt   */
  background-color: var(--background-color);
	transition: all .25s ease-in;
	position: relative;
	top: 40px;
	left: 0px;
	margin:auto; 
	 
	max-width: 500px;
	height: 22px;
}
:root {
	--background-color: rgb(4, 4, 4);
}
#link {
left: 0px;
}
#link2 {
left: 35px;
}
#link3 {
left: 46px;
}
#link4 {
left:35px;
}

.dropdown {
  position: relative;
  display: inline-block;
  right: 28px;
  ;
}
.dropdown-content {
  display:  none;
  position: absolute;
  --background-color: rgb(134, 131, 131);
  background-color: #f1f1f1;
  width: 158px;
	box-shadow: 0px 8px 16px 10px rgb(218, 216, 216);
  z-index: 1;
}
.dropdown-content a {
	color: rgb(7, 7, 7);
  width: 152px;
	padding:12px 0px;
  text-decoration: none;
  font-size: 18px;
  font-style: 28px;  /* Größe 28pt   */
	display: block;
	height: 40px;
}
.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: black;
}
.fa:hover {
    opacity: 0.8;
}
#fa_instagram{
  width: 39px;
  position: relative;
  left: 2px;

}

.fa:hover {
    opacity: 0.7;
}
.fa-instagram {
  background: black ;
  color: white;
}

.item3 {
  grid-column-start: 2;
  grid-column-end: 4;
}
 .table, th, td {
  display: block;
  position: ;
  border:3px solid black;
  border-radius: 12px;
  margin-left: auto;
  margin-right: auto;
   /* Kurzform: margin: 0 auto; (oben/unten 0, links/rechts auto) */
  max-width: 80%; /* Wichtig: Tabelle muss eine feste Breite haben, damit auto funktioniert */
  text-align: center;
  writing-mode: vertical; 
    color: white;   /* Farbe orange */
    font-size: 16px;
    font-style: 28px;  /* Größe 28pt   */
    font-family:arial, "lucida console", sans-serif; 
}


.item4 {
  grid-column-start: 2;
  grid-column-end: 4;
  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: 2;
  grid-column-end: 4;
    height: 120px; 
    text-align: center;
    writing-mode: vertical;  
}