/* Schritfart festlegen für alle Elemente */
.x-body, .x-panel-body-default, .smc-sidebar .x-tree-node-text {
  font-family: "Segoe UI", "Lucida Sans", Arial, sans-serif;
  color: #000000;
	font-weight: normal;
	line-height: 1.5em;
	font-size: 16px;
}

/* Header Basiskonfiguration ohne Farben */

.navbar-title {
	white-space: nowrap;
	overflow: visible;
}

.smc-main-ct > .x-panel-header {
	background-size: 37px !important;
	background: none !important;
	font-family: Arial;
	font-size: 32px;
	overflow: visible;
}

.x-panel-header-title-default > .x-title-text-default {
	padding-left: 16px;
	font-size: 25px !important;
	font-weight: bold;
	line-height: 35px;
	white-space: initial;
	color: #ffffff !important;
}

.smc-main-ct > .x-panel-header .x-title-text {
	padding-left: 20px;
	font-size: 30px !important;
	font-weight: bold;
	line-height: 35px;
	white-space: initial;
	display: flex;
	column-gap: 8px;
}

.smc-panel-search {
background-image: url(../images/search-24-weiss.svg);
  background-size: 32px;
  opacity: 100%
}

/* Farben, Größe und Abstände für Home, Drucken, Blättern etc. */
.smc-content-ct .header-nav.arrows-nav-header.container-navButtons a {
	color: #1467BA;
}

.arrows-nav-header .arrow .fa::before {
	font-size: 25px;
}

.arrows-nav-header .arrow {
	margin-left: 5px;
  margin-right: 5px;
	padding: 12px 26px 0 0;
}


h1.headline-content {
	border-bottom: 1px solid #cfcfcf;
	padding-bottom: 10px;
}

/*** Tableiste Basiskonfiguration ***/

/* Buttons zum aus- und einblenden der Navigation */
.smc-sidebar .x-tool-expand-left {
  background-image: url(../images/ausblenden-24.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  }

.smc-main-ct .x-tool-expand-right {
  background-image: url(../images/einblenden-24.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}

/* Index ausblenden */

#tab-1025 {
  visibility: hidden;
}

/* Button "Inhalt" anpassen */
.x-tab-icon-el-default {
  visibility: hidden;
	font-size: 0;
	line-height: 0;
}

.x-tab-icon-left > .x-tab-icon-el-default {
  visibility: hidden;
  width: 0px;
  }
	
.x-tab-button-center {
	text-align: left;
}	

/* Aktiver Tab: Hintergrundfarbe */
.x-tab.x-tab-active.x-tab-default {
	background-color: #B9D7F5;
	border-color: #B9D7F5;
}

.x-tab.x-tab-default.x-tab-over {
	background-color: #E1EBF6;
	border-color: #E1EBF6;
}

/* Tab Inhalt: keine Hintergrudnfarbe */

#tab-1018 {
	border-color: #f5f5f5 !important;
	background-color: #f5f5f5 !important;
	cursor: auto !important; 
}

/* Tab: Textfarbe */
.x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
	color: #555555;
}

/** Navigation **/
.smc-sidebar .x-tree-node-text {
	font-size: 16px;
}

.x-tree-icon, .x-tree-elbow-img, .x-tree-checkbox {
	margin-top: -3px;
	margin-bottom: -6px;
}

/* Farbe gewählter Tab */
.smc-content-tree .x-grid-item.x-grid-item-selected {
	background-color: #B9D7F5;
}
/* Farbe hover */
.smc-content-tree .x-grid-item.x-grid-item-over {
	background-color: #E1EBF6;
}



/* On mouse over Farbe 
.x-grid-item-over {
	
}*/

/** Navigation rechts oben (Drucker etc.) **/
/* Das ist ein Font, keine Grafik > Vorerst so lassen, eilt nicht */

/* Maximale Seitenbreite */
.block-ct {
	max-width: 800px;
}
/************** Textgestaltung **************/

