/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */

:root {
	/* --BackgroundGlobal: #fffaec; */
	--BackgroundGlobal: #ffffff;
	--HightlightColor: #5252521a;
	--HightlightColorSolid: #525252;
	--AmbienteColorGlobal: rgba(82, 82, 82, 0.5);
    --TextColorMain: #000000;
    /* --TextColorMainHover: #9100ff; */
    --TextColorMainHover: #FAC132;
    /* --TextColorMainHover: #ffffff; */
    --font-family-sans-serif: "Open Sans", sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.instead-of.old-price {
    font-size: large;
}

.text-muted-util {
    color: red;
}

.text-danger.text-stroke.text-nowrap-util {
    font-size: initial;
    display: inline-block;
    margin-right: 0.2rem;
}

img.img-responsive-width.img-sm {
    max-width: 4rem;
}

#result-wrapper .desc {
    text-align: center;
}

.estimated-delivery .estimated-delivery-info {
    visibility: hidden;
}

.tab-content .desc {
    text-align: justify !important;
}

.title .h2 {
    text-align: center;
}

/* .square-image { */
    /* max-height: 30rem; */
/* } */

.productbox-quick-actions {
    display: unset !important;
}

 .table th, .table td {
     vertical-align: middle;
	 padding: 0.3rem;
}
 
.productbox-quick-basket.productbox-quick-actions.productbox-onhover.d-none.d-md-flex {
    position: absolute;
    top: auto;
    bottom: 0.5rem;
    right: 0.5rem;
}

.basket-galerie {
    display: flex;
    /* width: 50%; */
	min-height: 3rem;
}
.basket-galerie-inner {
    display: contents;
}


a {
    text-decoration: none;
}

p {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

.align-items-center-util {
    align-items: center;
    justify-content: center;
}

.content-cats-small .sub-categories .subcategories-image {
    display: flex !important;
}

HEADER .form-control.ac_input.tt-hint, .form-control.ac_input.tt-input {
	border-bottom-left-radius: 15px;
	border-top-left-radius: 15px;
}

.square-image .inner img {
    height: 80%;
}

.badge-circle-1.on-list {
    border: 1px solid var(--TextColorMainHover);
    background-color: var(--TextColorMainHover);
}

/* #image_wrapper.fullscreen { */
    /* width: auto; */
    /* height: auto; */
/* } */

#image_wrapper.fullscreen .gallery-with-action-main {
    max-height: 50rem;
}

.square.square-image.js-gallery-images {
    max-width: 80%;
}

header .navbar-brand img {
height: 120px !important;
}

/*
header {
background: linear-gradient(180deg, #f7e8c8, #ffffff) !important;
}

header .dropdown-menu {
background-color: #fdfaf4e0; }
*/
header {
    background: var(--BackgroundGlobal);
	/* box-shadow: 0 1rem 0.5625rem -0.75rem rgb(0 0 0 / 6%); */
	box-shadow: none;
}
header#jtl-nav-wrapper {
    height: auto;
}
header .form-control, header .form-control:focus {
    background-color: var(--BackgroundGlobal);
}
.toggler-logo-wrapper {
    height: 3rem;
}
/*
.card-header {
    background-color: #00000030;
}
*/

.fixed-search .form-control {
    background-color: var(--BackgroundGlobal);
}

.dropdown-body, .dropdown-footer {
    background-color: var(--BackgroundGlobal);
}

#footer {
    margin-top: auto;
    padding: 2rem 0 0;
    border-top: 3px solid var(--HightlightColorSolid);
	background-color: var(--BackgroundGlobal);
}

#footer #copyright {
    background-color: var(--HightlightColorSolid);
    color: #f5f7fa;
    margin-top: 1rem;
}

div#footer-boxes {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/*.badge-primary, .fa-sup {
color: #ffffff !important;
background-color: var(--TextColorMainHover) !important; }
*/


