.container{
	max-width: 1600px;
}
.container.cont_small {
	max-width: 1240px;
}
h3, h2.start{
    text-align: center;
}
.h2small{
    font-size: 20px;
}
h2 a{
    color: #2a2c3c;
    text-decoration: none;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 24px;
}
h2 a:hover {
    color: #2a2c3c;
    text-decoration: none;
}
.top{
    background: #2a2c3c;
    padding-top: 6px;
    padding-bottom: 6px;
    color: #FC5A34;
    font-size: 16px;
}
#mobile-menu {
    display: none;
}
.top .ista a {
    color: #FC5A34;
    font-size: 18px
}
.top a{
    color: #fff;
    text-decoration: none;
    font-size: 18px
}
.top .d-flex > div{
    padding-right: 40px;
    font-size: 18px
}
.top .d-flex > div.ista {
    padding-right: 0;
}
.top .d-flex .shipping_info{
    flex-grow: 1;
    padding-left: 40px;
    background-image: url(/images/ico/ishipping.png);
    background-repeat: no-repeat;
    background-position: left 5px top 7px;
    font-size: 18px;
}

.top_menu{
    background: #eee;
    padding: 10px 0;
    font-family: 'Archivo Narrow', sans-serif;
    position: relative;
    z-index: 2;
}
span.separator {
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 18px;
    color: #000;
    padding-top: 10px;
    padding-bottom: 10px;
}
.top_menu a{
    color: #000;
    font-size: 18px;
    text-decoration: none;
}
footer .moduletable {
    position: relative;
}
.top_menu li span.arrow, footer .moduletable span.arrow-footer {
    background-image: url(/images/ico/arrow-down.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    right: -15px;
    width: 11px;
    height: 7px;
    cursor: pointer;
}
.top_menu .nav>li.active>span.arrow {
    background-image: url(/images/ico/orange-arrow.png);
}
.top_menu li ul li span.arrow, footer .moduletable span.arrow-footer {
    display: none;
}
ul.nav{
    margin-left: 0px;
}
.nav>li{
    position: relative;
    margin-right: 50px;
}
.nav li a{
    padding-top: 10px;
    padding-bottom: 10px;
}
.nav>li.active>a {
    color: #FC5A34;
}
/*.nav ul{
    display: none;
}*/
.shopmenu .nav{
    display: block;
}
.shopmenu .nav a{
    color: #000;
    padding-top: 2px;
    padding-bottom: 2px;
}
.header-inner{
    margin-top: 20px;
}
.header-inner .info{
    flex-grow: 1;
    min-height: 540px;
    padding: 25px 40px 20px 40px;
    background-image: url(../../../images/home/willkommen.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.header-inner .info .text{
    max-width: 525px;
    font-size: 18px;
}
.header-inner .info .text .about {
    max-width: 445px;
    line-height: 1.4;
}
.header-inner .marken{
    min-width: 350px;
    width: 300px;
    text-align: center;
    border:1px solid #eee;
    padding: 30px 20px 20px;
    margin-left: 25px;
}
.header-inner .marken > div{
    padding-top: 10px;
    padding-bottom: 11px;
}
.header-inner h1{
    line-height: 125%;
    margin-bottom: 30px;
    font-size: 48px;
}
.ship_de > div{
    flex-grow: 1;
}
.toplogo{
    padding: 8px 0px 12px;
}
.toplogo .d-flex{
    align-items: center;
    position: relative;
}
.toplogo .logo1 {
    font-size: 60px;
    flex-grow: 1;
}
.toplogo .logo1 a{
    text-decoration: none;
    font-family: 'Archivo Narrow', sans-serif;
    color: #2a2c3c;
    font-weight: 500;
    display: block;
    line-height: 1;
}
.toplogo .logo1 a span {
    color: #FC5A34;
}
.toplogo .search{
    display: flex;
    align-items: center;
}
.toplogo .link-login{
    padding-right: 20px;
}
.mod_search{
    margin-bottom: 0px;
    margin-right: 25px;
}
.mod_search .inputbox{
    height: 45px;
    width: 480px;
    margin-bottom: 0px;
    border:1px solid #cdcccc;
    border-right: none;
    padding-left: 20px;    
}
.mod_search .inputbox::placeholder {
    color: #404045;
}
.mod_search .button{
    height: 45px;
    width: 45px;
    background-color: #FC5A34;
    background-image: url(/images/ico/isearch.png);
    background-repeat: no-repeat;
    background-position: center center;
    border: none;
}
.copyright{
    color: #fff;
    background-color: #4B4C53;
    padding: 10px 0px;
}
.copyright .copy {
    color: #cbc3c1;
    font-weight: 300;
}
.home_top_info{
    margin-top: 30px;
    margin-bottom: 60px;    
}
.home_top_info .item{
    padding-top: 40px;
    height: 160px;
    background-color: #eee;    
}
.home_top_info .item .d-flex > div:first-child{
    flex-grow: 4;
    text-align: right;
    padding-right: 20px;
}
.home_top_info .item .d-flex > div:last-child{
    flex-grow: 12;
}
.home_top_info b{
    font-size:18px;
    display: inline-block;
    margin-bottom: 5px;
}
.home_top_info .img-1 {
    padding-top: 12px;
}
.home_top_info .img-2 {
    padding-top: 9px;
}
.home_top_info .img-3 {
    padding-top: 6px;
}
.home_top_info .img-4 {
    padding-top: 7px;
}

h3.sonder-module {
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 30px;
}
#ttangbox{
    border: 1px solid #cdcccc;
    text-align: center;
}
#ttangbox h2{
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 24px;
    margin-top: 25px;
    margin-bottom: 0px;
}
#ttangbox h3{
    font-size: 18px;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 0px;
}
#ttangbox .img{
    background: #f9f9f9;
    padding: 20px;
    height: 236px;
}
#ttangbox .img img{
    width: 100%;
}
#ttangbox .zub{
    color: #6A6B72;
    margin-top: 5px;
}
#ttangbox ul{
    list-style: none;
    margin: 0 0 0 0;
}
#ttangbox ul>li {
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 500;
}
#ttangbox .preisangst{    
    margin-top: 10px;
    background: #CDCCCC;
    padding: 7px 10px 3px;  
}
#ttangbox .preisangst>div:first-child {
    line-height: 1;
    font-size: 28px;
    color: #000;
    font-family: 'Archivo Narrow', sans-serif;
    font-style: italic;
    font-weight: 700;
    text-shadow: 0.05em 0.05em 0px white, -0.05em -0.05em 0px white, -0.05em 0.05em 0px white, 0.05em -0.05em 0px white;
}
#ttangbox .preisangst>div:last-child {
    font-size: 12px;
    color: #8f8f8f;
}
#ttangbox .btn{
    font-family: 'Archivo Narrow', sans-serif;
    width: 100%;
    font-weight: 500;
    font-size: 18px;
}
.link-to-shop {
    text-align: right;
    margin-top: 20px;
}
.link-to-shop a {
    color: #fc5a34;
    font-size: 18px;
}

