﻿/*<meta conditions="vf_global_standard.Sprachunabhaengig" />*/

@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: #3882cc;
	/*#0073b9; #649db5*/
	--MainColor2: #f58220;
	--MainColor3: #a23f97;
	--MainGray: #222;
	/*GUI Main Gray*/
	--DarkGray1: #171717;
	/*GUI Dark Gray1*/
	--DarkGray2: #111;
	/*GUI Dark Gray2*/
	--Effectsgreen: #01C55B;
	--ImageCoral: #FF7B5F;
	--StreamYellow: #FBAE13;
}

@font-face 
{
	font-family: 'Regular';
	src: url(../../global/stylesheets/fonts/lato-regular.ttf);
}

@font-face 
{
	font-family: 'Bold';
	src: url(../../global/stylesheets/fonts/lato-bold.ttf);
}

@font-face 
{
	font-family: 'Italic';
	src: url(../../global/stylesheets/fonts/lato-italic.ttf);
}

@font-face 
{
	font-family: 'Light';
	src: url(../../global/stylesheets/fonts/lato-light.ttf);
}

h6
{
	font-size: 1em;
}

/*++++ Main Colors ++++*/

h2,
p.MiniTOC1_0:hover
{
	border-bottom-color: #3882cc;
}

.Note
{
	border-left-color: #3882cc;
}

.bold
{
	font-family: 'Bold', 'Lato Black', sans-serif;
}

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,
.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: #3882cc;
}

.MarkAsNew a::after
{
	color: #f58220;
}

.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: #3882cc;
}

@media screen
{
	body
	{
		font-family: 'Regular', Lato, sans-serif;
	}

	.Label,
	.steps li::before
	{
		background-color: #3882cc;
	}

	ul.sidenav li a,
	ul.sidenav li ul li a
	{
		font-family: 'Regular', Lato, sans-serif !important;
	}

	/*+++++++++++++ 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 ++++++++++++++++++*/
}

@media only screen and (max-width: 1279px)
{
	._Skins_Dark_Mode .off-canvas-wrapper-inner .outer-row
	{
		background-color: #222;
	}
}

@media printversion
{
	body
	{
		font-family: 'Whitney Light';
		font-size: 11pt;
	}

	.italic
	{
		font-family: 'Whitney Light Italic';
	}

	b,
	p.bold
	{
		font-family: 'Whitney Semibold';
		font-weight: normal;
	}

	/*Überschriften*/

	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p.subheading,
	p.minitocheader,
	.uielement
	{
		font-family: 'Whitney Semibold';
		font-weight: normal;
		page-break-after: avoid;
	}

	h6.Header
	{
		color: #888787;
		font-size: 1em;
	}

	h1
	{
		page-break-before: always;
	}

	p.productname	/*Kopfzeile Pagelayout*/
	{
		color: #171717;
		font-size: 9pt;
		font-family: 'Whitney Semibold';
		text-transform: uppercase;
		letter-spacing: 0.7pt;
		mc-hidden: hidden;
	}

	p.pagenumber	/*Seitenzahl*/
	{
		color: #171717;
		font-size: 6.5pt;
		font-family: 'Whitney 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: 'Whitney Semibold';
		text-transform: uppercase;
		letter-spacing: 0.7pt;
		vertical-align: bottom;
		line-height: 7pt;
	}

	.Label
	{
		color: #3882cc;
	}

	div.MoreInformation ul
	{
		margin-top: inherit;
	}
}

@media print
{
	body
	{
		font-family: Lato;
	}

	div.MoreInformation ul
	{
		
	}
}

