.header__navigation--logo a img {
    max-height: 70px;
    min-width: 70px;
}

.header {
  border-bottom: #FFFFFF;
  box-shadow: 2px 2px 6px 0px rgba(62, 70, 81, 0.15);
}

:root {
  --vpt-theme-roundness: 5;
 
  --K15t-color-neutral-0: #FFFFFF;
  --K15t-color-neutral-50: #F9FAFB;
  --K15t-color-neutral-100: #D3D8DE;
  --K15t-color-neutral-200: #B7BEC8;
  --K15t-color-neutral-300: #97A2B0;
  --K15t-color-neutral-500: #616F80;
  --K15t-color-neutral-700: #3E4651;
  --K15t-color-neutral-900: #1F2329;
  
  --K15t-color-brand-50: #F0F7FF;
  --K15t-color-brand-100: #C7E2FF;
  --K15t-color-brand-200: #99CAFF;
  --K15t-color-brand-300: #66AFFF;
  --K15t-color-brand-400: #3395FF;
  --K15t-color-brand-500: #006ADD;
  --K15t-color-brand-700: #004C9E;
  --K15t-color-brand-900: #002C5C;
  
  --K15t-color-yellow-100: #FDF9E7;
  
  --K15t-color-red-100: #FFF5F7;
  --K15t-color-red-400: #D10000;
  
  --K15t-color-green-100: #EBFFF1;
  --K15t-color-green-400: #00A838;
    
  --K15t-color-purple-400: #6A2FB6;
  
  
  --K15t-foreground: var(--K15t-color-neutral-700)
  --K15t-foreground-subtle: var(--K15t-color-neutral-300)
  --K15t-foreground-brand: var(--K15t-color-brand-500)  
  --K15t-foreground-on-information:var(--K15t-color-neutral-700);
  --K15t-foreground-on-tip: var(--K15t-color-neutral-700);
  --K15t-foreground-on-danger: var(--K15t-color-neutral-700);
  --K15t-foreground-on-success: var(--K15t-color-neutral-700);
 
  --K15t-background-information: var(--K15t-color-brand-50);
  --K15t-background-warning: var(--K15t-color-yellow-100);
  --K15t-background-tip: var(--K15t-color-brand-50);
  --K15t-background-danger: var(--K15t-color-red-100);
  --K15t-background-success: var(--K15t-color-green-100);
  
  --K15t-background-neutral: var(--K15t-color-neutral-0);
  --K15t-background-neutral-hovered: var(--K15t-color-neutral-100);
  --K15t-background-neutral-pressed: var(--K15t-color-neutral-50);
    
  --K15t-background-neutral-subtle: var(--K15t-color-neutral-0);
  --K15t-background-neutral-subtle-hovered: var(--K15t-color-brand-100);
  --K15t-background-neutral-subtle-pressed: var(--K15t-color-brand-50);
  --K15t-background-neutral-subtle-selected: var(--K15t-color-brand-50);
  
  --K15t-background-input: var(--K15t-color-brand-50);
  --K15t-border-input: var(--K15t-color-brand-50);
  --K15t-border-input-selected: var(--K15t-color-brand-500);
  
  --K15t-border-neutral: var(--K15t-color-brand-100);
  --K15t-border-brand-hovered: var(--K15t-color-brand-100);
  --K15t-border-brand-pressed: var(--K15t-color-brand-100);
  --K15t-border-neutral-strong: var(--K15t-color-brand-100);
  
  --K15t-link: var(--K15t-color-brand-500);
  
  --K15t-surface: var(--K15t-color-neutral-0);
  --K15t-surface-raised: var(--K15t-color-neutral-0);
  --K15t-surface-overlay: var(--K15t-color-neutral-0);
  
  
}


@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet");


:root {
  --vpt-theme-headline-font: "Inter", sans-serif;
  --vpt-theme-headline-color: var(--K15t-color-neutral-900);
  --vpt-theme-text-font: "Inter", sans-serif;
  --vpt-theme-text-color: var(--K15t-color-neutral-700);
  --vpt-theme-banner-text-color: var(--K15t-color-neutral-0);
}


