@font-face {
    font-family: "ABCStefan-BubbleTight-Trial.woff";
    src: url("ABCStefan-BubbleTight-Trial.woff") format("woff");
    
    font-style: normal;
}

body {

    font-family: "ABCMonumentGrotesk-Bold-Trial.woff";
font-size: 80px;
color: rgb(56, 50, 34);
text-align: center;
background-color: rgba(230, 220, 176, 0.875);
p{
  font-size:medium;
  text-align: justify ;
  max-width: 400px ;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 200px;
}

.hgb {
  background-color: black;
}

h2 {
  font-size: 30pt
}

h3 {
  font-size: small;
}

.swiper {
  width: 100%;
  max-width: 600px;
  height: 320px;
  margin: 2rem auto;
}
.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.5em;
}
.swiper-slide img {
  width: 200px;
  height: auto;
  border-radius: 1em;
}
.swiper-pagination{
color: rgb(46, 34, 11);
}
}

.lausch-animation {
  width: 100%;
  height: 300px;
  background-color: #9d8771;
  border: var(--rahmen);
  
}

@keyframes lausch-animation {
  0% { background-color: #9d8771; }
  10% { background-color: #7a5f4b; }
  20% { background-color: #004e9d; }
  30% { background-color: #0a7db8; }
  40% { background-color: #1f9d8a; }
  50% { background-color: #6cbf57; }
  60% { background-color: #d0a63c; }
  70% { background-color: #c76b32; }
  80% { background-color: #a3474b; }
  90% { background-color: #7b4fa3; }
  100% { background-color: #bcb1aa; }
}

.lausch-animation.is-playing {
  animation: lausch-animation 10s infinite;

}

.lausch-animation.is-fullscreen {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;

}