/***************************************************************************************
* data2type CSS für Styling von DITA-Web-Apps auf Basis des DITA-Framework
****************************************************************************************
* @project      data2type DITA Web-App
* @version      2.0
* @date         2022-11-06
* @author       Manuel Montero (data2type)
* @lastEditor   Fabian Kern (digital publishing competence)
* @copyright    data2type
*                 
*****************************************************************************************/ 

/* Font-Embedding */
/* 
 * the actual font is the last one defined as 'd2t-sans' in d2t-fonts.css
 */
@import "resources/fonts/d2t-fonts.css";

/* Config-Einstellungen für Farbschema etc. */
@import "config.css";

/* Content-Styling aus Oxygen-Framework */
@import "content.css";

/* oct styles */
@import "oct-styles.css";

/* @ofx:location('lbook_imports','version=3.8, time=2024-01-30T00:00:00.000000') */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
 * ------------------------------------------------------------------
 * Content-Logo und Einstellungen für Page-Header, 
 * insb. für responsive Darstellung
 * 
 */
 
.content_logo,
.toc_logo { 
   background-color:var(--default-background);
   float:right;
   padding: 1em;    
}

.toc_logo {
   display: block;
   float: right;
  }
  
.toc_logo + p {
    display: none;
}

.toc_logo img {
    height: 38px; 
    width: auto;
}/* 45px */
  
.content_logo img {
    height: 38px; 
    width: auto;
}/* 45px */

div.row {
    margin-bottom: 0;
}
  
.content_logo {
   display: none;
}

@media only screen and (min-width: 768px) {
  .content_logo {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
    body.wh_topic_page .wh_search_input,
    body.wh_search_page .wh_search_input {
     width: 100%;
     margin-right: 0;
    }
}

@media only screen and (min-width: 768px) {
    body.wh_topic_page .wh_search_input,
    body.wh_search_page .wh_search_input { 
        width: calc(100% - 182px);
    }
}

.pre,
.code {
    white-space: pre-wrap;
}
.codeph{
    color: var(--code-font-color);
    font-family: var(--code-font-family);
}

.title_index  {
    color: var(--page-header-bar-font-color);
    text-align: center;
    /* margin-left:10%; */
    font-size: xx-large;
    font-weight: bold;
}

.subtitle_index {
    color: var(--page-header-bar-font-color);
    text-align:right;
    margin-right:2.5%;
    font-size:large;
    margin-top:0.5em;
}

body {
    background-color: var(--default-background);
    font-family: var(--default-font-family);
    color: var(--default-font-color);
    font-size: 16px;
}

/* @ofx:location('lbook_content-logo','version=3.8, time=2024-01-30T00:00:00.000000') */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
 * ------------------------------------------------------------------
 *  
 * Fight with bootstrap
 *  
 */

/* #1109 Icons Print + PDF */
@media (min-width: 768px) {
.navbar-expand-md {
    flex-flow: row wrap;
    }
}

.navbar-brand {
  height: auto;
}

.navbar {
  background-image: none;
  border: none;
  border-radius: 0;
  margin: -0.5em;
  box-shadow: none;
}

.navbar-nav li + li {
    margin-top: 0;
}

.wh_header {
  /* background-image: url("resources/images/bgr_color_hdr_d2t.png");
  background-repeat: repeat;
  background-attachment: fixed;
  padding: 4em 0; */
}

a,
a:hover,
a:link,
a:visited {
  color:  var(--link-color);
  text-decoration: underline;
}
span.home a, span.topicref a, ol.d-print-none li a {
  text-decoration: none;
}
div.fn a, a.fn-call {
  text-decoration: none;
}
a.wh_prev_next_link, a.wh_term_target {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

article a,
article a:hover,
article a:link,
article a:visited {
    font-weight: bold;
}

/* @ofx:location('lbook_bootstrap','version=3.8, time=2024-01-30T00:00:00.000000') */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
 * ------------------------------------------------------------------
 *  
 * Publication titles
 *  
 */
 
.wh_publication_title > a {
  padding: 2em 0;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1em;
  font-size: 1.8em;
}
@media only screen and (min-width: 768px) {
  .wh_topic_page .wh_header {
    padding: 0;
  }
}

/* @ofx:location('lbook_publication-title','version=3.8, time=2024-01-30T00:00:00.000000') */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
 * ------------------------------------------------------------------
 *  
 * Menu
 *  
 */
 
.wh_top_menu {
  font-size: 1em;
  margin: .4em 0;
}
.wh_top_menu ul a {
  color: #ffffff;
}
/* The submenus */
.wh_top_menu ul ul {
  background-color:  var(--color-basecolor);
}
@media only screen and (min-width: 768px) {
  .wh_top_menu > ul > li > .topicref > a {
    background-color: transparent;
    text-transform: uppercase;
    margin: 0 2px;
    padding-top: 1em;
    padding-bottom: 1em;
    border: none;
  }
  .wh_top_menu > ul > li > ul {
    margin: 0 2px;
  }
  /* Menu bar */
  .wh_top_menu ul li:hover a {
    background-color:  var(--color-basecolor);
    color: #ffffff;
  }
  /* Sub menus */
  .wh_top_menu ul ul li {
    border: none;
    background-color:  var(--color-basecolor);
  }
  .wh_top_menu ul li:hover ul a {
    color: #d9d9d9;
    transition: background-color 0.25s ease-out 0s, color 0.3s ease-out 0s;
  }
  .wh_top_menu ul ul li a:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.08);
    transition: background-color 0.25s ease-in 0s, color 0.3s ease-in 0s;
  }
  .wh_top_menu ul ul li.has-children:after {
    color: #d9d9d9;
  }
}

