/* /de/check/: training colours. Paper ground, teal worm, teal accents: every "Sicherheitstraining" wears this, invoices and offers don't. */
:root{--worm:#1e899e;--acc:#1e899e;--onacc:#ffffff;--red:#e2531f}
.brand b{color:var(--acc)}
.top .c:hover{background:var(--acc)}
.eyebrow,.label,.q .what{color:var(--acc)}
blockquote a.go{color:inherit;text-decoration:none;position:relative;display:inline-block;border-bottom:.12em solid var(--acc);padding-bottom:.02em}
blockquote a.go:hover,blockquote a.go:focus-visible{color:var(--acc)}
blockquote .nogo,blockquote .go.off{border-bottom:.12em solid var(--line);padding-bottom:.02em;cursor:default}
.km{position:absolute;left:100%;top:-1.15em;margin-left:.4em;font-family:Barlow,system-ui,sans-serif;font-weight:700;font-size:14px;letter-spacing:.14em;text-transform:uppercase;line-height:1;color:var(--onacc);background:var(--acc);padding:9px 12px;border-radius:999px;white-space:nowrap;box-shadow:0 6px 18px rgba(30,137,158,.28);animation:bob 1.9s ease-in-out infinite;transform-origin:left center}
.km::before{content:"";position:absolute;left:-7px;top:50%;margin-top:-6px;border:6px solid transparent;border-right-color:var(--acc);border-left:0}
.q.r .km{left:auto;right:100%;margin-left:0;margin-right:.4em}
.q.r .km::before{left:auto;right:-7px;border-right:0;border-left:6px solid var(--acc)}
.q .what{display:block;margin-top:10px;font-size:15px;font-family:Barlow,system-ui,sans-serif;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.9}
.contact .label{color:var(--ink)}
.big a{border-bottom-color:var(--red)}.big a:hover{color:var(--red);border-color:var(--red)}
@media (max-width:760px){
  .q .km,.q.r .km,.q.l .km{position:relative;left:auto;right:auto;display:inline-block;top:-.45em;margin:0 0 0 .45em;vertical-align:middle;font-size:12px;padding:8px 10px;animation-name:bobx}
  .q .km::before,.q.r .km::before{display:none}
}
@keyframes bobx{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@media (prefers-reduced-motion:reduce){.km{animation:none}}