body {
  overflow-x: hidden;

  font-family: 'Plus Jakarta Sans', 'sans-serif ', 'Yesteryear' !important;
  /* font-family: 'Syne', 'sans-serif ', 'Yesteryear' !important; */

}

:root {
  /* --main-bg-color: rgb(18, 27, 252); */
  --main-bg-color: #14a0b0;
  --header-bg-color: rgba(141, 199, 69);
  --second-bg-color: rgb(253, 251, 236);
  --third-bg-color: rgb(32, 0, 73);
  --text-white-color: rgb(255, 255, 255);
  --text-black-color: #040900;
  --bg-table-one: #5600c7 !important;
  --bg-table-vinture: #34c9b5 !important;
}


     /* h1, h2, p, div.btn{
      margin-bottom: 1rem;
    } */
main {
  overflow-y: auto;
  scroll-behavior: smooth; /* native smooth scroll */
}
/* Basis-Stil für alle float-Elemente */
.float {
  opacity: 0;               /* Start unsichtbar */
  transform: translateY(30px); /* Startposition für Stagger */
  transition: opacity 0.6s ease, transform 0.6s ease;
}

/* Wird beim Scroll sichtbar + Stagger */
.float.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Optional: für sofort sichtbare Schlüsseltexte */
.float.always-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: none !important;
}

/* ========== Colors ========= */

.main-color {
  color: rgb(18, 27, 252);
}
.main-color {
  color: #200049;
}
.second-color {
  color: rgb(253, 251, 236);
}
.third-color {
  color: #200049;
}

/* section {
  height: 100vh;
} */
/* ========== Letter-space ========= */
.letter-space-04 {
  letter-spacing: -0.04em;
}
.letter-space-05 {
  letter-spacing: -0.05em;
}
/* ========== Fonts ========= */
.semi-bold {
  font-weight: 600;
}
.bold {
  font-weight: 700;
}
.extra-bold {
  font-weight: 800;
}

/* ========== Fonts-size ========= */
.font-h1 {
  font-size: clamp(3rem, 1.8rem + 6vw, 10rem);
}
.font-h2 {
  /* font-size: clamp(2.4rem, 1.5rem + 1.5vw, 5rem); */
  font-size: clamp(2.4rem, 1.2rem + 3vw, 5.5rem);
}
.font-h3 {
  /* font-size: clamp(1.6rem, 1rem + 1vw, 2.5rem); */
  font-size: clamp(1.6rem, 0.8rem + 1.4vw, 2.4rem);
}
.font-h4 {
  /* font-size: clamp(1.3rem, 0.9rem + 0.8vw, 2.2rem); */
  font-size: clamp(1.3rem, 0.7rem + 1vw, 2rem);
}
.font-h5 {
  /* font-size: clamp(1.1rem, 0.8rem + 0.6vw, 1.8rem); */
  font-size: clamp(1.1rem, 0.8rem + 0.7vw, 1.7rem);
}
p {
  /* font-size: clamp(1rem, 1.2rem + 0.5vw, 1.5rem); */
  font-size: clamp(1rem, 0.7rem + 0.4vw, 1.4rem);
}
.font-yesteryear {
  font-family: 'Yesteryear', cursive !important;
}
button {
  font-size: clamp(
    0.8rem,
    1rem + 0.4vw,
    1.1rem
  ); /* Kleine Schrift für Buttons */
}

/* // `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
}

/* // `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}
/* // `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
}
/* // `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
}
/* // `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
}