/* Aus s24-functions v4.3 migriert – unveränderte Darstellung */
#jp-relatedposts {
            margin-top: 24px;
            margin-bottom: 24px;
        }

        #jp-relatedposts .jp-relatedposts-headline,
        #jp-relatedposts h3.jp-relatedposts-headline {
            margin: 0 0 14px !important;
            font-size: 22px !important;
            line-height: 1.25 !important;
            font-weight: 700 !important;
        }

        #jp-relatedposts .jp-relatedposts-items,
        #jp-relatedposts .jp-relatedposts-items-visual {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 18px !important;
        }

        #jp-relatedposts .jp-relatedposts-post,
        #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post,
        #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
            float: none !important;
            clear: none !important;
            width: calc(33.333% - 12px) !important;
            margin: 0 !important;
            padding: 14px !important;
            box-sizing: border-box !important;
            display: flex !important;
            flex-direction: column !important;
            background: #fff !important;
            border: 1px solid rgba(0,0,0,.08) !important;
            border-radius: 10px !important;
            box-shadow: 0 1px 2px rgba(0,0,0,.04) !important;
            transition: box-shadow .2s ease, transform .2s ease;
        }

        #jp-relatedposts .jp-relatedposts-post:hover {
            box-shadow: 0 6px 18px rgba(0,0,0,.08) !important;
            transform: translateY(-1px);
        }

        /* Bild größer und Fläche besser genutzt */
        #jp-relatedposts .jp-relatedposts-post img {
            display: block !important;
            width: 100% !important;
            height: 210px !important;
            object-fit: cover !important;
            object-position: center center !important;
            background: #fff !important;
            border-radius: 8px !important;
            margin: 0 0 10px !important;
        }

        #jp-relatedposts .jp-relatedposts-post-title {
            margin: 0 !important;
            font-size: 16px !important;
            line-height: 1.35 !important;
            font-weight: 700 !important;
        }

        #jp-relatedposts .jp-relatedposts-post-title a {
            text-decoration: none !important;
        }

        #jp-relatedposts .jp-relatedposts-post-context {
            display: block !important;
            visibility: visible !important;
            opacity: 1 !important;
            margin-top: 8px !important;
            line-height: 1.35 !important;
        }

        #jp-relatedposts .jp-relatedposts-article-date {
            display: inline-block !important;
            font-size: 13px !important;
            font-weight: 500 !important;
            color: #777 !important;
        }

        #jp-relatedposts .jp-relatedposts-product-meta {
            display: flex !important;
            align-items: center !important;
            gap: 10px !important;
            flex-wrap: nowrap !important;
            white-space: nowrap !important;
        }

        #jp-relatedposts .jp-relatedposts-product-score {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 34px !important;
            height: 34px !important;
            min-width: 34px !important;
            padding: 0 !important;
            border-radius: 50% !important;
            background: #69be28 !important;
            color: #fff !important;
            font-size: 13px !important;
            line-height: 1 !important;
            font-weight: 700 !important;
            white-space: nowrap !important;
        }

        /* Preis wieder farbig statt schwarz */
        #jp-relatedposts .jp-relatedposts-price {
            display: inline-flex !important;
            margin-left: 10px !important;
            align-items: baseline !important;
            gap: 0 !important;
            font-size: 20px !important;
            line-height: 1.15 !important;
            font-weight: 700 !important;
            color: #cc0000 !important;
            white-space: nowrap !important;
        }

        #jp-relatedposts .jp-relatedposts-price:only-child {
            margin-left: 0 !important;
        }

        #jp-relatedposts .jp-relatedposts-price *,
        #jp-relatedposts .jp-relatedposts-price .amount,
        #jp-relatedposts .jp-relatedposts-price .woocommerce-Price-amount,
        #jp-relatedposts .jp-relatedposts-price .woocommerce-Price-currencySymbol {
            color: #cc0000 !important;
            font-weight: 700 !important;
            text-decoration: none !important;
            white-space: nowrap !important;
            display: inline !important;
            float: none !important;
            line-height: 1.15 !important;
        }

        #jp-relatedposts .jp-relatedposts-post-date,
        #jp-relatedposts .jp-relatedposts-post-author,
        #jp-relatedposts .jp-relatedposts-post-context .post-category {
            display: none !important;
        }

        @media only screen and (max-width: 980px) {
            #jp-relatedposts .jp-relatedposts-post,
            #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post,
            #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
                width: calc(50% - 9px) !important;
            }

            #jp-relatedposts .jp-relatedposts-post img {
                height: 190px !important;
            }
        }

        @media only screen and (max-width: 640px) {
            #jp-relatedposts .jp-relatedposts-items,
            #jp-relatedposts .jp-relatedposts-items-visual {
                gap: 12px !important;
            }

            #jp-relatedposts .jp-relatedposts-post,
            #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post,
            #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
                width: calc(50% - 6px) !important;
                padding: 12px !important;
                border-radius: 8px !important;
            }

            #jp-relatedposts .jp-relatedposts-post img {
                height: 150px !important;
                margin: 0 0 8px !important;
            }

            #jp-relatedposts .jp-relatedposts-post-title {
                font-size: 14px !important;
                line-height: 1.3 !important;
            }

            #jp-relatedposts .jp-relatedposts-post-context {
                margin-top: 6px !important;
            }

            #jp-relatedposts .jp-relatedposts-price {
                font-size: 18px !important;
            }

            #jp-relatedposts .jp-relatedposts-product-score {
                width: 30px !important;
                height: 30px !important;
                min-width: 30px !important;
                font-size: 12px !important;
            }

            #jp-relatedposts .jp-relatedposts-article-date {
                font-size: 12px !important;
            }

            #jp-relatedposts .jp-relatedposts-headline,
            #jp-relatedposts h3.jp-relatedposts-headline {
                font-size: 20px !important;
            }
        }