/* SPARKY DYNAMICALLY GENERATED CSS - DO NOT EDIT THIS FILE!
YOUR CHANGES WILL BE OVERWRITTEN AFTER NEXT SAVE OF TEMPLATE PARAMETERS!
You can add your custom CSS code in template options, under Custom tab or
you can edit file custom.css to add your CSS code. */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/pxiByp8kv8JHgFVrLDz8V1tvFP-KUEg.ttf);
}
    
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/pxiEyp8kv8JHgFVrFJDUc1NECPY.ttf);
}
    
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/pxiByp8kv8JHgFVrLCz7V1tvFP-KUEg.ttf);
}
    
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0C4nY1M2xLER.ttf);
}
    
* {
    box-sizing: border-box;
}

body {
    color:#444444;
    font-size:18px;
    line-height:1.7;
    font-family:'Poppins', sans-serif;
    
    font-weight:300;
    font-style:normal;
    background:var(--sparkycolor2);
}

input, textarea, button, select {
    font-family:'Poppins', sans-serif;
}

.content_sparky li, dl, dd, dt {
    line-height:1.7;
}

.sparky_container::after {
    content:'';
    display:table;
    clear:both;
}

.clr {
    clear:both;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border:none;
}

.sparky_container {
    margin:0 auto;
    padding:0;
}

.sparky_container > .sparky_cell {
    float:left;
}


/* GRID SYSTEM */

.sparkle1 {
    width: 8.3333333333333%;
}

.sparkle2 {
    width: 16.666666666667%;
}

.sparkle3 {
    width: 25%;
}

.sparkle4 {
    width: 33.333333333333%;
}

.sparkle5 {
    width: 41.666666666667%;
}

.sparkle6 {
    width: 50%;
}

.sparkle7 {
    width: 58.333333333333%;
}

.sparkle8 {
    width: 66.666666666667%;
}

.sparkle9 {
    width: 75%;
}

.sparkle10 {
    width: 83.333333333333%;
}

.sparkle11 {
    width: 91.666666666667%;
}

.sparkle12 {
    width: 100%;
}

.full .sparky_container {
    width:100%;
}

/* ROW SETTINGS */

.sparky_row1.sparky_full {
    background-color:#151515;
}

.sparky_row4.sparky_full {
    background-color:var(--sparkycolor2);
}

.sparky_row8.sparky_full {
    background-color:var(--sparkycolor1);
}

.sparky_row9.sparky_full {
    background-color:var(--sparkycolor4);
}


/* SCREEN < 768px AND < TEMPLATE WIDTH */

@media (max-width: 767px) {
    .sparky_container {
        width: 100%;
    }

    .sparky_container > [class*='sparkle'] {
        width: 100% !important;
    }

    .two [class*='sparkle'] {
        width: 50% !important;
    }

    .full .sparky_container {
        width:100%;
    }

    .full .sparky_container > .sparky_cell {
        margin: 0;
        padding: 0;
    }
}

/* SCREEN >= 768px AND < TEMPLATE WIDTH */

@media (min-width: 768px) {
    .sparky_container {
        width: 750px;
    }
}

/* SCREEN >= 992px AND < TEMPLATE WIDTH */

@media (min-width: 992px) {
    .sparky_container {
        width: 970px;
    }
}

/* SCREEN >= TEMPLATE WIDTH */

@media (min-width:1230px) {
    .sparky_container {
        width:1200px;
    }

    [class*='sparkle'] {
        margin-left: 0;
    }
}
.one .sparkle1 {
    width: 8.3333333333333% !important;
}
.one .sparkle2 {
    width: 16.666666666667% !important;
}
.one .sparkle3 {
    width: 25% !important;
}
.one .sparkle4 {
    width: 33.333333333333% !important;
}
.one .sparkle5 {
    width: 41.666666666667% !important;
}
.one .sparkle6 {
    width: 50% !important;
}
.one .sparkle7 {
    width: 58.333333333333% !important;
}
.one .sparkle8 {
    width: 66.666666666667% !important;
}
.one .sparkle9 {
    width: 75% !important;
}
.one .sparkle10 {
    width: 83.333333333333% !important;
}
.one .sparkle11 {
    width: 91.666666666667% !important;
}
.one .sparkle12 {
    width: 100% !important;
}
.fluid .sparky_container {
    width: 100%;
}
.sparky_container > .sparky_cell {
    padding:15px 15px;
}

/* FONTS AND TYPOGRAPHY */

h1, h1 a {
    padding:30px 0;
    margin:0;
    line-height:1;
    color:#151515;
    font-size:35px;
    font-family:'Poppins', sans-serif;
    
    font-weight:700;
    font-style:normal;
}

h2, h2 a {
    padding:15px 0;
    margin:0;
    line-height:1.2;
    color:#151515;
    font-size:30px;
    font-family:'Poppins', sans-serif;
    
    font-weight:400;
    font-style:normal;
}

h2.row_heading {
    padding-left:15px;
    padding-right:15px;
}

h3 {
    padding:15px 0;
    margin:0;
    color:#151515;
    font-size:24px;
    line-height:1.2;
    font-family:'Poppins', sans-serif;
    
    font-weight:400;
    font-style:normal;
}

h3.row_subheading {
    padding-left:15px;
    padding-right:15px;
}

h4 {
    padding:15px 0;
    margin:0;
    color:#151515;
    font-size:18px;
    line-height:1.2;
    font-family:'Poppins', sans-serif;
    
    font-weight:700;
    font-style:normal;
}

a {
    color:#a36e29;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
}

a:hover, a:active, a:focus {
    color:#151515;
    text-decoration:none;
}

p {
    margin: 0 0 15px;
}

button,
button.btn,
a.btn,
button.btn-primary,
p.readmore a,
a.readmore {
    display: inline-block;
    padding: 4px 12px;
    color: #333333;
    text-align: center;
    vertical-align: middle;
    background-color: #f5f5f5;
    background-image:none;
    border: 1px solid #cccccc;
    font-size:inherit;
    line-height:inherit;
    text-shadow:none;
    border-radius:0;
    box-shadow:none;
}

