@import 'breadcrumbs.css';      /* Breadcrumb-Prefixes */
@import 'mc-disabled.css';      /* für Flare deaktivierte HTML-Tags */
@import 'pagestyle.css';        /* Kolumnentitel, Untertitel etc. */
@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);
/* @import 'font-definitions.css'; Webfonts  */



/* ==================================================== */
/* == Basiselemente                                  == */
/* ==================================================== */

body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4;
	color: #000000;
}


@media print, print_seminar { 
	body {
		font-size: 11pt;
		font-family: "Roboto Light";
		line-height: 1.2;
	}
}

html.Welcome {
	mc-master-page: url('../MasterPages/OnlineWelcome.flmsp');
}

html.PopUp {
	mc-master-page: url('../MasterPages/OnlinePopUp.flmsp');
}


/* ----- Überschriften Druck mit anderen Schriftarten ----- */

/* @media print, print_seminar { */
	/* h1, h2, h3, h4, h5, h6,  */
	/* h2.Lernziel,  */
	/* p.h1, p.h2, p.h3, p.hUebung,  */
	/* p.GrafikEinl, p.AufzaehlungEinl, p.Shade,  */
	/* p.Titel_PI, p.TitelKlein_PI, p.TitelVersion_PI,  */
	/* p.AufzaehlungNavi { */
		/* font-family: 'Roboto Light'; */
/* }} */

/* @media print_seminar { */
	/* td.TabelleUeberschrift, p.ZelleUeberschrift,  */
	/* p.Titel, p.TabelleEinl, p.SchrittfuerSchrittEinl { */
		/* font-family: 'Roboto Light'; */
/* }} */
 
 
/* ==================================================== */
/* == Überschriften                                  == */
/* ==================================================== */


h1 {
	font-weight: bold;
	font-size: 1.5rem;
	margin-bottom: 2rem;
	margin-top: 0;
	padding-top: 0;
	border-bottom: 3px solid #5a5662;
}

@media print, print_seminar {
	h1 {
		font-size: 28pt;
		margin-top: 8pt;
		margin-bottom: 8pt;
		padding-bottom: 3pt;
		border-bottom: 4pt solid #21b0e6;
		page-break-before: right;
		page-break-after: avoid;
		mc-heading-level: 1;
		mc-auto-number-format: 'CH:{chapnum}. ';
		mc-auto-number-position: outside-head;
		mc-auto-number-offset: 48pt;
		mc-hyphenate: never;
}}

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

h2 {
	font-weight: bold;
	font-size: 1.5rem;
	margin-top: 0;
	margin-bottom: 2rem;
	padding-top: 2rem;
	border-bottom: 3px solid #5a5662;
}

@media print, print_seminar {
	h2 {
		font-size: 22pt;
		margin: 18pt 0;
		padding: 0 0 3pt 0;
		border-bottom: solid 3pt #59c4ec;
		page-break-before: always;
		page-break-after: avoid;
		mc-hyphenate: never;
}}

h2.gleicheseite {
	padding-top: 2rem;
	page-break-before: avoid;
}

@media print, print_seminar {
	h2.gleicheseite	{
		padding-top: 12pt;
}}

@media print, print_seminar {
	h2.Lernziel { /* gibt es nur gedruckt */
		font-size: 16pt;
		margin-top: 8pt;
		padding: 8pt 0;
		page-break-before: avoid;
		page-break-inside: avoid;
}}

h3 {
	font-weight: bold;
	font-size: 1.5rem;
	margin-top: 0pt;
	margin-bottom: 2rem;
	padding-top: 2rem;
	border-bottom: 3px solid #5a5662;
}

@media print, print_seminar {
	h3 {
		font-size: 16pt;
		margin: 12pt 0;
		padding: 0 0 3pt 0;
		border-bottom: solid 2pt #90d7f2;
		page-break-after: avoid;
		mc-hyphenate: never;
}}

h3.naechsteSeite {
	padding-top: 2rem;
	page-break-before: always;
}

