/********

Style Sheet für LecksteineShopFinal
Erstellt von Ayoub El Hobbi
E-Mail: online@imima.de

********/

@font-face {
  font-family: "Prompt";
  font-weight: 800;
  src: url("../documents/prompt/Prompt-ExtraBold.ttf");
}
@font-face {
  font-family: "Prompt";
  font-weight: bold;
  src: url("../documents/prompt/Prompt-Bold.ttf");
}
@font-face {
  font-family: "Prompt";
  font-weight: 600;
  src: url("../documents/prompt/Prompt-SemiBold.ttf");
}
@font-face {
  font-family: "Prompt";
  font-weight: 500;
  src: url("../documents/prompt/Prompt-Medium.ttf");
}
@font-face {
  font-family: "Prompt";
  font-weight: 400;
  src: url("../documents/prompt/Prompt-Regular.ttf");
}
@font-face {
  font-family: "Prompt";
  font-weight: 300;
  src: url("../documents/prompt/Prompt-Light.ttf");
}

* {
  font-family: "Prompt", sans-serif;
  font-weight: normal;
}

/* Titles */
h1, h2, h3, h4, h5, h6, b {
  font-family: "Prompt", sans-serif;
  font-weight: bold;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, b span{
  font-family: "Prompt", sans-serif;
  font-weight: bold;
}

/* Links and Inline Text */
p, span, li, a, em, blockquote, input, label, td, th, div {
  font-family: "Prompt", sans-serif;
  font-weight: 400;
}


header .navbar-brand, header .brand-wrapper {
  padding-left: 0 !important;
}

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

.widget-primary .btn-appearance {
  background-color: #1B2956 !important;
  border: 2px solid #1B2956 !important;
  color: white !important;
}

.widget-primary .btn-appearance:hover {
  opacity: 0.9 !important;
}

.widget-primary .custom-control-appearance .custom-control-input:checked~.custom-control-label::before {
  background-color: #1B2956 !important;
  border-color: #1B2956 !important;
  box-shadow: none !important;
}

.btn-primary {
  color: #fff;
  background-color: #1B2956 !important;
  border-color: #1B2956 !important;
  font-weight: 600 !important;
  text-transform: uppercase !important; 
}

.btn-primary .fa.fa-lg {
  font-size: 1.1em !important;
  line-height: initial !important;
  padding-left: 5px !important;
}

.btn-primary:hover {
  color: #1B2956 !important;
  background-color: white !important;
  border-color: #1B2956 !important;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: none !important;
}

.btn-outline-primary {
  color: #1B2956 !important;
  border-color: #1B2956 !important;
}
.btn-outline-primary:hover {
  color: #fff !important;
  background-color: #1B2956 !important;
  border-color: #1B2956 !important;
}

.text-primary, .color-primary {
  color: black !important;
}

.container-max {
  max-width: 1400px !important;
}

@media (max-width: 768px) {
  .container-max:not(.footer) .row>.col:first-child {
    padding: 0 !important;
  }

  .lecksteine-youtube-video .iframe-container img {
    max-width: 80px !important;
    padding: 7vh 4px !important;
  }

  .carousel-caption {
    padding: 10px !important;
  }

  .carousel-caption h5 {
    font-size: 16px !important;
    font-weight: bold;
  }
  
  .carousel-caption p {
    font-size: 14px !important;
    margin-bottom: 0;
  }
  
}


/* //////////////////Home Page///////////////////////// */

.language-settings {
  padding: 0rem 1rem;
}

.jetzt-shoppen .item-card {
	padding: 3rem !important; 
	color:  #1B2956;
}

.main-navbar-collapsable {
  margin-right: 1rem;
}

.main-navbar-collapsable .mainmenu>li:hover, .main-navbar-collapsable .mainmenu>li.hover,
.normalmenu .collapse,.cmp-country-settings li a:hover, .cmp-currency-select li a:hover {
  background-color: #1B2956 !important;
}

.controls-list .nav-link:hover,.control-basket .toggle-basket-preview,
.cmp-country-settings li.active a, .cmp-currency-select li.active a {
  background-color: #2B428A !important;
}


.normalmenu .collapse-inner>li:hover {
  background: #141F41 !important;
}

.mobile-navigation {
  background: linear-gradient(170deg, rgba(20, 31, 65, 1) 0%, rgba(27, 41, 86, 1) 35%, rgba(43, 66, 138, 1) 130%) !important;
}

.mobile-navigation .breadcrumb {
  font-size: 1.3em !important;
  background: transparent !important;
  padding-bottom: 20px !important;
  padding-right: 31px !important;
  border-bottom: 1px solid white !important;
}

.top-bar-items .search-input::placeholder {
    font-size: 15px !important;
}


/* //////////////////SLIDER//////////////////////// */

/* Enhanced Carousel Animations */
.carousel-item {
  transition: transform 1.2s ease-in-out, opacity 1.2s ease-in-out;
  opacity: 1;
}

/* Enhanced caption animations */
.carousel-caption {
  background: rgba(0, 0, 0, 0.6);
  padding: 20px;
  border-radius: 10px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.carousel-item.active.animate .carousel-caption {
  opacity: 1;
  transform: translateY(0);
}

.carousel-caption h5 {
  opacity: 0;
  transform: translateX(-20px);
  transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.2s;
}

.carousel-caption p {
  opacity: 0;
  transform: translateX(20px);
  transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.4s;
}

.carousel-item.active.animate .carousel-caption h5,
.carousel-item.active.animate .carousel-caption p {
  opacity: 1;
  transform: translateX(0);
}

.carousel {
  max-width: 1340px;
  margin: 0 auto;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
  overflow: hidden;
}

.carousel-indicators li {
  width: 9px !important;
  height: 9px !important;
}

.carousel-control-next .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.carousel-control-prev .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
  display: inline-block;
  width: 2.5rem !important;
  height: 2.5rem !important;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

.carousel-control-prev:hover, .carousel-control-next:hover {
  opacity: 1 !important;
  background: #1B295630;
}

.main-navbar-collapsable .mainmenu {
  align-items: center;

}

.top-bar, .top-bar .cmp {
  background: linear-gradient(90deg, rgba(20, 31, 65, 1) 0%, rgba(27, 41, 86, 1) 35%, rgba(43, 66, 138, 1) 100%) !important;
}

.top-bar .control-user .dropdown .dropdown-menu a {
  background-color: rgba(43, 66, 138, 1) !important;
  font-size: 12px !important;
}

.top-bar .control-user .dropdown .dropdown-menu a:hover {
  background: rgba(27, 41, 86, 1) !important; 
}

.controls-list .nav-link[aria-expanded=true] {
  background: #2B428A !important;
}

.carousel-item {
  transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
  opacity: 1;
}


.carousel-indicators li {
  background-color: rgba(255, 255, 255, 0.6);
  border: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.carousel-control-prev,
.carousel-control-next {
  opacity: 0.8;
  width: 5%;
}

.carousel-caption {
  background: rgba(0, 0, 0, 0.5);
  padding: 20px;
  border-radius: 10px;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
  bottom: 33px !important;
}

.carousel-item.active .carousel-caption {
  opacity: 1;
  transform: translateY(0);
}

.carousel-caption h5 {
  font-size: 2rem;
  font-weight: bold;
}

.carousel-caption p {
  font-size: 1.3rem;
}

.navbar {
  border-bottom: none !important;
}

.main-navbar-collapsable .mainmenu>li>a {
  color: #000000;
  padding: 1.3rem 1.3rem;

}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  background: 0 !important;
}

.category-card {
  position: relative;
  overflow: hidden;
}

.category-card img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
}

.category-card:hover img {
  transform: scale(1.05);
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #B1CD37;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  padding: 20px;
}

/* //////////////////FIN SLIDER//////////////////////// */

.categories .category-card {
  position: relative;
  overflow: hidden;
  display: block;
}

.categories p {
  color: #555555;
}

.categories .product-image {
  width: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.categories .category-card:hover .product-image {
  transform: scale(1.05);
}

.categories .product-title {
  position: absolute;
  top: 20px;
  left: 20px;
  color: white;
  font-size: 27px;
  font-weight: bold;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.categories .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: none;
}

.uberschrift {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.uberschrift .line {
  flex: 1;
  height: 1px;
  background-color: #e2e2e2;
}


.lecksteine-youtube-video a {
  text-decoration: none;
}

.lecksteine-youtube-video .iframe-container {
  background: url(https://cdn02.plentymarkets.com/zvcbffq7m63d/frontend/Animalixs/HomePage/lecksteine-Shop.webp);
  background-position-x: center;
  background-size: cover;
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3px;
}

.lecksteine-youtube-video .iframe-container img {
  padding: 13vh 15px;
  margin: 0 auto;
  max-width: 200px;
  filter: grayscale(1);
  opacity: 0.7;
}

.lecksteine-youtube-video .iframe-container:hover img {
  filter: hue-rotate(37deg);
}

@media (min-width: 900px) {
  .lecksteine-youtube-video .iframe-container {
    min-height: 700px;
  }
}


/* Jetzt shoppen Section */

.jetzt-shoppen .item-card {
  background-color: #f4f4f4;
  height: 100%;
  padding: 0;
  text-align: center;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  transition: all 0.3s ease;
  text-decoration: none;
}

.jetzt-shoppen .item-card img {
  transition: transform 0.3s ease;
}

.jetzt-shoppen .item-card:hover img {
  transform: scale(1.07);
}

.jetzt-shoppen .item-icon {
  width: 100%;
  height: auto;
  max-width: 100px;
}

.jetzt-shoppen .item-title {
  color: black;
  font-size: 15px;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
  margin-top: 10px;
}

@media (min-width: 991px) {
  header .navbar-brand, header .brand-wrapper {
      margin-top: 5px;
  }
    .top-bar-items .always-visible-search .search-input {
      margin-left: 15px !important;
  }
}

@media (max-width: 768px) {
  /* .jetzt-shoppen .item-card {
    padding: 16px;
  } */

  .jetzt-shoppen .item-title {
    font-size: 15px;
  }

  .jetzt-shoppen .item-card:hover img {
    transform: scale(1.05);
  }
}

/* Fin Jetzt shoppen Section */


/* New Section Categories */

/* Main Grid Layout */
.animalixs-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 10px;
}

/* Right Side Grid */
.animalixs-grid .right-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-template-rows: 1fr 1fr;
   gap: 10px;
}

.animalixs-grid  .camping-card {
   display: block;
   cursor: pointer;
   position: relative;
   overflow: hidden;
   width: 100%;
   height: 100%;
}

.animalixs-grid  .camping-card:hover img {
   transition: all  0.4s ease;
   transform:scale(1.1);
   filter: brightness(1);
}

.animalixs-grid .camping-card:hover .percentage-icon img {
   animation: animalixs-wig 1s ease-in-out infinite;
}

@keyframes animalixs-wig {
   0%, 100% {
       transform: rotate(-3deg);
   }
   50% {
       transform: rotate(3deg);
   }
}


.animalixs-grid .camping-card img {
   transition: all  0.4s ease;
   width: 100%;
   height: auto;
   aspect-ratio: 1 / 1;
   object-fit: cover;
   filter: brightness(0.9);
}

.animalixs-grid .card-overlay {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   background: linear-gradient(0deg, rgb(0 0 0 / 76%) 0%, rgb(0 0 0 / 0%) 100%);
   color: white;
}

.animalixs-grid .camping-card.large  .percentage-icon  {
   width: 80px;
   height: 80px;
}

.animalixs-grid .percentage-icon {
   position: absolute;
   top: 10px;
   right: 10px;
   width: 55px;
   height: 55px;
}

.animalixs-grid .discover-btn {
   color: white;
   border: 1px solid white;
   background-color: transparent;
   padding: 8px 24px;
   text-decoration: none;
   display: inline-block;
   transition: all 0.3s;
}

.animalixs-grid .discover-btn:hover {
   background-color: #1B2956;
   border: 1px solid #1B2956;
   color: white;
}

.animalixs-grid .subtitle {
   font-size: 1rem;
   margin-bottom: 1rem;
}

.animalixs-grid h3 {
   margin-bottom: 0;
}


@media (max-width: 768px) {
   .animalixs-grid {
       grid-template-columns: 1fr;
       height: auto;
   }

   .animalixs-grid .right-grid {
       grid-template-columns: 1fr;
       grid-template-rows: repeat(4, 300px);
   }

   .animalixs-grid .card-overlay h2 {
       font-size: 1.5rem;
   }

   .animalixs-grid .card-overlay h3 {
       font-size: 1.2rem;
   }
}

@media (max-width: 991px) {
   .animalixs-grid {
       grid-template-columns: 1fr;
       height: auto;
   }
}

/* Fin New Section Categories */



@media (min-width: 991px) {
  .widget.widget-item-list.widget-primary {
    padding-left: 27px !important;
    padding-right: 27px !important;
  }

  .widget.widget-item-grid.widget-primary  {
    padding-left: 13px !important;
    padding-right: 13px !important;
  }

  .breadcrumbs .breadcrumb  {
    padding-left: 30px !important;
    padding-right: 27px !important;
  }

  header .navbar-brand, header .brand-wrapper {
    padding-left: 5px !important;
  }
  .top-bar-items .always-visible-search .search-input {
    margin-left: 14px !important;
  }

  .page-home-category  .main {
    padding: 0 !important;
  }
  .main {
    padding: 0px 130px !important;
  }
  .page-content.wishlist {
   margin-left: 16px !important;
  }

  footer {
    padding: 0px 135px;
  }
}

/* //////////////////Fin Home Page///////////////////////// */



/*/////////////////// Anmelden, Registrieren ////////////////*/

.login-modal .modal-content .modal-header .modal-title,
#registration .modal-content .modal-header .modal-title,
.login-pwd-reset .modal-content .modal-header .modal-title,
.invoice-addresses-select .modal-content .modal-header .modal-title,
.shipping-addresses-select .modal-content .modal-header .modal-title {
  font-size: 25px !important;
}

.login-modal .modal-content,
#registration .modal-content,
.login-pwd-reset .modal-content,
.invoice-addresses-select .modal-content,
.shipping-addresses-select .modal-content {
  padding: 34px 10px !important;
}


.modal {
  padding-right: 0px !important;
}


.login-modal .modal-content,
#registration .modal-content,
.login-pwd-reset .modal-content,
.invoice-addresses-select .modal-content,
.shipping-addresses-select .modal-content {
  border-radius: 15px;
  padding: 50px;
}

.login-modal .modal-content .modal-header,
#registration .modal-content .modal-header,
.login-pwd-reset .modal-content .modal-header,
.invoice-addresses-select .modal-content .modal-header,
.shipping-addresses-select .modal-content .modal-header {
  padding-bottom: 30px;
  padding-top: 30px;
  border-bottom: none;
}

#registration .modal-content .modal-body form .border-top {
  padding-bottom: 30px;
  border-top: none !important;
}

.login-pwd-reset .modal-content .modal-header {
  padding-bottom: 0 !important;
}

.login-pwd-reset .modal-content .modal-body .alert-info {
  color: black;
  background-color: transparent;
  border-color: transparent;
  font-size: 17px;
  padding: 0;
  text-align: center;
  padding-bottom: 13px;
}

.login-modal .modal-content .modal-footer,
.login-pwd-reset .modal-content .modal-footer {
  border: none;
  padding-top: 0;
}

.login-modal .modal-content .modal-footer div,
.login-pwd-reset .modal-content .modal-footer div {
  width: 100%;
}

.login-modal .modal-content .modal-footer div a {
  font-size: 12px;
  color: #1B2956;
}

.login-modal .modal-content .modal-footer div a:hover {
  color: red;
}

.login-modal .modal-content .modal-footer div button,
#registration .modal-content .modal-body form .border-top button,
.login-pwd-reset .modal-content .modal-footer div button,
.invoice-addresses-select .modal-content .modal-body form button,
.shipping-addresses-select .modal-content .modal-body form button {
  width: 100%;
  background-color: #1B2956;
  border: 2px solid #1B2956;
  color: white;
  margin-top: 20px !important;
}


.login-modal .modal-content .modal-footer div button:hover,
.login-pwd-reset .modal-content .modal-footer div button:hover,
#registration .modal-content .modal-body form .border-top button:hover,
.invoice-addresses-select .modal-content .modal-body form button:hover,
.shipping-addresses-select .modal-content .modal-body form button:hover {
  background-color: white;
  color: #1B2956;
}

.login-modal .modal-content .modal-footer div button i,
#registration .modal-content .modal-body form .border-top button i {
  display: none;
}

