.container {
  max-width: 1440px;
  margin: 20px auto; /* zentriert horizontal */
  display: flex;
  flex-wrap: wrap;
  padding: 0 20px; /* optional etwas Innenabstand */
  box-sizing: border-box;
}

.container h1 {
  margin: 0 0 20px;
}

.left-column {
  flex: 0 0 30%;
  padding: 10px;
  box-sizing: border-box;
}

.right-column {
  flex: 0 0 70%;
  padding: 10px;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .container {
    flex-direction: column;
  }

  .left-column,
  .right-column {
    flex: 0 0 100%;
  }
}