body, html{
	height:100vh;
	font-size: 13px;
	scroll-behavior: smooth;
}

a:hover{
	color: unset!important;
	text-decoration: none!important;
	opacity: 0.6;
}

.btn:focus {
  box-shadow: unset;
}
.btn-nofocus:focus, .nofocus:focus, .no-focus:focus{
	box-shadow: none!important;
}
.text-bold, .bold{
	font-weight: bold!important;
}

.text-xxs{
	font-size: xx-small!important;
}

.text-xs{
	font-size: x-small!important;
}

.text-red{
	color: red;
}

.scrollbar-hidden::-webkit-scrollbar { 
    display: none;  /* Chrome Safari */
}
.scrollbar-hidden{
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE 10+ */
  overflow-y:scroll;
  overflow-x:hidden;
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px;
}

.btn-xl{
	padding-left: 6rem !important;
	padding-right: 6rem !important;
}

.card h2{
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
}

#usermenu{
	background-color:#FBE420;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-radius: 0px 0px 15px 15px;
	border-radius: 0px 0px 15px 15px;
	-webkit-box-shadow: 0px 2px 6px 2px #ccc;
	-moz-box-shadow: 0px 2px 6px 2px #ccc;
	box-shadow: 0px 2px 6px 2px #ccc;
}

#usermenu .nav-link{
  color:#555;
}

#usermenu .nav-link{
  text-align: center;
  white-space: nowrap;
}

#usermenu .nav-link span{
  font-size: x-small;
}

#usermenu .nav-link i{
  min-height:24px;
  font-size: x-large;
}

#main_nav{
    width: 100%;
	background: rgb(253,233,48);
    -webkit-box-shadow: 0px 4px 6px 2px #999;
    -moz-box-shadow: 0px 4px 6px 2px #999;
    box-shadow: 0px 4px 6px 2px #999;
    border-radius: 0;
	min-height: 40px;
}

#main_nav .nav-item{
  padding:5px 0;
}

.nav-item-highlight{
  background: -moz-linear-gradient(top, rgba(255,144,0,1) 1%, rgba(216,130,0,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,144,0,1)), color-stop(100%,rgba(216,130,0,1)));
  background: -webkit-linear-gradient(top, rgba(255,144,0,1) 1%,rgba(216,130,0,1) 100%);
  background: -o-linear-gradient(top, rgba(255,144,0,1) 1%,rgba(216,130,0,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,144,0,1) 1%,rgba(216,130,0,1) 100%);
  background: linear-gradient(top, rgba(255,144,0,1) 1%,rgba(216,130,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9000', endColorstr='#d88200',GradientType=0 );
}

.page_inner{
	border:none!important;
	box-shadow:none!important;
}

.page-header, .sub-header {
    border-bottom: none!important;
    margin-bottom: unset!important;
}

#djDebug #djDebugToolbar input[type="checkbox"] {
    float: right;
    margin: 10px;
    z-index: 100;
    position: relative;
}

#main_nav .navbar-nav > li > a {
    padding-top: 0!important;
    padding-bottom: 0!important;
}

#main_nav1 .account, #main_nav1 .favourites, #main_nav1 .basket, #main_nav1 .basket_badge{
  border: 1px solid rgba(0,0,0,.125);
  border-radius:.25rem;
  padding: 0;
  text-align: center;
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
}

#main_nav1 .account p, #main_nav1 .favourites p, #main_nav1 .basket p, #main_nav1 .basket_badge p{
  line-height: 1;
  margin: 0;
  font-size: xx-small;
}

#main_nav1 .account a, #main_nav1 .favourites a, #main_nav1 .basket a, #main_nav1 .basket_badge a{
  display: block;
  color: rgb(52, 58, 64)!important;
}

.collapse.width {
    height: auto;
    -webkit-transition: width 0.35s ease;
    -moz-transition: width 0.35s ease;
    -o-transition: width 0.35s ease;
    transition: width 0.35s ease;
}

#katalog a {
	 border: 1px solid rgb(253,233,48);
}

