@charset "UTF-8";
@import url(../../bower_components/normalize-css/normalize.css);
/**
 * google-material-color v1.2.6
 * https://github.com/danlevan/google-material-color
 */
* {
  box-sizing: border-box; }

*.randomColor-0 {
  background-color: #B0BEC5; }

*.randomColor-1 {
  background-color: #F48FB1; }

*.randomColor-2 {
  background-color: #FFE082; }

*.randomColor-3 {
  background-color: #EF9A9A; }

*.randomColor-5 {
  background-color: #80DEEA; }

*.randomColor-6 {
  background-color: #FFF59D; }

*.randomColor-7 {
  background-color: #BCAAA4; }

*.randomColor-8 {
  background-color: #FFAB91; }

*.randomColor-10 {
  background-color: #B39DDB; }

*.randomColor-13 {
  background-color: #EEEEEE; }

*.randomColor-14 {
  background-color: #81D4FA; }

*.randomColor-15 {
  background-color: #A5D6A7; }

*.randomColor-16 {
  background-color: #CE93D8; }

*.randomColor-17 {
  background-color: #90CAF9; }

*.randomColor-18 {
  background-color: #80DEEA; }

*.randomColor-19 {
  background-color: #81D4FA; }

*.randomColor-20 {
  background-color: #FFCC80; }

*.randomColor-21 {
  background-color: #9FA8DA; }

*.randomColor-22 {
  background-color: #CE93D8; }

*.randomColor-23 {
  background-color: #80DEEA; }

*.randomColor-24 {
  background-color: #80CBC4; }

*.randomColor-25 {
  background-color: #80DEEA; }

*.randomColor-26 {
  background-color: #A5D6A7; }

*.randomColor-27 {
  background-color: #CE93D8; }

*.randomColor-28 {
  background-color: #FFF59D; }

*.randomColor-29 {
  background-color: #E6EE9C; }

*.randomColor-31 {
  background-color: #FFCC80; }

*.randomColor-32 {
  background-color: #A5D6A7; }

*.randomColor-33 {
  background-color: #80DEEA; }

*.randomColor-34 {
  background-color: #BCAAA4; }

*.randomColor-35 {
  background-color: #BCAAA4; }

*.randomColor-36 {
  background-color: #BCAAA4; }

*.randomColor-37 {
  background-color: #9FA8DA; }

*.randomColor-38 {
  background-color: #81D4FA; }

*.randomColor-39 {
  background-color: #A5D6A7; }

*.randomColor-40 {
  background-color: #B39DDB; }

*.randomColor-41 {
  background-color: #F48FB1; }

*.randomColor-42 {
  background-color: #A5D6A7; }

*.randomColor-43 {
  background-color: #FFAB91; }

*.randomColor-44 {
  background-color: #C5E1A5; }

*.randomColor-45 {
  background-color: #80DEEA; }

*.randomColor-47 {
  background-color: #C5E1A5; }

*.randomColor-48 {
  background-color: #E6EE9C; }

*.randomColor-49 {
  background-color: #B0BEC5; }

*.randomColor-50 {
  background-color: #F48FB1; }

*.randomColor-52 {
  background-color: #E6EE9C; }

*.randomColor-53 {
  background-color: #FFF59D; }

*.randomColor-54 {
  background-color: #FFE082; }

*.randomColor-56 {
  background-color: #C5E1A5; }

*.randomColor-57 {
  background-color: #F48FB1; }

*.randomColor-59 {
  background-color: #F48FB1; }

*.randomColor-60 {
  background-color: #FFAB91; }

*.randomColor-61 {
  background-color: #A5D6A7; }

*.randomColor-62 {
  background-color: #B39DDB; }

*.randomColor-63 {
  background-color: #80DEEA; }

*.randomColor-64 {
  background-color: #B0BEC5; }

*.randomColor-65 {
  background-color: #FFF59D; }

*.randomColor-67 {
  background-color: #EF9A9A; }

*.randomColor-68 {
  background-color: #B39DDB; }

*.randomColor-69 {
  background-color: #E6EE9C; }

*.randomColor-70 {
  background-color: #F48FB1; }

*.randomColor-71 {
  background-color: #81D4FA; }

*.randomColor-72 {
  background-color: #80DEEA; }

*.randomColor-73 {
  background-color: #A5D6A7; }

*.randomColor-74 {
  background-color: #81D4FA; }

*.randomColor-75 {
  background-color: #BCAAA4; }

*.randomColor-76 {
  background-color: #CE93D8; }

*.randomColor-77 {
  background-color: #EEEEEE; }

*.randomColor-78 {
  background-color: #80DEEA; }

*.randomColor-79 {
  background-color: #FFE082; }

*.randomColor-80 {
  background-color: #80DEEA; }

*.randomColor-81 {
  background-color: #80CBC4; }

*.randomColor-82 {
  background-color: #C5E1A5; }

*.randomColor-83 {
  background-color: #CE93D8; }

*.randomColor-84 {
  background-color: #F48FB1; }

*.randomColor-85 {
  background-color: #B0BEC5; }

*.randomColor-86 {
  background-color: #EEEEEE; }

*.randomColor-87 {
  background-color: #C5E1A5; }

*.randomColor-88 {
  background-color: #C5E1A5; }

*.randomColor-89 {
  background-color: #FFAB91; }

*.randomColor-90 {
  background-color: #FFAB91; }

*.randomColor-91 {
  background-color: #80DEEA; }

*.randomColor-93 {
  background-color: #9FA8DA; }

*.randomColor-94 {
  background-color: #E6EE9C; }

*.randomColor-95 {
  background-color: #B39DDB; }

*.randomColor-97 {
  background-color: #B39DDB; }

*.randomColor-98 {
  background-color: #A5D6A7; }

*.randomColor-99 {
  background-color: #81D4FA; }

*.randomColor-100 {
  background-color: #81D4FA; }

button {
  cursor: pointer; }

div.marked > table {
  width: 100%; }
  div.marked > table th {
    text-align: left; }

div.marked > p {
  line-height: 1.3; }
  div.marked > p > img {
    width: 100%; }

div.marked > ul {
  line-height: 1.3; }

*:focus {
  outline: none; }

.animate-spin, div#posts > div#items:after {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block; }

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

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

div.material-input-text {
  position: relative;
  margin: 1.5rem 0 0.5rem 0; }
  div.material-input-text > label {
    color: #9E9E9E;
    font-size: 1rem;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 0;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all; }
  div.material-input-text > input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    font-size: 1rem;
    padding: 0.5rem 0 0 0;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #9E9E9E; }
    div.material-input-text > input::-webkit-input-placeholder {
      visibility: hidden; }
    div.material-input-text > input:-ms-input-placeholder {
      visibility: hidden; }
    div.material-input-text > input::-ms-input-placeholder {
      visibility: hidden; }
    div.material-input-text > input::placeholder {
      visibility: hidden; }
    div.material-input-text > input:focus ~ label, div.material-input-text > input:not(:placeholder-shown) ~ label {
      top: -1rem;
      font-size: 0.85rem;
      color: #37474F; }
    div.material-input-text > input:focus ~ span.bar:before, div.material-input-text > input:focus ~ span.bar:after {
      width: 50%; }
    div.material-input-text > input:focus ~ span.highlight {
      -webkit-animation: inputHighlighter 0.3s ease;
      animation: inputHighlighter 0.3s ease; }
    div.material-input-text > input:invalid ~ span.bar:before, div.material-input-text > input:invalid ~ span.bar:after {
      background-color: #F44336; }
  div.material-input-text > span.bar {
    position: relative;
    display: block;
    width: 100%; }
    div.material-input-text > span.bar:before, div.material-input-text > span.bar:after {
      content: '';
      height: 2px;
      width: 0;
      bottom: -1px;
      position: absolute;
      background: #37474F;
      transition: 0.2s ease all;
      -moz-transition: 0.2s ease all;
      -webkit-transition: 0.2s ease all; }
    div.material-input-text > span.bar:before {
      left: 50%; }
    div.material-input-text > span.bar:after {
      right: 50%; }
  div.material-input-text > span.highlight {
    position: absolute;
    height: 21px;
    width: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    background: #37474F; }
  div.material-input-text > div#explanation {
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: #FF9800; }
  div.material-input-text > div#errorMessage {
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: #F44336; }

@-webkit-keyframes inputHighlighter {
  from {
    opacity: 0.5; }
  to {
    width: 0;
    opacity: 0; } }

@keyframes inputHighlighter {
  from {
    opacity: 0.5; }
  to {
    width: 0;
    opacity: 0; } }

div.material-input-checkbox {
  position: relative;
  margin: 16px 0; }
  div.material-input-checkbox label {
    cursor: pointer; }
    div.material-input-checkbox label:before, div.material-input-checkbox label:after {
      box-sizing: border-box;
      content: "";
      position: absolute;
      left: 0;
      top: 0; }
    div.material-input-checkbox label:before {
      width: 20px;
      height: 20px;
      background: #fff;
      border: 2px solid #424242;
      border-radius: 2px;
      cursor: pointer;
      transition: background .3s; }
  div.material-input-checkbox input[type="checkbox"] {
    outline: 0;
    margin-right: 10px; }
    div.material-input-checkbox input[type="checkbox"]:checked + label:before {
      background: #37474F;
      border: none; }
    div.material-input-checkbox input[type="checkbox"]:checked + label:after {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      top: 5px;
      left: 4px;
      width: 12px;
      height: 6px;
      border: 2px solid #fff;
      border-top-style: none;
      border-right-style: none; }
  div.material-input-checkbox > div#explanation {
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: #9E9E9E; }

div.material-input-textarea {
  position: relative;
  margin: 1.5rem 0 0.5rem 0; }
  div.material-input-textarea > label {
    color: #9E9E9E;
    font-size: 1rem;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 0;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all; }
  div.material-input-textarea > textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    font-size: 1rem;
    padding: 0.5rem 0 0 0;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #9E9E9E;
    min-height: 5rem; }
    div.material-input-textarea > textarea::-webkit-input-placeholder {
      visibility: hidden; }
    div.material-input-textarea > textarea:-ms-input-placeholder {
      visibility: hidden; }
    div.material-input-textarea > textarea::-ms-input-placeholder {
      visibility: hidden; }
    div.material-input-textarea > textarea::placeholder {
      visibility: hidden; }
    div.material-input-textarea > textarea:focus ~ label, div.material-input-textarea > textarea:not(:placeholder-shown) ~ label {
      top: -1rem;
      font-size: 0.85rem;
      color: #37474F; }
    div.material-input-textarea > textarea:focus ~ span.bar:before, div.material-input-textarea > textarea:focus ~ span.bar:after {
      width: 50%; }
    div.material-input-textarea > textarea:focus ~ span.highlight {
      -webkit-animation: inputHighlighter 0.3s ease;
      animation: inputHighlighter 0.3s ease; }
    div.material-input-textarea > textarea:invalid ~ span.bar:before, div.material-input-textarea > textarea:invalid ~ span.bar:after {
      background-color: #F44336; }
  div.material-input-textarea > span.bar {
    position: relative;
    display: block;
    width: 100%; }
    div.material-input-textarea > span.bar:before, div.material-input-textarea > span.bar:after {
      content: '';
      height: 2px;
      width: 0;
      bottom: -1px;
      position: absolute;
      background: #37474F;
      transition: 0.2s ease all;
      -moz-transition: 0.2s ease all;
      -webkit-transition: 0.2s ease all; }
    div.material-input-textarea > span.bar:before {
      left: 50%; }
    div.material-input-textarea > span.bar:after {
      right: 50%; }
  div.material-input-textarea > span.highlight {
    position: absolute;
    height: 21px;
    width: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    background: #37474F; }
  div.material-input-textarea > div#explanation {
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: #FF9800; }
  div.material-input-textarea > div#errorMessage {
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: #F44336; }

@keyframes inputHighlighter {
  from {
    opacity: 0.5; }
  to {
    width: 0;
    opacity: 0; } }

div#login {
  position: relative;
  width: 600px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 10px;
  padding: 0 1rem; }
  @media only screen and (max-width: 992px) {
    div#login {
      width: 300px; } }
  div#login > div#header {
    margin: 2rem 0; }
    div#login > div#header div#label {
      font-size: 1.5rem;
      font-family: 'Work Sans', sans-serif;
      padding-top: 1rem; }
      div#login > div#header div#label > span {
        font-weight: bold; }
        div#login > div#header div#label > span:nth-of-type(2) {
          color: #FFC107;
          font-size: 1.5em; }
  div#login > form > fieldset {
    margin: 0;
    padding: 0;
    border: none; }
  div#login > form > fieldset > button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border: none;
    outline: none;
    color: #424242;
    background-color: transparent;
    text-align: center;
    position: relative;
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
    float: right; }
    div#login > form > fieldset > button:before {
      margin: 0 !important;
      padding: 0 !important;
      width: auto !important;
      height: auto !important;
      position: absolute;
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }

div#posts {
  position: relative;
  background-color: #fff; }
  div#posts > div#header {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 1rem;
    align-items: center;
    height: 4rem;
    width: 100%;
    padding: 1rem;
    background-color: #37474F;
    z-index: 1; }
    div#posts > div#header > div#search {
      position: relative; }
      div#posts > div#header > div#search.active > div#cancel {
        display: blocK; }
      div#posts > div#header > div#search:before {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 1.3rem;
        padding: 0.3rem 0.5rem;
        z-index: 1; }
      div#posts > div#header > div#search > div#cancel {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 1.3rem;
        padding: 0.3rem 0.5rem;
        z-index: 1; }
      div#posts > div#header > div#search > input {
        border-radius: 2rem;
        border: none;
        width: 100%;
        display: block;
        padding: 0.3rem 1rem 0.3rem 3rem;
        height: 2rem;
        line-height: 2rem;
        background: transparent;
        background-color: rgba(255, 255, 255, 0.8);
        position: relative; }
        div#posts > div#header > div#search > input::-webkit-input-placeholder {
          color: #424242; }
        div#posts > div#header > div#search > input:-ms-input-placeholder {
          color: #424242; }
        div#posts > div#header > div#search > input::-ms-input-placeholder {
          color: #424242; }
        div#posts > div#header > div#search > input::placeholder {
          color: #424242; }
    div#posts > div#header > div#num {
      position: relative;
      background-color: rgba(255, 255, 255, 0.8);
      border-radius: 2rem;
      padding: 0 0.5rem;
      height: 2rem;
      white-space: nowrap;
      line-height: 2rem; }
  div#posts > div#searchResults {
    display: none;
    position: absolute;
    top: 4rem;
    left: 0;
    width: 100%;
    height: 35vh;
    background-color: #fff;
    z-index: 4;
    font-size: 0.85rem;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
    div#posts > div#searchResults.none:after {
      display: block;
      padding: 0.5rem 1rem;
      content: 'Keine Einträge für "' attr(data-query) '" gefunden'; }
    div#posts > div#searchResults > div {
      padding: 0.5rem 1rem;
      cursor: pointer;
      border-bottom: 1px dotted #9E9E9E; }
      div#posts > div#searchResults > div:hover {
        color: #37474F; }
      div#posts > div#searchResults > div:last-of-type {
        border-bottom: 0; }
      div#posts > div#searchResults > div > p {
        padding: 0;
        margin: 0;
        line-height: 1.3; }
        div#posts > div#searchResults > div > p:first-of-type {
          font-weight: bold;
          margin: 0.5rem 0; }
        div#posts > div#searchResults > div > p > em {
          background-color: #ECEFF1;
          font-style: normal; }
  div#posts > div#items {
    position: relative;
    box-sizing: border-box;
    width: 960px;
    height: calc(100vh - 8rem - env(safe-area-inset-top));
    margin: 0 auto;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; }
    div#posts > div#items.loading:after {
      display: block; }
    div#posts > div#items:after {
      display: none;
      width: 100%;
      font-family: "blogcms";
      content: '\e831';
      color: #424242;
      text-align: center;
      margin-bottom: 4rem; }
    @media only screen and (max-width: 1200px) {
      div#posts > div#items {
        width: 100%; } }

div.post {
  margin: 1rem 1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background-color: #fff;
  position: relative;
  border-radius: 1rem; }
  div.post.open > div#body {
    max-height: 100%; }
  div.post > div#header {
    display: flex;
    align-items: center;
    border-radius: 1rem 1rem 0 0;
    background-color: #ECEFF1; }
    div.post > div#header > div#created {
      flex: 1 1 0;
      font-size: 1rem;
      padding: 1rem 1rem; }
  div.post > div#buttonSet {
    margin: 4rem 1rem 1rem 1rem;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ECEFF1;
    border-radius: 3rem;
    padding: 0 0.5rem;
    z-index: 2;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
    div.post > div#buttonSet > button {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border-radius: 0;
      border: none;
      outline: none;
      color: #424242;
      background-color: transparent;
      text-align: center;
      position: relative;
      float: left;
      display: block;
      width: 3rem;
      height: 3rem;
      font-size: 1.5rem; }
      div.post > div#buttonSet > button:before {
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
        height: auto !important;
        position: absolute;
        -webkit-transform-style: preserve-3d;
                transform-style: preserve-3d;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
    div.post > div#buttonSet > button#fix.active {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border-radius: 0;
      border: none;
      outline: none;
      color: #FFC107;
      background-color: transparent;
      text-align: center;
      position: relative; }
      div.post > div#buttonSet > button#fix.active:before {
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
        height: auto !important;
        position: absolute;
        -webkit-transform-style: preserve-3d;
                transform-style: preserve-3d;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
      div.post > div#buttonSet > button#fix.active:before {
        content: '\e80b'; }
    div.post > div#buttonSet > button#approve.active {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border-radius: 0;
      border: none;
      outline: none;
      color: #FFC107;
      background-color: transparent;
      text-align: center;
      position: relative; }
      div.post > div#buttonSet > button#approve.active:before {
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
        height: auto !important;
        position: absolute;
        -webkit-transform-style: preserve-3d;
                transform-style: preserve-3d;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
      div.post > div#buttonSet > button#approve.active:before {
        content: '\e920'; }
  div.post > div#uploads {
    display: flex;
    flex-flow: row no-wrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-scroll-snap-type: mandatory;
    -webkit-scroll-snap-destination: 50% 50%; }
    div.post > div#uploads > div.upload {
      position: relative;
      flex: 1 0 calc(100%/2);
      height: 15rem;
      margin-right: 0.5rem;
      -webkit-scroll-snap-coordinate: 50% 50%; }
      @media only screen and (max-width: 480px) {
        div.post > div#uploads > div.upload {
          flex: 1 0 100%; } }
      div.post > div#uploads > div.upload[data-content-type^="application"] {
        flex: 1 0 calc(100%/3);
        border: 1px solid rgba(66, 66, 66, 0.2); }
      div.post > div#uploads > div.upload:last-of-type {
        margin-right: 0; }
      @media only screen and (max-width: 480px) {
        div.post > div#uploads > div.upload[data-content-type^="application"] {
          flex: 1 0 calc(100%/1.5);
          border: 1px solid rgba(66, 66, 66, 0.2); } }
      div.post > div#uploads > div.upload > div {
        height: 100%;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat; }
        div.post > div#uploads > div.upload > div:before {
          position: absolute;
          position: absolute;
          -webkit-transform-style: preserve-3d;
                  transform-style: preserve-3d;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          font-size: 5rem;
          margin: 0;
          padding: 0;
          padding-bottom: 1.4rem; }
          @media only screen and (max-width: 480px) {
            div.post > div#uploads > div.upload > div:before {
              font-size: 4rem;
              padding-bottom: 1rem; } }
        div.post > div#uploads > div.upload > div > div#caption {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          background-color: rgba(0, 0, 0, 0.5);
          padding: 0.2rem 1rem;
          color: #fff; }
        div.post > div#uploads > div.upload > div > div#label {
          position: absolute;
          bottom: 0;
          left: 0;
          text-align: center;
          width: 100%;
          padding: 0.2rem 1rem;
          font-size: 0.85rem; }
  div.post > div#body {
    position: relative;
    border-radius: 0 0 1rem 1rem;
    padding: 0.5rem 1rem;
    max-height: 15rem;
    overflow: hidden; }
    div.post > div#body.overflow:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 2rem;
      text-align: center;
      line-height: 3rem;
      background-color: #fff;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
    div.post > div#body > h1 {
      margin: 0.5em 0; }
    div.post > div#body > div#subtitle > p {
      font-weight: bold; }
    div.post > div#body > div#teaser > p {
      font-weight: bold; }
  div.post > div#tags {
    padding: 0.5rem 1rem;
    font-weight: bold;
    color: #FFC107; }

div.edit {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  background-color: #fff;
  z-index: 4; }
  div.edit > div#header {
    background-color: #37474F;
    display: flex;
    align-items: center;
    height: calc(3rem + env(safe-area-inset-top));
    padding-top: env(safe-area-inset-top);
    z-index: 3; }
    div.edit > div#header > div#created {
      flex: 0 1 0;
      font-size: 0.85rem;
      white-space: nowrap;
      padding: 0 1rem;
      color: #fff; }
    div.edit > div#header > div#buttonSet {
      flex: 1 1 0;
      white-space: nowrap; }
      div.edit > div#header > div#buttonSet > button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0;
        border: none;
        outline: none;
        color: #fff;
        background-color: transparent;
        text-align: center;
        position: relative;
        display: block;
        font-size: 1.5rem;
        float: right;
        width: 3rem;
        height: 3rem; }
        div.edit > div#header > div#buttonSet > button:before {
          margin: 0 !important;
          padding: 0 !important;
          width: auto !important;
          height: auto !important;
          position: absolute;
          -webkit-transform-style: preserve-3d;
                  transform-style: preserve-3d;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
      div.edit > div#header > div#buttonSet > button#delete:hover {
        color: #F44336; }
      div.edit > div#header > div#buttonSet > button#fix.active {
        color: #FFC107; }
        div.edit > div#header > div#buttonSet > button#fix.active:before {
          content: '\e80b'; }
      div.edit > div#header > div#buttonSet > button#approve.active {
        color: #FFC107; }
        div.edit > div#header > div#buttonSet > button#approve.active:before {
          content: '\e920'; }
  div.edit > div#body {
    height: calc(100vh - 3rem - env(safe-area-inset-top));
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; }
    div.edit > div#body > div#editForm {
      padding: 2rem;
      padding-bottom: calc(2rem + env(safe-area-inset-bottom)); }
      @media only screen and (max-width: 480px) {
        div.edit > div#body > div#editForm {
          padding: 1rem; } }
      div.edit > div#body > div#editForm > form > fieldset {
        margin: 0;
        padding: 0;
        border: none; }
      div.edit > div#body > div#editForm > form > fieldset::after {
        content: '';
        display: table;
        clear: both; }
      div.edit > div#body > div#editForm > form > fieldset > div.input-item {
        float: left;
        clear: none;
        text-align: inherit;
        width: 100%;
        margin-left: 0%;
        margin-right: 3%; }
        div.edit > div#body > div#editForm > form > fieldset > div.input-item::after {
          content: '';
          display: table;
          clear: both; }
        div.edit > div#body > div#editForm > form > fieldset > div.input-item:nth-child(n) {
          margin-right: 3%;
          float: left;
          clear: none; }
        div.edit > div#body > div#editForm > form > fieldset > div.input-item:nth-child(2n) {
          margin-right: 0%;
          float: right; }
        div.edit > div#body > div#editForm > form > fieldset > div.input-item:nth-child(2n + 1) {
          clear: both; }
      div.edit > div#body > div#editForm > form > fieldset > div.input-item#title {
        float: left;
        clear: none;
        text-align: inherit;
        width: 79.4%;
        margin-left: 0%;
        margin-right: 3%; }
        div.edit > div#body > div#editForm > form > fieldset > div.input-item#title::after {
          content: '';
          display: table;
          clear: both; }
        div.edit > div#body > div#editForm > form > fieldset > div.input-item#title:nth-child(n) {
          margin-right: 3%;
          float: left;
          clear: none; }
        div.edit > div#body > div#editForm > form > fieldset > div.input-item#title:nth-child(2n) {
          margin-right: 0%;
          float: right; }
        div.edit > div#body > div#editForm > form > fieldset > div.input-item#title:nth-child(2n + 1) {
          clear: both; }
        @media only screen and (max-width: 480px) {
          div.edit > div#body > div#editForm > form > fieldset > div.input-item#title {
            display: block;
            clear: both;
            float: none;
            width: 100%;
            margin-left: auto;
            margin-right: auto; }
            div.edit > div#body > div#editForm > form > fieldset > div.input-item#title:first-child {
              margin-left: auto; }
            div.edit > div#body > div#editForm > form > fieldset > div.input-item#title:last-child {
              margin-right: auto; } }
      div.edit > div#body > div#editForm > form > fieldset > div.input-item#date {
        float: left;
        clear: none;
        text-align: inherit;
        width: 17.6%;
        margin-left: 0%;
        margin-right: 3%; }
        div.edit > div#body > div#editForm > form > fieldset > div.input-item#date::after {
          content: '';
          display: table;
          clear: both; }
        div.edit > div#body > div#editForm > form > fieldset > div.input-item#date:nth-child(n) {
          margin-right: 3%;
          float: left;
          clear: none; }
        div.edit > div#body > div#editForm > form > fieldset > div.input-item#date:nth-child(2n) {
          margin-right: 0%;
          float: right; }
        div.edit > div#body > div#editForm > form > fieldset > div.input-item#date:nth-child(2n + 1) {
          clear: both; }
        @media only screen and (max-width: 480px) {
          div.edit > div#body > div#editForm > form > fieldset > div.input-item#date {
            display: block;
            clear: both;
            float: none;
            width: 100%;
            margin-left: auto;
            margin-right: auto; }
            div.edit > div#body > div#editForm > form > fieldset > div.input-item#date:first-child {
              margin-left: auto; }
            div.edit > div#body > div#editForm > form > fieldset > div.input-item#date:last-child {
              margin-right: auto; } }
      div.edit > div#body > div#editForm > form > fieldset > div.input-item#subtitle > textarea {
        min-height: 1rem; }
      div.edit > div#body > div#editForm > form > fieldset#tags > div.input-item {
        float: left;
        clear: none;
        text-align: inherit;
        width: 31.3333333333%;
        margin-left: 0%;
        margin-right: 3%; }
        div.edit > div#body > div#editForm > form > fieldset#tags > div.input-item::after {
          content: '';
          display: table;
          clear: both; }
        div.edit > div#body > div#editForm > form > fieldset#tags > div.input-item:nth-child(n) {
          margin-right: 3%;
          float: left;
          clear: none; }
        div.edit > div#body > div#editForm > form > fieldset#tags > div.input-item:nth-child(3n) {
          margin-right: 0%;
          float: right; }
        div.edit > div#body > div#editForm > form > fieldset#tags > div.input-item:nth-child(3n + 1) {
          clear: both; }
        @media only screen and (max-width: 480px) {
          div.edit > div#body > div#editForm > form > fieldset#tags > div.input-item {
            float: left;
            clear: none;
            text-align: inherit;
            width: 48.5%;
            margin-left: 0%;
            margin-right: 3%; }
            div.edit > div#body > div#editForm > form > fieldset#tags > div.input-item::after {
              content: '';
              display: table;
              clear: both; }
            div.edit > div#body > div#editForm > form > fieldset#tags > div.input-item:nth-child(n) {
              margin-right: 3%;
              float: left;
              clear: none; }
            div.edit > div#body > div#editForm > form > fieldset#tags > div.input-item:nth-child(2n) {
              margin-right: 0%;
              float: right; }
            div.edit > div#body > div#editForm > form > fieldset#tags > div.input-item:nth-child(2n + 1) {
              clear: both; } }
      div.edit > div#body > div#editForm > form > button {
        display: none; }

div#uploader > div#buttonSet {
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2; }
  div#uploader > div#buttonSet > div#input {
    flex: 1 1 50%; }
    div#uploader > div#buttonSet > div#input > input {
      width: 0.1px;
      height: 0.1px;
      opacity: 0;
      overflow: hidden;
      position: absolute;
      z-index: -1; }
      div#uploader > div#buttonSet > div#input > input + label {
        display: block;
        width: 100%;
        padding: 0.5rem 1rem;
        text-align: center;
        font-size: 1.5rem;
        background-color: #B0BEC5;
        color: #fff;
        cursor: pointer;
        height: 3rem;
        position: relative; }
        div#uploader > div#buttonSet > div#input > input + label:before {
          margin: 0;
          padding: 0;
          width: auto;
          height: auto;
          position: absolute;
          -webkit-transform-style: preserve-3d;
                  transform-style: preserve-3d;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
  div#uploader > div#buttonSet > button#gallery {
    flex: 1 1 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border: none;
    outline: none;
    color: #424242;
    background-color: transparent;
    text-align: center;
    position: relative;
    font-size: 1.5rem;
    background-color: #90A4AE;
    color: #fff;
    height: 3rem; }
    div#uploader > div#buttonSet > button#gallery:before {
      margin: 0 !important;
      padding: 0 !important;
      width: auto !important;
      height: auto !important;
      position: absolute;
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }

div#uploader > div#preview {
  display: flex;
  flex-flow: row wrap; }
  div#uploader > div#preview > div.uploadPreview {
    flex: 1 1 calc(100%/3);
    height: 10rem; }
    @media only screen and (max-width: 480px) {
      div#uploader > div#preview > div.uploadPreview {
        flex: 1 1 100%; } }
    div#uploader > div#preview > div.uploadPreview.finished > div > div#progress {
      display: none; }
    div#uploader > div#preview > div.uploadPreview.finished > div > div#buttonSet {
      display: inline-block; }
    div#uploader > div#preview > div.uploadPreview.favored > div > div#buttonSet > button#favor {
      color: #F44336; }
      div#uploader > div#preview > div.uploadPreview.favored > div > div#buttonSet > button#favor:before {
        content: '\e92e'; }
    div#uploader > div#preview > div.uploadPreview:first-of-type > div > div#buttonSet > button#star {
      color: #FFC107; }
      div#uploader > div#preview > div.uploadPreview:first-of-type > div > div#buttonSet > button#star:before {
        content: '\e930'; }
    div#uploader > div#preview > div.uploadPreview > div {
      position: relative;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      height: 100%; }
      div#uploader > div#preview > div.uploadPreview > div:before {
        position: absolute;
        position: absolute;
        -webkit-transform-style: preserve-3d;
                transform-style: preserve-3d;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        font-size: 5rem;
        margin: 0;
        padding: 0;
        padding-bottom: 1rem; }
        @media only screen and (max-width: 480px) {
          div#uploader > div#preview > div.uploadPreview > div:before {
            font-size: 3rem;
            padding-bottom: 0.5rem; } }
      div#uploader > div#preview > div.uploadPreview > div > div#progress {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 0.5rem;
        text-align: center; }
        div#uploader > div#preview > div.uploadPreview > div > div#progress > div#number {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          line-height: 2rem;
          color: #fff;
          z-index: 2;
          display: none; }
        div#uploader > div#preview > div.uploadPreview > div > div#progress > div#indicator {
          background-color: #03A9F4;
          width: 50%;
          border-radius: 4px;
          height: 0.5rem; }
      div#uploader > div#preview > div.uploadPreview > div > div#label {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        padding: 0.2rem 1rem;
        font-size: 0.85rem; }
      div#uploader > div#preview > div.uploadPreview > div > div#caption {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        color: #fff;
        padding: 0.5rem; }
        div#uploader > div#preview > div.uploadPreview > div > div#caption > input {
          border-radius: 1rem;
          background-color: transparent;
          -webkit-backdrop-filter: blur(2px);
          background-color: rgba(55, 71, 79, 0.8);
          outline: none;
          border: none;
          width: 100%;
          padding: 0.5rem 1rem;
          color: #fff; }
      div#uploader > div#preview > div.uploadPreview > div > div#buttonSet {
        display: none;
        float: right;
        background-color: #fff;
        border-radius: 3rem;
        margin: 1rem;
        padding: 0 0.5rem;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
        div#uploader > div#preview > div.uploadPreview > div > div#buttonSet > button {
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          border-radius: 0;
          border: none;
          outline: none;
          color: #424242;
          background-color: transparent;
          text-align: center;
          position: relative;
          float: left;
          display: block;
          width: 3rem;
          height: 3rem;
          border-radius: 50%;
          font-size: 1.5rem; }
          div#uploader > div#preview > div.uploadPreview > div > div#buttonSet > button:before {
            margin: 0 !important;
            padding: 0 !important;
            width: auto !important;
            height: auto !important;
            position: absolute;
            -webkit-transform-style: preserve-3d;
                    transform-style: preserve-3d;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%); }
        div#uploader > div#preview > div.uploadPreview > div > div#buttonSet > button#removeUpload:hover {
          color: #F44336; }