h4, h5, h6 {
	font-size: 1.5rem;
	font-weight: bold;
	margin: 2rem 0;
	border-bottom: solid 3px #5a5662;

}

@media print, print_seminar {
	h4 {
		font-size: 16pt;
		margin: 12pt 0;
		padding-bottom: 3pt;
		border-bottom: solid 1pt #c6e9f8;
		page-break-after: avoid;
}}

@media print, print_seminar {
	h5 {
		font-size: 14pt;
		margin-top: 12pt;
		page-break-after: avoid;
}}

@media print, print_seminar {
	h6 {
		font-size: 12pt;
		margin-top: 12pt;
		page-break-after: avoid;
}}

/* ==================================================== */
/* == Pseudo-Überschriften                           == */
/* == Sehen aus wie Überschriften und sind für den   == */
/* == Leser nutzbar, werden aber nicht ins           == */
/* == Inhaltsverzeichnis übernommen                  == */
/* ==================================================== */

p.h1 {
	font-weight: bold;
	font-size: 1.5rem;
	margin-bottom: 2rem;
	margin-top: 0;
	padding-top: 0;
	border-bottom: 3px solid #5a5662;
	
}

@media print, print_seminar {
	p.h1 {
		font-size: 28pt;
		margin-top: 8pt;
		margin-bottom: 8pt;
		padding-bottom: 3pt;
		border-bottom: 4pt solid #21b0e6;
		page-break-before: always;
		page-break-after: avoid;
		mc-hyphenate: never;
}}

p.h2 {
	font-weight: bold;
	color: #ffffff;
	font-size: 1.25rem;
	margin-top: 1.5rem;
	margin-bottom: 1rem;
	margin-left: 0;
	padding:0.25rem;
	background-color: #21b0e6;
}

@media print, print_seminar {
	p.h2 {
		color: #000000; /* wird sonst von Online übernommen */
		text-indent: 0pt;
		margin: 12pt 0;
		padding: 0;
		background-color: #FFFFFF;
		page-break-after: avoid;
}}

p.h3 {
	font-weight: bold;
	margin: 1rem 0;
	page-break-after: avoid;
}


p.hUebung {
	font-weight: bold;
	font-size: 1.5rem;
	margin: 2rem 0;
}

@media print, print_seminar {
	p.hUebung {
		font-size: 13pt;
		margin-bottom: 6pt;
		page-break-after: avoid;
		mc-auto-number-format: 'CH:ÜBUNG {chapnum}.{n+}: ';
		/* mc-auto-number-format: 'ÜBUNG {n+}: '; */
		mc-heading-level: 4;
}}

p.AufzaehlungNavi {
	font-weight: bold;
	margin-left: 1.5rem;
	margin-top: 2rem;
	margin-bottom: 0pt;
	border-top: solid 1px;
}

/* Workaround, weil in den Topics mit zusätzlichem <b> drumrum angegeben */
p.AufzaehlungNavi b {
	font-weight: bold;
}

p.Shade {
	margin-top: 0.5rem;
	margin-bottom: 1rem;
	mc-disabled: false;
	padding: 0.25rem;
	background-color: #D3D3D3;
	font-weight: bold;
	color: #ffffff;
	text-indent: 5.5pt;
}

@media print, print_seminar {
	p.Shade {   /* gibt es nur in den Schulungsunterlagen */
		background-color: #21b0e6;
}}




/* ==================================================== */
/* == Fließtext und Textblöcke                       == */
/* ==================================================== */

p {
	text-align: left;
	margin-top: 1rem;
	margin-bottom: 1.5rem;
	margin-left: 0;
	margin-right: 0;
}

pre {
	margin-left: 3rem;
}

/* Witwen und Waisen/Hurenkinder und Schusterjungen */
@media print, print_seminar {
	h1 + *, h2 + *, h3 + *, h4 + *, p.h1 + *, p.h2 + *, p.h3 + *, 
	p.AufzaehlungEinl + *, p.SchrittfuerSchrittEinl + * {
		orphans: 3;
}}

/* ==================================================== */
/* == Wort-/Zeichen-Hervorhebungen                   == */
/* ==================================================== */