button:hover,
button.btn:hover,
button.btn-primary:hover,
button:active,
button.btn:active,
button.btn-primary:active,
button:focus,
button.btn:focus,
button.btn-primary:focus,
p.readmore a:hover,
p.readmore a:focus,
a.readmore:hover,
a.readmore:focus {
    color: #333333;
    text-decoration: none;
    background-color: #eeeeee;
    background-image:none;
}

p.readmore a.btn span {
    display:none;
}

/* blog layout */

.blog-items {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    clear:both;
}

.blog-items.columns-2 .blog-item {
    width:calc(50% - 15px);
    margin-inline-end: 15px;
    margin-bottom: 50px;
}

.blog-items.columns-3 .blog-item {
    width:calc(33.33% - 15px);
    margin-inline-end: 15px;
    margin-bottom: 50px;
}

.blog-items.columns-4 .blog-item {
    width:calc(25% - 15px);
    margin-inline-end: 15px;
    margin-bottom: 50px;
}

.blog-items.columns-5 .blog-item {
    width:calc(20% - 15px);
    margin-inline-end: 15px;
    margin-bottom: 50px;
}

.blog-items.columns-6 .blog-item {
    width:calc(16.66% - 15px);
    margin-inline-end: 15px;
    margin-bottom: 50px;
}

@media (max-width: 767px) {

    .blog-items.columns-2 .blog-item,
    .blog-items.columns-3 .blog-item,
    .blog-items.columns-4 .blog-item,
    .blog-items.columns-5 .blog-item,
    .blog-items.columns-6 .blog-item {
        width:100%;
        margin-inline-end: 0;
    }

}

.page-header {
    padding: 0;
    margin: 0;
    border: 0;
}

.pull-left.item-image, figure.left.item-image {
    margin-right:15px;
    float:left;
}

.pull-right.item-image, figure.right.item-image {
    margin-left:15px;
    float:right;
}

/* forms */

form {
    margin:0;
}

.form-inline {
    display:inline;
}

#login-form input {
    padding: 4px;
}

/* lists */

ul, ol {
    margin: 15px 45px;
    padding: 0;
}

div.item-page ol li, div.item-page ul li {
    margin: 0 0 10px 0;
    padding: 0;
}

div.icons ul.dropdown-menu li {
    margin: 0;
}


ul.arrow, ul.arrowleft, ul.calendar, ul.checklist, ul.clock, ul.delete, ul.email, ul.file, ul.folder, ul.heart, ul.information, ul.lock, ul.pencil, ul.play, ul.rss, ul.person, ul.shop, ul.song, ul.star, ul.star2, ul.trash, ul.tweak, ul.unlock, ul.warn {
    margin: 15px 45px;
    padding: 0;
}

ul.arrow li, ul.arrowleft li, ul.calendar li, ul.checklist li, ul.clock li, ul.delete li, ul.email li, ul.file li, ul.folder li, ul.heart li, ul.information li, ul.lock li, ul.pencil li, ul.play li, ul.rss li, ul.person li, ul.shop li, ul.song li, ul.star li, ul.star2 li, ul.trash li, ul.tweak li, ul.unlock li, ul.warn li {
    list-style: none;
    padding: 0 15px;
}

ul.arrow li:before, ul.arrowleft li:before, ul.calendar li:before, ul.checklist li:before, ul.clock li:before, ul.delete li:before, ul.email li:before, ul.file li:before, ul.folder li:before, ul.heart li:before, ul.information li:before, ul.lock li:before, ul.pencil li:before, ul.play li:before, ul.rss li:before, ul.person li:before, ul.shop li:before, ul.song li:before, ul.star li:before, ul.star2 li:before, ul.trash li:before, ul.tweak li:before, ul.unlock li:before, ul.warn li:before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    padding: 0;
    margin: 0 -30px;
    position: absolute;
}

ul.arrow li:before {
    content: '\f061';
}

ul.arrowleft li:before {
    content: '\f060';
} 

ul.calendar li:before {
    content: '\f073';
}

ul.checklist li:before {
    content: '\f00c';
}

ul.clock li:before {
    content: '\f017';
}

ul.delete li:before {
    content: '\f00d';
}

ul.email li:before {
    content: '\f0e0';
}

ul.file li:before {
    content: '\f15b';
}

ul.folder li:before {
    content: '\f07b';
}

ul.heart li:before {
    content: '\f004';
}

ul.information li:before {
    content: '\f05a';
}

ul.lock li:before {
    content: '\f023';
}

ul.pencil li:before {
    content: '\f303';
}

ul.person li:before {
    content: '\f007';
}

ul.play li:before {
    content: '\f04b';
}

ul.rss li:before {
    content: '\f09e';
}

ul.shop li:before {
    content: '\f07a';
}

ul.song li:before {
    content: '\f001';
}

ul.star li:before {
    content: '\f005';
}

ul.star2 li:before {
    content: '\f006';
}

ul.trash li:before {
    content: '\f2ed';
}

ul.tweak li:before {
    content: '\f0ad';
}

ul.unlock li:before {
    content: '\f09c';
}

ul.warn li:before {
    content: '\f071';
}

/* font awesome icon sizes */

.fa-1 {
    font-size: 1em;
}

.fa-2 {
    font-size: 2em;
}

.fa-3 {
    font-size: 4em;
}

.fa-4 {
    font-size: 7em;
}

.fa-5 {
    font-size: 12em;
}

.fa-6 {
    font-size: 16em;
}

.fontawesome-icon-list {
    font-size: 10px;
}

.fontawesome-icon-list i {
    font-size: 16px;
}

.warning, .info, .error {
    padding:15px 30px;
    min-height: 50px;
}

.warning {
    color:#000;
    border: 1px solid #ffcc00;
    background:#ffff66;
}

.info {
    color:#006699;
    border: 1px solid #006699;
    background:#bde1ff;
}

.error {
    color:#900;
    border: 1px solid #900;
    background:#f8b5b5;
}

.alert-heading .warning, .alert-heading .info, .alert-heading .error {
    border: 0;
    background: transparent;
    padding:15px 0;
}

.warning:before, .info:before, .error:before {
    font-family: 'Font Awesome 6 Free';
    font-size: 32px;
    font-weight: 900;
    line-height:1;
    margin: 0 30px 0 0;
    float: left;
}