div#gallery {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 5; }
  div#gallery > div#header {
    display: flex;
    align-items: center;
    background-color: #37474F;
    height: calc(3rem + env(safe-area-inset-top));
    padding-top: env(safe-area-inset-top); }
    div#gallery > div#header > div#label {
      flex: 1 1 0;
      padding: 0 1rem;
      color: #fff;
      font-weight: bold; }
    div#gallery > div#header > div#buttonSet {
      text-align: right; }
      div#gallery > div#header > div#buttonSet > button {
        background: transparent;
        border: 0;
        height: 3rem;
        width: 3rem;
        line-height: 3rem;
        color: #fff; }
  div#gallery > div#body {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 300px;
    height: calc(100vh - 3rem - env(safe-area-inset-top));
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
    @media only screen and (max-width: 768px) {
      div#gallery > div#body {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 200px; } }
    div#gallery > div#body > div {
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      background-color: #F5F5F5;
      border: 0 solid #9E9E9E;
      border-width: 0 1px 1px 0; }
      div#gallery > div#body > div.landscape {
        background-size: 100% auto; }
      div#gallery > div#body > div.portrait {
        background-size: auto 100%; }

body {
  font-family: 'Work Sans', sans-serif;
  color: #424242;
  padding-bottom: 4rem;
  background-color: #37474F;
  padding-top: env(safe-area-inset-top); }

