.announcement {
  padding: 24px 24px 20px;
  margin-top: 20px !important;
  background-color:#f5f6f8;
}

.announcement_title {
  color: #525f6b;
  padding-bottom: 15px !important;
}

.announcement_date {
  display: contents;
  color:  #525f6b;
}

.news_announcement,
.release_notes_announcement,
.maintenance_announcement {
  color: #00629a;
}

.incident_announcement {
  color: #d7050c;
}

.incident_resolved_announcement {
  color: #158817;
}

.action_required_announcement {
  color: #df8f17;
}

.announcement_read_more {
  color: #525f6b;
  word-wrap: break-word; /* Older property */
  overflow-wrap: break-word; /* Newer, recommended property */
}

.rss-feed-subscribe {
  position: relative;
  padding: 10px 0 10px 24px !important;

  &::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyI+PGRlZnM+PHBhdGggaWQ9InBwamthIiBkPSJNMTM1IDcxN2M3Ljk3MyAwIDE2IDQuNjIgMTYgMTYiLz48cGF0aCBpZD0icHBqa2IiIGQ9Ik0xMzUgNzIzYzQuOTgzIDAgMTAgMi44ODcgMTAgMTAiLz48cGF0aCBpZD0icHBqa2MiIGQ9Ik0xMzUgNzMxYTIgMiAwIDEgMSA0IDAgMiAyIDAgMCAxLTQgMHoiLz48L2RlZnM+PGc+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzNSAtNzE2KSI+PHVzZSBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9IjAiIHN0cm9rZT0iIzI4MmEyYyIgc3Ryb2tlLW1pdGVybGltaXQ9IjUwIiBzdHJva2Utd2lkdGg9IjIiIHhsaW5rOmhyZWY9IiNwcGprYSIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTM1IC03MTYpIj48dXNlIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iMCIgc3Ryb2tlPSIjMjgyYTJjIiBzdHJva2UtbWl0ZXJsaW1pdD0iNTAiIHN0cm9rZS13aWR0aD0iMiIgeGxpbms6aHJlZj0iI3BwamtiIi8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzUgLTcxNikiPjx1c2UgZmlsbD0iIzI4MmEyYyIgeGxpbms6aHJlZj0iI3BwamtjIi8+PC9nPjwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    margin-right: 8px;
    left: 0;
    top: 50%;
    transform: translateY(-65%);
  }
}

.tags {
  margin-top: 10px;
}

.tag {
  display: inline-block;
  background-color: #e0e0e0;
  color: #333;
  padding: 5px 8px;
  border-radius: 5px;
  font-size: 0.9em;
  margin: 0 5px 0 0;
}

h1, h2, h3, h4, h5, h6 {
  padding-top: 0px !important;
}

code {
  background-color: #e0e0e0;
  padding: 2px 4px;
  border-radius: 4px;
  font-family: monospace;
}

div.warning {
    background: #ffdf95; /*bosch red of warning admon*/
    border-color: #725b00; /*bosch red of warning admon*/
    padding: .75rem .75rem .75rem 3.5rem;
    position: relative;
    margin: 0 0 1rem 0;
}

div.warning span.warning-icon {
    display: block;
    left: .75rem;
    line-height: normal;
    position: absolute;
    top: .75rem;
    height: 1.5rem;
    width: 1.5rem;
}

div.warning span.warning-icon:before {
    margin-top: 0;
    font-size: 1.5rem;
    color: inherit;
    font-family: "bosch-icon";
    line-height: 1;
    position: absolute;
    color: #725b00; /*bosch red of warning admon*/
    content: "\eb0d"; /* bosch-ic-alert-warning */
}