@charset "UTF-8";
/*
== main_incident ==
1  Niederschlag
2  Wind
3  Schadenblitze
4  Lawine
5  gravitative Massenbewegung
6  Oberflaechenwasser
7  Temperatur
8  Sonstiges

== sub_incident ==
101  Starkregen
102  Dauerregen
103  Gewitter
104  Starker/Heftiger Schneefallß
105  Hagel > 5mm
106  Dürre/Trockenheit
107  Nebel
201  Kleintrombe/Staubteufel
202  Tuba (Trichterwolken/Blindtromben)
203  Gustnado
204  Tornado
205  Schwere Windböe
301  Schadensblitz
401  Lawine
501  Fliessen
502  Rutschen/Gleiten
503  Stuerzen
601  Oberflaechenwasser (Grund- u. Niederschlagswasser)
701  Hitze/Wärme
702  Kaelte/Frost
801  sonstiges Ereignis

*/
.body {
  margin: 0;
  padding: 0; }

.o-cy {
  font-family: "Open Sans", FreeSans, Helvetica, Arial;
  width: 100%;
  overflow: hidden;
  z-index: 1;
  position: relative; }
  .o-cy a:hover {
    text-decoration: none !important; }
  .o-cy:-webkit-full-screen, .o-cy:-moz-full-screen, .o-cy:-ms-fullscreen, .o-cy:fullscreen {
    width: 100%;
    height: 100%; }
  .o-cy-header {
    position: relative;
    background-color: #f2f2f2;
    overflow: hidden;
    z-index: 1;
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1); }

.o-map {
  width: 49.5em;
  height: calc(49.5em * 0.5721519);
  position: relative;
  /*height: 57.21519vw; /* aspect ratio of austria! 1: 0.5721519 */ }

.o-sidebar {
  overflow: hidden;
  position: relative; }

.o-filter {
  position: relative;
  z-index: 20;
  overflow: hidden;
  clear: both;
  width: 100%; }

.o-sidebar__wrapper {
  position: relative;
  z-index: 10; }

.o-date-switch {
  text-align: center;
  position: relative;
  float: left; }

.o-header-actions {
  float: right; }

.o-inner-wrapper {
  padding: 10px;
  box-sizing: border-box; }

.c-logo {
  width: 68px;
  background: white url("../images/logo_zamg_short.svg") top left no-repeat scroll;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -ms-background-size: contain;
  background-size: contain;
  position: absolute;
  height: 90px;
  display: none;
  top: 15px;
  left: 15px;
  z-index: 10;
  /* padding: 5px; */
  border: 5px solid white;
  -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1); }

.o-section--legend {
  float: left;
  width: 33%;
  overflow: hidden;
  display: block;
  margin-bottom: 32px; }

.o-row {
  clear: both;
  overflow: hidden;
  display: block; }

.js-app--large {
  overflow: hidden; }
  .js-app--large .o-cy {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
    background-color: #f2f2f2;
    height: 100%; }
  .js-app--large .o-cy-header {
    position: absolute;
    right: 0px;
    overflow: visible;
    height: 36px;
    z-index: 20;
    width: 414px; }
  .js-app--large .o-cy-content {
    width: calc(100% - 414px);
    height: 100%;
    position: relative;
    float: left; }
  .js-app--large .o-map {
    width: 100%;
    height: 100%;
    /* aspect ratio of austria! 1: 0.5721519 */
    float: left;
    z-index: 9; }
  .js-app--large .o-sidebar {
    position: relative;
    /* width: 28vw; */
    height: calc(100% - 40px);
    float: right;
    margin-left: 0;
    overflow: visible;
    width: 350px;
    margin-top: 72px;
    z-index: 10; }
    .js-app--large .o-sidebar__shade {
      height: calc(100% - 40px);
      width: calc(100% + 64px);
      position: absolute;
      top: 0px;
      left: -64px;
      z-index: 0;
      -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
      -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
      -ms-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
      box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1); }
  .js-app--large .o-sidebar__wrapper {
    height: calc(100% - 30px);
    overflow-y: scroll;
    overflow-x: hidden;
    margin-left: -64px; }
  .js-app--large .c-logo {
    display: block; }

