/* Inline styles of today's _includes/head.cfm and the extraHeadContent of we/marke.cfm, moved here
   so the pages carry no <style> elements. */
.w-dropdown-link.w--current {
  color: #ffffff !important;
  font-weight: 500 !important;
}
@keyframes spin {
  0% { transform: rotateX(0); }
  50% { transform: rotateX(180deg); }
  100% { transform: rotateX(360deg); }
}
.spin {
  animation: spin 1s cubic-bezier(0.3, 0.61, 0.355, 1);
}
:root {
  --btn-transition-duration: 1s;
}
#button-shapes:hover .top {
  stroke-dashoffset: 0 !important;
}
.logoimage {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.logoimage.active {
  opacity: 1;
}

/* Kontakt without JavaScript: the CMS sends the visitor back to #fehler on an error. */
#fehler:target {
  display: block !important;
}
/* Consent rows of the two forms (new, spec §7) */
.kontakt-consent {
  display: block;
  margin: 10px 0 20px;
}

/* /impact/: IMPACT letters (today request.extraHeadContent of impact.cfm) */
.impactanimationtext, .impactanimationtextmobile {
  font-variation-settings: "SSTR" 1000;
  animation: loadin 7s ease-in-out 1 forwards;
  transform: translateZ(0);
}
@keyframes loadin {
  0% { font-variation-settings: "SSTR" 1000; }
  100% { font-variation-settings: "SSTR" 0; }
}
.impactanimationcopydiv {
  width: 0;
  opacity: 0;
  overflow: hidden;
  height: 100%;
  transition: width 0.5s ease-out, opacity 0.5s ease-out;
}
.impactanimationcopydiv.show {
  width: 170px;
  opacity: 1;
}

/* /you/: marquee keyframes (today request.extraHeadContent of you.cfm; site.js replaces them with
   measured ones once the logos are loaded) and the fade-in of filtered logos (jQuery fadeIn(600)) */
@keyframes slideRight {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@keyframes slideLeft {
  from { transform: translateX(-50%); }
  to { transform: translateX(0%); }
}
#logo-list-div > .logo-item.fade-in {
  animation: logo-fade-in 0.6s ease forwards;
}
@keyframes logo-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* /catch-up/: sixth teaser tile (Way to Work in Action), same as the other tile images */
.catchupitemimagewaytowork {
  background-image: url('../images/Spital-Maennedorf.webp');
  background-position: 50%;
  background-size: cover;
}
/* the same grid placement as the OSEC tile (its Webflow ids #w-node-b390aab7-…325e/325f/3267) */
.tile-wtw { justify-self: end; }
.tile-wtw-copy { place-self: center end; }
@media screen and (max-width: 767px) {
  .tile-wtw-image { order: -9999; }
}