.artikel {
    /* Ensuring proper spacing within the container */
    display: block;
}

/* Global spacing for all elements inside .artikel */
.artikel * + * {
    margin-top: 12px;
}

/* Paragraph spacing */
.artikel p {
    margin: 12px 0 15px;
}

/* List styling */
.artikel ul, 
.artikel ol {
    padding-left: 20px; /* Indentation */
}

.artikel ul {
    list-style-type: disc; /* Bullet points */
}

.artikel ol {
    list-style-type: decimal; /* Numbered list */
}

.artikel ul li, 
.artikel ol li {
    margin-bottom: 14px;
}

/* Heading spacing */
.artikel h1, 
.artikel h2 {
    margin-bottom: 10px;
}

.artikel h3, 
.artikel h4 {
    margin-bottom: 12px;
}

.artikel h5, 
.artikel h6 {
    margin-bottom: 14px;
}

/* Responsive Adjustments */
@media (max-width: 768px) { /* Tablet and smaller */
    .artikel p {
        margin: 10px 0 12px;
    }

    .artikel ul, 
    .artikel ol {
        padding-left: 16px;
    }

    .artikel ul li, 
    .artikel ol li {
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) { /* Mobile */
    .artikel * + * {
        margin-top: 10px;
    }

    .artikel p {
        margin: 8px 0 10px;
    }

    .artikel ul, 
    .artikel ol {
        padding-left: 12px;
    }

    .artikel ul li, 
    .artikel ol li {
        margin-bottom: 8px;
    }
}