span.BenutzerEingabe {
	font-weight: bold;
}

span.fettBefehl {
	font-weight: bold;
	color: #3a3742;
}

span.kursivHervorhebung {
	font-style: italic;
	font-weight: bold;
}

span.Aufzaehlungszeichen {
	font-family: Wingdings;
	font-size: 0.75rem;
}

/* ==================================================== */
/* == Einleitungen für Aufzählungen, Grafiken etc.   == */
/* ==================================================== */

p.AufzaehlungEinl, 
p.GrafikEinl, 
p.SchrittfuerSchrittEinl, 
p.TabelleEinl {
	font-weight: bold;
	margin-top: 2rem;
	margin-bottom: 1rem;
	margin-left: 1.5rem;
	page-break-after: avoid;
}

/* ==================================================== */
/* == Grafiken                                       == */
/* ==================================================== */

p.Grafik {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	margin-left: 1.5rem;
}

img {
	vertical-align: middle;
}

@media print, print_seminar {
	img {
		vertical-align: baseline;
		max-width: 100%;
}}


/* ==================================================== */
/* == Deckblätter Druck                              == */
/* ==================================================== */

@media print, print_seminar {


	p.Titel_PI, p.Titel    /* "KommunalPLUS Personal" */
	{
		margin-right: 0;
		margin-left: 0;
		margin-top: 16pt;
		margin-bottom: 16pt;
		text-align: left;
		font-size: 24pt;
		font-family: 'Roboto Light';
	}

	p.TitelKlein_PI, p.TitelKlein    /* "Produktinformation", "Anwenderhandbuch" */
	{
		margin-right: 0;
		margin-left: 0;
		margin-top: 0;
		margin-bottom: 16pt;
		text-align: left;
		font-size: 15pt;
		font-family: 'Roboto Light';
	}

	p.TitelVersion_PI    /* "Version 4.14" */
	{
		margin-right: 0;
		margin-left: 0;
		margin-top: 16pt;
		text-align: left;
		font-size: 15 pt;
		font-family: 'Roboto Light';
	}

}

/* ----- Ende Definitionen für Deckblätter Drucke ----- */

a.Popup {
	mc-popup-width: 30%;
	mc-popup-height: 30%;
}





/* ==================================================== */
/* == Listen, Schritt für Schritt, Hinweise          == */
/* ==================================================== */


li, li.Aufzaehlung {
	margin-left: 0;
	margin-top: 0.5rem;
	list-style-type: square;
}

li.Aufzaehlung2 {
	margin-top: 0.5rem;
	margin-left: 3rem;
	list-style-type: circle;
}

/* Zeilenumbruch zwischen Aufzählung erster und zweiter Ebene verbieten */
li.Aufzaehlung + li.Aufzaehlung2
{
	page-break-after:avoid;
}

li.Beispiel {
	margin-top: 2rem;
	margin-bottom: 2rem;
	margin-left: 1.5rem;
	list-style: outside url('Beispiel.png');
}

/* li.Beispiel::marker { */
	/* content: "\1F4AC"; */
	/* font-size:2rem; */
	/* color: #21b0e6; */
/* } */


li.Hinweis {
	margin-left: 1.5rem;
	margin-bottom: 1.5rem;
	margin-top: 1.5rem;
	/* list-style: outside url('hinweis_css.png'); */
	page-break-inside: avoid;
}

li.Hinweis::marker {
	content: "\261B";
	font-size:1.5rem;
	color: #1294da;
}

/* @media print, print_seminar { */
	/* li.Hinweis { */
		/* list-style: url('Hinweis_Seminar.png'); */
/* }} */

li.Tipp {
	margin-left: 1.5rem;
	margin-bottom: 1.5rem;
	margin-top: 1.5rem;
	list-style: outside url('Tipp.png');
	page-break-inside: avoid;
}

/* li.Tipp::marker { */
	/* content: "\1F4A1"; */
	/* font-size:1.5rem; */
/* } */


