From 335e0a30b1b9eb10064a655afe10557079ddd941 Mon Sep 17 00:00:00 2001
From: Dennis Reimann <mail@dennisreimann.de>
Date: Mon, 4 Jul 2022 22:05:40 +0200
Subject: [PATCH] Add inverted logo

---
 src/css/sections/media.css                             |  6 +++++-
 src/media.pug                                          | 10 ++++++++++
 static/img/media/einundzwanzig-horizontal-inverted.svg |  1 +
 static/img/media/einundzwanzig-square-inverted.svg     |  1 +
 4 files changed, 17 insertions(+), 1 deletion(-)
 create mode 100644 static/img/media/einundzwanzig-horizontal-inverted.svg
 create mode 100644 static/img/media/einundzwanzig-square-inverted.svg

diff --git a/src/css/sections/media.css b/src/css/sections/media.css
index 63857069ca6..dca411e2fd1 100644
--- a/src/css/sections/media.css
+++ b/src/css/sections/media.css
@@ -6,11 +6,15 @@
   & .logo {
     display: inline-block;
     max-width: 100%;
-    background: #FFF;
+    background: var(--color-neutral-0);
     border-radius: var(--space-s);
     padding: var(--space-m);
   }
 
+  & .logo.inverted {
+    background: var(--color-interview);
+  }
+
   & .logo-square {
     width: 9em;
   }
diff --git a/src/media.pug b/src/media.pug
index 6d84dda54e2..1d544c6f7cd 100644
--- a/src/media.pug
+++ b/src/media.pug
@@ -19,6 +19,16 @@ block main
         a.logo.logo-horizontal(href=assetPath("/img/media/einundzwanzig-horizontal.svg") target="_blank")
           img(src=assetPath("/img/media/einundzwanzig-horizontal.svg") alt="Logo horizontal")
 
+      article
+        h2 Logo quadratisch, invertiert
+        a.logo.logo-square.inverted(href=assetPath("/img/media/einundzwanzig-square-inverted.svg") target="_blank")
+          img(src=assetPath("/img/media/einundzwanzig-square-inverted.svg") alt="Logo quadratisch, invertiert")
+
+      article
+        h2 Logo horizontal, invertiert
+        a.logo.logo-horizontal.inverted(href=assetPath("/img/media/einundzwanzig-horizontal-inverted.svg") target="_blank")
+          img(src=assetPath("/img/media/einundzwanzig-horizontal-inverted.svg") alt="Logo horizontal, invertiert")
+
       article
         h2 Telegram Vorlage Gruppenbild
         a.telegram(href=assetPath("/img/media/einundzwanzig-telegram.png") target="_blank")
