.titleimg{
  background-image: url('../img/familienzentrum-titel.jpg');
  background-repeat:no-repeat;
 background-position: bottom left;
  background-size: 100% auto;
  height:250px;
    }
 .logo{height: 100px;}
nav.navbar-shrink .logo{height: 80px;}

 .navbar-light .navbar-nav .nav-link {
  color: #5c2e91;
}  
 .navbar-light .navbar-nav .nav-link:hover {
  color: #96c11f;
}
#c1516 img, #c1517 img,#c1518 img,#c1519 img{width:200px;height:200px;border-radius: 50%;object-fit: cover;}
figure img{max-width: 100%;
  height: auto;
  }
footer a:hover{color:#96c11f!important}
h2.ce-headline-center{text-align:center;}
.kooperation img{filter: grayscale(100%);transition: filter 0.3s ease-in-out;}
.kooperation img:hover { filter: grayscale(0%);}
#kooperation {padding-bottom:2rem}
a.more {background-image: url('../../img/more-green.png');}

@media screen and (max-width: 420px){
.titleimg{height:200px}
}
@media screen and (max-width: 567px){
.titleimg{background-size: cover;}
}
@media screen and (min-width: 568px)and (max-width: 767px){
.titleimg{height:350px;}
}
@media screen and (max-width: 767px) {
.ce-left.ce-intext .ce-gallery img {
    width:200px !important;
    height:200px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px){
.titleimg{height:50vh;}
}
@media screen and (min-width: 1400px){
.titleimg{height:80vh;}
}

@media screen and (min-width: 992px){
#c1516 img, #c1517 img,#c1518 img,#c1519 img{width:200px;height:200px;}
 .logo{height: 150px;}
nav.navbar-shrink .logo{height: 120px;}
}
@media screen and (min-width: 767px){
.ce-textpic.ce-left.ce-intext.ce-nowrap{align-items: center !important; display: flex !important;}
}