.login-pwd-reset .modal-content .modal-footer div button i {
  color: white;
}

.pwd-reset .login-pwd-reset a, .form-check label.form-check-label a {
  color: #1B2956 !important;
}

.login-pwd-reset .modal-content .modal-footer div button:hover i {
  color: #1B2956;
}

.login-pwd-reset .modal-content .modal-footer div {
  display: flex;
}

.login-pwd-reset .modal-content .modal-footer div button:first-child {
  border: 2px solid #1B2956;
  background-color: white;
  border-radius: 10px;
  font-size: large;
  color: #1B2956;
}

.login-pwd-reset .modal-content .modal-footer div button:first-child:hover {
  background-color: #1B2956;
  color: white;
}

.login-pwd-reset .modal-content .modal-footer div button:first-child i {
  color: #1B2956;
}

.login-pwd-reset .modal-content .modal-footer div button:first-child:hover i {
  color: white;
}

.login-modal .modal-content .modal-body .input-unit,
.login-pwd-reset .modal-content .modal-body .input-unit,
#registration .modal-content .modal-body form,
.invoice-addresses-select .modal-content .modal-body .input-unit,
.shipping-addresses-select .modal-content .modal-body .input-unit {
  border: none;
}

#registration .modal-content .modal-body form .row {
  display: flex;
  flex-direction: column;
}

