MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus ZUM Deutsch Lernen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
Zeile 755: Zeile 755:


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

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

/**
 * Dateien in Kategorien anzeigen
 * Karl Kirst von CS
 * 2021-03-08
 */
.mediawiki #mw-category-media {
 display: initial;
}

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

/**
 * Sidebar Hilfen ausgeklappt für eingeloggte Nutzer
 * CS
 * 2019-04-24
 */
 
body:not(.not-logged-in) #site-navigation li#hilfen > div {
display: block !important;
visibility: visible !important;
height: auto !important;
}

/*
body:not(.not-logged-in) #site-navigation li#hilfen > a {
background: rgba(0, 0, 0, 0.05);
}
*/

/* hide the toogle */
body:not(.not-logged-in) #site-navigation li#hilfen > a:after {
display: none;
}

/** Sidebar immer ausgeklappt für eingeloggte Benutzer
/** hier: Menüpunkt "Starten"
/** Hinweis von Christian Schröder (25.04.2020), eingefügt von Karl Kirst (06.05.2020)
/* sidebar-nav: always visible 'starten' menu */
#site-navigation #p-Starten > div.uk-hidden {
   display: block !important;
   visibility: visible !important;
   height: auto !important;
}

/* sidebar-nav: distinguish header from content */
#site-navigation #p-Starten > a {
/* background: rgba(0, 0, 0, 0.05); */
}

/* sidebar-nav: hide the toogle */
#site-navigation #p-Starten > a: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;
}

/*
 * 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;
 }
 
 /*******************
  * 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; }
 
/************************
 *
 * Javascriptless Full-Reveal
 * 
 * required markup
 *
 * somewhere:
 * <span data-uk-toggle="{target:'#UNIQUE_ID', cls:'zum-partial-reveal__open'}" class="zum-partial-reveal__link" for="UNIQUE_ID">Link to reveal</span>
 *
 * somewhere else:
 * <div class="zum-partial-reveal__content">PARTLY HIDDEN_CONTENT</div>
 *
 *************************/
 
 .zum-partial-reveal__content { max-height:20em; overflow:hidden;position:relative;}
 .zum-partial-reveal__content:not(.zum-partial-reveal__content--open)::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-partial-reveal__content.zum-partial-reveal__content--open {
   max-height: 1000em;transition:max-height 0.15s ease-in;
 }


/***************
 *
 * QR Code Dialog
 * Vorlage:QR-Code
 *
 *********/
 .zum-qrcode .uk-modal-dialog .uk-modal-close {
    height: 100%;
    width: 100%;
    padding:1em;
    box-sizing:border-box;
 }
 .zum-qrcode .uk-modal-dialog .qrlite-result svg,
 .zum-qrcode .uk-modal-dialog .qrlite-result img {
    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;
 }

/**********
 *
 * fix Letzte Änderungen Darstellung
 *
 *********/
 .mw-body-content .mw-collapsible.mw-changeslist-line {
 text-align:inherit;
 }

/******************
 *
 * 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;
}
 
 
/***********
  * Farben [[Benutzer:Christian]]
  * per Copy/Paste von [[Vorlage:Farbe]] übernehmen
  **********/
