html, body {
  font-size: 100% !important;
  font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
}

*:not(html) {
  font-size: 0.76rem;
}

/*h1, h2, h3, h4, h5, h6 {*/
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
/*}*/
h3 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #3c3c3c;
  margin-top: 0;
  margin-bottom: 0.25rem;
  line-height: 1.2;
}

input[type="text"] {
  outline: 0;
}

input[type="button"] {
  background-color: white;
  border: 1px solid #999;
  border-radius: 0px;
  outline: 0;
}

  input[type="button"]:hover {
    box-shadow: 0 0 4px 0px #ffd229;
    border: 1px solid #ffd229;
  }

h1, h1 * {
  font-size: 2rem;
}

.linklabel, .linklabel_styleonly {
  color: grey;
}

  .linklabel:hover, .linklabel_styleonly:hover {
    cursor: pointer;
    color: black;
  }


#shortMessage {
  background: black;
  border-radius: 0.6rem;
  color: white;
  font-size: 2rem;
  opacity: 0.8;
  overflow: auto;
  padding: 1.2rem;
  position: fixed;
  text-align: center;
  top: 3rem;
  z-index: 9999 !important;
  width: 70vw;
  left: 15vw;
}

  #shortMessage:hover {
    cursor: pointer;
  }

  #shortMessage.Success {
    background: #329932;
  }

  #shortMessage.Error {
    background: #ff3232;
  }

.registerContainer {
  height: 2rem;
}

.register > div {
  display: inline-block;
  margin-right: 0.5rem;
}

.selectedregister {
  text-decoration: underline;
  color: black;
}

.displaynone {
  display: none !important;
}

.thema, .teilnehmer {
  margin-bottom: 0.8rem;
}

.antworten {
}

.antwort, .thema.public .frage {
  padding-left: calc(0.4rem - 3px);
  padding-top: 0.2rem;
}

.frage {
  padding-left: 0.4rem;
  padding-top: 0.2rem;
}

  .frage > div:nth-child(1) > span, .antwort > div:first-child > span {
    margin-right: 1rem;
    color: gray;
    font-style: italic;
    font-size: 0.7rem;
  }

  .frage > div:nth-child(2) {
    margin-top: 0.2rem;
  }

.frage, .antwort {
  padding-bottom: 0.3rem;
}

.frage {
  background-color: #e4e5e9;
  /*border-left: 3px solid #e4e5e9;*/
}

.thema.privat {
  border-right: 3px solid #e4e5e9;
}

.thema:not(.public) .antwort {
  border-left: 3px solid #e4e5e9;
  padding-left: calc(0.4rem - 3px);
}

.neueAnkündigung {
  background: #ffd229;
  text-align: center;
  padding: 0.5rem;
  height: 3rem;
}

.ankündigung .frage {
}

.public {
  border: 3px solid #ffd229;
}

.buttons {
  height: 2rem;
  border-top: 2px solid grey;
}

.adminbuttons input {
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}

textarea.textprompt, textarea.neuefrage {
  width: 100%;
  height: 4rem;
  background-color: #f6f8f9;
  border-radius: 0px;
  border: none;
  outline: none;
  font-size: 1rem;
  display: block;
  resize: none;
}

input.textprompt, input.textprompt:focus {
  width: 100%;
  height: 2.0rem;
  border-radius: 0px;
  border: none;
  border-top: 1px solid lightgray;
  outline: none;
}

#themareferent .frage > div:nth-child(1) > span, #themareferent .antwort > div:nth-child(1) > span {
  font-size: 1rem;
}

#themareferent .frage > div:nth-child(2), #themareferent .antwort > div:nth-child(2) {
  font-size: 2rem;
}

.contentContainer {
  /*padding: 10px;*/
}

#divMeineThemen {
  min-height: 400px;
}

.contentKunde #meinethemen {
  height: calc(100vh - 120px);
  overflow: auto;
  padding-right: 2px;
}