#registration .modal-content .modal-body form .row div {
  width: 100%;
  max-width: 100%;
}

#registration .modal-content .modal-body form .row div.col-sm-6 {
  margin-bottom: 14px;
}

.login-modal .modal-content .modal-body input,
.login-pwd-reset .modal-content .modal-body input,
#registration .modal-content .modal-body form input,
.invoice-addresses-select .modal-content .modal-body form input,
.invoice-addresses-select .modal-content .modal-body form select,
.shipping-addresses-select .modal-content .modal-body form input,
.shipping-addresses-select .modal-content .modal-body form select {
  border: 1px solid #707070;
  border-radius: 7px;
  padding: 14px 13px;
}

#registration .modal-content .modal-body form .form-check input.form-check-input {
  width: 15px;
  height: 15px;
}

#registration .modal-content .modal-body form .form-check label a {
  color: #1B2956;
}

#registration .modal-content .modal-body form .form-check label a:hover {
  color: red;
}

.login-modal .modal-content .modal-body input:focus,
.login-pwd-reset .modal-content .modal-body input:focus,
#registration .modal-content .modal-body form input:focus,
.invoice-addresses-select .modal-content .modal-body form input:focus,
.invoice-addresses-select .modal-content .modal-body form select:focus,
.shipping-addresses-select .modal-content .modal-body form input:focus,
.shipping-addresses-select .modal-content .modal-body form select:focus {
  border: 2px solid black;
}