/* Elemente der Titelseite (alles ausblenden außer Version */
.titlepage-title-theme {visibility: hidden; font-size: 0; line-height: 0;}
.titlepage-title {visibility: hidden; font-size: 0; line-height: 0;}
.titlepage-optional-title {visibility: hidden; font-size: 0; line-height: 0;}
.titlepage-date {visibility: hidden; font-size: 0; line-height: 0;}
.titlepage-footnote {visibility: hidden; font-size: 0; line-height: 0;}
.titlepage-version {}


/* Überschriften */
.h1, h1, .h2, h2, .h3, h3 {
  font-weight: normal;
	margin-bottom: 20px;
	color: #555555;
	font-weight: 500;
}

.h1, h1 {
	font-size: 28px !important;
}

.h2, h2 {
	font-size: 24px !important;
}

.h3, h3 {
		font-size: 20px !important;
}


/* Überschriften bei "Zusammenhalten" mit weniger Abstand */
.subsection-ct .subsection .subsection-inner-ct .section-header {
	padding-top: 0px;
}

/* Fettdruck */
.emphasis {
  color: #0E4883;
  font-weight: 600;
}

.italics {
  color: #000;
  font-style: normal;
  font-weight: 600;
}

.uicontrol {
	font-weight: 600;
	color: #0E4883;
}


/**** Aufruf ****/
/* .block-description.aufruf {
	margin-bottom: 0px;
	margin-top: -20px;
}

.block-description.aufruf .par {
	margin-top: -10px;
}

.block-description.aufruf .table-responsive .par {
	margin-top: 0;
}*/


/*.block-description.aufruf .par .menucascade .uicontrol {
	font-weight: 600;
	color: #0E4883;
}*/


/**** Hinweise, Tipps etc. ****/

/** alle Typen **/
.icon-notice {
  display: none;
}

.notice.ANSI .notice-icon, .notice:not(.ANSI) .notice-icon,
.notice.Tip:not(.ANSI) .notice-icon:not(.custom-icon) {
	width: 0px;
	height: 0px;
	margin: 0px;
	visibility: hidden;
}

.notice.ANSI {
	border: none;
}

.notice.ANSI .notice-title {
	text-align: left;
	padding-left: 10px;
	font-weight: 500;
	font-size: 20px;
}

.notice:not(.ANSI) .notice-title {
	text-align: left;
	padding-left: 0px;
	font-weight: 500;
	font-size: 20px;
}


.notice.ANSI .notice-body {
	margin-left: 0px;
}

/** Tipps **/
.notice.Tip:not(.ANSI) {
	background-color: transparent;
	border-left: 2px solid #1467BA;
}

.notice.notice-container.Tip.Tip-type .notice-title {
	color: #1467BA;
}

/** Hinweise **/
.notice.notice-container.Advice.Advice-type.ANSI,
.notice.notice-container.Warning.Warning-type.ANSI {
	border-left: 2px solid #e2001a;
}

.notice.ANSI.Advice .notice-title,
.notice.ANSI.Warning .notice-title {
	background-color: transparent;
	color: #e2001a;
}

/** Beispiele **/

.notice.ANSI.Danger .notice-title {
	background-color: transparent;
	color: #555555;
}

.notice.notice-container.Danger.Danger-type.ANSI {
	border-left: 2px solid #555555;
}

/** Modulhinweise **/

.notice.notice-container.Warning.Warning-type.erweiterung-box,
.notice.notice-container.Advice.Advice-type.ANSI.erweiterung-box {
	border: none !important;
	background-color: #EDF3F9;
	padding-top: 0;
}

.erweiterung-box > .notice-title {
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	height: 0;
	padding: 0;
	margin: 0;
}

.erweiterung-box > .notice-body > .enum-enum-instruction {
	background-color: #EDF3F9;
	padding-left: 0;
}


.block-description.erweiterung-box {
	background-color: #EDF3F9;
	padding: 10px 0 0 10px;
}

.enum-element.erweiterung-box-smartwe {
	background-color: #EDF3F9;
	padding: 2px;
}


/* Verschachtelte Hinweise optisch zu einem vereinheitlichen */
.notice-body .notice-container > .notice-title {
	visibility: hidden;
	line-height: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
}

