.nav { 
     color: #000000; 
}

.top2-contact {
  display: flex;
  justify-content: flex-end;
}

.logo { 
     display: flex;
     justify-content: flex-start; 
     height: 160px;
     align-items: center;
} 

.sp-column.search-login {
     display: flex;
     justify-content: flex-end; 
     height: 160px;
     align-items: center;
} 

.foot-info {
  display: flex;
  justify-content: flex-end;
}

.nav {
  display: flex;
  justify-content: flex-start !important; 
} 

.rsmembership_form { 
    color: #ffffff; 
    width: 300px !important;      
    margin: 0 auto;  
    border: 2px solid white; 
    border-radius: 16px; 
    margin-top: 125px;
    margin-bottom: 500px; 
    padding: 20px 8px 80px 8px;
} 

@media (max-width: 600px) { 
.rsmembership_form { 
    color: #ffffff; 
    width: 300px;      
    margin: 0 auto;  
} 
}

.item-page { 
    color: #ffffff; 
    width: 280px;      
    margin: 0 auto;  
    margin-bottom: 20px; 
} 

@media (max-width: 600px) { 
.item-page { 
    color: #ffffff; 
    width: 280px;      
    margin: 0 auto;  
    margin-bottom: 20px; 
} 
}

.form-control.mt-2 { 
     background-color: #ffffff; 
     border-radius: 4px; 
}

.sectiontableheader { 
     color: white !important; 
}

.rsm-lbl-grand_total.form-label { 
     display: none !important; 
}

.rsm_grand_total { 
     display: none !important; 
} 


.form-validate { 
     color: #000000 !important; 
     width: 260px; 
} 
@media (max-width: 480px) { 
.form-validate { 
     color: #000000 !important; 
     width: 240px; 
}
} 

.row.justify-content-center { 
     width: 480; 
     padding: 0px !important;
}

.com-users-registration.registration { 
     width: 600px !important; 
     margin: 0 auto;
     color: #000000; 
     border-radius: 16px;
     border: 2px black;
}
@media (max-width: 480px) { 
.com-users-registration.registration { 
     width: 300px !important; 
     margin: 0 auto;
     color: #000000; 
     border-radius: 16px;
     border: 2px black;
} 
}

.login { 
     width: 600px !important; 
     margin: 0 auto;
     color: #000000; 
     border-radius: 16px;
     border: 2px black; 
} 
@media (max-width: 480px) { 
.login { 
     width: 300px !important; 
     margin: 0 auto;
     color: #000000; 
     border-radius: 16px;
     border: 2px black; 
} 
}

#jform_name { 
  background-color: #dddddd !important; 
     color: #000000; 
  border-radius: 5px; 
  padding: 5px 10px 5px 10px;  
} 

#jform_username { 
  background-color: #dddddd !important; 
     color: #000000; 
  border-radius: 5px; 
  padding: 5px 10px 5px 10px;  
} 

#jform_password1 { 
  background-color: #dddddd !important; 
     color: #000000; 
  border-radius: 5px; 
  padding: 5px 10px 5px 10px;  
} 

#jform_password2 { 
  background-color: #dddddd !important; 
     color: #000000; 
  border-radius: 5px; 
  padding: 5px 10px 5px 10px;  
} 

#jform_email1 { 
  background-color: #dddddd !important; 
     color: #000000; 
  border-radius: 5px; 
  padding: 5px 10px 5px 10px;  
} 

#jform_email2 { 
  background-color: #dddddd !important; 
     color: #000000; 
  border-radius: 5px; 
  padding: 5px 10px 5px 10px;  
} 

.card-body { 
     color: #000000; 
} 

#system-message-container { 
     padding: 150px 0px 250px 0px !important; 
}

#username { 
  background-color: #dddddd !important; 
     color: #000000; 
  border-radius: 5px; 
  padding: 5px 10px 5px 10px;  
} 

#password { 
  background-color: #dddddd !important; 
     color: #000000; 
  border-radius: 5px; 
  padding: 5px 10px 5px 10px;  
} 

.article-details-middle { 
     color: #ffffff; 
     background-color: #ffffff22; 
     padding: 20px; 
} 

.gallery .thumbnail img {
    width: 100%;          /* Bildbreite an den Container anpassen */
    height: auto !important; /* Höhe automatisch, um das Seitenverhältnis zu bewahren */
    object-fit: contain;   /* Verhindert Verzerrung */
} 

.ba-form-page-break-button {
  background-color: #f5f5f5;
  color: #0345bf;
  border: 2px solid #ccc;
  padding: 10px 20px;
  border-radius: 8px;       /* Runde Ecken */
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
}

.ba-form-page-break-button:hover {
  background-color: #e0e0e0;
  border-color: #999;
  color: #0345bf;
} 

.item-page .content a {
  color: #28ff48 !important;
}

.item-page .content a:hover {
  color: #4CAF50 !important;
}