/* EROS69 – Kampagnen-Banner «Lack & Leder» (Rubin & Gold), gleicher Aufbau wie .n69-camp */
.n69 a.n69-camp.n69-rubin { background: #120306; }
.n69-rubin picture { position: absolute; inset: 0; }
.n69-rubin img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: left center; }
.n69-rubin .n69-camp-k { display: block; margin: 0 0 10px; font-size: 14px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #F0C478; }
.n69-rubin .n69-camp-btn { background: #78102A; border-color: #F0C478; color: #fff; }
.n69-rubin .n69-camp-btn i { background: #fff; color: #78102A; }
.n69-rubin:hover .n69-camp-btn { background: #F0C478; border-color: #F0C478; color: #2A0610; }
.n69-rubin:hover .n69-camp-btn i { background: #2A0610; color: #F0C478; }
.n69-rubin::after { content: none !important; }          /* kein lila Verlauf vom Cottelli-Banner */
.n69-rubin .n69-camp-txt { max-width: 47%; }
.n69-rubin h2 { font-size: 56px; }
.n69-rubin p { font-size: 22px; font-weight: 300; }
@media (max-width: 1000px) { .n69-rubin h2 { font-size: 40px; } .n69-rubin p { font-size: 18px; } }
@media (max-width: 640px) {
  /* Handy: Bild oben, Text darunter auf dunklem Grund (nicht ueber der Person) */
  .n69 a.n69-camp.n69-rubin { height: auto; display: flex; flex-direction: column; background: #0C0306; }
  .n69-rubin picture { position: relative; display: block; aspect-ratio: 900 / 820; }
  .n69-rubin img { object-position: center top; transform: none !important; }
  .n69-rubin .n69-camp-txt { position: relative; top: auto; right: auto; left: auto; transform: none; max-width: none; margin-top: -48px; padding: 0 20px 28px; text-align: center; }
  .n69-rubin .n69-camp-k { font-size: 12px; margin-bottom: 6px; }
  .n69-rubin h2 { font-size: 30px; }
  .n69-rubin p { font-size: 16px; }
  .n69-rubin .n69-camp-btn { margin-top: 20px; }
}

/* ---------- Bewegung: Lackglanz, aufsteigender Goldstaub, atmende Glut ---------- */
.n69-rubin .n69-fx { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.n69-rubin .n69-fx b { position: absolute; inset: 0; background: radial-gradient(ellipse 34% 60% at 27% 55%, rgba(255, 60, 90, .26), rgba(255, 60, 90, 0) 70%); mix-blend-mode: screen; animation: n69-atmen 5.5s ease-in-out infinite; }
.n69-rubin .n69-fx::before { content: ''; position: absolute; top: -25%; bottom: -25%; left: -35%; width: 26%;
  background: linear-gradient(100deg, rgba(255, 238, 225, 0) 0%, rgba(255, 238, 225, .07) 30%, rgba(255, 238, 225, .36) 50%, rgba(255, 238, 225, .07) 70%, rgba(255, 238, 225, 0) 100%);
  mix-blend-mode: screen; transform: skewX(-14deg); animation: n69-glanz 7.5s cubic-bezier(.45, .05, .25, 1) infinite; }
.n69-rubin .n69-fx::after { content: ''; position: absolute; left: 0; right: 0; top: 0; height: calc(100% + 400px);
  background-image: radial-gradient(circle, rgba(240, 196, 120, .95) 0 1.3px, transparent 1.9px), radial-gradient(circle, rgba(255, 222, 170, .75) 0 1px, transparent 1.5px), radial-gradient(circle, rgba(240, 196, 120, .55) 0 1.8px, transparent 2.4px);
  background-size: 170px 200px, 230px 100px, 290px 400px; background-position: 20px 0, 90px 40px, 150px 120px;
  animation: n69-staub 22s linear infinite; opacity: .7; }
.n69-rubin .n69-camp-txt { z-index: 2; }
@keyframes n69-glanz { 0% { transform: translateX(0) skewX(-14deg); } 60%, 100% { transform: translateX(620%) skewX(-14deg); } }
@keyframes n69-staub { from { transform: translateY(0); } to { transform: translateY(-400px); } }
@keyframes n69-atmen { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }
@media (max-width: 640px) {
  .n69-rubin .n69-fx { bottom: auto; aspect-ratio: 900 / 820; }      /* Effekte nur auf dem Bild, nicht hinter dem Text */
  .n69-rubin .n69-fx b { background: radial-gradient(ellipse 60% 50% at 52% 45%, rgba(255, 60, 90, .24), rgba(255, 60, 90, 0) 70%); }
}
@media (prefers-reduced-motion: reduce) {
  .n69-rubin .n69-fx b, .n69-rubin .n69-fx::before, .n69-rubin .n69-fx::after { animation: none; }
  .n69-rubin .n69-fx::before { display: none; }
}

/* ---------- Heller Stil (passend zu den Aktions-Bannern): Rosé-Studio, dunkle Schrift ---------- */
.n69 a.n69-camp.n69-rubin { background: #E9D4CE; }
.n69 a.n69-rubin .n69-camp-k { color: #B91337; }
.n69 a.n69-rubin h2 { color: #141112 !important; text-shadow: none !important; }
.n69 a.n69-rubin p { color: #3D3438 !important; text-shadow: none !important; }
.n69 a.n69-rubin .n69-camp-btn { background: #141112; border-color: #141112; color: #fff; }
.n69 a.n69-rubin .n69-camp-btn i { background: #fff; color: #141112; }
.n69 a.n69-rubin:hover .n69-camp-btn { background: #B91337; border-color: #B91337; color: #fff; }
.n69 a.n69-rubin:hover .n69-camp-btn i { background: #fff; color: #B91337; }
.n69 .n69-rubin .n69-fx::after, .n69 .n69-rubin .n69-fx b { display: none; }   /* Goldstaub und rote Glut passen nicht auf hellen Grund; Lackglanz bleibt */
@media (max-width: 640px) { .n69 a.n69-camp.n69-rubin { background: #ECD9D4; } .n69 a.n69-rubin .n69-camp-txt { margin-top: 10px; } }