div#standalone {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  width: 100vw;
  height: 100%;
  align-items: center;
  color: #fff; }
  div#standalone > div#label {
    padding: 3rem 0;
    justify-self: center;
    font-size: 1.5rem;
    font-family: 'Work Sans', sans-serif; }
    div#standalone > div#label > span {
      font-weight: bold; }
      div#standalone > div#label > span:nth-of-type(2) {
        color: #FFC107;
        font-size: 2em; }
  div#standalone > div#info {
    padding: 0 3rem;
    line-height: 1.5;
    font-weight: bold;
    text-align: center; }
    div#standalone > div#info:before {
      margin: 0;
      padding: 0;
      font-size: 3rem;
      width: 100%;
      display: inline-block;
      margin-bottom: 3rem; }

div#update {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  width: 100vw;
  height: 100%;
  align-items: center;
  color: #fff; }
  div#update > div#label {
    padding: 3rem 0;
    justify-self: center;
    font-size: 1.5rem;
    font-family: 'Work Sans', sans-serif; }
    div#update > div#label > span {
      font-weight: bold; }
      div#update > div#label > span:nth-of-type(2) {
        color: #FFC107;
        font-size: 2em; }
  div#update > div#info {
    padding: 0 3rem;
    line-height: 1.5;
    font-weight: bold;
    text-align: center; }
    div#update > div#info:before {
      margin: 0;
      padding: 0;
      font-size: 3rem;
      width: 100%;
      display: inline-block;
      margin-bottom: 3rem; }

