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;
}
} Kreuzfahrt anfragen Jetzt anfragen 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';
});
🚢 Noch keine passende Kreuzfahrt gefunden?
Fordere jetzt dein individuelles Kreuzfahrt-Angebot an – wir finden deine Traumreise auf See!
🌊 Plane deine nächste Kreuzfahrt!
Wir erstellen dir ein maßgeschneidertes Angebot – kostenlos & unverbindlich.
⚓ Deine Traumkreuzfahrt wartet!
Klicke jetzt und fordere dein persönliches Angebot an – ganz nach deinen Wünschen.