@media only screen and (max-width: 767px) {
  .wh_top_menu li a {
    color: #ffffff;
  }
  .wh_top_menu li.active a {
    color: #ffffff;
  }
  .wh_top_menu li.active {
    background-color:  var(--color-basecolor);
  }
  .wh_top_menu li.active > span a {
    background-color: rgba(0, 0, 0, 0.07);
  }
  .wh_toggle_button.navbar-toggle,
  .wh_toggle_button.navbar-toggle:focus {
    border: none;
    border-color:  var(--color-basecolor);
    background-color: #dce5f2;
  }
  .wh_toggle_button.navbar-toggle .icon-bar {
    background-color:  var(--color-basecolor);
  }
  .wh_top_menu ul ul li {
    border: none;
  }
}
@media only screen and (min-width: 768px) {
  .wh_topic_page .wh_top_menu_and_indexterms_link {
    display: inline-block !important;
    padding: 0;
  }
}

/* @ofx:location('lbook_menu','version=3.8, time=2024-01-30T00:00:00.000000') */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
 * ------------------------------------------------------------------
 *  
 * Link to the index.
 * 
 */
 
@media only screen and (min-width: 768px) {
  .wh_topic_page .wh_indexterms_link {
    float: none;
    display: inline-block;
  }
  
    .wh_topic_page .wh_indexterms_link a:before {
    position: relative;
    padding: 0px 6px 0px 0;
    top: 0;
    bottom: 0;
    margin: 0;
  }
}
.wh_indexterms_link a:before {
  color:  var(--color-basecolor);
  font-size: 1.6em;
  position: relative;
}
.wh_indexterms_link a span {
  display: none;
}
@media only screen and (max-width: 767px) {
  .wh_indexterms_link a:before {
    bottom: 0;
  }
}

/* @ofx:location('lbook_link-to-index','version=3.8, time=2024-01-30T00:00:00.000000') */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
 * ------------------------------------------------------------------
 *  
 * Tiles
 * 
 */
 
.wh_tile {
  border: 1px solid #939393;
}
.wh_tile_shortdesc {
  color: #494949;
  font-weight: 400;
  font-size: 1em;
  margin-top: 0.5em;
  text-align: justify;
}
.wh_tile_title a {
  text-decoration: none;
  text-transform: none;
  text-align: left;
  color:  var(--color-basecolor) !important;
  font-size: 1.3em;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .wh_tile > div {
    height: auto;
  }
}

/* @ofx:location('lbook_tile','version=3.8, time=2024-01-30T00:00:00.000000') */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
 * ------------------------------------------------------------------
 *
 * Tree TOC for the main page.
 *
 */
 
.wh_main_page_toc {
  padding-left: 2em;
  border: none;
  border-left: 1px solid #939393;
  background-color: #ffffff;
}

.wh_main_page_toc a {
  color:  var(--color-basecolor);
  font-size: 1.3em;
}

.wh_main_page_toc .wh_main_page_toc_accordion_header:before {
  content: "b";
  /* expand symbol */
  left: -0.35em !important;
  background-color: #ffffff;
  font-size: 2em;
}

.wh_main_page_toc .wh_main_page_toc_accordion_header.expanded:before {
  content: "c";
  /* collapse symbol */
}

.wh_main_page_toc > .wh_main_page_toc_accordion_header,
.wh_main_page_toc > .wh_main_page_toc_entry {
  padding: 0.5em;
  margin: 0.5em;
  border: 1px solid #939393 !important;
  font-weight: bold;
}

.wh_main_page_toc_accordion_header.expanded {
  border-bottom: none !important;
  margin-bottom: 0;
}

.wh_main_page_toc_accordion_header.expanded + .wh_main_page_toc_accordion_entries {
  margin: 0 .5em .5em .5em;
  border: 1px solid #939393;
  border-top: none;
}

.wh_main_page_toc .wh_main_page_toc_accordion_header:hover,
.wh_main_page_toc .wh_main_page_toc_entry:hover {
    background-color: #d9dadb;
  /* background-color: rgba(147, 147, 147, 0.06); */
}

.wh_main_page_toc .wh_main_page_toc_accordion_header,
.wh_main_page_toc > .wh_main_page_toc_entry,
.wh_main_page_toc_accordion_entries {
  background-color: #ffffff;
  text-align: left;
}

.wh_main_page_toc .wh_toc_shortdesc {
  color: #494949;
  background-color: transparent;
  font-weight: normal;
  font-size: 1em;
}

.wh_main_page_toc_accordion_header:before {
  color:  var(--color-basecolor);
}

.wh_main_page_toc .expanded {
  border: none;
}

.wh_main_page_toc_accordion_entries > * {
    margin-left: 2em;
}

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

.wh_main_page .wh_content_area {
  background-color: #ffffff;
  padding: 4em 0 2em 0;
  color:  var(--color-basecolor);
  text-align: center;
  align-items: center;
}
.wh_main_page_toc_title {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 1em;
}