#katalog a:hover {
	 border: 1px solid #d39e00;
}

#collapsedMenuEntries a {
    border-bottom: 1px solid lightgray;
}
#collapsedMenuEntries a:hover {
	background-color: #ffffff;
}

.footer_menu a{
	padding:5px;
}

#id_quantity{
	max-width: 75px;
}

.breadcrumb-item {
    float: left;
}
.breadcrumb-item + .breadcrumb-item::before{
	content: "\f105"!important;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

#usermenu i{
	color:#b9ad3f;
}

.chosen-container{
  width: 100%!important;
}

.navbar-toggler-icon{
  padding: 20px !important;
}

#collapsedMenuEntries .collapse {
  visibility: hidden;
}
#collapsedMenuEntries .collapse.show {
  visibility: visible;
}
#collapsedMenuEntries .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-duration: unset;
  transition-duration: unset;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
#collapsedMenuEntries .collapsing.width {
  width: 0;
  height: auto;
}

#id_shipping_address, #id_billing_address{
	padding-left: 0px;
}
#id_shipping_address li, #id_billing_address li{
	list-style-type: none;
}

#id_deliveries, #id_floor_number{
	width: 100%;
	font-size: medium;
}

#id_note{
	width: 100%;
}
[for=id_note]{
	font-size: 1.25rem;
}

.basket-items{
	margin-bottom: 0 !important;
}

.sidebar-block{
  background-color: #f0f0f0;
}

.tns-nav button {
    border-radius: 50%;
    height: 24px;
    width: 24px;
    display: inline-block;
    line-height: 12px;
    background-color: #eee;
}
.tns-nav-active{
    background-color: #bbb!important;
}
#next:focus, #prev:focus{
  box-shadow: unset;
}
#main_categories a.nav-link{
  width: 97px;
  height: 140px;
}
#main_categories a.nav-link img{
  width: 80px;
  height: 80px;
}

.rotated{
    -webkit-transform: rotate(180deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(180deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(180deg);  /* IE 9 */
    -o-transform: rotate(180deg);  /* Opera 10.50-12.00 */
    transform: rotate(180deg);  /* Firefox 16+, IE 10+, Opera 12.10+ */
}

@media (min-width: 0px) {
  .product-image{
    height: 200px;
  }
}

@media (min-width: 768px) {
  .product-image{
    height: 250px;
  }
  .product-body{
    height: 180px;
  }
  .product_image_href{
    height:276px;
  }
}

.htmx-indicator{
  display:none;
}
.htmx-indicator.htmx-request{
  display:flex!important;
}
#modal-content.errorlist{
  padding-bottom: 0;
  margin-top: 10px;
}


/* Start Product image hover effect */
.product-container {
  perspective: 1000px;
  overflow: hidden;
}
.product-card {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.5s;
}
.product-card-front,
.product-card-back {
  width: 100%;
  height: 100%;
  position: absolute;
  backface-visibility: hidden;
}
.product-card-back {
  position: relative;
}
.product-card-front {
  transform: rotateY(0deg);
}
.product-card-back {
  transform: rotateY(180deg);
}
/* Hover-Stil */
.product-container:hover .product-card, .hover-effect .product-card {
  transform: rotateY(180deg);
}
.product-card:hover .product-card-front, .hover-effect .product-card-front {
  visibility: hidden; /* Das erste Bild wird bei Hover ausgeblendet */
}
.product-card:hover .product-card-back, .hover-effect .product-card-back {
  visibility: visible; /* Das zweite Bild wird bei Hover eingeblendet */
}
.product-card:hover .product-card-back a{
  opacity: 1!important;
}
/* End Product image hover effect */

.swiper-container .product-details, .swiper-container .product-window{
  flex: 0 0 100%!important;
  max-width: 100%!important;
  padding-left: 0!important;
}

.product-offer{
  color: #dc3545;
}


.translation-editable:hover + .edit-translation-button, .edit-translation-button:hover{
  visibility: visible!important;
}
#modal-form textarea, #modal-form input{width: 100%;}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }