/** @format */

@import url("https://fonts.googleapis.com/css?family=Raleway");

/** CSS Code von Snatchbot kopieren & einfügen, wenn man noch Anpassungen machen will*/

body {
  padding: 0;
  margin: 0;
  background: #f4f4f4;
}
html,
h1,
h2,
h3,
h4,
h5,
h6,
a {
  font-family: "Raleway";
}
.navbar {
  background: rgb(108, 157, 76);
}
.nav-link,
.navbar-brand {
  color: #f4f4f4;
  cursor: pointer;
}
.nav-link {
  margin-right: 1em !important;
}
.nav-link:hover {
  background: #6C9D4C;
  color: rgb(189, 211, 174);
}
.navbar-collapse {
  justify-content: flex-end;
}
.navbar-toggler {
  background: #fff !important;
}

/**hier nach kommt alles, was die Ärzt:innen-Section gestalterisch beeinflusst**/

.doc {
  margin: 4em 0;
  padding: 1em;
  position: relative;
}
.doc h1 {
  color: #6C9D4C;
  margin: 2em;
}
.doc img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.doc span {
  display: block;
  color: #888;
  position: absolute;
  left: 115px;
}
.doc .desc {
  padding: 2em;
  border-left: 4px solid #6C9D4C;
}
.doc .desc h3 {
  color: #6C9D4C;
}
.doc .desc p {
  line-height: 2;
  color: #888;
}

/**hier nach kommt alles, was die Chatbot-Section gestalterisch beeinflusst**/
.chatbot {
  margin: 4em 0;
  padding: 1em;
  position: relative;
}
.chatbot img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.chatbot span {
  display: block;
  color: #888;
  position: absolute;
  left: 115px;
}
.chatbot .desc {
  padding: 2em;
  border-left: 4px solid #6C9D4C;
}
.chatbot .desc h3 {
  color: #6C9D4C;
}
.chatbot .desc p {
  line-height: 2;
  color: #888;
}

/**fruit-css: hiernach kommt alles, was die fruit-section von der Gestaltung her beeinflusst **/
.fruit {
  margin: 4em 0;
  padding: 1em;
  position: relative;
}
.fruit img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.fruit span {
  display: block;
  color: #888;
  position: absolute;
  left: 115px;
}
.fruit .desc {
  padding: 2em;
  border-left: 4px solid #6C9D4C;
}
.fruit .desc h3 {
  color: #6C9D4C;
}
.fruit .desc p {
  line-height: 2;
  color: #888;
}

/**Hierauf folgt die CSS für den Hinweis-Text**/
.about p {
  line-height: 1, 5;
  color: #888;
  padding: 4em;
  font-size: 11pt;
  text-align: center;
}

/**TO-DO: hier SNATCHBOT CSS-CODE reinkopieren **/