/* @ofx:location('lbook_tree-toc','version=3.8, time=2024-01-30T00:00:00.000000') */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
 * ------------------------------------------------------------------
 *  
 * Search area
 * 
 */
 
.wh_search_input {
  padding: 0.5em 0 0.5em 0;
  margin: 0;
  align-items: center;
  color: var(--color-text-grey);
  background-color: var(--color-basecolor);
  text-align: center;
}

.wh_search_textfield {
  border: solid 1px #939393;
  color: var(--color-text-grey);
  background-color: var(--color-ui-weiss);
  padding: 0 .4em;
  height: 2em;
  font-size: 1em;
}

.wh_search_textfield {
  border-radius: 4px;
}

.wh_search_button {
  border-radius: 4px 4px 4px 4px !important;
  /* background-color:  var(--color-basecolor); */
  color: var(--color-text-grey);
  padding: 0.3em 1.1em;
}

/* Untertitel/Autor ausblenden */
/*.wh_search_input h1.subtitle_index {
    display: none;
}*/ 

/* Search relative path */
.searchresult li .relativePath a {
  color: #006621;
}

/* Search autocomplete icons */
.search-autocomplete-proposal-type-history a,
.search-autocomplete-proposal-type-history a:hover,
.search-autocomplete-proposal-type-history a:visited,
.search-autocomplete-proposal-type-history a:active {
  text-decoration: none;
  color:  var(--color-basecolor);
  font-size: 0.8em;
}

.ui-state-active .search-autocomplete-proposal-type-history a,
.ui-state-active .search-autocomplete-proposal-type-history a:hover,
.ui-state-active .search-autocomplete-proposal-type-history a:visited,
.ui-state-active .search-autocomplete-proposal-type-history a:active {
  color: #ffffff;
}

/* Do not allow the text to go beneath the search button  */
@media only screen and (min-width: 768px) {
  .wh_search_textfield {
    /* padding-right: 3em; */
  }
}

/* Search field placeholder */
::-webkit-input-placeholder {
  color: #494949;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #494949;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #494949;
}
:-ms-input-placeholder {
  color: #494949;
}

/* Change Autocomplete styles in Chrome */
:-webkit-autofill,
:-webkit-autofill:hover,
:-webkit-autofill:focus {
  border: 1px solid #939393;
  -webkit-text-fill-color: #494949;
  -webkit-box-shadow: none;
  transition: background-color 5000s ease-in-out 0s;
}

/* @ofx:location('lbook_search','version=3.8, time=2024-01-30T00:00:00.000000') */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
 * ------------------------------------------------------------------
 *
 * Footer
 *
 */

div.container-fluid {
    margin-bottom: 3em;    
}

.wh_footer {
    font-weight: bold;
    border-top: solid 2px var(--color-basecolor);
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 10%;
    padding-right: 10%;
    color: var(--color-basecolor);
    text-align: center;
    align-items: center;
    margin-top: 2em;
}

.wh_footer a {
    color: var(--color-basecolor);
}

.footer-container {
    margin-bottom: 0;
    font-size: 1.5rem;
}

/* @ofx:location('lbook_footer','version=3.8, time=2024-01-30T00:00:00.000000') */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
 * ------------------------------------------------------------------
 *
 * Topic page header
 *
 */

body.wh_topic_page div.row {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

body.wh_topic_page nav.wh_tools {
    margin-right: 0;
    padding-right: 0;
    margin-top: 0;
    margin-bottom: 1em;
}

/* @ofx:location('lbook_page-header','version=3.8, time=2024-01-30T00:00:00.000000') */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
 * ------------------------------------------------------------------
 *
 * Topic content
 *
 */
 
.wh_content_area {
  background-color: #ffffff;
  padding: 0;
  font-size: 1em;
  margin-top: 1em;
  margin-bottom: 2em;
  line-height: 1.7em;
}
.wh_topic_content {
  color: #494949;
}

/*
 * Title & subtitles
 */

h1,
h2,
h3,
h4,
h5,
h6 {    
    display:block;
    font-weight:bold;
    background-color:inherit;
    font-family: var(--header-font-family);
    font-size: 2rem;
    color: var(--header-font-color);
}
p.subheading {
    display:block;
    font-weight:bold;
    background-color:inherit;
    font-family: var(--header-font-family);
    font-size: 1.5rem;
    color: var(--header-font-color);
    font-style: italic;
}

.topictitle {
  font-weight: normal;
}

.table--title-label {
  font-weight: bold;
  font-style: normal;
  font-family: var(--title-font-family);
  color: var(--title-font-color);
}

.table--title {
  font-weight: normal;
  font-style: normal;
  font-family: var(--title-font-family);
  color: var(--title-font-color);
}

.fig--title-label {
  font-weight: bold;
  font-style: normal;
  font-family: var(--title-font-family);
  color: var(--title-font-color);
}

.fig--title {
  font-weight: normal;
  font-style: normal;
  font-family: var(--title-font-family);
  color: var(--title-font-color);
}

h1.topictitle1 {
    font-size: 1.4em;
    line-height: 1.4;
    font-weight: bold;
    margin-bottom: 1em;
}

p.p, li, div.p, div.fn, div.definitiontitel,
 p.mediabeschreibung, p.videotitel, p.audiotitel {
    font-size: 1.1em;
    line-height: 1.7;
}

li li {
    font-size: 1em;
}

figure {
    margin-top: 1em;
    margin-bottom: 2em;
}

.wh_publication_toc li {
    font-size: 1em;
}

table {
    margin-left: 0;
    margin-right: 0;
    margin-top: 1em;
}

#wh_topic_body  hr {
    margin-top: 2em;
}

