@charset "UTF-8";
/* Icon-Bar — full-width row; icons share space equally (azubis live look) */
.iconBar.services {
  width: 100%;
  padding: 0;
  margin: 2em 0;
}
.iconBar.services > .col-12 {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  overflow: visible;
}

.iconBar .serviceIcon {
  float: none;
  flex: 1 1 0;
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 1em 0.5%;
  font-size: 1rem;
  text-align: center;
}
.iconBar .serviceIcon a {
  display: block;
  color: #0E0E0E;
  font-weight: bold;
  text-decoration: none;
  hyphens: auto;
}
.iconBar .serviceIcon img {
  display: block;
  width: 50%;
  max-width: 4.5em;
  height: auto;
  margin: 0 auto 0.5em;
}
.iconBar--edit {
  min-height: 4em;
  outline: 1px dashed rgba(0, 80, 152, 0.35);
  outline-offset: 0.25em;
}

.iconBar__placeholder {
  margin: 1em 0;
  padding: 0.75em 1em;
  color: #005098;
  font-weight: bold;
  text-align: center;
  background: rgba(0, 80, 152, 0.06);
  border: 1px dashed rgba(0, 80, 152, 0.35);
  border-radius: 0.25em;
}

@media only screen and (max-width: 999px){
  .iconBar.services > .col-12 {
    flex-wrap: wrap;
  }
  .iconBar .serviceIcon {
    flex: 1 1 100%;
    width: 100%;
    margin: 0.75em 0;
  }
  .iconBar .serviceIcon img {
    float: left;
    width: 2em;
    max-width: none;
    margin: 0 1em 0 0;
  }
  .iconBar .serviceIcon .linkDesc {
    text-align: left;
  }
}