.login-modal .modal-content .modal-header .modal-title,
.login-pwd-reset .modal-content .modal-header .modal-title,
#registration .modal-content .modal-header .modal-title,
.invoice-addresses-select .modal-content .modal-header .modal-title,
.shipping-addresses-select .modal-content .modal-header .modal-title {
  color: #1B2956;
  font-weight: bold;
  font-size: 40px;
  font-family: 'recoleta-b';
  margin: auto;
  text-align: center;
}

.login-modal .modal-content .modal-header button.close,
.login-pwd-reset .modal-content .modal-header button.close,
#registration .modal-content .modal-header button.close,
.invoice-addresses-select .modal-content .modal-header button.close,
.shipping-addresses-select .modal-content .modal-header button.close {
  position: absolute;
  top: 28px;
  right: 29px;
  padding: 3px 7px;
  border: 3px solid #000000;
  border-radius: 30px;
}

#registration .modal-content .modal-header div .popper-handle button {
  position: absolute;
  top: 15px;
  right: 53px;
  padding: 7px 11px;
  border: 3px solid #000000;
  border-radius: 30px;
}

/*////////////////////////////////////////// Fin Anmelden, Registrieren /////////////////////////////////////////////*/


/* ///////////////// Social network button ///////////// */

.social-buttons {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.btn-social-network {
  display: inline-flex;
  align-items: center;
  padding: 0.75rem 2.5rem;
  border-radius: 30px;
  color: white !important;
  font-weight: bold;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.btn-social-network i {
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.instagram {
  background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
}

.facebook {
  background-color: #1877f2;
}

.instagram:hover,
.facebook:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
  .social-buttons {
    flex-direction: column;
  }

  .btn-social-network {
    width: 100%;
    justify-content: center;
  }

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


/* ///////////////// Fin Social network button ///////////// */

/* ///////////////// Payment and Shipping ///////////// */

.icon-box {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.icon-box i {
  font-size: 1.5rem;
  color: #1B2956;
  margin-right: 0.75rem;
}

.icon-box p{
margin-bottom: 0rem;
}

.payment-shipping i {
color: #1B2956;
}

.crossprice {
  display: none;
}

/* ///////////////// Payment and Shipping ///////////// */

/* ///////////////// Categorie Page ///////////// */

#controlsList {
  margin-right: 1rem;
  }
  

.breadcrumbs nav ul.breadcrumb .breadcrumb-item a{
  color:#1B2956 !important;
}
.breadcrumbs nav ul.breadcrumb .breadcrumb-item.active span{
  color: #6c757d !important;
}
.breadcrumbs nav ul.breadcrumb .breadcrumb-item a, .breadcrumbs nav ul.breadcrumb .breadcrumb-item span{
  font-size: 14px !important;
}

@media (min-width: 576px) {
  .categoriegrid  .product-list li {
      padding: 5px !important; 
  }
}

.categoriegrid.page-content .list-controls.row {
  margin-bottom: 0 !important;
}

.page-item .page-link, .page-link {
  color:#1B2956 !important;
}

.page-item.active .page-link {
  color:white !important;
  background-color: #1B2956 !important;
  border-color: #1B2956 !important;
}

/* ///////////////// Fin Categorie Page ///////////// */


/* ///////////////// Product-thumb ///////////// */

.single .producer, .page-singleitem .producer, .widget-add-to-wish-list button, .itemNumber b {

  border: none !important;
  color: #00000057 !important;
  text-transform: uppercase;
  font-weight: lighter;

}



.breadcrumbs nav ul.breadcrumb .breadcrumb-item a, .breadcrumbs nav ul.breadcrumb .breadcrumb-item span {
  font-size: 11px !important;
  }

  .breadcrumbs {
    background-color: #f4f4f4;
    }
    
    .single .price, .page-singleitem .price {
    font-size: 3rem;
    }

.kataloge a {
  margin: 0 auto;
  display: block;
  max-width: 250px;
  padding: 0.7rem;
  text-align: center;
}  

.kataloge h3 {
  text-align: center;
  border-top: 1px solid #6c757d;
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.bildText .image-container img {
          width: 100%;
          border-radius: 15px;
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      }
      .bildText .text-container {
          background: #f8f9fa;
          padding: 30px;
          border-radius: 15px;

          margin-top: 20px;
      }
  

.add-to-basket-container {
  margin: 0rem 6px -3px 26px;
}

.cmp.cmp-product-thumb {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: end !important;
}

.cmp.cmp-product-thumb .add-to-basket-lg-container {
  border-color: rgba(0, 0, 0, 0) #1B2956 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
  display: block !important;
}

.cmp.cmp-product-thumb .add-to-basket-lg-container:hover {
  border-color: rgba(0, 0, 0, 0) #f7f7f9 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}
.cmp.cmp-product-thumb .add-to-basket-lg-container:hover i {
  color: black !important;
}

.cmp.cmp-product-thumb .add-to-basket-lg-container i {
  top: 20px !important;
  color: white !important;
}

.special-tags .badge.badge-success, .special-tags .badge.bg-info, .badge-new.badge-primary {
  background-color: #1B2956 !important;
}

/*  .language-detection */

.language-detection.widget-primary {
  position: fixed !important;
  top: 0;
  left: 0 !important;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
  z-index: 1000 !important;
  opacity: 0;
  visibility: hidden; 
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out
}


/* Class added by JavaScript to show the popup */
.language-detection.popup-active {
    opacity: 1;
    visibility: visible;
}


.language-detection.widget-primary .bg-appearance {
    background-color: white !important;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15), 0 4px 8px rgba(0, 0, 0, 0.08);
    max-width: 450px;
    width: 90%;
    position: relative; 
    transform: translateY(20px) scale(0.98);
    opacity: 0;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}


/* Animation for the popup content when active */
.language-detection.popup-active .bg-appearance {
    transform: translateY(0) scale(1);
    opacity: 1;
}


.language-detection.widget-primary .d-flex {
    flex-direction: column; 
    align-items: flex-start; 
    gap: 40px; 
    padding: 0; 
}

.language-detection.widget-primary .d-flex .align-self-center.mr-auto {
    font-size: 1.25rem; 
    font-weight: 600; 
    color: #333;
    line-height: 1.4;
    text-align: left; 
    margin-right: 0 !important;
    width: 100%; 
}

.language-detection.widget-primary .text-nowrap {
    display: flex;
    flex-direction: column; 
    gap: 12px; 
    width: 100%; 
    align-self: stretch; 
}

.language-detection.widget-primary .btn.btn-sm.btn-appearance {
  width: 100%;
  padding: 10px 16px;
  border-radius: 6px;
  background-color: #1B2956 !important;
  color: white !important;
  font-size: 1rem;
  font-weight: 500;
  border: none !important;
  cursor: pointer;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.language-detection.widget-primary .btn.btn-sm.btn-appearance:hover {
    background-color: #2B428A;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.language-detection.widget-primary .btn.btn-sm.btn-appearance i {
    display: none;
}

.language-detection.widget-primary .m-sm-1 {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: transparent;
    color: black !important;
    font-size: 1rem;
    text-decoration: none;
    transition: color 0.2s ease, background-color 0.2s ease;
    border: none;
    cursor: pointer;
    z-index: 10;
    margin: 0;
}

.language-detection.widget-primary .m-sm-1:hover {
    background-color: #B1CD37;
    color: white !important;
}

.language-detection.widget-primary .m-sm-1 .fa-close {
  display: block;
  width: 100%;
  line-height: 1;
  text-align: center;
}


/* Fin .language-detection */
.cmp.cmp-product-thumb .special-tags .badge {
  box-shadow: none !important;
}

@media (min-width: 768px) {
  .widget.widget-item-list .col-12.col-sm-6.col-md-3 {
    padding: 3px !important;
  }
}

@media (max-width: 991px) {
  .bildText .row {
      flex-direction: column;
  }
  .image-container {
      order: -1;
  }
  .text-container {
      margin-top: 20px;
  }
}

@media (min-width: 991px) {
  .breadcrumbs .breadcrumb {
      background-color: #f4f4f4;
  }
}

.owl-carousel .owl-nav, .owl-carousel .owl-dots, .owl-carousel .owl-single-item-nav {
  display: block !important;
}

.owl-carousel .carousel-control:hover i {
  color: #1B2956 !important;
}

.owl-carousel .carousel-control.right .owl-single-item-control {
  right: 12px !important;
}

.owl-carousel .carousel-control.left .owl-single-item-control {
  left: 12px !important;
}

.cmp.cmp-product-thumb .thumb-image .owl-nav .owl-next i::before,
.cmp.cmp-product-thumb .thumb-image .owl-nav .owl-prev i::before{
  color: #1B2956 !important;
}

.cmp-product-thumb .thumb-image>noscript, .cmp-product-thumb .thumb-image a img, .cmp-product-thumb .thumb-image .owl-carousel {
  height: auto;
}

.cmp.cmp-product-thumb .thumb-image .owl-nav .owl-next:hover,
.cmp.cmp-product-thumb .thumb-image .owl-nav .owl-prev:hover{
  background-color: #1B2956 !important;
}
.cmp.cmp-product-thumb .thumb-image .owl-nav .owl-next:hover i::before,
.cmp.cmp-product-thumb .thumb-image .owl-nav .owl-prev:hover i::before{
  color: white !important;
}
.cmp.cmp-product-thumb .thumb-image .owl-dots .owl-dot span{
  margin: 3px 2px !important;
}
.cmp.cmp-product-thumb .thumb-image .owl-dots .owl-dot.active span{
  background: #1B2956 !important;
}
.cmp.cmp-product-thumb .thumb-image .owl-dots .owl-dot span{
  margin: 3px 2px !important;
  width: 6px !important;
  height: 6px !important;
}
.cmp.cmp-product-thumb .thumb-content a.thumb-title{
  color: #282829 !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  padding-bottom: 4px;
}
.cmp.cmp-product-thumb .thumb-content .thumb-meta {
  margin-top:0 !important;
}
.cmp.cmp-product-thumb .thumb-content .thumb-meta .prices .price {
  color: #1B2956 !important;
  line-height: 1.7;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 800 !important;
}

.cmp.cmp-product-thumb .thumb-content .btn-group,
.cmp.cmp-product-thumb .btn-group {
  display: none !important;
}

/* ///////////////// Fin Product-thumb ///////////// */


/* ///////////////// Product-Page ///////////// */

.page-singleitem .nav-tabs {
  border-bottom: none !important;
  justify-content: center !important;
}

.page-singleitem .tab-content {
  background-color: white;
  padding: 3rem;
}
.page-singleitem .tab-content p {
  font-size: 15px !important;
}
.page-singleitem .title {
  font-size: 2.5rem;
}
.single .price, .page-singleitem .price span {
  color: #1B2956 !important;
  font-weight: 800 !important;
}

.single .nav-tabs .nav-link.active, .single .nav-tabs .nav-link:hover, .page-singleitem .nav-tabs .nav-link.active, .page-singleitem .nav-tabs .nav-link:hover {
  background: transparent;
  border-bottom: 2px solid #1B2956 !important;
  color: #1B2956 !important;
}

.single .nav-tabs .nav-link, .page-singleitem .nav-tabs .nav-link {
  border: none !important;
  color: #00000057 !important;
  text-transform: uppercase;
  font-weight: 600;
}


@media (max-width: 768px){
  .tab-content {
    padding: 1.5rem !important;
  }
}


.table {
  border: 1px solid #1B2956;
}

.table th, .table td {
  border-top: none;
}

.table-sm th, .table-sm td {
    padding: 0.6rem;
    border-right: 1px solid #1B2956;
}

  
/* ///////////////// Fin Product-Page ///////////// */



/* ///////////////// basket-preview ///////////// */

.basket-preview .basket-list-item .item-name, 
.wishlist .basket-list-item .item-name, 
.page-basket .basket-list-item .item-name,
.checkout .basket-list-item .item-name  {
  color: black !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

.basket-preview .basket-list-item .item-total-price, .wishlist .basket-list-item .item-total-price,
.page-basket .basket-list-item .item-total-price,
.checkout .basket-list-item .item-total-price {
  color: #1B2956 !important;
  font-size: 1.2rem !important;
  font-weight: 800 !important;
}

.basket-preview .basket-list-item .item-base-price, .wishlist .basket-list-item .item-base-price, 
.page-basket .basket-list-item .item-base-price,
.checkout .basket-list-item .item-base-price {
  font-size: 13px !important;
}

.basket-preview .basket-list-item strong, 
.wishlist .basket-list-item strong, 
.page-basket .basket-list-item strong, 
.checkout .basket-list-item strong {
  font-weight: bold !important;
  font-size: 12px !important;
}

/* ///////////////// Fin basket-preview ///////////// */


/* ///////////////// Wishlist, Warenkorb ///////////// */

.wishlist {
  margin-top: 25px !important;
}

.widget-primary .text-appearance {
  color: #1B2956 !important;
}

.widget-add-to-wish-list button {
  font-size: 0.8rem;
}

.base-price {
  font-size: 10px;
  margin-top: 6px !important;
}

.wishlist .h2, .page-basket .h2, .checkout .h2, .page-my-account .myaccount  .h2 {
  font-weight: bold !important;
  text-align: center !important;
}

.wishlist .basket-list-item .badge.availability-1, 
.page-basket .basket-list-item .badge.availability-1,
.checkout  .basket-list-item .badge.availability-1{
  color: #1B2956;
  background-color: transparent;
  font-size: 11px !important;
}

.availability-1 {
  padding: 2px 6px !important;
  background-color: #1B2956;
}

.wishlist .basket-list-item {
  width: 100% !important;
}

.page-basket .basket-list-item .basket-item .btn-collapse::after {
  color: white !important;
  background-color: #2B428A !important;
}

.basket-list-item .basket-item  .text-appearance {
  color: #2B428A !important;
}

/* ///////////////// Fin wishlist ///////////// */

/* ///////////////// Philosphie Page ///////////// */

.philosphie-second-section .widget-image-box,
.philosphie-second-section .widget-image-box {
    height: 100% !important;
}

.philosphie-third-section .lecksteine-youtube-video .iframe-container {
    min-height: 310px !important;
}

.philosphie-third-section .lecksteine-youtube-video .iframe-container img {
    padding-top: initial !important;
    max-width: 115px !important;
}


@media (max-width: 768px) {
  .philosphie-first-section {
      flex-direction: column-reverse !important;
  }
}

/* ///////////////// Fin Philosphie Page ///////////// */


/* ///////////////// Login Page ///////////// */

.registrierung-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out;
  margin-top: 10px;
  padding: 0 15px;
  border-radius: 5px;
}

.registrierung-content.show {
  max-height: 100%;
}


@media (min-width: 768px) {
  .gast-bestellung {
      margin: auto;
      max-width: 800px;
  }
}

/* ///////////////// Fin Login Page ///////////// */


/* ///////////////// Payment-shipping-page ///////////// */
       
       .payment-shipping-page h1 {
          text-align: center;
        }

       .payment-shipping-page .payment-shipping {
            background: white;
            border-radius: 8px;
            padding: 2.5rem;
            box-shadow: 0 2px 10px rgba(0,0,0,0.08);
            border: 1px solid #e9ecef;
        }

        .payment-shipping-page .info-section {
            margin-bottom: 2rem;
            padding-bottom: 1.5rem;
            border-bottom: 1px solid #e9ecef;
        }

       .payment-shipping-page .icon-box {
            display: flex;
            align-items: flex-start;
            margin-bottom: 1.2rem;
            padding: 1rem;
            background-color: #f8f9fa;
            border-radius: 6px;
            border-left: 3px solid #1B2956;
        }

       .payment-shipping-page .icon-box i {
            font-size: 1.2rem;
            color: #1B2956;
            margin-right: 1rem;
            margin-top: 0.2rem;
            min-width: 25px;
        }

       .payment-shipping-page .icon-box p {
            flex: 1;
            margin: 0;
            font-size: 0.95rem;
        }

       .payment-shipping-page h4 {
          color: #2c3e50;
          font-size: 1.3rem;
          font-weight: 600;
          margin: 2.5rem 0 0.5rem 0;
          display: flex;
          align-items: center;
        }

       .payment-shipping-page h4 i {
            margin-right: 0.7rem;
            color: #1B2956;
            font-size: 1.1rem;
        }

      .payment-shipping-page  h5 {
            color: #2c3e50;
            font-size: 1.1rem;
            font-weight: 600;
            margin: 1.5rem 0 0.8rem 0;
            padding: 0.7rem 1rem;
            background-color: #f1f3f4;
            border-radius: 4px;
            border-left: 4px solid #6c757d;
        }

      .payment-shipping-page  .uk-priority,
      .payment-shipping-page  .france-priority,
      .payment-shipping-page  .netherlands-priority,
      .payment-shipping-page .germany-priority {
            background: linear-gradient(90deg, rgba(20, 31, 65, 0.1) 0%, rgba(27, 41, 86, 0.1) 35%, rgba(43, 66, 138, 0.1) 100%);
            border-left: 4px solid;
            border-image: linear-gradient(90deg, rgba(20, 31, 65, 1) 0%, rgba(27, 41, 86, 1) 35%, rgba(43, 66, 138, 1) 100%) 1;
            color: #2B428A;
            font-weight: 700;
            position: relative;
        }

      .payment-shipping-page  .uk-priority::after {
            content: "🇬🇧";
            position: absolute;
            right: 1rem;
            top: 50%;
            transform: translateY(-50%);
        }

        .germany-priority::after {
            content: "🇩🇪";
            position: absolute;
            right: 1rem;
            top: 50%;
            transform: translateY(-50%);
        }

        
        .france-priority::after {
            content: "🇫🇷 & 🇮🇹";
            position: absolute;
            right: 1rem;
            top: 50%;
            transform: translateY(-50%);
        }

        
        .netherlands-priority::after {
            content: "🇳🇱";
            position: absolute;
            right: 1rem;
            top: 50%;
            transform: translateY(-50%);
        }

      .payment-shipping-page  ul {
            background-color: #fafafa;
            border: 1px solid #e9ecef;
            border-radius: 4px;
            padding: 1rem 1.5rem;
            margin: 0.8rem 0;
        }

      .payment-shipping-page  li {
            margin: 0.4rem 0;
            padding: 0.3rem 0;
            font-size: 0.95rem;
        }

      .payment-shipping-page  li:not(:last-child) {
            border-bottom: 1px solid #e9ecef;
        }

      .payment-shipping-page  p {
            margin: 1rem 0;
            font-size: 0.95rem;
            line-height: 1.6;
        }

      .payment-shipping-page  a {
            color: #1B2956;
            text-decoration: none;
            font-weight: 500;
        }

      .payment-shipping-page  a:hover {
            color: #2B428A;
            text-decoration: underline;
        }

      .payment-shipping-page  .free-shipping {
            background: linear-gradient(90deg, rgba(20, 31, 65, 0.1) 0%, rgba(27, 41, 86, 0.1) 35%, rgba(43, 66, 138, 0.1) 100%);
            color: #2B428A;
            padding: 0.8rem;
            border-radius: 4px;
            margin: 1rem 0;
            text-align: center;
            font-weight: 600;
        }

      .payment-shipping-page  .unavailable {
            background-color: #ffebee;
            color: #c62828;
            padding: 0.5rem 1rem;
            border-radius: 4px;
            border: 1px solid #ef5350;
            display: inline-block;
            font-weight: 600;
        }

       .payment-shipping-page .payment-methods-section {
            background-color: #f8f9fa;
            border-radius: 6px;
            padding: 1.5rem;
            margin-top: 1.5rem;
            border: 1px solid #e9ecef;
        }

       .payment-shipping-page .payment-methods-section ul {
            background-color: white;
            border-left: 4px solid #1B2956;
        }

       .payment-shipping-page .section-divider {
            height: 2px;
            background: linear-gradient(90deg, rgba(20, 31, 65, 1) 0%, rgba(27, 41, 86, 1) 35%, rgba(43, 66, 138, 1) 100%);
            margin: 2rem 0;
            border-radius: 1px;
        }

        /* Accent elements with gradient */
      .payment-shipping-page  .gradient-accent {
            background: linear-gradient(90deg, rgba(20, 31, 65, 1) 0%, rgba(27, 41, 86, 1) 35%, rgba(43, 66, 138, 1) 100%);
            height: 4px;
            width: 60px;
            margin: 0.5rem 0;
            border-radius: 2px;
        }

        @media (max-width: 768px) {
          .payment-shipping-page  h1 {
                font-size: 1.8rem;
            }
            
           .payment-shipping-page .payment-shipping {
                padding: 1.5rem;
            }
            
           .payment-shipping-page .icon-box {
                flex-direction: column;
                text-align: left;
            }
            
          .payment-shipping-page  .icon-box i {
                margin-bottom: 0.5rem;
                margin-right: 0;
            }
        }

/* ///////////////// Fin payment-shipping-page ///////////// */



/* ///////////////////// FAQ ///////////////////// */

.faq-section-wrapper {
    max-width: 800px;
    margin: 40px auto;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    color: #333;
    padding: 0 20px;
}

.faq-main-title {
    text-align: center;
    margin-bottom: 30px;
    font-size: 28px;
    color: #2c3e50; /* Dark Blue/Grey */
}

/* Accordion Item Styling */
.faq-item {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    margin-bottom: 15px;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
}

.faq-item:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.08);
    border-color: #bdc3c7;
}

/* The clickable question part */
.faq-item summary {
    padding: 18px 25px;
    cursor: pointer;
    font-weight: 600;
    font-size: 18px;
    list-style: none; /* Hides default triangle */
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
}

/* Remove default marker for Safari/Chrome */
.faq-item summary::-webkit-details-marker {
    display: none;
}

/* Custom Plus/Minus Icon */
.faq-item summary::after {
    content: '+';
    font-size: 24px;
    font-weight: 300;
    color: #2c3e50;
    transition: transform 0.2s ease;
}

/* Open State Styling */
.faq-item[open] summary {
    border-bottom: 1px solid #f0f0f0;
    background-color: #fafafa;
}

.faq-item[open] summary::after {
    content: '\2212'; /* Minus sign */
    transform: rotate(180deg);
}

/* The Answer part */
.faq-answer {
    padding: 20px 25px;
    background-color: #fff;
    line-height: 1.6;
    font-size: 16px;
    color: #555;
}

.faq-answer p {
    margin-top: 0;
    margin-bottom: 15px;
}

.faq-answer ul {
    margin-bottom: 15px;
    padding-left: 20px;
}

.faq-answer li {
    margin-bottom: 5px;
}

.faq-answer a {
    color: #2980b9;
    text-decoration: none;
    font-weight: bold;
}

.faq-answer a:hover {
    text-decoration: underline;
}

/* Responsive Tweaks */
@media (max-width: 600px) {
    .faq-item summary {
        padding: 15px;
        font-size: 16px;
    }
    .faq-answer {
        padding: 15px;
    }
}

/* /////////////////Fin : FAQ///////////// */


/* /////////////////Footer///////////// */

.footer.container-max {
  max-width: 100% !important;
  padding: 0;
}

footer  {
  background: linear-gradient(90deg, rgba(20, 31, 65, 1) 0%, rgba(27, 41, 86, 1) 35%, rgba(43, 66, 138, 1) 100%);  color: #fff;  
}

footer .footer-top {
  background-color: rgb(0, 0, 0);
}

footer .top-banner {
  padding: 25px 0px 10px 0;
  border-bottom: 0.5px solid #ffffff2b;
  color:white;
}

footer .footer-main {
  padding: 40px 0px 20px 0px;
  color: white;
}

footer .footer-bottom {
  padding: 15px 0;
  border-top: 0.5px solid #ffffff2b;
  color:white;
}

footer .footer-bottom small {
  font-size: 13px;
}

footer .feature-item {
  display: flex;
  gap: 15px;
}

footer .feature-item i {
  font-size: 18px;
  margin-bottom: 10px;
}

footer .feature-item h6 {
  text-decoration: underline;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 7px;
}

footer .payment-methods img,
footer .shipping-methods img {
  width: 60px;
  margin: 2px;
}

footer .footer-links {
  list-style: none;
  padding: 0;
}

footer .footer-links li {
  margin-bottom: 10px;
}

footer .footer-links a {
  color: white;
  text-decoration: none;
}

footer .footer-links a:hover {
  color: #B1CD37;
}

footer .social-icons a {
  color: #ffffff;
  margin-right: 15px;
  font-size: 20px;
  text-decoration: none;
}

footer h5 {
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: bold;
  text-decoration: underline;
}

footer .kontaktformular-ul {
  list-style: none;
  padding: 0;
}

footer .kontaktformular-ul li {
  margin-bottom: 13px;
}

footer .kontaktformular-ul a {
  color: white;
  font-size: 20px;
  line-height: 30px;
  font-weight: 800;
  text-decoration: none !important;
  border-bottom: 2px solid white;
  margin-bottom: 20px;
}

.widget-contact-form .input-unit label{
  color: black !important;
  font-size: 10px !important;
}

.input-unit-btn .fa-times::before {
  content: "\f057" !important; /* close icon */
}

.input-unit-btn .fa-ellipsis-h::before {
  content: "\f15b" !important; /* fa-file icon */
}

footer .back-to-top, footer .back-to-top-center {
  width: 44px !important;
  height: 44px !important;
  background: #1B2956 !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
}

footer .back-to-top i, footer .back-to-top-center i {
  font-size: 1.5em !important;
}

/* /////////////////Fin Footer///////////// */


/* ///////////////////// schweine-leckstein ///////////////////// */

#schweine-leckstein .swiper-slide img {
    object-fit: fill !important;
}

/* Floating Language Switcher Styles */
#schweine-leckstein .floating-lang-container {
    position: fixed;
    right: 20px; /* Distance from right edge */
    top: 30%;
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    border-radius: 50px; /* Pill shape */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    z-index: 9999;
    overflow: hidden;
    padding: 5px;
    width: 45px; /* Compact width */
    transition: all 0.3s ease;
}

#schweine-leckstein .lang-tile {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    color: #1B2956; /* Brand Green */
    height: 35px;
    width: 35px;
    border-radius: 50%;
    transition: all 0.2s ease;
}

