/*<meta conditions="" />*/

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

/*
@font-face 
{
	font-family: 'Oxygen Bold';
		src: url(../fonts/oxygen-bold.ttf);
}

@font-face
{
	font-family: 'Oxygen Light';
		src: url(../fonts/oxygen-light.ttf);
}
*/

@font-face 
{
	font-family: 'MyOxygen';
	src: url(../fonts/oxygen-regular.ttf);
}

:root
{
	--Medium-Gray: #b9bec1;
	--Light-Gray: #d0d3d5;
	--White: #ffffff;
	--Brand: #B1C0E1;
	--Blue: #005ea8;
	--Orange: #ee7f00;
	--Border-Gray: #cccccc;
	--Background-Gray: #f5f5f5;
	--Line-Gray: #f3f4f4;
	--Dark-Gray: #303335;
}

body
{
	color: #303335;
	font-family: MyOxygen, Arial;
	font-size: 12pt;
	line-height: 18pt;
}

/* Headings */

h1
{
	margin-top: 20px;
	margin-bottom: 8px;
	padding-bottom: 25px;
	line-height: 28pt;
	font-size: 1.7em;
	font-weight: 700;
	/*font-size: 2.3em;
	font-weight: normal;*/
}

h2
{
	/*	margin-top: 30px; */
	margin-bottom: 20px;
	/*24px; */
	/* font-size: 2.0em; */
	/* font-size: 32px; */
	/* font-size: 1.3em; */
	/*	border-left: solid 5px var(--Orange); */
	/* overflow: hidden; */
	/* padding-left: 15px; */
	/*	height: 2px; */
	margin-top: 50px;
	font-weight: 700;
	font-size: 1.4em;
	line-height: 26pt;
	/*font-weight: normal;
	font-size: 2em;*/
}

h3
{
	margin-top: 30px;
	margin-bottom: 0px;
	font-size: 1.2em;
	line-height: 24pt;
	font-weight: 700;
}

/* Content */

p,
p.Einzug
{
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 400;
}

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

p.Ueberschrift
{
	margin-top: 20px;
	margin-bottom: 0px;
	font-weight: 700;
	mc-next-class: ' ';
}

p.Funktion
{
	margin-top: 0px;
	margin-bottom: 0px;
}

p.RowCell,
p.RowCell2
{
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 400;
	text-align: left;
	line-height: 15pt;
	font-size: 14px;
}

p.RowCell2
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	line-height: 18pt;
}

/* Tables */

td
{
	padding-bottom: 8px;
	padding-top: 8px;
}

td > p
{
	margin-top: 5px;
	margin-bottom: 5px;
}

p.Tabelle,
p.TabEinzug
{
	margin-top: 5px;
	margin-bottom: 5px;
}

p.TabEinzug
{
	margin-left: 25px;
}

caption
{
	margin-top: 6px;
	text-align: left;
	font-style: italic;
	font-size: 90%;
	line-height: 13.0pt;
}

/* Lists */

li
{
	margin-top: 10px;
	margin-bottom: 10px;
}

ul,
ol
{
	margin-top: 0px;
	margin-bottom: 0px;
}

ul
{
	list-style-type: disc;
}

ol.LowerAlpha
{
	list-style-type: lower-alpha;
}

/* Notationen */

p.note,
div.note,
p.warning,
div.warning,
p.tip,
div.tip,
p.example
{
	line-height: 16pt;
	overflow: hidden;
	padding: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}

p.note,
div.note
{
	/*	background-color: #fffbea; */
	border: solid 1px #f1c40f;
	mc-auto-number-format: '{b}NOTE  {/b}';
}

div.note
{
	mc-auto-number-format: '{b}NOTE{/b}';
}

p.warning,
div.warning
{
	/*	background-color: #fcf7f2; */
	border: solid 1px #e74c3c;
	mc-auto-number-format: '{b}WARNING  {/b}';
}

div.warning
{
	mc-auto-number-format: '{b}WARNING{/b}';
}

