/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 13 2026 | 17:15:35 */
/* CSS Code hier einfügen.

Zum Beispiel:
.example {
    color: red;
}

Um dein CSS-Wissen zu prüfen, teste es hier http://www.w3schools.com/css/css_syntax.asp

Kommentarende*/ 



.memory-grid {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 14px;
  max-width: 340px;
  margin: 0 auto 30px;
}

.memory-col {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 50%;
}

.memory-img {
  overflow: hidden;
}

.memory-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.portrait-tall img {
  aspect-ratio: 3 / 4;
}

.portrait-square img {
  aspect-ratio: 1 / 1;
}

.img-2 {
  margin-top: 55px;
}

.img-4 {
  margin-top: -8px;
}

@media (min-width: 768px) {
  .memory-grid {
    max-width: 520px;
    gap: 20px;
  }

  .memory-col {
    gap: 20px;
  }

  .img-2 {
    margin-top: 80px;
  }

  .img-4 {
    margin-top: -10px;
  }
}

/* Select input*/
/* INPUT & SELECT gleich stylen */
/* input,
select,
textarea {
  width: 100%;
  padding: 14px 18px;
  border-radius: 10px;
  border: 1px solid #ddd;
  font-size: 16px;
  background-color: #fff;
  appearance: none; /* wichtig */
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* Optional: Pfeil selbst gestalten */
select {
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='20' viewBox='0 0 20 20' width='20'><path d='M5 7l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 16px;
} */