/*TITEL KACHELN*/
.Box-Titel {
    bottom: 0px;
    color: #ffffff;
    font-size: 24px;
    margin: 15px;
    margin-right: 40px;
    transition: .9s ease;
    padding: 20px;
    position: absolute;
    text-align: left;
    width: auto;
}

div.Box-Titel h3{
    font-size: 24px;
    margin: 0px;
}


.bild_box{
    height: 240px;
    position: relative;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
    min-height: 160px;
    background-repeat: no-repeat;
    background-color: #153268;
    background-position: center;
    background-size: cover;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .9s ease;
    background-color: #153268;
}

a:hover .Box-Titel {
    padding-bottom: 30px;
}

a:hover .overlay {
    opacity: 1;
}

a:focus .overlay { 
    opacity: 1; 
}


/*BILD-OBEN-INFO-CARD*/
   .card-body{
   padding: 0px 20px 10px 20px;
   text-align: left;
   color: #212121 !important;
   }
   .card-body h3{
   font-size: 22px;
   }
   .card-text{
   margin-bottom: 58px;
   margin-top: 20px;
   }
   .card-abstand{
   padding: 15px 
   }
   .card-text:last-child {
   margin-bottom: 0;
   }
   .bildkasten-link:before {
   font-family:"Font Awesome 5 Free";
   content: "\f105";
   margin: 0px 8px 8px 0px;
   display: inline;
   vertical-align: bottom;
   font-weight: 700;
   }
   .info-card {
   transition: 0.3s;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: border-box;
   border: 1px solid rgba(0,0,0,.125);
   border-radius: .25rem;
   height: 100%;
   }
   .card-img-top-inf {
   border-top-left-radius: calc(.25rem - 1px);
   border-top-right-radius: calc(.25rem - 1px);
   height: 230px;
   background-repeat: no-repeat;
   background-color: #153268;
   background-position: center;
   background-size: cover;
   position: relative;
   width: 100%;
   }
   .info-card a{
   border-bottom: none !important;}
   .bildkasten-link{
   bottom: 20px;
   position: absolute;
   color: #0078A3;
   }
   a:hover .bildkasten-link {
 border-bottom: 1px solid;
   }
   .info-card:hover{
   box-shadow:     0 1px 10px 0 rgba(0, 0, 0, 0.2);
   }
   .drittel{
   display: grid;grid-template-columns: 33.33% 33.33% 33.33%; 
   margin: 0 -15px;
   }
   @media screen and (max-width: 991px) {
   .drittel{
   display: grid;grid-template-columns:50% 50%; 
   }
   }
   @media screen and (max-width: 768px) {
   .drittel{
   display: grid;grid-template-columns:100%; 
   }
   }

.halb{
  display: grid;grid-template-columns: 50% 50%; 
margin: 30px -15px 0 -15px;
}



@media screen and (max-width: 991px) {

.halb{
display: grid;grid-template-columns:100%; 
}
}


.card-liste a:hover{
   border-bottom: 1px solid #0078a3 !important; 
}