/* ./generic.css
 ******************************************************************************
 * HuSvEDVF-Template von Hilfe und Service von EDV-Fachleuten. (Allgemein)    *
 * ========================================================================== *
 * Copyright by Hilfe & Service von EDV-Fachleuten                            *
 *              Reilstr. 6, D-06114 Halle (Saale)                             *
 *              Tel. (0345) 521 13 40                                         *
 * Edit v2.020 from 2008-04-16 to 2021-07-02 by TSc                           *
 * -------------------------------------------------------------------------- *
 * Diese CSS-Datei definiert Formatierungen,                                  *
 * die auf allen Browsern jedes Element Vorformatiert.                        *
 * Dadurch hat man immer eine gleiche Basis.                                  *
 * -------------------------------------------------------------------------- *
 * Fuer eine Uebersicht aller!!! Elemente inklusive deren Beschreibungen aus  *
 * dem Standard und Beispielen, finden Sie hier:                              *
 * https://developer.mozilla.org/en-US/docs/Web/HTML/Element                  *
 ******************************************************************************/

/******* Wurzelelemente (Root) ************************************************/
html {
 font-family: var(--fontNormal);
 font-size: 100%; /* TSc: = 1.0rem ^= Standardgroesze vom Browser */
 margin: 0;
 padding: 0;
 }
html>body {
 font-size: 1.0rem; /* TSc: Entspricht 100% der Groesze im HTML-Element  */
 hyphens: auto;
 margin: 0;
 overflow-y: scroll;
 padding: 0;
 }

/******* Anker ****************************************************************/
a {
 font-weight: bold;
 font-size: 1.0rem;
 overflow-wrap: anywhere;
 text-decoration: none;
 }
a:active {
 background-color: var(--colorBackground);
 color: var(--colorText);
 }
a:link {
 color: var(--colorLink);
 text-decoration: none;
 }
a:focus {
 outline: 0;
 }
a:visited {
 color: var(--colorVisited);
 text-decoration: none;
 }

/******* Abkuerzung ***********************************************************/
/*abbr {}*/

/******* Akronym **************************************************************/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/*acronym {}*/

/******* Autoren-Information **************************************************/
address {
 font-style: normal;
 }

/******* Applet ***************************************************************/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/* applet {} */

/******* Clientseitige Image-Map **********************************************/
/*area {}*/

/******* Inhalts-Block, welcher einen unabhaengigen Artikel beschreibt ********/
/* article {} */

/******* Inhalts-Block, welcher nur indirekt zum aktuellen Inhalt gehoert *****/
/* aside {} */

/******* Audio-Element zum Einbinden von Sounds und Musik *********************/
/* audio {} */

/******* Fettgedruckte Schrift ************************************************/
/*b {}*/

/******* Basis-URL ************************************************************/
/*base {}*/

/******* Basis-Schriftart *****************************************************/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/* basefont {} */

/******* Bidirektionale Isolation *********************************************/
/* bdi {} */

/******* Bidirektionaler Override *********************************************/
/* bdo {} */

/******* Element zum definieren von Hintergrundmusik **************************/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/* bgsound {} */

/******* Groszschrift *********************************************************/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
big {
 font-size: 1.1rem;
 }

/******* Element zum definieren von Texten, die blinken ***********************/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/* blink {} */

/******* Langes Zitat *********************************************************/
blockquote {
 margin: 8px 0px;
 padding: 0;
 }

/******* Body *****************************************************************/
/*body {}*/ /* TSc: Siehe Wurzelelemente ganz oben */

/******* Zeilenumbruch ********************************************************/
/*br {}*/

/******* Button (Knopf) *******************************************************/
button {
 background-color: var(--colorBox);
 border-color: var(--colorBorder3dA)
               var(--colorBorder3dB)
               var(--colorBorder3dB)
               var(--colorBorder3dA);
 border-style: outset;
 border-width: 2px;
 font-family: var(--fontNormal);
 font-size: 1rem;
 margin: 0;
 outline: none;
 padding: 0 3px 0 3px;
 vertical-align: middle;
 }
