/* STUDIO LISTING ENHANCER 0.2.4 */

.studio-load-more-wrap {
    display: flex;
    justify-content: center;
    margin: 22px 0 30px 0;
}

.studio-load-more-btn {
    min-width: 240px;
    min-height: 42px;
    padding: 10px 22px;
    border: 1px solid #B0001B;
    background: #B0001B;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}

.studio-load-more-btn:hover,
.studio-load-more-btn:focus {
    background: #8f0016;
    border-color: #8f0016;
    color: #fff;
}

.studio-load-more-btn[disabled] {
    opacity: 0.65;
    cursor: default;
}

.studio-load-more-btn.is-loading,
.studio-load-more-btn.is-loading[disabled] {
    cursor: wait;
}

.studio-load-more-btn.is-finished,
.studio-load-more-btn.is-finished[disabled] {
    cursor: default;
}

.studio-load-more-status {
    margin-left: 12px;
    align-self: center;
    color: #69727d;
    font-size: 13px;
}


/* STUDIO LISTING ENHANCER 0.2.5 TOP PAGINATION HIDE
   Obere Pagination ausblenden, untere Pagination als SEO-/Fallback-Navigation erhalten. */
body.is-ctl-navigation .cms-element-product-listing .listing-pagination:not(.listing-pagination-bottom) {
    display: none !important;
}

/* Falls ThemeWare/BelVG die obere Pagination in einem eigenen Wrapper rendert */
body.is-ctl-navigation .cms-element-product-listing > .pagination-nav:not(.listing-pagination-bottom),
body.is-ctl-navigation .cms-element-product-listing > nav[aria-label*="pagination"]:not(.listing-pagination-bottom),
body.is-ctl-navigation .cms-element-product-listing > nav[aria-label*="Pagination"]:not(.listing-pagination-bottom) {
    display: none !important;
}

/* Untere Pagination explizit sichtbar und bedienbar lassen */
body.is-ctl-navigation .listing-pagination-bottom {
    display: block !important;
    pointer-events: auto !important;
}


/* STUDIO LISTING ENHANCER 0.2.6 CATEGORY TITLE FIX
   Kategorieueberschrift auf Listingseiten deutlich ruhiger/kleiner setzen.
   Liegt im Plugin-CSS, damit es spaeter als ThemeWare/BelVG-Regeln greift. */
body.is-ctl-navigation .cms-block.category-name-block,
body.is-ctl-navigation .category-name-block,
body.is-ctl-navigation .cms-block-category-name,
body.is-ctl-navigation .cms-block-category-name-block {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body.is-ctl-navigation .cms-block.category-name-block h1,
body.is-ctl-navigation .category-name-block h1,
body.is-ctl-navigation .cms-block-category-name h1,
body.is-ctl-navigation .cms-block-category-name-block h1,
body.is-ctl-navigation .cms-element-category-name,
body.is-ctl-navigation .cms-element-category-name h1,
body.is-ctl-navigation .cms-element-text h1,
body.is-ctl-navigation main h1 {
    font-size: 28px !important;
    line-height: 1.18 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-weight: 700 !important;
}

/* Auf sehr grossen Monitoren nicht wieder riesig werden lassen */
@media (min-width: 1200px) {
    body.is-ctl-navigation .cms-block.category-name-block h1,
    body.is-ctl-navigation .category-name-block h1,
    body.is-ctl-navigation .cms-block-category-name h1,
    body.is-ctl-navigation .cms-block-category-name-block h1,
    body.is-ctl-navigation .cms-element-category-name,
    body.is-ctl-navigation .cms-element-category-name h1,
    body.is-ctl-navigation .cms-element-text h1,
    body.is-ctl-navigation main h1 {
        font-size: 28px !important;
    }
}


/* STUDIO LISTING ENHANCER 0.2.7 REAL CATEGORY TITLE FIX
   Die sichtbare Kategorieueberschrift ist kein h1, sondern:
   .category-name-block .cms-element-text
*/
body.is-ctl-navigation .cms-block.category-name-block {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body.is-ctl-navigation .cms-block.category-name-block .cms-block-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body.is-ctl-navigation .cms-block.category-name-block .cms-block-container-row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.is-ctl-navigation .cms-block.category-name-block .cms-element-text {
    font-size: 28px !important;
    line-height: 1.18 !important;
    font-weight: 700 !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    color: #0C0102 !important;
}

/* Falls spaeter doch h1/strong/p innerhalb dieses Blocks auftauchen */
body.is-ctl-navigation .cms-block.category-name-block .cms-element-text h1,
body.is-ctl-navigation .cms-block.category-name-block .cms-element-text p,
body.is-ctl-navigation .cms-block.category-name-block .cms-element-text strong {
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
}