@charset "UTF-8";
/*neue Karriere Seite*/
.counter {
  gap: 0.75em;
  display: flex;
}
.counter .digit {
  font-size: calc(var(--h1) * 1.7);
  font-family: 'ra-mono', Sans-Serif;
  padding: 0.12em 0.15em 0 0.15em;
  background-color: #232323;
  color: white;
  position: relative;
  user-select: none;
  border-radius: 0.05em;
  overflow: hidden;
  vertical-align: middle;
}
.counter .digit::after {
  content: "";
  height: 100%;
  width: 100%;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-shadow: inset 0px 8px 60px 5px #000000;
  box-shadow: inset 0px 8px 60px 5px #000000;
}
.job-heading {
  font-size: calc(var(--h1) * 2);
}
@media screen and (max-width: 768px) {
  .counter .digit {
    font-size: calc(var(--h1) * 1.2);
  }
}
@media screen and (max-width: 468px) {
  .counter .digit {
    font-size: calc(var(--h1) * 1);
  }
}
.karriere-job-card {
  transition: 0.3s all;
}
.karriere-job-card img {
  transition: 0.3s all;
}
.karriere-job-card:hover img {
  transform: scale(1.1);
}
.search-input .acplt-message {
  display: none;
}
.search-input .wpgb-sr-only {
  display: none;
}
.search-input input.wpgb-input {
  padding: 0.1em 0 !important;
  border: 0px !important;
  border-radius: 0;
  border-bottom: 2px solid black !important;
  font-family: 'ITC Franklin Gothic Compressed', Sans-Serif;
  font-size: var(--h2);
  font-weight: 700;
  display: flex;
}
.search-input input.wpgb-input:focus {
  border: 0px !important;
  border-bottom: 2px solid black !important;
}
.search-input .acplt-clear {
  display: none;
}
.rcb-content-blocker {
  position: relative;
  z-index: 1000 !important;
  order: 2;
}
.rcb-content-blocker > div:last-child {
  max-height: 100%;
  overflow: scroll;
}
.rcb-content-blocker > div:last-child > div > div:last-child {
  display: flex !important;
  flex-direction: column;
}
.rcb-content-blocker > div:last-child > div > div:last-child a[role="button"] {
  order: -1;
}
/* 1. Die Variable offiziell registrieren, damit sie animierbar wird */
@property --base-scale {
  syntax: '<number>';
  inherits: false;
  initial-value: 1;
}
.pulse {
  display: inline-block;
  cursor: pointer;
  /* 2. Den Übergang direkt auf die Variable legen */
  transition: --base-scale 0.5s ease-out;
  /* Die Animation bleibt gleich */
  animation: pulse-animation 2s infinite ease-in-out;
}
.pulse:hover {
  /* Die Variable gleitet jetzt dank transition in 0.5s auf 1.2 */
  --base-scale: 1.5;
  animation: none;
}
@keyframes pulse-animation {
  0% {
    transform: scale(var(--base-scale));
  }
  70% {
    /* Pulsiert immer basierend auf dem aktuellen (gleitenden) Wert der Variable */
    transform: scale(calc(var(--base-scale) * 1.05));
  }
  100% {
    transform: scale(var(--base-scale));
  }
}