/* Start custom CSS *//* ==== Karriere (9293) — S2 Arbeitskultur + "Einfach ins Gespräch kommen" fixes ==== */

/* S2: text + photo (Figma 5684:21814) */
.elementor-9293 .elementor-element-918a138{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:96px;padding:96px;background:#F9F7F5}
.elementor-9293 .elementor-element-e5ab252{display:flex;flex-direction:column;flex:0 0 407px;max-width:407px;gap:80px;padding:0}
.elementor-9293 .elementor-element-e5ab252 p{margin:0;font-family:"Nunito Sans",sans-serif;font-size:18px;line-height:1.4;font-weight:400;color:#151211}
.elementor-9293 .elementor-element-918a138 img[data-id="777f9bc"]{flex:0 1 780px;width:100%;max-width:780px;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:50% 50%;display:block;border-radius:0}

/* Steps header: photo backdrop (Figma 5684:21931) */
.elementor-9293 .elementor-element-3a91acc{
  position:relative;flex-direction:column;align-items:center;justify-content:flex-start;
  min-height:834px;padding:128px 96px 0;
  background:
    linear-gradient(90deg,rgba(31,27,26,.57) 0%,rgba(31,27,26,0) 70%),
    url("https://brale.de/wp-content/uploads/2026/10/Karierre-steps.webp") 60% 30%/cover no-repeat;
}
.elementor-9293 .elementor-element-df4ec70{width:100%;max-width:1248px;margin:0 auto}
.elementor-9293 .elementor-element-7f0f5d0{max-width:396px;gap:0}
.elementor-9293 .elementor-element-209853b,
.elementor-9293 .elementor-element-5c21033{color:#F9F7F5}
.elementor-9293 .elementor-element-209853b{margin:0 0 16px;font-weight:600}
.elementor-9293 .elementor-element-5c21033{margin:0 0 40px}
.elementor-9293 .elementor-element-c025044{width:240px;min-height:44px;padding:16px 32px;justify-content:center;border-radius:2px;font-size:12px;font-weight:700;letter-spacing:.06em;line-height:1;text-transform:uppercase}

/* Steps cards row (Figma 5684:21939) */
.elementor-9293 .elementor-element-e14cd09{position:relative;z-index:2;padding:0 96px 64px}
.elementor-9293 .elementor-element-1d480d6{width:100%;max-width:1248px;margin:-240px auto 0;padding:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.elementor-9293 .elementor-element-1d480d6 > .e-con{height:360px;padding:150px 24px 24px;gap:16px;border-radius:16px;overflow:hidden;
  background:rgba(249,247,245,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}

/* Tablet */
@media (max-width:1024px){
  .elementor-9293 .elementor-element-918a138{padding:64px 48px;gap:48px}
  .elementor-9293 .elementor-element-e5ab252{flex:1 1 0;max-width:none;gap:32px}
  .elementor-9293 .elementor-element-e5ab252 p{font-size:16px}
  .elementor-9293 .elementor-element-918a138 img[data-id="777f9bc"]{flex:1 1 0;min-width:0}
  .elementor-9293 .elementor-element-3a91acc{min-height:760px;padding:96px 48px 0}
  .elementor-9293 .elementor-element-e14cd09{padding:0 0 64px}
  .elementor-9293 .elementor-element-e14cd09{overflow-x:clip !important}
  .elementor-9293 .elementor-element-1d480d6{display:flex;flex-wrap:nowrap;overflow-x:auto !important;overflow-y:hidden !important;scroll-snap-type:x mandatory;
    margin-top:-240px;padding:0 48px;scroll-padding:0 48px;scrollbar-width:none;max-width:none}
  .elementor-9293 .elementor-element-1d480d6::-webkit-scrollbar{display:none}
  .elementor-9293 .elementor-element-1d480d6 > .e-con{flex:0 0 237px;scroll-snap-align:start}
}

/* Mobile */
@media (max-width:767px){
  .elementor-9293 .elementor-element-918a138{flex-direction:column;align-items:stretch;padding:64px 24px;gap:64px}
  .elementor-9293 .elementor-element-e5ab252{gap:24px}
  .elementor-9293 .elementor-element-918a138 img[data-id="777f9bc"]{flex:none;max-width:none;aspect-ratio:342/450}
  .elementor-9293 .elementor-element-3a91acc{min-height:640px;padding:48px 24px 0;
    background:
      linear-gradient(180deg,rgba(31,27,26,.62) 0%,rgba(31,27,26,.15) 70%),
      url("https://brale.de/wp-content/uploads/2026/10/Karierre-steps.webp") 62% 50%/cover no-repeat}
  .elementor-9293 .elementor-element-7f0f5d0{max-width:none}
  .elementor-9293 .elementor-element-c025044{width:100%}
  .elementor-9293 .elementor-element-1d480d6{padding:0 24px;scroll-padding:0 24px;margin-top:-200px}
}/* End custom CSS */