li.Warnung {
	margin-top: 2rem;
	margin-left: 1.5rem;
	margin-bottom: 1.5rem;
	/* list-style: url('warnung.png'); */
	page-break-inside: avoid;
}

li.Warnung::marker {
	content: "\26A0";
	font-size:1.8rem;
	color: #aa272f;
}

li.SchrittfuerSchritt {
	margin-bottom: 0pt;
	margin-left: 0pt;
	margin-top: 0.75rem;
	list-style: decimal;
}

@media print, print_seminar {
	li.SchrittfuerSchritt {
		margin: 0 0 6pt;
}}

li.SchrittfuerSchrittErgebnis {
	margin-top: 1rem;
	/* list-style-image: url('Pfeil.GIF'); */
}

li.SchrittfuerSchrittErgebnis::marker {
	content: "\2BC8";
	/* font-size:1.2rem; */
}

@media print, print_seminar {
	li.SchrittfuerSchrittErgebnis {
		margin: 11pt 0 6pt;
		padding: 0;
		}
	li.SchrittfuerSchrittErgebnis::marker {
		}
}

/* wird verwendet für Listenpunkte zweiter Ebene */
li.SchrittfuerSchrittAlpha {
	margin-bottom: 0pt;
	margin-left: 0pt;
	margin-top: 0.75rem;
	list-style-type: lower-alpha;
}

@media print, print_seminar {
	li.SchrittfuerSchrittAlpha {
		margin: 0;
}}

/* ??? eliminieren ??? */
@media print, print_seminar {
	li.Beispiel {
		margin: 0;
}}



/* ==================================================== */
/* == Sonderdefinitionen, evtl. eliminieren          == */
/* ==================================================== */

/* stattdessen Definition List <dl> verwenden */
p.DefinitionBegriff {
	font-weight: bold;
	margin-left:0;
	page-break-after: avoid;
}

/* stattdessen Definition List <dl> verwenden */
div.DefinitionErklaerung {
	margin-left:3rem;
	padding-left: 4px;
	border-left: 2px solid #C6E9F8;
}

/* bleibt! Lässt sich nicht durch anderes Element ersetzen! */
div.Quellcode {
	margin: 1rem;
	padding: 1rem 1rem 1rem 2rem;
	display: block;
	font-family: monospace;
	background-color: #dedde0;
}

/* bleibt! Lässt sich nicht durch anderes Element ersetzen! */
div.Quellcode p {
	margin-top: 0.5rem;
	margin-bottom:0.5rem;
	word-break: break-all;
	text-indent: -1rem;
	hyphens: none;
}

/* Für Bearbeitungshinweise */
span.Preparation
{
	color: red;
	background-color: yellow;
}

/* ==================================================== */
/* == Tabellen                                       == */
/* ==================================================== */

p.ZelleHaupttext, p.ZelleNeutraltext, td p {
	margin: 0;
}

p.ZelleUeberschrift {
}

table.neutral {
	width: 100%;
	vertical-align: top;
	border-spacing: 0px;
	border-width: 0px;
	margin: 0px;
}

table, table.generell {
	border-spacing: 2px;
	border-style: Solid;
	border-width: 0px;
	border-color: #000000;
	margin: 0.5rem;
	width: 100%;
}

@media print, print_seminar {
	table.generell 	{
		border-spacing: 0;
}}

table.generellNoBreakInside {
	border-spacing: 2px;
	border-style: Solid;
	border-width: 0px;
	border-color: #000000;
	margin: 0.5rem;
	width: 100%;
	page-break-inside: avoid;
}


tr.center {
	vertical-align: middle;
	border-spacing: 2px;
}

tr.neutral {
	vertical-align: top;
	border-spacing: 2px;
	margin-top: 0.5rem;
}

tr.header {
	height: 70px;
	border-width: 1px;
	margin: 0px;
	border-color: #c4d1e5;
}


td {
	padding: 0.25rem;
	vertical-align: top;
}

@media print {
	td {
		page-break-inside: auto
	}
}


td.TabelleNeutraltext {
	vertical-align: top;
	border-width: 0px;
}

