body { 
  font-family: Segoe Script,Arial, sans-serif; 
  margin: 2rem; 
  background: #fffdfa; 
  color: #745836; 
  padding-top: 25px;
  font-size: 1.5rem;
}
h1, h2 { 
  text-decoration: solid;
  color: #583f21; 
  font-size: 4rem;
}
.navbar-toggler-icon {
  width: 4em;
  height: 4em;
  background-size: 4em;
}
.countdown{
  color:#583f21;
  justify-content: center;
  text-align: center;
  margin-top: 20px;
}
.countdown-ul {
  display: flex;
  justify-content: center;
}
.countdown-ul li {
  list-style-type: none;
  font-size: 1rem;
  text-transform: uppercase;
  text-align: center;
}
.countdown-ul li span {
  display: block;
  font-size: 6rem;
  color: #745836;
}
.countdown-ul li.seperator {
  margin: 0 10px;
  font-size: 6rem;
  line-height: 1.25;
  color: #745836;
}
.countdown-ul li:first-of-type{
  margin-right: 5rem;
}

a { 
    color: #745836; 
    text-decoration: none; 
}
a:hover {
  color: #745836;
  text-decoration: underline; 
}
/* a:focus {
  outline: 2px solid #2d2315;  
  outline-offset: 2px;
} */
a:active {
  transform: scale(0.95); 
}

.image-container {
  position: relative; /* Erstellt einen Positionierungskontext */
  display: inline-block; /* Stellt sicher, dass der Container sich um das Bild schließt */
}

.text-over-image {
  position: absolute; /* Positioniert den Text absolut */
  top: 70%; /* Zentriert den Text vertikal */
  left: 50%; /* Zentriert den Text horizontal */
  transform: translate(-50%, -50%); /* Korrigiert die Zentrierung */
  color: white; /* Beispiel: Weiße Schriftfarbe */
  font-size: 2em; /* Beispiel: Doppelte Schriftgröße */
  z-index: 10; /* Stellt sicher, dass der Text über dem Bild liegt */
  text-align: center; /* Zentriert den Text innerhalb des Textbereichs */
  font-family: "Segoe Script";
}
.picture {
  object-position: 100% 100%;
  object-fit: cover;
}
.navbar { 
    background-color: #fffdfa; 
    color: #333;
    align-content: space-between;
}

.section-inner {
    display: flex;
    align-items: center;   /* vertikal zentrieren */
    align-content: space-around;
    justify-content: center; /* horizontal zentrieren (optional) */
    /*min-height: 40vh;     /* Höhe der Viewporthöhe */
    flex-direction: column;
    margin: 80px;
}

.trauzeugenkarten{
  display: flex;
  align-items: center;
  align-content: space-around;
  justify-content: center;
  flex-direction: row;
}