/*<meta />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

/*OS MAIN STYLES*/
/*incorporating MadCap Flare MainStyles.css */
/*Variablen für die Produktfarben*/

:root
{
	--enaio: #009fe3;
	--yuuvisRAD: #e6007d;
	--yuuvisAPI: #009baf;
	--osmain: #003769;
	--primary-font: #404040;
	--primary-background: #fbfcfd;
	--secondary-font: #000000;
	--tertiary-font: #ffffff;
	--container-border: #f5f5f5;
	--container-background: #f9f9f9;
	--dropdown-border: #D3D3D3;
	--inline-note: #9F1D31;
	--inline-valid: #808080;
	--inline-key: #EAEAEA;
	--search-highlight: #ebc934;
	--footer: #46505A;
	--footer-font: #DADADA;
	--quote-border: #b3b3b3;
	--quote-background: #e1e1e1;
	--scrollbar-background: #fafafa;
	/* Print */
	--print-headline: #003769;
	--print-caption: #636a73;
}

/*Farben für Links im Fließtext*/
/*ersetzt durch CSS-Variablen und Style in OtherTopics.flmsp*/

@font-face 
{
	font-family: 'robotobold-os';
	src: url('../fonts/roboto-bold-os-webfont.woff2') format('woff2'), url('../fonts/roboto-bold-os-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face 
{
	font-family: 'robotoregular-os';
	src: url('../fonts/roboto-regular-os-webfont.woff2') format('woff2'), url('../fonts/roboto-regular-os-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

body
{
	color: var(--primary-font);
	font-family: robotoregular-os, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.9em;
	margin: 0;
	padding: 0;
}

#resultList .description
{
	font-family: robotoregular-os, Arial, sans-serif;
	font-size: 0.9em;
	line-height: 1.7;
	padding-top: 5px;
	width: 90%;
}

.featured-snippets-container
{
	width: 90%;
}

.featured-snippets-container .micro-response-title a
{
	text-decoration: none;
}

.featured-snippets-container .micro-response-title a:hover
{
	text-decoration: underline;
}

a:hover
{
	text-decoration: underline;
}

a:hover
{
	text-decoration: underline;
}

div.footer a:hover
{
	text-decoration: underline;
}

.featured-snippets-container .micro-response-title a:hover
{
	color: var(--enaio);
}

.featured-snippets-container .micro-response-url cite
{
	color: var(--primary-font);
	font-size: 0.8em;
	font-style: normal;
}

div.url
{
	padding-top: 5px;
}

ul.sidenav li a
{
	font-family: robotoregular-os, Arial, sans-serif;
}

/* Type scale ratio 1.125 */

h1,
h2,
h3,
h4,
h5
{
	padding: 0;
	font-weight: normal;
}

h1
{
	font-size: 1.802em;
	font-family: 'robotobold-os';
	margin-bottom: 8px;
	padding-bottom: 10px;
	line-height: 1.2;
	text-align: left;
	margin-top: 30px;
}

h2
{
	font-size: 1.602em;
	margin-bottom: 16px;
	margin-top: 40px;
}

h3
{
	font-size: 1.424em;
	margin-bottom: 4px;
	margin-top: 30px;
}

h4
{
	font-size: 1.266em;
	margin-bottom: 4px;
	margin-top: 20px;
}

/* zum rechtsbündig Formattieren */

.right
{
	text-align: right;
}

/* Format für Stichpunkte aus Word-Importen */

p.e_marginleft
{
	margin-left: 24px;
}

a
{
	text-decoration: none;
}

p
{
	margin-bottom: 12px;
	margin-top: 12px;
}

img
{
	border: none;
}

/*Content Positioning*/

div.topic-container
{
	width: 80%;
	/* margin: 0 auto; */
}

.body-container
{
	flex: 1 1;
	padding-top: 1.5em;
	padding-left: 1.5em;
	padding-right: 1em;
	overflow: auto;
	background-color: var(--primary-background);
}

/*List Styles*/

ul,
ol
{
	margin-left: -20px;
}

ul
{
	list-style-image: url('../Images/layout/Bullet1.png');
}

ul ul,
ol ul
{
	list-style-image: url('../Images/layout/Bullet2.png');
	margin-left: -24px;
}

ol ul
{
	list-style-image: url('../Images/layout/Bullet2_dark.png');
}

ol ol
{
	list-style-type: lower-alpha;
	margin-left: -24px;
}

li
{
	margin-bottom: 6px;
	margin-top: 6px;
	orphans: 2;
	widows: 2;
}

/* Verhindert das Vererben des Bullets an die ol */

ul ol li
{
	list-style-image: none;
}

ul.e_treelist
{
	list-style-image: url('../Images/layout/Bullet_Treelist.png');
	margin-top: 0;
	margin-bottom: 0;
}

/*Table Styles*/

td
{
	margin: 8px;
	vertical-align: top;
}

th
{
	margin-bottom: 8px;
	margin-top: 8px;
	font-weight: bold;
	color: var(--primary-font);
}

/* Override des Tabellenstylesheets für Overlay */

#overlay .TableStyle-e_alternate-rows-HeadE-Column1-Header1,
#overlay .TableStyle-e_alternate-rows-HeadD-Column1-Header1
{
	background-color: var(--primary-background);
	/* padding-top: 0px; */
	color: var(--primary-font);
}

#overlay .TableStyle-e_alternate-rows-HeadD-Column1-Header1 p
{
	color: var(--primary-font);
}

#search1 .TableStyle-e_alternate-rows-HeadE-Column1-Header1,
#search1 .TableStyle-e_alternate-rows-HeadD-Column1-Header1
{
	background-color: #fafafa;
	/* padding-top: 0px; */
	color: var(--primary-font);
}

/*Link Styles*/

a,
a:link,
a:focus,
a:visited
{
	text-decoration: none;
	font-weight: normal;
}

/* Override für die Einfärbung der Dropdownheader */
/* alle möglichen hovers */

a.MCBreadcrumbsLink:hover,
MadCap|dropDownHotspot:hover,
.dropDownHotspot:hover,
.MCDropDownHotSpot:hover,
MadCap|xref:hover,
.xref:hover,
MadCap|xref.e_cross-reference:hover,
MadCap|popup:hover,
div.relatedTopics ul a:hover
{
	text-decoration: underline;
}

MadCap|relatedTopics:hover
{
	color: var(--primary-font);
}

/* MadCap SideMenu  Lists*/

ul.sidenav li a
{
	border-bottom: solid 0.5px #d0d3d5;
	/* override of Sidenav skin. Decimal is not interpreted correctly */
	padding-left: 1.5rem;
	/* Padding für das Expander-Icon auf der linken Seite */
}

/* Verschieben der Expander-Icons nach links */

.is-accordion-submenu-parent > a span.submenu-toggle-container
{
	position: absolute;
	/* right: 0; */
	top: 0;
	height: 100%;
	width: 2em;
	left: 0;
	padding-left: 5px;
}

ul.sidenav li a[href='javascript:void(0);'] span.submenu-toggle
{
	transform: rotate(270deg);
	/* Rotieren des Expander-Icons vor nicht verlinkten Menüitems */
}

.submenu-toggle-container[aria-expanded='false'] > span.submenu-toggle,
.is-accordion-submenu-parent > a[aria-expanded='false'] > .submenu-toggle-container > span.submenu-toggle
{
	transform: rotate(270deg);
	/*Rotieren des geschlossenen Icons nach rechts  */
}

.submenu-toggle-container[aria-expanded='true'] > span.submenu-toggle
{
	transform: rotate(0deg);
	/*Rotieren des geöffneten Icons nach unten */
}

/* Wird nicht mehr benötigt wegen der neuen Klassen oben drüber */

/* ul.sidenav li.is-accordion-submenu-parent > a span.submenu-toggle {
    border-top-color: #009fe3; 
    transform: rotate(270deg);
} */

ul.menu._Skins_SideMenu.mc-component
{
	color: var(--secondary-font);
	background-color: var(--inline-key);
}

ul.menu._Skins_SideMenu.mc-component li > a
{
	color: var(--primary-font);
}

/*MadCap HTML5_Component_Menu Proxy Lists */

ul.menu._Skins_HTML5_Component___Menu.mc-component
{
	line-height: 1.7em;
	width: 100%;
	padding-left: 4px;
	margin-bottom: 32px;
}

ul.menu._Skins_HTML5_Component___Menu.mc-component li
{
	background-color: var(--primary-background);
	/*padding: 1px 4px;*/
	margin: 2px 0px 0px -4px;
}

ul.menu._Skins_HTML5_Component___Menu.mc-component li a.selected,
ul.menu._Skins_HTML5_Component___Menu.mc-component li a.selected:hover
{
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 8px;
	padding-bottom: 10px;
	background-color: var(--primary-background);
}

/*ul.menu._Skins_HTML5_Component___Menu.mc-component li li, ul.menu._Skins_HTML5_Component___Menu.mc-component li li a
{
	background-color: var(--inline-key);

}


ul.menu._Skins_HTML5_Component___Menu.mc-component li li li, ul.menu._Skins_HTML5_Component___Menu.mc-component li li li a
{
	background-color: var(--container-border);

}*/

ul.menu._Skins_HTML5_Component___Menu.mc-component .sub-menu
{
	background-color: var(--container-border);
	margin-left: 0;
	margin-right: -4px;
}

ul.menu._Skins_HTML5_Component___Menu.mc-component .sub-menu li
{
	background-color: var(--container-border);
	padding: 1px 4px;
	border-top: 2px solid var(--primary-background);
	/*padding-left: 120px;*/
	margin-bottom: -2px;
}

ul.menu._Skins_HTML5_Component___Menu.mc-component .sub-menu li.has-children
{
	background-color: var(--inline-key);
}

ul.menu._Skins_HTML5_Component___Menu.mc-component li > a
{
	margin: -1px -4px;
	padding: 1px 6px;
}

/* MadCap Cross-Reference */
/* Farben verlegt in CSS-Variablen und Style in der OtherTopics.flmsp*/

MadCap|xref,
.xref
{
	font-weight: normal !important;
	text-decoration: none;
	mc-format: '{para}';
}

/* MadCap Dropdown Styles */
/* Carets */

.MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage
{
	background-position: left;
	background-image: url('../Images/layout/down-arrows.png');
	padding-left: 3px;
	padding-right: 0;
}

.MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage
{
	background-position: left;
	background-image: url('../Images/layout/right-arrows.png');
	padding-left: 3px;
	padding-right: 0;
}

/* Chevrons */

/* .MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage {
    background-position: left;
    background-image: url('../Images/layout/Arrow-Down-DarkGray-Large7x12.png');
    padding-left: 3px;
    padding-right: 0;
}

.MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage {
    background-position: left;
    background-image: url('../Images/layout/Arrow-Right-Gray-Large7x12.png');
    padding-left: 3px;
    padding-right: 0;
} */

/*
MadCap|dropDown
{
	margin-bottom: 6px;
	margin-top: 6px;
	mc-closed-image: url('../Images/layout/DropDownClosed.png');
	mc-open-image: url('../Images/layout/DropDownOpen.png');
}

MadCap|dropDown.SecondLevel,
MadCap|dropDown MadCap|dropDown
{
	margin-left: 10px;
	mc-closed-image: url('../Images/layout/DropDownClosedSecondLevel.png');
	mc-open-image: url('../Images/layout/DropDownOpenSecondLevel.png');
}

MadCap|dropDown.SecondLevel,
MadCap|dropDown MadCap|dropDown
{
	margin-left: 10px;
	mc-closed-image: url('../Images/layout/DropDownClosedSecondLevel.png');
	mc-open-image: url('../Images/layout/DropDownOpenSecondLevel.png');
}*/

MadCap|dropDownHotspot,
.dropDownHotspot,
.dropDownHotspot:link
{
	color: var(--primary-font);
	font-size: 1em !important;
	font-family: 'robotobold-os';
}

MadCap|dropDownBody,
.dropDownBody
{
	border-bottom: 0 none;
	padding-bottom: 8px;
	padding-left: 3px;
}

.MCDropDown_Open
{
	border-bottom: solid 1px #AFB0AF !important;
	/*mittelgrau wie dropdown-Icons*/
	padding-bottom: 0px;
}

.MCDropDown_Open .MCDropDown_Open
{
	border-bottom: solid 1px var(--dropdown-border);
	/*hellgrau wie Tabellen-Borders*/
	padding-bottom: 0px;
}

MadCap|dropDownBody.Final
{
	border-bottom: 0;
}

/* Headline in Dropdown-Titel */

.MCDropDownHotSpot .DropDown_h2,
.dropDownHotspot .DropDown_h2,
.dropDownHotspot:link .DropDown_h2
{
	color: var(--primary-font);
	font-size: 1.4em !important;
	font-weight: normal;
}

.MCDropDownHotSpot .DropDown_h3,
.dropDownHotspot .DropDown_h3,
.dropDownHotspot:link .DropDown_h3
{
	color: var(--primary-font);
	font-size: 1.3em !important;
	font-weight: normal;
}

.MCDropDownHotSpot .DropDown_h4,
.dropDownHotspot .DropDown_h4,
.dropDownHotspot:link .DropDown_h4
{
	color: var(--primary-font);
	font-size: 1.2em !important;
	font-weight: normal;
}

/* Abstände von einem Dropdownhead zum nächsten bei mehreren geschlossenen untereinander */

.dropDownHead
{
	margin-top: 6px;
	margin-bottom: 6px;
}

/* MadCap Dropdown-Text List-Styles */

li MadCap|dropDown
{
	mc-closed-image: url('../Images/layout/DropDownClosedSecondLevel.png');
	mc-open-image: url('../Images/layout/DropDownOpenSecondLevel.png');
	list-style-type: decimal;
}

.dropDown ol,
ol .dropDown ol,
ul .dropDown ol
{
	list-style-type: decimal;
}

/*.dropDown ol ol,
ol .dropDown ol ol,
ul .dropDown ol ol
{
	list-style-type: lower-alpha;
}*/

/* hinzugefügt 200710*/

.dropDown ol .dropDown div.e_procedure ol
{
	list-style-type: lower-alpha;
}

/* MadCap RelatedTopics --> werden nicht mehr benutzt Okt/19*/

MadCap|relatedTopics
{
	/*color: var(--primary-font);*/
	/*dunkelgrau*/
	clear: both;
	font-family: 'robotobold-os';
	mc-help-control-display: list;
	margin-bottom: 8px;
	margin-top: 24px;
	border-top: 1px solid var(--enaio);
	/*Trennlinie zwischen RelTopics und Inhalt*/
	/*dunkelblau*/
	padding-top: 8px;
}

MadCap|relatedTopics.enaio
{
	color: var(--enaio);
}

div.relatedTopics ul
{
	font-weight: normal;
	line-height: normal;
	margin-left: -20px;
}

div.relatedTopics ul a
{
	text-decoration: none;
}

/* MadCap Breadcrumb-Navigation*/
/* MadCap|breadcrumbsProxy */

div.MCBreadcrumbsBox_0
{
	font-size: .95em;
	font-style: normal;
	/* letter-spacing: -1%;
	word-spacing: -1px; */
	line-height: 1.4em;
	border-bottom: none;
	/*color: e6007d;*/
}

a.MCBreadcrumbsLink,
a.MCBreadcrumbsLink:link,
a.MCBreadcrumbsLink:focus,
a.MCBreadcrumbsLink:visited
{
	font-style: normal;
	text-decoration: underline;
	color: var(--primary-font);
}

/*Glossar-Proxy*/

ul.MCGlossaryProxy_0
{
	border: 0 none;
	list-style: none;
}

a.GlossaryPageLink,
a.GlossaryPageLink:link,
a.GlossaryPageLink:visited,
a.GlossaryPageLink:hover,
a.GlossaryPageLink:focus
{
	font-weight: bold;
}

/*MadCap Popups für Zusatzinfo- und Glossar-Tooltips*/

a.MCTextPopup_Open.MCTextPopupHotSpot_.MCTextPopupHotSpot_Popup,
a.MCTextPopup_Open.MCTextPopupHotSpot_.MCTextPopupHotSpot_Popup:link,
a.MCTextPopup_Open.MCTextPopupHotSpot_.MCTextPopupHotSpot_Popup:focus,
a.MCTextPopup_Open.MCTextPopupHotSpot_.MCTextPopupHotSpot_Popup:visited,
a.MCTextPopup_Closed.MCTextPopupHotSpot_.MCTextPopupHotSpot_Popup,
a.MCTextPopup_Closed.MCTextPopupHotSpot_.MCTextPopupHotSpot_Popup:link,
a.MCTextPopup_Closed.MCTextPopupHotSpot_.MCTextPopupHotSpot_Popup:focus,
a.MCTextPopup_Closed.MCTextPopupHotSpot_.MCTextPopupHotSpot_Popup:visited,
a.glossaryTerm,
a.glossaryTerm:link,
a.glossaryTerm:focus,
a.glossaryTerm:visited,
a.popup,
a.popup:link,
a.popup:focus,
a.popup:visited
{
	color: var(--primary-font);
	text-decoration: none;
	font-weight: inherit;
}

/*wenn Glossar-popup in GUI-Element gerät*/

span.e_gui a.MCTextPopup_Open.MCTextPopupHotSpot_.MCTextPopupHotSpot_Popup,
span.e_gui a.MCTextPopup_Open.MCTextPopupHotSpot_.MCTextPopupHotSpot_Popup:link,
span.e_gui a.MCTextPopup_Open.MCTextPopupHotSpot_.MCTextPopupHotSpot_Popup:focus,
span.e_gui a.MCTextPopup_Open.MCTextPopupHotSpot_.MCTextPopupHotSpot_Popup:visited,
span.e_gui a.MCTextPopup_Closed.MCTextPopupHotSpot_.MCTextPopupHotSpot_Popup,
span.e_gui a.MCTextPopup_Closed.MCTextPopupHotSpot_.MCTextPopupHotSpot_Popup:link,
span.e_gui a.MCTextPopup_Closed.MCTextPopupHotSpot_.MCTextPopupHotSpot_Popup:focus,
span.e_gui a.MCTextPopup_Closed.MCTextPopupHotSpot_.MCTextPopupHotSpot_Popup:visited,
span.e_gui a.glossaryTerm,
span.e_gui a.glossaryTerm:link,
span.e_gui a.glossaryTerm:focus,
span.e_gui a.glossaryTerm:visited,
span.e_gui a.popup,
span.e_gui a.popup:link,
span.e_gui a.popup:focus,
span.e_gui a.popup:visited
{
	color: var(--primary-font);
	font-family: 'robotobold-os';
}

a.MCTextPopup_Open.MCTextPopupHotSpot_.MCTextPopupHotSpot_Popup:hover,
a.MCTextPopup_Closed.MCTextPopupHotSpot_.MCTextPopupHotSpot_Popup:hover,
a.glossaryTerm:hover,
a.popup:hover
{
	color: var(--primary-font);
	text-decoration: underline;
}

/*Popups - überschreibt Link-Icon in Topic.css*/

a.MCTextPopup_Open.MCTextPopupHotSpot_.MCTextPopupHotSpot_Popup
{
	/*background-position: right;
	background-image: url('ExpandingOpen.gif');
	padding-right: 17px;
	padding-left: 0;*/
	background: none;
	padding: 0;
}

a.MCTextPopup_Closed.MCTextPopupHotSpot_.MCTextPopupHotSpot_Popup
{
	/*background-position: right;
	background-image: url('ExpandingClosed.gif');
	padding-right: 16px;
	padding-left: 0;*/
	background: none;
	padding: 0;
}

a.MCTextPopup_Open.MCTextPopupHotSpot_.MCTextPopupHotSpot_Popup::after,
a.MCTextPopup_Closed.MCTextPopupHotSpot_.MCTextPopupHotSpot_Popup::after,
a.popup::after
{
	/*content: '❱';*/
	content: '\2071';
	opacity: 0.6;
}

.MCTextPopupBody
{
	width: 320px;
}

/* Code-Snippet-Anpassungen */

.codeSnippetCopyButton
{
	font-family: Calibri;
	padding-right: 0;
}

.codeSnippet
{
	padding-top: 0;
	padding-bottom: 0;
}

/*#######################################*/
/*ENAIO CUSTOM STYLES*/
/*#######################################*/
/* Unterzeile "gültig für"*/

div.e_valid
{
	font-size: 0.9em;
	margin-bottom: 30px;
	/* background: var(--enaio);
	border-radius: 3px; */
	width: fit-content;
	padding-right: 5px;
	/* padding-left: 5px; */
	/*mittelgrau*/
}

.e_valid .mc-variable
{
	padding: 5px;
	border-radius: 3px;
}

/*Box-Container mit Hintergrundfarbe*/

div.e_example,
div.e_note,
div.e_warning,
div.e_requirement,
div.e_tablet,
div.e_desktop
{
	background-color: var(--primary-background);
	background-repeat: no-repeat;
	border-left: solid 3px;
	border-radius: 0px;
	margin-bottom: 24px;
	padding: 6px 12px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	font-weight: normal;
	display: flex;
	flex-direction: column;
}

/*clearfix: bewirkt, dass die Boxen bei floating images bis um das Bild herumreichen ohne extra clearfloat */

div.e_example::after,
div.e_note::after,
div.e_warning::after,
div.e_requirement::after,
div.e_tablet::after,
div.e_desktop::after
{
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0px;
}

div.e_example h2,
div.e_note h2,
div.e_example p
{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

div.e_example h2,
div.e_note h2
{
	margin-top: -4px !important;
	margin-bottom: 0 !important;
}

/*Symbole für Hinweis-/Warn-Container*/

div.e_warning
{
	background-image: url('../Images/layout/error-solid/error-solid.svg');
	background-repeat: no-repeat;
	background-size: 28px 28px;
	background-position: 8px 8px;
	padding-left: 40px;
}

div.e_note
{
	background-image: url('../Images/layout/info-solid/info-solid.svg');
	background-repeat: no-repeat;
	background-size: 28px 28px;
	background-position: 8px 8px;
	padding-left: 40px;
}

div.e_tablet
{
	background-image: url('../Images/layout/OS-Layout/tablet.svg');
	background-repeat: no-repeat;
	background-size: 28px 28px;
	background-position: 8px 14px;
	padding-left: 40px;
}

div.e_desktop
{
	background-image: url('../Images/layout/OS-Layout/desktop.svg');
	background-repeat: no-repeat;
	background-size: 28px 28px;
	background-position: 10px 15px;
	padding-left: 45px;
}

/*Warnung/Handlungsvoraussetzung/Beispiel erstes Wort */

div.e_warning,
div.e_requirement,
div.e_example,
div.e_tablet,
div.e_desktop
{
	margin-bottom: 8px;
	margin-top: 8px;
}

/*Überschriften in Containern */

div.e_example h2,
div.e_procedure h2,
div.e_requirement h2,
h2.e_subheading
{
	margin-bottom: 8px;
	margin-top: 8px;
	font-size: 1em;
	font-family: 'robotobold-os';
}

/*Absätze in Handlungsvoraussetzungen */

div.e_requirement p,
div.e_requirement li,
div.e_requirement ul,
div.e_requirement ol
{
	margin-top: 0;
	margin-bottom: 0;
}

ul div.e_procedure ol li
{
	list-style-type: decimal;
}

ul div.e_procedure ol ol li
{
	list-style-type: lower-alpha;
}

/*Abstände und Unicode-Pfeil-Symbole für Handlungsergebnisse */

div.e_procedure p.e_result,
div.e_procedure li p.e_result,
div.e_procedure li .dropDown p.e_result
{
	margin-bottom: 24px;
	margin-top: 8px;
	margin-left: 20px;
	position: relative;
	/*nötig für absolut positionierten ::before Pfeil*/
	/* z-index: -1; */
	/*bewirkt, dass dass Seitenmenü nicht überlagert wird*/
	/*z-index: -1 deaktiviert, weil result-Texte in div.boxen nicht mehr sichtbar waren*/
}

div.e_procedure li p.e_result,
div.e_procedure li .dropDown p.e_result
{
	margin-bottom: 8px;
	margin-left: 20px;
	margin-right: 20px;
}

/* Endergebnis */

div.e_procedure p.e_result::before,
div.e_procedure li p.e_result::before,
div.e_procedure li .dropDown p.e_result::before
{
	content: "\2BA1";
	font-weight: 600;
	position: absolute;
	left: -20px;
	font-size: 1.3em;
	min-width: 30px;
}

/* Zwischenergebnis */

div.e_procedure li p.e_result::before,
div.e_procedure li .dropDown p.e_result::before
{
	content: "\2BA1";
	font-weight: 600;
	color: var(--print-caption);
	font-size: 1.3em;
	min-width: 30px;
}

/* Einrücken der List items in ol, da ab 10 die Zahl abgeschnitten ist im Dropdown */

div.e_procedure .dropDown ol li
{
	margin-left: 5px;
}

p.e_result + p.e_result
{
	margin-top: -24px;
}

/*Einrückungen für Handlungs-Zwischenergebnisse
--> hier wird eine Einrückung von 0 definiert, also gar keine, deswegen auskommentiert (200722)


div.e_procedure li p.e_result
{
	margin: inherit;
	left: 0px;
	
}*/

/* ####### Fix für die Verwendung des Ergebnispfeils außerhalb von e_procedure, gefüllter und outline-Pfeil ####### */

p.e_result_filled,
li p.e_result_filled,
li .dropDown p.e_result_filled,
p.e_result_outline,
li p.e_result_outline,
li .dropDown p.e_result_outline
{
	margin-bottom: 24px;
	margin-top: 8px;
	margin-left: 20px;
	position: relative;
}

li p.e_result,
li .dropDown p.e_result
{
	margin-bottom: 24px;
	margin-left: 20px;
	margin-right: 20px;
}

/* Endergebnis */

p.e_result_filled::before,
li p.e_result_filled::before,
li .dropDown p.e_result_filled::before
{
	content: "\2BA1";
	font-weight: 600;
	position: absolute;
	left: -20px;
	font-size: 1.3em;
	min-width: 30px;
}

/* Zwischenergebnis */

p.e_result_outline::before,
li p.e_result_outline::before,
li .dropDown p.e_result_outline::before
{
	content: "\2BA1";
	font-weight: 600;
	color: var(--print-caption);
	padding-right: 10px;
	font-size: 1.3em;
	min-width: 30px;
}

/* ############################################################## */
/*Einleitungszeile für Listen, Tabellen, Code, etc. */

p.e_intro,
div.e_procedure h2
{
	font-family: 'robotobold-os';
	margin-top: 24px;
}

td p.e_intro
{
	font-family: 'robotobold-os';
	margin-top: 0 !important;
}

/*Inline-Styles */

span.e_file	/*für Dateinamen und Pfade*/
{
	font-family: monospace;
}

span.e_type	/*für Dateitypen*/
{
	font-style: italic;
}

span.e_term,
span.e_sysrole,
span.e_sysright,
span.e_parameter
/*für Suchbegriffe o. ä.*/
/*für Systemrollen (wichtig für Übersetzung) */
/*für Funktions-/Objekttyprechte (wichtig für Übersetzung) */
/*für Parameter, Eigenschaften u. ä. (wichtig für Übersetzung) */
{
	font-style: italic;
}

span.e_term::after,
span.e_term::before,
span.e_sysrole::after,
span.e_sysrole::before,
span.e_sysright::after,
span.e_sysright::before,
span.e_parameter::after,
span.e_parameter::before
{
	content: "'";
}

/*Für Funktionsrechte als Überschriften in Referenzen (Tabellen, Listen).*/

p.e_sysright
{
	font-family: 'robotobold-os';
}

span.e_gui	/*für Oberflächenelemente */
{
	color: var(--primary-font);
	font-family: 'robotobold-os';
}

span.e_key	/*für Tastatur-Tasten*/
{
	background-color: var(--container-background);
	/*hellgrau*/
	background-repeat: no-repeat;
	border: solid 1px var(--inline-key);
	/*mittelhellgrau*/
	border-radius: 2px;
	padding: 2px 3px;
	margin: 2px 1px;
	border-radius: 3px;
	box-shadow: inset 0px 0px 1px 1px rgba(234,234,234,0.48);
	-moz-border-radius: 2px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: inset 0px 0px 1px 1px rgba(234,234,234,0.48);
	-moz-box-shadow: inset 0px 0px 1px 1px rgba(234,234,234,0.48);
	box-shadow: inset 0px 0px 1px 1px rgba(234,234,234,0.48);
}

.e_uppercase
{
	text-transform: uppercase;
}

/* Schwebende Grafiken */

img.e_floatleft
{
	float: left;
	margin: 0px 8px 8px 0px;
}

img.e_floatright
{
	float: right;
	margin: 0px 0px 8px 8px;
}

/* Clearfloat beendet das Schweben für nachfolgende Elemente */

p.e_clearfloat
{
	clear: both;
	margin: 0;
	margin-bottom: 0;
	height: 0;
	padding: 0;
}

/* Tabellenbeschriftung links ausrichten*/

caption
{
	text-align: left;
	font-family: 'robotobold-os';
}

/* Keine Abstände bei Tabellen in Listen */

li table
{
	margin: 0;
}

/* Keine Abstände bei Absätzen in Tabellen*/

td p,
th p
{
	margin: 0;
}

/*Icons ausrichten und Transparenz*/

img.e_icon
{
	width: auto;
	height: 24px;
	vertical-align: text-bottom;
}

img.e_opac08
{
	opacity: 0.8;
	filter: alpha(opacity=80);
	/* For IE8 and earlier */
}

img.e_svgblack
{
	fill: #000;
}

/*Suchbegriffe hervorheben*/

.SearchHighlight
{
	background-color: var(--search-highlight);
}

/*Absatz einrücken*/

p.e_indent
{
	margin-left: 20px;
}

/*#######################################*/
/* Footer - wird nicht mehr benötigt*/

div.footer a,
div.footer p
{
	text-decoration: none;
	color: var(--footer-font);
}

div.footer > div.outer-row
{
	padding: 0;
}

.footer-logo
{
	max-width: 100%;
}

.footer-links
{
	text-align: left;
	padding-left: 8px;
}

.footer-links a
{
	padding-right: 15px;
}

.footer-icons
{
	text-align: right;
}

.footer-icons > a:first-of-type
{
	padding-right: 10px;
}

/*MADCAP leftover styles*/

div.ImagesFloatLeft
{
	clear: both;
	float: left;
	margin-right: 10px;
	padding: 5px;
}

div.ImagesFloatRight
{
	clear: both;
	float: right;
	margin-left: 10px;
	padding: 5px;
}

html.templateTopic div.sideContent
{
	display: none;
}

div.sideContent
{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 33.33%;
}

img.Thumbnail
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	border-radius: 0px;
}

.MCPopupFullImage
{
	border-radius: 0px;
}

.MCPopupContainer
{
	border-radius: 0px;
}

/*kein Thumbnail im klassischen Sinne, sondern nur die Grundform des Bildes*/

.MCPopupThumbnail
{
	-moz-border-radius: 0px;
	border-radius: 0px;
}

div.quotation
{
	background-color: var(--quote-background);
	background-repeat: no-repeat;
	background-position: top left;
	border-color: var(--quote-border);
	border-style: solid;
	border-width: 0px;
	border-radius: 0px;
	font-family: 'Century Gothic';
	font-size: 0.9em;
	font-style: italic;
	font-weight: normal;
	line-height: 18px;
	padding: 20px;
	padding-left: 40px;
}

/*Table Text Styles */

p.TableTextCenterDark
{
	color: var(--secondary-font);
	margin-bottom: 2px;
	margin-top: 8px;
	text-align: center;
}

p.TableTextDark
{
	color: var(--secondary-font);
	margin-bottom: 2px;
	margin-top: 8px;
}

p.TableTextDarkEmphasis
{
	color: var(--secondary-font);
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 8px;
}

p.TableTextHeadDark
{
	color: var(--secondary-font);
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 8px;
}

p.TableTextLightEmphasis
{
	color: var(--primary-background);
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 8px;
}

MadCap|relationshipsProxy
{
	padding-left: 0px;
	color: var(--primary-font);
	/*dunkelgrau*/
	clear: both;
	margin-bottom: 8px;
	margin-top: 24px;
	border-top: 1px solid var;
	/*enaioblau*/
	padding-top: 8px;
	font-size: 1em;
}

MadCap|relationshipsHeading
{
	font-family: 'robotobold-os';
	margin-bottom: 0;
	margin-top: 8px;
	margin-bottom: 2px;
}

MadCap|relationshipsItem
{
	display: list-item;
	list-style-image: url('../Images/layout/RelatedTopics.gif');
	margin-left: 24px;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

MadCap|relationshipsHeading.concept
{
	color: var(--primary-font);
	font-family: 'robotobold-os';
	font-size: 1.1em;
}

MadCap|relationshipsHeading.reference
{
	color: var(--primary-font);
	font-family: 'robotobold-os';
	font-size: 1.1em;
}

MadCap|relationshipsHeading.task
{
	color: var(--primary-font);
	font-family: 'robotobold-os';
	font-size: 1.1em;
}

div.NewRowClass1	/*Das ist ein benutzerdefiniertes Responsive-Layout-Zeilenformat (div-Klasse) in Ihrem Stylesheet. Um eine eigene Beschreibung für dieses Format anzugeben: (1) Öffnen Sie das Stylesheet; (2) Finden Sie die div-Klasse mit diesem Namen und wählen Sie diese aus; (3) Ersetzen Sie den Text aus dem Kommentarfeld durch Ihren eigenen. Weitere Informationen über das Hinzufügen von Kommentaren zu Formaten finden Sie in der Online-Hilfe.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.NewRowClass1::before
{
	content: ' ';
	display: table;
}

div.NewRowClass1::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.NewRowClass1 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.NewRowClass1 > div:nth-child(1)
{
	width: 66.66667%;
	margin-left: 0%;
}

div.NewRowClass1 > div:nth-child(2)
{
	width: 33.33333%;
	margin-left: 0%;
}

/*#######################################*/
/* Print Styles nur für die Druckausgabe!*/
/*#######################################*/

@media print
{
	body
	{
		color: var(--secondary-font);
		font-family: "MetaCorr", Arial, sans-serif;
		font-size: 11pt;
		line-height: 15px;
		margin: 8px;
	}

	h1
	{
		font-weight: normal;
		margin-bottom: 8px;
		padding-bottom: 10px;
		margin-top: 30px;
		font-size: 30pt;
		color: var(--print-headline);
		font-family: MetaCorr;
		page-break-after: avoid;
	}

	h1.Appendix
	{
		mc-auto-number-format: 'APPENDIX ';
	}

	h1.UserGuideBHeading
	{
		page-break-before: avoid;
	}

	h2
	{
		font-weight: 600;
		font-size: 14pt;
		page-break-after: avoid;
	}

	h3
	{
		font-weight: 600;
		font-size: 12pt;
		page-break-after: avoid;
	}

	h4
	{
		font-weight: 600;
		mc-heading-level: 0;
		font-size: 11pt;
	}

	p,
	td,
	li
	{
		font-size: 11pt;
		line-height: 14pt;
	}

	/*List Styles*/

	ul,
	ol
	{
		margin-left: 20px;
	}

	ul ul,
	ol ul
	{
		margin-left: 25px;
	}

	ol ol
	{
		margin-left: 25px;
	}

	ul
	{
		list-style-image: none;
	}

	ul.FirstLevelLessIndentation
	{
		list-style-image: none;
		margin-left: 30px;
	}

	ul ul,
	ol ul
	{
		list-style-image: none;
	}

	tr
	{
		page-break-inside: avoid;
	}

	p.Copyright
	{
		margin-bottom: 8px;
		margin-top: 8px;
	}

	p.CopyrightAddress
	{
		margin-bottom: 0;
		margin-top: 0;
	}

	p.CopyrightHeading
	{
		margin-top: 1in;
		page-break-before: always;
	}

	p.CreatedUsingFlare
	{
		font-weight: bold;
		margin-top: 18px;
	}

	p.EmptyPageText
	{
		font-size: 10pt;
		font-weight: bold;
	}

	p.Figure
	{
		color: var(--prrint-caption);
		font-style: italic;
		mc-auto-number-class: FigureNum;
		mc-auto-number-format: 'CF:Figure {chapnum}-{n+} ';
		margin-left: 10px;
		padding-bottom: 10px;
	}

	p.FirstPageOfChapter
	{
		color: var(--print-headline);
	}

	p.FrameFooterText
	{
		font-family: 'MetaCorr';
		font-size: 24pt;
	}

	p.FrameFooterText2
	{
		color: var(--print-caption);
		font-family: 'MetaCorr';
		font-size: 11pt;
	}

	p.GlossaryPrintHead
	{
		color: var(--print-headline);
		font-family: 'MetaCorr';
		font-size: 25pt;
		letter-spacing: -1px;
		mc-heading-level: 1;
		page-break-before: always;
		text-align: right;
	}

	p.IndexHeading
	{
		font-size: 11pt;
		padding-top: 16px;
		text-align: left;
	}

	p.IndexPrintHead
	{
		color: var(--print-headline);
		font-family: 'MetaCorr';
		font-size: 25pt;
		letter-spacing: -1px;
		mc-heading-level: 1;
		page-break-before: always;
		text-align: right;
	}

	p.ManualTitle1
	{
		font-family: 'MetaCorr';
		font-size: 9pt;
		margin-bottom: 0;
		margin-left: 0;
		margin-top: 0;
	}

	p.ManualTitle2
	{
		color: var(--print-headline);
		font-family: 'MetaCorr';
		font-size: 22pt;
		line-height: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-top: 0;
	}

	p.ManualVersionNumber
	{
		color: var(--secondary-font);
		font-family: 'MetaCorr';
		font-size: 12pt;
		margin-left: 0;
		margin-top: 12pt;
	}

	p.MiniTOC1
	{
		color: var(--secondary-font);
		font-size: 9pt;
		font-weight: normal;
	}

	p.TableCaption
	{
		color: var(--prrint-caption);
		font-style: italic;
		mc-auto-number-class: TableNum;
		mc-auto-number-format: 'CT:Table {chapnum}-{n+} ';
		padding-bottom: 0;
		padding-top: 12px;
	}

	p.TOC1
	{
		color: var(--secondary-font);
		font-size: 11pt;
		font-weight: normal;
		margin-bottom: 2px;
		margin-top: 2px;
		mc-leader-format: 'none';
		mc-pagenum-display: none;
	}

	p.TOC2
	{
		color: var(--secondary-font);
		font-size: 11pt;
		font-weight: normal;
		margin-bottom: 2px;
		margin-left: 0.25in;
		margin-top: 2px;
	}

	p.TOC3
	{
		color: var(--secondary-font);
		font-size: 11pt;
		font-weight: normal;
		margin-bottom: 2px;
		margin-left: 0.5in;
		margin-top: 2px;
	}

	p.TOC4
	{
		color: var(--secondary-font);
		font-size: 11pt;
		font-weight: normal;
		margin-bottom: 2px;
		margin-left: 0.75in;
		margin-top: 2px;
	}

	p.TOC5
	{
		color: var(--secondary-font);
		font-size: 11pt;
		font-weight: normal;
		margin-bottom: 2px;
		margin-left: 0.75in;
		margin-top: 2px;
	}

	p.TOC6
	{
		color: var(--secondary-font);
		font-size: 11pt;
		font-weight: normal;
		margin-bottom: 2px;
		margin-left: 0.75in;
		margin-top: 2px;
	}

	p.TOC7
	{
		color: var(--secondary-font);
		font-size: 11pt;
		font-weight: normal;
		margin-bottom: 2px;
		margin-left: 0.75in;
		margin-top: 2px;
	}

	p.TOC8
	{
		color: var(--secondary-font);
		font-size: 11pt;
		font-weight: normal;
		margin-bottom: 2px;
		margin-left: 0.75in;
		margin-top: 2px;
	}

	p.TOC9
	{
		color: var(--secondary-font);
		font-size: 11pt;
		font-weight: normal;
		margin-bottom: 2px;
		margin-left: 0.75in;
		margin-top: 2px;
	}

	p.TOCHeading
	{
		color: var(--print-headline);
		font-size: 25pt;
		font-weight: normal;
		letter-spacing: -1px;
		line-height: 27pt;
		margin: 0;
		mc-heading-level: 0;
		text-align: center;
	}

	div.GlossaryPageDefinition
	{
		font-size: 9pt;
	}

	div.GlossaryPageDefinition
	{
		font-size: 11pt;
	}

	div.GlossaryPageHeading
	{
		border-bottom-style: solid;
		border-bottom-width: 1px;
		font-size: 11pt;
	}

	div.GlossaryPageTerm
	{
		font-size: 10pt;
		padding-bottom: 10px;
		padding-top: 10px;
	}

	span.ChapAutoNum
	{
		color: var(--print-headline);
		font-family: 'MetaCorr';
		font-size: 25pt;
		letter-spacing: -1px;
	}

	span.FigureNum
	{
		font-style: normal;
	}

	span.TableNum
	{
		font-style: normal;
	}

	nav.tab-bar,
	div.sideContent
	{
		display: none;
	}

	/* ### MadCap Styles ### */

	MadCap|dropDown.SecondLevel
	{
		background-color: transparent;
		margin-left: 10px;
		mc-closed-image: url('../Images/layout/DropDownClosedSecondLevel.png');
		mc-open-image: url('../Images/layout/DropDownOpenSecondLevel.png');
	}

	MadCap|dropDownBody
	{
		border-bottom: none;
	}

	MadCap|dropDownHead
	{
		margin-top: 16px;
		page-break-after: avoid;
	}

	MadCap|glossaryProxy
	{
		border-top: none;
	}

	MadCap|indexProxy
	{
		border-top: none;
	}

	MadCap|miniTocProxy
	{
		border-top: 0;
		margin-left: 0.25in;
		margin-right: 0.25in;
		padding-left: 0;
	}

	MadCap|tocProxy
	{
		border-top: none;
		margin-right: 0.25in;
	}

	MadCap|xref
	{
		color: var(--prrint-caption);
		font-weight: normal;
		mc-format: '{quote}{para}{quote} {pageref}';
		text-decoration: none;
	}

	MadCap|relationshipsProxy
	{
		color: var(--prrint-caption);
	}

	MadCap|relationshipsHeading.concept
	{
		color: var(--prrint-caption);
	}

	MadCap|relationshipsHeading.reference
	{
		color: var(--prrint-caption);
	}

	MadCap|relationshipsHeading.task
	{
		color: var(--print-caption);
	}

	MadCap|dropDown
	{
		mc-closed-image: url('../Images/layout/DropDownClosed.png');
		mc-open-image: url('../Images/layout/DropDownOpen.png');
	}

	MadCap|relatedTopics
	{
		mc-help-control-display: list;
	}

	/*#######################################*/
	/*PRINT-ANPASSUNG FÜR ENAIO CUSTOM STYLES*/
	/*#######################################*/

	div.e_valid	/*"Gültig für" Box wird ausgeblendet */
	{
		visibility: hidden;
		display: none;
	}

	/*Hinweis-Container ohne flex-Eigenschaft werden für Print als Block und ohne Hintergrundfarbe dargestellt*/

	div.e_example,
	div.e_note,
	div.e_warning,
	div.e_requirement,
	div.e_tablet,
	div.e_desktop
	{
		display: block;
		background-color: none;
	}

	/*clearfix: ausblenden für Print */

	div.e_example::after,
	div.e_note::after,
	div.e_warning::after,
	div.e_requirement::after,
	div.e_tablet::after,
	div.e_desktop::after
	{
		content: "";
		display: none;
	}

	/*Größenanpassung für Symbole in Hinweis-/Warn-Container*/

	div.e_warning
	{
		background-size: 8px 8px;
		background-image: url('../Images/layout/info-solid/16x16.png');
	}

	div.e_note
	{
		background-size: 6px 6px;
		background-image: url('../Images/layout/info-solid/16x16.png');
	}

	div.e_tablet
	{
		background-size: 6px 6px;
		background-image: url('../Images/layout/OS-Layout/tablet.svg');
	}

	div.e_desktop
	{
		background-size: 6px 6px;
		background-image: url('../Images/layout/OS-Layout/desktop.svg');
	}
}

/*#####################*/
/* Footer */

div.footer
{
	background-color: var(--footer);
	padding: 0;
}

div.footer p
{
	font-size: 12px;
	color: var(--footer-font);
	margin-top: 8px;
	margin-top: 8px;
}

div.footer a
{
	text-decoration: none;
	color: var(--footer-font);
	margin: 0 none;
}

/** Modifications*/

body
{
	position: relative;
	min-height: 100%;
}

div.footer
{
	width: 100%;
	position: absolute;
	bottom: 0;
}

div.footer div
{
	width: 60%;
	margin: 0 auto;
}

/*search form im header */

.title-bar-layout
{
	flex-wrap: inherit;
	width: 100%;
	padding: 0 16px !important;
}

.logo-wrapper
{
	margin-right: 5%;
	padding-left: 15px;
}

/* Versionsmarker neben dem Logo in er Kopfzeile
div.logo-wrapper::after {
    content: 'Version 10.20';
    padding: 3px 5px;
    text-align: baseline;
    vertical-align: baseline;
    border: solid 2px var(--enaio);
    margin-left: 20px;
    background: var(--enaio);
    border-radius: 3px;
}*/

/*macht die runden Ecken eckig*/

.search-bar .search-field
{
	width: 100%;
	border-radius: 0px;
}

.search-bar .search-submit
{
	border-radius: 0px;
	border: none;
}

.search-filter-content
{
	box-shadow: 1px 1px 10px #404040;
	border-radius: 0px;
}

nav.title-bar
{
	min-height: 70px;
	display: flex;
}

/*Ein- und ausblenden von Inhalten in Microcontent (statt Bedingungen)*/

.micro-content-only,
.micro-content-container .micro-response .topic-only
{
	display: none;
}

.micro-content-container .micro-response .micro-content-only
{
	display: block;
}

/*Abstand vom unteren Rand für den Scroll-Button*/

.scroll-button
{
	margin-bottom: 20px;
	margin-top: 20px;
}

/*Cookie-Banner Styling override von Cookiebot-Default styles*/

#CybotCookiebotDialog
{
	border: 0px solid #000000 !important;
	border-radius: 4px !important;
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll
{
	padding: 3px !important;
	border-radius: 4px !important;
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll
{
	width: 160px !important;
}

/* Styling für das Hilfe-Overlay*/

#overlay
{
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.6);
	z-index: 2;
	cursor: pointer;
}

#text
{
	position: absolute;
	top: 53%;
	left: 50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	background-color: var(--primary-background);
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
	-ms-transform: translate(-50%,-50%);
	box-shadow: #121212 2px 2px 14px 2px;
	border-radius: 5px;
	height: 78vh;
	overflow-y: auto;
}

@media only screen and (max-width: 1279px)
{
	#text
	{
		top: 60%;
	}
}

/*Auslagerung der Inline-Styles für bedingten Import nach Sprache*/
/* *********** Allgemein ********************* */

.e_note-inline::before
{
	padding-right: 10px;
}

.e_note-inline::before,
.e_trouble-problem::before,
.e_trouble-solution::before
{
	font-family: 'robotobold-os';
	position: absolute;
	text-indent: -5em;
	/* die letzten beiden Zeilen sind wichtig für die Einrückung */
}

div.e_warning::before,
div.e_requirement::before,
div.e_example::before
{
	font-family: 'robotobold-os';
}

.MCBreadcrumbsPrefix
{
	color: var(--primary-font);
	font-family: 'robotobold-os';
}

p.e_note-inline,
p.e_trouble-problem,
p.e_trouble-solution
{
	/* in Zuammenspiel mit der Eigenschaft obendrüber wichtig für die Einrückung */
	padding-left: 5.5em;
	/* line-height: 1.5em; */
	border-left: solid 3px;
	padding-top: 6px;
	padding-bottom: 12px;
}

/* *********** DEUTSCH ********************* */

html[lang="de"] .e_note-inline::before
{
	content: "Hinweis: ";
}

html[lang="de"] .e_trouble-problem::before
{
	content: "Fehler: ";
}

html[lang="de"] .e_trouble-solution::before
{
	content: "Behebung: ";
}

html[lang="de"] div.e_warning::before
{
	content: "Achtung! ";
}

html[lang="de"] div.e_requirement::before
{
	content: "Voraussetzung: ";
}

html[lang="de"] div.e_example::before
{
	content: "Beispiel: ";
}

html[lang="de"] .MCBreadcrumbsPrefix
{
	mc-breadcrumbs-prefix: 'Sie sind hier:\00A0\00A0';
}

/* *********** Französisch ********************* */

html[lang="fr-fr"] .e_note-inline::before
{
	content: "Remarque : ";
}

html[lang="fr-fr"] .e_trouble-problem::before
{
	content: "Problème : ";
}

html[lang="fr-fr"] .e_trouble-solution::before
{
	content: "Solution : ";
}

html[lang="fr-fr"] div.e_warning::before
{
	content: "Attention ! ";
}

html[lang="fr-fr"] div.e_requirement::before
{
	content: "Condition : ";
}

html[lang="fr-fr"] div.e_example::before
{
	content: "Exemple : ";
}

html[lang="fr-fr"] .MCBreadcrumbsPrefix
{
	mc-breadcrumbs-prefix: 'Vous êtes ici :\00A0\00A0';
}

/* *********** ENGLISCH ********************* */

html[lang="en"] .e_note-inline::before
{
	content: "Note: ";
}

html[lang="en"] .e_trouble-problem::before
{
	content: "Error: ";
}

html[lang="en"] .e_trouble-solution::before
{
	content: "Fix: ";
}

html[lang="en"] div.e_warning::before
{
	content: "Attention! ";
}

html[lang="en"] div.e_requirement::before
{
	content: "Requirement: ";
}

html[lang="en"] div.e_example::before
{
	content: "Example: ";
}

html[lang="en"] .MCBreadcrumbsPrefix
{
	mc-breadcrumbs-prefix: 'You are here:\00A0\00A0';
}

@media only screen and (max-width: 1279px)
{
	/*Positioniert die Suchleiste unter das Hamburger-Menü und das Logo*/

	nav.title-bar .outer-row
	{
		max-width: 100%;
		flex-direction: column;
	}

	div.topic-container
	{
		width: 100%;
		margin: 0 auto;
	}

	.nav-search-wrapper
	{
		order: 1;
		justify-content: center;
		flex-basis: 100%;
		width: 100%;
	}

	/*
	.nav-search
	{
		margin-bottom: 8px;
	}*/
}

#myBtn:hover
{
	background-color: var(--tertiary-font);
	background-image: url('https://help.optimal-systems.com/Resources/Images/arrow-enaio-gray.png');
	opacity: 50%;
}

#myBtn
{
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	color: transparent;
	cursor: pointer;
	padding: 12px;
	border-radius: 4px;
	background-color: var(--enaio);
	background-image: url('https://help.optimal-systems.com/Resources/Images/arrow-white.png');
	background-position: center;
	background-repeat: no-repeat;
}

ul.sidenav li a.selected
{
	color: var(--enaio);
}

ul.sidenav li.is-accordion-submenu-parent > a span.submenu-toggle
{
	border-top-color: var(--enaio);
}

.phrase-suggest a
{
	color: var(--enaio);
}

#resultList .url cite
{
	color: var(--enaio);
}

#resultList h3.title a
{
	color: var(--enaio);
}

#pagination a
{
	color: var(--enaio);
}

.e_valid span[class*="enaio_versions"]
{
	background-color: var(--primary-font);
	color: var(--tertiary-font);
}

.e_valid span[class*="enaio_products"],
.e_valid span[class*="topics"]
{
	background-color: var(--enaio);
	color: var(--tertiary-font);
}

MadCap|xref,
.xref
{
	color: var(--enaio) !important;
}

.featured-snippets-container .micro-response-title a
{
	color: var(--enaio);
}

a,
a:link,
a:focus,
a:visited
{
	color: var(--enaio);
}

div.e_example,
div.e_note,
div.e_warning,
div.e_requirement,
div.e_tablet,
div.e_desktop,
p.e_note-inline,
p.e_trouble-problem,
p.e_trouble-solution
{
	border-left-color: var(--enaio);
}

@media only screen and (max-width: 1279px)
{
	div.NewRowClass1 > div:nth-child(1)
	{
		width: 66.66667%;
		margin-left: 0%;
	}

	div.NewRowClass1 > div:nth-child(2)
	{
		width: 33.33333%;
		margin-left: 0%;
	}
}

@media only screen and (max-width: 767px)
{
	div.NewRowClass1 > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.NewRowClass1 > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}
}

/* Trennung der Farben nach Produktlinie (im Target "Medium" entsprechend konfigurieren) */

@media enaio-colors
{
	div.e_example,
	div.e_note,
	div.e_warning,
	div.e_requirement,
	div.e_tablet,
	div.e_desktop,
	p.e_note-inline,
	p.e_trouble-problem,
	p.e_trouble-solution
	{
		border-left-color: var(--enaio);
	}

	a,
	a:link,
	a:focus,
	a:visited
	{
		color: var(--enaio);
	}

	.featured-snippets-container .micro-response-title a
	{
		color: var(--enaio);
	}

	.featured-snippets-container .micro-response-title a:hover
	{
		color: var(--enaio);
	}

	MadCap|xref,
	.xref
	{
		color: var(--enaio) !important;
	}

	/* Zugriff auf aus Variablen generierte Klassennamen; * findet alle Bezeichnungen, die den folgenden String enthalten */

	.e_valid span[class*="enaio_products"],
	.e_valid span[class*="topics"]
	{
		background-color: var(--enaio);
		color: var(--tertiary-font);
	}

	.e_valid span[class*="enaio_versions"]
	{
		background-color: var(--primary-font);
		color: var(--tertiary-font);
	}

	#pagination a
	{
		color: var(--enaio);
	}

	#resultList h3.title a
	{
		color: var(--enaio);
	}

	#resultList .url cite
	{
		color: var(--enaio);
	}

	.phrase-suggest a
	{
		color: var(--enaio);
	}

	ul.sidenav li.is-accordion-submenu-parent > a span.submenu-toggle
	{
		border-top-color: var(--enaio);
	}

	ul.sidenav li a.selected
	{
		color: var(--enaio);
	}

	#myBtn
	{
		display: none;
		position: fixed;
		bottom: 20px;
		right: 30px;
		z-index: 99;
		font-size: 18px;
		border: none;
		outline: none;
		color: transparent;
		cursor: pointer;
		padding: 12px;
		border-radius: 4px;
		background-color: var(--enaio);
		background-image: url('https://help.optimal-systems.com/Resources/Images/arrow-white.png');
		background-position: center;
		background-repeat: no-repeat;
	}

	#myBtn:hover
	{
		background-color: var(--tertiary-font);
		background-image: url('https://help.optimal-systems.com/Resources/Images/arrow-enaio-gray.png');
		opacity: 50%;
	}
}

@media yuuvis-RAD-colors
{
	div.e_example,
	div.e_note,
	div.e_warning,
	div.e_requirement,
	div.e_tablet,
	div.e_desktop,
	p.e_note-inline,
	p.e_trouble-problem,
	p.e_trouble-solution
	{
		border-left-color: var(--yuuvisRAD);
	}

	a,
	a:link,
	a:focus,
	a:visited
	{
		color: var(--yuuvisRAD);
	}

	.featured-snippets-container .micro-response-title a
	{
		color: var(--yuuvisRAD);
	}

	.featured-snippets-container .micro-response-title a:hover
	{
		color: var(--yuuvisRAD);
	}

	MadCap|xref,
	.xref
	{
		color: var(--yuuvisRAD) !important;
	}

	/* Zugriff auf aus Variablen generierte Klassennamen; * findet alle Bezeichnungen, die den folgenden String enthalten */

	.e_valid span[class*="RAD_products"],
	.e_valid span[class*="topics"]
	{
		background-color: var(--yuuvisRAD);
		color: var(--tertiary-font);
	}

	.e_valid span[class*="RAD_versions"]
	{
		background-color: var(--primary-font);
		color: var(--tertiary-font);
	}

	#pagination a
	{
		color: var(--yuuvisRAD);
	}

	#resultList h3.title a
	{
		color: var(--yuuvisRAD);
	}

	#resultList .url cite
	{
		color: var(--yuuvisRAD);
	}

	.phrase-suggest a
	{
		color: var(--yuuvisRAD);
	}

	ul.sidenav li.is-accordion-submenu-parent > a span.submenu-toggle
	{
		border-top-color: var(--yuuvisRAD);
	}

	ul.sidenav li a.selected
	{
		color: var(--yuuvisRAD);
	}

	#myBtn
	{
		display: none;
		position: fixed;
		bottom: 20px;
		right: 30px;
		z-index: 99;
		font-size: 18px;
		border: none;
		outline: none;
		color: transparent;
		cursor: pointer;
		padding: 12px;
		border-radius: 4px;
		background-color: var(--yuuvisRAD);
		background-image: url('https://help.optimal-systems.com/Resources/Images/arrow-white.png');
		background-position: center;
		background-repeat: no-repeat;
	}

	#myBtn:hover
	{
		background-color: var(--tertiary-font);
		background-image: url('https://help.optimal-systems.com/Resources/Images/arrow-enaio-gray.png');
		opacity: 50%;
	}
}

@media yuuvis-MOM-colors
{
	div.e_example,
	div.e_note,
	div.e_warning,
	div.e_requirement,
	div.e_tablet,
	div.e_desktop,
	p.e_note-inline,
	p.e_trouble-problem,
	p.e_trouble-solution
	{
		border-left-color: var(--yuuvisAPI);
	}

	a,
	a:link,
	a:focus,
	a:visited
	{
		color: var(--yuuvisAPI);
	}

	.featured-snippets-container .micro-response-title a
	{
		color: var(--yuuvisAPI);
	}

	MadCap|xref,
	.xref
	{
		color: var(--yuuvisAPI) !important;
	}

	/* Zugriff auf aus Variablen generierte Klassennamen; * findet alle Bezeichnungen, die den folgenden String enthalten */

	.e_valid span[class*="API_products"],
	.e_valid span[class*="topics"]
	{
		background-color: var(--yuuvisAPI);
		color: var(--tertiary-font);
	}

	.e_valid span[class*="API_versions"]
	{
		background-color: var(--primary-font);
		color: var(--tertiary-font);
	}

	#myBtn
	{
		display: none;
		position: fixed;
		bottom: 20px;
		right: 30px;
		z-index: 99;
		font-size: 18px;
		border: none;
		outline: none;
		color: transparent;
		cursor: pointer;
		padding: 12px;
		border-radius: 4px;
		background-color: var(--yuuvisAPI);
		background-image: url('https://help.optimal-systems.com/Resources/Images/arrow-white.png');
		background-position: center;
		background-repeat: no-repeat;
	}

	#myBtn:hover
	{
		background-color: var(--tertiary-font);
		background-image: url('https://help.optimal-systems.com/Resources/Images/arrow-enaio-gray.png');
		opacity: 50%;
	}
}

@media os-colors
{
	div.e_example,
	div.e_note,
	div.e_warning,
	div.e_requirement,
	div.e_tablet,
	div.e_desktop,
	p.e_note-inline,
	p.e_trouble-problem,
	p.e_trouble-solution
	{
		border-left-color: var(--osmain);
	}

	a,
	a:link,
	a:focus,
	a:visited
	{
		color: var(--enaio);
	}

	.featured-snippets-container .micro-response-title a
	{
		color: var(--osmain);
	}

	.featured-snippets-container .micro-response-title a:hover
	{
		color: var(--osmain);
	}

	MadCap|xref,
	.xref
	{
		color: var(--osmain) !important;
	}

	/* Zugriff auf aus Variablen generierte Klassennamen; * findet alle Bezeichnungen, die den folgenden String enthalten */

	.e_valid span[class*="enaio_products"],
	.e_valid span[class*="topics"]
	{
		background-color: var(--osmain);
		color: var(--tertiary-font);
	}

	.e_valid span[class*="enaio_versions"]
	{
		background-color: var(--primary-font);
		color: var(--tertiary-font);
	}

	#pagination a
	{
		color: var(--osmain);
	}

	#resultList h3.title a
	{
		color: var(--osmain);
	}

	#resultList .url cite
	{
		color: var(--osmain);
	}

	.phrase-suggest a
	{
		color: var(--osmain);
	}

	ul.sidenav li.is-accordion-submenu-parent > a span.submenu-toggle
	{
		border-top-color: var(--osmain);
	}

	ul.sidenav li a.selected
	{
		color: var(--osmain);
	}

	#myBtn
	{
		display: none;
		position: fixed;
		bottom: 20px;
		right: 30px;
		z-index: 99;
		font-size: 18px;
		border: none;
		outline: none;
		color: transparent;
		cursor: pointer;
		padding: 12px;
		border-radius: 4px;
		background-color: var(--osmain);
		background-image: url('https://help.optimal-systems.com/Resources/Images/arrow-white.png');
		background-position: center;
		background-repeat: no-repeat;
	}

	#myBtn:hover
	{
		background-color: var(--tertiary-font);
		background-image: url('https://help.optimal-systems.com/Resources/Images/arrow-enaio-gray.png');
		opacity: 50%;
	}
}

/* only visible in Chrome */

::-webkit-scrollbar-track
{
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
	/* border-radius: 10px; */
	background-color: var(--scrollbar-background);
}

::-webkit-scrollbar
{
	width: 10px;
	background-color: var(--scrollbar-background);
}

::-webkit-scrollbar-thumb
{
	/* border-radius: 10px; */
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
	background-color: var(--quote-border);
}