div.definitiontitel { 
    font-family: var(--title-font-family);
    margin-bottom: 0;
}

div.definitioninh {
    margin: 0;
    padding: 0.75em;
}

div.mediabox, div.videobox, div.audiobox, p.mediabeschreibung, p.videotitel, p.audiotitel {
    font-family: var(--title-font-family);    
}

p.videotitel, p.audiotitel {
    margin-left: 0.75em;
}

div.mediabox, div.videobox, div.audiobox {
    border: 3px solid var(--color-basecolor);
    border-radius: 4px;
    background-color: inherit;
}

/* @ofx:location('lbook_topic-content','version=3.8, time=2024-01-30T00:00:00.000000') */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* 
 * modal container
 */
 
.close {
    font-size: 20px;
}
/* not needed here, it is set ok in webhelp.css:67 */
/*#modal-img {
    width: 100vw;
    max-width: 90%;
    max-height: 90%;
}*/

#go2top {
    background-color: var(--color-basecolor);
    border: 1px solid var(--color-basecolor);
    bottom: 60px;
    padding-top: 0;
    margin-bottom: 10px;
    margin-right: 5px;
}

/* @ofx:location('lbook_modal-container','version=3.8, time=2024-01-30T00:00:00.000000') */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
 * ------------------------------------------------------------------
 *
 * Breadcrumb
 *
 */
 
.wh_breadcrumb ol {
  padding: .5em;
}
.wh_breadcrumb ol,
.wh_breadcrumb ol a {
  color: #939393;
}
.wh_breadcrumb ol .active a {
  color:  var(--color-basecolor);
}
.home a span {
  display: none;
}
.home a:before {
  font-size: x-large;
  font-family: var(--default-font-family);
  content: "o";
}

.wh_breadcrumb li:not(:last-of-type):after { 
    display: inline-block;
    margin-top: -5px;
}

.wh_breadcrumb li + li {
    margin-top: -5px;
}

/* @ofx:location('lbook_breadcrump','version=3.8, time=2024-01-30T00:00:00.000000') */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
 * ------------------------------------------------------------------
 *
 * Tools and navigation
 *
 */
 
.wh_tools {
  border-bottom: solid 1px #dce5f2;
  background-color: #ffffff;
  margin: 2em 1em;
  font-size: 1em;
}
.wh_print_link button,
.webhelp_expand_collapse_sections,
.wh_hide_highlight,
.wh_navigation_links a,
.wh_navigation_links a:hover,
.wh_navigation_links a:active,
.wh_navigation_links a:visited,
.wh_print_link a:before,
.wh_navigation_links a:before,
.wh_navigation_links a:hover:before,
.wh_navigation_links a:active:before,
.wh_navigation_links a:visited:before {
  color:  var(--color-basecolor);
  text-decoration: none;
}
.wh_right_tools {
  padding: 8px 15px;
  align-items: start;
}
/*
 * Other content
 */
.wh_topic_content .shortdesc {
  font-style: italic;
}
/* x more */
.dots-after span,
.dots-before span {
  border: 1px solid #babdc1;
}
/* Prev/Next */
.wh_prev_next {
    display: flex;
    justify-content: space-between;
    margin-top: 3em;
    margin-right: 0;
    font-size: x-large;
}

a.wh_prev_next_link,
a.wh_prev_next_link:link,
a.wh_prev_next_link:hover,
a.wh_prev_next_link:visited{
    color: var(--color-basecolor);
    border: 2px solid var(--color-basecolor);
    border-radius: 4px;
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 8px;
}

/* @ofx:location('lbook_tools-and-navigation','version=3.8, time=2024-01-30T00:00:00.000000') */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
 * ------------------------------------------------------------------
 *
 * Publication TOC
 *
 */
 
.wh_publication_toc {
  border: 3px solid #dce5f2;
  border-radius: 4px;
  background-color: #fcfcfc;
  padding: 1em;
  line-height: 2em;
}
.wh_publication_toc > ul {
  padding-left: 0;
}
.wh_publication_toc .active > .topicref a {
  color:  var(--color-basecolor);
  font-weight: bold;
}
.wh_publication_toc span,
.wh_publication_toc a,
.wh_publication_toc a:visited,
.wh_publication_toc a:hover {
  color: #7b7a7a;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .wh_publication_toc {
    padding: 1em;
    margin-left: 0;
    margin-top: 1em;
  }
}
/* Publication TOC tooltip */
.wh_breadcrumb .topicref .wh-tooltip,
.wh_publication_toc .topicref .wh-tooltip {
  background-color:  var(--color-basecolor);
  color: #ffffff;
}
.wh_breadcrumb .topicref .wh-tooltip a,
.wh_publication_toc .topicref .wh-tooltip a {
  color: #ffffff;
  text-decoration: underline;
}
/* Tooltip arrow. */
[data-tooltip-position="left"] .topicref .wh-tooltip::before {
  border-left-color:  var(--color-basecolor);
}
[data-tooltip-position="right"] .topicref .wh-tooltip::before {
  border-right-color:  var(--color-basecolor);
}
[data-tooltip-position="bottom"] .topicref .wh-tooltip::before {
  border-bottom-color:  var(--color-basecolor);
}
[data-tooltip-position="top"] .topicref .wh-tooltip::before {
  border-top-color:  var(--color-basecolor);
}
/* Related links */
.wh_related_links .related-links,
.wh_topic_content .related-links,
.wh_child_links {
  margin: 1em 0 0 0;
  background-color: #ffffff;
  border: #dce5f2 solid 1px;
  border-radius: 4px;
  padding: 0 1em;
}
.wh_child_links {
  padding: 1em;
}
.wh_topic_content .related-links {
  font-size: .91em;
}