.c-overlay {
  position: absolute;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(13, 14, 27, 0.85); }
  .c-overlay__incident-display {
    width: 90%;
    max-height: 90%;
    height: 90%;
    overflow: auto;
    margin: 0 auto;
    position: relative;
    background-color: #f2f2f2;
    top: 50px; }
  .c-overlay > .actions {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 40px;
    z-index: 99; }
  .c-overlay .c-btn {
    background-color: #f2f2f2;
    border: none;
    padding: 0px 12px;
    text-transform: uppercase;
    font-size: 12px; }

.o-cy h1, .o-cy h2, .o-cy h3, .o-cy h4, .o-cy h5, .o-cy h6 {
  font-family: "Open Sans", FreeSans, Helvetica, Arial;
  color: #666666;
  font-weight: normal; }

.o-cy p {
  font-size: 14px;
  line-height: 18px; }

.c-label {
  text-transform: uppercase;
  -webkit-font-smoothing: subpixel-antialiased; }
  .c-label:before {
    font-family: 'FontAwesome';
    margin-right: 6px;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    display: block;
    float: left;
    color: inherit; }
  .c-label__type {
    font-size: 10px;
    clear: both;
    width: 100%;
    display: block;
    margin-left: 0;
    padding-bottom: 10px; }
  .c-label__subtype {
    font-size: 16px;
    margin-left: 0;
    font-weight: 700; }
  .c-label__locations {
    font-size: 12px;
    text-transform: none;
    margin-top: 6px;
    line-height: 18px;
    width: 100%; }
    .c-label__locations:before {
      content: "\f041";
      font-size: 13px;
      line-height: 18px;
      margin-bottom: 10px; }
    .c-label__locations span, .c-label__locations a {
      white-space: nowrap; }
    .c-label__locations span:after {
      content: ", "; }
    .c-label__locations span.last-visible:after {
      content: ""; }
  .c-label__timespan {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 13px;
    color: white;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #666666; }
  .c-label__duration {
    font-size: 21px; }
  .c-label--small {
    clear: both;
    display: block;
    font-size: 11px;
    padding-top: 6px; }
  .c-label--error {
    display: inline-block;
    width: 48px;
    height: 48px;
    overflow: hidden; }

.c-btn {
  color: #666666;
  font-weight: bold;
  line-height: 36px;
  cursor: pointer;
  height: 36px;
  font-family: "Open Sans", FreeSans, Helvetica, Arial;
  -webkit-transition: background-color 0.35s ease-out; }
  .c-btn--about {
    background-color: transparent;
    border: none;
    line-height: 36px;
    width: 36px;
    font-size: 14px;
    border-left: 1px dotted #e2e2e2; }
  .c-btn--legend {
    background-color: transparent;
    border: none;
    line-height: 36px;
    width: 36px;
    font-size: 14px;
    border-left: 1px dotted #e2e2e2; }
  .c-btn--close {
    position: relative;
    width: 16px;
    height: 16px;
    background-size: cover;
    display: block;
    text-indent: -9999px;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 18px; }
    .c-btn--close:before, .c-btn--close:after {
      content: "";
      display: block;
      background-color: #666666;
      height: 2px;
      width: 16px;
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      position: absolute;
      top: 50%;
      left: 10px; }
    .c-btn--close:after {
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .c-btn--close:hover:before, .c-btn--close:hover:after {
      background-color: white; }
  .c-btn--mode-large {
    background-color: transparent;
    border: none;
    padding-right: 10px;
    padding-left: 15px;
    border-left: 1px dotted #e2e2e2; }
    .c-btn--mode-large:after {
      font-family: "FontAwesome";
      content: "\f065";
      text-indent: 0;
      margin-left: 10px; }
  .c-btn--mode-normal {
    display: none; }
  .c-btn:hover {
    background-color: #666666;
    color: white;
    border-color: transparent; }
  .c-btn--prev, .c-btn--next {
    width: 30px;
    overflow: hidden;
    height: 30px;
    display: block; }
  .c-btn--prev:before {
    font-family: "FontAwesome";
    content: "\f053";
    position: relative;
    display: block;
    text-indent: 0;
    line-height: 40px;
    font-size: 14px; }
  .c-btn--next {
    margin-left: 10px; }
    .c-btn--next:before {
      font-family: "FontAwesome";
      content: "\f054";
      position: relative;
      display: block;
      text-indent: 0;
      line-height: 37px;
      font-size: 14px; }
  .c-btn--oldapp {
    color: white !important;
    font-size: 12px;
    margin-top: 48px;
    display: inline-block;
    line-height: 16px;
    cursor: pointer;
    padding: 6px 12px;
    background-color: rgba(0, 0, 0, 0.1); }
    .c-btn--oldapp:before {
      content: " ";
      background: transparent url(../images/icon_oldapp.svg) center center no-repeat scroll;
      width: 16px;
      height: 16px;
      display: block;
      float: left;
      padding-right: 14px; }
  .c-btn--disclaimer {
    font-size: 10px; }

.js-app--large .c-btn--mode-large {
  display: none; }

.js-app--large .c-btn--mode-normal {
  display: block; }

.js-app--large .c-view-mode-toggle {
  position: relative;
  width: 36px;
  height: 36px;
  border-left: 1px dotted #e2e2e2; }

[class*="map-style-filter"] {
  -webkit-cursor: pointer !important;
  cursor: pointer !important;
  pointer-events: fill; }

.leaflet-bar a {
  border-radius: 0 !important;
  color: #666666 !important; }

.js-app--large .leaflet-top {
  top: 30px; }

.u-opacity-8 {
  opacity: 0.8; }

.map-selection, .zoom-level-3 .map-style-selection, .zoom-level-4 .map-style-selection, .zoom-level-5 .map-style-selection, .zoom-level-6 .map-style-selection, .zoom-level-7 .map-style-selection, .zoom-level-8 .map-style-selection, .zoom-level-9 .map-style-selection, .zoom-level-10 .map-style-selection, .zoom-level-11 .map-style-selection, .zoom-level-12 .map-style-selection {
  animation: dash 36s linear infinite;
  stroke: rgba(255, 255, 255, 0.85);
  fill-opacity: 0; }

.zoom-level-3 .map-style-selection, .zoom-level-4 .map-style-selection, .zoom-level-5 .map-style-selection {
  stroke-dasharray: 5, 8;
  stroke-width: 2px; }

.zoom-level-6 .map-style-selection, .zoom-level-7 .map-style-selection, .zoom-level-8 .map-style-selection {
  stroke-width: 2px;
  stroke-dasharray: 8, 8; }

.zoom-level-9 .map-style-selection, .zoom-level-10 .map-style-selection, .zoom-level-11 .map-style-selection {
  stroke-width: 1.8px;
  stroke-dasharray: 10, 10; }

.zoom-level-12 .map-style-selection {
  stroke-width: 1.5px;
  stroke-dasharray: 12, 12; }

.c-filter {
  -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1); }
  .c-filter__incidentType {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    padding: 0 12px;
    line-height: 36px;
    color: #666666;
    outline: 0;
    background: #f2f2f2 url(../images/icon-chevron-down.svg) center right no-repeat scroll;
    background-position: calc(100% - 14px) center;
    background-color: white;
    text-align: center;
    font-weight: normal;
    border-radius: 0;
    height: 36px; }
    .c-filter__incidentType:focus {
      outline: 0; }
    .c-filter__incidentType:active {
      outline: 0; }
    .c-filter__incidentType:-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #000; }
    .c-filter__incidentType:active {
      border: none; }
  .c-filter__message {
    width: 100%;
    padding: 20px 0px;
    text-align: center; }

.empty-incident-list-indicator {
  padding-left: 40px;
  line-height: 50px; }

.label-select {
  float: left;
  cursor: pointer; }
  .label-select:after {
    font-family: "FontAwesome";
    content: "\f0d7";
    margin-left: -7px;
    line-height: 40px; }

.js-app--large .empty-incident-list-indicator {
  top: 0px;
  z-index: 2;
  right: 0;
  position: absolute;
  width: 414px;
  text-align: center; }

.c-error-display {
  font-size: 14px;
  display: block;
  width: 20em;
  margin: auto;
  color: #666666;
  margin-top: 5em;
  background-color: white;
  -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.05);
  text-align: center;
  padding: 12px;
  position: relative; }
  .c-error-display .message {
    color: inherit;
    padding: 12px 0; }
  .c-error-display .actions {
    position: relative;
    width: auto;
    margin: 0 auto; }
  .c-error-display .c-btn--close {
    position: absolute;
    top: 0;
    right: 0; }
    .c-error-display .c-btn--close:before, .c-error-display .c-btn--close:after {
      background-color: #666666; }
  .c-error-display .u-icon--warning {
    margin-bottom: 6px;
    margin-top: 6px; }
    .c-error-display .u-icon--warning:before {
      font-size: 48px;
      width: auto;
      line-height: 50px; }

.o-list-table {
  transition: height 1400ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 500ms linear;
  -webkit-transition: height 1400ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 500ms linear;
  -moz-transition: height 1400ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 500ms linear;
  -o-transition: height 1400ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 500ms linear; }

.incident {
  position: absolute;
  width: 100%;
  border-bottom: 1px solid white;
  min-height: 102px;
  color: #666666;
  line-height: 1;
  box-sizing: border-box;
  cursor: pointer;
  transition: top 400ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 500ms linear;
  -webkit-transition: top 400ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 500ms linear;
  -moz-transition: top 400ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 500ms linear;
  -o-transition: top 400ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 500ms linear;
  pointer-events: all; }
  .incident-wrapper {
    overflow: hidden;
    height: 102px;
    z-index: 0;
    position: relative;
    background-color: #f2f2f2; }
  .incident__actions {
    position: relative;
    left: 0px;
    top: 0;
    height: 102px;
    visibility: hidden;
    background-color: inherit;
    cursor: pointer;
    float: left;
    margin-left: -164px;
    overflow: hidden; }
    .incident__actions button {
      height: 100%;
      border: none;
      width: 150px;
      padding: 0;
      text-align: center;
      background-color: transparent;
      color: white;
      text-transform: uppercase;
      font-size: 16px;
      margin-left: 12px;
      margin-right: 0;
      cursor: pointer; }
      .incident__actions button:before {
        -webkit-animation: 1s ease-out 0.5s infinite circle-bounce;
        -moz-animation: 1s ease-out 0.5s infinite circle-bounce;
        animation: 1s ease-out 0.5s infinite circle-bounce; }
      .incident__actions button:before {
        content: "";
        right: 20px;
        position: absolute;
        width: 37px;
        height: 37px;
        border: 2px white solid;
        display: inline-block;
        border-radius: 50%;
        line-height: 37px;
        transform: scale(1);
        top: 31px;
        opacity: 0; }
      .incident__actions button:after {
        content: "\f05a";
        font-family: "FontAwesome";
        font-size: 32px;
        margin-right: 20px;
        vertical-align: middle;
        width: 36px;
        margin-left: 90px; }
  .incident.active .incident__actions {
    visibility: visible;
    z-index: 10;
    -webkit-animation: 0.75s cubic-bezier(0.165, 0.84, 0.5, 1) slidein alternate;
    -moz-animation: 0.75s cubic-bezier(0.165, 0.84, 0.5, 1) slidein alternate;
    animation: 0.75s cubic-bezier(0.165, 0.84, 0.5, 1) slidein alternate;
    cursor: pointer;
    margin-left: -80px; }
  .incident.active .incident__type {
    background-color: transparent; }
  .incident.active .incident-wrapper {
    background-color: #cccccc; }
  .incident .incident__type {
    position: absolute;
    left: 0;
    width: 82px;
    height: 100%;
    overflow: hidden;
    color: white;
    background-color: #eeeeee; }
    .incident .incident__type .u-vertical-bottom {
      display: table-cell;
      vertical-align: bottom;
      height: 90px;
      text-align: center;
      width: 90px; }
  .incident .incident__body {
    position: relative;
    margin-left: 102px;
    margin-right: 102px;
    width: auto;
    height: 100%;
    overflow: hidden; }
    .incident .incident__body .o-inner-wrapper {
      padding: 16px 0; }
  .incident .incident__time {
    width: 102px;
    height: 102px;
    position: absolute;
    right: 0;
    top: 0;
    display: table;
    background-color: transparent; }
  .incident .incident-id {
    font-size: x-small;
    clear: both;
    float: right;
    position: absolute;
    right: 0;
    bottom: 0; }
  .incident .incident-label {
    float: left;
    margin-right: 2em;
    margin-bottom: 0.3em;
    font-weight: 600; }
  .incident .incident-date {
    float: right; }
  .incident .incident-locations {
    clear: both; }

.js-app--large .o-sidebar__wrapper {
  margin-left: -143px; }

.js-app--large .incident {
  margin-left: 79px;
  width: 414px;
  pointer-events: all; }
  .js-app--large .incident-wrapper {
    z-index: 10; }
  .js-app--large .incident__actions {
    left: -48px;
    z-index: 0;
    position: absolute; }
    .js-app--large .incident__actions:after {
      left: -36px !important; }
    .js-app--large .incident__actions button {
      margin-left: 0;
      margin-right: 12px;
      padding-left: 12px; }
      .js-app--large .incident__actions button:after {
        content: "";
        left: 5px;
        position: absolute;
        width: 36px;
        height: 36px;
        border: 2px white solid;
        display: inline-block;
        border-radius: 50%;
        /* line-height: 36px; */
        transform: scale(1);
        top: 34px;
        opacity: 0;
        margin: 0; }
      .js-app--large .incident__actions button:before {
        content: "\f05a";
        font-family: "FontAwesome";
        font-size: 32px;
        margin-right: 20px;
        vertical-align: middle;
        width: 36px;
        margin-left: -16px;
        -webkit-animation: none;
        -moz-animation: none;
        animation: none;
        transform: scale(1);
        left: 23px !important;
        border: none;
        opacity: 1;
        top: 34px; }
  .js-app--large .incident.active .incident__actions {
    visibility: visible;
    -webkit-animation: 0.75s cubic-bezier(0.165, 0.84, 0.5, 1) slidein--large;
    -moz-animation: 0.75s cubic-bezier(0.165, 0.84, 0.5, 1) slidein--large;
    animation: 0.75s cubic-bezier(0.165, 0.84, 0.5, 1) slidein--large;
    overflow: hidden;
    margin-left: 0; }
    .js-app--large .incident.active .incident__actions button:after {
      -webkit-animation: 1s ease-out 0.5s infinite circle-bounce;
      -moz-animation: 1s ease-out 0.5s infinite circle-bounce;
      animation: 1s ease-out 0.5s infinite circle-bounce; }

#date-switch {
  display: block;
  overflow: hidden; }
  #date-switch .js-prev, #date-switch .js-next {
    cursor: pointer; }
  #date-switch .js-label {
    margin-left: 2em;
    margin-right: 2em; }

.c-date-switch {
  list-style-type: none;
  margin: 0 !important; }
  .c-date-switch li {
    float: left;
    list-style-type: none;
    margin-bottom: 0 !important; }

.o-cy input:active, .o-cy button:active {
  outline: 0; }

.c-input-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  padding: 10px;
  line-height: 16px;
  color: #666666;
  outline: 0;
  text-transform: uppercase;
  font-weight: bold;
  float: left;
  cursor: pointer;
  background: transparent url(../images/icon-chevron-down.svg) center right no-repeat scroll;
  background-position: calc(100% - 18px) center;
  font-family: "Open Sans", FreeSans, Helvetica, Arial;
  border-radius: 0;
  max-height: 36px; }
  .c-input-select--month {
    padding-right: 28px;
    background-position: calc(100% - 10px) top; }
  .c-input-select--year {
    padding-right: 28px;
    background-position: calc(100% - 10px) top; }

.c-view-mode-toggle {
  position: relative;
  float: left; }

.c-overlay__content {
  margin: 18px;
  background-color: white;
  position: relative; }

.c-overlay__header {
  background-color: #f2f2f2;
  padding: 12px 12px 12px 24px; }

.c-overlay__main {
  padding: 22px;
  overflow: hidden; }

.c-overlay__incident .incident {
  position: relative; }

.c-overlay__incident .u-icon--detail-information:before {
  line-height: 32px; }

.c-overlay .c-btn--close {
  position: absolute;
  top: 0;
  right: 0; }
  .c-overlay .c-btn--close:hover {
    background-color: #666666;
    color: white;
    border-color: transparent; }

.c-table--detail td {
  padding-bottom: 12px;
  vertical-align: top;
  font-size: 14px; }
  .c-table--detail td:first-child {
    width: 200px; }

.c-table--detail label {
  font-size: 14px; }

.js-app--large .c-overlay {
  z-index: 99; }
  .js-app--large .c-overlay__content {
    width: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-width: 620px; }

.js-app--large .c-overlay__legend-display {
  top: 0;
  transform: translate(-50%, 0);
  overflow-y: auto;
  height: 90%; }

.c-about-trigger {
  float: left; }

.c-legend-trigger {
  float: left; }

.c-title--legend {
  margin-bottom: 11px;
  font-size: 14px;
  text-decoration: underline; }

.c-list--legend {
  margin: 0 !important;
  padding: 0 !important; }
  .c-list--legend li {
    list-style-type: none;
    line-height: 32px !important;
    overflow: hidden;
    font-size: 12px; }
  .c-list--legend .incident__type {
    width: 32px;
    height: 32px;
    float: left;
    display: block;
    background-size: 100%;
    margin-right: 10px;
    margin-left: -2px; }

.u-no-underline {
  text-decoration: none; }

.c-splash-screen {
  position: absolute;
  width: 50%;
  left: 50%;
  top: 200px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
  background-color: transparent; }
  .c-splash-screen .message {
    padding: 18px 0;
    font-size: 14px; }
  .c-splash-screen .c-logo {
    position: relative;
    display: inline-block;
    background: transparent url("../images/logo_zamg_short_white.svg") top left no-repeat scroll;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
    border: none;
    width: 70px;
    height: 95px;
    top: 0;
    left: 0; }
  .c-splash-screen__title {
    color: white !important;
    text-transform: uppercase;
    font-weight: bold !important;
    font-size: 6.9px;
    margin-top: 2px; }
  .c-splash-screen__header {
    margin-bottom: 12px; }

#welcome-overlay .c-btn--close {
  top: 36px;
  right: 0 !important;
  position: absolute; }
  #welcome-overlay .c-btn--close:before, #welcome-overlay .c-btn--close:after {
    background-color: #f2f2f2; }
  #welcome-overlay .c-btn--close:hover {
    background-color: #666666; }

@keyframes slidein {
  0% {
    margin-left: -164px; }
  50% {
    margin-left: -70px; }
  100% {
    margin-left: -80px; } }

@keyframes slidein--large {
  0% {
    left: 50px; }
  50% {
    left: -70px; }
  100% {
    left: -48px; } }

@keyframes circle-bounce {
  0% {
    transform: scale(1);
    opacity: 0; }
  50% {
    opacity: 0.3; }
  100% {
    transform: scale(2);
    opacity: 0; } }

@keyframes dash {
  to {
    stroke-dashoffset: 1000px; } }

[class*="u-icon"]:before {
  font-family: FontAwesome;
  font-size: 16px;
  font-weight: normal;
  color: #666666;
  margin-right: 12px;
  width: 24px;
  text-align: center;
  display: block;
  float: left;
  margin-bottom: 6px; }

.u-icon--detail-information:before {
  content: "\f03a"; }

.u-icon--type-of-incident:before {
  content: "\f192"; }

.u-icon--location:before {
  content: "\f041"; }

.u-icon--duration:before {
  content: "\f252"; }

.u-icon--date:before {
  content: "\f073"; }

.u-icon--magnitude:before {
  content: "\f140"; }

.u-icon--damages-person:before {
  content: "\f007"; }

.u-icon--damages-goods:before {
  content: "\f0e7"; }

.u-icon--damage-field:before {
  content: "\f12a"; }

.u-icon--damages-secondary:before {
  content: "\f06a"; }

.u-icon--emergency-services:before {
  content: "\f1cd"; }

.u-icon--infotext:before {
  content: "\f0f6"; }

.u-icon--warning:before {
  content: "\f071"; }

/*
== main_incident ==
1  Niederschlag
2  Wind
3  Schadenblitze
4  Lawine
5  gravitative Massenbewegung
6  Oberflaechenwasser
7  Temperatur
8  Sonstiges

== sub_incident ==
101  Starkregen
102  Dauerregen
103  Gewitter
104  Starker/Heftiger Schneefallß
105  Hagel > 5mm
106  Dürre/Trockenheit
107  Nebel
201  Kleintrombe/Staubteufel
202  Tuba (Trichterwolken/Blindtromben)
203  Gustnado
204  Tornado
205  Schwere Windböe
301  Schadensblitz
401  Lawine
501  Fließen
502  Rutschen/Gleiten
503  Stürzen
601  Oberflaechenwasser (Grund- u. Niederschlagswasser)
701  Hitze/Wärme
702  Kaelte/Frost
801  sonstiges Ereignis

*/
.incident-type--0 .incident__actions {
  background-color: #3e5ca9; }

.incident-type--1 .incident__actions {
  background-color: #903693; }

.incident-type--2 .incident__actions {
  background-color: #FBAF2D; }

.incident-type--3 .incident__actions {
  background-color: #00ffff; }

.incident-type--4 .incident__actions {
  background-color: #84c449; }

.incident-type--5 .incident__actions {
  background-color: #47c5e7; }

.incident-type--6 .incident__actions {
  background-color: #ED342B; }

.incident-type--7 .incident__actions {
  background-color: #ed342b; }

.incident-sub-type--32 .incident__actions {
  background-color: #10c1ff; }

.incident-sub-type--5 .incident__actions {
  background-color: #6ca9b7; }

.incident__type {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 80%; }
  .incident__type.incident-type--0 {
    background-image: url("../images/icon_incident_101.svg"); }
  .incident__type.incident-type--1 {
    background-image: url("../images/icon_incident_201.svg"); }
  .incident__type.incident-type--2 {
    background-image: url("../images/icon_incident_301.svg"); }
  .incident__type.incident-type--3 {
    background-image: url("../images/icon_incident_401.svg"); }
  .incident__type.incident-type--4 {
    background-image: url("../images/icon_incident_501.svg"); }
  .incident__type.incident-type--5 {
    background-image: url("../images/icon_incident_601.svg"); }
  .incident__type.incident-type--6 {
    background-image: url("../images/icon_incident_701.svg"); }
  .incident__type.incident-type--7 {
    background-image: url("../images/icon_incident_801.svg"); }
  .incident__type.incident-sub-type--0 {
    background-image: url("../images/icon_incident_101.svg"); }
  .incident__type.incident-sub-type--1 {
    background-image: url("../images/icon_incident_102.svg"); }
  .incident__type.incident-sub-type--2 {
    background-image: url("../images/icon_incident_103.svg"); }
  .incident__type.incident-sub-type--3 {
    background-image: url("../images/icon_incident_104.svg"); }
  .incident__type.incident-sub-type--4 {
    background-image: url("../images/icon_incident_105.svg"); }
  .incident__type.incident-sub-type--5 {
    background-image: url("../images/icon_incident_106.svg"); }
  .incident__type.incident-sub-type--6 {
    background-image: url("../images/icon_incident_107.svg"); }
  .incident__type.incident-sub-type--7 {
    background-image: url("../images/icon_incident_201.svg"); }
  .incident__type.incident-sub-type--8 {
    background-image: url("../images/icon_incident_202.svg"); }
  .incident__type.incident-sub-type--9 {
    background-image: url("../images/icon_incident_203.svg"); }
  .incident__type.incident-sub-type--10 {
    background-image: url("../images/icon_incident_204.svg"); }
  .incident__type.incident-sub-type--11 {
    background-image: url("../images/icon_incident_205.svg"); }
  .incident__type.incident-sub-type--12 {
    background-image: url("../images/icon_incident_301.svg"); }
  .incident__type.incident-sub-type--13 {
    background-image: url("../images/icon_incident_401.svg"); }
  .incident__type.incident-sub-type--14 {
    background-image: url("../images/icon_incident_.svg"); }
  .incident__type.incident-sub-type--15 {
    background-image: url("../images/icon_incident_501_a.svg"); }
  .incident__type.incident-sub-type--16 {
    background-image: url("../images/icon_incident_501_b.svg"); }
  .incident__type.incident-sub-type--17 {
    background-image: url("../images/icon_incident_501_c.svg"); }
  .incident__type.incident-sub-type--18 {
    background-image: url("../images/icon_incident_501_d.svg"); }
  .incident__type.incident-sub-type--19 {
    background-image: url("../images/icon_incident_502_a.svg"); }
  .incident__type.incident-sub-type--20 {
    background-image: url("../images/icon_incident_502_b.svg"); }
  .incident__type.incident-sub-type--21 {
    background-image: url("../images/icon_incident_502_c.svg"); }
  .incident__type.incident-sub-type--22 {
    background-image: url("../images/icon_incident_.svg"); }
  .incident__type.incident-sub-type--23 {
    background-image: url("../images/icon_incident_503_a.svg"); }
  .incident__type.incident-sub-type--24 {
    background-image: url("../images/icon_incident_503_b.svg"); }
  .incident__type.incident-sub-type--25 {
    background-image: url("../images/icon_incident_503_c.svg"); }
  .incident__type.incident-sub-type--26 {
    background-image: url("../images/icon_incident_503_d.svg"); }
  .incident__type.incident-sub-type--27 {
    background-image: url("../images/icon_incident_503_e.svg"); }
  .incident__type.incident-sub-type--28 {
    background-image: url("../images/icon_incident_.svg"); }
  .incident__type.incident-sub-type--29 {
    background-image: url("../images/icon_incident_601.svg"); }
  .incident__type.incident-sub-type--30 {
    background-image: url("../images/icon_incident_602.svg"); }
  .incident__type.incident-sub-type--31 {
    background-image: url("../images/icon_incident_701.svg"); }
  .incident__type.incident-sub-type--32 {
    background-image: url("../images/icon_incident_702.svg"); }
  .incident__type.incident-sub-type--33 {
    background-image: url("../images/icon_incident_801.svg"); }

.loading {
  top: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center; }
  .loading__text {
    font-family: "Open Sans", FreeSans, Helvetica, Arial;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    color: white;
    margin-top: 20px;
    width: 100%;
    text-align: center;
    display: block; }

.loading__throbber {
  margin: 0px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 0.2em solid white;
  border-right: 0.2em solid white;
  border-bottom: 0.2em solid white;
  border-left: 0.2em solid #ed342b;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
  margin-top: 72px;
  margin-bottom: 18px; }

.loading__throbber,
.loading__throbber:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
  float: none;
  background: none; }

@-webkit-keyframes load8 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes load8 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.c-disclaimer {
  font-size: 10px;
  background-color: #f2f2f2;
  padding: 8px 12px;
  z-index: 9999;
  font-weight: bold;
  text-align: center;
  line-height: 20px; }
  .c-disclaimer a {
    overflow: hidden;
    cursor: pointer;
    text-decoration: underline; }
    .c-disclaimer a:after {
      content: " ";
      width: 100%;
      height: 2px;
      color: #d4d4d4; }