/*Christen im Gesundheitswesen*/
/*Footer*/


/* --- Teilt den footer in vier Abschnitte --- */

.stay_up_to_date {
  /*background: linear-gradient(#f3f3f3 70%,#fcde44);*/
  /*background: #fcde44;*/
  background: linear-gradient(#f3f3f3,white 50%);
  border-top: 1px solid lightgrey;
}

.stay_up_to_date_in {
  display: flex;
}

.sutd-box {
  max-width: 50%;
  width: auto;
}

.sutd-box:first-of-type {
  padding-right: 30px;
}

.sutd-box:last-of-type {
  padding-left: 30px;
}

.sutd-box h2 {
  color: #00aca8;
}

.sutd-box > a {
display: inline-block;
width: auto;
margin-top: 20px;
padding: 7px 18px;
background: #00aca8;

font-weight: 600;
color: white;
text-align: center;
text-decoration: none;
text-transform: uppercase;

transition: 0.25s ease;
-moz-transition: 0.25s ease;
-webkit-transition: 0.25s ease;
-ms-transition: 0.25s ease;
-o-transition: 0.25s ease;
}

.sutd-box > a:hover {
background: #00bfba;
}

.stay_up_to_date_in {
  max-width: 1200px;
  width: auto;
  margin: 0 auto;
}

footer {
width: 100%;
height: auto;
}

footer p {
font-weight: 400;
color: white;
font-size: 15px;
}

#line {
width: 100%;
height: 3px;
background: #fcde44;
}

#footer-out {
width: 100%;
height: auto;
padding: 30px 0;
background: #00aca8;
}

#footer-in {
width: 1200px;
height: 280px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}

/* --- Teilt den footer in vier Abschnitte --- */

.footer-part {
float: left;
max-width: 260px;
width: auto;
padding: 0 20px;
height: 100%;
}

.footer-part:first-of-type {
background: none;
}

.footer-part h3 {
width: 100%;
margin: 0;
font-weight: 300;
font-size: 22px;
color: white;
text-align: left;
}

#generalinfo {
display: block;
font-size: 12px;
text-align: center;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
}

#generalinfo a {
color: white;
text-decoration: none;
}

#generalinfo a:hover {
text-decoration: underline;
}

#footer-logo {
display: block;
margin: 40px auto;
}

#social {
margin: 25px auto;
width: 204px;
height: 47px;
padding: 5px 0;
}

#social a {
display: block;
float: left;
width: 64px;
height: 64px;
margin: 0 2px;
padding: 0;
background-size: 100% 100%;
overflow: hidden;
cursor: pointer;

font-weight: 600;
font-size: 24px;
color: #00bfba;
text-align: center;
}

svg {
width: 100%;
height: 100%;
fill: white;
margin: 0;
padding: 0;

transition: 0.25s ease;
-moz-transition: 0.25s ease;
-webkit-transition: 0.25s ease;
-ms-transition: 0.25s ease;
-o-transition: 0.25s ease;
}

#fb svg:hover {
fill: #3b5998;
}

#yt svg:hover {
fill: #cc181e;
}

#gplus svg:hover {
fill: #d95233;
}

#footer-nav a {
display: block;
/*margin: 0 15px;*/

color: white;
text-decoration: none;
}

#footer-nav a:first-of-type {
margin-top: 25px;
}

#footer-nav a:hover  {
text-decoration: underline;
}

#footer-kontakt p {
/*margin-left: 25px;*/
}

.footer-part p span {
font-size: 13px;
}

.footer-part p a {
text-decoration: none;
color: white;
}

.footer-part p a:hover {
text-decoration: underline;
}