blockquote,body,dd,dl,figure,h1,h2,h3,h4,ol,p,ul{
  margin:0}
html{
  scroll-behavior:smooth}
*,:after,:before{
  box-sizing:border-box}
body{
  text-rendering:optimizeSpeed;
  font-family:Inter,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
  font-size:100%;
  line-height:1.75;
}
a{
  text-decoration:none}

.theme_switch {
  all: unset;
  cursor: pointer;
  position: relative;
  width: 30px;
  height: 30px;
  order: 1;
}

.theme_switch svg {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}


.address > ul {
  display: inline-flex;
  flex-direction: column;
  list-style-type: none;
  padding-left: 0;
  flex-direction: column;
  gap: 0.5rem;
}

.address .text {
  margin-left: 1rem;
}
.address .location .icon {
  -webkit-mask: url('/static/icon/location.svg') no-repeat;
  mask: url('/static/icon/location.svg') no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.address .mail .icon {
  -webkit-mask: url('/static/icon/mail.svg') no-repeat;
  mask: url('/static/icon/mail.svg') no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.address .phone .icon {
  -webkit-mask: url('/static/icon/phone.svg') no-repeat;
  mask: url('/static/icon/phone.svg') no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.address .mobile .icon {
  -webkit-mask: url('/static/icon/mobile.svg') no-repeat;
  mask: url('/static/icon/mobile.svg') no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.address .whatsapp .icon {
  -webkit-mask: url('/static/icon/whatsapp.svg') no-repeat;
  mask: url('/static/icon/whatsapp.svg') no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.address ul li a {
  display: flex; /* Flexbox für das gesamte Listenelement */
  align-items: center; /* Zentriert das Symbol vertikal mit dem Text */
  padding: 5px 15px; /* Optional, um den Bereich zu vergrößern */
  text-decoration: none; /* Entfernt die Unterstreichung */
  color: inherit; /* Vererbt die Textfarbe */
}
.sidebox_l, .sidebox_r{
  display: none;
}






/* -------------------------------- */

.top-navigation-main .main-nav {
  order: 2;
}
.top-navigation-main {
  display: none;
  justify-content: space-between;
  padding: 0;
  width: 100%;
}
.top-navigation .top-navigation-wrap{
  align-items:center;
  display:flex;
  flex:1 1;
  height:var(--top-nav-height);
  justify-content:space-between}


@media screen and (min-width: 769px){
.top-navigation-main .main-nav {
  margin-right: auto;
  width: -webkit-max-content;
  width: max-content;
}
.top-navigation-main .main-nav {
  order: 0;
}
.top-navigation .top-navigation-wrap {
  flex: 0 1;
}

}

/*////////////    MENU///////////////////////////*/


.top-navigation-main .menu-toggle+.top-level-entry{
  display:none}



@media screen and (min-width: 769px){
  .top-navigation-main .menu-toggle+.top-level-entry{
    display:inline-flex
  }

  ul.main-menu .menu-toggle, ul.main-menu .submenu, ul.main-menu .submenu.show {
    display: none;
  }
}



:root{
  --font-fallback:BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  --font-body:Inter,var(--font-fallback);
  --font-heading:Inter,var(--font-fallback);
  --font-code:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;
  --base-font-size:100%;
  --base-line-height:1.2;
  --intermediate-line-height:1.5;
  --heading-line-height:var(--base-line-height);
  --heading-letter-spacing:-0.031rem;
  --font-content-line-height:1.75;
  --font-body-strong-weight:600;
  --type-heading-h1-font-size:2.488rem;
  --type-heading-h2-font-size:2.074rem;
  --type-heading-h3-font-size:1.728rem;
  --type-heading-h4-font-size:1.44rem;
  --type-heading-h5-font-size:1.2rem;
  --type-base-font-size-rem:1rem;
  --type-smaller-font-size:0.833rem;
  --type-tiny-font-size:0.694rem;
  --type-heading-h1-font-size-mobile:1.802rem;
  --type-heading-h2-font-size-mobile:1.602rem;
  --type-heading-h3-font-size-mobile:1.424rem;
  --type-heading-h4-font-size-mobile:1.266rem;
  --type-emphasis-m:var(--font-body-strong-weight) var(--type-smaller-font-size) /1.23 var(--font-body);
  --type-label-s:600 var(--type-tiny-font-size) /1.2 var(--font-heading);
  --type-heading-h1:600 var(--type-heading-h1-font-size-mobile) /var(--heading-line-height) var(--font-heading);
  --type-heading-h2:500 var(--type-heading-h2-font-size-mobile) /var(--heading-line-height) var(--font-heading);
  --type-heading-h3:300 var(--type-heading-h3-font-size-mobile) /var(--heading-line-height) var(--font-heading);
  --type-heading-h4:400 var(--type-heading-h4-font-size-mobile) /var(--heading-line-height) var(--font-heading);
  --type-heading-h5:400 var(--type-heading-h5-font-size) /var(--heading-line-height) var(--font-heading);
  --type-heading-h6:400 var(--type-base-font-size-rem) /var(--heading-line-height) var(--font-heading);
  --type-article-p:400 var(--type-base-font-size-rem) /var(--font-content-line-height) var(--font-body);
  --max-width:1440px;
  --gutter:1rem;
  --top-navigation-height:4rem;
  --top-navigation-offset:-4rem;
  --z-index-back:-1;
  --z-index-top:999;
  --z-index-mid:500;
  --z-index-nav-menu:200;
  --z-index-low:10;
  --z-index-sidebar:600;
  --elem-radius:0.25rem;
  --focus-effect:0 0 0 3px var(--accent-primary-engage);
  --form-elem-height:2.6rem;
  --sticky-header-height:0;
  --top-nav-height:4.5rem;
  --main-document-header-height:6rem;


  --top-level-front-size:1.3rem;
  --sub-level-front-size:1.1rem;
  --icon-size:1.6rem;

  --accent_blue: #0085f230;
  --accent_blue_active: #0085f250;

}


@media screen and (min-width:769px){
  :root{
  --type-heading-h1:600 var(--type-heading-h1-font-size) /var(--heading-line-height) var(--font-heading);
  --type-heading-h2:500 var(--type-heading-h2-font-size) /var(--heading-line-height) var(--font-heading);
  --type-heading-h3:300 var(--type-heading-h3-font-size) /var(--heading-line-height) var(--font-heading);
  --type-heading-h4:400 var(--type-heading-h4-font-size) /var(--heading-line-height) var(--font-heading)}
}
:target{
  scroll-margin-top:0;
  scroll-margin-top:var(--sticky-header-height)}
body{
  accent-color:var(--accent-primary);
  background-color:var(--background-primary);
  color:var(--text-primary);
  scrollbar-color:var(--scrollbar-color) var(--scrollbar-bg)}
body.full-screen-overlay{
  overflow:hidden}
:focus-visible{
  outline-color:var(--accent-primary);
  outline-offset:1px;
  outline-style:auto}
main{
  min-height:70vh}

.visually-hidden{
  clip:rect(1px,1px,1px,1px)!important;
  border:0!important;
  -webkit-clip-path:inset(50%)!important;
  clip-path:inset(50%)!important;
  height:1px!important;
  margin:-1px!important;
  overflow:hidden!important;
  padding:0!important;
  position:absolute!important;
  white-space:nowrap!important;
  width:1px!important}

.hidden{
  display:none}



.container{
  margin-left:auto;
  margin-right:auto;
  max-width:var(--max-width);
  padding-left:var(--gutter);
  padding-right:var(--gutter);
  width:100%}

.logo{
  align-items:center;
  display:flex}

.logo svg{
  height:1.5rem;
  margin-top:.3rem}


.article-actions-container{
  align-items:center;
  background-color:var(--background-secondary);
  border-bottom:1px solid var(--border-primary);
  margin:0;
  min-height:2rem;
  padding:0;
  position:-webkit-sticky;
  position:sticky;
  top:0;
  z-index:var(--z-index-low)}

.article-actions-container .container{
  align-items:center;
  display:flex;
  gap:.5rem;
  justify-content:space-between;
  padding-left: 83px;
}


.document-toc{
  margin-bottom:2rem;
  padding:0;
  position:relative}
@media screen and (max-width:426px){
  .document-toc{
  padding:0 1rem}
}


/*.sidebar .backdrop{
  display:none}*/
@media screen and (max-width:768px){
  .sidebar{
  height:100vh;
  left:0;
  max-height:100vh;
  position:fixed;
  right:0;
  top:--var(--offset)}

.sidebar,
.sidebar .sidebar-inner{
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%);
  z-index:var(--z-index-top)}

/*.sidebar .sidebar-inner{
  background:var(--background-primary);
  border-right:1px solid var(--border-primary);
  height:var(--max-height);
  max-height:var(--max-height);
  max-width:20rem;
  overflow:hidden;
  overflow:auto;
  padding:1rem;
  position:relative;
  transition:transform .2s linear;
  width:80vw;
  will-change:transform}*/

  .page-footer-grid{
  margin:0 auto;
  max-width:1440px}

/*.sidebar .backdrop{
  background:rgba(0,0,0,
.3);
  border-radius:0;
  bottom:0;
  cursor:default;
  display:flex;
  left:0;
  opacity:0;
  position:fixed;
  right:0;
  top:0;
  transition:opacity .2s linear;
  width:100%;
  will-change:opacity;
  z-index:var(--z-index-mid)}

.sidebar.is-animating,
.sidebar.is-expanded,
.sidebar.is-expanded .sidebar-inner{
  -webkit-transform:translateX(0);
  transform:translateX(0)}

.sidebar.is-expanded .backdrop{
  opacity:1}*/
}
@media screen and (min-width:769px){
  .sidebar{
  display:flex;
  max-height:var(--max-height);
  overflow:auto;
  position:-webkit-sticky;
  position:sticky;
  top:var(--offset)}
}

/*.sidebar-heading{
  color:var(--text-primary);
  font:var(--type-heading-h5);
  letter-spacing:1.5px;
  margin:0}

.sidebar em{
  background-color:var(--background-toc-active);
  border-left:2px solid var(--category-color);
  display:inline-block;
  font-style:normal;
  font-weight:600;
  padding:.25rem .25rem .25rem .5rem;
  width:100%}

.sidebar a,
.sidebar em{
  -webkit-hyphens:auto;
  hyphens:auto}

.sidebar a{
  color:var(--text-secondary);
  display:inline-flex;
  padding:.25rem}

.sidebar a:focus,
.sidebar a:hover{
  text-decoration:underline}

.sidebar .no-link{
  display:inline-flex;
  padding:.25rem}

.sidebar strong{
  display:flex;
  font-size:var(--type-base-font-size-rem);
  margin-top:1rem}

.sidebar ol{
  font-size:var(--type-smaller-font-size)}

.sidebar ol ol,
.sidebar ol ul{
  padding-left:.5rem}

.sidebar ol ol li .icon{
  margin-right:.01em}

.sidebar ol ol li.no-bullet{
  display:block;
  font-weight:var(--font-body-strong-weight);
  list-style-type:none}

.sidebar .sidebar-heading~div>ol,
.sidebar .sidebar-heading~ol{
  margin-top:1rem}

.sidebar li,
.sidebar summary{
  margin-bottom:.5rem}

.sidebar code,
.sidebar summary{
  font-size:var(--type-smaller-font-size)}

.sidebar code{
  word-wrap:break-word;
  background-color:transparent;
  background-color:initial;
  border-radius:var(--elem-radius);
  font-family:var(--font-code);
  line-height:1.2;
  padding:.125rem;
  white-space:normal}

.sidebar summary{
  cursor:pointer}

.sidebar details{
  margin:.75rem 0}

.sidebar details ol{
  padding-left:.75rem}

.sidebar .icon{
  align-self:center;
  background-size:14px;
  height:1.5rem;
  margin-right:-.25rem;
  -webkit-mask-size:14px;
  mask-size:14px;
  width:1.5rem}

.sidebar .icon-experimental,
.sidebar .icon-nonstandard{
  background-color:var(--icon-information)}

.sidebar .icon-deprecated{
  background-color:var(--icon-critical)}

*/


.light{
  --text-primary:#1b1b1b;
  --text-secondary:#4e4e4e;
  --text-inactive:#9e9e9ea6;
  --text-link:#0069c2;
  --text-invert:#fff;
  --background-primary:#fff;
  --background-secondary:#eee;
  --background-tertiary:#ddd;
  --background-toc-active:#ebeaea;
  --background-mark-yellow:rgba(199,183,0,.4);
  --background-mark-green:rgba(0,208,97,.4);
  --background-information:rgba(0,133,242,.1);
  --background-warning:rgba(255,42,81,.1);
  --background-critical:rgba(211,0,56,.1);
  --background-success:rgba(0,121,54,.1);
  --border-primary:#aaa;
  --border-secondary:#ccc;
  --border-tertiary:#eee;
  --button-primary-default:var(--accent_blue);
  --button-primary-hover:var(--accent_blue_active);
  --button-primary-active:#9e9e9e;
  --button-primary-inactive:#1b1b1b;
  --button-secondary-default:#fff;
  --button-secondary-hover:#ddd;
  --button-secondary-active:#cdcdcd;
  --button-secondary-inactive:#f9f9fb;
  --button-secondary-border-focus:#0085f2;
  --button-secondary-border-red:#ff97a0;
  --button-secondary-border-red-focus:#ffd9dc;
  --icon-primary:#696969;
  --icon-secondary:#b3b3b3;
  --icon-information:#0085f2;
  --icon-warning:#ff2a51;
  --icon-critical:#d30038;
  --icon-success:#007936;
  --accent-primary:#0085f2;
  --accent-primary-engage:rgba(0,133,242,.1);
  --accent-secondary:#0085f2;
  --accent-tertiary:rgba(0,133,242,.1);
  --shadow-01:0px 1px 2px rgba(43,42,51,.05);
  --shadow-02:5px 5px 20px rgba(0,0,0,.3);
  --focus-01:0px 0px 0px 3px rgba(0,144,237,.4);
  --scrollbar-bg:transparent;
  --scrollbar-color:rgba(0,0,0,.25);
  --text-primary-red:#d30038;
  --text-primary-green:#007936;
  --text-primary-blue:#0069c2;
  --text-primary-yellow:#746a00;
  color-scheme:light}

.dark{
  --text-primary:#fff;
  --text-secondary:#cdcdcd;
  --text-inactive:#cdcdcda6;
  --text-link:#8cb4ff;
  --text-invert:#1b1b1b;
  --background-primary:#1b1b1b;
  --background-secondary:#262626;
  --background-tertiary:#353535;
  --background-toc-active:#343434;
  --background-mark-yellow:rgba(199,183,0,.4);
  --background-mark-green:rgba(0,208,97,.4);
  --background-information:rgba(0,133,242,.1);
  --background-warning:rgba(255,42,81,.1);
  --background-critical:rgba(211,0,56,.1);
  --background-success:rgba(0,121,54,.1);
  --border-primary:#777;
  --border-secondary:#555;
  --border-tertiary:#333;
  --button-primary-default:var(--accent_blue);
  --button-primary-hover:var(--accent_blue_active);
  --button-primary-active:#9e9e9e;
  --button-primary-inactive:#fff;
  --button-secondary-default:#4e4e4e;
  --button-secondary-hover:#444;
  --button-secondary-active:#9e9e9e;
  --button-secondary-inactive:#4e4e4e;
  --button-secondary-border-focus:#0085f2;
  --button-secondary-border-red:#ff97a0;
  --button-secondary-border-red-focus:#ffd9dc;
  --icon-primary:#fff;
  --icon-secondary:#b3b3b3;
  --icon-information:#5e9eff;
  --icon-warning:#afa100;
  --icon-critical:#ff707f;
  --icon-success:#00b755;
  --accent-primary:#5e9eff;
  --accent-primary-engage:rgba(94,158,255,.1);
  --accent-secondary:#5e9eff;
  --accent-tertiary:rgba(0,133,242,.1);
  --shadow-01:0px 1px 2px rgba(251,251,254,.2);
  --shadow-02:5px 5px 20px rgba(255,255,255,.3);
  --focus-01:0px 0px 0px 3px rgba(251,251,254,.5);
  --scrollbar-bg:transparent;
  --scrollbar-color:hsla(0,0%,100%,.25);
  --text-primary-red:#ff97a0;
  --text-primary-green:#00d061;
  --text-primary-blue:#8cb4ff;
  --text-primary-yellow:#c7b700;
  color-scheme:dark}


@media(prefers-color-scheme:light){
  :root:not(.light):not(.dark){
  --text-primary:#1b1b1b;
  --text-secondary:#4e4e4e;
  --text-inactive:#9e9e9ea6;
  --text-link:#0069c2;
  --text-invert:#fff;
  --background-primary:#fff;
  --background-secondary:#eee;
  --background-tertiary:#ddd;
  --background-toc-active:#ebeaea;
  --background-mark-yellow:rgba(199,183,0,.4);
  --background-mark-green:rgba(0,208,97,.4);
  --background-information:rgba(0,133,242,.1);
  --background-warning:rgba(255,42,81,.1);
  --background-critical:rgba(211,0,56,.1);
  --background-success:rgba(0,121,54,.1);
  --border-primary:#aaa;
  --border-secondary:#ccc;
  --border-tertiary:#eee;
  --button-primary-default:var(--accent_blue);
  --button-primary-hover:var(--accent_blue_active);
  --button-primary-active:#9e9e9e;
  --button-primary-inactive:#1b1b1b;
  --button-secondary-default:#fff;
  --button-secondary-hover:#ddd;
  --button-secondary-active:#cdcdcd;
  --button-secondary-inactive:#f9f9fb;
  --button-secondary-border-focus:#0085f2;
  --button-secondary-border-red:#ff97a0;
  --button-secondary-border-red-focus:#ffd9dc;
  --icon-primary:#696969;
  --icon-secondary:#b3b3b3;
  --icon-information:#0085f2;
  --icon-warning:#ff2a51;
  --icon-critical:#d30038;
  --icon-success:#007936;
  --accent-primary:#0085f2;
  --accent-primary-engage:rgba(0,133,242,.1);
  --accent-secondary:#0085f2;
  --accent-tertiary:rgba(0,133,242,.1);
  --shadow-01:0px 1px 2px rgba(43,42,51,.05);
  --shadow-02:5px 5px 20px rgba(0,0,0,.3);
  --focus-01:0px 0px 0px 3px rgba(0,144,237,.4);
  --scrollbar-bg:transparent;
  --scrollbar-color:rgba(0,0,0,.25);
  --text-primary-red:#d30038;
  --text-primary-green:#007936;
  --text-primary-blue:#0069c2;
  --text-primary-yellow:#746a00;
  color-scheme:light}
}


@media(prefers-color-scheme:dark){
  :root:not(.light):not(.dark){
  --text-primary:#fff;
  --text-secondary:#cdcdcd;
  --text-inactive:#cdcdcda6;
  --text-link:#8cb4ff;
  --text-invert:#1b1b1b;
  --background-primary:#1b1b1b;
  --background-secondary:#262626;
  --background-tertiary:#353535;
  --background-toc-active:#343434;
  --background-mark-yellow:rgba(199,183,0,.4);
  --background-mark-green:rgba(0,208,97,.4);
  --background-information:rgba(0,133,242,.1);
  --background-warning:rgba(255,42,81,.1);
  --background-critical:rgba(211,0,56,.1);
  --background-success:rgba(0,121,54,.1);
  --border-primary:#777;
  --border-secondary:#555;
  --border-tertiary:#333;
  --button-primary-default:var(--accent_blue);
  --button-primary-hover:var(--accent_blue_active);
  --button-primary-active:#9e9e9e;
  --button-primary-inactive:#fff;
  --button-secondary-default:#4e4e4e;
  --button-secondary-hover:#858585;
  --button-secondary-active:#9e9e9e;
  --button-secondary-inactive:#4e4e4e;
  --button-secondary-border-focus:#0085f2;
  --button-secondary-border-red:#ff97a0;
  --button-secondary-border-red-focus:#ffd9dc;
  --icon-primary:#fff;
  --icon-secondary:#b3b3b3;
  --icon-information:#5e9eff;
  --icon-warning:#afa100;
  --icon-critical:#ff707f;
  --icon-success:#00b755;
  --accent-primary:#5e9eff;
  --accent-primary-engage:rgba(94,158,255,.1);
  --accent-secondary:#5e9eff;
  --accent-tertiary:rgba(0,133,242,.1);
  --shadow-01:0px 1px 2px rgba(251,251,254,.2);
  --shadow-02:5px 5px 20px rgba(255,255,255,.3);
  --focus-01:0px 0px 0px 3px rgba(251,251,254,.5);
  --scrollbar-bg:transparent;
  --scrollbar-color:hsla(0,0%,100%,.25);
  --text-primary-red:#ff97a0;
  --text-primary-green:#00d061;
  --text-primary-blue:#8cb4ff;
  --text-primary-yellow:#c7b700;
  color-scheme:dark}
}



.document-page .article-actions-container,
.document-page .document-toc-container,
.document-page .generic-loading,
.document-page .main-content,
.document-page .metadata,
.document-page .page-header,
.document-page .sidebar{
  display:flex}

.document-page .main-content,
.document-page .sidebar{
  flex-direction:column;
  width:100%}

.main-wrapper{
  display:flex;
  margin:0 auto;
  max-width:var(--max-width)}

.main-wrapper .toc{
  display:none}
@media screen and (min-width:769px){
  .main-wrapper{
  grid-gap:3rem;
  display:grid;
  gap:3rem;
  grid-template-areas:"sidebar main";
  grid-template-columns:minmax(0,1fr) minmax(0,2fr);
  padding-left:1.5rem;
  padding-right:3rem}

.main-wrapper .main-content,
.main-wrapper .sidebar,
.main-wrapper .toc{
  padding-bottom:3rem;
  padding-top:3rem}

.main-wrapper .sidebar{
  align-self:start;
  grid-area:sidebar}

.main-wrapper .main-content{
  grid-area:main}
}
@media screen and (min-width:1200px){
  .main-wrapper{
  grid-gap:3rem;
  display:grid;
  gap:3rem;
  grid-template-areas:"sidebar main toc";
  grid-template-columns:minmax(0,1fr) minmax(0,3fr) minmax(0,15rem);
  padding-left:1rem;
  padding-right:1rem}

.main-wrapper .toc{
  --offset:var(--main-document-header-height);
  --max-height:calc(100vh - var(--offset));
  display:block;
  grid-area:toc;
  max-height:var(--max-height);
  overflow:auto;
  position:-webkit-sticky;
  position:sticky;
  top:var(--offset)}

.main-wrapper .in-nav-toc{
  display:none}
}

.page-wrapper{
  grid-template-columns:100%}


.main-document-header-container{
  position:-webkit-sticky;
  position:sticky;
  top:0;
  z-index:var(--z-index-top)}

.main-page-content{
  overflow-wrap:break-word;
  padding:3rem 1rem 1rem}

/*.main-page-content .section-content .prev-next{
  display:flex;
  gap:.5rem;
  justify-content:space-between;
  list-style:none;
  margin:1rem 0;
  padding:0;
  text-align:center}*/

/*.main-page-content .section-content .prev-next li{
  display:flex;
  margin:0}

.main-page-content .section-content .prev-next .button{
  margin:0;
  max-width:inherit}

.main-page-content .section-content .prev-next .button-wrap{
  color:inherit}*/
@media screen and (min-width:426px){
  .main-page-content{
  padding:3rem}
}
@media screen and (min-width:769px){
  .main-page-content{
  margin-bottom:.5rem;
  padding:0}
}

h1{
  font:var(--type-heading-h1);
  margin-bottom:2rem;
  word-break:break-word}
@media screen and (min-width:769px){
  h1{
  font:var(--type-heading-h1)}
}
h2{
  font:var(--type-heading-h2);
  margin:4rem 0 .5rem}
h3{
  font:var(--type-heading-h3);
  margin:2rem 0 .5rem}
h2~div~h3,h2~h3{
  margin-top:1rem}
h4{
  font:var(--type-heading-h4);
  letter-spacing:.5px;
  margin:2rem 0 1rem}
h5{
  font:var(--type-heading-h5)}
h5,h6{
  letter-spacing:1.5px;
  margin:2rem 0 1rem;
  text-transform:uppercase}
h6{
  font:var(--type-heading-h6)}
h1 code,h2 code,h3 code,h4 code,h5 code,h6 code{
  font-size:inherit}
p{
  margin:1rem 0 2rem}



/*.button,button{
  -webkit-appearance:none;
  appearance:none;
  background:none;
  border:none}*/

/* .button{ */
/*   --button-bg:var(--button-primary-default); */
/*   --button-border-color:var(--button-primary-default); */
/*   --button-focus-effect:var(--focus-effect); */
/*   --button-height:var(--form-elem-height,2rem); */
/*   --button-color:var(--background-primary); */
/*   --button-font:var(--type-emphasis-m); */
/*   --button-padding:0.5rem; */
/*   --button-radius:var(--elem-radius,0.25rem); */
/*   border-radius:var(--button-radius); */
/*   cursor:pointer; */
/*   display:inline-block; */
/*   padding:0; */
/*   text-decoration:none} */

/*.button {
/*   --button-bg: var(--button-primary-default);
  --button-bg-hover: var(--button-primary-hover);
  --button-bg-active: var(--button-primary-active);
  --button-border-color: var(--button-primary-default);
  --button-focus-effect: var(--focus-effect);
  --button-height: var(--form-elem-height,2rem);
/*   --button-color: var(--background-primary);
  --button-font: var(--type-emphasis-m);
  --button-padding: 0.5rem;
  --button-radius: var(--elem-radius,0.25rem);

  --button-bg: var(--background-secondary);
  --button-color: var(--text-primary);

  cursor: pointer;
}*/

/*.button-wrap{
  align-items:center;
  background-color:var(--button-bg);
  border:1px solid var(--button-border-color);
  border-radius:var(--button-radius);
  color:var(--button-color);
  display:flex;
  font:var(--button-font);
  gap:.25rem;
  height:var(--button-height);
  justify-content:center;
  padding-left:var(--button-padding);
  padding-right:var(--button-padding);
  position:relative}*/

/*.button-wrap {
  align-items: center;
  background-color: var(--button-bg);
  border: 1px solid var(--button-border-color);
  border-radius: var(--button-radius);
  color: var(--button-color);
  display: flex;
  font: var(--button-font);
  gap: .25rem;
  height: var(--button-height);
  justify-content: center;
  padding-left: var(--button-padding);
  padding-right: var(--button-padding);
  position: relative;
}*/

.button .icon{
  background-color:var(--button-color);
  margin:0 -1px}

.button.hover,
.button:hover{
  --button-bg:var(--button-primary-hover);
  --button-border-color:var(--button-bg)}

.button.active,
.button:active{
  --button-bg:var(--button-primary-active)}

.button.focus,
.button:focus{
  outline:none}

.button.focus .button-wrap,
.button:focus .button-wrap{
  border:1px solid var(--button-secondary-border-focus);
  box-shadow:var(--button-focus-effect)}

.button.button.inactive,
.button.button[disabled]{
  cursor:default;
  opacity:.65}

.button.button.inactive:hover,
.button.button[disabled]:hover{
  --button-bg:inherit;
  --button-border-color:transparent}

./*button.small,
.button.small .button-wrap{
  --button-height:1.75rem;
  --button-padding:0.25rem}

.button.secondary{
  --button-bg:var(--button-secondary-default);
  --button-border-color:var(--border-primary);
  --button-color:var(--text-secondary)}

.button.secondary:hover{
  --button-bg:var(--button-secondary-hover)}

.button.secondary:active{
  --button-bg:var(--button-secondary-active)}

.button.secondary:focus{
  --button-border-color:var(--button-secondary-border-focus)}*/

/*.button.action{
  --button-bg:transparent;
  --button-border-color:var(--button-bg);
  --button-color:var(--text-secondary);
  --button-font:var(--type-label-s)}

.button.action.has-icon{
  --button-font:var(--type-emphasis-m);
  text-transform:none}

.button.action:hover{
  --button-bg:var(--button-secondary-hover)}

.button.action:active{
  --button-bg:var(--button-secondary-active)}

.button.action:focus{
  --button-border-color:var(--button-secondary-border-focus)}

.button.action .button-wrap{
  text-transform:uppercase}

.button.action.highlight{
  --button-color:var(--button-primary-default)}*/

/*.button.select{
  --button-bg:var(--background-primary);
  --button-border-color:var(--border-primary);
  --button-color:var(--text-secondary);
  -webkit-appearance:none;
  appearance:none;
  background:none;
  border:none;
  padding:0;
  text-decoration:none}

.button.select .button-wrap{
  box-shadow:var(--shadow-01);
  padding-right:26px;
  position:relative}

.button.select .button-wrap:after{
  background-color:var(--icon-primary);
  content:"";
  display:block;
  height:16px;
  -webkit-mask-image:url(media/small-arrow.a22801b3d18b7d1ea795.svg);
  mask-image:url(media/small-arrow.a22801b3d18b7d1ea795.svg);
  -webkit-mask-size:cover;
  mask-size:cover;
  position:absolute;
  right:.5rem;
  top:calc(50% - .5rem);
  width:16px}*/





@media screen and (min-width:769px){
  .top-navigation-main .theme-toggle{
  align-self:auto;
  margin-bottom:0}
}

.top-navigation-main .button.action:hover{
  --button-bg:var(--border-secondary)}

/*.is-transparent .top-navigation-main .button.action:not(:focus):hover{
  --button-border-color:transparent}

.is-transparent .top-navigation-main .button.action:hover{
  --button-bg:var(--accent-primary-engage)}*/

/*.top-navigation-main .button.action.search-button:hover{
  --button-bg:transparent}*/

.top-navigation-main .top-level-entry{
  background:none;
  border-top:1px solid var(--border-secondary);
  color:var(--text-secondary);
  cursor:pointer;
  display:flex;
  padding:1rem .5rem;
  text-align:left;
  width:100%}

.top-navigation-main .top-level-entry:link,
.top-navigation-main .top-level-entry:visited{
  color:var(--text-secondary)}

.top-navigation-main .top-level-entry.menu-toggle{
  min-height:53px;
  padding:.5rem}
@media screen and (max-width:769px){
  .top-navigation-main .top-level-entry.button{
  --button-color:var(--text-secondary);
  --button-padding:0;
  --button-radius:0}

.top-navigation-main .top-level-entry.button .button-wrap{
  background:none;
  border:none;
  gap:.5rem;
  justify-content:flex-start;
  padding:0;
  text-transform:none}

.top-navigation-main .top-level-entry.button:focus{
  --button-focus-effect:none}
}
@media screen and (min-width:769px){

.top-navigation-main{
  align-items:center;
  display:flex;
  flex:1 1;
  flex-direction:row;
  gap:.5rem;
  left:inherit;
  padding:0;
  position:static;
  top:inherit;
  z-index:inherit}

.show-nav .top-navigation-main{
  flex-direction:row}

.top-navigation-main .main-nav{
  order:0}

/*.top-navigation-main .header-search{
  order:1}

.top-navigation-main .notifications-menu{
  order:2}

.top-navigation-main .auth-container{
  order:3}

.top-navigation-main .user-menu{
  order:4}*/

.top-navigation-main .main-nav{
  margin-right:auto;
  width:-webkit-max-content;
  width:max-content}

}



@media screen and (min-width:769px){
  .top-navigation-main .top-level-entry{
  border-radius:var(--elem-radius);
  border-top:none;
  padding:.5rem}

.top-navigation-main .top-level-entry:focus,
.top-navigation-main .top-level-entry:hover{
  background-color:var(--category-color-background);
  color:var(--category-color);
  text-decoration:none}

.top-navigation-main .top-level-entry.button{
  padding:0}
}

.top-navigation-main .menu-toggle{
  align-items:center;
  display:flex;
  justify-content:space-between;
  position:relative}

.top-navigation-main .menu-toggle:after{
  background-color:var(--icon-primary);
  content:"";
  height:var(--icon-size);
  margin-left:.2em;
  margin-top:.2em;
  -webkit-mask-image:url(media/chevron.05a124d379047e16d746.svg);
  mask-image:url(media/chevron.05a124d379047e16d746.svg);
  width:var(--icon-size)}

.top-navigation-main .menu-toggle[aria-expanded=true]:after{
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg)}



/*
.top-navigation-main{
  display:none;
  justify-content:space-between;
  padding:0;
  width:100%}

.top-navigation-main .main-nav{
  order:2}*/


.submenu{
  background-color:var(--background-primary);
  list-style:none;
  margin:0;
  padding:0}

.submenu li{
  width:100%}

.submenu .submenu-item,
.submenu a{
  align-items:center;
  border:1px solid transparent;
  color:var(--text-primary);
  display:flex;
  height:100%;
  padding:.5rem;
  width:100%}
li:last-child .submenu .submenu-item:not(:focus),li:last-child .submenu a:not(:focus){
  border-bottom-color:transparent}

.submenu .submenu-item:hover,
.submenu a:hover{
  background-color:var(--border-secondary);
  text-decoration:none}

.main-menu .submenu .submenu-item:hover,
.main-menu .submenu a:hover{
  background-color:var(--background-secondary)}

.submenu .submenu-item:focus,
.submenu a:focus{
  border:1px solid var(--button-secondary-border-focus);
  box-shadow:var(--button-focus-effect)}

.submenu .submenu-item .icon,
.submenu a .icon{
  margin-right:.5rem}


@media screen and (min-width:769px){

ul.main-menu .top-level-entry-container:focus-within .submenu,ul.main-menu .top-level-entry-container:hover .submenu{
  display:block}

  .submenu.inline-submenu-lg{
  background-color:var(--background-secondary);
  border:1px solid var(--border-primary);
  border-radius:var(--elem-radius);
  box-shadow:var(--shadow-02);
  max-width:25rem;
  padding:.5rem;
  position:absolute;
  top:calc(100% + 4px);
  width:-webkit-max-content;
  width:max-content;
  z-index:var(--z-index-mid)}

.main-menu .submenu.inline-submenu-lg{
  background-color:var(--background-primary)}

.submenu.inline-submenu-lg .submenu-item{
  border-radius:var(--elem-radius);
  padding:.75rem}

.submenu.inline-submenu-lg:before{
  content:"";
  display:block;
  height:8px;
  left:0;
  position:absolute;
  top:-8px;
  width:100%}
}
@media screen and (min-width:769px){
  .submenu:not(.inline-submenu-lg){
  background-color:var(--background-secondary);
  border:1px solid var(--border-primary);
  border-radius:var(--elem-radius);
  box-shadow:var(--shadow-02);
  max-width:25rem;
  padding:.5rem;
  position:absolute;
  top:calc(100% + 4px);
  width:-webkit-max-content;
  width:max-content;
  z-index:var(--z-index-mid)}

.main-menu .submenu:not(.inline-submenu-lg){
  background-color:var(--background-primary)}

.submenu:not(.inline-submenu-lg) .submenu-item{
  border-radius:var(--elem-radius);
  padding:.75rem}

.submenu:not(.inline-submenu-lg):before{
  content:"";
  display:block;
  height:8px;
  left:0;
  position:absolute;
  top:-8px;
  width:100%}
}

.submenu-header{
  display:block;
  padding:1rem}

.submenu-header .submenu-item{
  padding:0}

.submenu-header .submenu-item:hover{
  background:none}
@media screen and (min-width:769px){
  .submenu-header{
  border-bottom:1px solid var(--border-primary)}
}

/*.submenu-icon{
  background-color:var(--icon-primary);
  height:2rem;
  margin-right:.75rem;
  position:relative;
  width:.2rem}

.submenu-item,
.submenu-item-heading{
  font-size:var(--type-smaller-font-size)}
*/



@media screen and (min-width:769px){
  .submenu-item-heading:not(:only-child),
.submenu-item:not(:only-child){
  font-weight:var(--font-body-strong-weight)}
}

.submenu-item-description{
  display:none}
@media screen and (min-width:769px){
  .submenu-item-description{
  display:block;
  font-size:var(--type-tiny-font-size);
  margin:.25rem 0 0}
}
.top-navigation-main .menu-toggle{
  align-items:center;
  display:flex;
  justify-content:space-between;
  position:relative}

.top-navigation-main .menu-toggle:after{
  background-color:var(--icon-primary);
  content:"";
  height:var(--icon-size);
  margin-left:.2em;
  margin-top:.2em;
  -webkit-mask-image:url(media/chevron.05a124d379047e16d746.svg);
  mask-image:url(media/chevron.05a124d379047e16d746.svg);
  width:var(--icon-size)}

.top-navigation-main .menu-toggle[aria-expanded=true]:after{
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg)}



.top-navigation-main .top-level-entry-container{
  position:relative;
  font-size: var(--top-level-front-size);
}

.top-navigation-main .top-level-entry-container .submenu{
  z-index:var(--z-index-nav-menu)}

ul.main-menu{
  grid-gap:1rem;
  box-sizing:border-box;
  list-style:none;
  margin-top:1rem;
  padding:0;
  width:100%}
ul.main-menu.show{
  display:block}

@media screen and (min-width:769px){

ul.main-menu{
  align-items:center;
  display:flex;
  justify-content:space-around;
  margin:0 auto 0 0;
/*  max-width:310px*/
}


ul.main-menu li:last-child{
  flex-basis:inherit;}
/*ul.main-menu .menu-toggle,ul.main-menu .submenu,ul.main-menu .submenu.show{
  display:none*/
}


@media screen and (min-width:769px){
  ul.main-menu .top-level-entry-container:focus-within .submenu,ul.main-menu .top-level-entry-container:hover .submenu{
  display:block}
}

.submenu .submenu-item-heading{
  font-size: var(--sub-level-front-size);
  font-weight:400}


.top-navigation{
  background-color:var(--background-primary);
  border-bottom:1px solid var(--border-primary);
  position:relative;
  width:100%;
  z-index:100}

.top-navigation .container{
  align-items:center;
  background-color:var(--background-primary);
  display:flex;
  flex-flow:row wrap;
  gap:2rem;}

@media screen and (min-width:769px){
  .top-navigation .container{
  background-color:transparent}
}