/* Colors */
:root {
    --white: #fff;
    --gray: #DDDDDD;
    --bg: #cc0033;
    --body-color: #313131;
    --link-color: #bc3726;
    --link-hover: #7c2419;
    --form-border: #ccc;
    --form-focus: #66afe9;
    --form-shadow-blue: rgba(102, 175, 233, 0.6);
    --form-shadow-black: rgba(0,0,0,.075);
    --primary-bg-hover: #9a2d1f;
    --hr-border: #dfdfdf;
    --menu-link-color: #777777;
    --menu-link-hover-bg: #e9e9e9;
    --cat-hover: #dadada;
    --btn-bg: #1f7e9a;
    --btn-border: #1b6d85;
    --green: #1C871E;
    --foot-note: #9a9a9a;
    --tab-link: #606060;
}



/* General */
body {
    color: var(--body-color);
    font-family: Lucida, Helvetica, Arial, sans-serif;
    font-size: 13px;
}
a {
    color: var(--link-color);
    text-decoration: none;
    transition: none;
}
a:focus, a:hover {
	color: var(--link-hover);
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .product-matrix .product-matrix-title, .h3, .sidepanel-left .box-normal .box-normal-link,.productlist-filter-headline, .h4, .h5, .h6 {
	font-family: Lucida, Helvetica, Arial, sans-serif;
	color: var(--body-color);
}
h1,h2,.h2 {
    font-size: 20px; 
}
.form-control {
    border: 1px solid var(--form-border);
}
.form-control:focus {
    border-color: var(--form-border);
}
.btn-primary {
    border-color: var(--link-color);
    color: var(--white);
    background-color: var(--link-color);
}
.btn-primary:hover, .btn-primary:focus {
    background-color: var(--primary-bg-hover);
    color: var(--white);
    border-color: var(--link-color);
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .show > .btn-primary:not(.navbar-toggler)[data-toggle="collapse"] {
    background-color: var(--link-hover);
    color: var(--white);
    border-color: var(--link-color);
}
.btn-outline-primary {
    color: var(--link-color);
    background-color: var(--white);
    border-color: var(--link-color);
}
.btn-outline-primary:hover, .btn-outline-primary:focus  {
    border-color: var(--link-color);
    color: var(--white);
    background-color: var(--link-color);
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle, .show > .btn-outline-primary:not(.navbar-toggler)[data-toggle="collapse"]{
    border-color: var(--link-color);
    color: var(--white);
    background-color: var(--link-color);
}
hr {
	border-color: var(--hr-border);
}


/* Header */
header {
    box-shadow: none;
}
.is-checkout header, .is-checkout .navbar {
	height: auto;
}
header a:hover:not(.dropdown-item):not(.btn){
    color: var(--link-color);
}
header .search-wrapper .btn-secondary, header .search-wrapper .btn-secondary:hover, header .search-wrapper .btn-secondary:not(:disabled):not(.disabled):active,
header .search-wrapper  .btn-secondary:focus, header .search-wrapper  .btn-secondary.focus {
	background-color: var(--form-border);
	border-color: var(--form-border);
    color: var(--link-color);
}
header  .fa-sup {
    background-color: var(--body-color);
    color: var(--white);
}
header .navbar-nav > .nav-item > .nav-link::before {
    content:none;
}
@media (min-width: 992px) {
    #jtl-nav-wrapper .first-wrapper {
        background: url("imgs/koi_header.png") no-repeat 50% 0 var(--white);
        padding-right: 0;
        padding-left: 0;
        height: 185px;
    }
    header .navbar-brand img {
        height: 136px;
    }
    header .top-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #search {
        width: 100%;
        display: flex;
        justify-content: end;
    }
    #shop-nav {
        justify-content: end;
    }
    #jtl-nav-wrapper .second-wrapper {
        background: url("imgs/koi_header_navi.png") no-repeat scroll 50% 0 var(--gray);
        border-top: none;
        height: auto;
    }
    header .navbar-nav > .nav-item > .nav-link {
        color: var(--menu-link-color);
        padding: 18px 15px 18px 15px;
    }
    header .navbar-nav > .nav-item > .nav-link:hover:not(.dropdown-item):not(.btn) {
        color: var(--link-color);
        background-color: var(--menu-link-hover-bg);
    }
}
@media (max-width: 991px) {
    header .first-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    header .navbar-brand img {
        height: 100px;
    }
    header .second-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row-reverse;
        background: url("imgs/bgr.png") repeat fixed 0 0 var(--bg);
    }
	header .nav-right .nav-link:hover:not(.dropdown-item):not(.btn), header #burger-menu:hover:not(.dropdown-item):not(.btn) {
        color: var(--body-color);
    }    
}
@media (max-width: 767px) {
    header .cart-icon-dropdown.nav-item.dropdown.not-empty {
        margin-right: 1rem;
    }
}


