/* 
 * CSS for the HTML5 publishing can be defined by: 
 * 
 * a) use a single css and define it with the parameter args.css
 *    The css can then import any needed file like general ISG css rules (see first line of this file). 
 * 
 * b) add the individual css files in the header of each HTML with a <link .....>
 *    this can be done by defining a static document header provided via the attribute args.hdf
 *    (example see resources/isg-html5-hdf.xml)
 * 
 * 
 * Remark: In case multiple CSS files are defined the OT transformation will not copy them all to the output directory. 
 *         Multiple CSS files must be copied manual. 
 * 
 */


/* 
 * Basic style definitions shared between HTML web, PDF web and PDF print version of the ISG * 
 * 
 */
 
 /* 
  * Deactivate default Oxygen autotext 
  */
 /* TOC numbering */
*[class ~= "map/topicref"][is-chapter]:not([is-part]) > *[class ~= "map/topicmeta"] > *[class ~= "topic/navtitle"]:before {
    content: none !important;
}
/* Topic Title numbering */
*[class ~= "topic/topic"][is-chapter]:not([is-part]) > *[class ~= "topic/title"]:before {
    content: none !important;
}
/* Part TOC title */
*[class ~= "map/topicref"][is-part] > *[class ~= "map/topicmeta"] > *[class ~= "topic/navtitle"]:before {
    content: none !important;
}
/* Part title */
*[class ~= "topic/topic"][is-part] > *[class ~= "topic/title"]:before {
    content: none !important;
}
/* Appendix */
*[class ~= "bookmap/appendix"][is-chapter]:not([is-part]) > *[class ~= "map/topicmeta"] > *[class ~= "topic/navtitle"]:before {
    content: none !important;
}

/*
  Hidden content
*/

*[class ~= "shortdesc"] {
    display: none;
}

.title .ph.separator {
    display: none;
}

/* deactivate hyphenation by default
 * in case neeed it will be activated on selected elements only */
:root,
*[class ~= "table"]{
    hyphens: manual;
    -oxy-break-line-at-hyphens: auto;
}

/* ISG color definitions */
:root { 
    /* main colors */
    --isg-light-blue: rgba(230, 236, 244, 1.0);
    --isg-medium-blue: rgba(99, 128, 172, 1.0);
    --isg-dark-blue: rgba(9, 47, 134, 1.0);
    --isg-yellow: rgba(244,192,0, 1.0);
    --isg-light-yellow: rgba(252,236,179, 1.0);
    
    /* Table colors */
    --isg-light-grey: rgba(233, 233, 233, 1.0); 
    --isg-medium-grey: rgba(218, 218, 218, 1.0);
    --isg-table-header-blue: rgba(195, 205, 229, 1.0);
    --isg-table-highlight-blue: rgba(225, 230, 243, 1.0);
    --isg-table-highlight-darker-blue: rgba(207, 215, 235, 1.0);
    
    /* Links */
    --isg-link-blue: rgba(14, 71, 203, 1.0);
    
    /* Icons in Annex 9 */
    --isg-icon-blue: rgba(42, 94, 172, 1.0);
	
	/* updated text */
	--isg-updated: rgba(00, 79, 00, 1.0);
}

.updated {
    color: var(--isg-updated);
}

.frame-red{
    border: 1px solid red;
}

.bgc_medium_gray{ background-color: var(--isg-medium-grey); }

.missing_translation {
    color: red !important;
}

.nowrap{
    text-wrap: nowrap;
}

/*
 * Font definitions for HTML Web
 *
 */
 /* Open Symbol */
 
@font-face {
    font-family: "OpenSymbol";
    font-style: normal;
    font-weight: 400;
    src: url("/o/opportal-service/isg?resource=/resources/fonts/html/opens___.ttf") format('truetype');
}

.font_opensymbol{
    font-family: 'OpenSymbol', sans-serif;
}

@font-face {
    font-family: Arial;
    font-style: normal;
    font-weight: 400;
    src: url("/o/opportal-service/isg?resource=/resources/fonts/html/ARIAL.TTF");
}
@font-face {
    font-family: Arial;
    font-style: italic;
    font-weight: 400;
    src: url("/o/opportal-service/isg?resource=/resources/fonts/html/ARIALI.TTF");
}
@font-face {
    font-family: Arial;
    font-style: italic;
    font-weight: 700;
    src: url("/o/opportal-service/isg?resource=/resources/fonts/html/ARIALBI.TTF");
}
@font-face {
    font-family: Arial;
    font-style: normal;
    font-weight: 700;
    src: url("/o/opportal-service/isg?resource=/resources/fonts/html/ARIALBD.TTF");
}

/* 
 * Font for Georgian texts 
 */

/* Normal (Regular) */
@font-face {
    font-family: "Noto Sans Georgian";
    font-style: normal;
    font-weight: 400;
    src: url("/o/opportal-service/isg?resource=/resources/fonts/isg/NotoSansGeorgian-Regular.ttf") format('truetype');
}

/* Bold */
@font-face {
    font-family: "Noto Sans Georgian";
    font-style: normal;
    font-weight: 700;
    src: url("/o/opportal-service/isg?resource=/resources/fonts/isg/NotoSansGeorgian-Bold.ttf") format('truetype');
}

.font_noto_georgian{
    font-family: 'Noto Sans Georgian';
}

/* EU Footnotes - removed because not used */



:root,
body {
    font-family: 'Arial', sans-serif;
    font-size: 100%;
    font-weight: 400;
    
    --isg-part-title: 2.2rem;  /* part titles */
    --isg-part-title-num: 1.6rem;  /* part title number */
    
    --isg-title-text: 2rem;  /* chapter titles (1.0)*/
    --isg-title-num: 2rem;
	
	--isg-webonly-topictitle: 2rem; /* For News, Useful documents, Legal notices, etc. */
	--isg-webonly-sectiontitle: 1.5rem; /* For News, Useful documents, Legal notices, etc. */
	
	
    --isg-annex-title-text: 1.8rem; /* annex headlines */
    --isg-annex-title-num: 1.2rem;
    
    --isg-section-title-text: 1.8rem;  /* chapter subheadlines (1.1.), lv 2 sectiontitles without number (History) */
    --isg-section-title-num: 1.8rem;
    
    --isg-sectiontitle-text: 1.6rem;  /* chapter subheadlines (1.1.1.), smaller subheadlines */
    --isg-sectiontitle-num: 1.6rem;
    
    --isg-h2-sectiontitle: 1.4rem;  /* lv 3 section titles without number, annex headlines without number  */
    
    --isg-level-3-sectiondiv: 1.2rem; /*  lv 5, lv 6, lv, 9, smaller subheadlines */
    
    --isg-sectiondiv-p: 1rem;  
    
    --isg-text-m: 1rem;
    --isg-text-s: 0.9rem;
    --isg-text-xs: 0.84rem;
    
    --isg-multilingual-icon-size: 0.7rem;

}

/* Set the browser's inflation algorithm, specifying a percentage value with which to increase the font size. */
/* makes the font size independent from the viewport zoom and changes of the mobile screen orientation */
html {
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}


/* title size and colour*/
/* part titles */
.part h1.topictitle1 .text{
    font-size: var(--isg-part-title);
    color: var(--isg-dark-blue);
}
.part h1.topictitle1 .part-num{
    font-size: var(--isg-part-title-num);
    color: var(--isg-dark-blue);
}

/* chapter titles */
.level-1 h1.topictitle1, 
.level-1 h1.topictitle1 .text{
    font-size: var(--isg-title-text);
    color: var(--isg-dark-blue);
}
.level-1 h1.topictitle1 .num{
    font-size: var(--isg-title-num);
    color: var(--isg-dark-blue);
}


/* section titles */
.section h2.sectiontitle,
.level-1 h2.sectiontitle,
.level-1 h2.sectiontitle1,
.level-2 h1.topictitle1 .text{
    font-size: var(--isg-section-title-text);
    color: var(--isg-dark-blue);
}
.level-2 h1.topictitle1 .num,
.level-2 h1.topictitle1 .num_tight {
    font-size: var(--isg-section-title-num);
    color: var(--isg-dark-blue);
}

.annex h1.topictitle1 .text{
    font-size: var(--isg-annex-title-text);
    color: var(--isg-dark-blue);
}
.annex h1.topictitle1 .num{
    font-size: var(--isg-annex-title-num);
    color: var(--isg-dark-blue);
}


.level-2 h2.sectiontitle,
.level-3 h1.topictitle1 .text{
    font-size: var(--isg-sectiontitle-text);
    color: var(--isg-dark-blue);
}
.level-3 h1.topictitle1 .num_tight,
.level-3 h1.topictitle1 .num{
    font-size: var(--isg-sectiontitle-num);
    color: var(--isg-dark-blue);
}

.level-3 h2.sectiontitle,
.annex h2.sectiontitle,
.annex h2.topictitle1{
    font-size: var(--isg-h2-sectiontitle);
    color: var(--isg-dark-blue);
}

.note_title,
.level-3 .sectiondiv > p:first-child,
.annex .sectiondiv > p:first-child,
.level_5 > p:first-child,
.level_6 > p:first-child,
.level_9 > p:first-child{
    font-size: var(--isg-level-3-sectiondiv);
    font-weight: 700;
}

.level_10 > p:first-child,
.annex .sectiondiv > p:first-child .sectiondiv > p:first-child{
    font-size: var(--isg-sectiondiv-p);
    font-weight: 700;
}

.note_title,
.sectiondiv > p:first-child,
.title,
.sectiontitle{
    font-weight: 700;
}

/* webonly titles */

.webonly h1.topictitle1{
    font-size: var(--isg-webonly-topictitle);
    color: var(--isg-dark-blue);
    width: 100%;
    padding-bottom: 7.5px;
    padding-top: 0;
    position: relative;
}

.webonly h2.sectiontitle {
    font-size: var(--isg-webonly-sectiontitle);
    color: var(--isg-dark-blue);
}


/* --------------------------------------------------------- */
/* Part Titles */

.part h1.topictitle1 .text{
    display: block;
    text-align: left;
    margin-top: 0;
}
.part h1.topictitle1 .num{
     display: block;
     text-align: left;
}
.part h1.topictitle1 .text > span{
     display: none;
}

/* --------------------------------------------------------- */
/*  testing area */
:root{
    --level-1-space: 1.5em; /* space for level-1 numbers (1.) */
    --level-2-space: 2.9em; /* space for level-2 numbers (1.1.) */
    --level-3-space: 3.5em; /* space for level-3 numbers (1.1.1.) */
    --level-4-space: 4em; /* space for level-4 numbers (1.1.1.1.) */
    --isg-annex-space: 5.5em; /* space for titles in annexes */
}

/* --------------------------------------------------------- */
/* chapter-headlines and headlines in annexes - spacing and positioning*/
.level-1 h1.topictitle1,
.annex .title.topictitle1{
    width: 100%;
    padding-bottom: 7.5px;
    padding-top: 0;
    position: relative;
}

.level-1 h1.topictitle1 .num{
    position: absolute;
    top: 0;
    left: 0;
    width: max-content;
    padding: 0;
}

.level-1 h1.topictitle1 .text{
    margin-left: var(--level-1-space) !important; /* important to overwrite annex indention 0 */
    padding: 0;
    display: block;
}
.level-1 h1.topictitle1 .text:only-child{
    margin-left: 0 !important;
}

.annex .title.topictitle1 .num{
    display: block;
}
.annex .title.topictitle1 .text {
    margin-left: /*  var(--isg-annex-space)*/ 0 ;
    padding: 0;
}


/* --------------------------------------------------------- */
/* subheadlines like 2.4, 4.5 etc. */

.level-2 h1.topictitle1{
    padding-bottom: 0.5em;
    position: relative;
}

/* positioning */
.level-2 h1.topictitle1 .num_tight,
.level-2 h1.topictitle1 .num{   
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: max-content;
    padding: 0;
}

.level-2 h1.topictitle1 .text{
    display: block;
    margin-left: var(--level-2-space) ;
    padding: 0;
}

.level-2 h1.topictitle1 .num_tight + span{
    margin-left: calc( 0.5em + var(--level-2-space) );  /* more space between tight numbers and following text */
}


/* --------------------------------------------------------- */
/* Subheadlines im Text bsp. 2.2.1, 3.4.1, 10.1.10 etc.*/
.level-3 h2.sectiontitle,
.level-3 h1.topictitle1{
    padding-bottom: 0.5em;
    position: relative;
}

.level-3 h1.topictitle1 .text{
    font-size: var(--isg-section-title-text);
    display: block;
    margin-left: var(--level-3-space) ;
}
.level-3 h1.topictitle1 .num,
.level-3 h1.topictitle1 .num_tight{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-size: var(--isg-section-title-num); 
    font-weight: bold;
}

.level-3 h1.topictitle1 .num_tight + span{
    margin-left: calc( 1em + var(--level-3-space) );  /* more space between tight numbers and following text */
}