button:active {
 border-color: var(--colorBorder3dB)
               var(--colorBorder3dA)
               var(--colorBorder3dA)
               var(--colorBorder3dB);
 border-style: inset;
 }
button:hover {
 cursor: pointer;
 text-decoration: underline;
 }
button[disabled]:active {
 border-style: outset;
 }
button[disabled]:hover {
 cursor: default;
 text-decoration: none;
 }

/******* Canvas-Element zum Zeichnen von Grafik und Animation mittels Scripts */
/* canvas {} */

/******* (Tabellen-) Kopfzeile ************************************************/
/*caption {}*/

/******* Zentrierendes Blockelement *******************************************/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/* center {} */

/******* Literaturnachweis ****************************************************/
/*cite {}*/

/******* Code-Fragment ********************************************************/
code {
 background-color: var(--colorBox);
 font-family: var(--fontBlock);
 font-size: 1.0rem;
 }
code * {
 font-family: var(--fontBlock);
 }

/******* Spalte ***************************************************************/
/*col {}*/

/******* Spaltengruppe ********************************************************/
/*colgroup {}*/

/******* Repraesentiert Befehl, den ein Benutzer ausfuehren kann **************/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/* command {} */

/******* Content-Element fuer Shadow-DOM (Web Components) *********************/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/* content {} */

/******* Verlinkt Inhalte auf maschinenlesbare Uebersetzung *******************/
/* data {} */

/******* Datenliste fuer z.b. AutoComplete in Select-Boxen ********************/
/* datalist {} */

/******* Definitionsbeschreibung **********************************************/
dd {
 margin-inline-start: 40px;
 }
@media only screen and (max-width: 360px) {
 dd {
  margin-inline-start: 10px;
  }
 }

/******* Geloeschter Text *****************************************************/
/*del {}*/

/******* Erzeugt einen Inhaltsblock, der per Interaktion auf/zu -klappen kann */
details>summary {
 color: var(--colorLink);
 cursor: default;
 font-weight: bold;
 font-size: 1.1rem;
 }
details>summary:after {
 color: var(--colorText);
 content: ' (Zum anzeigen anklicken)';
 font-size: 0.9rem;
 font-weight: normal;
 }
details>summary:hover {
 cursor: pointer;
 }
details>ul {
 margin-left: 2rem;
 }

/******* Instanzdefinition ****************************************************/
dfn {
 border-bottom-color: var(--colorDefine);
 border-bottom-style: dashed;
 border-bottom-width: 1px;
 font-style: italic;
 }

/******* Ermoeglicht eine Dialogbox (wird momentan kaum unterstuetzt) *********/
/* dialog {} */

/******* Verzeichnisliste *****************************************************/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/* dir {} */

/******* Container ************************************************************/
div {
 margin: 0;
 padding: 0;
 }

/******* Definitionsliste *****************************************************/
/*dl {}*/

/******* Definitionsbegriff ***************************************************/
/*dt {}*/

/******* Element-Element fuer eigene Elementdefinitionen (Web Components) *****/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/* element {} */

/******* Betonung *************************************************************/
/*em {}*/

/******* Embed-Element zum Einbetten von externen Inhalten an akt. Position ***/
/* embed {} */

/******* Kontrollelementgruppe ************************************************/
fieldset {
 margin: 0;
 padding: 8px;
 }

/******* Optionale Ueberschrift zu einer unabhaengigen Figur ******************/
/* figcaption {} */

/******* Unabhaengige Figur (Bild, Tabelle, ...) ******************************/
figure {
 background-color: var(--colorBackground);
 border-color: var(--colorBorder);
 border-style: solid;
 border-width: 1px;
 display: table; /* TSc: Brauchen wir, damit figcaption richtig funktioniert */
 margin: 5px 5px 0 0;
 }
