MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
 
(25 dazwischenliegende Versionen von 2 Benutzern 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_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_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: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_mw-collapsible.css");
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:zum_grid.css");


/**
/**
Zeile 65: 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 155: 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;
}
}


 
/* larger fa-lg style for Font Awesome*/
/* Bedeutungsfarben */
.fa-lg2x
.zum-farbe-Hervorhebung1  { color:#F1D850; }
{
.zum-farbe-Frage          { color:#F1D850; }
   font-size: 2em;
.zum-farbe-Lernpfad        { color:#F19D50; }
   line-height: 0.25em;
.zum-farbe-Hervorhebung2  { color:#C64285; }
   vertical-align: -50%;
.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; }
 
 
/*
* 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 for qr 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);
/* Spendenbanner */
  max-height:var(--icon-size);
/*****************/
  font-size: var(--icon-size);
#zum-spendenbanner {
}
        max-width: 1640px;
        margin: 2rem auto;
        line-height: 1.3;
        border: 1px solid #ea621f;
        box-sizing: border-box; /* Bezieht Padding und Border in die Breite mit ein */
    }


@media (min-width: 851px) {
    .spendenbanner-container {
  .zum-portalseite-highlight {
        container-type: inline-size;
    --icon-size:5rem;
        font-family: 'Open Sans', 'Open-Sans', 'Open Sans Regular', 'Open-Sans-Regular', sans-serif;
  }
    }
  .zum-portalseite-highlight > p {
    grid-column: 2;
  }
}


    .spendenbanner-container > div {
        margin: 0;
    }


/* ZUM Portalseite Spotlight Element
    .left {
*
        font-size: min(4cqw, 1.1rem);;
* Relevant Markup Sketch
        background-image: url('data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27UTF-8%27 standalone=%27no%27%3F%3E%3Csvg viewBox=%270 0 155.41312 140.99371%27 version=%271.1%27 id=%27svg1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:svg=%27http://www.w3.org/2000/svg%27%3E%3Cdefs id=%27defs1%27 /%3E%3Cg id=%27layer1%27 transform=%27translate(1.7421055,1.230091)%27%3E%3Cg id=%27g5%27 transform=%27matrix(0.24177829,0,0,0.24177829,2.0121831,-0.1145058)%27%3E%3Cpath style=%27color:%23000000;fill:%230077dd;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none%27 d=%27m 307.29102,118.88477 a 4.9999952,4.9999952 0 0 0 -6.11524,3.55078 4.9999952,4.9999952 0 0 0 3.55078,6.11328 l 111.51172,29.58398 16.75586,168.82617 a 4.9999952,4.9999952 0 0 0 5.46875,4.48243 4.9999952,4.9999952 0 0 0 4.48242,-5.46875 l -16.54492,-166.71485 31.78906,-2.72461 a 4.9999952,4.9999952 0 0 0 4.55469,-5.41015 4.9999952,4.9999952 0 0 0 -5.4082,-4.55469 l -35,3.00195 a 5.0004952,5.0004952 0 0 0 -0.18164,-0.21484 z%27 id=%27path3600-5%27 /%3E%3Cpath style=%27color:%23000000;fill:%230077dd;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none%27 d=%27m 456.06055,-4.5234375 a 4.9999952,4.9999952 0 0 0 -3.74805,0.7695312 4.9999952,4.9999952 0 0 0 -1.33398,6.9453126 c 32.32465,47.6932297 64.64995,95.3868477 96.9746,143.0800737 -3.8093,61.74735 -7.61843,123.49484 -11.42773,185.24219 a 4.9999952,4.9999952 0 0 0 4.68164,5.29883 4.9999952,4.9999952 0 0 0 5.29883,-4.68359 c 3.84429,-62.31442 7.68892,-124.62894 11.5332,-186.94336 a 5.0004952,5.0004952 0 0 0 -0.85156,-3.11328 C 524.54382,93.908341 491.89954,45.744003 459.25586,-2.4199219 a 4.9999952,4.9999952 0 0 0 -3.19531,-2.1035156 z%27 id=%27path3602-6%27 /%3E%3Cpath style=%27color:%23000000;fill:%230077dd;stroke-linecap:round;-inkscape-stroke:none%27 d=%27m 321.73047,126.82031 a 5,5 0 0 0 -4.44336,5.5 c 3.90826,36.805 7.81635,73.60906 11.72461,110.41406 a 5,5 0 0 0 5.5,4.44532 5,5 0 0 0 4.44336,-5.5 c -3.90826,-36.805 -7.81636,-73.61101 -11.72461,-110.41602 a 5,5 0 0 0 -5.5,-4.44336 z%27 id=%27path4%27 /%3E%3C/g%3E%3Cg id=%27g4%27 transform=%27matrix(0.13316936,0,0,0.13316936,66.478844,29.155907)%27 style=%27stroke-width:36.3114%27%3E%3Cg id=%27ellipse15%27%3E%3Cpath style=%27color:%23000000;fill:%23f6ba9c;-inkscape-stroke:none%27 d=%27M 454.39097,367.49271 C 662.1203,395.1691 701.946,713.06952 507.46357,791.13389 321.28886,892.18796 106.39344,654.93541 215.5169,479.59627 260.25821,395.73909 361.28932,348.32077 454.39097,367.49271 Z%27 id=%27path8%27 /%3E%3Cpath style=%27color:%23000000;fill:%23ea621f;-inkscape-stroke:none%27 d=%27M 419.82031,345.17969 C 330.70333,342.17932 242.6633,390.85551 199.87695,470.4082 81.978175,660.7273 313.75283,915.70859 515.18945,807.54297 724.96468,722.20359 681.96126,380.09969 457.35352,349.59766 c -12.45098,-2.52287 -25.00091,-3.99604 -37.53321,-4.41797 z m -1.17578,36.37304 c 10.75394,0.31907 21.48801,1.54069 32.08399,3.72266 l 0.6289,0.12891 0.63672,0.0859 c 189.98959,25.31288 226.58098,317.39713 48.70703,388.79493 l -0.97461,0.39062 -0.92383,0.50195 C 328.24751,867.75368 131.34025,649.2125 230.93164,489.18945 l 0.31836,-0.51367 0.28516,-0.5332 c 35.64393,-66.80626 111.8318,-108.82329 187.10937,-106.58985 z%27 id=%27path9%27 /%3E%3C/g%3E%3Cpath style=%27fill:%23ea621f%27 d=%27m 567.88978,552.49556 c 5.68697,-68.4196 -87.35883,-113.88395 -136.53849,-63.57107 -18.52641,30.11619 -22.77529,30.1155 -41.3016,-2.8e-4 -49.17986,-50.31231 -142.22631,-4.84869 -136.53913,63.57135 2.99893,84.8114 82.82369,134.51882 139.90869,185.2071 39.49815,25.86927 79.76921,-48.82346 116.35405,-71.64114 31.2286,-29.60007 58.15374,-69.0314 58.11648,-113.56596 z%27 id=%27path1%27 /%3E%3C/g%3E%3Cg id=%27path3604-2-7%27%3E%3Cpath style=%27color:%23000000;fill:%23ffffff;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none%27 d=%27m 99.009409,105.34977 c -4.751653,-1.97012 -9.930194,-3.39552 -14.422105,-5.697071 -1.91824,-3.229237 -4.780909,-6.084446 -6.116253,-9.544531 -0.907194,-2.762396 -0.58782,-5.159407 1.893549,-6.912377 2.709479,-3.020877 5.418959,-6.041754 8.128438,-9.062631 2.690762,0.05865 5.350746,0.204205 7.335619,2.255924 3.256349,2.563157 7.572123,4.140238 9.156263,8.25983 1.51746,2.567156 3.03492,5.134313 4.55238,7.701469%27 id=%27path6%27 /%3E%3Cpath style=%27color:%23000000;fill:%230077dd;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none%27 d=%27m 88.519531,72.923828 a 1.2090109,1.2090109 0 0 0 -0.925781,0.402344 l -8.128906,9.0625 0.203125,-0.179688 c -1.432805,1.012209 -2.35189,2.33222 -2.697266,3.785157 -0.345376,1.452936 -0.147496,2.972559 0.351563,4.492187 a 1.2090109,1.2090109 0 0 0 0.02148,0.05664 c 1.463862,3.793096 4.396752,6.682358 6.205078,9.726561 a 1.2090109,1.2090109 0 0 0 0.486328,0.45899 c 4.647212,2.38112 9.856559,3.80816 14.511719,5.73828 a 1.20889,1.20889 0 0 0 1.580075,-0.6543 1.20889,1.20889 0 0 0 -0.654294,-1.58008 c -4.765289,-1.97577 -9.806233,-3.39904 -14.095703,-5.556639 -1.997373,-3.233541 -4.592384,-5.974958 -5.759766,-8.972656 -0.399316,-1.228994 -0.500991,-2.283491 -0.294921,-3.150391 0.207854,-0.874408 0.691672,-1.628381 1.740234,-2.36914 a 1.2090109,1.2090109 0 0 0 0.201172,-0.179688 l 7.724609,-8.613281 c 2.410879,0.07248 4.458148,0.276349 5.970703,1.839844 a 1.2090109,1.2090109 0 0 0 0.121094,0.109375 c 3.474886,2.735173 7.420102,4.212661 8.777342,7.742187 a 1.2090109,1.2090109 0 0 0 0.0859,0.181641 l 4.55273,7.701172 a 1.20889,1.20889 0 0 0 1.65625,0.425781 1.20889,1.20889 0 0 0 0.42579,-1.65625 l -4.55274,-7.701172 0.0879,0.181641 c -1.81104,-4.709649 -6.499303,-6.384255 -9.537108,-8.775391 l 0.121094,0.109375 c -2.340278,-2.419092 -5.460764,-2.565779 -8.177735,-2.625 z%27 id=%27path7%27 /%3E%3C/g%3E%3Cpath style=%27color:%23000000;fill:%230077dd;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none%27 d=%27M 54.445312,5.1308594 A 1.20889,1.20889 0 0 0 52.988281,6.0273437 L 49.505859,20.644531 a 1.2090109,1.2090109 0 0 0 0.113282,0.857422 l 10.203125,18.763672 a 1.2090109,1.2090109 0 0 0 0.230468,0.300781 c 13.099516,12.390883 26.656108,24.397498 39.908203,36.615235 3.228463,4.664376 5.724753,10.061498 8.701173,15.210937 -3.2388,3.863526 -6.478,7.726322 -9.716798,11.589842 -5.432749,-1.98538 -10.866076,-3.96969 -16.298828,-5.955076 a 1.20889,1.20889 0 0 0 -1.550781,0.720703 1.20889,1.20889 0 0 0 0.720703,1.548833 c 5.698351,2.08244 11.397351,4.16559 17.095703,6.24804 a 1.2090109,1.2090109 0 0 0 1.341801,-0.35937 c 3.59744,-4.29135 7.19553,-8.581705 10.79297,-12.87305 a 1.2090109,1.2090109 0 0 0 0.11328,-1.392578 c -3.0975,-5.237953 -5.6753,-11.041331 -9.26758,-16.207031 A 1.2090109,1.2090109 0 0 0 101.7207,75.515625 C 88.450594,63.278273 74.907816,51.281805 61.847656,38.933594 L 51.964844,20.753906 55.341797,6.5878906 A 1.20889,1.20889 0 0 0 54.445312,5.1308594 Z%27 id=%27path3596-5%27 /%3E%3Cpath style=%27color:%23000000;fill:%230077dd;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none%27 d=%27M 85.121094,21.234375 A 1.2090109,1.2090109 0 0 0 83.951172,21.375 c -7.947186,5.816671 -15.746595,11.810787 -23.59375,17.716797 a 1.20889,1.20889 0 0 0 -0.240235,1.693359 1.20889,1.20889 0 0 0 1.69336,0.238281 c 5.036427,-3.790569 10.070582,-7.560148 15.101562,-11.339843 a 1.20889,1.20889 0 0 0 0.402344,0.04687 c 2.645637,-2.10237 5.429045,-4.133929 8.0625,-6.404297 3.91e-4,-3.37e-4 0.0016,3.37e-4 0.002,0 0.02489,-0.02146 0.05131,-0.03905 0.07617,-0.06055 a 1.2090109,1.2090109 0 0 0 -0.333984,-2.03125 z%27 id=%27path3598-3%27 /%3E%3Cpath style=%27color:%23000000;fill:%230077dd;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none%27 d=%27m 88.421875,73.011719 a 1.2090109,1.2090109 0 0 0 -0.912109,0.402343 l -8.408204,9.375 0.25,-0.21289 c -1.598355,1.019111 -2.40104,2.539539 -2.566406,4.02539 -0.165365,1.485852 0.166106,2.927043 0.490235,4.289063 a 1.2090109,1.2090109 0 0 0 0.158203,0.371094 c 2.360738,3.686871 5.536806,6.837794 8.070312,10.128911 a 1.20889,1.20889 0 0 0 1.695313,0.2207 1.20889,1.20889 0 0 0 0.220703,-1.695314 c -2.621463,-3.405371 -5.662499,-6.476194 -7.81836,-9.783204 -0.286157,-1.233233 -0.509325,-2.39016 -0.412109,-3.263671 0.103094,-0.926325 0.395296,-1.574454 1.460938,-2.253907 a 1.2090109,1.2090109 0 0 0 0.25,-0.21289 l 8.017578,-8.939453 c 2.515146,0.02924 4.653977,0.106624 6.228515,1.695312 a 1.2090109,1.2090109 0 0 0 0.19336,0.160156 c 2.756905,1.810637 5.514576,3.621004 8.271486,5.431641 a 1.20889,1.20889 0 0 0 1.67383,-0.347656 1.20889,1.20889 0 0 0 -0.34571,-1.673828 c -2.7569,-1.810637 -5.514576,-3.621004 -8.271481,-5.431641 l 0.195312,0.158203 C 94.4051,72.974807 91.153436,73.039095 88.421875,73.011719 Z%27 id=%27path3604-2%27 /%3E%3Cpath style=%27color:%23000000;fill:%230077dd;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none%27 d=%27m 36.4375,59.677734 -8.396484,2.84961 a 1.2090109,1.2090109 0 0 0 -0.236329,0.109375 c -3.375479,2.035951 -5.50617,5.422563 -8.013671,7.654297 a 1.2090109,1.2090109 0 0 0 -0.02148,1.787109 l 28.421875,26.566406 a 1.20889,1.20889 0 0 0 1.708985,-0.05859 1.20889,1.20889 0 0 0 -0.05664,-1.708984 L 22.314453,71.144531 c 2.362264,-2.339065 4.328989,-4.943779 6.683594,-6.388672 L 37.212891,61.96875 A 1.20889,1.20889 0 0 0 37.970703,60.435547 1.20889,1.20889 0 0 0 36.4375,59.677734 Z%27 id=%27path3606-9%27 /%3E%3Cpath style=%27color:%23000000;fill:%230077dd;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none%27 d=%27m -0.1640625,47.6875 a 1.20889,1.20889 0 0 0 -1.5195312,0.78125 1.20889,1.20889 0 0 0 0.78124995,1.521484 L 36.455078,61.955078 81.451172,100.08398 a 1.20889,1.20889 0 0 0 1.703125,-0.140621 1.20889,1.20889 0 0 0 -0.140625,-1.703125 L 37.835937,59.955078 a 1.2090109,1.2090109 0 0 0 -0.414062,-0.228516 z%27 id=%27path3608-1%27 /%3E%3Cpath style=%27color:%23000000;fill:%230077dd;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none%27 d=%27M 5.7363281,50.476562 A 1.20889,1.20889 0 0 0 5.0859375,52.058594 L 16.607422,79.664062 a 1.2090109,1.2090109 0 0 0 0.816406,0.705079 l 15.248047,3.876953 a 1.20889,1.20889 0 0 0 1.46875,-0.873047 1.20889,1.20889 0 0 0 -0.873047,-1.470703 L 18.605469,78.175781 7.3164062,51.126953 A 1.20889,1.20889 0 0 0 5.7363281,50.476562 Z%27 id=%27path3610-2%27 /%3E%3Cpath style=%27color:%23000000;fill:%230077dd;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none%27 d=%27m 3.1875,49.085937 a 1.20889,1.20889 0 0 0 -1.2070313,1.210938 c 0.004,4.705906 0.00772,9.411284 0.011719,14.117187 a 1.2090109,1.2090109 0 0 0 0.4199219,0.914063 L 14.78125,75.980469 a 1.20889,1.20889 0 0 0 1.705078,-0.126953 1.20889,1.20889 0 0 0 -0.126953,-1.705079 L 4.4101562,63.857422 c -0.00384,-4.521004 -0.00787,-9.041499 -0.011719,-13.5625 A 1.20889,1.20889 0 0 0 3.1875,49.085937 Z%27 id=%27path3612-7%27 /%3E%3Cg id=%27path5%27%3E%3Cpath style=%27color:%23000000;fill:%23ea621f;fill-opacity:0.584314;stroke-linecap:round;-inkscape-stroke:none%27 d=%27M 49.557291,97.790977 C 54.862582,93.609615 60.167874,89.428253 65.473165,85.246891%27 id=%27path2%27 /%3E%3Cpath style=%27color:%23000000;fill:%230077dd;stroke-linecap:round;-inkscape-stroke:none%27 d=%27M 64.724609,84.296875 48.808594,96.841797 a 1.20889,1.20889 0 0 0 -0.201172,1.697265 1.20889,1.20889 0 0 0 1.697265,0.201172 L 66.220703,86.197266 a 1.20889,1.20889 0 0 0 0.201172,-1.699219 1.20889,1.20889 0 0 0 -1.697266,-0.201172 z%27 id=%27path3%27 /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A');
* <>.zum-portalseite-spotlight
        background-size: auto 13.5cqw;
*  <>.zum-portalseite-spotlight--icon__container
        background-position: top left;
*    a
        background-repeat: no-repeat;
*.     <>.zum-portalseite-highlight--icon
    }
*. a
*  p
*/


.zum-portalseite-spotlight {
    .left > div {
  display:grid;
        margin-left: 17cqw;  
  --icon-size: 2rem;
        padding: .5cqw;
  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;
}


    .left .spenden-slogan-headline {
        margin-bottom: .5cqw;
        font-size: min(6.75cqw, 1.5rem);
        color: #ea621f;
        font-weight: bold;
    }


.zum-portalseite-spotlight .zum-portalseite-spotlight--icon {
    .left .spenden-slogan-text {
  max-width:var(--icon-size) !important; /* use !important to break MW styles */
        margin: 2cqw 0 1cqw;
  max-height:var(--icon-size);
    }
  font-size: var(--icon-size);
  margin:0.2rem;
}


@media (min-width: 851px) {
    .left .spenden-slogan-link {
  .zum-portalseite-spotlight {
        width: 100%;
    --icon-size:5rem;
        margin-bottom: .5cqw;
    justify-items: center;
        font-size: .8rem;
    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;
  }
}


/*
    .right {
* ZUM Toggle
        width: 100%;
*/
        display: grid;
[data-zum-toggle-target]:not(.zum-toggle__invisible) {
        grid-template-columns: 50% 50%;
  background: var(--zum-farbe-links--x-heller);
        align-items: center;
  outline:1px solid var(--zum-farbe-links--heller);
        text-align: center;
  margin-inline:0.3em;
        color: #fff;
  padding-inline: 0.3em;
        background: #ea621f;
  border-radius: 0.3em;
        border-bottom: 1px solid #ea621f;
  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 {
    .spenden-start {
    display:none;
        font-size: min(6cqw, 2rem);
}
        font-weight: bold;
    }


.zum-toggle--content[data-zum-toggle-visible="true"] {
    .spenden-option {
    display:revert;
        height: 100%;
}
        font-size: min(4cqw, 1rem);
        line-height: 1.2;
    }


.zum-toggle--content__partial {
    .spenden-option:nth-of-type(even){
  max-height:20em;
        border-left: 5px dotted #fff;
  overflow:hidden;
    }
  position:relative;
}


.zum-toggle--content__partial:not([data-zum-toggle-visible="true"])::after {
    .spenden-option:nth-child(3),
  content: '';
    .spenden-option:nth-child(4) {
  position: absolute;
        border-top: 5px dotted #fff;
  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"] {
    .spenden-option {
  max-height: 1000em;transition:max-height 0.15s ease-in;
        display: grid;
}
    }  


    .spenden-option a {
        display: grid;
        grid-template-rows: auto auto;
        justify-items: center;
        width: 100%;
        height: 100%;
        color: #fff !important;
        text-decoration: none;
        box-sizing: border-box;
        padding: 2cqw;
    }


/* .button -> Vorlage:Button */
     .spenden-option a.external { /* MediaWiki */
.button {
        background-image: none !important;
  display: inline flow-root;
     }
}
.button-left,
.button-center,
.button-right
{
  display: flex;
}
 
@media(min-width:1360px) {
  .button-right a,
  .button-right:not(:has(> a)) {
     margin-inline-start: auto;
  }
  .button-center a,
  .button-center:not(:has(> a)) {
    margin-inline: auto;
  }
  .button-left a,
  .button-left:not(:has(> a)) {
     margin-inline-end: auto;
  }
}


    .spenden-option a:hover {
        background: #d14702 !important;
        color: #fff !important;
        text-decoration: none;
    }


:is(.button, .button-left, .button-center, .button-right).button__small a,
    .spenden-option a .spenden-option-betrag {
:is(.button, .button-left, .button-center, .button-right).button__small:not(:has(> a)) {
        font-size: min(10cqw, 2.5rem);
  padding-block:0;
        font-weight: bold;
  padding-inline:0.4em;
    }
}


.button  a,
    .spenden-option a:hover {
.button:not(:has(> a)),
        color: #fff !important;
.button-left  a,
        text-decoration: none;
.button-left:not(:has(> a)),
        background: #d14702;
.button-center a,
    }
.button-center:not(:has(> a)),
.button-right  a,
.button-right:not(:has(> a)) {
  padding-inline:0.6em;
  padding-block:0.2em;
  display:inline flow-root;
  outline: 1px solid transparent;
  border-radius: 0.2em;
}


.button-left              a .fa,
    .spenden-option a .spenden-option-betrag {
.button-left:not(:has(> a)) .fa,
        display: block;
.button-center              a .fa,
        font-size: min(10cqw, 2.5rem);
.button-center:not(:has(> a)) .fa,
        font-weight: bold;
.button-right              a .fa,
    }
.button-right:not(:has(> a)) .fa {
  margin-inline:0.2em;
}


    .spacer {
        display: inline-block;
        width: .25cqw;
    }


.mediawiki .button a,
    @media only screen and (min-width: 768px) {
.mediawiki .button:not(:has(> a)),
        .left {
.mediawiki .button-left a,
            width: 100%;
.mediawiki .button-left:not(:has(> a)),
            font-size: min(2cqw, 1.2rem);
.mediawiki .button-center a,
            background-size: auto 9.25cqw;
.mediawiki .button-center:not(:has(> a)),
        }
.mediawiki .button-right a,
        .left > div {
.mediawiki .button-right:not(:has(> a))      {
            margin-left: 12cqw;
  color: hsl(0,0%,20%);
        }
  background-color: var(--zum-farbe-grau--hell);  
  outline-color: var(--zum-farbe-grau-dunkel);
}


.mediawiki .button:not(:has(> a)):hover, 
        .left .spenden-slogan-headline {
.mediawiki .button:not(:has(> a)):focus,
            font-size: min(3.5cqw, 1.75rem);
.mediawiki .button-left:not(:has(> a)):hover, 
        }
.mediawiki .button-left:not(:has(> a)):focus,
.mediawiki .button-center:not(:has(> a)):hover,
.mediawiki .button-center:not(:has(> a)):focus,
.mediawiki .button-right:not(:has(> a)):hover,
.mediawiki .button-right:not(:has(> a)):focus {
  text-decoration:underline;
}


.mediawiki .button a:hover, 
        .left .spenden-slogan-text {
.mediawiki .button a:focus,
            margin: .5cqw 0;
.mediawiki .button:not(:has(> a)):hover, 
        }
.mediawiki .button:not(:has(> a)):focus,
.mediawiki .button-left a:hover, 
.mediawiki .button-left a:focus,
.mediawiki .button-left:not(:has(> a)):hover, 
.mediawiki .button-left:not(:has(> a)):focus,
.mediawiki .button-center a:hover,
.mediawiki .button-center a:focus,
.mediawiki .button-center:not(:has(> a)):hover,
.mediawiki .button-center:not(:has(> a)):focus,
.mediawiki .button-right a:hover,
.mediawiki .button-right a:focus,
.mediawiki .button-right:not(:has(> a)):hover,
.mediawiki .button-right:not(:has(> a)):focus          { background-color: var(--zum-farbe-grau--x-heller);    }


        .right {
            grid-template-columns: 22% 26% 26% 26%;
        }


        .spenden-start {
            font-size: min(2.5cqw, 2rem);
        }


        .spenden-option {
            font-size: min(1.75cqw, 1rem);
            border-top: none !important;
            border-left: 5px dotted #fff;
        }


.mediawiki .button.button-primary a,
        .spenden-option a {
.mediawiki .button.button-primary:not(:has(> a)),
            padding: 1cqw;
.mediawiki .button-left.button-primary a,
        }
.mediawiki .button-left.button-primary:not(:has(> a)),
.mediawiki .button-center.button-primary a,
.mediawiki .button-center.button-primary:not(:has(> a)),
.mediawiki .button-right.button-primary a,
.mediawiki .button-right.button-primary:not(:has(> a))  {  
  color: hsl(0,0%,20%);   
  background-color: var(--zum-farbe-links--heller);
  outline-color: var(--zum-farbe-links);
}


        .spenden-option p {
            margin: 0;
        }


.mediawiki .button.button-primary a:hover,
        .spenden-option a .spenden-option-betrag {
.mediawiki .button.button-primary a:focus,
            font-size: min(5cqw, 2.5rem);
.mediawiki .button.button-primary:not(:has(> a)):hover,
        }
.mediawiki .button.button-primary:not(:has(> a)):focus,
    }
.mediawiki .button-left.button-primary a:hover,
.mediawiki .button-left.button-primary a:focus,
.mediawiki .button-left.button-primary:not(:has(> a)):hover,
.mediawiki .button-left.button-primary:not(:has(> a)):focus,
.mediawiki .button-center.button-primary a:hover,
.mediawiki .button-center.button-primary a:focus,
.mediawiki .button-center.button-primary:not(:has(> a)):hover,
.mediawiki .button-center.button-primary:not(:has(> a)):focus,
.mediawiki .button-right.button-primary a:hover,
.mediawiki .button-right.button-primary a:focus,
.mediawiki .button-right.button-primary:not(:has(> a)):hover,
.mediawiki .button-right.button-primary:not(:has(> a)):focus { background-color: var(--zum-farbe-links--x-heller);  }


.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary a,
    @media only screen and (min-width: 1366px) {
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary:not(:has(> a)) {
        .spendenbanner-container {
  color:hsl(0, 0%, 20%);
            display: flex;
  outline-color: var(--zum-farbe-sekund\är-2);
        }
  background-color: var(--zum-farbe-sekund\är-2--x-heller);
        .left {
}
            padding-bottom: 0;
            font-size: min(1.1cqw, 1.2rem);
            background-size: auto 5.5cqw;
        }
        .left > div {
            margin-left: 7cqw;
        }


.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary :is(a:hover, a:focus),
        .left .spenden-slogan-headline {
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary:not(:has(> a)):is(:hover, :focus) {
            font-size: min(1.75cqw, 1.75rem);
  background-color: var(--zum-farbe-sekund\är-2--xx-heller);
        }
}


        .right {
            border-bottom: none;
        }


        .spenden-start {
            font-size: min(1.5cqw, 2rem);
        }


        .spenden-option {
            font-size: min(1cqw, 1em);
        }


        .spenden-option .spenden-option-text {
            max-width: 100%;
        }


/*
        .spenden-option a .spenden-option-betrag {
* Vorlage:Fortsetzung
            font-size: min(2.75cqw, 2.5rem);
*/
        }
.zum-fortsetzung {
    }
  display: grid;
/*********************/
  grid-template-areas:
/* End Spendenbanner */
    "titel  titel    titel"
/*********************/
    "vorher übersicht weiter";
  grid-auto-columns: 1fr;
}
.zum-fortsetzung--titel {
  grid-area: titel;
}
.zum-fortsetzung--vorher {
  grid-area: vorher;
  margin-inline-end: auto;
}
.zum-fortsetzung--\übersicht {
  grid-area: \übersicht;
  margin-inline:auto;
}
.zum-fortsetzung--weiter {
  grid-area: weiter;
  margin-inline-start: auto;
}

Aktuelle Version vom 16. Dezember 2024, 13:14 Uhr

@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");

/**
 *
 */
.mediawiki audio {
 height:1.5em !important;
 display:inline-block;
}

/**
 *
 *
 */
body.not-logged-in .hidden-not-logged-in {
  display:none;
}
body:not(.not-logged-in) .hidden-logged-in {
  display:none;
}

/**
 * use correct icon for `Englisch` classes
 *
 * CS
 * 2020-06-23
 */
.mediawiki #fu-menu li#f\ächer #n-Englisch a:before,
.mediawiki #fu-offcanvas li#f\ächer #n-Englisch a:before {
  content: '\e629';
}

/**
 * use correct icon for `Latein` classes
 *
 * CS 
 * 2022-09-18 
 */
.mediawiki #fu-menu li#f\ächer #n-Latein a:before,
.mediawiki #fu-offcanvas li#f\ächer #n-Latein a:before {
  content: '\e669';
}

/**
 * Black color for `misc` classes
 *
 * CS
 * 2023-04-23
 *
 */
.mediawiki .subjects.misc a span, 
.mediawiki .subjects.misc a.new span {
  color: hsla(0, 0%, 0%, 0.8);
}

.mediawiki .misc .portal > span {
  background: hsla(0, 0%, 0%, 0.8);
}


/**
 * Sidebar Hilfen ausgeklappt für eingeloggte Nutzer
 * CS
 * 2023-02-19
 */
 
body:not(.not-logged-in) #p-Hilfen .mw-portlet-body {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
}

/* hide the toogle */
body:not(.not-logged-in) #p-Hilfen-label:after {
  display: none;
}

/**
 * remove interferring default styles from #siteNotice and #localNotice
 * uses .mediawiki selector to increase specifity
 */
.mediawiki #siteNotice a { display:inline-block; }
.mediawiki #siteNotice, .mediawiki #localNotice {
 text-align:initial;
}
.mediawiki #siteNotice {
 margin: -1.5rem -1.5rem -1.5rem -1.5rem;
}
.mediawiki #localNotice {
 margin: initial;
}

