:root{
  --white: #dcdcdc;
  --black: #00020c;
  --gray: #85888C;
  --orange: #ffa500;
  --grey: #d6d0d0;
}

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.header {
  height: 45vh;
  width: 100%;
  background-image: url(/img/homepages.jpg);
  background-size: cover;
  background-position: top center; /* Bild oben fixieren */
  display: flex;
  justify-content: center;
  align-items: flex-end; /* Text am unteren Rand des Headers platzieren */
  color: var(--white);
  padding-bottom: 5px; /* Abstand zum unteren Rand */
}

.marquee-container {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  font-size: 40px;
  box-sizing: border-box;
  padding-top: 10px; /* Verringere den oberen Abstand des Containers */
}

.marquee {
  display: inline-block;
  animation: scroll-left 10s linear infinite;
  animation-delay: 1s;
  word-spacing: 60px;
  font-weight: bold;
  color: var(--orange);
}

.lauftext span {
  display: inline-block;
}

@keyframes scroll-left {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

body{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background-color: var(--black);
  font-family: "Poppins", sans-serif;
  color: var(--white);
  text-align: center;
}

.kontakt-a-img {
  display: none;
}

.kontakt-info-a {
  display: none;
}

h3 {
  padding-top: 5%;
  color: var(--orange);
}

p {
  padding: 2% 5% 5% 5%;
    color: var(--grey);
}

p {
  margin-top: 2%;
  border-bottom: 2px solid var(--gray);
}

.kontakt-b-img {
  width: 30%;
  padding-top: 5%;
}

.kontakt-b-info a { 
  color: var(--white);
  text-decoration: none;
}