figure>figcaption { /* Caption */
 background-color: var(--colorBox);
 border-bottom-color: var(--colorBorder);
 border-bottom-style: solid;
 border-bottom-width: 1px;
 border-left-color: var(--colorBorder);
 border-left-style: solid;
 border-left-width: 1px;
 border-right-color: var(--colorBorder);
 border-right-style: solid;
 border-right-width: 1px;
 caption-side: bottom; /* TSc: Immer unter der Figur zeigen */
 display: table-caption; /* TSc: Simuliere table-caption */
 font-size: 0.9rem;
 padding: 4px;
 text-align: left;
 }
figure>figcaption>a { /* Anker in der Caption */
 font-size: 0.9rem; /* TSc: Muss explizit angegeben werden */
 }
figure>img { /* Figur ist ein Bild */
 border: 0;
 display: block;
 height: auto;
 max-width: 100%; /* TSc: Das mit height: auto kombiniert = Auto-Skalierung */
 }
figure>a>img { /* Figur ist ein Bild mit Verlinkung */
 border: 0;
 display: block;
 max-width: 100%;
 }
figure>pre { /* Figur ist vorformatierter Text */
 margin: 0;
 }
figure>table { /* Figure ist eine Tabelle */
 border: 0 !important; /* Kein Außenrahmen mehr (Figure hat selbst einen) */
 margin: 0 !important; /* Kein Außenabstand mehr (Figure macht das) */
 }
figure>table>caption { /* Figur->Tabelle: Caption */
 background-color: var(--colorBox);
 border-bottom-color: var(--colorBorder);
 border-bottom-style: solid;
 border-bottom-width: 1px;
 font-size: 0.9rem;
 padding: 4px;
 }
figure>table>tbody>tr>td,
figure>table>tbody>tr>th {
 padding: 2px; /* Aber dafuer einen Innenabstand in den Zellen */
 }
figure>table>tbody>tr>td:first-child,
figure>table>tbody>tr>th:first-child { /* Figur->Tabelle: Rand links */
 border-left: 0 !important;
 }
figure>table>tbody>tr>td:last-child,
figure>table>tbody>tr>th:last-child { /* Figur->Tabelle: Rand rechts */
 border-right: 0 !important;
 }
figure>table>tbody>tr:first-child>td,
figure>table>tbody>tr:first-child>th { /* Figur->Tabelle: Rand oben */
 border-top: 0 !important;
 }
figure>table>tbody>tr:last-child>td,
figure>table>tbody>tr:last-child>th { /* Figur->Tabelle: Rand unten */
 border-bottom: 0 !important;
 }

/******* Schriftformatierung **************************************************/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/* font {} */

/******* Inhalts-Block, welcher einen Fuszbereich definiert *******************/
/* footer {} */

/******* Formular *************************************************************/
form {
 margin: 0;
 padding: 0;
 }

/******* Frame ****************************************************************/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/* frame {} */

/******* Framesatz ************************************************************/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/* frameset {} */

/******* Ueberschrift Generell ************************************************/
h1,h2,h3,h4,h5,h6 {
 color:var(--colorHeading);
 margin: 20px 0 5px 0;
 text-align: left;
 text-decoration: underline;
 }

/******* Ueberschrift 1. Ordnung **********************************************/
h1 {
 font-size: 2.0rem;
 font-weight: bold;
 line-height: 2.0rem;
 margin-top: 0px;
 text-align: center;
 }

/******* Ueberschrift 2. Ordnung **********************************************/
h2 { /* ehemals Titel1 */
 font-size: 2.0rem;
 font-style: italic;
 line-height: 2.0rem;
 }

/******* Ueberschrift 3. Ordnung **********************************************/
h3 { /* ehemals Titel2 */
 font-size: 1.8rem;
 line-height: 1.8rem;
 }

/******* Ueberschrift 4. Ordnung **********************************************/
h4 { /* ehemals Titel3 */
 font-size: 1.6rem;
 line-height: 1.6rem;
 }

/******* Ueberschrift 5. Ordnung **********************************************/
h5 {
 font-size: 1.4rem;
 line-height: 1.4rem;
 }

/******* Ueberschrift 6. Ordnung **********************************************/
h6 {
 font-size: 1.2rem;
 line-height: 1.2rem;
 }

/******* Dokumentkopf *********************************************************/
/*head {}*/

