|  |   | 
| (38 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | 
| Zeile 1: | Zeile 1: | 
|  |  | @import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Farben.css"); | 
|  |  | @import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Box.css"); | 
|  |  | @import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Lernpfad.css"); | 
|  |  | @import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Button.css"); | 
|  |  | @import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Portalseite.css"); | 
|  |  | @import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Fortsetzung.css"); | 
|  |  | @import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Widget_Dialog.css"); | 
|  |  | @import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:RQuiz.css"); | 
|  |  | @import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:zum_mw-collapsible.css"); | 
|  |  | @import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:zum_grid.css"); | 
|  |  |  | 
|  | /** |  | /** | 
|  |   * |  |   * | 
| Zeile 60: | Zeile 71: | 
|  |   * Sidebar Hilfen ausgeklappt für eingeloggte Nutzer |  |   * Sidebar Hilfen ausgeklappt für eingeloggte Nutzer | 
|  |   * CS |  |   * CS | 
|  |   * 2019-04-24 |  |   * 2023-02-19 | 
|  |   */ |  |   */ | 
|  |     |  |     | 
|  | body:not(.not-logged-in) #fu-menu li#hilfen > div, |  | body:not(.not-logged-in) #p-Hilfen .mw-portlet-body { | 
|  | body:not(.not-logged-in) #fu-offcanvas li#hilfen > div {
 |  |   display: block !important; | 
|  | display: block !important; |  |   visibility: visible !important; | 
|  | visibility: visible !important; |  |   height: auto !important; | 
|  | height: auto !important; |  | 
|  | }
 |  | 
|  |   |  | 
|  | /*
 |  | 
|  | body:not(.not-logged-in) #fu-menu li#hilfen > a,
 |  | 
|  | body:not(.not-logged-in) #fu-offcanvas li#hilfen > a {
 |  | 
|  | background: rgba(0, 0, 0, 0.05);
 |  | 
|  | } |  | } | 
|  | */
 |  | 
|  | 
 |  | 
 | 
|  | /* hide the toogle */ |  | /* hide the toogle */ | 
|  | body:not(.not-logged-in) #fu-menu li#hilfen > a:after, |  | body:not(.not-logged-in) #p-Hilfen-label:after { | 
|  | body:not(.not-logged-in) #fu-offcanvas li#hilfen > a:after {
 |  |   display: none; | 
|  | display: none; |  | 
|  | } |  | } | 
|  | 
 |  | 
 | 
| Zeile 113: | Zeile 115: | 
|  | } |  | } | 
|  | 
 |  | 
 | 
|  | /*
 |  | 
|  |  * 2018-11-04 [[Benutzer:Christian]] 
 |  | 
|  |  *
 |  | 
|  |  * Workaround for MathML fallback images inside of r-quiz zuordnungsquiz.
 |  | 
|  |  *
 |  | 
|  |  * they clash with the general rule img {max-width: 100%}.
 |  | 
|  |  * 
 |  | 
|  |  * this rule becomes more specific than the default rules
 |  | 
|  |  * because of the additional class on the img element.
 |  | 
|  |  */
 |  | 
|  |  .zuordnungs-quiz .feld img.mwe-math-fallback-image-inline {
 |  | 
|  |    max-width: none;
 |  | 
|  |    margin: 0;
 |  | 
|  |  }
 |  | 
|  |     |  |     | 
|  |   /******************* |  |   /******************* | 
| Zeile 138: | Zeile 126: | 
|  |    #mw-content-text .GeoGebraFrame ul { margin:0; } |  |    #mw-content-text .GeoGebraFrame ul { margin:0; } | 
|  | 
 |  | 
 | 
|  | /**********
 |  | 
|  |  *
 |  | 
|  |  * fix Letzte Änderungen Darstellung
 |  | 
|  |  *
 |  | 
|  |  *********/
 |  | 
|  |  .mw-body-content .mw-collapsible.mw-changeslist-line {
 |  | 
|  |  text-align:inherit;
 |  | 
|  |  }
 |  | 
|  | 
 |  | 
 | 
|  | /****************** |  | /****************** | 
| Zeile 172: | Zeile 152: | 
|  | .mw-indicators > .mw-indicator { |  | .mw-indicators > .mw-indicator { | 
|  |    flex: 1; |  |    flex: 1; | 
|  | }
 |  | 
|  |  
 |  | 
|  |  
 |  | 
|  | /***********
 |  | 
|  |   * Farben [[Benutzer:Christian]]
 |  | 
|  |   * per Copy/Paste von [[Vorlage:Farbe]] übernehmen
 |  | 
|  |   **********/
 |  | 
