/* --- 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; }