.main-content {
  display: flex;               /* Elemente horizontal nebeneinander anordnen */
  flex-direction: row;         /* Layout-Richtung: von links nach rechts */
  justify-content: start;      /* Alle Inhalte am linken Rand beginnen lassen */
  align-items: flex-start;     /* Oben ausrichten (z. B. Bild & Textboxen bündig) */
  gap: 2vw;                    /* Horizontaler Abstand zwischen Bild und Textbereich */
  padding-top: 1vh;            /* Abstand nach oben, direkt unter dem Header */
  padding-left: 1vw;           /* Abstand vom linken Rand */
  height: 82vh;                /* Gesamthöhe = 100vh - Header (8vh) - Footer (10vh) */
  width: 100vw;                /* Vollständige Breite nutzen */
}

.wallet-disconnect {
  margin-left: 0.5em;
  background-color: #ff4d4d;
  border: none;
  color: white;
  padding: 0.4em 0.7em;
  border-radius: 0.3em;
  cursor: pointer;
}

.buy-inline {
  display: flex;
  gap: 0.5em;
  align-items: center;
  margin-top: 1em;
}

.buy-inline input {
  flex: 1;
  padding: 0.5em;
  font-size: 1em;
  border-radius: 0.5em;
  border: 1px solid #ccc;
}

.buy-inline button {
  padding: 0.5em 1em;
  font-size: 1em;
  border-radius: 0.5em;
  border: none;
  background-color: #009688;
  color: white;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.buy-inline button:hover {
  background-color: #00796b;
}

@media (max-width: 768px) {
  .main-content {
    flex-direction: column;        /* Layout wird vertikal gestapelt */
    align-items: center;           /* Zentrierte Ausrichtung */
    gap: 2vh;                      /* Vertikaler Abstand statt horizontal */
    padding: 2vh 4vw;              /* Gleichmäßiger Innenabstand */
    height: auto;                  /* Höhe flexibel für Inhalte */
  }

  .buy-inline {
    flex-direction: column;        /* Eingabefeld und Button untereinander */
    align-items: stretch;          /* Volle Breite nutzen */
    width: 100%;                   /* Gesamtbreite für kleinere Bildschirme */
  }

  .buy-inline input,
  .buy-inline button {
    width: 100%;                   /* Volle Breite für bessere Touch-Nutzung */
  }
}