p.tip,
div.tip
{
	/*	background-color: #f0f7fb; */
	border: solid 1px #3498db;
	mc-auto-number-format: '{b}TIP  {/b}';
}

div.tip
{
	mc-auto-number-format: '{b}TIP{/b}';
}

p.example
{
	/*	background-color: #f0f7fb; */
	border: solid 1px #3498db;
	mc-auto-number-format: '{b}EXAMPLE  {/b}';
}

/* Links */

a,
a.Popup:link,
a.Popup:visited
{
	text-decoration: none;
	color: #ee7f00;
}

a:hover,
a.Popup:hover,
a.MiniTOC1:hover,
a.MiniTOC2:hover,
a.MiniTOC3:hover
/* Auflösen! */
/* Auflösen! */
{
	text-decoration: underline;
}

a.MCBreadcrumbsLink
{
	color: #303335;
}

a.LinkBlue
{
	color: #005ea8;
}

p.MiniTOC1
{
	font-weight: normal;
	color: #ee7f00;
	margin: 0;
	margin-bottom: 0px;
	padding-left: 20px;
	padding-top: 10px;
}

/* MadCap Elemente */

MadCap|xref
{
	mc-format: '{title}';
	text-decoration: none;
	color: #ee7f00;
}

MadCap|xref:hover
{
	text-decoration: underline;
}

MadCap|xref.ParaTextOnly
{
	mc-format: '{para}';
}

MadCap|xref.MiniTOC	/* Auflösen! */
{
	mc-format: '{title}';
	color: #ee7f00;
}

MadCap|xref.MiniTOC:hover	/* Auflösen! */
{
	color: #ee7f00;
}

MadCap|breadcrumbsProxy
{
	font-size: 11.0pt;
	border-bottom-width: 0;
	color: #303335;
	/* mc-breadcrumbs-count: 10;
	mc-breadcrumbs-prefix: 'Sie sind hier: ';
	mc-breadcrumbs-divider: ' > '; */
}

MadCap|miniTocProxy
{
	border-top-style: none;
}

MadCap|dropDown
{
	/*border-bottom: 1px solid var(--Line-Gray);*/
	mc-image-spacing: 15px;
	mc-closed-image: url('open-icon-16.png');
	mc-open-image: url('close-icon-16.png');
	margin-top: 12px;
	margin-bottom: 6px;
	background-color: #f5f5f5;
	/* padding: 5px 0; */
}

MadCap|dropDown.level2
{
	margin-top: 12px;
	border-bottom: none;
	/*margin-left: 40px; */
	/* padding: 5px 0; */
	/*background-color: #ffffff;*/
}

MadCap|dropDownBody
{
	margin-top: 6px;
	margin-bottom: 12px;
	margin-left: 0px;
	background-color: #ffffff;
	border-bottom: 1px solid #f3f4f4;
	border-right: 1px solid #f3f4f4;
	border-left: 1px solid #f3f4f4;
	padding: 10px 30px;
}

MadCap|dropDownHead
{
	font-style: inherit;
	padding: 10px 10px;
}

MadCap|dropDownHotspot
{
	cursor: hand;
	text-decoration: none;
	/* font-size: 16.0pt; */
	font-weight: 700;
	color: #303335;
}

MadCap|dropDownHotspot:hover
{
	color: #ee7f00;
}

MadCap|expandingBody
{
	color: #303335;
	font-style: italic;
}

MadCap|expandingHead
{
	font-style: italic;
	font-weight: normal;
	cursor: hand;
	text-decoration: none;
	color: #ee7f00;
}

MadCap|equation
{
	
}

MadCap|footnote
{
	text-decoration: none;
}

MadCap|popupHead	/* Fussnote */
{
	color: #ee7f00;
	/* Orange */
}

MadCap|codeSnippet
{
	margin-top: 10px;
}

MadCap|codeSnippetCopyButton
{
	mc-label: 'Copy';
}

MadCap|codeSnippetCopyButton.verborgen
{
	display: none;
}