aside .nav-panel > .nav > .active > .nav-link {
 border-bottom: 0.375rem solid var(--TextColorMainHover) !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .product-matrix .product-matrix-title, .h3, .sidepanel-left .box-normal .box-normal-link, .h4, .h5, .h6, .hr-sect {
color: var(--TextColorMain) !important;
/* text-align: initial; */
}

.tab-navigation .nav-link::after {
border-color: var(--TextColorMainHover) ;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    border-color: none;
    border-bottom: none;
}

header .navbar-nav > .nav-item > .nav-link {
    padding-left: 1rem;
    padding-bottom: 1rem;
    padding-top: 0;
    padding-right: 1rem;
}

body {
    line-height: 1.2;
    background-color: var(--BackgroundGlobal);
	/* text-align: justify; */
}

.productbox {
    /* position: relative; */
    background-color: var(--HightlightColor);
    border-radius: 10px;
}

#product-list .product-wrapper {
    padding-left: 1rem;
    padding-bottom: 1rem;
    transform: translateX(-0.5rem);
	margin-bottom: 0rem;
}

#product-list .product-wrapper:not(:last-child) {
    margin-bottom: 0rem;
}

.productlist-page-nav.productlist-page-nav-header-m {
    margin-top: -6rem;
    visibility: hidden;
}

.productbox-inner .productbox-title {
    top: 0.5rem;
    padding: 0rem 0.5rem 0rem 0.5rem;
}

.text-clamp-2 {
    height: 50px;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

.product-list {
    justify-content: center;
}

.content-cats-small {
    justify-content: center;
	text-align: center;
}

.full-width-mega .nav-logo-wrapper {
    height: 5rem;
}

.full-width-mega .nav-icons-wrapper {
    padding-top: 2rem !important;
}

.full-width-mega .main-search-wrapper {
    padding-top: 2rem !important;
}

#main-wrapper {
    background-image: url(https://shop.tiger-palmen.de/bilder/intern/backgroundimage.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: contain;
    background-position-x: 50%;
    background-position-y: 30%;
	background-color: var(--BackgroundGlobal);
}

/* .modal-dialog { */
    /* position: fixed; */
    /* left: 30%; */
    /* top: 50%; */
    /* transform: translate(-20%, -50%) !important; */
/* } */

/* .modal-content { */
    /* padding: 1rem 2rem; */
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
/* } */

.content-cats-small .caption {
    font-size: x-large;
    font-variant-caps: petite-caps;
    font-weight: 500;
}

.modal-backdrop.show {
    opacity: 0; }
	
.box-categories .dropdown .collapse, .box-linkgroup .dropdown .collapse {
    background: #00000000;
}

.font-weight-bold-util {
    font-weight: 700;
    text-align: end; }

.card-header {
    background-color: var(--HightlightColor);
}

.cart-dropdown .cart-dropdown-total-item {
    /*margin-bottom: 2.5rem; */}

.card-products .card-header {
    background: none; }

.card-products .card-header .btn {
    background: none; }

.cart-items-body .cart-items-image {
    display: flex;
}

.card {
    background: none; }

.stepper .step-active {
    background: none !important; }
.stepper {
    background: none !important; }

.stepper .step::before {
    border-left: none; }
.stepper .step::after {
    border-left: none; }

.table-striped tbody tr:nth-of-type(even) {
    background-color: var(--HightlightColor); }

.tab-content > .tab-pane {
    text-align: initial;
}

#tabAccordion > .card .collapse {
    margin-bottom: 2rem;
    text-align: initial;
}

sub, sup {
    font-size: 60%;
}

.tab-content {
    min-height: 10rem;
}

.col.col-md-4.col-lg-3.col-12 {
    max-inline-size: fit-content;
    margin-inline: auto;
}

/* .slick-track { */
    /* width: 50rem !important; */
    /* height: 50rem !important; */
/* } */

/* MOBILE SCREEN */

