Carnival Cruise Line

/* Gesamt-Hintergrund */ .startseite-cta-wrapper { background-color: #ffffff; /* komplett weiß */ padding: 40px 20px; } /* CTA-Box */ .startseite-cta-box { max-width: 1000px; margin: 0 auto; padding: 25px 30px; border-radius: 12px; display: flex; align-items: center; justify-content: space-between; gap: 20px; background-color: #ffffff; /* weiße Box */ box-shadow: 0 6px 20px rgba(0,0,0,0.08); /* etwas stärkere Schatten für weißen Hintergrund */ transition: transform 0.3s ease, box-shadow 0.3s ease; } .startseite-cta-box:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,0.12); } .startseite-cta-text { flex: 1; } .startseite-cta-text h2 { font-size: 22px; margin: 0 0 8px; color: #0d47a1; /* maritimes Blau */ font-weight: 700; } .startseite-cta-text p { font-size: 16px; margin: 0; color: #2c3e50; } /* Button */ .startseite-cta-box a { padding: 16px 28px; background: linear-gradient(135deg, #0d47a1, #1565c0); color: #fff; font-size: 16px; font-weight: bold; border-radius: 8px; text-decoration: none; white-space: nowrap; transition: background 0.3s ease, transform 0.2s ease; } .startseite-cta-box a:hover { background: linear-gradient(135deg, #1565c0, #1976d2); transform: scale(1.05); } /* Farbvarianten (leicht unterschiedliche Blautöne) */ .svar1 h2 { color: #0d47a1; } .svar2 h2 { color: #1565c0; } .svar3 h2 { color: #1976d2; } /* Mobile */ @media (max-width: 768px) { .startseite-cta-box { flex-direction: column; text-align: center; } .startseite-cta-box a { width: 100%; margin-top: 15px; } }

🚢 Noch keine passende Kreuzfahrt gefunden?

Fordere jetzt dein individuelles Kreuzfahrt-Angebot an – wir finden deine Traumreise auf See!

Kreuzfahrt anfragen

🌊 Plane deine nächste Kreuzfahrt!

Wir erstellen dir ein maßgeschneidertes Angebot – kostenlos & unverbindlich.

Jetzt anfragen

⚓ Deine Traumkreuzfahrt wartet!

Klicke jetzt und fordere dein persönliches Angebot an – ganz nach deinen Wünschen.

Angebot sichern
document.addEventListener('DOMContentLoaded', function() { const variants = document.querySelectorAll('.scta-variant'); const randomIndex = Math.floor(Math.random() * variants.length); variants[randomIndex].style.display = 'flex'; });