/*<meta conditions="default_conditions.GlobalContent" />*/

@import url('default_localizedstyles.css');

@import url('default_feedback.css');

@import url('default_consent.css');

@import url('default_card-layout.css');

@import url('default_zendesk-search.css');

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

/* ============================================================
   CSS class naming convention (DefaultDesign — shared via submodule by
   help-Vegas, help-Audio/SoundForge, help-Audio/Acid, help-syntheyes).
   Ratified 2026-06-09. Topic authors never touch CSS; this note is for
   whoever maintains the design system.

   PascalCase  -> named content component / container (semantic block):
                  .Note .Tip .Warning .Important .Example .Box .Columns .Step
   lowercase   -> presentational / typographic style on a single element
                  (inline marker OR paragraph style):
                  .uielement .shortcut .icon .imagetitle .tablecaption .subheading
   kebab-case  -> layout / skin scaffolding AND utilities:
                  .gs-card .home-tiles .nav-search  .page-break .no-underline

   See StyleGuide-ToDo.md §1.1/§2.2 for the migration history.
   ============================================================ */

body
{
	color: var(--FontColor);
	font-family: var(--FontBody), Arial, sans-serif;
	padding: 0% 10%;
	background-color: var(--Background);
}

/* Backmatter */

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

div.GlossaryPageHeading
{
	font-size: 21pt;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 15px;
	border-bottom-color: var(--Medium);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-align: left;
	color: inherit;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-right: 10px;
	background-repeat: no-repeat;
}

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

MadCap|glossaryProxy
{
	border-top: none;
}

MadCap|indexProxy
{
	border-top: none;
}

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

p.Index2
{
	font-size: 10pt;
	font-weight: normal;
}

p.IndexHeading
{
	font-size: 21pt;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 15px;
	border-bottom-color: var(--Medium);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-align: left;
	color: inherit;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top: 12px;
	padding-right: 10px;
	background-repeat: no-repeat;
}

/* Content */

p	/*,
MadCap|dropDownHead.dropdownstep*/
{
	font-size: 1em;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 1.5em;
	font-weight: 400;
	widows: 3;
	orphans: 3;
	font-family: var(--FontBody), Arial, sans-serif;
}

.textcenter
{
	text-align: center;
}

tr:hover
{
	background-color: var(--TableRowHover);
}

/*Images*/

img
{
	max-width: 100%;
	margin-top: 1em;
}

img.icon
{
	height: auto;
	width: 24px;
	max-height: 24px;
	margin-top: 0;
}

img.Thumbnail
{
	mc-thumbnail-max-width: 400px;
	mc-thumbnail-max-height: auto;
	mc-thumbnail: popup;
	border: dashed 1px var(--MainColor);
}

img.ThumbnailPortrait
{
	mc-thumbnail-max-height: 400px;
	mc-thumbnail-max-width: auto;
	mc-thumbnail: popup;
	border: none;
}

img.Max50px
{
	max-width: 50px;
}

img.Max100px
{
	max-width: 100px;
}

img.Max150px
{
	max-width: 150px;
}

img.Max250px
{
	max-width: 250px;
}

img.Max400px
{
	max-width: 400px;
}

img.Max800px
{
	
}

img.Max50percent
{
	max-width: 50%;
}

img.Max80percent
{
	max-width: 80%;
}

img.frame
{
	border: 2px solid var(--LinesColor);
	padding: 0.4em;
}

/*Hervorhebungen*/

span.color
{
	color: var(--MainColor);
}

/* Keycap: line-height and zero vertical padding keep the box inside the
   line box, so lines with keys keep the regular line spacing. The thicker
   bottom border carries the key look (no shadow, works in both themes). */

span.shortcut
{
	display: inline-block;
	font-size: 0.9em;
	line-height: 1.35;
	padding: 0 0.4em;
	margin: 0 0.1em;
	vertical-align: baseline;
	white-space: nowrap;
	border: 1px solid var(--ShortcutBorder);
	border-bottom-width: 2px;
	border-radius: 4px;
	box-shadow: none;
	background-color: var(--ShortcutBg);
	color: var(--ShortcutText);
}

/* Inline code: values the user types. A surface without a border, so it
   never looks like a keycap; nowrap keeps a leading hyphen on its value. */

code
{
	font-family: Consolas, 'Cascadia Mono', 'Courier New', monospace;
	font-size: 0.92em;
	padding: 0.1em 0.35em;
	border-radius: 4px;
	background-color: var(--CodeBg);
	white-space: nowrap;
}

span.uielement
{
	text-transform: uppercase;
	/*font-weight: 700;*/
	font-weight: normal;
	font-family: var(--FontBodySemiBold), Arial, sans-serif;
}

.logotext
{
	font-family: "arboria", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.banner-img
{
	display: flex;
	align-items: center;
	/* vertikal mittig */
	justify-content: center;
	/* centred as a group on the line */
	gap: 0.6rem;
	/* gap between SVG and text */
	text-align: center;
	font-family: "arboria", sans-serif;
	font-weight: 700;
	font-style: normal;
}

/* SVG links einblenden */

.banner-img::before
{
	content: "";
	display: inline-block;
	/* Size. Adjust to your layout */
	height: 1.5em;
	/* scales with the font size*/
	width: auto;
	aspect-ratio: 4 / 1;
	/* fix, oder nutze aspect-ratio unten */
	background-image: var(--LogoImageBanner);
	background-repeat: no-repeat;
	/*background-position: center;*/
	background-size: contain;
	flex: 0 0 auto;
	/*transform: translateY(-0.05em);*/
}

p.release
{
	font-size: 0.8em;
	margin-top: -1em;
	color: var(--SecondaryColor);
}

p.subheading
{
	padding-bottom: 0.8em;
	border-bottom: solid 1px var(--LinesColor);
	font-weight: 600;
	font-family: var(--FontBodyBold), Arial, sans-serif;
}

.bold
{
	font-weight: 600;
	font-family: var(--FontBodyBold), Arial, sans-serif;
}

/* Nummerierter Callout-Badge (Index-Zahl in Tabellen/Abbildungen) */

span.Label
{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-width: 1.35em;
	height: 1.35em;
	padding: 0 0.18em;
	box-sizing: border-box;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	margin-right: 0.35em;
	font-weight: normal;
	/*700*/
	font-family: var(--FontBodySemiBold), Arial, sans-serif;
	font-size: 0.95em;
	background-color: var(--MainColor);
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	color: var(--FontColor);
	margin-bottom: 0.2em;
}

/* "Back to top" badge - same round shape, carries the arrow glyph (see .GoToTop).
   Deliberately kept separate from span.Label: semantically different, may diverge. */

span.GoToTop
{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-width: 1.35em;
	height: 1.35em;
	padding: 0 0.18em;
	box-sizing: border-box;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	margin-right: 0.35em;
	font-weight: normal;
	/*700*/
	font-family: var(--FontBodySemiBold), Arial, sans-serif;
	font-size: 0.95em;
	background-color: var(--MainColor);
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	color: var(--FontColor);
	margin-bottom: 0.2em;
}

.checkmark
{
	color: green;
	font-size: 24px;
	font-weight: bold;
	display: inline-block;
}

a.no-underline
{
	text-decoration: none;
}

.GoToTop
{
	content: "\2B06";
	text-decoration: none;
}

a:link
{
	color: var(--ColoredFontColor);
}

a:visited
{
	color: var(--ColoredFontColor);
}

ul.menu._Skins_Default_Topics_InPageMenu.mc-component > li > ul > li > a:focus
{
	background-color: var(--ControlSurfaceHover);
	color: var(--FontColor);
	outline: 2px solid var(--MainColor);
	outline-offset: -2px;
}

ul.navigation li > a:hover
{
	background-color: var(--InfoColor);
}

ul.menu._Skins_Default_Topics_InPageMenu.mc-component > li > ul > li > a:hover
{
	background-color: var(--ControlSurfaceHover);
	color: var(--FontColor);
}

/* Skip-to-content sits on a var(--FontColor) background (inverted per theme:
   white in dark, dark in light). Otherwise the generic a:link/a:visited rule
   above wins on specificity and uses var(--ColoredFontColor), which is undefined
   on screen -> inherits white -> white on white in dark = invisible.
   var(--Background) pairs correctly: black on white (dark), white on dark (light). */

a.skip-to-content:link,
a.skip-to-content:visited,
a.skip-to-content:hover,
a.skip-to-content:focus,
a.skip-to-content:active
{
	color: var(--Background);
}

.MarkAsNew a::after
{
	vertical-align: super;
	position: relative;
	left: 5px;
	bottom: 2px;
	font-size: smaller;
	color: var(--SecondaryColor);
	font-weight: 200;
}

/*Hinweise*/

.Note,
.Tip,
.Warning
{
	/*background-color: var(--InfoColor);*/
	background: linear-gradient(180deg, var(--PanelHighlightTop) 0%, var(--PanelHighlightBottom) 32%), linear-gradient(180deg, var(--PanelBackgroundTop) 0%, var(--PanelBackgroundBottom) 100%);
	padding: 10px 10px;
	border: 1px solid var(--PanelBorder);
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	margin: 10px 0;
	position: relative;
	page-break-inside: avoid;
	box-shadow: 0 10px 30px var(--PanelShadowSoft);
	color: var(--PanelText);
}

.Note
{
	background: linear-gradient(180deg, var(--NoteAccentTop) 0%, var(--NoteAccentBottom) 18%, var(--NoteAccentFade) 42%), linear-gradient(180deg, var(--PanelBackgroundTop) 0%, var(--PanelBackgroundBottom) 100%);
	border-color: var(--NoteBorder);
}

.Tip
{
	background: linear-gradient(180deg, var(--TipAccentTop) 0%, var(--TipAccentBottom) 18%, var(--TipAccentFade) 42%), linear-gradient(180deg, var(--PanelBackgroundTop) 0%, var(--PanelBackgroundBottom) 100%);
	border-color: var(--TipBorder);
}

.Warning
{
	background: linear-gradient(180deg, var(--WarningAccentTop) 0%, var(--WarningAccentBottom) 18%, var(--WarningAccentFade) 42%), linear-gradient(180deg, var(--PanelBackgroundTop) 0%, var(--PanelBackgroundBottom) 100%);
	border-color: var(--WarningBorder);
}

.Example,
div.Prerequisite,
.UseCases
{
	margin-top: 2rem;
	padding: 1.4rem;
	background: linear-gradient(180deg, var(--PanelBackgroundTop) 0%, var(--PanelBackgroundBottom) 100%);
	border: 1px solid var(--PanelBorder);
	border-radius: 16px;
	box-shadow: 0 10px 30px var(--PanelShadowStrong);
	color: var(--PanelText);
}

.Note .autonumber,
.Example .autonumber,
div.Prerequisite .autonumber,
.tablecaption .autonumber,
.imagetitle .autonumber,
.UseCases .autonumber
{
	color: var(--ColoredFontColor);
}

.Note .autonumber
{
	color: var(--NoteAccentText);
}

.Tip .autonumber
{
	color: var(--TipAccentText);
}

.Warning .autonumber
{
	color: var(--WarningAccentText);
}

.Box
{
	/*border-left: solid 4px var(--MainColor);*/
	background-color: var(--InfoColor);
	padding: 0.9em 1.875em;
	box-sizing: border-box;
}

/* Image plus caption or table plus caption as one unit. Since 2026-09-14 this is the
   wrapper for every table (the table styles are panels of their own, .Box is not used for
   tables any more; the existing table Boxes were migrated). The class existed in the style
   guide and the topic template before, but never had a rule. */

div.noBreak
{
	page-break-inside: avoid;
	break-inside: avoid;
}

@media screen
{
	div.noBreak > table.TableStyle-Default_StandardTable,
	div.noBreak > table.TableStyle-MenuTable,
	div.noBreak > table.TableStyle-Default_LabelTable
	{
		margin: 1rem 0 0.6rem;
	}

	div.noBreak > p.tablecaption
	{
		margin-top: 0.4rem;
	}
}

.Box .Tip,
.Box .Note,
.Box .Warning,
.Box .Example,
.Box .UseCases
{
	border: 0.5px solid var(--LinesColor);
}

.Box .Note
{
	border-color: var(--NoteBorder);
}

.Box .Tip
{
	border-color: var(--TipBorder);
}

.Box .Warning
{
	border-color: var(--WarningBorder);
}

/*.UseCases
{
	background-color: var(--InfoColor);
	padding: 10px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 10px 0;
	position: relative;
	page-break-inside: avoid;
}*/

.UseCases .autonumber
{
	color: var(--ColoredFontColor);
}

.Box .UseCases
{
	border: 0.5px solid var(--LinesColor);
}

.Box.searchtips
{
	margin-top: 1.5rem;
	padding: 1.35rem 1.5rem 1.45rem;
	background: linear-gradient(180deg, var(--TipAccentTop) 0%, var(--TipAccentBottom) 18%, var(--TipAccentFade) 42%), linear-gradient(180deg, var(--PanelBackgroundTop) 0%, var(--PanelBackgroundBottom) 100%);
	border: 1px solid var(--TipBorder);
	border-radius: 16px;
	box-shadow: 0 10px 30px var(--PanelShadowSoft);
	color: var(--PanelText);
	font-size: 1rem;
}

.Box.searchtips > p.bold
{
	margin: 0;
	padding-bottom: 0.85rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	color: var(--TipAccentText);
	font-family: var(--FontBodyBold), Arial, sans-serif;
	font-size: 1.15em;
}

.Box.searchtips ul
{
	margin: 1rem 0 0 0;
	padding-left: 0;
	list-style: none;
}

.Box.searchtips ul > li
{
	position: relative;
	margin-bottom: 0.85rem;
	padding-left: 1.1rem;
}

.Box.searchtips ul > li:last-child
{
	margin-bottom: 0;
}

.Box.searchtips ul > li::before
{
	content: "";
	position: absolute;
	top: 0.65em;
	left: 0;
	width: 0.38rem;
	height: 0.38rem;
	border-radius: 50%;
	background-color: var(--TipAccentText);
	box-shadow: 0 0 0 3px rgba(146, 212, 125, 0.08);
}

.Box.searchtips ul > li::marker
{
	content: none;
}

.Box.searchtips ul > li * p
{
	padding-left: 0;
}

.Box.searchtips li p
{
	margin: 0.15rem 0;
	color: var(--PanelText);
	line-height: 1.5;
}

.Box.searchtips li p.bold
{
	margin-bottom: 0.2rem;
	color: var(--PanelText);
	font-family: var(--FontBodySemiBold), Arial, sans-serif;
}

.Box.searchtips li p:not(.bold)
{
	color: var(--FontColor2);
}

@media only screen and (max-width: 1100px)
{
	.Box.searchtips
	{
		padding: 1.25rem 1.35rem;
	}
}

@media only screen and (max-width: 767px)
{
	.Box.searchtips
	{
		padding: 1.15rem 1.15rem 1.25rem;
	}
}

@media print
{
	.Box.searchtips
	{
		background: transparent;
		box-shadow: none;
	}

	.Box.searchtips li p,
	.Box.searchtips li p:not(.bold)
	{
		color: var(--FontColor);
	}
}

iframe
{
	width: 100%;
	height: 100vh;
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: 0.8px solid var(--Dark);
}

.Shadow
{
	padding: 0 0.5em;
	margin: 1em 0;
	border: 0.5px solid var(--InfoColor);
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.15);
}