/* @ofx:location('lbook_publication-toc','version=3.8, time=2024-01-30T00:00:00.000000') */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
 * ------------------------------------------------------------------
 *
 * Search results.
 *
 */
 
.searchresult {
  list-style: none;
}
.searchresult li {
  padding: .5em;
}
.searchresult li a {
  color:  var(--color-basecolor);
}
.wh_search_expression {
  color:  var(--color-basecolor);
}
#results {
  margin: 0 1em 0 1em;
}
.searchresult .shortdesclink {
  margin: .3em .5em 0 0;
}
.wh_search_expression {
  font-weight: bold;
}

/*--------- Search results ----------*/

.wh_search_results_items {
    margin-left: 1em;
    margin-right: 1em;
}

.wh_search_results_header {
    margin-left: 1em;
} 

/*--------- Search results breadcrumb ----------*/

.search-breadcrumb li a {
  color: #494949;
  background: #dce5f2;
}
.search-breadcrumb li .title:before,
.search-breadcrumb li .title:after {
  border-color: #dce5f2;
}
.search-breadcrumb li .title:before {
  border-left-color: transparent;
}
.search-breadcrumb li .title:after {
  border-color: transparent;
  border-left-color: #dce5f2;
}

/* Highlights */

.highlight {
  background-color: #dce5f2;
  color:  var(--color-basecolor) !important;
  border-radius: 4px;
  padding: 0 1px;
}
.wh-h {
  padding: 0 1px;
}

/* @ofx:location('lbook_search-results','version=3.8, time=2024-01-30T00:00:00.000000') */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* Index terms */

.wh_term_group {
  border-bottom: 1px solid #dce5f2;
  background-color: #ffffff;
  margin: 1em 0;
  padding: 1em;
}
.wh_term > span {
  color: #494949;
  font-style: italic;
}
.wh_index_terms span.wh_first_letter {
  color:  var(--color-basecolor);
  border: none;
  font-size: 1.5em;
  margin: 0;
}
.wh_index_terms #indexList {
  padding: 0;
}

aside {
  display:block;
  min-height: 75px;
  max-width: 200px;
  width: fit-content;
  margin-left: 10px;
  padding: 10px;
  float: right;
  font-style: italic;
  background-color: lightgray;
}
aside.list-of-sources {
  text-align:left;
  width: fit-content;
  max-width: 400px;
  margin-top: 20px;
  margin-right: -150px;
  padding-right: 30px;
  float: right;
  clear: both;
  font-style: italic;
  border: 1px solid var(--table-border-color);
  background-color: var(--box-background);
}
aside.list-of-sources li {
  line-height: 1.1;
}
aside.list-of-sources p {
  line-height: 1.1;
}
aside.list-of-sources li a {
  font-size: 0.8em;
}

aside.source-document {
  text-align: left;
  min-height: 0;
  max-width: 400px;
  margin: 0;
  margin-top: -30px;
  padding: 0;
  float: right;
  clear: both;
  background-color: inherit;
}
div.source-document {
    display:block;
    margin: 0;
    padding: 0;
    font-weight:bold;
    background-color:inherit;
    font-family: var(--header-font-family);
    font-size: 1rem;
    color: var(--header-font-color);
    font-style: italic;
}

/* @ofx:location('lbook_index-terms','version=3.8, time=2024-01-30T00:00:00.000000') */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
 * ------------------------------------------------------------------
 *
 * lists
 *
 */

/* Ordered list */
._3Liste123{
  list-style:decimal;
}
._3Listeabc{
    list-style:lower-alpha;
}

/* Unordered list */
._3ListeQuadrat{
  list-style:square;
}
._3ListeQuadrat-2{
  list-style:circle;
}
._3ListeQuadrat-3{
  list-style:disc;
}

/* @ofx:location('lbook_lists','version=3.8, time=2024-01-30T00:00:00.000000') */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
 * ------------------------------------------------------------------
 *
 * learningAssessment objects (from 20exHTML/xhtml.css)
 *
 */
 
