@charset 'UTF-8';
/* 
   GL_Stil.css, Version: 2020-01-02
   Cascading Style Sheets für HTML5-formatige digitale Materialien zum GL-Buch:
   Graefen, Gabriele / Liedke, Martina (2020) Germanistische Sprachwissenschaft, Tübingen: Narr
*/

/*******************************************************************************************/
/* Die folgenden Webfonts wurden aus ttf-Fonts konvertiert via transfonter.org */
@font-face {
    font-family: 'DejaVu Sans Mono';
    src: local('DejaVu Sans Mono'), local('DejaVuSansMono'),                /* prüfen, ob schon lokal installiert */
        url('../Schriftfonts/subset-DejaVuSansMono.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../Schriftfonts/subset-DejaVuSansMono.woff') format('woff');   /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DejaVu Sans Mono';
    src: local('DejaVu Sans Mono Bold'), local('DejaVuSansMono-Bold'),
        url('../Schriftfonts/subset-DejaVuSansMono-Bold.woff2') format('woff2'),
        url('../Schriftfonts/subset-DejaVuSansMono-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Mono';
    src: local('Noto Mono'), local('NotoMono'),
        url('../Schriftfonts/subset-NotoMono.woff2') format('woff2'),
        url('../Schriftfonts/subset-NotoMono.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans';
    src: local('Noto Sans'), local('Noto Sans Regular'), local('NotoSans-Regular'),
        url('../Schriftfonts/subset-NotoSans-Regular.woff2') format('woff2'),
        url('../Schriftfonts/subset-NotoSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans';
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
        url('../Schriftfonts/subset-NotoSans-Bold.woff2') format('woff2'),
        url('../Schriftfonts/subset-NotoSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans';
    src: local('Noto Sans Italic'), local('NotoSans-Italic'),
        url('../Schriftfonts/subset-NotoSans-Italic.woff2') format('woff2'),
        url('../Schriftfonts/subset-NotoSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Noto Sans';
    src: local('Noto Sans Bold Italic'), local('NotoSans-BoldItalic'),
        url('../Schriftfonts/subset-NotoSans-BoldItalic.woff2') format('woff2'),
        url('../Schriftfonts/subset-NotoSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Noto Serif';
    src: local('Noto Serif'), local('Noto Serif Regular'), local('NotoSerif-Regular'),
        url('../Schriftfonts/subset-NotoSerif-Regular.woff2') format('woff2'),
        url('../Schriftfonts/subset-NotoSerif-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Serif';
    src: local('Noto Serif Bold'), local('NotoSerif-Bold'),
        url('../Schriftfonts/subset-NotoSerif-Bold.woff2') format('woff2'),
        url('../Schriftfonts/subset-NotoSerif-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Serif';
    src: local('Noto Serif Italic'), local('NotoSerif-Italic'),
        url('../Schriftfonts/subset-NotoSerif-Italic.woff2') format('woff2'),
        url('../Schriftfonts/subset-NotoSerif-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Noto Serif';
    src: local('Noto Serif Bold Italic'), local('NotoSerif-BoldItalic'),
        url('../Schriftfonts/subset-NotoSerif-BoldItalic.woff2') format('woff2'),
        url('../Schriftfonts/subset-NotoSerif-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'DejaVu Sans';
    src: local('DejaVu Sans'), local('DejaVuSans'),
        url('../Schriftfonts/subset-DejaVuSans.woff2') format('woff2'),
        url('../Schriftfonts/subset-DejaVuSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DejaVu Sans';
    src: local('DejaVu Sans Bold'), local('DejaVuSans-Bold'),
        url('../Schriftfonts/subset-DejaVuSans-Bold.woff2') format('woff2'),
        url('../Schriftfonts/subset-DejaVuSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DejaVu Serif';
    src: local('DejaVu Serif'), local('DejaVuSerif'),
        url('../Schriftfonts/subset-DejaVuSerif.woff2') format('woff2'),
        url('../Schriftfonts/subset-DejaVuSerif.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DejaVu Serif';
    src: local('DejaVu Serif Bold'), local('DejaVuSerif-Bold'),
        url('../Schriftfonts/subset-DejaVuSerif-Bold.woff2') format('woff2'),
        url('../Schriftfonts/subset-DejaVuSerif-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DejaVu Serif';
    src: local('DejaVu Serif Italic'), local('DejaVuSerif-Italic'),
        url('../Schriftfonts/subset-DejaVuSerif-Italic.woff2') format('woff2'),
        url('../Schriftfonts/subset-DejaVuSerif-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'DejaVu Serif';
    src: local('DejaVu Serif Bold Italic'), local('DejaVuSerif-BoldItalic'),
        url('../Schriftfonts/subset-DejaVuSerif-BoldItalic.woff2') format('woff2'),
        url('../Schriftfonts/subset-DejaVuSerif-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}
/*******************************************************************************************/

body                 { color: #000000;
                       background-color: #E7E7F7;
                       margin: 0em 0em 0em 0em;
                       border-style: none;
                       font-size:   medium;
                       font-family: "Noto Sans", sans-serif;
                       text-align: left;
                       scroll-behavior: smooth;
                     }

h1                   { font-size: x-large; margin:   2em 15%   1em 15%; }
h2                   { font-size:   large; margin:   1em 15%   1em 15%;                    padding:   1em 0em   0em 0em; }
h3                   { font-size:  medium; margin: 1.5em 15% 0.5em 15%; font-weight: bold; padding: 0.5em 0em 0.5em 0em; }
h3                   { font-size:  medium; margin: 1.5em 15% 0.5em 15%; font-weight: bold; padding: 0.5em 0em 0.5em 0em; margin: 0.5em 15% 0em calc(15% + 1.52em); text-indent: -1.5em; }
h4                   { font-size:  medium; margin:   2em 15% 0.5em 15%; }
h5                   { font-size:   small; margin:   1em 15%   0em 15%; font-weight: bold; }

ol                   { margin:  0.5em 15%  1em 15%; list-style-position:  inside; list-style-type: decimal; }
ul                   { margin:  0.5em 15%  1em 15%; list-style-position: outside; list-style-type: none; text-indent: -1.5em; }
ul                   { margin:  0.5em 15%  1em 15%; list-style-position:  inside; list-style-type: none; text-indent: -1.5em; }
li                   { margin: 0.25em 0em  0em 0em; list-style-position: outside; }

ul.GL_Liste_Strich li::before { content: "– "; }

hr                   { margin: 0em 0% 0em 0%; }

img                  { border: 0px solid; padding: 2px; }

a:link,
a:visited,
a:focus              { color: #00008A; text-decoration: none; cursor: pointer; }
a:hover,
a:active             { color: #FFFFFF; text-decoration: none; cursor: pointer; background-color: #00008B; }

.GL_Hintergrund      { background-color: #FFFFFF; }
.GL_Aufgabenseite    { background-color: #FFFFFF; 
                       background-image: url("../Bilder/GL_HG_Verlauf_blau.gif"); 
                       background-attachment: fixed; 
                       background-repeat: repeat-y; 
                       background-position: left; 
}

.GL_Kopfmenue       { color: #00008A; 
                      background-color: #E7E7F7;
                      padding: 0px;
                      border-color: #00008A; 
                      border-bottom: 1px solid;
                      line-height: 200%;
                      width: 100%;
                    }

.GL_Menue           { margin: 0px; }
.GL_Menue a         { white-space: nowrap; }

.GL_Antwort_Knopf,
.GL_Menue_aktuell,
.GL_Kopfmenue  a { font-size: medium;
                   font-weight: normal;
                   color: #00008A;
                   background: #E7E7F7;
                   padding-top: 2px;
                   padding-bottom: 2px;
                   border-radius: 6px;
                   border: 1px solid darkred;
                   margin-left: 10px;
                   margin-bottom: 5px; 
                 }

.GL_Antwort_Knopf a:hover,
.GL_Antwort_Knopf a:active,
.GL_Kopfmenue     a:hover,
.GL_Kopfmenue     a:active,
.GL_Zeilenmenue   a:hover,
.GL_Menue_aktuell,
.GL_Menue_aktuell a:hover,
.GL_Menue         a:hover, 
.GL_Menue         a:active { color: #FFFFFF; background-color: #00008A; text-decoration: none; cursor: pointer; }
.GL_Menue_aktuell          { color: #000000; background-color: #FFFFFF; }
.GL_Menue_aktuell a        { color: #00008A; background-color: #FFFFFF; margin-left: 0px; }

.GL_Aufgabenliste    { font-size: medium; line-height: 180%; font-weight: bold; margin: 1em 15% 1em 15%; max-width: 30em; }
.GL_Aufgabennummern  { font-family: "DejaVu Sans Mono", monospace; }
.GL_Aufgabe_aktuell a      { color: #00008A; background-color: #FFFFFF; }
.GL_AufgabenTypTitel { font-size: smaller; color: gray; white-space: nowrap; }

.GL_Zeilenmenue      { color: #00008A; 
                       background-color: #E7E7F7; 
                       margin: 2em 15% 1em 15%;
                       padding: 0px 1em 0px 1em;
                       border-color: #00008A; 
                       border-style: solid; 
                       border-width: 1px 0px 1px 0px; 
                       width: 70%;
                       line-height: 1.25em;
                     }

.GL_Anfang           { text-align: right; margin-top: -1.2em; }

.GL_Titel            { color: #8F0000;
                       background-color: #E7E7F7;
                       font-size: small; 
                       font-weight: bold; 
                       text-align: right; 
                       margin: 0.5em 0em 0em 0em;
                       vertical-align: top; 
                     }
.GL_TitelText        { font-size: medium; 
                       font-weight: bold; 
                       color: #8F0000; 
                       float: right; 
                       text-align: right; 
                       vertical-align: 
                       middle; margin-top: 0.25em; 
                       margin-right: 0.5em; 
                       padding-left: 0.5em; 
                       white-space: nowrap;
                     }

.GL_Text             { font-size: medium; margin: 0.5em 15% 0em 15%; text-indent:  2%; }
.GL_Text_ohne_Indent { font-size: medium; margin: 0.5em 15% 0em 15%; }
.GL_Text_klein       { font-size:    95%; margin:   0em 15% 0em 15%; }
.GL_Text_klein_mit_Indent{ font-size:95%; margin: 0.5em 15% 0em 17%; }
.GL_Text_zentriert   { font-size: medium; margin: 0.5em 15% 0em 15%; text-align: center; }

.GL_AbbTabListe      { font-size: medium; margin: 0.5em 15% 0em calc(15% + 6em); text-indent: -4em; }

.TabA      { display: table; margin: 1em 20% 1em 17%; border-collapse: collapse; border: 0px solid #000000; padding: 2px 8px; }
.TabAKopf  { display: table-header-group; }
.TabAKopfZ { display: table-cell; font-size: 95%; font-weight: bold; padding: 2px 20px; } 
.TabARumpf { display: table-row-group; }
.TabAZeile { display: table-row; }
.TabAZelle { display: table-cell; padding: 2px 20px; text-indent: 0%; }
.TabAZelle p { text-indent: -1.5em; margin: 0 0 0 1.5em; }

.TabB, .TabBF { display: table; margin: 1em 15% 1em 16%; border-collapse: collapse; border: 0px solid #000000; }
.TabBF     { margin-top: -1em; }
.TabBKopf  { display: table-header-group; }
.TabBZeile { display: table-row; }
.TabBZelle { display: table-cell; padding: 2px 12px; text-indent: 0%; }
.TabBZelleB{ display: table-cell; padding: 2px 12px; padding-left: 8px; width: 1em; }
.TabBZellZ { display: table-cell; padding: 2px 12px; font-size: 95%; font-weight: bold; } 
.TabBZelle p { text-indent: -1.5em; margin: 0 0 0 1.5em; }

.TabC      { display: table; margin: 1em 15% 1em 15%; border-collapse: collapse; border: 0px solid #000000; }
.TabCKopf  { display: table-header-group; }
.TabCKopfZ { display: table-cell; font-size: 95%; font-weight: bold; padding: 2px 12px; } 
.TabCZeile { display: table-row;  }
.TabCZelle { display: table-cell; padding: 2px 12px; margin: 0 0 0 5em; }

.TabX, .TabXF { display: table; width: 70%; margin: 1em 15% 1em 15%; border-collapse: collapse; border: 1px solid #000000; }
.TabXF     { margin-top: -1em; }
.TabXKopf  { display: table-header-group; }
.TabXKopfZ { display: table-cell; font-size: 95%; font-weight: bold; padding: 4px 12px; border: 1px solid #000000; }
.TabXRumpf { display: table-row-group; border: 1px solid #000000; }
.TabXZeile { display: table-row; }
.TabXZelle { display: table-cell; padding: 4px 12px; border: 1px solid #000000; }
.TabXZelle p { text-indent: -1.2em; margin: 0 1em 0 1.5em;}

.TabF { display: table; background-color: #FBFBFB; width: 70%; margin: 1em 15% 1em 15%; border-collapse: collapse; border: 0px solid #000000; padding: 2px 8px; }
.TabFKopf  { display: table-header-group; background: #E7E7F7; }
.TabFKopfZ { display: table-cell; font-size: 90%; font-weight: bold; padding: 2px 8px; border: 1px solid #000000; }
.TabFRumpf { display: table-row-group; }
.TabFZeile { display: table-row; }
.TabFZeile:nth-child(even) { background: #E7E7F7; }
.TabFZelle,
.TabFZellef { display: table-cell; padding: 2px 8px; border: 1px solid #000000; }
.TabFZellef { font-weight: bold; font-size: 95%; }
.TabFZelle p { text-indent: -1.5em; margin: 0 1em 0 2em;}

.GL_Schriftfassung   { font-size: medium; margin: 0.5em 15% 0em 15%; }
.GL_Tabelle          { font-size: medium; margin:   1em 15% 1em 15%; width: 70%; border: 1px solid #000000; border-collapse: collapse; border-spacing: 0px; }
.GL_Tabelle td       { padding: 6px; }

.GL_Literatur        { font-size: medium; margin: 0.5em 15% 0em 18%; text-indent: -3%; }
.GL_Internet_Einstiege{font-size: medium; margin: 0.5em 15% 0em 19%; text-indent: -2%; }

.GL_Fussnote         { font-size:  small; margin: 0.5em 15% 0em calc(15% + 4em); text-indent: -3em; }
.GL_Fz a             { font-size:  small; background-color: #E7E7F7; }
.GL_Fz a:hover       { background-color: darkblue; }

.GL_Fussnote .GL_Fz  { margin-right: 0.5em; }

.GL_Zitat            { font-size: medium; margin: 0.5em 20% 0em 20%; font-style: italic; }

.GL_normal             { font-weight: normal; font-style: normal; font-family: "Noto Sans", sans-serif; font-size: medium; color: #000000}
.GL_fett               { font-weight: bold; }
.GL_fett_gross         { font-weight: bold; font-size: x-large; line-height: 15pt; }
.GL_kursiv             { font-style: italic; }
.GL_kursiv_serif       { font-style: italic; font-family: "Noto Serif", serif; }
.GL_unterstrichen      { text-decoration: underline; }
.GL_unterstrichen_fett { text-decoration: underline; font-weight: bold; }

.GL_Beispiel_Absatz,
.GL_Beispiel_Absatz_mit_Indent  { font-size: medium; margin: 1em 15% 1em calc(15% + 2.5em); }
.GL_Beispiel_Absatz_mit_Indent  { text-indent: -2.5em; }

.GL_DM               { background-color: #E7E7F7; }
.GL_Hinweis          { font-size: medium; margin: 0.5em 15%   0 15%; }
.GL_Hinweis_SF       { font-size: small;  margin: 2em 50%   0 15%; }
.GL_LitVerzVerweis   { font-size: small;  margin: 0.5em 15%   2em 15%; font-weight: bold; }
.GL_IndexVerweis     { background-color: #E7E7F7; background-color: pink; }
.GL_Index2           { margin-left: 5%; }
.GL_kein_Eintrag     { color: #AAAAAA; }

.GL_Abb              { font-size: medium; font-weight: bold; margin:   1em 15% 0.5em calc(15% + 4em); text-indent: -4em; }

.GL_Fuss             { color: #8F0000;
                       background-color: #E7E7F7;
                       font-size: small; 
                       margin: 3em 0em 0em 0em; 
                       padding: 0.5em 1em 0.5em 1em;
                       border-color: #00008A; 
                       border-style: solid;
                       border-width: 1px 0px 0px 0px; 
                     }

.GL_Titel_aktuell    { font-size:x-large; font-weight: bold; text-indent: 0em; color: gray; }

.GL_Titel_1          { font-size: medium; font-weight: bold; margin: 0.5em 2%   0em 17%; }
.GL_Titel_2          { font-size: medium;                    margin:   0em 2%   0em 17%; }
.GL_Titel_3          { font-size:  small;                    margin:   0em 2%   0em 17%; }
.GL_Titel_4          { font-size:  small;                    margin:   0em 2%   0em 17%; }
.GL_Titel_U          { font-size: medium;                    margin:   0em 2%   0em 17%; }

.GL_Antwort          { margin: 2em 15%  1em 15%; font-size: medium; }
.GL_Aufgabe,
.GL_Loesung          { margin: 0em 15%  1em 15%; font-size: medium; }
.GL_Aufgabe_richtig  { color: #000000; }
div#Loesung, div.Antwort, .GL_Loesung_Text, .GL_Antwort_normal { display:none; }
.GL_Aufgabe_Fussnote { margin: 0.5em 15% 0em calc(15% + 4em); text-indent: -3em; font-size:  small; }

.GL_Inhaltsverzeichnis_l { width: 45%; margin-left:  5%; }
.GL_Inhaltsverzeichnis_r { width: 45%; margin-left: 55%; }

.GL_Name             { font-variant: small-caps; }
.GL_Beispiel         { font-family: "Noto Serif", serif; font-style: italic; }
.GL_Begriff          { font-weight: bold; }

.GL_Ton              { white-space: nowrap; }
.GL_Ton a            { margin-left: -1em; margin: 0 -0.1em 0 -0.1em;}

.GL_zusammen         { white-space: nowrap; }

.GL_URL              { font-family: "DejaVu Sans Mono", monospace; white-space: nowrap; }

.GL_Navi_Aufgaben_Knoepfe { margin-top:-2em; margin-right:1em; text-align:right; font-size:100%; }

.GL_Icon_Lautsprecher,
.GL_Icon_Transkript  { vertical-align: -23%; }

.GL_IPA              { font-family: "DejaVu Sans",      sans-serif; white-space: nowrap; }
.GL_IPAm             { font-family: "DejaVu Sans Mono", monospace;  white-space: nowrap; }

.GL_HIAT-DOS,
.GL_HIAT-DOS-Partitur{ font-family: "DejaVu Sans Mono", monospace;  white-space: pre; font-size: medium; line-height: 1.1em; }
.GL_HIAT-DOS-Partitur{ margin: 0.5em 5% 0.5em 15%; }

.GL_Umbruch_erlauben { white-space: normal; }

/******************************************************************/
@media screen and (max-width: 1100px)
{ 
.GL_HIAT-DOS-Partitur { font-size: small; }
}
/******************************************************************/
@media screen and (max-width: 820px)
{ 
body { min-width: 100%; }
.GL_HIAT-DOS-Partitur { font-size: x-small; }
}
/******************************************************************/
@media print
{
body,
.GL_Fuss             { color: black; background-color: #FFFFFF; } 
.GL_HIAT-DOS-Partitur{ page-break-inside: avoid; }
}

@media print, tty
{
.GL_Kopfmenue        { visibility: hidden; }
.GL_Zeilenmenue      { display: none; }
.GL_Anfang           { visibility: hidden; }
.GL_Titel            { visibility: visible; text-align: center; }
.GL_HIAT-DOS-Partitur{ font-size: small; margin: 0.5em 5% 0.5em 10%; }
}

/* Ende GL_Stil.css */
/********************************************************************/