/*---------------------------------
-----  dimension variables --------
----------------------------------*/
/*------  standard elements padding & margin  -------*/
/**
* mobile first breakpoints based on design specification 
* designs are delivered in 3 sizes mobile(375px -> default), tablet(768px -> tablet), desktop(1440px -> desktop-l)
*/
/**
**  Official Font sizes
------------------------------- */
/**
* mobile first breakpoints based on design specification 
* designs are delivered in 3 sizes mobile(375px -> default), tablet(768px -> tablet), desktop(1440px -> desktop-l)
*/
.ux-iws-teaser-icon {
  padding: 0 15px;
  margin-bottom: 30px;
  vertical-align: top;
  display: inline-block;
  width: calc(50% - 10px);
}
@media only screen and (min-width: 1024px) {
  .ux-iws-teaser-icon {
    width: calc(25% - 5px);
  }
}
.ux-iws-teaser-icon__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.ux-iws-teaser-icon__icon-container ux-icon {
  font-size: 100px;
}
.ux-iws-teaser-icon *[slot=title] {
  margin: 10px 0;
}
.ux-iws-teaser-icon *[slot=link] {
  margin-top: 10px;
}
.ux-iws-teaser-icon *[slot=text] {
  color: #727272;
}
.ux-iws-teaser-icon .ux-iws-link-wrapper:hover .ux-text-link--green {
  color: #131313;
}
.ux-iws-teaser-icon .ux-iws-link-wrapper:hover .ux-icon[name=arrow-small-right] {
  transform: translateX(5px);
}