MadCap|codeSnippetCaption
{
	font-size: 12pt;
	text-decoration: underline;
}

MadCap|codeSnippetBody.Html
{
	mc-code-lang: HTML;
	font-size: 12pt;
	font-family: Consolas;
	border: none;
}

MadCap|relatedTopics
{
	mc-help-control-display: list;
	color: #404040;
	font-weight: 700;
	mc-image: none;
	margin-top: 20px;
	margin-bottom: 20px;
}

MadCap|relatedTopics:focus
{
	
}

MadCap|relatedTopics:hover
{
	
}

MadCap|relatedTopicsControlListItemLink
{
	color: #404040;
	font-weight: normal;
	font-style: normal;
}

/* Groups */

div
{
	
}

div.side-content	/*Container for Toolbar proxy*/
{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 33.33%;
}

div.desc
{
	padding: 2px;
	text-align: left;
	line-height: 10.5pt;
	font-size: 9.0pt;
}

div.img,
div.img2,
div.img3
{
	height: auto;
	float: inherit;
	padding: 10px;
	text-align: center;
	border: solid 1px #cccccc;
}

div.img
{
	width: 170px;
}

div.img2
{
	width: 335px;
}

div.img3
{
	width: 480px;
}

div.Linie
{
	border-bottom: dotted 1px #005ea8;
	padding: 0px 0px 2%;
}

div.IndentR
{
	margin-right: 10%;
}

/* Examples */

pre,
pre.LineHeight
{
	padding: 15px;
	/*font-family: Consolas;*/
	background: #f5f5f5;
	font-size: 12pt;
}

pre
{
	/*font-size: 90%;*/
	line-height: 1em;
	/*border: solid 1px var(--Border-Gray); */
}

pre.LineHeight
{
	font-size: 70%;
	line-height: 7.5pt;
}

/* Images */

img
{
	/*	border: none; */
	max-width: 100%;
}

img.Rahmen
{
	border: solid 1px #cccccc;
	padding: 15px;
}

img.rechts
{
	float: right;
	margin: 10px;
}

img.rechts_Rahmen
{
	float: right;
	border: solid 1px #cccccc;
	padding: 15px;
	margin: 15px;
}

img.Video	/* Schnelleinstieg */
{
	border: solid 1px #cccccc;
	width: 200px;
	height: 110px;
}

img.Icon
{
	width: auto;
	height: 20px;
	vertical-align: middle;
}

img.icon32x32	/* ??? */
{
	max-width: 100%;
	width: 32px;
	height: 32px;
}

img.Ressourcen
{
	vertical-align: middle;
}

/*img.Popup ???
{
	mc-thumbnail-max-height: 70px;
	mc-thumbnail-max-width: 100%;
}
/*


/* img.Popup, */

img.Popup_Hoehe
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: 70px;
	mc-thumbnail-max-width: auto;
}

img.Popup_Hoehe_Rahmen
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: auto;
	mc-thumbnail-max-height: 50px;
	border: solid 1px #cccccc;
	padding: 10px;
}

img.Popup_Breite
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 150px;
	mc-thumbnail-max-height: auto;
}

img.Popup_Breite_Rahmen
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 150px;
	mc-thumbnail-max-height: auto;
	border: solid 1px #cccccc;
	padding: 10px;
}

img.Popup_rechts
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	float: right;
	margin-left: 50px;
	margin-right: 20px;
	margin-bottom: 30px;
	mc-thumbnail-max-width: 150px;
	/* border: solid 1px var(--Border-Gray); */
}

img.Popup_rechts_Rahmen
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	float: right;
	margin-left: 50px;
	margin-right: 20px;
	margin-bottom: 30px;
	mc-thumbnail-max-width: 150px;
	border: solid 1px #cccccc;
	padding: 10px;
}

object	/* YouTube */
{
	width: 200px;
	height: 110px;
	margin-top: 10px;
	margin-bottom: 10px;
}

object.rechts
{
	width: 200px;
	height: 110px;
	margin-left: 50px;
	margin-right: 20px;
	margin-bottom: 30px;
	float: right;
}

