/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-horizontal/event-teaser-horizontal.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
.node-teaser--event.node-teaser--horizontal .node-teaser__event-start-date, .node-teaser--event.node-teaser--horizontal .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--horizontal .node-teaser__heading {
  font-size: var(--h3-font-size, var(--heading-font-size, clamp( 1.5390234037rem, calc(1.4597348715rem + 0.3964426606vw), 1.776889rem )));
}

.node-teaser--event.node-teaser--horizontal .node-teaser__event-start-date {
  --heading-color: #222;
  --heading-font-weight: 800;
  --heading-font-family: Mallory;
  --heading-text-transform: uppercase;
  font-size: var(--h6-font-size, var(--heading-font-size, clamp( 0.7501875469rem, calc(0.7501875469rem + 0vw), 0.7501875469rem )));
  letter-spacing: 0.1em;
}

.node-teaser--event.node-teaser--horizontal .node-teaser__event-series a, .node-teaser--event.node-teaser--horizontal .node-teaser__content a {
  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--horizontal .node-teaser__event-series a:hover, .node-teaser--event.node-teaser--horizontal .node-teaser__content a:hover {
  --underline-animate-background-size-width: var(--underline-animate-background-size-width-hover, 0%);
}

.node-teaser--event.node-teaser--horizontal .node-teaser__event-series a, .node-teaser--event.node-teaser--horizontal .node-teaser__content a {
  --cta-display: inline;
  --cta-text-decoration: none;
  --cta-color: #222;
  --cta-font-family: Mallory;
  --cta-font-weight: 700;
  --cta-text-transform: uppercase;
  --animate-underline-gradient-color: #63aaff;
  --animate-underline-background-position-x: right;
  --cta-font-size: 1rem;
}

.node-teaser--event.node-teaser--horizontal .node-teaser__event-series a, .node-teaser--event.node-teaser--horizontal .node-teaser__content a {
  --a-display: var(--cta-display);
  --a-color: var(--cta-color);
  --a-text-decoration: var(--cta-text-decoration);
  --a-font-family: var(--cta-font-family);
  --a-font-weight: var(--cta-font-weight);
  --a-font-size: var(--cta-font-size);
  --a-text-transform: var(--cta-text-transform);
}

.node-teaser--event.node-teaser--horizontal {
  display: grid;
  gap: var(--grid-row-gap, 20px) var(--grid-column-gap, 40px);
  grid-template-columns: repeat(var(--grid-columns, 12), 1fr);
}

.node-teaser--event.node-teaser--horizontal {
  --grid-columns: 1;
  grid-template-areas: "tDATE" "tHEAD" "tCONT" "tMETA";
}
.node-teaser--event.node-teaser--horizontal .node-teaser__event-start-date {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  --heading-color: #fff;
  grid-area: tDATE;
  width: 6ch;
  padding: 0.75em;
  background-color: #286dc0;
  text-align: right;
  line-height: 1.1;
  align-self: start;
  aspect-ratio: 1/1;
}
.node-teaser--event.node-teaser--horizontal .node-teaser__header {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: tHEAD;
}
.node-teaser--event.node-teaser--horizontal .node-teaser__metadata {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  grid-area: tMETA;
}
.node-teaser--event.node-teaser--horizontal .node-teaser__metadata > * + * {
  margin-top: 1em;
}
.node-teaser--event.node-teaser--horizontal .node-teaser__header-container > * + * {
  margin-top: 1em;
}
.node-teaser--event.node-teaser--horizontal .node-teaser__event-series {
  margin-bottom: 0.5em;
}
.node-teaser--event.node-teaser--horizontal .node-teaser__event-series a {
  --cta-color: #286dc0;
}
.node-teaser--event.node-teaser--horizontal .node-teaser__heading {
  margin-top: 0;
}
.node-teaser--event.node-teaser--horizontal .node-teaser__heading a {
  --a-color: #4a4a4a;
}
.node-teaser--event.node-teaser--horizontal .node-teaser__content {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: tCONT;
}
.node-teaser--event.node-teaser--horizontal .node-teaser__content > * + * {
  margin-top: 20px;
}
.node-teaser--event.node-teaser--horizontal .node-teaser__event-paper {
  display: flex;
}
.node-teaser--event.node-teaser--horizontal .node-teaser__event-paper > :is(:first-child) {
  margin-left: 0.5em;
}
@media (min-width: 64em) {
  .node-teaser--event.node-teaser--horizontal {
    --grid-columns: 3;
    grid-template-columns: min-content 1fr max-content;
    grid-template-areas: "tDATE tHEAD tCONT" "tDATE tMETA tMETA";
  }
  .node-teaser--event.node-teaser--horizontal .node-teaser__event-start-date {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .node-teaser--event.node-teaser--horizontal .node-teaser__header {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .node-teaser--event.node-teaser--horizontal .node-teaser__metadata {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .node-teaser--event.node-teaser--horizontal .node-teaser__content {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}