/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 */

/* Animations */

@keyframes pulse-fade-scale {
  0%,
  100% {
    transform: scale(1);
    opacity: 0.7;
  }
  50% {
    transform: scale(1.2);
    opacity: 1;
  }
}

.animate-pulse-fade-scale {
  animation: pulse-fade-scale 2s ease-in-out infinite;
  transition:
    transform 0.3s ease-in-out,
    opacity 0.3s ease-in-out;
}

.animate-pulse-fade-scale:hover {
  animation-play-state: paused;
  transform: scale(1.2);
  opacity: 1;
}

/* Privacy Policy */

.itrk-legaltext {
  font-family: "DM Sans", sans-serif;
  color: white;
  line-height: 1.5;
}

.itrk-legaltext h1 {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.itrk-legaltext h2 {
  font-size: 1.4rem;
  font-weight: 600;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.itrk-legaltext p,
.itrk-legaltext ul {
  margin-bottom: 1rem;
}

.itrk-legaltext ul {
  padding-left: 1.5rem;
}

.itrk-legaltext li {
  margin-bottom: 0.3rem;
}

.itrk-legaltext b {
  font-weight: 600;
}

.itrk-legaltext #itkanzlei_txt_copyright {
  font-size: 0.75rem;
  background: none;
  color: rgba(255, 255, 255, 0.8);
  border-radius: 4px;
  padding: 2.4rem 2.6rem 1rem 2.6rem;
  margin: 0 -48px -40px -48px;
}

.itrk-legaltext div[style*="border-top"] {
  clear: both;
  border-top: none !important;
  margin: 1.5rem 0;
  height: 1px;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0)
  );
}

/* Markdown Format */

.markdown-format {
  line-height: 1.6;
  overflow-wrap: break-word;
  word-break: break-word;
}

.markdown-format em {
  font-style: normal;
  color: #9061f9;
}

.markdown-format h1 {
  font-family: "ClashGrotesk-Regular";
  font-size: 1.2em;
  line-height: 1.2;
}

.markdown-format p {
  padding-bottom: 8px;
}

.markdown-format ul,
.markdown-format ol {
  margin-bottom: 8px;
}