/* $4th level headlines*/
.level-3 h2.sectiontitle .text{
    display: block;
    margin-left: var(--level-4-space);
}
.level-3 h2.sectiontitle .num{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

/* --------------------------------------------------------- */
/* H5: subheadlines in dark-blue without numbers*/
.annex h3.sectiontitle,
.level-1 h2.sectiontitle,
.level-1 h3.sectiontitle{
    font-size: var(--isg-section-title-text); /* 2rem */
    color: var(--isg-dark-blue);
}

/* H6: subheadlines in dark-blue without numbers */
.level-2 .section h4.sectiontitle{
    font-size: var(--isg-section-title-text); /* 1.7rem */
    color: var(--isg-dark-blue);
}

/* smaller subheadlines*/
.level-3 h5.sectiontitle,
.level-3 h2.topictitle1{
    color: var(--isg-dark-blue);
    font-size: var(--isg-h2-sectiontitle); /* 1.2rem*/
}

.sectiondiv > .p:first-child{
    color: var(--isg-dark-blue);
    font-size: var(--isg-level-3-sectiondiv); /* 1.1rem */
}

.sectiondiv > .sectiondiv > .p:first-child,
.div.lg > .p:first-child{
    color: var(--isg-dark-blue);
    font-size: var(--isg-sectiondiv-p); /* 1rem */
}


/* ------------------------------------------------------------------------------------ 
 --------------------  font-rules in elements   --------------------------------------
/* ------------------------------------------------------------------------------------ */
/* font-rules in tables */
/* table-titles */
.tablecap{
    font-weight: bold;
	font-size: 1rem;
    font-style: normal;
    text-align: left;
}

.tabledesc{
    font-weight: normal;
    font-style: italic;
    text-align: left;
}

.thead{
    font-weight: 700;
}

.table--title-label{
    display: none;
}

.table{
    font-weight: 400;
}

.fw_bold,           
.country_code,
.currency_code{
    font-weight: 700;    
}

.note, .table, .example, .font_table{
    font-size: var(--isg-text-s);  /* to be tested */
}

/* ------------------------------------------------------------- */
/* text in examples */
.example{
    font-weight: 400;
}

.example_indent{
    font-size: var(--isg-text-xs);             /* is smaller than other text in examples */
    font-weight: 400;   
}

.small_caps{
    font-variant: small-caps;
}

.note .li:marker{
    font-size: var(--isg-text-xs);
}

/* examples in tables */
.table > .tbody .p.example{
    font-weight: 400;
}

/* subheadlines in info tables */
.level_5 > p:first-child{
    font-size: var(--isg-sectiondiv-p);
    font-weight: 700;
    color: var(--isg-icon-blue); /* SubheadlineBlue */
}

.level_5 > p.size_minus_one{  /* size_minus_one font-size: smaller? */
    font-size: var(--isg-sectiondiv-p);
    font-weight: 700;
    color: var(--isg-dark-blue);
}
.level_4 > p:first-child{
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: var(--isg-sectiondiv-p);
    color: var(--isg-dark-blue);
}
.level_3 > p:first-child{
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: var(--isg-sectiondiv-p);
    color: var(--isg-dark-blue); 
}
.level_2 > p:first-child{
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: var(--isg-sectiondiv-p);
    color: var(--isg-dark-blue);
}

.level_6 > p:first-child{
    font-size: var(--isg-sectiondiv-p);
    font-weight: 700;
    color: var(--isg-dark-blue);
}

.level_9 > p:first-child{
    font-size: var(--isg-sectiondiv-p);
    font-weight: 700;                                 
}

.level_10 > p:first-child{
    font-size: var(--isg-sectiondiv-p);
    font-weight: 700;
}

/* ------------------------------------------------------------- */
/* link styles */

.xref{
    font-weight: 400;  
    color: var(--isg-link-blue);
    padding-bottom: 0;
    text-decoration: underline;
    word-wrap: break-word;
    overflow-wrap: break-word;
} 
.xref[data-type='fn']{
    text-decoration: none;
}
.xref[data-type='fn'] > sup{
    text-decoration: underline;
}

.b .xref{
    font-weight: inherit;  
}

.groups .link{
    font-weight: 400;
}

.regular {
    font-style: normal;
    font-weight: 400;    
}

.xref[broken-link], .link[broken-link] {
    border: inherit;
}

sup{
        vertical-align: unset;
        font-size: 0.75em;
        position: relative;
        bottom: 0.4em;
}


/* ------------------------------------------------------------- */
/*  Footnotes */
.fn,  
.table-fn,
.note.seem_fn {
    font-size: var(--isg-text-xs); /* to be tested */
    font-weight: 400;
} 
.example-fn {
    font-size: var(--isg-text-xs); /* to be tested */
    font-weight: 400;
}
.example .fn-marker,
.example-fn-container .fn-marker{
    font-weight: 400;  /* default - 100 */
}
.table .fn-marker,
.table-fn-container .fn-marker{
    font-weight: 400;  /* default - 100 */
}
.fn-marker .xref{
    font-weight: inherit;
}

/* ------------------------------------------------------------- */
/* List with icons in Annex A9 */
.multilingual .list-marker{
    font-weight: 400;     /* revised */
}

/* subheadlines before the lists --> should this stay like that? */
.multilingual .p{
	font-weight: 700;
}

ul.multilingual .p{
	font-weight: 400;
}

.multilingual .p::first-letter{
    text-transform: uppercase;
}

ul.multilingual .p::first-letter{
    text-transform: initial;
	
}

.multilingual .li{
    font-size: var(--isg-text-s);
    display: block;
    position: relative;
    margin-left: 0;
}
.multilingual .list-marker{
    display: block;
    position: absolute;
    top: 0;  
    font-size: var(--isg-multilingual-icon-size);  /* revised */
    width: var(--isg-text-m);	  /* revised */
    height: var(--isg-text-m);	  /* revised */
    background-color: var(--isg-icon-blue);
    color: white;
    text-align: center;
    padding: 0;
    border-radius: 0.25em;
}
.multilingual .list-content{
    display: block;
    margin-left: 1.5em !important; /* change to em */
}




/* screen size definitions */
* {
    box-sizing: border-box;
}

/*modif 2024 -*/

body {
    line-height: 1.3;
}

.note_title {
    line-height: 1.1;
}

/*hide page-toc and indexterms*/
nav.toc {
    display: none;
}

/* news/modification lists */

.news_item {
    margin: 0.5rem 0 0 0;
    padding: 0;
    font-size: var(--isg-text-s);
}


.news_item .news_date {
    width: 6rem;
    float: left;
    display: inline;
    margin: 0;
    padding: 0 0.5rem 0 0;
    text-align: right;
}

.news_item .news_text {
    padding: 0 0 1px 6.2rem;
    margin: 0 0 0.5rem 0;
}

.updated {
    color: var(--isg-updated);
}

.lastUpdated {
    width: 100%;
    font-size: var(--isg-text-s);
    padding: 0;
    margin-top: 1.2rem;
}

.lastUpdatedDate {
}

.lastUpdatedDate:before {
    padding-right: 0.4em;
    /* label content see i18n.css */
}
/* --------------------------------------------------------- */
/* ISG-Spacing.css
 * 
 * This CSS contains: 
 * Information regarding spacing on the page and between elements
 * 
 * For more information regarding font-sizes etc. take a look at pdfFonts.css
 * For more information regarding the styling of individual elements take a look at their specific CSS
 * 
/* --------------------------------------------------------- */
body{
    max-width: 1500px;
    white-space: normal;
    margin: 0 0.5em 0 0; 

}

main[role="main"] {
    max-width: 800px;
    padding: 0 1rem 0 1rem;
}

p.shortdesc{
    display: none;
}



/* adaptations for mobile devices */
@media screen and (max-width: 654px){
    .ullinks{
    padding-left: 0 !important; /* overwrite default padding-left 40px */
   }
   img{
       max-width: 100%; /* max-width to avoid scaling of the page in order to fit image */
   }
}

/* tablet and lower */
@media only screen and (max-width: 844px) {

    /* body {background:#dfd;} Debugging: Tablet size is green */
    
    
}
/* phone */
@media all and (max-width: 654px) {

   /*  body {background:#ddf;}  Debugging: Phone size is blue */
    
    
}











/*  Standalone ToC styles */

body.standalone-toc {
    max-width: 1500px;
    margin: 0 0.5em 0 0;
}


/* generic adjustments */
body.standalone-toc ul {
    list-style-type: none;
	padding-inline-start:0px; /*no left padding*/
}


/* link styling */
body.standalone-toc a {
    color: var(--isg-link-blue);
}

body.standalone-toc ul.bookmap a { text-decoration: none; }

body.standalone-toc ul.bookmap a .text{ text-decoration: underline; }


/*  element specific formating */

body.standalone-toc .topicref.part > a,
body.standalone-toc .topicref.appendices > a
{
    display: inline-block;
    width: 100%;
    background-color: var(--isg-medium-grey);
}
body.standalone-toc ul li span.text {
    left: var(--isg-level1-num-toc-width);
}
@media only screen and (max-width: 600px) {
	body.standalone-toc ul li span.text {
    left: 0;
	}
}
body.standalone-toc ul li.topicref.preface span.text {
    left: 0px; /*Links before Part One should be aligned to the left.*/
}

body.standalone-toc ul li
{
    margin-top: .5em;
}

body.standalone-toc .topicref.part > ul,
body.standalone-toc .topicref.appendices > ul
{
    padding-left: 0;
}

body.standalone-toc ul li > a {
    font-size: var(--isg-text-m);
}

body.standalone-toc ul ul li {
    margin-top: .5em;
}

body.standalone-toc ul ul li > a {
    font-size: var(--isg-text-m);
}

body.standalone-toc ul ul ul li {
    max-width: 640px;
    margin-top: .3em;
}
body.standalone-toc ul ul ul li > a {
    font-size: var(--isg-text-s);
}

body.standalone-toc ul ul ul ul li {
    left: var(--isg-level2-num-toc-width);
    max-width: 590px;
    margin-top: 0;
}
@media only screen and (max-width: 600px) {
	body.standalone-toc ul ul ul ul li {
    left: 0;
	}
}



body.standalone-toc ul ul ul ul li > a {
    font-size: var(--isg-text-s);
}
body.standalone-toc li.topicref a span.num,
body.standalone-toc li.topicref a span.num_tight
{
    position: absolute;
}

body.standalone-toc li span.text {
    position: relative;
   /* top: -1px;*/ /*Text should be aligned horisontally with the numbers.*/
}

body.standalone-toc ul ul li span.text {
    left: var(--isg-level1-num-toc-width);
}

body.standalone-toc ul ul li ul{
    padding-left: var(--isg-level1-num-toc-width);/*The numbers should be aligned vertically under the text of the level above.*/
}

body.standalone-toc ul ul ul li span.text {
    left: var(--isg-level2-num-toc-width);
	top:-2px;/*Text should be aligned horisontally with the numbers.*/
}

body.standalone-toc ul ul ul li ul{
    padding-left: var(--isg-level2-num-toc-width);/*The numbers should be aligned vertically under the text of the level above.*/
}

body.standalone-toc ul ul ul ul li span.text {
    left: var(--isg-level3-num-toc-width);
    top: -2px; /*Text should be aligned horisontally with the numbers.*/
}
body.standalone-toc li.topicref.appendices ul {
    max-width: 610px;
}

body.standalone-toc li.topicref.appendices ul li a span.text {
    left: var(--isg-annex-toc-width);
}

body.standalone-toc li.topicref.appendices span.separator {
    display: none;
}

body.standalone-toc a {
    padding-top: 0.3em
}

/*Hide "Useful documents" and other web-only pages from expanded TOC. */
body.standalone-toc li.topicref.hideInContents {
    display: none;
}





/* 
 * Following CSS contains the definition of the 14 basic fonts included by any
 * PDF reader. 
 * To fullfil the requirements of an PDF A, even these fonts must be embedded.
 */
@font-face {
    font-family: Times;
    font-style: normal;
    font-weight: 400;
    src: url("/o/opportal-service/isg?resource=/resources/fonts/basic/TIMES.TTF");
}
@font-face {
    font-family: Times;
    font-style: italic;
    font-weight: 400;
    src: url("/o/opportal-service/isg?resource=/resources/fonts/basic/TIMESI.TTF");
}
@font-face {
    font-family: Times;
    font-style: italic;
    font-weight: 700;
    src: url("/o/opportal-service/isg?resource=/resources/fonts/basic/TIMESBI.TTF");
}
@font-face {
    font-family: Times;
    font-style: normal;
    font-weight: 700;
    src: url("/o/opportal-service/isg?resource=/resources/fonts/basic/TIMESBD.TTF");
}

/* –––––––––––––––––––––––- */
/* 
@font-face{
	font-family:Arial;
	font-style: normal;
	font-weight:400;
	src: url("/o/opportal-service/isg?resource=/resources/fonts/basic/ARIAL.TTF");
}
@font-face{
	font-family:Arial;
	font-style: italic;
	font-weight:400;
	src: url("/o/opportal-service/isg?resource=/resources/fonts/basic/ARIALI.TTF");	
}
@font-face{
	font-family:Arial;
	font-style: italic;
	font-weight:700;
	src: url("/o/opportal-service/isg?resource=/resources/fonts/basic/ARIALBI.TTF");
}
@font-face{
	font-family:Arial;
	font-style: normal;
	font-weight:700;
	src: url("/o/opportal-service/isg?resource=/resources/fonts/basic/ARIALBD.TTF");	
}
  */

@font-face {
    font-family: Helvetica;
    font-style: normal;
    font-weight: 400;
    src: url("/o/opportal-service/isg?resource=/resources/fonts/basic/HELVETICA.TTF");
}

@font-face {
    font-family: Helvetica;
    font-style: italic;
    font-weight: 400;
    src: url("/o/opportal-service/isg?resource=/resources/fonts/basic/HELVETICA-OBLIQUE.TTF");
}
@font-face {
    font-family: Helvetica;
    font-style: italic;
    font-weight: 700;
    src: url("/o/opportal-service/isg?resource=/resources/fonts/basic/HELVETICA-BOLDOBLIQUE.TTF");
}
@font-face {
    font-family: Helvetica;
    font-style: normal;
    font-weight: 700;
    src: url("/o/opportal-service/isg?resource=/resources/fonts/basic/HELVETICA-BOLD.TTF");
}

/* –––––––––––––––––––––––- */

@font-face {
    font-family: Courier;
    font-style: normal;
    font-weight: 400;
    src: url("/o/opportal-service/isg?resource=/resources/fonts/basic/COUR.TTF");
}
@font-face {
    font-family: Courier;
    font-style: italic;
    font-weight: 400;
    src: url("/o/opportal-service/isg?resource=/resources/fonts/basic/COURI.TTF");
}
@font-face {
    font-family: Courier;
    font-style: italic;
    font-weight: 700;
    src: url("/o/opportal-service/isg?resource=/resources/fonts/basic/COURBI.TTF");
}
@font-face {
    font-family: Courier;
    font-style: normal;
    font-weight: 700;
    src: url("/o/opportal-service/isg?resource=/resources/fonts/basic/COURBD.TTF");
}

/* –––––––––––––––––––––––- */

@font-face {
    font-family: Symbol;
    font-style: normal;
    font-weight: 400;
    src: url("/o/opportal-service/isg?resource=/resources/fonts/basic/SYMBOL.TTF");
}

/* –––––––––––––––––––––––- */
/* this is a font used for some icons in the PDF */
@font-face {
    font-family: "Zapf Dingbats";
    font-style: normal;
    font-weight: 400;
    src: url("/o/opportal-service/isg?resource=/resources/fonts/basic/WINGDING.TTF");
}

.font_wingdings{
    font-family: 'Zapf Dingbats';
}
/* –––––––––––––––––––––––- */
/*  
@font-face{
	font-family:Any;
	font-style: normal;
	font-weight:400;
	src: url("/o/opportal-service/isg?resource=/resources/fonts/basic/TIMES.TTF");	
}
@font-face{
	font-family:Any;
	font-style: italic;
	font-weight:400;
	src: url("/o/opportal-service/isg?resource=/resources/fonts/basic/TIMESI.TTF");	
}
@font-face{
	font-family:Any;
	font-style: italic;
	font-weight:700;
	src: url("/o/opportal-service/isg?resource=/resources/fonts/basic/TIMESBI.TTF");
}
@font-face{
	font-family:Any;
	font-style: normal;
	font-weight:700;
	src: url("/o/opportal-service/isg?resource=/resources/fonts/basic/TIMESBD.TTF");	
}
*/

/* Create the line before the first example
 * TODO: 
 *   - avoid in list, NB etc, depending on the indentation level */
:root {
    --isg-example-margin-width: 4.6rem;
    --isg-example-before-width: 5.5rem;
}

.div.example:before {
    content: "";
    background-color: var(--isg-light-blue);
    display: block;
    position: relative;
    top: -3px; /* considering the padding of .div.example  */
    left: -91px;
    height: 2px;
    width: 91px;
    break-after: avoid;
}
@media screen {
    .div.example:before {
        top: -0.2rem; /* considering the padding of .div.example */
        left: -5.5rem;
        height: 0.2rem;
        width: var(--isg-example-before-width);
    }
}
@media screen and (max-width : 654px) {
    .div.example:before {
        content: none;
        display: none;
    }
}


/* no lines before examples in lists */
.ol > .li div.example:before,
.ul > .li div.example:before,
div.example + div.example:before,
.note .div.example:before {
    content: "";
    display: none;
}

/* example boxes styles */
.div.example {
    background-color: var(--isg-light-blue);
    padding-top: 3px;
    padding-bottom: 4px;
    padding-left: 7.5px;
    padding-right: 7.5px;
    border-bottom: 2px solid white;
}
@media screen {
    div.example {
        background-color: var(--isg-light-blue);
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        border-bottom: 0.25rem solid white;
    }
}


/* spacing */
.p.example:first-child {
    margin-top: 0;
}
.p.example:last-child {
    margin-bottom: 0;
}

.p.example {
    margin-top: 4px;
    margin-bottom: 4px;
}

.p.example.NBtop {
    margin-top: 9px;
}

/* dropped inital letter (used in ES version, section 10.1.14) */
.p.example.droppedLetter::first-letter {
        initial-letter: 2;
    }

@media screen {
    .p.example /*,
    .example span.linebreak*/ {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }
	
	/* slightly larger line space before NB example in 8.2 */
	
	.p.example.NBtop {
		margin-top: 1em;
	}
}

.div.example {
    margin-top: 2px;
    margin-bottom: 2px;
}
@media screen {
    .div.example {
        margin-top: 0.25rem;
        margin-bottom: 0;
    }
}

@media print, oxygen, oxygen-chemistry {
    .linebreak:before {
        content: '\a';
        white-space: normal;
    }
}
/*@media screen{
    .linebreak{
        display: block;
    }
}*/

/* ********************************************** */

.example-list {
    display: block;
    /*  margin-right: 7.5px;  #!#' */
    margin-right: 0.5em;
}
@media screen {
    .example-list {
        display: flex;
    }
}

.list-marker {
    text-align: left;
    display: inline-block;
    width: 22.5px;
    vertical-align: top;
}
.list-content {
    text-align: left;
    display: inline-block;
    width: calc(100% - 22.5px);
}

@media screen {
    .list-marker {
        width: 2em;
    }
    .list-content {
        width: calc(100% - 2em);
    }
}

.as_table {
    display: table;
    table-layout: auto;
    width: 100%;
}

.as_row {
    display: table-row;
    width: 100%;
}
.as_cell {
    display: table-cell;
    width: auto;
    padding-left: 3mm;
    padding-right: 3mm;
}

/* 1. white-space:nowrap prevents line-wrapping on large screens. On mobile devices line-wrapping is allowed in order to prevent overflows. */
@media screen {
    .as_cell {
        padding-left: 0.7rem;
        padding-right: 0.7rem;
        white-space: nowrap;
    }

    /*    .as_cell .linebreak
    {
        white-space: nowrap; /\* 1 *\/ 
    }
*/
    .as_cell:first-child,
    .as_cell:nth-child(2) {
        min-width: 6em; /*  ?  prevents cells in NL Annex B3 to collaps since flex will adjust the coloms based based
                         *     on the content in the cells to keep them at the same hight. 
                         *   better solution would be to mark those cells in the source to keep a specific widht !*/
    }
    .as_cell:last-child {
        width: 100%; /* ? will be overwritten by property in line 194 */
    }
}

@media screen and (max-width : 654px) {
    .as_cell
/*    .as_cell .linebreak*/
    {
        white-space: normal; /* 1 */
    }

}

.as_cell:first-child {
    padding-left: 0;
}
.as_cell:last-child {
    width: fill; /* oxygen specific property */
    padding-right: 0;
}

/* calculate width of examples in different scenarios (100% width does not work here) */
@media oxygen-chemistry {
    *[class ~= "div"][class ~= "example"] {
        --example-available-width: 129.5mm; /*calc(210mm - 36.5mm - 2mm - 2mm - 20mm - 20mm)*/
    }
    .li *[class ~= "div"][class ~= "example"] {
        --example-available-width: 127mm; /*calc(210mm - 31mm - 8mm - 2mm - 2mm - 20mm - 20mm);*/
    }
    .li .li *[class ~= "div"][class ~= "example"] {
        --example-available-width: 119mm; /*calc(210mm - 31mm - 8mm - 8mm - 2mm - 2mm - 20mm - 20mm);*/
    }
    .note[othertype = "NB"] *[class ~= "div"][class ~= "example"] { /* calc(210mm - 11mm - 4mm - 4mm - 20mm - 20mm */
        --example-available-width: 143mm;
    }
    .li .note[othertype = "NB"] *[class ~= "div"][class ~= "example"] { /* calc(210mm - 31mm - 8mm - 11mm - 4mm - 4mm - 20mm - 20mm */
        --example-available-width: 112mm;
    }
    .li .li .note[othertype = "NB"] *[class ~= "div"][class ~= "example"] { /* calc(210mm - 31mm - 8mm - 8mm - 11mm - 4mm - 4mm - 20mm - 20mm */
        --example-available-width: 104mm;
    }
}

*[class ~= "as_cell"].width_50p {
    /*width: calc( 0mm + var(--example-available-width) / 2 );*/
    width: calc((1 / 2) * (0mm + var(--example-available-width) ) );
}
.as_cell.width_33p {
    /*width: calc( 0mm + var(--example-available-width) / 3 );*/
    width: calc((1 / 3) * (0mm + var(--example-available-width) ) );
}
*[class ~= "as_cell"].width_25p {
    /*width: calc( 0mm + var(--example-available-width) / 4 );*/
    width: calc((1 / 4) * (0mm + var(--example-available-width) ) );
}
*[class ~= "as_cell"].width_20p {
    /*width: calc( 0mm + var(--example-available-width) / 4 );*/
    width: calc((1 / 5) * (0mm + var(--example-available-width) ) );
}
*[class ~= "as_cell"].width_16p {
    /*width: calc( 0mm + var(--example-available-width) / 6 );*/
    width: calc((1 / 6) * (0mm + var(--example-available-width) ) );
}
*[class ~= "as_cell"].width_5em {
    width: 5em; /* example with 8pt*5em ~ 53px ~ 14mm */
}
*[class ~= "as_cell"].width_7em {
    width: 7em; /* example with 8pt*7em ~ 75px ~ 19,7mm */
}

/*.width_50p + .as_cell,
.width_33p + .as_cell,
.width_25p + .as_cell,
.width_16p + .as_cell{
    padding-left: 0;
}*/

.as_cell.colsep-1 {
    border-right-width: var(--isg-table-cell-border-width) !important;
    border-right-style: solid;
    border-right-color: white;
}
.as_cell.rowsep-1 {
    border-bottom-width: var(--isg-table-cell-border-width) !important;
    border-bottom-style: solid;
    border-bottom-color: white;
}

/* example-footnotes */
.div.example .example-fn-container {
    margin-top: 0.5em;
}
.div.example .example-fn-container:only-child {
    margin-top: 0;
}


/* examples as row FR 10.2. */
/**[class~="div"][class~="example"] *[class ~= "as_row"] + *[class ~= "as_row"] *[class ~= "as_cell"]{
    padding-top: 0.5em !important;
    padding-bottom: 0.5em;
}
*[class~="div"][class~="example"] *[class ~= "as_row"] + *[class ~= "as_row"]:first-child *[class ~= "as_cell"]{
    padding-top: 0;
}
*[class~="div"][class~="example"] *[class ~= "as_row"] + *[class ~= "as_row"]:last-child *[class ~= "as_cell"]{
    padding-bottom: 0;
}*/

@media screen {
/*.div.example > .example-list .div.as_table,*/
    .div.example .div.as_table {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    /*    .div.example > .example-list .div.as_table > .p.as_row,*/
    .div.example .div.as_table > .p.as_row {
        width: 100%;
        grid-column: 1/3;
        display: flex;
        flex-direction: row;

    }
    /*    .div.example > .example-list .div.as_table .as_cell,*/
    .div.example .div.as_table > .p.as_row > .as_cell {
        display: block;
        height: auto;
        white-space: normal;
        width: auto;
        padding-top: 0 !important;
    }
    .as_cell.width_50p,
    .div.example .div.as_table > .p.as_row > .as_cell.width_50p /*,
    .div.example .div.as_table > .p.as_row > .as_cell.width_50p + .as_cell*/ {
        width: 50%;
        min-width: 50%;
        margin: 0;
    }
    /*   .div.example .div.as_table > .p.as_row > .as_cell.width_50p{
        padding-right: 1rem !important;             /\* why does a 50% cell require more padding then 0.7rem *\/
    }*/
    .as_cell.width_33p,
    .div.example .div.as_table > .p.as_row > .as_cell.width_33p {
        width: calc(100%/3) !important;
        min-width: calc(100%/3) !important;
    }
    .as_cell.width_25p,
    .div.example .div.as_table > .p.as_row > .as_cell.width_25p {
        width: calc(100%/4) !important;
        min-width: calc(100%/4) !important;
    }
    .as_cell.width_20p,
    .div.example .div.as_table > .p.as_row > .as_cell.width_20p {
        width: calc(100%/5) !important;
        min-width: calc(100%/5) !important;
    }
    .as_cell.width_16p,
    .div.example .div.as_table > .p.as_row > .as_cell.width_16p {
        width: calc(100%/6) !important;
        min-width: calc(100%/6) !important;
    }
    .as_cell.width_5em,
    .div.example .div.as_table > .p.as_row > .as_cell.width_5em {
        width: 5em;
        min-width: 5em;
    }
    .as_cell.width_7em,
    .div.example .div.as_table > .p.as_row > .as_cell.width_7em {
        width: 7em;
        min-width: 7em;
    }
}

/* examples containing table-header */
.div.example:has(.table-container) { /* :has() does not work for certain browsers like Firefox. 
                                      * Check in Firefox, if the output is still okay for you. 
                                      *   Firefox specific solution see line 382 */
    padding-bottom: 0;  /*  the table in an example might not be the last element !! */
}
.div.example table,
.div.example > .table-fn-container {
    margin-top: 0;
    margin-bottom: 0;
}
.div.example > .table-container {
    margin-top: 3px;
    margin-bottom: 7.5px;
}
.div.example table {
    width: 100%;
}
.div.example > .table-container > .table .tbody {
    background-color: var(--isg-table-header-blue) !important;
}
.regular.right {
    text-align: right;
}
.div.example table caption,
.div.example table caption > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: fit-content !important;
    padding-bottom: 2px;
}


/* @media screen{
    .div.example > .table-container {
        width: calc(100% + 1rem);
        margin-left: -0.5rem;
        margin-right: 0;
    }
    .div.example table{
        width: 100%;
        position: relative;
    }
    .div.example > .table-container > .table .tbody {
        background-color: var(--isg-table-header-blue) !important;
    }
    /* hide background of example after a table-heaader. This is a solution for browsers like firefox, where the :has() selector does not work 
    .div.example > .table-container > .table:after{
        content: ' ';
        width: 50rem;
        height: 2rem;
        background-color: white;
        position: absolute;
        bottom: -1.9rem;
        left: 0;
    }
}*/


/* document examples in Annexes */
.example .increase_space_bottom {
    padding-bottom: 0.5em !important;
}
.example .increase_space_top {
    padding-top: 0.5em !important;
}

.increase_space_bottom.center {
    width: 100%;
}
.increase_space_bottom.center .ph {
    width: 100%;
    display: block;
    word-break: break-word !important;
    white-space: normal !important;
}


/* ISG i18n labels
 * 
 * in case the source does not define a language, EN to be used as default 
 */
/* ---------------------------------------------------------- */
/* Annexes */

/* Indent levels in TOC */
:root {
    --isg-level1-num-toc-width: 6.75mm;
    --isg-level2-num-toc-width: 10mm;
    --isg-level3-num-toc-width: 14mm;
}

/* Annex Indent in TOC*/
:root,
:root:lang(en) {
    --isg-annex-toc-width: 16mm;
}
:root:lang(es),
:root:lang(sv),
:root:lang(ro) {
    --isg-annex-toc-width: 18mm;
}
:root:lang(de),
:root:lang(fr),
:root:lang(hu),
:root:lang(it),
:root:lang(lt),
:root:lang(mt),
:root:lang(sl),
:root:lang(nl),
:root:lang(sk),
:root:lang(cs),
:root:lang(pl) {
    --isg-annex-toc-width: 21mm;
}

:root:lang(bg),
:root:lang(ga),
:root:lang(el),
:root:lang(lv) {
    --isg-annex-toc-width: 25mm;
}

/* TOC indents for screen (second standalone TOC) */
@media screen, oxygen {
    :root {
        --isg-level1-num-toc-width: 30px;
        --isg-level2-num-toc-width: 48px;
        --isg-level3-num-toc-width: 58px;
    }

    /* Annex Indent in TOC*/
    :root,
    :root:lang(et),
    :root:lang(fi) {
        --isg-annex-toc-width: 84px;
    }
    :root:lang(en),
    :root:lang(es),
    :root:lang(ga),
    :root:lang(hr),
    :root:lang(pt),
    :root:lang(ro),
    :root:lang(sv) {
        --isg-annex-toc-width: 94px;
    }
    :root:lang(de),
    :root:lang(fr),
    :root:lang(it),
    :root:lang(lt),
    :root:lang(mt),
    :root:lang(sl),
    :root:lang(nl),
    :root:lang(sk),
    :root:lang(cs) {
        --isg-annex-toc-width: 110px;
    }
    :root:lang(hu),
    :root:lang(pl) {
        --isg-annex-toc-width: 125px;
    }
    :root:lang(bg),
    :root:lang(ga),
    :root:lang(el),
    :root:lang(lv) {
        --isg-annex-toc-width: 140px;
    }
}

/* Annex Headline Indent*/
:root,
:root:lang(en) {
    --isg-annex-size: 107px;
}
:root:lang(fi),
:root:lang(et),
:root:lang(da) {
    --isg-annex-size: 95px;
}
:root:lang(es) {
    --isg-annex-size: 105px;
}
:root:lang(de),
:root:lang(cs),
:root:lang(lt),
:root:lang(mt),
:root:lang(sl),
:root:lang(nl),
:root:lang(sk) {
    --isg-annex-size: 115px;
}
:root:lang(fr),
:root:lang(de) {
    --isg-annex-size: 120px;
}
:root:lang(it),
:root:lang(pl) {
    --isg-annex-size: 130px;
}
:root:lang(hu),
:root:lang(lv) {
    --isg-annex-size: 145px;
}

:root:lang(ga),
:root:lang(el) {
    --isg-annex-size: 162px;
}
:root:lang(bg) {
    --isg-annex-size: 175px;
}


@media screen, oxygen {
/* Annex Headline Indent */
    :root,
    :root:lang(en) {
        --isg-annex-size: 1.65rem; /*  tranform to em
                                     * variable only used for PDF fonts definitions of Annex titles. not on screen */
    }
}

/* ---------------------------------------------------------- */
/* List Indent */


/* general rules for most LVs */
:root {
    --isg-list-padding: 15px;
}
@media screen {
    :root {
        --isg-list-padding: 1.2em;
    }
}

/* more space for lists in greek and bulgarian */
:root:lang(bg),
:root:lang(el) {
    --isg-list-padding: 20px; /* check this */
}
@media screen {
    main:lang(bg),
    main:lang(el) {
        --isg-list-padding: 1.6em; /* check this */
    }
}


/* ---------------------------------------------------------- */
/* 
 * Table continued marker 
 */
*[class ~= "topic/table"][outputclass ~= "continued"] > caption[outputclass ~= "continued"]:after,
*[class ~= "topic/table"][outputclass ~= "continued"] > caption[outputclass ~= "continued"]:lang(en):after {
    content: "(Continued)";
}

*[class ~= "topic/table"][outputclass ~= "continued"] > caption[outputclass ~= "continued"]:lang(bg):after {
    content: "(продължение)";
}
*[class ~= "topic/table"][outputclass ~= "continued"] > caption[outputclass ~= "continued"]:lang(cs):after {
    content: "(pokračování)";
}
*[class ~= "topic/table"][outputclass ~= "continued"] > caption[outputclass ~= "continued"]:lang(da):after {
    content: "(fortsat)";
}
*[class ~= "topic/table"][outputclass ~= "continued"] > caption[outputclass ~= "continued"]:lang(de):after {
    content: "(Fortsetzung)";
}
*[class ~= "topic/table"][outputclass ~= "continued"] > caption[outputclass ~= "continued"]:lang(el):after {
    content: "(συνέχεια)";
}
*[class ~= "topic/table"][outputclass ~= "continued"] > caption[outputclass ~= "continued"]:lang(es):after {
    content: "(viene de la página anterior)";
}
*[class ~= "topic/table"][outputclass ~= "continued"] > caption[outputclass ~= "continued"]:lang(et):after {
    content: "(jätkub)";
}
*[class ~= "topic/table"][outputclass ~= "continued"] > caption[outputclass ~= "continued"]:lang(fi):after {
    content: "(jatkoa)";
}
*[class ~= "topic/table"][outputclass ~= "continued"] > caption[outputclass ~= "continued"]:lang(fr):after {
    content: "(suite)";
}
*[class ~= "topic/table"][outputclass ~= "continued"] > caption[outputclass ~= "continued"]:lang(ga):after {
    content: "(ar lean)";
}
*[class ~= "topic/table"][outputclass ~= "continued"] > caption[outputclass ~= "continued"]:lang(hr):after {
    content: "(Nastavak)";
}
*[class ~= "topic/table"][outputclass ~= "continued"] > caption[outputclass ~= "continued"]:lang(hu):after {
    content: "(folytatás)";
}
*[class ~= "topic/table"][outputclass ~= "continued"] > caption[outputclass ~= "continued"]:lang(it):after {
    content: "(continua)";
}
*[class ~= "topic/table"][outputclass ~= "continued"] > caption[outputclass ~= "continued"]:lang(lt):after {
    content: "(tęsinys)";
}
*[class ~= "topic/table"][outputclass ~= "continued"] > caption[outputclass ~= "continued"]:lang(lv):after {
    content: "(Turpinājums)";
}
*[class ~= "topic/table"][outputclass ~= "continued"] > caption[outputclass ~= "continued"]:lang(mt):after {
    content: "(Ikompli)";
}
*[class ~= "topic/table"][outputclass ~= "continued"] > caption[outputclass ~= "continued"]:lang(nl):after {
    content: "(vervolg)";
}
*[class ~= "topic/table"][outputclass ~= "continued"] > caption[outputclass ~= "continued"]:lang(pl):after {
    content: "(cd.)";
}
*[class ~= "topic/table"][outputclass ~= "continued"] > caption[outputclass ~= "continued"]:lang(pt):after {
    content: "(Continuação)";
}
*[class ~= "topic/table"][outputclass ~= "continued"] > caption[outputclass ~= "continued"]:lang(ro):after {
    content: "(continuare)";
}
*[class ~= "topic/table"][outputclass ~= "continued"] > caption[outputclass ~= "continued"]:lang(sk):after {
    content: "(pokračovanie)";
}
*[class ~= "topic/table"][outputclass ~= "continued"] > caption[outputclass ~= "continued"]:lang(sl):after {
    content: "(Nadaljevanje s prejšnje strani)";
}
*[class ~= "topic/table"][outputclass ~= "continued"] > caption[outputclass ~= "continued"]:lang(sv):after {
    content: "(forts.)";
}

/* 
 * Index title 
 * 
 * !!! Index title translation for the HTML index must be defined in the index generator config/i18n.xml !!!
 */
.indexlist .navtitle:before,
.indexlist .navtitle:lang(en):before {
    content: "Index"
}
*[class ~= "index/groups"]:before,
*[class ~= "index/groups"]:lang(en):before {
    content: "Index";
}
*[class ~= "index/groups"],
*[class ~= "index/groups"]:lang(en) {
    string-set: index-header "Index";
    bookmark-label: "Index";
}

.indexlist .navtitle:lang(bg):before {
    content: "Азбучен показалец"
}
*[class ~= "index/groups"]:lang(bg):before {
    content: "Азбучен показалец";
}
*[class ~= "index/groups"]:lang(bg) {
    string-set: index-header "Азбучен показалец";
    bookmark-label: "Азбучен показалец";
}
.indexlist .navtitle:lang(cs):before {
    content: "Rejstřík"
}
*[class ~= "index/groups"]:lang(cs):before {
    content: "Rejstřík";
}
*[class ~= "index/groups"]:lang(cs) {
    string-set: index-header "Rejstřík";
    bookmark-label: "Rejstřík";
}
.indexlist .navtitle:lang(da):before {
    content: "Indeks"
}
*[class ~= "index/groups"]:lang(da):before {
    content: "Indeks";
}
*[class ~= "index/groups"]:lang(da) {
    string-set: index-header "Indeks";
    bookmark-label: "Indeks";
}
.indexlist .navtitle:lang(de):before {
    content: "Register"
}
*[class ~= "index/groups"]:lang(de):before {
    content: "Register";
}
*[class ~= "index/groups"]:lang(de) {
    string-set: index-header "Register";
    bookmark-label: "Register";
}
.indexlist .navtitle:lang(el):before {
    content: "Ευρετήριο"
}
*[class ~= "index/groups"]:lang(el):before {
    content: "Ευρετήριο";
}
*[class ~= "index/groups"]:lang(el) {
    string-set: index-header "Ευρετήριο";
    bookmark-label: "Ευρετήριο";
}
.indexlist .navtitle:lang(es):before {
    content: "Índice alfabético"
}
*[class ~= "index/groups"]:lang(es):before {
    content: "Índice alfabético";
}
*[class ~= "index/groups"]:lang(es) {
    string-set: index-header "Índice alfabético";
    bookmark-label: "Índice alfabético";
}
.indexlist .navtitle:lang(et):before {
    content: "Register"
}
*[class ~= "index/groups"]:lang(et):before {
    content: "Register";
}
*[class ~= "index/groups"]:lang(et) {
    string-set: index-header "Register";
    bookmark-label: "Register";
}
.indexlist .navtitle:lang(fi):before {
    content: "Hakemisto"
}
*[class ~= "index/groups"]:lang(fi):before {
    content: "Hakemisto";
}
*[class ~= "index/groups"]:lang(fi) {
    string-set: index-header "Hakemisto";
    bookmark-label: "Hakemisto";
}
.indexlist .navtitle:lang(fr):before {
    content: "Index"
}
*[class ~= "index/groups"]:lang(fr):before {
    content: "Index";
}
*[class ~= "index/groups"]:lang(fr) {
    string-set: index-header "Index";
    bookmark-label: "Index";
}
.indexlist .navtitle:lang(ga):before {
    content: "Innéacs"
}
*[class ~= "index/groups"]:lang(ga):before {
    content: "Innéacs";
}
*[class ~= "index/groups"]:lang(ga) {
    string-set: index-header "Innéacs";
    bookmark-label: "Innéacs";
}
.indexlist .navtitle:lang(hr):before {
    content: "Kazalo"
}
*[class ~= "index/groups"]:lang(hr):before {
    content: "Kazalo";
}
*[class ~= "index/groups"]:lang(hr) {
    string-set: index-header "Kazalo";
    bookmark-label: "Kazalo";
}
.indexlist .navtitle:lang(hu):before {
    content: "Tárgymutató"
}
*[class ~= "index/groups"]:lang(hu):before {
    content: "Tárgymutató";
}
*[class ~= "index/groups"]:lang(hu) {
    string-set: index-header "Tárgymutató";
    bookmark-label: "Tárgymutató";
}
.indexlist .navtitle:lang(it):before {
    content: "Indice analitico"
}
*[class ~= "index/groups"]:lang(it):before {
    content: "Indice analitico";
}
*[class ~= "index/groups"]:lang(it) {
    string-set: index-header "Indice analitico";
    bookmark-label: "Indice analitico";
}
.indexlist .navtitle:lang(lt):before {
    content: "Rodyklė"
}
*[class ~= "index/groups"]:lang(lt):before {
    content: "Rodyklė";
}
*[class ~= "index/groups"]:lang(lt) {
    string-set: index-header "Rodyklė";
    bookmark-label: "Rodyklė";
}
.indexlist .navtitle:lang(lv):before {
    content: "Alfabētiskais rādītājs"
}
*[class ~= "index/groups"]:lang(lv):before {
    content: "Alfabētiskais rādītājs";
}
*[class ~= "index/groups"]:lang(lv) {
    string-set: index-header "Alfabētiskais rādītājs";
    bookmark-label: "Alfabētiskais rādītājs";
}
.indexlist .navtitle:lang(mt):before {
    content: "Indiċi"
}
*[class ~= "index/groups"]:lang(mt):before {
    content: "Indiċi";
}
*[class ~= "index/groups"]:lang(mt) {
    string-set: index-header "Indiċi";
    bookmark-label: "Indiċi";
}
.indexlist .navtitle:lang(nl):before {
    content: "Index"
}
*[class ~= "index/groups"]:lang(nl):before {
    content: "Index";
}
*[class ~= "index/groups"]:lang(nl) {
    string-set: index-header "Index";
    bookmark-label: "Index";
}
.indexlist .navtitle:lang(pl):before {
    content: "Indeks"
}
*[class ~= "index/groups"]:lang(pl):before {
    content: "Indeks";
}
*[class ~= "index/groups"]:lang(pl) {
    string-set: index-header "Indeks";
    bookmark-label: "Indeks";
}
.indexlist .navtitle:lang(pt):before {
    content: "Índice remissivo"
}
*[class ~= "index/groups"]:lang(pt):before {
    content: "Índice remissivo";
}
*[class ~= "index/groups"]:lang(pt) {
    string-set: index-header "Índice remissivo";
    bookmark-label: "Índice remissivo";
}
.indexlist .navtitle:lang(ro):before {
    content: "Index"
}
*[class ~= "index/groups"]:lang(ro):before {
    content: "Index";
}
*[class ~= "index/groups"]:lang(ro) {
    string-set: index-header "Index";
    bookmark-label: "Index";
}
.indexlist .navtitle:lang(sk):before {
    content: "Register"
}
*[class ~= "index/groups"]:lang(sk):before {
    content: "Register";
}
*[class ~= "index/groups"]:lang(sk) {
    string-set: index-header "Register";
    bookmark-label: "Register";
}
.indexlist .navtitle:lang(sl):before {
    content: "Stvarno kazalo"
}
*[class ~= "index/groups"]:lang(sl):before {
    content: "Stvarno kazalo";
}
*[class ~= "index/groups"]:lang(sl) {
    string-set: index-header "Stvarno kazalo";
    bookmark-label: "Stvarno kazalo";
}
.indexlist .navtitle:lang(sv):before {
    content: "Register"
}
*[class ~= "index/groups"]:lang(sv):before {
    content: "Register";
}
*[class ~= "index/groups"]:lang(sv) {
    string-set: index-header "Register";
    bookmark-label: "Register";
}


/* 
 * NB
 */
*[class ~= 'topic/note'][type = 'other'][othertype = 'NB']:before,
*[class ~= 'topic/note'][type = 'other'][othertype = 'NB']:lang(en):before,
.note[data-othertype = 'NB']:before,
.note[data-othertype = 'NB']:lang(en):before {
    content: "NB:";
}

*[class ~= 'topic/note'][type = 'other'][othertype = 'NB']:lang(bg):before,
.note[data-othertype = 'NB']:lang(bg):before {
    content: "NB:";
    font-style: italic;
}
*[class ~= 'topic/note'][type = 'other'][othertype = 'NB']:lang(cs):before,
.note[data-othertype = 'NB']:lang(cs):before {
    content: "Pozn.:";
}
*[class ~= 'topic/note'][type = 'other'][othertype = 'NB']:lang(da):before,
.note[data-othertype = 'NB']:lang(da):before {
    content: "NB:";
    font-style: italic;
}
*[class ~= 'topic/note'][type = 'other'][othertype = 'NB']:lang(de):before,
.note[data-othertype = 'NB']:lang(de):before {
    content: "Anmerkung:";
    font-style: italic;
}
*[class ~= 'topic/note'][type = 'other'][othertype = 'NB']:lang(el):before,
.note[data-othertype = 'NB']:lang(el):before {
    content: "Σημείωση:";
    font-style: italic;
}
*[class ~= 'topic/note'][type = 'other'][othertype = 'NB']:lang(es):before,
.note[data-othertype = 'NB']:lang(es):before {
    content: "N. B.:";
    font-style: italic;
}
*[class ~= 'topic/note'][type = 'other'][othertype = 'NB']:lang(et):before,
.note[data-othertype = 'NB']:lang(et):before {
    content: "NB!";
    font-style: italic;
}
*[class ~= 'topic/note'][type = 'other'][othertype = 'NB']:lang(fi):before,
.note[data-othertype = 'NB']:lang(fi):before {
    content: "Huom.";
    font-style: italic;
}
*[class ~= 'topic/note'][type = 'other'][othertype = 'NB']:lang(fr):before,
.note[data-othertype = 'NB']:lang(fr):before {
    content: "NB:";
    font-style: italic;
}
*[class ~= 'topic/note'][type = 'other'][othertype = 'NB']:lang(ga):before,
.note[data-othertype = 'NB']:lang(ga):before {
    content: "NB:";
}
*[class ~= 'topic/note'][type = 'other'][othertype = 'NB']:lang(hr):before,
.note[data-othertype = 'NB']:lang(hr):before {
    content: "Napomena:";
    font-style: italic;
}
*[class ~= 'topic/note'][type = 'other'][othertype = 'NB']:lang(hu):before,
.note[data-othertype = 'NB']:lang(hu):before {
    content: "Megjegyzés:";
    font-style: italic;
}
*[class ~= 'topic/note'][type = 'other'][othertype = 'NB']:lang(it):before,
.note[data-othertype = 'NB']:lang(it):before {
    content: "NB:";
    font-style: italic;
}
*[class ~= 'topic/note'][type = 'other'][othertype = 'NB']:lang(lt):before,
.note[data-othertype = 'NB']:lang(lt):before {
    content: "Pastaba.";
}
*[class ~= 'topic/note'][type = 'other'][othertype = 'NB'].plural:lang(lt):before,
.note[data-othertype = 'NB'].plural:lang(lt):before {
    content: "Pastabos.";
}
*[class ~= 'topic/note'][type = 'other'][othertype = 'NB']:lang(lv):before,
.note[data-othertype = 'NB']:lang(lv):before {
    content: "NB!";
}
*[class ~= 'topic/note'][type = 'other'][othertype = 'NB']:lang(mt):before,
.note[data-othertype = 'NB']:lang(mt):before {
    content: "NB:";
}
*[class ~= 'topic/note'][type = 'other'][othertype = 'NB']:lang(nl):before,
.note[data-othertype = 'NB']:lang(nl):before {
    content: "NB:";
    font-style: italic;
}
*[class ~= 'topic/note'][type = 'other'][othertype = 'NB']:lang(pl):before,
.note[data-othertype = 'NB']:lang(pl):before {
    content: "Uwaga:";
}
*[class ~= 'topic/note'][type = 'other'][othertype = 'NB']:lang(pt):before,
.note[data-othertype = 'NB']:lang(pt):before {
    content: "N.B.:";
}
*[class ~= 'topic/note'][type = 'other'][othertype = 'NB']:lang(ro):before,
.note[data-othertype = 'NB']:lang(ro):before {
    content: "NB:";
    font-style: italic;
}
*[class ~= 'topic/note'][type = 'other'][othertype = 'NB']:lang(sk):before,
.note[data-othertype = 'NB']:lang(sk):before {
    content: "Pozn.:";
    font-style: italic;
}
*[class ~= 'topic/note'][type = 'other'][othertype = 'NB']:lang(sl):before,
.note[data-othertype = 'NB']:lang(sl):before {
    content: "Opomba:";
    font-style: italic;
}
*[class ~= 'topic/note'][type = 'other'][othertype = 'NB']:lang(sv):before,
.note[data-othertype = 'NB']:lang(sv):before {
    content: "Anm.:";
    font-style: italic;
}

:root,
:root:lang(en) {
    --isg-nb-space: 30px;
}

:root:lang(cs),
:root:lang(es),
:root:lang(fi),
:root:lang(pl),
:root:lang(pt),
:root:lang(sk),
:root:lang(sv) {
    --isg-nb-space: 45px;
}

:root:lang(sl) {
    --isg-nb-space: 55px;
}

:root:lang(de),
:root:lang(el),
:root:lang(hr),
:root:lang(hu),
:root:lang(lt) {
    --isg-nb-space: 70px;
}


@media screen, oxygen {

/* set the spacing for HTML on the note element level
 * required for the multilingual view where the root provides 
 * just one of the language codes. */
    :root,
    .note[data-othertype = 'NB']:lang(en) {
        --isg-nb-space: 2.5rem;
    }

    .note[data-othertype = 'NB']:lang(cs),
    .note[data-othertype = 'NB']:lang(es),
    .note[data-othertype = 'NB']:lang(fi),
    .note[data-othertype = 'NB']:lang(pl),
    .note[data-othertype = 'NB']:lang(pt),
    .note[data-othertype = 'NB']:lang(sk),
    .note[data-othertype = 'NB']:lang(sv) {
        --isg-nb-space: 3.5rem;
    }

    .note[data-othertype = 'NB']:lang(de),
    .note[data-othertype = 'NB']:lang(el),
    .note[data-othertype = 'NB']:lang(hr),
    .note[data-othertype = 'NB']:lang(hu),
    .note[data-othertype = 'NB']:lang(lt),
    .note[data-othertype = 'NB']:lang(sl) {
        --isg-nb-space: 5.5rem;
    }

}

/* 
 * Table of content 
 */
*[class ~= "map/topicmeta"] > *[class ~= "topic/navtitle"] > *[outputclass = "part-num"]:after,
*[class ~= "map/topicmeta"] > *[class ~= "topic/navtitle"] > *[outputclass = "part-num"]:lang(en):after {
    content: " \2013\ ";
} /* ndash */
*[class ~= "map/topicmeta"] > *[class ~= "topic/navtitle"] > *[outputclass = "part-num"]:lang(bg):after {
    content: " \2014\ ";
} /* mdash */
*[class ~= "map/topicmeta"] > *[class ~= "topic/navtitle"] > *[outputclass = "part-num"]:lang(cs):after {
    content: " \2013\ ";
} /* ndash */
*[class ~= "map/topicmeta"] > *[class ~= "topic/navtitle"] > *[outputclass = "part-num"]:lang(da):after {
    content: " \2014\ ";
} /* mdash */
*[class ~= "map/topicmeta"] > *[class ~= "topic/navtitle"] > *[outputclass = "part-num"]:lang(de):after {
    content: " \2013\ ";
} /* ndash */
*[class ~= "map/topicmeta"] > *[class ~= "topic/navtitle"] > *[outputclass = "part-num"]:lang(el):after {
    content: " \2014\ ";
} /* mdash */
*[class ~= "map/topicmeta"] > *[class ~= "topic/navtitle"] > *[outputclass = "part-num"]:lang(es):after {
    content: ": ";
}
*[class ~= "map/topicmeta"] > *[class ~= "topic/navtitle"] > *[outputclass = "part-num"]:lang(et):after {
    content: ". ";
}
*[class ~= "map/topicmeta"] > *[class ~= "topic/navtitle"] > *[outputclass = "part-num"]:lang(fi):after {
    content: " \2013\ ";
} /* ndash */
*[class ~= "map/topicmeta"] > *[class ~= "topic/navtitle"] > *[outputclass = "part-num"]:lang(fr):after {
    content: " \2014\ ";
} /* mdash */
*[class ~= "map/topicmeta"] > *[class ~= "topic/navtitle"] > *[outputclass = "part-num"]:lang(ga):after {
    content: " \2014\ ";
} /* mdash */
*[class ~= "map/topicmeta"] > *[class ~= "topic/navtitle"] > *[outputclass = "part-num"]:lang(hr):after {
    content: " \2013\ ";
} /* ndash */
*[class ~= "map/topicmeta"] > *[class ~= "topic/navtitle"] > *[outputclass = "part-num"]:lang(hu):after {
    content: " \2013\ ";
} /* ndash */
*[class ~= "map/topicmeta"] > *[class ~= "topic/navtitle"] > *[outputclass = "part-num"]:lang(it):after {
    content: " \2014\ ";
} /* mdash */
*[class ~= "map/topicmeta"] > *[class ~= "topic/navtitle"] > *[outputclass = "part-num"]:lang(lt):after {
    content: ". ";
}
*[class ~= "map/topicmeta"] > *[class ~= "topic/navtitle"] > *[outputclass = "part-num"]:lang(lv):after {
    content: " \2013\ ";
} /* ndash */
*[class ~= "map/topicmeta"] > *[class ~= "topic/navtitle"] > *[outputclass = "part-num"]:lang(mt):after {
    content: " \2014\ ";
} /* mdash */
*[class ~= "map/topicmeta"] > *[class ~= "topic/navtitle"] > *[outputclass = "part-num"]:lang(nl):after {
    content: " \2014\ ";
} /* mdash */
*[class ~= "map/topicmeta"] > *[class ~= "topic/navtitle"] > *[outputclass = "part-num"]:lang(pl):after {
    content: " \2013\ ";
} /* ndash */
*[class ~= "map/topicmeta"] > *[class ~= "topic/navtitle"] > *[outputclass = "part-num"]:lang(pt):after {
    content: " \2014\ ";
} /* mdash */
*[class ~= "map/topicmeta"] > *[class ~= "topic/navtitle"] > *[outputclass = "part-num"]:lang(ro):after {
    content: " \2013\ ";
} /* ndash */
*[class ~= "map/topicmeta"] > *[class ~= "topic/navtitle"] > *[outputclass = "part-num"]:lang(sk):after {
    content: " \2013\ ";
} /* ndash */
*[class ~= "map/topicmeta"] > *[class ~= "topic/navtitle"] > *[outputclass = "part-num"]:lang(sl):after {
    content: " \2013\ ";
} /* ndash */
*[class ~= "map/topicmeta"] > *[class ~= "topic/navtitle"] > *[outputclass = "part-num"]:lang(sv):after {
    content: " \2013\ ";
} /* ndash */

/* 
 * TOC title
 */

*[class ~= "toc/title"][empty]:before,
[class ~= "toc/title"][empty]:lang(en):before
{
    content: "Contents";
}
*[class ~= "toc/title"],
*[class ~= "toc/title"]:lang(en) {
    string-set: toc-header "Contents";
}

*[class ~= "toc/title"][empty]:lang(bg):before {
    content: "Съдържание";
}
*[class ~= "toc/title"]:lang(bg) {
    string-set: toc-header "Съдържание";
}

*[class ~= "toc/title"][empty]:lang(cs):before {
    content: "Obsah";
}
*[class ~= "toc/title"]:lang(cs) {
    string-set: toc-header "Obsah";
}
*[class ~= "toc/title"][empty]:lang(da):before {
    content: "Indholdsfortegnelse";
}
*[class ~= "toc/title"]:lang(da) {
    string-set: toc-header "Indholdsfortegnelse";
}

*[class ~= "toc/title"][empty]:lang(de):before {
    content: "Inhalt";
}
*[class ~= "toc/title"]:lang(de) {
    string-set: toc-header "Inhalt";
}

*[class ~= "toc/title"][empty]:lang(el):before {
    content: "Πίνακας περιεχομένων";
}
*[class ~= "toc/title"]:lang(el) {
    string-set: toc-header "Πίνακας περιεχομένων";
}

*[class ~= "toc/title"][empty]:lang(es):before {
    content: "Índice general";
}
*[class ~= "toc/title"]:lang(es) {
    string-set: toc-header "Índice general";
}

*[class ~= "toc/title"][empty]:lang(et):before {
    content: "Sisukord";
}
*[class ~= "toc/title"]:lang(et) {
    string-set: toc-header "Sisukord";
}

*[class ~= "toc/title"][empty]:lang(fi):before {
    content: "Sisällys";
}
*[class ~= "toc/title"]:lang(fi) {
    string-set: toc-header "Sisällys";
}

*[class ~= "toc/title"][empty]:lang(fr):before {
    content: "Table des matières";
}
*[class ~= "toc/title"]:lang(fr) {
    string-set: toc-header "Table des matières";
}

*[class ~= "toc/title"][empty]:lang(ga):before {
    content: "Clár";
}
*[class ~= "toc/title"]:lang(ga) {
    string-set: toc-header "Clár";
}

*[class ~= "toc/title"][empty]:lang(hr):before {
    content: "Sadržaj";
}
*[class ~= "toc/title"]:lang(hr) {
    string-set: toc-header "Sadržaj";
}

*[class ~= "toc/title"][empty]:lang(hu):before {
    content: "Tartalom";
}
*[class ~= "toc/title"]:lang(hu) {
    string-set: toc-header "Tartalom";
}

*[class ~= "toc/title"][empty]:lang(it):before {
    content: "Indice";
}
*[class ~= "toc/title"]:lang(it) {
    string-set: toc-header "Indice";
}

*[class ~= "toc/title"][empty]:lang(lt):before {
    content: "Turinys";
}
*[class ~= "toc/title"]:lang(lt) {
    string-set: toc-header "Turinys";
}

*[class ~= "toc/title"][empty]:lang(lv):before {
    content: "Saturs";
}
*[class ~= "toc/title"]:lang(lv) {
    string-set: toc-header "Saturs";
}

*[class ~= "toc/title"][empty]:lang(mt):before {
    content: "Werrej";
}
*[class ~= "toc/title"]:lang(mt) {
    string-set: toc-header "Werrej";
}

*[class ~= "toc/title"][empty]:lang(nl):before {
    content: "Inhoudsopgave";
}
*[class ~= "toc/title"]:lang(nl) {
    string-set: toc-header "Inhoudsopgave";
}

*[class ~= "toc/title"][empty]:lang(pl):before {
    content: "Spis treści";
}
*[class ~= "toc/title"]:lang(pl) {
    string-set: toc-header "Spis treści";
}

*[class ~= "toc/title"][empty]:lang(pt):before {
    content: "Índice";
}
*[class ~= "toc/title"]:lang(pt) {
    string-set: toc-header "Índice";
}

*[class ~= "toc/title"][empty]:lang(ro):before {
    content: "Cuprins";
}
*[class ~= "toc/title"]:lang(ro) {
    string-set: toc-header "Cuprins";
}

*[class ~= "toc/title"][empty]:lang(sk):before {
    content: "Obsah";
}
*[class ~= "toc/title"]:lang(sk) {
    string-set: toc-header "Obsah";
}

*[class ~= "toc/title"][empty]:lang(sl):before {
    content: "Vsebina";
}
*[class ~= "toc/title"]:lang(sl) {
    string-set: toc-header "Vsebina";
}

*[class ~= "toc/title"][empty]:lang(sv):before {
    content: "Innehållsförtecking";
}
*[class ~= "toc/title"]:lang(sv) {
    string-set: toc-header "Innehållsförtecking";
}


.lastUpdatedDate:lang(bg):before {
    content: "Последна актуализация:";
}
.lastUpdatedDate:lang(cs):before {
    content: "Poslední aktualizace:";
}
.lastUpdatedDate:lang(da):before {
    content: "Seneste opdatering:";
}
.lastUpdatedDate:lang(de):before {
    content: "Letzte Änderung:";
}
.lastUpdatedDate:lang(el):before {
    content: "Τελευταία ενημέρωση:";
}
.lastUpdatedDate:before,
.lastUpdatedDate:lang(en):before {
    content: "Last updated:";
}
.lastUpdatedDate:lang(es):before {
    content: "Última actualización:";
}
.lastUpdatedDate:lang(et):before {
    content: "Viimati uuendatud:";
}
.lastUpdatedDate:lang(fi):before {
    content: "Päivitetty viimeksi:";
}
.lastUpdatedDate:lang(fr):before {
    content: "Dernière mise à jour:";
}
.lastUpdatedDate:lang(ga):before {
    content: "Nuashonraithe:";
}
.lastUpdatedDate:lang(hr):before {
    content: "Datum zadnje promjene:";
}
.lastUpdatedDate:lang(hu):before {
    content: "Utolsó frissítés:";
}
.lastUpdatedDate:lang(it):before {
    content: "Ultimo aggiornamento:";
}
.lastUpdatedDate:lang(lt):before {
    content: "Atnaujinta:";
}
.lastUpdatedDate:lang(lv):before {
    content: "Pēdējoreiz atjaunināts:";
}
.lastUpdatedDate:lang(mt):before {
    content: "Data tal-aħħar aġġornament:";
}
.lastUpdatedDate:lang(nl):before {
    content: "Laatste bijwerking:";
}
.lastUpdatedDate:lang(pl):before {
    content: "Ostatnia aktualizacja:";
}
.lastUpdatedDate:lang(pt):before {
    content: "Última atualização:";
}
.lastUpdatedDate:lang(ro):before {
    content: "Actualizat la:";
}
.lastUpdatedDate:lang(sk):before {
    content: "Posledná aktualizácia:";
}
.lastUpdatedDate:lang(sl):before {
    content: "Zadnja sprememba:";
}
.lastUpdatedDate:lang(sv):before {
    content: "Senaste uppdatering:";
}

@media oxygen-chemistry {
/* 
 * Copyright (bookmaps)
 */
    *[class ~= "bookmap/bookrights"] {
        -oxy-pdf-meta-copyright: oxy_xpath("normalize-space(concat('© ', \
if (*[contains(@class, 'bookmap/copyrfirst')]) then normalize-space(*[contains(@class, 'bookmap/copyrfirst')]) else '', \
if (*[contains(@class, 'bookmap/copyrfirst')] and *[contains(@class, 'bookmap/copyrlast')]) then \
  if (lang('bg')) then '—' \
  else if (lang('cs')) then '–' \
  else if (lang('da')) then '-' \
  else if (lang('de')) then '-' \
  else if (lang('el')) then '-' \
  else if (lang('en')) then '–' \
  else if (lang('es')) then '-' \
  else if (lang('et')) then '-' \
  else if (lang('fi')) then '–' \
  else if (lang('fr')) then '-' \
  else if (lang('ga')) then '-' \
  else if (lang('hr')) then '. – ' \
  else if (lang('hu')) then '–' \
  else if (lang('it')) then '-' \
  else if (lang('lt')) then '–' \
  else if (lang('lv')) then '–' \
  else if (lang('mt')) then '–' \
  else if (lang('nl')) then '-' \
  else if (lang('pl')) then '–' \
  else if (lang('pt')) then '-' \
  else if (lang('ro')) then '-' \
  else if (lang('sk')) then ' – ' \
  else if (lang('sl')) then '–' \
  else if (lang('sv')) then '–' \
  else  ' - ' \
else '', \
if (*[contains(@class, 'bookmap/copyrlast')]) then normalize-space(*[contains(@class, 'bookmap/copyrlast')]) else '', \
if (lang('bg')) then ' г. ' \
else if (lang('hr')) then '. ' \
else ' ', \
*[contains(@class, 'bookmap/bookowner')]))");

        /*        -oxy-pdf-meta-copyrighted: copyrighted;*/
        /*        -oxy-pdf-meta-copyright-url: "https://";*/
    }
}

/* yellow info tables */
div.note{
    padding: 0;
}
:root { 
    /* --isg-note-icon-size: 25px;   #!#' */
    --isg-note-icon-size: 1.6rem;
}

.note[data-othertype="news"],
.note[data-othertype="tip"],
.note[data-othertype="info"]{
    display: block;
    background-image: none;
    padding: 0;
    min-height: var(--isg-note-icon-size);
}

/* Hide the dita default title <span class="note__title"> */
.note[data-othertype="news"] .note__title,
.note[data-othertype="tip"]  .note__title,
.note[data-othertype="info"] .note__title{
    display: none;
}

/* Title for ISG notes*/
.note[data-othertype="news"] .note_title,
.note[data-othertype="tip"] .note_title,
.note[data-othertype="info"] .note_title{
    display: block;
    z-index: 1000;
    position: relative;
    background-image: none;
    background-color: var(--isg-yellow);
    font-weight: 700;
    font-size: var(--isg-text-m);
   /*  padding: 2px  7.5px 2px 7.5px;  #!#' */
    padding: 0.25rem 0.5rem 0.25rem 0.5rem;
    /*  min-height: 19px; #!#'  */
    min-height: 1rem;
    margin: 0;
    vertical-align: bottom;
}

/* inject note icon on first div (title is optional for all isg notes) */
.note[data-othertype="news"] > .div:first-of-type:before,
.note[data-othertype="tip"]  > .div:first-of-type:before,
.note[data-othertype="info"] > .div:first-of-type:before {
    display: block;
    position: absolute;
    z-index: -100;
    left: calc( -1 * var(--isg-note-icon-size) );
    top: 0;
    height: var(--isg-note-icon-size);
    width: var(--isg-note-icon-size);
    background-size: var(--isg-note-icon-size);
    background-repeat: no-repeat;
    content: "";
}

.note[data-othertype="news"] > .div:first-of-type:before {
    background-image: url("/o/opportal-service/isg?resource=/resources/images/icons/icon_news.png");
}
.note[data-othertype="tip"] > .div:first-of-type:before {
    background-image: url("/o/opportal-service/isg?resource=/resources/images/icons/icon_tip.png");
}
.note[data-othertype="info"] > .div:first-of-type:before {
    background-image: url("/o/opportal-service/isg?resource=/resources/images/icons/icon_info.png");
}
.note[data-othertype="news"] > .div:first-of-type {
    display: block;
}


/* ISG note content block */
/* for note content the default top space is defined by a padding and replaced by a border 
 * in case a title exists. 
 * */
.note[data-othertype="news"] > .note_content,
.note[data-othertype="tip"]  > .note_content,
.note[data-othertype="info"] > .note_content{
    display: block;
    position: relative;
    background-image: none;
    background-color: var(--isg-light-yellow);
   /* padding-left: 7.5px; #!#' */
    padding-left: 0.5rem;
    /* padding-right: 7.5px; #!#' */
    padding-right: 0.5rem;
    /* padding-top: 2px; #!#' */
    padding-top: 0.25rem;
   /* padding-top: 6px;  #!#' */
    min-height: 1rem;
    margin-top: 0;
    margin-bottom: 0;
    border-color: var(--isg-light-yellow);
   /* border-bottom-width: 6px  #!#' */
    border-bottom-width: 0.25rem;
    border-bottom-style: solid;
}
.note[data-othertype="news"] > .note_title + .note_content,
.note[data-othertype="tip"]  > .note_title + .note_content,
.note[data-othertype="info"] > .note_title + .note_content{
    padding-top: 0;
    /* border-top-width: 6px  #!#' */
    border-top-width: 0.25rem;
    border-top-style: solid;
}
@media oxygen-chemistry {
.note[data-othertype="news"] > .note_content,
.note[data-othertype="tip"]  > .note_content,
.note[data-othertype="info"] > .note_content{
        -oxy-borders-conditionality: retain;
    }
}

/* note_title line-height is definied in ISG-HTML.css */

/* rules can be reduced since a info, tip or news contains only 1 note_content block. 
 * further top and bottom padding replaces by a colored border, that can be repeated 
 * on page breaks. */

.note[data-othertype="news"] > .note_content > *:first-child, 
.note[data-othertype="tip"]  > .note_content > *:first-child,
.note[data-othertype="info"] > .note_content > *:first-child {
    margin-top: 0;
}

.note[data-othertype="news"] > .note_content > *:last-child, 
.note[data-othertype="tip"]  > .note_content > *:last-child,
.note[data-othertype="info"] > .note_content > *:last-child {
    margin-bottom: 0;
}

/* ---------------- Testing area: Notes for HTML responsive ---------------- */

@media all and (max-width: 654px) {
    .note[data-othertype='info'],
    .note[data-othertype='tip'],
    .note[data-othertype='news']{
        margin-left: 0 !important;
    }
    
    .note[data-othertype="news"] > .div:first-of-type:before,
    .note[data-othertype="tip"]  > .div:first-of-type:before,
    .note[data-othertype="info"] > .div:first-of-type:before{
        display: none;
    }
    .note[data-othertype="news"] > .div:first-of-type,
    .note[data-othertype="tip"]  > .div:first-of-type,
    .note[data-othertype="info"] > .div:first-of-type{
        background-color: var(--isg-light-yellow);
    }
}

/* --------------------------------------------------------- */
/* Lists.css
 * 
 * This CSS contains: 
 * Spacing in lists !Also take a look at the custom_styles CSS for more specific spacing information!
 * list styles: Unordered lists and ordered lists
 * lists in footnotes - spacing
 * 
 * For more information regarding font-sizes etc. take a look at pdfFonts.css
 * For more information regarding spacing between elements take a look at ISG-Images.css
 * 
 * ISG types of ordered lists 
 * 
 *   old types are defined by 3 letter code: 
 *       1. type: (a=latin alphabet, r=roman numbers, n=numbers)
 *       2. upper/lower case: l=lowercase u=uppercase (n used for numbers)
 *       3. pre- & suffix definition: b=(x), p="x.", r="x)" 
 * 
 *   Latin alphabet
 *     alb  - (a) (b) (c)
 *     alp  -  a.  b.  c.
 *     alr  -  a)  b)  c)
 *     aup  -  A.  B.  C.
 * 
 *   Roman numerals
 *     rlb  -  (i) (ii) (iii)
 *     rlp  -   i.  ii.  iii.
 *     rlr  -   i)  ii)  iii)
 *     rup  -   I.  II.  III.
 * 
 *   Numberic
 *     nnb  -  (1) (2) (3)
 *     nnp  -   1.  2.  3.
 *     nnr  -   1)  2)  3)
 * 
 *   BG - cyrilic list:
 *     bg-lower-r  -  а)  б)  в)  
 * 
 *   EL - modern greek 
 *     el-lower-r  -  α)  β)  γ)
 *     el-upper-p  -  Α.  Β.  Γ.
 * 
 * */
/* --------------------------------------------------------- */
/* spacing in lists */

/* Oxygen 26.1 calculates the marker position based on the ol/ul margin PLUS the li margin.
 * add the former margin of 4mm to the padding (ISG-Spacing line 93) */
.li{
/*    padding-left: var(--isg-list-padding);*/
    padding-left: calc( 4mm + var(--isg-list-padding) );
}
@media screen{
    .li{
    padding-left: var(--isg-list-padding);
}
}


/* unordered lists */
.ul,
.ol{
    list-style-position: outside;
}

/* --------------------------------------------------------- */
/* list styles */

/* unordered lists */
.ul.mdash {
    list-style-type: '—';  /*supported since Oxygen 25.0 */  
}
.ul.mdash > .li::marker {
    content: '—'; /* Oxygen version until 24.x & to ensure List font is used */
}

.ul.none,
.multilingual{
    list-style-type: none;
}

.ul.bullet{
    list-style-type: disc;
}
.ul.bullet > .li::marker {
    content: '•'; /* Oxygen version until 24.x & to ensure List font is used */
}

/* ordered lists */
@media print {
     .ol{
    counter-reset: list-item;
    }
    .ol > .li{
    counter-increment: list-item;
    }
}

@media screen {
    .ol > .li {
        counter-increment: list-item; /* required by Chrome to be set explicity */
    }
}

.ol > .li::marker,
.ul > .li::marker
{
    text-align: left;
    display: block;
}

/* li:markers replaced by :before on media type screen - why this rule?  */
/*
@media screen{
    .note .li::marker,
    .li .li::marker{
        margin-left: 0.5em;
    }
}
*/



.ol.nnb > .li::marker {
    content: "(" counter(list-item, decimal) ")";
}

.nnp > .li{
    list-style-type: decimal;
}

.ol.nnr > .li::marker {
    content:  counter(list-item, decimal) ")";
}

.ol.alb > .li::marker {
    content: "(" counter(list-item, lower-alpha) ")";
}

.alp > .li{
    list-style: lower-alpha;
}

.ol.alr > .li::marker {
    content: counter(list-item, lower-alpha) ")";
}

.aup > .li{
    list-style-type: upper-alpha;
}

.ol.rlb > .li::marker {
    content: "(" counter(list-item, lower-roman) ")";
}

.rlp > .li{
    list-style-type: lower-roman;
}

.ol.rlr > .li::marker {
    content: counter(list-item, lower-roman) ")";
}

.rup > .li{
    list-style-type: upper-roman;
}


/* testing area: as the list-markers can not be aligned left in the HTML, we remove the markers and set them as :before elements instead. This way, they can be positioned absolute. */
@media screen{
    .ol .li{
        position: relative !important;
    }
    .ol > .li::before{
        display: block;
        width: 1.2em;
        text-align: left;
    }
    
    .ol.nnb > .li::marker{
       content: none !important;
       display: none !important;
    }
    .ol.nnb   > .li{
        list-style: none;
    }
    .ol.nnb > .li::before {
        content: "(" counter(list-item, decimal) ")";
        position: absolute !important;
        left: -1.2em;
        top: 0;
    }
    
    .ol.nnr > .li::marker{
       content: none !important;
       display: none !important;
    }
    .ol.nnr   > .li{
        list-style: none;
    }
    .ol.nnr > .li::before {
        content:  counter(list-item, decimal) ")";
        position: absolute !important;
        left: -1.2em;
        top: 0;
    }
    
    .ol.alb > .li::marker{
       content: none !important;
       display: none !important;
       /*color: transparent;*/
    }
    .ol.alb > .li{
        list-style: none;
    }
    .ol.alb > .li::before {
        content: "(" counter(list-item, lower-alpha) ")";
        position: absolute !important;
        left: -1.2em;
        top: 0;
    }
    
    .ol.alr > .li::marker{
       content: none !important;
       display: none !important;
       /*color: transparent;*/
    }
    .ol.alr > .li{
        list-style: none;
    }
    .ol.alr > .li::before {
        content: counter(list-item, lower-alpha) ")";
        position: absolute !important;
        left: -1.2em;
        top: 0;
    }
    
    .ol.rlb > .li::marker{
       content: none !important;
       display: none !important;
       /* color: transparent;*/
    }
    .ol.rlb > .li{
        list-style: none;
    }
    .ol.rlb > .li::before {
        content: "(" counter(list-item, lower-roman) ")";
        position: absolute !important;
        left: -1.2em;
        top: 0;
    }
    
    .ol.rlr > .li::marker{
       content: none !important;
       display: none !important;
       /*color: transparent;*/
    }
    .ol.rlr > .li{
        list-style: none;
    }
    .ol.rlr > .li::before {
        content: counter(list-item, lower-roman) ")";
        position: absolute !important;
        left: -1.2em;
        top: 0;
    }

}



.level_5 > .ol,
.level_5 > .ul{
    margin-top: 0;
    margin-bottom: 0;
}


/* --------------------------------------------------------- */
/* description lists type entry_line */


.dl.entry_line .dt {              
    border-top: 1px solid black;
    padding-top: 7.5px;
}

.dl.entry_line .dd:last-of-type{
    border-bottom: 1px solid black;
}

/*overwrite default margin-block-end definition*/
.dl.entry_line > *{
   margin-right: 0 !important;
}


/*Description-list in Preamble */
.dl.preamble > .dd {
    margin: 0;
    margin-top: 0.5em;
}

.dl.preamble > * + * {
    margin-top: 0.5em;
}


.dl.preamble > .dt{
    margin-top: 1.5em;
}



/* Description-list "tables", added 15.2.2024 */


.dl.as_table {
	font-size: var(--isg-text-s);
	width:100%;
	border: var(--isg-table-cell-border-width) solid white;
	border-width: 1px 0px 0px 1px;
	font-size: 8pt;
}

.dl.as_table .dt{
	width:14%;
	display:inline-block;
	height:auto;
	vertical-align:top;
	padding: 1mm;
	font-weight:400;
	background: var(--isg-table-highlight-blue);
	border-bottom: var(--isg-table-cell-border-width) solid white;
	border-right: var(--isg-table-cell-border-width) solid white;
}

.dl.as_table .dd{
	width:86%;
	display: inline-block;
	padding: 1mm;
	background: var(--isg-light-grey);
	border-bottom: var(--isg-table-cell-border-width) solid white;
	border-right: var(--isg-table-cell-border-width) solid white;
}

@media screen {

.dl.as_table {
	display:flex;
	flex-flow: row wrap;
	flex-grow:2;
	font-size: var(--isg-text-s);
	flex-basis:100%;
}


/*.dl.as_table .dt.width_7em{
	flex-basis:14%;
	height:auto;
}

.dl.as_table .dt.width_7em > .dd{
	flex-basis:86%;
}

.dl.as_table .dt.width_5em{
	flex-basis:12%;
	height:auto;
}

.dl.as_table .dt.width_5em > .dd{
	flex-basis:88%;
}*/
}

@media screen and (max-width: 654px) {

  .dl.as_table {
		flex-flow: column;
		width:100%;
  }
 
.dl.as_table .dt, .dl.as_table .dd {
	width:100%;
	flex-basis:100%;
}

.dl.as_table .dt {
	margin-top:4px;
}
}

/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* BG list definitions */

@media screen {
   /*  @counter-style lower-bulgarian {
        system: alphabetic;
        symbols: '\430' '\431' '\432' '\433' '\434' '\435' '\436' '\437' '\438' '\439' '\43A' '\43B' '\43C' '\43D' '\43E' '\43F' '\440' '\441' '\442' '\443' '\444' '\445' '\446' '\447' '\448' '\449' '\44A' '\44C' '\44E' '\44F';
        /* symbols: 'а' 'б' 'в' 'г' 'д' 'е' 'ж' 'з' 'и' 'й' 'к' 'л' 'м' 'н' 'о' 'п' 'р' 'с' 'т' 'у' 'ф' 'х' 'ц' 'ч' 'ш' 'щ' 'ъ' 'ь' 'ю' 'я'; 
        suffix: ') ';
    }
    
    .ol.bg-lower-r{
         list-style:  lower-bulgarian;
    }
    .ol.bg-lower-r > .li::marker {
        content: counter(list-item, lower-bulgarian) ")";
    }*/
 
 
    /* testing area: solution for custom-markers in safari */
    
     .ol.bg-lower-r > .li::marker{
        display: none !important; 
        content: none !important;
    }
    .ol.bg-lower-r > .li{
        list-style: none !important;
    }
    
    .ol.bg-lower-r > .li::before{
        position: absolute;
        left: -1.2em;
        top: 0;
    }
    
    .ol.bg-lower-r > .li:nth-child( 1)::before { content: "а)"; }
    .ol.bg-lower-r > .li:nth-child( 2)::before { content: "б)"; }
    .ol.bg-lower-r > .li:nth-child( 3)::before { content: "в)"; }
    .ol.bg-lower-r > .li:nth-child( 4)::before { content: "г)"; }
    .ol.bg-lower-r > .li:nth-child( 5)::before { content: "д)"; } 
    .ol.bg-lower-r > .li:nth-child( 6)::before { content: "е)"; } 
    .ol.bg-lower-r > .li:nth-child( 7)::before { content: "ж)"; } 
    .ol.bg-lower-r > .li:nth-child( 8)::before { content: "з)"; } 
    .ol.bg-lower-r > .li:nth-child( 9)::before { content: "и)"; } 
    .ol.bg-lower-r > .li:nth-child(10)::before { content: "й)"; } 
    .ol.bg-lower-r > .li:nth-child(11)::before { content: "к)"; } 
    .ol.bg-lower-r > .li:nth-child(12)::before { content: "л)"; } 
    .ol.bg-lower-r > .li:nth-child(13)::before { content: "м)"; } 
    .ol.bg-lower-r > .li:nth-child(14)::before { content: "н)"; } 
    .ol.bg-lower-r > .li:nth-child(15)::before { content: "о)"; } 
    .ol.bg-lower-r > .li:nth-child(16)::before { content: "п)"; } 
    .ol.bg-lower-r > .li:nth-child(17)::before { content: "р)"; } 
    .ol.bg-lower-r > .li:nth-child(18)::before { content: "с)"; } 
    .ol.bg-lower-r > .li:nth-child(19)::before { content: "т)"; } 
    .ol.bg-lower-r > .li:nth-child(20)::before { content: "у)"; } 
    .ol.bg-lower-r > .li:nth-child(21)::before { content: "ф)"; } 
    .ol.bg-lower-r > .li:nth-child(22)::before { content: "х)"; } 
    .ol.bg-lower-r > .li:nth-child(23)::before { content: "ц)"; } 
    .ol.bg-lower-r > .li:nth-child(24)::before { content: "ч)"; } 
    .ol.bg-lower-r > .li:nth-child(25)::before { content: "ш)"; } 
    .ol.bg-lower-r > .li:nth-child(26)::before { content: "щ)"; } 
    .ol.bg-lower-r > .li:nth-child(27)::before { content: "ъ)"; } 
    .ol.bg-lower-r > .li:nth-child(28)::before { content: "ь)"; } 
    .ol.bg-lower-r > .li:nth-child(29)::before { content: "ю)"; } 
    .ol.bg-lower-r > .li:nth-child(30)::before { content: "я)"; }
    .ol.bg-lower-r > .li:nth-child(31)::before { content: "аа)"; } 
    .ol.bg-lower-r > .li:nth-child(32)::before { content: "аб)"; } 
    .ol.bg-lower-r > .li:nth-child(33)::before { content: "ав)"; } 
    .ol.bg-lower-r > .li:nth-child(34)::before { content: "аг)"; } 
    .ol.bg-lower-r > .li:nth-child(35)::before { content: "ад)"; } 
    .ol.bg-lower-r > .li:nth-child(36)::before { content: "ае)"; } 
    .ol.bg-lower-r > .li:nth-child(37)::before { content: "аж)"; } 
    .ol.bg-lower-r > .li:nth-child(38)::before { content: "аз)"; } 
    .ol.bg-lower-r > .li:nth-child(39)::before { content: "аи)"; } 
    .ol.bg-lower-r > .li:nth-child(40)::before { content: "ай)"; } 
    .ol.bg-lower-r > .li:nth-child(41)::before { content: "ак)"; } 
    .ol.bg-lower-r > .li:nth-child(42)::before { content: "ал)"; } 
    .ol.bg-lower-r > .li:nth-child(43)::before { content: "ам)"; } 
    .ol.bg-lower-r > .li:nth-child(44)::before { content: "ан)"; } 
    .ol.bg-lower-r > .li:nth-child(45)::before { content: "ао)"; } 
    .ol.bg-lower-r > .li:nth-child(46)::before { content: "ап)"; } 
    .ol.bg-lower-r > .li:nth-child(47)::before { content: "ар)"; } 
    .ol.bg-lower-r > .li:nth-child(48)::before { content: "ас)"; } 
    .ol.bg-lower-r > .li:nth-child(49)::before { content: "ат)"; } 
    .ol.bg-lower-r > .li:nth-child(50)::before { content: "ау)"; } 
    .ol.bg-lower-r > .li:nth-child(51)::before { content: "аф)"; } 
    .ol.bg-lower-r > .li:nth-child(52)::before { content: "ах)"; } 
    .ol.bg-lower-r > .li:nth-child(53)::before { content: "ац)"; } 
    .ol.bg-lower-r > .li:nth-child(54)::before { content: "ач)"; } 
    .ol.bg-lower-r > .li:nth-child(55)::before { content: "аш)"; } 
    .ol.bg-lower-r > .li:nth-child(56)::before { content: "ащ)"; } 
    .ol.bg-lower-r > .li:nth-child(57)::before { content: "аъ)"; } 
    .ol.bg-lower-r > .li:nth-child(58)::before { content: "аь)"; } 
    .ol.bg-lower-r > .li:nth-child(59)::before { content: "аю)"; } 
    .ol.bg-lower-r > .li:nth-child(60)::before { content: "ая)"; } 
}

/* since the XSL-FO converter does not translate @counter-style definitions to make them available for the PDF renderer,
 * we need to define the special list types for the chemistry renderer based on the nth- list member.
 * Attention: this requires to be extented up to the max level that can appier in the Dita source 
 *            and provides no automatic repetition !  */
@media oxygen-chemistry {
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child( 1)::marker { content: "а)"; }
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child( 2)::marker { content: "б)"; }
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child( 3)::marker { content: "в)"; }
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child( 4)::marker { content: "г)"; }
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child( 5)::marker { content: "д)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child( 6)::marker { content: "е)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child( 7)::marker { content: "ж)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child( 8)::marker { content: "з)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child( 9)::marker { content: "и)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(10)::marker { content: "й)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(11)::marker { content: "к)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(12)::marker { content: "л)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(13)::marker { content: "м)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(14)::marker { content: "н)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(15)::marker { content: "о)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(16)::marker { content: "п)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(17)::marker { content: "р)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(18)::marker { content: "с)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(19)::marker { content: "т)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(20)::marker { content: "у)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(21)::marker { content: "ф)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(22)::marker { content: "х)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(23)::marker { content: "ц)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(24)::marker { content: "ч)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(25)::marker { content: "ш)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(26)::marker { content: "щ)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(27)::marker { content: "ъ)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(28)::marker { content: "ь)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(29)::marker { content: "ю)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(30)::marker { content: "я)"; }
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(31)::marker { content: "аа)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(32)::marker { content: "аб)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(33)::marker { content: "ав)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(34)::marker { content: "аг)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(35)::marker { content: "ад)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(36)::marker { content: "ае)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(37)::marker { content: "аж)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(38)::marker { content: "аз)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(39)::marker { content: "аи)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(40)::marker { content: "ай)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(41)::marker { content: "ак)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(42)::marker { content: "ал)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(43)::marker { content: "ам)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(44)::marker { content: "ан)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(45)::marker { content: "ао)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(46)::marker { content: "ап)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(47)::marker { content: "ар)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(48)::marker { content: "ас)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(49)::marker { content: "ат)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(50)::marker { content: "ау)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(51)::marker { content: "аф)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(52)::marker { content: "ах)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(53)::marker { content: "ац)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(54)::marker { content: "ач)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(55)::marker { content: "аш)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(56)::marker { content: "ащ)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(57)::marker { content: "аъ)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(58)::marker { content: "аь)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(59)::marker { content: "аю)"; } 
    *[class~="topic/ol"][outputclass~="bg-lower-r"] > *[class~="topic/li"]:nth-child(60)::marker { content: "ая)"; }
}

/* --------------------------------------------------------- */
/* EL list definitions */

@media screen {
    /*  @counter-style greek-lower-modern {
        system: additive;
        range: 1 999;
        additive-symbols: 900 \3E1, 800 \3C9, 700 \3C8, 600 \3C7, 500 \3C6, 400 \3C5, 300 \3C4, 200 \3C3, 100 \3C1, 90 \3DF, 80 \3C0, 70 \3BF, 60 \3BE, 50 \3BD, 40 \3BC, 30 \3BB, 20 \3BA, 10 \3B9, 9 \3B8, 8 \3B7, 7 \3B6, 6 \3C3\3C4, 5 \3B5, 4 \3B4, 3 \3B3, 2 \3B2, 1 \3B1;
        /* additive-symbols: 900 ϡ, 800 ω, 700 ψ, 600 χ, 500 φ, 400 υ, 300 τ, 200 σ, 100 ρ, 90 ϟ, 80 π, 70 ο, 60 ξ, 50 ν, 40 μ, 30 λ, 20 κ, 10 ι, 9 θ, 8 η, 7 ζ, 6 στ, 5 ε, 4 δ, 3 γ, 2 β, 1 α; 
        suffix: ') ';
    }
    
    @counter-style greek-upper-modern {
        system: additive;
        range: 1 999;
        additive-symbols: 900 \3E0, 800 \3A9, 700 \3A8, 600 \3A7, 500 \3A6, 400 \3A5, 300 \3A4, 200 \3A3, 100 \3A1, 90 \3DE, 80 \3A0, 70 \39F, 60 \39E, 50 \39D, 40 \39C, 30 \39B, 20 \39A, 10 \399, 9 \398, 8 \397, 7 \396, 6 \3A3\3A4, 5 \395, 4 \394, 3 \393, 2 \392, 1 \391;
        /* additive-symbols: 900 Ϡ, 800 Ω, 700 Ψ, 600 Χ, 500 Φ, 400 Υ, 300 Τ, 200 Σ, 100 Ρ, 90 Ϟ, 80 Π, 70 Ο, 60 Ξ, 50 Ν, 40 Μ, 30 Λ, 20 Κ, 10 Ι, 9 Θ, 8 Η, 7 Ζ, 6 ΣΤ, 5 Ε, 4 Δ, 3 Γ, 2 Β, 1 Α; 
    }

    .ol.el-lower-r{
         list-style:  greek-lower-modern;
    }
    .ol.el-lower-r > .li::marker {
        content: counter(list-item, greek-lower-modern) ")";
    }
    .ol.el-upper-p {
         list-style:  greek-upper-modern;
    }
    .ol.el-upper-p > .li::marker {
        content: counter(list-item, greek-upper-modern) ")";
    }*/
 
    .ol.el-upper-p > .li,
    .ol.el-lower-r > .li {
         list-style: none;
    }
    
    .ol.el-upper-p > .li::marker, 
    .ol.el-lower-r > .li::marker {
        display: none !important;
        content: none !important;
    }
    
    .ol.el-upper-p > .li::before,
    .ol.el-lower-r > .li::before{
        position: absolute;
        left: -1.2em;
        top: 0;
    }
    .ol.el-lower-r > .li:nth-child( 1)::before { content: "α)"; }
    .ol.el-lower-r > .li:nth-child( 2)::before { content: "β)"; }
    .ol.el-lower-r > .li:nth-child( 3)::before { content: "γ)"; }
    .ol.el-lower-r > .li:nth-child( 4)::before { content: "δ)"; }
    .ol.el-lower-r > .li:nth-child( 5)::before { content: "ε)"; }
    .ol.el-lower-r > .li:nth-child( 6)::before { content: "στ)"; }
    .ol.el-lower-r > .li:nth-child( 7)::before { content: "ζ)"; }
    .ol.el-lower-r > .li:nth-child( 8)::before { content: "η)"; }
    .ol.el-lower-r > .li:nth-child( 9)::before { content: "θ)"; }
    .ol.el-lower-r > .li:nth-child(10)::before { content: "ι)"; }
    .ol.el-lower-r > .li:nth-child(11)::before { content: "ια)"; }
    .ol.el-lower-r > .li:nth-child(12)::before { content: "ιβ)"; }
    .ol.el-lower-r > .li:nth-child(13)::before { content: "ιγ)"; }
    .ol.el-lower-r > .li:nth-child(14)::before { content: "ιδ)"; }
    .ol.el-lower-r > .li:nth-child(15)::before { content: "ιε)"; }
    .ol.el-lower-r > .li:nth-child(16)::before { content: "ιστ)"; }
    .ol.el-lower-r > .li:nth-child(17)::before { content: "ιζ)"; }
    .ol.el-lower-r > .li:nth-child(18)::before { content: "ιη)"; }
    .ol.el-lower-r > .li:nth-child(19)::before { content: "ιθ)"; }
    .ol.el-lower-r > .li:nth-child(20)::before { content: "κ)"; }
    .ol.el-lower-r > .li:nth-child(21)::before { content: "κα)"; }
    .ol.el-lower-r > .li:nth-child(22)::before { content: "κβ)"; }
    .ol.el-lower-r > .li:nth-child(23)::before { content: "κγ)"; }
    .ol.el-lower-r > .li:nth-child(24)::before { content: "κδ)"; }
    .ol.el-lower-r > .li:nth-child(25)::before { content: "κε)"; }
    .ol.el-lower-r > .li:nth-child(26)::before { content: "κστ)"; }
    .ol.el-lower-r > .li:nth-child(27)::before { content: "κζ)"; }
    .ol.el-lower-r > .li:nth-child(28)::before { content: "κη)"; }
    .ol.el-lower-r > .li:nth-child(29)::before { content: "κθ)"; }
    .ol.el-lower-r > .li:nth-child(30)::before { content: "λ)"; }

    .ol.el-upper-p > .li:nth-child( 1)::before { content: "Α."; }
    .ol.el-upper-p > .li:nth-child( 2)::before { content: "Β."; }
    .ol.el-upper-p > .li:nth-child( 3)::before { content: "Γ."; }
    .ol.el-upper-p > .li:nth-child( 4)::before { content: "Δ."; }
    .ol.el-upper-p > .li:nth-child( 5)::before { content: "Ε."; }
    .ol.el-upper-p > .li:nth-child( 6)::before { content: "ΣΤ."; }
    .ol.el-upper-p > .li:nth-child( 7)::before { content: "Ζ."; }
    .ol.el-upper-p > .li:nth-child( 8)::before { content: "Η."; }
    .ol.el-upper-p > .li:nth-child( 9)::before { content: "Θ."; }
    .ol.el-upper-p > .li:nth-child(10)::before { content: "Ι."; }
}

@media oxygen-chemistry {
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child( 1)::marker { content: "α)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child( 2)::marker { content: "β)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child( 3)::marker { content: "γ)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child( 4)::marker { content: "δ)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child( 5)::marker { content: "ε)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child( 6)::marker { content: "στ)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child( 7)::marker { content: "ζ)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child( 8)::marker { content: "η)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child( 9)::marker { content: "θ)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child(10)::marker { content: "ι)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child(11)::marker { content: "ια)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child(12)::marker { content: "ιβ)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child(13)::marker { content: "ιγ)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child(14)::marker { content: "ιδ)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child(15)::marker { content: "ιε)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child(16)::marker { content: "ιστ)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child(17)::marker { content: "ιζ)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child(18)::marker { content: "ιη)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child(19)::marker { content: "ιθ)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child(20)::marker { content: "κ)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child(21)::marker { content: "κα)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child(22)::marker { content: "κβ)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child(23)::marker { content: "κγ)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child(24)::marker { content: "κδ)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child(25)::marker { content: "κε)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child(26)::marker { content: "κστ)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child(27)::marker { content: "κζ)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child(28)::marker { content: "κη)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child(29)::marker { content: "κθ)"; }
    *[class~="topic/ol"][outputclass~="el-lower-r"] > *[class~="topic/li"]:nth-child(30)::marker { content: "λ)"; }

    *[class~="topic/ol"][outputclass~="el-upper-p"] > *[class~="topic/li"]:nth-child( 1)::marker { content: "Α."; }
    *[class~="topic/ol"][outputclass~="el-upper-p"] > *[class~="topic/li"]:nth-child( 2)::marker { content: "Β."; }
    *[class~="topic/ol"][outputclass~="el-upper-p"] > *[class~="topic/li"]:nth-child( 3)::marker { content: "Γ."; }
    *[class~="topic/ol"][outputclass~="el-upper-p"] > *[class~="topic/li"]:nth-child( 4)::marker { content: "Δ."; }
    *[class~="topic/ol"][outputclass~="el-upper-p"] > *[class~="topic/li"]:nth-child( 5)::marker { content: "Ε."; }
    *[class~="topic/ol"][outputclass~="el-upper-p"] > *[class~="topic/li"]:nth-child( 6)::marker { content: "ΣΤ."; }
    *[class~="topic/ol"][outputclass~="el-upper-p"] > *[class~="topic/li"]:nth-child( 7)::marker { content: "Ζ."; }
    *[class~="topic/ol"][outputclass~="el-upper-p"] > *[class~="topic/li"]:nth-child( 8)::marker { content: "Η."; }
    *[class~="topic/ol"][outputclass~="el-upper-p"] > *[class~="topic/li"]:nth-child( 9)::marker { content: "Θ."; }
    *[class~="topic/ol"][outputclass~="el-upper-p"] > *[class~="topic/li"]:nth-child(10)::marker { content: "Ι."; }
   
}










/* removes default note-title and adds a custom title as before pseudo-element */
.note[data-othertype='NB'] span.note__title{
    display: none;
}
.note[data-othertype='NB']:before{
    font-weight: 400;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    padding: 0;
    display: block;     
    position: absolute;
    line-height: 1.3;   /* identical to first content line */
}

/* blue frame around notabenes */
.note[data-othertype='NB']{
   display: block;
   border: 3px solid rgb(230,236,244);
   border-radius: 0;
   page-break-inside: avoid;
   background-image: none; /* removes default NB symbol */
   /* padding: 2px 7.5px 2px 7.5px;  #!#' */
   padding: 0.25rem 0.5rem 0 0.5rem;
}

:root { 
    --nb-title-size: 0.8rem;
}

/* notabenes in info tables and tables */
.note[data-othertype='info'] .note[data-othertype='NB'],
.entry .note[data-othertype='NB']{
    border: none;
    page-break-inside: avoid;
    padding: 0;
    margin: 0;
}

/* notabenes in footnotes */
.note.seem_fn {
    margin-left: 0;
    /*  margin-top: 9.5px;  #!#' */
    margin-top: 0.6rem;
    padding: 0;
    border: none;
}

/* alignment of entries in notabenes */
.note[data-othertype='NB'] > .p{
    padding: 0;
    margin-left: var(--isg-nb-space);     /* for all LV: to be controlled via variable received from i18n */
}

.note[data-othertype='NB'] > .ol,
.note[data-othertype='NB'] > .ul{
    margin-bottom: 0.5em;
    margin-left: var(--isg-nb-space);     /* for all LV: to be controlled via variable received from i18n */
}

.note[data-othertype='NB'] > .ol .p,
.note[data-othertype='NB'] > .ul .p{
    margin: 0;
    margin-bottom: 0.5em;
    padding: 0;
}
.note[data-othertype='NB'] > .ol .p.example:only-child,
.note[data-othertype='NB'] > .ul .p.example:only-child{
    margin-bottom: 0;
}
/* blue examples inside notabenes */
.note[data-othertype='NB']{
    overflow: hidden;
}

 .note[data-othertype='NB'] .div.example,
 .li > .note[data-othertype='NB'] > .div.example{
    display: block;
    background-color: var(--isg-light-blue);
    margin-bottom: 0.25rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    margin-right: -0.5rem;
    margin-left: -0.5rem;
    padding-left: calc( 0.5rem + var(--isg-nb-space) );
    padding-right: 0.5rem !important;
    border-bottom: none;
}
 


.note[data-othertype='NB'] .ul .div.example,
.note[data-othertype='NB'] .ol .div.example{    
    margin-left: calc( -3.5em - var(--isg-nb-space) );
    padding-left: calc( 3.5em + var(--isg-nb-space) );
    margin-right: -0.5rem;
}
.note[data-othertype='NB'] .ul .ol .div.example,
.note[data-othertype='NB'] .ol .ul .div.example{    
    margin-left: calc( -3.5em - 2.4em - var(--isg-nb-space) );
    padding-left: calc( 3.5em + 2.4em + var(--isg-nb-space) );
    margin-right: -0.5rem;
}


.note[data-othertype='NB']  .div.example + .p{
    margin-top: 0.5em;
}

.note[data-othertype='NB']  .p + .div.example{
    margin-top: 0.5em;
}


/* align last div in NB with NB frame */
.li > .note[data-othertype='NB'] > .div.example:last-child,
.note[data-othertype='NB'] .div.example:last-child{
     margin-bottom: 0;
 }
.note[data-othertype='NB'] > .ol:last-child,
.note[data-othertype='NB'] > .ul:last-child{
    margin-bottom: 0;
}

/* last-child in NB gets 3px margin-bottom to match the padding around the notabene */
.note[data-othertype='NB'] > .p:last-child,
.note[data-othertype='NB'] > .ol:last-child > .li:last-child,
.note[data-othertype='NB'] > .ul:last-child > .li:last-child{
    margin-bottom: 0.25rem;
}

.note[data-othertype='NB'] > .div.example,
.li > .note[data-othertype='NB'] > .div.example,
.note[data-othertype='NB'] > .ol:last-child > .li:last-child:has(.div.example),
.note[data-othertype='NB'] > .ul:last-child > .li:last-child:has(.div.example){
    margin-bottom: 0;
    border-bottom: none;
}

.note[data-othertype='NB'] > .ol:last-child > .li > .div.example:last-child,
.note[data-othertype='NB'] > .ul:last-child > .li >.div.example:last-child{
    margin-bottom: 0;
}



/* Remarks:
 *   - selectors starting with the class .dl_as_table are used to apply the table styles as well 
 *     to definition list flagged as to be printed as a table.
 *       - Border definitons for dl_as_table are defined only within the block of class selectors 
 *         for the HTML layout, since there is no need to add them twice (overwrite Oxygen default 
 *         CSS selectors for the print layout)
 *       - So far the dl_as_table is defined for the print layout only !
 *       
 *  */

/*Table colors
 * Light Grey : rgba(233, 233, 233, 1.0); 
 * Medium Grey: rgba(218, 218, 218, 1.0);
 * Table Header Blue: rgba(195, 205, 229, 1.0);
 * Table Highlight Blue: rgba(225, 230, 243, 1.0);
 * Table Highlight darker Blue: rgba(207, 215, 235, 1.0); 
 * */

:root {
    /* define table frame borders 0.1mm widther then cell borders, to overlap them */
    --isg-table-border-width: 0.6mm;
    --isg-table-cell-border-width: 0.5mm;
}


@media print {
/* table width definitions */
/*  as the table-layout for HTML will be defined differently, we leave the PDF specific selectors*/
    .dl_as_table.as_table.width-full-center,
    *[class ~= 'table'][class ~= 'width-full-center'],
    *[class ~= 'table-fn-container'][class ~= 'width-full-center'] {
        width: 100%;
        --table-available-width: 170mm; /*calc(210mm - 20mm - 20mm);*/
    }
    .dl_as_table.as_table.width-medium-center,
    *[class ~= 'table'][class ~= 'width-medium-center'],
    *[class ~= 'table-fn-container'][class ~= 'width-medium-center'] {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
        --table-available-width: 127.5mm; /*calc(210mm - 20mm - 20mm) * 0.75;*/
    }
    .dl_as_table.as_table.width-small-center,
    *[class ~= 'table'][class ~= 'width-small-center'],
    *[class ~= 'table-fn-container'][class ~= 'width-small-center'] {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        --table-available-width: 85mm; /*calc(210mm - 20mm - 20mm) * 0.5;*/
    }
    .dl_as_table.as_table.width-full-indent,
    *[class ~= 'table'][class ~= 'width-full-indent'],
    *[class ~= 'table-fn-container'][class ~= 'width-full-indent'] {
        width: calc(100% - 14mm);
        margin-left: 14mm;
        --table-available-width: 156mm; /*calc(210mm - 20mm -14mm - 20mm);*/
    }
}

@media screen {
/* this will be adapted when the new class "screen-max" will be provided*/
    .table.screen-max,
    .table-fn-container.screen-max {
        max-width: 1500px;
    }
    .dl_as_table.as_table.width-full-center,
    .table.width-full-center,
    .table-fn-container.width-full-center {
        max-width: 100%;
		width:100%;
        margin-left: auto !important;
        margin-right: auto !important;
        /* word-break: break-all; /* quick fix for tables with many columns that otherwise overflow the html */
    }
    .dl_as_table.as_table.width-medium-center,
    .table.width-medium-center,
    .table-fn-container.width-medium-center {
        width: 75%;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .dl_as_table.as_table.width-small-center,
    .table.width-small-center,
    .table-fn-container.width-small-center {
        width: 50%;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .dl_as_table.as_table.width-full-indent,
    .table.width-full-indent,
    .table-fn-container.width-full-indent {
        width: 100%;
    }

    .valign-middle {
        vertical-align: middle !important;
    }
}


/* default isg table settings */
.table,
.dl_as_table {
    background-color: var(--isg-light-grey);
    border-color: white;
    border-collapse: collapse;
    border-spacing: 0;
}
@media oxygen-chemistry {
    *[class ~= "topic/table"],
    .dl_as_table {
        -oxy-borders-conditionality: retain;
    }
}

table.bgc_white thead,
table.bgc_white tbody,
.dl_as_table.bgc_white .as_row {
    background-color: white;
}

@media screen {
    .bgc_white {
        background-color: transparent;
    }
}


.thead,
.dl_as_table .as_row.header {
    background-color: var(--isg-table-header-blue);
}

.tbody,
.dl_as_table .as_row {
    background-color: var(--isg-light-grey);
}

.thead .entry,
.dl_as_table .as_row.header .as_cell {
    padding: 1.5mm;
}
.row,
.dl_as_table .as_row {
    border-color: white;
}
.entry,
.dl_as_table .as_cell {
    border-color: white;
    margin: 0;
    padding: 1mm;
    -oxy-column-break-inside: avoid;
}
@media screen {
    .table .entry {
        vertical-align: top;
    }
}


/* The following overwritten default rules contain an error for the table and tgroup selector, since the 
 * tgroup never appears in the HTML layer.
 * Fixed by duplicating them and droping the tgroup element (first line of each block) */

/* overwrite default col and row separator rules (based on attributes available during PDF rendering */
*[class ~= "topic/table"][rowsep = '1'] > * > *[class ~= "topic/row"]:not([rowsep]):not(:last-child) > *[class ~= "topic/entry"]:not([rowsep]),
*[class ~= "topic/table"][rowsep = '1'] > *[class ~= "topic/tgroup"]:not([rowsep]) > * > *[class ~= "topic/row"]:not([rowsep]):not(:last-child) > *[class ~= "topic/entry"]:not([rowsep]),
*[class ~= "topic/tgroup"][rowsep = '1'] > * > *[class ~= "topic/row"]:not([rowsep]):not(:last-child) > *[class ~= "topic/entry"]:not([rowsep]),
*[class ~= "topic/row"][rowsep = '1']:not(:last-child) > *[class ~= "topic/entry"]:not([rowsep]),
*[class ~= "topic/row"]:not(:last-child) > *[class ~= "topic/entry"][rowsep = '1'] {
    border-bottom-width: var(--isg-table-cell-border-width) !important;
    border-bottom-color: inherit;
}

/* Add a line between the header and the table body, if there is a rowsep on the table or tgroup */
*[class ~= "topic/table"][rowsep = '1'] > *[class ~= "topic/thead"] > *[class ~= "topic/row"]:last-child > *[class ~= "topic/entry"],
*[class ~= "topic/table"][rowsep = '1'] > *[class ~= "topic/tgroup"] > *[class ~= "topic/thead"] > *[class ~= "topic/row"]:last-child > *[class ~= "topic/entry"],
*[class ~= "topic/tgroup"][rowsep = '1'] > *[class ~= "topic/thead"] > *[class ~= "topic/row"]:last-child > *[class ~= "topic/entry"] {
    border-bottom-width: var(--isg-table-cell-border-width) !important;
    border-bottom-color: inherit;
}

*[class ~= "topic/table"][colsep = '1'] > * > *[class ~= "topic/row"]:not([colsep]) > *[class ~= "topic/entry"]:not([colsep]):not(:last-child),
*[class ~= "topic/table"][colsep = '1'] > *[class ~= "topic/tgroup"]:not([colsep]) > * > *[class ~= "topic/row"]:not([colsep]) > *[class ~= "topic/entry"]:not([colsep]):not(:last-child),
*[class ~= "topic/tgroup"][colsep = '1'] > * > *[class ~= "topic/row"]:not([colsep]) > *[class ~= "topic/entry"]:not([colsep]):not(:last-child),
*[class ~= "topic/row"][colsep = '1'] > *[class ~= "topic/entry"]:not([colsep]):not(:last-child),
*[class ~= "topic/entry"][colsep = '1']:not(:last-child) {
    border-right-width: var(--isg-table-cell-border-width) !important;
    border-right-color: inherit;
}

/* Overwrite the default rowsep rules a second time with class selectors to match the html output specific class based rules as well
 * to replace the isg border definition */
.table.rowsep-1 > * > .row:not(.rowsep-1):not(:last-child) > .entry:not(.rowsep-1),
.table.rowsep-1 > .tgroup:not(.rowsep-1) > * > .row:not(.rowsep-1):not(:last-child) > .entry:not(.rowsep-1),
.tgroup.rowsep-1 > * > .row:not(.rowsep-1):not(:last-child) > .entry:not(.rowsep-1),
.row.rowsep-1:not(:last-child) > .entry:not(.rowsep-1),
.row:not(:last-child) > .entry.rowsep-1,
.dl_as_table.as_table.rowsep-1 > .as_row:not(:last-child) > .as_cell,
.dl_as_table.as_table > .as_row.rowsep-1:not(:last-child) > .as_cell,
.dl_as_table.as_table > .as_row:not(:last-child) > .as_cell.rowsep-1 {
    border-bottom-width: var(--isg-table-cell-border-width) !important;
    border-bottom-color: inherit;
}

/* Add a line between the header and the table body, if there is a rowsep on the table or tgroup */
.table.rowsep-1 > .thead > .row:last-child > .entry,
.table.rowsep-1 > .tgroup > .thead > .row:last-child > .entry,
.tgroup.rowsep-1 > .thead > .row:last-child > .entry,
.dl_as_table.as_table.rowsep-1 > .as_row.header > .as_cell {
    border-bottom-width: var(--isg-table-cell-border-width) !important;
    border-bottom-color: inherit;
}

.table.colsep-1 > * > .row:not(.colsep-1) > .entry:not([colsep]):not(:last-child),
.table.colsep-1 > .tgroup:not(.colsep-1) > * > .row:not(.colsep-1) > .entry:not([colsep]):not(:last-child),
.tgroup.colsep-1 > * > .row:not(.colsep-1) > .entry:not(.colsep-1):not(:last-child),
.row.colsep-1 > .entry:not(.colsep-1):not(:last-child),
.entry.colsep-1:not(:last-child),
.dl_as_table.as_table.colsep-1 > .as_row > .as_cell:not(:last-child),
.dl_as_table.as_table > .as_row.colsep-1 > .as_cell:not(:last-child),
.dl_as_table.as_table > .as_row > .as_cell.colsep-1:not(:last-child) {
    border-right-width: var(--isg-table-cell-border-width) !important;
    border-right-color: inherit;
}


/* table frame - overwrite default styles */
.table.frame-all,
.table.frame-topbot,
.dl_as_table.frame-all,
.dl_as_table.frame-all {
    border-bottom-width: var(--isg-table-border-width) !important;
    border-top-width: var(--isg-table-border-width) !important;
}

.table.frame-top,
.dl_as_table.frame-top,
.div.frame-top {
    border-top-width: var(--isg-table-border-width) !important;
}

.table.frame-all {
    border-left-width: var(--isg-table-border-width) !important;
    border-right-width: var(--isg-table-border-width) !important;
}


/* ISG specific show colsep in case defined on last column cell itself */
.entry.colsep-1:last-child,
.as_cell.colsep-1:last-child{
    border-right-width: var(--isg-table-cell-border-width) !important;
    border-right-style: solid;
}


/*Cell background colors*/
.row.bgc_ISG_Table_Header_Blue > .entry,
.entry.bgc_ISG_Table_Header_Blue,
.dl_as_table .as_row.bgc_ISG_Table_Header_Blue > .as_cell,
.dl_as_table .as_cell.bgc_ISG_Table_Header_Blue {
    background-color: var(--isg-table-header-blue);
}
.row.bgc_ISG_Table_Highlight_Blue > .entry,
.entry.bgc_ISG_Table_Highlight_Blue,
.dl_as_table .as_row.bgc_ISG_Table_Highlight_Blue > .as_cell,
.dl_as_table .as_cell.bgc_ISG_Table_Highlight_Blue {
    background-color: var(--isg-table-highlight-blue);
}
.row.bgc_ISG_Table_Highlight_Darker_Blue > .entry,
.entry.bgc_ISG_Table_Highlight_Darker_Blue,
.dl_as_table .as_row.bgc_ISG_Table_Highlight_Darker_Blue > .as_cell,
.dl_as_table .as_cell.bgc_ISG_Table_Highlight_Darker_Blue {
    background-color: var(--isg-table-highlight-darker-blue);
}

.row.bgc_ISG_Light_Gray > .entry,
.entry.bgc_ISG_Light_Gray,
.dl_as_table .as_row.bgc_ISG_Light_Gray > .as_cell,
.dl_as_table .as_cell.bgc_ISG_Light_Gray {
    background-color: var(--isg-light-grey);
}
.row.bgc_ISG_Medium_Gray > .entry,
.entry.bgc_ISG_Medium_Gray,
.dl_as_table .as_row.bgc_ISG_Medium_Gray > .as_cell,
.dl_as_table .as_cell.bgc_ISG_Medium_Gray {
    background-color: var(--isg-medium-grey);
}
.row.bgc_white > .entry,
.entry.bgc_white,
.dl_as_table .as_row.bgc_white > .as_cell,
.dl_as_table .as_cell.bgc_white {
    background-color: white;
}

/*Border colors*/
.table.bc_black,
.row.bc_black,
.row.bc_black > .entry,
.entry.bc_black,
.dl_as_table .as_row.bc_black,
.dl_as_table .as_row.bc_black > .as_cell,
.dl_as_table .as_cell.bc_black,
.div.bc_black {
    border-color: black !important; /* important to avoid the need to overwrite and default rule defining a border as black */
}
.table.bc_ISG_Table_Highlight_Blue,
.row.bc_ISG_Table_Highlight_Blue,
.row.bc_ISG_Table_Highlight_Blue > .entry,
.entry.bc_ISG_Table_Highlight_Blue,
.dl_as_table .as_row.bc_ISG_Table_Highlight_Blue,
.dl_as_table .as_row.bc_ISG_Table_Highlight_Blue > .as_cell,
.dl_as_table .as_cell.bc_ISG_Table_Highlight_Blue,
.div.bc_ISG_Table_Highlight_Blue {
    border-color: var(--isg-table-highlight-blue) !important; /* important to avoid the need to overwrite and default rule defining a border as black */
}

/* Table caption dummy to create (Continued) marker for repeated headers */
*[class ~= "topic/table"][outputclass ~= "continued"] > caption[outputclass ~= "continued"] {
    display: table-caption;
    -oxy-caption-repeat-on-next-pages: yes;
}
caption[outputclass ~= "continued"] {
    height: 0mm;
    margin-top: 3mm;
    margin-bottom: 1mm;
}
*[class ~= "topic/table"][outputclass ~= "continued"] > caption[outputclass ~= "continued"]:after {
    display: block;
    position: relative;
    right: 0pt;
    text-align: right;
    -oxy-show-only-when-caption-repeated-on-next-pages: yes;
    height: 3mm;
    margin-top: -3mm;
    font-size: 8pt;
    font-weight: 400;
    font-style: italic;
}


*[class ~= "topic/table"] caption[outputclass ~= "continued"] > *[class ~= 'tabledesc'] {
    height: 3mm;
    margin-top: -3mm;
}

/* deactivate the default continued label added to table caption titles */
*[class ~= "topic/table"] > *[class ~= "topic/title"][data-is-repeated]:after(2) {
    content: none;
}


/* specific table classes */

.table.layout_format_c .row {
    height: 25mm;
}
.table.layout_format_c .row .image {
    max-height: 24mm;
}


.row.territory {
    background-color: var(--isg-medium-grey);
    font-style: italic;
}


/* definition lists as tables (PDF only) */
@media print {
    .dl_as_table .cell-content:not(:last-child) {
        margin-bottom: 0.4em;
    }

    .dl_as_table .as_cell.width_50p {
        /*width: calc( 0mm + var(--example-available-width) / 2 );*/
        width: calc((1 / 2) * (0mm + var(--table-available-width) ) );
    }
    .dl_as_table .as_cell.width_33p {
        /*width: calc( 0mm + var(--example-available-width) / 3 );*/
        width: calc((1 / 3) * (0mm + var(--table-available-width) ) );
    }
    .dl_as_table .as_cell.width_25p {
        /*width: calc( 0mm + var(--example-available-width) / 4 );*/
        width: calc((1 / 4) * (0mm + var(--table-available-width) ) );
    }
    .dl_as_table .as_cell.width_16p {
        /*width: calc( 0mm + var(--example-available-width) / 6 );*/
        width: calc((1 / 6) * (0mm + var(--table-available-width) ) );
    }
    .dl_as_table .as_cell.width_5em {
        width: 5em; /* example with 8pt*5em ~ 53px ~ 14mm */
    }
    .dl_as_table .as_cell.width_7em {
        width: 7em; /* example with 8pt*7em ~ 75px ~ 19,7mm */
    }
    
}



/* --------------------------------------------------------- */
/* ISG-Table-Endnotes.css
 * 
 * This CSS contains: 
 * Styling of the footnotes below tables and example-footnotes
 * 
 * For more information regarding font-sizes etc. take a look at pdfFonts.css
 * Fir more information regarding spacing take a look at custom_styles.css
 * */

/* --------------------------------------------------------- */
/* Customize footnote calls, inside the table. */
.table-fn-call{
  line-height: none;
}

/* Customize the list containing all the table footnotes. */
.table-fn-list{
/*  border-top: 1pt solid black;*/
  list-style-type: none;
/*  counter-reset: table-footnote;*/
}

/* Customize xrefs pointing to footnotes with IDs. */
.table .xref[type = 'fn'] {
  color: unset;
  text-decoration: none;
}
.table .xref[type = 'fn']:after {
  content: none;
}

/* fn links - no color or text-decorations */
.d.fn .xref,
.fn-marker .xref,
.div.fn-marker .xref{
  color: unset;
  text-decoration: none;
  border: none;
}
.fn .xref:after,
.fn-marker .xref:after,
.div.fn-marker .xref:after {
  content: none;
}

/* adding updated color */

.fn-marker:has(>.xref.updated) {
  color: var(--isg-updated);
}

/* Style fn-marker in content 
 *  a) thin space via padding (just look like but no space that can be copied 
 *  b) css injected nbsp before the generated ph */
.fn-marker{
    padding-left: 0.25em; 
    font-style: normal;
}
.fn-marker .sup{
/* even it should be supported top and text-top are not properly aligned !!! */
/*    vertical-align: top; */
/*    font-size: 0.83em;*/

/* alternative styling for PDF via unset and move the fn marker up 
    vertical-align: baseline;
    font-size: 0.8em;
    position: relative;
    bottom: 0.3em;*/
}
@media screen{
    .fn-marker .xref .sup{
        color: var(--isg-link-blue);
        text-decoration: underline;
    }
}


/* Style fn-marker in fn definition */
.table-fn-container{
    position: relative;
    top: 0;
    margin-top: 2px;
}



.div.fn-marker{
    text-align: left;
    display: table-cell;
}


.div.fn-content{
    text-align: left;
    display: table-cell;
}

.table-fn .fn-marker{
    width: 30px;
}
.example-fn .fn-marker{
     width: 19px;
}
@media screen{
 .example-fn .fn-marker{
    width: 2.5em;
}
}

.table-fn ~ .table-fn .fn-marker,
.table-fn ~ .table-fn .fn-content{
    padding-top: 1px; 
}

.example-fn ~ .example-fn .fn-marker,
.example-fn ~ .example-fn .fn-content{
   padding-top: 7.5px !important;
}


.div.table-fn,
.div.example-fn{
    display: table-row;
}

/* ********************************************** */
/* example footnotes */
.example-fn-container:before {
  content: "";
  background: black;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  height: 0.5px;
  width: 95px;
  margin-top: 1px;
  margin-bottom: 2px;
}

.entry .div.example-fn-container{
    margin-bottom: 1em;
}

/* flex container structure to replace transparent tables used to align content */


:root {
    --isg-pdf-div-column-border-width: 0.25mm;
}


div.flex-container.frame-topbot,
div.block-row.frame-topbot{
    border-bottom-width: var(--isg-pdf-div-column-border-width);
    border-top-width: var(--isg-pdf-div-column-border-width);
    border-top-style: solid; 
    border-bottom-style: solid;
}

div.flex-container.frame-none div.block-row.frame-topbot{
    border: none;
}

@media oxygen-chemistry {
    div.flex-container {
        -oxy-borders-conditionality: retain;
    }
}



/* reserv same space like for the tables of class width-full-indent */
div.flex-container.width-full-center {
  width: calc(100%); 
  margin-left: 0mm;
  margin-right: 0mm;
}
/* reserv same space like for the tables of class width-full-indent */
div.flex-container.width-full-indent {
  width: calc(100% - 14mm); 
  margin-left: 14mm;
  margin-right: 0mm;
}



div.flex-container div.content-block {
    padding: 2mm;
    height: auto;
}

@media screen{
    div.flex-container div.content-block {
        padding: 0.468rem;
        height: auto;
    }
}



/* div classes .block-row, .three-columns and .two_columns existing only for the PDF rendering */

.block-row {
    width: 100%;
}



div.three-columns > *,
div.two-columns > * {
    display: inline-block;
    vertical-align: top;
}

/* oxygen creates first the content box and adds the padding inside, 
 * while browsers place the padding outside of the div.  */

@media oxygen-chemistry {
    div.three-columns > * { width: calc( 100% / 3 ); }
    div.two-columns > *   { width: calc( 50% ); }    
}

/* browser specific style to display the content as it will be printed during layout debugging. 
 * Since the HTML5 output will not contain these classes, they can be kept. */

@media not oxygen-chemistry {
    div.three-columns > * { width: calc( 100% / 3 - 4mm ); }
    div.two-columns > *   { width: calc( 50% - 4mm ); }    
}





/* flexbox-layout for HTML */

@media screen{

    div.flex-container.width-full-indent,
    div.flex-container.width-full-center {
        margin-left: 0;
     }
    div.flex-container.width-full-indent,
    div.flex-container.width-full-center  {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(33.3333%, 1fr));
    }
    
    div.flex-container.width-full-indent,
    div.flex-container.width-full-center {
        border-bottom: none;
    }

    div.flex-container.bc_black .content-block{
            border-bottom: 1px solid black;
            word-wrap: break-word;
            overflow-wrap: break-word;
    }

}

@media screen and (max-width: 654px){
    div.flex-container.width-full-indent,
    div.flex-container.width-full-center  {
        display: block;
    }
}
@media screen and (min-width: 654px) and (max-width: 844px){
    div.flex-container.width-full-indent,
    div.flex-container.width-full-center  {
        display: grid;
        max-width: 800px;
        grid-template-columns: 1fr 1fr;
    }
    
    div.flex-container.bc_black .content-block:last-child:nth-child(2n - 1){
        grid-column: span 2;
    }

}

/* flex-layout adaptations for the sitemap */


@media screen {
	
	div.sitemap.flex-container{
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
    }  

    div.sitemap.flex-container div.content-block{
		border: 1px solid var(--isg-light-blue);
		border-radius: 4px;
		padding:0.3em;
		background-color: var(--isg-light-blue);
		margin: 0.3rem;
		width:31%;
		word-wrap: break-word;
        overflow-wrap: break-word;
    }    
	
	div.sitemap.flex-container div.content-block div.block-title{
		height:2.6rem;
		font-size: var(--isg-text-s);
		font-weight:700;
		text-align:center;
		line-height:1.2;
/*		font*/
         /*   word-wrap: break-word;
            overflow-wrap: break-word;*/
    }    
 
	   div.sitemap.flex-container div.content-block div.block-text{
		font-size: var(--isg-text-s);
		margin-top:0.2rem;
		padding:0.3rem;
         /*   word-wrap: break-word;
            overflow-wrap: break-word;*/
    }     
}

@media screen and (max-width: 654px) {
  div.sitemap.flex-container {
		flex-direction: column;
  }
  
div.sitemap.flex-container div.content-block div.block-title{
		height:auto;
    }      
    div.sitemap.flex-container div.content-block{
            width:100%;
    }    
}















/* --------------------------------------------------------- */
/* ISG-Footnotes.css
 * 
 * This CSS contains: 
 * Styling of footnotes that are not below tables or inside examples
 * 
 * For more information regarding font-sizes etc. take a look at pdfFonts.css
 * For more information regarding spacing take a look at custom_styles.css
 * */

/* --------------------------------------------------------- */
/* testing area for footnotes in html*/
@media screen{
    div.fn{
        display: grid;
        grid-template-columns: 2em 1fr;
        color: black;
        position: relative;
        margin-top: 2em;
        width: 100%;
    }
    div.fn + div.fn{
        margin-top: 0.5em;
    }
    div.fn:before{
        content: "";
        height: 1px;
        width: 20rem;
        background-color: black;
        position: absolute;
        top: -1em;
    }
    div.fn + div.fn:before{
        display: none;
    }
    div.fn > p,
    div.fn > .ol,
    div.fn > .ul{
        display: block;
        grid-column: 2 / 3;
        margin-bottom: 0.4em;
    }


    div.fn > a{
        display: block;
        grid-column: 1 / 2;
        margin-right: 1em;
        font-size: var(--isg-text-xs);
    }
    
    sup{
/*      vertical-align: unset;    /\* unset not supported by Chemistry *\/ */
        vertical-align: baseline;
    }

        
     a.xref[data-type='fn'] > sup,
     div.fn > a > sup{
/*      vertical-align: unset;    /\* unset not supported by Chemistry *\/ */
        vertical-align: baseline;
        font-size: 0.75em;
        position: relative;
        bottom: 0.4em;
    }
    
    /* .xref > sup{
        padding-left: 0.2em;
    }*/
    .table .xref > sup,      /* TODO: check if needed ? */
    .table-fn .xref > sup,
    sup > sup{
        padding-left: 0;
    }

    a.xref[data-type='fn']:before,
    div.fn > a:before{
        content: "(";
        font-size: var(--isg-text-xs);
        color: black;
        text-decoration: none;
        padding-left: 0.2em;
    }
    a.xref[data-type='fn']:after,
    div.fn > a:after{
        content: ")";
        font-size: var(--isg-text-xs);
        color: black;
        text-decoration: none;
    }
    
    a.xref[data-type='fn']:before,
    a.xref[data-type='fn']:after{
        position: relative;
        bottom: 0.15em;
        font-size: var(--isg-text-s)
    }
    
    /*.entry a.xref > sup:before,
    .entry a.xref > sup:after,
    .table-fn a.xref > sup:before,
    .table-fn a.xref > sup:after{
        content: none;
    }*/
}
/* --------------------------------------------------------- */
/* Page Footnotes */
@page {
  @footnote {
    content: "\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0";
    text-decoration: line-through;
    font-weight:700;
    font-size: 10pt;
    color: black;
/*    background-color: black; */       /* not yet supported by Chemistry */
/*    border-top: 5px solid black; */ /* not yet supported by Chemistry */
  }
}


.fn:footnote-call,
.fn[callout]:footnote-call {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  /* redefine the superscript styles */
/*vertical-align: unset;    /\* unset not supported by Chemistry *\/ */
  vertical-align: baseline;
  font-size: 0.7em;  /* for fn-call depending on the context */
  position: relative;
  bottom: 0.3em;
  
  /* add small spacing between content and fn call */
  padding-left: 0.2em;
}
.fn:footnote-marker,
*[class ~= "topic/fn"][callout]:footnote-marker {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    
    /* redefine the superscript styles */
    vertical-align: top;
    font-size: 4.9pt;  /* 7pt * 0.7em */
    position: relative;
}

.fn:footnote-call,
.fn:footnote-marker {
    content: oxy_label(text, "(", styles, "vertical-align: baseline; font-size: 1.43em; font-weight: 300; position: relative; bottom: -0.21em;") 
           "" counter(footnote) ""
           oxy_label(text, ")", styles, "vertical-align: baseline; font-size: 1.43em; font-weight: 300; position: relative; bottom: -0.21em;");
}

.fn[callout]:footnote-call,
*[class ~= "topic/fn"][callout]:footnote-marker {
  font-family: 'IBM Plex Sans', sans-serif;
  content: oxy_label(text, "(", styles, "vertical-align: baseline; font-size: 1.43em; font-weight: 300; position: relative; bottom: -0.21em;") 
           "" attr(callout) ""
           oxy_label(text, ")", styles, "vertical-align: baseline; font-size: 1.43em; font-weight: 300; position: relative; bottom: -0.21em;");
}

.fn{
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    color: black;
    letter-spacing: 0.05rem;
    padding-bottom: 2px!important;
}

.fn .p{
    margin-top: 0;
}

@media screen{
    .fn{
        font-family: "Arial";
		letter-spacing: 0rem;
    }
}

/* reset footnote numbering */
.topic[is-chapter]{
    counter-reset: footnote 1;
}


/* --------------------------------------------------------- */
/* ISG-Images.css
 * 
 * This CSS contains: 
 * styling of images in the document.
 * 
 * For more information regarding font-sizes take a look at pdfFonts.css
 * For more information regarding spacing between elements take a look at ISG-Spacing.css
 * */

/* Remove borders from figure and align */
*[class~='topic/fig']{
    padding: 0;
    margin-top: 4mm;
    margin-bottom: 4mm;
    margin-left: auto;
    margin-right: auto;
}
*[class~='topic/img']{
    padding: 0;
}

@media screen{
    .fig{
        padding: 0;
        margin-top: 0.95rem;
        margin-bottom: 0.95rem;
        margin-left: auto;
        margin-right: auto;
        
        width: fit-content;
    }
    .img{
        padding: 0;
    }
}





.figborder {
    border: 1px solid black;
}
.figsides {
    border-left: 1px solid black;
    border-right: 1px solid black;
}
.figtopbot {
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}


/* remove default bottom margin of breaking images */
img.break {
    margin-bottom: 0;
}

/* deactivate the browser default float settings for left and right images marked as break 
 * this is to improve the view of the intermediate html debug layer in browsers. 
 * the HTML layout should define them in case needed. */
.imageleft.break,
.imageright.break {
    float: none;
}

/* since Oxygen does not support the @expanse flag for PDF */
/* move images in lists 50% of the left indentation to center them on the page (Annex A1) */
.li .image[align = 'center'] {
    /* HTML (not supported by Chemistry */
    /*transform: translate( calc(-36.5mm / 2), 0 );*/
    /* PDF - Chemistry */
    position: relative;
    left: calc(-36.5mm / 2);   
}
@media screen{
    .li .image.imagecenter {
    margin-left: auto;
    margin-right: auto;
}
}


/* set of rules for images added in content to be placed left next to its parent */
.p:has( .div.left-outside ) {
    position: relative;
    break-inside: avoid;
}
.div.left-outside{
    position: absolute;
    display: block;
    right: calc( 100% + 2mm );
}
.div.left-outside.align_euro_bottom { bottom: 59px; }
.div.left-outside.align_cent_bottom { bottom: 41px; }

@media screen{
    .div.left-outside {
        position: initial;
        display: block;
        margin-left: 0;
    }  /* overwrites rules for pdf and places the image as block above the following text-block */
}

.div.left-outside .fig {
    padding: 0;
    margin: 0;
}
.div.left-outside img {
    max-width: unset;  /* required in case the image is placed in a fig */
}


/* fix for Chemistry placing the figure container on new pages just below the first content block
 * that it on an empty page in the header */
@media oxygen-chemistry {
    .fig.pagebreak {
        padding-top: 5mm; 
    }
}


/* align images side by side */
div.side-by-side {
    margin-left: 14mm;
}
@media screen{
    div.side-by-side {
        margin-left: 0;
    }
}

div.side-by-side > * {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    max-width: 50%;
    margin-left: 0;
    margin-right: 0;
}

div.side-by-side > * img {
    max-width: unset;  /* required in case containing images within a fig */
}



/* experimantal new structure to replace table structures used to allign text next to an image.
 * 
 * for HTML the solution would require to inject the width received via the @base during the 
 * transformation as inline style, since most of the browsers don't support attr()
 * 
 * final decision pending and not furhter to be styled !! */


/* Image description text in italics */
div.image-with-description > div.image-description > p {
	font-style:italic;
    }
 
 
@media print{
    div.image-with-description {
        margin-left: 14mm;
        margin-bottom: 5mm;
        position: relative;
        width: attr(base length);
        font-size: 8pt;
    }
    div.image-with-description .fig {
        padding: 0;
        margin: 0;
    }
    div.image-with-description img {
        max-width: unset;  
        padding: 0;
        margin: 0;
    }
    
    div.image-with-description > p {
        position: absolute;
        left: calc( 100% + 5mm);
        width: calc( 210mm - 40mm - 100% - 20mm);
    }
    div.image-with-description > p.v_top {
        top: attr(base length);    
    }
    div.image-with-description > p.v_bottom {
        bottom: attr(base length);    
    }
    
    div.image-with-description > div.image-description {
        position: absolute;
        top: 0;
        left: calc( 100% + 5mm);
        width: calc( 210mm - 40mm - 100% - 20mm);
    }
    div.image-with-description > div.image-description > p {
    }

}


/* this is a work in progress solution for the images in 5.1.1. This way, the description can be placed next to the images, but it will not match the height of the texts inside the images. */
@media screen and (max-width: 654px){
    div.image-with-description {
        display: block;
        margin-left: 0;
        margin-bottom: 5mm;
        font-size: var(--isg-text-s);
    }
    div.image-with-description .fig {
        padding: 0;
        margin: 1rem 0 1rem 0;
    }
    div.image-with-description img {
        max-width: unset;  
        padding: 0;
        margin: 0;
    }
    div.image-with-description > p,
    div.image-with-description > div.image-description > p {
        display: block;
        width: max-content;
        height: max-content;
        left: 0;
    }
}

@media screen and (min-width: 654px){
    div.image-with-description {
        display: grid; 
        grid-template-columns: 1fr 2fr;
        grid-column-gap: 1em;
        margin-left: 0;
        margin-bottom: 5mm;
        font-size: var(--isg-text-s);
    }
    div.image-with-description .fig {
        padding: 0;
        margin: 0;   
        grid-row: 1 / 99999;
    }
    div.image-with-description img {
        max-width: unset;  
        padding: 0;
        margin: 0;
    }
    div.image-with-description > p ,
    div.image-with-description > div.image-description  {
        display: block;
        grid-column-start: 2;
        grid-column-end: 3; 
    }
}
/* --------------------------------------------------------- */
/* ISG-Spacing.css
 * 
 * Please note: this css is still a work in progress. In order to fit both HMTL and PDF output, we have marked everything that is specific for either HTML or PDF as such. 
 * This way, we can keep the rules inside of the current css for now without risking changes of the output. We might decide to change the structure of this file in the future.
 * 
/* --------------------------------------------------------- */
*{
    white-space: normal;
}
  
/* .example,
.example-indent{
    line-height: 1.2;
}*/

p{
    line-height: 1.3;              
}

/*  .xref,
.entry{
    line-height: 1.4 !important;
}*/

/* --------------------------------------------------------- */
/* page spacing - defines margin from left page-border */

.center{
    text-align: center !important;
}


/* this rule overwrites the default-styling from the elements in order to start from this*/
.p,
.ol,
.ul{
    margin: 0;
    padding: 0;
}


/*  
.title{
    margin-left: 0;
}

.title:not(.topictitle2):not(.topictitle1) .text{
    margin-left: 53px;
}*/

@media print{
.sectiontitle{
    margin-left: 14mm;
}
}

.topictitle2, .topictitle3, .level-3 .section > h5.sectiontitle:has(.num){
    margin-left: 0;
}

/* headlines in preamble: The headlines are not indented, while other headlines of the same level share the main contents indention */
.section h3.sectiontitle,
.level-1 h3.title.sectiontitle,
.level-1 h2.title.sectiontitle{
    margin-left: 0;
}


/* --------------------------------------------------------- */
/* lists */
.body .ol,
.body .ul
{
    margin-left: 31mm;
}
@media screen{
    .body .ul, .body .ol
    {
        margin-left: 0px;
    }
	.body .ol.wide
    {
        margin-left: 8px;
    }
}

.table .ul,
.table .ol{
    margin-left: 0mm;
}

/* Oxygen 26.1 calculates the marker position based on the ol/ul margin PLUS the li margin.
 * set it to 0mm and add the indent to the padding (ISG-Lists line 50 ) */
.li{
/*    margin-left: 4mm;*/ /* Oxygen 26.1 calculates the marker position based on the ol/ul margin PLUS the li margin */
    margin-left: 0mm;
}

@media screen{
    .li{
    margin-left: 1.2em;
    }

/* site map */
    div.sitemap ul.none .li{
    margin-left: 0;
    }

    div.sitemap ul.none ul .li{
    margin-left: 1.2em;
    }

}


/* example boxes styles */
.div.example{  
    margin-left: 36.5mm;
} 

@media screen{
    .div.example{  
    margin-left: 5rem;
    } 
}
@media screen and (max-width: 654px){
    .div.example{
       margin-left: 0;
  }
}

@media print{
    *[othertype='NB']:not(.seem_fn),
    article:not(.annex) .section > .div:not(*[class~="example"]) > *[class ~= "topic/p"],
    article:not(.annex) .section > .sectiondiv > .div:not(*[class~="example"]) > *[class ~= "topic/p"],
    article:not(.annex) .body > .div:not(*[class~="example"]) > *[class ~= "topic/p"],
    article:not(.annex) .body .section > .p,
    article:not(.annex) .body > .p,
    .body > .title,
    article:not(.annex) .sectiondiv > .p,
    .dl /* description-list in preamble */,
    .dd .ul
    .fn > .ul /* ul in footnotes */,
    .entry .p.example{
        margin-left: 14mm;
     }
}


@media screen{
    .fn > .ul /* ul in footnotes */,
    .entry .p.example{
        margin-left: 4em; /* to be tested */
    }
}


.note .li .example{
    margin-left: 12mm;
}
@media screen{
    .note .li .example{
    margin-left: 3.5em;
    }
}

.note .example{
    margin-left: 20mm;
}

@media screen{
    *[data-othertype='tip'],
    *[data-othertype='info'],
    *[data-othertype='news']{
        padding: 0;
        margin-left: var(--isg-note-icon-size);  
    }
}

*[othertype='tip'],
*[othertype='info'],
*[othertype='news']{
    padding: 0;
    margin-left: 14mm;
}


.li .note,

.topic[is-frontmatter] .title,

.dd,
.dt,/* entries in description lists */
.dd > .note{
    margin-left: 0;
}

/* as the ul list-elements do not have markers, they need a padding: 0 in order to align with the other list-elements */
.ul.none > .li{
    padding-left: 0;
}

/* lists in info-boxes, other lists and examples */
.note .ol, /* lists in notes */
.note .ul,
.example .ol, /* lists in examples */
.example .ul,
.li > .ul, /* lists in lists */
.li > .ol,
.fn .ul, /* lists in footnotes */
.fn .ol{
    margin-left: 0mm;
}


/* spacing footnotes */
.fn,
.fn > .p,
.div.fn-content .ul{
    margin-left: 0;
    padding: 0;
}

/* negative margin not needed since Oxygen 26.1 */
/*
@media print{
    .p > .fn > .p{
        margin-left: -4mm; /\* footnotes inside of paragraphs have an extra margin-left, that has to be removed with a negative margin. Setting the margin to 0 does not work here. *\/
    }
    .li .fn > .p{
        margin-left: 0;
    }
}
*/


/* --------------------------------------------------------- */
/* spacing between elements */

/* margin-top */
table,
.table .p,
.level_2 > .p:first-child,
.level_3 > .p:first-child,
.level_5 > .p:first-child,
.level_6 > .p:first-child,
.div.lg > .p:first-child,
.sectiondiv > .p:first-child,
.sectiondiv > .sectiondiv > p:first-child,
.div.level_9 > .p{
    margin-bottom: 0.5em;
}

*[othertype='info'] .li > p:not(.example)/* important for correct lists in info-boxes*/,
*[othertype='info'] .li,
*[othertype='tip'] .li,
*[othertype='news'] .li{
        margin-bottom: 0.5em !important;
}
@media screen{
    *[data-othertype='info'] .li > p:not(.example)/* important for correct lists in info-boxes*/,
    *[data-othertype='info'] .li,
    *[data-othertype='tip'] .li,
    *[data-othertype='news'] .li{
            margin-bottom: 0.5em !important;
    }
}


note[othertype='NB'] > .p,
.p, 
.li > .p,
.li,
.level_6 > .p:not(first-child),
.section > .ul > .li{
    margin-bottom: 7.5px;
}
.note[data-othertype='NB'] > .p{
    margin-bottom: 7.5px;
}
@media screen{
    .p{
        margin-bottom: 0.8em;
    }
    .note[othertype='NB'] > .p, 
    .li > .p,
    .li,
    .level_6 > .p:not(first-child),
    .section > .ul > .li{
        margin-bottom: 0.5em;
    }
    .note[data-othertype='NB'] > .p{
        margin-bottom: 0.5em;
    }
}



.div.example:last-child,
.li:last-of-type,
.li .li:last-of-type,
.table-fn-container{
    margin-bottom: 4.5mm ;
}
@media screen{
    .div.example:last-child,
    .li:last-of-type,
    .li .li:last-of-type,
    .table-fn-container{
        margin-bottom: 1rem;
    }
}

.note{
    margin-bottom: 5mm;
}
@media screen{
    .note{
        margin-bottom: 1.25rem;
    }
}

*[othertype='info'] .p.example:last-of-type /* more space after examples in notes */,
.entry > .level_9 .p,
.sectiontitle,
/*.tablecap,*/
.tabledesc,
h2,
h3,
h4,
h5{ 
    margin-bottom: 3.5mm;
}

.tablecap{ 
    margin-bottom: 2mm;
}

@media screen{
    .entry > .level_9 .p,
    .sectiontitle,
	.tabledesc,
    h2,
    h3,
    h4,
    h5{ 
        margin-bottom: 0.8rem;
    }

.tablecap{ 
    margin-bottom: 0.5rem;
}

}


.section,
.div.example .li:last-of-type,
.div.left > .p /* in references */,
.table .p:last-child,
.note[othertype='NB'] .ul :last-child{
    margin-bottom: 0;
}




/* margin-top */
.section,
.title.topictitle1,
.note .level_5:first-child > p:first-child,
table{
    margin-top: 0;
}

.li .ul,
.li .ol{
    margin-top: 2mm;
}

.example + .example-list,
.example-list + .example-list,
p.example + .ol{
    margin-top: 1.3mm;
}

@media screen{
    .example + .example-list,
    .example-list + .example-list,
    .note[data-othertype='NB'] .div.example:first-of-type{
        margin-top: 0.5rem;
    }
    
    .li .ul,
    .li .ol,
    p.example + .ol{
        margin-top: 0.5em;
    }
}

.li > .note[othertype='NB'] > .ul,
.li > .note[othertype='NB'] > .ol,
.li > .note[data-othertype='NB'] > .ul,
.li > .note[data-othertype='NB'] > .ol{
    margin-top: 0;
}

.div.level_10 > .p,
.level_5 > p:first-child,
.level_6 > p:first-child,
.level_2 > p:first-child,
.level_3 > p:first-child{
    margin-top: 1em;
}

.div.level_5.frame-top  {
    margin-top: 1em;
}

.p + .div.example,
.div.example + .p,
.example + .li,
.div.example:first-of-type,

.li > .note,
.sectiondiv > .sectiondiv > p:first-child,
.table-container{
    margin-top: 3.5mm;
} 
@media screen{
    .p + .div.example,
    .div.example:first-of-type,

    .li > .note,
    .sectiondiv > .sectiondiv > p:first-child,
    .table-container{
        margin-top: 0.8rem;
    } 
    
    .div.example + .p,
    .example + .li{
        margin-top: 1em;
    }
}


.note{
    margin-top: 5mm;
}
.tablecap{
    margin-top: 3mm;
}

@media screen{
    .note{
        margin-top: 1.25rem;
    }
	
    .tablecap
    {
        margin-top: 0.2rem;
    }
}

.title.topictitle2,
.title.topictitle3,
.title.topictitle4{
     margin-top: 1.5em;
}

.sectiondiv > .p:first-child,
.div.lg > p:first-child,
.sectiontitle{
    margin-top: 1em;
}




/* specific rules in combinations */

.section .note + .section > .sectiontitle,
.note + .section > .sectiontitle,
.sectiontitle + .table-container .continued{
    margin-top: 0 !important;
}



.note:last-of-type + .p,
h4 + div > .section > .sectiontitle,
.topictitle3 + .section{
    margin-top: 4mm;
}
@media screen{
    .note:last-of-type + .p,
    h4 + div > .section > .sectiontitle,
    .topictitle3 + .section{
        margin-top: 1rem;
    }
}

.table-fn-container + .table-container,
p + .table-container{
    margin-top: 6mm;
}
@media screen{
    .table-fn-container + .table-container,
    p + .table-container,
    .table-container + .p{
        margin-top: 1.2em;  /* is slightly bigger than margin between paragraphs because there is no line height that optically creates more space between lines */
    }
}


/*examples */
p.example_indent{
    margin-left: 4mm;
    margin-top: 2mm;
}
@media screen{
    p.example_indent{
        margin-left: 1.25em;
    }
}

.note[othertype='NB'] .example,
.note .div.example,/* keep */
.ol > .li .div.example,/* keep */
.ul > .li .div.example, /* keep with new structure */
.ol > .li .ph.example_fn, /* are there still any ph in code? */
.ul > .li .ph.example_fn,
.li .note[othertype='NB'] ~ .div.example /* examples after notabenes in lists */
{
   margin-left: 0mm;
}


@media screen{
    .note[data-othertype='NB'] .example,
    .li .note[data-othertype='NB'] ~ .div.example{
        margin-left: 0;
    }
}




/* **********spacing in Annexes************ */

.annex .note{
    margin-left: 53px;
}
@media screen{
    .annex .note[data-othertype='NB']{
        margin-left: 0;
    }
}

.annex .section > .div:not(*[class~="example"]) > .p,
.annex .section > .sectiondiv > .div:not(*[class~="example"]) > .p,
.annex .body > .div:not(*[class~="example"]) > .p,
.annex .body .section > .p,
.annex .body > .p,
.annex .sectiondiv > .p,
.annex .level_5 > .p:first-child,
.annex .title,
.annex .ul,
.annex .ol,
.annex .note[othertype='NB'],
.annex .multilingual .li{
    margin-left: 0 !important;
}

.annex .table .entry .p.example,
.table > .tbody .example-fn-container{
    margin-left: 14mm;
}
.annex .div.example{
    margin-left: 85px;
}
@media screen{
    .annex .table .entry .p.example,
    .table > .tbody .example-fn-container{
        margin-left: 4em;
    }
}
.annex .note[othertype='NB'] > .p,
.annex .note[data-othertype='NB'] > .p{
    padding: 0;
    margin-left: var(--isg-nb-space);     /* for all LV: to be controlled via variable received from i18n */
}
.note[data-othertype='NB'] > .ol,
.note[data-othertype='NB'] > .ul{
    margin-bottom: 0.5em;
    margin-left: var(--isg-nb-space) !important;
}


.annex .multilingual .li{
    padding-left: 0;
}

.annex .multilingual .p:first-child{
    margin-top: 6mm;
}
.annex .ul + .p{
    margin-top: 1em;
}
.annex .mdash .li:has(.xref:only-child), /* select list containing only links in annex A9 */
.annex .multilingual .li{
    margin-bottom: 0;
}
@media screen{
    .annex .multilingual .li{
        margin-bottom: 0.5em;
    }
}



/* navigation lists with short descriptions on parent pages */

nav.navigation, ul.ulinks{
    margin-left:0;
}

li.ulchildlink  {
	line-height: 1.3;
    list-style-type: none;
	background: var(--isg-light-blue);
	padding:0.2rem;
	margin-top:0.5rem;
	margin-bottom:0.5rem;
}

li.ulchildlink a {
    font-weight: 500;
    color: var(--isg-link-blue);
}

/* ---------------------
 *      Index 
 * --------------------- */


/* Index title layout */
*[class ~= "index/groups"]:before(2) {
    content: " ";
    display: block;
    position: absolute;
    top: 0.2mm;
    left: 0mm;
    background-color: var(--isg-dark-blue);
    height: 50px;
    width: 185mm;
    border-bottom-width: 5mm;
    border-bottom-style: solid;
    border-right-width: 5mm;
    border-right-style: solid;
    border-color: var(--isg-medium-blue); 
    margin: 0;
}

*[class ~= "index/groups"]:before {
    display: block;
    position: relative;
    left: -20mm;
    top: 0.2mm;
    height: 40px;
    width: 156mm;
    border-left-width: 20mm;
    border-left-style: solid;
    border-color: var(--isg-yellow);
    margin: 0 !important;
    padding-top: 10px;
    padding-left: 14mm;

    font-family: 'Noto Sans';
    font-weight: bold !important;
    font-size: 17pt !important;
    color: white;
}


/* deactivate default page counter reset */
*[class ~= "index/groups"] {
    counter-reset: none;
    columns: 1; /* default web columns (for PDF see page definition) */
}

/* Deactivates spaces between certain elements caused by index-anchors */
*[class ~= "topic/topic"] *[class ~= "index/entry"], 
*[class ~= "topic/topic"] *[class ~= "index/refid"], 
*[class ~= "topic/topic"] *[class ~= "index/formatted-value"] {
    height: 0;
    max-width: 0;
}


/* format inline entry and refid as block to ensure that they will be rendered as 
 * 0 height block in the PDF. as inline elements the renderer might create a default
 * text box with a minimum height resulting in an additional spacing in the PDF. */
*[class ~= "topic/topic"] *[class ~= "index/entry"], 
*[class ~= "topic/topic"] *[class ~= "index/refid"] {
    display: block;
    position: absolute;
}
/* while the entry and refid is required as anchor for the index links, 
 * the formatted-value can be dropped. */
.topic *[class ~= "index/formatted-value"] {
    display: none;
}


/* Index layout */

*[class ~= "index/group"]:first-child,
.groups .group:first-child {
    padding-top: 10mm;
}
*[class ~= "index/group"],
.groups .group {
    display: block;
    width: 100%;
}

*[class ~= "index/group"] *[class ~= "index/entry"],
.groups .group .entry {
    display: block;
    margin-left: 0;
    padding: 0;
}

*[class ~= "index/groups"] *[class ~= "index/group"] *[class ~= "index/label"],
.groups .group .label {
    background-color: var(--isg-medium-blue);
    color: white;
    padding-left: 2mm;
    margin-bottom: 2mm;
    margin-top: 5mm;
}

/* Hide link container for parent terms not having links themself */
*[class ~= "index/groups"] *[class ~= "index/group"] *[class ~= "index/entry"] *[class ~= "index/refid"],
.groups .group .entry .refid {
    display: none;
}
*[class ~= "index/groups"] *[class ~= "index/group"] *[class ~= "index/entry"] *[class ~= "index/formatted-value"],
*[class ~= "index/groups"] *[class ~= "index/group"] *[class ~= "index/entry"] *[class ~= "index/refid"]:has(*[class~="index/link"]),
.groups .group .entry .formatted-value,
.groups .group .entry .refid:has(.link) {
    display: inline;
    text-align: left;
}

*[class ~= "index/entry"] > *[class ~= "index/entry"],
.groups .group .entry > .entry {
    margin-left: 4mm;
}

/* spacing between term and following list of links */
*[class ~= "index/formatted-value"],
.groups .group .formatted-value {
    margin-right: 2mm;
}


/* Since the content injected via :before, :after can not undo text-decorations of the main block 
 * and only add additional, the following workaround is choosen: 
 * 1. to style the page link and the seperator independent from each other, the default injected 
 *    content is seperated
 * 2. the default layout is black without any text decoration, holding just the link seperator
 * 3. the links themself are injected as :before content with link color and underlined
 * The number of selectors is needed to deactive / overwrite existing default layout rules */

/* inject page link as :before with link styling */
*[class ~= "index/groups"] *[class ~= "index/link"]:before,
*[class ~= "index/groups"] *[class ~= "index/link"]:first-child:before,
.groups .link:before,
.groups .link:first-child:before {
    content: target-counter(attr(href), page);
    color: var(--isg-link-blue);
    text-decoration: underline;
}

/* inject link seperator with default style */
*[class ~= "index/groups"] *[class ~= "index/link"], 
*[class ~= "index/groups"] *[class ~= "index/link"]:last-child,
*[class ~= "index/groups"] *[class ~= "index/refid"] + *[class ~= "index/refid"] *[class ~= "index/link"]:first-child:before(2),
.groups .link, 
.groups .link:last-child,
.groups .refid + .refid .link:first-child:before(2)
{
    content: ", ";    
}

/* seperator for page range */
*[class ~= "index/groups"] *[start-range] *[class ~= "index/refid"]:not(*[value $= ":"]) > *[class ~= "index/link"],
.groups *[start-range] .refid:not(*[value $= ":"]) > .link {
    content: " - ";
}

/* avoid seperator following the last index link */
*[class ~= "index/groups"] *[class ~= "index/refid"] > *[class ~= "index/link"]:last-child,
*[class ~= "index/groups"] *[start-range] *[class ~= "index/refid"]:not(*[value $= ":"]) > *[class ~= "index/link"]:last-child, 
.groups .refid > .link:last-child,
.groups *[start-range] .refid:not(*[value $= ":"]) > .link:last-child 
{
    content: "";
}


/* Hyphenation of index terms */
*[class~="index/formatted-value"],
.group .formatted-value {
	hyphens:auto;
}

/* index specific page breaking rules */
.group .label {
    break-after: avoid;
}
.group .entry {
    break-inside: avoid;
}

@media print {
    /* style index group links  for PDF */
    .index-toc ul.indexGroupLinks:first-child {
        padding-top: 10mm;
    }
    ul.indexGroupLinks {
        list-style: none;
        display: block;
        justify-content: center;
        text-align: center;
        padding: 0;
        margin-top: 0.8em;
        margin-bottom: 0.8em;
        width: 100%;
    }
    ul.indexGroupLinks li {
       display: inline;
       line-height: 1.2em;
       vertical-align: middle;
       border-right: solid;
       border-color: #a9a9a9;
       border-width: 1px;
       padding-left: 2px;
       padding-right: 2px;
       margin: 0 !important;
    }
    ul.indexGroupLinks li:last-child {
        border-right: none;
    }
    ul.indexGroupLinks li a {
        margin: 0 0.2em;  
    }
}

@media screen {

    /* remove PDF injected title */
    div.groups:before {
        display: none;
        content: none !important;
    }
    div.group:first-child {
        padding-top: 0mm;
    }
    
    /* style index group links  */
    ul.indexGroupLinks {
        list-style: none;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0;
    }
    ul.indexGroupLinks li {
       font-size: 1.2em;
       line-height: 1.2em;
/*       max-width: 3em;*/
       padding-left: 0;
       vertical-align: middle;
       border-right: solid;
       border-color: #a9a9a9;
       border-width: 0.1em;
       margin: 0 !important;
       font-size: var(--isg-text-m);
    }
    ul.indexGroupLinks li:last-child {
        border-right: none;
    }
    
    ul.indexGroupLinks li a {
         margin: 0 0.3em;  
    }
    
    /* show seperator line before new sub group */
    div.group.add-group-separator{
        border-top-style: solid;
        border-top-color: var(--isg-light-blue);
        border-top-width: 0.2rem;
        margin-top: 5mm;
    }
    
    /* style index terms */
    div.group > div.label {
        font-size: 1.2em;
    }
    
    div.refid > div.link {
        display: inline; 
    }
  
    .indexterm,
    .indexterm .formatted-value {
        height: 0;
        max-width: 0;
    }
    .indexterm,
    .indexterm .formatted-value {
        display: block;
        position: absolute;
        background-color: transparent;
        color: transparent;
        font-size: 0px;
        border: 0;
        margin: 0;
        padding: 0;
    }
    .indexterm .formatted-value {
        display: none;
    }
}