.notice-body .notice-container {
	border-left: none !important;
	margin-left: -10px;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

/* 2 Hinweise untereinander in einen verwandeln */
.notice.notice-container.Tip.Tip-type + .notice.notice-container.Tip.Tip-type,
.notice.notice-container.Advice.Advice-type.ANSI + .notice.notice-container.Advice.Advice-type.ANSI,
.notice.notice-container.Danger.Danger-type.ANSI + .notice.notice-container.Danger.Danger-type.ANSI  {
	margin-top: -60px;
}
.notice.notice-container.Tip.Tip-type + .notice.notice-container.Tip.Tip-type .notice-title,
.notice.notice-container.Advice.Advice-type.ANSI + .notice.notice-container.Advice.Advice-type.ANSI .notice-title,
.notice.notice-container.Danger.Danger-type.ANSI + .notice.notice-container.Danger.Danger-type.ANSI .notice-title
 {
	visibility: hidden;
}




/* Links */
.link-url, .link-url .link_fliesstext {
  color: #1467BA;
  background: url("../images/external-link-24.svg") no-repeat 2px 2px;
  background-size: 16px;
  padding-left: 24px;
	text-decoration: underline;
}

.link-xref, .link-detail {
  color: #1467BA;
  background: url("../images/hilfezu.svg") no-repeat 0px 0px;
  padding-left: 24px;
}

.link, .link:active, .link:visited {
	color: #1467BA;
	position: relative;
	font-weight: 500;
	padding-left: 25px;
	text-decoration: underline;
}

.link_fliesstext > a {
	background: none;
	padding-left: 0;
	margin-left: 0;
}

.generateContents {
	line-height: 2em;
}

/* Include-Text ohne Markierung */
.include-text {
	margin-top: 0px;
	margin-bottom: 0px;
	border-style: none;
	border-width: 0px;
}


/* Label für Erweiterungen etc. (vorne weiß, hinten rot) */
.marker.label1 {
	background-color: #ffffff;
	padding: 1px 6px 1px 6px;
	color: #e2001a;
	border: solid 1px #e2001a;
	font-weight: normal;
	font-size: 10pt;
}

.marker.label2 {
	background-color: #E2001A;
	padding: 1px 6px 1px 6px;
	color: #ffffff;
	margin-right: 4px;
	border: solid 1px #e2001a;
	font-size: 10pt;
}

.label2 .link {
	text-decoration: none;
	background-image: none;
	padding-left: 2px;
	color: #ffffff;
	font-size: 10pt;
}

/** Schrittanleitungen **/
.container-enum.instruction {
  background-color: #f3f3f3;
  padding: 1em;
}

.enum-container > p.enum-title{
	list-style: none;
	color: #555;
	margin-left: 0;
	font-weight: 500;
	padding: 1em 0 0 0;
	font-size: 20px;
}

.instruction-container > p.enum-title {
	list-style: none;
	color: #555;
	margin-left: 0;
	font-weight: 500;
	padding: 15px 0 0 15px;
	font-size: 20px;
	margin-bottom: 2px;
}

.instruction-container {
	background-color: #f3f2f3;
}

/* Result-Häkchen */
li.step.result::before {
	color: #00781A;
	font-weight: 600;
}

li.step.result {
	padding-left: 4px;
}

.smc-content-ct .result {
	color: #000000;
}

/** Listen generell, Einrückung, Überschrift **/
.container-enum li.enum-element,
.container-enum li.step {
	margin-left: 18px;
}

.container-enum > .par,
.container-enum > .media  {
	padding-left: 17px;
}

.container-enum > .notice {
	margin-left: 17px;
}

.container-enum li.enum-title {
	color: #555555;
	font-weight: 500;
	font-size: 20px;
	padding-bottom: 5px;
}

/* Aufzählungszeichen für unsortierte Listen */
.container-enum.standard li.enum-element::before,
.container-enum.Bullet li.enum-element::before {
	content: url(../images/Aufzaehlung-grau.png);
	margin-left: -18px;
	font-size: 22px;
	line-height: 16px;
	position: relative;
	bottom: 6px;
}

.container-enum.standard > .container-enum.standard > li.enum-element::before {
	content: url(../images/Aufzaehlung-grau.png);
}


/* Keine Aufzählungszeichen in Listen */
.container-enum.standard.keineAufzaehlung li.enum-element::before,
.container-enum.Bullet li.enum-element::before {
	content: '';
	font-size: 0px;
	line-height: 0px;
	margin-left: -20px;
}

.container-enum.standard.keineAufzaehlung > .container-enum.standard > li.enum-element::before {
	content: '';
	margin-left: -12px;
}


/* Schrittanleitung fortlaufend */
.enum-enum-instruction.Continue {
	margin-top: -1em;
	padding-top: 0;
  margin-bottom: 0;
}


/** Code (inline) **/
code {
	padding: 2px 4px;
	font-size: 90%;
	color: #333;
	background-color: #f2f2f2;
	border-radius: 4px;
}

/** Code mit Titel **/
pre.code.codeTitle::before {
	height: 40px;
	background-color: transparent;
	top: -10px;
	color: #0E4883;
	font-size: 12pt;
}


.actionButton {
	text-decoration: none;
	background-color: transparent;
	color: #0E4883;
	position: absolute;
	right: 40px;
	margin-top: 5px;
	z-index: 1;
	background-image: url("../images/copy.svg");
	background-repeat: no-repeat;
	background-size: contain;
	padding-left: 30px;
}

.actionButton:hover {
	background-color: transparent;
}

.notice-body > .actionButton,
.notice-body > .actionButton:hover {
	right: 66px;
}


/** Caption bei Bildern **/
.media-caption {
	color: #555;
	font-weight: 500;
	padding-top: 0px;
}

/** Tabellen **/
.table caption {
	text-align: left;
	caption-side: top;
	color: #555;
	margin-top: 20px;
}

.table-title {
	margin-top: 0;
	font-style: normal;
	font-weight: 600;
	padding-bottom: 10px;
}


.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
	border: 1px solid #ccc;
}

