.ifm-content-library-item {
  --c-background-color: var(--c-secondary);
  background-color: var(--bg);
  box-shadow: 0 4px 12px var(--c-shadow);
  display: flex;
  flex-direction: column;
  transition: transform .25s ease
}
.ifm-content-library-item--no-image {
  justify-content: space-between
}
.ifm-content-library-item__content-wrapper {
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 60px;
  padding: var(--spacing) 2.5rem var(--spacing) var(--spacing);
  position: relative;
  border-top: 1px var(--c-text-on-dark) solid;
  font-size: var(--fs-sm)
}
.ifm-content-library-item__image {
  width: 100%
}
.ifm-content-library-item__fallback-image {
  filter: grayscale(.9) opacity(.5) brightness(1.5);
  height: 10rem;
  padding: var(--spacing-lg);
  width: 10rem
}
.ifm-content-library-item__fallback-image-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center
}
.ifm-content-library-item__image-label {
  background-color: var(--c-background-color);
  border-bottom-right-radius: var(--spacing);
  color: var(--c-text-on-secondary);
  font-size: var(--fs-sm);
  left: 0;
  padding: var(--spacing-sm) var(--spacing) var(--spacing-sm) var(--spacing-sm);
  position: absolute;
  top: 0
}
.ifm-content-library-item__image-label--event {
  --c-background-color: var(--c-yellow-dim)
}
.ifm-content-library-item__image-label--media-report {
  --c-background-color: var(--c-secondary-vibrant)
}
.ifm-content-library-item__image-label--application-report {
  --c-background-color: var(--c-secondary)
}
.ifm-content-library-item__image-label--case-study {
  --c-background-color: var(--c-green-pale)
}
.ifm-content-library-item__image-label--use-case {
  --c-background-color: var(--c-tile-tertiary)
}
.ifm-content-library-item__image-link {
  display: flex;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  min-height: 200px;
  position: relative;
  width: 100%
}
.ifm-content-library-item__title {
  margin-bottom: var(--spacing-sm);
  font-size: var(--fs-normal)
}
.ifm-content-library-item__link-wrapper {
  bottom: 0;
  position: absolute;
  right: 0
}
.ifm-content-library-item__content-wrapper, .ifm-content-library-item__fallback-image-wrapper, .ifm-content-library-item__image-link {
  flex: 1
}
@media (min-width:768px) {
  .ifm-content-library-item:hover {
    transform: translateY(-5px)
  }
  .ifm-content-library-item:hover .ifm-content-library-item__link {
    border-color: transparent transparent var(--c-primary-light) transparent
  }
  .ifm-content-library-item__fallback-image {
    padding: var(--spacing)
  }
  .ifm-content-library-item__content-wrapper {
    justify-content: normal
  }
  .ifm-content-library-item__image-label {
    font-size: var(--fs-normal)
  }
  .ifm-content-library-item__title {
    margin-bottom: var(--spacing-sm)
  }
}
@media (min-width:1024px) {
  .ifm-content-library-item {
    flex-direction: row;
    min-height: 200px
  }
  .ifm-content-library-item__content-wrapper, .ifm-content-library-item__image-link {
    width: 50%
  }
  .ifm-content-library-item__content-wrapper {
    border-left: 1px var(--c-text-on-dark) solid;
    border-top: unset
  }
}
.fluid-alt .ifm-content-library-item {
  background: var(--bg)
}
.topic-library-page .ifm .sectors {
  border-bottom: 0;
  color: var(--c-text);
  text-align: center;
  font-size: var(--fs-lg-5)
}
.successstory-page .heading-lined:not(:first-of-type) {
  margin-top: 50px
}
.successstory-page .ifm .sectors {
  border-bottom: 0;
  color: var(--c-text);
  text-align: center;
  font-size: var(--fs-lg-5)
}
.successstory-page .flex-col .use-case-page__image {
  display: block;
  margin-bottom: 1.25rem
}
.related-product-list {
  margin-top: 50px
}
.successstory-page .related-product-list h2 {
  margin-bottom: 1rem
}
.related-product-list .results {
  padding-left: 0
}
.ifm-customer-summary__logo {
  margin-bottom: 26px
}
.ifm-customer-summary__quote {
  margin-top: -8px
}
.ifm-customer-summary__information {
  background: var(--bg-light);
  padding: var(--spacing);
  margin-bottom: 30px
}
.ifm-customer-summary .marginal-content {
  padding: 0;
  margin-bottom: 0 !important
}
.ifm-app-download-packages-wrapper + .ifm-app-download-packages-wrapper {
  margin-top: 2rem
}
.ifm-tile-item__link-wrapper .ifm-tile-item__text {
  color: var(--c-text)
}
.ifm-tile-item:not(.ifm-tile-item--big-banner) .ifm-tile-item__link-wrapper:hover .ifm-tile-item__text {
  color: var(--c-secondary-saturated)
}
.ifm-accessories-teaser__show-more-background {
  align-items: center
}
.ifm-tile-item__image img.ifm-tile-item__image-inner {
  width: auto
}
h2.ifm-accessories-teaser__title, h2.ifm-content-teaser__title {
  font-size: var(--fs-lg-5);
  font-weight: 400
}
.ifm h3.ifm-content-teaser__headline {
  font-size: var(--fs-sm);
  margin-top: 0
}
.ifm p.ifm-content-teaser__text {
  margin: 0
}
.ifm-selector-modal__title-wrapper .h2.ifm-selector-modal__title {
  font-size: var(--fs-lg-2);
  font-weight: 700;
  margin: 0
}
.accessory-tab .ifm-accessories {
  padding-left: 0;
  padding-right: 0;
  width: 100%
}
.ifm-facet-accordion__transition-container .ifm-input-label {
  display: flex;
  font-weight: 400
}
.ifm-facet-accordion__transition-container .ifm-facet-accordion__facet {
  margin-bottom: var(--spacing-xsm)
}
.ifm-selector-side-bar__item .h3 {
  font-size: var(--fs-lg);
  font-weight: 700;
  margin: 0
}
.ifm-selector-side-bar__item .ifm-selector-side-bar__separator {
  margin: 0
}
.ifm-chip-container .ifm-chip-container__button {
  padding: 4px 16px
}
.ifm-chip-container .ifm-chip-item {
  font-size: var(--fs-sm-2)
}
.ifm-result-item__product-info-details .ifm-labeled-value-section__entry {
  flex-direction: column
}
.ifm-result-item__product-info-details .ifm-labeled-value-section__label {
  flex: 1
}
.ifm-result-item__product-info-details .ifm-labeled-value-section__value {
  flex: 3
}
.ifm-result-item__product-info-inner .ifm-result-item__product-link-wrapper {
  color: var(--c-text)
}
.ifm-accessory-recommendations h2.ifm-accessory-recommendations__headline {
  font-weight: 400;
  text-align: center;
  overflow: hidden;
  margin: 0 0 20px
}
.accessory-tab .content-padding {
  padding-top: 0
}
.bootstrap hr.ifm-result-item__separator {
  margin: 1rem 0 .5rem 0
}
@media (min-width:1024px) {
  .ifm-accessory-recommendations h2.ifm-accessory-recommendations__headline {
    margin-top: 0;
    margin-bottom: 40px
  }
}
.ifm-download-packages {
  line-height: normal
}
.ifm-download-packages h2.ifm-download-package__heading.heading-lined {
  line-height: normal;
  color: var(--c-secondary);
  font-size: inherit;
  font-weight: 400;
  margin-bottom: 1rem
}
.ifm-download-packages .ifm-download-package__description {
  margin-bottom: 1.5rem
}
.ifm-download-packages .ifm-button {
  font-size: var(--fs-sm-2)
}
.ifm-download-packages .ifm-download-package-table__hash {
  font-family: monospace;
  font-size: var(--fs-sm);
  padding: 0;
  color: inherit;
  background-color: inherit;
  border-radius: 0
}
.ifm-download-packages .ifm-download-package__separator {
  margin: 1rem 0
}
.ifm-download-packages .ifm-select {
  font-weight: 400
}
.ifm-download-packages .ifm-input-label {
  display: flex;
  font-weight: 400;
  line-height: normal;
  margin: 0
}
.ifm-download-packages .ifm-checkbox__input {
  margin: 0
}
.ifm-download-packages .ifm-modal-header__btn-cross {
  font-size: 1.5rem
}
.ifm-download-packages .ifm-tooltip__hr {
  border: 0 solid var(--bg-alt);
  border-width: 1px 1px 0 0;
  margin: .5em 0
}
.faq-container .h2 {
  font-size: var(--fs-lg-3)
}
.faq-container .content-list {
  font-size: var(--fs-sm)
}
.ifm-faq .ifm-faq__item img {
  width: auto
}
.ifm-add-to-cart .ifm-add-to-cart__input {
  display: flex;
  margin-bottom: 0;
  width: 80px
}
.bootstrap .h2.ifm-modal__title {
  font-size: var(--fs-lg-3);
  font-weight: 700;
  margin: 0
}
.ifm .ifm-category-info__learn-more, .ifm .ifm-category-info__learn-more-text, .ifm .ifm-category-info__learn-more:hover .ifm-button__icon {
  color: var(--c-text-on-primary)
}
.ifm.fluid .ifm-category-info__list {
  margin-bottom: 0
}
.ifm .shopping-box .text-icon-link.text-icon-link--active {
  color: var(--c-secondary-hover)
}
.ifm-downloads-tab h2.ifm-download-section__headline.heading-lined {
  line-height: normal;
  color: var(--c-secondary);
  font-size: inherit;
  font-weight: 400;
  margin-bottom: 1rem
}
.ifm-downloads-tab .ifm-select {
  font-weight: 400;
  margin-bottom: 0;
  display: flex
}
.ifm-downloads-tab .ifm-select__select {
  line-height: normal
}
.ifm .modal-reorder .modal-header {
  display: flex;
  justify-content: space-between
}
.ifm .modal-reorder .modal-header__title {
  flex: 1
}
.ifm .modal-reorder .modal-body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 200px
}
.ifm .modal-reorder .modal-footer .button {
  align-self: flex-end;
  margin-bottom: 0
}
@media (max-width:479px) {
  .ifm .modal-reorder .modal-footer .button {
    margin-left: 0;
    width: 100%
  }
}
.ifm .modal-reorder .modal-footer .button--secondary {
  background-color: var(--c-secondary);
  color: var(--bg)
}
.ifm .modal-reorder .modal-footer .button--secondary:active, .ifm .modal-reorder .modal-footer .button--secondary:hover {
  color: var(--bg);
  background-color: var(--c-secondary-hover)
}
.ifm .modal-reorder__headline {
  --icon-size: var(--fs-lg-2);
  display: flex;
  align-items: center;
  font-weight: 700;
  margin-bottom: var(--spacing);
  line-height: 1
}
.ifm .modal-reorder__headline--success {
  color: var(--c-green-pale)
}
.ifm .modal-reorder__headline--warning {
  color: var(--c-error-dim)
}
.ifm .modal-reorder .modal-reorder__section + .modal-reorder__section {
  margin-top: var(--spacing-lg)
}
.ifm .modal-reorder__products {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  margin: 0;
  padding: 0
}
.ifm .modal-reorder__hint {
  margin-bottom: var(--spacing);
  font-size: var(--fs-sm)
}
.ifm .reorder-not-buyable__headline {
  display: flex;
  align-items: center;
  padding: 1rem;
  font-weight: 700;
  font-size: var(--fs-lg);
  color: var(--c-text);
  background: var(--bg-light);
  border-top: 1px var(--c-input-extra-disabled) solid;
  border-bottom: 1px var(--c-input-extra-disabled) solid
}
.ifm .reorder-not-buyable__headline i {
  margin-right: 8px
}
@media (min-width:768px) {
  .ifm .reorder-not-buyable__products {
    max-height: 200px
  }
}
.ifm .reorder-product {
  display: flex;
  justify-content: space-between;
  border: 1px solid var(--c-border-light);
  border-radius: 4px;
  padding: var(--spacing-sm);
  flex: 1 1 250px
}
.ifm .reorder-product img {
  max-width: 60px;
  mix-blend-mode: multiply
}
@media (min-width:768px) {
  .ifm .reorder-product img {
    max-width: 75px
  }
}
.ifm .reorder-product__article {
  display: flex;
  flex-direction: column;
  flex: 1
}
.ifm .reorder-product__article-number {
  margin-right: 1rem;
  font-weight: 700
}
.ifm .reorder-product__article-number--no-link {
  color: var(--c-text)
}
.ifm .reorder-product__article-group {
  font-size: var(--fs-sm-2)
}
.ifm .reorder-product__wrapper {
  display: flex;
  gap: var(--spacing-sm);
  flex: 2 1 auto
}
.ifm .alternative-product {
  flex-wrap: wrap;
  gap: var(--spacing);
  flex-direction: column;
  position: relative
}
.ifm .alternative-product:before {
  height: .5rem;
  left: 1px
}
.ifm .alternative-product:after, .ifm .alternative-product:before {
  content: "";
  background-color: var(--bg);
  position: absolute;
  right: 1px;
  bottom: 1px
}
.ifm .alternative-product:after {
  width: .5rem;
  top: 1px
}
@media (min-width:576px) {
  .ifm .alternative-product {
    flex-direction: row
  }
}
.ifm .alternative-product__product-wrapper {
  border-right: 1px solid var(--c-border-light);
  border-bottom: 1px solid var(--c-border-light);
  padding-right: var(--spacing);
  padding-bottom: var(--spacing-sm)
}
.ifm .alternative-product__alternative-link {
  font-weight: 700
}
@media (min-width:768px) {
  .ifm .alternative-product__alternative-link {
    margin: 0 1rem
  }
}
.ifm .alternative-product__wrapper {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  font-size: var(--fs-sm)
}
.ifm .teaser--content {
  margin-bottom: 2rem
}
.ifm .teaser--content .row {
  margin: 0;
  display: flex;
  flex-direction: column;
  background: var(--bg);
  box-shadow: 0 0 4px rgba(0, 0, 0, .24);
  border-radius: 8px;
  overflow: hidden
}
.ifm .teaser--content .col-sm-4 {
  padding: 0
}
.ifm .teaser--content .col-sm-8 {
  position: relative;
  padding: 16px
}
.ifm .teaser--content figure, .ifm .teaser--content picture {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden
}
.ifm .teaser--content .col-sm-4 [mi24-video-player] {
  display: flex;
  flex: auto;
  align-self: flex-start
}
.ifm .teaser--content .col-sm-4 [mi24-video-player] .mi-responsive-player, .ifm .teaser--content .col-sm-4 [mi24-video-player] > div {
  height: auto !important
}
@media (min-width:576px) {
  .ifm .teaser--content .row {
    display: block
  }
  .ifm .teaser--content .col-sm-4 {
    width: 33.33333%;
    margin: 16px;
    float: right;
    display: flex;
    align-items: center
  }
  .ifm .teaser--content .col-sm-4.col-sm-push-8 {
    left: 0
  }
  .ifm .teaser--content .col-sm-8 {
    width: 100%;
    float: none
  }
  .ifm .teaser--content .col-sm-8.col-sm-pull-4 {
    right: 0
  }
}
@media (min-width:1024px) {
  .ifm .teaser--content .row {
    display: flex;
    flex-direction: row
  }
  .ifm .teaser--content .col-sm-4 {
    width: calc(33.33333% - 32px);
    overflow: hidden
  }
  .ifm .teaser--content .col-sm-4.col-sm-push-8 {
    left: 66.66667%
  }
  .ifm .teaser--content .col-sm-8 {
    width: 66.66667%;
    display: flex;
    flex-direction: column
  }
  .ifm .teaser--content .col-sm-8.col-sm-pull-4 {
    right: 33.33333%
  }
  .ifm .teaser--content .col-sm-8 .button-group-alt {
    margin-top: auto
  }
  .ifm .teaser--content figure, .ifm .teaser--content picture {
    height: auto;
    align-self: flex-start;
    align-items: flex-start
  }
  .ifm .teaser--content figure img, .ifm .teaser--content picture img {
    height: 100%;
    max-height: 100%;
    object-fit: cover
  }
  .ifm .teaser--content figure a {
    width: 100%;
    height: 100%;
    max-height: 100%;
    display: flex
  }
}
@media (min-width:1440px) {
  .ifm .teaser--content .col-sm-8.col-sm-pull-4:before, .ifm .teaser--content .col-sm-8:before {
    content: "";
    display: block;
    width: 1px;
    height: 80%;
    position: absolute;
    background: linear-gradient(var(--bg), #d7d7db, var(--bg));
    top: 10%;
    z-index: 20
  }
  .ifm .teaser--content .col-sm-8:before {
    left: 0
  }
  .ifm .teaser--content .col-sm-8.col-sm-pull-4:before {
    right: 0;
    left: auto
  }
  .ifm .teaser--content .col-sm-4 {
    height: auto;
    min-height: 250px;
    max-height: 360px;
    margin: 0;
    width: 33.33333%
  }
  .ifm .teaser--content figure, .ifm .teaser--content picture {
    height: 100%
  }
}
@media (min-width:1440px) {
  .ifm.homepage .teaser--content .row {
    position: relative;
    min-height: 270px;
    margin: 38px 0 8px 0;
    background: none;
    box-shadow: none;
    border-radius: unset;
    overflow: unset
  }
  .ifm.homepage .teaser--content .col-sm-4 {
    position: absolute;
    margin: 0;
    padding: 0;
    top: -30px;
    z-index: 2;
    height: 270px;
    max-height: unset;
    min-height: unset;
    overflow: hidden
  }
  .ifm.homepage .teaser--content .col-sm-4.col-sm-push-8 {
    right: 0;
    left: auto
  }
  .ifm.homepage .teaser--content .col-sm-8.col-sm-pull-4:before, .ifm.homepage .teaser--content .col-sm-8:before {
    content: none
  }
  .ifm.homepage .teaser--content .col-sm-8 {
    width: 75%;
    margin-left: auto;
    padding: 26px 30px 28px 10%;
    background: var(--bg);
    border-image: linear-gradient(135deg, var(--bg-light), var(--c-text-on-dark)) 1 5%;
    border-width: 1px;
    border-style: solid
  }
  .ifm.homepage .teaser--content .col-sm-8.col-sm-pull-4 {
    right: auto;
    left: -25%;
    padding: 26px 10% 28px 30px;
    border-image: linear-gradient(240deg, var(--bg-light), var(--c-text-on-dark)) 1 5%
  }
}
.ifm .tile--primary-bg {
  background-color: var(--c-primary)
}
.ifm .tile--secondary-bg {
  background-color: hsl(150deg 54% 32%)
}
.ifm .tile--primary-bg .tile__link-wrapper, .ifm .tile--secondary-bg .tile__link-wrapper {
  box-shadow: 0 1px 4px rgba(0, 0, 0, .16)
}
.ifm .tile--primary-bg .tile__link-wrapper:focus, .ifm .tile--primary-bg .tile__link-wrapper:hover, .ifm .tile--secondary-bg .tile__link-wrapper:focus, .ifm .tile--secondary-bg .tile__link-wrapper:hover {
  background-color: var(--c-secondary-saturated)
}
.ifm .tile--primary-bg .tile__text, .ifm .tile--secondary-bg .tile__text {
  color: var(--bg)
}
.ifm .tile--big .tile__link-wrapper {
  height: 80px
}
.ifm .tile--big .tile__image {
  height: 80px;
  width: 100px;
  -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%);
  margin-right: 16px
}
.ifm .tile--big .tile__text {
  font-size: 15px
}
.ifm .tile--big .tile__image:after, .ifm .tile--big .tile__image:before {
  content: none
}
.ifm .ifm-faq .viewer .zoomable-image {
  margin: 0;
  width: 500px
}
.ifm .ifm-faq .viewer {
  display: inline-block
}
.ifm .lac-activation-form__headline {
  font-weight: 700;
  margin-bottom: .25rem
}
.ifm .button.lac-activation-form__button {
  margin-left: 0;
  width: 100%
}
.ifm .lac-activation-form__button:disabled {
  background: var(--c-primary-light-2)
}
.ifm .lac-activation-form__error-message {
  color: var(--c-error);
  font-size: var(--fs-sm)
}
.ifm .input-lac-group {
  display: flex;
  align-items: center;
  margin-bottom: .5rem
}
.ifm .lac-input-field {
  display: block;
  width: 100%;
  border-radius: 5px;
  text-align: center;
  margin-left: .25rem;
  margin-right: .25rem;
  border: 1px solid #94969e;
  font-family: monospace
}
.ifm .lac-input-field:first-of-type {
  margin-left: 0
}
.ifm .lac-input-field:last-of-type {
  margin-right: 0
}
.ifm .lac-input-field:focus, .ifm .lac-input-field:focus-visible {
  border: 1px solid var(--c-primary);
  outline: none
}
.ifm .lac-input-field:disabled {
  opacity: .4;
  background-color: var(--c-input-extra-disabled)
}
.ifm .lac-input-field--4-chars {
  flex: 1
}
.ifm .lac-input-field--8-chars {
  flex: 2
}
.ifm .lac-input-field--12-chars {
  flex: 3
}
.ifm .speaker {
  display: inline-block;
  margin-bottom: 16px;
  padding: 20px;
  box-shadow: 0 0 2px var(--c-text-disabled);
  width: 100%
}
.ifm .speaker:first-of-type {
  margin-top: 20px
}
.ifm .speaker__image {
  position: relative;
  width: 60px;
  height: 60px;
  margin: 0 0 10px 10px;
  float: right
}
.ifm .speaker__image a {
  display: inline-block;
  width: 100%;
  height: 100%
}
.ifm .speaker__image img {
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  border: 1px var(--bg-alt) solid;
  transition: border .3s ease;
  z-index: 3
}
.ifm .speaker__image .svg-wrapper {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  left: 0;
  bottom: 0;
  border-radius: 50%;
  background: var(--c-primary);
  overflow: hidden;
  transform: translateY(0);
  transition: transform .3s ease;
  z-index: 0
}
.ifm .speaker__social-media-icon {
  width: 20px;
  height: 20px;
  padding: 3px;
  color: var(--bg);
  z-index: 3
}
.ifm .speaker__description span {
  display: block;
  margin-bottom: 10px;
  line-height: 1.3;
  font-weight: 700
}
.ifm .speaker .speaker__description p {
  margin-bottom: 0
}
.ifm .speaker__image--linked:hover img {
  border-color: var(--c-primary)
}
.ifm .speaker__image--linked:hover .svg-wrapper {
  transform: translateY(-2px)
}
@media (min-width:768px) {
  .ifm .speaker {
    display: flex;
    align-items: center
  }
  .ifm .speaker__image {
    float: unset;
    width: 100px;
    height: unset;
    margin: 0 20px 0 0
  }
  .ifm .speaker .speaker__image img {
    width: 100px;
    height: 100px
  }
  .ifm .speaker__description {
    width: 85%
  }
}
.ifm .event-summary-box {
  padding: 16px;
  margin-bottom: 30px;
  background: var(--bg-light);
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: break-word
}
.ifm .event-summary-box svg {
  margin-right: 6px;
  color: var(--c-secondary)
}
.ifm .event-summary-box__event-date {
  margin-bottom: 10px
}
.ifm .event-date__date {
  margin: 8px 0 8px 30px
}
.ifm .event-date__headline {
  display: flex;
  align-items: center;
  font-weight: 700
}
.ifm .event-summary-box__cta {
  width: 100%
}
.ifm .event-summary-box__cta .button--primary {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center
}
.ifm .event-summary-box__cta svg {
  color: unset
}
@media (min-width:768px) {
  .ifm .event-summary-box {
    padding: 24px
  }
}
.ifm .event-summary-info__headline {
  display: flex;
  align-items: center;
  font-weight: 700
}
.ifm .event-summary-info__description {
  margin-left: 34px
}
.ifm .infobox-with-icon {
  position: relative;
  margin-bottom: 30px;
  padding: 16px;
  border: 1px var(--c-secondary-light) solid;
  border-radius: 8px
}
.ifm .infobox-with-icon__icon {
  position: absolute;
  width: 36px;
  height: 36px;
  right: 0;
  top: -30px;
  padding: 6px;
  margin-right: 0;
  color: var(--bg);
  background: var(--c-secondary-light);
  border-radius: 50%;
  font-family: unset !important
}
.ifm .infobox-with-icon__header {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 50px 10px 0
}
.ifm .infobox-with-icon__header .infobox-with-icon__headline {
  font-size: var(--fs-normal);
  color: var(--c-secondary-light);
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
  margin-bottom: 0 !important
}
.ifm .infobox-with-icon__content {
  font-size: var(--fs-sm)
}
.ifm .infobox-with-icon__content p {
  margin-bottom: 10px !important
}
.ifm .infobox-with-icon__cta {
  margin-top: 18px
}
.ifm .infobox-with-icon__cta-link {
  display: flex;
  align-items: flex-start;
  font-size: var(--fs-sm)
}
.ifm .infobox-with-icon__cta-link:hover .infobox-with-icon__cta-label, .ifm .infobox-with-icon__cta-link:hover svg {
  color: var(--c-primary)
}
.ifm .infobox-with-icon__cta-link svg {
  position: relative;
  flex: none;
  width: 18px;
  margin-right: 6px;
  top: -3px
}
.ifm .infobox-with-icon__cta-label {
  color: var(--c-text)
}
.ifm .infobox-with-icon__cta-link.button {
  justify-content: center
}
.ifm .infobox-with-icon__cta-link.button .infobox-with-icon__cta-label {
  color: var(--bg)
}
.ifm .infobox-with-icon .content-list {
  font-size: var(--fs-sm);
  margin-bottom: 0
}
.ifm .infobox-with-icon .content-list li {
  margin-bottom: 4px
}
.ifm .infobox-with-icon .infobox-with-icon__link-list {
  padding: 0;
  margin: 0;
  list-style: none
}
.ifm .infobox-with-icon .infobox-with-icon__link-list .infobox-with-icon__link-list-item {
  margin-bottom: 4px
}
.ifm .image-gallery {
  display: flex;
  flex-direction: column;
  gap: 16px
}
.ifm .image-gallery__image img {
  height: 100%;
  max-width: 100%;
  object-fit: cover
}
.ifm .image-gallery__image .pictureElement, .ifm .image-gallery__image .viewer {
  height: 100%;
  margin-bottom: 0
}
.ifm .image-gallery-block {
  position: relative;
  margin-top: 30px;
  margin-bottom: 50px
}
.ifm .image-gallery-block__description {
  margin-top: 10px;
  color: var(--c-input-hover);
  font-size: var(--fs-sm)
}
.ifm .image-gallery-block__description .content-list {
  padding-left: 26px
}
.ifm .image-gallery-block__description strong {
  font-weight: 700
}
@media (min-width:576px) {
  .ifm .image-gallery {
    flex-direction: row;
    margin-bottom: 16px
  }
}
@media (min-width:1024px) {
  .ifm .image-gallery figcaption {
    min-width: 200px
  }
}
.ifm .project-description {
  position: relative;
  margin-bottom: 26px;
  padding: 16px;
  background-color: var(--bg);
  box-shadow: -1px -1px 3px rgba(0, 0, 0, .03), 0 1.3px 1.9px rgba(0, 0, 0, .05), 0 3px 4.5px rgba(0, 0, 0, .06);
  border: 1px var(--c-border-light) solid
}
.ifm .project-description:first-of-type {
  margin-top: 16px
}
.ifm .project-description__headline {
  margin-bottom: 10px;
  padding-bottom: 6px;
  font-weight: 700;
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
  border-bottom: 1px var(--c-border-light) solid
}
.ifm .project-description__headline h3 {
  font-size: var(--fs-lg);
  margin-bottom: 0
}
.ifm .project-description__headline svg {
  position: absolute;
  right: 16px;
  top: 9px;
  margin-right: 0;
  color: var(--c-secondary)
}
.ifm .project-description__headline span {
  padding-right: 22px
}
.ifm .project-description ol, .ifm .project-description ul {
  padding-left: 26px;
  margin-bottom: 16px
}
.ifm .project-description ul:not(.content-list) {
  padding-left: 16px
}
.ifm .project-description ol:not(.content-list) {
  padding-left: 18px
}
.ifm .project-description__text p {
  margin-bottom: 10px
}
.ifm .project-description__text :last-child {
  margin-bottom: 0
}
@media (min-width:768px) {
  .ifm .project-description {
    padding: 20px
  }
  .ifm .project-description__headline {
    display: flex;
    align-items: center;
    font-weight: 700;
    border-bottom: none;
    padding-bottom: 0
  }
  .ifm .project-description__headline svg {
    position: relative;
    margin-right: 8px;
    right: unset;
    top: unset
  }
  .ifm .project-description__text {
    padding-left: 36px
  }
}
.ifm .event-date {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  padding-left: 16px
}
.ifm .event-date__symbol {
  position: relative;
  display: flex;
  justify-content: center;
  width: 2px;
  left: -8px;
  margin: 8px 0
}
.ifm .event-date__symbol:before {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 2px;
  height: 100%;
  background: var(--c-secondary);
  content: ""
}
.ifm .event-date__symbol svg {
  margin-right: 0;
  color: var(--c-secondary)
}
.ifm .event-date__symbol .dot {
  position: absolute;
  width: 6px;
  height: 6px;
  top: -1px;
  border-radius: 50%;
  background: var(--c-secondary)
}
.ifm .event-date__symbol .arrow {
  position: absolute;
  display: flex;
  width: 16px;
  height: 16px;
  bottom: -6px
}
.ifm .event-date__dates {
  display: flex;
  flex-direction: column
}
.ifm .event-date__info-text {
  padding-left: 20px;
  font-size: var(--fs-sm-2);
  color: var(--c-secondary)
}
.ifm .topic-event-dates {
  display: flex;
  flex-direction: column
}
.ifm .topic-event-dates .event-date {
  padding: 6px 10px 6px 20px;
  background: var(--bg-light);
  border-radius: 6px
}
.ifm .topic-event-dates .event-date:not(:last-of-type) {
  margin-bottom: 12px
}
@media (min-width:768px) {
  .ifm .topic-event-dates {
    flex-direction: row
  }
  .ifm .topic-event-dates .event-date:not(:last-of-type) {
    margin-right: 12px;
    margin-bottom: 0
  }
}
.ifm .event-list {
  margin: 1rem 0 3rem 0
}
.ifm .event-list__pagination {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem
}
.ifm .event-list__content, .ifm .event-list__headline h2 {
  margin-bottom: 1rem
}
.ifm .event-list-entry {
  display: grid;
  grid-template-columns: calc(100% - 70px) 50px;
  gap: 20px;
  margin-bottom: 8px;
  border-bottom: 1px var(--c-gray) solid;
  line-height: 1.5;
  font-size: var(--fs-sm);
  background-color: var(--bg);
  transition: background .4s ease;
  box-shadow: 1px -2px 4px rgba(0, 0, 0, .03), 0 1.3px 1.9px rgba(0, 0, 0, .05), 0 0 5px rgba(0, 0, 0, .06), 0 3px 11px rgba(0, 0, 0, .09)
}
.ifm .event-list-entry:hover {
  background-color: var(--bg-light)
}
.ifm .event-list-entries__hide {
  display: none
}
.ifm .event-info {
  display: grid;
  align-items: flex-start;
  gap: 1rem;
  padding: 20px 0 0 20px;
  color: var(--c-text)
}
.ifm .event-info:last-child {
  border: none
}
.ifm .event-info .ifm-event-dates {
  margin: 0
}
.ifm .event-info__date {
  order: 2
}
.ifm .event-info__short-info {
  order: 1
}
.ifm .event-info__type-or-location {
  order: 4;
  display: flex;
  align-items: center;
  gap: 4px
}
.ifm .event-location__event-location-address {
  display: none
}
.ifm .event-short-info__subheadline {
  color: var(--c-secondary);
  font-weight: 700
}
.ifm .event-location__event-location, .ifm .event-location__event-type {
  display: none
}
.ifm .event-info__type-or-location .simple-tooltip__content {
  --tooltip-width: 10rem;
  text-align: center
}
.ifm .event-info__tag {
  order: 3
}
.ifm .event-list-entry__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  background-color: var(--bg-light);
  color: var(--c-primary)
}
.ifm .event-list-entry__link svg {
  width: 30px;
  height: 30px
}
@media (min-width:768px) {
  .ifm .event-info {
    padding: 20px 0 20px 20px;
    grid-template-columns: 3fr 2fr;
    grid-template-rows: repeat(1, 1fr)
  }
  .ifm .event-list-entries-mixed .event-info__type-or-location {
    justify-content: flex-end
  }
  .ifm .event-info__date {
    grid-column: 1/3;
    grid-row: 2
  }
  .ifm .event-info__short-info {
    grid-column: 1/3;
    grid-row: 1
  }
  .ifm .event-list__content {
    background-color: var(--bg);
    box-shadow: 1px -2px 4px rgba(0, 0, 0, .03), 0 1.3px 1.9px rgba(0, 0, 0, .05), 0 0 5px rgba(0, 0, 0, .06), 0 3px 11px rgba(0, 0, 0, .09)
  }
  .ifm .event-list-entry {
    border-bottom: 1px var(--c-gray) solid;
    box-shadow: none;
    margin-bottom: 0
  }
  .ifm .event-location__event-location, .ifm .event-location__event-type {
    display: block
  }
}
@media (min-width:1024px) {
  .ifm .event-list-entries-mixed .event-info__type-or-location {
    justify-content: unset
  }
  .ifm .event-info__date, .ifm .event-info__short-info, .ifm .event-info__tag, .ifm .event-info__type-or-location {
    order: unset
  }
  .ifm .event-info {
    align-items: center
  }
  .ifm .event-location__event-location-address {
    display: block
  }
  .ifm .event-location__event-location-type-label {
    display: none
  }
  .ifm .event-list--unmixed .event-info__short-info {
    grid-column: unset;
    grid-row: unset
  }
}
@media (min-width:1200px) {
  .ifm .event-info__tag {
    justify-self: center
  }
}
@media (min-width:768px) {
  .ifm .event-info--on-demand {
    grid-template-rows: repeat(1, 1fr);
    grid-auto-flow: row
  }
  .ifm .event-list--wide .event-info.event-info--on-demand {
    grid-template-columns: 70% 1fr
  }
  .ifm .event-list--wide .event-info--on-demand .event-info__type-or-location {
    justify-content: flex-end;
    align-self: center
  }
}
@media (min-width:1024px) {
  .ifm .event-list--wide .event-info--on-demand {
    gap: 2.5rem
  }
  .ifm .event-list--wide .event-info--on-demand .event-info__type-or-location {
    justify-content: flex-start
  }
  .ifm .event-list--wide .event-info--on-demand .event-location__event-location {
    overflow: hidden
  }
  .ifm .event-list--unmixed.event-list--wide .event-info.event-info--on-demand {
    grid-template-columns: 70% 1fr
  }
  .ifm .event-list--slim .event-info--on-demand {
    grid-template-rows: repeat(1, 1fr)
  }
}
@media (min-width:1200px) {
  .ifm .event-list--slim .event-info {
    grid-template-columns: 4fr 6fr;
    grid-template-rows: repeat(2, 1fr)
  }
  .ifm .event-list--unmixed.event-list--slim .event-info.event-info--on-demand {
    grid-template-columns: 3fr 4fr
  }
  .ifm .event-list--slim .event-info__date {
    grid-column: unset;
    grid-row: unset
  }
  .ifm .event-list--slim .event-info.event-info--on-demand {
    grid-template-columns: 200px 5fr 2fr
  }
  .ifm .event-info--on-demand .event-location__event-location {
    overflow: hidden
  }
  .ifm .event-list--slim .event-info--on-demand .event-info__short-info {
    order: unset
  }
  .ifm .event-list--unmixed.event-list--wide .event-info.event-info--on-demand {
    grid-template-columns: 290px 8fr 3fr;
    gap: 1rem
  }
  .ifm .event-list--wide .event-info--on-demand .event-info__type-or-location {
    order: 3
  }
  .ifm .event-list--slim .event-list-entries.event-list-entries-mixed .event-info {
    grid-template-columns: 4fr 7fr;
    grid-auto-flow: row
  }
  .ifm .event-list--slim .event-list-entries-mixed .event-info .event-info__tag {
    justify-self: flex-start
  }
}
@media (min-width:1024px) {
  .ifm .event-list--slim .event-info__date {
    order: 1
  }
  .ifm .event-list--slim .event-info__short-info {
    grid-column: unset;
    grid-row: unset;
    order: 2
  }
  .ifm .event-list--slim .event-info__type-or-location {
    order: 3
  }
  .ifm .event-list--slim .event-info__tag {
    display: flex;
    order: 4
  }
  .ifm .event-list--slim .event-list-entries-mixed .event-info {
    grid-template-columns: 4fr 5fr;
    grid-template-rows: repeat(2, 0fr)
  }
  .ifm .event-list--slim .event-list-entries-mixed .event-info__date, .ifm .event-list--unmixed.event-list--slim .event-info .event-info__date {
    grid-column: unset;
    grid-row: unset
  }
  .ifm .event-list--unmixed.event-list--slim .event-info {
    grid-template-columns: 4fr 5fr
  }
  .ifm .event-list--slim .event-info.event-info--on-demand {
    grid-template-columns: 5fr 2fr
  }
}
@media (min-width:1200px) {
  .ifm .event-list--slim .event-info {
    grid-template-columns: 200px 2fr 2fr 1.5fr;
    grid-template-rows: none;
    align-items: flex-start
  }
  .ifm .event-list--unmixed.event-list--slim .event-info {
    grid-template-columns: 4fr 7fr
  }
  .ifm .event-list--unmixed.event-list--slim .event-info:not(.event-info--on-demand) .event-info__summary-teaser {
    order: 4
  }
}
@media (min-width:768px) {
  .ifm .event-list--wide .event-list-entries-mixed .event-info__date {
    display: unset;
    justify-content: unset
  }
  .ifm .event-list--wide .event-info {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr)
  }
  .ifm .event-list--wide .event-info__date, .ifm .event-list--wide .event-info__short-info {
    grid-column: unset;
    grid-row: unset
  }
  .ifm .event-list--wide .event-list-entries-mixed .event-info__date {
    display: flex;
    justify-content: flex-end
  }
}
@media (min-width:1024px) {
  .ifm .event-list--unmixed.event-list--wide .event-info {
    grid-template-columns: 200px 4fr 2fr 0
  }
  .ifm .event-list--wide .event-list-entries-mixed .event-info__date {
    display: unset;
    justify-content: unset
  }
  .ifm .event-list--wide .event-info {
    grid-template-columns: 200px 3fr 2fr 1fr;
    grid-template-rows: none
  }
  .ifm .event-list--wide .event-info__tag {
    justify-self: center
  }
}
@media (min-width:1200px) {
  .ifm .event-list--unmixed.event-list--wide .event-info {
    grid-template-columns: 200px 4fr 5fr 3fr
  }
  .ifm .event-list--unmixed.event-list--wide .event-info__type-or-location {
    order: 4
  }
}
.ifm .product-listing .heading {
  margin-top: 1rem;
  margin-bottom: .5rem
}
.ifm .product-listing__headline {
  color: var(--c-secondary)
}
.ifm .product-listing__stage {
  margin-bottom: 2rem
}
.ifm .first-product-level:hover .first-product-level__image img {
  transform: scale(1.05)
}
.ifm .first-product-level__image {
  display: none
}
@media (min-width:1024px) {
  .ifm .first-product-level__image {
    height: 200px;
    display: flex;
    align-items: center;
    overflow: hidden
  }
}
@media (min-width:1440px) {
  .ifm .first-product-level__image {
    height: auto
  }
}
.ifm .first-product-level__image img {
  display: flex;
  object-fit: cover;
  transition: transform .4s ease
}
.ifm .first-product-level__headline h2 {
  color: var(--c-text)
}
.ifm .first-product-level__headline a:hover h2 {
  color: var(--c-primary)
}
.ifm .second-product-level {
  display: flex;
  flex-direction: column
}
.ifm .second-product-level__heading {
  position: sticky;
  top: 0;
  z-index: 10;
  background: var(--bg)
}
@media (min-width:768px) {
  .ifm .second-product-level__heading {
    position: relative
  }
}
.ifm .second-product-level__items {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px 30px
}
.ifm .second-product-level__items:after {
  content: "";
  flex: 1 320px
}
@media (min-width:1024px) {
  .ifm .second-product-level__items:after {
    flex: 1 300px
  }
}
.ifm .second-product-level__items .tile {
  width: calc(100% - 20px);
  margin: 10px
}
@media (min-width:576px) {
  .ifm .second-product-level__items .tile {
    flex: 1 300px
  }
}
@media (min-width:768px) {
  .ifm .second-product-level__items .tile {
    flex: 1 360px;
    max-width: calc(50% - 20px)
  }
}
@media (min-width:1024px) {
  .ifm .second-product-level__items .tile {
    flex: 1 280px;
    max-width: calc(33% - 17px)
  }
}
@media (min-width:1440px) {
  .ifm .second-product-level__items .tile {
    max-width: calc(25% - 20px);
    flex: unset
  }
}
.ifm .category-stage {
  display: flex;
  flex-direction: column
}
@media (min-width:1024px) {
  .ifm .category-stage {
    flex-direction: row
  }
}
.ifm .category-stage__product-description {
  flex: 4
}
.ifm .category-stage__product-description .content-list {
  padding: 0 1rem 1rem 1.5rem;
  margin: 0
}
.ifm .category-stage__product-description .content-list:after {
  content: "";
  flex: 1 400px
}
@media (min-width:1024px) {
  .ifm .category-stage__product-description .content-list {
    display: flex;
    flex-wrap: wrap
  }
}