// <weight>: 400
// <uniquifier>: Q4 Font

.open-sans-<uniquifier> {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

:root {
  --K15t-font-size-x-small: 12px;
  --K15t-font-size-small: 14px;
  --K15t-font-size-medium: 16px;
  --K15t-font-size-large: 20px;
  --K15t-font-size-x-large: 24px;
  --K15t-font-size-2x-large: 28px;
  --K15t-font-size-3x-large: 32px;

  --K15t-line-height-x-small: 16px;
  --K15t-line-height-small: 24px;
  --K15t-line-height-medium: 28px;
  --K15t-line-height-large: 32px;

  --K15t-font-weight-regular: 400;
  --K15t-font-weight-medium: 500;
  --K15t-font-weight-semi-bold: 600;
  --K15t-font-weight-bold: 700;
}

body {
  font-size: var(--K15t-font-size-medium);
  font-weight: var(--K15t-font-weight-regular);
  line-height: var(--K15t-line-height-small);
}

h1 {
  font-size: var(--K15t-font-size-3x-large);
  font-weight: var(--K15t-font-weight-semi-bold);
  line-height: var(--K15t-line-height-large);
}

h2 {
  font-size: var(--K15t-font-size-2x-large);
  font-weight: var(--K15t-font-weight-semi-bold);
  line-height: var(--K15t-line-height-medium);
}

h3 {
  font-size: var(--K15t-font-size-x-large);
  font-weight: var(--K15t-font-weight-semi-bold);
  line-height: var(--K15t-line-height-small);
}

h4 {
  font-size: var(--K15t-font-size-large);
  font-weight: var(--K15t-font-weight-regular);
  line-height: var(--K15t-line-height-small);
}

h5 {
  font-size: var(--K15t-font-size-medium);
  font-weight: var(--K15t-font-weight-semi-bold);
  line-height: var(--K15t-line-height-x-small);
}

[data-vp-component="banner"] {
  --background: #F0F7FF;
  margin-bottom: 50px;
  border-bottom: var(--K15t-color-neutral-100);
}

.space-overview__hero__header__content__intro--heading {
  display: none;
}

.space-overview__hero__header__content__intro--intro{
  font: var(--K15t-font-headline-x-large);
  font-weight: var(--K15t-font-weight-semi-bold);
}


.block leading-none py-3 header__navigation--heading hc-header-font-color {
  font-weight: var(--K15t-font-weight-semi-bold);
}

.hc-header-font-color, .hc-header-font-color>a {
  font-weight: var(--K15t-font-weight-semi-bold);
}

.space-overview__hero__header__content__intro--heading{
  font-weight: var(--K15t-font-weight-semi-bold);
}



.footer{
  padding-top: 16px;
  padding-bottom: 0px;
  min-height: 90px;
}

.footer__logo {
   max-height: 50px;
    min-width: 50px;
}

.footer__links a {
  font-weight: var(--K15t-font-weight-semi-bold);
  font-size: var(--K15t-font-size-small);
}


.tile {
background-color: var(--K15t-color-brand-50);
border: var(--K15t-color-brand-50);  
}


.tile-body {
  //background-color: var(--K15t-color-brand-50);
  display: flex; 
  flex-direction: column; 
  align-items: center; 
  justify-content: center;
  text-align: center;
}


.tile-text {
    display: none;
} 

.tile-title a {
  color: #3E4651;
  font-size: 16px;
  font-weight: var(--K15t-font-weight-semi-bold);
}


.tile-body::before {
line-height: 8px;
}

.banner h1 {
  display:none;
}

.banner hgroup>p {
    margin-block: 0;
    font-size: var(--K15t-font-size-headline-x-large);
    font-weight: var(--K15t-font-weight-x-large);
    line-height: var(--K15t-line-height-x-large);
    text-wrap: balance;
}

/*@import url(@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap');

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v143/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.tile--topics::before {
font-family: 'Material Icons';
content: '\e88e';
display: block;
font-size: 32px;
margin-bottom: 4px;  
color: #006ADD;  
}*/

.tiles > li > .tile:hover {
  background-color: var(--K15t-color-brand-100);
  border-color: var(--K15t-color-brand-200);
  cursor: pointer;
}

/* Icon box — mask is supplied per-card below */
.tiles > li > .tile > .tile-body::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
//  margin-bottom: 10px;
  background-color: var(--K15t-color-brand-500);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}

