@media (min-width: 1333px) {
.nav-item #mmopener {display:none !important;}
}
@media (max-width: 1333px) {
#nav_container {display:none !important;}
}

@media (max-width: 1024px) {
.text-mit-hintergrund {
  background-image: url('https://www.mmm-eg.de/stage/images/neu/Gartentiere_mobile.jpg') !important;
  padding: 100px 20px 100px 20px !important;
}
.highlight {padding-left:10px !important;}
.highlight2 {padding-left:10px !important; padding-right:10px !important; margin-left:0px !important;}
}

@media (max-width: 768px) {
.text-mit-hintergrund {
  background-image: url('https://www.mmm-eg.de/stage/images/neu/Gartentiere_mobile.jpg') !important;
  padding: 100px 20px 100px 20px !important;
}
.highlight {padding-left:0px !important; padding-right:0px !important;}
.highlight2 {padding-left:0px !important; padding-right:0px !important; margin-left:0px !important;}
}

@media (max-width: 375px) {
.text-mit-hintergrund {
  background-image: url('https://www.mmm-eg.de/stage/images/neu/Gartentiere_mobile.jpg') !important;
  padding: 50px 20px 50px 20px !important;
}
.highlight {padding-left:0px !important;}
.highlight2 {padding-left:0px !important; margin-left:0px !important;}
}

.d-lg-block .fa-facebook {margin-left:24px; margin-right:12px;}
.d-lg-block .fa-instagram {margin-right:12px;}

a {color: #833516; text-decoration: none;}
a:hover {color: #aa461e;}
/*
#top > div > div.text-nowrap.d-none.d-lg-block > a {color: #a94518; text-decoration: none;}
#top > div > div.text-nowrap.d-none.d-sm-block > a {color: #a94518; text-decoration: none;}
#top > div > div:nth-child(1) > a {color: #a94518; text-decoration: none;}
#top > div > div.text-nowrap.d-none.d-md-block > a {color: #a94518 !important; text-decoration: none !important;}
*/
/*#top > div > div.text-nowrap.d-none.d-lg-block > a:nth-child(2) {margin-right:20px;}*/
#top > div > div.text-nowrap.d-none.d-lg-block > i {color: #a94518;}


#quick_find {display:none !important;}
#logobar > div > div > div.nav.col-12.justify-content-around.justify-content-sm-end.align-items-end {padding-top:40px;}

#content > div.box_greeting.homesite.mb-5 > div > div:nth-child(2) > a {color: #a94518 !important; text-decoration: none !important;}

/* #bs5_TopCarousel > div.d-flex.justify-content-between.border-bottom.mb-3 > div {display:none !important;}
*/

#content > div.box_greeting.homesite.mb-5 > div > h3 > span > span > span > b > span {background:transparent !important;}


/* Headerbild mit Text */
.text-mit-hintergrund {
  background-image: url('https://www.mmm-eg.de/stage/images/neu/Gartentiere7.jpg');
  background-size: cover;
  background-position: center;
  color: #ffffff;
  background-color: white;
  padding: 80px 20px 120px 20px;
  position: relative;
}
.highlight {background: #84af1d; padding-left:10px; padding-right:10px;}
.highlight2 {background: #a94518; padding-left:10px; padding-right:10px; margin-left:150px;}
.highlight3 {margin-top:-50px !important;}

.border-info {
    border-color: #6c757e !important;
}

#col_right > div.listing > div.filter_pagination_bar.mb-3 {display:none !important;}

#layout_footer_inner > div:nth-child(1) > div > div.box_sub > a:nth-child(6) {color: #a94518; text-decoration: none;}
#layout_footer_inner > div:nth-child(1) > div > div.box_sub > a:nth-child(8) {color: #a94518; text-decoration: none;}

.p-2 {padding:20px !important;}

/*Kundenlogos-Slider */
.logo-marquee {
  overflow: hidden;
  background: #ffffff;
  width: 100%;
}

.logo-track {
  display: flex;
  width: 200%; /* 2x .logo-strip */
  animation: scroll-left 15s linear infinite;
}

/*
.logo-marquee:hover .logo-track {
  animation-play-state: paused;
}
*/

.logo-strip {
  display: flex;
  flex: 0 0 50%; /* Jede Strip nimmt genau 50% ein */
  justify-content: space-around;
}

.logo-strip img {
  height: 50px;
  flex-shrink: 0;
}

/* --- Responsive Anpassung für Smartphones --- */
@media (max-width: 768px) {
  .logo-strip {
    gap: 1.2rem; /* Weniger Abstand */
  }

  .logo-strip img {
    height: 35px; /* Kleinere Logos */
  }

  .logo-marquee {
    padding: 0 1rem; /* Innenabstand bei kleinen Bildschirmen */
  }
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.logo-track {margin:50px 0 50px 0;}

/* Details-Button 
.lb_buttons {display:none !important;}
*/