@charset "UTF-8";
/*=================================================================================*/
/* custom_full.css                                                               */
/*---------------------------------------------------------------------------------*/
/* Frontend-Anzeige HERDT Desk. Alle Module + App-Regeln in einer Datei.     */
/* GENERIERTES BÜNDEL – nicht direkt editieren. Quelle: die modularen Dateien in    */
/* css/ bzw. editor/. Bei Änderungen dort neu bündeln.                             */
/*=================================================================================*/



/* ============================================================================ */
/* >>> 00_Variablen.css */
/* ============================================================================ */


/*=================================================================================*/
/* 00_Variablen.css                                                                */
/*---------------------------------------------------------------------------------*/
/* Zentrale CSS-Variablen. Aufzählungs-Bullets als inline SVG (Data-URI) statt       */
/* externer Bilddateien. Marken-Grün #009873. In custom.css und in jeder            */
/* TinyMCE-Datei eingebunden, damit die Variablen überall verfügbar sind.            */
/*=================================================================================*/

:root {
	/* grünes Quadrat (ersetzt Aufzaehlung.svg / bullets/square_l1.png) */
	--bullet-square: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%229%22%20viewBox%3D%220%200%209%209%22%3E%3Crect%20width%3D%229%22%20height%3D%229%22%20fill%3D%22%23009873%22%2F%3E%3C%2Fsvg%3E");
	/* grünes Dreieck nach rechts (ersetzt Arbeitsschritt.svg) */
	--bullet-triangle: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%229%22%20viewBox%3D%220%200%209%209%22%3E%3Cpolygon%20points%3D%220%2C0%209%2C4.5%200%2C9%22%20fill%3D%22%23009873%22%2F%3E%3C%2Fsvg%3E");
}


/* ============================================================================ */
/* >>> 01_Standard_Lesson_Playlist.css */
/* ============================================================================ */


/*=================================================================================*/
/* 01_Standard_Lesson_Playlist.css                                                 */
/*---------------------------------------------------------------------------------*/
/* Zusammenführung der bisher getrennten Dateien HV_Standard_Lesson.css und         */
/* HV_Standard_Playlist.css. Regeln gelten für beide Wrapper                        */
/* (hd2-lesson, .lesson-popup-body, hd2-playlist-view).                            */
/* Die früheren Margin-Unterschiede bei p, hr, h3 und img wurden vereinheitlicht    */
/* (gemeinsamer Lesson-Standard). Nur h1 behält bewusst kontextspezifische Margins. */
/*=================================================================================*/


/*-------------------------------------------------------------*/
/* Standard für body                                            */
/*-------------------------------------------------------------*/
hd2-lesson body,
.lesson-popup-body body,
hd2-playlist-view body {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #22332f;
}


/*-------------------------------------------------------------*/
/* Abstand zur nächsten Section mit H2                          */
/*-------------------------------------------------------------*/
hd2-lesson section,
.lesson-popup-body section,
hd2-playlist-view section {
	margin: 30px 0px 70px 0px;
}


/*-------------------------------------------------------------*/
/* Absatzformate (gemeinsam, einheitlicher Margin)             */
/*-------------------------------------------------------------*/
hd2-lesson p,
.lesson-popup-body p,
hd2-playlist-view p {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	margin: 20px 0 10px 0;
	color: #22332f;
}


/*-------------------------------------------------------------*/
/* Horizontale Trennlinie (gemeinsam, einheitlicher Margin)    */
/*-------------------------------------------------------------*/
hd2-lesson hr,
.lesson-popup-body hr,
hd2-playlist-view hr {
	border-width: 2px 0 0 0;
	border-top: 2px solid #ededed;
	border-bottom: 0px solid #ffffff;
	background-color: #ffffff;
	height: 0px;
	margin: 30px 0 30px 0;
}


/*-------------------------------------------------------------*/
/* Tabellenzellen                                               */
/*-------------------------------------------------------------*/
hd2-lesson td,
.lesson-popup-body td,
hd2-playlist-view td {
	vertical-align: top;
}

hd2-lesson th,
.lesson-popup-body th,
hd2-playlist-view th {
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 700;
}


/*-------------------------------------------------------------*/
/* Überschriften                                                */
/*-------------------------------------------------------------*/

/* H1 (gemeinsam) – Margin bewusst kontextspezifisch */
hd2-lesson h1,
.lesson-popup-body h1,
hd2-playlist-view h1 {
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	color: #22332F;
	background-color: #ffffff;
	line-height: 30px;
}
hd2-lesson h1,
.lesson-popup-body h1 {
	margin: 25px 0px 15px 0px;
}
hd2-playlist-view h1 {
	margin: 10px 0px 0px 0px;
}

/* H2 */
hd2-lesson h2,
.lesson-popup-body h2,
hd2-playlist-view h2 {
	color: #22332f;
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 30px;
	margin-top: 10px;
	page-break-after: avoid;
	page-break-inside: avoid;
}

/* H3 (gemeinsam, einheitlicher Margin) */
hd2-lesson h3,
.lesson-popup-body h3,
hd2-playlist-view h3 {
	color: #22332f;
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	margin: 40px 0 5px 0;
}

/* H3 in Tabellen ohne Abstand – im Content in 99 Lektionen genutzt (beibehalten) */
hd2-lesson td h3,
.lesson-popup-body td h3 {
	margin: 0px 0px 0px 0px;
}

/* H4 */
hd2-lesson h4,
.lesson-popup-body h4,
hd2-playlist-view h4 {
	color: #22332f;
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	margin-top: 24px;
	margin-bottom: 10px;
}

/* H5 */
hd2-lesson h5,
.lesson-popup-body h5,
hd2-playlist-view h5 {
	color: #606060;
	font-family: "Open Sans", sans-serif;
	font-style: italic;
	font-weight: 600;
	font-size: 16px;
	margin-top: 24px;
	margin-bottom: 24px;
}

/* H6 */
hd2-lesson h6,
.lesson-popup-body h6,
hd2-playlist-view h6 {
	background-color: #707070;
	color: #ffffff;
	display: block;
	float: left;
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	margin-top: 60px;
	margin-bottom: 30px;
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
}


/*-------------------------------------------------------------*/
/* Aufklapp-Elemente (details/summary)                          */
/*-------------------------------------------------------------*/
hd2-lesson details > summary,
.lesson-popup-body details > summary,
hd2-playlist-view details > summary {
	color: #22332f;
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	padding: 10px 15px 10px 15px;
	width: 100%;
	background-color: #f4f4f4;
	border: none;
	border-radius: 6px 6px 6px 6px;
	box-shadow: 1px 1px 2px #ededed;
	cursor: pointer;
}

