/* Standardbox */
.legal-notice {      
  max-width: 580px;        
  margin: 3rem auto;              
  padding: 10px 50px;             
  background-color: var(--light-color);
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
  color: #000000;
  line-height: 1.75;              
}

.legal-notice h1 {
  font-size: 2.0rem;               
}

.legal-notice p {
  font-size: 1.25rem;              
}

/* ------------------ China Version ------------------ */
.legal-notice-cn {
  max-width: 1000px; /* nur CN breiter */
}

.legal-notice-cn .legal-notice-container {
  display: flex;
  justify-content: space-between; /* links und rechts am Rand */
  gap: 2rem;                      /* Abstand zwischen den Spalten */
  flex-wrap: wrap;                 /* für kleine Bildschirme */
}

.legal-notice-cn .legal-notice-left,
.legal-notice-cn .legal-notice-right {
  flex: 1 1 300px;  /* wächst, schrumpft, Mindestbreite 300px */
  min-width: 300px;
}

.legal-notice-cn .legal-notice-right {
  border-left: 1px solid #ccc;
  padding-left: 1rem;
}

.legal-notice a {
  color: #0066cc;        /* dezentes Blau für Links */
  text-decoration: underline; 
}

.legal-notice a:hover {
  color: #004499;        /* dunkleres Blau beim Hover */
}


/* Responsive Anpassung */
@media screen and (max-width: 1000px) {
  .legal-notice {
    margin: 2rem 1.1rem;            
    padding: 0.1rem 1.2rem;           
    line-height: 1.6;          
  }
  .legal-notice h1 {
    font-size: 1.7rem;          
  }
  .legal-notice p {
    font-size: 1.1rem;           
  }

  /* China Version: Spalten untereinander */
  .legal-notice-cn .legal-notice-container {
    flex-direction: column;
  }
  .legal-notice-cn .legal-notice-right {
    border-left: none;
    padding-left: 0;
    margin-top: 1.5rem;
  }
}