body {
  margin: 0;
}
@font-face {
  font-family: Batch;
  src: url('fonts/batch.eot');
  src: url('fonts/batch.eot?#iefix') format('embedded-opentype'), url('fonts/batch.woff') format('woff'), url('fonts/batch.ttf') format('truetype'), url('fonts/batch.svg#batchregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
a {
  color: blue;
  text-decoration: underline;
}
a:hover {
  color: red;
}
a:after {
  content: '😬';
  margin-left: 3px;
}
a[target^="_blank"]:after {
  content: '🐱‍👤';
  margin-left: 3px;
  font-size: 200%;
}
.info,
.errorMsg,
.hint {
  background-image: url("../images/bild.jpg");
  clear: both;
  position: relative;
  z-index: 5;
  -webkit-border-radius: 0 15px 0 15px;
  -moz-border-radius: 0 15px 0 15px;
  border-radius: 0 15px 0 15px;
  min-height: 85px;
  padding: 20px 20px 20px 80px;
  background-color: #fff;
  border: 1px solid red;
  margin-top: 1.3em;
  margin-bottom: 1.3em;
}
.info::after,
.errorMsg::after,
.hint::after {
  left: 16px;
  top: 16px;
  width: 52px;
  height: 52px;
  text-align: center;
  background-color: green;
  color: #fff;
  position: absolute;
  content: '\F075';
  font-family: "Batch";
  font-size: 26px;
  line-height: 50px;
}
.info p,
.errorMsg p,
.hint p,
.info ul,
.errorMsg ul,
.hint ul {
  margin-left: 0;
  margin-right: 0;
}
.errorMsg {
  border-color: red;
}
.errorMsg::after {
  background-color: red;
  content: '\F15B';
}
.hint {
  border-color: yellow;
}
.hint::after {
  background-color: yellow;
  content: '\f129';
}
.flex-container {
  background-color: blue;
  /* We first create a flex layout context */
  display: flex;
  /* Then we define the flow direction
       and if we allow the items to wrap
     * Remember this is the same as:
     * flex-direction: row;
     * flex-wrap: wrap;
     */
  flex-flow: row wrap;
  /* Then we define how is distributed the remaining space */
  justify-content: space-around;
  padding: 0;
  margin: 0;
  list-style: none;
}
.flex-item {
  background: tomato;
  padding: 5px;
  width: 200px;
  height: 150px;
  margin-top: 10px;
  line-height: 150px;
  color: white;
  font-weight: bold;
  font-size: 3em;
  text-align: center;
}
/*# sourceMappingURL=default.css.map */