/* Generell styling */
    .news-section {
        padding: 40px 0;
        background-color: #f9f9f9;
    }

    .news-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr); /* Tre kolonner */
        gap: 20px; /* Mellomrom mellom kolonnene */
    }

    .single-news {
        background-color: #fff;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease;
    }

    .single-news:hover {
        transform: translateY(-10px); /* Liten animasjon ved hover */
    }

    .news-head img {
        width: 100%;
        height: auto;
    }

    .news-body {
        padding: 15px;
    }

    .news-content .date {
        font-size: 14px;
        color: #666;
        margin-bottom: 10px;
    }

    .news-content h2 {
        font-size: 18px;
        margin: 0 0 10px;
    }

    .news-content h2 a {
        color: #333;
        text-decoration: none;
    }

    .news-content h2 a:hover {
        text-decoration: underline;
    }

    .news-content .text {
        font-size: 14px;
        color: #555;
        line-height: 1.6;
    }

    @media (max-width: 992px) {
        .news-grid {
            grid-template-columns: repeat(2, 1fr); /* To kolonner p책 mindre skjermer */
        }
    }

    @media (max-width: 768px) {
        .news-grid {
            grid-template-columns: 1fr; /* En kolonne p책 meget sm책 skjermer */
        }
    }