.table > tbody > tr > td.table-header-vertical {
	border-right-width: 1px;
}

.table-row.erweiterung-box > .table-header {
	background-color: #EDF3F9;
}

.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
	border-top: 1px solid #ccc;
}


.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
	padding: 10px 15px 5px 15px;
}

.table p {
	margin-bottom: 10px;
}

.table-header {
	background-color: #f9f9f9;
	color: #555;
	font-weight: 600;
}

.smc-content-ct td {
	font-size: 16px;
	line-height: 1.5em;
	background-color: #fff;
}
/* Hinweis nach Tabelle */

.table-responsive + .notice {
	margin-top: 20px;
}

/* Tabellenstil Matrix - genutzt für Aufruf */

.table-matrix {
	border: none;
}

.hypherate.table-cell.table-cell-Matrix.table-cell-odd.table-cell-odd-Matrix.table-cell-firstcolumn.table-cell-firstcolumn-Matrix.table-cell-firstrow.table-cell-firstrow-Matrix.table-cell-lastrow.table-cell-lastrow-Matrix.table-header.table-header-vertical.table-cell-col-odd-Matrix {
	border: none;
	/* border-right: 1px solid #ccc; */
	/* background-color: transparent; */
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	color: #000;
}

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
	padding: 10px 15px 0px 15px;
}

.hypherate.table-cell.table-cell-Matrix.table-cell-odd.table-cell-odd-Matrix.table-cell-firstrow.table-cell-firstrow-Matrix.table-cell-lastrow.table-cell-lastrow-Matrix.table-cell-lastcolumn.table-cell-lastcolumn-Matrix.table-cell-col-even-Matrix {
	background-color: #f9f9f9;
	border: none;
	border-bottom: 1px solid #ccc;
}

.block-description.aufruf .table-responsive {
	margin-top: -10px;
}

.block-description.aufruf .table-responsive .par {
	margin-top: 0;
}

/* Aufruf ohne Tabelle */
.aufruf .row .col-md-12.col-xs-12 > .par {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	background-color: #f9f9f9;
	padding-top: 10px;
	margin-top: 0;
	margin-top: -10px;
	padding-left: 10px;
}


.block-description.aufruf .col-md-12.col-xs-12 {
	margin-top: -20px;
	padding-top: 10px;
}