.mainbottom{
    margin-bottom: 40px;
}
.mainbottom .head{
    font-size: 17px;
    margin-top: 30px;
    margin-bottom: 15px;
    color: #000;
}
.footer{
    background-color: #CBC3C1;
    padding-top: 50px;
    padding-bottom: 45px;
    margin-top: 50px;
}
.footer .blocks > div:nth-child(1) {
    width: 30%;
}
.footer .blocks > div:nth-child(2) {
    width: 20%;
}
.footer .blocks > div:nth-child(3) {
    width: 20%;
}
.footer .blocks > div:nth-child(4) {
    width: 20%;
}
.footer .blocks > div:nth-child(5) {
    width: 10%;
}
.footer h3{
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 20px;
    text-align: left;
    color: #2a2c3c;
    margin-top: 30px;
}
.footer .logo{
    font-size: 60px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #FC5A34;
    font-family: 'Archivo Narrow', sans-serif;
}
.footer .logo span {
    color: #2a2c3c;
}
.footer .tel{
    font-size: 24px;
}
.footer .tel span{
    color: #FC5A34;
}
.footer .nav{
    display: block;
}
.footer .nav a{
    color: #2a2c3c;
    text-decoration: none;
    display: block;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 18px;
    font-weight: 300;
}
.home-cats .img{
    width: 42%;
}
.home-cats .img .cats1{
    margin-bottom: 20px;
}
.home-cats .cats{
    width: 58%;
    display: flex;
    flex-wrap: wrap;
}
.home-cats .cats > div{
    width: 50%;
    padding-left: 30px;
    font-size: 16px;
}
.home-cats .cats h2{
    margin-top: 0px;
}
.home-cats .cats p{
    margin-bottom: 15px;
}
h2.marken-head {
    font-size: 20px;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 30px;
}
.itemid-2329 h2.start{
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 36px;
    font-weight: 600;
    margin-top: 60px;
    margin-bottom: 40px;
}
.itemid-2329 div.catItemView{
    margin-bottom: 20px;
}

