/* --- SKYLINE CITY SYMMETRIC SHADOW --- */
.skyline-hero {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
min-height: 350px !important;
position: relative !important;
background: #0b0c16 url('data/assets/style_properties/Opening.png') no-repeat center center / contain !important;
padding: 0 100px !important; /* Hier kannst du den Abstand zum Rand steuern */
overflow: hidden !important;
}
/* Der Schatten-Effekt für LINKS und RECHTS */
.skyline-hero::before {
content: "" !important;
position: absolute !important;
top: 0; left: 0; right: 0; bottom: 0;
background:
/* Schatten Links */
linear-gradient(to right, #0b0c16 20%, rgba(11, 12, 22, 0) 45%),
/* Schatten Rechts (NEU) */
linear-gradient(to left, #0b0c16 20%, rgba(11, 12, 22, 0) 45%) !important;
z-index: 1 !important;
}
/* Damit die Texte ÜBER dem Schatten liegen */
.hero-left, .hero-right {
z-index: 2 !important;
position: relative !important;
}
/* Rechts-Ausrichtung der Support-Infos */
.hero-right {
display: flex !important;
flex-direction: column !important;
gap: 20px !important;
align-items: flex-end !important; /* Klebt alles rechts an den Rand */
text-align: right !important;
}
.info-item {
display: flex !important;
align-items: center !important;
gap: 15px !important;
}