﻿/*<meta />*/

@import url('../../global/stylesheets/video_styles_global.css');

@import url('../../global/stylesheets/video_styles_localized.css');

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

:root
{
	--MainColor1: #406AFF;
	/*Pro Blue*/
	--MainColor2: #C254D3;
	/*Hub Burgundy*/
	--MainGray: #222;
	/*GUI Main Gray*/
	--DarkGray1: #171717;
	/*GUI Dark Gray1*/
	--DarkGray2: #111;
	/*GUI Dark Gray2*/
	--VegasBlack: #002836;
	--VegasWhite: #FBFBFB;
	--Effectsgreen: #01C55B;
	--ImageCoral: #FF7B5F;
	--StreamYellow: #FBAE13;
}

@font-face 
{
	font-family: 'Regular';
	src: url(fonts/inter-regular.ttf);
}

@font-face 
{
	font-family: 'Bold';
	src: url(fonts/inter-bold.ttf);
}

@font-face 
{
	font-family: 'Light';
	src: url(fonts/inter-light.ttf);
}

/*++++ Main Colors ++++*/

h2,
p.MiniTOC1_0:hover
{
	border-bottom-color: #406AFF;
}

.Note
{
	border-left-color: #406AFF;
}

ol > li::marker,
ul > li::marker,
ul > li > ul > li::marker,
ul > li > ul > li > ul > li::marker,
.Note ul > li::marker,
a,
a:link,
.a:link,
a:visited,
.popupHead:link,
.xref,
MadCap|xref,
MadCap|expandingHead,
MadCap|toggler,
a.MiniTOC1:link:before,
a.MiniTOC1:link:hover,
div#skin-heading,
.MCBreadcrumbsLink,
a.MCBreadcrumbsLink,
.back-to-top::before,
.color,
.list::before,
h3,
p.imagetitle > span.autonumber
{
	color: #406AFF;
}

.MarkAsNew a::after
{
	color: #C254D3;
}

.toggler:link
{
	color: #222;
}

.MCExpanding_Closed .MCExpandingHotSpot_.MCHotSpotImage,
.MCExpanding_Open .MCExpandingHotSpot_.MCHotSpotImage,
.MCToggler_Open.MCTogglerHotSpot_.MCHotSpotImage,
.MCToggler_Closed.MCTogglerHotSpot_.MCHotSpotImage,
.MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage,
.MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage
{
	border-color: #406AFF;
}

/*.Label,
.steps li::before
{
	background-color: var(--MainColor1);
}*/

p.release
{
	color: #C254D3;
}

