/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./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/event/teaser-text/event-teaser-text.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.node-teaser--event.node-teaser--text .node-teaser__heading a span {
  background-image: linear-gradient(0deg, var(--animate-underline-gradient-color, currentColor) 0%, var(--animate-underline-gradient-color-2, var(--animate-underline-gradient-color, currentColor)) 100%);
  background-size: var(--underline-animate-background-size-width, 100%) var(--underline-animate-background-size-height, 2px);
  background-repeat: no-repeat;
  background-position: var(--animate-underline-background-position-x, left) bottom;
  transition: background-size 200ms ease-in-out;
}
.node-teaser--event.node-teaser--text .node-teaser__heading a span:hover {
  --underline-animate-background-size-width: var(--underline-animate-background-size-width-hover, 0%);
}

.node-teaser--event.node-teaser--text .node-teaser__heading a {
  --a-text-decoration: none;
  --a-line-height: 1.1;
  --a-display: inline;
  align-items: center;
}
.node-teaser--event.node-teaser--text .node-teaser__heading a span {
  --underline-animate-background-size-height: 1px;
  --underline-animate-background-size-width: 0%;
  --underline-animate-background-size-width-hover: 100%;
}

.node-teaser--event.node-teaser--text .node-teaser__heading a::after {
  content: "";
  background-color: currentColor;
  -webkit-mask-image: var(--link-with-arrow-mask-image);
          mask-image: var(--link-with-arrow-mask-image);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  display: inline-flex;
  height: 0.75em;
  width: 0.75em;
  transition: transform 200ms ease-in-out var(--link-with-arrow-after-transition-delay, 0ms);
  transform: var(--link-with-arrow-transform);
}

.node-teaser--event.node-teaser--text .node-teaser__heading a {
  --a-padding: 0 1em 0 0;
}
.node-teaser--event.node-teaser--text .node-teaser__heading a::after {
  margin-left: 0.25em;
}
.node-teaser--event.node-teaser--text .node-teaser__heading a:hover {
  --link-with-arrow-after-transition-delay: 100ms;
  --link-with-arrow-transform: translateX(0.25em);
}

.node-teaser--event.node-teaser--text .node-teaser__heading a {
  --link-with-arrow-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjgzLjMgMTQ4LjdjLTYuMjUtNi4yNS0xNi4zOC02LjI1LTIyLjYyIDBzLTYuMjUgMTYuMzggMCAyMi42MkwzMjkuNCAyNDBIMTQ0QzEzNS4yIDI0MCAxMjggMjQ3LjIgMTI4IDI1NnM3LjE1NiAxNiAxNiAxNmgxODUuNGwtNjguNjkgNjguNjljLTYuMjUgNi4yNS02LjI1IDE2LjM4IDAgMjIuNjJzMTYuMzggNi4yNSAyMi42MiAwbDk2LTk2QzM4Mi40IDI2NC4yIDM4NCAyNjAuMSAzODQgMjU2cy0xLjU2Mi04LjE4OC00LjY4OC0xMS4zMUwyODMuMyAxNDguN3pNMjU2IDBDMTE0LjYgMCAwIDExNC42IDAgMjU2czExNC42IDI1NiAyNTYgMjU2czI1Ni0xMTQuNiAyNTYtMjU2UzM5Ny40IDAgMjU2IDB6TTI1NiA0ODBjLTEyMy41IDAtMjI0LTEwMC41LTIyNC0yMjRzMTAwLjUtMjI0IDIyNC0yMjRzMjI0IDEwMC41IDIyNCAyMjRTMzc5LjUgNDgwIDI1NiA0ODB6Ii8+PC9zdmc+");
}

.node-teaser--event.node-teaser--text .node-teaser__heading {
  color: var(--heading-color, var(--text-color, #00356b));
  line-height: 1;
  font-family: var(--heading-font-family, Mallory);
  font-weight: var(--heading-font-weight, 400);
  text-transform: var(--heading-text-transform, none);
}

.node-teaser--event.node-teaser--text .node-teaser__heading {
  font-size: var(--h4-font-size, var(--heading-font-size, clamp( 1.333rem, calc(1.333rem + 0vw), 1.333rem )));
}

.node-teaser--event.node-teaser--text .node-teaser__heading a {
  --a-color: #222;
}