.overrule-column-flex {
    flex-direction: row !important;
    }
.images-2, .images-4, .images-6 {

        flex-wrap: wrap;
row-gap: 1rem;
    justify-content: space-between;
    }

.images-2 .j-gallery-image, .images-4 .j-gallery-image, .images-6 .j-gallery-image {
  flex-basis: 49%; /* Set the width of each image in the grid */

}
    .images-3 {

    justify-content: space-between;
    }
.images-3 .j-gallery-image {
  flex-basis: 32.333%; /* Set the width of each image in the grid */

}
.images-3 img {
    height: 100% !important;
    }
.images-5 {
    justify-content: space-between;}
.images-5 .j-gallery-image-row {
  flex-basis: 49%; /* Set the width of each image in the grid */
  display:flex;
  flex-direction:row;
    flex-wrap: wrap;
    row-gap: 1rem;
    justify-content: space-between;

}
.images-5 .j-gallery-image-row.four .j-gallery-image {
  flex-basis: 49%; /* Set the width of each image in the grid */

}
.images-5 .j-gallery-image-row.one .j-gallery-image img {
  height:100% !important
}
.images-2 img {
    object-fit: cover;
    height: 100% !important;
    width: 100% !important;
    }

.column {
    flex-direction: column !important;
    }
 .row-force {
         flex-direction: row !important;
    }

