.c-alert-icon {
  position: relative;
}
.c-alert-icon--teaser .c-alert-icon__inner {
  background-color: #fff;
  float: right;
  margin-top: -1.6666666667rem;
  padding: 0.2777777778rem 0 0.0555555556rem 0.2777777778rem;
}
.c-alert-icon--float {
  background-color: #fff;
  border-radius: 2.2222222222rem;
  padding: 0.2777777778rem;
  position: absolute;
  left: 3.3333333333rem;
  top: -2.2222222222rem;
  z-index: 1;
}
@media (min-width: 62em) {
  .c-alert-icon--float {
    left: auto;
    right: -1.6666666667rem;
    top: -1.6666666667rem;
  }
}
.c-alert-icon--float .c-alert-icon__icon {
  border-radius: 1.6666666667rem;
}
.c-alert-icon--float .c-alert-icon__icon .icon {
  padding: 0.9444444444rem;
}
.c-alert-icon--float .c-alert-icon__icon svg {
  height: 1.3333333333rem;
  padding: 0;
  width: 1.3333333333rem;
}
.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.7777777778rem;
  line-height: 1.333;
  color: #333;
  font-family: "Typold W05", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1333333333em;
  margin: 0.1111111111rem 0.3333333333rem;
  position: relative;
  text-transform: uppercase;
}
@media (min-width: 37.5em) {
  .c-alert-icon__title {
    font-size: 0.7777777778rem;
  }
}

.c-alert-icon__icon {
  background-color: #FED141;
  border-radius: 0.8333333333rem;
}
.c-alert-icon__icon .icon {
  padding-left: 0.3333333333rem;
  padding-top: 0.2222222222rem;
}

.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.1111111111rem;
    margin: 10px 20px;
    width: 2.3333333333rem;
  }
}

.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.3333333333rem;
  width: 1.3333333333rem;
}

.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;
}