section#eingabe { display: none; padding: 2rem; background-color: rgba(76, 175, 80, 0.3); min-height: 100vh; font-family: 'Poppins', sans-serif; }
section#eingabe.active { display: block; }

.eingabe-header { text-align: center; margin-bottom: 2rem; }
.eingabe-main form { max-width: 600px; margin: 0 auto; display: flex; flex-direction: column; gap: 2rem; }

.step { background: rgba(255, 255, 255, 0.7); padding: 1.5rem; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.step h2 { margin-bottom: 0.5rem; color: #2e7d32; font-weight: 600; }

.pot-container { display: flex; justify-content: center; align-items: flex-end; gap: 2rem; margin-top: 1rem; }
.pot-option { cursor: pointer; opacity: 0.8; transition: transform 0.2s ease, opacity 0.2s ease; }
.pot-option.small { width: 60px; }
.pot-option.medium { width: 90px; }
.pot-option.large { width: 120px; }
.pot-option:hover { opacity: 1; transform: scale(1.05); }
.pot-option.selected { opacity: 1; transform: scale(1.1); filter: drop-shadow(0 0 10px #4caf50); }

/* ----------------- Responsive ----------------- */
@media (max-width: 768px) {
  .step { padding: 1.2rem; }
  .pot-container { gap: 1rem; }
  .pot-option.small { width: 45px; }
  .pot-option.medium { width: 70px; }
  .pot-option.large { width: 90px; }
}

@media (max-width: 480px) {
  .step { padding: 1rem; }
  .pot-option.small { width: 35px; }
  .pot-option.medium { width: 55px; }
  .pot-option.large { width: 70px; }
}