.alert-heading .warning:before, .alert-heading .info:before, .alert-heading .error:before {
    float: none;
}

.warning:before {
    content: '\f071';
    color: #ffcc00;
}

.info:before {
    content: '\f05a';
    color:#006699;
}

.error:before {
    content: '\f057';
    color:#900;
}

.outline {
    background: transparent;
}

.warning.outline {
    color: #d5aa00;
}

.typewriter {
    background: url('../images/typewriter_bg.png');
    padding:20px 15px 20px 30px;
    color:#000;
    font-family:'Courier New', Courier, monospace;
    line-height:20px;
}

.quote {
    margin-left: auto;
    margin-right: auto;
    padding: 15px 15px 15px 15px;
    font-size: 24px;
    font-style: normal;
    line-height: 1.4;
    text-align: center;
    max-width: 600px;
}

.dropcap:first-letter {
    font-size: 300%;
    font-weight:bold;
    float:left;
    margin:0 10px 5px 0;
    line-height: 1;
}

.p_number:first-letter {
    display:block;
    float:left;
    font-family: monospace;
    font-size: 400%;
    line-height:1;
    font-weight:bold;
    text-align: center;
    margin:0 15px 15px 0;
    padding:5px 15px;
    position: relative;
    color: #fff;
    background: #ccc;
}

.inset_left {
    display:block;
    float:left;
    width: 150px;
    font-style: italic;
    margin: 15px 15px 15px 0;
}

.inset_right {
    display:block;
    float:right;
    width: 150px;
    font-style: italic;
    margin: 15px 0 15px 15px;
}

.inset_title {
    font-weight:bold;
    display:block;
}

img.img_left {
    float:left;
    margin:0 30px 30px 0;
}

img.img_right {
    float:right;
    margin:0 0 30px 30px;
}

blockquote {
    border-left: 3px solid #ccc;
    font-family: Georgia, serif;
    font-style: italic;
    margin: 15px;
    padding: 15px;
}

legend {
    display: block;
    padding: 15px;
    margin-bottom: 5px;
    background:#f5f5f5;
    border: 0;
    font-size:inherit;
    line-height:inherit;
}

code {
    display: block;
    padding: 1em;
    color:inherit;
    border:0;
}


.quote:before {
    display: block;
    text-align: center;
    font-family: 'Font Awesome 6 Free';
    content: '\f10d';
    font-size: 1.5em;
    font-style: normal;
    font-weight: 900;
    color: #ccc;
    float: none;
    margin-bottom: 15px;
}

.fontawesome-icon-list div {
    width: 25%;
    float: left;
    padding: 5px 0;
}

.fontawesome-icon-list i {
    width: 30px;
    color: #333;
}

@media(min-width:600px) {
    .two-cols {
        -moz-column-count:2;
        -webkit-column-count:2;
        column-count:2;
        -moz-column-gap:3em;
        -webkit-column-gap:3em;
        column-gap:3em;
    }

    .three-cols {
        -moz-column-count:3;
        -webkit-column-count:3;
        column-count:3;
        -moz-column-gap:3em;
        -webkit-column-gap:3em;
        column-gap:3em;
    }

    .four-cols {
        -moz-column-count:4;
        -webkit-column-count:4;
        column-count:4;
        -moz-column-gap:3em;
        -webkit-column-gap:3em;
        column-gap:3em;
    }

    .five-cols {
        -moz-column-count:5;
        -webkit-column-count:5;
        column-count:5;
        -moz-column-gap:2em;
        -webkit-column-gap:2em;
        column-gap:2em;
    }

    .six-cols {
        -moz-column-count:6;
        -webkit-column-count:6;
        column-count:6;
        -moz-column-gap:2em;
        -webkit-column-gap:2em;
        column-gap:2em;
    }
}

.abovecontent {
    padding: 0 0 30px 0;
}

.belowcontent {
    padding: 30px 0 0 0;
}


/* LOGO */

.sparky_logo {
    color:#000000;
    font-size:32px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-style:normal;
    
    text-decoration:none;
}
.sparky_slogan {
    color:#000000;
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-style:normal;
    
    text-decoration:none;
}

.sparky_logo_link {
    display:block;
}


/* STANDARD MENU */

ul.mnu_footermenu {
    display:block;
    margin:0;
    padding:0;
    text-align:right;
}

ul.mnu_footermenu ul {
    margin:10px;
    padding:0;
}

.mnu_footermenu li {
    display:block;
}

.mnu_footermenu > li {
    display:inline-block;
}

nav ul.mnu_footermenu > li {
    margin-bottom:0px;
    padding:0px 15px;
    font-size:16px;
    font-weight:300;
    font-style:normal;
    text-align:right;
}

.mnu_footermenu > li > a {
    color:#151515;
    font-family:'Poppins', sans-serif;
    font-weight:300;
    font-style:normal;
}

.mnu_footermenu > li > a:hover {
    color:var(--sparkycolor4);
}

.mnu_footermenu > li li {
    margin:0;
    padding:0;
    font-size:11px;
    line-height:15px;
    font-weight:300;
    font-style:normal;
    text-align:right;
}

.mnu_footermenu > li li a {
    color:#151515;
    font-family:'Poppins', sans-serif;
    font-weight:300;
    font-style:normal;
    text-align:right;
}

.mnu_footermenu > li li a:hover {
    color:var(--sparkycolor4);   
}


/* DROP-DOWN MENU */

ul.mnu_mainmenu {
    display:block;
    margin:0;
    padding:0;
    list-style-type:none;
    list-style-position:outside;
    position:absolute;
    z-index:100;
    white-space:nowrap;
    position:relative;
    font-family:'Poppins', sans-serif;
}

.mnu_mainmenu ul {
    margin:0;
    list-style-type:none;
    list-style-position:outside;
    text-align:initial;
    position:absolute;
    z-index:100;
    background:var(--sparkycolor2);
    width:250px;
    border:1px solid var(--sparkycolor1);
    padding:10px;
}