/* Main Wrapper */
@media (min-width: 992px) {
    #main-wrapper {
        background: url("imgs/bgr.png") repeat fixed 0 0 var(--bg);
    }
    #content-wrapper {
        background: var(--white);
    }
}



/* Breadcrumb */
.breadcrumb-wrapper {
    border-bottom: 2px dotted var(--bg);
    border-top: none;
}
@media (max-width: 991px) {
    .breadcrumb-container {
        padding-right: 0;
        padding-left: 0;
    }
}



/* Product List */
.content-cats-small .sub-categories {
	border: 1px solid transparent;
    border-radius: 5px;
    align-items: center;
    padding: .5rem;
}
.content-cats-small .sub-categories:hover {
    border: 1px solid var(--cat-hover);
    box-shadow: 0 1px 2px var(--cat-hover);
}
.displayoptions .btn-group .btn:not(:disabled):not(.disabled):active, .displayoptions .btn-group .btn:not(:disabled):not(.disabled).active, .show > .displayoptions .btn-group .btn.dropdown-toggle, .show > .displayoptions .btn-group .btn[data-toggle="collapse"]:not(.navbar-toggler) {
	background-color: var(--btn-bg);
    border-color: var(--btn-border);
    color: var(--white);
}
.product-actions .badge-circle-1{
    color: var(--bg);
    background: var(--white);
    border-color: var(--bg);
}
.product-actions .badge-circle-1:hover, .badge-circle-1:not(:disabled):not(.disabled):active, .badge-circle-1:focus {
    color: var(--white);
    background: var(--bg);
    border-color: var(--bg);
}
.product-actions .badge-circle-1.on-list {
    color: var(--white);
    background: var(--bg);
    border-color: var(--bg);
}
.productbox.productbox-hover .productbox-inner::before {
    content: none;
}
.page-item.active .page-link::after, .page-item.active .page-text::after {
	border-bottom: 4px solid var(--bg);
}
.page-link:hover, .page-text:hover {
    color: var(--link-hover);
}
.productlist-page-nav-top {
    border-top: none;
}
.bootstrap-select.custom-select button.dropdown-toggle:focus, 
.bootstrap-select.custom-select button:not(.navbar-toggler)[data-toggle="collapse"]:focus,
.bootstrap-select.custom-select.show button.dropdown-toggle {
	border-color: var(--bg);
    color: var(--bg);
}
.bootstrap-select.custom-select button:not(:disabled):not(.disabled):active, .bootstrap-select.custom-select button:not(:disabled):not(.disabled).active, 
.show > .bootstrap-select.custom-select button.dropdown-toggle, .show > .bootstrap-select.custom-select button:not(.navbar-toggler)[data-toggle="collapse"],
.show > .bootstrap-select.custom-select button {
	color: var(--bg);
}
.form-counter .btn:hover {
	background: none;
}
.layout-gallery .productbox-inner .text-clamp-2, .layout-gallery .productbox-inner .price_wrapper {
	text-align: center;
}