div#footer {
  display: none;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 4rem;
  padding: 0 2rem;
  align-items: center;
  background-color: #37474F;
  z-index: 1; }
  @media only screen and (max-width: 480px) {
    div#footer {
      padding: 0 1rem; } }
  div#footer > div#label {
    flex: 1 1 0;
    font-size: 1.5rem;
    font-family: 'Work Sans', sans-serif; }
    div#footer > div#label > span {
      color: #fff;
      font-weight: bold; }
      div#footer > div#label > span:nth-of-type(2) {
        color: #FFC107;
        font-size: 1.5em; }
  div#footer > button:not(#newpost) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border: none;
    outline: none;
    color: #fff;
    background-color: transparent;
    text-align: center;
    position: relative;
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem; }
    div#footer > button:not(#newpost):before {
      margin: 0 !important;
      padding: 0 !important;
      width: auto !important;
      height: auto !important;
      position: absolute;
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  div#footer > button#newpost {
    position: absolute;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    top: 0;
    background-color: #37474F;
    color: #FFC107;
    border: 0.2rem solid #fff;
    font-size: 2rem;
    outline: none; }
    div#footer > button#newpost:before {
      position: absolute;
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      margin: 0;
      margin-top: 0.1rem;
      padding: 0; }

div#popup {
  position: absolute;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #37474F;
  border-radius: 3rem 3rem 0 0;
  position: fixed;
  padding-bottom: 2.7rem; }
  div#popup > button {
    position: relative;
    display: block;
    width: 5rem;
    height: 5rem;
    background-color: #37474F;
    border-radius: 50%;
    border: 0.2rem solid #fff;
    font-size: 2rem;
    margin: 0.5rem;
    color: #fff; }
    div#popup > button:nth-of-type(1) {
      background-color: #F44336; }
    div#popup > button:nth-of-type(2) {
      background-color: #2196F3; }
    div#popup > button:nth-of-type(3) {
      background-color: #FFC107; }
    div#popup > button:nth-of-type(4) {
      background-color: #4CAF50; }
    div#popup > button:before {
      position: absolute;
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      margin: 0;
      padding: 0; }
/*# sourceMappingURL=index.css.map */