/* Kennzeichnung externer Links, hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */

div#content a.external {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=) center right no-repeat;
    padding-right: 13px;
}

/* Floaten von Bildern, TOC, etc , hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */

div.float-right, table.float-right, ul.float-right, .float-right {
    clear: right;
    float: right;
    margin: 1em 0 1em 1em;
}

 
 /*******************
  * Fix Geogebra Styling
  *
  * Die Standardstyles greifen in das Geogebra Applet rein und sorgen für Darstellungsprobleme bei den Toolbars.
  *
  * Wir fügen .GeoGebraFrame in die Selektorkette um mit einer höheren Spezifizität drüber zukommen.
  */
  
  #mw-content-text .GeoGebraFrame ul { margin:0; }


/******************
 *
 * ZUM-Layout
 *
 ******************/
.zum-block {
  padding:0.5em;
  margin-top:0.5em;
  margin-bottom:0.5em;
}


/***********
 *
 * Mediawiki Indicators
 * - container floats on the right
 * - individual indicators are flex elements
 *
 ***********/
.mw-indicators {
  float:right;
  display:flex;
}
.mw-indicators > .mw-indicator {
  flex: 1;
}

/* larger fa-lg style for Font Awesome*/
.fa-lg2x
{
  font-size: 2em;
  line-height: 0.25em;
  vertical-align: -50%;
}