/* 1. info circle */
.tiles > li:nth-child(1) > .tile > .tile-body::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V12M12 8H12.01M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V12M12 8H12.01M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z'/%3E%3C/svg%3E");
}

/* 2. wrench */
.tiles > li:nth-child(2) > .tile > .tile-body::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.6314 7.63137C15.2354 7.23535 15.0374 7.03735 14.9632 6.80902C14.8979 6.60817 14.8979 6.39183 14.9632 6.19098C15.0374 5.96265 15.2354 5.76465 15.6314 5.36863L18.4698 2.53026C17.7165 2.18962 16.8804 2 16 2C12.6863 2 10 4.68629 10 8C10 8.49104 10.059 8.9683 10.1703 9.42509C10.2894 9.91424 10.349 10.1588 10.3384 10.3133C10.3274 10.4751 10.3032 10.5612 10.2286 10.7051C10.1574 10.8426 10.0209 10.9791 9.74783 11.2522L3.50001 17.5C2.67159 18.3284 2.67159 19.6716 3.50001 20.5C4.32844 21.3284 5.67159 21.3284 6.50001 20.5L12.7478 14.2522C13.0209 13.9791 13.1574 13.8426 13.2949 13.7714C13.4389 13.6968 13.5249 13.6727 13.6867 13.6616C13.8412 13.651 14.0858 13.7106 14.5749 13.8297C15.0317 13.941 15.509 14 16 14C19.3137 14 22 11.3137 22 8C22 7.11959 21.8104 6.28347 21.4698 5.53026L18.6314 8.36863C18.2354 8.76465 18.0374 8.96265 17.809 9.03684C17.6082 9.1021 17.3918 9.1021 17.191 9.03684C16.9627 8.96265 16.7647 8.76465 16.3686 8.36863L15.6314 7.63137Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.6314 7.63137C15.2354 7.23535 15.0374 7.03735 14.9632 6.80902C14.8979 6.60817 14.8979 6.39183 14.9632 6.19098C15.0374 5.96265 15.2354 5.76465 15.6314 5.36863L18.4698 2.53026C17.7165 2.18962 16.8804 2 16 2C12.6863 2 10 4.68629 10 8C10 8.49104 10.059 8.9683 10.1703 9.42509C10.2894 9.91424 10.349 10.1588 10.3384 10.3133C10.3274 10.4751 10.3032 10.5612 10.2286 10.7051C10.1574 10.8426 10.0209 10.9791 9.74783 11.2522L3.50001 17.5C2.67159 18.3284 2.67159 19.6716 3.50001 20.5C4.32844 21.3284 5.67159 21.3284 6.50001 20.5L12.7478 14.2522C13.0209 13.9791 13.1574 13.8426 13.2949 13.7714C13.4389 13.6968 13.5249 13.6727 13.6867 13.6616C13.8412 13.651 14.0858 13.7106 14.5749 13.8297C15.0317 13.941 15.509 14 16 14C19.3137 14 22 11.3137 22 8C22 7.11959 21.8104 6.28347 21.4698 5.53026L18.6314 8.36863C18.2354 8.76465 18.0374 8.96265 17.809 9.03684C17.6082 9.1021 17.3918 9.1021 17.191 9.03684C16.9627 8.96265 16.7647 8.76465 16.3686 8.36863L15.6314 7.63137Z'/%3E%3C/svg%3E");
}

/* 3. code brackets */
.tiles > li:nth-child(3) > .tile > .tile-body::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 18L22 12L16 6M8 6L2 12L8 18'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 18L22 12L16 6M8 6L2 12L8 18'/%3E%3C/svg%3E");
}


