/* ---------------Strat wichtige anpassnungen für den Ammerländer Schützebund---------------*/

/* Container für die Mitgliederliste */
.custom-members-list {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important; /* Standardmäßig linksbündig */
  gap: 20px !important;

}

/* Mitgliederkarte */
.custom-member-card {
  border: 1px solid #e0e0e0 !important;
  border-radius: 12px !important;
  padding: 20px !important;
  text-align: center !important;
  background-color: #ffffff !important;
  width: 290px !important;
  margin: 10px 0 !important; /* Standardmäßig linksbündig */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* Mitgliederkarte */
.custom-member-card-vereinsmitglieder {
  border: 1px solid #e0e0e0 !important;
  border-radius: 12px !important;
  padding: 20px !important;
  text-align: center !important;
  background-color: #ffffff !important;
height: 350px !important;
  width: 100% !important;
  margin: 10px 0 !important; /* Standardmäßig linksbündig */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}



/* Rundes Profilbild */
.custom-member-avatar {
  width: 180px !important;
  height: 180px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  margin-bottom: 15px !important;
  border: none !important;
}

/* Name des Mitglieds */
.custom-member-name {
  font-size: 24px !important;
  font-weight: bold !important;
  margin: 15px 0 5px 0 !important;
  padding-bottom: 30px !important;
}

/* Name des Mitglieds für den shortcode auf Vereinsmitglieder!!!*/
.custom-member-name-vereinsmitglieder {
  font-size: 17px !important;
  font-weight: bold !important;
  margin: px 0 -15px 0 !important;
  padding-bottom: 30px !important;
}

/* Neues Feld unter dem Namen */
.custom-member-position {
  font-size: 16px !important;
  color: #333 !important;
  margin-top: -7px !important;
  padding-top: 0px !important; /* Fügt 15px Abstand nach oben hinzu */
}

/* Telefonnummer */
.custom-member-phone {
  font-size: 16px !important;
  color: #555 !important;
  margin-top: 0px !important;
  padding-top: 0px !important;
  margin-top: -15px !important;
}

/* Handy */
.custom-member-mobile {
  font-size: 16px !important;
  color: #555 !important;
  margin-top: -15px !important;
  padding-top: 0px !important; 
}

/* E-Mail */
.custom-member-email {
  font-size: 16px !important;
  color: #555 !important;
  margin-top: -15px !important;
  padding-top: 0px !important;
  margin-bottom: 40px !important; 
  max-width: 95% !important;
}


/* Button zum Profil */
.custom-view-profile-btn {
  display: inline-block !important;
  margin-top: auto !important;
  margin-bottom: 20px !important;
  padding: 10px 20px !important;
  border: 1px solid #333333 !important;
  border-radius: 8px !important;
  background-color: #fff !important;
  color: #333333 !important;
  text-decoration: none !important;
  font-size: 16px !important;
  transition: all 0.3s !important;
}

.custom-view-profile-btn:hover {
  background-color: #333333 !important;
  color: #fff !important;
}

/* Media Query für Mobile Ansicht */
@media (max-width: 768px) {
  .custom-members-list {
      justify-content: center !important; /* Mittige Ausrichtung auf Mobilgeräten */
  }

  .custom-member-card {
      margin-top: 10px !important; /* Zentrale Ausrichtung auf Mobilgeräten */
      justify-content: center;
  }
}

/* Media Query für Tablet Ansicht */
@media (min-width: 769px) and (max-width: 1024px) {
  .custom-members-list {
      justify-content: flex-start !important; /* Linksbündige Ausrichtung auf Tablets */
  }

.custom-member-card {
      margin: 10px 0 !important; /* Linksbündige Karten auf Tablets */
  }
}

/* Media Query für Desktop Ansicht */
@media (min-width: 1025px) {
  .custom-members-list {
      justify-content: flex-start !important; /* Linksbündig auf Desktop */
  }

  .custom-member-card {
      margin: 10px 0 !important; /* Linksbündig auf Desktop */
  }
}

/* Anpassung Veranstaltungskalender */
#amelia-container {

padding: 5% !important;
width: 100% !important;
max-width: 1250px !important;

  }

/* Profilbild im Migliederverzeichnis vergrößern */
#members-list.bp-list.grid .item-avatar img {
max-width: 150px;
width: 100%;
}

/* Schriftgröße bei Buddyboss textelementen vorgeben*/
.footer-logo, .copyright, .footer-copyright-wrap, .footer-menu a {
font-size: 16px !important;
}
/* Fehler im Kalender verbessert*/

.am-ecs__header-text

{
display: none;
}
/* CSS Silider*/
.slider-container {
  width: 100% !important;
max-width:100% !important;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
padding: 0px!important;
margin:0px!important;
}

.slider {
  display: flex;
  align-items: center;
  width: calc(150px * 78); /* 35 Bilder x 2 für Duplikation */
  animation: scroll 90s linear infinite;
}

.member-avatar {
  width: 150px;  /* Maximale Breite der Bilder */
  height: 150px; /* Maximale Höhe der Bilder */
  border-radius: 50%;
  margin: 0; /* Kein Abstand zwischen den Bildern */
}

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

/* Ändert die Textfarbe für Links mit der Klasse 'layout-view' */
a.layout-view {
  color: #000000; /* Schwarze Textfarbe für bessere Lesbarkeit */
}


#group-members-search::placeholder {
  color: #000000; /* Setzt die Farbe des Platzhaltertexts auf Schwarz */
  opacity: 1; /* Stellt sicher, dass die Farbe vollständig sichtbar ist */
}
.buddypress-wrap .subnav-filters .grid-filters a i {
font-size: 22px;
line-height: 1;
color: #000;
}

#menu-item-84, #menu-item-85
{
margin:30px
}

.sub-menu
{
width: 300px!important;
max-width: 300px !important;
}

.bs-cs-login-logo {
  background-image: url('URL-ZUM-BILD');
  background-size: cover; /* Passt die Größe des Hintergrundbildes an */
  background-position: center; /* Zentriert das Bild */
  width: 100px; /* Beispielbreite */
  height: 100px; /* Beispielhöhe */
  display: block; /* Macht das div blockartig */
}

.footer-widget, .area-1
{
width: 300px!important;
max-width: 500px !important;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.footer-copyright-wrap{
  padding-bottom: 50px!important;
}


.bb-media-container, .member-media
{
  margin-bottom: 90px!important;
}