/* Accessibility helpers; does not alter the visible layout until keyboard focus is used. */
.itw-skip-link{position:fixed;left:1rem;top:1rem;z-index:20000;transform:translateY(-200%);padding:.75rem 1rem;background:#fff;color:#222;border:2px solid #c0cf48;text-decoration:none;font-weight:700;transition:transform .15s ease}.itw-skip-link:focus{transform:translateY(0)}
.c-layout-go2top{cursor:pointer}
/* Utility: text only for screen readers. Unused at the moment, kept on purpose
   so supplementary descriptions can be added without re-introducing the helper. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Visible keyboard focus indicator.
   main.css (formerly site.css) resets the outline on a, .btn and .close with
   `outline:0!important`, which otherwise removed the focus ring entirely.
   Two-tone ring (dark core + light halo) stays visible on both the light
   header area and the dark footer. */
a:focus-visible,
.btn:focus-visible,
button:focus-visible,
.close:focus-visible,
[role="button"]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.c-layout-go2top:focus-visible,
.ea-card:focus-visible{
  outline:3px solid #1b1f24!important;
  outline-offset:2px!important;
  box-shadow:0 0 0 5px #fff!important;
}
/* Keep the ring for keyboard users even where main.css wins on :focus. */
a:focus,
.btn:focus,
button:focus,
.close:focus,
[role="button"]:focus,
input:focus,
select:focus,
textarea:focus{
  outline:3px solid #1b1f24!important;
  outline-offset:2px!important;
}
/* Suppress for pointer interaction so no ring lingers after a mouse click. */
a:focus:not(:focus-visible),
.btn:focus:not(:focus-visible),
button:focus:not(:focus-visible),
.close:focus:not(:focus-visible),
[role="button"]:focus:not(:focus-visible),
input:focus:not(:focus-visible),
select:focus:not(:focus-visible),
textarea:focus:not(:focus-visible),
.c-layout-go2top:focus:not(:focus-visible),
.ea-card:focus:not(:focus-visible){
  outline:none!important;
  box-shadow:none!important;
}
/* On dark backgrounds the dark core disappears, so invert the ring.
   Scoped to :focus-visible so it cannot outrank the pointer suppression above. */
.c-layout-footer a:focus-visible,
.c-layout-footer button:focus-visible,
.c-layout-footer [role="button"]:focus-visible,
.c-layout-header .c-mega-menu-dark-mobile a:focus-visible,
.c-layout-go2top:focus-visible{
  outline-color:#fff!important;
  box-shadow:0 0 0 5px #1b1f24!important;
}
/* Skip link keeps its own high-contrast frame. */
.itw-skip-link:focus{
  outline:3px solid #1b1f24!important;
  outline-offset:2px!important;
  box-shadow:0 0 0 5px #fff!important;
}

/* Semantic heading elements retain the legacy theme's visual metrics. */
.c-layout-breadcrumbs-1 .c-page-title .itw-page-heading{color:#3f444a;margin:10px 0 6px;font-weight:600!important;font-size:24px;letter-spacing:1px}
.c-layout-breadcrumbs-1 .c-page-title .itw-page-heading.c-font-white{font-weight:500!important}
.c-layout-breadcrumbs-1 .c-page-title>.itw-page-heading{margin:6px 15px 6px 0}
.c-content-title-1>.itw-content-heading{font-size:28px;color:#3f444a;font-weight:500;margin:0 0 10px}
.c-content-title-1>.itw-content-heading.c-font-uppercase{font-size:30px!important}
.c-content-title-1>.itw-content-heading>i{font-size:22px;color:#88909a}
@media(max-width:991px){.c-layout-breadcrumbs-1 .c-page-title .itw-page-heading{color:#000!important;margin:10px 0 6px!important;font-weight:500!important;font-size:18px!important;letter-spacing:1px!important}.c-layout-breadcrumbs-1 .c-page-title>.itw-page-heading{margin:6px 15px 6px 0}}

/* ---------------------------------------------------------------
   Listen-Semantik (WCAG 2.1 SC 1.3.1 / EN 301 549)
   Die vertikale Trennlinie zwischen den beiden Feature-Karten war ein
   <div> direkt in der <ul> und machte sie ungueltig fuer Screenreader.
   Sie wird jetzt als Pseudo-Element erzeugt. Position und Groesse sind
   identisch zum bisherigen .c-border-middle (exakt 50% der Listenbreite).
   --------------------------------------------------------------- */
.c-content-feature-10>.c-list:after{
  content:"";
  height:90%;
  width:1px;
  position:absolute;
  top:0;
  left:50%;
  margin-top:.5%;
  background-color:rgba(0,0,0,.1);
}
@media(max-width:991px){.c-content-feature-10>.c-list:after{display:none}}