body { 
      font-family: sans-serif; 
      max-width: 1210px; 
		margin-top: 13px;
	  align-items: center; /* Zentriert horizontal */
      margin: 0 auto; 
      padding: 20px; 
      line-height: 1.6;
    }
    .row { 
      display: flex; 
      gap: 15px; 
      margin-top: 10px; 
		margin-bottom: 15px;
    }
    .field { 
      flex: 1; 
		width: auto !important;
		margin-right: 15px;
		min-width: 0; /* Verhindert Überlaufprobleme */
    }

.field:last-child {
  margin-right: 0;
}





#telefon, #land  {
  width: 74%;
  box-sizing: border-box;
}

    label { 
      display: block; 
      font-weight: 600;
      margin-bottom: 5px; 
      font-size: 0.95em;
    }
    input, select { 
      width: 68%; 
      padding: 8px; 
      border: 1px solid #ccc; 
      border-radius: 4px; 
    }
    .StripeElement { 
      padding: 10px; 
      border: 1px solid #ccc; 
      border-radius: 4px; 
      margin-bottom: 15px;
    }
    #meta-container .meta-entry { 
		display: flex; 
      width: 87%; 
      gap: 10px; 
      margin-bottom: 10px; 
    }
    .remove-meta { 
      background: #e74c3c; 
      color: white; 
      border: none; 
      padding: 4px 8px; 
      cursor: pointer; 
    }
    
    /* ===== NEUE ZAHLUNGSINFORMATIONEN-STILE ===== */
    #payment-instructions-container {
        display: none; /* Wird per JavaScript gesteuert */
        margin: 15px 0;
        padding: 15px;
        border: 1px solid #e0e0e0;
        border-radius: 6px;
        background-color: #f8f9fa;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    }
    
    #payment-instructions-container h3 {
        margin: 0 0 10px 0;
        font-size: 1.2em;
        color: #2c3e50;
        padding-bottom: 8px;
        border-bottom: 1px solid #eee;
    }
    
    .payment-method {
        margin: 12px 0;
        padding: 12px;
        background: white;
        border-radius: 4px;
        border-left: 4px solid #3498db;
        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    }
    
    .payment-method strong {
        color: #2980b9;
		background: #f8f9fa;
  		padding: 12px;
  		margin: 10px 0;
    }

.payment-method-container {
  display: none; /* Initial versteckt */
  margin: 15px 0;
}
    
    .payment-note {
        font-style: italic;
        color: #7f8c8d;
        margin-top: 15px;
        font-size: 0.9em;
        padding-top: 10px;
        border-top: 1px dashed #eee;
    }
    
    /* Produktauswahl als Checkbox-Stil */
    .produkt-option {
      margin: 12px 0;
      display: flex;
      align-items: baseline;
      line-height: 1.4;
      position: relative;
    }

    .produkt-option input[type="radio"] {
      width: auto;
      margin-right: 10px;
      position: relative;
      top: 2px;
    }

    .produkt-option label {
      cursor: pointer;
      user-select: none;
      flex: 1;
    }
    
    /* Checkbox-Zeilen */
    .checkbox-row { 
      margin: 12px 0; 
      display: flex; 
      align-items: center; 
    }
    .checkbox-row input[type="checkbox"] { 
      width: auto; 
      margin-right: 10px; 
    }
    
    /* Abstände zwischen Blöcken */
    .section {
      margin: 25px 0;
    }
    
    
    /* Wartetext */
    #waiting-message {
      display: none;
      margin: 20px 0;
      font-style: italic;
      color: #666;
    }
    
    /* PLZ/Ort Anpassung */
    .plz-ort-container { 
      display: flex; 
      gap: 10px; 
      width: 90%; 
    }
    .plz-field { 
      flex: 1; 
    }
    .ort-field { 
      flex: 3; 
    }
	
	/* Neue Styles für Währungsangaben */
    .converted {
      font-size: 0.9em;
      color: #666;
      margin-left: 8px;
    }

/* Spezifische Anpassung für die Telefonnummer + Land Zeile */
.row .field:has(#telefon),
.row .field:has(#land) {
  flex: 1 1 50%; /* Gleiche Größe wie andere Feldpaare */
  max-width: 50%; /* Verhindert Überdehnung */
}

/* Für PLZ + Ort (falls benötigt) */

/* PLZ-Feld (schmaler) */
.plz-field {
  flex: 0 0 25%; /* Feste Breite von 25% */
  margin-right: 0; /* Kein rechter Abstand */
}
#vorname, #strasse {
  width: 76%;
}