/* --------------- */
/* -- VARIABLES -- */
/* --------------- */
/*
/* Für alle Mandanten nur Variablen anpassen! */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');

:root {
  --osi-help-primary-color: #000000;
  --osi-help-secondary-color: #000000;
  --osi-help-info-color: #D1ECF1;
  --osi-help-font: "Noto Sans", normal;
  --vp-font-family-default: "Noto Sans", normal;
  --vp-font-family-headline: "Noto Sans", normal;
  --osi-help-link-color: #182ed6;
  --osi-help-link-color-hover: #2B88D8;
  --osi-help-footer-logo-min-width: 4rem;
  --osi-help-footer-link-color: #000000;
  --osi-help-footer-link-color-hover: #000000;
}

/* ------------ */
/* -- REBOOT -- */
/* ------------ */

body { font-family: var(--osi-help-font) !important; color: #000000}

a { color: var(--osi-help-link-color) !important; text-decoration: underline; font-family: var(--osi-help-font) !important}
a:hover { color: var(--osi-help-link-color-hover) !important; }

h1, h2, h3, h4 { color: var(--osi-help-primary-color) !important; font-family: var(--osi-help-font) !important}
h2 { margin: calc(2 * 1rem) 0 calc(2 * 1rem) 0 !important; }

p { margin-bottom: 1em !important; font-family: var(--osi-help-font) !important}
figure { margin-bottom: 1em !important; }


/* ------------ */
/* -- HEADER -- */
/* ------------ */

.picker--scroll { display: none !important; }

.header__navigation nav { 
  box-shadow: none;
  border-bottom: 1px solid #cacaca;
}

.header__navigation__menu-container--logo a img {height: 80px;!;max-height: none;}
.header__navigation__menu-container--link--last { border-right: 0px;}

a.hc-header-font-color { 
  color: var(--osi-help-primary-color) !important; 
  text-decoration: underline; 
}
a:hover.hc-header-font-color { color: var(--osi-help-link-color-hover) !important; }

.header__navigation__menu-container--logo a::after {
  content: "";
  color: var(--osi-help-primary-color);
}

#search-input { border-radius: 0; }

.search-results__results__result:focus-within { outline: 3px solid var(--osi-help-link-color-hover); }

.article__content__content__anchor--link-icon { visibility: hidden; }

@media(max-width: 63.99875em){
    .header__navigation__menu-container--logo a img {
        content: url("/pubosihelpsh/_/0A3D6503019768C6046ED70B689B2617/1749810028756/logo-mobile.svg")
	}
}

/* -- MOBILE-NAV -- */

@media print, screen and (max-width: 63.99875em) { .header__navigation__menu-container__menu li { margin: 0 !important; }}
@media screen and (max-width: 1023px) { .scroll-y { height: calc(100vh - 17em); } }
@media print, screen and (max-width: 63.99875em) {.header__navigation__menu-container--logo a img {!;max-height: 50px;}}


/* ------------------ */
/* -- MAIN CONTENT -- */
/* ------------------ */

.breadcrumbs a { color: var(--osi-help-link-color); }
.breadcrumbs a:hover { color: var(--osi-help-link-color-hover); }

.accordion-title { padding: 15px; }
.megaAccordion { border-radius: 0; }

.article__toc__link { 
  color: var(--osi-help-link-color) !important; 
  text-decoration: none;
}
.article__toc__link--active { 
  color: var(--osi-help-link-color) !important; 
  font-weight: 700; 
}

.panel-macros--info {
  border-radius: 0;
  background-color: var(--osi-help-info-color);
}
.panel-macros--info__icon img { width: 1.5rem; }


/* -------------- */
/* -- SIDE NAV -- */
/* -------------- */

/* fix focus border */
.menu.vertical {
  padding: 2px;
  margin: -2px;
}

ul.is-active { border-left: 1px solid var(--osi-help-secondary-color); }

.renderPageTree__item a { 
  color: var(--osi-help-link-color) !important; 
  hyphens: auto; 
}
.renderPageTree__item a:hover { color: var(--osi-help-link-color-hover) !important; }

.menu .is-active:not(ul)>a {
  font-family: var(--osi-help-font) !important;
  font-weight: 700;
  color: var(--osi-help-secondary-color) !important;
}


/* ------------ */
/* -- FOOTER -- */
/* ------------ */

.hc-footer-background-color {
                background-color: #FFFFFF;
}
a.hc-footer-font-color { 
  color: var(--osi-help-footer-link-color) !important; 
  font-family: var(--osi-help-font) !important;
  text-decoration: underline !important;
}
a:hover.hc-footer-font-color { color: var(--osi-help-footer-link-color-hover) !important; }

.footer__logo { min-width: var(--osi-help-footer-logo-min-width); }
.footer__logo {height: 50px;max-width: none;}
.footer__attribution-line--copyright { font-size: 18px !important; }
footer {border-top: 1px solid #cacaca;}

@media print, screen and (min-width: 63.99875em) {
.footer .large-auto {
    flex-direction: row-reverse;
}    
}

.footer .large-auto .cell {
    display: none;
}

.footer .large-auto .cell.footer__links {
    display: block;
    width: auto;
    max-width: 100%;
    align-content: center;
}