diff --git a/static/img/media/einundzwanzig-horizontal-inverted.svg b/static/img/media/einundzwanzig-horizontal-inverted.svg
new file mode 100644
index 00000000000..7edf22aef38
--- /dev/null
+++ b/static/img/media/einundzwanzig-horizontal-inverted.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 134 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path d="m133.83629 9.42089615c-.443181 1.77759655-2.24359 2.85941795-4.021394 2.41613355-1.777078-.4431808-2.858899-2.24369331-2.415511-4.02118615.442973-1.77780392 2.243382-2.85972904 4.020668-2.41654828 1.7777.44318074 2.859418 2.24390065 2.416237 4.02160088z" fill="#f7931a"/><path d="m132.080261 8.14548127c.066052-.44152167-.270118-.67887327-.729786-.83721136l.14911-.598097-.364064-.09073074-.145169.58233577c-.095708-.02384922-.194008-.04635044-.291687-.06864427l.146207-.58617239-.363857-.09073074-.149213.59788961c-.079221-.01804245-.15699-.03587751-.232478-.05464581l.000415-.00186647-.502078-.12536395-.096849.388846s.270119.06190429.264416.0657409c.14745.03681075.174099.13438518.16964.21173961-.408547 1.63844151 0 0-.408547 1.63844151-.018043.04479506-.063771.11198765-.166841.08647935.003629.0052883-.264623-.06605197-.264623-.06605197l-.180735.41673922.47377.11810549c.088138.02208645.174514.04520983.259541.06698521l-.150665.60494066.363649.0907308.149213-.59851181c.099338.02695999.195771.05184613.290131.07528059l-.148694.59571212.364063.0907307.150665-.6038001c.620806.1174834 1.087628.070096 1.284125-.49139764.158338-.45209828-.007881-.71288434-.334511-.88293965.23787-.05485322.41705-.21132484.464852-.53453364zm-.831819 1.16643431c-.112506.45209828-.873711.20769561-1.120499.14641348l.199919-.80143754c.246788.06159322 1.038167.18353532.92058.65502406zm.11261-1.17296693c-.102656.41124353-.736215.20230362-.941733.15107964l.181254-.72688279c.205518.05122398.867385.14682825.760479.57580315z" fill="#fff"/><path d="m7.63783784 11.9027027v-2.74054053h-4.8972973v-1.88108109h3.97297298v-2.74054054h-3.97297298v-1.8h4.8972973v-2.74054054l-7.63783784.01621621v11.88648649zm4.15135136.0162162v-11.9189189h-2.74054056v11.9189189zm4.3621621-.0162162v-6.94054054l3.8918919 6.94054054h2.9675677v-11.9027027h-2.7405407v6.95675676l-3.8756756-6.92432432h-2.9837838v11.87027026zm12.9405406.0162162c.6162162-.0108108 1.1972973-.1378378 1.7432432-.3810811.545946-.2432432 1.0216217-.5702702 1.4270271-.9810811.4054054-.4108107.7243243-.89189179.9567568-1.44324315.2324323-.55135136.3432431-1.13513518.3324324-1.75135139v-7.36216216h-2.7405406v7.37837838c0 .24864864-.0432432.48108108-.1297297.6972973s-.2108108.4054054-.372973.56756753c-.1621622.16216224-.3513513.29189191-.5675676.38918922-.2162162.0972973-.4432432.14594596-.681081.14594596-.4864866 0-.9081082-.16756761-1.2648649-.50270271-.3567568-.35675676-.5351352-.77297298-.5351352-1.24864865v-7.42702703h-2.7405405v7.44324325c.0108108.61621621.1324324 1.1945946.3648649 1.73513514.2324324.54054054.5648648 1.02702711.9972973 1.45945951.4216216.4108107.9027027.727027 1.4432433.9486486.5405405.2216216 1.1135134.3324324 1.7189189.3324324zm8.8378378-.0162162v-6.94054054l3.8918919 6.94054054h2.9675676v-11.9027027h-2.7405406v6.95675676l-3.8756756-6.92432432h-2.9837838v11.87027026zm10.7351352.0648649c.8108108-.0432433 1.5621621-.2243243 2.254054-.5432433.6918919-.3189189 1.2945946-.7432432 1.8081081-1.272973.5135135-.52972968.9162162-1.1432432 1.2081082-1.84054049.2918919-.69729729.4378377-1.44594595.4378377-2.24594594 0-.81081081-.1486486-1.57297297-.4459459-2.28648649-.2972973-.71351351-.7027027-1.34054054-1.2162162-1.88108108s-1.1189189-.97837838-1.8162162-1.31351351c-.6972973-.33513514-1.4405406-.52432432-2.2297297-.56756757v-.01621622h-2.7405406v11.9675676zm0-2.74978378v-6.4540541c.4216216.04324325.8108108.15945946 1.1675675.34864865.3567568.18918919.6702703.43243244.9405405.72972973.2702703.2972973.4810812.63783784.6324325 1.02162163.1513513.38378378.227027.78648648.227027 1.2081081 0 .41081082-.0756757.8-.227027 1.16756758-.1513513.36756756-.3594594.68918919-.6243243.96486486-.2648648.27567567-.5783784.5027027-.9405406.68108112-.3621621.17837833-.754054.28918914-1.1756756.33243243zm15.2918919 2.78221618v-2.74054053h-4.9135135l4.9783783-9.24324326-8.9189189-.01621621v2.75675676h4.3297297l-4.9783784 9.24324324zm7.0702702-.0162162 1.3621622-5.96756759 1.572973 5.96756759h2.708108l3.518919-11.9837838h-2.8702703l-1.9297297 6.60000001-1.7513513-6.60000001h-2.691892l-1.508108 6.63243243-2.2054055-6.63243243h-2.8864865l3.9567568 11.9837838zm10.5932433-.0810811.4864864-1.4432432h3.745946l.4702703 1.4432432h2.8864865l-3.8432433-11.9027027h-2.5945945l-4.0540541 11.9027027zm3.3567567-4.18970272h-1.9297297l.9891892-2.88648648zm7.7837838 4.18970272v-6.94054054l3.8918917 6.94054054h2.9675678v-11.9027027h-2.7405405v6.95675676l-3.8756757-6.92432432h-2.9837838v11.87027026zm17.3189192.0972973v-2.74054053h-4.913513l4.978377-9.24324326-8.918918-.01621621v2.75675676h4.32973l-4.978379 9.24324324zm3.81081-.0810811v-11.9189189h-2.74054v11.9189189zm7.281081.0324324c.313514 0 .62973-.0243243.948649-.072973.318919-.0486486.62973-.127027.932433-.2351351v.2918919h2.756756v-6.66486483h-5.14054v2.74054054h2.383784v.59999996c-.313514.22702708-.654054.38918923-1.021622.48648653-.367567.0972973-.737838.13243245-1.11081.10540544-.372974-.0270271-.735136-.11891895-1.086488-.27567573-.351351-.15675678-.667566-.37567566-.948648-.65675674-.313513-.31351351-.551351-.67027027-.713513-1.07027027-.162163-.4-.243243-.80540541-.243243-1.21621621 0-.41081082.08108-.81621623.243243-1.21621622.162162-.4.4-.75675676.713513-1.07027028.313513-.31351351.67027-.54864864 1.07027-.7054054.4-.15675675.805405-.23513513 1.216216-.23513513s.816217.07837838 1.216217.23513513c.4.15675676.756756.39189189 1.07027.7054054l1.945946-1.94594594c-.583784-.58378379-1.243243-1.02162162-1.978379-1.31351352-.735134-.29189188-1.486486-.43783783-2.254054-.43783783-.767567 0-1.518919.14594595-2.254054.43783783-.735134.2918919-1.394594.72972973-1.978377 1.31351352-.583784.58378379-1.01892 1.24324324-1.305407 1.97837838-.286486.73513513-.429729 1.48648649-.429729 2.25405406 0 .76756756.143243 1.51621621.429729 2.24594594.286487.72972975.721623 1.38648646 1.305407 1.97027027.583783.5837838 1.243243 1.0216216 1.978377 1.3135135.735135.2918919 1.486487.4378378 2.254054.4378378z" fill="#FFF"/></g></svg>
diff --git a/static/img/media/einundzwanzig-square-inverted.svg b/static/img/media/einundzwanzig-square-inverted.svg
new file mode 100644
index 00000000000..e07b3337b3b
--- /dev/null
+++ b/static/img/media/einundzwanzig-square-inverted.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 1287 1287" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g transform="translate(664.886076, 1117.481013)"><path d="M165.818329,104.54021 C154.575409,149.635522 108.901379,177.079925 63.800805,165.834375 C18.7186452,154.591456 -8.72575752,108.914794 2.52242286,63.8221123 C13.7600811,18.7215388 59.4341119,-8.72549446 104.521533,2.51742484 C149.619476,13.7603441 177.061248,59.4422666 165.818329,104.54021 Z" id="Path" fill="#F7931A"/><path d="M121.270168,72.1845926 C122.945821,60.9837619 114.417617,54.9624604 102.756442,50.945629 L106.539155,35.7726859 L97.3033366,33.4709652 L93.6205835,48.2440665 C91.1925969,47.6390427 88.6988469,47.068216 86.2208801,46.5026503 L89.9299387,31.6322191 L80.6993809,29.3304984 L76.9140368,44.4981804 C74.9043058,44.0404668 72.9314023,43.5880142 71.0163706,43.1118869 L71.0268928,43.0645372 L58.2898279,39.8842168 L55.8329055,49.7487342 C55.8329055,49.7487342 62.6854569,51.3191653 62.5407773,51.4164953 C66.2814023,52.3503362 66.9574506,54.8256725 66.8443374,56.7880538 C56.4800178,98.3531843 66.8443374,56.7880538 56.4800178,98.3531843 C56.0223042,99.4895767 54.8622369,101.194165 52.2474822,100.547053 C52.339551,100.68121 45.5343493,98.8714003 45.5343493,98.8714003 L40.9493216,109.443532 L52.9682496,112.439715 C55.2042069,113.00002 57.395445,113.58663 59.5524862,114.139043 L55.7303145,129.485601 L64.9556112,131.787322 L68.7409553,116.603857 C71.2610107,117.287797 73.707411,117.919126 76.1012006,118.513627 L72.3290091,133.626068 L81.5648279,135.927789 L85.3869996,120.610166 C101.13603,123.590566 112.978712,122.38841 117.963582,108.144047 C121.980413,96.6749011 117.763661,90.0590981 109.477466,85.7450158 C115.51192,84.3534612 120.05749,80.3839794 121.270168,72.1845926 L121.270168,72.1845926 Z M100.167992,101.775514 C97.3138588,113.24466 78.0030795,107.044482 71.7423991,105.489834 L76.8140763,85.1584059 C83.0747567,86.7209454 103.151023,89.8144581 100.167992,101.775514 Z M103.024757,72.0188687 C100.420524,82.4515823 84.3479371,77.1510483 79.1342108,75.8515625 L83.7323912,57.4114913 C88.9461175,58.7109771 105.736841,61.1363331 103.024757,72.0188687 Z" fill="#FFF"/></g><path d="M203.13768,300.399037 L203.13768,231.365531 L79.068373,231.365531 L79.068373,183.981585 L179.720625,183.981585 L179.720625,114.948079 L79.068373,114.948079 L79.068373,69.606545 L203.13768,69.606545 L203.13768,0.5730392 L9.63886,0.9815215 L9.63886,300.399037 L203.13768,300.399037 Z M308.309013,300.399037 L308.309013,0.164557 L238.8795,0.164557 L238.8795,300.399037 L308.309013,300.399037 Z M418.821077,300.399037 L418.821077,125.568619 L517.419202,300.399037 L592.600272,300.399037 L592.600272,0.5730392 L523.170759,0.5730392 L523.170759,175.81194 L424.98346,1.3900038 L349.391565,1.3900038 L349.391565,300.399037 L418.821077,300.399037 Z M130.010737,628.454758 C145.622107,628.182437 160.343355,624.982659 174.174481,618.855425 C188.005607,612.72819 200.056489,604.490464 210.327126,594.142246 C220.597764,583.794028 228.677333,571.675721 234.565832,557.787323 C240.454331,543.898925 243.261639,529.193563 242.987755,513.671236 L242.987755,328.220278 L173.558243,328.220278 L173.558243,514.079718 C173.558243,520.343113 172.462708,526.198026 170.271638,531.644457 C168.080569,537.090887 164.930907,541.856514 160.822651,545.941337 C156.714396,550.026159 151.921432,553.294018 146.443758,555.744911 C140.966085,558.195805 135.214527,559.421252 129.189086,559.421252 C116.864321,559.421252 106.182857,555.200268 97.144696,546.758301 C88.106535,537.771691 83.587454,527.287312 83.587454,515.305165 L83.587454,328.220278 L14.157941,328.220278 L14.157941,515.713647 C14.431825,531.235974 17.513016,545.805176 23.401515,559.421252 C29.290014,573.037328 37.711938,585.291797 48.667285,596.184658 C59.348748,606.532876 71.536572,614.49828 85.230756,620.080871 C98.92494,625.663463 113.440775,628.454758 128.778261,628.454758 L130.010737,628.454758 Z M353.910645,628.454758 L353.910645,453.62434 L452.50877,628.454758 L527.68984,628.454758 L527.68984,328.628761 L458.260327,328.628761 L458.260327,503.867661 L360.073028,329.445725 L284.481133,329.445725 L284.481133,628.454758 L353.910645,628.454758 Z M625.877139,628.454758 C646.418415,627.365472 665.453331,622.804087 682.981886,614.770602 C700.510442,606.737117 715.779457,596.048497 728.788932,582.704742 C741.798406,569.360988 752.000574,553.906741 759.395433,536.342003 C766.790292,518.777265 770.487722,499.918999 770.487722,479.767206 C770.487722,459.343092 766.721821,440.144425 759.19002,422.171204 C751.658219,404.197984 741.387581,388.403335 728.378106,374.787259 C715.368631,361.171183 700.031145,350.142161 682.365648,341.700194 C664.700151,333.258227 645.870648,328.4926 625.877139,327.403314 L625.877139,326.994832 L556.447626,326.994832 L556.447626,628.454758 L625.877139,628.454758 Z M625.877139,559.01277 L625.877139,396.43682 C636.558603,397.526106 646.418415,400.453563 655.456577,405.219189 C664.494738,409.984816 672.437365,416.11205 679.284457,423.600892 C686.131549,431.089734 691.47228,439.667862 695.306652,449.335276 C699.141023,459.00269 701.058209,469.146667 701.058209,479.767206 C701.058209,490.115424 699.141023,499.918999 695.306652,509.177931 C691.47228,518.436863 686.20002,526.538428 679.489869,533.482627 C672.779719,540.426826 664.837093,546.145578 655.661989,550.638883 C646.486886,555.132188 636.558603,557.923484 625.877139,559.01277 Z M240.933628,956.51048 L240.933628,887.476974 L116.453495,887.476974 L242.57693,654.642071 L16.622894,654.233589 L16.622894,723.675577 L126.313308,723.675577 L0.189873,956.51048 L240.933628,956.51048 Z M420.053554,956.51048 L454.562898,806.188999 L494.412973,956.51048 L563.020835,956.51048 L652.169972,654.642071 L579.453855,654.642071 L530.565619,820.894361 L486.196463,654.642071 L417.999426,654.642071 L379.792653,821.711326 L323.920383,654.642071 L250.79344,654.642071 L351.034867,956.51048 L420.053554,956.51048 Z M713.7938,956.51048 L726.118566,920.155556 L821.019261,920.155556 L832.933201,956.51048 L906.06014,956.51048 L808.694495,656.684482 L742.962412,656.684482 L640.256032,956.51048 L713.7938,956.51048 Z M798.834683,851.12205 L749.946446,851.12205 L775.006803,778.412203 L798.834683,851.12205 Z M996.03093,956.51048 L996.03093,781.680062 L1094.62906,956.51048 L1169.81013,956.51048 L1169.81013,656.684482 L1100.38061,656.684482 L1100.38061,831.923383 L1002.19331,657.501447 L926.60142,657.501447 L926.60142,956.51048 L996.03093,956.51048 Z M240.933628,1284.5662 L240.933628,1215.5327 L116.453495,1215.5327 L242.57693,982.69779 L16.622894,982.28931 L16.622894,1051.7313 L126.313308,1051.7313 L0.189873,1284.5662 L240.933628,1284.5662 Z M353.088994,1284.5662 L353.088994,984.33172 L283.659482,984.33172 L283.659482,1284.5662 L353.088994,1284.5662 Z M521.938283,1284.97468 C529.88091,1284.97468 537.892007,1284.36196 545.971576,1283.13651 C554.051144,1281.91107 561.9253,1279.93674 569.594043,1277.21352 L569.594043,1284.5662 L639.434381,1284.5662 L639.434381,1116.67998 L509.202692,1116.67998 L509.202692,1185.71349 L569.594043,1185.71349 L569.594043,1200.82733 C561.651416,1206.54608 553.02408,1210.63091 543.712035,1213.0818 C534.39999,1215.5327 525.019474,1216.41774 515.570487,1215.73694 C506.1215,1215.05613 496.946397,1212.7414 488.045177,1208.79274 C479.143958,1204.84408 471.13286,1199.32956 464.011885,1192.2492 C456.069258,1184.35188 450.043817,1175.36527 445.935562,1165.28937 C441.827307,1155.21348 439.773179,1145.00142 439.773179,1134.6532 C439.773179,1124.30498 441.827307,1114.09293 445.935562,1104.01703 C450.043817,1093.94113 456.069258,1084.95452 464.011885,1077.0572 C471.954511,1069.15988 480.992673,1063.23688 491.126369,1059.28822 C501.260065,1055.33956 511.530703,1053.36523 521.938283,1053.36523 C532.345863,1053.36523 542.616501,1055.33956 552.750197,1059.28822 C562.883893,1063.23688 571.922054,1069.15988 579.864681,1077.0572 L629.163743,1028.03933 C614.374025,1013.33396 597.66712,1002.30494 579.04303,994.95226 C560.41894,987.59958 541.384024,983.92324 521.938283,983.92324 C502.492542,983.92324 483.457626,987.59958 464.833536,994.95226 C446.209445,1002.30494 429.502541,1013.33396 414.712822,1028.03933 C399.923104,1042.74469 388.899286,1059.3563 381.641368,1077.87416 C374.38345,1096.39203 370.754492,1115.31837 370.754492,1134.6532 C370.754492,1153.98803 374.38345,1172.8463 381.641368,1191.228 C388.899286,1209.6097 399.923104,1226.15323 414.712822,1240.8586 C429.502541,1255.56396 446.209445,1266.59298 464.833536,1273.94566 C483.457626,1281.29834 502.492542,1284.97468 521.938283,1284.97468 L521.938283,1284.97468 Z" fill="#FFF"/></g></svg>