hd2-lesson details > p,
.lesson-popup-body details > p,
hd2-playlist-view details > p {
	color: #22332f;
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	background-color: #f4f4f4;
	padding: 5px 15px 5px 15px;
	margin: 0px;
	box-shadow: 1px 1px 2px #ededed;
}


/*-------------------------------------------------------------*/
/* Bilder (gemeinsam, einheitlicher Margin)                     */
/*-------------------------------------------------------------*/
hd2-lesson img,
.lesson-popup-body img,
hd2-playlist-view img {
	max-width: 100%;
	height: auto;
	margin: 0 0 10px 0;
}


/*-------------------------------------------------------------*/
/* Listen – bisher nur in Playlist definiert                    */
/* (in Lesson werden Listen über .HV_Aufzaehlung_* gestylt)     */
/* HINWEIS: die Teil-Selektoren "ol ul" bzw. "ul ol" sind im     */
/* Original ohne Wrapper und wirken global – hier 1:1 erhalten. */
/*-------------------------------------------------------------*/
hd2-playlist-view ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: disc;
	list-style-position: outside;
	text-indent: 0px;
	padding-left: 40px;
}
hd2-playlist-view ol {
	list-style-type: decimal;
	list-style-position: outside;
	text-indent: 0px;
	padding-left: 20px;
}
hd2-playlist-view ul ul, ol ul {
	list-style-type: circle;
	list-style-position: inside;
	margin-left: 10px;
}
hd2-playlist-view ol ol, ul ol {
	list-style-type: lower-latin;
	list-style-position: inside;
	margin-left: 10px;
}


/* ============================================================================ */
/* >>> 02_Eigene_Styles.css */
/* ============================================================================ */


/*=================================================================================*/
/* 02_Eigene_Styles.css                                                          */
/*---------------------------------------------------------------------------------*/
/* HERDT-Inhaltsklassen (HV_*). Unverändert übernommen, nur UTF-8.            */
/*=================================================================================*/

/*-------------------------------------------------------------*/
/*Absatzformate*/
/*-------------------------------------------------------------*/

.HV_Standard_Einzug {
	margin: 0 0 0 0;
	padding-left: 15px;
}

.HV_Aufzaehlung_Ebene1
{
	display: list-item;
	list-style-image: var(--bullet-square);
	margin: 20px 0 20px 25px;
	list-style-position: outside;
	text-indent: 0px;
	padding-left: 10px;
}

.HV_Aufzaehlung_Ebene2
{
	display: list-item;
	list-style-image: var(--bullet-square);
	margin: 0;
	margin-left: 50px;
	margin-bottom: 5px;
	list-style-position: outside;
	text-indent: 0px;
	padding-left: 10px;
	line-height: 26px;
}

.HV_Arbeitsschritt
{
	display: list-item;
	list-style-image: var(--bullet-triangle);
	margin: 20px 0 20px 25px;
	list-style-position: outside;
	text-indent: 0px;
	padding-left: 10px;
	line-height: 26px;
}

.HV_Arbeitsschritt_Aufzaehlung
{
	display: list-item;
	list-style-image: var(--bullet-square);
	margin: 0;
	margin-left: 50px;
	margin-bottom: 5px;
	list-style-position: outside;
	text-indent: 0px;
	padding-left: 10px;
	line-height: 26px;
}

.HV_Bildlegende
{
	color: #606060;
	font-style: italic;
	font-size: 14px;
	margin: -20px 0px 40px 10px;
}

.HV_Standard_Einzug
{
	margin-left: 20px;
}

.HV_Nummerierung
{
	display: list-item;
	list-style-type: decimal;
	margin-left: -15px;
}

.HV_Trennlinie {
    margin: 50px 0 50px 0;
    border: 1px solid #909090;
}

/*--------------------------------------------------------------*/
/*Formate für Abschnitt mit Kopieren in Zwischenablage Funktion */
/*--------------------------------------------------------------*/

.HV_Copy-Content p {
    margin-right: 50px;
    margin-left: 15px;
    padding-top: 7px;
    font-family: 'Courier';
    font-weight: 500;
    margin-top: 20px;
}

/*-------------------------------------------------------------*/
/*Formate für Kopf Schnelleinstieg und Umstieg*/
/*-------------------------------------------------------------*/

.HV_Kopf_Tabelle
{
	background-color: #f4f4f4;
	vertical-align: middle;
}

.HV_Kopf_Tabelle_Spalte1
{
	width: 135px;
}

.HV_Kopf_Tabelle_Spalte2
{
	width: 600px;
}

.HV_Kopf_Tabelle_Spalte3
{
	width: auto;
}

.HV_Kopf_Titel
{
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	letter-spacing: 0.35px;
	line-height: 40px;
	margin: 0px;
	text-transform: uppercase;
	white-space:nowrap;
}

.HV_Kopf_Untertitel
{
	color: #707070;
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 0.35px;
	margin: 0px;
	white-space: nowrap;
}

.HV_Kopf_Icon
{
	box-shadow: 2px 2px 10px #e0e0e0;
	display: block;
    	margin-left: auto;
    	margin-right: auto;
}

.HV_Kopf_Bild
{
	display: block;
    	margin-left: auto;
    	margin-right: auto;
}

/*-------------------------------------------------------------*/
/*Absatzformate in Office im Team und Umstieg*/
/*-------------------------------------------------------------*/

.HV_Box_Titel
{
	color: #22332f;
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 30px;
	line-height: 36px;
	margin-top: 20px 0px 8px 0px;
}

.HV_Box_Untertitel
{
	color: #22332f;
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 26px;
	margin: 0px 0px 20px 0px;
}

.HV_Box_Inhalt
{
	color: #22332f;
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	margin: 0px 0px 20px 0px;
}

/*-------------------------------------------------------------*/
/*Absatzformate für neue Videobox am Beginn einer lesson */
/*-------------------------------------------------------------*/

/*-------------------------------------------------------------*/
/*Tabellenformate*/
/*-------------------------------------------------------------*/

.HV_Tabellentext
{
	margin: 0px 0px 10px 0px;
}

.HV_Tabellenkopf
{
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	margin: 0px 0px 0px 0px;
}

.HV_Tabelle_Arbeitsschritt
{
	display: list-item;
	list-style-image: var(--bullet-triangle);
	margin: 20px 0px 0px 10px;
}

.HV_Tabelle_Einzug
{
	margin: 0px 0px 0px 10px;
}

.HV_Tabelle_Aufzaehlung_1
{
	display: list-item;
	list-style-image: var(--bullet-square);
	margin: 20px 0px 0px 10px;
}

/*-------------------------------------------------------------*/
/*Zeichenformate*/
/*-------------------------------------------------------------*/

span.HV_Kursiv
{
	font-style: italic;
}

