/* EROS69 – Handy: Bilder, Banner und Kacheln randlos (Kante zu Kante); Text behaelt seinen Rand */
@media (max-width: 640px) {
  .n69 { overflow-x: clip; }
  /* einzelne Flaechen innerhalb eines Bereichs: auf volle Bildschirmbreite ziehen */
  .n69 a.n69-hero, .n69 a.n69-camp, .n69 a.n69-adv, .n69 .n69-brands { margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; width: auto !important; max-width: none !important; border-radius: 0 !important; }
  /* Kachel-Raster sind selbst der Bereich: Innenabstand seitlich weg */
  .n69 .n69-tiles, .n69 .n69-promos { padding-left: 0 !important; padding-right: 0 !important; max-width: none !important; }
  .n69 .n69-tiles { gap: 4px; }
  .n69 .n69-promos { gap: 4px; }
  .n69 .n69-brands { gap: 4px; }
  .n69 .n69-tile, .n69 .n69-promo, .n69 .n69-brands a { border-radius: 0 !important; }
}

/* Newsletter am Handy: Feld und Knopf untereinander, volle Breite */
@media (max-width: 480px) {
  .s-nl-f { flex: 1 1 100%; flex-direction: column; gap: 10px; width: 100%; min-width: 0; padding: 0; background: none; border: 0; border-radius: 0; }
  .s-nl-f input[type=email] { flex: none; box-sizing: border-box; width: 100%; height: 48px; padding: 0 20px; background: #fff; border: 1px solid #DCD3CF; border-radius: 999px; font-size: 16px; }
  .s-nl-f input[type=email]:focus { border-color: var(--s-red, #B91337); box-shadow: 0 0 0 3px rgba(185, 19, 55, .12); }
  .s-nl-f button { width: 100%; height: 48px; font-size: 15px; }
  .s-nl-msg { position: static; margin: 2px 0 0; text-align: center; }
}