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

@import url("https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap");

:root {
  --osi-help-primary-color: #003064;
  --osi-help-secondary-color: #E10019;
  --osi-help-info-color: #D1ECF1;
  --osi-help-font: "Arimo",Arial,Helvetica,sans-serif;
  --osi-help-link-color: #005CA9;
  --osi-help-link-color-hover: #2B88D8;
  --osi-help-footer-logo-min-width: 5rem;
  --osi-help-footer-link-color: var(--osi-help-link-color);
  --osi-help-footer-link-color-hover: var(--osi-help-link-color-hover);
}


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

html, body, div { font-family: var(--osi-help-font)!important;}

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;}
h1, h2 { font-weight: bold;}
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; }
td, strong, li {font-family: var(--osi-help-font)!important;}
.panel-macros--info__content--heading, .panel-macros--note__content--heading { 
  font-family: var(--osi-help-font)!important; font-weight: 700!important;}

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

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

.header__navigation nav { 
  box-shadow: none;
  border-bottom: 5px solid var(--osi-help-primary-color);
}

.header__navigation__menu-container--logo a img { height: 40px !important; margin: 1rem; }
.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; }

/*Barrierefreiheit*/
.search-results__results__result:focus-within { outline: 3px solid var(--osi-help-link-color-hover); }
.article__content__content__anchor--link-icon { visibility: hidden; }

/* -- 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); } }

/* ------------------ */
/* -- 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; }

@media print, screen and (max-width: 63.99875em) {.header__navigation__menu-container--logo a img { margin: 0.5rem 1rem 0.5rem 1rem; max-height: 30px }}

/* -------------- */
/* -- 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);
  font-weight: 700;
  color: var(--osi-help-secondary-color) !important;
}

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

a.hc-footer-font-color { 
  color: var(--osi-help-footer-link-color) !important; 
  font-family: var(--osi-help-font);
  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__attribution-line--copyright { font-size: 18px !important; }

.footer--alignment {
flex-flow: row-reverse;
flex-wrap: wrap;
}
.footer--alignment .cell {
align-self: center;
}

.footer__logo {
max-width: 215px;
min-width: 215px;
margin: 0;
}

@media print, screen and (max-width: 63.99875em) {
.footer__logo {
margin-bottom: 1rem;
max-height: 30px;
min-width: auto;
}
}