.blog-item .blog-desc {
    background: #18a6fd;
    color: #ffffff;
    height: 100%;
    left: 0;
    padding: 40px;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    transition: all 0.5s ease 0s;
}

.blog-item {
    margin-bottom: 15px; /* Abstand zwischen den Kacheln */
}

@media (max-width: 767px) {
    .blog-item {
        margin-bottom: 15px; /* Abstand für mobile Geräte */
    }
}

body {
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 21px;
    color: #595959;
    background-color: #fff;
}
.bg-magenta, .product-item-2 .action-button {
    background: #0e80c6;
    color: #ffffff;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
 font-weight: normal !important;
    line-height: 38px;
    color: #0e80c6; 
}
p {
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    color: #040404;    
    margin-bottom: 15px;
}
.bg-magenta h1, .bg-magenta h2, .bg-magenta h3, .bg-magenta h4, .bg-magenta h5, .bg-magenta h6, .bg-magenta .h1, .bg-magenta .h2, .bg-magenta .h3, .bg-magenta .h4, .bg-magenta .h5, .bg-magenta .h6, .bg-magenta p, .bg-magenta a, .product-item-2 .action-button h1, .product-item-2 .action-button h2, .product-item-2 .action-button h3, .product-item-2 .action-button h4, .product-item-2 .action-button h5, .product-item-2 .action-button h6, .product-item-2 .action-button .h1, .product-item-2 .action-button .h2, .product-item-2 .action-button .h3, .product-item-2 .action-button .h4, .product-item-2 .action-button .h5, .product-item-2 .action-button .h6, .product-item-2 .action-button p, .product-item-2 .action-button a {
    color: #040404;
}
.product-item-2 .center-img .product-img {
    margin: auto;
    width: auto;
    padding: 15px;
    display: block;
    border-radius: 10px 10px 0 0;
}
.product-item-2 .center-img .product-img img {
    width: auto;
    height: 129px;
    max-height: 180px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
img {
    vertical-align: middle;
    border: 0;
}
/* Für Überschriften */
h1, h2, h3, h4, h5, h6 {
  color: #0e80c6;
}
p, .explanation-text { 
  color: #040404;
}

@media only screen and (max-width: 768px) {
  h1, h2, h3, h4, h5, h6 {
    color: #0e80c6;
  }
  p, .explanation-text {
    color: #040404;
  }
}
    background-color: rgb(255, 255, 255);
}
a {
    text-decoration: none;
}
a {
    color: #0e80c6;
    text-decoration: none;
}
.top-link > ul.link > li a i {
    font-size: 14px;
    line-height: 10px;
    color: #ff6600;
}
.bg-magenta, .product-item-2 .action-button {
    background: #0e80c6;
    color: #ffffff;
}