@media (max-width: 991.98px) {
HEADER .form-control.ac_input.tt-input {
        background-color: white; }
header .nav-right .dropdown-menu {
    width: 100%;
    background-color: var(--BackgroundGlobal); }
header .nav-mobile-header {
    text-align: initial;
}
.search-form-wrapper-fixed {
    padding-top: 2.5rem; }
.fixed-search {
    background: transparent !important; }
header .navbar {
    padding: 5px; }
header .navbar-nav .nav-link {
    margin-top: 0;
    padding-bottom: 0;
    margin-left: 0;
    margin-right: 0; }
.is-checkout header, .is-checkout .navbar {
    height: 10rem !important;
    padding-bottom: 10rem; }
.toggler-logo-wrapper .logo-wrapper {
    /* transform: translateX(-126px) !important; */
	transform: translateX(-70px) !important;
    z-index: 1; }
header .dropup, header .dropright, header .dropdown, header .dropleft, header .col, header [class*='col-'] {
    z-index: 2; }

.dropdown-menu.show {
    background-color: #00000000; }

.card-gray {
    background: none; }
.font-weight-bold-util {
/*    transform: translateY(-30px); */}

#product-list .product-wrapper:not(:last-child) {
    min-width: -webkit-fill-available;
}

#product-list .product-wrapper {
    min-width: -webkit-fill-available;
}

header .navbar-collapse {
	background-color: var(--BackgroundGlobal);
    border-top-color: var(--AmbienteColorGlobal);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: var(--AmbienteColorGlobal);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: var(--AmbienteColorGlobal);
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
}

/* MID SIZE SCREEN */

@media (min-width: 768px) {

/* .square.square-image.js-gallery-images { */
    /* height: 30rem; */
/* } */

/* .square-image .inner { */
    /* max-height: 30rem; */
/* } */

/* .square-image .inner img { */
    /* max-width: 90% !important; */
    /* max-height: 90% !important; */
/* } */

.productbox.productbox-hover .productbox-inner::before {
    background-color: #00000000; }

#product-list .product-wrapper:not(:last-child) {
    min-width: 20rem;
}
#product-list .product-wrapper {
    min-width: 20rem !important;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    max-width: 22rem;
}

/* DESKTOPSCREEN */

@media (min-width: 992px) {
/*HEADER .form-control.ac_input.tt-input {
        background: linear-gradient(0deg, #9090906b, #90909099); }*/

.modal {
    position: fixed;
    height: 200vh;
	overflow: hidden;
}

.container {
    max-width: 100%;
}

html {
    max-width: 90%;
    transform: translateX(5%);
}

#content-wrapper:not(.has-fluid) {
    padding-top: 1rem; 
	padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.full-width-mega #mainNavigation.nav-multiple-row {
    /* padding-left: 19rem;  */
	padding-left: 12rem;
    font-size: 1.4rem;
    font-variant-caps: petite-caps;
}

.full-width-mega .navbar-expand-lg .nav-multiple-row .navbar-nav {
	display: flex;
    justify-content: space-evenly;
    flex-direction: row;
}

.justify-content-start {
    height: auto;
	box-shadow: 0 25px 6px -23px var(--AmbienteColorGlobal);	}

.btn-outline-secondary, .btn-secondary {
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px; }

.input-group-prepend .btn, .input-group-append .btn {
    border-bottom-right-radius: 15px !important;
    border-top-right-radius: 15px !important; }

.price_wrapper {
    line-height: 2; 
	min-height: 4rem;
	margin-bottom: 0;
	margin-left: 1rem; }
	
/*.modal-backdrop.show {
    opacity: 0.1; }
*/
.container-fluid-xl {
    max-width: unset; }

.container, .container-fluid-xl {
    padding-left: 1rem;
    padding-right: 1rem; }


.col {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
	min-width: 2rem;
	}
	
.slick-slide .square, .slick-slide .productbox-image-wrapper {
    margin: auto !important;
}

header .navbar-brand {
    padding-top: 0 !important;
}

.toggler-logo-wrapper .logo-wrapper {
    height: 120px !important;
    padding-top: 1rem; }

.navbar-nav .nav-item .nav-link::before {
    border-color: var(--TextColorMainHover) !important; }

.is-checkout header, .is-checkout .navbar {
    height: 9rem;
    transform: translateY(-9px); }

div#footer-boxes {
    flex-wrap: nowrap;
}

}

/* schliesst die offene Desktop-Media-Query aus dem NovaTP-CSS */
}

/* Sprunglinks nicht anzeigen */
.btn-skip-to {
    display: none !important;
}