/* Product Details */
.navigation-arrows .btn:hover, .navigation-arrows .btn:focus,
#product-offer .product-info .question-on-item .question:hover,
.estimated-delivery:hover .estimated-delivery-info {
    color: var(--link-hover);
}
.modal-header .close, #image_wrapper.fullscreen .product-detail-image-topbar #image_fullscreen_close {
    color: var(--white);
    background: var(--bg);
    border-color: var(--bg);
}
.modal-header .close:hover, #image_wrapper.fullscreen .product-detail-image-topbar #image_fullscreen_close:hover {
    color: var(--bg);
    background: var(--white);
    border-color: var(--bg);
}
.product-detail-image-preview-bar .carousel-thumbnails .slick-slide, #image_wrapper .product-thumbnails:not(.slick-initialized) div.js-gallery-images  {
    border: 1px solid var(--bg);
}
.tab-navigation .nav-link::after {
    border: none;
}
.tab-navigation .nav-tabs .nav-link {
    color: var(--tab-link);
    background-color: var(--menu-link-hover-bg);
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    padding: .5rem;
}
.tab-navigation .nav-tabs .nav-link.active {
    background: var(--white);
    color: var(--link-color);
    border-color: var(--menu-link-hover-bg);
}
.tab-navigation .nav-tabs .nav-link:hover {
    background: var(--white);
    color: var(--tab-link);
    border-color: var(--menu-link-hover-bg);
}
.tab-content {
	margin: 0 0;
    border: 1px solid var(--menu-link-hover-bg);
    padding: 1rem;
}
.swatches-text, .swatches-text.active {
    border: 1px solid var(--bg);
}
.swatches-text.active, .product-attributes table .attr-characteristic .badge-primary {
    color: var(--white);
    background-color: var(--bg);
}
.custom-control-input:checked ~ .custom-control-label::before {
	color: var(--bg);
	border-color: var(--bg);
	background-color: var(--bg);
}
.product-detail-image-preview-bar .carousel-thumbnails .slick-slide, #image_wrapper .product-thumbnails:not(.slick-initialized) div.js-gallery-images  {
    border: 1px solid var(--bg);
}
.slick-dots li.slick-active button {
    background-color: var(--bg);
    border-color: var(--bg);
}
@media (min-width: 992px) and (max-width: 1299px) {
    #product-offer #add-to-cart .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #product-offer #add-to-cart #quantity-grp {
        margin-bottom: 1rem;
    }
}





/* Warenkorb */
.cart-items-body .cart-items-delete .cart-items-delete-button, .cart-items-body .wishlist-button {
    padding: 0.375rem 0.5rem;
    text-decoration: none;
}
.cart-items-body .cart-items-delete .cart-items-delete-button{
    background: var(--bg);
    border-color: var(--bg);
    color: var(--white);
}
.cart-items-body .wishlist-button {
    color: var(--white);
    background: var(--foot-note);
    border-color: var(--foot-note);
}
.cart-items-body .wishlist-button:hover {
    color: var(--white);
    background: var(--menu-link-color);
    border-color: var(--menu-link-color);
}
.wishlist-button .wishlist-button-inner .wishlist-button-text {
    text-decoration: none;
}
.cart-items-body .cart-items-delete .cart-items-delete-button:hover {
    background: var(--primary-bg-hover);
    border-color: var(--primary-bg-hover);
    color: var(--white);
}
@media (max-width: 1299px) {
    .cart-items-body .wishlist-button {
       margin-bottom: 1rem;
    }
}
@media (min-width: 992px) and (max-width: 1299px) {
    .basket.container-plus-sidebar .col-lg-4 {
        margin-left: 0;
        padding-right: 0;
        padding-left: 0;
    }
    #shipping-estimate-form .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sticky-top.cart-summary .basket-summary-total .col-7 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 1300px) {
    .basket.container-plus-sidebar .col-lg-4, .basket.container-plus-sidebar .col-lg-7 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}



/* Kasse */
body[data-page="11"] aside {
	display: none;
}
body[data-page="11"] #content > .row > .col-lg-8 {
	flex: 0 0 100%;
	max-width: 100%;
}
.stepper .step-active .step-content::after {
	content:none;
}
.checkout-steps .step .badge-pill {
    color: var(--white);
    background: var(--bg);
}
.checkout-steps .step-active .badge-pill {
	background: var(--white);
    color: var(--bg);
}
.stepper .step .step-text {
	color: var(--body-color);
}
.stepper .step-active .step-text {
	color: var(--white);
}
.stepper .step-active .step-content {
    background: var(--bg);
}
.stepper .step-active::after, .stepper .step-active::before {
	border-left: 1.875rem solid var(--bg);
}
.stepper .step-active {
    background: var(--bg);
}
.checkout-steps .step-check {
	color: var(--white);
}
#order-confirm .btn-link:hover, .checkout-shipping-form-change .btn-link:hover {
    color: var(--link-hover);
}
.customer-login-buttons .customer-login-buttons-forgot:hover {
	color: var(--link-hover);
}
#order-confirm .card-header {
	padding: 0.75rem 1.25rem;
	margin-bottom: 0;
	background-color: var(--bg);
}
#order-confirm .card-header .h3, #order-confirm .card-header a {
	color: var(--white);
}
.card-products .card-header .btn {
	background: none;
}
@media (min-width: 992px) {
    .customer-login-buttons .form-row {
        align-items: center;
    }
    #order-completed .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
}
@media (max-width: 991px) {
    .stepper .step-active {
        background-color: var(--white);
    }
    .stepper .step-active .step-content {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .stepper .step-active .step-content {
        background: var(--white);
    }
    .stepper .step .step-text {
        color: var(--body-color);
    }
    .stepper .step-active .step-text {
        color: var(--bg);
    }
}


/* Aside */
aside .productlist-filter-headline {
    border-bottom: 2px dotted var(--bg);
    padding: 15px 0;
}
.box-link-wrapper i.fa-truck {
    color: var(--green);
}
.noUi-horizontal .noUi-connect, .noUi-horizontal .noUi-handle {
    background-color: var(--bg);
}
.noUi-horizontal .noUi-handle {
    box-shadow: 0px 0px 0px 5px var(--link-color);
}
aside a {
    color: var(--body-color);
}
.box-categories .dropdown .collapse, .box-linkgroup .dropdown .collapse {
	background: none;
}
aside .nav-panel > .nav > .active > .nav-link {
    border-bottom: none;
}
aside .btn-link:hover {
	color: var(--link-hover);
}
@media (min-width: 992px) {
    .sidepanel-left {
        padding-right: 3rem;
        padding-left: 2rem;
    }
    #footer-boxes {
        flex-direction: column;
    }
    #footer-boxes .col-lg-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (max-width: 991px) {
    #footer {
        padding: 1rem 0 0;
    }
    #footer-boxes .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (max-width: 767px) {
    aside hr {
        border: 1px dotted var(--bg);
    }
    #footer-boxes .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* Sitemap*/
