MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
 
(Eine dazwischenliegende Version desselben Benutzers wird nicht angezeigt)
Zeile 162: Zeile 162:
}
}


/* Spendenbanner - siehe mediawiki:sitenotice */
/*****************/
/* Spendenbanner */
/*****************/
  #zum-spendenbanner {
  #zum-spendenbanner {
         max-width: 1640px;
         max-width: 1640px;
         margin: 0 auto 2rem;
         margin: 2rem auto;
         line-height: 1.3;
         line-height: 1.3;
         border: 1px solid #ea621f;
         border: 1px solid #ea621f;
Zeile 371: Zeile 373:
         }
         }
     }
     }
/*********************/
/* End Spendenbanner */
/* End Spendenbanner */
/*********************/

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 */
/*********************/