.mnu_mainmenu > li > a, .mnu_mainmenu > li > span {
    display:block;
    margin:0;
    text-decoration:none;
    color:#151515;
    font-size:16px;
    padding:0 15px;
    font-weight:700;
    font-style:normal;
    height:60px;
    line-height:60px;
    cursor:pointer;
}

.mnu_mainmenu  > li.active > a, .mnu_mainmenu > li.active > span {
    color:#151515;
    cursor:pointer;
}

.mnu_mainmenu > li > a:hover, .mnu_mainmenu > li:hover > a, .mnu_mainmenu > li > a:hover, .mnu_mainmenu > li:hover > span {
    color:#151515;
}

.mnu_mainmenu > li {
    display:inline-block;
    position:relative;
    margin:0;
    padding:0;
    border-right:0px solid ;
    border-bottom:0px solid ;
    border-top:0px solid ;
}

.mnu_mainmenu > li.active {
}

.mnu_mainmenu > li:first-child {
    border-left:0px solid ;
}

.mnu_mainmenu li:hover {
    position:relative;
    background:var(--sparkycolor2);
}

.mnu_mainmenu li ul li:hover {
    background-color:var(--sparkycolor2);
}

.mnu_mainmenu li ul li {
    height:35px;
    border-bottom:1px solid var(--sparkycolor1);
    padding:0 5px;
    margin: 0;
    
}

.mnu_mainmenu li ul a, .mnu_mainmenu li ul span {
    display: block;
    line-height:35px;
    font-size:14px;
    color:#333333;
    font-weight:300;
    font-family:'Poppins', sans-serif;
    font-style:normal;
    padding-top:0;
    cursor:pointer;
}

.mnu_mainmenu li ul li:hover > a, .mnu_mainmenu li ul li:hover > span {
    color:var(--sparkycolor1);
}

.mnu_mainmenu li ul ul {
    left: calc(250px - 10px);
    margin-top:-10px;
}

.mnu_mainmenu ul ul {
    top:0px;
}

.mnu_mainmenu .sub {
    font-size:10px;
    line-height:normal;
    display:block;
}

.mnu_mainmenu > li > ul {
    display: none;
}


/* STANDARD MENU */
ul.mnu_bottommenu1 , ul.mnu_bottommenu2  {
    display:block;
    margin:0;
    padding:0;
}
ul.mnu_bottommenu1 ul, ul.mnu_bottommenu2 ul {
    margin:10px;
    padding:0;
}
.mnu_bottommenu1 li, .mnu_bottommenu2 li {
    display:block;
}
.mnu_bottommenu1 > li, .mnu_bottommenu2 > li {
    margin-bottom:15px;
    padding:0px 0px;
    font-size:16px;
    font-weight:300;
    font-style:normal;
}
.mnu_bottommenu1 > li > a, .mnu_bottommenu2 > li > a {
    color:var(--sparkycolor4);
    font-family:'Poppins', sans-serif;
    font-weight:300;
    font-style:normal;
}
.mnu_bottommenu1 > li > a:hover, .mnu_bottommenu2 > li > a:hover {
    color:#151515;
}
.mnu_bottommenu1 > li li, .mnu_bottommenu2 > li li {
    margin:0;
    padding:0;
    font-size:13px;
    line-height:15px;
    font-weight:300;
    font-style:normal;
}
.mnu_bottommenu1 > li li a, .mnu_bottommenu2 > li li a {
    color:var(--sparkycolor4);
    font-family:'Poppins', sans-serif;
    font-weight:300;
    font-style:normal;
}
.mnu_bottommenu1 > li li a:hover, .mnu_bottommenu2 > li li a:hover {
    color:#151515;   
}

/* SCROLL TO TOP */

#back-top {
    position: fixed;
    top: 5px;
    right: 25px;
}

#back-top span {
    width: 60px;
    height: 60px;
    display: block;
    margin-bottom: 7px;
    background: url('../images/arrow_up.png') no-repeat center center;
    background-size: contain;
    cursor: pointer;
    transition: 1s;
}

/* IMAGE ANIMATION */

.img-with-animation {
    opacity: 0;
    position: relative;
}

.img-with-animation[data-animation='grow-in'] {
    opacity: 0;
    transform: scale(0.4);
    transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25);}

.img-with-animation[data-animation='fade-in-from-left'] {
    left: -40px;
}

.img-with-animation[data-animation='fade-in-from-right'] {
    right: -40px;
}

.img-with-animation[data-animation='fade-in-from-bottom'] {
    bottom: -100px;
}

.element-invisible {
    display:none !important;
}

/* forms */

.input-group {
    margin-bottom:15px;
}

.has-danger input {
    border-color:red;
}

.form-control-feedback {
    color:red;
    padding: 0 15px;
}

.control-group {
    margin-bottom:15px;
}

.input-prepend .add-on,
.input-prepend .btn,
a.jmodedit {
    box-sizing: content-box;
}

.nav-tabs.nav-stacked {
    margin:0;
}

a.modal.btn, a.btn.hasTooltip, a.btn.modal-button {
    font-size:13px;
}

.input-password-toggle .icon-eye::before {
    content: '\f06e';
}

.input-password-toggle .icon-eye-slash::before {
    content: '\f070';
}

.btn .icon-edit::before {
    content: '\f044';
}

/* front-end edit */

a.jmodedit.btn {
    position: relative;
    z-index: 9999;
    padding: 15px;
    margin: 0;
    line-height: 1;
    color: #fff;
    background: #333;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-decoration: none;
}

a.jmodedit.btn > span.icon-edit {
    color: #fff
}

a.jmodedit.btn:hover {
    padding: 15px;
    margin: 0;
    line-height: 1;
    color: #fff;
    background: #000;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-decoration: none;
}

.moduletable [role='tooltip'] {
    color: #333;
    background: #fff;
    font-weight: 400;
    line-height: 1.5;
}

form#modules-form {
    background: #fff;
    color: #333;
    padding: 15px;
}

form#modules-form legend {
    color: #fff;
    background: #333;
    border: 0;
    padding: 15px;
    margin-bottom: 15px;
    font-size: 18px;
}