|  | :root {
 |  | 
|  |   --zum-farbe-Hervorhebung1   : #F1D850;
 |  | 
|  |   --zum-farbe-Frage           : #F1D850;
 |  | 
|  |   --zum-farbe-Lernpfad        : #F19D50;
 |  | 
|  |   --zum-farbe-Hervorhebung2   : #C64285;
 |  | 
|  |   --zum-farbe-Merksatz        : #C64285;
 |  | 
|  |   --zum-farbe-Üben            : #338894;
 |  | 
|  |   --zum-farbe-Ueben           : #338894;
 |  | 
|  |   --zum-farbe-Arbeitsmethode  : #5E43A5;
 |  | 
|  |   --zum-farbe-Unterrichtsidee : #A8DF4A;
 |  | 
|  |   --zum-farbe-Experimentieren : #A8DF4A;
 |  | 
|  |   --zum-farbe-Arbeitsmethode  : #5E43A5;
 |  | 
|  |   --zum-farbe-Unterrichtsidee : #A8DF4A;
 |  | 
|  |   --zum-farbe-Experimentieren : #A8DF4A;
 |  | 
|  |   --zum-farbe-Meinung         : #DBDBDB;
 |  | 
|  |   --zum-farbe-Lösung          : #DBDBDB;
 |  | 
|  |   --zum-farbe-Loesung         : #DBDBDB;
 |  | 
|  |   --zum-farbe-Download        : #DBDBDB;
 |  | 
|  |   --zum-farbe-Kurzinfo        : #DBDBDB;
 |  | 
|  |   --zum-farbe-Zitat           : #a0a0a0;
 |  | 
|  |   
 |  | 
|  |   
 |  | 
|  |   --zum-farbe-primär                   : #F1D850;
 |  | 
|  |   --zum-farbe-primär---xx-heller       : #fffcf0;
 |  | 
|  |   --zum-farbe-primär---x-heller        : #fff6cc;
 |  | 
|  |   --zum-farbe-primär---heller          : #FFF0A2;
 |  | 
|  |   --zum-farbe-primär---hell            : #FFEA77;
 |  | 
|  |   --zum-farbe-primär---dunkel          : #DEC229;
 |  | 
|  |   --zum-farbe-primär---dunkler         : #AF9612;
 |  | 
|  |   --zum-farbe-sekundär-1               : #C64285;
 |  | 
|  |   --zum-farbe-sekundär-1--xx-heller    : #f7d9e8;
 |  | 
|  |   --zum-farbe-sekundär-1--x-heller     : #f1bbd6;
 |  | 
|  |   --zum-farbe-sekundär-1--heller       : #E994BF;
 |  | 
|  |   --zum-farbe-sekundär-1--hell         : #D965A0;
 |  | 
|  |   --zum-farbe-sekundär-1--dunkel       : #B6226D;
 |  | 
|  |   --zum-farbe-sekundär-1--dunkler      : #900F50;
 |  | 
|  |   --zum-farbe-sekundär-2               : #338894;
 |  | 
|  |   --zum-farbe-sekundär-2--xx-heller    : #c4e3e8;
 |  | 
|  |   --zum-farbe-sekundär-2--x-heller     : #a7d6dd;
 |  | 
|  |   --zum-farbe-sekundär-2--heller       : #85C5CF;
 |  | 
|  |   --zum-farbe-sekundär-2--hell         : #52A1AD;
 |  | 
|  |   --zum-farbe-sekundär-2--dunkel       : #1B7A88;
 |  | 
|  |   --zum-farbe-sekundär-2--dunkler      : #0D5F6B;
 |  | 
|  |   --zum-farbe-komplementär             : #5E43A5;
 |  | 
|  |   --zum-farbe-komplementär--xx-heller  : #dad2ee;
 |  | 
|  |   --zum-farbe-komplementär--x-heller   : #c2b5e3;
 |  | 
|  |   --zum-farbe-komplementär--heller     : #A592D7;
 |  | 
|  |   --zum-farbe-komplementär--hell       : #7B63BC;
 |  | 
|  |   --zum-farbe-komplementär--dunkel     : #482998;
 |  | 
|  |   --zum-farbe-komplementär--dunkler    : #331878;
 |  | 
|  |   --zum-farbe-orange                   : #F19D50;
 |  | 
|  |   --zum-farbe-orange--xx-heller        : #fffcfa;
 |  | 
|  |   --zum-farbe-orange--x-heller         : #ffe7d1;
 |  | 
|  |   --zum-farbe-orange--heller           : #FFCEA2;
 |  | 
|  |   --zum-farbe-orange--hell             : #FFB877;
 |  | 
|  |   --zum-farbe-orange--dunkel           : #DD7F28;
 |  | 
|  |   --zum-farbe-orange--dunkler          : #AE5D12;
 |  | 
|  |   --zum-farbe-grün                     : #A8DF4A;
 |  | 
|  |   --zum-farbe-grün--xx-heller          : #f7fdec;
 |  | 
|  |   --zum-farbe-grün--x-heller           : #e6fac7;
 |  | 
|  |   --zum-farbe-grün--heller             : #D4F69C;
 |  | 
|  |   --zum-farbe-grün--hell               : #C0EF6F;
 |  | 
|  |   --zum-farbe-grün--dunkel             : #8FCD25;
 |  | 
|  |   --zum-farbe-grün--dunkler            : #6CA111;
 |  | 
|  |   --zum-farbe-grau                     : #DBDBDB;
 |  | 
|  |   --zum-farbe-grau--xx-heller          : #fcfcfc;
 |  | 
|  |   --zum-farbe-grau--x-heller           : #f7f7f7;
 |  | 
|  |   --zum-farbe-grau--heller             : #F1F1F1;
 |  | 
|  |   --zum-farbe-grau--heller             : #F1F1F1;
 |  | 
|  |   --zum-farbe-grau--heller             : #F1F1F1;
 |  | 
|  |   --zum-farbe-grau--hell               : #ececec;
 |  | 
|  |   --zum-farbe-grau--dunkel             : #C8C8C8;
 |  | 
|  |   --zum-farbe-grau--dunkler            : #a0a0a0;
 |  | 
|  |   --zum-farbe-links                    : #0077dd;
 |  | 
|  |   --zum-farbe-links--xx-heller         : #f5faff;
 |  | 
|  |   --zum-farbe-links--x-heller          : #cce7ff;
 |  | 
|  |   --zum-farbe-links--heller            : #47a9ff;
 |  | 
|  |   --zum-farbe-links--heller            : #47a9ff;
 |  | 
|  |   --zum-farbe-links--heller            : #47a9ff;
 |  | 
|  |   --zum-farbe-links--hell              : #1492ff;
 |  | 
|  |   --zum-farbe-links--dunkel            : #0068bd;
 |  | 
|  |   --zum-farbe-links--dunkler           : #005599;
 |  | 
|  | }
 |  | 
|  | 
 |  | 
|  | 
 |  | 
|  | /* Bedeutungsfarben */
 |  | 
