.center{
    justify-content: center;    
    align-items: center;
    padding: 35px;
}


.card{
    background-color: #fcfcfc;
    height: 100%;
    width: 18rem;

    border-radius: 18px;
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.4);
    
    transition: 0.5s ease;
    /*cursor: pointer; */
    z-index:2;
    
}

.card:hover,
.card:focus{
    transform: scale(1.10);
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.2);
    z-index:10;

}


.card-image{
    margin: 10px 10px 10px 10px;
    height:10rem;   
    overflow: hidden;    
   /* border-top-left-radius: 18px;
    border-top-right-radius: 18px; */
    border-radius: 10px;

   /* width:max-content; */
   aspect-ratio: 3/2;
   object-fit: contain;    
   mix-blend-mode: multiply;
}



#sonnenberg{
    background: url('https://www.sonnenbergschule.de/fileadmin/Sonnenbergschule/Sonnenberg-sys/Public/Images/schule.gif') no-repeat center center ;
    background-size: 100% 100%, cover;
   
}

#martinus{
    background: url('../graphics/martinusschule-rv.png') no-repeat center center ;
    background-size: 100% 100%, cover;
}

#hansjakob{
    /*background: url('http://hansjakob-schule.de/HansJakobCMS/wp-content/themes/hansjakob/assets/logo.png') no-repeat center center ; */
    background: url('../graphics/hansjakob.png') no-repeat center center ;
    background-size: 100% 100%, cover;
}

#rossental{
    /*background: url('https://rossentalschule.de/wp-content/uploads/2017/07/cropped-Logo_RTS_ZAK-Zeugnis-1.png') no-repeat center center ;*/
    background: url('../graphics/rossental.jpg') no-repeat center center ;
    background-size: 100% 100%, cover;
}

#schwarzbach{
    background: url('../graphics/schwarzbachschule-bc.png') no-repeat center center ;
    background-size: 100% 100%, cover;
}

#st-franziskus{
    background: url('../graphics/franziskus.png') no-repeat center center ;
    background-size: 100% 100%, cover;
}

#georg-friedrich-daumer{
    background: url('https://www.gfd-schule.de/842361-georg-friedrich-daumer-schule-de-wAssets/img/logos/logo.svg') no-repeat center center;
    background-size: 100% 100%, cover;
}

#albert-schweitzer-schule{
    background: url('../graphics/albert-schweitzer.png') no-repeat center center;
    background-size: 100% 100%, cover;
}

#tannenhag-schule-fn{
    background: url('../graphics/tannenhag-schule_logo.png') no-repeat center center;
    background-size: 100% 100%, cover;
}

#franziskus-schule-brilon{
    background: url('../graphics/franziskus_brilon.jpg') no-repeat center center;
    background-size: 100% 100%, cover;
}

#paul-meyle-schule-heilbronn{
    background: url('../graphics/paul-meyle-heilbronn.gif') no-repeat center center;
    background-size: 100% 100%, cover;
}