/*== masterpage styles ==*/

div.home-container	/*wraps the content on the home page*/
{
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
}

.body-container
{
	padding-top: 2em;
	/* Overrides padding set in the skin*/
	padding-left: 3em;
	padding-right: 3em;
	/*padding-left: 2%;
	padding-top: 2%;*/
}

div.home-footer
{
	background-color: #005ea8;
	padding: 1% 5%;
	margin-top: 5%;
}

p.footer
{
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 13pt;
	color: #303335;
}

p.footer-sub
{
	color: #ffffff;
	font-size: 14pt;
	margin-top: 14px;
}

/*== Other topics header bar styles ==*/
/*adds the shadow effect to the header */

.title-bar-container
{
	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

span.SearchHighlight
{
	background: #ffff66;
}

#myBtn
{
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	font-weight: 700;
	border: none;
	outline: none;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #a4a4a4;
}

#myBtn:hover
{
	background-color: #005ea8;
}

/* responsive layout row style */

div.RowCell2	/*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;
}

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

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

div.RowCell2 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #f0f0f0;
	padding: 2%;
	margin-bottom: 4%;
	height: 160px;
}

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

div.RowCell2 > div:nth-child(2)
{
	margin-left: 4%;
	width: 37.5%;
}

div.RowCell2 > div:nth-child(3)
{
	margin-left: 0%;
	width: 79%;
	height: auto;
}

div.NewRowClass3	/*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;
}

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

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

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

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

div.NewRowClass3 > div:nth-child(2)
{
	margin-left: 2%;
	width: 25%;
}

div.NewRowClass3 > div:nth-child(3)
{
	margin-left: 2%;
	width: 25%;
}

div.Layout-2	/*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;
}

div.Layout-2::before
{
	content: ' ';
	display: table;
}

div.Layout-2::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Layout-2 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*margin-bottom: 3%;*/
}

div.Layout-2 > div:nth-child(1)
{
	margin-left: 0%;
	width: 48%;
}

div.Layout-2 > div:nth-child(2)
{
	margin-left: 4%;
	width: 48%;
}

div.Ressourcen	/*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;
}

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

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

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

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

div.Ressourcen > div:nth-child(2)
{
	margin-left: 4%;
	margin-right: 1%;
	width: 30.333%;
}

div.RowCell3	/*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;
}

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

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

div.RowCell3 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #f0f0f0;
	padding: 2%;
	margin-bottom: 2%;
	height: 180px;
}

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

div.RowCell3 > div:nth-child(2)
{
	width: 25%;
	margin-left: 2%;
}

div.RowCell3 > div:nth-child(3)
{
	width: 25%;
	margin-left: 2%;
}

div.RowCell4	/*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;
}

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

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

div.RowCell4 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 18.25%;
}

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

div.RowCell4 > div:nth-child(2)
{
	margin-left: 2%;
}

div.RowCell4 > div:nth-child(3)
{
	margin-left: 2%;
}

div.RowCell4 > div:nth-child(4)
{
	margin-left: 2%;
}

div.Layout-3	/*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;
}

div.Layout-3::before
{
	content: ' ';
	display: table;
}

div.Layout-3::after
{
	content: ' ';
	display: table;
	clear: both;
}

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

div.Layout-3 > div:nth-child(1)
{
	width: 30.666%;
	margin-left: 0%;
}

div.Layout-3 > div:nth-child(2)
{
	width: 30.666%;
	margin-left: 4%;
}

div.Layout-3 > div:nth-child(3)
{
	width: 30.666%;
	margin-left: 4%;
}

div.Layout-4	/*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;
}

div.Layout-4::before
{
	content: ' ';
	display: table;
}

div.Layout-4::after
{
	content: ' ';
	display: table;
	clear: both;
}

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

div.Layout-4 > div:nth-child(1)
{
	width: 23.5%;
	margin-left: 0%;
}

div.Layout-4 > div:nth-child(2)
{
	width: 23.5%;
	margin-left: 2%;
}

div.Layout-4 > div:nth-child(3)
{
	width: 23.5%;
	margin-left: 2%;
}

div.Layout-4 > div:nth-child(4)
{
	width: 23.5%;
	margin-left: 2%;
}

div.kb
{
	display: block;
}

div.kb:is(div.kb)	/* CSS Flex Error wird verhindert */
{
	display: flex;
	flex-wrap: wrap;
	margin: 30px 0;
}

