/*Christen im Gesundheitswesen*/
/*Styles for all css documents*/


html, body {
margin: 0 auto;
min-width: 1230px;
font-family: 'Open Sans', sans-serif;
word-wrap: break-word;
}

/* --- Wählt die Markierungsfarbe aus --- */

::selection {
background: #00aca8;
color: white;
text-shadow: none;
}

::-moz-selection {
background: #00aca8;
color: white;
text-shadow: none;
}

/* --- Gibt allen inputs die Schriftart --- */
input {
font-family: 'Open Sans', sans-serif;
border-radius: 3px;
}

input:focus {
  background: transparent !important;
  outline: none;
  transition: 0.3s ease;
}

form {
  color: #666666;
}

input[type='checkbox'] {
	margin-right: 10px;
}

fieldset legend {
  font-size: medium;
  color: #00aca8;
}

.warning {
  color: #ffc107;
  font-weight: 600 !important;
}

.warning.black {
  color: black;
}

/* --- Stylt alle Links, die in einem Paragraphen/Text gesetzt wurden --- */

p a,li a,.link-inline {
text-decoration: none;
color: #00aca8;
}

/* --- Stylt die Links zum weiterlesen in allen Paragraphen --- */

p a span {
font-weight: 600;
color: #00aca8;
text-decoration: none;
cursor: pointer;
}

p a span:hover {
text-decoration: underline;
}

/* --- Verhindert, dass Links autom. gestylt werden --- */

a {
text-decoration: none;
border: none;
}

/* --- Verhindert, dass ein Browser einen blauen Rand setzt, wenn ein Bild ein Link ist --- */

a img {
border: none;
}

/* --- Stylt alle Themenabschnitte, die in sections unterteilt sind.
Gegenbenenfalls wird individuell noch eine Hintergrundfarbe gesetzt (#f3f3f3) --- */

section {
width: 100%;
height: auto;
padding: 90px 0;
}

/* --- section direkt unter der Navigation. Bei den meisten Seiten enthalten --- */

#intro {
height: auto;
padding: 110px 0;
overflow: auto;
}

#intro-in {
margin: 0 auto;
width: 1200px;
height: auto;
display: flex;
}

#intro-text {
box-sizing: border-box;
padding-right: 60px;
width: 60%;
height: 100%;
}

#intro-text h1 {
font-weight: 300;
font-size: 35px;
margin-top: 0px;
margin-bottom: 0;
cursor: default;

color: #00aca8;
text-decoration: none;
}

#intro-text p {
display: block;
color: #666666;
}

/*If intro includes list (ul,li)*/

ul,li, p {
color: #666666;
}

#intro-img {
width: 40%;
overflow: hidden;
}

#intro-img img {
width: 100%;
display: block;
margin: 0 auto;
}