/* Joomla 4–6 compatibility refinements for the original Artisteer layout. */
.balken img {
	margin-left: 11px !important;
}

.left .item-image img{
	margin: 0px !important;
}

/* Keep the partner logos below the right-hand information blocks. */
.art-right-logos {
    clear: both;
    margin-top: 22px;
    text-align: right;
}

.art-right-logos .art-nostyle {
    display: block;
    margin: 0 0 24px auto;
    padding: 0;
}

.art-right-logos img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

/* Joomla 4+ category-blog markup no longer uses the old .items-row wrapper.
   Re-create the configured multi-column display expected by the template. */
.blog-items.columns-2,
.blog-items.cols-2,
.blog-items[class~="columns-2"] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 22px;
    align-items: start;
}

.blog-items.columns-3,
.blog-items.cols-3,
.blog-items[class~="columns-3"] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 20px;
    row-gap: 22px;
    align-items: start;
}

.blog-items.columns-4,
.blog-items.cols-4,
.blog-items[class~="columns-4"] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 16px;
    row-gap: 22px;
    align-items: start;
}

.blog-items > .blog-item,
.blog-items > div {
    min-width: 0;
}

/* Also support Joomla layouts that expose the column count on the parent blog. */
.blog.cols-2 .blog-items:not(.items-leading),
.blog.columns-2 .blog-items:not(.items-leading) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 24px;
}

.blog.cols-3 .blog-items:not(.items-leading),
.blog.columns-3 .blog-items:not(.items-leading) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px 20px;
}

@media (max-width: 760px) {
    .blog-items.columns-2,
    .blog-items.cols-2,
    .blog-items[class~="columns-2"],
    .blog-items.columns-3,
    .blog-items.cols-3,
    .blog-items[class~="columns-3"],
    .blog-items.columns-4,
    .blog-items.cols-4,
    .blog-items[class~="columns-4"],
    .blog.cols-2 .blog-items:not(.items-leading),
    .blog.columns-2 .blog-items:not(.items-leading),
    .blog.cols-3 .blog-items:not(.items-leading),
    .blog.columns-3 .blog-items:not(.items-leading) {
        grid-template-columns: 1fr;
    }

    .art-right-logos {
        text-align: left;
    }
}

/* v5: align the partner logos with the centred right-hand module content. */
.art-right-logos {
    width: 100%;
    margin-top: 28px;
    text-align: left;
}



.art-right-logos .art-nostyle {
    display: block;
    width: 100%;
    margin: 0 auto 28px;
    padding: 0;
    text-align: center;
}

.art-right-logos .art-nostyle:last-child {
    margin-bottom: 8px;
}

.art-right-logos img {
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    vertical-align: middle;
}

/* Move the desktop main menu slightly to the right. */
@media (min-width: 761px) {
    .art-nav > ul.art-hmenu,
    .art-nav > ul.menu,
    .art-nav > div > ul.art-hmenu,
    .art-nav > div > ul.menu {
        margin-left: 16px;
    }
}

/* v6: move the complete right-hand module column farther to the right.
   Apply only on desktop so the responsive single-column layout is untouched. */
@media (min-width: 761px) {
    .art-content-layout .art-sidebar1 {
		position: relative;
        left: 70px;
		top: 10px;
    }
}

/* v7: Joomla 4–6 pagination. Artisteer's old list rules otherwise turn the
   modern pagination into a vertical list with square bullets. */
.pagination__wrapper,
nav.pagination__wrapper,
div.pagination {
    clear: both;
    width: 100%;
    margin: 16px 0 24px;
}

.pagination__wrapper .pagination,
nav.pagination__wrapper ul.pagination,
div.pagination ul.pagination,
div.pagination ul {
    display: flex !important;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: auto;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.pagination__wrapper .pagination > li,
nav.pagination__wrapper ul.pagination > li,
div.pagination ul.pagination > li,
div.pagination ul > li {
    display: block !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    text-align: center;
    white-space: nowrap;
    background: none !important;
}

.pagination__wrapper .pagination > li::before,
nav.pagination__wrapper ul.pagination > li::before,
div.pagination ul.pagination > li::before,
div.pagination ul > li::before {
    display: none !important;
    content: none !important;
}

.pagination__wrapper .page-link,
nav.pagination__wrapper .page-link,
div.pagination .page-link,
div.pagination li > a,
div.pagination li > span {
    display: inline-flex;
    min-width: 28px;
    height: 28px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border: 1px solid #c3c3c3;
    background: #f5f5f5;
    color: #555;
    line-height: 18px;
    text-decoration: none;
}

.pagination__wrapper a.page-link:hover,
nav.pagination__wrapper a.page-link:hover,
div.pagination li > a:hover {
    background: #e1e1e1;
    color: #111;
    text-decoration: none;
}

.pagination__wrapper .active .page-link,
nav.pagination__wrapper .active .page-link,
div.pagination li.active > span,
div.pagination li.active > a {
    border-color: #999;
    background: #bdbdbd;
    color: #fff;
    font-weight: bold;
}

.pagination__wrapper .disabled .page-link,
nav.pagination__wrapper .disabled .page-link,
div.pagination li.disabled > span {
    color: #aaa;
    cursor: default;
    opacity: 0.75;
}

.pagination__wrapper .counter,
div.pagination p.counter {
    display: block;
    margin: 0 !important;
    padding: 0;
    text-align: center;
}

@media (max-width: 520px) {
    .pagination__wrapper .pagination,
    nav.pagination__wrapper ul.pagination,
    div.pagination ul.pagination,
    div.pagination ul {
        gap: 2px;
    }

    .pagination__wrapper .page-link,
    nav.pagination__wrapper .page-link,
    div.pagination .page-link,
    div.pagination li > a,
    div.pagination li > span {
        min-width: 25px;
        height: 26px;
        padding: 3px 6px;
    }
}