div.kb > div
{
	box-sizing: border-box;
	/*margin-bottom: 30px;*/
}

div.kb > div:nth-child(1)
{
	width: 35%;
}

div.kb > div:nth-child(2)
{
	width: 45%;
	padding-top: 20px;
	padding-right: 35px;
	padding-bottom: 20px;
	padding-left: 35px;
	background: #F2F7FB;
}

img.responsive
{
	display: block;
	max-width: 100%;
	height: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

a.button
{
	display: inline-block;
	background-color: #ee7f00;
	color: #fff;
	/*margin-bottom: 10px;*/
	padding: 4px 8px;
	border-radius: 8px;
}

@media only screen and (max-width: 1279px)
{
	div.home-container
	{
		width: 100%;
		margin-left: 5%;
		margin-right: 0%;
	}

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

	div.RowCell2 > div:nth-child(2)
	{
		width: 42.5%;
		margin-left: 5%;
	}

	div.RowCell2 > div:nth-child(3)
	{
		width: 90%;
		margin-left: 0%;
	}

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

	div.NewRowClass3 > div:nth-child(2)
	{
		width: 28.666%;
		margin-left: 2%;
	}

	div.NewRowClass3 > div:nth-child(3)
	{
		width: 28.666%;
		margin-left: 2%;
	}

	div.Layout-2 > div:nth-child(1)
	{
		width: 42.5%;
		margin-left: 0%;
	}

	div.Layout-2 > div:nth-child(2)
	{
		width: 42.5%;
		margin-left: 5%;
	}

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

	div.Ressourcen > div:nth-child(2)
	{
		width: 25%;
		margin-left: 5%;
	}

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

	div.RowCell3 > div:nth-child(2)
	{
		width: 28.666%;
		margin-left: 2%;
	}

	div.RowCell3 > div:nth-child(3)
	{
		width: 28.666%;
		margin-left: 2%;
	}

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

	div.RowCell4 > div:nth-child(2)
	{
		width: 21%;
		margin-left: 2%;
	}

	div.RowCell4 > div:nth-child(3)
	{
		width: 21%;
		margin-left: 2%;
	}

	div.RowCell4 > div:nth-child(4)
	{
		width: 21%;
		margin-left: 2%;
	}

	div.Layout-3 > div:nth-child(1)
	{
		width: 28.666%;
		margin-left: 0%;
	}

	div.Layout-3 > div:nth-child(2)
	{
		width: 28.666%;
		margin-left: 2%;
	}

	div.Layout-3 > div:nth-child(3)
	{
		width: 28.666%;
		margin-left: 2%;
	}

	div.Layout-4 > div:nth-child(1)
	{
		width: 21%;
		margin-left: 0%;
	}

	div.Layout-4 > div:nth-child(2)
	{
		width: 21%;
		margin-left: 2%;
	}

	div.Layout-4 > div:nth-child(3)
	{
		width: 21%;
		margin-left: 2%;
	}

	div.Layout-4 > div:nth-child(4)
	{
		width: 21%;
		margin-left: 2%;
	}

	div.kb > div:nth-child(1)
	{
		width: 35%;
	}

	div.kb > div:nth-child(2)
	{
		width: 45%;
	}
}

@media only screen and (max-width: 767px)
{
	div.home-container
	{
		width: 100%;
		margin-left: 0;
	}

	div.RowCell2 > div:nth-child(1)
	{
		width: 100%;
		height: auto;
		margin-left: 0%;
	}

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

	div.RowCell2 > div:nth-child(3)
	{
		width: 100%;
		height: auto;
		margin-left: 0%;
	}

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

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

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

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

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

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

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

	div.RowCell3 > div:nth-child(1)
	{
		width: 100%;
		height: auto;
		margin-left: 0%;
	}

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

	div.RowCell3 > div:nth-child(3)
	{
		width: 100%;
		height: auto;
		margin-left: 0%;
	}

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

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

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

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

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

	div.Layout-3 > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
		/*margin-top: 2%;*/
	}

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

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

	div.Layout-4 > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
		/*margin-top: 2%;*/
	}

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

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

	div.kb > div:nth-child(1)
	{
		width: 100%;
		aspect-ratio: 16 / 9;
	}

	div.kb > div:nth-child(2)
	{
		width: 100%;
		padding: 20px;
	}
}