/* Tabellen in Instructions */

.enum-enum-instruction.instruction .table {
	max-width: 97%;
	margin-left: 4px;
}

.enum-enum-instruction.instruction .table > tbody > tr > td,
.enum-enum-instruction.instruction .table > tbody > tr > th,
.enum-enum-instruction.instruction .table > tfoot > tr > td,
.enum-enum-instruction.instruction .table > tfoot > tr > th,
.enum-enum-instruction.instruction .table > thead > tr > td,
.enum-enum-instruction.instruction .table > thead > tr > th {
	border: 1px solid #999;
}


.enum-enum-instruction.instruction .table > caption + thead > tr:first-child > td,
.enum-enum-instruction.instruction .table > caption + thead > tr:first-child > th,
.enum-enum-instruction.instruction .table > colgroup + thead > tr:first-child > td,
.enum-enum-instruction.instruction .table > colgroup + thead > tr:first-child > th,
.enum-enum-instruction.instruction .table > thead:first-child > tr:first-child > td,
.enum-enum-instruction.instruction .table > thead:first-child > tr:first-child > th {
	border: 1px solid #999;
}


/* Mit Metadatum versehenen Inhalt ausblenden */
.ausblenden {
    visibility: hidden;
    height: 0px;
    line-height: 0px;
}

/* Feldbeschreibungen App Designer Überschriften */
.feldbeschreibung .header-label, .header-label.feldbeschreibung {
  margin-left: 0 !important;
  margin-top: 16px; 
  width: 100%;
 /* background-color: #D6EEFF; */
  padding: 4px 0 4px 0;
  color: #0e4883;
  font-weight: 600;
  border-bottom: 1px solid #034883;
  font-size: 14pt !important;
  font-variant: small-caps; 
}
 
.subsection.feld-titel-ausblenden .subsection-inner-ct .block-ct .block-description.feldbeschreibung .row.label-block-description .label-content-block-description .header-label{
	visibility: hidden;
	height: 0;
	margin: 0;
	padding: 0;
}

.smc-content-ct .section-header {
	padding-top: 25px;
}

.section-header.feldbeschreibung {
	padding-top: 0px;
	margin-top: 0px;
}

.section-header.feldbeschreibung .headline-content {
	margin-top: 16px;
	margin-bottom: 0px;
	width: 100%;
	padding: 4px 0 4px 0;
	color: #0e4883;
	font-weight: 600;
	border-bottom: 1px solid #034883;
	font-size: 14pt !important;
	font-variant: small-caps;
}


/* Nummern in der korrekten Farbe */
.nummer-rot > span {
  color: #e2001a;
}
.nummer-blau > span {
  color: #0E4883;
}

.nummer-magenta > span {
  color: #E20074;
}


@media screen and (max-width: 575px) {

	/* Listen anpassen */
	.container-enum.enum-standard {
		margin-left: 20px;
	}
			
	
	/* Einrückung Nummerierung anpassen */
		.container-enum.standard li.enum-element::before,
		.container-enum.Bullet li.enum-element::before {
			vertical-align: middle;
			position: absolute;
			top: 0px;
		}

		/* Schrittanleitungen anpassen */
		.container-enum.instruction {
			background-color: #f3f3f3;
			padding: 0 1em 1em 1em;
		}

		.container-enum li.enum-element, .container-enum li.step {
			margin-left: 0px;
		}

		.container-enum > * {
			margin-left: 2px;
		}

		li.enum-element::before, li.step::before {
			display: inline-block;
			width: auto;
			margin-right: 6px;
		}

		li.step::before, .container-enum > li::before {
			margin-left: -24px;
		}


		/* Tabellen anpassen */
		.tabelle-3-spalten colgroup col:first-child {width: 15% !important;}
		.tabelle-3-spalten colgroup col:last-child {width: 60% !important;}



/* Burgermenü hübsch machen */
	.menu-mobile {
		margin-right: 8px;
		background-image: url('../images/menu_mobile.svg');
		background-color: transparent;
		background-size: cover;
		position: absolute;
		top: 0;
		left: 0;
		height: 30px;
		width: 30px;
		border: none;
		display: block !important;
}
}