/*To translate*/

/*.Tip
{
	border-left: solid 4px var(--MainColor);
}

.Note
{
	border-left: solid 4px var(--MainColor);
}

.Example
{
	border-left: solid 4px var(--MainColor);
}

.Warning
{
	border-left: solid 4px var(--SecondaryColor);
}
*/

div.MoreInformation
{
	border-left: none;
	margin: 2em 0;
	border-top: 1px solid var(--InfoColor);
	padding-top: 1em;
	background-position-y: .5em;
}

div.MoreInformation > .autonumber
{
	display: block;
	margin-bottom: 0.65em;
	line-height: 1.35;
}

div.MoreInformation > ul
{
	margin-top: 0;
}

div.UseCases > ul
{
	margin-top: 1em;
}

.MoreInformation
{
	padding-left: 32px;
	padding-bottom: 5px;
	background-image: url('../images/default/default_moreinformation.svg');
	background-repeat: no-repeat;
	page-break-after: avoid;
}

span.moreinformation-inline-text
{
	display: inline-block;
	line-height: 16px;
	white-space: nowrap;
	vertical-align: baseline;
}

span.moreinformation-inline-glyph
{
	display: inline-block;
	margin-right: 0.28em;
	color: var(--MainColor);
	font-family: var(--FontBodyBold);
	font-size: 1.05em;
	line-height: 1;
	vertical-align: baseline;
}

/* VIDEO-TUTORIAL strip (2026-10-20): ONE row per topic between the info bar and the H1.
   Rendered by the FAQ proxy in Default_Topics.flmsp (div.video-tutorial-strip). The label and all
   matching video titles sit in the same row; several titles are separated by a dot. Colors use the
   Tip palette (surface --TipAccentTop, border --TipBorder, symbol and label --TipAccentText), links in
   the text color, hover --TipAccentText (Ina, 2026-10-20: no brand blue in the row).
   No matching entry, no row and no space. */

div.video-tutorial-strip
{
	display: none;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.3em 0.7em;
	margin: 0.6em 0 1.4em;
	padding: 0.5em 0.9em;
	border: 1px solid var(--TipBorder);
	border-radius: 8px;
	background-color: var(--TipAccentTop);
	color: var(--FontColor);
	font-size: 0.9em;
	line-height: 1.4;
}

div.video-tutorial-strip:has(._Skins_Default_VideoTutorials)
{
	display: flex;
}

p.video-tutorial-label
{
	position: relative;
	margin: 0;
	padding-left: 1.1em;
	font-family: var(--FontBodyBold), Arial, sans-serif;
	font-weight: bold;
	color: var(--TipAccentText);
	white-space: nowrap;
}

p.video-tutorial-label::before
{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	margin-top: -0.35em;
	border-top: 0.35em solid transparent;
	border-bottom: 0.35em solid transparent;
	border-left: 0.6em solid currentColor;
}

div.video-tutorial-strip .micro-content-container
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.3em 0.7em;
	margin: 0;
	padding: 0;
	background: none;
}

/* The skin component sets 15px padding and margin on .micro-content with four classes of
   specificity (.micro-content-proxy._Skins_Default_VideoTutorials.mc-component .micro-content),
   so the reset needs the same classes plus the strip. */

div.video-tutorial-strip .micro-content-proxy.mc-component .micro-content,
div.video-tutorial-strip .micro-content
{
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	border: none;
	box-shadow: none;
	background: none;
}

div.video-tutorial-strip .micro-content-proxy.mc-component .micro-content + .micro-content::before,
div.video-tutorial-strip .micro-content + .micro-content::before
{
	content: "\00B7";
	margin-right: 0.7em;
	opacity: 0.6;
}

div.video-tutorial-strip .micro-content-phrase,
div.video-tutorial-strip .micro-content-drop-down-button,
div.video-tutorial-strip p.video-tutorial-desc
{
	display: none;
}

div.video-tutorial-strip .micro-response,
div.video-tutorial-strip .micro-response > div
{
	margin: 0;
	padding: 0;
}

div.video-tutorial p
{
	margin: 0;
	padding: 0;
}

/* "Video tutorial" marker with play symbol: visible where the response stands alone (search
   Knowledge Panel), hidden in the strip, which has its own label. */

/* Specificity beats the search skin rule for text inside the Knowledge Panel. */

.micro-content-container div.video-tutorial p.video-tutorial-kind,
div.video-tutorial p.video-tutorial-kind
{
	position: relative;
	margin: 0 0 0.2em;
	padding-left: 1.1em;
	font-family: var(--FontBodyBold), Arial, sans-serif;
	font-weight: bold;
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	/* !important: the generated search skin CSS sets the text color of Knowledge Panel
	   responses inside a media block with higher precedence. */
	color: var(--TipAccentText) !important;
}

.micro-content-container div.video-tutorial p.video-tutorial-kind::before,
div.video-tutorial p.video-tutorial-kind::before
{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	margin-top: -0.35em;
	border-top: 0.35em solid transparent;
	border-bottom: 0.35em solid transparent;
	border-left: 0.6em solid currentColor;
}

div.video-tutorial-strip div.video-tutorial p.video-tutorial-kind
{
	display: none;
}

div.video-tutorial a
{
	color: var(--FontColor);
	text-decoration: underline;
	text-underline-offset: 0.15em;
	text-decoration-thickness: 1px;
}

/* In the strip a title never wraps; in the narrow search Knowledge Panel it may. */

div.video-tutorial-strip div.video-tutorial a
{
	white-space: nowrap;
}

/* External link marker (the video opens on the Learn page in a new tab). */

div.video-tutorial a::after
{
	content: "\2197";
	display: inline-block;
	margin-left: 0.25em;
	font-size: 0.85em;
	text-decoration: none;
}

div.video-tutorial a:hover,
div.video-tutorial a:focus
{
	color: var(--TipAccentText);
}

/* /VIDEO-TUTORIAL strip */

span.nowrap-inline-icon
{
	white-space: nowrap;
}