/* 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:#a0a0a0; }

.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; } 

.mediawiki .button-left a,
.mediawiki .button-center a,
.mediawiki .button-right a      { background-color: #DBDBDB;      }

.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: #ececec;     }

.mediawiki .button-left.button-primary a,
.mediawiki .button-center.button-primary a,
.mediawiki .button-right.button-primary a  { background-color: #0068bd;     }

.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: #1492ff;  }

.mediawiki .uk-text-muted         { color: #a0a0a0 !important; }
.mediawiki .uk-text-primary       { color: #1B7A88 !important; }
.mediawiki .uk-text-success       { color: #6CA111 !important; }
.mediawiki .uk-text-warning       { color: #AE5D12 !important; }
.mediawiki .uk-text-danger        { color: #B6226D !important; }
.mediawiki .uk-text-contrast      { color: #fff !important;    }

.mediawiki .uk-button             { background-color: #DBDBDB; }
.mediawiki .uk-button:hover,
.mediawiki .uk-button:focus       { background-color: #ececec; }
.mediawiki .uk-button.uk-active,
.mediawiki .uk-button:active      { background-color: #F1F1F1; }

.mediawiki .uk-button-primary        { background-color: #0068bd; }
.mediawiki .uk-button-primary:hover,
.mediawiki .uk-button-primary:focus  { background-color: #0077dd; }
.mediawiki .uk-button-primary.uk-active,
.mediawiki .uk-button-primary:active { background-color: #1492ff; }

.mediawiki .uk-button-success        { background-color: #6CA111; }
.mediawiki .uk-button-success:hover,
.mediawiki .uk-button-success:focus  { background-color: #8FCD25; }
.mediawiki .uk-button-success.uk-active,
.mediawiki .uk-button-success:active { background-color: #A8DF4A; }

.mediawiki .uk-button-danger        { background-color: #B6226D; }
.mediawiki .uk-button-danger:hover,
.mediawiki .uk-button-danger:focus  { background-color: #C64285; }
.mediawiki .uk-button-danger.uk-active,
.mediawiki .uk-button-danger:active { background-color: #D965A0; }

.mediawiki .uk-button-link        { color: #0068bd; }
.mediawiki .uk-button-link:hover,
.mediawiki .uk-button-link:focus,
.mediawiki .uk-button-link.uk-active,
.mediawiki .uk-button-link:active { color: #0077dd; }


.mediawiki .uk-button:disabled      { background-color: #ececec; }
.mediawiki .uk-button-link:disabled {            color: #ececec; }

/*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 {
  border-color: #ff0000;
  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;
}
/***********
* Icons vor Links in Sidebar
* von Christian S., 22.06.2020 - geändert 12.09.2020; ergänzt am 08.04.2021 */
/* sidebar-nav: pseudo element for icon using 'brainy-icons' font. */
#site-navigation #p-Starten li > a::before {
 margin-right: .5rem;
 font-family: 'brainy-icons';
 font-size: 200%;
 font-weight: normal;
 vertical-align: middle;
}
#site-navigation #p-Starten [id^="n-Interaktive-"] a::before {
 content:'\e683';
 color:hsl(329.5,81%,31%)
}

/* sidebar-nav: set color for 'starten > Grammatik' */
/* sidebar-nav: set icon for 'starten > Grammatik' */
#site-navigation #p-Starten #n-Grammatik a::before {
content: '\e707';
  color: hsl(329.5, 81%, 31%);
}

/* sidebar-nav: set color for 'starten > Fit-in-Deutsch' */
/* sidebar-nav: set icon for 'starten > Fit-in-Deutsch' */
#site-navigation #p-Starten #n-Fit-in-Deutsch a::before {
content: '\e68c';
color: hsl(329.5, 81%, 31%);
}

/* sidebar-nav: set color for 'starten > DaF-Glossar' */
/* sidebar-nav: set icon for 'starten > DaF-Glossar' */
#site-navigation #p-Starten #n-DaF-Glossar a::before {
content: '\e63b';
  color: hsl(28.8, 81.3%, 37.6%);

}

/* sidebar-nav: set color for 'starten > Handlungsfelder' */
/* sidebar-nav: set icon for 'starten > Handlungsfelder' */
#site-navigation #p-Starten #n-Handlungsfelder a::before {
content: '\e70a';
  color: hsl(28.8, 81.3%, 37.6%);

}

/* sidebar-nav: set color for 'starten > Fortbildung' */
/* sidebar-nav: set icon for 'starten > Fortbildung' */
#site-navigation #p-Starten #n-Fortbildung a::before {
content: '\e70f';
  color: hsl(28.8, 81.3%, 37.6%);

}

/* sidebar-nav: set color for 'starten > Methoden' */
/* sidebar-nav: set icon for 'starten > Methoden' */
#site-navigation #p-Starten #n-Methoden a::before {
content: '\e61a';
  color: hsl(329.5, 81%, 31%);

}

/* sidebar-nav: set color for 'starten > Lernpfade' */
/* sidebar-nav: set icon for 'starten > Lernpfade' */
#site-navigation #p-Starten #n-Lernpfade a::before {
content: '\e70d';
  color: hsl(329.5, 81%, 31%);

}

/* sidebar-nav: set color for 'starten > Berufliche-Bildung' */
/* sidebar-nav: set icon for 'starten > Berufliche-Bildung' */
#site-navigation #p-Starten #n-Berufliche-Bildung a::before {
content: '\e60a';
  color: hsl(329.5, 81%, 31%);

}

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