span.HV_Fett
{
	font-weight: 700;
}

span.HV_Fett_Kursiv
{
	font-style: italic;
	font-weight: 700;
}

span.HV_Programmierung
{
	font-family: "Courier New",monospace;
	font-weight: 400;
	font-style: normal;
 	font-size: 16px;
	line-height: 26px;
}

span.HV_Programmierung_Fett
{
	font-family: "Courier New",monospace;
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	line-height: 26px;
}

span.HV_Programmierung_Kursiv
{
	font-family: "Courier New",monospace;
	font-size: 16px;
	font-weight: 400;
	font-style: italic;
	line-height: 26px;
}

span.HV_Programmierung_Fett_Kursiv
{
	font-family: "Courier New",monospace;
	font-weight: 700;
	font-style: italic;
	font-size: 16px;
	line-height: 26px;
}

span.HV_Tastatur
{
	font-family: Tastatur;
	font-size: 16px;
}

span.HV_Tastatur_Erweitert
{
	font-family: 'TASTATUR ERWEITERT', 'Tastatur_erweitert';
	font-size: 16px;
}

span.HV_Kreise
{
	font-family: Kreise;
	font-size: 18px;
}

span.HV_GROSS
{
	text-transform: uppercase;
}

span.HV_GROSS_FETT
{
	text-transform: uppercase;
	font-weight: 700;
}

span.HV_GROSS_KURSIV
{
	text-transform: uppercase;
	font-style: italic;
	font-weight: 600;
}

span.HV_Programmierung_GROSS
{
	font-family: "Courier New",monospace;
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	line-height: 26px;
	text-transform: uppercase;
}

span.HV_Programmierung_GROSS_FETT
{
	font-family: "Courier New",monospace;
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	line-height: 26px;
	text-transform: uppercase;
}

span.HV_GROSS_FETT_KURSIV
{
	text-transform: uppercase;
	font-style: italic;
	font-weight: 700;
}

p.HV_Formel
{
	font-size: 16px;
	font-family: "Courier New",monospace;
	font-weight: 400;
	font-style: normal;
}

span.HV_Formel_Kursiv
{
	font-family: "Courier New",monospace;
	font-weight: 400;
	font-style: italic;
}

span.HV_Formel_Fett
{
	font-family: "Courier New",monospace;
	font-weight: 700;
	font-style: normal;
}

span.HV_Formel_Fett_Kursiv
{
	font-family: "Courier New",monospace;
	font-weight: 700;
	font-style: italic;
}

.HV_Bildlegende_Einzug
{
	font-style: italic;
	font-weight: 400;
	font-size: 14px;
	margin-top: -20px;
	margin-bottom: 40px;
	margin-left: 10px;
}

/*-------------------------------------------------------------*/
/*Bilder*/
/*-------------------------------------------------------------*/

img.HV_Bild_Rahmen
{
	border: solid 1px #a9a9a9;
	height: auto;
	max-width: 100%;
	margin-bottom: 0px;
	margin-top: 0px;
}

img.HV_zentriert
{
	margin-bottom: 0px;
	margin-top: 0px;
	vertical-align: text-bottom;
}

img.HV_Bild_rechts
{
	float: right;
	vertical-align: text-bottom;
}


/* ============================================================================ */
/* >>> 03_Hinweisboxen.css */
/* ============================================================================ */


/*=================================================================================*/
/* 03_Hinweisboxen.css                                                           */
/*---------------------------------------------------------------------------------*/
/* Hinweisbox-System (tip-box, Stand August 2025). Unverändert, nur UTF-8.   */
/*=================================================================================*/

/*-------------------------------------------------------------*/
/*Hinweisboxen August 2025*/
/*-------------------------------------------------------------*/

.tip-box {
  border-radius: 16px;
  overflow: hidden;
  padding: 0;
  border: none;
  margin: 40px 0 40px 0;
}

.tip-summary {
  background-color: transparent;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  cursor: pointer;
  padding: 16px 16px;
}

.tip-summary::-webkit-details-marker {
  display: none;
}

