/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/node/department/teaser/department-teaser.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
.node-teaser--department.node-teaser--teaser a {
  --display: inline;
  --transition: all 200ms ease-in-out;
  background-image: linear-gradient(0deg, var(--animate-background-gradient-color-1, currentColor) 0%, var(--animate-background-gradient-color-2, var(--animate-background-gradient-color-1, currentColor)) 100%);
  background-size: var(--animate-background-background-size-width, 0%) var(--animate-background-background-size-height, auto);
  background-repeat: no-repeat;
  background-position: var(--animate-background-background-position-x, left) bottom;
}
.node-teaser--department.node-teaser--teaser a:focus, .node-teaser--department.node-teaser--teaser a:hover {
  --animate-background-background-size-width: var(--animate-background-background-size-width-hover, 100%);
}

.node-teaser--department .node-teaser__header a {
  --a-text-decoration: underline;
}
.node-teaser--department .node-teaser__phone {
  --a-text-decoration: underline;
}
.node-teaser--department.node-teaser--teaser .node-teaser__heading {
  font-weight: 700;
}
.node-teaser--department.node-teaser--teaser a {
  --animate-background-gradient-color-1: #E6EFED;
}