.sitemap-wrapper-linkgroup .card-header, .sitemap-group .card-header {
    background: none;
    border-color: var(--cat-hover);
    border-bottom: 1px solid var(--cat-hover);
}
body[data-page="25"] a.nice-deco {
    color: var(--link-color);
}
body[data-page="25"] a.nice-deco:hover {
    text-decoration: underline;
    color: var(--link-hover);
}
body[data-page="25"] a.nice-deco::before, body[data-page="25"] a.nice-deco::after {
    content: none;
}
.sitemap-group {
    border-color: var(--cat-hover);
}



/* Sliders */
.opc-product-slider .hr-sect::before, .opc-product-slider .hr-sect::after, .product-slider-wrapper .hr-sect::before, .product-slider-wrapper .hr-sect::after,
.slick-slider-other .hr-sect::before, .slick-slider-other .hr-sect::after {
    content: none;
}
.opc-product-slider .hr-sect, .product-slider-wrapper .hr-sect,
.slick-slider-other .hr-sect {
    justify-content: flex-start;
}
.opc-product-slider .hr-sect, .product-slider-wrapper .hr-sect, .slick-slider-other .hr-sect {
	color: var(--body-color);
    padding: 10px 15px;
    border: none;
    font-size: 18px;
    font-weight: 400;
    border-bottom: 1px solid var(--cat-hover);
}
.opc-product-slider .hr-sect a, .product-slider-wrapper .hr-sect a, .slick-slider-other .hr-sect a {
    color: var(--body-color);
    font-size: 18px;
    font-weight: 400;
    margin-left: 0;
    margin-right: 0;
}
.slick-slider-other,  .opc-product-slider {
	border: 1px solid var(--cat-hover);
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding-right: 0;
    padding-left: 0;
    overflow: hidden;
}
.slick-slider-other .slick-slider-other-container {
	padding-right: 0;
    padding-left: 0;
}
.slick-arrow {
    border-radius: 50px;
}
.slick-arrow:hover {
    background-color: var(--cat-hover);
}
@media (max-width: 479px) {
    .carousel:not(.slick-initialized).slick-type-product .product-wrapper {
        width: calc(100%/1);
        min-width: calc(100%/1);
    }
}
@media (min-width: 767.999999px) {
    .carousel:not(.slick-initialized).slick-type-product .product-wrapper {
        width: calc(100%/3);
        min-width: calc(100%/3);
    }
}
@media (min-width: 991.999999px) {
    .carousel:not(.slick-initialized).slick-type-product .product-wrapper {
        width: calc(100%/4);
        min-width: calc(100%/4);
    }
}