/* drop down */
.top_menu ul {
    position: relative;
}
.top_menu li ul {
    position:absolute;
    width:240px;
    display: none;
    left: auto;
    top: 29px;
    background-color: #fff;
    box-shadow: 1px 1px 5px 1px rgba(0, 0,0, 0.15);
    margin: 0px;
    border-top: 6px solid #FC5A34;
    font-family: 'Roboto', sans-serif;
}
.top_menu li ul li a {
    display: block;
    font-weight: 300;
    font-size: 16px;
    padding: 10px 20px;
}
.top_menu li ul li a:hover {
    background-color: #f8ebe8;
}
.top_menu li:hover > ul{
    display: block;    
}
.top_menu li li{
    position: relative;    
    margin: 0px;
}
.top_menu li li ul{    
    left: 240px;
    top: 0px;
    display: none;
    padding: 0px;
}
.top_menu li > li:hover > ul{
    display: block;    
}
.catItemIntroText .btn {
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
}
h3.blog-mod-head {
    font-family: 'Archivo Narrow', sans-serif;
    font-weight: 600;
    font-size: 36px;
    margin-bottom: 30px;
}
.bottom-blog {
    padding-bottom: 10px;
}


/* cart-page */
.cart-page {
    padding: 20px 0;
}
.your_cart_mob {
    display: none;
}

.menu-burger::before {
    content: "\f0c9";
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome;
    font-weight: 900;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
}


h2.h2_info {
    color: #fff;
    background-color: #FC5A34;
    font-weight: 300;
    font-size: 24px;
    padding: 5px 15px;
}
h2.rt-article-title {
    font-size: 24px;
} 
div.catItemHeader h3.catItemTitle, div.itemListSubCategories h3 {
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 30px;
}
.catItemIntroText .sym_title {
    color: #fff;
    font-family: 'Archivo Narrow', sans-serif;
    background-color: #FC5A34;
    font-weight: 300;
    font-size: 18px;
    padding: 5px 15px;
    text-align: center;
}
.avPlayerBlockDisabled {
    padding: 20px 0;
}
.cat-galery+ul {
    display: flex;
}
.componentheading {
    font-size: 36px;
    font-family: 'Archivo Narrow', sans-serif;
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 20px;
}

div.catItemExtraFields ul li, div.itemExtraFields ul li {
    display: flex;
}
div.catItemExtraFields ul li span.catItemExtraFieldsLabel {
    min-width: 180px;
}
.jb_euro {
    display: inline-flex!important;
}


@media (max-width:1400px) {
    .home_top_info .item .fs-24 {
        font-size: 22px;
    }
    .home_top_info .item .mt-5p {
        font-size: 16px;
    } 
    .cat-galery+ul {
        flex-wrap: wrap;
    }
    .maintop6 .col-2 {
        flex: 0 0 33.33%;
        max-width: 33.33%;
        margin-bottom: 30px;
    }
    #ttangbox .img {
        height: 400px;
    }
}

@media (max-width:1300px) {
	.header-inner .info{		
		background-position: left center;		
		background-size: auto;
	}
}

@media (max-width:1200px) {
    .mod_search .inputbox {
        width: 280px;
    }
    .home_top_info .col-lg-3 {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 30px;
    }
}