@media print
{
	body
	{
		font-size: 10pt;
		font-family: calibri;
		line-height: 11pt;
	}

	h1
	{
		margin-top: 0px;
		margin-bottom: 8px;
		padding-bottom: 0px;
	}

	li
	{
		margin-top: 3px;
		margin-bottom: 3px;
	}

	p.Tabelle,
	p.TabEinzug
	{
		/* margin-top: 5px;       -> TableStyle:print
		margin-bottom: 5px; */
		/* Silbentrennung aus */
		mc-hyphenate: never;
	}

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

	pre
	{
		padding: 15px;
		/*font-family: Consolas;*/
		background: transparent;
		font-size: 10pt;
		/*line-height: 1em;*/
		border: solid 1px #cccccc;
	}

	p.note,
	p.warning,
	div.note,
	div.warning
	{
		line-height: 11pt;
		padding: 8px;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	p.note,
	div.note
	{
		border: solid 1px #f1c40f;
		mc-auto-number-format: '{b}NOTE  {/b}';
	}

	div.note
	{
		mc-auto-number-format: '{b}NOTE{/b}';
	}

	p.warning,
	div.warning
	{
		border: solid 1px #e74c3c;
		mc-auto-number-format: '{b}WARNING  {/b}';
	}

	div.warning
	{
		mc-auto-number-format: '{b}WARNING{/b}';
	}

	img
	{
		/*	border: none; 
		max-width: none; */
	}

	img.Popup,
	img.Popup_Breite,
	img.Popup_Breite_Rahmen,
	img.Popup_Hoehe,
	img.Popup_rechts
	{
		width: 10cm;
		height: auto;
		margin: 0;
		float: none;
	}

	div.img
	{
		border: none 1px;
		padding: 0px;
		margin: 0px;
		margin-bottom: 10px;
		margin-top: 0px;
		text-align: left;
		float: none;
		width: none;
	}

	div.desc
	{
		margin: 0px;
		padding: 0px;
		margin-bottom: 10px;
		font-style: italic;
		line-height: normal;
	}

	/* Links */

	a
	{
		color: #ee7f00;
	}

	a.Popup
	{
		color: #ee7f00;
	}

	a:link
	{
		color: #ee7f00;
		text-decoration: none;
	}

	MadCap|xref
	{
		/* funktionieren im Druck nicht */
		font-weight: normal;
		mc-format: '{quote}{para}{quote} {pageref}';
		text-decoration: none;
	}

	/* MadCap-Elemente */

	MadCap|dropDown
	{
		mc-image-spacing: 15px;
		mc-closed-image: url('open-icon-16.png');
		mc-open-image: url('close-icon-16.png');
		margin-top: 12px;
		margin-bottom: 6px;
		background-color: #ffffff;
	}

	MadCap|dropDownBody
	{
		/* margin-top: 6px;
	  margin-bottom: 12px;
	  margin-left: 0px;
	  background-color: #ffffff; */
		border: none;
		padding: 0;
	}

	MadCap|dropDownHead	/* -> H2 */
	{
		margin-top: 20px;
		margin-bottom: 10px;
		font-size: 1.5em;
		font-weight: 700;
		line-height: 26pt;
		padding: 0;
		mc-heading-level: 3;
	}
}