Hello

Thank you for your kind appreciation :)

And thank you for providing the screenshot as well, let me have a look.

Hi, Danke.

I think also this time we can help you quickly and efficiently.

Use custom CSS:

.pagination {
    display: flex;
    justify-content: center;
}

After:

Please use the following code in Custom CSS section.

.pagination {
    float: none;
    margin: 0px auto;
    display: block;
    width: max-content;
}

Please go to Extensions -> Templates -> Styles, then click on Template Options. From there you can go to Custom CSS.

It will look like this:

And to add small margin between article blocks use also this line:

@media (min-width: 768px) {
.item.col-sm-6 {width: 48.5%; margin: 0 0.5%;}
}

To make Main Menu items more dark (and by the way improve accessibility) use:

.sp-megamenu-parent > li > a {
    color: #333;
    font-size: 15px;
    padding: 0 14px;
    font-weight: 600;
}

BTW

If you have few minutes please give us review on JED https://extensions.joomla.org/extension/sp-page-builder/

Wow, so many nice helpfull answers, thanks a lot!

I feel ashame to ask one more question and hope for your understanding cause I am a teacher an not an professional IT-Admin. Where do I post these CSS- lines? Sorry for that silly question!!

Hello

No problem at all :)

Please go to Extensions -> Templates -> Styles, then click on Template Options. From there you can go to Custom CSS and add the code

I cant believe how easy this works!!! Seems that I am learning CSS with your help! You are so great, thanks sooo much!

You are most welcome, we are always happy to help.

Please do let us know if there are any other queries, i am happy to provide assistance.

If there is no other issue, kindly accept the most useful answer as you want in order to close and resolve the post.

Have a nice day.