@media (max-width:991px) {
    .footer .blocks {
        flex-wrap: wrap;
    }
    .footer .blocks > div:nth-child(1), .footer .blocks > div:nth-child(5) {
        width: 50%;
    }
    .footer .blocks > div:nth-child(2), .footer .blocks > div:nth-child(3), .footer .blocks > div:nth-child(4) {
        width: 33.33%;
    }
    .header-inner .d-flex {
        flex-wrap: wrap;
    }
    .header-inner .marken {
        /* display: none; */
        margin-left: 0;
        margin-top: 30px;
        max-width: 100%;
        width: 100%;
    }
    .mob-marken {
        display: flex;
        align-items: center;
    }
    .mob-marken>div {
        margin-left: 30px;
    }
    .mob-marken>div:first-child {
        margin-left: 0;
    }
    .top {
        display: none;
    }
    .toplogo {
        padding-top: 15px;
        padding-bottom: 80px;
    }
    .toplogo .search {
        position: absolute;
        bottom: -65px;
        width: 100%;
    }
    .mod_search {
        width: 100%;
        margin-right: 0;
    }
    .ts-logo {
        display: none;
    }

    .toplogo .logo1 {
        padding-left: 50px;
    }
    #mobile-menu {
        display: block;
        padding-left: 0;
        width: 25px;
        height: 25px;
        border: none;
        background-color: inherit;
		outline: 0px;
    }
    .top_menu {
        position: absolute;
        top: 26px;
        background-color: #fff;
    }
    .top_menu ul.nav {
        display: none;
        position: absolute;
        width: 100vw;
        left: 0;
        top: 55px;
        padding: 15px 0;
        background-color: #fff;
        box-shadow: 1px 2px 3px 1px rgba(0, 0,0, 0.15);
    }
    .top_menu .nav>li>a, span.separator {
        display: block;
        padding-left: 15px;
    }
    .top_menu .nav>li {
        margin-right: 0;
    }
    .top_menu li ul {
        position: relative;
        width: 100vw;
        top: auto;
        border-top: none;
    }
    .top_menu li:hover > ul{
        display: none;    
    }
    .top_menu li span.arrow {
        width: 40px;
        height: 38px;
        background-position: center center;
        top: 0;
        right: 0;
    }
    .top_menu li ul li.parent span.arrow {
        display: inline-block;
    }
    .top_menu li span.arrow.turn {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
    .top_menu li ul {
        box-shadow: none;
    }
    .top_menu li>ul>li>a {
        padding: 10px 25px;
    }
    .top_menu li li ul {
        left: 0;
    }
    .top_menu li>ul>li>ul>li>a {
        padding-left: 35px;
    }
    .top_menu li>ul>li>ul>li>ul>li>a {
        padding-left: 45px;
    }

    div.catItemView {
        padding: 0;
		margin-left:0px;
		margin-right: 0px;
    }
    .d-flex.home-cats, .bottom-blog .mainbottom {
        flex-wrap: wrap;
    }
    .home-cats .img, .home-cats .cats {
        width: 100%;
    }
    .itemid-2329 h2.start {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .home-cats .img {
        display: none;
    }
    .home-cats .cats > div {
        padding-left: 0;
        margin-top: 20px;
        padding-right: 5px;
    }
    .bottom-blog .mainbottom .col-4 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }
    #ttangbox .img {
        height: 300px;
    }
    .componentheading {
        font-size: 30px;       
    }
    div.catItemHeader h3.catItemTitle, div.itemListSubCategories h3 {
        font-size: 24px;
    }

    .bottom-blog {
        padding-bottom: 0px;
    }
}



@media (max-width: 767px) {

    .maintop6 .col-2 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }
    #ttangbox .img {
        height: auto;
    }
    .header-inner {
        margin-top: 0;
    }
    .header-inner .info {
        min-height: auto;
        padding: 20px 15px 40px 15px;
    }
    .header-inner h1 {
        margin-bottom: 20px;
        font-size: 30px;
    }
    .header-inner .info .text {
        font-size: 16px;
    }
    .footer .nav a {
        font-size: 16px;
    }
    h1.h1_info, h1.rt-article-title {
        font-size: 30px;
    }
}