|  | .zum-farbe-Hervorhebung1   { color:#F1D850; }
 |  | 
|  | .zum-farbe-Frage           { color:#F1D850; }
 |  | 
|  | .zum-farbe-Lernpfad        { color:#F19D50; }
 |  | 
|  | .zum-farbe-Hervorhebung2   { color:#C64285; }
 |  | 
|  | .zum-farbe-Merksatz        { color:#C64285; }
 |  | 
|  | .zum-farbe-Üben,
 |  | 
|  | .zum-farbe-Ueben           { color:#338894; }
 |  | 
|  | .zum-farbe-Arbeitsmethode  { color:#5E43A5; }
 |  | 
|  | .zum-farbe-Unterrichtsidee { color:#A8DF4A; }
 |  | 
|  | .zum-farbe-Experimentieren { color:#A8DF4A; }
 |  | 
|  | .zum-farbe-Arbeitsmethode  { color:#5E43A5; }
 |  | 
|  | .zum-farbe-Unterrichtsidee { color:#A8DF4A; }
 |  | 
|  | .zum-farbe-Experimentieren { color:#A8DF4A; }
 |  | 
|  | .zum-farbe-Meinung         { color:#DBDBDB; }
 |  | 
|  | .zum-farbe-Lösung,
 |  | 
|  | .zum-farbe-Loesung         { color:#DBDBDB; }
 |  | 
|  | .zum-farbe-Download        { color:#DBDBDB; }
 |  | 
|  | .zum-farbe-Kurzinfo        { color:#DBDBDB; }
 |  | 
|  | .zum-farbe-Zitat           { color:#666; }
 |  | 
|  | 
 |  | 
|  | .zum-hintergrund-Hervorhebung1   { background-color:#F1D850; }
 |  | 
|  | .zum-hintergrund-Frage           { background-color:#F1D850; }
 |  | 
|  | .zum-hintergrund-Lernpfad        { background-color:#F19D50; }
 |  | 
|  | .zum-hintergrund-Hervorhebung2   { background-color:#C64285; }
 |  | 
|  | .zum-hintergrund-Merksatz        { background-color:#C64285; }
 |  | 
|  | .zum-hintergrund-Üben,
 |  | 
|  | .zum-hintergrund-Ueben           { background-color:#338894; }
 |  | 
|  | .zum-hintergrund-Arbeitsmethode  { background-color:#5E43A5; }
 |  | 
|  | .zum-hintergrund-Unterrichtsidee { background-color:#A8DF4A; }
 |  | 
|  | .zum-hintergrund-Experimentieren { background-color:#A8DF4A; }
 |  | 
|  | .zum-hintergrund-Arbeitsmethode  { background-color:#5E43A5; }
 |  | 
|  | .zum-hintergrund-Unterrichtsidee { background-color:#A8DF4A; }
 |  | 
|  | .zum-hintergrund-Experimentieren { background-color:#A8DF4A; }
 |  | 
|  | .zum-hintergrund-Meinung         { background-color:#DBDBDB; }
 |  | 
|  | .zum-hintergrund-Lösung,
 |  | 
|  | .zum-hintergrund-Loesung         { background-color:#DBDBDB; }
 |  | 
|  | .zum-hintergrund-Download        { background-color:#DBDBDB; }
 |  | 
|  | .zum-hintergrund-Kurzinfo        { background-color:#DBDBDB; }
 |  | 
|  | .zum-hintergrund-Zitat           { background-color:#a0a0a0; }  
 |  | 
|  | 
 |  | 
|  | 
 |  | 
|  | /* komplettes Farbschema */
 |  | 
|  | .zum-farbe-primär                            { color: #F1D850; }
 |  | 
|  | .zum-farbe-primär.zum-farbe-xx-heller        { color: #fffcf0; }
 |  | 
|  | .zum-farbe-primär.zum-farbe-x-heller         { color: #fff6cc; }
 |  | 
|  | .zum-farbe-primär.zum-farbe-heller           { color: #F1D850; }
 |  | 
|  | .zum-farbe-primär.zum-farbe-hell             { color: #FFEA77; }
 |  | 
|  | .zum-farbe-primär.zum-farbe-dunkel           { color: #DEC229; }
 |  | 
|  | .zum-farbe-primär.zum-farbe-dunkler          { color: #AF9612; }
 |  | 
|  | .zum-farbe-sekundär-1                        { color: #C64285; }
 |  | 
|  | .zum-farbe-sekundär-1.zum-farbe-xx-heller    { color: #f7d9e8; }
 |  | 
|  | .zum-farbe-sekundär-1.zum-farbe-x-heller     { color: #f1bbd6; }
 |  | 
|  | .zum-farbe-sekundär-1.zum-farbe-heller       { color: #E994BF; }
 |  | 
|  | .zum-farbe-sekundär-1.zum-farbe-hell         { color: #D965A0; }
 |  | 
|  | .zum-farbe-sekundär-1.zum-farbe-dunkel       { color: #B6226D; }
 |  | 
|  | .zum-farbe-sekundär-1.zum-farbe-dunkler      { color: #900F50; }
 |  | 
|  | .zum-farbe-sekundär-2                        { color: #338894; }
 |  | 
|  | .zum-farbe-sekundär-2.zum-farbe-xx-heller    { color: #c4e3e8; }
 |  | 
|  | .zum-farbe-sekundär-2.zum-farbe-x-heller     { color: #a7d6dd; }
 |  | 
|  | .zum-farbe-sekundär-2.zum-farbe-heller       { color: #85C5CF; }
 |  | 
|  | .zum-farbe-sekundär-2.zum-farbe-hell         { color: #52A1AD; }
 |  | 
|  | .zum-farbe-sekundär-2.zum-farbe-dunkel       { color: #1B7A88; }
 |  | 
|  | .zum-farbe-sekundär-2.zum-farbe-dunkler      { color: #0D5F6B; }
 |  | 
|  | .zum-farbe-komplementär                      { color: #5E43A5; }
 |  | 
|  | .zum-farbe-komplementär.zum-farbe-xx-heller  { color: #dad2ee; }
 |  | 
|  | .zum-farbe-komplementär.zum-farbe-x-heller   { color: #c2b5e3; }
 |  | 
|  | .zum-farbe-komplementär.zum-farbe-heller     { color: #A592D7; }
 |  | 
|  | .zum-farbe-komplementär.zum-farbe-hell       { color: #7B63BC; }
 |  | 
|  | .zum-farbe-komplementär.zum-farbe-dunkel     { color: #482998; }
 |  | 
|  | .zum-farbe-komplementär.zum-farbe-dunkler    { color: #331878; }
 |  | 
|  | .zum-farbe-orange                            { color: #F19D50; }
 |  | 
|  | .zum-farbe-orange.zum-farbe-xx-heller        { color: #fffcfa; }
 |  | 
|  | .zum-farbe-orange.zum-farbe-x-heller         { color: #ffe7d1; }
 |  | 
|  | .zum-farbe-orange.zum-farbe-heller           { color: #FFCEA2; }
 |  | 
|  | .zum-farbe-orange.zum-farbe-hell             { color: #FFB877; }
 |  | 
|  | .zum-farbe-orange.zum-farbe-dunkel           { color: #DD7F28; }
 |  | 
|  | .zum-farbe-orange.zum-farbe-dunkler          { color: #AE5D12; }
 |  | 
|  | .zum-farbe-grün                              { color: #A8DF4A; }
 |  | 
|  | .zum-farbe-grün.zum-farbe-xx-heller          { color: #f7fdec; }
 |  | 
|  | .zum-farbe-grün.zum-farbe-x-heller           { color: #e6fac7; }
 |  | 
|  | .zum-farbe-grün.zum-farbe-heller             { color: #D4F69C; }
 |  | 
|  | .zum-farbe-grün.zum-farbe-hell               { color: #C0EF6F; }
 |  | 
|  | .zum-farbe-grün.zum-farbe-dunkel             { color: #8FCD25; }
 |  | 
|  | .zum-farbe-grün.zum-farbe-dunkler            { color: #6CA111; }
 |  | 
|  | .zum-farbe-grau                              { color: #DBDBDB; }
 |  | 
|  | .zum-farbe-grau.zum-farbe-xx-heller          { color: #fcfcfc; }
 |  | 
|  | .zum-farbe-grau.zum-farbe-x-heller           { color: #f7f7f7; }
 |  | 
|  | .zum-farbe-grau.zum-farbe-heller             { color: #F1F1F1; }
 |  | 
|  | .zum-farbe-grau.zum-farbe-heller             { color: #F1F1F1; }
 |  | 
|  | .zum-farbe-grau.zum-farbe-heller             { color: #F1F1F1; }
 |  | 
|  | .zum-farbe-grau.zum-farbe-hell               { color: #ececec; }
 |  | 
|  | .zum-farbe-grau.zum-farbe-dunkel             { color: #C8C8C8; }
 |  | 
|  | .zum-farbe-grau.zum-farbe-dunkler            { color: #a0a0a0; }
 |  | 
|  | .zum-farbe-links                             { color: #0077dd; }
 |  | 
|  | .zum-farbe-links.zum-farbe-xx-heller         { color: #f5faff; }
 |  | 
|  | .zum-farbe-links.zum-farbe-x-heller          { color: #cce7ff; }
 |  | 
|  | .zum-farbe-links.zum-farbe-heller            { color: #47a9ff; }
 |  | 
|  | .zum-farbe-links.zum-farbe-heller            { color: #47a9ff; }
 |  | 
|  | .zum-farbe-links.zum-farbe-heller            { color: #47a9ff; }
 |  | 
|  | .zum-farbe-links.zum-farbe-hell              { color: #1492ff; }
 |  | 
|  | .zum-farbe-links.zum-farbe-dunkel            { color: #0068bd; }
 |  | 
|  | .zum-farbe-links.zum-farbe-dunkler           { color: #005599; }
 |  | 
|  | 
 |  | 
|  | . 
 |  | 
|  | .zum-hintergrund-primär                            { background-color: #F1D850; }
 |  | 
|  | .zum-hintergrund-primär.zum-farbe-xx-heller        { background-color: #fffcf0; }
 |  | 
|  | .zum-hintergrund-primär.zum-farbe-x-heller         { background-color: #fff6cc; }
 |  | 
|  | .zum-hintergrund-primär.zum-farbe-heller           { background-color: #F1D850; }
 |  | 
|  | .zum-hintergrund-primär.zum-farbe-hell             { background-color: #FFEA77; }
 |  | 
|  | .zum-hintergrund-primär.zum-farbe-dunkel           { background-color: #DEC229; }
 |  | 
|  | .zum-hintergrund-primär.zum-farbe-dunkler          { background-color: #AF9612; }
 |  | 
|  | .zum-hintergrund-sekundär-1                        { background-color: #C64285; }
 |  | 
|  | .zum-hintergrund-sekundär-1.zum-farbe-xx-heller    { background-color: #f7d9e8; }
 |  | 
|  | .zum-hintergrund-sekundär-1.zum-farbe-x-heller     { background-color: #f1bbd6; }
 |  | 
|  | .zum-hintergrund-sekundär-1.zum-farbe-heller       { background-color: #E994BF; }
 |  | 
|  | .zum-hintergrund-sekundär-1.zum-farbe-hell         { background-color: #D965A0; }
 |  | 
|  | .zum-hintergrund-sekundär-1.zum-farbe-dunkel       { background-color: #B6226D; }
 |  | 
|  | .zum-hintergrund-sekundär-1.zum-farbe-dunkler      { background-color: #900F50; }
 |  | 
|  | .zum-hintergrund-sekundär-2                        { background-color: #338894; }
 |  | 
|  | .zum-hintergrund-sekundär-2.zum-farbe-xx-heller    { background-color: #c4e3e8; }
 |  | 
|  | .zum-hintergrund-sekundär-2.zum-farbe-x-heller     { background-color: #a7d6dd; }
 |  | 
|  | .zum-hintergrund-sekundär-2.zum-farbe-heller       { background-color: #85C5CF; }
 |  | 
|  | .zum-hintergrund-sekundär-2.zum-farbe-hell         { background-color: #52A1AD; }
 |  | 
|  | .zum-hintergrund-sekundär-2.zum-farbe-dunkel       { background-color: #1B7A88; }
 |  | 
|  | .zum-hintergrund-sekundär-2.zum-farbe-dunkler      { background-color: #0D5F6B; }
 |  | 
|  | .zum-hintergrund-komplementär                      { background-color: #5E43A5; }
 |  | 
|  | .zum-hintergrund-komplementär.zum-farbe-xx-heller  { background-color: #dad2ee; }
 |  | 
|  | .zum-hintergrund-komplementär.zum-farbe-x-heller   { background-color: #c2b5e3; }
 |  | 
|  | .zum-hintergrund-komplementär.zum-farbe-heller     { background-color: #A592D7; }
 |  | 
|  | .zum-hintergrund-komplementär.zum-farbe-hell       { background-color: #7B63BC; }
 |  | 
|  | .zum-hintergrund-komplementär.zum-farbe-dunkel     { background-color: #482998; }
 |  | 
|  | .zum-hintergrund-komplementär.zum-farbe-dunkler    { background-color: #331878; }
 |  | 
|  | .zum-hintergrund-orange                            { background-color: #F19D50; }
 |  | 
|  | .zum-hintergrund-orange.zum-farbe-xx-heller        { background-color: #fffcfa; }
 |  | 
|  | .zum-hintergrund-orange.zum-farbe-x-heller         { background-color: #ffe7d1; }
 |  | 
|  | .zum-hintergrund-orange.zum-farbe-heller           { background-color: #FFCEA2; }
 |  | 
|  | .zum-hintergrund-orange.zum-farbe-hell             { background-color: #FFB877; }
 |  | 
|  | .zum-hintergrund-orange.zum-farbe-dunkel           { background-color: #DD7F28; }
 |  | 
|  | .zum-hintergrund-orange.zum-farbe-dunkler          { background-color: #AE5D12; }
 |  | 
|  | .zum-hintergrund-grün                              { background-color: #A8DF4A; }
 |  | 
|  | .zum-hintergrund-grün.zum-farbe-xx-heller          { background-color: #f7fdec; }
 |  | 
|  | .zum-hintergrund-grün.zum-farbe-x-heller           { background-color: #e6fac7; }
 |  | 
|  | .zum-hintergrund-grün.zum-farbe-heller             { background-color: #D4F69C; }
 |  | 
|  | .zum-hintergrund-grün.zum-farbe-hell               { background-color: #C0EF6F; }
 |  | 
|  | .zum-hintergrund-grün.zum-farbe-dunkel             { background-color: #8FCD25; }
 |  | 
|  | .zum-hintergrund-grün.zum-farbe-dunkler            { background-color: #6CA111; }
 |  | 
|  | .zum-hintergrund-grau                              { background-color: #DBDBDB; }
 |  | 
|  | .zum-hintergrund-grau.zum-farbe-xx-heller          { background-color: #fcfcfc; }
 |  | 
|  | .zum-hintergrund-grau.zum-farbe-x-heller           { background-color: #f7f7f7; }
 |  | 
|  | .zum-hintergrund-grau.zum-farbe-heller             { background-color: #F1F1F1; }
 |  | 
|  | .zum-hintergrund-grau.zum-farbe-hell               { background-color: #ececec; }
 |  | 
|  | .zum-hintergrund-grau.zum-farbe-dunkel             { background-color: #C8C8C8; }
 |  | 
|  | .zum-hintergrund-grau.zum-farbe-dunkler            { background-color: #a0a0a0; } 
 |  | 
|  | .zum-hintergrund-links                             { background-color: #0077dd; }
 |  | 
|  | .zum-hintergrund-links.zum-farbe-xx-heller         { background-color: #f5faff; }
 |  | 
|  | .zum-hintergrund-links.zum-farbe-x-heller          { background-color: #cce7ff; }
 |  | 
|  | .zum-hintergrund-links.zum-farbe-heller            { background-color: #47a9ff; }
 |  | 
|  | .zum-hintergrund-links.zum-farbe-hell              { background-color: #1492ff; }
 |  | 
|  | .zum-hintergrund-links.zum-farbe-dunkel            { background-color: #0068bd; }
 |  | 
|  | .zum-hintergrund-links.zum-farbe-dunkler           { background-color: #005599; } 
 |  | 
|  |  
 |  | 
|  | /* overrides 
 |  | 
|  |  * uses mediawiki parent selector to establish override
 |  | 
|  |  */
 |  | 
|  | .mediawiki .box.hervorhebung1   { border-left-color:#F1D850; }
 |  | 
|  | .mediawiki .box.frage           { border-left-color:#F1D850; }
 |  | 
|  | .mediawiki .box.lernpfad        { border-left-color:#F19D50; }
 |  | 
|  | .mediawiki .box.hervorhebung2   { border-left-color:#C64285; }
 |  | 
|  | .mediawiki .box.merksatz        { border-left-color:#C64285; }
 |  | 
|  | .mediawiki .box.üben,
 |  | 
|  | .mediawiki .box.ueben           { border-left-color:#338894; }
 |  | 
|  | .mediawiki .box.arbeitsmethode  { border-left-color:#5E43A5; }
 |  | 
|  | .mediawiki .box.unterrichtsidee { border-left-color:#A8DF4A; }
 |  | 
|  | .mediawiki .box.experimentieren { border-left-color:#A8DF4A; }
 |  | 
|  | .mediawiki .box.arbeitsmethode  { border-left-color:#5E43A5; }
 |  | 
|  | .mediawiki .box.unterrichtsidee { border-left-color:#A8DF4A; }
 |  | 
|  | .mediawiki .box.experimentieren { border-left-color:#A8DF4A; }
 |  | 
|  | .mediawiki .box.meinung         { border-left-color:#DBDBDB; }
 |  | 
|  | .mediawiki .box.lösung,
 |  | 
|  | .mediawiki .box.loesung         { border-left-color:#DBDBDB; }
 |  | 
|  | .mediawiki .box.download        { border-left-color:#DBDBDB; }
 |  | 
|  | .mediawiki .box.kurzinfo        { border-left-color:#DBDBDB; }
 |  | 
|  | .mediawiki .box.zitat           { border-left-color:#a0a0a0; } 
 |  | 
|  | 
 |  | 
|  | /*R-Quiz*/
 |  | 
|  | 
 |  | 
|  | .mediawiki .buchstabenraten-quiz,
 |  | 
|  | .mediawiki .suchsel-quiz,
 |  | 
|  | .mediawiki .kreuzwort-quiz,
 |  | 
|  | .mediawiki .schuettel-quiz,
 |  | 
|  | .mediawiki .multiplechoice-quiz,
 |  | 
|  | .mediawiki .memo-quiz,
 |  | 
|  | .mediawiki .lueckentext-quiz,
 |  | 
|  | .mediawiki .zuordnungs-quiz {
 |  | 
|  |     border-color: #DBDBDB ;
 |  | 
|  | }
 |  | 
|  | 
 |  | 
|  | 
 |  | 
|  | .mediawiki .kreuzwort-quiz .eingabe,
 |  | 
|  | .mediawiki .lueckentext-quiz .daten-pool,
 |  | 
|  | .mediawiki .zuordnungs-quiz .daten-pool {
 |  | 
|  |     background-color: #c4e3e8 ;
 |  | 
|  |     border-color: #85C5CF;
 |  | 
|  | }
 |  | 
|  | .mediawiki .kreuzwort-quiz .eingabe .eingabe-header {
 |  | 
|  |   background-image: none;
 |  | 
|  |   background: #c4e3e8;
 |  | 
|  | }
 |  | 
|  | 
 |  | 
|  | .mediawiki .memo-quiz .feld,
 |  | 
|  | .mediawiki .memo-quiz .fertig {
 |  | 
|  |   border-color:#8080ff;
 |  | 
|  | }
 |  | 
|  | .mediawiki .schuettel-quiz .luecke,
 |  | 
|  | .mediawiki .lueckentext-quiz .feld,
 |  | 
|  | .mediawiki .zuordnungs-quiz .feld,
 |  | 
|  | .mediawiki .zuordnungs-quiz .loesungs-paar .feld ~ .feld,
 |  | 
|  | .mediawiki .mediawiki .kreuzwort-quiz .eingabezeile span {
 |  | 
|  |     background-color: #fff6cc ;
 |  | 
|  |     border-color: #FFEA77  ;
 |  | 
|  | }
 |  | 
|  | .mediawiki .mediawiki .kreuzwort-quiz .eingabezeile span.aktiv {
 |  | 
|  |     background-color: #E994BF ;
 |  | 
|  |     border-color: #B6226D  ;
 |  | 
|  | }
 |  | 
|  | 
 |  | 
|  | 
 |  | 
|  | .mediawiki .zuordnungs-quiz .loesungs-paar {
 |  | 
|  |   background-color: #F1F1F1;
 |  | 
|  |   border-color: #C8C8C8;
 |  | 
|  | 
 |  | 
|  | }
 |  | 
|  | .mediawiki .zuordnungs-quiz .loesungs-paar .feld {
 |  | 
|  |   background-color: #c4e3e8;
 |  | 
|  |   border-color: #85C5CF ;
 |  | 
|  | }
 |  | 
|  | 
 |  | 
|  | 
 |  | 
|  | .mediawiki .memo-quiz .fertig,
 |  | 
|  | .mediawiki .lueckentext-quiz .luecke {
 |  | 
|  |     background-color: #fff6cc ;
 |  | 
|  |     border-color: #FFEA77 ;
 |  | 
|  | }
 |  | 
|  | .mediawiki .memo-quiz .aktiv {
 |  | 
|  |     background-color:#FFCEA2 ;
 |  | 
|  |     border-color:#DD7F28 ;
 |  | 
|  | }
 |  | 
|  | 
 |  | 
|  | .mediawiki .suchsel-quiz .gitter td,
 |  | 
|  | .mediawiki .lueckentext-quiz table.puzzle {
 |  | 
|  |   border-color:black;
 |  | 
|  | }
 |  | 
|  | .mediawiki .lueckentext-quiz table.puzzle .luecke {
 |  | 
|  |   background-color: #f0f0f0;
 |  | 
|  | }
 |  | 
|  | .mediawiki .multiplechoice-quiz .richtig {
 |  | 
|  | 	  background-color: #A8DF4A ;
 |  | 
|  | 	  border-color:#6CA111 ;
 |  | 
|  | }
 |  | 
|  | .mediawiki .multiplechoice-quiz .falsch {
 |  | 
|  | 	background-color: ##E994BF ;
 |  | 
|  | 	border-color: #C64285;
 |  | 
|  | }
 |  | 
|  | 
 |  | 
|  | .mediawiki .kreuzwort-quiz .gitter .feld {
 |  | 
|  |   background-color: #ffffff;
 |  | 
|  |   border-color: #000000;
 |  | 
|  | }
 |  | 
|  | 
 |  | 
|  | .mediawiki .kreuzwort-quiz .gitter .einfuegemarke {
 |  | 
|  |   background-color: #ffffff;
 |  | 
|  | }
 |  | 
|  | 
 |  | 
|  | .mediawiki .buchstabenraten-quiz .eingabehinweis span,
 |  | 
|  | .mediawiki .kreuzwort-quiz .eingabehinweis span {
 |  | 
|  |   background-color: #ffffff;
 |  | 
|  |   border-color: #888888;
 |  | 
|  | }
 |  | 
|  | 
 |  | 
|  | .mediawiki .kreuzwort-quiz .eingabezeile span {
 |  | 
|  |   border-color: #60ff60;
 |  | 
|  |   background-color: #c0ffc0;
 |  | 
|  | } |  | } | 
|  | 
 |  | 
 | 
|  | .mediawiki .kreuzwort-quiz .eingabezeile span.aktiv {
 |  | /* larger fa-lg style for Font Awesome*/ | 
|  |   border-color: #ff0000;
 |  | .fa-lg2x | 
|  |   background-color: #c0ffc0;
 |  | 
|  |   color: #ff0000;
 |  | 
|  | }
 |  | 
|  |   |  | 
|  | .mediawiki .suchsel-quiz .gitter .feld {
 |  | 
|  | 	background-color: #dddddd;
 |  | 
|  | }
 |  | 
|  |   |  | 
|  | .mediawiki .suchsel-quiz .gitter .aufgedeckt {
 |  | 
|  | 	background-color: #D4F69C;
 |  | 
|  | }
 |  | 
|  |   |  | 
|  | .mediawiki .suchsel-quiz .gitter .markiert {
 |  | 
|  | 	background-color: #fff6cc;
 |  | 
|  | }
 |  | 
|  |   |  | 
|  | .mediawiki .suchsel-quiz .gitter .hover {
 |  | 
|  | 	background-color: #fff6cc;
 |  | 
|  | }
 |  | 
|  | .mediawiki .suchsel-quiz .liste {
 |  | 
|  |   border-color: #a0a0a0;
 |  | 
|  | }
 |  | 
|  | .mediawiki .suchsel-quiz .liste .ausgefuellt {
 |  | 
|  |   font-weight: normal;  
 |  | 
|  | }
 |  | 
|  | .mediawiki .buchstabenraten-quiz div {
 |  | 
|  |   background-color: #ffdddd;
 |  | 
|  |   border-color: #000000;
 |  | 
|  | }
 |  | 
|  | .mediawiki .buchstabenraten-quiz .start-link {
 |  | 
|  |   border-color: #ff0000;
 |  | 
|  |   color: #ff0000;
 |  | 
|  | }
 |  | 
|  | .mediawiki .buchstabenraten-quiz .start-link:hover {
 |  | 
|  |   border-color: #ff0000;
 |  | 
|  | }
 |  | 
|  | .mediawiki .buchstabenraten-quiz .statusbild {
 |  | 
|  |   border-color: #000000;
 |  | 
|  | }
 |  | 
|  | .mediawiki .buchstabenraten-quiz .statusbild img {
 |  | 
|  |   background-color: #ffffff;
 |  | 
|  | }
 |  | 
|  | .mediawiki .buchstabenraten-quiz .geratene-buchstaben li {
 |  | 
|  |   border-color: #ff0000;
 |  | 
|  |   background-color:#ff8888;
 |  | 
|  |   color: #ff0000;
 |  | 
|  | }
 |  | 
|  | .mediawiki .buchstabenraten-quiz .geratene-buchstaben li.treffer {
 |  | 
|  |   border-color: #00ff00;
 |  | 
|  |   background-color: #ccffcc;
 |  | 
|  |   color: #00aa00;
 |  | 
|  | }
 |  | 
|  | .mediawiki .buchstabenraten-quiz .ratewort li {
 |  | 
|  |   border-color: #666666;
 |  | 
|  |   background-color: #cccccc;
 |  | 
|  | }
 |  | 
|  |   |  | 
|  | .mediawiki .buchstabenraten-quiz .ratewort li.erraten {
 |  | 
|  |   border-color: #00ff00;
 |  | 
|  |   background-color: #ccffcc;
 |  | 
|  |   color: #00a000;
 |  | 
|  | }
 |  | 
|  |   |  | 
|  |   |  | 
|  | .mediawiki .anvisiert {
 |  | 
|  |       background-color:#FFCEA2 !important;
 |  | 
|  |     border-color:#DD7F28 !important;
 |  | 
|  | }
 |  | 
|  |   |  | 
|  | .mediawiki .auswertungs-button {
 |  | 
|  |   background-color: #F19D50;
 |  | 
|  |   border-color:#AE5D12;
 |  | 
|  |   color:white;
 |  | 
|  |   font-weight: normal;
 |  | 
|  | }
 |  | 
|  |   |  | 
|  | .mediawiki .quiz-bewertung {
 |  | 
|  |   background-color:#e6fac7;
 |  | 
|  |   border-color:#C0EF6F;
 |  | 
|  |   font-weight: normal;
 |  | 
|  |   line-height: 1.2em;
 |  | 
|  |   border-left:none;
 |  | 
|  |   border-right:none;
 |  | 
|  | }
 |  | 
|  |   |  | 
|  | .mediawiki p.quiz-bewertung {
 |  | 
|  |   line-height: inherit;
 |  | 
|  | }
 |  | 
|  |   |  | 
|  | .mediawiki .schuettel-quiz .luecke {
 |  | 
|  |   padding: 0 0.25em;
 |  | 
|  |   margin:0;
 |  | 
|  | }
 |  | 
|  | .mediawiki .schuettel-quiz .luecke input {
 |  | 
|  |   line-height: 1.2em;
 |  | 
|  |   font-size: 100%;
 |  | 
|  |   height: 100%;
 |  | 
|  |   margin-left:-0.25em;
 |  | 
|  | }
 |  | 
|  | .mediawiki .schuettel-quiz .luecke,
 |  | 
|  | .mediawiki .lueckentext-quiz .luecke {
 |  | 
|  |   min-width:5em;
 |  | 
|  |   width:auto;
 |  | 
|  |   line-height: 1em;
 |  | 
|  |   min-height:1.2em;
 |  | 
|  |   height:auto;
 |  | 
|  |   display:inline-block;
 |  | 
|  | }
 |  | 
|  | .mediawiki .schuettel-quiz .luecke .feld,
 |  | 
|  | .mediawiki .schuettel-quiz .luecke .feldundefined,
 |  | 
|  | .mediawiki .lueckentext-quiz .luecke .feld,
 |  | 
|  | .mediawiki .schuettel-quiz .luecke .feldundefined {
 |  | 
|  |   height:auto;
 |  | 
|  |   width:auto;
 |  | 
|  |   display:inline-block;
 |  | 
|  |   border:none;
 |  | 
|  | }
 |  | 
|  |   |  | 
|  |   |  | 
|  |   |  | 
|  | /* |  | 
|  |  * Styles for the Widget:Dialog-* widgets.
 |  | 
|  |  *
 |  | 
|  |  */
 |  | 
|  | dialog.zum-dialog.popup {
 |  | 
|  |   all:revert; /*we want the popup class to get the MW styling in cascaded childs, but the dialog itself should be native */
 |  | 
|  |   border:0;
 |  | 
|  |   padding:0;
 |  | 
|  |   box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.5);
 |  | 
|  |   min-width:95vw;
 |  | 
|  |   max-width:95vw;
 |  | 
|  | }
 |  | 
|  |   |  | 
|  | dialog.zum-dialog.popup[open] {
 |  | 
|  |   display:flex;
 |  | 
|  |   flex-direction:column;
 |  | 
|  | }
 |  | 
|  |   |  | 
|  | @media (min-width: 851px) {
 |  | 
|  |   dialog.zum-dialog.popup {
 |  | 
|  |     min-width:33vw;
 |  | 
|  |   }
 |  | 
|  | }
 |  | 
|  | .zum-dialog-opener {
 |  | 
|  |   cursor:pointer;
 |  | 
|  | }
 |  | 
|  |   |  | 
|  | /* special rules forqr code in dialog */
 |  | 
|  | .zum-dialog-opener .qrlite-result img,
 |  | 
|  | .zum-dialog-opener .qrlite-result svg {
 |  | 
|  |   width:1.5rem;
 |  | 
|  |   height:1.5rem;
 |  | 
|  | }
 |  | 
|  | .zum-dialog .zum-qrcode .qrlite-result img,
 |  | 
|  | .zum-dialog .zum-qrcode .qrlite-result svg {
 |  | 
|  |   margin: 0 auto;
 |  | 
|  |   display: block;
 |  | 
|  |  
 |  | 
|  |   width: auto;
 |  | 
|  |   height: auto !important;
 |  | 
|  |   max-width:60%;
 |  | 
|  |   max-height:60%;
 |  | 
|  |   /* Regeln für Browser die CSS Viewport Units (https://caniuse.com/#feat=viewport-units) unterstützen */
 |  | 
|  |   width: 80vmin;
 |  | 
|  |   height: 80vmin !important;
 |  | 
|  |   max-width:80vmin;
 |  | 
|  |   max-height:80vmin;
 |  | 
|  | }
 |  | 
|  |   |  | 
|  |   |  | 
|  |   |  | 
|  | /* ZUM Portalseite Highlight Element
 |  | 
|  |  *
 |  | 
|  |  * Relevant Markup Sketch
 |  | 
|  |  * <>.zum-portalseite-highlight
 |  | 
|  |  *   a
 |  | 
|  |  *.    <>.zum-portalseite-highlight--icon
 |  | 
|  |  *   a
 |  | 
|  |  *.  p
 |  | 
|  |  */
 |  | 
|  | .zum-portalseite-highlight {
 |  | 
|  |   display:grid;
 |  | 
|  |   --icon-size: 2rem;
 |  | 
|  |   grid-gap:0.2rem;
 |  | 
|  |   grid-template-columns: var(--icon-size);
 |  | 
|  | }
 |  | 
|  | .zum-portalseite-highlight > a {
 |  | 
|  |   grid-column: 2;
 |  | 
|  | }
 |  | 
|  | .zum-portalseite-highlight > a:first-child {
 |  | 
|  |   grid-column: 1;
 |  | 
|  |   grid-row: 1 / 3;
 |  | 
|  |   margin-right:0.2rem;
 |  | 
|  |   margin-right:calc(var(--icon-size) / 10);
 |  | 
|  | }
 |  | 
|  | .zum-portalseite-highlight > p {
 |  | 
|  |   grid-column: 1 / 3;
 |  | 
|  | }
 |  | 
|  | .zum-portalseite-highlight > p:first-of-type {
 |  | 
|  |   margin-top:0;
 |  | 
|  | }
 |  | 
|  |   |  | 
|  | .zum-portalseite-highlight .zum-portalseite-highlight--icon {
 |  | 
|  |   max-width:var(--icon-size);
 |  | 
|  |   max-height:var(--icon-size);
 |  | 
|  |   font-size: var(--icon-size);
 |  | 
|  | }
 |  | 
|  |   |  | 
|  | @media (min-width: 851px) {
 |  | 
|  |   .zum-portalseite-highlight {
 |  | 
|  |     --icon-size:5rem;
 |  | 
|  |   }
 |  | 
|  |   .zum-portalseite-highlight > p {
 |  | 
|  |     grid-column: 2;
 |  | 
|  |   }
 |  | 
|  | }
 |  | 
|  |   |  | 
|  |   |  | 
|  | /* ZUM Portalseite Spotlight Element
 |  | 
|  |  *
 |  | 
|  |  * Relevant Markup Sketch
 |  | 
|  |  * <>.zum-portalseite-spotlight
 |  | 
|  |  *   <>.zum-portalseite-spotlight--icon__container
 |  | 
|  |  *     a
 |  | 
|  |  *.      <>.zum-portalseite-highlight--icon
 |  | 
|  |  *.  a
 |  | 
|  |  *   p
 |  | 
|  |  */
 |  | 
|  |   |  | 
|  | .zum-portalseite-spotlight {
 |  | 
|  |   display:grid;
 |  | 
|  |   --icon-size: 2rem;
 |  | 
|  |   grid-template-columns:min-content;
 |  | 
|  | }
 |  | 
|  | .zum-portalseite-spotlight > p {
 |  | 
|  |   grid-row: 2;
 |  | 
|  |   grid-column: 1 / 3;
 |  | 
|  | }
 |  | 
|  | .zum-portalseite-spotlight > p:first-of-type {
 |  | 
|  |   margin-top:0;
 |  | 
|  | }
 |  | 
|  |   |  | 
|  |   |  | 
|  | .zum-portalseite-spotlight .zum-portalseite-spotlight--icon {
 |  | 
|  |   max-width:var(--icon-size) !important; /* use !important to break MW styles */
 |  | 
|  |   max-height:var(--icon-size);
 |  | 
|  |   font-size: var(--icon-size);
 |  | 
|  |   margin:0.2rem;
 |  | 
|  | }
 |  | 
|  |   |  | 
|  | @media (min-width: 851px) {
 |  | 
|  |   .zum-portalseite-spotlight {
 |  | 
|  |     --icon-size:5rem;
 |  | 
|  |     justify-items: center;
 |  | 
|  |     grid-template-columns:unset;
 |  | 
|  |   }
 |  | 
|  |   .zum-portalseite-spotlight--icon_container {
 |  | 
|  |     grid-row:unset;
 |  | 
|  |     grid-column:unset;
 |  | 
|  |   }
 |  | 
|  |   .zum-portalseite-spotlight > p {
 |  | 
|  |     grid-row: 3;
 |  | 
|  |     grid-column: 1;
 |  | 
|  |   }
 |  | 
|  | }
 |  | 
|  |   |  | 
|  | /*
 |  | 
|  |  * ZUM Toggle
 |  | 
|  |  */
 |  | 
|  | [data-zum-toggle-target]:not(.zum-toggle__invisible) {
 |  | 
|  |   background: var(--zum-farbe-links--x-heller);
 |  | 
|  |   outline:1px solid var(--zum-farbe-links--heller);
 |  | 
|  |   margin-inline:0.3em;
 |  | 
|  |   padding-inline: 0.3em;
 |  | 
|  |   border-radius: 0.3em;
 |  | 
|  |   display: inline-block;
 |  | 
|  |   cursor:pointer;
 |  | 
|  | }
 |  | 
|  | [data-zum-toggle-target]::after {
 |  | 
|  |   cursor:pointer;
 |  | 
|  |   color:var(--zum-farbe-links--heller);
 |  | 
|  |   margin-inline-start:max(0.25em, 0.25rem);
 |  | 
|  |   display:inline-block;
 |  | 
|  | }
 |  | 
|  | [data-zum-toggle-target]:not([data-zum-toggle-value=true])::after {
 |  | 
|  |   content:'▿';
 |  | 
|  | }
 |  | 
|  | [data-zum-toggle-target][data-zum-toggle-value=true]::after {
 |  | 
|  |   content:'▵';
 |  | 
|  | }
 |  | 
|  | [data-zum-toggle-target]:not([data-zum-toggle-value=true]).zum-toggle__invisible::after {
 |  | 
|  |   content:'aufdecken ▿';
 |  | 
|  |   font-size:max(0.5em, 0.66rem);
 |  | 
|  | }
 |  | 
|  | [data-zum-toggle-target][data-zum-toggle-value=true].zum-toggle__invisible::after {
 |  | 
|  |   content:'verbergen ▵';
 |  | 
|  |   font-size:max(0.5em, 0.66rem);
 |  | 
|  | }
 |  | 
|  |   |  | 
|  | .zum-toggle--content {
 |  | 
|  |     display:none;
 |  | 
|  | }
 |  | 
|  |   |  | 
|  | .zum-toggle--content[data-zum-toggle-visible="true"] {
 |  | 
|  |     display:revert;
 |  | 
|  | }
 |  | 
|  |   |  | 
|  | .zum-toggle--content__partial {
 |  | 
|  |   max-height:20em; 
 |  | 
|  |   overflow:hidden;
 |  | 
|  |   position:relative;
 |  | 
|  | }
 |  | 
|  |   |  | 
|  | .zum-toggle--content__partial:not([data-zum-toggle-visible="true"])::after {
 |  | 
|  |   content: '';
 |  | 
|  |   position: absolute;
 |  | 
|  |   bottom:0;left:0;right:0;
 |  | 
|  |   height:100px;
 |  | 
|  |   background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
 |  | 
|  |   pointer-events:none; 
 |  | 
|  | }
 |  | 
|  |   |  | 
|  | .zum-toggle--content__partial[data-zum-toggle-visible="true"] {
 |  | 
|  |   max-height: 1000em;transition:max-height 0.15s ease-in;
 |  | 
|  | }
 |  | 
|  |   |  | 
|  |   |  | 
|  | /* .button -> Vorlage:Button */ 
 |  | 
|  | .button-left,
 |  | 
|  | .button-center,
 |  | 
|  | .button-right |  | 
|  | { |  | { | 
|  |    display: flex; |  |    font-size: 2em; | 
|  | }
 |  |    line-height: 0.25em; | 
|  |   |  |    vertical-align: -50%; | 
|  | @media(min-width:1360px) {
 |  | 
|  |   .button-right a {
 |  | 
|  |     margin-inline-start: auto;
 |  | 
|  |   }
 |  | 
|  |   .button-center a {
 |  | 
|  |     margin-inline: auto;
 |  | 
|  |   }
 |  | 
|  |   .button-left a {
 |  | 
|  |     margin-inline-end: auto;
 |  | 
|  |   }
 |  | 
|  | }
 |  | 
|  | .button-left  a,
 |  | 
|  | .button-center a,
 |  | 
|  | .button-right  a {
 |  | 
|  |   padding-inline:0.6em;
 |  | 
|  |   padding-block:0.2em;
 |  | 
|  |    display:inline-block; |  | 
|  |   outline: 1px solid transparent;
 |  | 
|  |   border-radius: 0.2em;
 |  | 
|  | }
 |  | 
|  |   |  | 
|  | .button-left a .fa,
 |  | 
|  | .button-center a .fa,
 |  | 
|  | .button-right  a .fa {
 |  | 
|  |   margin-inline:0.2em;
 |  | 
|  | }
 |  | 
|  |   |  | 
|  |   |  | 
|  | .mediawiki .button-left a,
 |  | 
|  | .mediawiki .button-center a,
 |  | 
|  | .mediawiki .button-right a      { 
 |  | 
|  |   color: hsl(0,0%,20%);
 |  | 
|  |   background-color: var(--zum-farbe-grau--hell); 
 |  | 
|  |   outline-color: var(--zum-farbe-grau-dunkel);
 |  | 
|  | }
 |  | 
|  |   |  | 
|  | .mediawiki .button-left a:hover,   
 |  | 
|  | .mediawiki .button-left a:focus,
 |  | 
|  | .mediawiki .button-center a:hover, 
 |  | 
|  | .mediawiki .button-center a:focus,
 |  | 
|  | .mediawiki .button-right a:hover,
 |  | 
|  | .mediawiki .button-right a:focus           { background-color: var(--zum-farbe-grau--x-heller);     }
 |  | 
|  |   |  | 
|  | .mediawiki .button-left.button-primary a,
 |  | 
|  | .mediawiki .button-center.button-primary a,
 |  | 
|  | .mediawiki .button-right.button-primary a  { 
 |  | 
|  |   color: hsl(0,0%,20%);    
 |  | 
|  |   background-color: var(--zum-farbe-links--heller); 
 |  | 
|  |   outline-color: var(--zum-farbe-links);
 |  | 
|  | }
 |  | 
|  |   |  | 
|  | .mediawiki .button-left.button-primary a:hover,
 |  | 
|  | .mediawiki .button-left.button-primary a:focus,
 |  | 
|  | .mediawiki .button-center.button-primary a:hover,
 |  | 
|  | .mediawiki .button-center.button-primary a:focus,
 |  | 
|  | .mediawiki .button-right.button-primary a:hover,
 |  | 
|  | .mediawiki .button-right.button-primary a:focus { background-color: var(--zum-farbe-links--x-heller);  }
 |  | 
|  |   |  | 
|  |   |  | 
|  |   |  | 
|  |   |  | 
|  |   |  | 
|  | /*
 |  | 
|  |  * Vorlage:Fortsetzung
 |  | 
|  |  */
 |  | 
|  | .zum-fortsetzung {
 |  | 
|  |   display: grid;
 |  | 
|  |   grid-template: 
 |  | 
|  |     "titel  titel     titel
 |  | 
|  |      vorher übersicht weiter"
 |  | 
|  | }
 |  | 
|  |   |  | 
|  | .zum-fortsetzung--titel {
 |  | 
|  |   grid-area: titel;
 |  | 
|  | }
 |  | 
|  | .zum-fortsetzung--vorher {
 |  | 
|  |   grid-area: vorher;
 |  | 
|  | }
 |  | 
|  | .zum-fortsetzung--\übersicht {
 |  | 
|  |   grid-area: \übersicht;
 |  | 
|  | }
 |  | 
|  | .zum-fortsetzung--weiter {
 |  | 
|  |   grid-area: weiter;
 |  | 
|  | } |  | } |