.c-alert-icon {
  position: relative; }
  .c-alert-icon--teaser .c-alert-icon__inner {
    background-color: #fff;
    float: right;
    margin-top: -1.66667rem;
    padding: 0.27778rem 0 0.05556rem 0.27778rem; }
  .c-alert-icon--float {
    background-color: #fff;
    border-radius: 2.22222rem;
    padding: 0.27778rem;
    position: absolute;
    left: 3.33333rem;
    top: -2.22222rem;
    z-index: 1; }
    @media (min-width: 62em) {
      .c-alert-icon--float {
        left: auto;
        right: -1.66667rem;
        top: -1.66667rem; } }
    .c-alert-icon--float .c-alert-icon__icon {
      border-radius: 1.66667rem; }
      .c-alert-icon--float .c-alert-icon__icon .icon {
        padding: 0.94444rem; }
      .c-alert-icon--float .c-alert-icon__icon svg {
        height: 1.33333rem;
        padding: 0;
        width: 1.33333rem; }
    .c-alert-icon--float .alert-type--default {
      padding-right: 0; }
      .c-alert-icon--float .alert-type--default::after {
        display: none; }

.c-alert-icon__inner {
  -webkit-box-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: flex; }

.c-alert-icon__title {
  font-size: 0.77778rem;
  line-height: 1.333;
  color: #333;
  font-family: "Typold W05", sans-serif;
  font-weight: 500;
  letter-spacing: 0.13333em;
  margin: 0.11111rem 0.33333rem;
  position: relative;
  text-transform: uppercase; }
  @media (min-width: 37.5em) {
    .c-alert-icon__title {
      font-size: 0.77778rem; } }

.c-alert-icon__icon {
  background-color: #FED141;
  border-radius: 0.83333rem; }
  .c-alert-icon__icon .icon {
    padding-left: 0.33333rem;
    padding-top: 0.22222rem; }

.alert-type--default {
  display: -webkit-box;
  display: flex; }
  @media (min-width: 62em) {
    .alert-type--default {
      padding-right: 0; }
      .alert-type--default::after {
        content: '';
        background-color: #fff;
        height: 0.11111rem;
        margin: 10px 20px;
        width: 2.33333rem; } }

.alert-type--announcement::after {
  background-color: #000; }

.alert-type--announcement .c-alert-icon svg {
  fill: #000; }

.alert-type--teaser .c-alert-icon__icon,
.alert-type--teaser-small .c-alert-icon__icon {
  height: 1.33333rem;
  width: 1.33333rem; }

.alert-type--emergency .c-alert-icon__icon {
  background-color: #CA3604; }

.alert-type--emergency .c-alert-icon path {
  fill: #fff; }

.alert-type--status .c-alert-icon__icon {
  background-color: transparent; }
  .alert-type--status .c-alert-icon__icon path {
    fill: #fff; }