[aria-describedby^='editarticle'] {
    padding: 15px;
    margin: 0;
    line-height: 1;
    color: #fff;
    background: #333;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-decoration: none;
    position: absolute;
    z-index: 9999;
    left: 15px;
}

[aria-describedby^='editarticle']:hover {
    color: #fff;
    background: #333;
}

[aria-describedby^='editarticle'] [role='tooltip'] {
    color: #333;
    background: #fff;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 15px;
    margin-left: -15px;
}

.edit.item-page button span {
    margin:0 5px;
}

#jform_publish_up_img, #jform_publish_down_img {
    padding:7px 12px 6px;
}

#jformposition_chzn ul.chzn-results li:nth-child(1),
#jformposition_chzn ul.chzn-results li:nth-child(2),
#jformposition_chzn ul.chzn-results li:nth-child(3) {
    display:none;
} 

/* article info */

dl.article-info {
    display:inline-block;
    width:auto;
    margin:0 0 10px;
    padding:4px 3px 3px;
    font-size:13px;
}

dl.article-info dt.article-info-term {
    display:none;
}

dl.article-info dd {
    display:inline-block;
    padding:0 5px;
    margin:0;
    border-right:1px solid #ccc;
}

dl.article-info dd:first-of-type {
    padding:0 5px 0 0;
}

dl.article-info dd:last-child {
    border:0;
}

/* print/email drop-down */

.items-leading .icons,
.items-row .icons {
    float:right;
    width:15%;
}

.dropdown-menu li a span {
    padding:0 10px;
    background-image:none !important;
}

.dropdown-menu li a span:before {
    margin-left:-10px;
}

/* pagination */

.icon-angle-left:before {
    content: '\f104';
}

.icon-angle-double-left:before {
    content: '\f100';
}

.icon-angle-right:before {
    content: '\f105';
}

.icon-angle-double-right:before {
    content: '\f101';
}

/* pager */

.pager li > a, .pager li > span {
    background: transparent;
    border: 1px solid #121212;
    border-radius: 0;
    color: #121212;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 25px;
    text-transform: uppercase;
}

/* tags */

ul.tags.list-inline, .mod-tagspopular ul {
    margin:0;
    padding:15px 0;
    list-style:none;
}

ul.tags.list-inline li, .mod-tagspopular ul li {
    display:inline-block;
    border:1px solid #ccc;
    padding:0;
    border-radius:4px;
    line-height:13px;
}

ul.tags.list-inline li:hover, .mod-tagspopular ul li:hover {
    background:#f5f5f5;
}

ul.tags.list-inline li a.btn, .mod-tagspopular ul li a {
    display:inline-block;
    background:none;
    border:none;
    text-shadow:none;
    color:#999;
    padding:5px;
    margin:0;
    font-size:13px;
    line-height:13px;
}

ul.tags.list-inline li a.btn:hover, .mod-tagspopular ul li a:hover {
    color:#666 !important;
}

/* rating */

.content_rating {
    display: inline-block;
    margin-inline-end: 15px;
}

.content_vote {
    display: inline-block;
    margin-bottom: 15px;
}

.content_rating ul {
    margin: 0 0 15px;
}

.content_vote select {
    display: inline-block;
    height: 30px;
}

.content_vote input.btn {
    height: 30px;
    line-height: 30px;
    padding-top: 0;
    padding-bottom: 0;
}

/* blog */

.items-more ol.nav {
    margin:0;
}

.items-more ol.nav li a {
    border:0;
    padding:5px 0;
}

.items-more ol.nav li a:hover,
.items-more ol.nav li a:focus {
    background:none;
}

/* category */

ul.category {
    margin:0;
    padding:0;
    list-style:none;
}

ul.category li {
    padding:10px 0;
}

ul.category li .list-title {
    font-size:18px;
}

/* contact form */


/* search form */

ol.com-finder__results-list,
ol.com-finder__results-list ul.result__taxonomy {
    margin: 0;
}

.com-finder__explained {
    padding-bottom: 30px;
}

/* user */

.registration legend,
.profile-edit legend {
    border:0;
    font-size:18px;
}

ul.mod-login__options {
    margin-left:0;
    margin-right:0;
}

/* breadcrumbs */

ol.mod-breadcrumbs {
    margin: 0;
}

/* faq */

.accordion-header {
    padding: 0;
}


/* Custom user code */

/* Bildergalerie auf Smartphones ausblenden */
@media (max-width: 575px) {
    body.sparky_home .gallery_row {
        display: none !important;
    }
}
.newsinfo {
    font-size: 16px;
  	font-weight: 400;
}
.mnu_mainmenu > li > a, .mnu_mainmenu > li > span {
	font-weight: 400;
}