/*.auto-rows-fr > .tile--topics:nth-child(1)::before { 
  font-family: 'Material Icons';
  content: '\e88a';
}*/

/*.auto-rows-fr > .tile--topics:nth-child(2)::before { 
  font-family: 'Material Icons';
  content: '\e7ee';
}*/


/*color: #006ADD;
width: 48px;
height: 48px;*/

/*.auto-rows-fr > .tile--topics:nth-child(3)::before { 
  font-family: 'Material Icons';
  content: '\e26b';
}*/

/*.auto-rows-fr > .tile--topics:nth-child(4)::before { 
  font-family: 'Material Icons';
  content: '\e8b6';
}

.auto-rows-fr > .tile--topics:nth-child(5)::before { 
  font-family: 'Material Icons';
  content: '\ebcc';
}

.auto-rows-fr > .tile--topics:nth-child(6)::before { 
  font-family: 'Material Icons';
  content: '\e742';
}

.auto-rows-fr > .tile--topics:nth-child(7)::before { 
  font-family: 'Material Icons';
  content: '\e30c';
}

.auto-rows-fr > .tile--topics:nth-child(8)::before { 
  font-family: 'Material Icons';
  content: '\e8b8';
}*/








:root[data-vp-page-template="article"] {
  --vpt-theme-roundness: 2;
  --K15t-radius-2x-small: 8px;
  
  .breadcrumbs {
    color: var( --K15t-color-brand-500);
  }
  
  
 .vp-tree-item__header {
  --K15t-radius-small: 12px;
  align-items: anchor-center;
}

.vp-tree-item__header__title {
  padding-block: 0px;
}
      .vp-tree__container {
        width: 300px;
    }
.vp-tree-item {
    margin-left: 8px;
  }  
  
.vp-article__aside-left__inner {
    width: 360px;
  } 
 .vp-article__aside-left__inner--collapsed {
  width: var(--_spacing);
  }
   
  .vp-desktop-navigation__page-tree__collapser {
    border-radius: 12px;
    background: #FFFFFF;
  }
  

}




[data-vp-component="search-bar"] {
  --border-radius: 8px; 
  --K15t-border-input: var(--K15t-color-brand-50);
  --K15t-border-input-selected: var(--K15t-color-brand-50);
}

.vp-search-input__icon{
  color:#006ADD;
}

.vp-search-input__submit {
background-color: var(--K15t-color-brand-50);
}

.vp-search-input__submit:where(:hover,:focus-visible) {
    background-color: var(--K15t-color-brand-50);
  color: #006add;}

.vp-search-input__submit:where(:focus-visible){
border: 1px solid #002C5C;
}



.vp-search-suggestion-option--default {
  border-radius: 12px;
  gap: 0px;
}

.vp-search-suggestion-option__label{
  line-height: var(--K15t-line-height-x-small);
}

.vp-search-suggestion-option__info {
  display: none;
}

.vp-search-suggestion-panel {
  border-radius: 12px;
  margin: 0px;
  border-color: var(--K15t-color-neutral-700);
  border-width: 2px;
  box-shadow:  3px 3px 4px -2px rgba(62, 70, 81, 0.08), 2px 2px 8px 0px rgba(62, 70, 81, 0.08), 1px 1px 8px 0px rgba(62, 70, 81, 0.08);
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 8px;
  padding-right: 8px;
}

.vp-search-suggestion-action-container {
  margin-top: 8px;
}

.vp-button--secondary {
  --foreground-color: #006ADD;
  font-weight: var(--K15t-font-weight-bold);
  border-radius: 12px;
}

.vp-button--secondary:hover {
  --foreground-color: #004C9E;
  font-weight: var(--K15t-font-weight-bold);
 --background-color: #F0F7FF;
   border-radius: 12px;
}

.search-results__results__label {
  font-size: var(--K15t-font-size-2x-large);
  font-weight: var(--K15t-font-weight-semi-bold);
  line-height: var(--K15t-line-height-medium);
}

.vp-search-result__content-source {
  display: none;
}

.vp-search-result {
  gap: 4px;
}