#schweine-leckstein .lang-tile:hover {
    background-color: #f8f9f4;
    color: #2B428A;
}

/* Active State: Solid Green Circle */
#schweine-leckstein .lang-tile.active {
    background-color: #1B2956;
    color: #ffffff;
    pointer-events: none;
}

#schweine-leckstein .lang-separator {
    height: 1px;
    background-color: #eee;
    margin: 4px auto;
    width: 60%;
}

/* Responsive: Move it slightly higher or smaller on mobile if needed */
@media (max-width: 768px) {
    #schweine-leckstein .floating-lang-container {
        right: 10px;
        top: 35%;
    }
}


/* ///////////////////// Lecksteine-shop V2 Category Section  ///////////////////// */

/* Animalixs Category Section Global Wrapper */
.animalixs-category-section {
    width: 100%;
    display: block;
}

.animalixs-category-section .category-container {
    width: 100%;
    background-color: #2e3f810d;
    overflow-x: auto;
    overflow-y: hidden;
    padding:  30px 20px;
    position: relative;
}

/* Hide Scrollbar but keep functionality */
.animalixs-category-section .category-container::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
}

.animalixs-category-section .category-container {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.animalixs-category-section .categories-wrapper {
    display: flex;
    justify-content: center;
    gap: 24px;
    min-width: min-content;
    padding: 10px;
}

.animalixs-category-section .category-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none !important;
    gap: 15px;
    cursor: pointer;
    transition: transform 0.3s ease, filter 0.3s ease;
    min-width: 110px;
    text-align: center;
    flex-shrink: 0;
}