@media screen
{
	body,
	p
	{
		font-family: 'Regular', Inter, sans-serif;
	}

	.Label,
	.steps li::before
	{
		background-color: #406AFF;
	}

	ul.sidenav li a,
	ul.sidenav li ul li a
	{
		font-family: 'Regular', Inter, sans-serif !important;
	}

	/*.title-bar-layout a.logo
	{
		background-image: url('../../Resources/Images/Logo_White_small.png')!Important;
	}*/

	._Skins_Light_Mode .title-bar-layout a.logo,
	._Skins_Dark_Mode .title-bar-layout a.logo
	{
		margin-right: 1em;
	}

	div.MCBreadcrumbsBox_0,
	MadCap|breadcrumbsProxy
	{
		font-family: 'Light';
	}

	/*+++++++++++++ Dark Mode - Start ++++++++++++++++++*/

	._Skins_Dark_Mode body
	{
		color: white;
		background-color: #222;
	}

	._Skins_Dark_Mode .body-container,
	._Skins_Dark_Mode .sidenav-layout,
	._Skins_Dark_Mode .body-container > div:nth-child(1),
	._Skins_Dark_Mode .TableStyle-LabelTable,
	._Skins_Dark_Mode .TableStyle-SimpleTable,
	._Skins_Dark_Mode .TableStyle-MenuTable,
	._Skins_Dark_Mode .TableStyle-LabelTable-HeadE-Spalte-Header1,
	._Skins_Dark_Mode .TableStyle-LabelTable-HeadD-Spalte-Header1
	{
		background-color: #222;
	}

	._Skins_Dark_Mode .Note,
	._Skins_Dark_Mode .Tip,
	._Skins_Dark_Mode .Warning,
	._Skins_Dark_Mode .Example,
	._Skins_Dark_Mode div.Requirement,
	._Skins_Dark_Mode .TableStyle-LabelTable-BodyE-Numbers-filled,
	._Skins_Dark_Mode .TableStyle-LabelTable-BodyD-Columns-filled,
	._Skins_Dark_Mode .TableStyle-LabelTable-BodyD-Spalte-filled,
	._Skins_Dark_Mode .TableStyle-LabelTable-BodyE-Spalte-filled,
	._Skins_Dark_Mode .TableStyle-Global_StandardHead,
	._Skins_Dark_Mode .TableStyle-LabelTable-BodyA-Spalte-filled,
	._Skins_Dark_Mode .TableStyle-LabelTable-BodyB-Spalte-filled,
	._Skins_Dark_Mode .TableStyle-SimpleTable-BodyE-Column1-Body1,
	._Skins_Dark_Mode .TableStyle-SimpleTable-BodyD-Column1-Body1,
	._Skins_Dark_Mode .TableStyle-SimpleTable-BodyE-Column1-Body2,
	._Skins_Dark_Mode .TableStyle-SimpleTable-BodyD-Column1-Body2,
	._Skins_Dark_Mode .TableStyle-SimpleTable-BodyA-Column1-Body2,
	._Skins_Dark_Mode .TableStyle-SimpleTable-BodyB-Column1-Body2,
	._Skins_Dark_Mode .TableStyle-SimpleTable-BodyA-Column1-Body1,
	._Skins_Dark_Mode .TableStyle-SimpleTable-BodyB-Column1-Body1
	{
		background-color: #171717;
	}

	._Skins_Dark_Mode h3,
	._Skins_Dark_Mode h4,
	._Skins_Dark_Mode span.uielement,
	._Skins_Dark_Mode .LabelBG,
	._Skins_Dark_Mode .MoreInformation ul > li::marker,
	._Skins_Dark_Mode ul.Link > li::marker,
	._Skins_Dark_Mode p.Link::before,
	._Skins_Dark_Mode MadCap|expandingBody,
	._Skins_Dark_Mode a.MiniTOC1,
	._Skins_Dark_Mode a.MiniTOC2,
	._Skins_Dark_Mode a.MiniTOC3,
	._Skins_Dark_Mode a.MiniTOC1:link,
	._Skins_Dark_Mode p.MiniTOC1_0,
	._Skins_Dark_Mode .MiniTOC1,
	._Skins_Dark_Mode .dropDownHotspot,
	._Skins_Dark_Mode .TableStyle-MenuTable-Body-Body1,
	._Skins_Dark_Mode .TableStyle-MenuTable-Body-Body1 p,
	._Skins_Dark_Mode .TableStyle-MenuTable-Body-Body1 ul,
	._Skins_Dark_Mode .TableStyle-MenuTable-Head-Header1 p,
	._Skins_Dark_Mode .TableStyle-LabelTable-BodyE-Numbers-filled .LabelText,
	._Skins_Dark_Mode .TableStyle-LabelTable-BodyE-Numbers-unfilled .LabelText,
	Skins_Dark_Mode .TableStyle-LabelTable-BodyB-Numbers-filled .LabelText,
	._Skins_Dark_Mode .TableStyle-LabelTable-BodyB-Numbers-unfilled .LabelText,
	._Skins_Dark_Mode .TableStyle-MenuTable-BodyD-Column2-Body1,
	._Skins_Dark_Mode .TableStyle-MenuTable-BodyA-Column2-Body1,
	._Skins_Dark_Mode .LabelText,
	._Skins_Dark_Mode .TableStyle-MenuTable-BodyE-Column1-Body1,
	._Skins_Dark_Mode .TableStyle-MenuTable-BodyB-Column1-Body1,
	._Skins_Dark_Mode .toggler:link,
	._Skins_Dark_Mode MadCap|toggler,
	._Skins_Dark_Mode .TableStyle-LabelTable-HeadE-Spalte-Header1,
	._Skins_Dark_Mode .TableStyle-LabelTable-HeadD-Spalte-Header1
	{
		color: white;
	}

	._Skins_Dark_Mode span.shortcut
	{
		color: black;
	}

	._Skins_Dark_Mode .Tip ul > li::marker,
	._Skins_Dark_Mode ul.Requirement > li::marker
	{
		color: #01C55B;
	}

	/*+++++++++++++ Dark Mode - End ++++++++++++++++++*/

	div.quick-links	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
	{
		mc-grid-row: true;
		margin-left: auto;
		margin-right: auto;
		mc-hidden: hidden;
	}

	div.quick-links::before
	{
		content: ' ';
		display: table;
	}

	div.quick-links::after
	{
		content: ' ';
		display: table;
		clear: both;
	}

	div.quick-links > div
	{
		float: left;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	div.quick-links > div:nth-child(1)
	{
		width: 30.66666%;
		margin-left: 2%;
	}

	div.quick-links > div:nth-child(2)
	{
		width: 30.66666%;
		margin-left: 3%;
	}

	div.quick-links > div:nth-child(3)
	{
		width: 30.66666%;
		margin-left: 3%;
	}

	div.quick-links *	/*Text-align center set to all elements within div.quick-links*/
	{
		text-align: center;
	}
}

@media only screen and (max-width: 1279px)
{
	._Skins_Dark_Mode .off-canvas-wrapper-inner .outer-row
	{
		background-color: #222;
	}
}

@media print
{
	body
	{
		font-family: Inter;
	}
}

@media printversion
{
	body
	{
		font-family: Inter;
		font-size: 11pt;
	}

	h1
	{
		page-break-before: always;
	}

	.Tip::before,
	.Note::before,
	.Warning::before
	{
		content: '';
		font-size: 0%;
		opacity: 0;
		margin-right: 0px;
	}

	ol > li::marker,
	ul > li::marker,
	ul > li > ul > li::marker,
	ul > li > ul > li > ul > li::marker,
	.Note ul > li::marker,
	MadCap|toggler,
	a,
	a:link,
	.a:link,
	a:visited,
	.popupHead:link,
	.toggler:link,
	.xref,
	MadCap|xref,
	MadCap|expandingHead,
	MadCap|toggler,
	a.MiniTOC1:link:before,
	a.MiniTOC1:link:hover
	{
		color: #002836;
	}

	.italic
	{
		font-style: italic;
	}

	b,
	p.bold
	{
		font-family: 'Inter Semibold';
		font-weight: normal;
	}

	/*Überschriften*/

	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p.subheading,
	p.minitocheader,
	.uielement
	{
		font-family: 'Inter Semibold';
		font-weight: normal;
		page-break-after: avoid;
	}

	h6.Header
	{
		color: #888787;
		font-size: 1em;
	}

	p.productname	/*Kopfzeile Pagelayout*/
	{
		color: #171717;
		font-size: 9pt;
		font-family: 'Inter Semibold';
		text-transform: uppercase;
		letter-spacing: 0.7pt;
		mc-hidden: hidden;
	}

	p.pagenumber	/*Seitenzahl*/
	{
		color: #171717;
		font-size: 6.5pt;
		font-family: 'Inter Semibold';
		text-transform: uppercase;
		vertical-align: bottom;
		text-align: right;
		mc-hidden: hidden;
	}

	p.underline	/*Fußzeile PDF Cover - PageLayout*/
	{
		color: #171717;
		font-size: 6.5pt;
		font-family: 'Inter Semibold';
		text-transform: uppercase;
		letter-spacing: 0.7pt;
		vertical-align: bottom;
		line-height: 7pt;
	}

	.Label
	{
		color: #406AFF;
	}

	div.MoreInformation ul
	{
		margin-top: inherit;
	}
}

/* Show/Hide in Flare Style Editor */

span.shortcut,
.shortcut,
.bold,
.Note,
.Tip,
.Warning,
.MoreInformation,
.Requirement,
.Example,
.NoTocNoNr,
.NoPagebreakbefore,
.Pagebreakbefore
{
	mc-hidden: unhidden;
}

._Skins_Dark_Mode,
.MCBreadcrumbsBox_0,
.MCDropDown_Closed,
.MCDropDown_Image_Icon,
.MCDropDown_Open,
.MCDropDownHotSpot_,
span.boolean,
MadCap|relationshipsHeading,
.back-to-top,
div.topicwidth,
.sidenav-wrapper,
.nav-border,
.body-container,
.container,
.image-wrapper,
.banner,
.text-uppercase,
span.SearchHighlight,
.pagebreak,
.popupHead,
.sidenav-layout,
.sidenav-wrapper,
.toolbar-button-drop-down,
abbr,
acronym,
div.quick-links,
div.topic-header
{
	mc-hidden: hidden;
}