td.TabelleHaupttext, table.generell tbody tr td.TabelleHaupttext {
	border: 1px solid #3a3742;
	background-color: #ffffff;
}

@media print, print_seminar {
	td.TabelleHaupttext {
		border-color: #000000;
		background-color: #ffffff;
}}


/* "Komplette Pfade" eingetragen aufgrund eines Fehlers von Madcap Flare */
td.TabelleUeberschrift, 
table.generell thead tr td, 
table.generell thead tr th, 
table.generell tbody tr td.TabelleUeberschrift,
ul li MadCap|dropDown MadCap|dropDownBody table tbody tr td.TabelleUeberschrift {
	color: #ffffff;
	font-weight: bold;
	background-color: #1294da;
	border: 0px;
	vertical-align: top;
}

/* @media print, print_seminar { */
	/* td.TabelleUeberschrift { */
/* }} */


/* ==================================================== */
/* == Madcap-eigene Definitionen                     == */
/* ==================================================== */

MadCap|dropDown {
	/* font-size: 1rem; */
	margin-top: 1rem;
	margin-left: 0rem;
	border: solid 0.3rem #dedde0; /*#5A5662;*/
	border-radius: 10pt;
	background-color: #dedde0;
}

@media print, print_seminar {
	MadCap|dropDown {
		border: none;
		background-color: #ffffff;
}}

/* als Krücke eingebaut, weil die vorherige Definition nicht fehlerfrei interpretiert wurde -- jha, 8.3.2023 */
div.MCDropDown {
	margin-top: 1rem;
	margin-left: 0rem;
	/* border: solid 0.3rem #5A5662; */
}


MadCap|dropDownHead {
	/* font-size: 1rem; */
	padding: 0.25rem;
	display: block;
	width: 100%;
}

@media print, print_seminar {
	MadCap|dropDownHead {
		font-weight: bold;
		page-break-after: avoid;
}}

MadCap|dropDownBody {
	background-color: #dedde0; /*#ffffff; */
}

div.MCDropDownBody, div.dropDownBody {
	background-color: #dedde0; /* #ffffff; */
}

@media print, print_seminar {
	MadCap|dropDownBody, div.MCDropDownBody, div.dropDownBody {
		background-color: #ffffff;
		border: none;
}}

MadCap|dropDownHotspot:focus {
}

MadCap|dropDownHotspot:hover {
}

MadCap|miniTocProxy {
}

@media print, print_seminar {
	MadCap|tocProxy {
		line-height: 1;
		border-top-style: none;
}}

/* Querverweise */
MadCap|xref {
	mc-format: '{para}';
}

MadCap|xref.ConceptPageNumber {
	color: #0000ff;
}

@media print, print_seminar {
	MadCap|xref.ConceptPageNumber 	{
		color: #000000;
		mc-format: '{quote}{para}{quote}, Seite {page}';
}}

MadCap|popup
{
	mc-popup-width: 200px;
	mc-popup-height: 300px;
}

@media print, print_seminar {
	MadCap|popup {
		mc-footnote-position: page;
}}

MadCap|popupBody
{
	mc-popup-width: 200px;
	mc-popup-height: 300px;
}

MadCap|popupHead {
	color: #5a5662;
	mc-popup-width: 200px;
	mc-popup-height: 300px;
}

@media print, print_seminar {
	MadCap|popupHead {
		color: #000000;
	}
}


a, a.xref, a.MCXref, a.xrefConceptPageNumber, a.ConceptPageNumber {
	color: #0479CF !important;
	text-decoration: none !important;
	font-weight: bold !important;
}

a:hover, a.xref:hover, a.MCXref:hover, a.xrefConceptPageNumber:hover, a.ConceptPageNumber:hover {
	color: #5a5662;
	text-decoration: none;
	font-weight: bold;
}

@media print, print_seminar {
	p.MiniTOC1 {
		margin-top: 12pt;
	}

	p.MiniTOC2, p.MiniTOC3, p.MiniTOC4 {
		margin-bottom: 6pt;
	}

}