.animalixs-category-section .icon-wrapper {
    width: 77px;
    height: 77px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    flex-shrink: 0;
}
.animalixs-category-section .category-item:hover .icon-wrapper {
    opacity: 0.8;
}

.animalixs-category-section .category-item:hover .icon-wrapper svg,
.animalixs-category-section .category-item:hover .icon-wrapper img
    {
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

.animalixs-category-section .icon-wrapper svg,
.animalixs-category-section .icon-wrapper img {
    width: 50px;
    height: 50px;
    stroke: #333333;
    stroke-width: 1.5;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: all 0.3s ease;
}

.animalixs-category-section .category-label {
    font-size: 12px;
    line-height: 2.3;
    color: #333333;
    line-height: 1.3;
    max-width: 100px;
    word-wrap: break-word;
    transition: color 0.3s ease;
}

.animalixs-category-section .category-item:hover .category-label {
    color: #1B2956;
}

/* Responsive Design */
@media (max-width: 768px) {
    .animalixs-category-section .category-container {
        padding: 25px 15px;
    }

    .animalixs-category-section .categories-wrapper {
        gap: 22px;
    }

    .animalixs-category-section .category-item {
        min-width: 95px;
    }

    .animalixs-category-section .icon-wrapper {
        width: 70px;
        height: 70px;
    }

    .animalixs-category-section .icon-wrapper svg,
    .animalixs-category-section .icon-wrapper img
        {
        width: 38px;
        height: 38px;
    }

    .animalixs-category-section .category-label {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .animalixs-category-section .category-container {
        padding: 18px 0px;
    }

    .animalixs-category-section .categories-wrapper {
        gap: 20px;
    }

    .animalixs-category-section .category-item {
        min-width: 85px;
    }

    .animalixs-category-section .icon-wrapper {
        width: 65px;
        height: 65px;
    }

    .animalixs-category-section .icon-wrapper svg,
    .animalixs-category-section .icon-wrapper img
        {
        width: 35px;
        height: 35px;
        stroke-width: 1.2;
    }

    .animalixs-category-section .category-label {
        font-size: 12px;
    }
}

/* Smooth Scroll Behavior */
.animalixs-category-section .category-container {
    scroll-behavior: smooth;
}

/* Title Section */
.animalixs-category-section .section-title {
    text-align: center;
    margin-bottom: 10px;
    color: #333333;
    font-size: 24px;
    font-weight: 600;
}

.animalixs-category-section .container-wrapper {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}

/* Mobile Scroll Hint - Flowing Arrows */
.animalixs-category-section .scroll-hint {
    position: absolute;
    top: 3px;
    right: 25px;
    z-index: 10;
    pointer-events: none;
    transition: opacity 0.5s ease;
    align-items: center;
    display: flex; /* Default to flex, opacity/visibility controlled by JS */
}

.animalixs-category-section .flowing-arrows {
    display: flex;
    align-items: center;
    gap: -2px; /* Overlap the arrows slightly */
}

.animalixs-category-section .flowing-arrows svg {
    width: 22px;
    height: 22px;
    color: #B1CD37;
    stroke-width: 2.5;
    opacity: 0;
    animation: flowRight 1.5s infinite linear;
}

/* Stagger the animations for each arrow */
.animalixs-category-section .flowing-arrows svg:nth-child(1) {
    animation-delay: 0s;
}
.animalixs-category-section .flowing-arrows svg:nth-child(2) {
    animation-delay: 0.2s;
    margin-left: -12px;
}
.animalixs-category-section .flowing-arrows svg:nth-child(3) {
    animation-delay: 0.4s;
    margin-left: -12px;
}

.animalixs-category-section .scroll-hint.hidden {
    opacity: 0;
}

@keyframes flowRight {
    0% {
        opacity: 0;
        transform: translateX(-10px);
    }
    30% {
        opacity: 1;
    }
    70% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateX(10px);
    }
}

@media (max-width: 768px) {
    /* .animalixs-category-section .scroll-hint {
        display: flex;
    } */
}

/* ///////////////////// Fin Lecksteine-shop V2  ///////////////////// */