/******* Inhalts-Block, welcher einen Kopfbereich definiert *******************/
/* header {} */

/******* Gruppe von Ueberschriften ********************************************/
/* hgroup {} */

/******* Horizontale Trennlinie ***********************************************/
hr {
 color: var(--colorText);
 border-bottom-color: var(--colorBorder);
 border-bottom-style: solid;
 border-bottom-width: 1px;
 border-left-color: transparent;
 border-left-style: none;
 border-left-width: 0px;
 border-right-color: transparent;
 border-right-style: none;
 border-right-width: 0px;
 border-top-color: transparent;
 border-top-style: none;
 border-top-width: 0px;
 height: 1px;
 margin: 0 auto 0 auto;
 text-align: center;
 width: 99%;
 }

/******* HTML *****************************************************************/
/*html {}*/ /* TSc: Siehe Wurzelelemente ganz oben */

/******* Kursive Schrift ******************************************************/
/*i {}*/

/******* IFrame-Element zum einbetten eines weiteren Browser-Kontext **********/
/* iframe {} */

/******* Bild *****************************************************************/
img {
 font-family: var(--fontBlock);
 font-size: 0.8rem;
 background-color: var(--colorBackground);
 border-color: transparent;
 border-style: none;
 border-width: 0px;
 }
img[onclick] {
 cursor: default;
}
img[onclick]:hover {
 cursor: pointer;
 }

/******* Urvariante vom Img-Element *******************************************/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/* image {} */

/******* Eingabeelement *******************************************************/
/*#region <input>*/
input {
 background-color: var(--colorBackground);
 border-color: var(--colorBorder);
 border-style: solid;
 border-width: 1px;
 font-family: var(--fontBlock);
 font-size: 1rem;
 margin: 0;
 padding: 0;
 vertical-align: middle;
 }
input[disabled],input[readonly] {
 background-color: var(--colorBox);
 }

input[type="button"] {
 background-color: var(--colorBox);
 border-color: var(--colorBorder3dA)
               var(--colorBorder3dB)
               var(--colorBorder3dB)
               var(--colorBorder3dA);
 border-style: outset;
 border-width: 2px;
 font-family: var(--fontNormal);
 outline: none;
 padding: 0 3px 0 3px;
 }
input[type="button"]:active {
 border-color: var(--colorBorder3dB)
               var(--colorBorder3dA)
               var(--colorBorder3dA)
               var(--colorBorder3dB);
 border-style: inset;
 }
input[type="button"]:hover {
 cursor: pointer;
 text-decoration: underline;
 }
input[type="button"][disabled]:active,input[type="button"][readonly]:active {
 border-style: outset;
 }
input[type="button"][disabled]:hover,input[type="button"][readonly]:hover {
 cursor: default;
 text-decoration: none;
 }

/* input[type="checkbox"] {} */

/* input[type="color"] {} */

/* input[type="date"] {} */

/* input[type="datetime-local"] {} */

input[type="email"] {
 padding: 0 1px 0 1px;
 }

input[type="file"] {
 font-family: var(--fontNormal);
 }

/* input[type="hidden"] {} */

input[type="image"] {
 background-color: var(--colorBox);
 border-color: var(--colorBorder3dA)
               var(--colorBorder3dB)
               var(--colorBorder3dB)
               var(--colorBorder3dA);
 border-style: outset;
 border-width: 2px;
 outline: none;
 }
input[type="image"]:active {
 border-color: var(--colorBorder3dB)
               var(--colorBorder3dA)
               var(--colorBorder3dA)
               var(--colorBorder3dB);
 border-style: inset;
 }
input[type="image"]:hover {
 cursor: pointer;
 text-decoration: underline;
 }
input[type="image"][disabled]:active,input[type="image"][readonly]:active {
 border-style: outset;
 }
input[type="image"][disabled]:hover,input[type="image"][readonly]:hover {
 cursor: default;
 text-decoration: none;
 }

input[type="month"] {
 padding: 0 1px 0 1px;
 }

input[type="number"] {
 padding: 0 0 0 1px;
 }