/* Footer */
.footnote-vat {
    text-align: center;
    color: var(--foot-note);
}
#system-credits {
    color: var(--foot-note);
    font-size: 14px;
}
#system-credits a {
    color: var(--link-color) !important;
    text-decoration: none;
}
#system-credits a:hover {
    color: var(--link-hover) !important;
}
.footnote-vat .small {
    font-size: 100%;
}
@media (min-width: 992px) {
    #footer {
        background: url("imgs/bgr.png") repeat fixed 0 0 var(--bg);
        padding-top: 0;
    }
    #footer > .container {
        background: var(--white);
        border-top: 1px solid var(--gray);
        border-bottom: 1px solid var(--gray);
        padding-bottom: 1rem;
        padding-top: 1rem;
     }
    #footer-boxes {
        padding-top: 1rem;
    }
    #footer #copyright {
        background: url("imgs/bgr.png") repeat fixed 0 0 var(--bg);
        margin-top: 0;
    }
    #footer #copyright > div {
        background: var(--white);
    }
}
@media (max-width: 991px) {
    #footer, #footer #copyright {
        background-color: var(--white);
        border-top: 1px solid var(--gray);
    }
    #system-credits {
        width: 100%;
    }
}

/* Fixing Header */

@media (min-width: 1300px) {
	#content > .row > .col-xl-9 {
		flex: 0 0 900px;
		max-width: 900px;
	}
	
	#content > .row > .col-xl-3 {
		flex: 0 0 calc(100% - 900px);
		max-width: calc(100% - 900px);
	}	
}
		

@media (max-width: 991px) {
	header > .container {
		padding-left: 0;
		padding-right: 0;
		padding-top: 100px;
		max-width: 100%;
	}
	
	header > .container .top-wrapper {
		background-color: var(--gray);
	}
	
	.toggler-logo-wrapper {
		position: absolute;
		transform: translateX(-50%);
		left: 50%;
		top: 0;
	}
	
	header .navbar-brand {
		padding-top: 0;
		padding-bottom: 0;
		margin-right: 0;
	}
	
	.navi-wrapper {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

.text-accent, .productbox-price, .tab-navigation .nav-link {
	font-family: Lucida, Helvetica, Arial, sans-serif;
}

.form-counter .form-control {
	font-family: Lucida, Helvetica, Arial, sans-serif;
}


.btn-link:hover {
	color: var(--link-color);
}

.btn-animated .btn-primary:hover {
	background-color: var(--primary-bg-hover);
	border-color: var(--primary-bg-hover);
}

.btn-animated .btn-outline-primary:hover {
	border-color: var(--primary-bg-hover);
	background-color: transparent;
}

.btn-animated .btn-outline-primary::after {
	background: var(--primary-bg-hover);
}

.btn-animated .btn-outline-primary:hover::after {
	width: 300%;
	background: var(--primary-bg-hover);
}

.rating .fa-star {
	color: #FFD700;
}

.estimated-delivery, .estimated_delivery {
	display: none;
}

#product-list .productbox-details .productlist-item-detail {
	display: none;
}

#shipping-method .card-body > .row > div.col.col-md-6.col-12:first-of-type .small.text-muted-util {
	display: none;
}

/* Bilder auf Detailseite auf 500 Pixel Höhe beschränken */

#image_wrapper.fullscreen #gallery .inner .product-image {
	max-height: 500px !important;	
}

#image_wrapper.fullscreen #gallery {
	max-height: 500px !important;
}

#image_wrapper.fullscreen #gallery .square.square-image {
	max-width: 500px;
	margin: 0 auto;
}

/****************************/
/* Anpassung für Shop 5.2.3 */
/****************************/

.cart-dropdown .form-row img {
	max-width: 50px;
	height: auto;
}

@media (min-width: 992px) {
	nav.navbar {
		height: auto;
	}
	
	.search-wrapper {
		width: auto;
	}
}

.vaiation-wrapper.js-slider-wrapper .js-btn-slider-btns {
	display: none;
}

/******************************/
/* Anpassungen für Shop 5.3.3 */
/******************************/

.choose_quantity {
	font-size: 0.875rem;
}

/******************************/
/* Anpasusngen für Shop 5.5.0 */
/******************************/

header .navbar-brand {
	padding: 0;
}

.main-search-wrapper {
	max-width: 100%;
}

@media (min-width: 992px) {
	.first-wrapper {
		align-items: center;
		display: flex;
	}
	
	.full-width-mega .nav-icons-wrapper {
		padding-right: 0;
	}
}

@media (max-width: 991px) {
	.first-wrapper > .container {
		max-width: 100%;
	}
	
	.nav-logo-wrapper {
		display: flex;
		justify-content: center;
	}
	
	.nav-logo-wrapper .toggler-logo-wrapper {
		transform: none;
	}
	
	.right-wrapper {
		background-color: #ddd;
	}
	
	.right-wrapper > .row {
		align-items: center;
	}
	
	.right-wrapper .nav-icons-wrapper {
		display: flex;
		justify-content: flex-end;
	}
}