.g-core-card__badge {
     display:none !important;

    }

  .g-core-grid__container

  {
    background-color: #000;
  }


  .app .kino {

    background-repeat: no-repeat;
              background-size: 47px;
  }

  .app-menu .kino {
     background-repeat: no-repeat;
                background-size: 63px;
  }
  .main-menu-intro{margin:0 0 .5rem;}
  .main-menu-cta{font-size:1.28rem;font-weight:700;line-height:1.3;margin:2rem 0 2rem;}
  .main-menu-services{margin-top:.4rem;margin-bottom:1rem;}
  .main-menu-services .app-menu{align-items:center;border-radius:.75rem;cursor:pointer;padding:.35rem .3rem;position:relative;transition:transform .18s ease;}
  .main-menu-services .app-menu:before{background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .18s ease;z-index:0;}
  .main-menu-services .app-menu>*{position:relative;z-index:1;}
  .main-menu-services .app-menu:hover:before{opacity:1!important;}
  .main-menu-services .app-menu:hover{transform:none!important;}
  .main-menu-services .app-menu:hover .app-menu-title,
  .main-menu-services .app-menu:hover .app-menu-description{text-decoration-line:underline;text-decoration-color:currentColor;text-decoration-thickness:2px;text-underline-offset:.14em;}
  .main-menu-services .app-menu:hover .app-menu-description{opacity:1!important;}
  .main-menu-services .app-menu:active:before{opacity:1;}
  .main-menu-services .app-menu+.app-menu{border-top:1px solid rgba(128,128,128,.22);padding-top:.95rem;}
  .main-menu-services .app-menu-icon-holder{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:4.5rem;}
  .main-menu-services .app-menu-content{display:flex;flex-direction:column;justify-content:center;min-height:4.5rem;padding-top:.2rem;}
  .main-menu-services .app-menu-title{font-weight:700;margin-top:0;transition:opacity .18s ease,text-decoration-color .18s ease;}
  .main-menu-services .app-menu-description{line-height:1.45;opacity:.68;transition:opacity .18s ease,text-decoration-color .18s ease;}
  .main-menu-services .app-menu .main-menu-item-icon{align-items:center;background-color:transparent;border-radius:0;display:flex;height:4.5rem;justify-content:center;width:4.5rem;}
  .main-menu-services .app-menu .main-menu-item-icon-image{display:block;height:80%;object-fit:contain;transform:translate(0rem,0.3rem) scale(1.4);transform-origin:center;width:80%;}
  .main-menu-services .app-menu:nth-child(3) .main-menu-item-icon{overflow:hidden;}
  .main-menu-services .app-menu:nth-child(3) .main-menu-item-icon-image{height:100%;object-fit:cover;object-position:center top;transform:scale(1.35);transform-origin:center top;width:100%;}
  .main-menu-services .app-menu:nth-child(5) .main-menu-item-icon{overflow:hidden;}
  .main-menu-services .app-menu:nth-child(5) .main-menu-item-icon-image{height:100%;object-fit:cover;object-position:center top;transform:scale(1.35);transform-origin:center top;width:100%;}

  .g-core-header {
    background-image: var(--core-header-bg-image, none);
    background-repeat: no-repeat;
    background-position: center 72%;
    background-size: cover;
    position: relative;
  }
  .g-core-header .g-core-header__container {
    min-height: 42rem;
    display: flex;
    align-items: flex-end;
    padding-bottom: 2.5rem;
  }
  .g-core-header .g-core-header__main {
    margin-bottom: clamp(1.5rem, calc((980px - 100svh) * 0.22), 7rem) !important;
  }
  .g-core-header .g-core-header__title,
  .g-core-header .g-core-header__excerpt,
  .g-core-header .g-core-header__excerpt a {
    color: #fff;
  }
  .g-core-header .g-core-header__excerpt a {
    text-decoration: underline;
  }
  .g-core-header .g-home-slide__bottom {
    position: fixed;
    right: 1.5rem;
    left: auto;
    bottom: 1.25rem;
    transform: none;
    z-index: 20;
    padding: 0;
    justify-content: flex-end;
    pointer-events: none;
  }
  .g-core-header .g-home-slide__bottom .g-home-scroll {
    pointer-events: auto;
  }
  @media (max-width: 768px) {
    .g-core-header .g-home-slide__bottom {
      right: 1rem;
      bottom: 0.85rem;
    }
    .g-core-header .g-core-header__container {
      min-height: 34rem;
      padding-bottom: 1.75rem;
    }
    .g-core-header {
      background-position: center 82%;
    }
    .g-core-content {
	margin-top: 3rem;
	padding-top: 0rem;
    }
    .af-code-hero__langs {
      overflow-x: visible;
      white-space: normal;
    }
  }
  .g-footer .footer-link-items a {
    color: inherit;
    position: relative;
    text-decoration: none;
  }
  .g-footer .footer-link-items a::after {
    background-color: currentColor;
    bottom: -0.1em;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transform: scaleX(1);
    transform-origin: left center;
    transition: transform 0.2s cubic-bezier(0.77, 0, 0.18, 1);
    width: 100%;
  }
  .g-footer .footer-link-items a:hover::after,
  .g-footer .footer-link-items a:focus-visible::after {
    transform: scaleX(0);
  }
  .g-footer .footer-link-items a:focus-visible {
    outline: 2px solid var(--focus);
    outline-offset: 2px;
  }
  .af-download-form {
    display: grid;
    gap: 0.55rem 0.8rem;
    margin: 0.75rem auto 0.85rem;
    max-width: 40rem;
  }
  .af-download-form p {
    margin: 0;
  }
  .af-download-form label {
    display: inline-block;
    font-size: 0.86rem;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 0.22rem;
  }
  .af-download-form input,
  .af-download-form textarea {
    background: var(--background);
    border: 1px solid var(--border);
    border-radius: 0.35rem;
    color: var(--foreground);
    font: 500 0.9rem/1.35 ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif;
    padding: 0.45rem 0.55rem;
    width: 100%;
  }
  .af-download-form textarea {
    min-height: 5.2rem;
    resize: vertical;
  }
  .af-download-form .g-button {
    background: #e3e3e3;
    border: 1px solid #cfcfcf;
    border-radius: 0.4rem;
    color: #000;
    display: block;
    font-size: 0.95rem;
    margin-top: 0.15rem;
    margin-bottom: 0.9rem;
    padding: 0.58rem 1rem;
    width: 100%;
  }
  .af-download-form p:last-child {
    display: block;
  }
  @media (min-width: 45rem) {
    .af-download-form {
      grid-template-columns: 1fr 1fr;
    }
    .af-download-form p:nth-child(n + 3) {
      grid-column: 1 / -1;
    }
  }
  .af-code-hero {
    --af-code-slide-shift: clamp(42px, 7vw, 110px);
    background: var(--background);
    border-radius: 0;
    color: var(--foreground);
    display: flex;
    flex-direction: column;
    height: 30rem;
    margin: 1.25rem calc(50% - 50vw) 2rem;
    overflow: hidden;
    padding: 1.25rem var(--spacing-s);
    width: 100vw;
  }
  .af-code-hero__langs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    overflow-y: hidden;
    padding: 0 0 0.35rem;
    border-bottom: 0;
    position: relative;
  }
  .af-code-hero__lang-btn {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: var(--foreground);
    cursor: pointer;
    display: inline-flex;
    font: 600 0.82rem/1.2 ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif;
    opacity: 0.74;
    padding: 0.2rem 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    text-decoration: none;
  }
  .af-code-hero__lang-btn + .af-code-hero__lang-btn {
    border-left: 1px solid var(--border);
  }
  .af-code-hero__lang-btn[aria-selected="true"] {
    color: var(--foreground);
    opacity: 1;
  }
  @media (hover: hover) and (pointer: fine) {
    .af-code-hero__lang-btn:hover {
      text-decoration-line: underline;
      text-decoration-color: currentColor;
      text-decoration-thickness: 1px;
      text-underline-offset: 0.16em;
    }
  }
  .af-code-hero__lang-btn:focus-visible {
    outline: 2px solid var(--focus);
    outline-offset: 2px;
  }
  .af-code-hero__indicator {
    background: var(--foreground);
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate3d(0, 0, 0);
    transition: transform 240ms ease, width 240ms ease;
    width: 0;
  }
  .af-code-hero__stage {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    min-height: 0;
    margin-top: 0.25rem;
    cursor: grab;
    touch-action: pan-y;
    user-select: none;
  }
  .af-code-hero__stage.is-dragging {
    cursor: grabbing;
  }
  .af-code-hero__pre {
    background: transparent;
    border: 0;
    border-radius: 0;
    flex: 1 1 auto;
    height: 100%;
    box-sizing: border-box;
    width: 40vw;
    max-width: 40vw;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    max-height: none;
    min-height: 0;
    overflow: hidden;
    pointer-events: none;
    padding: 1rem;
  }
  .af-code-hero__pre code {
    display: block;
    font: 500 0.86rem/1.55 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    white-space: pre;
  }
  .af-code-hero__pre,
  .af-code-hero__pre code,
  .af-code-hero__pre .highlight,
  .af-code-hero__pre pre {
    background: var(--background) !important;
  }
  .af-code-hero__pre.is-slide-left-out {
    animation: af-code-slide-left-out 190ms ease forwards;
  }
  .af-code-hero__pre.is-slide-left-in {
    animation: af-code-slide-left-in 230ms ease forwards;
  }
  .af-code-hero__pre.is-slide-right-out {
    animation: af-code-slide-right-out 190ms ease forwards;
  }
  .af-code-hero__pre.is-slide-right-in {
    animation: af-code-slide-right-in 230ms ease forwards;
  }
  @keyframes af-code-slide-left-out {
    from { opacity: 1; transform: translateX(0); }
    to { opacity: 0; transform: translateX(calc(-1 * var(--af-code-slide-shift))); }
  }
  @keyframes af-code-slide-left-in {
    from { opacity: 0; transform: translateX(var(--af-code-slide-shift)); }
    to { opacity: 1; transform: translateX(0); }
  }
  @keyframes af-code-slide-right-out {
    from { opacity: 1; transform: translateX(0); }
    to { opacity: 0; transform: translateX(var(--af-code-slide-shift)); }
  }
  @keyframes af-code-slide-right-in {
    from { opacity: 0; transform: translateX(calc(-1 * var(--af-code-slide-shift))); }
    to { opacity: 1; transform: translateX(0); }
  }
  @media (max-width: 768px) {
    .af-code-hero {
      height: 20rem;
      margin: 1rem 0 0rem;
      max-width: 100%;
      padding: 0.85rem 0rem;
      width: 100%;
    }
    .af-code-hero__langs {
      flex-wrap: wrap;
      justify-content: center;
      overflow: visible;
      white-space: normal;
      column-gap: 0.15rem;
      row-gap: 0.2rem;
      padding-bottom: 0.2rem;
    }
    .af-code-hero__lang-btn {
      border-left: 0 !important;
      font-size: 0.68rem;
      padding: 0.15rem 0.4rem;
    }
    .af-code-hero__lang-btn[aria-selected="true"] {
      text-decoration: none;
    }
    .af-code-hero__pre {
      width: 100%;
      max-width: 100%;
      overflow: hidden;
      padding: 0.65rem 0.45rem;
      scrollbar-width: none;
      -ms-overflow-style: none;
    }
    .af-code-hero__pre code {
      /* font-size: 0.66rem; */
      line-height: 1.35;
      white-space: pre !important;
      overflow: hidden !important;
      scrollbar-width: none;
      -ms-overflow-style: none;
    }
    #af-code-hero-code {
	font-size: 70%;
    }
    .af-code-hero__pre pre,
    .af-code-hero__pre .highlight {
      height: 100%;
      max-width: 100%;
      max-height: 100%;
      overflow: hidden !important;
      white-space: pre !important;
      scrollbar-width: none;
      -ms-overflow-style: none;
    }
    .af-code-hero__pre::-webkit-scrollbar,
    .af-code-hero__pre code::-webkit-scrollbar,
    .af-code-hero__pre pre::-webkit-scrollbar,
    .af-code-hero__pre .highlight::-webkit-scrollbar {
      width: 0;
      height: 0;
      display: none;
    }
    .g-core-header .g-core-header__main {
	margin-bottom: 2rem;
    }
  }