div.lcInteractionLabel2		{ margin:.8em 0 .4em; font-weight: bold;}
div.lcQuestion2				{ margin:.8em 0 .4em; font-weight: bold; color: var(--header-font-color);}
div.lcAnswerOption2		    { border-left:.4em solid #aaa; padding:.4em .6em; margin-bottom:.4em; background:#f0f0f0; }
div.lcCorrectResponse2		 { background:#afa; padding:.2em .4em; margin:.2em 0; font-weight: bold;}
div.lcFeedback2				{ margin:.2em 0; }
div.lcOpenAnswer2              { border-left:.4em solid #aaa; padding:.4em .6em; margin-bottom:.4em; background:#f0f0f0; }

div[data-props='Match'] div.lcItem2            { border-left:.4em solid #aaa; padding:.4em .6em; margin-bottom:.4em; background:#f0f0f0; }
div[data-props='Match'] div.lcMatchingItem2    { padding:.4em .6em; margin-bottom:.4em; }
div[data-props='GapMatch'] div.lcMatchingItem2    { border-left:.4em solid #aaa; padding:.4em .6em; margin-bottom:.4em; background:#f0f0f0; }
div[data-props='GapMatch'] div.lcItem2            { padding:.4em .6em; margin-bottom:.4em; }

img[data-props='ref-icon']  {
    position:relative; top:-5px; left:5px; height:20px; width:auto; padding-right:10px;
}

/* Additions for Overwriting styles / Refinement of existing Layout */

/* Aufgaben-Inhalte */

html.h5p-iframe > body * {
   font-family: var(--form-font-family);
}

/* MathJax classes in h5p-iframe */
html.h5p-iframe > body .MJXc-TeX-unknown-R {font-family: monospace; font-style: normal; font-weight: normal}
html.h5p-iframe > body .MJXc-TeX-unknown-I {font-family: monospace; font-style: italic; font-weight: normal}
html.h5p-iframe > body .MJXc-TeX-unknown-B {font-family: monospace; font-style: normal; font-weight: bold}
html.h5p-iframe > body .MJXc-TeX-unknown-BI {font-family: monospace; font-style: italic; font-weight: bold}
html.h5p-iframe > body .MJXc-TeX-ams-R {font-family: MJXc-TeX-ams-R,MJXc-TeX-ams-Rw}
html.h5p-iframe > body .MJXc-TeX-cal-B {font-family: MJXc-TeX-cal-B,MJXc-TeX-cal-Bx,MJXc-TeX-cal-Bw}
html.h5p-iframe > body .MJXc-TeX-frak-R {font-family: MJXc-TeX-frak-R,MJXc-TeX-frak-Rw}
html.h5p-iframe > body .MJXc-TeX-frak-B {font-family: MJXc-TeX-frak-B,MJXc-TeX-frak-Bx,MJXc-TeX-frak-Bw}
html.h5p-iframe > body .MJXc-TeX-math-BI {font-family: MJXc-TeX-math-BI,MJXc-TeX-math-BIx,MJXc-TeX-math-BIw}
html.h5p-iframe > body .MJXc-TeX-sans-R {font-family: MJXc-TeX-sans-R,MJXc-TeX-sans-Rw}
html.h5p-iframe > body .MJXc-TeX-sans-B {font-family: MJXc-TeX-sans-B,MJXc-TeX-sans-Bx,MJXc-TeX-sans-Bw}
html.h5p-iframe > body .MJXc-TeX-sans-I {font-family: MJXc-TeX-sans-I,MJXc-TeX-sans-Ix,MJXc-TeX-sans-Iw}
html.h5p-iframe > body .MJXc-TeX-script-R {font-family: MJXc-TeX-script-R,MJXc-TeX-script-Rw}
html.h5p-iframe > body .MJXc-TeX-type-R {font-family: MJXc-TeX-type-R,MJXc-TeX-type-Rw}
html.h5p-iframe > body .MJXc-TeX-cal-R {font-family: MJXc-TeX-cal-R,MJXc-TeX-cal-Rw}
html.h5p-iframe > body .MJXc-TeX-main-B {font-family: MJXc-TeX-main-B,MJXc-TeX-main-Bx,MJXc-TeX-main-Bw}
html.h5p-iframe > body .MJXc-TeX-main-I {font-family: MJXc-TeX-main-I,MJXc-TeX-main-Ix,MJXc-TeX-main-Iw}
html.h5p-iframe > body .MJXc-TeX-main-R {font-family: MJXc-TeX-main-R,MJXc-TeX-main-Rw}
html.h5p-iframe > body .MJXc-TeX-math-I {font-family: MJXc-TeX-math-I,MJXc-TeX-math-Ix,MJXc-TeX-math-Iw}
html.h5p-iframe > body .MJXc-TeX-size1-R {font-family: MJXc-TeX-size1-R,MJXc-TeX-size1-Rw}
html.h5p-iframe > body .MJXc-TeX-size2-R {font-family: MJXc-TeX-size2-R,MJXc-TeX-size2-Rw}
html.h5p-iframe > body .MJXc-TeX-size3-R {font-family: MJXc-TeX-size3-R,MJXc-TeX-size3-Rw}
html.h5p-iframe > body .MJXc-TeX-size4-R {font-family: MJXc-TeX-size4-R,MJXc-TeX-size4-Rw}
html.h5p-iframe > body .MJXc-TeX-vec-R {font-family: MJXc-TeX-vec-R,MJXc-TeX-vec-Rw}
html.h5p-iframe > body .MJXc-TeX-vec-B {font-family: MJXc-TeX-vec-B,MJXc-TeX-vec-Bx,MJXc-TeX-vec-Bw}

div.aufgabeinh {
    border: 3px solid var(--color-basecolor);
    border-radius: 4px;
    padding: 10px;
}

.h5p-joubelui-button, .h5peditor .h5p-joubelui-button, .h5peditor .ui-dialog .h5p-joubelui-button {
    background-color: var(--color-basecolor);
}

.h5p-essay .h5p-essay-input-field-textfield {
    width: calc(100% - 20px);
    border: 1px solid black;
    border-radius: 2px;
}

div.h5p-content table td {
    padding: 5px;
}

.h5p-answers table {
    margin-top: -1.5em;
}

html.h5p-iframe > body p, 
html.h5p-iframe > body li, 
html.h5p-iframe > body div {
    line-height: 1.7;
}

/* @ofx:location('lbook_h5p-iframe-and-learningAssessment','version=3.8, time=2024-01-30T00:00:00.000000') */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
 * 
 * burger menu
 * 
 * Made by Erik Terwan
 * 24th of November 2015
 * MIT License
 * · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · */
@media only screen and (max-width: 767px) {
    .burger-menu-nav { display: block; }
    .wh_search_textfield { width: 400px; }
}
@media only screen and (min-width: 768px) {
    .burger-menu-nav { display: none; }
    .wh_search_textfield { width: 100% }
}

.burger-menu {
  display: block;
  position: fixed;
  top: 12px;
  right: 35px;
  z-index: 98;
  -webkit-user-select: none;
  user-select: none;
}

.burger-menu input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  cursor: pointer;
  opacity: 0; /* hide this */
  z-index: 99; /* and place it over the hamburger */
  -webkit-touch-callout: none;
}

/* Just a quick hamburger */
.burger-menu span {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: gray;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}
.burger-menu span:first-child { transform-origin: 0% 0%; }
.burger-menu span:nth-last-child(2) { transform-origin: 0% 100%; }

/* Transform all the slices of hamburger into a crossmark. */
.burger-menu input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}
/* But let's hide the middle one. */
.burger-menu input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}
/* And the last one should go the other direction */
.burger-menu input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1px);
}