input[type='number'][readonly] {
 -moz-appearance:textfield;
}

input[type="password"] {
 padding: 0 1px 0 1px;
 }

/* input[type="radio"] {} */

/* input[type="range"] {} */

input[type="reset"] {
 background-color: var(--colorBox);
 border-color: var(--colorBorder3dA)
               var(--colorBorder3dB)
               var(--colorBorder3dB)
               var(--colorBorder3dA);
 border-style: outset;
 border-width: 2px;
 font-family: var(--fontNormal);
 outline: none;
 padding: 0 3px 0 3px;
 }
input[type="reset"]:active {
 border-color: var(--colorBorder3dB)
               var(--colorBorder3dA)
               var(--colorBorder3dA)
               var(--colorBorder3dB);
 border-style: inset;
 }
input[type="reset"]:hover {
 cursor: pointer;
 text-decoration: underline;
 }

input[type="search"] {
 padding: 0 1px 0 1px;
 }

input[type="submit"] {
 background-color: var(--colorBox);
 border-color: var(--colorBorder3dA)
               var(--colorBorder3dB)
               var(--colorBorder3dB)
               var(--colorBorder3dA);
 border-style: outset;
 border-width: 2px;
 font-family: var(--fontNormal);
 outline: none;
 padding: 0 3px 0 3px;
 }
input[type="submit"]:active {
 border-color: var(--colorBorder3dB)
               var(--colorBorder3dA)
               var(--colorBorder3dA)
               var(--colorBorder3dB);
 border-style: inset;
 }
input[type="submit"]:hover {
 cursor: pointer;
 text-decoration: underline;
 }

input[type="tel"] {
 padding: 0 1px 0 1px;
 }

input[type="text"] {
 padding: 0 1px 0 1px;
 }

/* input[type="time"] {} */

input[type="url"] {
 padding: 0 1px 0 1px;
 }

input[type="week"] {
 padding: 0 1px 0 1px;
 }
/*#endregion <input>*/

/******* Eingefuegter Text ****************************************************/
/*ins {}*/

/******* Einzeiler-Eingabefeld ************************************************/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/* isindex {} */

/******* Einzugebender Text ***************************************************/
kbd {
 background-color: var(--colorBackground);
 border-color: var(--colorBorder3dA)
               var(--colorBorder3dB)
               var(--colorBorder3dB)
               var(--colorBorder3dA);
 border-style: outset;
 border-width: 2px;
 color: var(--colorText);
 display: inline-block;
 padding: 1px;
 text-align: center;
 vertical-align: middle;
 white-space: nowrap;
 }

/******* Wird fuer die Schluesselauthentifikation in Formularen verwendet *****/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/* keygen {} */

/******* Formularbeschriftung *************************************************/
/*label {}*/

/******* Beschriftung *********************************************************/
/*legend {}*/

/******* Medienunabhaengiger Link *********************************************/
/*link {}*/

/******* Listing-Element ignoriert enthaltene HTML-Tags ***********************/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/* listing {} */

/******* Inhalts-Block, welcher den dominanten Hauptbereich definiert *********/
/* main {} */

/******* Clientseitige Image-Map **********************************************/
/*map {}*/

/******* Textmarkierung *******************************************************/
/* mark {} */

/******* Marquee-Element definiert einen scrollenden Text *********************/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/* marquee {} */

/******* Menu-Element zum erweitern des Browsermenues, Rechtsclickmenues, ... */
/* TSc: Wird kaum unterstuetzt und zaehlt als experimentelle Technologie */
/* menu {} */

/******* Definiert einen Menueeintrag im Menu-Element *************************/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/* menuitem {} */

/******* Generische Metadaten *************************************************/
/*meta {} */

/******* Meter-Element fuer Werte mit einem bekannten Bereich *****************/
meter {
 border-color: var(--colorBorder);
 border-style: solid;
 border-width: 1px;
 font-size: 1rem;
 margin: 0;
 padding: 0;
 }

/******* Experimentells Element um Mehrspaltenlayouts zu ermoeglichen *********/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/* multicol {} */