/*****************/
/* Spendenbanner */
/*****************/
 #zum-spendenbanner {
        max-width: 1640px;
        margin: 2rem auto;
        line-height: 1.3;
        border: 1px solid #ea621f;
        box-sizing: border-box; /* Bezieht Padding und Border in die Breite mit ein */
    }

    .spendenbanner-container {
        container-type: inline-size;
        font-family: 'Open Sans', 'Open-Sans', 'Open Sans Regular', 'Open-Sans-Regular', sans-serif;
    }

    .spendenbanner-container > div {
        margin: 0;
    }

    .left {
        font-size: min(4cqw, 1.1rem);;
        background-image: url('data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27UTF-8%27 standalone=%27no%27%3F%3E%3Csvg viewBox=%270 0 155.41312 140.99371%27 version=%271.1%27 id=%27svg1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:svg=%27http://www.w3.org/2000/svg%27%3E%3Cdefs id=%27defs1%27 /%3E%3Cg id=%27layer1%27 transform=%27translate(1.7421055,1.230091)%27%3E%3Cg id=%27g5%27 transform=%27matrix(0.24177829,0,0,0.24177829,2.0121831,-0.1145058)%27%3E%3Cpath style=%27color:%23000000;fill:%230077dd;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none%27 d=%27m 307.29102,118.88477 a 4.9999952,4.9999952 0 0 0 -6.11524,3.55078 4.9999952,4.9999952 0 0 0 3.55078,6.11328 l 111.51172,29.58398 16.75586,168.82617 a 4.9999952,4.9999952 0 0 0 5.46875,4.48243 4.9999952,4.9999952 0 0 0 4.48242,-5.46875 l -16.54492,-166.71485 31.78906,-2.72461 a 4.9999952,4.9999952 0 0 0 4.55469,-5.41015 4.9999952,4.9999952 0 0 0 -5.4082,-4.55469 l -35,3.00195 a 5.0004952,5.0004952 0 0 0 -0.18164,-0.21484 z%27 id=%27path3600-5%27 /%3E%3Cpath style=%27color:%23000000;fill:%230077dd;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none%27 d=%27m 456.06055,-4.5234375 a 4.9999952,4.9999952 0 0 0 -3.74805,0.7695312 4.9999952,4.9999952 0 0 0 -1.33398,6.9453126 c 32.32465,47.6932297 64.64995,95.3868477 96.9746,143.0800737 -3.8093,61.74735 -7.61843,123.49484 -11.42773,185.24219 a 4.9999952,4.9999952 0 0 0 4.68164,5.29883 4.9999952,4.9999952 0 0 0 5.29883,-4.68359 c 3.84429,-62.31442 7.68892,-124.62894 11.5332,-186.94336 a 5.0004952,5.0004952 0 0 0 -0.85156,-3.11328 C 524.54382,93.908341 491.89954,45.744003 459.25586,-2.4199219 a 4.9999952,4.9999952 0 0 0 -3.19531,-2.1035156 z%27 id=%27path3602-6%27 /%3E%3Cpath style=%27color:%23000000;fill:%230077dd;stroke-linecap:round;-inkscape-stroke:none%27 d=%27m 321.73047,126.82031 a 5,5 0 0 0 -4.44336,5.5 c 3.90826,36.805 7.81635,73.60906 11.72461,110.41406 a 5,5 0 0 0 5.5,4.44532 5,5 0 0 0 4.44336,-5.5 c -3.90826,-36.805 -7.81636,-73.61101 -11.72461,-110.41602 a 5,5 0 0 0 -5.5,-4.44336 z%27 id=%27path4%27 /%3E%3C/g%3E%3Cg id=%27g4%27 transform=%27matrix(0.13316936,0,0,0.13316936,66.478844,29.155907)%27 style=%27stroke-width:36.3114%27%3E%3Cg id=%27ellipse15%27%3E%3Cpath style=%27color:%23000000;fill:%23f6ba9c;-inkscape-stroke:none%27 d=%27M 454.39097,367.49271 C 662.1203,395.1691 701.946,713.06952 507.46357,791.13389 321.28886,892.18796 106.39344,654.93541 215.5169,479.59627 260.25821,395.73909 361.28932,348.32077 454.39097,367.49271 Z%27 id=%27path8%27 /%3E%3Cpath style=%27color:%23000000;fill:%23ea621f;-inkscape-stroke:none%27 d=%27M 419.82031,345.17969 C 330.70333,342.17932 242.6633,390.85551 199.87695,470.4082 81.978175,660.7273 313.75283,915.70859 515.18945,807.54297 724.96468,722.20359 681.96126,380.09969 457.35352,349.59766 c -12.45098,-2.52287 -25.00091,-3.99604 -37.53321,-4.41797 z m -1.17578,36.37304 c 10.75394,0.31907 21.48801,1.54069 32.08399,3.72266 l 0.6289,0.12891 0.63672,0.0859 c 189.98959,25.31288 226.58098,317.39713 48.70703,388.79493 l -0.97461,0.39062 -0.92383,0.50195 C 328.24751,867.75368 131.34025,649.2125 230.93164,489.18945 l 0.31836,-0.51367 0.28516,-0.5332 c 35.64393,-66.80626 111.8318,-108.82329 187.10937,-106.58985 z%27 id=%27path9%27 /%3E%3C/g%3E%3Cpath style=%27fill:%23ea621f%27 d=%27m 567.88978,552.49556 c 5.68697,-68.4196 -87.35883,-113.88395 -136.53849,-63.57107 -18.52641,30.11619 -22.77529,30.1155 -41.3016,-2.8e-4 -49.17986,-50.31231 -142.22631,-4.84869 -136.53913,63.57135 2.99893,84.8114 82.82369,134.51882 139.90869,185.2071 39.49815,25.86927 79.76921,-48.82346 116.35405,-71.64114 31.2286,-29.60007 58.15374,-69.0314 58.11648,-113.56596 z%27 id=%27path1%27 /%3E%3C/g%3E%3Cg id=%27path3604-2-7%27%3E%3Cpath style=%27color:%23000000;fill:%23ffffff;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none%27 d=%27m 99.009409,105.34977 c -4.751653,-1.97012 -9.930194,-3.39552 -14.422105,-5.697071 -1.91824,-3.229237 -4.780909,-6.084446 -6.116253,-9.544531 -0.907194,-2.762396 -0.58782,-5.159407 1.893549,-6.912377 2.709479,-3.020877 5.418959,-6.041754 8.128438,-9.062631 2.690762,0.05865 5.350746,0.204205 7.335619,2.255924 3.256349,2.563157 7.572123,4.140238 9.156263,8.25983 1.51746,2.567156 3.03492,5.134313 4.55238,7.701469%27 id=%27path6%27 /%3E%3Cpath style=%27color:%23000000;fill:%230077dd;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none%27 d=%27m 88.519531,72.923828 a 1.2090109,1.2090109 0 0 0 -0.925781,0.402344 l -8.128906,9.0625 0.203125,-0.179688 c -1.432805,1.012209 -2.35189,2.33222 -2.697266,3.785157 -0.345376,1.452936 -0.147496,2.972559 0.351563,4.492187 a 1.2090109,1.2090109 0 0 0 0.02148,0.05664 c 1.463862,3.793096 4.396752,6.682358 6.205078,9.726561 a 1.2090109,1.2090109 0 0 0 0.486328,0.45899 c 4.647212,2.38112 9.856559,3.80816 14.511719,5.73828 a 1.20889,1.20889 0 0 0 1.580075,-0.6543 1.20889,1.20889 0 0 0 -0.654294,-1.58008 c -4.765289,-1.97577 -9.806233,-3.39904 -14.095703,-5.556639 -1.997373,-3.233541 -4.592384,-5.974958 -5.759766,-8.972656 -0.399316,-1.228994 -0.500991,-2.283491 -0.294921,-3.150391 0.207854,-0.874408 0.691672,-1.628381 1.740234,-2.36914 a 1.2090109,1.2090109 0 0 0 0.201172,-0.179688 l 7.724609,-8.613281 c 2.410879,0.07248 4.458148,0.276349 5.970703,1.839844 a 1.2090109,1.2090109 0 0 0 0.121094,0.109375 c 3.474886,2.735173 7.420102,4.212661 8.777342,7.742187 a 1.2090109,1.2090109 0 0 0 0.0859,0.181641 l 4.55273,7.701172 a 1.20889,1.20889 0 0 0 1.65625,0.425781 1.20889,1.20889 0 0 0 0.42579,-1.65625 l -4.55274,-7.701172 0.0879,0.181641 c -1.81104,-4.709649 -6.499303,-6.384255 -9.537108,-8.775391 l 0.121094,0.109375 c -2.340278,-2.419092 -5.460764,-2.565779 -8.177735,-2.625 z%27 id=%27path7%27 /%3E%3C/g%3E%3Cpath style=%27color:%23000000;fill:%230077dd;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none%27 d=%27M 54.445312,5.1308594 A 1.20889,1.20889 0 0 0 52.988281,6.0273437 L 49.505859,20.644531 a 1.2090109,1.2090109 0 0 0 0.113282,0.857422 l 10.203125,18.763672 a 1.2090109,1.2090109 0 0 0 0.230468,0.300781 c 13.099516,12.390883 26.656108,24.397498 39.908203,36.615235 3.228463,4.664376 5.724753,10.061498 8.701173,15.210937 -3.2388,3.863526 -6.478,7.726322 -9.716798,11.589842 -5.432749,-1.98538 -10.866076,-3.96969 -16.298828,-5.955076 a 1.20889,1.20889 0 0 0 -1.550781,0.720703 1.20889,1.20889 0 0 0 0.720703,1.548833 c 5.698351,2.08244 11.397351,4.16559 17.095703,6.24804 a 1.2090109,1.2090109 0 0 0 1.341801,-0.35937 c 3.59744,-4.29135 7.19553,-8.581705 10.79297,-12.87305 a 1.2090109,1.2090109 0 0 0 0.11328,-1.392578 c -3.0975,-5.237953 -5.6753,-11.041331 -9.26758,-16.207031 A 1.2090109,1.2090109 0 0 0 101.7207,75.515625 C 88.450594,63.278273 74.907816,51.281805 61.847656,38.933594 L 51.964844,20.753906 55.341797,6.5878906 A 1.20889,1.20889 0 0 0 54.445312,5.1308594 Z%27 id=%27path3596-5%27 /%3E%3Cpath style=%27color:%23000000;fill:%230077dd;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none%27 d=%27M 85.121094,21.234375 A 1.2090109,1.2090109 0 0 0 83.951172,21.375 c -7.947186,5.816671 -15.746595,11.810787 -23.59375,17.716797 a 1.20889,1.20889 0 0 0 -0.240235,1.693359 1.20889,1.20889 0 0 0 1.69336,0.238281 c 5.036427,-3.790569 10.070582,-7.560148 15.101562,-11.339843 a 1.20889,1.20889 0 0 0 0.402344,0.04687 c 2.645637,-2.10237 5.429045,-4.133929 8.0625,-6.404297 3.91e-4,-3.37e-4 0.0016,3.37e-4 0.002,0 0.02489,-0.02146 0.05131,-0.03905 0.07617,-0.06055 a 1.2090109,1.2090109 0 0 0 -0.333984,-2.03125 z%27 id=%27path3598-3%27 /%3E%3Cpath style=%27color:%23000000;fill:%230077dd;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none%27 d=%27m 88.421875,73.011719 a 1.2090109,1.2090109 0 0 0 -0.912109,0.402343 l -8.408204,9.375 0.25,-0.21289 c -1.598355,1.019111 -2.40104,2.539539 -2.566406,4.02539 -0.165365,1.485852 0.166106,2.927043 0.490235,4.289063 a 1.2090109,1.2090109 0 0 0 0.158203,0.371094 c 2.360738,3.686871 5.536806,6.837794 8.070312,10.128911 a 1.20889,1.20889 0 0 0 1.695313,0.2207 1.20889,1.20889 0 0 0 0.220703,-1.695314 c -2.621463,-3.405371 -5.662499,-6.476194 -7.81836,-9.783204 -0.286157,-1.233233 -0.509325,-2.39016 -0.412109,-3.263671 0.103094,-0.926325 0.395296,-1.574454 1.460938,-2.253907 a 1.2090109,1.2090109 0 0 0 0.25,-0.21289 l 8.017578,-8.939453 c 2.515146,0.02924 4.653977,0.106624 6.228515,1.695312 a 1.2090109,1.2090109 0 0 0 0.19336,0.160156 c 2.756905,1.810637 5.514576,3.621004 8.271486,5.431641 a 1.20889,1.20889 0 0 0 1.67383,-0.347656 1.20889,1.20889 0 0 0 -0.34571,-1.673828 c -2.7569,-1.810637 -5.514576,-3.621004 -8.271481,-5.431641 l 0.195312,0.158203 C 94.4051,72.974807 91.153436,73.039095 88.421875,73.011719 Z%27 id=%27path3604-2%27 /%3E%3Cpath style=%27color:%23000000;fill:%230077dd;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none%27 d=%27m 36.4375,59.677734 -8.396484,2.84961 a 1.2090109,1.2090109 0 0 0 -0.236329,0.109375 c -3.375479,2.035951 -5.50617,5.422563 -8.013671,7.654297 a 1.2090109,1.2090109 0 0 0 -0.02148,1.787109 l 28.421875,26.566406 a 1.20889,1.20889 0 0 0 1.708985,-0.05859 1.20889,1.20889 0 0 0 -0.05664,-1.708984 L 22.314453,71.144531 c 2.362264,-2.339065 4.328989,-4.943779 6.683594,-6.388672 L 37.212891,61.96875 A 1.20889,1.20889 0 0 0 37.970703,60.435547 1.20889,1.20889 0 0 0 36.4375,59.677734 Z%27 id=%27path3606-9%27 /%3E%3Cpath style=%27color:%23000000;fill:%230077dd;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none%27 d=%27m -0.1640625,47.6875 a 1.20889,1.20889 0 0 0 -1.5195312,0.78125 1.20889,1.20889 0 0 0 0.78124995,1.521484 L 36.455078,61.955078 81.451172,100.08398 a 1.20889,1.20889 0 0 0 1.703125,-0.140621 1.20889,1.20889 0 0 0 -0.140625,-1.703125 L 37.835937,59.955078 a 1.2090109,1.2090109 0 0 0 -0.414062,-0.228516 z%27 id=%27path3608-1%27 /%3E%3Cpath style=%27color:%23000000;fill:%230077dd;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none%27 d=%27M 5.7363281,50.476562 A 1.20889,1.20889 0 0 0 5.0859375,52.058594 L 16.607422,79.664062 a 1.2090109,1.2090109 0 0 0 0.816406,0.705079 l 15.248047,3.876953 a 1.20889,1.20889 0 0 0 1.46875,-0.873047 1.20889,1.20889 0 0 0 -0.873047,-1.470703 L 18.605469,78.175781 7.3164062,51.126953 A 1.20889,1.20889 0 0 0 5.7363281,50.476562 Z%27 id=%27path3610-2%27 /%3E%3Cpath style=%27color:%23000000;fill:%230077dd;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none%27 d=%27m 3.1875,49.085937 a 1.20889,1.20889 0 0 0 -1.2070313,1.210938 c 0.004,4.705906 0.00772,9.411284 0.011719,14.117187 a 1.2090109,1.2090109 0 0 0 0.4199219,0.914063 L 14.78125,75.980469 a 1.20889,1.20889 0 0 0 1.705078,-0.126953 1.20889,1.20889 0 0 0 -0.126953,-1.705079 L 4.4101562,63.857422 c -0.00384,-4.521004 -0.00787,-9.041499 -0.011719,-13.5625 A 1.20889,1.20889 0 0 0 3.1875,49.085937 Z%27 id=%27path3612-7%27 /%3E%3Cg id=%27path5%27%3E%3Cpath style=%27color:%23000000;fill:%23ea621f;fill-opacity:0.584314;stroke-linecap:round;-inkscape-stroke:none%27 d=%27M 49.557291,97.790977 C 54.862582,93.609615 60.167874,89.428253 65.473165,85.246891%27 id=%27path2%27 /%3E%3Cpath style=%27color:%23000000;fill:%230077dd;stroke-linecap:round;-inkscape-stroke:none%27 d=%27M 64.724609,84.296875 48.808594,96.841797 a 1.20889,1.20889 0 0 0 -0.201172,1.697265 1.20889,1.20889 0 0 0 1.697265,0.201172 L 66.220703,86.197266 a 1.20889,1.20889 0 0 0 0.201172,-1.699219 1.20889,1.20889 0 0 0 -1.697266,-0.201172 z%27 id=%27path3%27 /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A');
        background-size: auto 13.5cqw;
        background-position: top left;
        background-repeat: no-repeat;
    }

    .left > div {
        margin-left: 17cqw; 
        padding: .5cqw;
    }

    .left .spenden-slogan-headline {
        margin-bottom: .5cqw;
        font-size: min(6.75cqw, 1.5rem);
        color: #ea621f;
        font-weight: bold;
    }

    .left .spenden-slogan-text {
        margin: 2cqw 0 1cqw;
    }

    .left .spenden-slogan-link {
        width: 100%;
        margin-bottom: .5cqw;
        font-size: .8rem;
    }

    .right {
        width: 100%;
        display: grid;
        grid-template-columns: 50% 50%;
        align-items: center;
        text-align: center;
        color: #fff;
        background: #ea621f;
        border-bottom: 1px solid #ea621f;
    }

    .spenden-start {
        font-size: min(6cqw, 2rem);
        font-weight: bold;
    }

    .spenden-option {
        height: 100%;
        font-size: min(4cqw, 1rem);
        line-height: 1.2;
    }

    .spenden-option:nth-of-type(even){
        border-left: 5px dotted #fff;
    }

    .spenden-option:nth-child(3),
    .spenden-option:nth-child(4) {
        border-top: 5px dotted #fff;
    }

    .spenden-option {
        display: grid;
    }   

    .spenden-option a {
        display: grid;
        grid-template-rows: auto auto;
        justify-items: center;
        width: 100%;
        height: 100%;
        color: #fff !important; 
        text-decoration: none;
        box-sizing: border-box;
        padding: 2cqw;
    }

    .spenden-option a.external { /* MediaWiki */
        background-image: none !important;
    }

    .spenden-option a:hover {
        background: #d14702 !important;
        color: #fff !important;
        text-decoration: none;
    }

    .spenden-option a .spenden-option-betrag {
        font-size: min(10cqw, 2.5rem);
        font-weight: bold;
    }

    .spenden-option a:hover {
        color: #fff !important;
        text-decoration: none;
        background: #d14702;
    }

    .spenden-option a .spenden-option-betrag {
        display: block;
        font-size: min(10cqw, 2.5rem);
        font-weight: bold;
    }

    .spacer {
        display: inline-block;
        width: .25cqw;
    }

    @media only screen and (min-width: 768px) {
        .left {
            width: 100%;
            font-size: min(2cqw, 1.2rem);
            background-size: auto 9.25cqw;
        }
        .left > div {
            margin-left: 12cqw;
        }

        .left .spenden-slogan-headline {
            font-size: min(3.5cqw, 1.75rem);
        }

        .left .spenden-slogan-text {
            margin: .5cqw 0;
        }

        .right {
            grid-template-columns: 22% 26% 26% 26%;
        }

        .spenden-start {
            font-size: min(2.5cqw, 2rem);
        }

        .spenden-option {
            font-size: min(1.75cqw, 1rem);
            border-top: none !important;
            border-left: 5px dotted #fff;
        }

        .spenden-option a {
            padding: 1cqw;
        }

        .spenden-option p {
            margin: 0;
        }

        .spenden-option a .spenden-option-betrag {
            font-size: min(5cqw, 2.5rem);
        }
    }

    @media only screen and (min-width: 1366px) {
        .spendenbanner-container {
            display: flex;
        }
        .left {
            padding-bottom: 0;
            font-size: min(1.1cqw, 1.2rem);
            background-size: auto 5.5cqw;
        }
        .left > div {
            margin-left: 7cqw;
        }

        .left .spenden-slogan-headline {
            font-size: min(1.75cqw, 1.75rem);
        }

        .right {
            border-bottom: none;
        }

        .spenden-start {
            font-size: min(1.5cqw, 2rem);
        }

        .spenden-option {
            font-size: min(1cqw, 1em);
        }

        .spenden-option .spenden-option-text {
            max-width: 100%;
        }

        .spenden-option a .spenden-option-betrag {
            font-size: min(2.75cqw, 2.5rem);
        }
    }
/*********************/
/* End Spendenbanner */
/*********************/