body.noScroll {
  overflow: hidden;
  position: fixed;
  inset: 0;
}

@keyframes dot-animation {
  0% {
    background-color: rgba(29, 29, 27, 0.4);
  }
  50% {
    background-color: rgba(29, 29, 27, 0.7);
  }
  100% {
    background-color: #1d1d1b;
  }
}
.batcom--loading {
  display: inline-block;
  width: 10px;
  height: 10px;
  position: relative;
  background-color: grey;
  animation: dot-animation 1.2s infinite;
  animation-delay: 0.8s;
  border-radius: 50%;
}
.batcom--loading::before, .batcom--loading::after {
  border-radius: 50%;
  content: "";
  display: inline-block;
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #1d1d1b;
  animation: dot-animation 1.2s infinite;
}
.batcom--loading::before {
  animation-delay: 0.4s;
  left: -20px;
}
.batcom--loading::after {
  animation-delay: 1.2s;
  right: -20px;
}

.batcom__loading-container {
  position: relative;
}
.batcom__loading-container .batcom--loading {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.batcom__loading-container.loading {
  pointer-events: none;
  opacity: 0.3;
}
.batcom__loading-container.loading .batcom--loading {
  display: inline-block;
}

.batcom-overlay__shorthand {
  position: relative;
  z-index: 0;
}

/* doc
---
title: z-index
name: nn-z-index
category: functions
---

Because z-indices can get tricky we manage them in the theme.scss globally.

Always use this mixin to set set a z-index.

Read the Best Practice to get an full documentation:
https://projects.netcentric.biz/wiki/display/FRONTEND/z-index+management+with+SCSS

## Live Template abbreviations
---
-z

## Parameters
---
@parameter $element = Name of the element (normally this will be the module name for the main stack)
@parameter $list = Name of the list (default $z-indices). Must be only set for stack context
@parameter $min = Set a minimum z-index which will be added to the list.

## Dependencies
---
$z-indices variable in the theme.scss

## Example
---

```html_example

// In the SASS theme file

$z-indices: slider, modal, dialog, navigation;

// In the SASS module file

.modal {
    &__base {
        position: absolute;
        z-index: nn-z-index(modal);
    }
}
```

## Source
---
http://www.smashingmagazine.com/2014/06/12/sassy-z-index-management-for-complex-layouts/
*/
/*
* Mixin used to create the arrows for the menu items.
*/
/* doc
---
title: Clearfix
name: clearfix
category: mixins
---

Clears after floating element

Use this mixin only inside media queries where you can't use the
abstract/extends/utils/_clearfix version, which adds less code to css

## Live Template abbreviations
---

## Example
---

```html_example
@include clearfix;
```

## Source
---
<https://css-tricks.com/snippets/css/clear-fix/>
*/
/* doc
---
title: Component Normalize / item Normalize
name: font
category: mixins
---
Use this mixing to regular AEM wrappers and normalization.
*/
/* stylelint-disable max-nesting-depth */
/* stylelint-disable media-feature-name-no-vendor-prefix */
/* doc
---
title: Font
name: font
category: mixins
---

Use this mixing to add fonts and normalization.

Documentation:

- https://projects.netcentric.biz/wiki/display/FRONTEND/CSS+-+Font+Normalization
- https://projects.netcentric.biz/wiki/display/FRONTEND/SCSS+-+Font+management

## Parameters
---
@param $font-type
@param $normalize

## Dependencies
---
/abstract/functions/nn-px-to-em
/abstract/functions/nn-px-to-rem
/abstract/functions/nn-px-to-unitless
/abstract/mixins/font-icon
*/
/*
* This mixin is used to set styles for elements according to typography in their respective viewport.
* It uses the variables defined in the typography
* @include typography("button") will enable the font size and lineheight according to typography button tokens in all the 3 viewports
*/
/*
* This mixin is used to style headings of any level in a responsive way.
* It uses the variables defined in the typography map to style the headings so
* the levels it can effectively style are 1 to 6.
* It also styles the use of spans and links inside the headings.
*
* @param {number} $level - The heading level to style.
* @param {string} $weight - The font weight to use for the heading. By default it uses the weight defined in the typography map.
*/
/* doc
---
title: Visibility
name: visibility
category: mixins
---

Mixin to add visibility to control to elements

---

## Example
---

```html_example
.container {
  &__base {
    @include visible;

    @include breakpoint($b-01) {
      @include hidden;
    }
  }
}
```
*/
/*
lt0 = (default) 1 column at a 100%
lt1 = 2 columns (50%, 50%)
lt2 = 2 columns (33%, 66%)
lt3 = 2 columns (66%, 33%)
lt4 = 3 columns (33%, 33%, 33%)
lt5 = 4 columns (25%, 25%, 25%, 25%)

## Parameters
@parameter $layout-type = lt0 | lt1 | lt2 | lt3 | lt4 | lt5
*/
/**
* Reverse container
*/
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*
* This mixin is used to set styles for name, price, button label elements in:
* batcom-algolia-bw-productsearch.clientlibs.scss
* batcom-bff-dynamiclist.clientlibs.scss
* product-list.clientlibs.scss
*/
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-board:nth-child(odd) {
    background: var(--batcom-color-palette-6);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-board:nth-child(even) {
    background: var(--batcom-color-palette-7);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-board.batcom-imagelayout--right .cmp-teaser {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp-board.batcom-imagelayout--right .cmp-teaser__content {
    padding: 5% 0 0 5%;
  }
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-board .cmp-teaser {
    display: flex;
    justify-content: space-evenly;
  }
}
.batcom-teaser-corp-board .cmp-teaser__content {
  background: var(--batcom-color-palette-6);
  padding: 5%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-board .cmp-teaser__content {
    background: transparent;
    width: 46%;
    padding: 5% 0 0 5%;
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp-board .cmp-teaser__content {
    width: 60%;
    padding: 5% 2% 0 0;
  }
}
.batcom-teaser-corp-board .cmp-teaser__title {
  background: var(--batcom-color-palette-1);
  color: var(--batcom-color-palette-1-inverted);
  display: inline-block;
  padding: 1px 8px;
  margin-bottom: 10px;
  font-size: 1.5rem;
  line-height: 1.1;
  font-weight: 400;
  order: 1;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-board .cmp-teaser__title {
    font-size: 1.6rem;
  }
}
.batcom-teaser-corp-board .cmp-teaser__pretitle {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.1;
  order: 2;
}
.batcom-teaser-corp-board .cmp-teaser__description {
  overflow: visible;
  display: inline-block;
  margin: 10px 0 0;
  font-weight: 300;
  font-size: 0.95rem;
  line-height: 1.5;
  order: 3;
}
.batcom-teaser-corp-board .cmp-teaser__action-container {
  order: 4;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-board .cmp-teaser__image {
    width: 40%;
    align-self: flex-end;
  }
}
.batcom-teaser-corp-board .cmp-teaser__action-container .cmp-teaser__action-link {
  background-color: var(--batcom-color-palette-3);
  color: var(--batcom-color-palette-1);
  position: relative;
  font-size: 0.95rem;
  font-weight: 700;
  text-decoration: none;
  margin-bottom: 20px;
  padding: 6px 30px 6px 10px;
}
.batcom-teaser-corp-board .cmp-teaser__action-container .cmp-teaser__action-link:hover {
  --batcom-button-text-hover: var(--batcom-color-palette-1);
  background-color: var(--batcom-color-palette-3);
  border: 0;
}
.batcom-teaser-corp-board .cmp-teaser__action-container .cmp-teaser__action-link::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 8px;
  right: 8px;
  -webkit-mask-image: url("../../../../../../etc.clientlibs/batcom/base/clientlibs/publish/resources/icons/core/nav-arrow-01.svg");
          mask-image: url("../../../../../../etc.clientlibs/batcom/base/clientlibs/publish/resources/icons/core/nav-arrow-01.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--batcom-color-palette-1);
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-board .cmp-teaser__action-container .cmp-teaser__action-link::after {
    top: 9px;
  }
}
.batcom-teaser-corp-board .cmp-image__image {
  height: 300px;
  width: auto;
  margin: 0 auto;
}

.batcom-teaser-offset {
  position: relative;
  margin-bottom: 255px;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-offset {
    margin-bottom: 74px;
  }
}
.batcom-teaser-offset.batcom-space--smallBottom {
  margin-bottom: calc(255px + var(--batcom-layout-spacing-bottom-small-mobile));
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-offset.batcom-space--smallBottom {
    margin-bottom: calc(74px + var(--batcom-layout-spacing-bottom-small-desktop));
  }
}
.batcom-teaser-offset.batcom-space--largeBottom {
  margin-bottom: calc(255px + var(--batcom-layout-spacing-bottom-large-mobile));
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-offset.batcom-space--largeBottom {
    margin-bottom: calc(74px + var(--batcom-layout-spacing-bottom-large-desktop));
  }
}
.batcom-teaser-offset .cmp-teaser__image {
  height: 100%;
}
.batcom-teaser-offset .cmp-teaser__background {
  position: absolute;
  inset: 0;
  background-color: var(--batcom-color-teaser-offset-bg);
  opacity: 0.5;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-offset .cmp-teaser__background {
    opacity: 0.66;
  }
}
.batcom-teaser-offset .cmp-teaser__content::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 8px;
  width: 100%;
  display: block;
  background: linear-gradient(90deg, #0e2b63 30.479%, rgba(0, 0, 0, 0) 30.479%), linear-gradient(90deg, #004f9f 52.158%, rgba(0, 0, 0, 0) 52.158%), linear-gradient(90deg, #00b1eb 64.729%, rgba(0, 0, 0, 0) 64.729%), linear-gradient(90deg, #ef7d00 73.225%, rgba(0, 0, 0, 0) 73.225%), linear-gradient(90deg, #fb0 79.628%, rgba(0, 0, 0, 0) 79.629%), linear-gradient(90deg, #50af47 86.692%, rgba(0, 0, 0, 0) 86.692%), linear-gradient(90deg, #afca0b 92.03%, rgba(0, 0, 0, 0) 92.03%), linear-gradient(90deg, #5a328a 97.009%, rgba(0, 0, 0, 0) 97.009%), linear-gradient(90deg, #e72582 100%, rgba(0, 0, 0, 0) 100%);
}
.batcom-teaser-offset .cmp-teaser__content {
  position: absolute;
  top: 255px;
  right: 8.5%;
  height: 100%;
  width: 83%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  backdrop-filter: blur(10px);
  padding: 36px 30px;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-offset .cmp-teaser__content {
    top: 74px;
    right: 97px;
    width: 400px;
  }
}
.batcom-teaser-offset .cmp-teaser__description {
  margin: 0 0 44px;
}
.batcom-teaser-offset .cmp-teaser__content, .batcom-teaser-offset .cmp-teaser__title {
  color: var(--batcom-color-teaser-offset-text);
}
.batcom-teaser-offset .cmp-teaser__pretitle {
  font-size: var(--batcom-typography-small-size-mobile);
  line-height: var(--batcom-typography-small-line-height-mobile);
  font-weight: 400;
  flex-grow: 1;
  margin-top: 6px;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-offset .cmp-teaser__pretitle {
    font-size: var(--batcom-typography-small-size-desktop);
    line-height: var(--batcom-typography-small-line-height-desktop);
    margin-top: 18px;
  }
}
.batcom-teaser-offset .cmp-teaser__title {
  font-size: var(--batcom-typography-h1-size-mobile);
  line-height: var(--batcom-typography-h1-line-height-mobile);
  font-weight: 400;
  margin: 32px 0;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-offset .cmp-teaser__title {
    font-size: var(--batcom-typography-h2-size-desktop);
    line-height: var(--batcom-typography-h2-line-height-desktop);
  }
}
.batcom-teaser-offset .cmp-teaser__description {
  font-size: var(--batcom-typography-small-size-mobile);
  line-height: var(--batcom-typography-small-line-height-mobile);
  font-weight: 300;
}
.batcom-teaser-offset .cmp-teaser__action-link {
  --batcom-button-text: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-primary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-primary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover-inverted);
  --batcom-button-icon: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-outline: var(--batcom-color-button-outline-inverted, #0761cd);
  display: inline-flex;
  font-size: var(--batcom-typography-button-size-mobile);
  line-height: var(--batcom-typography-button-line-height-mobile);
  font-family: var(--batcom-typography-button-family);
  font-weight: var(--batcom-typography-button-weight);
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: var(--batcom-layout-button-primary-border-radius);
  cursor: pointer;
  color: var(--batcom-button-text) !important; /* stylelint-disable-line */
  background-color: var(--batcom-button-bg);
  border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border);
  text-decoration: none !important; /* stylelint-disable-line */
  padding: 10px 20px;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-offset .cmp-teaser__action-link {
    --batcom-typography-button-size-mobile: var(--batcom-typography-button-size-desktop);
    --batcom-typography-button-line-height-mobile: var(--batcom-typography-button-line-height-desktop);
  }
}
.batcom-teaser-offset .cmp-teaser__action-link span {
  color: var(--batcom-button-text);
}
@media (hover: hover) {
  .batcom-teaser-offset .cmp-teaser__action-link:hover {
    color: var(--batcom-button-text-hover) !important; /* stylelint-disable-line */
    background-color: var(--batcom-button-bg-hover);
    border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border-hover);
    text-decoration: none !important; /* stylelint-disable-line */
  }
  .batcom-teaser-offset .cmp-teaser__action-link:hover span {
    color: var(--batcom-button-text-hover);
  }
  .batcom-teaser-offset .cmp-teaser__action-link:hover .cmp-button__svg :is(svg, g, path) {
    fill: var(--batcom-button-icon-hover);
  }
}
.batcom-teaser-offset .cmp-teaser__action-link__text + .cmp-button__svg {
  margin-left: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.batcom-teaser-offset .cmp-teaser__action-link__svg :is(svg, g, path) {
  fill: var(--batcom-button-icon);
  filter: none;
}
.batcom-teaser-offset .cmp-teaser__action-link__svg svg {
  height: 16px;
}
.cmp-button__svg .batcom-teaser-offset .cmp-teaser__action-link__svg svg {
  height: 20px;
}
.batcom-teaser-offset .cmp-teaser__action-link:focus {
  outline: transparent;
}
.batcom-teaser-offset .cmp-teaser__action-link:focus-visible {
  outline: 2px solid var(--batcom-button-outline);
  outline-offset: 4px;
}
.batcom-teaser-offset .cmp-teaser__action-link {
  --batcom-button-text: var(--batcom-color-button-secondary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-secondary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-secondary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-secondary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-secondary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-secondary-border-hover-inverted);
  --batcom-button-icon: var(--batcom-color-button-secondary-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-secondary-text-hover-inverted);
  --batcom-layout-button-primary-border-radius: var(--batcom-layout-button-secondary-border-radius);
}
.batcom-container--primary-dark .batcom-teaser-offset .cmp-teaser__action-link, .batcom-container--secondary-dark .batcom-teaser-offset .cmp-teaser__action-link, .batcom-container--tertiary-dark .batcom-teaser-offset .cmp-teaser__action-link {
  --batcom-button-text: var(--batcom-color-button-secondary-text);
  --batcom-button-text-hover: var(--batcom-color-button-secondary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-secondary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-secondary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-secondary-border);
  --batcom-button-border-hover: var(--batcom-color-button-secondary-border-hover);
}
.batcom-container--primary-dark .batcom-teaser-offset .cmp-teaser__action-link .cmp-button__svg :is(svg, g, path), .batcom-container--secondary-dark .batcom-teaser-offset .cmp-teaser__action-link .cmp-button__svg :is(svg, g, path), .batcom-container--tertiary-dark .batcom-teaser-offset .cmp-teaser__action-link .cmp-button__svg :is(svg, g, path) {
  --batcom-button-icon: var(--batcom-color-button-secondary-text);
  --batcom-button-icon-hover: var(--batcom-color-button-secondary-text-hover);
}
.batcom-teaser-offset .cmp-teaser__action-link {
  font-size: var(--batcom-typography-small-size-mobile);
  font-weight: 700;
  margin: 0;
  transition: 0.3s;
}
.batcom-teaser-offset .cmp-teaser__pretitle, .batcom-teaser-offset .cmp-teaser__title, .batcom-teaser-offset .cmp-teaser__description, .batcom-teaser-offset .cmp-teaser__action-container {
  position: relative;
  z-index: 0;
}
.batcom-teaser-offset .cmp-image__image {
  min-height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 80% 50%;
     object-position: 80% 50%;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-offset .cmp-image__image {
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
  }
}

.batcom-teaser-corp .cmp-teaser {
  position: relative;
  display: grid;
  grid-template-rows: 1fr minmax(50%, auto);
  max-height: 456px;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp .cmp-teaser {
    max-height: 100%;
    grid-template-rows: 1fr minmax(50%, auto);
  }
  .batcom-hover-animation--default.batcom-teaser-corp .cmp-teaser {
    grid-template-rows: auto;
  }
}
.batcom-teaser-corp .cmp-teaser__image, .batcom-teaser-corp .cmp-teaser__content, .batcom-teaser-corp .cmp-teaser__background, .batcom-teaser-corp .cmp-teaser__title, .batcom-teaser-corp .cmp-teaser__description, .batcom-teaser-corp .cmp-teaser__action-container {
  grid-column: 1;
}
.batcom-teaser-corp .cmp-teaser__image {
  grid-row: 1/3;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp .cmp-teaser__image--mobile {
    display: block;
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp .cmp-teaser__image--mobile {
    display: none;
  }
}
.batcom-teaser-corp .cmp-teaser__image--desktop {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp .cmp-teaser__image--desktop {
    display: block;
  }
}
.batcom-teaser-corp .cmp-teaser__content {
  width: 100%;
  min-height: 50%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  grid-row: 2/2;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp .cmp-teaser__content {
    grid-template-rows: auto 1fr auto;
    transition: grid-template-rows 300ms;
    min-height: 150px;
  }
  .batcom-hover-animation--default.batcom-teaser-corp .cmp-teaser__content {
    grid-template-rows: auto 0fr auto;
  }
}
.batcom-teaser-corp .cmp-teaser__content, .batcom-teaser-corp .cmp-teaser__title {
  color: var(--batcom-color-teaser-offset-text);
}
.batcom-teaser-corp .cmp-teaser__background::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: var(--batcom-color-teaser-offset-bg);
  opacity: 0.66;
}
.batcom-teaser-corp .cmp-teaser__background {
  position: relative;
  backdrop-filter: blur(20px);
  transition: background-color 300ms;
  grid-row: 1/4;
}
.batcom-teaser-corp .cmp-teaser__background::before {
  opacity: 0.66;
}
.batcom-hover-animation--default.batcom-teaser-corp .cmp-teaser__background::before {
  opacity: 0.44;
}

.batcom-teaser-corp .cmp-teaser__pretitle::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: var(--batcom-color-teaser-offset-bg);
  opacity: 0.35;
}
.batcom-teaser-corp .cmp-teaser__pretitle {
  font-size: var(--batcom-typography-x-small-size-mobile);
  font-weight: 400;
  display: block;
  position: absolute;
  color: var(--batcom-color-teaser-offset-text);
  top: 0;
  left: 0;
  padding: 6px 36px;
}
.batcom-teaser-corp .cmp-teaser__pretitle::before {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.batcom-teaser-corp .cmp-teaser__title {
  font-size: var(--batcom-typography-h4-size-mobile);
  line-height: var(--batcom-typography-h4-line-height-mobile);
  font-weight: 400;
  margin-bottom: 0;
  grid-row: 1/2;
  padding: 30px 15px;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp .cmp-teaser__title {
    font-size: 1rem;
    line-height: 1.1rem;
    padding: 28px 23px;
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp .cmp-teaser__title {
    font-size: var(--batcom-typography-h4-size-desktop);
    line-height: var(--batcom-typography-h4-line-height-desktop);
    display: flex;
    align-items: flex-start;
    padding: 28px 40px;
  }
  .batcom-hover-animation--default.batcom-teaser-corp .cmp-teaser__title {
    padding-bottom: 20px;
  }
}
.batcom-teaser-corp .cmp-teaser__description {
  flex-grow: 1;
  font-size: var(--batcom-typography-small-size-mobile);
  line-height: var(--batcom-typography-small-line-height-mobile);
  font-weight: 300;
  grid-row: 2/3;
  padding: 0 15px;
  margin: 0 0 16px;
  overflow: visible;
  display: block;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp .cmp-teaser__description {
    font-size: 0.6875rem;
    line-height: 0.9625rem;
    padding: 0 23px;
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp .cmp-teaser__description {
    font-size: var(--batcom-typography-small-size-desktop);
    line-height: var(--batcom-typography-body-line-height-desktop);
    overflow: hidden;
    margin-bottom: 16px;
    opacity: 1;
    transition: opacity 300ms;
    padding: 0 40px;
  }
  .batcom-hover-animation--default.batcom-teaser-corp .cmp-teaser__description {
    margin: 0;
    opacity: 0;
  }
}
.batcom-teaser-corp .cmp-teaser__pretitle, .batcom-teaser-corp .cmp-teaser__title, .batcom-teaser-corp .cmp-teaser__description, .batcom-teaser-corp .cmp-teaser__action-container {
  z-index: 0;
}
.batcom-teaser-corp .cmp-teaser__action-container {
  grid-row: 3/4;
  align-self: end;
  padding: 0 15px 26px;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp .cmp-teaser__action-container {
    padding: 0 23px 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp .cmp-teaser__action-container {
    padding: 0 40px 30px;
  }
}
.batcom-teaser-corp .cmp-teaser__action-link {
  color: var(--batcom-color-teaser-offset-text);
  text-decoration: none;
  font-size: var(--batcom-typography-body-size-mobile);
  line-height: var(--batcom-typography-body-line-height-mobile);
  font-weight: 400;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp .cmp-teaser__action-link {
    font-size: 0.6875rem;
    line-height: 1.0313rem;
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp .cmp-teaser__action-link {
    font-size: var(--batcom-typography-body-size-desktop);
    line-height: var(--batcom-typography-body-line-height-desktop);
  }
}
.batcom-teaser-corp .cmp-teaser__action-link::after {
  content: " >";
}
.columncontrol--small-height .batcom-teaser-corp .cmp-teaser {
  min-height: var(--batcom-layout-column-control-small-height-mobile);
  aspect-ratio: initial;
}
@media only screen and (min-width: 768px) {
  .columncontrol--small-height .batcom-teaser-corp .cmp-teaser {
    min-height: var(--batcom-layout-column-control-small-height-desktop);
  }
}
.columncontrol--medium-height .batcom-teaser-corp .cmp-teaser {
  min-height: var(--batcom-layout-column-control-medium-height-mobile);
  aspect-ratio: initial;
}
@media only screen and (min-width: 768px) {
  .columncontrol--medium-height .batcom-teaser-corp .cmp-teaser {
    min-height: var(--batcom-layout-column-control-medium-height-desktop);
  }
}
.columncontrol--large-height .batcom-teaser-corp .cmp-teaser {
  min-height: var(--batcom-layout-column-control-large-height-mobile);
  aspect-ratio: initial;
}
@media only screen and (min-width: 768px) {
  .columncontrol--large-height .batcom-teaser-corp .cmp-teaser {
    min-height: var(--batcom-layout-column-control-large-height-desktop);
  }
}
.batcom-teaser-corp .cmp-teaser .cmp-teaser__action-link {
  padding: 0;
}
.batcom-teaser-corp .cmp-image {
  max-height: 456px;
  width: 100%;
  aspect-ratio: 2/3;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp .cmp-image {
    aspect-ratio: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp .cmp-image {
    max-height: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp .cmp-image::before {
    content: "";
    display: block;
    padding-top: 133.33%;
  }
}
.batcom-teaser-corp .cmp-image__image {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp .cmp-image__image {
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media only screen and (min-width: 768px) {
  .batcom-hover-animation--default.batcom-teaser-corp--vertical:hover .cmp-teaser {
    grid-template-rows: 1fr minmax(50%, auto);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-hover-animation--default.batcom-teaser-corp--vertical:hover .cmp-teaser__background::before {
    opacity: 0.66;
  }
}
@media only screen and (min-width: 768px) {
  .batcom-hover-animation--default.batcom-teaser-corp--vertical:hover .cmp-teaser__content {
    grid-template-rows: auto 1fr auto;
  }
}
@media only screen and (min-width: 768px) {
  .batcom-hover-animation--default.batcom-teaser-corp--vertical:hover .cmp-teaser__title {
    padding-bottom: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .batcom-hover-animation--default.batcom-teaser-corp--vertical:hover .cmp-teaser__description {
    margin-bottom: 16px;
    opacity: 1;
  }
}

@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp--horizontal {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp--horizontal .cmp-teaser {
    aspect-ratio: 300/195;
    max-height: 100%;
    width: 100%;
    grid-template-columns: 1fr 48%;
    grid-template-rows: 1fr;
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-imagelayout--right.batcom-teaser-corp--horizontal .cmp-teaser {
    grid-template-columns: 48% 1fr;
  }
}

@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp--horizontal .cmp-teaser__image {
    grid-column: 1/3;
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp--horizontal .cmp-teaser__content {
    grid-row: 1/2;
    grid-column: 2/3;
    grid-template-rows: auto auto 52px;
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-imagelayout--right.batcom-teaser-corp--horizontal .cmp-teaser__content {
    grid-column: 1/2;
  }
}

@media only screen and (min-width: 1024px) {
  .batcom-imagelayout--right.batcom-teaser-corp--horizontal .cmp-teaser__pretitle {
    right: 0;
    left: auto;
  }
}

@media only screen and (min-width: 768px) {
  .batcom-teaser-corp--horizontal .cmp-teaser__title {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp--horizontal .cmp-teaser__title {
    font-size: var(--batcom-typography-h3-size-desktop);
    line-height: var(--batcom-typography-h3-line-height-desktop);
    align-self: end;
    padding: 24px 40px 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp--horizontal .cmp-teaser__description {
    margin-top: 16px;
    padding: 0 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp--horizontal .cmp-image__image {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp--horizontal .cmp-image::before {
    padding-top: 0;
  }
}

.batcom-teaser-corp-stage:not(.batcom-space--noBottomSpace, .batcom-space--smallBottom, .batcom-space--mediumBottom, .batcom-space--largeBottom) {
  margin-bottom: 16px;
}
@media only screen and (max-width: 1023px) {
  .aem-Grid.aem-Grid--default--12 .batcom-teaser-corp-stage.aem-GridColumn--default--12 {
    width: 100vw;
    height: 650px;
    margin-left: calc(-1 * var(--batcom-layout-content-left-right-margin) / 2);
    margin-right: calc(-1 * var(--batcom-layout-content-left-right-margin) / 2);
  }
}
.batcom-teaser-corp-stage .cmp-teaser {
  position: relative;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 65% 1fr;
  cursor: pointer;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp-stage .cmp-teaser {
    max-height: 532px;
    grid-template-columns: 56% 1fr;
  }
}
.batcom-teaser-corp-stage .cmp-teaser__image {
  grid-row: 1/3;
  grid-column: 1/3;
}
.batcom-teaser-corp-stage .cmp-teaser__content {
  display: flex;
  flex-direction: column;
  grid-column: 1/2;
  grid-row: 1/3;
  justify-content: flex-end;
  padding: 16px 16px 52px;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp-stage .cmp-teaser__content {
    padding: 16px 16px 16px 40px;
    justify-content: center;
  }
}
.batcom-teaser-corp-stage .cmp-teaser__content, .batcom-teaser-corp-stage .cmp-teaser__title {
  color: var(--batcom-color-teaser-offset-text);
}
.batcom-teaser-corp-stage .cmp-teaser__background {
  position: absolute;
  inset: 0 18% 0 0;
  background: linear-gradient(to left, rgba(0, 44, 103, 0), rgb(0, 44, 103));
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp-stage .cmp-teaser__background {
    inset: 0 25% 0 0;
  }
}
.batcom-teaser-corp-stage .cmp-teaser__pretitle {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-size: var(--batcom-typography-x-x-small-size-mobile);
  font-weight: 700;
  display: block;
  position: absolute;
  color: var(--batcom-color-teaser-offset-text);
  top: 0;
  left: 0;
  padding: 6px 36px;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-stage .cmp-teaser__pretitle {
    font-size: var(--batcom-typography-x-small-size-mobile);
    font-weight: 400;
  }
}
.batcom-teaser-corp-stage .cmp-teaser__pretitle::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: var(--batcom-color-teaser-offset-bg);
  opacity: 0.35;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-stage .cmp-teaser__pretitle::before {
    background-color: #fff;
    opacity: 0.2;
  }
}
.batcom-teaser-corp-stage .cmp-teaser__title {
  font-size: var(--batcom-typography-h1-size-mobile);
  line-height: var(--batcom-typography-h1-line-height-mobile);
  font-weight: 400;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp-stage .cmp-teaser__title {
    font-size: var(--batcom-typography-h2-size-desktop);
    line-height: var(--batcom-typography-h2-line-height-desktop);
    margin-top: 80px;
  }
}
.batcom-teaser-corp-stage .cmp-teaser__description {
  font-size: var(--batcom-typography-small-size-mobile);
  line-height: var(--batcom-typography-small-line-height-mobile);
  font-weight: 300;
  overflow: visible;
  display: block;
  margin-top: 24px;
}
.batcom-teaser-corp-stage .cmp-teaser__title, .batcom-teaser-corp-stage .cmp-teaser__description {
  max-width: 368px;
}
.batcom-teaser-corp-stage .cmp-teaser__pretitle, .batcom-teaser-corp-stage .cmp-teaser__title, .batcom-teaser-corp-stage .cmp-teaser__description, .batcom-teaser-corp-stage .cmp-teaser__action-container {
  z-index: 0;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp-stage .cmp-teaser__action-cotnainer {
    height: 80px;
  }
}
.batcom-teaser-corp-stage .cmp-teaser__action-link {
  --batcom-button-text: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-primary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-primary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover-inverted);
  --batcom-button-icon: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-outline: var(--batcom-color-button-outline-inverted, #0761cd);
  display: inline-flex;
  font-size: var(--batcom-typography-button-size-mobile);
  line-height: var(--batcom-typography-button-line-height-mobile);
  font-family: var(--batcom-typography-button-family);
  font-weight: var(--batcom-typography-button-weight);
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: var(--batcom-layout-button-primary-border-radius);
  cursor: pointer;
  color: var(--batcom-button-text) !important; /* stylelint-disable-line */
  background-color: var(--batcom-button-bg);
  border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border);
  text-decoration: none !important; /* stylelint-disable-line */
  padding: 10px 20px;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp-stage .cmp-teaser__action-link {
    --batcom-typography-button-size-mobile: var(--batcom-typography-button-size-desktop);
    --batcom-typography-button-line-height-mobile: var(--batcom-typography-button-line-height-desktop);
  }
}
.batcom-teaser-corp-stage .cmp-teaser__action-link span {
  color: var(--batcom-button-text);
}
@media (hover: hover) {
  .batcom-teaser-corp-stage .cmp-teaser__action-link:hover {
    color: var(--batcom-button-text-hover) !important; /* stylelint-disable-line */
    background-color: var(--batcom-button-bg-hover);
    border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border-hover);
    text-decoration: none !important; /* stylelint-disable-line */
  }
  .batcom-teaser-corp-stage .cmp-teaser__action-link:hover span {
    color: var(--batcom-button-text-hover);
  }
  .batcom-teaser-corp-stage .cmp-teaser__action-link:hover .cmp-button__svg :is(svg, g, path) {
    fill: var(--batcom-button-icon-hover);
  }
}
.batcom-teaser-corp-stage .cmp-teaser__action-link__text + .cmp-button__svg {
  margin-left: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.batcom-teaser-corp-stage .cmp-teaser__action-link__svg :is(svg, g, path) {
  fill: var(--batcom-button-icon);
  filter: none;
}
.batcom-teaser-corp-stage .cmp-teaser__action-link__svg svg {
  height: 16px;
}
.cmp-button__svg .batcom-teaser-corp-stage .cmp-teaser__action-link__svg svg {
  height: 20px;
}
.batcom-teaser-corp-stage .cmp-teaser__action-link:focus {
  outline: transparent;
}
.batcom-teaser-corp-stage .cmp-teaser__action-link:focus-visible {
  outline: 2px solid var(--batcom-button-outline);
  outline-offset: 4px;
}
.batcom-teaser-corp-stage .cmp-teaser__action-link {
  --batcom-button-text: var(--batcom-color-button-secondary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-secondary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-secondary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-secondary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-secondary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-secondary-border-hover-inverted);
  --batcom-button-icon: var(--batcom-color-button-secondary-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-secondary-text-hover-inverted);
  --batcom-layout-button-primary-border-radius: var(--batcom-layout-button-secondary-border-radius);
}
.batcom-container--primary-dark .batcom-teaser-corp-stage .cmp-teaser__action-link, .batcom-container--secondary-dark .batcom-teaser-corp-stage .cmp-teaser__action-link, .batcom-container--tertiary-dark .batcom-teaser-corp-stage .cmp-teaser__action-link {
  --batcom-button-text: var(--batcom-color-button-secondary-text);
  --batcom-button-text-hover: var(--batcom-color-button-secondary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-secondary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-secondary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-secondary-border);
  --batcom-button-border-hover: var(--batcom-color-button-secondary-border-hover);
}
.batcom-container--primary-dark .batcom-teaser-corp-stage .cmp-teaser__action-link .cmp-button__svg :is(svg, g, path), .batcom-container--secondary-dark .batcom-teaser-corp-stage .cmp-teaser__action-link .cmp-button__svg :is(svg, g, path), .batcom-container--tertiary-dark .batcom-teaser-corp-stage .cmp-teaser__action-link .cmp-button__svg :is(svg, g, path) {
  --batcom-button-icon: var(--batcom-color-button-secondary-text);
  --batcom-button-icon-hover: var(--batcom-color-button-secondary-text-hover);
}
.batcom-teaser-corp-stage .cmp-teaser__action-link {
  font-size: var(--batcom-typography-small-size-mobile);
  font-weight: 400;
  margin-top: 38px;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-stage .cmp-teaser__action-link {
    font-weight: 700;
  }
}
.batcom-teaser-corp-stage .cmp-image {
  height: 650px;
  width: 100%;
  aspect-ratio: 6/10;
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp-stage .cmp-image {
    max-height: 532px;
    height: auto;
    aspect-ratio: 100/42;
  }
}
.batcom-teaser-corp-stage .cmp-image__image {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 80% 50%;
     object-position: 80% 50%;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-stage .cmp-image__image {
    -o-object-position: 65% 50%;
       object-position: 65% 50%;
  }
}

.batcom-teaser-corp-header {
  position: relative;
  height: 367px;
  margin-top: 80px;
}
.batcom-evergreenpage .batcom-teaser-corp-header {
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-header {
    height: 500px;
    margin-top: 0;
  }
}
.batcom-teaser-corp-header .cmp-teaser {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
.batcom-teaser-corp-header .cmp-teaser__image {
  height: 100%;
  width: 100%;
  position: absolute;
}
.batcom-teaser-corp-header .cmp-teaser__background {
  position: absolute;
  inset: 0;
  background-color: var(--batcom-color-teaser-offset-bg);
  opacity: 0.5;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-header .cmp-teaser__background {
    opacity: 0.66;
  }
}
.batcom-teaser-corp-header .cmp-teaser__content::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 8px;
  width: 100%;
  display: block;
  background: linear-gradient(90deg, #0e2b63 30.479%, rgba(0, 0, 0, 0) 30.479%), linear-gradient(90deg, #004f9f 52.158%, rgba(0, 0, 0, 0) 52.158%), linear-gradient(90deg, #00b1eb 64.729%, rgba(0, 0, 0, 0) 64.729%), linear-gradient(90deg, #ef7d00 73.225%, rgba(0, 0, 0, 0) 73.225%), linear-gradient(90deg, #fb0 79.628%, rgba(0, 0, 0, 0) 79.629%), linear-gradient(90deg, #50af47 86.692%, rgba(0, 0, 0, 0) 86.692%), linear-gradient(90deg, #afca0b 92.03%, rgba(0, 0, 0, 0) 92.03%), linear-gradient(90deg, #5a328a 97.009%, rgba(0, 0, 0, 0) 97.009%), linear-gradient(90deg, #e72582 100%, rgba(0, 0, 0, 0) 100%);
}
.batcom-teaser-corp-header .cmp-teaser__content {
  display: flex;
  flex-direction: column;
  backdrop-filter: blur(10px);
  padding: 30px 20px 48px;
  min-height: 158px;
  width: 83.3vw;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-header .cmp-teaser__content {
    min-height: 178px;
    padding: 48px 40px;
    width: 55.56vw;
    margin-top: 100px;
    margin-left: calc(5.56vw - var(--batcom-layout-content-left-right-margin) / 2);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp-header .cmp-teaser__content {
    width: 45.9%;
    margin-top: 138px;
    margin-left: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .batcom-teaser-corp-header .cmp-teaser__content {
    width: 50%;
  }
}
.batcom-teaser-corp-header .cmp-teaser__content, .batcom-teaser-corp-header .cmp-teaser__title {
  color: var(--batcom-color-teaser-offset-text);
}
.batcom-teaser-corp-header .cmp-teaser__pretitle {
  line-height: var(--batcom-typography-x-small-line-height-tablet);
  font-weight: 400;
  font-size: var(--batcom-typography-x-small-size-tablet);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  padding: 0 0 8px;
}
@media only screen and (min-width: 480px) {
  .batcom-teaser-corp-header .cmp-teaser__pretitle {
    font-size: 1.125rem;
    line-height: 1.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-header .cmp-teaser__pretitle {
    font-size: 1.3125rem;
    line-height: 1.45rem;
    letter-spacing: 4.2px;
    text-transform: uppercase;
    padding: 0 0 8px;
  }
}
.batcom-teaser-corp-header .cmp-teaser__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 110%;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-header .cmp-teaser__title {
    font-size: 32px;
    line-height: 1.1;
    font-weight: 700;
  }
}
.batcom-teaser-corp-header .cmp-teaser__pretitle, .batcom-teaser-corp-header .cmp-teaser__title {
  position: relative;
  z-index: 0;
}
.batcom-teaser-corp-header .cmp-image {
  margin-left: calc(-1 * var(--batcom-layout-content-left-right-margin) / 2);
  margin-right: calc(-1 * var(--batcom-layout-content-left-right-margin) / 2);
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp-header .cmp-image {
    margin-left: calc(-1 * (var(--batcom-layout-content-left-right-margin)));
    margin-right: calc(-1 * (var(--batcom-layout-content-left-right-margin)));
  }
}
@media screen and (min-width: 1360px) {
  .batcom-teaser-corp-header .cmp-image {
    margin-left: calc(-1 * (100vw - var(--batcom-layout-content-max-width)) / 2);
    margin-right: calc(-1 * (100vw - var(--batcom-layout-content-max-width)) / 2);
  }
}
.batcom-teaser-corp-header .cmp-image__image {
  height: 367px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 80% 50%;
     object-position: 80% 50%;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-header .cmp-image__image {
    height: 500px;
    -o-object-position: 50%;
       object-position: 50%;
  }
}

.batcom-teaser-text-over-image {
  position: relative;
}
.batcom-teaser-text-over-image .cmp-teaser__image {
  margin-bottom: 0;
}
.batcom-teaser-text-over-image .cmp-teaser__content {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  padding: 20px;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-text-over-image .cmp-teaser__content {
    padding: 32px;
  }
}
.batcom-teaser-text-over-image .cmp-teaser__description {
  -webkit-line-clamp: initial;
}
.batcom-teaser-text-over-image .cmp-teaser__action-link {
  --batcom-button-text: var(--batcom-color-button-primary-text);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-primary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-primary-border);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover);
  --batcom-button-icon: var(--batcom-color-button-primary-text);
  --batcom-button-icon-hover: var(--batcom-color-button-primary-text-hover);
  --batcom-button-outline: var(--batcom-color-button-outline, #0761cd);
}
.batcom-container--primary-dark .batcom-teaser-text-over-image .cmp-teaser__action-link, .batcom-container--secondary-dark .batcom-teaser-text-over-image .cmp-teaser__action-link, .batcom-container--tertiary-dark .batcom-teaser-text-over-image .cmp-teaser__action-link {
  --batcom-button-outline: var(--batcom-color-button-outline-inverted, #0761cd);
}
.batcom-teaser-text-over-image .cmp-teaser__action-link {
  display: inline-flex;
  font-size: var(--batcom-typography-button-size-mobile);
  line-height: var(--batcom-typography-button-line-height-mobile);
  font-family: var(--batcom-typography-button-family);
  font-weight: var(--batcom-typography-button-weight);
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: var(--batcom-layout-button-primary-border-radius);
  cursor: pointer;
  color: var(--batcom-button-text) !important; /* stylelint-disable-line */
  background-color: var(--batcom-button-bg);
  border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border);
  text-decoration: none !important; /* stylelint-disable-line */
  padding: 10px 20px;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-text-over-image .cmp-teaser__action-link {
    --batcom-typography-button-size-mobile: var(--batcom-typography-button-size-desktop);
    --batcom-typography-button-line-height-mobile: var(--batcom-typography-button-line-height-desktop);
  }
}
.batcom-teaser-text-over-image .cmp-teaser__action-link span {
  color: var(--batcom-button-text);
}
@media (hover: hover) {
  .batcom-teaser-text-over-image .cmp-teaser__action-link:hover {
    color: var(--batcom-button-text-hover) !important; /* stylelint-disable-line */
    background-color: var(--batcom-button-bg-hover);
    border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border-hover);
    text-decoration: none !important; /* stylelint-disable-line */
  }
  .batcom-teaser-text-over-image .cmp-teaser__action-link:hover span {
    color: var(--batcom-button-text-hover);
  }
  .batcom-teaser-text-over-image .cmp-teaser__action-link:hover .cmp-button__svg :is(svg, g, path) {
    fill: var(--batcom-button-icon-hover);
  }
}
.batcom-teaser-text-over-image .cmp-teaser__action-link__text + .cmp-button__svg {
  margin-left: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.batcom-teaser-text-over-image .cmp-teaser__action-link__svg :is(svg, g, path) {
  fill: var(--batcom-button-icon);
  filter: none;
}
.batcom-teaser-text-over-image .cmp-teaser__action-link__svg svg {
  height: 16px;
}
.cmp-button__svg .batcom-teaser-text-over-image .cmp-teaser__action-link__svg svg {
  height: 20px;
}
.batcom-teaser-text-over-image .cmp-teaser__action-link:focus {
  outline: transparent;
}
.batcom-teaser-text-over-image .cmp-teaser__action-link:focus-visible {
  outline: 2px solid var(--batcom-button-outline);
  outline-offset: 4px;
}
.batcom-teaser-text-over-image .cmp-teaser__action-link {
  --batcom-button-text: var(--batcom-color-button-secondary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-secondary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-secondary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-secondary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-secondary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-secondary-border-hover-inverted);
  --batcom-button-icon: var(--batcom-color-button-secondary-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-secondary-text-hover-inverted);
  --batcom-layout-button-primary-border-radius: var(--batcom-layout-button-secondary-border-radius);
}
.batcom-container--primary-dark .batcom-teaser-text-over-image .cmp-teaser__action-link, .batcom-container--secondary-dark .batcom-teaser-text-over-image .cmp-teaser__action-link, .batcom-container--tertiary-dark .batcom-teaser-text-over-image .cmp-teaser__action-link {
  --batcom-button-text: var(--batcom-color-button-secondary-text);
  --batcom-button-text-hover: var(--batcom-color-button-secondary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-secondary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-secondary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-secondary-border);
  --batcom-button-border-hover: var(--batcom-color-button-secondary-border-hover);
}
.batcom-container--primary-dark .batcom-teaser-text-over-image .cmp-teaser__action-link .cmp-button__svg :is(svg, g, path), .batcom-container--secondary-dark .batcom-teaser-text-over-image .cmp-teaser__action-link .cmp-button__svg :is(svg, g, path), .batcom-container--tertiary-dark .batcom-teaser-text-over-image .cmp-teaser__action-link .cmp-button__svg :is(svg, g, path) {
  --batcom-button-icon: var(--batcom-color-button-secondary-text);
  --batcom-button-icon-hover: var(--batcom-color-button-secondary-text-hover);
}
.batcom-teaser-text-over-image .cmp-teaser__action-link {
  font-size: var(--batcom-typography-button-size-mobile);
  line-height: var(--batcom-typography-button-line-height-mobile);
  font-family: var(--batcom-typography-button-family), sans-serif;
  font-weight: var(--batcom-typography-button-weight, bold);
  letter-spacing: 0.063rem;
  text-transform: uppercase;
  padding: 10px 20px;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-text-over-image .cmp-teaser__action-link {
    font-size: var(--batcom-typography-button-size-tablet);
    line-height: var(--batcom-typography-button-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-text-over-image .cmp-teaser__action-link {
    font-size: var(--batcom-typography-button-size-desktop);
    line-height: var(--batcom-typography-button-line-height-desktop);
  }
}
.batcom-teaser-text-over-image .cmp-teaser__action-link:focus {
  outline: none;
}
.batcom-teaser-text-over-image .cmp-teaser__action-link:focus-visible {
  outline: 2px solid var(--batcom-button-outline);
  outline-offset: 4px;
}
@media only screen and (max-width: 767px) {
  .batcom-teaser-text-over-image .cmp-teaser__action-link {
    width: 100%;
  }
}
.batcom-teaser-text-over-image .cmp-teaser__action-link {
  padding: 10px 35px;
}
.batcom-teaser-text-over-image.batcom-text-color--dark .cmp-teaser__action-link {
  --batcom-button-text: var(--batcom-color-button-secondary-text);
  --batcom-button-text-hover: var(--batcom-color-button-secondary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-secondary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-secondary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-secondary-border);
  --batcom-button-border-hover: var(--batcom-color-button-secondary-border-hover);
  --batcom-button-icon: var(--batcom-color-button-secondary-text);
  --batcom-button-icon-hover: var(--batcom-color-button-secondary-text-hover);
  --batcom-layout-button-primary-border-radius: var(--batcom-layout-button-secondary-border-radius);
}
.batcom-container--primary-dark .batcom-teaser-text-over-image.batcom-text-color--dark .cmp-teaser__action-link, .batcom-container--secondary-dark .batcom-teaser-text-over-image.batcom-text-color--dark .cmp-teaser__action-link, .batcom-container--tertiary-dark .batcom-teaser-text-over-image.batcom-text-color--dark .cmp-teaser__action-link {
  --batcom-button-text: var(--batcom-color-button-secondary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-secondary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-secondary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-secondary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-secondary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-secondary-border-hover-inverted);
}
.batcom-container--primary-dark .batcom-teaser-text-over-image.batcom-text-color--dark .cmp-teaser__action-link .cmp-button__svg :is(svg, g, path), .batcom-container--secondary-dark .batcom-teaser-text-over-image.batcom-text-color--dark .cmp-teaser__action-link .cmp-button__svg :is(svg, g, path), .batcom-container--tertiary-dark .batcom-teaser-text-over-image.batcom-text-color--dark .cmp-teaser__action-link .cmp-button__svg :is(svg, g, path) {
  --batcom-button-icon: var(--batcom-color-button-secondary-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-secondary-text-hover-inverted);
}
.batcom-container--primary-dark .batcom-teaser-text-over-image.batcom-text-color--dark .cmp-teaser__action-link option, .batcom-container--secondary-dark .batcom-teaser-text-over-image.batcom-text-color--dark .cmp-teaser__action-link option, .batcom-container--tertiary-dark .batcom-teaser-text-over-image.batcom-text-color--dark .cmp-teaser__action-link option {
  --batcom-button-text: var(--batcom-color-button-secondary-text);
  color: var(--batcom-button-text, #000) !important; /* stylelint-disable-line */
}
@media only screen and (max-width: 767px) {
  .batcom-columncontrol .batcom-teaser-text-over-image {
    margin-left: calc(var(--batcom-layout-content-left-right-margin) / 2 * -1);
    width: 100vw;
  }
}

.batcom-teaser-corp-level3,
.batcom-teaser-corp-level4 {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-level3 .cmp-teaser,
  .batcom-teaser-corp-level4 .cmp-teaser {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
  }
}
.batcom-teaser-corp-level3 .cmp-teaser__image,
.batcom-teaser-corp-level4 .cmp-teaser__image {
  position: absolute;
  height: 100%;
  width: 100%;
}
.batcom-teaser-corp-level3 .cmp-teaser__background,
.batcom-teaser-corp-level4 .cmp-teaser__background {
  position: absolute;
  inset: 0;
  background-color: var(--batcom-color-teaser-offset-bg);
  opacity: 0.5;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-level3 .cmp-teaser__background,
  .batcom-teaser-corp-level4 .cmp-teaser__background {
    opacity: 0.44;
  }
}
.batcom-teaser-corp-level3 .cmp-teaser__content,
.batcom-teaser-corp-level4 .cmp-teaser__content {
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: column;
  backdrop-filter: blur(10px);
  min-height: 188px;
  box-sizing: border-box;
  padding: 55px 4.16vw 75px;
  margin: 0 5.5vw 40px;
  width: calc(100% - 11vw);
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-level3 .cmp-teaser__content,
  .batcom-teaser-corp-level4 .cmp-teaser__content {
    bottom: auto;
    width: 53.125%;
    min-height: 220px;
    padding: 55px 60px 75px;
    margin: 0;
    margin-inline-start: 5.5vw;
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp-level3 .cmp-teaser__content,
  .batcom-teaser-corp-level4 .cmp-teaser__content {
    padding: 55px 80px 75px;
  }
}
@media only screen and (min-width: 1280px) {
  .batcom-teaser-corp-level3 .cmp-teaser__content,
  .batcom-teaser-corp-level4 .cmp-teaser__content {
    margin-left: 80px;
  }
}
.batcom-teaser-corp-level3 .cmp-teaser__content::after,
.batcom-teaser-corp-level4 .cmp-teaser__content::after {
  content: "";
  position: absolute;
  display: block;
  width: 68%;
  border-bottom: 1px solid var(--batcom-color-palette-1-inverted);
  bottom: 36px;
}
.batcom-teaser-corp-level3 .cmp-teaser__content, .batcom-teaser-corp-level3 .cmp-teaser__title, .batcom-teaser-corp-level3 .cmp-teaser__description,
.batcom-teaser-corp-level4 .cmp-teaser__content,
.batcom-teaser-corp-level4 .cmp-teaser__title,
.batcom-teaser-corp-level4 .cmp-teaser__description {
  color: var(--batcom-color-teaser-offset-text);
}
.batcom-teaser-corp-level3 .cmp-teaser__title,
.batcom-teaser-corp-level4 .cmp-teaser__title {
  line-height: var(--batcom-typography-small-line-height-mobile);
  font-weight: bold;
  font-size: 22px;
  padding: 0 0 8px;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-level3 .cmp-teaser__title,
  .batcom-teaser-corp-level4 .cmp-teaser__title {
    font-size: 32px;
    line-height: 120%;
    font-weight: bold;
  }
}
.batcom-teaser-corp-level3 .cmp-teaser__description,
.batcom-teaser-corp-level4 .cmp-teaser__description {
  height: initial;
  overflow: initial;
  display: block;
  -webkit-line-clamp: initial;
  -webkit-box-orient: initial;
  line-height: inherit;
  font-size: 18px;
  font-weight: 300;
  line-height: 110%;
}
.batcom-teaser-corp-level3 .cmp-teaser__title, .batcom-teaser-corp-level3 .cmp-teaser__description,
.batcom-teaser-corp-level4 .cmp-teaser__title,
.batcom-teaser-corp-level4 .cmp-teaser__description {
  position: relative;
  z-index: 0;
}
.batcom-teaser-corp-level3 .cmp-image::after,
.batcom-teaser-corp-level4 .cmp-image::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 7px;
  width: 100%;
  display: block;
  background: linear-gradient(90deg, #0e2b63 30.479%, rgba(0, 0, 0, 0) 30.479%), linear-gradient(90deg, #004f9f 52.158%, rgba(0, 0, 0, 0) 52.158%), linear-gradient(90deg, #00b1eb 64.729%, rgba(0, 0, 0, 0) 64.729%), linear-gradient(90deg, #ef7d00 73.225%, rgba(0, 0, 0, 0) 73.225%), linear-gradient(90deg, #fb0 79.628%, rgba(0, 0, 0, 0) 79.629%), linear-gradient(90deg, #50af47 86.692%, rgba(0, 0, 0, 0) 86.692%), linear-gradient(90deg, #afca0b 92.03%, rgba(0, 0, 0, 0) 92.03%), linear-gradient(90deg, #5a328a 97.009%, rgba(0, 0, 0, 0) 97.009%), linear-gradient(90deg, #e72582 100%, rgba(0, 0, 0, 0) 100%);
}
.batcom-teaser-corp-level3 .cmp-image,
.batcom-teaser-corp-level4 .cmp-image {
  height: 100%;
}
.batcom-teaser-corp-level3 .cmp-image__image,
.batcom-teaser-corp-level4 .cmp-image__image {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 80% 50%;
     object-position: 80% 50%;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-level3 .cmp-image__image,
  .batcom-teaser-corp-level4 .cmp-image__image {
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
  }
}

.batcom-teaser-corp-level3,
.batcom-teaser-corp-level3 .cmp-teaser__image {
  height: 462px;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-level3,
  .batcom-teaser-corp-level3 .cmp-teaser__image {
    height: 500px;
  }
}

.batcom-teaser-corp-level4,
.batcom-teaser-corp-level4 .cmp-teaser__image {
  height: 377px;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-level4,
  .batcom-teaser-corp-level4 .cmp-teaser__image {
    height: 357px;
  }
}

.batcom-teaser-corp-news {
  position: relative;
  margin-top: 80px;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-news {
    margin-bottom: calc(100px + var(--batcom-layout-spacing-between-components-tablet));
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp-news {
    margin-top: 0;
  }
}
.batcom-teaser-corp-news.batcom-space--noBottomSpace {
  z-index: 1;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-news.batcom-space--noBottomSpace {
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-news.batcom-space--smallBottom {
    margin-bottom: calc(100px + var(--batcom-layout-spacing-bottom-small-desktop));
  }
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-news.batcom-space--largeBottom {
    margin-bottom: calc(100px + var(--batcom-layout-spacing-bottom-large-desktop));
  }
}
.batcom-teaser-corp-news .cmp-teaser__image {
  height: 100%;
}
.batcom-teaser-corp-news .cmp-teaser__image::after {
  margin-left: calc(-1 * var(--batcom-layout-content-left-right-margin) / 2);
  margin-right: calc(-1 * var(--batcom-layout-content-left-right-margin) / 2);
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp-news .cmp-teaser__image::after {
    margin-left: calc(-1 * (var(--batcom-layout-content-left-right-margin)));
    margin-right: calc(-1 * (var(--batcom-layout-content-left-right-margin)));
  }
}
@media screen and (min-width: 1360px) {
  .batcom-teaser-corp-news .cmp-teaser__image::after {
    margin-left: calc(-1 * (100vw - var(--batcom-layout-content-max-width)) / 2);
    margin-right: calc(-1 * (100vw - var(--batcom-layout-content-max-width)) / 2);
  }
}
.batcom-teaser-corp-news .cmp-teaser__image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 200px;
  display: block;
  background: linear-gradient(to bottom, rgba(14, 43, 99, 0.95), rgba(14, 43, 99, 0));
}
.batcom-teaser-corp-news .cmp-teaser__background {
  position: absolute;
  inset: 0;
  background-color: var(--batcom-color-teaser-offset-bg);
  opacity: 0.44;
}
.batcom-teaser-corp-news .cmp-teaser__content::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 7px;
  width: 100%;
  display: block;
  background: linear-gradient(90deg, #0e2b63 30.479%, rgba(0, 0, 0, 0) 30.479%), linear-gradient(90deg, #004f9f 52.158%, rgba(0, 0, 0, 0) 52.158%), linear-gradient(90deg, #00b1eb 64.729%, rgba(0, 0, 0, 0) 64.729%), linear-gradient(90deg, #ef7d00 73.225%, rgba(0, 0, 0, 0) 73.225%), linear-gradient(90deg, #fb0 79.628%, rgba(0, 0, 0, 0) 79.629%), linear-gradient(90deg, #50af47 86.692%, rgba(0, 0, 0, 0) 86.692%), linear-gradient(90deg, #afca0b 92.03%, rgba(0, 0, 0, 0) 92.03%), linear-gradient(90deg, #5a328a 97.009%, rgba(0, 0, 0, 0) 97.009%), linear-gradient(90deg, #e72582 100%, rgba(0, 0, 0, 0) 100%);
}
.batcom-teaser-corp-news .cmp-teaser__content {
  position: absolute;
  top: 116px;
  width: 83.33vw;
  backdrop-filter: blur(10px);
  padding: 30px 30px 28px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-news .cmp-teaser__content {
    top: 200px;
    width: 66.6666666667%;
    padding: 48px 24px;
    height: 300px;
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp-news .cmp-teaser__content {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.batcom-teaser-corp-news .cmp-teaser__content, .batcom-teaser-corp-news .cmp-teaser__description .batcom-teaser-corp-news .cmp-teaser__title {
  --batcom-color-heading-h2: white;
  color: white;
}
.batcom-teaser-corp-news .cmp-teaser__pretitle, .batcom-teaser-corp-news .cmp-teaser__description {
  flex-grow: 1;
  font-size: 0.688rem;
  line-height: 0.963rem;
  letter-spacing: 0.1em;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-news .cmp-teaser__pretitle, .batcom-teaser-corp-news .cmp-teaser__description {
    font-size: 0.75rem;
    line-height: 1.05rem;
    letter-spacing: 0.2em;
    margin-bottom: 0;
  }
}
.batcom-teaser-corp-news .cmp-teaser__description {
  margin-top: 0;
  text-align: right;
}
.batcom-teaser-corp-news .cmp-teaser__title {
  height: initial;
  overflow: initial;
  display: block;
  -webkit-line-clamp: initial;
  -webkit-box-orient: initial;
  line-height: inherit;
  font-size: var(--batcom-typography-h2-size-mobile);
  line-height: var(--batcom-typography-h2-line-height-mobile);
  font-weight: 700;
  margin: 20px 0 10px;
  width: 100%;
  order: 1;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-news .cmp-teaser__title {
    font-size: var(--batcom-typography-h2-size-desktop);
    line-height: var(--batcom-typography-h2-line-height-desktop);
    margin: 42px 0;
  }
}
.batcom-teaser-corp-news .cmp-teaser__pretitle, .batcom-teaser-corp-news .cmp-teaser__title, .batcom-teaser-corp-news .cmp-teaser__description {
  position: relative;
  z-index: 0;
}
.batcom-teaser-corp-news .cmp-image {
  margin-left: calc(-1 * var(--batcom-layout-content-left-right-margin) / 2);
  margin-right: calc(-1 * var(--batcom-layout-content-left-right-margin) / 2);
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp-news .cmp-image {
    margin-left: calc(-1 * (var(--batcom-layout-content-left-right-margin)));
    margin-right: calc(-1 * (var(--batcom-layout-content-left-right-margin)));
  }
}
@media screen and (min-width: 1360px) {
  .batcom-teaser-corp-news .cmp-image {
    margin-left: calc(-1 * (100vw - var(--batcom-layout-content-max-width)) / 2);
    margin-right: calc(-1 * (100vw - var(--batcom-layout-content-max-width)) / 2);
  }
}
.batcom-teaser-corp-news .cmp-image__image {
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 80% 50%;
     object-position: 80% 50%;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-news .cmp-image__image {
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
  }
}

.batcom-teaser-corp-curtain {
  position: relative;
}
.batcom-teaser-corp-curtain .cmp-teaser__image {
  height: 100%;
}
.batcom-teaser-corp-curtain .cmp-teaser__background {
  position: absolute;
  inset: 0;
  background-color: var(--batcom-color-teaser-offset-bg);
  opacity: 0.5;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-curtain .cmp-teaser__background {
    opacity: 0.66;
  }
}
.batcom-teaser-corp-curtain .cmp-teaser__content::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 8px;
  width: 100%;
  display: block;
  background: linear-gradient(90deg, #0e2b63 30.479%, rgba(0, 0, 0, 0) 30.479%), linear-gradient(90deg, #004f9f 52.158%, rgba(0, 0, 0, 0) 52.158%), linear-gradient(90deg, #00b1eb 64.729%, rgba(0, 0, 0, 0) 64.729%), linear-gradient(90deg, #ef7d00 73.225%, rgba(0, 0, 0, 0) 73.225%), linear-gradient(90deg, #fb0 79.628%, rgba(0, 0, 0, 0) 79.629%), linear-gradient(90deg, #50af47 86.692%, rgba(0, 0, 0, 0) 86.692%), linear-gradient(90deg, #afca0b 92.03%, rgba(0, 0, 0, 0) 92.03%), linear-gradient(90deg, #5a328a 97.009%, rgba(0, 0, 0, 0) 97.009%), linear-gradient(90deg, #e72582 100%, rgba(0, 0, 0, 0) 100%);
}
.batcom-teaser-corp-curtain .cmp-teaser__content {
  bottom: 120px;
  width: 83.33vw;
  padding: 82px 5.56vw 69px;
  left: calc(-1 * var(--batcom-layout-content-left-right-margin) / 2 + 8.33vw);
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-curtain .cmp-teaser__content {
    width: 47.22vw;
    left: calc(11.11vw - var(--batcom-layout-content-left-right-margin) / 2);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp-curtain .cmp-teaser__content {
    padding-top: 90px;
    left: calc(11.11vw - (var(--batcom-layout-content-left-right-margin)));
  }
}
@media screen and (min-width: 1360px) {
  .batcom-teaser-corp-curtain .cmp-teaser__content {
    left: calc(11.11vw + (var(--batcom-layout-content-max-width) - 100vw) / 2);
  }
}
@media screen and (min-width: 1440px) {
  .batcom-teaser-corp-curtain .cmp-teaser__content {
    left: calc(11.11vw + (var(--batcom-layout-content-max-width) - 100vw) / 2 + (100vw - 1440px) / 2);
  }
}
.batcom-teaser-corp-curtain .cmp-teaser__content {
  position: absolute;
  display: flex;
  flex-direction: column;
  backdrop-filter: blur(10px);
}
.batcom-teaser-corp-curtain .cmp-teaser__content, .batcom-teaser-corp-curtain .cmp-teaser__title {
  color: var(--batcom-color-teaser-offset-text);
}
.batcom-teaser-corp-curtain .cmp-teaser__title p {
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-corp-curtain .cmp-teaser__title p {
    font-size: 38px;
  }
}
.batcom-teaser-corp-curtain .cmp-teaser__pretitle, .batcom-teaser-corp-curtain .cmp-teaser__title {
  position: relative;
  z-index: 0;
}
.batcom-teaser-corp-curtain .cmp-teaser__title, .batcom-teaser-corp-curtain .cmp-teaser__description {
  z-index: 1;
}
.batcom-teaser-corp-curtain .cmp-teaser__title h1,
.batcom-teaser-corp-curtain .cmp-teaser__title h2,
.batcom-teaser-corp-curtain .cmp-teaser__title h3,
.batcom-teaser-corp-curtain .cmp-teaser__title h4,
.batcom-teaser-corp-curtain .cmp-teaser__title h5,
.batcom-teaser-corp-curtain .cmp-teaser__title h6, .batcom-teaser-corp-curtain .cmp-teaser__description h1,
.batcom-teaser-corp-curtain .cmp-teaser__description h2,
.batcom-teaser-corp-curtain .cmp-teaser__description h3,
.batcom-teaser-corp-curtain .cmp-teaser__description h4,
.batcom-teaser-corp-curtain .cmp-teaser__description h5,
.batcom-teaser-corp-curtain .cmp-teaser__description h6 {
  color: #fff;
}
.batcom-teaser-corp-curtain .cmp-teaser__title p, .batcom-teaser-corp-curtain .cmp-teaser__description p {
  color: #fff;
}
.batcom-teaser-corp-curtain .cmp-teaser__description {
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 1.925rem;
}
.batcom-teaser-corp-curtain .cmp-image {
  margin-left: calc(-1 * var(--batcom-layout-content-left-right-margin) / 2);
  margin-right: calc(-1 * var(--batcom-layout-content-left-right-margin) / 2);
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-corp-curtain .cmp-image {
    margin-left: calc(-1 * (var(--batcom-layout-content-left-right-margin)));
    margin-right: calc(-1 * (var(--batcom-layout-content-left-right-margin)));
  }
}
@media screen and (min-width: 1360px) {
  .batcom-teaser-corp-curtain .cmp-image {
    margin-left: calc(-1 * (100vw - var(--batcom-layout-content-max-width)) / 2);
    margin-right: calc(-1 * (100vw - var(--batcom-layout-content-max-width)) / 2);
  }
}
@media (pointer: fine) {
  .batcom-teaser-corp-curtain .cmp-image {
    height: 100vh;
    background: #fff url("") no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
  }
  .batcom-teaser-corp-curtain--fixed.batcom-teaser-corp-curtain .cmp-image {
    background-attachment: scroll;
  }
}
.batcom-teaser-corp-curtain .cmp-image__image {
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
@media (pointer: fine) {
  .batcom-teaser-corp-curtain .cmp-image__image {
    display: none;
  }
}

.batcom-teaser-horizontal--with-margin {
  --teaser-horizontal-margin-content-width: 612px;
}
.batcom-teaser-horizontal--with-margin .cmp-teaser__image.cmp-teaser__image--desktop {
  max-width: var(--teaser-horizontal-margin-content-width);
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-horizontal--with-margin .cmp-teaser__image + .cmp-teaser__content {
    padding: 0 calc(var(--batcom-layout-content-left-right-margin) / 2);
    width: 50%;
    flex-basis: initial;
  }
}
@media only screen and (min-width: 1280px) {
  .batcom-teaser-horizontal--with-margin .cmp-teaser__image + .cmp-teaser__content {
    width: calc(100% - var(--teaser-horizontal-margin-content-width));
    max-width: calc(50vw + 0.5 * var(--batcom-layout-content-max-width) - var(--teaser-horizontal-margin-content-width));
    padding-left: 138px;
  }
}
@media only screen and (max-width: 1023px) {
  .batcom-teaser-horizontal--with-margin .cmp-teaser__image + .cmp-teaser__content .cmp-teaser__action-link {
    padding: 12px 35px;
    width: 100%;
  }
}
@media only screen and (max-width: 1023px) {
  .batcom-teaser-horizontal--with-margin .cmp-teaser__image + .cmp-teaser__content .cmp-teaser__action-container {
    margin-bottom: 48px;
  }
}
@media only screen and (min-width: 1280px) {
  .batcom-teaser-horizontal--with-margin .cmp-teaser__image:where(:not(.cmp-teaser__image--desktop, .cmp-teaser__image--mobile)) + .cmp-teaser__content {
    max-width: calc(0.5 * var(--batcom-layout-content-max-width));
  }
  .batcom-teaser-horizontal--with-margin:where(:not(.batcom-imagelayout--right)) .cmp-teaser__image:where(:not(.cmp-teaser__image--desktop, .cmp-teaser__image--mobile)) + .cmp-teaser__content {
    padding-left: 138px;
    padding-right: 0;
  }
  .batcom-teaser-horizontal--with-margin:where(:not(.batcom-imagelayout--right)) .cmp-teaser__image + .cmp-teaser__content {
    padding-right: 0;
  }
  .batcom-teaser-horizontal--with-margin.batcom-imagelayout--right .cmp-teaser__image:where(:not(.cmp-teaser__image--desktop, .cmp-teaser__image--mobile)) + .cmp-teaser__content {
    padding-left: 0;
    padding-right: 138px;
  }
  .batcom-teaser-horizontal--with-margin.batcom-imagelayout--right .cmp-teaser__image + .cmp-teaser__content {
    padding-left: 0;
  }
}

body .batcom-teaser-meganav-desktop .cmp-teaser {
  display: grid;
  grid-template-columns: 1fr 2.5fr;
  height: 100%;
}
body .batcom-teaser-meganav-desktop .cmp-teaser__content {
  padding: 10px 10px 0;
}
body .batcom-teaser-meganav-desktop .cmp-teaser__title {
  margin-bottom: 10px;
}
body .batcom-teaser-meganav-desktop .cmp-teaser__title > *, body .batcom-teaser-meganav-desktop .cmp-teaser__title-link > *, body .batcom-teaser-meganav-desktop .cmp-teaser__description > * {
  height: auto;
  overflow: hidden;
  display: -webkit-box; /* stylelint-disable-line */
  -webkit-line-clamp: 1; /* stylelint-disable-line */
  -webkit-box-orient: vertical; /* stylelint-disable-line */
}
body .batcom-teaser-meganav-desktop .cmp-teaser__title, body .batcom-teaser-meganav-desktop .cmp-teaser__title > * {
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 500;
  font-family: var(--batcom-font-face-4-name);
}
body .batcom-teaser-meganav-desktop .cmp-teaser__description > * {
  -webkit-line-clamp: 3; /* stylelint-disable-line */
  height: -moz-max-content;
  height: max-content;
}
body .batcom-teaser-meganav-desktop .cmp-teaser__description p,
body .batcom-teaser-meganav-desktop .cmp-teaser__description span {
  font-size: 0.75rem;
  line-height: 1.375rem;
  font-weight: 325;
  font-family: var(--batcom-font-face-1-name);
}
body .batcom-teaser-meganav-desktop .cmp-teaser__description a {
  font-size: 0.75rem;
  line-height: 1.375rem;
  font-weight: 400;
  font-family: var(--batcom-font-face-3-name);
}
body .batcom-teaser-meganav-desktop .cmp-teaser__action-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 10px 0;
}
body .batcom-teaser-meganav-desktop .cmp-teaser__action-link {
  margin-top: 0;
  font-family: var(--batcom-typography-button-family);
  font-size: var(--batcom-typography-button-size-desktop);
  font-weight: var(--batcom-typography-button-weight);
  line-height: 1.375rem;
}
body .batcom-teaser-meganav-desktop .cmp-teaser__action-link:hover {
  text-decoration: none;
}
body .batcom-teaser-meganav-canada .cmp-teaser {
  grid-template-columns: 1fr;
  position: relative;
  height: auto;
}
body .batcom-teaser-meganav-canada .cmp-teaser__image {
  display: none;
}
body .batcom-teaser-meganav-canada .cmp-teaser__description {
  margin-bottom: 55px;
}
body .batcom-teaser-meganav-canada .cmp-teaser__description > * {
  display: block;
  -webkit-line-clamp: unset; /* stylelint-disable-line */
  -webkit-box-orient: unset; /* stylelint-disable-line */
}
body .batcom-teaser-meganav-canada .cmp-teaser__description p,
body .batcom-teaser-meganav-canada .cmp-teaser__description span {
  font-size: 0.75rem;
  color: #1d1d1b;
}
body .batcom-teaser-meganav-canada .cmp-teaser__description a {
  text-transform: none;
  font-weight: 325;
  font-family: var(--batcom-font-face-1-name);
  color: #1d1d1b;
}
body .batcom-teaser-meganav-canada .cmp-teaser__description a:hover {
  text-decoration: none;
}
body .batcom-teaser-meganav-canada .cmp-teaser__action-container {
  position: absolute;
  bottom: 5px;
}
body .batcom-teaser-meganav-canada .cmp-teaser__action-link {
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #1d1d1b;
  font-weight: 500;
  font-family: var(--batcom-font-face-4-name);
}
body .batcom-teaser-meganav-canada .cmp-teaser__action-link::after {
  content: url("../../../../../../etc.clientlibs/batcom/base/clientlibs/publish/resources/icons/arrow-black.svg");
  display: inline-block;
  transform: translateY(1px);
  margin-left: 15px;
}
body .batcom-teaser-meganav-canada .cmp-teaser__action-link:hover::after {
  animation: bounce-icon 2s infinite ease-in-out;
}
body .batcom-teaser-meganav-promo .cmp-teaser__image + .cmp-teaser__content {
  padding: 20px;
  width: 100%;
}
body .batcom-teaser-meganav-promo .cmp-teaser__title {
  margin-bottom: 0;
}
body .batcom-teaser-meganav-promo .cmp-teaser__action-container {
  display: flex;
  flex-direction: column;
}

.batcom-teaser-meganav-desktop-multicat .cmp-teaser {
  display: grid;
  grid-template-columns: 1fr 2.5fr;
  height: 100%;
  padding: 8px;
  gap: 16px;
}
.cmp-navigation__mega-nav-desktop-flyout .batcom-container--primary-light .batcom-teaser-meganav-desktop-multicat .cmp-teaser, .cmp-navigation__mega-nav-desktop-flyout .batcom-container--secondary-light .batcom-teaser-meganav-desktop-multicat .cmp-teaser, .cmp-navigation__mega-nav-desktop-flyout .batcom-container--tertiary-light .batcom-teaser-meganav-desktop-multicat .cmp-teaser, .cmp-navigation__mega-nav-desktop-flyout .batcom-container--white .batcom-teaser-meganav-desktop-multicat .cmp-teaser {
  --teaser-text-color: var(--batcom-color-body-text);
  --teaser-text-color-hover: var(--batcom-color-button-primary-text-hover);
}
.cmp-navigation__mega-nav-desktop-flyout .batcom-container--primary-dark .batcom-teaser-meganav-desktop-multicat .cmp-teaser, .cmp-navigation__mega-nav-desktop-flyout .batcom-container--secondary-dark .batcom-teaser-meganav-desktop-multicat .cmp-teaser, .cmp-navigation__mega-nav-desktop-flyout .batcom-container--tertiary-dark .batcom-teaser-meganav-desktop-multicat .cmp-teaser {
  --teaser-text-color: var(--batcom-color-body-text-inverted);
  --teaser-text-color-hover: var(--batcom-color-button-primary-text-hover-inverted);
}
.batcom-teaser-meganav-desktop-multicat .cmp-teaser__image {
  width: 80px;
}
.batcom-teaser-meganav-desktop-multicat .cmp-teaser__title {
  margin-bottom: 16px;
}
.batcom-teaser-meganav-desktop-multicat .cmp-teaser__title > *, .batcom-teaser-meganav-desktop-multicat .cmp-teaser__title-link > *, .batcom-teaser-meganav-desktop-multicat .cmp-teaser__description > * {
  height: auto;
  overflow: hidden;
  color: var(--teaser-text-color);
  display: -webkit-box; /* stylelint-disable-line */
  -webkit-line-clamp: 1; /* stylelint-disable-line */
  -webkit-box-orient: vertical; /* stylelint-disable-line */
}
.batcom-teaser-meganav-desktop-multicat .cmp-teaser__title > *:hover, .batcom-teaser-meganav-desktop-multicat .cmp-teaser__title-link > *:hover, .batcom-teaser-meganav-desktop-multicat .cmp-teaser__description > *:hover {
  color: var(--teaser-text-color-hover);
}
.batcom-teaser-meganav-desktop-multicat .cmp-teaser__title, .batcom-teaser-meganav-desktop-multicat .cmp-teaser__title > * {
  font-size: var(--batcom-typography-body-size-desktop);
  line-height: var(--batcom-typography-body-line-height-desktop);
  font-weight: 500;
  font-family: var(--batcom-font-face-2-name);
  color: var(--teaser-text-color);
}
.batcom-teaser-meganav-desktop-multicat .cmp-teaser__description > * {
  -webkit-line-clamp: 3; /* stylelint-disable-line */
  height: -moz-max-content;
  height: max-content;
}
.batcom-teaser-meganav-desktop-multicat .cmp-teaser__description {
  margin-bottom: 16px;
}
.batcom-teaser-meganav-desktop-multicat .cmp-teaser__description p,
.batcom-teaser-meganav-desktop-multicat .cmp-teaser__description span,
.batcom-teaser-meganav-desktop-multicat .cmp-teaser__description a {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 400;
  font-family: var(--batcom-font-face-1-name);
}
.batcom-teaser-meganav-desktop-multicat .cmp-teaser__action-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.batcom-teaser-meganav-desktop-multicat .cmp-teaser__action-link {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  position: relative;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  font-family: var(--batcom-font-face-2-name);
  color: var(--teaser-text-color);
  margin-top: 0;
}
.batcom-teaser-meganav-desktop-multicat .cmp-teaser__action-link:hover {
  text-decoration: none;
}
.batcom-teaser-meganav-desktop-multicat .cmp-teaser__action-link::after {
  content: "";
  position: absolute;
  width: 17px;
  height: 14px;
  right: -25px;
  -webkit-mask-image: url("../../../../../../etc.clientlibs/batcom/base/clientlibs/publish/resources/icons/arrow.svg");
          mask-image: url("../../../../../../etc.clientlibs/batcom/base/clientlibs/publish/resources/icons/arrow.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--teaser-text-color);
}
.batcom-teaser-meganav-desktop-multicat .cmp-teaser .cmp-button span {
  color: var(--teaser-text-color);
}

@keyframes bounce-icon {
  0% {
    transform: translate(0, 1px);
  }
  50% {
    transform: translate(5px, 1px);
  }
  100% {
    transform: translate(0, 1px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  body .batcom-teaser-stage-aligned {
    --batcom-typography-button-size-tablet: 0.64rem;
  }
}
body .batcom-teaser-stage-aligned .cmp-teaser__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 60%;
  box-sizing: border-box;
  padding: 24px 0 24px 40px;
}
@media only screen and (min-width: 768px) {
  body .batcom-teaser-stage-aligned .cmp-teaser__action-container {
    flex-grow: 1;
    align-items: flex-end;
    display: flex;
  }
}
@media only screen and (min-width: 768px) {
  body .batcom-teaser-stage-aligned .cmp-teaser__image + .cmp-teaser__content {
    padding: 10px 0 10px 10px;
  }
}
@media only screen and (min-width: 1680px) {
  body .batcom-teaser-stage-aligned .cmp-teaser__image + .cmp-teaser__content {
    padding: 24px 0 24px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  body .batcom-teaser-stage-aligned .cmp-teaser__image + .cmp-teaser__content .cmp-teaser__description * {
    font-size: 0.8rem;
  }
}

@media only screen and (max-width: 767px) {
  body .batcom-teaser-horizontal--text-image-inline .cmp-teaser__content {
    text-align: center;
  }
}
body .batcom-teaser-horizontal--text-image-inline .cmp-teaser__title {
  margin-bottom: 0;
}
body .batcom-teaser-horizontal--text-image-inline .cmp-teaser {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 1.5rem;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  body .batcom-teaser-horizontal--text-image-inline .cmp-teaser {
    grid-template-columns: 1fr;
    padding: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  body .batcom-teaser-horizontal--text-image-inline .cmp-teaser__content {
    order: -1;
    margin-block-end: 2.75rem;
  }
}
@media only screen and (max-width: 767px) {
  body .batcom-teaser-horizontal--text-image-inline .cmp-teaser__pretitle {
    display: none;
  }
}

body .teaser-background-image .cmp-teaser {
  position: relative;
}
body .teaser-background-image .cmp-teaser__image {
  position: relative;
}
body .teaser-background-image .cmp-teaser__content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 60%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  body .teaser-background-image .cmp-teaser__content {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  body .teaser-background-image .cmp-teaser__content {
    padding: 32px 0 32px 32px;
  }
}
body .teaser-background-image .cmp-teaser__description {
  margin-top: calc((1vw - 3px) * 20);
}
@media only screen and (min-width: 768px) {
  body .teaser-background-image .cmp-teaser__description {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1024px) {
  body .teaser-background-image .cmp-teaser__description {
    margin-top: calc((1vw - 11px) * 10);
  }
}
@media only screen and (min-width: 1280px) {
  body .teaser-background-image .cmp-teaser__description {
    margin-top: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  body .teaser-background-image .cmp-teaser__description * {
    font-size: 1rem;
  }
}
body .teaser-background-image .cmp-teaser__description .small {
  line-height: 1;
  margin-bottom: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  body .teaser-background-image .cmp-teaser__description .small {
    margin-bottom: 4px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  body .teaser-background-image .cmp-teaser__description .small * {
    font-size: 0.65rem;
    line-height: 1;
  }
}

@media only screen and (max-width: 767px) {
  .batcom-teaser.batcom-teaser-promo-card {
    margin: 0;
  }
}
.batcom-teaser.batcom-teaser-promo-card:not(.batcom-space--noBottomSpace, .batcom-space--smallBottom, .batcom-space--mediumBottom, .batcom-space--largeBottom) {
  margin: 16px 0;
}
@media only screen and (max-width: 1023px) {
  .aem-Grid.aem-Grid--default--12 .batcom-teaser.batcom-teaser-promo-card.aem-GridColumn--default--12 {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .aem-Grid.aem-Grid--default--12 .batcom-teaser.batcom-teaser-promo-card.aem-GridColumn--default--12 {
    width: 100%;
    display: initial;
    gap: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-carousel-v3--global-arrow-middle .aem-Grid.aem-Grid--default--12 .batcom-teaser.batcom-teaser-promo-card.aem-GridColumn--default--12 {
    display: block;
  }
}
.batcom-teaser.batcom-teaser-promo-card .cmp-teaser {
  position: relative;
  display: flex;
  flex-direction: column;
}
.batcom-teaser.batcom-teaser-promo-card .cmp-teaser__image {
  flex: 1 1 auto;
}
@media only screen and (max-width: 1023px) {
  .batcom-teaser.batcom-teaser-promo-card .cmp-teaser__image {
    position: relative;
  }
}
.columncontrol--product-highlight .columncontrol__column:first-child .batcom-teaser.batcom-teaser-promo-card .cmp-teaser__image {
  display: none;
}
.batcom-teaser.batcom-teaser-promo-card .cmp-teaser__content-promocard-wrapper {
  position: absolute;
  top: 0;
  overflow: hidden;
  padding: 24px 24px 0;
  height: calc(100% - 24px);
  width: 100%;
  backface-visibility: hidden;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser.batcom-teaser-promo-card .cmp-teaser__content-promocard-wrapper {
    padding: 48px 48px 0;
    height: calc(100% - 48px);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser.batcom-teaser-promo-card .cmp-teaser__content-promocard-wrapper {
    padding: 32px 32px 0;
    height: calc(100% - 32px);
  }
}
.columncontrol--product-highlight .columncontrol__column:first-child .batcom-teaser.batcom-teaser-promo-card .cmp-teaser__content-promocard-wrapper {
  position: static;
  height: 100%;
  padding-block-end: 24px;
}
@media only screen and (min-width: 768px) {
  .columncontrol--product-highlight .columncontrol__column:first-child .batcom-teaser.batcom-teaser-promo-card .cmp-teaser__content-promocard-wrapper {
    padding-block-end: 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .columncontrol--product-highlight .columncontrol__column:first-child .batcom-teaser.batcom-teaser-promo-card .cmp-teaser__content-promocard-wrapper {
    padding-block-end: 32px;
  }
}
.batcom-teaser.batcom-teaser-promo-card .cmp-teaser__content {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.columncontrol--product-highlight .columncontrol__column:first-child .batcom-teaser.batcom-teaser-promo-card .cmp-teaser__content {
  height: 100%;
}
.batcom-teaser.batcom-teaser-promo-card .cmp-teaser__pretitle, .batcom-teaser.batcom-teaser-promo-card .cmp-teaser__title, .batcom-teaser.batcom-teaser-promo-card .cmp-teaser__description {
  color: var(--batcom-color-palette-5);
}
.batcom-teaser.batcom-teaser-promo-card .cmp-teaser__pretitle {
  font-family: var(--batcom-font-face-4-name);
  font-size: 26px;
  line-height: 30px;
  font-weight: 700;
}
@media only screen and (max-width: 1023px) {
  .batcom-teaser.batcom-teaser-promo-card .cmp-teaser__pretitle {
    font-size: 20px;
    line-height: 24px;
  }
}
.batcom-teaser.batcom-teaser-promo-card .cmp-teaser__title {
  font-family: var(--batcom-font-face-3-name);
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 8px;
}
.batcom-teaser.batcom-teaser-promo-card .cmp-teaser__description {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 16px;
  font-family: var(--batcom-font-face-1-name);
}
.batcom-teaser.batcom-teaser-promo-card .cmp-teaser__title, .batcom-teaser.batcom-teaser-promo-card .cmp-teaser__description {
  max-width: 368px;
}
.batcom-teaser.batcom-teaser-promo-card .cmp-teaser__action-container {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
}
.batcom-teaser.batcom-teaser-promo-card .cmp-teaser__action-link {
  --batcom-button-text: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-primary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-primary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover-inverted);
  --batcom-button-icon: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-outline: var(--batcom-color-button-outline-inverted, #0761cd);
  display: inline-flex;
  font-size: var(--batcom-typography-button-size-mobile);
  line-height: var(--batcom-typography-button-line-height-mobile);
  font-family: var(--batcom-typography-button-family);
  font-weight: var(--batcom-typography-button-weight);
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: var(--batcom-layout-button-primary-border-radius);
  cursor: pointer;
  color: var(--batcom-button-text) !important; /* stylelint-disable-line */
  background-color: var(--batcom-button-bg);
  border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border);
  text-decoration: none !important; /* stylelint-disable-line */
  padding: 10px 20px;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser.batcom-teaser-promo-card .cmp-teaser__action-link {
    --batcom-typography-button-size-mobile: var(--batcom-typography-button-size-desktop);
    --batcom-typography-button-line-height-mobile: var(--batcom-typography-button-line-height-desktop);
  }
}
.batcom-teaser.batcom-teaser-promo-card .cmp-teaser__action-link span {
  color: var(--batcom-button-text);
}
@media (hover: hover) {
  .batcom-teaser.batcom-teaser-promo-card .cmp-teaser__action-link:hover {
    color: var(--batcom-button-text-hover) !important; /* stylelint-disable-line */
    background-color: var(--batcom-button-bg-hover);
    border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border-hover);
    text-decoration: none !important; /* stylelint-disable-line */
  }
  .batcom-teaser.batcom-teaser-promo-card .cmp-teaser__action-link:hover span {
    color: var(--batcom-button-text-hover);
  }
  .batcom-teaser.batcom-teaser-promo-card .cmp-teaser__action-link:hover .cmp-button__svg :is(svg, g, path) {
    fill: var(--batcom-button-icon-hover);
  }
}
.batcom-teaser.batcom-teaser-promo-card .cmp-teaser__action-link__text + .cmp-button__svg {
  margin-left: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.batcom-teaser.batcom-teaser-promo-card .cmp-teaser__action-link__svg :is(svg, g, path) {
  fill: var(--batcom-button-icon);
  filter: none;
}
.batcom-teaser.batcom-teaser-promo-card .cmp-teaser__action-link__svg svg {
  height: 16px;
}
.cmp-button__svg .batcom-teaser.batcom-teaser-promo-card .cmp-teaser__action-link__svg svg {
  height: 20px;
}
.batcom-teaser.batcom-teaser-promo-card .cmp-teaser__action-link:focus {
  outline: transparent;
}
.batcom-teaser.batcom-teaser-promo-card .cmp-teaser__action-link:focus-visible {
  outline: 2px solid var(--batcom-button-outline);
  outline-offset: 4px;
}
.batcom-teaser.batcom-teaser-promo-card .cmp-teaser__action-link {
  --batcom-button-text: var(--batcom-color-button-secondary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-secondary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-secondary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-secondary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-secondary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-secondary-border-hover-inverted);
  --batcom-button-icon: var(--batcom-color-button-secondary-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-secondary-text-hover-inverted);
  --batcom-layout-button-primary-border-radius: var(--batcom-layout-button-secondary-border-radius);
}
.batcom-container--primary-dark .batcom-teaser.batcom-teaser-promo-card .cmp-teaser__action-link, .batcom-container--secondary-dark .batcom-teaser.batcom-teaser-promo-card .cmp-teaser__action-link, .batcom-container--tertiary-dark .batcom-teaser.batcom-teaser-promo-card .cmp-teaser__action-link {
  --batcom-button-text: var(--batcom-color-button-secondary-text);
  --batcom-button-text-hover: var(--batcom-color-button-secondary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-secondary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-secondary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-secondary-border);
  --batcom-button-border-hover: var(--batcom-color-button-secondary-border-hover);
}
.batcom-container--primary-dark .batcom-teaser.batcom-teaser-promo-card .cmp-teaser__action-link .cmp-button__svg :is(svg, g, path), .batcom-container--secondary-dark .batcom-teaser.batcom-teaser-promo-card .cmp-teaser__action-link .cmp-button__svg :is(svg, g, path), .batcom-container--tertiary-dark .batcom-teaser.batcom-teaser-promo-card .cmp-teaser__action-link .cmp-button__svg :is(svg, g, path) {
  --batcom-button-icon: var(--batcom-color-button-secondary-text);
  --batcom-button-icon-hover: var(--batcom-color-button-secondary-text-hover);
}
.batcom-teaser.batcom-teaser-promo-card .cmp-teaser__action-link {
  font-family: var(--batcom-font-face-4-name);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  transition: 0.3s;
  height: 32px;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser.batcom-teaser-promo-card .cmp-teaser__action-link {
    font-weight: 700;
  }
}
.batcom-teaser.batcom-teaser-promo-card .cmp-image__image {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 80% 50%;
     object-position: 80% 50%;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser.batcom-teaser-promo-card .cmp-image__image {
    -o-object-position: 65% 50%;
       object-position: 65% 50%;
    height: auto;
  }
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-top {
  position: relative;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-top .cmp-teaser__content {
  justify-content: flex-start;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-middle {
  position: relative;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-middle .cmp-teaser__content {
  justify-content: center;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-bottom {
  position: relative;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-bottom .cmp-teaser__content {
  justify-content: flex-end;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-horizontal-left {
  position: relative;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-horizontal-left .cmp-teaser__content {
  align-items: flex-start;
  text-align: left;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-horizontal-left .cmp-teaser__content .cmp-teaser__action-container {
  justify-content: flex-start;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-horizontal-center {
  position: relative;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-horizontal-center .cmp-teaser__content {
  align-items: center;
  text-align: center;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-horizontal-center .cmp-teaser__content .cmp-teaser__action-container {
  justify-content: center;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-horizontal-right {
  position: relative;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-horizontal-right .cmp-teaser__content {
  align-items: flex-end;
  text-align: right;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-horizontal-right .cmp-teaser__content .cmp-teaser__action-container {
  justify-content: flex-end;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-top.batcom-teaser--alignment-horizontal-left {
  position: relative;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-top.batcom-teaser--alignment-horizontal-left .cmp-teaser__content {
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-top.batcom-teaser--alignment-horizontal-left .cmp-teaser__content .cmp-teaser__action-container {
  justify-content: flex-start;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-top.batcom-teaser--alignment-horizontal-center {
  position: relative;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-top.batcom-teaser--alignment-horizontal-center .cmp-teaser__content {
  justify-content: flex-start;
  align-items: center;
  text-align: center;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-top.batcom-teaser--alignment-horizontal-center .cmp-teaser__content .cmp-teaser__action-container {
  justify-content: center;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-top.batcom-teaser--alignment-horizontal-right {
  position: relative;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-top.batcom-teaser--alignment-horizontal-right .cmp-teaser__content {
  justify-content: flex-start;
  align-items: flex-end;
  text-align: right;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-top.batcom-teaser--alignment-horizontal-right .cmp-teaser__content .cmp-teaser__action-container {
  justify-content: flex-end;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-middle.batcom-teaser--alignment-horizontal-left {
  position: relative;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-middle.batcom-teaser--alignment-horizontal-left .cmp-teaser__content {
  justify-content: center;
  align-items: flex-start;
  text-align: left;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-middle.batcom-teaser--alignment-horizontal-left .cmp-teaser__content .cmp-teaser__action-container {
  justify-content: flex-start;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-middle.batcom-teaser--alignment-horizontal-center {
  position: relative;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-middle.batcom-teaser--alignment-horizontal-center .cmp-teaser__content {
  justify-content: center;
  align-items: center;
  text-align: center;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-middle.batcom-teaser--alignment-horizontal-center .cmp-teaser__content .cmp-teaser__action-container {
  justify-content: center;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-middle.batcom-teaser--alignment-horizontal-right {
  position: relative;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-middle.batcom-teaser--alignment-horizontal-right .cmp-teaser__content {
  justify-content: center;
  align-items: flex-end;
  text-align: right;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-middle.batcom-teaser--alignment-horizontal-right .cmp-teaser__content .cmp-teaser__action-container {
  justify-content: flex-end;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-bottom.batcom-teaser--alignment-horizontal-left {
  position: relative;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-bottom.batcom-teaser--alignment-horizontal-left .cmp-teaser__content {
  justify-content: flex-end;
  align-items: flex-start;
  text-align: left;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-bottom.batcom-teaser--alignment-horizontal-left .cmp-teaser__content .cmp-teaser__action-container {
  justify-content: flex-start;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-bottom.batcom-teaser--alignment-horizontal-center {
  position: relative;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-bottom.batcom-teaser--alignment-horizontal-center .cmp-teaser__content {
  justify-content: flex-end;
  align-items: center;
  text-align: center;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-bottom.batcom-teaser--alignment-horizontal-center .cmp-teaser__content .cmp-teaser__action-container {
  justify-content: center;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-bottom.batcom-teaser--alignment-horizontal-right {
  position: relative;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-bottom.batcom-teaser--alignment-horizontal-right .cmp-teaser__content {
  justify-content: flex-end;
  align-items: flex-end;
  text-align: right;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-teaser--alignment-vertical-bottom.batcom-teaser--alignment-horizontal-right .cmp-teaser__content .cmp-teaser__action-container {
  justify-content: flex-end;
}
.batcom-teaser.batcom-teaser-promo-card.batcom-text-color--dark .cmp-teaser__pretitle, .batcom-teaser.batcom-teaser-promo-card.batcom-text-color--dark .cmp-teaser__title, .batcom-teaser.batcom-teaser-promo-card.batcom-text-color--dark .cmp-teaser__description {
  color: var(--batcom-color-body-text) !important; /* stylelint-disable-line */
}
.batcom-teaser.batcom-teaser-promo-card.batcom-text-color--dark .cmp-teaser__action-link {
  color: var(--batcom-color-body-text) !important; /* stylelint-disable-line */
  border: var(--batcom-layout-button-border-width) solid var(--batcom-color-body-text);
}

.cq-Editable-dom .batcom-teaser.batcom-teaser-promo-card .cmp-teaser__content {
  position: absolute;
  overflow: hidden;
  padding: 24px 24px 0;
  height: calc(100% - 24px);
  width: 100%;
}

.batcom-teaser-content-with-image {
  --batcom-typography-small-size-desktop: 0.875rem;
  --batcom-typography-x-small-size-tablet: 0.75rem;
  --batcom-typography-h4-size-desktop: 1.625rem;
  --batcom-typography-h4-line-height-desktop: 1.875rem;
  --batcom-typography-h5-size-mobile: 1rem;
  --batcom-typography-small-line-height-mobile: 1.125rem;
  --batcom-typography-h6-line-height-desktop: 1.5rem;
  position: relative;
  margin-bottom: 0;
}
.batcom-teaser-content-with-image .cmp-teaser__image {
  margin-bottom: 0;
}
.batcom-teaser-content-with-image .cmp-teaser__content {
  position: absolute;
  bottom: 0;
  padding: 0 24px 24px;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
}
@media only screen and (max-width: 767px) {
  .batcom-teaser-content-with-image .cmp-teaser__content {
    padding: 0 16px 16px;
  }
}
.batcom-teaser-content-with-image .cmp-teaser__pretitle {
  font-family: var(--batcom-font-face-3-name);
  font-size: var(--batcom-typography-small-size-desktop);
  color: #1b1b1b;
  background-color: #ff0;
  width: -moz-fit-content;
  width: fit-content;
  padding: 3px 9px;
  border-radius: 80px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  .batcom-teaser-content-with-image .cmp-teaser__pretitle {
    font-size: var(--batcom-typography-x-small-size-tablet);
    padding: 2px 8px;
  }
}
.batcom-teaser-content-with-image .cmp-teaser__title {
  font-family: var(--batcom-font-face-2-name);
  font-size: var(--batcom-typography-h4-size-desktop);
  font-weight: var(--batcom-typography-weight-bold);
  line-height: var(--batcom-typography-h4-line-height-desktop);
  color: #fff200;
  margin-bottom: 0;
}
.batcom-teaser-content-with-image .cmp-teaser__title span {
  font-size: inherit;
  line-height: inherit;
}
@media only screen and (max-width: 767px) {
  .batcom-teaser-content-with-image .cmp-teaser__title {
    font-size: var(--batcom-typography-h5-size-mobile);
    line-height: var(--batcom-typography-small-line-height-mobile);
  }
}
.batcom-teaser-content-with-image .cmp-teaser__action-link {
  font-family: var(--batcom-font-face-2-name);
  margin-top: 8px;
  font-size: var(--batcom-typography-x-small-size-tablet);
  color: #fff;
  text-decoration: none;
}
.batcom-teaser-content-with-image .cmp-teaser__action-link::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 12px;
  margin-left: 10px;
  -webkit-mask: url("../../../../../../etc.clientlibs/batcom/base/clientlibs/publish/resources/icons/arrow-right-link-button.svg") center/contain no-repeat;
          mask: url("../../../../../../etc.clientlibs/batcom/base/clientlibs/publish/resources/icons/arrow-right-link-button.svg") center/contain no-repeat;
  background-color: #fff;
}
.batcom-teaser-content-with-image .cmp-image img {
  -o-object-fit: cover;
     object-fit: cover;
}
.batcom-teaser-content-with-image.batcom-space--smallBottom {
  margin-bottom: var(--batcom-typography-h6-line-height-desktop);
}
@media only screen and (max-width: 767px) {
  .batcom-teaser-content-with-image.batcom-space--smallBottom {
    margin-bottom: var(--batcom-typography-h5-size-mobile);
  }
}

.batcom-teaser--height-full {
  height: 100%;
}
.batcom-teaser--height-full .cmp-teaser {
  height: 100%;
}
.batcom-teaser--height-full .cmp-teaser__image {
  height: 100%;
}
.batcom-teaser--height-full .cmp-image {
  height: 100%;
}
.batcom-teaser--height-full .cmp-image img {
  height: 100%;
}

.batcom-teaser-half-banner .cmp-teaser {
  display: flex;
  position: relative;
  flex-flow: column nowrap;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-half-banner .cmp-teaser {
    flex-flow: row nowrap;
  }
}
.batcom-teaser-half-banner .cmp-teaser__link {
  display: flex;
  position: relative;
  flex-flow: column nowrap;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-half-banner .cmp-teaser__link {
    flex-flow: row nowrap;
  }
}
.batcom-teaser-half-banner .cmp-teaser__image-half-banner-wrapper {
  flex: 1;
  max-width: 100%;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-half-banner .cmp-teaser__image-half-banner-wrapper {
    max-width: 50%;
  }
}
.batcom-teaser-half-banner .cmp-teaser__image-half-banner-wrapper .cmp-teaser__image {
  display: block;
  width: 100%;
  max-width: 100%;
}
.batcom-teaser-half-banner .cmp-teaser__image, .batcom-teaser-half-banner .cmp-teaser__content {
  flex: 1;
  max-width: 100%;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-half-banner .cmp-teaser__image, .batcom-teaser-half-banner .cmp-teaser__content {
    max-width: 50%;
  }
}
.batcom-teaser-half-banner .cmp-teaser__content {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  padding: 48px 24px;
}
@media only screen and (min-width: 480px) {
  .batcom-teaser-half-banner .cmp-teaser__content {
    padding: 96px 48px 80px;
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-half-banner .cmp-teaser__content {
    padding: 30px 120px;
  }
}
@media only screen and (max-width: 767px) {
  .batcom-teaser-half-banner .cmp-teaser__title {
    font-size: var(--batcom-typography-h2-size-mobile);
    line-height: var(--batcom-typography-h2-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-half-banner .cmp-teaser__title {
    font-size: var(--batcom-typography-h2-size-tablet);
    line-height: var(--batcom-typography-h2-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-half-banner .cmp-teaser__title {
    font-size: var(--batcom-typography-h2-size-desktop);
    line-height: var(--batcom-typography-h2-line-height-desktop);
  }
}
.batcom-teaser-half-banner .cmp-teaser__title {
  text-transform: uppercase;
}
.batcom-teaser-half-banner .cmp-teaser__title a {
  font-size: inherit;
  line-height: inherit;
}
.batcom-teaser-half-banner .cmp-teaser__secondary-image {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  bottom: 0;
  left: 50%;
  right: initial;
  top: initial;
  transform: translate(-50%, 50%) scale(1.4);
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-half-banner .cmp-teaser__secondary-image {
    right: 0;
    top: 50%;
    bottom: initial;
    left: initial;
    transform: translate(50%, -50%);
  }
  .batcom-teaser-half-banner .cmp-teaser__secondary-image .cmp-image {
    height: 100%;
  }
  .batcom-teaser-half-banner .cmp-teaser__secondary-image .cmp-image img {
    height: 100%;
  }
}
@media only screen and (min-width: 1280px) {
  .batcom-teaser-half-banner .cmp-teaser__secondary-image {
    transform: translate(50%, -50%);
  }
}
.batcom-teaser-half-banner .cmp-teaser__secondary-image img,
.batcom-teaser-half-banner .cmp-teaser__secondary-image picture {
  width: auto;
  height: auto;
}
.batcom-imagelayout--right .batcom-teaser-half-banner .cmp-teaser {
  flex-flow: column-reverse nowrap;
}
@media only screen and (min-width: 1024px) {
  .batcom-imagelayout--right .batcom-teaser-half-banner .cmp-teaser {
    flex-flow: row-reverse nowrap;
  }
}
.batcom-imagelayout--right .batcom-teaser-half-banner .cmp-teaser__link {
  flex-flow: column-reverse nowrap;
}
@media only screen and (min-width: 1024px) {
  .batcom-imagelayout--right .batcom-teaser-half-banner .cmp-teaser__link {
    flex-flow: row-reverse nowrap;
  }
}
.batcom-imagelayout--right .batcom-teaser-half-banner .cmp-teaser__secondary-image {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.4);
}
@media only screen and (min-width: 1024px) {
  .batcom-imagelayout--right .batcom-teaser-half-banner .cmp-teaser__secondary-image {
    right: initial;
    top: 50%;
    bottom: initial;
    left: 0;
    transform: translate(-50%, -50%);
  }
  .batcom-imagelayout--right .batcom-teaser-half-banner .cmp-teaser__secondary-image .cmp-image {
    height: 100%;
  }
  .batcom-imagelayout--right .batcom-teaser-half-banner .cmp-teaser__secondary-image .cmp-image img {
    height: 100%;
  }
}
@media only screen and (min-width: 1280px) {
  .batcom-imagelayout--right .batcom-teaser-half-banner .cmp-teaser__secondary-image {
    transform: translate(-50%, -50%);
  }
}
.batcom-imagelayout--right .batcom-teaser-half-banner .cmp-teaser__secondary-image img,
.batcom-imagelayout--right .batcom-teaser-half-banner .cmp-teaser__secondary-image picture {
  width: auto;
  height: auto;
}
.batcom-imagelayout--right .batcom-teaser-half-banner .cmp-teaser__content {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  padding: 48px 24px;
}
@media only screen and (min-width: 480px) {
  .batcom-imagelayout--right .batcom-teaser-half-banner .cmp-teaser__content {
    padding: 80px 48px 96px;
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-imagelayout--right .batcom-teaser-half-banner .cmp-teaser__content {
    padding: 30px 120px;
  }
}

.batcom-teaser-with-number {
  border-radius: 24px;
  border: 1px solid #000;
  position: relative;
  height: 100%;
}
.batcom-teaser-with-number .cmp-teaser {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 57px;
  padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .batcom-teaser-with-number .cmp-teaser {
    padding: 0;
  }
}
.batcom-teaser-with-number .cmp-teaser__image {
  margin: 16px 0;
}
@media only screen and (max-width: 767px) {
  .batcom-teaser-with-number .cmp-teaser__image {
    margin-bottom: 8px;
  }
}
.batcom-teaser-with-number .cmp-teaser__image img {
  width: 90px;
  height: 90px;
  max-width: 90px;
  max-height: 90px;
}
.batcom-teaser-with-number .cmp-teaser__content {
  padding: 16px;
}
.batcom-teaser-with-number .cmp-teaser__content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-align: center;
  margin: 0;
  color: #201a1a;
}
.batcom-teaser-with-number .cmp-teaser__pretitle {
  position: absolute;
  top: 16px;
  left: 16px;
  width: 40px;
  height: 40px;
  color: #fff;
  background-color: rgb(54, 150, 112);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  line-height: 120%;
  font-weight: 500;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .batcom-teaser-with-number .cmp-teaser__pretitle {
    font-size: 24px;
  }
}

.columncontrol__wrapper:has(.batcom-teaser-with-number) {
  -moz-column-gap: 16px;
       column-gap: 16px;
}
@media only screen and (max-width: 767px) {
  .columncontrol__wrapper:has(.batcom-teaser-with-number) {
    row-gap: 6px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .columncontrol__wrapper:has(.batcom-teaser-with-number) {
    row-gap: 16px;
  }
}

.batcom-teaser-product-card {
  --teaser-width: 293px;
}
.aem-Grid.aem-Grid--default--12 .batcom-teaser-product-card.aem-GridColumn--default--12 {
  width: var(--teaser-width);
  display: flex;
}
.batcom-teaser-product-card .cmp-teaser {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.batcom-teaser-product-card .cmp-teaser__image img {
  height: 244px;
  width: 293px;
  margin: 25px auto;
  transition: transform 800ms ease;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-product-card .cmp-teaser__image img:hover {
    transform: scale(1.25);
  }
}
.batcom-teaser-product-card .cmp-teaser__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  margin: 0 10px;
  flex: 1;
}
.batcom-teaser-product-card .cmp-teaser__title, .batcom-teaser-product-card .cmp-teaser__pretitle, .batcom-teaser-product-card .cmp-teaser__description {
  text-align: center;
}
.batcom-teaser-product-card .cmp-teaser__description, .batcom-teaser-product-card .cmp-teaser__pretitle {
  margin-top: 0;
}
.batcom-teaser-product-card .cmp-teaser__action-container {
  margin-top: auto;
}
.batcom-teaser-product-card .cmp-teaser__action-link {
  margin-top: 10px;
}
.batcom-container--children-horizontal-scroll-carousel .batcom-teaser-product-card {
  flex: 0 0 100%;
  scroll-snap-align: start;
  max-width: 100%;
}
.batcom-container--children-horizontal-scroll-carousel .batcom-teaser-product-card .cmp-teaser {
  max-width: var(--teaser-width);
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .batcom-container--children-horizontal-scroll-carousel .batcom-teaser-product-card .cmp-teaser {
    max-width: inherit;
  }
}
.batcom-teaser-product-card.batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class {
  height: 51px;
  width: 137px;
  padding: 16px 30px;
  line-height: 14px;
  border-radius: 33px;
}

.batcom-teaser-with-quotes .cmp-teaser {
  display: flex;
  flex-direction: column-reverse;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-with-quotes .cmp-teaser {
    display: flex;
    flex-direction: row;
  }
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-with-quotes .cmp-teaser__image {
    width: 56.54%;
    float: left;
  }
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-with-quotes .cmp-teaser__image + .cmp-teaser__content {
    padding-left: 2.66%;
    flex-basis: 31%;
    align-content: center;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .batcom-teaser-with-quotes .cmp-teaser__image + .cmp-teaser__content {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.batcom-teaser-with-quotes .cmp-teaser__content {
  flex-basis: 100%;
}
.batcom-teaser-with-quotes .cmp-teaser__description {
  color: var(--batcom-color-sticky-cart-banner-text);
}
@media only screen and (max-width: 767px) {
  .batcom-teaser-with-quotes .cmp-teaser__description {
    display: block;
    padding: 0 20px;
  }
}
.batcom-teaser-with-quotes .cmp-teaser__description--top-quote {
  font-size: 70px;
  font-weight: 700;
  font-style: italic;
  transform: rotate(180deg);
  text-align: end;
  margin-bottom: 25px;
  margin-left: 12px;
  font-family: var(--batcom-font-face-1-name);
}
.batcom-teaser-with-quotes .cmp-teaser__description--bottom-quote {
  font-size: 70px;
  font-weight: 700;
  font-style: italic;
  margin-top: 5px;
  margin-right: 10px;
  text-align: end;
  font-family: var(--batcom-font-face-1-name);
}
.batcom-teaser-with-quotes .cmp-teaser__description--content {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0;
  font-family: var(--batcom-font-face-1-name);
}
.batcom-teaser-with-quotes .cmp-teaser__description--text-blue {
  color: #01567e;
}
.batcom-teaser-with-quotes .cmp-teaser__description--head-text {
  font-weight: 700;
  line-height: 24px;
  font-family: var(--batcom-font-face-1-name);
}
@media only screen and (max-width: 767px) {
  .batcom-teaser-with-quotes .cmp-teaser__action-container {
    padding: 0 20px;
  }
}
.batcom-teaser-with-quotes .cmp-teaser__action-link {
  background: #254aa2;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  padding: 6px 40px;
  border-radius: 100px;
  color: #fff;
  letter-spacing: 1px;
  text-decoration: none;
  margin-top: 32px;
  font-family: var(--batcom-font-face-1-name);
  text-align: center;
}

.batcom-text-color--light .cmp-teaser__pretitle, .batcom-text-color--light .cmp-teaser__description, .batcom-text-color--light .cmp-teaser__description a, .batcom-text-color--light .cmp-teaser__description h1, .batcom-text-color--light .cmp-teaser__description h2, .batcom-text-color--light .cmp-teaser__description h3, .batcom-text-color--light .cmp-teaser__description h4, .batcom-text-color--light .cmp-teaser__description h5, .batcom-text-color--light .cmp-teaser__description h6, .batcom-text-color--light .cmp-teaser__title, .batcom-text-color--light .cmp-teaser__title-link, .batcom-text-color--light .cmp-teaser__action-link {
  color: var(--batcom-color-body-text-inverted);
}
.batcom-text-color--dark .cmp-teaser__pretitle, .batcom-text-color--dark .cmp-teaser__description, .batcom-text-color--dark .cmp-teaser__description a, .batcom-text-color--dark .cmp-teaser__description h1, .batcom-text-color--dark .cmp-teaser__description h2, .batcom-text-color--dark .cmp-teaser__description h3, .batcom-text-color--dark .cmp-teaser__description h4, .batcom-text-color--dark .cmp-teaser__description h5, .batcom-text-color--dark .cmp-teaser__description h6, .batcom-text-color--dark .cmp-teaser__title, .batcom-text-color--dark .cmp-teaser__title-link, .batcom-text-color--dark .cmp-teaser__action-link {
  color: var(--batcom-color-body-text);
}
.cmp-teaser .h1-style {
  font-family: var(--batcom-typography-h1-family);
  font-size: var(--batcom-typography-h1-size-mobile);
  line-height: var(--batcom-typography-h1-line-height-mobile);
  word-break: break-word;
  color: var(--batcom-color-heading-h1);
  font-weight: var(--batcom-typography-h1-weight);
}
.cmp-teaser .h1-style span {
  font-family: var(--batcom-typography-h1-family);
  font-size: var(--batcom-typography-h1-size-mobile);
  line-height: var(--batcom-typography-h1-line-height-mobile);
  font-weight: var(--batcom-typography-h1-weight);
}
.cmp-teaser .h1-style a {
  font-family: var(--batcom-typography-h1-family);
  font-size: var(--batcom-typography-h1-size-mobile);
  line-height: var(--batcom-typography-h1-line-height-mobile);
  font-weight: var(--batcom-typography-h1-weight);
  text-decoration: none;
  color: var(--batcom-color-anchor-default);
}
.cmp-teaser .h1-style a:hover, .cmp-teaser .h1-style a:focus {
  color: var(--batcom-color-anchor-hover);
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .cmp-teaser .h1-style {
    --batcom-typography-h1-size-mobile: var(--batcom-typography-h1-size-tablet);
    --batcom-typography-h1-line-height-mobile: var(--batcom-typography-h1-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .cmp-teaser .h1-style {
    --batcom-typography-h1-size-mobile: var(--batcom-typography-h1-size-desktop);
    --batcom-typography-h1-line-height-mobile: var(--batcom-typography-h1-line-height-desktop);
  }
}
.batcom-container--primary-dark .cmp-teaser .h1-style, .batcom-container--secondary-dark .cmp-teaser .h1-style, .batcom-container--tertiary-dark .cmp-teaser .h1-style {
  color: var(--batcom-color-heading-h1-inverted);
}
.cmp-teaser .h2-style {
  font-family: var(--batcom-typography-h2-family);
  font-size: var(--batcom-typography-h2-size-mobile);
  line-height: var(--batcom-typography-h2-line-height-mobile);
  word-break: break-word;
  color: var(--batcom-color-heading-h2);
  font-weight: var(--batcom-typography-h2-weight);
}
.cmp-teaser .h2-style span {
  font-family: var(--batcom-typography-h2-family);
  font-size: var(--batcom-typography-h2-size-mobile);
  line-height: var(--batcom-typography-h2-line-height-mobile);
  font-weight: var(--batcom-typography-h2-weight);
}
.cmp-teaser .h2-style a {
  font-family: var(--batcom-typography-h2-family);
  font-size: var(--batcom-typography-h2-size-mobile);
  line-height: var(--batcom-typography-h2-line-height-mobile);
  font-weight: var(--batcom-typography-h2-weight);
  text-decoration: none;
  color: var(--batcom-color-anchor-default);
}
.cmp-teaser .h2-style a:hover, .cmp-teaser .h2-style a:focus {
  color: var(--batcom-color-anchor-hover);
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .cmp-teaser .h2-style {
    --batcom-typography-h2-size-mobile: var(--batcom-typography-h2-size-tablet);
    --batcom-typography-h2-line-height-mobile: var(--batcom-typography-h2-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .cmp-teaser .h2-style {
    --batcom-typography-h2-size-mobile: var(--batcom-typography-h2-size-desktop);
    --batcom-typography-h2-line-height-mobile: var(--batcom-typography-h2-line-height-desktop);
  }
}
.batcom-container--primary-dark .cmp-teaser .h2-style, .batcom-container--secondary-dark .cmp-teaser .h2-style, .batcom-container--tertiary-dark .cmp-teaser .h2-style {
  color: var(--batcom-color-heading-h2-inverted);
}
.cmp-teaser .h3-style {
  font-family: var(--batcom-typography-h3-family);
  font-size: var(--batcom-typography-h3-size-mobile);
  line-height: var(--batcom-typography-h3-line-height-mobile);
  word-break: break-word;
  color: var(--batcom-color-heading-h3);
  font-weight: var(--batcom-typography-h3-weight);
}
.cmp-teaser .h3-style span {
  font-family: var(--batcom-typography-h3-family);
  font-size: var(--batcom-typography-h3-size-mobile);
  line-height: var(--batcom-typography-h3-line-height-mobile);
  font-weight: var(--batcom-typography-h3-weight);
}
.cmp-teaser .h3-style a {
  font-family: var(--batcom-typography-h3-family);
  font-size: var(--batcom-typography-h3-size-mobile);
  line-height: var(--batcom-typography-h3-line-height-mobile);
  font-weight: var(--batcom-typography-h3-weight);
  text-decoration: none;
  color: var(--batcom-color-anchor-default);
}
.cmp-teaser .h3-style a:hover, .cmp-teaser .h3-style a:focus {
  color: var(--batcom-color-anchor-hover);
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .cmp-teaser .h3-style {
    --batcom-typography-h3-size-mobile: var(--batcom-typography-h3-size-tablet);
    --batcom-typography-h3-line-height-mobile: var(--batcom-typography-h3-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .cmp-teaser .h3-style {
    --batcom-typography-h3-size-mobile: var(--batcom-typography-h3-size-desktop);
    --batcom-typography-h3-line-height-mobile: var(--batcom-typography-h3-line-height-desktop);
  }
}
.batcom-container--primary-dark .cmp-teaser .h3-style, .batcom-container--secondary-dark .cmp-teaser .h3-style, .batcom-container--tertiary-dark .cmp-teaser .h3-style {
  color: var(--batcom-color-heading-h3-inverted);
}
.cmp-teaser .h4-style {
  font-family: var(--batcom-typography-h4-family);
  font-size: var(--batcom-typography-h4-size-mobile);
  line-height: var(--batcom-typography-h4-line-height-mobile);
  word-break: break-word;
  color: var(--batcom-color-heading-h4);
  font-weight: var(--batcom-typography-h4-weight);
}
.cmp-teaser .h4-style span {
  font-family: var(--batcom-typography-h4-family);
  font-size: var(--batcom-typography-h4-size-mobile);
  line-height: var(--batcom-typography-h4-line-height-mobile);
  font-weight: var(--batcom-typography-h4-weight);
}
.cmp-teaser .h4-style a {
  font-family: var(--batcom-typography-h4-family);
  font-size: var(--batcom-typography-h4-size-mobile);
  line-height: var(--batcom-typography-h4-line-height-mobile);
  font-weight: var(--batcom-typography-h4-weight);
  text-decoration: none;
  color: var(--batcom-color-anchor-default);
}
.cmp-teaser .h4-style a:hover, .cmp-teaser .h4-style a:focus {
  color: var(--batcom-color-anchor-hover);
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .cmp-teaser .h4-style {
    --batcom-typography-h4-size-mobile: var(--batcom-typography-h4-size-tablet);
    --batcom-typography-h4-line-height-mobile: var(--batcom-typography-h4-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .cmp-teaser .h4-style {
    --batcom-typography-h4-size-mobile: var(--batcom-typography-h4-size-desktop);
    --batcom-typography-h4-line-height-mobile: var(--batcom-typography-h4-line-height-desktop);
  }
}
.batcom-container--primary-dark .cmp-teaser .h4-style, .batcom-container--secondary-dark .cmp-teaser .h4-style, .batcom-container--tertiary-dark .cmp-teaser .h4-style {
  color: var(--batcom-color-heading-h4-inverted);
}
.cmp-teaser__pretitle {
  margin-bottom: 8px;
  font-size: var(--batcom-typography-h6-size-mobile);
  line-height: var(--batcom-typography-h6-line-height-mobile);
  font-weight: var(--batcom-typography-h6-weight);
}
@media only screen and (min-width: 1024px) {
  .cmp-teaser__pretitle {
    --batcom-typography-h6-size-mobile: var(--batcom-typography-h6-size-desktop);
    --batcom-typography-h6-line-height-mobile: var(--batcom-typography-h6-line-height-desktop);
  }
}
.cmp-teaser__description {
  margin-top: 16px;
}
@media only screen and (max-width: 767px) {
  .cmp-teaser__description {
    height: auto;
    overflow: hidden;
    display: -webkit-box; /* stylelint-disable-line */
    -webkit-line-clamp: 2; /* stylelint-disable-line */
    -webkit-box-orient: vertical; /* stylelint-disable-line */
  }
}
@media only screen and (max-width: 479px) {
  .batcom-teaser-stage .cmp-teaser__description {
    height: auto;
    overflow: hidden;
    display: -webkit-box; /* stylelint-disable-line */
    -webkit-line-clamp: 1; /* stylelint-disable-line */
    -webkit-box-orient: vertical; /* stylelint-disable-line */
  }
}
.cmp-teaser__description h1,
.cmp-teaser__description h2,
.cmp-teaser__description h3,
.cmp-teaser__description h4,
.cmp-teaser__description h5,
.cmp-teaser__description h6,
.cmp-teaser__description a,
.cmp-teaser__description blockquote,
.cmp-teaser__description small,
.cmp-teaser__description pre {
  margin-top: 16px;
}
.cmp-teaser .cmp-image__title {
  display: none;
}
.cmp-teaser__action-link {
  display: inline-block;
  margin-top: 24px;
}
body .batcom-teaser .cmp-teaser__action-link {
  font-weight: var(--batcom-typography-button-weight);
}
.cmp-teaser__action-link:not(:last-of-type) {
  margin-bottom: 8px;
}
.cmp-teaser__link {
  text-decoration: none;
  cursor: pointer;
}
.cmp-teaser__link .cmp-teaser__pretitle,
.cmp-teaser__link .cmp-teaser__description {
  color: var(--batcom-color-body-text);
}
.batcom-text-color--light .cmp-teaser__link .cmp-teaser__pretitle,
.batcom-text-color--light .cmp-teaser__link .cmp-teaser__description {
  color: var(--batcom-color-body-text-inverted);
}
.batcom-text-color--dark .cmp-teaser__link .cmp-teaser__pretitle,
.batcom-text-color--dark .cmp-teaser__link .cmp-teaser__description {
  color: var(--batcom-color-body-text);
}
.cmp-teaser__link:hover {
  text-decoration: none;
}
.cmp-list .cmp-teaser__image {
  margin-bottom: 16px;
}
.cmp-teaser .bottom-margin {
  display: inline-block;
  margin-bottom: var(--batcom-layout-text-bottom-margin);
}
.cmp-teaser--clickable {
  cursor: pointer;
}

.batcom-teaser-stage {
  max-width: 1280px;
}
.batcom-teaser-stage .cmp-teaser {
  position: relative;
  overflow: hidden;
}
.batcom-teaser-stage .cmp-teaser__image {
  position: relative;
  overflow: hidden;
  width: 100%;
}
@media only screen and (max-width: 479px) {
  .batcom-teaser-stage .cmp-teaser__image .cmp-image {
    position: relative;
    transform: none;
    top: revert; /* stylelint-disable-line */
  }
}
.batcom-teaser-stage .cmp-teaser__image + .cmp-teaser__content {
  position: absolute;
  top: 0;
  left: 0;
  padding: calc(var(--batcom-layout-content-left-right-margin) / 2);
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-stage .cmp-teaser__image + .cmp-teaser__content {
    padding: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .batcom-teaser-stage .cmp-teaser__image + .cmp-teaser__content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width: 479px) {
  .batcom-teaser-stage .cmp-teaser__image + .cmp-teaser__content > .cmp-teaser__action-container {
    margin-top: auto;
    position: absolute;
    bottom: 20px;
    width: calc(100% - 40px);
  }
}
.batcom-teaser-stage .cmp-teaser__content {
  position: relative;
}
@media only screen and (max-width: 479px) {
  .batcom-teaser-stage .cmp-teaser__acton-container {
    margin-top: auto;
  }
}
@media only screen and (max-width: 479px) {
  .batcom-teaser-stage .cmp-teaser__action-link {
    width: 100%;
    height: auto;
  }
}
.batcom-teaser-stage .cmp-teaser__action-link {
  --batcom-button-text: var(--batcom-color-button-primary-text);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-primary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-primary-border);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover);
  --batcom-button-icon: var(--batcom-color-button-primary-text);
  --batcom-button-icon-hover: var(--batcom-color-button-primary-text-hover);
  --batcom-button-outline: var(--batcom-color-button-outline, #0761cd);
}
.batcom-container--primary-dark .batcom-teaser-stage .cmp-teaser__action-link, .batcom-container--secondary-dark .batcom-teaser-stage .cmp-teaser__action-link, .batcom-container--tertiary-dark .batcom-teaser-stage .cmp-teaser__action-link {
  --batcom-button-outline: var(--batcom-color-button-outline-inverted, #0761cd);
}
.batcom-teaser-stage .cmp-teaser__action-link {
  display: inline-flex;
  font-size: var(--batcom-typography-button-size-mobile);
  line-height: var(--batcom-typography-button-line-height-mobile);
  font-family: var(--batcom-typography-button-family);
  font-weight: var(--batcom-typography-button-weight);
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: var(--batcom-layout-button-primary-border-radius);
  cursor: pointer;
  color: var(--batcom-button-text) !important; /* stylelint-disable-line */
  background-color: var(--batcom-button-bg);
  border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border);
  text-decoration: none !important; /* stylelint-disable-line */
  padding: 10px 20px;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-stage .cmp-teaser__action-link {
    --batcom-typography-button-size-mobile: var(--batcom-typography-button-size-desktop);
    --batcom-typography-button-line-height-mobile: var(--batcom-typography-button-line-height-desktop);
  }
}
.batcom-teaser-stage .cmp-teaser__action-link span {
  color: var(--batcom-button-text);
}
@media (hover: hover) {
  .batcom-teaser-stage .cmp-teaser__action-link:hover {
    color: var(--batcom-button-text-hover) !important; /* stylelint-disable-line */
    background-color: var(--batcom-button-bg-hover);
    border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border-hover);
    text-decoration: none !important; /* stylelint-disable-line */
  }
  .batcom-teaser-stage .cmp-teaser__action-link:hover span {
    color: var(--batcom-button-text-hover);
  }
  .batcom-teaser-stage .cmp-teaser__action-link:hover .cmp-button__svg :is(svg, g, path) {
    fill: var(--batcom-button-icon-hover);
  }
}
.batcom-teaser-stage .cmp-teaser__action-link__text + .cmp-button__svg {
  margin-left: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.batcom-teaser-stage .cmp-teaser__action-link__svg :is(svg, g, path) {
  fill: var(--batcom-button-icon);
  filter: none;
}
.batcom-teaser-stage .cmp-teaser__action-link__svg svg {
  height: 16px;
}
.cmp-button__svg .batcom-teaser-stage .cmp-teaser__action-link__svg svg {
  height: 20px;
}
.batcom-teaser-stage .cmp-teaser__action-link:focus {
  outline: transparent;
}
.batcom-teaser-stage .cmp-teaser__action-link:focus-visible {
  outline: 2px solid var(--batcom-button-outline);
  outline-offset: 4px;
}
.batcom-teaser-stage .cmp-teaser__action-link {
  position: relative;
  width: auto;
  padding-left: calc(var(--batcom-layout-content-left-right-margin) / 2);
  padding-right: calc(var(--batcom-layout-content-left-right-margin) / 2);
  transition: 0.3s;
}
.batcom-teaser-stage .cmp-teaser__action-link:first-child {
  --batcom-button-text: var(--batcom-color-button-primary-text);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-primary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-primary-border);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover);
}
.batcom-container--primary-dark .batcom-teaser-stage .cmp-teaser__action-link:first-child, .batcom-container--secondary-dark .batcom-teaser-stage .cmp-teaser__action-link:first-child, .batcom-container--tertiary-dark .batcom-teaser-stage .cmp-teaser__action-link:first-child {
  --batcom-button-text: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-primary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-primary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover-inverted);
}
.batcom-container--primary-dark .batcom-teaser-stage .cmp-teaser__action-link:first-child .cmp-button__svg :is(svg, g, path), .batcom-container--secondary-dark .batcom-teaser-stage .cmp-teaser__action-link:first-child .cmp-button__svg :is(svg, g, path), .batcom-container--tertiary-dark .batcom-teaser-stage .cmp-teaser__action-link:first-child .cmp-button__svg :is(svg, g, path) {
  --batcom-button-icon: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-primary-text-hover-inverted);
}
.batcom-container--primary-dark .batcom-teaser-stage .cmp-teaser__action-link:first-child option, .batcom-container--secondary-dark .batcom-teaser-stage .cmp-teaser__action-link:first-child option, .batcom-container--tertiary-dark .batcom-teaser-stage .cmp-teaser__action-link:first-child option {
  --batcom-button-text: var(--batcom-color-button-primary-text);
  color: var(--batcom-button-text, #000) !important; /* stylelint-disable-line */
}
.batcom-teaser-stage .cmp-teaser__action-link:first-child {
  margin-right: calc(var(--batcom-layout-content-left-right-margin) / 2);
  padding-right: 40px;
}
.batcom-teaser-stage .cmp-teaser__action-link:first-child::after {
  content: "";
  position: absolute;
  right: 15px;
  width: 15px;
  height: 12px;
  -webkit-mask-image: url("../../../../../../etc.clientlibs/batcom/base/clientlibs/publish/resources/icons/arrow-right.svg");
          mask-image: url("../../../../../../etc.clientlibs/batcom/base/clientlibs/publish/resources/icons/arrow-right.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--batcom-color-button-primary-text);
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-stage .cmp-teaser__action-link:first-child {
    margin-bottom: 20px;
  }
}
.batcom-teaser-stage .cmp-teaser__action-link:first-child:hover::after {
  background-color: var(--batcom-color-button-primary-text-hover);
}
.batcom-container--primary-dark .batcom-teaser-stage .cmp-teaser__action-link:first-child::after, .batcom-container--secondary-dark .batcom-teaser-stage .cmp-teaser__action-link:first-child::after {
  background-color: var(--batcom-color-button-primary-text-inverted);
}
.batcom-container--primary-dark .batcom-teaser-stage .cmp-teaser__action-link:first-child:hover::after, .batcom-container--secondary-dark .batcom-teaser-stage .cmp-teaser__action-link:first-child:hover::after {
  background-color: var(--batcom-color-button-primary-text);
}
.batcom-teaser-stage .cmp-teaser__action-link:nth-child(2) {
  --batcom-button-text: var(--batcom-color-button-secondary-text);
  --batcom-button-text-hover: var(--batcom-color-button-secondary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-secondary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-secondary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-secondary-border);
  --batcom-button-border-hover: var(--batcom-color-button-secondary-border-hover);
  --batcom-button-icon: var(--batcom-color-button-secondary-text);
  --batcom-button-icon-hover: var(--batcom-color-button-secondary-text-hover);
  --batcom-layout-button-primary-border-radius: var(--batcom-layout-button-secondary-border-radius);
}
.batcom-container--primary-dark .batcom-teaser-stage .cmp-teaser__action-link:nth-child(2), .batcom-container--secondary-dark .batcom-teaser-stage .cmp-teaser__action-link:nth-child(2), .batcom-container--tertiary-dark .batcom-teaser-stage .cmp-teaser__action-link:nth-child(2) {
  --batcom-button-text: var(--batcom-color-button-secondary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-secondary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-secondary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-secondary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-secondary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-secondary-border-hover-inverted);
}
.batcom-container--primary-dark .batcom-teaser-stage .cmp-teaser__action-link:nth-child(2) .cmp-button__svg :is(svg, g, path), .batcom-container--secondary-dark .batcom-teaser-stage .cmp-teaser__action-link:nth-child(2) .cmp-button__svg :is(svg, g, path), .batcom-container--tertiary-dark .batcom-teaser-stage .cmp-teaser__action-link:nth-child(2) .cmp-button__svg :is(svg, g, path) {
  --batcom-button-icon: var(--batcom-color-button-secondary-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-secondary-text-hover-inverted);
}
.batcom-container--primary-dark .batcom-teaser-stage .cmp-teaser__action-link:nth-child(2) option, .batcom-container--secondary-dark .batcom-teaser-stage .cmp-teaser__action-link:nth-child(2) option, .batcom-container--tertiary-dark .batcom-teaser-stage .cmp-teaser__action-link:nth-child(2) option {
  --batcom-button-text: var(--batcom-color-button-secondary-text);
  color: var(--batcom-button-text, #000) !important; /* stylelint-disable-line */
}
@media only screen and (max-width: 767px) {
  .batcom-teaser-stage .cmp-teaser__action-link:nth-child(2) {
    margin-left: 0;
    margin-top: 0;
    text-align: center;
  }
}
.batcom-teaser-stage.batcom-text-color--light .cmp-teaser__action-link:first-child {
  --batcom-button-text: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-primary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-primary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover-inverted);
}
.batcom-teaser-stage.batcom-text-color--light .cmp-teaser__action-link:first-child::after {
  background-color: var(--batcom-color-button-primary-text-inverted);
}
.batcom-teaser-stage.batcom-text-color--light .cmp-teaser__action-link:first-child:hover::after {
  background-color: var(--batcom-color-button-primary-text);
}
.batcom-teaser-stage.batcom-text-color--light .cmp-teaser__action-link:nth-child(2) {
  --batcom-button-text: var(--batcom-color-button-secondary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-secondary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-secondary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-secondary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-secondary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-secondary-border-hover-inverted);
}
.batcom-teaser-stage.batcom-text-color--dark .cmp-teaser__action-link:first-child {
  --batcom-button-text: var(--batcom-color-button-primary-text);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-primary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-primary-border);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover);
}
.batcom-teaser-stage.batcom-text-color--dark .cmp-teaser__action-link:first-child::after {
  background-color: var(--batcom-color-button-primary-text);
}
.batcom-teaser-stage.batcom-text-color--dark .cmp-teaser__action-link:first-child:hover::after {
  background-color: var(--batcom-color-button-primary-text-inverted);
}
.batcom-teaser-stage.batcom-text-color--dark .cmp-teaser__action-link:nth-child(2) {
  --batcom-button-text: var(--batcom-color-button-secondary-text);
  --batcom-button-text-hover: var(--batcom-color-button-secondary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-secondary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-secondary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-secondary-border);
  --batcom-button-border-hover: var(--batcom-color-button-secondary-border-hover);
  --batcom-button-icon: var(--batcom-color-button-secondary-text);
  --batcom-button-icon-hover: var(--batcom-color-button-secondary-text-hover);
  --batcom-layout-button-primary-border-radius: var(--batcom-layout-button-secondary-border-radius);
}

.batcom-teaser-vertical .cmp-teaser__image {
  margin-bottom: 16px;
}

.batcom-teaser-text .cmp-teaser__image {
  margin-bottom: 16px;
}

.batcom-teaser-horizontal {
  width: 100%;
}
.batcom-teaser-horizontal .cmp-teaser {
  display: flex;
  flex-direction: column-reverse;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-horizontal .cmp-teaser {
    display: flex;
    flex-direction: row;
  }
}
@media only screen and (min-width: 768px) {
  .batcom-imagelayout--right.batcom-teaser-horizontal .cmp-teaser {
    flex-direction: row-reverse;
  }
}

@media only screen and (max-width: 767px) {
  .batcom-teaser-horizontal .cmp-teaser__action-link {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-horizontal .cmp-teaser__image {
    width: 50%;
    float: left;
  }
}
.batcom-teaser-horizontal .cmp-teaser__image + .cmp-teaser__content {
  flex-basis: 50%;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-horizontal .cmp-teaser__image + .cmp-teaser__content {
    padding: 0 calc(var(--batcom-layout-content-left-right-margin) / 2);
  }
}
.batcom-teaser-horizontal .cmp-teaser__content {
  flex-basis: 100%;
}
@media only screen and (max-width: 767px) {
  .batcom-teaser-horizontal .cmp-teaser__link .cmp-teaser__image {
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-horizontal .cmp-teaser__link .cmp-teaser__image {
    margin-right: calc(var(--batcom-layout-content-left-right-margin) / 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .batcom-teaser-horizontal:not(.batcom-imagelayout--right) .cmp-teaser {
    flex-direction: row;
  }
}
.batcom-teaser-horizontal--narrow-foreground-right-with-backgorund-image {
  position: relative;
}
.batcom-teaser-horizontal--narrow-foreground-right-with-backgorund-image .cmp-teaser__image img {
  position: absolute;
}
@media only screen and (max-width: 1023px) {
  .batcom-teaser-horizontal--narrow-foreground-right-with-backgorund-image .cmp-teaser__image img {
    bottom: 0;
  }
}
.batcom-teaser-horizontal--narrow-foreground-right-with-backgorund-image .cmp-teaser__content {
  position: absolute;
  top: 0;
  height: 100%;
  padding-left: 180px;
  width: 40%;
  align-content: center;
}
@media only screen and (max-width: 1023px) {
  .batcom-teaser-horizontal--narrow-foreground-right-with-backgorund-image .cmp-teaser__content {
    padding-left: 20px;
    width: 100%;
    padding-top: 30px;
    align-content: baseline;
  }
}
@media only screen and (max-width: 767px) {
  .batcom-teaser-horizontal #home-top-teaser {
    padding-top: 40px;
  }
}
.batcom-teaser-horizontal #home-top-teaser .cmp-teaser__title {
  font-size: 16px;
  margin-bottom: 12px;
  line-height: 24px;
}
.batcom-teaser-horizontal #home-top-teaser .cmp-teaser__description h1 {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-horizontal #home-top-teaser .cmp-teaser__description h1 span {
    font-size: 40px;
    line-height: 44px;
  }
}
.batcom-teaser-horizontal #home-top-teaser .cmp-teaser__action-container {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .batcom-teaser-horizontal #home-top-teaser .cmp-teaser__action-link {
    margin-top: 20px;
    margin-bottom: 40px;
  }
}
.batcom-teaser-horizontal #home-top-teaser .cmp-teaser__action-link:active {
  background-color: var(--batcom-button-bg-hover);
  border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border-hover);
}
@media only screen and (max-width: 767px) {
  .batcom-teaser-horizontal #home-top-teaser .cmp-teaser__content {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .batcom-teaser-horizontal--reverse.batcom-teaser-horizontal .cmp-teaser {
    padding: 40px 20px 30px;
  }
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-horizontal--reverse.batcom-teaser-horizontal .cmp-teaser {
    flex-direction: row-reverse;
    gap: 38px;
  }
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-horizontal--reverse.batcom-teaser-horizontal .cmp-teaser__image {
    padding: 22px 59px;
  }
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-horizontal--reverse.batcom-teaser-horizontal .cmp-teaser__image + .cmp-teaser__content {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 62px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .batcom-teaser-horizontal--reverse.batcom-teaser-horizontal .cmp-teaser__image + .cmp-teaser__content {
    padding: 20px 62px;
  }
}
@media only screen and (max-width: 767px) {
  .batcom-teaser-horizontal--reverse.batcom-teaser-horizontal .cmp-teaser__action-link.teaser-primary-button.override-class {
    width: 100%;
    margin-bottom: 0;
  }
}
.batcom-teaser-horizontal--reverse.batcom-teaser-horizontal .cmp-teaser__action-container {
  margin-top: 0;
}
.batcom-teaser-horizontal--reverse.batcom-teaser-horizontal .cmp-teaser__title p {
  text-transform: uppercase;
  font-family: var(--batcom-typography-body-family);
}
.batcom-teaser-horizontal--reverse.batcom-teaser-horizontal .cmp-teaser__title p .color-boisterous-blue {
  color: #254aa2;
  font-family: var(--batcom-typography-body-family);
}
.batcom-teaser-horizontal--reverse.batcom-teaser-horizontal .cmp-teaser__description {
  color: #2b2b2b;
}
@media only screen and (max-width: 767px) {
  .batcom-teaser-horizontal--reverse.batcom-teaser-horizontal .cmp-teaser__content {
    margin-top: 30px;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-horizontal--reverse.batcom-teaser-horizontal.teaser.batcom-teaser .cmp-teaser__action-link.teaser-primary-button.override-class {
    padding: 10px 35px;
    font-family: var(--batcom-typography-body-family);
    letter-spacing: 1px;
  }
}

.batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class {
  --batcom-button-text: var(--batcom-color-button-primary-text);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-primary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-primary-border);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover);
  --batcom-button-icon: var(--batcom-color-button-primary-text);
  --batcom-button-icon-hover: var(--batcom-color-button-primary-text-hover);
  --batcom-button-outline: var(--batcom-color-button-outline, #0761cd);
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class, .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class, .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class {
  --batcom-button-outline: var(--batcom-color-button-outline-inverted, #0761cd);
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class {
  display: inline-flex;
  font-size: var(--batcom-typography-button-size-mobile);
  line-height: var(--batcom-typography-button-line-height-mobile);
  font-family: var(--batcom-typography-button-family);
  font-weight: var(--batcom-typography-button-weight);
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: var(--batcom-layout-button-primary-border-radius);
  cursor: pointer;
  color: var(--batcom-button-text) !important; /* stylelint-disable-line */
  background-color: var(--batcom-button-bg);
  border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border);
  text-decoration: none !important; /* stylelint-disable-line */
  padding: 10px 20px;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class {
    --batcom-typography-button-size-mobile: var(--batcom-typography-button-size-desktop);
    --batcom-typography-button-line-height-mobile: var(--batcom-typography-button-line-height-desktop);
  }
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class span {
  color: var(--batcom-button-text);
}
@media (hover: hover) {
  .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:hover {
    color: var(--batcom-button-text-hover) !important; /* stylelint-disable-line */
    background-color: var(--batcom-button-bg-hover);
    border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border-hover);
    text-decoration: none !important; /* stylelint-disable-line */
  }
  .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:hover span {
    color: var(--batcom-button-text-hover);
  }
  .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:hover .cmp-button__svg :is(svg, g, path) {
    fill: var(--batcom-button-icon-hover);
  }
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__text + .cmp-button__svg {
  margin-left: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__svg :is(svg, g, path) {
  fill: var(--batcom-button-icon);
  filter: none;
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__svg svg {
  height: 16px;
}
.cmp-button__svg .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__svg svg {
  height: 20px;
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:focus {
  outline: transparent;
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:focus-visible {
  outline: 2px solid var(--batcom-button-outline);
  outline-offset: 4px;
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class {
  --batcom-button-text: var(--batcom-color-button-primary-text);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-primary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-primary-border);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover);
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class, .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class, .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class {
  --batcom-button-text: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-primary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-primary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover-inverted);
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class .cmp-button__svg :is(svg, g, path), .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class .cmp-button__svg :is(svg, g, path), .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class .cmp-button__svg :is(svg, g, path) {
  --batcom-button-icon: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-primary-text-hover-inverted);
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class option, .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class option, .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class option {
  --batcom-button-text: var(--batcom-color-button-primary-text);
  color: var(--batcom-button-text, #000) !important; /* stylelint-disable-line */
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class {
  --batcom-button-text: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-primary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-primary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover-inverted);
  --batcom-button-icon: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-outline: var(--batcom-color-button-outline-inverted, #0761cd);
  display: inline-flex;
  font-size: var(--batcom-typography-button-size-mobile);
  line-height: var(--batcom-typography-button-line-height-mobile);
  font-family: var(--batcom-typography-button-family);
  font-weight: var(--batcom-typography-button-weight);
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: var(--batcom-layout-button-primary-border-radius);
  cursor: pointer;
  color: var(--batcom-button-text) !important; /* stylelint-disable-line */
  background-color: var(--batcom-button-bg);
  border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border);
  text-decoration: none !important; /* stylelint-disable-line */
  padding: 10px 20px;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class {
    --batcom-typography-button-size-mobile: var(--batcom-typography-button-size-desktop);
    --batcom-typography-button-line-height-mobile: var(--batcom-typography-button-line-height-desktop);
  }
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class span {
  color: var(--batcom-button-text);
}
@media (hover: hover) {
  .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:hover {
    color: var(--batcom-button-text-hover) !important; /* stylelint-disable-line */
    background-color: var(--batcom-button-bg-hover);
    border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border-hover);
    text-decoration: none !important; /* stylelint-disable-line */
  }
  .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:hover span {
    color: var(--batcom-button-text-hover);
  }
  .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:hover .cmp-button__svg :is(svg, g, path) {
    fill: var(--batcom-button-icon-hover);
  }
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__text + .cmp-button__svg {
  margin-left: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__svg :is(svg, g, path) {
  fill: var(--batcom-button-icon);
  filter: none;
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__svg svg {
  height: 16px;
}
.cmp-button__svg .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__svg svg {
  height: 20px;
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:focus {
  outline: transparent;
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:focus-visible {
  outline: 2px solid var(--batcom-button-outline);
  outline-offset: 4px;
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class {
  --batcom-button-text: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-primary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-primary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover-inverted);
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class, .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class, .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class {
  --batcom-button-text: var(--batcom-color-button-primary-text);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-primary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-primary-border);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover);
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class .cmp-button__svg :is(svg, g, path) {
  --batcom-button-icon: var(--batcom-color-button-primary-text);
  --batcom-button-icon-hover: var(--batcom-color-button-primary-text-hover);
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class {
  --batcom-button-text: var(--batcom-color-button-primary-text);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-primary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-primary-border);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover);
  --batcom-button-icon: var(--batcom-color-button-primary-text);
  --batcom-button-icon-hover: var(--batcom-color-button-primary-text-hover);
  --batcom-button-outline: var(--batcom-color-button-outline, #0761cd);
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class, .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class, .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class {
  --batcom-button-outline: var(--batcom-color-button-outline-inverted, #0761cd);
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class {
  display: inline-flex;
  font-size: var(--batcom-typography-button-size-mobile);
  line-height: var(--batcom-typography-button-line-height-mobile);
  font-family: var(--batcom-typography-button-family);
  font-weight: var(--batcom-typography-button-weight);
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: var(--batcom-layout-button-primary-border-radius);
  cursor: pointer;
  color: var(--batcom-button-text) !important; /* stylelint-disable-line */
  background-color: var(--batcom-button-bg);
  border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border);
  text-decoration: none !important; /* stylelint-disable-line */
  padding: 10px 20px;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class {
    --batcom-typography-button-size-mobile: var(--batcom-typography-button-size-desktop);
    --batcom-typography-button-line-height-mobile: var(--batcom-typography-button-line-height-desktop);
  }
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class span {
  color: var(--batcom-button-text);
}
@media (hover: hover) {
  .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:hover {
    color: var(--batcom-button-text-hover) !important; /* stylelint-disable-line */
    background-color: var(--batcom-button-bg-hover);
    border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border-hover);
    text-decoration: none !important; /* stylelint-disable-line */
  }
  .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:hover span {
    color: var(--batcom-button-text-hover);
  }
  .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:hover .cmp-button__svg :is(svg, g, path) {
    fill: var(--batcom-button-icon-hover);
  }
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__text + .cmp-button__svg {
  margin-left: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__svg :is(svg, g, path) {
  fill: var(--batcom-button-icon);
  filter: none;
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__svg svg {
  height: 16px;
}
.cmp-button__svg .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__svg svg {
  height: 20px;
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:focus {
  outline: transparent;
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:focus-visible {
  outline: 2px solid var(--batcom-button-outline);
  outline-offset: 4px;
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class {
  --batcom-button-text: var(--batcom-color-button-secondary-text);
  --batcom-button-text-hover: var(--batcom-color-button-secondary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-secondary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-secondary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-secondary-border);
  --batcom-button-border-hover: var(--batcom-color-button-secondary-border-hover);
  --batcom-button-icon: var(--batcom-color-button-secondary-text);
  --batcom-button-icon-hover: var(--batcom-color-button-secondary-text-hover);
  --batcom-layout-button-primary-border-radius: var(--batcom-layout-button-secondary-border-radius);
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class, .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class, .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class {
  --batcom-button-text: var(--batcom-color-button-secondary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-secondary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-secondary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-secondary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-secondary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-secondary-border-hover-inverted);
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class .cmp-button__svg :is(svg, g, path), .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class .cmp-button__svg :is(svg, g, path), .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class .cmp-button__svg :is(svg, g, path) {
  --batcom-button-icon: var(--batcom-color-button-secondary-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-secondary-text-hover-inverted);
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class option, .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class option, .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class option {
  --batcom-button-text: var(--batcom-color-button-secondary-text);
  color: var(--batcom-button-text, #000) !important; /* stylelint-disable-line */
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class {
  --batcom-button-text: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-primary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-primary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover-inverted);
  --batcom-button-icon: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-outline: var(--batcom-color-button-outline-inverted, #0761cd);
  display: inline-flex;
  font-size: var(--batcom-typography-button-size-mobile);
  line-height: var(--batcom-typography-button-line-height-mobile);
  font-family: var(--batcom-typography-button-family);
  font-weight: var(--batcom-typography-button-weight);
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: var(--batcom-layout-button-primary-border-radius);
  cursor: pointer;
  color: var(--batcom-button-text) !important; /* stylelint-disable-line */
  background-color: var(--batcom-button-bg);
  border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border);
  text-decoration: none !important; /* stylelint-disable-line */
  padding: 10px 20px;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class {
    --batcom-typography-button-size-mobile: var(--batcom-typography-button-size-desktop);
    --batcom-typography-button-line-height-mobile: var(--batcom-typography-button-line-height-desktop);
  }
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class span {
  color: var(--batcom-button-text);
}
@media (hover: hover) {
  .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:hover {
    color: var(--batcom-button-text-hover) !important; /* stylelint-disable-line */
    background-color: var(--batcom-button-bg-hover);
    border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border-hover);
    text-decoration: none !important; /* stylelint-disable-line */
  }
  .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:hover span {
    color: var(--batcom-button-text-hover);
  }
  .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:hover .cmp-button__svg :is(svg, g, path) {
    fill: var(--batcom-button-icon-hover);
  }
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__text + .cmp-button__svg {
  margin-left: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__svg :is(svg, g, path) {
  fill: var(--batcom-button-icon);
  filter: none;
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__svg svg {
  height: 16px;
}
.cmp-button__svg .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__svg svg {
  height: 20px;
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:focus {
  outline: transparent;
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:focus-visible {
  outline: 2px solid var(--batcom-button-outline);
  outline-offset: 4px;
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class {
  --batcom-button-text: var(--batcom-color-button-secondary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-secondary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-secondary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-secondary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-secondary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-secondary-border-hover-inverted);
  --batcom-button-icon: var(--batcom-color-button-secondary-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-secondary-text-hover-inverted);
  --batcom-layout-button-primary-border-radius: var(--batcom-layout-button-secondary-border-radius);
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class, .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class, .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class {
  --batcom-button-text: var(--batcom-color-button-secondary-text);
  --batcom-button-text-hover: var(--batcom-color-button-secondary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-secondary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-secondary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-secondary-border);
  --batcom-button-border-hover: var(--batcom-color-button-secondary-border-hover);
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class .cmp-button__svg :is(svg, g, path), .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class .cmp-button__svg :is(svg, g, path), .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class .cmp-button__svg :is(svg, g, path) {
  --batcom-button-icon: var(--batcom-color-button-secondary-text);
  --batcom-button-icon-hover: var(--batcom-color-button-secondary-text-hover);
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class {
  border: none;
  background: none;
  padding: 0;
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg {
  margin-left: 0;
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class:hover .cmp-button__icon {
  animation: bounce-arrow 2s infinite ease-in-out;
}
@keyframes bounce-arrow {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(10px);
  }
  100% {
    transform: translate(0);
  }
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class {
  --batcom-button-text: var(--batcom-color-button-link-text);
  --batcom-button-text-hover: var(--batcom-color-button-link-text-hover);
  --batcom-button-icon: var(--batcom-color-button-link-text);
  --batcom-button-icon-hover: var(--batcom-color-button-link-text-hover);
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class, .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class, .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class {
  --batcom-button-text: var(--batcom-color-button-link-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-link-text-hover-inverted);
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg :is(svg, g, path), .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg :is(svg, g, path), .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg :is(svg, g, path) {
  --batcom-button-icon: var(--batcom-color-button-link-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-link-text-hover-inverted);
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class:hover {
  text-decoration: none;
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class {
  border: none;
  background: none;
  padding: 0;
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg {
  margin-left: 0;
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class:hover .cmp-button__icon {
  animation: bounce-arrow 2s infinite ease-in-out;
}
@keyframes bounce-arrow {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(10px);
  }
  100% {
    transform: translate(0);
  }
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class {
  --batcom-button-text: var(--batcom-color-button-link-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-link-text-hover-inverted);
  --batcom-button-icon: var(--batcom-color-button-link-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-link-text-inverted);
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class, .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class, .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class {
  --batcom-button-text: var(--batcom-color-button-link-text);
  --batcom-button-text-hover: var(--batcom-color-button-link-text-hover);
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg :is(svg, g, path), .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg :is(svg, g, path), .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg :is(svg, g, path) {
  --batcom-button-icon: var(--batcom-color-button-link-text);
  --batcom-button-icon-hover: var(--batcom-color-button-link-text-hover);
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class {
  color: var(--batcom-color-button-link-text-inverted);
}
.batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class:hover {
  text-decoration: none;
  color: var(--batcom-color-button-link-text-hover-inverted, #dedede);
}
.batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class {
  --batcom-button-text: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-primary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-primary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover-inverted);
  --batcom-button-icon: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-outline: var(--batcom-color-button-outline-inverted, #0761cd);
  display: inline-flex;
  font-size: var(--batcom-typography-button-size-mobile);
  line-height: var(--batcom-typography-button-line-height-mobile);
  font-family: var(--batcom-typography-button-family);
  font-weight: var(--batcom-typography-button-weight);
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: var(--batcom-layout-button-primary-border-radius);
  cursor: pointer;
  color: var(--batcom-button-text) !important; /* stylelint-disable-line */
  background-color: var(--batcom-button-bg);
  border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border);
  text-decoration: none !important; /* stylelint-disable-line */
  padding: 10px 20px;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class {
    --batcom-typography-button-size-mobile: var(--batcom-typography-button-size-desktop);
    --batcom-typography-button-line-height-mobile: var(--batcom-typography-button-line-height-desktop);
  }
}
.batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class span {
  color: var(--batcom-button-text);
}
@media (hover: hover) {
  .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:hover {
    color: var(--batcom-button-text-hover) !important; /* stylelint-disable-line */
    background-color: var(--batcom-button-bg-hover);
    border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border-hover);
    text-decoration: none !important; /* stylelint-disable-line */
  }
  .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:hover span {
    color: var(--batcom-button-text-hover);
  }
  .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:hover .cmp-button__svg :is(svg, g, path) {
    fill: var(--batcom-button-icon-hover);
  }
}
.batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__text + .cmp-button__svg {
  margin-left: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__svg :is(svg, g, path) {
  fill: var(--batcom-button-icon);
  filter: none;
}
.batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__svg svg {
  height: 16px;
}
.cmp-button__svg .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__svg svg {
  height: 20px;
}
.batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:focus {
  outline: transparent;
}
.batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:focus-visible {
  outline: 2px solid var(--batcom-button-outline);
  outline-offset: 4px;
}
.batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class {
  --batcom-button-text: var(--batcom-color-button-teal-text, #fff);
  --batcom-button-text-hover: var(--batcom-color-button-teal-text-hover, #fff);
  --batcom-button-bg: var(--batcom-color-button-teal-bg, #027f9c);
  --batcom-button-bg-hover: var(--batcom-color-button-teal-bg, #027f9c);
  --batcom-button-border: var(--batcom-color-button-teal-bg, #027f9c);
  --batcom-button-border-hover: var(--batcom-color-button-teal-bg, #027f9c);
}
.batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class {
  --batcom-button-text: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-primary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-primary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover-inverted);
  --batcom-button-icon: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-outline: var(--batcom-color-button-outline-inverted, #0761cd);
  display: inline-flex;
  font-size: var(--batcom-typography-button-size-mobile);
  line-height: var(--batcom-typography-button-line-height-mobile);
  font-family: var(--batcom-typography-button-family);
  font-weight: var(--batcom-typography-button-weight);
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: var(--batcom-layout-button-primary-border-radius);
  cursor: pointer;
  color: var(--batcom-button-text) !important; /* stylelint-disable-line */
  background-color: var(--batcom-button-bg);
  border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border);
  text-decoration: none !important; /* stylelint-disable-line */
  padding: 10px 20px;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class {
    --batcom-typography-button-size-mobile: var(--batcom-typography-button-size-desktop);
    --batcom-typography-button-line-height-mobile: var(--batcom-typography-button-line-height-desktop);
  }
}
.batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class span {
  color: var(--batcom-button-text);
}
@media (hover: hover) {
  .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:hover {
    color: var(--batcom-button-text-hover) !important; /* stylelint-disable-line */
    background-color: var(--batcom-button-bg-hover);
    border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border-hover);
    text-decoration: none !important; /* stylelint-disable-line */
  }
  .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:hover span {
    color: var(--batcom-button-text-hover);
  }
  .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:hover .cmp-button__svg :is(svg, g, path) {
    fill: var(--batcom-button-icon-hover);
  }
}
.batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__text + .cmp-button__svg {
  margin-left: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__svg :is(svg, g, path) {
  fill: var(--batcom-button-icon);
  filter: none;
}
.batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__svg svg {
  height: 16px;
}
.cmp-button__svg .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__svg svg {
  height: 20px;
}
.batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:focus {
  outline: transparent;
}
.batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:focus-visible {
  outline: 2px solid var(--batcom-button-outline);
  outline-offset: 4px;
}
.batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class {
  --batcom-button-text: var(--batcom-color-button-teal-secondary-text, #027f9c);
  --batcom-button-text-hover: var(--batcom-color-button-teal-secondary-text-hover, #027f9c);
  --batcom-button-bg: var(--batcom-color-button-teal-secondary-bg, transparent);
  --batcom-button-bg-hover: var(--batcom-color-button-teal-secondary-bg, transparent);
  --batcom-button-border: var(--batcom-color-button-teal-secondary-bg, #027f9c);
  --batcom-button-border-hover: var(--batcom-color-button-teal-secondary-bg, #027f9c);
}

.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class {
  --batcom-button-text: var(--batcom-color-button-primary-text);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-primary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-primary-border);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover);
  --batcom-button-icon: var(--batcom-color-button-primary-text);
  --batcom-button-icon-hover: var(--batcom-color-button-primary-text-hover);
  --batcom-button-outline: var(--batcom-color-button-outline, #0761cd);
}
.batcom-container--primary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class, .batcom-container--secondary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class, .batcom-container--tertiary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--primary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--secondary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--tertiary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--primary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--secondary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--tertiary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--primary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--secondary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--tertiary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--primary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--secondary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--tertiary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--primary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--secondary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--tertiary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--primary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--secondary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--tertiary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class {
  --batcom-button-outline: var(--batcom-color-button-outline-inverted, #0761cd);
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class {
  display: inline-flex;
  font-size: var(--batcom-typography-button-size-mobile);
  line-height: var(--batcom-typography-button-line-height-mobile);
  font-family: var(--batcom-typography-button-family);
  font-weight: var(--batcom-typography-button-weight);
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: var(--batcom-layout-button-primary-border-radius);
  cursor: pointer;
  color: var(--batcom-button-text) !important; /* stylelint-disable-line */
  background-color: var(--batcom-button-bg);
  border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border);
  text-decoration: none !important; /* stylelint-disable-line */
  padding: 10px 20px;
}
@media only screen and (min-width: 1024px) {
  .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
  .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
  .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
  .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
  .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
  .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
  .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class {
    --batcom-typography-button-size-mobile: var(--batcom-typography-button-size-desktop);
    --batcom-typography-button-line-height-mobile: var(--batcom-typography-button-line-height-desktop);
  }
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class span,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class span,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class span,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class span,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class span,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class span,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class span {
  color: var(--batcom-button-text);
}
@media (hover: hover) {
  .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:hover,
  .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:hover,
  .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:hover,
  .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:hover,
  .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:hover,
  .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:hover,
  .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:hover {
    color: var(--batcom-button-text-hover) !important; /* stylelint-disable-line */
    background-color: var(--batcom-button-bg-hover);
    border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border-hover);
    text-decoration: none !important; /* stylelint-disable-line */
  }
  .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:hover span,
  .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:hover span,
  .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:hover span,
  .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:hover span,
  .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:hover span,
  .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:hover span,
  .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:hover span {
    color: var(--batcom-button-text-hover);
  }
  .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:hover .cmp-button__svg :is(svg, g, path) {
    fill: var(--batcom-button-icon-hover);
  }
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__text + .cmp-button__svg,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__text + .cmp-button__svg,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__text + .cmp-button__svg,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__text + .cmp-button__svg,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__text + .cmp-button__svg,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__text + .cmp-button__svg,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__text + .cmp-button__svg {
  margin-left: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__svg :is(svg, g, path),
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__svg :is(svg, g, path),
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__svg :is(svg, g, path),
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__svg :is(svg, g, path),
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__svg :is(svg, g, path) {
  fill: var(--batcom-button-icon);
  filter: none;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__svg svg,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__svg svg,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__svg svg,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__svg svg,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__svg svg,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__svg svg,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__svg svg {
  height: 16px;
}
.cmp-button__svg .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__svg svg,
.cmp-button__svg .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__svg svg,
.cmp-button__svg .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__svg svg,
.cmp-button__svg .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__svg svg,
.cmp-button__svg .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__svg svg,
.cmp-button__svg .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__svg svg,
.cmp-button__svg .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class__svg svg {
  height: 20px;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:focus,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:focus,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:focus,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:focus,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:focus,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:focus,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:focus {
  outline: transparent;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:focus-visible,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:focus-visible,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:focus-visible,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:focus-visible,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:focus-visible,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:focus-visible,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class:focus-visible {
  outline: 2px solid var(--batcom-button-outline);
  outline-offset: 4px;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class {
  --batcom-button-text: var(--batcom-color-button-primary-text);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-primary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-primary-border);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover);
}
.batcom-container--primary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class, .batcom-container--secondary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class, .batcom-container--tertiary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--primary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--secondary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--tertiary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--primary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--secondary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--tertiary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--primary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--secondary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--tertiary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--primary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--secondary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--tertiary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--primary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--secondary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--tertiary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--primary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--secondary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class,
.batcom-container--tertiary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class {
  --batcom-button-text: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-primary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-primary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover-inverted);
}
.batcom-container--primary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class .cmp-button__svg :is(svg, g, path), .batcom-container--secondary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class .cmp-button__svg :is(svg, g, path), .batcom-container--tertiary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class .cmp-button__svg :is(svg, g, path) {
  --batcom-button-icon: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-primary-text-hover-inverted);
}
.batcom-container--primary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class option, .batcom-container--secondary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class option, .batcom-container--tertiary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class option,
.batcom-container--primary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class option,
.batcom-container--secondary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class option,
.batcom-container--tertiary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class option,
.batcom-container--primary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class option,
.batcom-container--secondary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class option,
.batcom-container--tertiary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class option,
.batcom-container--primary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class option,
.batcom-container--secondary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class option,
.batcom-container--tertiary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class option,
.batcom-container--primary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class option,
.batcom-container--secondary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class option,
.batcom-container--tertiary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class option,
.batcom-container--primary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class option,
.batcom-container--secondary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class option,
.batcom-container--tertiary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class option,
.batcom-container--primary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class option,
.batcom-container--secondary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class option,
.batcom-container--tertiary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button.override-class option {
  --batcom-button-text: var(--batcom-color-button-primary-text);
  color: var(--batcom-button-text, #000) !important; /* stylelint-disable-line */
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class {
  --batcom-button-text: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-primary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-primary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover-inverted);
  --batcom-button-icon: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-outline: var(--batcom-color-button-outline-inverted, #0761cd);
  display: inline-flex;
  font-size: var(--batcom-typography-button-size-mobile);
  line-height: var(--batcom-typography-button-line-height-mobile);
  font-family: var(--batcom-typography-button-family);
  font-weight: var(--batcom-typography-button-weight);
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: var(--batcom-layout-button-primary-border-radius);
  cursor: pointer;
  color: var(--batcom-button-text) !important; /* stylelint-disable-line */
  background-color: var(--batcom-button-bg);
  border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border);
  text-decoration: none !important; /* stylelint-disable-line */
  padding: 10px 20px;
}
@media only screen and (min-width: 1024px) {
  .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
  .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
  .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
  .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
  .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
  .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
  .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class {
    --batcom-typography-button-size-mobile: var(--batcom-typography-button-size-desktop);
    --batcom-typography-button-line-height-mobile: var(--batcom-typography-button-line-height-desktop);
  }
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class span,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class span,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class span,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class span,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class span,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class span,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class span {
  color: var(--batcom-button-text);
}
@media (hover: hover) {
  .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:hover,
  .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:hover,
  .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:hover,
  .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:hover,
  .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:hover,
  .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:hover,
  .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:hover {
    color: var(--batcom-button-text-hover) !important; /* stylelint-disable-line */
    background-color: var(--batcom-button-bg-hover);
    border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border-hover);
    text-decoration: none !important; /* stylelint-disable-line */
  }
  .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:hover span,
  .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:hover span,
  .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:hover span,
  .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:hover span,
  .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:hover span,
  .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:hover span,
  .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:hover span {
    color: var(--batcom-button-text-hover);
  }
  .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:hover .cmp-button__svg :is(svg, g, path) {
    fill: var(--batcom-button-icon-hover);
  }
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__text + .cmp-button__svg,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__text + .cmp-button__svg,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__text + .cmp-button__svg,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__text + .cmp-button__svg,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__text + .cmp-button__svg,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__text + .cmp-button__svg,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__text + .cmp-button__svg {
  margin-left: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__svg :is(svg, g, path),
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__svg :is(svg, g, path),
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__svg :is(svg, g, path),
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__svg :is(svg, g, path),
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__svg :is(svg, g, path) {
  fill: var(--batcom-button-icon);
  filter: none;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__svg svg,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__svg svg,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__svg svg,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__svg svg,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__svg svg,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__svg svg,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__svg svg {
  height: 16px;
}
.cmp-button__svg .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__svg svg,
.cmp-button__svg .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__svg svg,
.cmp-button__svg .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__svg svg,
.cmp-button__svg .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__svg svg,
.cmp-button__svg .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__svg svg,
.cmp-button__svg .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__svg svg,
.cmp-button__svg .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class__svg svg {
  height: 20px;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:focus,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:focus,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:focus,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:focus,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:focus,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:focus,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:focus {
  outline: transparent;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:focus-visible,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:focus-visible,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:focus-visible,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:focus-visible,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:focus-visible,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:focus-visible,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class:focus-visible {
  outline: 2px solid var(--batcom-button-outline);
  outline-offset: 4px;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class {
  --batcom-button-text: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-primary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-primary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover-inverted);
}
.batcom-container--primary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class, .batcom-container--secondary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class, .batcom-container--tertiary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--primary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--secondary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--tertiary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--primary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--secondary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--tertiary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--primary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--secondary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--tertiary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--primary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--secondary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--tertiary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--primary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--secondary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--tertiary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--primary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--secondary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class,
.batcom-container--tertiary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class {
  --batcom-button-text: var(--batcom-color-button-primary-text);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-primary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-primary-border);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover);
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-primary-button-inverted.override-class .cmp-button__svg :is(svg, g, path) {
  --batcom-button-icon: var(--batcom-color-button-primary-text);
  --batcom-button-icon-hover: var(--batcom-color-button-primary-text-hover);
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class {
  --batcom-button-text: var(--batcom-color-button-primary-text);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-primary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-primary-border);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover);
  --batcom-button-icon: var(--batcom-color-button-primary-text);
  --batcom-button-icon-hover: var(--batcom-color-button-primary-text-hover);
  --batcom-button-outline: var(--batcom-color-button-outline, #0761cd);
}
.batcom-container--primary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class, .batcom-container--secondary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class, .batcom-container--tertiary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--primary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--secondary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--tertiary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--primary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--secondary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--tertiary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--primary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--secondary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--tertiary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--primary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--secondary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--tertiary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--primary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--secondary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--tertiary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--primary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--secondary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--tertiary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class {
  --batcom-button-outline: var(--batcom-color-button-outline-inverted, #0761cd);
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class {
  display: inline-flex;
  font-size: var(--batcom-typography-button-size-mobile);
  line-height: var(--batcom-typography-button-line-height-mobile);
  font-family: var(--batcom-typography-button-family);
  font-weight: var(--batcom-typography-button-weight);
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: var(--batcom-layout-button-primary-border-radius);
  cursor: pointer;
  color: var(--batcom-button-text) !important; /* stylelint-disable-line */
  background-color: var(--batcom-button-bg);
  border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border);
  text-decoration: none !important; /* stylelint-disable-line */
  padding: 10px 20px;
}
@media only screen and (min-width: 1024px) {
  .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
  .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
  .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
  .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
  .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
  .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
  .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class {
    --batcom-typography-button-size-mobile: var(--batcom-typography-button-size-desktop);
    --batcom-typography-button-line-height-mobile: var(--batcom-typography-button-line-height-desktop);
  }
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class span,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class span,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class span,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class span,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class span,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class span,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class span {
  color: var(--batcom-button-text);
}
@media (hover: hover) {
  .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:hover,
  .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:hover,
  .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:hover,
  .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:hover,
  .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:hover,
  .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:hover,
  .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:hover {
    color: var(--batcom-button-text-hover) !important; /* stylelint-disable-line */
    background-color: var(--batcom-button-bg-hover);
    border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border-hover);
    text-decoration: none !important; /* stylelint-disable-line */
  }
  .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:hover span,
  .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:hover span,
  .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:hover span,
  .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:hover span,
  .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:hover span,
  .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:hover span,
  .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:hover span {
    color: var(--batcom-button-text-hover);
  }
  .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:hover .cmp-button__svg :is(svg, g, path) {
    fill: var(--batcom-button-icon-hover);
  }
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__text + .cmp-button__svg,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__text + .cmp-button__svg,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__text + .cmp-button__svg,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__text + .cmp-button__svg,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__text + .cmp-button__svg,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__text + .cmp-button__svg,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__text + .cmp-button__svg {
  margin-left: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__svg :is(svg, g, path),
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__svg :is(svg, g, path),
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__svg :is(svg, g, path),
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__svg :is(svg, g, path),
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__svg :is(svg, g, path) {
  fill: var(--batcom-button-icon);
  filter: none;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__svg svg,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__svg svg,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__svg svg,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__svg svg,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__svg svg,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__svg svg,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__svg svg {
  height: 16px;
}
.cmp-button__svg .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__svg svg,
.cmp-button__svg .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__svg svg,
.cmp-button__svg .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__svg svg,
.cmp-button__svg .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__svg svg,
.cmp-button__svg .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__svg svg,
.cmp-button__svg .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__svg svg,
.cmp-button__svg .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class__svg svg {
  height: 20px;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:focus,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:focus,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:focus,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:focus,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:focus,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:focus,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:focus {
  outline: transparent;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:focus-visible,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:focus-visible,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:focus-visible,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:focus-visible,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:focus-visible,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:focus-visible,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class:focus-visible {
  outline: 2px solid var(--batcom-button-outline);
  outline-offset: 4px;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class {
  --batcom-button-text: var(--batcom-color-button-secondary-text);
  --batcom-button-text-hover: var(--batcom-color-button-secondary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-secondary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-secondary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-secondary-border);
  --batcom-button-border-hover: var(--batcom-color-button-secondary-border-hover);
  --batcom-button-icon: var(--batcom-color-button-secondary-text);
  --batcom-button-icon-hover: var(--batcom-color-button-secondary-text-hover);
  --batcom-layout-button-primary-border-radius: var(--batcom-layout-button-secondary-border-radius);
}
.batcom-container--primary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class, .batcom-container--secondary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class, .batcom-container--tertiary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--primary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--secondary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--tertiary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--primary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--secondary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--tertiary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--primary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--secondary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--tertiary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--primary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--secondary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--tertiary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--primary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--secondary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--tertiary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--primary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--secondary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class,
.batcom-container--tertiary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class {
  --batcom-button-text: var(--batcom-color-button-secondary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-secondary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-secondary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-secondary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-secondary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-secondary-border-hover-inverted);
}
.batcom-container--primary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class .cmp-button__svg :is(svg, g, path), .batcom-container--secondary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class .cmp-button__svg :is(svg, g, path), .batcom-container--tertiary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class .cmp-button__svg :is(svg, g, path) {
  --batcom-button-icon: var(--batcom-color-button-secondary-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-secondary-text-hover-inverted);
}
.batcom-container--primary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class option, .batcom-container--secondary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class option, .batcom-container--tertiary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class option,
.batcom-container--primary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class option,
.batcom-container--secondary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class option,
.batcom-container--tertiary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class option,
.batcom-container--primary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class option,
.batcom-container--secondary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class option,
.batcom-container--tertiary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class option,
.batcom-container--primary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class option,
.batcom-container--secondary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class option,
.batcom-container--tertiary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class option,
.batcom-container--primary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class option,
.batcom-container--secondary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class option,
.batcom-container--tertiary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class option,
.batcom-container--primary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class option,
.batcom-container--secondary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class option,
.batcom-container--tertiary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class option,
.batcom-container--primary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class option,
.batcom-container--secondary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class option,
.batcom-container--tertiary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button.override-class option {
  --batcom-button-text: var(--batcom-color-button-secondary-text);
  color: var(--batcom-button-text, #000) !important; /* stylelint-disable-line */
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class {
  --batcom-button-text: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-primary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-primary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover-inverted);
  --batcom-button-icon: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-outline: var(--batcom-color-button-outline-inverted, #0761cd);
  display: inline-flex;
  font-size: var(--batcom-typography-button-size-mobile);
  line-height: var(--batcom-typography-button-line-height-mobile);
  font-family: var(--batcom-typography-button-family);
  font-weight: var(--batcom-typography-button-weight);
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: var(--batcom-layout-button-primary-border-radius);
  cursor: pointer;
  color: var(--batcom-button-text) !important; /* stylelint-disable-line */
  background-color: var(--batcom-button-bg);
  border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border);
  text-decoration: none !important; /* stylelint-disable-line */
  padding: 10px 20px;
}
@media only screen and (min-width: 1024px) {
  .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
  .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
  .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
  .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
  .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
  .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
  .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class {
    --batcom-typography-button-size-mobile: var(--batcom-typography-button-size-desktop);
    --batcom-typography-button-line-height-mobile: var(--batcom-typography-button-line-height-desktop);
  }
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class span,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class span,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class span,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class span,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class span,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class span,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class span {
  color: var(--batcom-button-text);
}
@media (hover: hover) {
  .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:hover,
  .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:hover,
  .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:hover,
  .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:hover,
  .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:hover,
  .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:hover,
  .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:hover {
    color: var(--batcom-button-text-hover) !important; /* stylelint-disable-line */
    background-color: var(--batcom-button-bg-hover);
    border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border-hover);
    text-decoration: none !important; /* stylelint-disable-line */
  }
  .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:hover span,
  .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:hover span,
  .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:hover span,
  .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:hover span,
  .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:hover span,
  .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:hover span,
  .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:hover span {
    color: var(--batcom-button-text-hover);
  }
  .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:hover .cmp-button__svg :is(svg, g, path) {
    fill: var(--batcom-button-icon-hover);
  }
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__text + .cmp-button__svg,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__text + .cmp-button__svg,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__text + .cmp-button__svg,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__text + .cmp-button__svg,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__text + .cmp-button__svg,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__text + .cmp-button__svg,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__text + .cmp-button__svg {
  margin-left: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__svg :is(svg, g, path),
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__svg :is(svg, g, path),
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__svg :is(svg, g, path),
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__svg :is(svg, g, path),
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__svg :is(svg, g, path) {
  fill: var(--batcom-button-icon);
  filter: none;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__svg svg,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__svg svg,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__svg svg,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__svg svg,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__svg svg,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__svg svg,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__svg svg {
  height: 16px;
}
.cmp-button__svg .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__svg svg,
.cmp-button__svg .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__svg svg,
.cmp-button__svg .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__svg svg,
.cmp-button__svg .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__svg svg,
.cmp-button__svg .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__svg svg,
.cmp-button__svg .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__svg svg,
.cmp-button__svg .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class__svg svg {
  height: 20px;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:focus,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:focus,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:focus,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:focus,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:focus,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:focus,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:focus {
  outline: transparent;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:focus-visible,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:focus-visible,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:focus-visible,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:focus-visible,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:focus-visible,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:focus-visible,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class:focus-visible {
  outline: 2px solid var(--batcom-button-outline);
  outline-offset: 4px;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class {
  --batcom-button-text: var(--batcom-color-button-secondary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-secondary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-secondary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-secondary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-secondary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-secondary-border-hover-inverted);
  --batcom-button-icon: var(--batcom-color-button-secondary-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-secondary-text-hover-inverted);
  --batcom-layout-button-primary-border-radius: var(--batcom-layout-button-secondary-border-radius);
}
.batcom-container--primary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class, .batcom-container--secondary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class, .batcom-container--tertiary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--primary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--secondary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--tertiary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--primary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--secondary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--tertiary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--primary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--secondary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--tertiary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--primary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--secondary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--tertiary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--primary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--secondary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--tertiary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--primary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--secondary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class,
.batcom-container--tertiary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class {
  --batcom-button-text: var(--batcom-color-button-secondary-text);
  --batcom-button-text-hover: var(--batcom-color-button-secondary-text-hover);
  --batcom-button-bg: var(--batcom-color-button-secondary-bg);
  --batcom-button-bg-hover: var(--batcom-color-button-secondary-bg-hover);
  --batcom-button-border: var(--batcom-color-button-secondary-border);
  --batcom-button-border-hover: var(--batcom-color-button-secondary-border-hover);
}
.batcom-container--primary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class .cmp-button__svg :is(svg, g, path), .batcom-container--secondary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class .cmp-button__svg :is(svg, g, path), .batcom-container--tertiary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-secondary-button-inverted.override-class .cmp-button__svg :is(svg, g, path) {
  --batcom-button-icon: var(--batcom-color-button-secondary-text);
  --batcom-button-icon-hover: var(--batcom-color-button-secondary-text-hover);
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class {
  border: none;
  background: none;
  padding: 0;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg {
  margin-left: 0;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class:hover .cmp-button__icon,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class:hover .cmp-button__icon,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class:hover .cmp-button__icon,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class:hover .cmp-button__icon,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class:hover .cmp-button__icon,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class:hover .cmp-button__icon,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class:hover .cmp-button__icon {
  animation: bounce-arrow 2s infinite ease-in-out;
}
@keyframes bounce-arrow {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(10px);
  }
  100% {
    transform: translate(0);
  }
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class {
  --batcom-button-text: var(--batcom-color-button-link-text);
  --batcom-button-text-hover: var(--batcom-color-button-link-text-hover);
  --batcom-button-icon: var(--batcom-color-button-link-text);
  --batcom-button-icon-hover: var(--batcom-color-button-link-text-hover);
}
.batcom-container--primary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class, .batcom-container--secondary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class, .batcom-container--tertiary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--primary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--secondary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--tertiary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--primary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--secondary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--tertiary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--primary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--secondary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--tertiary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--primary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--secondary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--tertiary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--primary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--secondary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--tertiary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--primary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--secondary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class,
.batcom-container--tertiary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class {
  --batcom-button-text: var(--batcom-color-button-link-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-link-text-hover-inverted);
}
.batcom-container--primary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg :is(svg, g, path), .batcom-container--secondary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg :is(svg, g, path), .batcom-container--tertiary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class .cmp-button__svg :is(svg, g, path) {
  --batcom-button-icon: var(--batcom-color-button-link-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-link-text-hover-inverted);
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class:hover,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class:hover,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class:hover,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class:hover,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class:hover,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class:hover,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link.override-class:hover {
  text-decoration: none;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class {
  border: none;
  background: none;
  padding: 0;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg {
  margin-left: 0;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class:hover .cmp-button__icon,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class:hover .cmp-button__icon,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class:hover .cmp-button__icon,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class:hover .cmp-button__icon,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class:hover .cmp-button__icon,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class:hover .cmp-button__icon,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class:hover .cmp-button__icon {
  animation: bounce-arrow 2s infinite ease-in-out;
}
@keyframes bounce-arrow {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(10px);
  }
  100% {
    transform: translate(0);
  }
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class {
  --batcom-button-text: var(--batcom-color-button-link-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-link-text-hover-inverted);
  --batcom-button-icon: var(--batcom-color-button-link-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-link-text-inverted);
}
.batcom-container--primary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class, .batcom-container--secondary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class, .batcom-container--tertiary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--primary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--secondary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--tertiary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--primary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--secondary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--tertiary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--primary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--secondary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--tertiary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--primary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--secondary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--tertiary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--primary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--secondary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--tertiary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--primary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--secondary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--tertiary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class {
  --batcom-button-text: var(--batcom-color-button-link-text);
  --batcom-button-text-hover: var(--batcom-color-button-link-text-hover);
}
.batcom-container--primary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg :is(svg, g, path), .batcom-container--secondary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg :is(svg, g, path), .batcom-container--tertiary-dark .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--primary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class .cmp-button__svg :is(svg, g, path) {
  --batcom-button-icon: var(--batcom-color-button-link-text);
  --batcom-button-icon-hover: var(--batcom-color-button-link-text-hover);
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class {
  color: var(--batcom-color-button-link-text-inverted);
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class:hover,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class:hover,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class:hover,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class:hover,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class:hover,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class:hover,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.teaser-link-inverted.override-class:hover {
  text-decoration: none;
  color: var(--batcom-color-button-link-text-hover-inverted, #dedede);
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class {
  --batcom-button-text: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-primary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-primary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover-inverted);
  --batcom-button-icon: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-outline: var(--batcom-color-button-outline-inverted, #0761cd);
  display: inline-flex;
  font-size: var(--batcom-typography-button-size-mobile);
  line-height: var(--batcom-typography-button-line-height-mobile);
  font-family: var(--batcom-typography-button-family);
  font-weight: var(--batcom-typography-button-weight);
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: var(--batcom-layout-button-primary-border-radius);
  cursor: pointer;
  color: var(--batcom-button-text) !important; /* stylelint-disable-line */
  background-color: var(--batcom-button-bg);
  border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border);
  text-decoration: none !important; /* stylelint-disable-line */
  padding: 10px 20px;
}
@media only screen and (min-width: 1024px) {
  .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class,
  .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class,
  .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class,
  .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class,
  .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class,
  .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class,
  .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class {
    --batcom-typography-button-size-mobile: var(--batcom-typography-button-size-desktop);
    --batcom-typography-button-line-height-mobile: var(--batcom-typography-button-line-height-desktop);
  }
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class span,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class span,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class span,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class span,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class span,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class span,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class span {
  color: var(--batcom-button-text);
}
@media (hover: hover) {
  .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:hover,
  .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:hover,
  .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:hover,
  .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:hover,
  .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:hover,
  .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:hover,
  .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:hover {
    color: var(--batcom-button-text-hover) !important; /* stylelint-disable-line */
    background-color: var(--batcom-button-bg-hover);
    border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border-hover);
    text-decoration: none !important; /* stylelint-disable-line */
  }
  .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:hover span,
  .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:hover span,
  .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:hover span,
  .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:hover span,
  .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:hover span,
  .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:hover span,
  .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:hover span {
    color: var(--batcom-button-text-hover);
  }
  .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:hover .cmp-button__svg :is(svg, g, path) {
    fill: var(--batcom-button-icon-hover);
  }
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__text + .cmp-button__svg,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__text + .cmp-button__svg,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__text + .cmp-button__svg,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__text + .cmp-button__svg,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__text + .cmp-button__svg,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__text + .cmp-button__svg,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__text + .cmp-button__svg {
  margin-left: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__svg :is(svg, g, path),
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__svg :is(svg, g, path),
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__svg :is(svg, g, path),
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__svg :is(svg, g, path),
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__svg :is(svg, g, path) {
  fill: var(--batcom-button-icon);
  filter: none;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__svg svg,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__svg svg,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__svg svg,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__svg svg,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__svg svg,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__svg svg,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__svg svg {
  height: 16px;
}
.cmp-button__svg .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__svg svg,
.cmp-button__svg .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__svg svg,
.cmp-button__svg .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__svg svg,
.cmp-button__svg .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__svg svg,
.cmp-button__svg .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__svg svg,
.cmp-button__svg .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__svg svg,
.cmp-button__svg .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class__svg svg {
  height: 20px;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:focus,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:focus,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:focus,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:focus,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:focus,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:focus,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:focus {
  outline: transparent;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:focus-visible,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:focus-visible,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:focus-visible,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:focus-visible,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:focus-visible,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:focus-visible,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class:focus-visible {
  outline: 2px solid var(--batcom-button-outline);
  outline-offset: 4px;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal.override-class {
  --batcom-button-text: var(--batcom-color-button-teal-text, #fff);
  --batcom-button-text-hover: var(--batcom-color-button-teal-text-hover, #fff);
  --batcom-button-bg: var(--batcom-color-button-teal-bg, #027f9c);
  --batcom-button-bg-hover: var(--batcom-color-button-teal-bg, #027f9c);
  --batcom-button-border: var(--batcom-color-button-teal-bg, #027f9c);
  --batcom-button-border-hover: var(--batcom-color-button-teal-bg, #027f9c);
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class {
  --batcom-button-text: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-text-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-bg: var(--batcom-color-button-primary-bg-inverted);
  --batcom-button-bg-hover: var(--batcom-color-button-primary-bg-hover-inverted);
  --batcom-button-border: var(--batcom-color-button-primary-border-inverted);
  --batcom-button-border-hover: var(--batcom-color-button-primary-border-hover-inverted);
  --batcom-button-icon: var(--batcom-color-button-primary-text-inverted);
  --batcom-button-icon-hover: var(--batcom-color-button-primary-text-hover-inverted);
  --batcom-button-outline: var(--batcom-color-button-outline-inverted, #0761cd);
  display: inline-flex;
  font-size: var(--batcom-typography-button-size-mobile);
  line-height: var(--batcom-typography-button-line-height-mobile);
  font-family: var(--batcom-typography-button-family);
  font-weight: var(--batcom-typography-button-weight);
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: var(--batcom-layout-button-primary-border-radius);
  cursor: pointer;
  color: var(--batcom-button-text) !important; /* stylelint-disable-line */
  background-color: var(--batcom-button-bg);
  border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border);
  text-decoration: none !important; /* stylelint-disable-line */
  padding: 10px 20px;
}
@media only screen and (min-width: 1024px) {
  .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class,
  .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class,
  .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class,
  .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class,
  .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class,
  .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class,
  .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class {
    --batcom-typography-button-size-mobile: var(--batcom-typography-button-size-desktop);
    --batcom-typography-button-line-height-mobile: var(--batcom-typography-button-line-height-desktop);
  }
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class span,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class span,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class span,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class span,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class span,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class span,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class span {
  color: var(--batcom-button-text);
}
@media (hover: hover) {
  .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:hover,
  .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:hover,
  .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:hover,
  .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:hover,
  .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:hover,
  .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:hover,
  .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:hover {
    color: var(--batcom-button-text-hover) !important; /* stylelint-disable-line */
    background-color: var(--batcom-button-bg-hover);
    border: var(--batcom-layout-button-border-width) solid var(--batcom-button-border-hover);
    text-decoration: none !important; /* stylelint-disable-line */
  }
  .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:hover span,
  .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:hover span,
  .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:hover span,
  .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:hover span,
  .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:hover span,
  .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:hover span,
  .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:hover span {
    color: var(--batcom-button-text-hover);
  }
  .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:hover .cmp-button__svg :is(svg, g, path),
  .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:hover .cmp-button__svg :is(svg, g, path) {
    fill: var(--batcom-button-icon-hover);
  }
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__text + .cmp-button__svg,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__text + .cmp-button__svg,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__text + .cmp-button__svg,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__text + .cmp-button__svg,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__text + .cmp-button__svg,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__text + .cmp-button__svg,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__text + .cmp-button__svg {
  margin-left: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__svg :is(svg, g, path),
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__svg :is(svg, g, path),
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__svg :is(svg, g, path),
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__svg :is(svg, g, path),
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__svg :is(svg, g, path),
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__svg :is(svg, g, path),
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__svg :is(svg, g, path) {
  fill: var(--batcom-button-icon);
  filter: none;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__svg svg,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__svg svg,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__svg svg,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__svg svg,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__svg svg,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__svg svg,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__svg svg {
  height: 16px;
}
.cmp-button__svg .batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__svg svg,
.cmp-button__svg .batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__svg svg,
.cmp-button__svg .batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__svg svg,
.cmp-button__svg .batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__svg svg,
.cmp-button__svg .batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__svg svg,
.cmp-button__svg .batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__svg svg,
.cmp-button__svg .batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class__svg svg {
  height: 20px;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:focus,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:focus,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:focus,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:focus,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:focus,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:focus,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:focus {
  outline: transparent;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:focus-visible,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:focus-visible,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:focus-visible,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:focus-visible,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:focus-visible,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:focus-visible,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class:focus-visible {
  outline: 2px solid var(--batcom-button-outline);
  outline-offset: 4px;
}
.batcom-container--primary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class,
.batcom-container--secondary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class,
.batcom-container--tertiary-dark .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class,
.batcom-container--gradient-1 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class,
.batcom-container--gradient-2 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class,
.batcom-container--gradient-3 .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class,
.batcom-container--white .batcom-teaser.teaser .cmp-teaser__action-link.batcom-button--teal-secondary.override-class {
  --batcom-button-text: var(--batcom-color-button-teal-secondary-text, #027f9c);
  --batcom-button-text-hover: var(--batcom-color-button-teal-secondary-text-hover, #027f9c);
  --batcom-button-bg: var(--batcom-color-button-teal-secondary-bg, transparent);
  --batcom-button-bg-hover: var(--batcom-color-button-teal-secondary-bg, transparent);
  --batcom-button-border: var(--batcom-color-button-teal-secondary-bg, #027f9c);
  --batcom-button-border-hover: var(--batcom-color-button-teal-secondary-bg, #027f9c);
}

.batcom-teaser-vertical--v03 {
  text-align: center;
  padding: 0 32px;
}
@media only screen and (max-width: 767px) {
  .batcom-teaser-vertical--v03 {
    margin-bottom: 40px;
  }
}
.batcom-teaser-vertical--v03 .cmp-image__image {
  width: 160px;
  height: 160px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .batcom-teaser-vertical--v03 .cmp-image__image {
    width: 130px;
    height: 130px;
    margin-bottom: 12px;
  }
}
.batcom-teaser-vertical--v03 .cmp-teaser__title {
  font-size: 22px;
  line-height: 24px;
  font-family: var(--batcom-font-face-1-name);
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--batcom-color-palette-1-inverted);
}
@media only screen and (max-width: 767px) {
  .batcom-teaser-vertical--v03 .cmp-teaser__title {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 8px;
  }
}
.batcom-teaser-vertical--v03 .cmp-teaser__description {
  font-size: var(--batcom-typography-body-size-mobile);
  font-family: var(--batcom-font-face-1-name);
  margin-top: 0;
  font-weight: 400;
}

.batcom-teaser-vertical--v04 {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .batcom-teaser-vertical--v04 .cmp-teaser {
    display: flex;
    flex-direction: column;
  }
  .batcom-teaser-vertical--v04 .cmp-teaser__image {
    margin-bottom: 15%;
  }
}
.batcom-teaser-vertical--v04 .cmp-teaser__title {
  color: var(--batcom-color-body-text-inverted);
  font-family: "Gotham-Medium", sans-serif;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 16px;
  padding: 0 10px;
}
.batcom-teaser-vertical--v04 .cmp-teaser__title-font-style {
  font-size: 20px;
  line-height: 20px;
  font-weight: 900;
}
.batcom-teaser-vertical--v04 .cmp-teaser__title-font-style .small-text {
  font-size: 18px;
}

.batcom-teaser-horizontal--teaser .cmp-teaser {
  display: flex;
  padding: 16px 8px;
  gap: 10px;
  flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-horizontal--teaser .cmp-teaser {
    padding: 24px 16px;
    flex-direction: row;
    gap: 0;
  }
}
.batcom-teaser-horizontal--teaser .cmp-teaser__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  font-family: var(--batcom-font-face-1-name, "Gotham-Book");
  align-items: center;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-horizontal--teaser .cmp-teaser__content {
    align-items: start;
    gap: 80px;
  }
}
.batcom-teaser-horizontal--teaser .cmp-teaser__title {
  font-family: var(--batcom-font-face-1-name, "Gotham-Book");
  font-size: 16px;
  line-height: 120%;
  font-weight: 400;
  color: #fff;
  position: absolute;
  top: 16px;
  margin: 0;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-horizontal--teaser .cmp-teaser__title {
    font-family: var(--batcom-font-face-2-name, "Gotham-Medium");
    font-size: 32px;
    font-weight: 500;
    position: relative;
    top: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-horizontal--teaser .cmp-teaser__image {
    margin: auto 0;
  }
}
.batcom-teaser-horizontal--teaser .cmp-teaser__background {
  display: none;
}
.batcom-teaser-horizontal--teaser .cmp-teaser__description {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 0;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-horizontal--teaser .cmp-teaser__description {
    gap: 24px;
  }
}
.batcom-teaser-horizontal--teaser .cmp-teaser__description .divider-line {
  height: 0;
  border: 1px solid #fff;
  width: 40px;
  margin: auto;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-horizontal--teaser .cmp-teaser__description .divider-line {
    width: 120px;
  }
}
.batcom-teaser-horizontal--teaser .cmp-teaser__description .feature-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 8px;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-horizontal--teaser .cmp-teaser__description .feature-item {
    gap: 16px;
    padding: 0;
  }
}
.batcom-teaser-horizontal--teaser .cmp-teaser__description .feature-item__logo {
  width: 24px;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-horizontal--teaser .cmp-teaser__description .feature-item__logo {
    width: 40px;
  }
}
.batcom-teaser-horizontal--teaser .cmp-teaser__description .feature-item__text,
.batcom-teaser-horizontal--teaser .cmp-teaser__description .feature-item sup {
  font-size: 14px;
  line-height: 100%;
  font-weight: 400;
  color: #fff;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-horizontal--teaser .cmp-teaser__description .feature-item__text,
  .batcom-teaser-horizontal--teaser .cmp-teaser__description .feature-item sup {
    font-size: 20px;
  }
}
.batcom-teaser-horizontal--teaser .cmp-teaser__description .feature-item__text b,
.batcom-teaser-horizontal--teaser .cmp-teaser__description .feature-item sup b {
  font-family: var(--batcom-font-face-2-name, "Gotham-Medium");
  font-weight: 500;
}
.batcom-teaser-horizontal--teaser.highlighted-teaser .cmp-teaser {
  background: linear-gradient(180deg, rgba(26, 87, 127, 0.6471) 0%, #061d2e 98.29%);
  border-radius: 18px;
}
.batcom-teaser-horizontal--teaser.highlighted-teaser .cmp-teaser__image {
  padding: 17.65% 37.26% 0;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-horizontal--teaser.highlighted-teaser .cmp-teaser__image {
    padding: 0;
    width: 54.8%;
  }
}
.batcom-teaser-horizontal--teaser.transparent-teaser .cmp-teaser__image {
  padding: 38.57% 43.46% 2.62%;
}
@media only screen and (min-width: 1024px) {
  .batcom-teaser-horizontal--teaser.transparent-teaser .cmp-teaser__image {
    padding: 0;
    width: 86.25%;
  }
}

.batcom-teaser-horizontal--teaser-image-right .cmp-teaser {
  display: flex;
  padding: 40px 20px;
  gap: 40px;
  border-radius: 25px;
  background: linear-gradient(180deg, #061d2e 1.71%, #22405d 100%);
  box-shadow: 0 2px 10px 1px rgba(16, 51, 77, 0.6);
  backdrop-filter: blur(28.3px);
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-horizontal--teaser-image-right .cmp-teaser {
    padding: 64px;
    gap: 64px;
    border-radius: 36px;
    flex-direction: row-reverse;
    background: linear-gradient(180deg, #22405d 0%, #061d2e 98.29%);
    min-height: 458px;
  }
}
.batcom-teaser-horizontal--teaser-image-right .cmp-teaser__image {
  width: 100%;
  margin: auto;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-horizontal--teaser-image-right .cmp-teaser__image {
    width: 50%;
  }
}
.batcom-teaser-horizontal--teaser-image-right .cmp-teaser__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-horizontal--teaser-image-right .cmp-teaser__content {
    width: 50%;
  }
}
.batcom-teaser-horizontal--teaser-image-right .cmp-teaser__description {
  gap: 16px;
  display: flex;
  flex-direction: column;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-horizontal--teaser-image-right .cmp-teaser__description {
    gap: 32px;
  }
}
.batcom-teaser-horizontal--teaser-image-right .cmp-teaser__description .feature-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-horizontal--teaser-image-right .cmp-teaser__description .feature-item {
    gap: 16px;
  }
}
.batcom-teaser-horizontal--teaser-image-right .cmp-teaser__description .feature-item__logo {
  width: 32px;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-horizontal--teaser-image-right .cmp-teaser__description .feature-item__logo {
    width: 48px;
  }
}
.batcom-teaser-horizontal--teaser-image-right .cmp-teaser__description .feature-item__text {
  font-family: var(--batcom-font-face-1-name, "Gotham-Book");
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-horizontal--teaser-image-right .cmp-teaser__description .feature-item__text {
    font-family: var(--batcom-font-face-1-name, "Gotham-Book");
    font-size: 24px;
    line-height: 100%;
  }
}
.batcom-teaser-horizontal--teaser-image-right .cmp-teaser__description .feature-item__text b {
  font-family: var(--batcom-font-face-2-name, "Gotham-Medium");
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .batcom-teaser-horizontal--teaser-image-right .cmp-teaser__description .feature-item__text b {
    font-family: var(--batcom-font-face-3-name, "Gotham-Bold");
    font-weight: 700;
  }
}

.batcom-teaser--backside-bg-1 .batcom-flip__back {
  background: var(--batcom-color-teaser-back-side-bg-1, radial-gradient(68.6% 85.71% at 64.56% 20.84%, #320f01 0%, #020202 100%));
}

.batcom-teaser--backside-bg-2 .batcom-flip__back {
  background: var(--batcom-color-teaser-back-side-bg-2, radial-gradient(96.45% 148.34% at 73.82% 15.17%, #344850 0%, #020202 100%));
}

.batcom-teaser--corners-round .cmp-teaser__image img,
.batcom-teaser--corners-round .batcom-flip__back {
  border-radius: var(--batcom-layout-teaser-round-teasers-border-radius, 8px);
}