.ec-card{border:1px solid #dce6e8;border-radius:20px;background:#fff;padding:26px;display:flex;flex-direction:column;box-shadow:0 8px 30px #102b4006}.ec-card h3{font-size:29px;margin:12px 0}.ec-card h4{font-size:18px;margin:18px 0 8px}.ec-card p{margin:7px 0;font-size:14px}.mt-card-line{display:block}.mt-area-badge{display:inline-block;padding:6px 10px;border-radius:8px;background:#ecf5f1;color:#19654a;font-size:12px;font-weight:700}.ec-card ul{padding-left:20px;font-size:14px}.ec-card a{display:block;margin-top:14px}.ec-card .button{width:100%;text-align:center;justify-content:center}.ec-card .mt-is-selected{background:#173b32}.ec-profile-link{color:var(--m-navy);font-weight:700;text-underline-offset:4px}.ec-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.ec-filters button{border:1px solid #d2dfdf;background:white;border-radius:99px;padding:11px 16px;cursor:pointer;font:inherit;font-size:14px}.ec-filters button[aria-pressed=true]{background:#153d35;color:white;border-color:#153d35}.ec-filters button span{margin-left:6px;opacity:.7}.ec-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:36px}.ec-case{background:#edf4f0}.ec-case iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:16px}.ec-case blockquote{font-size:26px;font-weight:700;margin:28px 0}.ec-shortlist{position:sticky;bottom:0;background:#112d28;color:white;padding:18px 0;z-index:20;box-shadow:0 -5px 30px #0002}.ec-shortlist .wrap{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.ec-shortlist ul{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:0;flex:1}.ec-shortlist li{font-size:12px;background:#ffffff16;border-radius:8px;padding:5px 8px}.ec-shortlist button{cursor:pointer;color:inherit;background:transparent;border:0;text-decoration:underline}.ec-shortlist li button{font-size:20px;margin-left:8px}.ec-dialog{border:0;border-radius:20px;padding:36px;max-width:720px;width:calc(100% - 32px);max-height:85vh;overflow:auto;color:#17352f}.ec-dialog::backdrop{background:#102b40aa}.ec-dialog h2{font-size:34px}.ec-dialog h3{margin-top:28px;font-size:20px}.ec-dialog li{margin-bottom:8px}.ec-dialog #ec-close{float:right;font-size:28px;border:0;background:none;cursor:pointer}.ec-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}.m-hero :is(h1:not(.seo-heading),.hero-slogan) em{color:#23956e}.mt-shortlist-form-summary{padding:16px;background:#edf5ef;border-radius:10px}.va-testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.va-video-player iframe{width:100%;height:100%;border:0}.va-play{position:absolute;top:40%;left:45%;color:white;font-size:36px}.va-video-caption h3{font-size:19px}.va-testimonial{overflow:hidden}.m-photo-frame>img{width:100%;height:auto}
@media(max-width:1000px){.ec-benefits{gap:20px}.va-testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ec-benefits,.va-testimonials-grid{grid-template-columns:1fr}.ec-card{padding:24px}.ec-shortlist{max-height:40vh;overflow:auto}.ec-shortlist .wrap{gap:12px}.ec-shortlist ul{flex-basis:100%}.ec-dialog{padding:24px}}
.m-hero :is(h1:not(.seo-heading),.hero-slogan) em{color:#a8d8c5}
.ec-shortlist{position:fixed;inset-inline:0;bottom:0;max-height:35vh;overflow:auto}.marketing-page:has(.ec-shortlist:not([hidden])){padding-bottom:120px}

#talente { background: #f2f7f9; }
#ec-count { margin: 22px 0 24px; color: #15415b; }

.ec-grid {
  --card-gap: 24px;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - var(--card-gap)) / 2);
  gap: var(--card-gap);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}
.ec-card[data-area="Buchhaltung"] { --area-bg: #eee9ff; --area-fg: #503485; }
.ec-card[data-area="Kundensupport"] { --area-bg: #e6f3ff; --area-fg: #164e80; }
.ec-card[data-area="Shop-Backoffice"] { --area-bg: #e5f6ee; --area-fg: #15563a; }
.ec-card[data-area="E-Commerce Operations"] { --area-bg: #fff0dd; --area-fg: #804507; }
.ec-card[data-area="Content & Grafik"] { --area-bg: #ffe8f0; --area-fg: #8d3155; }
.ec-card[data-area="Shop-Technik"] { --area-bg: #e3f5f7; --area-fg: #185862; }
.ec-grid .ec-card {
  min-width: 0;
  padding: 24px 24px 32px;
  scroll-snap-align: start;
  border: 1px solid #d1e2ea;
  border-top: 4px solid var(--area-fg);
  border-radius: 15px;
  color: #143f59;
  box-shadow: none;
}
.ec-card p { margin: 0 0 10px; font-size: 18px; line-height: 1.5; color: inherit; }
.ec-card .mt-area-badge { background: var(--area-bg); color: var(--area-fg); padding: 6px 10px; font-size: 14px; }
.ec-card [title^="ZR_"] { font-size: 14px; color: #247491; }
.ec-card h3 { margin: 4px 0; font-size: 32px; line-height: 1.2; color: inherit; }
.ec-card h4 { margin: 2px 0 10px; font-size: 21px; line-height: 1.3; color: inherit; }
.ec-card h3 + p, .ec-card h3 + div p, .ec-card div:has(> h3) + div p { font-size: 16px; }
.ec-card .mt-card-pay-note { display: block; font-size: 13px; margin-top: 4px; }
.ec-card ul { margin: 0 0 12px; padding-left: 22px; font-size: 16px; line-height: 1.55; }
.ec-card .mt-card-line strong { font-weight: inherit; }
.ec-card p:has([title="MyTalent-Erfahrung"]) { color: #247491; font-size: 16px; }
.ec-card [title="MyTalent-Erfahrung"] { font-weight: 700; }
.ec-card > div:has(.ec-profile-link) { margin-top: auto; }
.ec-card .ec-profile-link, .ec-card .button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  margin: 0;
  padding: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline;
  border-radius: 8px;
}
.ec-card .ec-profile-link { background: #eaf3f6; color: #153f59; }
.ec-card .button { background: #153f59; color: white; margin-top: 10px; }
.ec-card .ec-profile-link:hover { background: #d9eaf0; }
.ec-card .button:hover { background: #0e3146; }
.ec-card .button.mt-is-selected { background: #173b32; }

.ec-carousel-nav { display: flex; justify-content: center; gap: 24px; margin-top: 14px; }
.ec-carousel-nav button {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 0;
  border-radius: 50%;
  background: #143f59;
  color: white;
  cursor: pointer;
}
.ec-carousel-nav button::before {
  content: "";
  width: 9px;
  height: 9px;
  border: solid currentColor;
  border-width: 2.5px 2.5px 0 0;
  transform: translateX(-2px) rotate(45deg);
}
.ec-carousel-nav [data-step="-1"]::before { transform: translateX(2px) rotate(-135deg); }
.ec-carousel-nav button:hover:enabled { background: #245b77; }
.ec-carousel-nav button:disabled { opacity: .45; cursor: default; }
@media (max-width: 640px) {
  .ec-grid { grid-auto-columns: 100%; }
  .ec-grid .ec-card { padding: 20px; }
}