/******* Inhalts-Block, welcher einen Navigationsbereich definiert ************/
/* nav {} */

/******* Ueberfluessliges Element vom NeXT web designing tool *****************/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/* nextid {} */

/******* Kein-Umbruch-Element zum verhindern von Umbruechen *******************/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/* nobr {} */

/******* Kein-Embed-Bereich ***************************************************/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/* noembed {} */

/******* Kein-Frame-Bereich ***************************************************/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/* noframes {} */

/******* Fallback-Container fuer Scripte **************************************/
/*noscript {}*/

/******* Generisches Objekt ***************************************************/
/*object {}*/

/******* Geordnete Liste ******************************************************/
ol {
 margin: 0 0 0 1rem;
 padding: 0 0 0 3ch;
 }
@media only screen and (max-width: 360px) {
 ol {
  margin: 0 0 0 0.1rem;
  }
 }

/******* Optionsgruppe ********************************************************/
/*optgroup {}*/

/******* Auswahlmoeglichkeit **************************************************/
/*option {}*/

/******* Output-Element, wo Scripte in Formularen ihre Ausgabe hinschreiben ***/
/* output {} */

/******* Absatz / Paragraph ***************************************************/
p {
 margin: 8px 0px;
 padding: 0;
 }

/******* Parameter ************************************************************/
/*param {}*/

/******* Picture-Element fuer Bilder mit mehreren Quellen und Ausgabeformaten */
/* picture {} */

/******* Plaintext-Element, welches die HTML-Interpretation abschaltet ********/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/* plaintext {} */

/******* Vorformatierter Text *************************************************/
pre {
 font-family: var(--fontBlock);
 font-size: 1.0rem;
 margin: 3px 0 3px 0;
 padding: 0;
 }

/******* Darstellen eines Fortschrittsbalkens (aehnlich wie meter) ************/
progress {
 color: var(--colorProgress);
 background-color: var(--colorBackground);
 border-color: var(--colorBorder);
 border-style: solid;
 border-width: 1px;
 font-size: 1rem;
 margin: 0;
 padding: 0;
 }
progress::-moz-progress-bar {
 background-color: var(--colorProgress) !important;
 }
progress::-webkit-progress-bar {
 background-color: var(--colorBackground) !important;
 }
progress::-webkit-progress-value {
 background-color: var(--colorProgress) !important;
 }

/******* Quote ****************************************************************/
q {
 background-color: var(--colorBox);
 font-style: italic;
 quotes:"\201E" "\201C" "\201A" "\2018";
 }

/******* Ruby-Base-Element zum Trennen von Text und Notation ******************/
/* rb {} */

/******* Ruby-Fallback-Element fuer Browser, die keine Ruby-Notation koennen **/
/* rp {} */

/******* Ruby-Text-Element zum Beschreiben der Textkomponente *****************/
/* rt {} */

/******* Ruby-Text-Container zum umschlieszen von Ruby-Notationen *************/
/* rtc {} */

/******* Ruby-Element zur Darstellung der Aussprache Ostasiatischer Zeichen ***/
/* ruby {} */

/******* Durchstreichen *******************************************************/
/* s {} */

/******* Beispielausgabe ******************************************************/
samp {
 background-color: var(--colorBox);
 font-family: var(--fontBlock);
 white-space: nowrap;
 }

/******* Scriptanweisung(en) **************************************************/
/*script {}*/

/******* Inhalts-Block, welcher einen unabhaengigen Bereich definiert *********/
/* section {} */

/******* Optionsauswahl *******************************************************/
select {
 background-color: var(--colorBackground);
 border-color: var(--colorBorder);
 border-style: solid;
 border-width: 1px;
 font-size: 1rem;
 margin: 0;
 padding: 0 1px 0 1px;
 }

/******* Shadow-Element fuer eigene DOM-Definitionen (Web Components) *********/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/* shadow {} */

/******* Slot-Element fuer eigene DOM-Definitionen (Web Components) ***********/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/* slot {} */

/******* Kleinscrhift *********************************************************/
small {
 font-size: 0.9rem;
 }

