.field--icons-text {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  width: calc(100% + 1em);
  margin-left: -0.5em;
}
.field--icons-text > li {
  display: flex;
  align-items: stretch;
  margin: 0.5em;
}
.field--icons-text > li > * {
  margin-bottom: 0;
}
.field--icons-text .paragraph--ikona-a-text > .icontext--inner {
  width: calc(78rem / 4 - 1em);
}
.paragraph--ikona-a-text > .icontext--inner {
  padding: 1.5em 0.25em;
  width: 100%;
  max-width: calc(78rem / 4 - 1em);
  text-align: center;
}
.paragraph--ikona-a-text > .icontext--inner > img {
  max-width: 3em;
  max-height: 3em;
}
.paragraph--ikona-a-text.icontext--gbox {
  display: flex;
  justify-content: center;
}
.paragraph--ikona-a-text.icontext--gbox > .icontext--inner {
  background-color: #fafafa;
  padding: 1.5em 0.55em;
}
.paragraph--ikona-a-text.icontext--gbox > .icontext--inner > img {
  margin: auto;
}
.paragraph--ikona-a-text.icontext--gbox > .icontext--inner .field--nadpis {
  height: 2.4em;
  font-size: 1.2em;
}
.paragraph--ikona-a-text.icontext--box > .icontext--inner > img {
  margin: auto;
}
.paragraph--ikona-a-text.icontext--box > .icontext--inner .field--nadpis {
  height: 2.5em;
}
.paragraph--ikona-a-text.icontext--wide > .icontext--inner {
  width: auto;
  text-align: left;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  display: flex;
}
.paragraph--ikona-a-text.icontext--wide > .icontext--inner h2,
.paragraph--ikona-a-text.icontext--wide > .icontext--inner h3,
.paragraph--ikona-a-text.icontext--wide > .icontext--inner h4,
.paragraph--ikona-a-text.icontext--wide > .icontext--inner h5 {
  margin-top: 0;
}
.paragraph--ikona-a-text.icontext--wide > .icontext--inner > img {
  margin-right: 1.75em;
}
.paragraph--ikona-a-text.icontext--wide.center {
  display: flex;
  justify-content: center;
}
.paragraph--ikona-a-text.icontext--wide.right {
  display: flex;
  justify-content: flex-end;
}
@media all and (max-width: 35rem) {
  .field--icons-text {
    width: auto;
    margin-left: 0;
  }
  .field--icons-text > li {
    display: block;
    width: 100%;
    margin: 0;
  }
  .paragraph--ikona-a-text.icontext--gbox > .icontext--inner {
    width: 100%;
    max-width: none;
    display: flex;
    flex-wrap: wrap;
    padding-right: 3em;
    position: relative;
  }
  .paragraph--ikona-a-text.icontext--gbox > .icontext--inner .field--nadpis {
    order: 2;
    padding-top: 0.5em;
    text-align: left;
    height: auto;
    max-width: calc(100% - 4em);
    flex-shrink: 1;
  }
  .paragraph--ikona-a-text.icontext--gbox > .icontext--inner .field--nadpis::after {
    content: '';
    position: absolute;
    right: 1em;
    top: 1.6em;
    border-right: 0.2em solid #c4c4c4;
    border-bottom: 0.2em solid #c4c4c4;
    padding: 0.5em;
    display: block;
    transform: rotate(45deg);
    transition: transform 200ms ease-in;
  }
  .paragraph--ikona-a-text.icontext--gbox > .icontext--inner .field--text {
    max-height: 0;
    padding-top: 1em;
    width: 100%;
    order: 3;
    overflow: hidden;
    transition: max-height 200ms ease-in;
  }
  .paragraph--ikona-a-text.icontext--gbox > .icontext--inner > img {
    order: 1;
    margin: 0 1em 0 0;
  }
  .paragraph--ikona-a-text.icontext--gbox > .icontext--inner.open .field--text {
    max-height: 7em;
  }
  .paragraph--ikona-a-text.icontext--gbox > .icontext--inner.open .field--nadpis::after {
    transform: rotate(135deg);
  }
}