@charset "UTF-8";
.wortsalat-container {
  max-width: 1640px;
  margin: 0 auto 6rem;
  padding: 0 2rem !important;
  position: relative;
  overflow: hidden;
}
/* ===============================
   GRID – FESTE SPALTEN
================================ */
.wortsalat-grid {
  display: grid;
  gap: clamp(1rem, 2.5vw, 2.5rem);
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1024px) {
  .wortsalat-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 640px) {
  .wortsalat-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* ===============================
   WÖRTER
================================ */
.wortsalat-word {
  justify-self: center;
  align-self: center;
  hyphens: auto;
  line-height: 3rem;
  padding: 0.4em 0.6em;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  max-width: 100%;
  text-align: center;
  opacity: 0;
  filter: blur(6px);
  --rotate: 0deg;
  --parallaxX: 0px;
  --parallaxY: 0px;
  transform: translate3d(var(--parallaxX), var(--parallaxY), 0) rotate(var(--rotate));
  transition: opacity 0.6s ease, filter 0.6s ease, transform 0.15s linear;
  will-change: transform;
}
.wortsalat-word.is-visible {
  opacity: 1;
  filter: blur(0);
}
/* ===============================
   FONT REGELN (KORRIGIERT)
================================ */
/* Normale Wörter – 1rem bis 3rem */
.wortsalat-size-normal {
  font-size: clamp(1rem, 1.3vw, 3rem);
}
/* Special – max 3rem */
.wortsalat-size-special {
  font-size: clamp(1.6rem, 1.3vw, 3rem);
}
/* Morgana – 2rem bis 4rem */
.wortsalat-morgana {
  font-family: "Morgana", serif;
  font-weight: bold;
  font-size: clamp(2rem, 2vw, 4rem);
}
/* ===============================
   FARBEN
================================ */
.wortsalat-gold {
  color: var(--color-custom-18);
}
.wortsalat-petrol {
  color: var(--color-custom-12);
}
.wortsalat-petrol-green {
  color: var(--color-custom-15);
}
@media (max-width: 900px) {
  .wortsalat-container {
    margin: 0 auto 2rem;
  }
  .wortsalat-word {
    line-height: 2rem;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%2F%22%2C%22sources%22%3A%5B%22wp-content%2Fcustom_codes%2F1217-scss-default.scss%22%2C%22(stdin)%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAsBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACtBA%3BAAAA%3BAAAA%3BADmCA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAACE%3BAAAA%3BAAAA%3BAAAA%3BAAKF%3BAACE%3BAAAA%3BAAAA%3BAAAA%3BAChDF%3BAAAA%3BAAAA%3BAD0DA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAkCA%3BAAAA%3BAAAA%3BAAAA%3BAC5FA%3BAAAA%3BAAAA%3BAAAA%3BADuGA%3BAAAA%3BAAAA%3BACvGA%3BAD4GA%3BAAAA%3BAAAA%3BAC5GA%3BADiHA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACjHA%3BAAAA%3BAAAA%3BAD4HA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAEA%3BAACC%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%22%7D */