.mnu_mainmenu li ul a, .mnu_mainmenu li ul span {
  	font-weight: 400;
}
hr {
  background-color: #666666;  
  border: medium none;
  height: 1px;
}
h1 {
  padding: 10px 0;
}
b, strong {
    font-weight: bold;
}
a {
      font-weight: bold;
}
.pagination {
  --bs-pagination-color: #c7a17a;
  --bs-pagination-active-border-color: #c7a17a;
  --bs-pagination-hover-color: #000000;
  --bs-pagination-active-bg: #000000;
  --bs-pagination-focus-color: #eec48d;
  --bs-pagination-focus-box-shadow: 0 0 0 .25rem #eec48d;
}
@media (max-width: 767px) {
.pagination {
display: flex;
flex-wrap: wrap;
row-gap: 10px;
}
}
body.gdpr-backdrop-effect {
  filter:blur(5px)}
}
/* logonewrow */
.logonewrow > .sparky_container > .sparky_cell {
    padding-top: 0;
    padding-bottom: 0;
}
.logonewrow .sparky_page_container > .sparky_cell {
    padding-top: 0px;
    padding-bottom: 0px;
}
.logonewrow p {
    margin-bottom: 0;
}
@media (max-width: 767px) {
nav ul.mnu_footermenu > li {
  margin-bottom: 25px;}
}
.mnu_footermenu > li > a:hover {
    color:var(--sparkycolor1);
}
.moduleborder {
  border:3px solid #c7a17a;
  padding: 10px;
  border-radius: 25px;
  margin-bottom: 40px;
  background-color: #ffffff;
}
.moduleheadercenter {
  text-align: center;
}
.bestseller_products {
  text-align: center;
}
.jshop h1 {
  text-align: center;
}
input.quantity-plus{
  padding-left: 10px;
}
input.quantity-minus{
  padding-left: 10px;
}
span.prod_attr_img img {
  height: auto;
  width: auto;
  max-width: 300px;
}
.prod_base_price{
  font-size: 12px;
}
.base_price{
  font-size: 12px;
}
.alert-message{
  text-align: center;
  margin-bottom: 20px;
  font-weight: bold;
}
.productview .button_back {
        width: 200px;
}
.jshop input[type="radio"]{
  width:20px;
}
.anmerkungsstern{
  float:left;
}
div.jshop_prod_attributes select {
    width: 300px;
}
.products_with_old_price {
   text-align: center;
}
div.table_btns_paypal {
opacity: 1 !important;
}
#PlgPriceInkl {
  color: #666666;  
  font-size: 11px;
}
.widerruf-klasse {
    color: #7C0A02!important;
}
.widerruf-klasse:hover {
    color: #000000!important;
}
.hu-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.68);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 99990;
  padding: 20px;
}
.hu-popup-overlay.hu-popup-visible {
  display: flex;
}
.hu-popup {
  position: relative;
  width: min(920px, 96vw);
  max-height: 90vh;
  overflow: auto;
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.35);
  padding: 28px 24px 24px;
}
.hu-popup-close {
  position: absolute;
  top: 10px;
  right: 14px;
  border: 0;
  background: transparent;
  font-size: 34px;
  line-height: 1;
  cursor: pointer;
  color: #555;
}
.hu-popup-close:hover {
  color: #111;
}
.hu-popup-content {
  display: flex;
  gap: 26px;
  align-items: center;
}
.hu-popup-image-wrap {
  flex: 0 0 42%;
  text-align: center;
}
.hu-popup-image {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.hu-popup-text {
  flex: 1 1 auto;
}
.hu-popup-text h3 {
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 1.7rem;
  line-height: 1.2;
}
.hu-popup-text p {
  margin: 0 0 12px;
  font-size: 1.05rem;
  line-height: 1.5;
}
.hu-popup-meta {
  font-weight: 600;
  color: #4d4d4d;
}
.hu-popup-button {
  display: inline-block;
  margin-top: 8px;
  background: #d4a017;
  color: #fff;
  text-decoration: none;
  padding: 12px 22px;
  border-radius: 999px;
  font-weight: 700;
}
.hu-popup-button:hover {
  text-decoration: none;
  opacity: 0.92;
}
@media (max-width: 780px) {
  .hu-popup {
    padding: 22px 18px 20px;
  }

  .hu-popup-content {
    flex-direction: column;
    gap: 18px;
    text-align: center;
  }

  .hu-popup-image-wrap {
    flex: 0 0 auto;
    max-width: 280px;
    margin: 0 auto;
  }

  .hu-popup-text h3 {
    font-size: 1.35rem;
  }

  .hu-popup-text p {
    font-size: 1rem;
  }
}
.hu-popup-overlay {  position: fixed;  inset: 0;  background: rgba(0, 0, 0, 0.68);  display: none;  align-items: center;  justify-content: center;  z-index: 99990;  padding: 20px;}.hu-popup-overlay.hu-popup-visible {  display: flex;}.hu-popup {  position: relative;  width: min(920px, 96vw);  max-height: 90vh;  overflow: auto;  background: #ffffff;  border-radius: 18px;  box-shadow: 0 20px 60px rgba(0,0,0,0.35);  padding: 28px 24px 24px;}.hu-popup-close {  position: absolute;  top: 10px;  right: 14px;  border: 0;  background: transparent;  font-size: 34px;  line-height: 1;  cursor: pointer;  color: #555;}.hu-popup-close:hover {  color: #111;}.hu-popup-content {  display: flex;  gap: 26px;  align-items: center;}.hu-popup-image-wrap {  flex: 0 0 42%;  text-align: center;}.hu-popup-image {  max-width: 100%;  height: auto;  display: block;  margin: 0 auto;}.hu-popup-text {  flex: 1 1 auto;}.hu-popup-text h3 {  margin-top: 0;  margin-bottom: 14px;  font-size: 1.7rem;  line-height: 1.2;}.hu-popup-text p {  margin: 0 0 12px;  font-size: 1.05rem;  line-height: 1.5;}.hu-popup-meta {  font-weight: 600;  color: #4d4d4d;}.hu-popup-button {  display: inline-block;  margin-top: 8px;  background: #d4a017;  color: #fff;  text-decoration: none;  padding: 12px 22px;  border-radius: 999px;  font-weight: 700;}.hu-popup-button:hover {  text-decoration: none;  opacity: 0.92;}@media (max-width: 780px) {  .hu-popup {    padding: 22px 18px 20px;  }  .hu-popup-content {    flex-direction: column;    gap: 18px;    text-align: center;  }  .hu-popup-image-wrap {    flex: 0 0 auto;    max-width: 280px;    margin: 0 auto;  }  .hu-popup-text h3 {    font-size: 1.35rem;  }  .hu-popup-text p {    font-size: 1rem;  }}
@media (max-width: 780px) {  .hu-popup {    padding: 20px 16px 18px;    max-height: calc(100vh - 20px);    max-height: calc(100dvh - 20px);    overflow-y: auto;  }  .hu-popup-content {    flex-direction: column;    gap: 10px;    text-align: center;  }  .hu-popup-image-wrap {    flex: 0 0 auto;    max-width: 55vw;    margin: 0 auto;  }  .hu-popup-image {    width: auto;    max-width: 100%;    max-height: 30vh;    max-height: 30dvh;    object-fit: contain;  }  .hu-popup-text h3 {    font-size: 1.3rem;    line-height: 1.2;    margin-bottom: 8px;  }  .hu-popup-text p {    font-size: 0.95rem;    line-height: 1.35;    margin-bottom: 8px;  }  .hu-popup-button {    margin-top: 4px;    padding: 11px 20px;  }}
img.portrait-responsive {
    max-width: 100% !important;
    height: auto !important;
}
/* Statisches Startseitenbanner */
.bluetengold-banner {
    display: none;
}
@media (min-width: 576px) {
    .bluetengold-banner {
        display: block;
        position: relative;
        width: 100%;
        aspect-ratio: 2050 / 546;
        background-image: url('/images/slides/slide-1.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }
    .bluetengold-banner-text {
        position: absolute;
        left: 5%;
        bottom: 12%;
        padding: 10px 20px;
        background: rgba(0, 0, 0, 0.55);
        color: #fff;
    }
    .bluetengold-banner-text h2 {
        margin: 0;
        color: #fff;
        font-size: clamp(16px, 2vw, 30px);
        font-weight: 400;
    }
}
/* Abstände des statischen Startseitenbanners entfernen */
.sparky_row4 .sparky_cell,
.sparky_row4 .sparky_custom_html {
    margin-top: 0;
    padding-top: 0;
}

.bg-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

/* Startseitenbanner auf Smartphones vollständig ausblenden */
@media (max-width: 575px) {
    #row_74476466 {
        display: none !important;
    }
}
/* Shop-Menüpunkt Desktop und Mobil */
a.shop-highlight,
.shop-highlight > a {
    font-weight: 700 !important;
}
/* Shop im mobilen Menü hervorheben */
.mobilemenuck-item .item-294 > a.shop-highlight > .mobilemenuck-item-text {
    color: #3D7A35 !important; 
}
.warning.outline {
    color: #000000 !important; 
}
/*Quantity Controls anfang*/

/* JoomShopping – Mengensteuerung */

.prod_buttons .prod_qty_input {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

/* Einzelne Buttons frei anordnen */
.prod_buttons #quantityControls {
    display: contents;
}

/* Reihenfolge: Minus – Menge – Plus */
.prod_buttons .quantity-minus {
    order: 1;
}

.prod_buttons #quantity {
    order: 2;
}

.prod_buttons .quantity-plus {
    order: 3;
}

/* Gemeinsame Gestaltung */
.prod_buttons .prod_qty_input #quantity,
.prod_buttons .prod_qty_input .quantity-plus,
.prod_buttons .prod_qty_input .quantity-minus {
    box-sizing: border-box;
    flex: 0 0 42px;
    width: 42px;
    height: 46px;
    margin: 0;
    padding: 0;
    border: 1px solid #cbd3dc;
    border-radius: 4px;
    background: #fff;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    box-shadow: none;
}

/* Plus- und Minus-Buttons */
.prod_buttons .quantity-plus,
.prod_buttons .quantity-minus {
    cursor: pointer;
}

.prod_buttons .quantity-plus:hover,
.prod_buttons .quantity-minus:hover {
    background: #f4f4f4;
    border-color: #999;
}

/* Native Zahlenpfeile ausblenden */
.prod_buttons #quantity {
    appearance: textfield;
    -moz-appearance: textfield;
}

.prod_buttons #quantity::-webkit-inner-spin-button,
.prod_buttons #quantity::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.prod_buttons .prod_qty {
    display: none;
}