p.imagetitle,
p.tablecaption,
p.howto,
.LastModified
{
	font-style: italic;
	font-size: 0.8em;
	margin-bottom: 10px;
}

/* Frontmatter */

hr.title-page
{
	border: solid 0px transparent;
	background-color: var(--Light);
	height: 1px;
	width: 100%;
	margin-bottom: 30px;
	margin-top: 370px;
}

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

p.title
{
	font-size: 55pt;
	line-height: 65pt;
	margin-top: 30px;
	mc-hyphenate: never;
}

p.title-page-footer
{
	color: var(--InfoColor);
	font-size: 9pt;
	frame-break-before: always;
	line-height: 15pt;
	margin-top: 30px;
}

p.title-page-url
{
	color: var(--InfoColor);
	font-size: 9pt;
	line-height: 15pt;
}

p.header	/*Programname+Version*/
{
	margin-top: 0;
	margin-left: auto;
	font-size: 1.4em;
	font-weight: 400;
	font-family: var(--FontH3), Arial, sans-serif;
	color: var(--ColoredFontColor);
}

p.TOC1
{
	color: var(--InfoColor);
	font-weight: normal;
	line-height: 21pt;
	margin-bottom: 15px;
	margin-top: 15px;
	page-break-after: avoid;
	font-size: 1em;
}

p.TOC2
{
	color: var(--InfoColor);
	font-size: 15pt;
	font-weight: normal;
	line-height: 21pt;
	margin-bottom: 13px;
	margin-left: .5in;
	margin-top: 13px;
}

p.TOC3
{
	color: var(--InfoColor);
	font-size: 13pt;
	line-height: 21pt;
	font-weight: normal;
	margin-bottom: 10px;
	margin-left: 1in;
	margin-top: 10px;
}

p.TOC1:hover
{
	background-color: var(--MainColor);
	color: var(--FontColor);
}

div.TwoColumns	/*Responsive Layout*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
}

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

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

div.TwoColumns > div
{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.TwoColumns > div:nth-child(1)
{
	width: 49%;
	margin-left: 0%;
	float: left;
}

div.TwoColumns > div:nth-child(2)
{
	width: 49%;
	margin-left: 0;
	float: right;
}

div.TwoColumns > img
{
	margin-top: 0;
}

/* Generic classes */

.list::before
{
	content: "\00BB ";
	margin-right: 5px;
	font-weight: bold;
	font-size: 1.5rem;
	color: var(--MainColor);
}

/*.TwoColumns
{
	display: table;
	border-spacing: 1em;
	width: 100%;
}

.Columns
{
	display: table-cell;
	box-sizing: border-box;
	cell-spacing: 8px;
	padding: 0.5em;
	vertical-align: top;
}

.Columns:nth-child(1)
{
	width: 50%;
}

.Columns:nth-child(2)
{
	width: 50%;
}*/

.center
{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	float: none !important;
	text-align: center;
	font-size: 1.6875em;
	line-height: 2.025em;
	font-weight: 400;
	font-family: var(--FontH3), Arial, sans-serif;
}

.MainColor
{
	color: var(--ColoredFontColor);
}

/* Headings */

h1
{
	font-size: 3em;
	line-height: 120%;
	font-weight: 600;
	font-family: var(--FontH1), Arial, sans-serif;
	border-bottom: 4px solid var(--MainColor);
	padding: 17px 30px 10px 0px;
	margin-top: 0;
}

h2
{
	font-family: var(--FontH2), Arial, sans-serif;
	font-weight: 500;
	font-size: 2.25em;
	line-height: 120%;
	border-bottom: 2px solid var(--MainColor);
	page-break-before: always;
	margin-top: 5%;
}

h3
{
	font-family: var(--FontH3), Arial, sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	line-height: 120%;
	border-bottom: 1px solid var(--InfoColor);
}

/* Home page topic */

.nav-search	/*Does not display search in Top Navigation for desktop*/
{
	display: none;
}

.navigation-wrapper
{
	align-self: center;
}

div.home-layout1
{
	padding: 2% 10%;
}

div.home-layout2
{
	padding: 2% 10%;
	text-align: justify;
	color: var(--Light);
}

div.home-section
{
	/*padding: 5%;*/
	border-bottom: solid 1px var(--Light);
}

div.home-section:last-of-type
{
	border-bottom: none;
}

div.home-tiles
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.home-tiles::before
{
	content: ' ';
	display: table;
}

div.home-tiles::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-tiles > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1%;
	color: var(--Light);
}

div.home-tiles > div:nth-child(1)
{
	width: 33.33333%;
	margin-left: 0%;
}

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

div.home-tiles > div:nth-child(3)
{
	width: 33.33333%;
	margin-left: 0%;
}

img.home-tile
{
	max-width: 100%;
	height: auto;
}

.tile-text
{
	font-size: 1.2em;
	/* font size adjustment */
	line-height: 1.5em;
	/* line height adjustment */
	font-weight: 400;
	font-family: var(--FontH3), Arial, sans-serif;
}

div.topic-hero
{
	padding: 8% 0;
	background-image: var(--KeyvisualImage);
	background-size: cover;
	background-attachment: scroll;
	border-radius: 2.5em;
}

div.topic-hero h1
{
	color: var(--HeroText);
	text-align: center;
	border: none;
	width: auto;
	margin-top: 0;
	margin-bottom: 0;
	font-family: var(--FontBody), sans-serif;
	font-size: 48px;
	font-weight: 600;
	line-height: 56px;
}

div.topic-hero h2
{
	color: var(--HeroText);
	margin-top: 0;
	margin-bottom: 2em;
	font-family: var(--FontBody), sans-serif;
	font-size: 30px;
	font-weight: 600;
	line-height: 36px;
	text-align: center;
	border: none;
}