.summary-left {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.tip-icon {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  margin: 0px;
}

.tip-text {
  color: #22332f;
  font-weight: 600;
  text-align: left;
  margin-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}


.chevron {
  width: 16px;
  height: 16px;
  color: #22332f;
  transition: transform 0.3s ease;
  flex: 0 0 auto;
}

.tip-box[open] .chevron {
  transform: rotate(90deg);
}

.tip-content {
  padding: 0 20px 16px 60px;
  color: #22332f;
  font-size: 16px;
  animation: fadeIn 0.5s ease-in-out;
}


/* Immer-ausgeklappte Box */


.tip-box.tip-static {
  display: block;                 /* sichert Block-Layout */
  border-radius: 12px;
  /* Falls Du bei .tip-box bereits Hintergrund, Border usw. setzt, 
     brauchst Du hier nichts weiter – die Farbklasse (z. B. .tip-yellow)
     greift wie gehabt. */
}

/* Kopfzeile wie bei <summary>, nur ohne Klick-Interaktion */
.tip-static .tip-header {
  display: flex;
  align-items: center;
  padding: 12px 14px;
  user-select: text;              /* kein "Button-Feeling" */
  cursor: default;
}



/* Icon & Titel wie gehabt */
.tip-static .tip-icon {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
}

.tip-static .tip-text {
  font-weight: 600;
  line-height: 1.3;
  /* gleiche Schriftgrößen wie bei Dir vorher */
}

/* Inhalt ist dauerhaft sichtbar */
.tip-static .tip-content {
  padding: 0 14px 14px 52px;      /* Einrückung passend zum Icon */
  /* Wenn Du vorher animiert hast, kannst Du hier bewusst auf Transition verzichten,
     da nichts ein-/ausklappt. */
}


/* Inhalt mit Icon nebeneinander ohne Titelzeile */
.tip-static .tip-content {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px;
}

.tip-static .tip-icon {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  margin-top: 2px; /* optische Justierung zum Text */
}




/* Farbvarianten */
.tip-green  { background-color: #d8ede2; }
.tip-blue   { background-color: #d9eaf7; }
.tip-yellow { background-color: #fff6d1; }
.tip-purple { background-color: #e4d9f7; }
.tip-red    { background-color: #f9d9d9; }

.tip-summary:hover { filter: brightness(0.98); }
.tip-summary:active { filter: brightness(0.96); }


/* ============================================================================ */
/* >>> 04_Video_Styles.css */
/* ============================================================================ */


/*=================================================================================*/
/* 04_Video_Styles.css                                                           */
/*---------------------------------------------------------------------------------*/
/* Videobox-Stile (HV_Videobox_*). Unverändert übernommen, nur UTF-8.        */
/*=================================================================================*/

/*------------------------------------------------------------------*/
/* NEUTRAL Absatzformate für Videobox (2025) am Beginn einer lesson */
/*------------------------------------------------------------------*/

.HV_Videobox_Illustration {
	width: 100%; 
	border-width: 0px; 
	background-color: #C4D6E8; 
	border-radius: 16px;
	border: 0px;
	padding: 0px 0px 0px 0px; 
}

.HV_Videobox_Illustration td {
    vertical-align: middle;
    padding: 25px 0px 15px 25px;
}

.HV_Videobox_Illustration img {
	width: 95%;
	pointer-events: none;
	cursor: default;
	border: solid #ffffff 6px;
	border-radius: 16px;
}

.HV_Videobox_Illustration_Titel {
	color: #22332f;
	font-size: 24px;
	font-weight: 700;

}

.HV_Videobox_Illustration_ul {
	list-style-position: outside;
}

.HV_Videobox_Illustration_li {
	font-size: 16px;
	font-weight: 400;
        text-align: left;
	list-style-type: none;
	color: #22332f;
}

.HV_Videobox_Illustration_li:before {
	content: '\f054';
	font-family: var(--fa-family);
	font-weight: 900;
	color: #22332f;
	padding-right: 10px;
}

.HV_Videobox_Illustration_Button
{
	background-color: #22332f;
	border: solid #ffffff 2px;
	color: #ffffffff;
	display: inline-block;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 14px;
	height: 48px;
	line-height: 44px;
	letter-spacing: 0.25px;
	padding: 0px 0px 0px 0px;
	margin-top: 20px;
	text-decoration: none;
	text-align: center;
	vertical-align: center;
	width: 300px;
	border-radius: 6px;
	transition: 0.5s;
	opacity: 1;
}

.HV_Videobox_Illustration_Button:before {
	content: '\f04b';
	font-family: var(--fa-family);
	font-weight: 900;
	padding-right: 10px;
}

.HV_Videobox_Illustration_Button:hover
{
	background-color: #E9A074;
    	border: solid #E9A0742px;
	color: #ffffff;
	text-decoration: none;
	transition: 0.5s;
	opacity: 1;
}

/*----------------------------------------------------------------*/
/* NEUTRAL Absatzformate für neue Videobox am Beginn einer lesson */
/*----------------------------------------------------------------*/

.HV_Videobox_Standard {
	width: 100%; 
	border-width: 0px; 
	background-color: #00987330; 
	border-radius: 6px;
	border: 0px;
}

.HV_Videobox_Standard td {
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
}

.HV_Videobox_Standard img {
	width: 90%;
	pointer-events: none;
	cursor: default;
}

.HV_Videobox_Standard_Titel {
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #009873B0;
	font-size: 18px;
	font-weight: 700;

}

.HV_Videobox_Standard_li {
        text-align: left;
	list-style-type: none;
	color: #22332f;
}

.HV_Videobox_Standard_li:before {
	content: '\f14a';
	font-family: var(--fa-family);
	font-weight: 900;
	padding-right: 10px;
	color: #00987399;
}

.HV_Videobox_Standard_Button
{
	background-color: #009873B0;
	border: solid #ffffff 2px;
	color: #ffffffff;
	display: inline-block;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 14px;
	height: 48px;
	line-height: 44px;
	letter-spacing: 0.25px;
	padding: 0px 0px 0px 0px;
	margin-top: 20px;
	text-decoration: none;
	text-align: center;
	vertical-align: center;
	width: 300px;
	border-radius: 6px;
	transition: 0.5s;
	opacity: 1;
}

.HV_Videobox_Standard_Button:before {
	content: '\f04b';
	font-family: var(--fa-family);
	font-weight: 900;
	padding-right: 10px;
}

.HV_Videobox_Standard_Button:hover
{
	background-color: #ee7f00;
    	border: solid #ee7f00 2px;
	color: #ffffff;
	text-decoration: none;
	transition: 0.5s;
	opacity: 1;
}

/*-------------------------------------------------------------*/
/*TEAMS Absatzformate für neue Videobox am Beginn einer lesson */
/*-------------------------------------------------------------*/

.HV_Videobox_Teams_Zeit {
	vertical-align: center;
	font-weight: 400;
	font-size: 12px;
	padding-left: 10px;
	color: #4B53BC99;
}

.HV_Videobox_Teams_Zeit:before {
	vertical-align: center;
	content: '\f017';
	font-family: var(--fa-family);
	font-weight: 400;
	font-size: 12px;
	padding-right: 3px;
}

/*--------------------------------------------------------------------------*/
/*DIGITALE PROFIS KI Absatzformate für neue Videobox am Beginn einer lesson */
/*--------------------------------------------------------------------------*/

.HV_Videobox_DP-KI {
	width: 100%;
	padding: 0px 0px 0px 0px; 
}

.HV_Videobox_DP-KI td {
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
}

.HV_Videobox_DP-KI img {
	width: 90%;
	border-radius: 6px;
}

.HV_Videobox_DP-KI_Titel {
	color: #22332f;
	font-size: 20px;
	font-weight: 700;
}

.HV_Videobox_DP-KI_ul {
	list-style-position: outside;
}

.HV_Videobox_DP-KI_li {
	font-size: 14px;
	font-weight: 600;
        text-align: left;
	list-style-type: none;
	color: #22332f;
}

.HV_Videobox_DP-KI_li:before {
	content: '\f054';
	font-family: var(--fa-family);
	font-weight: 900;
	margin-left: -20px;
	padding-right: 10px;
	color: #22332f;
}

.HV_Videobox_DP-KI_Button
{
	background-color: #ffffff;
	border: solid #22332f 1px;
	color: #22332f;
	display: inline-block;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 14px;
	height: 48px;
	line-height: 44px;
	letter-spacing: 0.25px;
	padding: 0px 0px 0px 0px;
	margin-top: 20px;
	text-decoration: none;
	text-align: center;
	vertical-align: center;
	width: 250px;
	border-radius: 6px;
	transition: 0.5s;
	opacity: 1;
}

.HV_Videobox_DP-KI_Button:before {
	content: '\f04b';
	font-family: var(--fa-family);
	font-weight: 400;
	padding-right: 10px;
}

.HV_Videobox_DP-KI_Button:hover
{
	background-color: #22332f;
    	border: solid #22332f 1px;
	color: #ffffff;
	text-decoration: none;
	transition: 0.5s;
	opacity: 1;
}


/* ============================================================================ */
/* >>> 05_Buttons.css */
/* ============================================================================ */


/*=================================================================================*/
/* 05_Buttons.css                                                                */
/*---------------------------------------------------------------------------------*/
/* Button-Stile (HV_Button_*), nutzt FontAwesome. Unverändert, nur UTF-8.    */
/*=================================================================================*/

/*-------------------------------------------------------------*/
/*Buttons 1= Beispieldateien 2=Video*/
/*-------------------------------------------------------------*/

/*-------------------------------------------------------------*/
/* Buttons Video */
/*-------------------------------------------------------------*/

.HV_Button_Video
{
	background-color: #ffffff;
	border: solid #22332F 1px;
	color: #22332F;
	display: inline-block;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 14px;
	height: 48px;
	line-height: 48px;
	letter-spacing: 0.25px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	text-align: center;
	width: 300px;
	border-radius: 6px;
	transition: 0.5s;
	opacity: 1;
}

.HV_Button_Video:before {
	content: '\f04b';
	font-family: var(--fa-family);
	font-weight: 900;
	padding-right: 10px;
}

.HV_Button_Video:hover
{
	background-color: #22332F;
	color: #ffffff;
	text-decoration: none;
	transition: 0.5s;
	opacity: 0.8;
}

/*-------------------------------------------------------------*/
/* Buttons PDF */
/*-------------------------------------------------------------*/

.HV_Button_PDF
{
	background-color: #ffffff;
	border: solid #22332F 1px;
	color: #22332F;
	display: inline-block;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 14px;
	height: 48px;
	line-height: 48px;
	letter-spacing: 0.25px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	text-align: center;
	width: 300px;
	border-radius: 6px;
	transition: 0.5s;
	opacity: 1;
}

.HV_Button_PDF:before {
	content: '\f1c1';
	font-family: var(--fa-family);
	font-weight: 400;
	padding-right: 10px;
}

.HV_Button_PDF:hover
{
	background-color: #22332F;
	color: #ffffff;
	text-decoration: none;
	transition: 0.5s;
	opacity: 0.8;
}

/*-------------------------------------------------------------*/
/* Buttons Download */
/*-------------------------------------------------------------*/

.HV_Button_Download
{
	background-color: #ffffff;
	border: solid #22332F 1px;
	color: #22332F;
	display: inline-block;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 14px;
	height: 48px;
	line-height: 48px;
	letter-spacing: 0.25px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	text-align: center;
	width: 300px;
	border-radius: 6px;
	transition: 0.5s;
	opacity: 1;
}

.HV_Button_Download:before {
	content: '\f019';
	font-family: var(--fa-family);
	font-weight: 400;
	padding-right: 10px;
}

.HV_Button_Download:hover
{
	background-color: #22332F;
	color: #ffffff;
	text-decoration: none;
	transition: 0.5s;
	opacity: 0.8;
}

/*-------------------------------------------------------------*/
/* Buttons Catalog Dropdown (Wissen) */
/*-------------------------------------------------------------*/

.HV_Button_Catalog
{
	background-color: #ffffff;
	border: solid #22332F 1px;
	color: #22332F;
	display: inline-block;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 14px;
	height: 48px;
	line-height: 48px;
	letter-spacing: 0.25px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	text-align: center;
	width: 300px;
	border-radius: 6px;
	transition: 0.5s;
	opacity: 1;
}

.HV_Button_Catalog:hover
{
	background-color: #22332F;
	color: #ffffff;
	text-decoration: none;
	transition: 0.5s;
	opacity: 0.8;
}

.HV_Button_Catalog_alignright
{
	background-color: #ffffff;
	border: solid #22332F 1px;
	color: #22332F;
	display: inline-block;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 14px;
	height: 48px;
	line-height: 48px;
	letter-spacing: 0.25px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	text-align: center;
	width: 220px;
	border-radius: 6px;
	transition: 0.5s;
	opacity: 1;
	float: right;
}

.HV_Button_Catalog_alignright:hover
{
	background-color: #22332F;
	color: #ffffff;
	text-decoration: none;
	transition: 0.5s;
	opacity: 0.8;
}

/*-------------------------------------------------------------*/
/*Buttons Link */
/*-------------------------------------------------------------*/

.HV_Button_Link
{
	background-color: #22332F;
	color: #ffffff;
	display: inline-block;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 14px;
	height: 48px;
	line-height: 48px;
	letter-spacing: 0.25px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	text-align: center;
	width: 300px;
	border-radius: 6px;
	transition: 0.5s;
	opacity: 1;
}

.HV_Button_Link:before {
	content: '\f101';
	font-family: var(--fa-family);
	font-weight: 900;
	padding-right: 10px;
}

.HV_Button_Link:hover
{
	text-decoration: none;
	color: #ffffff;
	transition: 0.5s;
	opacity: 0.8;
}

/*-------------------------------------------------------------*/
/* Buttons Support und Mastermind 365 Playlists */
/*-------------------------------------------------------------*/

.HV_Button_Ticket
{
	background-color: #ffffff;
	border: solid #22332F 1px;
	color: #22332F;
	display: inline-block;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 14px;
	height: 48px;
	line-height: 48px;
	letter-spacing: 0.25px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	text-align: center;
	width: 300px;
	border-radius: 6px;
	transition: 0.5s;
	opacity: 1;
}

.HV_Button_Ticket:before {
	content: '\f4ff';
	font-family: var(--fa-family);
	font-weight: 900;
	padding-right: 10px;
}

.HV_Button_Ticket:hover
{
	background-color: #22332F;
	color: #ffffff;
	text-decoration: none;
	transition: 0.5s;
	opacity: 0.8;
}

.HV_Button_Playlist
{
	background-color: #ffffff;
	border: solid #22332F 1px;
	color: #22332F;
	display: inline-block;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 14px;
	height: 48px;
	line-height: 48px;
	letter-spacing: 0.25px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	text-align: center;
	width: 300px;
	border-radius: 6px;
	transition: 0.5s;
	opacity: 1;
}

.HV_Button_Playlist:before {
	content: '\f022';
	font-family: var(--fa-family);
	font-weight: 900;
	padding-right: 10px;
}

.HV_Button_Playlist:hover
{
	background-color: #22332F;
	color: #ffffff;
	text-decoration: none;
	transition: 0.5s;
	opacity: 0.8;
}

.HV_Button_Bookings
{
	background-color: #ffffff;
	border: solid #22332F 1px;
	color: #22332F;
	display: inline-block;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 14px;
	height: 48px;
	line-height: 48px;
	letter-spacing: 0.25px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	text-align: center;
	width: 300px;
	border-radius: 6px;
	transition: 0.5s;
	opacity: 1;
}

.HV_Button_Bookings:before {
	content: '\f274';
	font-family: var(--fa-family);
	font-weight: 900;
	padding-right: 10px;
}

.HV_Button_Bookings:hover
{
	background-color: #22332F;
	color: #ffffff;
	text-decoration: none;
	transition: 0.5s;
	opacity: 0.8;
}


/* ============================================================================ */
/* >>> 06_Dashboard.css */
/* ============================================================================ */


/*=================================================================================*/
/* 06_Dashboard.css                                                              */
/*---------------------------------------------------------------------------------*/
/* App-/Editor-Oberfläche: HV_Dashboard.css + HV_Dashboard_Edit.css.         */
/*=================================================================================*/

/*------------------ HV_Dashboard ------------------*/
/*-------------------------------------------------------------*/
/*Absatzformate*/
/*-------------------------------------------------------------*/

hd2-dashboard p
{
	color: #606060;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;

}

hd2-dashboard p.HV_Aufzaehlung_Ebene1
{
	color: #606060;
	display: list-item;
	list-style-image: var(--bullet-square);
	margin-left: 30px;
}



/*-------------------------------------------------------------*/
/*Headerformate*/
/*-------------------------------------------------------------*/

hd2-dashboard h1
{
	background-color: #606060;
	color: #FFFFFF;
	display: inline-block;
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0.5px;
	line-height: 30px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

hd2-dashboard h2
{
	color: #606060;
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
	font-size: 28px;
	line-height: 32px;
	margin-bottom: 20px;
	margin-top: 0px;
	page-break-after: avoid;
	page-break-inside: avoid;
}

hd2-dashboard h3
{
	color: #606060;
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
	font-size: 24px;
	line-height: 30px;
	margin-top: 0px;
	margin-bottom: 10px;
}



/*------------------ HV_Dashboard_Edit ------------------*/
/*-------------------------------------------------------------*/
/*CSS für korrekte Anzeige im Vorschaufeld TinyMCE Beschreibung*/
/*-------------------------------------------------------------*/

.editor-dashboard-edit-box p
{
	color: #606060;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
}

.editor-dashboard-edit-box p.HV_Aufzaehlung_Ebene1
{
	color: #606060;
	display: list-item;
	list-style-image: var(--bullet-square);
	margin-left: 30px;
}



.editor-dashboard-edit-box h1
{
	background-color: #606060;
	color: #FFFFFF;
	display: inline-block;
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0.5px;
	line-height: 30px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.editor-dashboard-edit-box h2
{
	color: #606060;
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
	font-size: 28px;
	line-height: 32px;
	margin-bottom: 20px;
	margin-top: 0px;
	page-break-after: avoid;
	page-break-inside: avoid;
}


.editor-dashboard-edit-box h3
{
	color: #606060;
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
	font-size: 24px;
	line-height: 30px;
	margin-top: 0px;
	margin-bottom: 10px;
}






/*-------------------------------------------------------------*/
/*Absatzformate*/
/*-------------------------------------------------------------*/

hd2-dashboard-container-view p
{
	color: #606060;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 16px;
}

hd2-dashboard-container-view p.HV_Aufzaehlung_Ebene1
{
	color: #606060;
	display: list-item;
	list-style-image: var(--bullet-square);
	margin-left: 30px;
}



/*-------------------------------------------------------------*/
/*Headerformate*/
/*-------------------------------------------------------------*/

hd2-dashboard-container-view h1
{
	background-color: #606060;
	color: #FFFFFF;
	display: inline-block;
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0.5px;
	line-height: 30px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

hd2-dashboard-container-view h2
{
	color: #606060;
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
	font-size: 28px;
	line-height: 32px;
	margin-bottom: 20px;
	margin-top: 0px;
	page-break-after: avoid;
	page-break-inside: avoid;
}


hd2-dashboard-container-view h3
{
	color: #606060;
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
	font-size: 24px;
	line-height: 30px;
	margin-top: 0px;
	margin-bottom: 10px;
}


/* ============================================================================ */
/* >>> 07_Tables.css */
/* ============================================================================ */


/*=================================================================================*/
/* 07_Tables.css                                                                   */
/*---------------------------------------------------------------------------------*/
/* Bereinigte Tabellen-Styles. Enthält nur die im Content tatsächlich verwendeten   */
/* TableStyle-Klassen (56 von 292). MadCap-proprietäre mc*-Blöcke und ungenutzte    */
/* Auto-Varianten wurden entfernt (MadCap Flare wird nicht mehr eingesetzt).        */
/*=================================================================================*/

/*------------------ Standard ------------------*/
.TableStyle-Standard {
	border-collapse: collapse;
	border-left-style: solid;
	border-left-color: #d0d0d0;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-color: #d0d0d0;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-color: #d0d0d0;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d0d0d0;
	border-bottom-width: 1px;
	margin-bottom: 2em;
	border-spacing: 0px 0px;
}
.TableStyle-Standard-Column-Column1 {
}
.TableStyle-Standard-Head-Header1 {
}
.TableStyle-Standard-HeadE-Column1-Header1 {
	border-right-width: 1px;
	border-right-color: #d0d0d0;
	border-right-style: solid;
	text-align: left;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-color: #d0d0d0;
	border-bottom-style: solid;
}
.TableStyle-Standard-HeadE-Column1-Header1 p {
}
.TableStyle-Standard-HeadD-Column1-Header1 {
	text-align: left;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-color: #d0d0d0;
	border-bottom-style: solid;
}
.TableStyle-Standard-HeadD-Column1-Header1 p {
}
.TableStyle-Standard-Body-Body1 {
}
.TableStyle-Standard-BodyE-Column1-Body1 {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-color: #d0d0d0;
	border-bottom-style: solid;
	border-right-width: 1px;
	border-right-color: #d0d0d0;
	border-right-style: solid;
}
.TableStyle-Standard-BodyE-Column1-Body1 p {
}
.TableStyle-Standard-BodyD-Column1-Body1 {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-color: #d0d0d0;
	border-bottom-style: solid;
}
.TableStyle-Standard-BodyD-Column1-Body1 p {
}
.TableStyle-Standard-BodyB-Column1-Body1 {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-right-width: 1px;
	border-right-color: #d0d0d0;
	border-right-style: solid;
}
.TableStyle-Standard-BodyB-Column1-Body1 p {
}
.TableStyle-Standard-BodyA-Column1-Body1 {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.TableStyle-Standard-BodyA-Column1-Body1 p {
}

/*------------------ Standard_alternierend ------------------*/
.TableStyle-Standard_alternierend {
	border-collapse: separate;
	border-left-style: solid;
	border-left-color: #f5f5f5;
	border-left-width: 14px;
	border-right-style: solid;
	border-right-color: #f5f5f5;
	border-right-width: 14px;
	border-top-style: solid;
	border-top-color: #f5f5f5;
	border-top-width: 14px;
	border-bottom-style: solid;
	border-bottom-color: #f5f5f5;
	border-bottom-width: 14px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	margin-bottom: 2em;
	border-spacing: 5px 0px;
}
.TableStyle-Standard_alternierend-Column-Column1 {
}
.TableStyle-Standard_alternierend-Body-Body1 {
}
.TableStyle-Standard_alternierend-BodyE-Column1-Body1 {
	background-color: #fef9f5;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.TableStyle-Standard_alternierend-BodyE-Column1-Body1 p {
}
.TableStyle-Standard_alternierend-BodyD-Column1-Body1 {
	background-color: #fef9f5;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.TableStyle-Standard_alternierend-BodyD-Column1-Body1 p {
}
.TableStyle-Standard_alternierend-BodyB-Column1-Body1 {
	background-color: #fef9f5;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.TableStyle-Standard_alternierend-BodyB-Column1-Body1 p {
}
.TableStyle-Standard_alternierend-BodyA-Column1-Body1 {
	background-color: #fef9f5;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.TableStyle-Standard_alternierend-BodyA-Column1-Body1 p {
}
.TableStyle-Standard_alternierend-Body-Body2 {
}
.TableStyle-Standard_alternierend-BodyE-Column1-Body2 {
	background-color: #fde9d9;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.TableStyle-Standard_alternierend-BodyE-Column1-Body2 p {
}
.TableStyle-Standard_alternierend-BodyD-Column1-Body2 {
	background-color: #fde9d9;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.TableStyle-Standard_alternierend-BodyD-Column1-Body2 p {
}
.TableStyle-Standard_alternierend-BodyB-Column1-Body2 {
	background-color: #fde9d9;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.TableStyle-Standard_alternierend-BodyB-Column1-Body2 p {
}
.TableStyle-Standard_alternierend-BodyA-Column1-Body2 {
	background-color: #fde9d9;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.TableStyle-Standard_alternierend-BodyA-Column1-Body2 p {
}

/*------------------ Standard_ohne_Rahmen ------------------*/
.TableStyle-Standard_ohne_Rahmen {
	border-collapse: collapse;
	margin-bottom: 2em;
	border-spacing: 0px 0px;
}
.TableStyle-Standard_ohne_Rahmen-Column-Column1 {
}
.TableStyle-Standard_ohne_Rahmen-Body-Body1 {
}
.TableStyle-Standard_ohne_Rahmen-BodyE-Column1-Body1 {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.TableStyle-Standard_ohne_Rahmen-BodyE-Column1-Body1 p {
}
.TableStyle-Standard_ohne_Rahmen-BodyD-Column1-Body1 {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.TableStyle-Standard_ohne_Rahmen-BodyD-Column1-Body1 p {
}
.TableStyle-Standard_ohne_Rahmen-BodyB-Column1-Body1 {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.TableStyle-Standard_ohne_Rahmen-BodyB-Column1-Body1 p {
}
.TableStyle-Standard_ohne_Rahmen-BodyA-Column1-Body1 {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.TableStyle-Standard_ohne_Rahmen-BodyA-Column1-Body1 p {
}

/*------------------ Hinterlegung_grau ------------------*/
.TableStyle-Hinterlegung_grau {
	border-collapse: collapse;
	border-left-style: solid;
	border-left-color: #8b0000;
	border-left-width: 5px;
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: none;
	margin-bottom: 2em;
	border-spacing: 0px 0px;
}
.TableStyle-Hinterlegung_grau-Column-Column1 {
}
.TableStyle-Hinterlegung_grau-Body-Body1 {
}
.TableStyle-Hinterlegung_grau-BodyE-Column1-Body1 {
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	border-bottom-style: none;
	background-color: #ededed;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-right-width: 1px;
	border-right-color: #000000;
	border-right-style: none;
}
.TableStyle-Hinterlegung_grau-BodyE-Column1-Body1 p {
}
.TableStyle-Hinterlegung_grau-BodyD-Column1-Body1 {
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	border-bottom-style: none;
	background-color: #ededed;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.TableStyle-Hinterlegung_grau-BodyD-Column1-Body1 p {
}
.TableStyle-Hinterlegung_grau-BodyB-Column1-Body1 {
	background-color: #ededed;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-right-width: 1px;
	border-right-color: #000000;
	border-right-style: none;
}
.TableStyle-Hinterlegung_grau-BodyB-Column1-Body1 p {
}
.TableStyle-Hinterlegung_grau-BodyA-Column1-Body1 {
	background-color: #ededed;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.TableStyle-Hinterlegung_grau-BodyA-Column1-Body1 p {
}

/*------------------ Hinterlegung_orange ------------------*/
.TableStyle-Hinterlegung_orange {
	border-collapse: collapse;
	border-left-style: none;
	border-left-color: ;
	border-left-width: ;
	border-right-style: none;
	border-right-color: ;
	border-right-width: ;
	border-top-style: none;
	border-top-color: ;
	border-top-width: ;
	border-bottom-style: none;
	border-bottom-color: ;
	border-bottom-width: ;
	margin-bottom: 2em;
	border-spacing: 0px 0px;
}
.TableStyle-Hinterlegung_orange-Column-Column1 {
}
.TableStyle-Hinterlegung_orange-Body-Body1 {
}
.TableStyle-Hinterlegung_orange-BodyD-Column1-Body1 {
	background-color: #fde9d9;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	border-bottom-style: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.TableStyle-Hinterlegung_orange-BodyD-Column1-Body1 p {
}
.TableStyle-Hinterlegung_orange-BodyA-Column1-Body1 {
	background-color: #fde9d9;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.TableStyle-Hinterlegung_orange-BodyA-Column1-Body1 p {
}

/*------------------ Formeln ------------------*/
.TableStyle-Formeln {
	border-collapse: collapse;
	border-left-style: solid;
	border-left-color: #009873;
	border-left-width: 2px;
	border-right-style: solid;
	border-right-color: #009873;
	border-right-width: 2px;
	border-top-style: none;
	border-bottom-style: none;
	margin-bottom: 2em;
	border-spacing: 0px 0px;
}
.TableStyle-Formeln-Column-Column1 {
}
.TableStyle-Formeln-Body-Body1 {
}
.TableStyle-Formeln-BodyE-Column1-Body1 {
	background-color: #c9f2e1;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	border-bottom-style: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-right-width: 1px;
	border-right-color: #000000;
	border-right-style: none;
}
.TableStyle-Formeln-BodyE-Column1-Body1 p {
}
.TableStyle-Formeln-BodyD-Column1-Body1 {
	background-color: #c9f2e1;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	border-bottom-style: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.TableStyle-Formeln-BodyD-Column1-Body1 p {
}
.TableStyle-Formeln-BodyB-Column1-Body1 {
	background-color: #c9f2e1;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-right-width: 1px;
	border-right-color: #000000;
	border-right-style: none;
}
.TableStyle-Formeln-BodyB-Column1-Body1 p {
}
.TableStyle-Formeln-BodyA-Column1-Body1 {
	background-color: #c9f2e1;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.TableStyle-Formeln-BodyA-Column1-Body1 p {
}

/*------------------ Formeln_Praefix ------------------*/
.TableStyle-Formeln_Praefix {
	border-collapse: collapse;
	border-left-style: none;
	border-left-color: #009873;
	border-left-width: 2px;
	border-right-style: none;
	border-right-color: #009873;
	border-right-width: 2px;
	border-top-style: none;
	border-bottom-style: none;
	margin-bottom: 2em;
	border-spacing: 0px 0px;
}
.TableStyle-Formeln_Praefix-Column-Spalte1 {
}
.TableStyle-Formeln_Praefix-Column-Spalte2 {
}
.TableStyle-Formeln_Praefix-Body-Body1 {
}
.TableStyle-Formeln_Praefix-BodyE-Spalte1-Body1 {
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	border-bottom-style: none;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-right-width: 1px;
	border-right-color: #000000;
	border-right-style: none;
}
.TableStyle-Formeln_Praefix-BodyE-Spalte1-Body1 p {
}
.TableStyle-Formeln_Praefix-BodyB-Spalte1-Body1 {
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-right-width: 1px;
	border-right-color: #000000;
	border-right-style: none;
}
.TableStyle-Formeln_Praefix-BodyB-Spalte1-Body1 p {
}
.TableStyle-Formeln_Praefix-BodyD-Spalte2-Body1 {
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	border-bottom-style: none;
	vertical-align: middle;
	background-color: #c9f2e1;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.TableStyle-Formeln_Praefix-BodyD-Spalte2-Body1 p {
}
.TableStyle-Formeln_Praefix-BodyA-Spalte2-Body1 {
	vertical-align: middle;
	background-color: #c9f2e1;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.TableStyle-Formeln_Praefix-BodyA-Spalte2-Body1 p {
}


/* ============================================================================ */
/* >>> 08_Aliase.css */
/* ============================================================================ */


/*=================================================================================*/
/* HV_Aliase.css  –  Kompatibilitäts-Layer für falsch geschriebene Klassen          */
/*---------------------------------------------------------------------------------*/
/* Zweck: Im DB-/CMS-Content werden Klassen referenziert, die im CSS anders          */
/* geschrieben sind (Groß/Klein, Tippfehler). Da der Content nicht angefasst wird,   */
/* spiegeln diese Aliase das Styling der jeweils KANONISCHEN Klasse.                 */
/*                                                                                   */
/* WICHTIG: Wird die Originalklasse später geändert, hier nachziehen –               */
/* oder besser den Alias-Selektor direkt an die Originalregel anhängen               */
/* (eine Quelle der Wahrheit). Datei per @import in custom.css einbinden.            */
/* Stand: 2026-06-02. Entfernen, sobald der DB-Content bereinigt ist.                */
/*=================================================================================*/


/* HV_Tastatur_erweitert  ->  span.HV_Tastatur_Erweitert   (Content: 127x) */
span.HV_Tastatur_erweitert {
	font-family: 'TASTATUR ERWEITERT', 'Tastatur_erweitert';
	font-size: 16px;
}


/* HV_Box_nhalt / HV_Boxinhalt  ->  .HV_Box_Inhalt   (Content: 13x / 1x) */
.HV_Box_nhalt,
.HV_Boxinhalt {
	color: #22332f;
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	margin: 0px 0px 20px 0px;
}


/* HV_Bild_Rahmen_Border  ->  img.HV_Bild_Rahmen   (Content: 23x) */
img.HV_Bild_Rahmen_Border {
	border: solid 1px #a9a9a9;
	height: auto;
	max-width: 100%;
	margin-bottom: 0px;
	margin-top: 0px;
}


/* HV_Fett_1  ->  span.HV_Fett   (Content: 2x) */
span.HV_Fett_1 {
	font-weight: 700;
}


/* HV_Videobox_DP-KI_Title  ->  .HV_Videobox_DP-KI_Titel   (Content: 1x) */
.HV_Videobox_DP-KI_Title {
	color: #22332f;
	font-size: 20px;
	font-weight: 700;
}


/* Standard_Einzug  ->  .HV_Standard_Einzug   (Content: 6x) */
.Standard_Einzug {
	margin: 0 0 0 0;
	padding-left: 15px;
}


/* HV_Videobox_Standard_ul / HV_Videobox_Teams_ul  ->  .HV_Videobox_DP-KI_ul   (Content: 27x / 21x) */
.HV_Videobox_Standard_ul,
.HV_Videobox_Teams_ul {
	list-style-position: outside;
}


/* tipbox  ->  .tip-box   (Content: 1x) */
.tipbox {
	border-radius: 16px;
	overflow: hidden;
	padding: 0;
	border: none;
	margin: 40px 0 40px 0;
}

/*=================================================================================*/
/* Button-Aliase (Juni 2026) – im Content sukzessive ersetzen                       */
/* .HV_Button_1 -> .HV_Button_Download | .HV_Button_2 -> .HV_Button_Video           */
/*=================================================================================*/

/* HV_Button_1  ->  .HV_Button_Download   (Content: 3251x) */
.HV_Button_1 {
	background-color: #ffffff;
	border: solid #22332F 1px;
	color: #22332F;
	display: inline-block;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 14px;
	height: 48px;
	line-height: 48px;
	letter-spacing: 0.25px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	text-align: center;
	width: 300px;
	border-radius: 6px;
	transition: 0.5s;
	opacity: 1;
}
.HV_Button_1:before {
	content: '\f019';
	font-family: var(--fa-family);
	font-weight: 400;
	padding-right: 10px;
}
.HV_Button_1:hover {
	background-color: #22332F;
	color: #ffffff;
	text-decoration: none;
	transition: 0.5s;
	opacity: 0.8;
}

/* HV_Button_2  ->  .HV_Button_Video   (Content: 454x) */
.HV_Button_2 {
	background-color: #ffffff;
	border: solid #22332F 1px;
	color: #22332F;
	display: inline-block;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 14px;
	height: 48px;
	line-height: 48px;
	letter-spacing: 0.25px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	text-align: center;
	width: 300px;
	border-radius: 6px;
	transition: 0.5s;
	opacity: 1;
}
.HV_Button_2:before {
	content: '\f04b';
	font-family: var(--fa-family);
	font-weight: 900;
	padding-right: 10px;
}
.HV_Button_2:hover {
	background-color: #22332F;
	color: #ffffff;
	text-decoration: none;
	transition: 0.5s;
	opacity: 0.8;
}