/* KONTUR CMS 0.9.0.7 – Themen-Showcase: klarer Hover-Hinweis und zentrierte Inhalte */
.support-showcase-section{position:relative;padding:clamp(56px,6vw,96px) 0;background:transparent}
.support-showcase{display:grid;grid-template-columns:minmax(260px,34%) minmax(0,1fr);gap:clamp(34px,5vw,82px);align-items:start}
.support-showcase__intro{position:sticky;top:calc(var(--site-header-height,82px) + 28px);padding:clamp(8px,1vw,14px) 0}
.support-showcase__kicker,.support-showcase__copy small{display:block;color:#0b63b6;font-size:var(--cms-label-max,12px);font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.support-showcase__intro h2{max-width:10ch;margin:14px 0 18px;color:#08233e;font-family:var(--cms-font-heading,inherit);font-size:clamp(var(--cms-block_title-min,30px),3.7vw,var(--cms-block_title-max,50px));font-weight:var(--cms-block_title-weight,600);line-height:1.02;letter-spacing:-.04em}
.support-showcase__intro p{max-width:40ch;margin:0;color:#647b91;font-family:var(--cms-font-body,inherit);font-size:clamp(var(--cms-body-min,15px),1.1vw,var(--cms-body-max,18px));line-height:1.7}
.support-showcase__list{display:grid;gap:10px}
.support-showcase__item{position:relative;display:block;min-height:clamp(150px,11vw,188px);overflow:hidden;background:#10283f;color:#fff;text-decoration:none;isolation:isolate;transition:min-height .6s cubic-bezier(.22,.61,.21,1),transform .45s ease,box-shadow .45s ease}
.support-showcase__item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;transform:scale(1.035);filter:saturate(.82);transition:transform 1s cubic-bezier(.22,.61,.21,1),filter .55s ease}
.support-showcase__shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,17,31,.9) 0%,rgba(5,27,47,.67) 50%,rgba(5,27,47,.28) 100%);transition:background .55s ease}

/* Statisches Maus-Symbol: bewusst ohne Scrollrad und ohne Animation. */
.support-showcase__hover-hint{position:absolute;top:18px;right:22px;display:grid;place-items:center;width:28px;height:34px;color:rgba(255,255,255,.72);pointer-events:none}
.support-showcase__hover-hint svg{display:block;width:24px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Desktop: Nur die Überschrift steht zunächst exakt mittig, aber linksbündig. */
.support-showcase__copy{position:absolute;left:clamp(24px,3vw,42px);right:clamp(58px,5vw,76px);top:50%;transform:translateY(-50%);text-align:left;transition:transform .55s cubic-bezier(.22,.61,.21,1)}
.support-showcase__copy h3{margin:0;color:#fff;font-family:var(--cms-font-heading,inherit);font-size:clamp(var(--cms-card_title-min,22px),2.15vw,var(--cms-card_title-max,34px));font-weight:var(--cms-card_title-weight,600);line-height:1.08;letter-spacing:-.025em;text-align:left}
.support-showcase__copy small{max-height:0;margin:0;overflow:hidden;color:#bedbf0;opacity:0;visibility:hidden;transform:translateY(8px);transition:max-height .42s ease,margin .42s ease,opacity .3s ease,transform .42s ease,visibility 0s linear .42s}
.support-showcase__copy p{max-width:60ch;max-height:0;margin:0;overflow:hidden;color:rgba(255,255,255,.84);font-family:var(--cms-font-body,inherit);font-size:clamp(var(--cms-body-min,15px),1vw,var(--cms-body-max,18px));line-height:1.55;opacity:0;visibility:hidden;transform:translateY(10px);transition:max-height .5s cubic-bezier(.22,.61,.21,1),margin .42s ease,opacity .34s ease .05s,transform .44s ease .05s,visibility 0s linear .5s}
.support-showcase__copy b{display:flex;align-items:center;gap:10px;max-height:0;margin:0;overflow:hidden;color:#fff;font-size:var(--cms-button-max,15px);font-weight:var(--cms-button-weight,600);opacity:0;visibility:hidden;transform:translateY(8px);transition:max-height .42s ease,margin .42s ease,opacity .3s ease .08s,transform .42s ease .08s,visibility 0s linear .42s}
.support-showcase__copy b i{font-style:normal;transition:transform .25s ease}

@media(hover:hover) and (pointer:fine){
  .support-showcase__item:hover,.support-showcase__item:focus-visible{min-height:clamp(215px,16vw,270px);box-shadow:0 18px 44px rgba(9,38,67,.14)}
  .support-showcase__item:hover img,.support-showcase__item:focus-visible img{transform:scale(1.075);filter:saturate(1)}
  .support-showcase__item:hover .support-showcase__shade,.support-showcase__item:focus-visible .support-showcase__shade{background:linear-gradient(90deg,rgba(3,17,31,.9),rgba(5,27,47,.58),rgba(5,27,47,.18))}
  .support-showcase__item:hover .support-showcase__copy small,.support-showcase__item:focus-visible .support-showcase__copy small{max-height:2.2em;margin:0 0 8px;opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}
  .support-showcase__item:hover .support-showcase__copy p,.support-showcase__item:focus-visible .support-showcase__copy p{max-height:12em;margin:12px 0 0;opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s,.0s,.05s,.05s,0s}
  .support-showcase__item:hover .support-showcase__copy b,.support-showcase__item:focus-visible .support-showcase__copy b{max-height:3em;margin-top:14px;opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s,0s,.08s,.08s,0s}
  .support-showcase__item:hover .support-showcase__copy b i,.support-showcase__item:focus-visible .support-showcase__copy b i{transform:translateX(4px)}
}

/* Touch / Mobil: Kein Hover-Zwang. Überschrift und Text sind sofort sichtbar. */
@media(max-width:900px){
  .support-showcase{grid-template-columns:1fr;gap:28px}
  .support-showcase__intro{position:static}
  .support-showcase__intro h2{max-width:18ch}
  .support-showcase__item{display:flex;align-items:center;min-height:240px}
  .support-showcase__hover-hint{display:none}
  .support-showcase__copy{position:relative;left:auto;right:auto;top:auto;width:100%;box-sizing:border-box;padding:32px clamp(22px,6vw,36px);transform:none;text-align:left}
  .support-showcase__copy small{max-height:none;margin:0 0 8px;overflow:visible;opacity:1;visibility:visible;transform:none}
  .support-showcase__copy p{max-height:none;margin:12px 0 0;overflow:visible;opacity:1;visibility:visible;transform:none}
  .support-showcase__copy b{max-height:none;margin-top:14px;overflow:visible;opacity:1;visibility:visible;transform:none}
}
@media(max-width:600px){
  .support-showcase-section{padding:42px 0}
  .support-showcase__item{min-height:220px}
  .support-showcase__copy{padding:28px 22px}
}