body{
  display: flex;
  flex-direction: column; /* Boxen untereinander anordnen */
  align-items: center; /* Vertikal zentrieren */
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  color: white;
  background-color: black;
  font-family: Segoe UI Light, sans-serif;
}

.header {
  font-size: 40px;
  width: 80%;
  text-align: center; /* Text in der Navbar zentrieren */
}

.footer {
  grid-column: 10/15;
  grid-row: 16/16;
}
hr{
  margin: 0;
}
.five, img {
  display: block;
  margin: 0 auto;
}
a{
  font-weight: bold;
  color: rgb(167, 29, 29);
  text-decoration: none;
}
a:hover{
  color: rgb(188, 48, 48);
  text-decoration: none;
}
table{
  font-size: 18px;
  width: 250px;
}
.location{
  display: flex;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

li {
  display: inline;
}

.container {
  display: flex;
  padding: 10px;
  margin: 0;
}

.left-boxes {
  display: flex;
  flex-direction: column; /* Boxen untereinander anordnen */
}

.box {
  padding: 10px 0;
}

.centered-box {
  display: flex;
  align-items: center;
}

.datenschutz{
  position: relative;
  align-items: flex-end;
  width: 80%;
}

.impressumIMP{
  position: relative;
  align-items: flex-end;
  width: 80%;
}

.back{
  color: rgb(188, 48, 48);
  padding-bottom: 20px;
}

@media (min-width: 1000px) {
	/* Breite beträgt mindestens 1000px */
  .footerZwei, .small_bulli
  {
  display: none;
  }
}

@media (max-width: 1000px) {
	/* wenn Breite unter 1000px */
  .footer, .impressum, hr{
    display: none;
  }
  .betrieb{
    text-align: center;
    color: rgb(188, 48, 48);
  }
  .header {
    font-size: 30px;
    text-align: center;
    padding: 10px;
  }
  .footerZwei
  {
  display: block;
  text-align: center;
  padding: 20px;
  }
  .centered-box{
    display: none;
  }
  .small_bulli{
    display: block;

  }
}