:root {
  --md-default-fg-color--light: #585858; /* h1 header */
  --md-primary-fg-color:        #8d9986; /* Titlebar, links */
  --md-primary-fg-color--light: #e3e3e3;
  --md-primary-fg-color--dark:  #ca2d26;
  --md-accent-fg-color: 		#0B0080; /* clicked links */
  --md-admonition-icon--video-tipp: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M23.498 6.186a3.02 3.02 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.02 3.02 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.02 3.02 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.02 3.02 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814M9.545 15.568V8.432L15.818 12z"/></svg>')
}
.md-typeset .admonition.video-tipp,
.md-typeset details.video-tipp {
  border-color: rgb(202, 45, 38);
}
.md-typeset .video-tipp > .admonition-title,
.md-typeset .video-tipp > summary {
  background-color: rgba(227, 227, 227, 0.5);
}
.md-typeset .video-tipp > .admonition-title::before,
.md-typeset .video-tipp > summary::before {
  background-color: rgb(255, 0, 0);
  -webkit-mask-image: var(--md-admonition-icon--video-tipp);
          mask-image: var(--md-admonition-icon--video-tipp);
}

:root > * {
  --md-typeset-a-color: 		#0645AD; /* link colour */
}


@keyframes ar17 {
  0%, 40%, 80%, 100% {
    transform: scale(1);
  }
  20%, 60% {
    transform: scale(1.15);
  }
}
.ar17 {
  animation: ar17 1000ms infinite;
}