@media (max-width: 600px) {
    .home_top_info .col-lg-3 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }
    .toplogo .logo1 {
        font-size: 40px;
        flex-grow: 1;
    }
    .top_menu {
        top: 16px;
    }
    .toplogo .search {
        width: 100%;
        padding-right: 0;
    }
    .mod_search .inputbox {
        width: 100%;
    }
    .header-inner .info {
        background-color: #eee;
        background-image: none;
    }
    .home_top_info .item {
        padding-top: 28px;
        height: 130px;
    }
    h3.sonder-module, .itemid-2329 h2.start, h3.blog-mod-head {
        font-size: 30px;
    }
    .home-cats .cats > div {
        width: 100%;
        padding-right: 0;
    }
    #k2Container {
        padding: 0 0 0 0;
    }
    .mainbottom {
        margin-bottom: 0;
    }
    .your_cart_mob {
        display: block;
    }
    .your_cart_mob a {
        display: block;
        background-image: url(/images/ico/cart.png);
        width: 41px;
        height: 33px;
    }
    .cartajax_adv_module .main_block {
        background-image: none!important;
        padding-left: 0!important;
    }
    .cartajax_adv_module .cartajax-module-checkout, .cartajax_adv_module .cartajax-module-count, .your_cart {
        display: none;
    }
    
    .footer {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .footer .logo {
        font-size: 40px;
    }
    .footer .tel {
        font-size: 18px;
    }
    .footer h3 {
        margin-top: 12px;
    }
    .footer .blocks > div {
        width: 100%!important;
    }
    .footer ul.nav {
        display: none;
    }
    footer .moduletable span.arrow-footer {
        display: block;
        width: 40px;
        height: 38px;
        background-position: center center;
        top: 0;
        right: 0;
    }
    footer .moduletable span.arrow-footer.turn {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
    .footer .blocks > div:nth-child(5) span.arrow-footer {
        display: none;
    }
    .mob-img-inline {
        display: flex;
        align-items: center;
    }
    .mob-img-inline>p {
        margin-top: 0;
        margin-right: 20px;
    }
}


@media (max-width: 480px) {
    .header-inner .marken {
        min-width: auto;
    }
   .mob-marken {
       flex-direction: column;
   }
   .mob-marken>div {
       margin-top: 30px;
       margin-left: 0;
   }
   h2.marken-head {
       margin-bottom: 0;
   }
   ul.sigFreeClassic li.sigFreeThumb, ul.sigFreeClassic li.sigFreeThumb a {
       width: 100%;
   }
}
/* Image gallery (static HTML, replaces the Simple Image Gallery plugin markup) */
ul.sigFreeClassic {margin:8px auto;padding:8px 0;list-style:none;clear:both;overflow:hidden;}
ul.sigFreeClassic li.sigFreeThumb {float:left;margin:0 1px 1px 0;padding:0;list-style:none;background:#fff;}
ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink {display:block;background:#000;position:relative;}
ul.sigFreeClassic li.sigFreeThumb img.sigFreeImg {display:block;width:100%;height:auto;margin:0;border:0;}
ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink:hover img.sigFreeImg {opacity:.7;}
ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink:hover::after {position:absolute;top:50%;left:50%;margin:-24px 0 0 -24px;display:block;content:"";width:48px;height:48px;background:transparent url(../images/magnify_48x48_24.png) no-repeat;}

/* Video download block (static HTML, replaces the AllVideos plugin markup) */
.avPlayerWrapper {display:block;margin:30px auto;padding:0;clear:both;}
.avPlayerWrapper .avPlayerBlock {display:block;padding:0;margin:0;line-height:normal;text-align:center;}
a.avDeprecated, a.avDeprecated:link {display:block;background:#eee;padding:20px;text-align:center;font-weight:bold;font-size:16px;color:#999;text-decoration:none;}
a.avDeprecated:hover {background:#ddd;color:#666;text-decoration:none;}

/* JoomShopping 5 product list: sort / count / filter form (selects get "form-control" from JoomShopping) */
form#sort_count {margin:0 0 18px;font-size:14px;line-height:21px;}
form#sort_count .block_sorting_count_to_page {padding:30px 0 0;}
form#sort_count .box_products_sorting,
form#sort_count .box_products_count_to_page {display:inline;font-size:16px;line-height:24px;}
form#sort_count .box_products_sorting {margin:0 60px 0 0;}
form#sort_count .box_products_sorting img {display:inline;vertical-align:middle;cursor:pointer;}
form#sort_count select.inputbox {display:inline-block;width:auto;min-width:0;max-width:100%;height:30px;margin:0;padding:2px 8px;font-size:16px;line-height:24px;color:#000;background:#fff none;border:1px solid #868686;border-radius:0;box-shadow:none;appearance:auto;-webkit-appearance:menulist;}
form#sort_count #order {width:142px;}
form#sort_count .margin_filter {height:8px;}
form#sort_count .filters {font-size:14px;line-height:21px;}
form#sort_count .filters .box_manufacrurer {padding:0 5px 0 0;}
form#sort_count .filters select.inputbox {width:136px;height:21px;padding:0;font-size:14px;line-height:normal;border-color:#cdcccc;}
form#sort_count .filters input.inputbox {display:inline-block;width:68px;height:21px;padding:1px 2px;font-size:14px;border:1px solid #cdcccc;border-radius:0;}
form#sort_count .filters input.button {height:21px;padding:1px 6px;font-size:14px;line-height:normal;color:#000;background:#fff;border:1px solid #cdcccc;border-radius:0;}
form#sort_count .filters .clear_filter a {font-size:10px;line-height:15px;color:#fc5a34;text-decoration:underline;}

/* Pagination (Joomla 4 layout): numbers only, like the old site */
.jshop_pagination {text-align:center;}
.jshop_pagination .pagination__wrapper {display:inline-block;}
.jshop_pagination ul.pagination {display:inline-flex;margin:0 0 1rem !important;padding:0;border:0;border-radius:0;box-shadow:none;}
.jshop_pagination ul.pagination > li:first-child,
.jshop_pagination ul.pagination > li:last-child,
.jshop_pagination ul.pagination > li.disabled {display:none;}
.jshop_pagination ul.pagination > li > .page-link {float:none;display:block;padding:4px 8px;font-family:'Archivo Narrow',sans-serif;font-size:24px;line-height:18px;color:#909090;background:#fff;border:0;border-radius:0;box-shadow:none;text-decoration:none;}
.jshop_pagination ul.pagination > li.active > .page-link,
.jshop_pagination ul.pagination > li > .page-link:hover,
.jshop_pagination ul.pagination > li > .page-link:focus {color:#fc5a34;background:#fff;}
.jshop_pagination .page-link .icon-angle-left::before {content:"\00AB";font-family:inherit;}
.jshop_pagination .page-link .icon-angle-right::before {content:"\00BB";font-family:inherit;}

/* Bootstrap 5 modals (Joomla 4+ bootstrap.renderModal: cartajax, ask_question).
   template.css still has the Bootstrap 2 rules (.fade visible only with .in, div.modal as an 80% box at top:-25%) */
.fade.show {opacity:1;}
div.modal.joomla-modal {top:0;left:0;right:auto;width:100%;height:100%;margin:0;background:none;border:0;border-radius:0;box-shadow:none;}
div.modal.joomla-modal.fade {top:0;transition:opacity .15s linear;}
div.modal.joomla-modal .modal-body {width:auto;max-height:none;padding:1rem;}
.modal-backdrop.show {opacity:.5;}
.btn-close {box-sizing:content-box;width:1em;height:1em;padding:.25em;margin:0 0 0 auto;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.25rem;opacity:.5;cursor:pointer;}
.btn-close:hover,.btn-close:focus {opacity:.75;}
.cart_popup_item .attr_act .name {width:auto;min-width:100px;flex-shrink:0;padding-right:10px;}
.cart_popup_item .info, .cart_popup_item .attr_act .d-flex > div:last-child {min-width:0;overflow-wrap:break-word;}
.icon-2x {font-size:2em;} /* was in Font Awesome 3 of plugin jbtype (mobile menu button) */
.extra_checkbox label {display:inline;margin:0;} /* addon_extra_checkbox: text next to the checkbox */