/* Make this absolute positioned
 * at the top left of the screen */
.burger-menu-list {
  position: absolute;
  top: -10px;
  right: 5px;
  width: 350px;
  padding: 20px;
  padding-top: 60px;
  border: 1px solid var(--color-basecolor);
  border-radius: 4px;
  background-color: #fcfcfc;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */  
  transform-origin: 0% 0%;
  transform: translate(120%, 0);  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

.burger-menu-list li {
  padding: 4px 0;
  font-size: 16px;
}

.burger-menu-list li a {
  text-decoration: none;
}
.burger-menu-list li.active a {
  color: var(--color-basecolor);
  font-weight: bold;
}

/* And let's slide it in from the left */
.burger-menu input:checked ~ ul {
  transform: none;
}

/* @ofx:location('lbook_burger-menu','version=3.8, time=2024-01-30T00:00:00.000000') */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* jQuery-Formate */

.ui-widget {
    font-family: var(--default-font-family);
}

/*  AI Bot */
.ai {
    position: relative; margin: auto; width: 69%;
}
.ai-index {
    position: relative; margin: auto; width: 64%;
}
/*div#cgptcb-chat-circle.cgptcb-chat-circle {
    bottom: 2.5rem; right: 10rem;
}*/

/* alignment */
*.align-left {
    text-align:left;
}
*.align-right {
    text-align:right;
}
*.align-center {
    text-align:center;
}
*.valign-top {
    vertical-align: top;
}
*.valign-middle {
    vertical-align: middle;
}
*.valign-center {
    vertical-align: middle;
}
*.valign-bottom {
    vertical-align: bottom;
}

span.lang {
    /*color: var(--code-font-color);*/
    font-weight:bold;
}

/*
==============================================
 		   HTML and Docbook CALS tables 
   [the master copy is in the DITA framework]
==============================================
*/

/*
    The caption of the table.
*/
table > caption,
table > info > title,
table > title{ 
    display: table-caption;
    font-weight:bold;
    text-align: left;
    margin-top: 0.5em;
    color: var(--title-font-color);
    font-family: var(--title-font-family);
    font-size: var(--title-font-size);
}

/* 
    A Table in a document 
*/
table,
informaltable{
  display: table;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

table[border],
informaltable[border]{
    border-width:attr(border,length);
    border-style:solid;
}

/*
    Define each border.
    Even if HTML indicates that the framing should not be done if
    there is no border, Docbook is not explicit.
    
    Should be: table[border][frame]
*/
table[frame],
informaltable[frame]{
    border-style:none;
    border-color:var(--table-border-color);
}

table[frame='above'],
table[frame='top'],
informaltable[frame='above'],
informaltable[frame='top']{
  border-top-style:solid;
}

table[frame='below'],
table[frame='bottom'],
informaltable[frame='below'],
informaltable[frame='bottom']{
  border-bottom-style:solid;
}

table[frame='rhs'],
informaltable[frame='rhs']{
  border-right-style:solid;
}

table[frame='lhs'],
informaltable[frame='lhs']{
  border-left-style:solid;
}

table[frame='vsides'],
table[frame='sides'],
informaltable[frame='vsides'],
informaltable[frame='sides']{
  border-left-style:solid;
  border-right-style:solid;
}

table[frame='hsides'],
table[frame='topbot'],
informal[frame='hsides'],
informal[frame='topbot']{
  border-bottom-style:solid;
  border-top-style:solid;
}

table[frame='box'],
table[frame='border'],
table[frame='all'],
informaltable[frame='box'],
informaltable[frame='border'],
informaltable[frame='all']{
  border-style:solid;
}

/* Alignment. */

*[align='left']{
   text-align:left;
}
*[align='right']{
   text-align:right;
}
*[align='center']{
   text-align:center;
}

table[align='center'],
table[align='right'],
informaltable[align='center'],
informaltable[align='right']{
	margin-left:auto;
	text-align:inherit;
}

table[align='center'],
table[align='left'],
informaltable[align='center'],
informaltable[align='left']{
	margin-right:auto;
	text-align:inherit;
}

/*
  A wrapper for the main content of a table, or part of a table
 */
tgroup {
  display: table;
}

tbody {
/* overriden in cals_table.css */
    display:table-row-group;
}

/* 
    A table header consisting of one or more rows 
*/
thead {
  display: table-header-group;
  font-weight: bold;
  text-align: center;  
}
 
/* 
    A table footer consisting of one or more rows 
*/
tfoot {
  display: table-footer-group;
  font-weight: bold;
  text-align: center;    
}

/*
    Table row.
*/
row,
tr{
    display:table-row;
}

/*
    Table cell.
*/
entry,
td{
    display:table-cell;
}
tr {
	vertical-align: middle;
}
tr[valign='top'] {
	vertical-align: top;
}
tr[valign='middle'] {
	vertical-align: middle;
}
tr[valign='center'] {
	vertical-align: middle;
}
tr[valign='bottom'] {
	vertical-align: bottom;
}

@media screen {
	entry,
	td{
	    /*See -colors.css */
	    border-color: var(--table-border-color);
	    border-style:solid;
	    border-width:1px;
	    padding-top:1px;
	    padding-bottom:1px;
	    padding-left:5px;
	    padding-right:5px;
	}	
}

th {
  display:table-cell;     
  font-weight:bold;
  text-align: center;    
}
 
/* 
    entrytbl - A subtable appearing in place of an Entry in a table 
*/
entrytbl {
  display: table;
}

table[bgcolor],
informaltable[bgcolor],
tr[bgcolor],
td[bgcolor]{
    background-color:attr(bgcolor);
    color:inherit;
}

/*
    The columns are separated.
*/
table[border][rules=cols] > tr > td,
table[border][rules=cols] > tr > th,
table[border][rules=cols] > tbody > tr > td,
table[border][rules=cols] > tbody > tr > th,
table[border][rules=cols] > thead > tr > td,
table[border][rules=cols] > thead > tr > th,
table[border][rules=cols] > tfoot > tr > td,
table[border][rules=cols] > tfoot > tr > th{
    border-left:1px solid;
    border-right:1px solid;
}

/*
    The columns are separated.
*/
table[border][rules=rows] > tr > td,
table[border][rules=rows] > tr > th,
table[border][rules=rows] > tbody > tr > td,
table[border][rules=rows] > tbody > tr > th,
table[border][rules=rows] > thead > tr > td,
table[border][rules=rows] > thead > tr > th,
table[border][rules=rows] > tfoot > tr > td,
table[border][rules=rows] > tfoot > tr > th{
    border-top:1px solid;
    border-bottom:1px solid;
}

/*
    All the columns and rows are separated.
*/
table[border][rules=all] > tr > td,
table[border][rules=all] > tr > th,
table[border][rules=all] > tbody > tr > td,
table[border][rules=all] > tbody > tr > th,
table[border][rules=all] > thead > tr > td,
table[border][rules=all] > thead > tr > th,
table[border][rules=all] > tfoot > tr > td,
table[border][rules=all] > tfoot > tr > th{
    border:1px solid;
}

/*
    None of the columns and rows are separated.
*/
table[border][rules=none] > tr > td,
table[border][rules=none] > tr > th,
table[border][rules=none] > tbody > tr > td,
table[border][rules=none] > tbody > tr > th,
table[border][rules=none] > thead > tr > td,
table[border][rules=none] > thead > tr > th,
table[border][rules=none] > tfoot > tr > td,
table[border][rules=none] > tfoot > tr > th{
    border:1px solid #EEEEEE;
}


table {
    /*width:100%;*/
    width:auto;
    font-size: var(--table-font-size);
    font-family: var(--table-font-family);
    color: var(--table-font-color);
}

/* 
 * images
 */
 img.image01 {
  width:100%;
  height: auto;
  padding-top: 1em;
  padding-bottom: 1em;
}
img.image02 {
  width: 50%;
  height: auto;
  padding-top: 1em;
  padding-bottom: 1em;
}

/* CSS media query for screens smaller than 600px */
@media screen and (max-width: 600px) {
  img.image02 {
    width: 100%; /* The image will fill 100% width of the screen */
    height: auto;
  }
}

img.image03 {
  width: 33.33%;
  height: auto;
  padding-top: 1em;
  padding-bottom: 1em;
}

/* CSS media query for screens smaller than 600px */
@media screen and (max-width: 600px) {
  img.image03 {
    width: 100%; /* The image will fill 100% width of the screen */
    height: auto;
  }
}

img.image04 {
  width:25%;
  height: auto;
  padding-top: 1em;
  padding-bottom: 1em;
}
/* CSS media query for screens smaller than 600px */
@media screen and (max-width: 600px) {
  img.image04 {
    width: 100%; /* The image will fill 100% width of the screen */
    height: auto;
  }
}

img.image05 {
  height:25px;
  width: auto;
  vertical-align:middle;
  display:inline;
}

/* @ofx:location('lbook_tail-of-skin-css','version=3.8, time=2024-01-30T00:00:00.000000') */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */