@import url('https://fonts.googleapis.com/css?family=Noto+Serif|Open+Sans&display=swap');

@media only screen AND (min-width: 900px) {
  section {
    display: none;
  }
}

body {

  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;

}


.Klaus_logo img {

  width: 40%;
}

.Logo_org {
  width: 80%;
  padding-left: 20%;
}

.Hilfe_button {

background-color: #0e627b;
color: white;
}

.titletop{

  color: #0e627b;
  font-family: 'Noto Serif';
  font-weight: 700;
  font-size: 25px;
}

.title{

  color: #0e627b;
  font-family: 'Noto Serif';
  font-weight: 700;
  font-size: 19px;
}

.text{

  color: #3c3c3c;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 19px;
}

.text_k{

  color: #3c3c3c;
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 16px;
}

.spacer_left{

  padding-left: 10px;
}

.Chat-Container{

  background-repeat: repeat-y;
  background-image: url("../img/Chatbackground1.svg");
  width: 360px;
  height:1000px;
  margin: auto;
}

.Buttonrow{

  overflow: scroll;
  padding: 10px;
}

.Buttonrow Button{

  margin-top: 20px;
}

.button_size{

  font-size: 14px;
}

.Q{

  padding-top: 120px;
  text-align: left;
  padding-left: 30%;
  padding-right:10px;
  color: #262626;
}

.bubbleQ{

  background-color: #DAF7A6;
  border-radius: 4px;
  padding: 5px;
  margin-top: 20px;
}

.A{

  margin-top: 20px;
  text-align: left;
  padding-left: 10px;
  padding-right: 30%;
  color: #595959;
}

.bubbleA{

  margin-top: 20px;
  background-color: white;
  border-radius: 4px;
  padding: 5px;
}