/*
 * unternehmen.css
 * Styles fuer die oeffentliche Firmenliste mit Tag-Filter.
 */

.row-general-tags {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.row-general-tag {
  font-size: 0.875rem;
  color: rgb(9, 136, 204);
  background: transparent;
  padding: 6px 12px;
  border: 1px solid rgb(9, 136, 204);
  border-radius: 4px;
  cursor: pointer;
  &.is-active {
    color: #fff;
    background: rgb(9, 136, 204);
  }
}

.row-general-content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.row-general-content-item {
  display: flex;
  flex-direction: row;
  gap: 30px;
  align-items: center;
  border-top: 1px solid #e5e5e5;
  &.is-hidden {
    display: none;
  }
}

.row-general-content-item-image {
  width: 200px;
  height: 200px;
  flex: 0 0 200px;
}

.row-general-content-item-image picture img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.row-general-content-item-content {
  min-width: 0;
  flex: 1 1 auto;
  hyphens: auto;
  -webkit-hyphens: auto;
  overflow-wrap: break-word;
}

.row-general-content-item-content-head {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 20px;
  width: 100%;
  margin-bottom: 8px;
}

.row-general-content-item-content-head .row-general-content-item-content-title {
  margin: 0;
  width: auto;
  max-width: none;
  flex: 1 1 auto;
  min-width: 0;
  hyphens: auto;
  -webkit-hyphens: auto;
  overflow-wrap: break-word;
}

.row-general-content-item-content-head .row-general-content-item-content-website {
  margin: 0;
  width: auto;
  max-width: none;
  flex: 0 0 auto;
  margin-left: auto;
  white-space: nowrap;
  &.is-hidden {
    display: none;
  }
}