/* Einheitliche Abmessungen der Mengensteuerung */
.prod_buttons .prod_qty_input #quantity,
.prod_buttons .prod_qty_input .quantity-plus,
.prod_buttons .prod_qty_input .quantity-minus {
    box-sizing: border-box !important;
    display: block;
    width: 42px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: normal !important;
}

/* Desktop: Mengensteuerung und Warenkorb-Button
   vertikal mittig ausrichten */

@media (min-width: 768px) {

    .prod_buttons {
        display: flex;
        align-items: center;
        column-gap: 12px;
    }

    .prod_buttons .prod_qty_input {
        display: inline-flex;
        align-items: center;
        align-self: center;
        margin-top: 0;
        margin-bottom: 0;
    }

    .prod_buttons .buttons.product-buttons {
        display: flex;
        align-items: center;
        align-self: center;
        margin: 0;
    }

    .prod_buttons .btn-buy {
        margin-top: 0;
        margin-bottom: 0;
    }
}
/*Quantity controls ende */

/* Überflüssige Abstände unter dem Attribut-Dropdown entfernen */
.jshop_prod_attributes #block_attr_sel_2 br,
.jshop_prod_attributes #block_attr_sel_2 .prod_attr_img {
    display: none;
}

/* Produkttitel rechts neben dem Produktbild */
@media (min-width: 992px) {

    /* Zweispaltige Produktansicht */
    #comjshop form.productfull {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
        column-gap: 24px;
        align-items: start;
    }

    /* Bestehenden Row-Container für Grid öffnen */
    #comjshop form.productfull > .row.jshop {
        display: contents;
    }

    /* Produkttitel rechts oben */
    #comjshop form.productfull > h1 {
        grid-column: 2;
        grid-row: 1;
        text-align: left;
        margin: 0 0 16px 0;
    }

    /* Produktbilder links */
    #comjshop form.productfull > .row.jshop > .col-lg-4 {
        grid-column: 1;
        grid-row: 1 / span 2;
        width: 100%;
        max-width: 100%;
        padding: 0;
        min-width: 0;
    }

    /* Produktinformationen rechts unter dem Titel */
    #comjshop form.productfull > .row.jshop > .jshop_oiproduct {
        grid-column: 2;
        grid-row: 2;
        width: 100%;
        max-width: 100%;
        padding: 0;
        min-width: 0;
    }

    /* Produktbeschreibung wieder über volle Breite */
    #comjshop form.productfull > .jshop_prod_description {
        grid-column: 1 / -1;
        grid-row: 3;
        margin-top: 30px;
    }
}

/* Desktop: Grid-Zeilen unabhängig von der Bildhöhe */

@media (min-width: 992px) {
    #comjshop .jshop_oiproduct > br:first-child,
    #comjshop .jshop_oiproduct > .old_price + br {
        display: none;
    }
}
@media (min-width: 992px) {

    #comjshop form.productfull {
        grid-template-rows:
            minmax(0px, max-content)
            auto
            auto;
        align-content: start;
        row-gap: 0;
    }

    #comjshop form.productfull > h1 {
        margin: 0 0 12px 0;
        align-self: start;
    }
}
/* Produkttitel rechts neben dem Produktbild ENDE */