.topic-hero-img
{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 56px;
	width: 100%;
	max-width: 100%;
	background-image: var(--LogoImageBanner);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

html.home-topic	/*Used on Home.htm topic for styles set only on the home topic*/
{
	
}

html.home-topic .main-section > .outer-row	/*Overrides padding set in the skin*/
{
	max-width: 100%;
	padding: 0;
}

/*Survey/Feedback*/

div.feedbacksnippet
{
	float: left;
	margin-top: 5em;
	border-top: 1px solid var(--Dark);
	width: 100%;
}

._hj-widget-container ._hj-5vKq2__styles__surveyContainer._hj-7Itnd__styles__inline,
._hj-Pbej5__styles__resetStyles *
{
	font-family: var(--FontBody), Arial, sans-serif;
	border: none;
	box-shadow: none;
}

._hj-widget-container ._hj-7Itnd__styles__inline ._hj-S9XKO__styles__surveyTitle
{
	text-align: center;
}

._hj-widget-container ._hj-sTf29__styles__inlineWrapper
{
	padding: 0;
}

/* Links */

a
{
	color: var(--ColoredFontColor);
}

a.home-tiles
{
	color: var(--Light);
	font-size: 13pt;
	font-weight: bold;
	text-decoration: none;
	font-family: var(--FontBody), Arial, sans-serif;
}

/* Home tile chevron: Default_ChevronRight.svg is a white SVG, invisible in
   the light theme. The img keeps its src, but its content box shrinks to
   zero width, so the picture never shows. Two borders in currentColor,
   turned by 45 degrees, draw the chevron instead; it takes the tile text
   color (var(--Light)) in every theme. No mask image: browsers fetch masks
   in CORS mode, which fails for pages opened from disk (file://, Flare
   preview) and hid the chevron, and Flare rewrites every url() (decodes
   and lowercases it), so a data URI does not survive the build either.
   margin replaces the general img margin-top. The tile picture
   img.home-tile stays untouched. */

a.home-tiles img:not(.home-tile)
{
	box-sizing: content-box;
	width: 0;
	max-width: none;
	height: 0.5em;
	padding-left: 0.5em;
	margin: 0 0.35em 0 0.45em;
	vertical-align: middle;
	border: 0 solid currentColor;
	border-top-width: 0.08em;
	border-right-width: 0.08em;
	transform: translateX(-0.1em) rotate(45deg);
}

MadCap|toggler
{
	color: var(--FontColor);
	/*mc-closed-image: url('Plus.png');
	mc-open-image: url('Minus.png');*/
	mc-closed-image: url('../images/default/default_arrowdown.svg');
	mc-open-image: url('../images/default/default_arrowup.svg');
	mc-image-position: left;
}

a.MCToggler,
a.MCToggler:link,
a.MCToggler:visited,
a.MCToggler:hover,
a.MCToggler:focus
{
	/* Flare's skin CSS sets generated toggler links to white. */
	color: var(--FontColor);
}

/* TOGGLE-ROWS BEGIN: test copy Vegas, Sound Forge, Acid (2026-10-19).
   Identical block in all three projects; moves 1:1 into DefaultDesign.

   Arrow: Flare's skin paints the white arrow SVG as a link background,
   invisible in the light theme. Instead two borders of the icon image in
   currentColor, turned by 45 degrees, draw the arrow, so it takes the text
   color in every theme and on hover. No mask image: browsers fetch masks
   in CORS mode, which fails for pages opened from disk (file://, Flare
   preview) and hides the arrow completely. No data URI either: Flare
   decodes and lowercases every url() in the output. The open state turns
   the arrow by another 180 degrees, without a transition: the HTML ships
   every toggler as open and Flare's script closes it on load, so an
   animated arrow would flip on every page view. margin replaces the
   general img margin-top, which pushed the arrow below the baseline. */

a.MCToggler.MCTogglerHotSpot_.MCHotSpotImage
{
	background-image: none;
	padding-left: 0;
	padding-right: 0;
}

/* Four classes: Flare writes a skin rule with four classes and its own
   background arrow for every drop-down that carries a class (for example
   pdf-version-dropdown), which beat a three-class selector. */

.MCDropDown a.MCDropDownHotSpot.MCDropDownHotSpot_.MCHotSpotImage
{
	background-image: none;
	padding: 0.8em 0.5em 0.8em 3em;
}

a.MCToggler img.MCToggler_Image_Icon,
a.MCDropDownHotSpot img.MCDropDown_Image_Icon
{
	display: inline-block;
	box-sizing: content-box;
	width: 0.28em;
	height: 0.28em;
	margin: 0 0.56em 0 0.21em;
	vertical-align: middle;
	border: 0 solid currentColor;
	border-right-width: 0.06em;
	border-bottom-width: 0.06em;
	transform: translateY(-0.1em) rotate(45deg);
}

a.MCToggler.MCToggler_Open img.MCToggler_Image_Icon,
.MCDropDown_Open a.MCDropDownHotSpot img.MCDropDown_Image_Icon
{
	transform: translateY(0.1em) rotate(225deg);
}

/* Drop-down hotspot: Flare copies MadCap|dropDownHotspot into the skin's
   Topic.css and freezes var(--FontColor) to the dark value (#FFFFFF), so
   drop-down heads vanished in the light theme. Same remedy as for the
   toggler links above. */

a.dropDownHotspot,
a.dropDownHotspot:link,
a.dropDownHotspot:visited,
a.dropDownHotspot:hover,
a.dropDownHotspot:focus
{
	color: var(--FontColor);
}

/* Rows: every drop-down and every toggler inside a heading becomes a row
   that is clickable across the full width, with a round button at the left
   edge, before the title, so it stays next to the title at any window width
   (decided 2026-10-19, variant B with button left). This matches
   mc-image-position: left in MadCap|toggler and MadCap|dropDown: Flare then
   writes the icon img before the text and pads the skin rule on the left. Drop-downs get lines above and below,
   neighbors share one line. Heading togglers keep the heading's own bottom
   line as divider. Togglers inside running text (p, span, li) stay inline:
   the selectors only match togglers in h2 to h4, no :has() (Flare breaks it). */

.MCDropDown
{
	padding: 0;
	border-top: 1px solid var(--PanelBorder);
	border-bottom: 1px solid var(--PanelBorder);
}

.MCDropDown + .MCDropDown
{
	border-top: none;
}

a.MCDropDownHotSpot
{
	display: block;
	position: relative;
	font-family: var(--FontBodySemiBold), Arial, sans-serif;
	text-decoration: none;
}

a.MCDropDownHotSpot:hover
{
	background-color: rgba(128, 128, 128, 0.10);
}

a.MCDropDownHotSpot:hover::after
{
	border-color: var(--MainColor);
}

a.MCDropDownHotSpot::after
{
	content: '';
	position: absolute;
	left: 0.45em;
	top: 50%;
	box-sizing: border-box;
	width: 1.9em;
	height: 1.9em;
	margin-top: -0.95em;
	border: 1px solid var(--PanelBorder);
	border-radius: 50%;
}

a.MCDropDownHotSpot img.MCDropDown_Image_Icon
{
	position: absolute;
	left: 1.21em;
	top: 50%;
	margin: -0.17em 0 0 0;
}

.MCDropDownBody
{
	padding: 0 0.5em 1em 0.5em;
}

h2 a.MCToggler.MCTogglerHotSpot_.MCHotSpotImage,
h3 a.MCToggler.MCTogglerHotSpot_.MCHotSpotImage,
h4 a.MCToggler.MCTogglerHotSpot_.MCHotSpotImage
{
	display: block;
	position: relative;
	padding: 0.35em 0.3em 0.35em 2.1em;
	text-decoration: none;
}

h2 a.MCToggler:hover,
h3 a.MCToggler:hover,
h4 a.MCToggler:hover
{
	background-color: rgba(128, 128, 128, 0.10);
}

h2 a.MCToggler::after,
h3 a.MCToggler::after,
h4 a.MCToggler::after
{
	content: '';
	position: absolute;
	left: 0.3em;
	top: 50%;
	box-sizing: border-box;
	width: 1.3em;
	height: 1.3em;
	margin-top: -0.65em;
	border: 1px solid var(--PanelBorder);
	border-radius: 50%;
}

h2 a.MCToggler:hover::after,
h3 a.MCToggler:hover::after,
h4 a.MCToggler:hover::after
{
	border-color: var(--MainColor);
}

h2 a.MCToggler img.MCToggler_Image_Icon,
h3 a.MCToggler img.MCToggler_Image_Icon,
h4 a.MCToggler img.MCToggler_Image_Icon
{
	position: absolute;
	left: 0.78em;
	top: 50%;
	margin: -0.17em 0 0 0;
}

/* h2 has a large font size: smaller circle. */

h2 a.MCToggler::after
{
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
}

h2 a.MCToggler img.MCToggler_Image_Icon
{
	left: 0.63em;
}

h2 a.MCToggler.MCTogglerHotSpot_.MCHotSpotImage
{
	padding-left: 1.7em;
}

/* Divider of the rows: about 3:1 against the background in both themes
   (the h3 line, var(--InfoColor), reaches only 1.8:1 dark and 1.1:1 light).
   The heading toggler draws its own line over the h3 line (h3 has no
   bottom padding). */

h2 a.MCToggler.MCTogglerHotSpot_.MCHotSpotImage,
h3 a.MCToggler.MCTogglerHotSpot_.MCHotSpotImage,
h4 a.MCToggler.MCTogglerHotSpot_.MCHotSpotImage
{
	border-bottom: 1px solid #585d64;
	margin-bottom: -1px;
}

.MCDropDown
{
	border-color: #585d64;
}

[data-theme="light"]:root h2 a.MCToggler.MCTogglerHotSpot_.MCHotSpotImage,
[data-theme="light"]:root h3 a.MCToggler.MCTogglerHotSpot_.MCHotSpotImage,
[data-theme="light"]:root h4 a.MCToggler.MCTogglerHotSpot_.MCHotSpotImage
{
	border-bottom-color: #8a919a;
}

[data-theme="light"]:root .MCDropDown
{
	border-color: #8a919a;
}

/* TOGGLE-ROWS END */

MadCap|popupHead
{
	color: var(--FontColor);
	border-bottom: 1px solid var(--MainColor);
}

MadCap|popupBody
{
	background-color: var(--InfoColor);
	color: var(--FontColor);
	border: solid 2px var(--LinesColor);
	padding: 0.8em;
}

MadCap|dropDown
{
	/*border-bottom: 1px solid var(--Light);*/
	mc-image-spacing: 10px;
	padding: 10px 0;
	/*mc-closed-image: url('Plus.png');
	mc-open-image: url('Minus.png');*/
	mc-closed-image: url('../images/default/default_arrowdown.svg');
	mc-open-image: url('../images/default/default_arrowup.svg');
	mc-image-position: left;
}

MadCap|dropDownBody
{
	padding: 0px 10px;
	margin-left: 0;
}

MadCap|dropDownHotspot
{
	cursor: pointer;
	text-decoration: none;
	color: var(--FontColor);
	border-bottom: none;
}

MadCap|expandingBody
{
	padding-left: 10px;
}

MadCap|expandingHead
{
	font-weight: normal;
	cursor: hand;
	text-decoration: none;
	color: var(--FontColor);
}

MadCap|expanding
{
	mc-closed-image: url('../images/default/default_arrowdown.svg');
	mc-open-image: url('../images/default/default_chevronright.svg');
}

MadCap|xref
{
	font-weight: bold;
	mc-format: '{para}';
	text-decoration: underline;
	color: var(--ColoredFontColor);
}

/*breaks*/

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

.page-break
{
	page-break-before: always;
}

div.no-break,
tr	/*Elemente gruppieren,kein Seitenumbruch darin erlaubt*/
{
	page-break-inside: avoid;
}

/* Lists */

dd,
dd p,
dt,
dt p,
li,
li p
{
	margin-bottom: 8px;
	margin-top: 8px;
}

dl,
ol,
ul
{
	letter-spacing: .25px;
	line-height: 20pt;
	margin-top: 0px;
	margin-bottom: 0px;
}

ol > li::marker
{
	color: var(--MainColor);
	font-weight: bold;
}

ul > li,
ul > li * p
{
	padding-left: 10px;
	margin-top: 0;
	margin-bottom: 0.3em;
}

ul.Step
{
	list-style-type: none;
}

ul.Step > li::marker
{
	content: "\00BB ";
}

ul
{
	list-style-type: disc;
	list-style-image: none;
}

ul > li::marker
{
	color: var(--MainColor);
	content: '\25Cf';
}

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

ul > li > ul > li::marker
{
	color: var(--MainColor);
	content: '\25C9';
}

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

ul > li > ul > li > ul > li::marker
{
	color: var(--MainColor);
	content: '\25CB';
}

/* Master pages */
/*==Home Page Footer==*/

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

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

div.footer p	/* Complex Selector: Any <p> that is contained within div.footer will have the following properties */
{
	color: var(--FontColor);
	margin-bottom: 0;
	text-align: center;
	font-size: 1.6875em;
	font-family: var(--FontH3), Arial, sans-serif;
}

div.home-master-page-footer
{
	/*display: flex;
	flex-direction: column;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
	width: 30%;*/
	width: 100%;
	margin: 0 auto;
}

div.footer-section
{
	width: 100%;
	text-align: center;
}

div.footer-socials
{
	display: flex;
	justify-content: center;
	gap: 1em;
	/* Abstand zwischen den Icons */
	width: 100%;
	padding-bottom: 1em;
}

div.footer-socials a
{
	display: flex;
	align-items: center;
}

div.footer-socials img.footer-socials-icon
{
	width: 40px;
	height: 40px;
	display: block;
	margin-top: 0;
	flex: 0 0 auto;
}

div.footer-socials img.footer-socials-brand
{
	object-fit: cover;
	object-position: center;
	border-radius: 50%;
}

div.footer-socials img.footer-socials-icon-twitter
{
	width: 34px;
	height: 34px;
}

/* 3 Bereiche. links leer, mitte Social Block, rechts Sprache */

div.footer-row
{
	display: grid;
	grid-template-columns: 1fr minmax(280px, 30%) 1fr;
	align-items: center;
	padding: 1rem 0;
}

/* Optional: explicit column assignment for stability */

div.footer-left
{
	grid-column: 1;
	justify-self: center;
	align-self: center;
	position: relative;
	z-index: 2;
}

div.footer-center
{
	grid-column: 2;
	position: relative;
	z-index: 1;
}

div.footer-language
{
	grid-column: 3;
}

/* Sprachelement rechts unten */

div.footer-language
{
	/*width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;*/
	justify-self: center;
	/* centre within the third grid column */
	align-self: center;
	display: inline-flex;
	/* schrumpft auf Inhalt */
	align-items: center;
	position: relative;
	/* positioning context for the popup */
	overflow: visible;
}

/* Toolbar-Skin: typische "rechts"-Ausrichtung neutralisieren */

div.footer-language .buttons.mc-component,
div.footer-language .buttons.mc-component > ul,
div.footer-language [class*="button-group-container"]
{
	float: none !important;
	margin: 0 auto !important;
}

/* ULs im Toolbar als Flex zentrieren */

div.footer-language .buttons.mc-component > ul,
div.footer-language [class*="button-group-container"]
{
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: auto !important;
	padding: 0 !important;
}

/* only touch the Select Language popup */

div.footer-language div.toolbar-button-drop-down.select-language-drop-down[id^="link-list-popup"]
{
	position: absolute !important;
	box-shadow: none;
	/* Flare Inline-Werte neutralisieren */
	top: auto !important;
	right: auto !important;
	left: 0 !important;
	bottom: calc(100% + 8px) !important;
	z-index: 9999 !important;
	/* optional, keeps it from growing too large */
	max-height: 40vh;
	overflow: auto;
}

/*Language Flags*/

div.toolbar-button-drop-down.select-language-drop-down[id^="link-list-popup"] a[data-lang="de"]::before
{
	background-image: url('../images/screenonly/default_flags-de.svg');
}

div.toolbar-button-drop-down.select-language-drop-down[id^="link-list-popup"] a[data-lang="en"]::before
{
	background-image: url('../images/screenonly/default_flags-en.svg');
}

div.toolbar-button-drop-down.select-language-drop-down[id^="link-list-popup"] a[data-lang="fr"]::before
{
	background-image: url('../images/screenonly/default_flags-fr.svg');
}

div.toolbar-button-drop-down.select-language-drop-down[id^="link-list-popup"] a[data-lang="es"]::before
{
	background-image: url('../images/screenonly/default_flags-es.svg');
}

/* lay out the entries */

div.toolbar-button-drop-down.select-language-drop-down[id^="link-list-popup"] ul li a
{
	display: flex;
	align-items: center;
	gap: .5rem;
	white-space: nowrap;
}

/* Flaggenplatz */

div.toolbar-button-drop-down.select-language-drop-down[id^="link-list-popup"] ul li a::before
{
	content: "";
	width: 1.2em;
	height: 0.85em;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 2px;
	flex: 0 0 auto;
}

/* Optional: if the proxy comes out too wide in the output 
div.footer-language MadCap|topicToolbarProxy {
  white-space: nowrap;
}*/

/*div.home-master-page-footer	
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	width: 30%;
}

div.home-master-page-footer::before
{
	content: ' ';
	display: table;
}

div.home-master-page-footer::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-master-page-footer > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.home-master-page-footer > div:nth-child(1)
{
	width: 25%;
	margin-left: 0%;
}

div.home-master-page-footer > div:nth-child(2)
{
	width: 50%;
	margin-left: 0%;
}

div.home-master-page-footer > div:nth-child(3)
{
	width: 25%;
	margin-left: 0%;
}

div.home-master-page-footer .center
{
	line-height: 0%;
}*/

div.side-content	/*Used on OtherTopics.flmsp for the menu*/
{
	width: 300px;
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

div.Infobar	/*Responsive Layout*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
}

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

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

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

div.Infobar > div:nth-child(1)	/*Menu Proxy container*/
{
	width: 25%;
	margin-left: 0%;
	/*border-right: 1px solid #d3d3d3;*/
}

div.Infobar > div:nth-child(2)
{
	width: 73%;
	margin-left: 2%;
	text-align: right;
}

div.search-toolbar
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	min-height: 50px;
	display: flex;
	/*justify-content: space-between;
	 distributes the boxes evenly */
	align-items: center;
	/* zentriert die Boxen vertikal */
}

div.search-toolbar::before
{
	content: " ";
	display: table;
}

div.search-toolbar::after
{
	content: " ";
	display: table;
	clear: both;
}

div.search-toolbar > div
{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.search-toolbar > div:nth-child(1)	/*Searchbar*/
{
	width: 25%;
	margin-left: 0%;
}

div.search-toolbar > div:nth-child(2)	/*Breadcrumbs*/
{
	width: 60%;
	display: flex;
	/*justify-content: center;  zentriert den Inhalt horizontal */
	align-items: center;
	/* zentriert den Inhalt vertikal */
	/*text-align: center;  zentriert den Text innerhalb der Box */
}

div.search-toolbar > div:nth-child(3)	/*Topic Toolbar*/
{
	width: 15%;
	margin-left: 0%;
	text-align: right;
	/* optional: richtet den Text rechts aus */
	float: none;
	/* removes the float, flexbox is used instead */
}

/*._Skins_Default_GeneralSkin*/

/* Search results component:
   Skin owns the text/link/path/pagination base styling.
   This stylesheet keeps the section layout, cards, highlights, and responsive tweaks. */

#searchPane
{
	margin-top: 1.75rem;
	margin-bottom: 1.75rem;
	padding: 1.4rem 1.6rem 1.5rem;
	background: linear-gradient(180deg, var(--PanelHighlightTop) 0%, var(--PanelHighlightBottom) 32%), linear-gradient(180deg, var(--PanelBackgroundTop) 0%, var(--PanelBackgroundBottom) 100%);
	border: 1px solid var(--PanelBorder);
	border-radius: 16px;
	box-shadow: 0 10px 30px var(--PanelShadowSoft);
	color: var(--PanelText);
}

#results-heading,
._Skins_Default_SearchResults.mc-component #results-heading
{
	margin: 0 0 1rem 0;
	padding: 0 0 0.85rem 0;
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

#results-heading .query
{
	color: var(--MainColor);
}

#results-heading .total-results
{
	color: var(--PanelText);
}

._Skins_Default_SearchResults.mc-component .knowledge-panel-container .micro-content-phrase span
{
	color: var(--PanelText);
}

._Skins_Default_SearchResults.mc-component .knowledge-panel-container .micro-response,
._Skins_Default_SearchResults.mc-component .knowledge-panel-container .micro-response p,
._Skins_Default_SearchResults.mc-component .knowledge-panel-container .micro-response li
{
	color: var(--PanelText);
	line-height: 1.5;
}

._Skins_Default_SearchResults.mc-component .knowledge-panel-container .micro-response-title a,
._Skins_Default_SearchResults.mc-component .knowledge-panel-container .micro-response-title a:visited
{
	color: var(--MainColor);
}

._Skins_Default_SearchResults.mc-component .knowledge-panel-container .micro-response-title a:hover,
._Skins_Default_SearchResults.mc-component .knowledge-panel-container .micro-response-title a:focus
{
	color: var(--MainColor);
	text-decoration: underline;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.18em;
}

._Skins_Default_SearchResults.mc-component .knowledge-panel-container .micro-response-url cite
{
	color: var(--FontColor2);
}

#resultList
{
	list-style: none;
	padding-left: 0;
	margin: 0;
	display: grid;
	gap: 0.85rem;
}

#resultList > li
{
	position: relative;
	margin: 0;
	padding: 1rem 1.15rem 1rem 1.8rem;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.015) 100%);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 12px;
	transition: border-color 0.2s ease, transform 0.2s ease;
}

#resultList > li::before
{
	content: "";
	position: absolute;
	top: 1.25rem;
	left: 0.95rem;
	width: 0.45rem;
	height: 0.45rem;
	border-radius: 50%;
	background-color: var(--MainColor);
	box-shadow: 0 0 0 4px rgba(0, 174, 239, 0.12);
}

#resultList > li::marker
{
	content: none;
}

#resultList > li:hover
{
	border-color: rgba(0, 174, 239, 0.45);
	transform: translateY(-1px);
}

#resultList > li h3.title
{
	margin: 0;
	padding: 0;
	border: none;
	font-size: 1em;
	line-height: 1.35;
}

#resultList > li h3.title a:hover,
#resultList > li h3.title a:focus
{
	color: var(--MainColor);
	text-decoration: underline;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.18em;
}

#resultList > li .description
{
	margin-top: 0.55rem;
}

#resultList > li .url
{
	margin-top: 0.75rem;
}

#resultList > li b,
span.SearchHighlight
{
	background-color: rgba(0, 174, 239, 0.22);
	border-radius: 4px;
	padding: 0 0.18em;
	box-sizing: border-box;
	color: var(--PanelText);
	font-family: var(--FontBodySemiBold), Arial, sans-serif;
	font-weight: 600;
}

#pagination
{
	margin-top: 1rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

#pagination a
{
	transition: border-color 0.2s ease, background-color 0.2s ease;
}

@media only screen and (max-width: 1100px)
{
	#searchPane
	{
		padding: 1.25rem 1.35rem;
	}
}

@media only screen and (max-width: 767px)
{
	#searchPane
	{
		padding: 1.15rem 1.15rem 1.25rem;
	}

	#resultList > li
	{
		padding: 0.95rem 1rem 0.95rem 1.55rem;
	}

	#resultList > li::before
	{
		left: 0.7rem;
	}

	#pagination a
	{
		padding: 0.4rem 0.7rem;
	}
}

@media print
{
	#searchPane,
	#resultList > li
	{
		background: transparent;
		box-shadow: none;
	}

	#searchPane
	{
		border-color: #c7c7c7;
	}

	#resultList > li
	{
		border-color: #d8d8d8;
	}

	#resultList > li h3.title a,
	#resultList > li h3.title a:visited,
	#resultList > li .description,
	#resultList > li .url cite,
	#results-heading
	{
		color: var(--FontColor);
	}

	#resultList > li b,
	span.SearchHighlight
	{
		background-color: transparent;
		padding: 0;
		border-bottom: 1px solid currentColor;
	}
}

/*Dynamic Search*/

#searchResultsDropdown
{
	position: absolute;
	z-index: 1000;
	background-color: var(--InfoColor);
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 100%;
	box-sizing: border-box;
}

#searchResultsDropdown li
{
	padding: 10px;
	cursor: pointer;
	border-bottom: 1px solid var(--LinesColor);
}

#searchResultsDropdown li:hover
{
	background-color: var(--Medium);
}

#searchResultsDropdown li div.title
{
	color: var(--ColoredFontColor);
	font-size: 1em;
}

#searchResultsDropdown li div.preview
{
	color: var(--FontColor);
	font-size: 0.8em;
}

/*OMQ integration*/

.omq-help-wrapper > div.omq-help-container:nth-of-type(-n+2)
{
	display: none;
	/*height:0; min-height:0; margin:0; padding:0; border:0;
  	overflow:hidden;*/
}

#omq-help-container
{
	border-top: none !important;
}

.omq-help-container,
.omq-question-list__empty,
.omq-question-list__link
{
	padding: 0 !important;
}

/* ==========================================================================
	Layout Online - Seitenaufbau - MasterPage Common_Content                    
	========================================================================== */

/*._Skins_Default_GeneralSkin*/

._Skins_Default_GeneralSkin .off-canvas-wrapper-inner .outer-row,
.off-canvas-wrapper-inner .outer-row	/*content width, including the menu*/
{
	max-width: 90%;
}

div.top-bar	/*Contains the breadcrumbs and toolbar*/
{
	min-height: 50px;
	/*Min-height is necessary for topics that are not included in a TOC*/
}

div.topic-layout	/*Responsive Layout*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.topic-layout::before
{
	content: ' ';
	display: table;
}

div.topic-layout::after
{
	content: ' ';
	display: table;
	clear: both;
}

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

div.topic-layout > div:nth-child(1)	/*Menu Proxy container*/
{
	width: 25%;
	margin-left: 0%;
	/*border-right: 1px solid #d3d3d3;*/
}

div.topic-layout > div:nth-child(2)
{
	width: 73%;
	margin-left: 2%;
}

/*Navigation/TOC*/

.NoTocNoNr
{
	/*column-break-before: always;*/
	mc-auto-number-format: '{ }';
	mc-heading-level: 0;
}

ul.menu li::marker,
ul.navigation li::marker
{
	content: none;
}

ul.menu._Skins_Default_Topics_Menu.mc-component li > a.selected
{
	/*border-left: 2px solid var(--MainColor);
	background-color: var(--InfoColor);*/
	padding: 5px;
	color: var(--FontColor);
	font-weight: 500;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-sizing: border-box;
	display: inline-block;
}

/*ul.menu li.has-children > a::after
{
	content: " » ";
}*/

/* Top navigation arrow: default_arrowdown.svg is a white SVG, so as
   content: url() it vanished in the light theme. Two borders in
   currentColor, turned by 45 degrees, draw a down chevron instead; it takes
   the menu text color in every theme. No mask image: browsers fetch masks
   in CORS mode, which fails for pages opened from disk (file://, Flare
   preview), and Flare rewrites every url(), so a data URI does not survive
   the build either. First level only: sub-menu entries keep the skin's "»"
   (ul.navigation ul > li.has-children > a:after). */

ul.navigation > li.has-children > a::after
{
	content: '';
	display: inline-block;
	box-sizing: border-box;
	width: 0.35em;
	height: 0.35em;
	margin-left: 0.5em;
	/* gap between the text and the symbol */
	vertical-align: middle;
	border: 0 solid currentColor;
	border-right-width: 1.5px;
	border-bottom-width: 1.5px;
	transform: translateY(-0.2em) rotate(45deg);
}

/* divider for first-level entries inside sub-menu */

ul.nocontent.menu .sub-menu > li
{
	border-bottom: 1px solid var(--Medium);
	/* thin light grey line */
	margin-bottom: 5px;
	/* Optional: gap between entries */
	padding-bottom: 5px;
	/* Optional: gap between entry and line */
}

ul.nocontent.menu .sub-menu > li:last-child,
ul.nocontent.menu .sub-menu .sub-menu > li
{
	border-bottom: none;
	/* no line under the last entry */
}

/* ==== In-topic navigation "In this topic" ==================================
   

     p.subheading.topic-menu-label          the label, a sibling of the ul
     ul.nocontent.menu._Skins_Default_Topics_InPageMenu.mc-component
       > li.tree-node
           > a          the h1 of the topic
           > ul         NO CLASS, in particular no sub-menu
               > li.tree-node > a   the h2 headings

  
   ========================================================================== */

p.subheading.topic-menu-label
{
	border-bottom: none;
	margin-bottom: 0;
	padding-left: 0;
	padding-top: 0.2em;
	padding-bottom: 0.7em;
}

ul.menu._Skins_Default_Topics_InPageMenu.mc-component
{
	display: block;
	/* Flare/Foundation setzen hier display: list-item */
	list-style: none;
	margin: 0 0 2em 0;
	padding: 0;
	/* otherwise the browser default ul { padding-left: 40px } applies */
}

/* H1-Ebene ausblenden */

ul.menu._Skins_Default_Topics_InPageMenu.mc-component > li > a
{
	display: none;
}

/* Pull the second level up. No body of its own, the rail sits on the rows. */

ul.menu._Skins_Default_Topics_InPageMenu.mc-component > li > ul
{
	display: block;
	/* Flare/Foundation setzen hier display: list-item */
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menu._Skins_Default_Topics_InPageMenu.mc-component > li > ul > li
{
	list-style: none;
	margin: 0;
}

/* Row with rail and chevron. The rail starts at the first entry; the label
   above it carries no line. */

ul.menu._Skins_Default_Topics_InPageMenu.mc-component > li > ul > li > a
{
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 12px 8px 14px;
	border-left: 2px solid var(--Medium);
	border-radius: 0 8px 8px 0;
	-moz-border-radius: 0 8px 8px 0;
	-webkit-border-radius: 0 8px 8px 0;
	color: var(--FontColor2);
	font-size: 1em;
	line-height: 1.45em;
	text-decoration: none;
	transition: background-color 0.15s, color 0.15s, border-color 0.15s;
}

ul.menu._Skins_Default_Topics_InPageMenu.mc-component > li > ul > li > a::before
{
	content: "";
	flex: none;
	width: 6px;
	height: 6px;
	border-right: 1.6px solid var(--MenuItems);
	border-bottom: 1.6px solid var(--MenuItems);
	transform: rotate(-45deg);
	transition: border-color 0.15s, transform 0.15s;
}

/* Hover und Tastaturfokus */

ul.menu._Skins_Default_Topics_InPageMenu.mc-component > li > ul > li > a:hover::before,
ul.menu._Skins_Default_Topics_InPageMenu.mc-component > li > ul > li > a:focus::before
{
	border-right-color: var(--MainColor);
	border-bottom-color: var(--MainColor);
	transform: rotate(-45deg) translate(2px, 2px);
}

/* Active section. The rail segment takes the accent colour; the second carrier
   besides colour is the font weight. */

ul.menu._Skins_Default_Topics_InPageMenu.mc-component > li > ul > li > a.selected
{
	border-left-color: var(--MainColor);
	background-color: var(--MenuActiveSurface);
	color: var(--MainColor);
	font-weight: 600;
	font-family: var(--FontBodySemiBold), Arial, sans-serif;
}

ul.menu._Skins_Default_Topics_InPageMenu.mc-component > li > ul > li > a.selected::before
{
	border-right-color: var(--MainColor);
	border-bottom-color: var(--MainColor);
}

/*==Elements for the left side of Master Page layout==*/

div.side-menu
{
	padding-left: 10px;
	margin-top: 15px;
}

/*.title-bar-layout a.logo
{
	background: var(--LogoImageHeader) !important;
	background-repeat: no-repeat !important;
	min-width: 151px;
}*/

.off-canvas-wrapper-inner nav.title-bar .outer-row
{
	height: 70px;
	max-height: 70px;
}

/* #################### Scrollbalken ################### */
/* For Microsoft Edge */
/* Scrollbar */

::-ms-scrollbar
{
	width: 10px;
}

/* Scrollbar Track */

::-ms-scrollbar-track
{
	background-color: var(--ScrollTrack);
}

/* Scrollbar Thumb */

::-ms-scrollbar-thumb
{
	background-color: var(--ScrollThumb);
	border-radius: 5px;
}

/* Scrollbar Thumb on hover */

::-ms-scrollbar-thumb:hover
{
	background-color: var(--ScrollThumbHover);
}

/* For WebKit-based browsers (Chrome, Safari) */

::-webkit-scrollbar
{
	width: 10px;
}

::-webkit-scrollbar-track
{
	background-color: var(--ScrollTrack);
}

::-webkit-scrollbar-thumb
{
	background-color: var(--ScrollThumb);
	border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover
{
	background-color: var(--ScrollThumbHover);
}

/* #################### Scrollbalken Ende ################### */

/* ==========================================================================
	ENDE - Layout Online - Seitenaufbau - MasterPage Common_Content                    
	========================================================================== */

MadCap|breadcrumbsProxy
{
	border-bottom-width: 0;
	color: var(--Light);
	mc-breadcrumbs-divider: ' » ';
	font-style: italic;
	font-size: 0.8em;
	border-bottom-style: none;
	border-bottom-color: transparent;
}

[data-theme="light"]:root .breadcrumbs,
[data-theme="light"]:root .breadcrumbs .MCBreadcrumbsPrefix,
[data-theme="light"]:root .breadcrumbs .MCBreadcrumbsDivider,
[data-theme="light"]:root .breadcrumbs .MCBreadcrumbsSelf,
[data-theme="light"]:root .breadcrumbs span
{
	color: #5f6368;
}

#back-to-top
{
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	background-color: var(--MainColor);
	color: white;
	text-align: center;
	width: 50px;
	/* Feste Breite */
	height: 50px;
	/* fixed height */
	line-height: 50px;
	/* Vertikale Zentrierung des Inhalts */
	font-size: 24px;
	/* adjust the font size */
	border-radius: 50%;
	/* Runde Form */
	cursor: pointer;
	z-index: 99;
	text-decoration: none;
	background-position: center;
	background-repeat: no-repeat;
	border-style: none;
}

#back-to-top:hover
{
	background-color: var(--AccentHover);
}

/* ==== Theme-Toggle (Dark/Light) ==== */

.theme-toggle-item
{
	display: inline-flex;
	align-items: center;
}

#theme-toggle
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	padding: 0;
	margin: 0 0.25em;
	border: 1px solid var(--MainColor);
	border-radius: 6px;
	background-color: transparent;
	color: var(--FontColor);
	cursor: pointer;
	font-size: 1.1em;
	line-height: 1;
	vertical-align: middle;
	transition: background-color 0.15s ease, color 0.15s ease;
}

#theme-toggle:hover
{
	background-color: var(--InfoColor);
}

#theme-toggle:focus-visible
{
	outline: 2px solid var(--MainColor);
	outline-offset: 2px;
}

/* floating fallback, e.g. on the home page where there is no topic toolbar */

#theme-toggle.theme-toggle-floating
{
	position: fixed;
	top: 14px;
	right: 16px;
	z-index: 100;
	background-color: var(--PanelBackgroundTop);
	box-shadow: 0 1px 4px var(--PanelShadowSoft);
}

/* Native topic toolbar button (skin: ThemeToggle): the glyph is injected by JS
   into .button-icon; here only centred for legibility and coloured theme-aware. */

.theme-toggle-button .button-icon
{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	line-height: 1;
	color: var(--FontColor);
}

.theme-mode-menu
{
	position: absolute;
	z-index: 1000;
	min-width: 190px;
	padding: 6px;
	border: 1px solid var(--LinesColor);
	border-radius: 6px;
	background-color: var(--PanelBackgroundTop);
	box-shadow: 0 10px 30px var(--PanelShadowStrong);
	color: var(--PanelText);
}

.theme-mode-menu[hidden]
{
	display: none;
}

.theme-mode-menu-item
{
	display: grid;
	grid-template-columns: 24px 1fr 18px;
	align-items: center;
	width: 100%;
	padding: 8px 10px;
	border: 0;
	border-radius: 4px;
	background-color: transparent;
	color: inherit;
	cursor: pointer;
	font: inherit;
	font-size: 0.9rem;
	line-height: 1.2;
	text-align: left;
}

.theme-mode-menu-item:hover,
.theme-mode-menu-item:focus
{
	background-color: var(--InfoColor);
	outline: none;
}

.theme-mode-menu-icon
{
	display: inline-flex;
	justify-content: center;
	font-size: 1rem;
	line-height: 1;
}

.theme-mode-menu-check::before
{
	content: "\2713";
	opacity: 0;
}

.theme-mode-menu-item[aria-checked="true"] .theme-mode-menu-check::before
{
	opacity: 1;
}

/* ==== Light mode correction: navigation panel ====
   The off-canvas and sidenav backgrounds come from Flare's Fluid skin template
   (aside.off-canvas: var(--Dark); .sidenav-wrapper: hardcoded #45494c) and are
   NOT exposed as properties in the source skin. They are therefore pinned here
   through a light override; dark stays unchanged. */

@media screen
{
	[data-theme="light"]:root aside.off-canvas,
	[data-theme="light"]:root .sidenav-wrapper
	{
		background-color: var(--InfoColor);
		color: var(--FontColor);
	}

	[data-theme="light"]:root aside.off-canvas a,
	[data-theme="light"]:root .sidenav-wrapper a,
	[data-theme="light"]:root .side-menu a
	{
		color: var(--FontColor);
	}

	/* The desktop sidenav hover is hardcoded (#303335) in the Fluid template;
	   switch it to the theme accent in light (like the off-canvas menu). */

	[data-theme="light"]:root ul.sidenav li a:hover
	{
		background-color: var(--MainColor);
		color: var(--HeroText);
	}

	/* The hamburger (off-canvas toggle) uses a white Fluid template icon
	   (Menu.png) meant for the dark title bar -> invisible in light (white title
	   bar). Invert it in light so the icon becomes dark and visible. */

	[data-theme="light"]:root .menu-icon span
	{
		filter: invert(1);
	}

	/* Topic toolbar prev/next chevrons are white skin icons -> invisible in light.
	   Invert them (print and language are already dark icons). */

	[data-theme="light"]:root .previous-topic-button .button-icon,
	[data-theme="light"]:root .next-topic-button .button-icon
	{
		filter: invert(1);
	}

	/* The search bar comes from the skin; in light mode a dark icon plus a clear field edge. */

	[data-theme="light"]:root .search-bar .search-field
	{
		background-color: var(--SearchInputBackground, #eef2f7);
		border-color: var(--LinesColor);
		color: var(--FontColor);
	}

	[data-theme="light"]:root .search-bar .search-submit,
	[data-theme="light"]:root .search-bar.search-bar-container._Skins_Default_Topics_Searchbar.mc-component .search-submit
	{
		background-image: url('../../../skins/default/stylesheets/components/images/icon-search-dark_1.png');
		border-color: var(--LinesColor);
	}

	/* The footer is dark-first (var(--Dark)); in light it turns light with readable
	   text. Invert the white social icons, not the coloured brand logo. */

	[data-theme="light"]:root div.footer
	{
		background-color: var(--InfoColor);
	}

	[data-theme="light"]:root .footer-socials-icon:not(.footer-socials-brand)
	{
		filter: invert(1);
	}
}

/* Page layout */

p.frame-footer-page-number
{
	color: var(--Medium);
	font-size: 11pt;
	font-weight: bold;
	text-align: right;
}

p.frame-footer-text
{
	color: var(--Medium);
	font-size: 11pt;
	font-weight: bold;
	text-transform: uppercase;
}

.page-layout-front-header
{
	background-color: var(--MainColor);
	height: 155px;
	width: 825px;
}

.page-layout-front-logo
{
	height: 90px;
	width: 724px;
	background-color: transparent;
	background-image: var(--LogoImageSvg);
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.page-layout-front-main
{
	background-color: var(--LinesColor);
	height: 650px;
	margin: 0px;
}

.page-layout-front-footer
{
	height: 275px;
	margin: 0px;
	background-color: var(--InfoColor);
	background-repeat: no-repeat;
	background-size: cover;
}

/* Master page */

div.home-footer
{
	background-color: var(--MainColor);
	padding: 2% 5%;
}

MadCap|miniTocProxy
{
	color: var(--Light);
	border: none;
}

a.MiniTOC1,
a.MiniTOC1:link,
a.MiniTOC1:visited,
a.MiniTOC2,
a.MiniTOC2:link,
a.MiniTOC2:visited,
a.MiniTOC3,
a.MiniTOC3:link,
a.MiniTOC3:visited
{
	color: var(--Light);
	border: none;
}

a.MiniTOC1:hover
{
	font-weight: bold;
	color: var(--MainColor);
}

a.MiniTOC1:before
{
	content: "» ";
	color: var(--MainColor);
}

div.MCMiniTocBox_0
{
	border: none;
	padding-top: 0;
}

/*Language Button*/
/*.button-group-container-left,*/

.buttons._Skins_Default_Home_TopicToolbar.mc-component
{
	justify-content: center;
	display: flex;
	float: none;
}

.select-language-drop-down ul > li::marker
{
	content: '';
}

@media only screen and (max-width: 1100px)
{
	body
	{
		font-size: 0.8em;
	}

	/* Home page topic */

	.nav-search	/*Displays search in Top Navigation for tablet/mobile*/
	{
		display: block;
	}

	div.side-content	/*Removes search-bar and menu set in topic in tablet*/
	{
		display: none;
	}

	html.home-topic .nav-search	/*Will not display search in Top Navigation on home page*/
	{
		display: none;
	}

	html.home-topic .body-container
	{
		margin-left: 0;
	}

	div.home-tiles > div:nth-child(1)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

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

	div.home-tiles > div:nth-child(3)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.topic-layout > div:nth-child(1)
	{
		width: 0;
	}

	div.topic-layout > div:nth-child(2)
	{
		width: 90%;
	}

	.banner-img
	{
		flex-wrap: wrap;
	}
}

@media only screen and (max-width: 767px)
{
	/* Home page topic */

	div.home-layout
	{
		padding: 2% 5%;
	}

	div.home-section
	{
		padding: 10% 0;
	}

	img.home-tile
	{
		max-width: 25%;
	}

	div.home-tiles > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

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

	div.home-tiles > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.topic-hero
	{
		padding: 15% 0;
	}

	div.topic-hero h1
	{
		font-size: 36pt;
	}

	div.home-layout1
	{
		padding: 2% 5%;
	}

	div.home-layout2
	{
		padding: 2% 13%;
	}
}

@media print
{
	body
	{
		--Background: #ffffff;
		--FontColor: #000000;
	}

	body
	{
		font-size: 11pt;
		line-height: 1.45;
		background-color: transparent;
		color: var(--FontColor);
		font-family: var(--FontBody), Arial, sans-serif;
		font-weight: 400;
		padding: 0%;
		/*Seitenrand*/
	}

	/* Content */

	p
	{
		margin-bottom: 8px;
		margin-top: 8px;
		widows: 3;
		orphans: 3;
	}

	p.table-text
	{
		font-size: 11pt;
		line-height: 1.45;
	}

	p.subheading
	{
		font-size: 1em;
		line-height: 1.4;
		padding-bottom: 0.5em;
		border-bottom-width: 1px;
		font-family: var(--FontBodyBold), Arial, sans-serif;
		font-weight: 700;
	}

	.bold
	{
		font-family: var(--FontBodyBold), Arial, sans-serif;
		font-weight: 700;
	}

	span.color
	{
		color: var(--ColoredFontColor);
	}

	span.shortcut
	{
		font-size: 0.9em;
		padding: 0.05em 0.25em;
		margin: 0 0.1em;
		border-color: #b5b5b5;
		box-shadow: none;
		background-color: transparent;
	}

	span.Label
	{
		display: inline-block;
		width: 20pt;
		height: 20pt;
		padding: 0;
		box-sizing: border-box;
		line-height: 20pt;
		text-align: center;
		vertical-align: middle;
		white-space: nowrap;
		margin-right: 0.35em;
		margin-bottom: 0;
		border: none;
		border-radius: 50%;
		background-color: var(--MainColor);
		color: #ffffff;
		font-family: var(--FontBodySemiBold), Arial, sans-serif;
		font-size: 10.5pt;
	}

	div.LabelBG
	{
		display: block;
		width: 20pt;
		height: 20pt;
		margin: 0 auto;
		box-sizing: border-box;
		border: none;
		border-radius: 50%;
		background-color: var(--MainColor);
		text-align: center;
	}

	span.LabelText
	{
		display: block;
		color: #ffffff;
		font-family: var(--FontBodySemiBold), Arial, sans-serif;
		font-size: 10.5pt;
		line-height: 20pt;
	}

	span.uielement
	{
		font-family: var(--FontBodySemiBold), Arial, sans-serif;
		font-size: 1em;
		letter-spacing: 0.01em;
	}

	p.imagetitle,
	p.tablecaption,
	p.howto,
	.LastModified
	{
		font-size: 8pt;
		line-height: 1.3;
		font-style: normal;
		page-break-before: avoid;
		page-break-inside: avoid;
	}

	/* Headings */

	h1
	{
		font-size: 24pt;
		line-height: 28pt;
		margin-bottom: 18px;
		border: none;
		font-family: var(--FontH1), Arial, sans-serif;
		font-weight: 500;
	}

	h2
	{
		font-size: 21pt;
		font-weight: 400;
		line-height: 24pt;
		margin-bottom: 16px;
		margin-top: 32px;
		border-bottom-width: 1px;
		font-family: var(--FontH2), Arial, sans-serif;
	}

	h3
	{
		font-size: 15pt;
		font-weight: 400;
		line-height: 18pt;
		margin-bottom: 12px;
		margin-top: 24px;
		border-bottom-color: var(--LinesColor);
		font-family: var(--FontH3), Arial, sans-serif;
	}

	h4
	{
		font-size: 15pt;
		line-height: 18pt;
		font-family: var(--FontBody), Arial, sans-serif;
		font-weight: 400;
	}

	h5
	{
		font-size: 14pt;
		line-height: 17pt;
		font-family: var(--FontBody), Arial, sans-serif;
		font-weight: 400;
	}

	h6
	{
		font-size: 12pt;
		line-height: 15pt;
		font-family: var(--FontBody), Arial, sans-serif;
		font-weight: 400;
	}

	table
	{
		width: 100%;
	}

	/*Images/Tables*/

	img,
	img.Max800px,
	img.Thumbnail
	{
		max-width: 15cm;
		width: auto;
		height: auto;
		border: none;
	}

	img.Thumbnail
	{
		width: 100%;
		height: auto;
		mc-thumbnail-max-width: 15cm;
	}

	table
	{
		max-width: 15cm;
		margin-left: 0;
		table-layout: fixed;
	}

	thead
	{
		display: table-header-group;
	}

	tfoot
	{
		display: table-footer-group;
	}

	td
	{
		vertical-align: top;
		overflow-wrap: break-word;
		word-wrap: break-word;
	}

	table img
	{
		max-width: 100%;
		/* set the image to 100% of the table's available width */
		height: auto;
		/* keep the width-to-height ratio */
	}

	.Box
	{
		padding: 1em;
		page-break-inside: avoid;
		margin: 1em 0;
	}

	div.TwoColumns
	{
		page-break-inside: avoid;
	}

	div.TwoColumns > div
	{
		page-break-inside: avoid;
	}

	div.TwoColumns > div:nth-child(1)
	{
		float: left;
		width: 49%;
		margin-left: 0;
	}

	div.TwoColumns > div:nth-child(2)
	{
		float: right;
		width: 49%;
		margin-left: 0;
	}

	div.TwoColumns > div img,
	div.TwoColumns > div table
	{
		max-width: 100% !important;
		width: auto;
	}

	.Box table,
	div.noBreak table
	{
		width: 100% !important;
		table-layout: fixed;
		border-collapse: collapse;
	}

	.Box td,
	div.noBreak td
	{
		vertical-align: top;
		padding: 0.5em;
	}

	.Box img
	{
		max-width: 7cm !important;
		height: auto;
		display: block;
		margin: 0 auto;
		page-break-inside: avoid;
	}

	.Box td img[src*='buttons/'],
	.Box td li img[src*='buttons/'],
	.TableStyle-Default_StandardTable td img[src*='buttons/']
	{
		display: inline !important;
		width: auto !important;
		max-width: none !important;
		height: 1.05em !important;
		max-height: 1.05em !important;
		margin: 0 0.22em 0 0;
		float: none !important;
		vertical-align: -0.16em;
	}

	.Box td p > img[src*='buttons/']:only-child,
	.Box td li p > img[src*='buttons/']:only-child,
	.TableStyle-Default_StandardTable td p > img[src*='buttons/']:only-child
	{
		display: block !important;
		height: auto !important;
		max-height: none !important;
		margin: 0 auto !important;
	}

	/*Emphasis*/

	span.uielement
	{
		font-family: var(--FontBodySemiBold), Arial, sans-serif;
	}

	p.release
	{
		font-size: 8pt;
		color: #666666;
	}

	/*Lists*/

	ol,
	ul
	{
		clear: both;
		/* prevents the list from appearing beside floated elements */
		display: block;
	}

	li
	{
		page-break-inside: avoid;
	}

	ul > li,
	ul > li * p,
	ol > li,
	ol > li * p
	{
		padding-left: 0px;
		margin-left: 0;
	}

	/* Links */

	MadCap|xref
	{
		font-weight: normal;
		color: var(--FontColor);
	}

	a,
	a:link,
	a:visited
	{
		color: var(--FontColor);
		text-decoration: none;
	}

	.Box
	{
		background-color: transparent;
		border: none;
		margin-left: 0;
	}

	p.MiniTOC1
	{
		color: var(--FontColor);
		font-family: var(--FontH3), Arial, sans-serif;
		font-size: 9.5pt;
		line-height: 1.25;
	}

	MadCap|miniTocProxy
	{
		color: var(--FontColor);
		border: none;
	}

	a.MiniTOC1,
	a.MiniTOC1:link,
	a.MiniTOC1:visited,
	a.MiniTOC2,
	a.MiniTOC2:link,
	a.MiniTOC2:visited,
	a.MiniTOC3,
	a.MiniTOC3:link,
	a.MiniTOC3:visited
	{
		color: var(--FontColor);
		border: none;
	}
}

/*Div*/

.do-not-display
{
	display: none;
}

/*Ausblenden im Style Window in Flare*/

#pagination,
#results-heading,
#searchResultsDropdown,
._hj-7Itnd__styles__inline,
._hj-Pbej5__styles__resetStyles,
._hj-S9XKO__styles__surveyTitle,
._hj-sTf29__styles__inlineWrapper,
._hj-widget-container,
.navigation-wrapper,
.off-canvas-wrapper-inner,
.outer-row,
.page-layout-front-footer,
.page-layout-front-header,
.page-layout-front-logo,
.page-layout-front-main,
p.frame-footer-page-number,
p.frame-footer-text,
p.title-page-footer,
.tile-text,
div.feedbacksnippet,
div.footer,
div.home-footer,
div.home-layout1,
div.home-layout2,
div.home-master-page-footer,
div.home-section,
div.home-tiles,
div.Infobar,
div.MCMiniTocBox_0,
div.search-toolbar,
div.side-content,
div.side-menu,
div.top-bar,
div.topic-hero,
div.topic-layout,
hr.title-page
{
	mc-hidden: hidden;
}

p.pdfhelpcover
{
	font-weight: 400;
	font-family: Epilogue;
	text-align: center;
	font-size: 22pt;
	color: #ffffff;
}

@media screen
{
	MadCap|dropDown
	{
		border-bottom: none 2px #000000;
	}
}

.Important
{
	background: linear-gradient(180deg, var(--ImportantAccentTop) 0%, var(--ImportantAccentBottom) 18%, var(--ImportantAccentFade) 42%), linear-gradient(180deg, var(--PanelBackgroundTop) 0%, var(--PanelBackgroundBottom) 100%);
	padding: 10px 10px;
	border: 1px solid var(--ImportantBorder);
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	margin: 10px 0;
	position: relative;
	page-break-inside: avoid;
	box-shadow: 0 10px 30px var(--PanelShadowSoft);
	color: var(--PanelText);
}

.Important .autonumber
{
	color: var(--ImportantAccentText);
}

.Box .Important
{
	border: 0.5px solid var(--ImportantBorder);
}

/* PDF manual downloads */

.pdf-download-page
{
	max-width: 780px;
	--pdf-accent: var(--MainColor);
	--pdf-accent-hover: var(--SecondaryColor, var(--MainColor));
	--pdf-accent-soft: var(--InfoColor, transparent);
	--pdf-accent-border: var(--LinesColor, var(--MainColor));
	--pdf-accent-border-strong: var(--MainColor);
	--pdf-accent-chip: var(--InfoColor, var(--MainColor));
	--pdf-accent-shadow: rgba(0, 0, 0, 0.18);
}

.pdf-download-page h1
{
	margin-bottom: 8px;
}

.pdf-lead
{
	max-width: 640px;
	margin-top: 0;
	margin-bottom: 24px;
	color: var(--FontColor2, #8f9bad);
	font-size: 1.05rem;
	line-height: 1.55;
}

.pdf-download-panel
{
	margin-top: 22px;
	margin-bottom: 28px;
	overflow: hidden;
	background: transparent;
	border: 1px solid var(--pdf-accent-border);
	border-radius: 8px;
	box-shadow: none;
}

.pdf-panel-header
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 18px 20px;
	background: var(--pdf-accent-soft);
	border-bottom: 1px solid var(--pdf-accent-border);
}

.pdf-panel-header h2
{
	margin: 0;
	font-size: 1.25rem;
	line-height: 1.25;
}

.pdf-panel-subtitle
{
	margin: 5px 0 0 0;
	color: var(--FontColor2, #c2c9d4);
	font-size: 0.95rem;
	line-height: 1.4;
}

.pdf-version-chip
{
	display: inline-block;
	min-width: 58px;
	padding: 6px 10px;
	background: transparent;
	border: 1px solid var(--pdf-accent-border-strong);
	border-radius: 6px;
	color: var(--FontColor, #ffffff);
	font-size: 0.9rem;
	font-weight: 700;
	text-align: center;
}

.pdf-table
{
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}

.pdf-table th
{
	padding: 12px 20px;
	background: transparent;
	border-bottom: 1px solid var(--pdf-accent-border);
	color: var(--FontColor2, #9faabc);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0;
	text-align: left;
	text-transform: uppercase;
}

.pdf-table td
{
	padding: 15px 20px;
	border-bottom: 1px solid var(--LinesColor, rgba(255, 255, 255, 0.09));
	vertical-align: middle;
}

.pdf-table tbody tr:last-child td
{
	border-bottom: 0;
}

.pdf-language-cell
{
	display: flex;
	align-items: center;
	gap: 10px;
}

.pdf-language-code
{
	min-width: 34px;
	padding: 4px 7px;
	background: var(--pdf-accent-chip);
	border-radius: 4px;
	color: var(--FontColor, #ffffff);
	font-size: 0.78rem;
	font-weight: 700;
	text-align: center;
}

.pdf-language-name
{
	color: var(--FontColor, #ffffff);
	font-weight: 600;
}

.pdf-download-link,
.pdf-download-link:link,
.pdf-download-link:visited
{
	display: inline-block;
	padding: 8px 13px;
	background: var(--pdf-accent);
	border-radius: 4px;
	color: #ffffff !important;
	font-size: 0.9rem;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none !important;
	box-shadow: 0 8px 18px var(--pdf-accent-shadow);
}

.pdf-download-link:hover,
.pdf-download-link:focus
{
	background: var(--pdf-accent-hover);
	color: #ffffff !important;
}

@media only screen and (max-width: 640px)
{
	.pdf-panel-header
	{
		display: block;
	}

	.pdf-version-chip
	{
		margin-top: 12px;
	}

	.pdf-table thead
	{
		display: none;
	}

	.pdf-table,
	.pdf-table tbody,
	.pdf-table tr,
	.pdf-table td
	{
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

	.pdf-table tr
	{
		border-bottom: 1px solid var(--LinesColor, rgba(255, 255, 255, 0.09));
	}

	.pdf-table tbody tr:last-child
	{
		border-bottom: 0;
	}

	.pdf-table td
	{
		padding: 14px 18px 0 18px;
		border-bottom: 0;
	}

	.pdf-table td:last-child
	{
		padding-bottom: 16px;
	}

	.pdf-download-link
	{
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
}

/* ICON-SIZE BEGIN: icon size on screen (Vegas test copy, 2026-10-19). Classes Icon
   and IconAlone are set by scripts/pdf_icon_inventory.py (StyleGuide 7.4).
   Without this rule icons showed at file size (16 to 32px, @2x images twice as
   big), inline icons got the general img margin-top of 1em, and an icon alone
   in a table cell shrank to about 5px: img max-width 100% adds nothing to the
   width of an auto table column, so the column was only as wide as its padding.
   The PDF sizes are in Default_PrintStyles.css (round 5). */

@media screen
{
	img.Icon
	{
		height: 1.25em;
		width: auto;
		max-width: none;
		margin: 0 0.15em;
		vertical-align: -0.25em;
	}

	img.IconAlone
	{
		height: 1.5em;
		width: auto;
		max-width: none;
		margin: 0;
	}
}

/* ICON-SIZE END */