.contentModerator {
  height: calc(100vh - 130px);
  overflow: auto;
}

.bottomContainer {
  position: absolute;
  width: 100%;
  bottom: 0px;
  /*margin-bottom: 4px;*/
  border-top: 0;
}

.thema:not(.public) .antwortmoderator {
  border-left: 3px solid #ffd229;
}

.thema.privat .showNeueAntwort {
  border-left: 3px solid #e4e5e9;
  border-bottom: 3px solid #e4e5e9;
}

.showNeueAntwort.isBeingAnswered .antwortenButton {
  display: none;
}

.showNeueAntwort:not(.isBeingAnswered) .antwortenNotPossibleButton {
  display: none;
}

.showNeueAntwort .antwortenButton span {
  text-decoration: underline;
}

.showNeueAntwort span {
  font-style: italic;
}

.antwortenButton, .antwortenNotPossibleButton {
  height: 1.8rem;
  position: relative;
}

  .antwortenButton span, .antwortenNotPossibleButton span {
    font-size: 0.7rem;
    position: absolute;
    right: 10px;
    top: 5px;
  }

    .antwortenButton span:hover {
      cursor: pointer;
    }


.sendButton, .editThema, .deleteThema, .thumbup, .thumbupstatic, .thumbupnumber {
  height: 1rem;
  display: inline-block;
  width: 1.5rem;
  position: relative;
  top: 2px;
}

  .sendButton:hover, .editThema:hover, .deleteThema:hover, .thumbup:hover {
    cursor: pointer;
  }

.thumbup, .thumbupstatic {
  width: 1.0rem;
  background: url("../img/Thumb-up.svg");
  background-repeat: no-repeat;
}

  .thumbup:hover, .thumbup.thumbupdone {
    background: url("../img/Thumb-up_mouseover.svg");
    background-repeat: no-repeat;
  }

.thumbupnumber {
  width: auto;
  color: gray;
  text-align: center;
  line-height: 0.9rem;
  top: -1px;
  font-size: 0.7rem;
  font-style: italic;
}

.sendButton {
  height: 1.5rem;
  background: url("../img/Senden.svg");
  background-repeat: no-repeat;
}

  .sendButton:hover {
    background: url("../img/Senden_mouseover.svg");
    background-repeat: no-repeat;
  }

.editThema {
  background: url("../img/Edit.svg");
  background-repeat: no-repeat;
}

  .editThema:hover {
    background: url("../img/Edit_mouseover.svg");
    background-repeat: no-repeat;
  }

.deleteThema {
  background: url("../img/Verwerfen.svg");
  background-repeat: no-repeat;
}

  .deleteThema:hover {
    background: url("../img/Verwerfen_mouseover.svg");
    background-repeat: no-repeat;
  }

#divNeueFrage .neueAntwort {
  position: relative;
  left: -0.2rem;
}

.neueAntwort {
  margin-top: 2px;
}

.thema.closed .neueAntwort, .thema.closed .buttons, .bottomContainer.closed .neueAntwort, .bottomContainer.closed .buttons {
  display: none;
}


.thema:not(.closed) .showNeueAntwort, .bottomContainer:not(.closed) .showNeueAntwort {
  display: none;
}

.geschlossenContainer {
  height: calc(100vh - 1rem);
  border: 1px solid lightgray;
  margin-right: 1rem;
}

  .geschlossenContainer > div:first-child {
    font-size: 1.5rem;
    left: 40%;
    transform: translate(-33%,-50%);
    color: lightgray;
  }

.unseenitems {
  font-weight: bold;
}

.thema:not(.begruessung) {
}

.contentModerator textarea.textprompt {
  font-size: 0.8rem;
}

.modal.w3-modal {
  display: block;
}

.mbYellow {
  background-color: #ffd229;
}

textarea.veroeffentlichen {
  height: 10rem;
}