/* Abstand zwischen Produktbereich und Beschreibung */


@media (min-width: 992px) {
    #comjshop form.productfull {
        grid-template-rows:
            minmax(0px, max-content)
            minmax(0, 1fr)
            max-content;
        align-content: start;
        row-gap: 0;
    }

    #comjshop form.productfull > .jshop_prod_description {
        margin-top: 0 !important;
        padding-top: 0;
    }
}

/* Produktbeschreibung: Desktop und Mobil */
#comjshop form.productfull > .jshop_prod_description {
    margin-top: 0 !important;
    padding-top: 0;
}

/* Layoutverschiebung beim Öffnen von Lightboxen vermeiden */
html {
    scrollbar-gutter: stable;
}

/* JoomShopping – Mengensteuerung im Warenkorb */

/* Plus und Minus grundsätzlich nebeneinander */
td.quantity .quantityControls {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 5px;
    vertical-align: middle;
}

/* Quadratische Schaltflächen */
td.quantity .quantityControls input {
    box-sizing: border-box;
    display: block;
    flex: 0 0 38px;
    width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #cbd3dc;
    border-radius: 4px;
    background: #fff;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    box-shadow: none;
    cursor: pointer;
}

/* Reihenfolge Minus – Plus */
td.quantity .quantity-minus {
    order: 1;
}

td.quantity .quantity-plus {
    order: 2;
}

/* Hover-Effekt */
td.quantity .quantityControls input:hover {
    background: #f4f4f4;
    border-color: #999;
}

/* Mobile Darstellung */
@media (max-width: 991px) {

    td.quantity .data {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 5px;
    }

    /* Beschriftung in eigener Zeile belassen */
    td.quantity .mobile-cart-inline {
        flex-basis: 100%;
    }

    /* Einzelbuttons frei anordnen */
    td.quantity .quantityControls {
        display: contents;
    }

    /* Reihenfolge: Minus – Menge – Plus */
    td.quantity .quantity-minus {
        order: 1;
    }

    td.quantity .data > input[type="number"] {
        order: 2;
        box-sizing: border-box;
        flex: 0 0 42px;
        width: 42px !important;
        height: 46px !important;
        min-height: 46px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid #cbd3dc;
        border-radius: 4px;
        text-align: center;
        appearance: textfield;
        -moz-appearance: textfield;
    }

    td.quantity .quantity-plus {
        order: 3;
    }

    /* Buttons wie in der Produktansicht */
    td.quantity .quantityControls input {
        flex-basis: 42px;
        width: 42px !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
    }

    /* Warenkorb-Aktualisierung */
    td.quantity .cart_reload {
        order: 4;
        margin-left: 8px;
    }

    /* Native Zahlenpfeile entfernen */      
          td.quantity input[type="number"]::-webkit-inner-spin-button,
td.quantity input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
          
    }
}
/* Warenkorb – Zahl im Mengenfeld zentrieren */
td.quantity .data > input[type="number"] {
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    appearance: textfield;
    -moz-appearance: textfield;
}

/* Warenkorb – native Zahlenregler entfernen */
td.quantity .data > input[type="number"] {
    appearance: textfield !important;
    -webkit-appearance: textfield !important;
    -moz-appearance: textfield !important;
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Chrome, Edge und Safari */
td.quantity input[type="number"]::-webkit-inner-spin-button,
td.quantity input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    display: none !important;
    margin: 0 !important;
}

/* Warenkorb – Mengensteuerung Desktop */
@media (min-width: 992px) {

    /* Zahlenfeld auf die Breite der Buttons anpassen */
    td.quantity .data > input[type="number"] {
        box-sizing: border-box;
        width: 81px !important;
        min-width: 81px !important;
        max-width: 81px !important;
        text-align: center !important;
    }

    /* Abstand zwischen Zahlenfeld und Buttons */
    td.quantity .quantityControls {
        margin-top: 6px;
        width: 81px;
        gap: 5px;
    }
}

/* Warenkorb – Mengensteuerung mobil zentrieren */
@media (max-width: 991px) {

    #comjshop td.quantity .data {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center !important;
        align-items: center;
        column-gap: 5px;
        row-gap: 8px;
        position: relative;
        width: 100%;
    }

    /* Beschriftung in eigener Zeile */
    #comjshop td.quantity .mobile-cart-inline {
        display: block;
        flex: 0 0 100%;
        order: 0;
    }

    /* Plus und Minus als einzelne Flexelemente */
    #comjshop td.quantity .quantityControls {
        display: contents !important;
    }

    /* Reihenfolge: Minus – Zahl – Plus */
    #comjshop td.quantity .quantity-minus {
        order: 1;
    }

    #comjshop td.quantity .data > input[type="number"] {
        order: 2;
    }

    #comjshop td.quantity .quantity-plus {
        order: 3;
    }

    /* Einheitliche Feldabmessungen */
    #comjshop td.quantity .quantity-minus,
    #comjshop td.quantity .quantity-plus,
    #comjshop td.quantity .data > input[type="number"] {
        box-sizing: border-box;
        flex: 0 0 42px !important;
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Aktualisierungssymbol separat positionieren */
    #comjshop td.quantity .cart_reload {
        position: absolute;
        right: 0;
        top: 0;
        margin: 0 !important;
    }
}

/* Warenkorb – Navigationsbuttons mobil */
@media (max-width: 767px) {

    #comjshop #checkout {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
    }

    #comjshop #checkout .pull-left,
    #comjshop #checkout .pull-right {
        flex: 0 1 auto;
        width: auto;
        min-width: 0;
    }

    #comjshop #checkout .btn {
        display: inline-block;
        width: auto !important;
        max-width: 100%;
        padding: 10px 12px;
        white-space: nowrap;
        box-sizing: border-box;
    }
}

/* Warenkorb – Steuerbetrag vertikal zentrieren */
#comjshop tr.tax td.value {
    vertical-align: middle !important;
}
 /* JoomShopping: responsive Produktbilder, maximal 400px */
#list_product_image_middle img.image {
    width: 100%;
    max-width: 400px;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}