/******* Source-Element zum Beschreiben der Quellen fuer Audio/Picture/Video **/
/* source {} */

/******* Fuegt Leerzeichen in die Seite ein ***********************************/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/* spacer {} */

/******* Generischer Container (erlaubt Vorformatierung) **********************/
/*span {}*/

/******* Durchstreichen *******************************************************/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/* strike {} */

/******* Starke Betonung ******************************************************/
/*strong {}*/

/******* Gestaltungsanweisungen ***********************************************/
/*style {}*/

/******* Tiefgestellte Schrift ************************************************/
sub {
 font-size: 0.75rem;
 }

/******* Summary-Element fuer eine Zusammenfassung im Details-Element *********/
/* summary {} */

/******* Hochgestellte Schrift ************************************************/
sup {
 font-size: 0.75rem;
 }

/******* Tabellen *************************************************************/
table {
 border-collapse: collapse;
 margin: 0;
 padding: 0;
 overflow: auto;
 }
table>caption {
 text-align: left;
 }

/******* Tabellenkoerper ******************************************************/
/*tbody {}*/

/******* Zellen ***************************************************************/
td {
 padding: 0;
 margin: 0;
 text-align: left;
 vertical-align: top;
 }

/******* Vordefinieren von Strukturen welche per JS aktiviert werden muessen **/
/* template {} */

/******* Mehrzeiliges Textfeld ************************************************/
textarea {
 background-color: var(--colorBackground);
 border-color: var(--colorBorder);
 border-style: solid;
 border-width: 1px;
 font-size: 1rem;
 margin: 0;
 padding: 0 1px 0 1px;
 }

/******* Tabellenfusz *********************************************************/
/*tfoot {}*/

/******* Tabellenkopfzelle ****************************************************/
th {
 padding: 0;
 margin: 0;
 text-align: center;
 vertical-align: middle;
 }

/******* Tabellenkopf *********************************************************/
/*thead {}*/

/******* Zeit-Element, zum Beschreiben von Zeiten, Intervallen und Perioden ***/
/* time {} */

/******* Dokumenttitel ********************************************************/
/*title {}*/

/******* Tabellenzeile ********************************************************/
/*tr {}*/

/******* Track-Element zum Beschreiben von Spuren in Audio/Video-Elementen ****/
/* track {} */

/******* Fernschreiber-Text ***************************************************/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
tt {
 background-color: var(--colorInvalid);
 color: var(--colorLink);
 font-family: var(--fontBlock);
 text-decoration-line: underline;
 text-decoration-style: wavy;
 }

/******* Unterstrichener Text *************************************************/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)! */
/*u {}*/

/******* Ungeordnete Liste ****************************************************/
ul {
 margin: 0 0 0 1rem;
 padding: 0;
 }
@media only screen and (max-width: 360px) {
 ul {
  margin: 0 0 0 0.1rem;
  }
 }

/******* Variableninstanz *****************************************************/
/*var {}*/

/******* Video-Element zum Einbinden von Videos *******************************/
/* video {} */

/******* Word-Break-Element zum Beschreiben, wo Text gebrochen werden kann ****/
/* wbr {} */

/******* Example-HTML-Element deaktiviert innen die HTML-Interpretation *******/
/* TSc: Nicht im Standard, oder vom Standard entfernt (W3C)!
        Browserhersteller behalten dieses Element aus vielen Gruenden,
        vor allem Aufgrund des Nutzens und der Kompatibilitaet.
        Dieses Element ist in etwa eine Mischung aus <textarea> und <pre>,
        also formatieren wir es wie <pre>.
*/
xmp {
 display: block; /* TSc: Wird vom Internet Explorer benoetigt */
 font-family: var(--fontBlock);
 font-size: 1.0rem;
 margin: 3px 0 3px 0;
 padding: 0;
 }

/******* LanguageTool-Indikator, wenn komplette Seite geprueft wird ***********/
html>lt-toolbar>lt-div {
 left: auto !important;
 right: 135px !important; /* TSc: 125px von rechts ist besser sichtbar */
 }


/******* EOF ******************************************************************/