text: 
  // const json = [
  //         {
  //           "BildName": "2012_A_01",
  //           "Titel": "iwahaubdd"
  //         },
  //         {
  //           "BildName": "2012_A_02",
  //           "Titel": "decodeunicode"
  //         },
  //         {
  //           "BildName": "2012_A_03",
  //           "Titel": "wolkenstudien"
  //         },
  //         {
  //           "BildName": "2012_A_04",
  //           "Titel": "Bauen mit Holz: Wege in die Zukunft"
  //         },
  //         {
  //           "BildName": "2012_A_05",
  //           "Titel": "Morgue und andere Gedichte"
  //         },
  //         {
  //           "BildName": "2012_B_01",
  //           "Titel": "Heyerdahl Auf dem Floß zum Forscherruhm"
  //         },
  //         {
  //           "BildName": "2012_B_02",
  //           "Titel": "Als der Tod zu uns ka"
  //         },
  //         {
  //           "BildName": "2012_B_03",
  //           "Titel": "Beschissatlas"
  //         },
  //         {
  //           "BildName": "2012_B_04",
  //           "Titel": "Deutsche Geschichte in Lebensbildern"
  //         },
  //         {
  //           "BildName": "2012_B_05",
  //           "Titel": "Robert longo charcoal"
  //         },
  //         {
  //           "BildName": "2012_C_01",
  //           "Titel": "hoch und platt"
  //         },
  //         {
  //           "BildName": "2012_C_02",
  //           "Titel": "punkt punkt komma strich"
  //         },
  //         {
  //           "BildName": "2012_C_03",
  //           "Titel": "Es war einmal Indianerland"
  //         },
  //         {
  //           "BildName": "2012_C_04",
  //           "Titel": "Imperfect health"
  //         },
  //         {
  //           "BildName": "2012_C_05",
  //           "Titel": "Stark wie ein Bär"
  //         },
  //         {
  //           "BildName": "2012_D_01",
  //           "Titel": "Die Konstruktive Kraft des Nullpunkts"
  //         },
  //         {
  //           "BildName": "2012_D_02",
  //           "Titel": "young steerer"
  //         },
  //         {
  //           "BildName": "2012_D_03",
  //           "Titel": "ich meiner mir mich"
  //         },
  //         {
  //           "BildName": "2012_D_04",
  //           "Titel": "Der Hals der Giraffe"
  //         },
  //         {
  //           "BildName": "2012_D_05",
  //           "Titel": "Leibeigenschaften"
  //         },
  //         {
  //           "BildName": "2012_E_01",
  //           "Titel": "Lovebugs Coffee and Cigarettes"
  //         },
  //         {
  //           "BildName": "2012_E_02",
  //           "Titel": "The Little Black Jacket"
  //         },
  //         {
  //           "BildName": "2012_E_03",
  //           "Titel": "Arno Schmidt in Hamburg"
  //         },
  //         {
  //           "BildName": "2012_E_04",
  //           "Titel": "Fallen"
  //         },
  //         {
  //           "BildName": "2012_E_05",
  //           "Titel": "Schichten einer Region"
  //         },
  //         {
  //           "BildName": "2012_F_01",
  //           "Titel": "Polymeer"
  //         },
  //         {
  //           "BildName": "2012_F_02",
  //           "Titel": "nachtwandel"
  //         },
  //         {
  //           "BildName": "2012_F_03",
  //           "Titel": "Reporting"
  //         },
  //         {
  //             "BildName": "2013_A_01",
  //             "Titel": "Barents Lessons"
  //           },
  //           {
  //             "BildName": "2013_A_02",
  //             "Titel": "Untragbar"
  //           },
  //           {
  //             "BildName": "2013_A_03",
  //             "Titel": "EROS UND THANATOS"
  //           },
  //           {
  //             "BildName": "2013_A_04",
  //             "Titel": "Lange Liste 79-97"
  //           },
  //           {
  //             "BildName": "2013_A_05",
  //             "Titel": "Intuition"
  //           },
  //           {
  //             "BildName": "2013_B_01",
  //             "Titel": "JAK"
  //           },
  //           {
  //             "BildName": "2013_B_02",
  //             "Titel": "Als die Häuser heimwärts schwebten"
  //           },
  //           {
  //             "BildName": "2013_B_03",
  //             "Titel": "Heute und Danach"
  //           },
  //           {
  //             "BildName": "2013_B_04",
  //             "Titel": "Im Licht der Prophezeihungen"
  //           },
  //           {
  //             "BildName": "2013_B_05",
  //             "Titel": "SIXTINA MMXII"
  //           },
  //           {
  //             "BildName": "2013_C_01",
  //             "Titel": "In einer deutschen Pension"
  //           },
  //           {
  //             "BildName": "2013_C_02",
  //             "Titel": "Alltagsorte in der Stadtregion"
  //           },
  //           {
  //             "BildName": "2013_C_03",
  //             "Titel": "Letzte Woche Donnerstag"
  //           },
  //           {
  //             "BildName": "2013_C_04",
  //             "Titel": "Der Islam"
  //           },
  //           {
  //             "BildName": "2013_C_05",
  //             "Titel": "Elefanten Götter Tänzer"
  //           },
  //           {
  //             "BildName": "2013_D_01",
  //             "Titel": "Kindheit"
  //           },
  //           {
  //             "BildName": "2013_D_02",
  //             "Titel": "Mein kleiner Wald"
  //           },
  //           {
  //             "BildName": "2013_D_03",
  //             "Titel": "Von Meerjungfrauen, Kapitänen & fliegenden Fischen"
  //           },
  //           {
  //             "BildName": "2013_D_04",
  //             "Titel": "9645 Kilometer Entfernung"
  //           },
  //           {
  //             "BildName": "2013_D_05",
  //             "Titel": "Aborigines und Jesuiten am Daly River, Nordaustralien, 1886-1899"
  //           },
  //           {
  //             "BildName": "2013_E_01",
  //             "Titel": "Die Geschichte der Basler Zeitung"
  //           },
  //           {
  //             "BildName": "2013_E_02",
  //             "Titel": "Lederer Ragnarsdóttir Oei"
  //           },
  //           {
  //             "BildName": "2013_E_03",
  //             "Titel": "Typology"
  //           },
  //           {
  //             "BildName": "2013_E_04",
  //             "Titel": "Ein roter Schuh"
  //           },
  //           {
  //             "BildName": "2013_E_05",
  //             "Titel": "Reprobus"
  //           },
  //           {
  //             "BildName": "2013_F_01",
  //             "Titel": "Keiko"
  //           },
  //           {
  //             "BildName": "2013_F_02",
  //             "Titel": "Buchner Bründler Bauten"
  //           },
  //           {
  //             "BildName": "2013_F_03",
  //             "Titel": "Sie blieben im Schatten"
  //           },
  //           {
  //             "BildName": "2014_A_01",
  //             "Titel": "ZigZag",
  //             "GestalterInnen": "Mark Bohle, Hans-Jörg Seidler"
  //           },
  //           {
  //             "BildName": "2014_A_02",
  //             "Titel": "WHO but",
  //             "GetalterInnen": "Reinhard Thomas, Oliver Zuber, Peter Meyerhofer"
  //           },
  //           {
  //             "BildName": "2014_A_03",
  //             "Titel": "Architektur und Umstülpung",
  //             "GetalterInnen": "Wolfram Schildt"
  //           },
  //           {
  //             "BildName": "2014_A_04",
  //             "Titel": "Vom Punkt zur Kugel und zurück",
  //             "GetalterInnen": "Christina Schmid"
  //           },
  //           {
  //             "BildName": "2014_A_05",
  //             "Titel": "Über Schulden und Überschuldung",
  //             "GetalterInnen": "TGG Hafen Senn Stieger"
  //           },
  //           {
  //             "BildName": "2014_B_01",
  //             "Titel": "Der Krieg ist ein Menschenfresser",
  //             "GetalterInnen": "Manja Hellpap"
  //           },
  //           {
  //             "BildName": "2014_B_02",
  //             "Titel": "Das Allerletzte",
  //             "GetalterInnen": "Stephanie Ising, Tom Ising"
  //           },
  //           {
  //             "BildName": "2014_B_03",
  //             "Titel": "Miklós Klaus Rózsa",
  //             "GetalterInnen": "Christof Nüssli, Christoph Oeschger"
  //           },
  //           {
  //             "BildName": "2014_B_04",
  //             "Titel": "J‘ai perdu ma tête",
  //             "GetalterInnen": "Jonas Beuchert, Edition Taube"
  //           },
  //           {
  //             "BildName": "2014_B_05",
  //             "Titel": "Making friends in Bangalore",
  //             "GetalterInnen": "Sebastian Lörscher"
  //           },
  //           {
  //             "BildName": "2014_C_01",
  //             "Titel": "AFRITECTURE",
  //             "GetalterInnen": "Tobias Kohlhaas, Shona Stark"
  //           },
  //           {
  //             "BildName": "2014_C_02",
  //             "Titel": "ON AIR",
  //             "GetalterInnen": "Andreas Hidber"
  //           },
  //           {
  //             "BildName": "2014_C_03",
  //             "Titel": "Feuerwache II",
  //             "GetalterInnen": "Andreas Töpfer"
  //           },
  //           {
  //             "BildName": "2014_C_04",
  //             "Titel": "Forschen, Bauen, Staunen von A-Z",
  //             "GetalterInnen": "Gesine Grotrian"
  //           },
  //           {
  //             "BildName": "2014_C_05",
  //             "Titel": "Bené, schneller als das schnellste Huhn",
  //             "GetalterInnen": "Bernet & Schönenberger GmbH"
  //           },
  //           {
  //             "BildName": "2014_D_01",
  //             "Titel": "Die Welt in Leipzig",
  //             "GetalterInnen": "Kristina Brusa"
  //           },
  //           {
  //             "BildName": "2014_D_02",
  //             "Titel": "Wie Kinder heute wachsen",
  //             "GetalterInnen": "Anja Grimm, Nancy Püschel"
  //           },
  //           {
  //             "BildName": "2014_D_03",
  //             "Titel": "Der goldene Grubber",
  //             "GetalterInnen": "Kat Menschik"
  //           },
  //           {
  //             "BildName": "2014_D_04",
  //             "Titel": "Verfassung verstehen",
  //             "GetalterInnen": "Mike Hofmaier"
  //           },
  //           {
  //             "BildName": "2014_D_05",
  //             "Titel": "Photographs for Documents",
  //             "GetalterInnen": "Tomas Mrazauskas"
  //           },
  //           {
  //             "BildName": "2014_E_01",
  //             "Titel": "Auf der Suche nach Zora",
  //             "GetalterInnen": "Charlotte Bräuer"
  //           },
  //           {
  //             "BildName": "2014_E_02",
  //             "Titel": "Die Zukunft des Mars",
  //             "GetalterInnen": "Lisa Neuhalfen"
  //           },
  //           {
  //             "BildName": "2014_E_03",
  //             "Titel": "Insektopädie",
  //             "GetalterInnen": "Judith Schalansky, Pauline Altmann"
  //           },
  //           {
  //             "BildName": "2014_E_04",
  //             "Titel": "628-E8",
  //             "GetalterInnen": "Friedrich Forssman"
  //           },
  //           {
  //             "BildName": "2014_E_05",
  //             "Titel": "Lindbergh",
  //             "GetalterInnen": "Torben Kuhlmann, Henrike Judwitt"
  //           },
  //           {
  //             "BildName": "2014_F_01",
  //             "Titel": "Winter Journal",
  //             "GetalterInnen": "Joachim Düster"
  //           },
  //           {
  //             "BildName": "2014_F_02",
  //             "Titel": "STASIS",
  //             "GetalterInnen": "Rasmus Koch Studio"
  //           },
  //           {
  //             "BildName": "2014_F_03",
  //             "Titel": "DUNKEL",
  //             "GetalterInnen": "Petra Jummel"
  //           },
  //           {
  //             "BildName": "2015_A_01",
  //             "Titel": "Jours blancs",
  //             "GestalterInnen": "Nanni Goebel, Caroline Harmuth"
  //           },
  //           {
  //             "BildName": "2015_A_02",
  //             "Titel": "Wie funktioniert Glück?",
  //             "GestalterInnen": "Studio Katja Gretzinger"
  //           },
  //           {
  //             "BildName": "2015_A_03",
  //             "Titel": "Anders",
  //             "GestalterInnen": "Gunta Lauck"
  //           },
  //           {
  //             "BildName": "2015_A_04",
  //             "Titel": "Ars Herbaria",
  //             "GestalterInnen": "Wolfram Schildt, Anna S. Fischer"
  //           },
  //           {
  //             "BildName": "2015_A_05",
  //             "Titel": "Das magische Zauberlupenbuch",
  //             "GestalterInnen": "Agathe Demois, Vincent Godeau"
  //           },
  //           {
  //             "BildName": "2015_B_01",
  //             "Titel": "Wenn du einen Wal sehen willst",
  //             "GestalterInnen": "Jennifer Browne, Philip C. Stead"
  //           },
  //           {
  //             "BildName": "2015_B_02",
  //             "Titel": "Der letzte Schrei",
  //             "GestalterInnen": "Iris Kochinka"
  //           },
  //           {
  //             "BildName": "2015_B_03",
  //             "Titel": "Stand up",
  //             "GestalterInnen": "studio grau"
  //           },
  //           {
  //             "BildName": "2015_B_04",
  //             "Titel": "Magische Rosinen",
  //             "GestalterInnen": "Timo Reger"
  //           },
  //           {
  //             "BildName": "2015_B_05",
  //             "Titel": "Reise nach Rom",
  //             "GestalterInnen": "Stephanie, Ralf de Jong"
  //           },
  //           {
  //             "BildName": "2015_C_01",
  //             "Titel": "Weil er er war",
  //             "GestalterInnen": "Christian Rothe, Copa-Ipa"
  //           },
  //           {
  //             "BildName": "2015_C_02",
  //             "Titel": "Dalai Lama",
  //             "GestalterInnen": "Christa Schauer"
  //           },
  //           {
  //             "BildName": "2015_C_03",
  //             "Titel": "Feldküche Unterwegs",
  //             "GestalterInnen": "Christian Feurstein"
  //           },
  //           {
  //             "BildName": "2015_C_04",
  //             "Titel": "Im Verborgenen",
  //             "GestalterInnen": "Dominik Ziller"
  //           },
  //           {
  //             "BildName": "2015_C_05",
  //             "Titel": "Wahre Monster",
  //             "GestalterInnen": "Pauline Altmann"
  //           },
  //           {
  //             "BildName": "2015_D_01",
  //             "Titel": "Die Welt der wilden Tiere",
  //             "GestalterInnen": "Dieter Braun"
  //           },
  //           {
  //             "BildName": "2015_D_02",
  //             "Titel": "Wegner",
  //             "GestalterInnen": "Rasmus Koch Studio"
  //           },
  //           {
  //             "BildName": "2015_D_03",
  //             "Titel": "Kalorien mundgerecht",
  //             "GestalterInnen": "Katrin Schacke"
  //           },
  //           {
  //             "BildName": "2015_D_04",
  //             "Titel": "Gleichungen in Intervallen",
  //             "GestalterInnen": "Sonja Zagermann, Georg Rutishauser"
  //           },
  //           {
  //             "BildName": "2015_D_05",
  //             "Titel": "Wisch und weg",
  //             "GestalterInnen": "Ute Fahlenbock"
  //           },
  //           {
  //             "BildName": "2015_E_01",
  //             "Titel": "Books & Bookster",
  //             "GestalterInnen": "Sandra Doeller"
  //           },
  //           {
  //             "BildName": "2015_E_02",
  //             "Titel": "zu Tisch",
  //             "GestalterInnen": "Anna Pearson, Catherine Pearson"
  //           },
  //           {
  //             "BildName": "2015_E_03",
  //             "Titel": "So frühstückt die Welt",
  //             "GestalterInnen": "Diana Müller"
  //           },
  //           {
  //             "BildName": "2015_E_04",
  //             "Titel": "69 Hotelzimmer",
  //             "GestalterInnen": "Andreas Töpfer"
  //           },
  //           {
  //             "BildName": "2015_E_05",
  //             "Titel": "Inshallah",
  //             "GestalterInnen": "Teun van der Heijden"
  //           },
  //           {
  //             "BildName": "2015_F_01",
  //             "Titel": "Gemeindebuch Lech",
  //             "GestalterInnen": "Reinhard Gassner, Marcel Bachmann, Lutz Krause,"
  //           },
  //           {
  //             "BildName": "2015_F_02",
  //             "Titel": "Anthropomorpha",
  //             "GestalterInnen": "Malin Gewinner"
  //           },
  //           {
  //             "BildName": "2015_F_03",
  //             "Titel": "Insel",
  //             "GestalterInnen": "Ondine Pannet"
  //           },
  //           {
  //             "BildName": "2016_A_01",
  //             "Titel": "Weather Forecast"
  //           },
  //           {
  //             "BildName": "2016_A_02",
  //             "Titel": "Flusseriana"
  //           },
  //           {
  //             "BildName": "2016_A_03",
  //             "Titel": "Transposition"
  //           },
  //           {
  //             "BildName": "2016_A_04",
  //             "Titel": "opfer"
  //           },
  //           {
  //             "BildName": "2016_A_05",
  //             "Titel": "krautkopf"
  //           },
  //           {
  //             "BildName": "2016_B_01",
  //             "Titel": "Was glaubt ihr denn"
  //           },
  //           {
  //             "BildName": "2016_B_02",
  //             "Titel": "Falsche fährten"
  //           },
  //           {
  //             "BildName": "2016_B_03",
  //             "Titel": "Von einem mutigen hasen"
  //           },
  //           {
  //             "BildName": "2016_B_04",
  //             "Titel": "Baum an Baum"
  //           },
  //           {
  //             "BildName": "2016_B_05",
  //             "Titel": "Labor der Phantasie"
  //           },
  //           {
  //             "BildName": "2016_C_01",
  //             "Titel": "Salt and Silver"
  //           },
  //           {
  //             "BildName": "2016_C_02",
  //             "Titel": "Eine Geschichte ohne Ende"
  //           },
  //           {
  //             "BildName": "2016_C_03",
  //             "Titel": ""
  //           },
  //           {
  //             "BildName": "2016_C_04",
  //             "Titel": "Umbau 28"
  //           },
  //           {
  //             "BildName": "2016_C_05",
  //             "Titel": "Funkstille"
  //           },
  //           {
  //             "BildName": "2016_D_01",
  //             "Titel": "Ästhetik der Zensur"
  //           },
  //           {
  //             "BildName": "2016_D_02",
  //             "Titel": "Die biene"
  //           },
  //           {
  //             "BildName": "2016_D_03",
  //             "Titel": "Architecture Reading Aid"
  //           },
  //           {
  //             "BildName": "2016_D_04",
  //             "Titel": "lissabon"
  //           },
  //           {
  //             "BildName": "2016_D_05",
  //             "Titel": "Architekturführer Köln"
  //           },
  //           {
  //             "BildName": "2016_E_01",
  //             "Titel": "Der Trinker"
  //           },
  //           {
  //             "BildName": "2016_E_02",
  //             "Titel": "Alice im Wunderland"
  //           },
  //           {
  //             "BildName": "2016_E_03",
  //             "Titel": "viviane sassen"
  //           },
  //           {
  //             "BildName": "2016_E_04",
  //             "Titel": "olafur eliasson"
  //           },
  //           {
  //             "BildName": "2016_E_05",
  //             "Titel": "peter behrens"
  //           },
  //           {
  //             "BildName": "2016_F_01",
  //             "Titel": "up up"
  //           },
  //           {
  //             "BildName": "2016_F_02",
  //             "Titel": "Steiff"
  //           },
  //           {
  //             "BildName": "2016_F_03",
  //             "Titel": "adibas"
  //           },
  //           {
  //             "BildName": "2017_A_01",
  //             "Titel": "Im eisigen Weiß"
  //           },
  //           {
  //             "BildName": "2017_A_02",
  //             "Titel": "FOC Feuer"
  //           },
  //           {
  //             "BildName": "2017_A_03",
  //             "Titel": "Kleine Sateliten"
  //           },
  //           {
  //             "BildName": "2017_A_04",
  //             "Titel": "Oh ein Tier"
  //           },
  //           {
  //             "BildName": "2017_A_05",
  //             "Titel": "dazwischen"
  //           },
  //           {
  //             "BildName": "2017_B_01",
  //             "Titel": "Guten Morgen kleine Straßenbahn"
  //           },
  //           {
  //             "BildName": "2017_B_02",
  //             "Titel": "Das Prinzip Kochen"
  //           },
  //           {
  //             "BildName": "2017_B_03",
  //             "Titel": "Morgen mehr"
  //           },
  //           {
  //             "BildName": "2017_B_04",
  //             "Titel": "glauben"
  //           },
  //           {
  //             "BildName": "2017_B_05",
  //             "Titel": "Der Fanatismus oder Mohammed"
  //           },
  //           {
  //             "BildName": "2017_C_01",
  //             "Titel": "Monsieur Vuong"
  //           },
  //           {
  //             "BildName": "2017_C_02",
  //             "Titel": "Wieso? Weshalb? Vegan!"
  //           },
  //           {
  //             "BildName": "2017_C_03",
  //             "Titel": "Vom Blatt zum Blättern"
  //           },
  //           {
  //             "BildName": "2017_C_04",
  //             "Titel": "Dominas"
  //           },
  //           {
  //             "BildName": "2017_C_05",
  //             "Titel": "Out of Syria"
  //           },
  //           {
  //             "BildName": "2017_D_01",
  //             "Titel": "Theater hassen"
  //           },
  //           {
  //             "BildName": "2017_D_02",
  //             "Titel": "MACHT"
  //           },
  //           {
  //             "BildName": "2017_D_03",
  //             "Titel": "Paul Auster 4,3,2,1"
  //           },
  //           {
  //             "BildName": "2017_D_04",
  //             "Titel": "Penck"
  //           },
  //           {
  //             "BildName": "2017_D_05",
  //             "Titel": "Der Harburger Binnenhafen"
  //           },
  //           {
  //             "BildName": "2017_E_01",
  //             "Titel": "Soiree Fantastique"
  //           },
  //           {
  //             "BildName": "2017_E_02",
  //             "Titel": "REX ROXY ROYAL"
  //           },
  //           {
  //             "BildName": "2017_E_03",
  //             "Titel": "Die neue Trinkkultur"
  //           },
  //           {
  //             "BildName": "2017_E_04",
  //             "Titel": "Ganz weit weg"
  //           },
  //           {
  //             "BildName": "2017_E_05",
  //             "Titel": "Die Nacht des Elefanten"
  //           },
  //           {
  //             "BildName": "2017_F_01",
  //             "Titel": "anderes wissen"
  //           },
  //           {
  //             "BildName": "2017_F_02",
  //             "Titel": "Spekulationen Transformationen"
  //           },
  //           {
  //             "BildName": "2017_F_03",
  //             "Titel": "bogevischs buero gewohnt"
  //           },
  //           {
  //             "BildName": "2018_A_01",
  //             "Titel": "Sturmbrettchen"
  //           },
  //           {
  //             "BildName": "2018_A_02",
  //             "Titel": "Wohngenossenschaften in Zürich"
  //           },
  //           {
  //             "BildName": "2018_A_03",
  //             "Titel": "Manifestos and Digital Culture"
  //           },
  //           {
  //             "BildName": "2018_A_04",
  //             "Titel": "Wer bist denn du?"
  //           },
  //           {
  //             "BildName": "2018_A_05",
  //             "Titel": "Nähe"
  //           },
  //           {
  //             "BildName": "2018_B_01",
  //             "Titel": "Durch Manhattan"
  //           },
  //           {
  //             "BildName": "2018_B_02",
  //             "Titel": "Song book"
  //           },
  //           {
  //             "BildName": "2018_B_03",
  //             "Titel": "Ametrican readers at home"
  //           },
  //           {
  //             "BildName": "2018_B_04",
  //             "Titel": "food revolution 5.0"
  //           },
  //           {
  //             "BildName": "2018_B_05",
  //             "Titel": "The Sheep and the Goats"
  //           },
  //           {
  //             "BildName": "2018_C_01",
  //             "Titel": "Nichtsein"
  //           },
  //           {
  //             "BildName": "2018_C_02",
  //             "Titel": "Fluss"
  //           },
  //           {
  //             "BildName": "2018_C_03",
  //             "Titel": "V+J! Vivat Jesus"
  //           },
  //           {
  //             "BildName": "2018_C_04",
  //             "Titel": "Handbook of Tyranny"
  //           },
  //           {
  //             "BildName": "2018_C_05",
  //             "Titel": "ICH SO DU SO"
  //           },
  //           {
  //             "BildName": "2018_D_01",
  //             "Titel": "Schwimmt Brot in Milch?"
  //           },
  //           {
  //             "BildName": "2018_D_02",
  //             "Titel": "Die Welt der Berge"
  //           },
  //           {
  //             "BildName": "2018_D_03",
  //             "Titel": "Trecker kommt mit"
  //           },
  //           {
  //             "BildName": "2018_D_04",
  //             "Titel": "So geht Katze!"
  //           },
  //           {
  //             "BildName": "2018_D_05",
  //             "Titel": "Atlas of Palestinian Communities in Israel"
  //           },
  //           {
  //             "BildName": "2018_E_01",
  //             "Titel": "Weit."
  //           },
  //           {
  //             "BildName": "2018_E_02",
  //             "Titel": "Kent Klich Gaza Works"
  //           },
  //           {
  //             "BildName": "2018_E_03",
  //             "Titel": "Die Grüne Stadtküche"
  //           },
  //           {
  //             "BildName": "2018_E_04",
  //             "Titel": "Auftritt Appenzell"
  //           },
  //           {
  //             "BildName": "2018_E_05",
  //             "Titel": "Man möchte machmal wimmern wie Kinder"
  //           },
  //           {
  //             "BildName": "2018_F_01",
  //             "Titel": "Pilze Eine Galerie"
  //           },
  //           {
  //             "BildName": "2018_F_02",
  //             "Titel": "Nächte"
  //           },
  //           {
  //             "BildName": "2018_F_03",
  //             "Titel": "Schwarz und Weiss"
  //           },
  //           {
  //             "BildName": "2019_A_01",
  //             "Titel": "Schnee über Venedig"
  //           },
  //           {
  //             "BildName": "2019_A_02",
  //             "Titel": "Aus den Quellen"
  //           },
  //           {
  //             "BildName": "2019_A_03",
  //             "Titel": "Enghelab Street"
  //           },
  //           {
  //             "BildName": "2019_A_04",
  //             "Titel": "ARNO RINK"
  //           },
  //           {
  //             "BildName": "2019_A_05",
  //             "Titel": "Moravia Manifesto"
  //           },
  //           {
  //             "BildName": "2019_B_01",
  //             "Titel": "OH, EINE PFLANZE!"
  //           },
  //           {
  //             "BildName": "2019_B_02",
  //             "Titel": "Domizile auf Zeit"
  //           },
  //           {
  //             "BildName": "2019_B_03",
  //             "Titel": "Das ist das Bauhaus!"
  //           },
  //           {
  //             "BildName": "2019_B_04",
  //             "Titel": "Hans Christian Andersen"
  //           },
  //           {
  //             "BildName": "2019_B_05",
  //             "Titel": "Über Versöhnung"
  //           },
  //           {
  //             "BildName": "2019_C_01",
  //             "Titel": "Der Habicht"
  //           },
  //           {
  //             "BildName": "2019_C_02",
  //             "Titel": "Questions? Looking for answers in the middle of somewhere"
  //           },
  //           {
  //             "BildName": "2019_C_03",
  //             "Titel": "Lebendige Skulpturen"
  //           },
  //           {
  //             "BildName": "2019_C_04",
  //             "Titel": "PIXELZOO"
  //           },
  //           {
  //             "BildName": "2019_C_05",
  //             "Titel": "Begel, der Egel"
  //           },
  //           {
  //             "BildName": "2019_D_01",
  //             "Titel": "Die Reise zum Mittelpunkt des Waldes"
  //           },
  //           {
  //             "BildName": "2019_D_02",
  //             "Titel": "Tugenden für das 21. Jahrhundert"
  //           },
  //           {
  //             "BildName": "2019_D_03",
  //             "Titel": "Die Lokomotive und der Prellbock"
  //           },
  //           {
  //             "BildName": "2019_D_04",
  //             "Titel": "POE Unheimliche Geschichten"
  //           },
  //           {
  //             "BildName": "2019_D_05",
  //             "Titel": "\bMINDSTATE MALIBU"
  //           },
  //           {
  //             "BildName": "2019_E_01",
  //             "Titel": "Labics Strucktures"
  //           },
  //           {
  //             "BildName": "2019_E_02",
  //             "Titel": "Für alle Lieben in der Welt"
  //           },
  //           {
  //             "BildName": "2019_E_03",
  //             "Titel": "Im Zweifel für den Zweifel"
  //           },
  //           {
  //             "BildName": "2019_E_04",
  //             "Titel": "RAF"
  //           },
  //           {
  //             "BildName": "2019_E_05",
  //             "Titel": "Weltall Erde Mensch #23"
  //           },
  //           {
  //             "BildName": "2019_F_01",
  //             "Titel": "Atlas of the Copenhagens"
  //           },
  //           {
  //             "BildName": "2019_F_02",
  //             "Titel": "Verzeichnis einiger Verluste"
  //           },
  //           {
  //             "BildName": "2019_F_03",
  //             "Titel": "Schattenfroh"
  //           },
  //           {
  //             "BildName": "2020_A_01",
  //             "Titel": "Bleiweiß"
  //           },
  //           {
  //             "BildName": "2020_A_02",
  //             "Titel": "Jeder Tag ist Ida-Tag"
  //           },
  //           {
  //             "BildName": "2020_A_03",
  //             "Titel": "Wie der Wahnsinn mir die Welt erklärte"
  //           },
  //           {
  //             "BildName": "2020_A_04",
  //             "Titel": "Beethoven"
  //           },
  //           {
  //             "BildName": "2020_A_05",
  //             "Titel": "Draußen gehen"
  //           },
  //           {
  //             "BildName": "2020_B_01",
  //             "Titel": "Die Wunderkammer der Deutschen Sprache"
  //           },
  //           {
  //             "BildName": "2020_B_02",
  //             "Titel": "Insight"
  //           },
  //           {
  //             "BildName": "2020_B_03",
  //             "Titel": "pflegen helfen"
  //           },
  //           {
  //             "BildName": "2020_B_04",
  //             "Titel": "Treppauf – Treppab"
  //           },
  //           {
  //             "BildName": "2020_B_05",
  //             "Titel": "Adrian Streich Architekten"
  //           },
  //           {
  //             "BildName": "2020_C_01",
  //             "Titel": "Das Jahr 1990 freilegen"
  //           },
  //           {
  //             "BildName": "2020_C_02",
  //             "Titel": "Architecture and Argument"
  //           },
  //           {
  //             "BildName": "2020_C_03",
  //             "Titel": "Nam-Tchun Mo"
  //           },
  //           {
  //             "BildName": "2020_C_04",
  //             "Titel": "In Stalins Reich"
  //           },
  //           {
  //             "BildName": "2020_C_05",
  //             "Titel": "A.R. Penck. How it works"
  //           },
  //           {
  //             "BildName": "2020_D_01",
  //             "Titel": "Baedeker's Handbuch für Schnellreisende"
  //           },
  //           {
  //             "BildName": "2020_D_02",
  //             "Titel": "Ludwigsburger Schlossfestspiele 2020"
  //           },
  //           {
  //             "BildName": "2020_D_03",
  //             "Titel": "Demonstrationsräume. Künstlerische Auseinandersetzung mit Raum und Display im Albertinum"
  //           },
  //           {
  //             "BildName": "2020_D_04",
  //             "Titel": "Yellow Book"
  //           },
  //           {
  //             "BildName": "2020_D_05",
  //             "Titel": "Ohne Wasser geht nichts!"
  //           },
  //           {
  //             "BildName": "2020_E_01",
  //             "Titel": "Die Pfingstrosenlaterne"
  //           },
  //           {
  //             "BildName": "2020_E_02",
  //             "Titel": "Die Fabel von Fausto"
  //           },
  //           {
  //             "BildName": "2020_E_03",
  //             "Titel": "Miroloi"
  //           },
  //           {
  //             "BildName": "2020_E_04",
  //             "Titel": "Menschheitsdämmerung"
  //           },
  //           {
  //             "BildName": "2020_E_05",
  //             "Titel": "Die wundersamen Zwölf"
  //           },
  //           {
  //             "BildName": "2020_F_01",
  //             "Titel": "OFF/ON STAGE"
  //           },
  //           {
  //             "BildName": "2020_F_02",
  //             "Titel": "Die Bibel"
  //           },
  //           {
  //             "BildName": "2020_F_03",
  //             "Titel": "Aphelion"
  //           },
  //           {
  //             "BildName": "2021_A_01",
  //             "Titel": "Exploriso: Low-tech Fine Art"
  //           },
  //           {
  //             "BildName": "2021_A_02",
  //             "Titel": "Migrant Marseille: Architectures of Social Segregation and Urban Inclusivity"
  //           },
  //           {
  //             "BildName": "2021_A_03",
  //             "Titel": "Zwischen Euphrat und Tigris"
  //           },
  //           {
  //             "BildName": "2021_A_04",
  //             "Titel": "Auf Abwegen"
  //           },
  //           {
  //             "BildName": "2021_A_05",
  //             "Titel": "Data Centers"
  //           },
  //           {
  //             "BildName": "2021_B_01",
  //             "Titel": "The Handmaid's Tale"
  //           },
  //           {
  //             "BildName": "2021_B_02",
  //             "Titel": "Umgeben von Kunst"
  //           },
  //           {
  //             "BildName": "2021_B_03",
  //             "Titel": "Wo kommt unser Essen her?"
  //           },
  //           {
  //             "BildName": "2021_B_04",
  //             "Titel": "Ameisig"
  //           },
  //           {
  //             "BildName": "2021_B_05",
  //             "Titel": "The Cost of Living"
  //           },
  //           {
  //             "BildName": "2021_C_01",
  //             "Titel": "Sonnige Grüße aus Ziffernhausen"
  //           },
  //           {
  //             "BildName": "2021_C_02",
  //             "Titel": "Heimkommen"
  //           },
  //           {
  //             "BildName": "2021_C_03",
  //             "Titel": "Das Neue Alphabet"
  //           },
  //           {
  //             "BildName": "2021_C_04",
  //             "Titel": "Culture Switch"
  //           },
  //           {
  //             "BildName": "2021_C_05",
  //             "Titel": "Inagawa Cemetery Chapel and Vistor Centre designed by David Chipperfield"
  //           },
  //           {
  //             "BildName": "2021_D_01",
  //             "Titel": "Die großen Flüsse der Welt"
  //           },
  //           {
  //             "BildName": "2021_D_02",
  //             "Titel": "Man kann keine Steine essen"
  //           },
  //           {
  //             "BildName": "2021_D_03",
  //             "Titel": "Welt der Renaissance"
  //           },
  //           {
  //             "BildName": "2021_D_04",
  //             "Titel": "Gesellschaft Eine Insel"
  //           },
  //           {
  //             "BildName": "2021_D_05",
  //             "Titel": "Kosmos Emma Kunz"
  //           },
  //           {
  //             "BildName": "2021_E_01",
  //             "Titel": "NASA Apollo 11 — Man on the Moon"
  //           },
  //           {
  //             "BildName": "2021_E_02",
  //             "Titel": "Ich will doch immer nur kriegen was ich haben will"
  //           },
  //           {
  //             "BildName": "2021_E_03",
  //             "Titel": "Avant-Garde as Method"
  //           },
  //           {
  //             "BildName": "2021_E_04",
  //             "Titel": "Überfahrt"
  //           },
  //           {
  //             "BildName": "2021_E_05",
  //             "Titel": "Elefant auf der Brust"
  //           },
  //           {
  //             "BildName": "2021_F_01",
  //             "Titel": "Schlafen wie die Rüben"
  //           },
  //           {
  //             "BildName": "2021_F_02",
  //             "Titel": "Rodin / Arp"
  //           },
  //           {
  //             "BildName": "2021_F_03",
  //             "Titel": "Erdöl"
  //           }
          
        
  // ];
  const json = [
    {
        "BildName": "2012_A_01",
        "Titel": "iwahaubdd"
      },
      {
        "BildName": "2012_A_02",
        "Titel": "decodeunicode"
      },
      {
        "BildName": "2012_A_03",
        "Titel": "wolkenstudien"
      },
      {
        "BildName": "2012_A_04",
        "Titel": "Bauen mit Holz: Wege in die Zukunft"
      },
      {
        "BildName": "2012_A_05",
        "Titel": "Morgue und andere Gedichte"
      },
      {
        "BildName": "2012_B_01",
        "Titel": "Heyerdahl Auf dem Floß zum Forscherruhm"
      },
      {
        "BildName": "2012_B_02",
        "Titel": "Als der Tod zu uns ka"
      },
      {
        "BildName": "2012_B_03",
        "Titel": "Beschissatlas"
      },
      {
        "BildName": "2012_B_04",
        "Titel": "Deutsche Geschichte in Lebensbildern"
      },
      {
        "BildName": "2012_B_05",
        "Titel": "Robert longo charcoal"
      },
      {
        "BildName": "2012_C_01",
        "Titel": "hoch und platt"
      },
      {
        "BildName": "2012_C_02",
        "Titel": "punkt punkt komma strich"
      },
      {
        "BildName": "2012_C_03",
        "Titel": "Es war einmal Indianerland"
      },
      {
        "BildName": "2012_C_04",
        "Titel": "Imperfect health"
      },
      {
        "BildName": "2012_C_05",
        "Titel": "Stark wie ein Bär"
      },
      {
        "BildName": "2012_D_01",
        "Titel": "Die Konstruktive Kraft des Nullpunkts"
      },
      {
        "BildName": "2012_D_02",
        "Titel": "young steerer"
      },
      {
        "BildName": "2012_D_03",
        "Titel": "ich meiner mir mich"
      },
      {
        "BildName": "2012_D_04",
        "Titel": "Der Hals der Giraffe"
      },
      {
        "BildName": "2012_D_05",
        "Titel": "Leibeigenschaften"
      },
      {
        "BildName": "2012_E_01",
        "Titel": "Lovebugs Coffee and Cigarettes"
      },
      {
        "BildName": "2012_E_02",
        "Titel": "The Little Black Jacket"
      },
      {
        "BildName": "2012_E_03",
        "Titel": "Arno Schmidt in Hamburg"
      },
      {
        "BildName": "2012_E_04",
        "Titel": "Fallen"
      },
      {
        "BildName": "2012_E_05",
        "Titel": "Schichten einer Region"
      },
      {
        "BildName": "2012_F_01",
        "Titel": "Polymeer"
      },
      {
        "BildName": "2012_F_02",
        "Titel": "nachtwandel"
      },
      {
        "BildName": "2012_F_03",
        "Titel": "Reporting"
      },
      {
        "BildName": "2013_A_01",
        "Titel": "Barents Lessons"
      },
      {
        "BildName": "2013_A_02",
        "Titel": "Untragbar"
      },
      {
        "BildName": "2013_A_03",
        "Titel": "EROS UND THANATOS"
      },
      {
        "BildName": "2013_A_04",
        "Titel": "Lange Liste 79-97"
      },
      {
        "BildName": "2013_A_05",
        "Titel": "Intuition"
      },
      {
        "BildName": "2013_B_01",
        "Titel": "JAK"
      },
      {
        "BildName": "2013_B_02",
        "Titel": "Als die Häuser heimwärts schwebten"
      },
      {
        "BildName": "2013_B_03",
        "Titel": "Heute und Danach"
      },
      {
        "BildName": "2013_B_04",
        "Titel": "Im Licht der Prophezeihungen"
      },
      {
        "BildName": "2013_B_05",
        "Titel": "SIXTINA MMXII"
      },
      {
        "BildName": "2013_C_01",
        "Titel": "In einer deutschen Pension"
      },
      {
        "BildName": "2013_C_02",
        "Titel": "Alltagsorte in der Stadtregion"
      },
      {
        "BildName": "2013_C_03",
        "Titel": "Letzte Woche Donnerstag"
      },
      {
        "BildName": "2013_C_04",
        "Titel": "Der Islam"
      },
      {
        "BildName": "2013_C_05",
        "Titel": "Elefanten Götter Tänzer"
      },
      {
        "BildName": "2013_D_01",
        "Titel": "Kindheit"
      },
      {
        "BildName": "2013_D_02",
        "Titel": "Mein kleiner Wald"
      },
      {
        "BildName": "2013_D_03",
        "Titel": "Von Meerjungfrauen, Kapitänen & fliegenden Fischen"
      },
      {
        "BildName": "2013_D_04",
        "Titel": "9645 Kilometer Entfernung"
      },
      {
        "BildName": "2013_D_05",
        "Titel": "Aborigines und Jesuiten am Daly River, Nordaustralien, 1886-1899"
      },
      {
        "BildName": "2013_E_01",
        "Titel": "Die Geschichte der Basler Zeitung"
      },
      {
        "BildName": "2013_E_02",
        "Titel": "Lederer Ragnarsdóttir Oei"
      },
      {
        "BildName": "2013_E_03",
        "Titel": "Typology"
      },
      {
        "BildName": "2013_E_04",
        "Titel": "Ein roter Schuh"
      },
      {
        "BildName": "2013_E_05",
        "Titel": "Reprobus"
      },
      {
        "BildName": "2013_F_01",
        "Titel": "Keiko"
      },
      {
        "BildName": "2013_F_02",
        "Titel": "Buchner Bründler Bauten"
      },
      {
        "BildName": "2013_F_03",
        "Titel": "Sie blieben im Schatten"
      },
      {
        "BildName": "2014_A_01",
        "Titel": "ZigZag",
        "GestalterInnen": "Mark Bohle, Hans-Jörg Seidler"
      },
      {
        "BildName": "2014_A_02",
        "Titel": "WHO but",
        "GestalterInnen": "Reinhard Thomas, Oliver Zuber, Peter Meyerhofer"
      },
      {
        "BildName": "2014_A_03",
        "Titel": "Architektur und Umstülpung",
        "GestalterInnen": "Wolfram Schildt"
      },
      {
        "BildName": "2014_A_04",
        "Titel": "Vom Punkt zur Kugel und zurück",
        "GestalterInnen": "Christina Schmid"
      },
      {
        "BildName": "2014_A_05",
        "Titel": "Über Schulden und Überschuldung",
        "GestalterInnen": "TGG Hafen Senn Stieger"
      },
      {
        "BildName": "2014_B_01",
        "Titel": "Der Krieg ist ein Menschenfresser",
        "GestalterInnen": "Manja Hellpap"
      },
      {
        "BildName": "2014_B_02",
        "Titel": "Das Allerletzte",
        "GestalterInnen": "Stephanie Ising, Tom Ising"
      },
      {
        "BildName": "2014_B_03",
        "Titel": "Miklós Klaus Rózsa",
        "GestalterInnen": "Christof Nüssli, Christoph Oeschger"
      },
      {
        "BildName": "2014_B_04",
        "Titel": "J‘ai perdu ma tête",
        "GestalterInnen": "Jonas Beuchert, Edition Taube"
      },
      {
        "BildName": "2014_B_05",
        "Titel": "Making friends in Bangalore",
        "GestalterInnen": "Sebastian Lörscher"
      },
      {
        "BildName": "2014_C_01",
        "Titel": "AFRITECTURE",
        "GestalterInnen": "Tobias Kohlhaas, Shona Stark"
      },
      {
        "BildName": "2014_C_02",
        "Titel": "ON AIR",
        "GestalterInnen": "Andreas Hidber"
      },
      {
        "BildName": "2014_C_03",
        "Titel": "Feuerwache II",
        "GestalterInnen": "Andreas Töpfer"
      },
      {
        "BildName": "2014_C_04",
        "Titel": "Forschen, Bauen, Staunen von A-Z",
        "GestalterInnen": "Gesine Grotrian"
      },
      {
        "BildName": "2014_C_05",
        "Titel": "Bené, schneller als das schnellste Huhn",
        "GestalterInnen": "Bernet & Schönenberger GmbH"
      },
      {
        "BildName": "2014_D_01",
        "Titel": "Die Welt in Leipzig",
        "GestalterInnen": "Kristina Brusa"
      },
      {
        "BildName": "2014_D_02",
        "Titel": "Wie Kinder heute wachsen",
        "GestalterInnen": "Anja Grimm, Nancy Püschel"
      },
      {
        "BildName": "2014_D_03",
        "Titel": "Der goldene Grubber",
        "GestalterInnen": "Kat Menschik"
      },
      {
        "BildName": "2014_D_04",
        "Titel": "Verfassung verstehen",
        "GestalterInnen": "Mike Hofmaier"
      },
      {
        "BildName": "2014_D_05",
        "Titel": "Photographs for Documents",
        "GestalterInnen": "Tomas Mrazauskas"
      },
      {
        "BildName": "2014_E_01",
        "Titel": "Auf der Suche nach Zora",
        "GestalterInnen": "Charlotte Bräuer"
      },
      {
        "BildName": "2014_E_02",
        "Titel": "Die Zukunft des Mars",
        "GestalterInnen": "Lisa Neuhalfen"
      },
      {
        "BildName": "2014_E_03",
        "Titel": "Insektopädie",
        "GestalterInnen": "Judith Schalansky, Pauline Altmann"
      },
      {
        "BildName": "2014_E_04",
        "Titel": "628-E8",
        "GestalterInnen": "Friedrich Forssman"
      },
      {
        "BildName": "2014_E_05",
        "Titel": "Lindbergh",
        "GestalterInnen": "Torben Kuhlmann, Henrike Judwitt"
      },
      {
        "BildName": "2014_F_01",
        "Titel": "Winter Journal",
        "GestalterInnen": "Joachim Düster"
      },
      {
        "BildName": "2014_F_02",
        "Titel": "STASIS",
        "GestalterInnen": "Rasmus Koch Studio"
      },
      {
        "BildName": "2014_F_03",
        "Titel": "DUNKEL",
        "GestalterInnen": "Petra Jummel"
      },
      {
        "BildName": "2015_A_01",
        "Titel": "Jours blancs",
        "GestalterInnen": "Nanni Goebel, Caroline Harmuth"
      },
      {
        "BildName": "2015_A_02",
        "Titel": "Wie funktioniert Glück?",
        "GestalterInnen": "Studio Katja Gretzinger"
      },
      {
        "BildName": "2015_A_03",
        "Titel": "Anders",
        "GestalterInnen": "Gunta Lauck"
      },
      {
        "BildName": "2015_A_04",
        "Titel": "Ars Herbaria",
        "GestalterInnen": "Wolfram Schildt, Anna S. Fischer"
      },
      {
        "BildName": "2015_A_05",
        "Titel": "Das magische Zauberlupenbuch",
        "GestalterInnen": "Agathe Demois, Vincent Godeau"
      },
      {
        "BildName": "2015_B_01",
        "Titel": "Wenn du einen Wal sehen willst",
        "GestalterInnen": "Jennifer Browne, Philip C. Stead"
      },
      {
        "BildName": "2015_B_02",
        "Titel": "Der letzte Schrei",
        "GestalterInnen": "Iris Kochinka"
      },
      {
        "BildName": "2015_B_03",
        "Titel": "Stand up",
        "GestalterInnen": "studio grau"
      },
      {
        "BildName": "2015_B_04",
        "Titel": "Magische Rosinen",
        "GestalterInnen": "Timo Reger"
      },
      {
        "BildName": "2015_B_05",
        "Titel": "Reise nach Rom",
        "GestalterInnen": "Stephanie, Ralf de Jong"
      },
      {
        "BildName": "2015_C_01",
        "Titel": "Weil er er war",
        "GestalterInnen": "Christian Rothe, Copa-Ipa"
      },
      {
        "BildName": "2015_C_02",
        "Titel": "Dalai Lama",
        "GestalterInnen": "Christa Schauer"
      },
      {
        "BildName": "2015_C_03",
        "Titel": "Feldküche Unterwegs",
        "GestalterInnen": "Christian Feurstein"
      },
      {
        "BildName": "2015_C_04",
        "Titel": "Im Verborgenen",
        "GestalterInnen": "Dominik Ziller"
      },
      {
        "BildName": "2015_C_05",
        "Titel": "Wahre Monster",
        "GestalterInnen": "Pauline Altmann"
      },
      {
        "BildName": "2015_D_01",
        "Titel": "Die Welt der wilden Tiere",
        "GestalterInnen": "Dieter Braun"
      },
      {
        "BildName": "2015_D_02",
        "Titel": "Wegner",
        "GestalterInnen": "Rasmus Koch Studio"
      },
      {
        "BildName": "2015_D_03",
        "Titel": "Kalorien mundgerecht",
        "GestalterInnen": "Katrin Schacke"
      },
      {
        "BildName": "2015_D_04",
        "Titel": "Gleichungen in Intervallen",
        "GestalterInnen": "Sonja Zagermann, Georg Rutishauser"
      },
      {
        "BildName": "2015_D_05",
        "Titel": "Wisch und weg",
        "GestalterInnen": "Ute Fahlenbock"
      },
      {
        "BildName": "2015_E_01",
        "Titel": "Books & Bookster",
        "GestalterInnen": "Sandra Doeller"
      },
      {
        "BildName": "2015_E_02",
        "Titel": "zu Tisch",
        "GestalterInnen": "Anna Pearson, Catherine Pearson"
      },
      {
        "BildName": "2015_E_03",
        "Titel": "So frühstückt die Welt",
        "GestalterInnen": "Diana Müller"
      },
      {
        "BildName": "2015_E_04",
        "Titel": "69 Hotelzimmer",
        "GestalterInnen": "Andreas Töpfer"
      },
      {
        "BildName": "2015_E_05",
        "Titel": "Inshallah",
        "GestalterInnen": "Teun van der Heijden"
      },
      {
        "BildName": "2015_F_01",
        "Titel": "Gemeindebuch Lech",
        "GestalterInnen": "Reinhard Gassner, Marcel Bachmann, Lutz Krause,"
      },
      {
        "BildName": "2015_F_02",
        "Titel": "Anthropomorpha",
        "GestalterInnen": "Malin Gewinner"
      },
      {
        "BildName": "2015_F_03",
        "Titel": "Insel",
        "GestalterInnen": "Ondine Pannet"
      },
      {
        "BildName": "2016_A_01",
        "Titel": "Weather Forecast",
        "GestalterInnen": "Marina Kampka"
      },
      {
        "BildName": "2016_A_02",
        "Titel": "Flusseriana",
        "GestalterInnen": "2xGoldstein+Fronczek"
      },
      {
        "BildName": "2016_A_03",
        "Titel": "Transposition",
        "GestalterInnen": "Pascal Storz, Fabian Bremer, Christian Hofer"
      },
      {
        "BildName": "2016_A_04",
        "Titel": "opfer",
        "GestalterInnen": "Stefanie Schelleis"
      },
      {
        "BildName": "2016_A_05",
        "Titel": "krautkopf",
        "GestalterInnen": "Tanja Kapahnke"
      },
      {
        "BildName": "2016_B_01",
        "Titel": "Was glaubt ihr denn?",
        "GestalterInnen": "Marion Blomeyer"
      },
      {
        "BildName": "2016_B_02",
        "Titel": "Falsche fährten",
        "GestalterInnen": "Jonas Voegeli, Kerstin Landis, Scott Vander Zee"
      },
      {
        "BildName": "2016_B_03",
        "Titel": "Von einem mutigen hasen",
        "GestalterInnen": "Christiane Dunkel-Koberg, Annabel Lammers"
      },
      {
        "BildName": "2016_B_04",
        "Titel": "Baum an Baum",
        "GestalterInnen": "Petra Rappo"
      },
      {
        "BildName": "2016_B_05",
        "Titel": "Labor der Phantasie",
        "GestalterInnen": "Hanna Zeckau, Carsten Aermes"
      },
      {
        "BildName": "2016_C_01",
        "Titel": "Salt & Silver Lateinamerika",
        "GestalterInnen": "Johannes Riffelmacher, Nils Poppe, Dominik Gauly, Yulia Morozova"
      },
      {
        "BildName": "2016_C_02",
        "Titel": "Eine Geschichte ohne Ende",
        "GestalterInnen": "Bernet & Schönenberger"
      },
      {
        "BildName": "2016_C_03",
        "Titel": "Kolokolamsk",
        "GestalterInnen": "Alexandra Kardinar"
      },
      {
        "BildName": "2016_C_04",
        "Titel": "Umbau 28",
        "GestalterInnen": "Gabriele Lenz, Lena Henrich"
      },
      {
        "BildName": "2016_C_05",
        "Titel": "Plötzlich Funkstille",
        "GestalterInnen": "Benjamin Courtault"
      },
      {
        "BildName": "2016_D_01",
        "Titel": "Ästhetik der Zensur",
        "GestalterInnen": "Marion Kliesch"
      },
      {
        "BildName": "2016_D_02",
        "Titel": "Die Biene",
        "GestalterInnen": "Fons Hickmann, Sven Lindhorst-Emme"
      },
      {
        "BildName": "2016_D_03",
        "Titel": "Architecture Reading Aid",
        "GestalterInnen": "Niklas Fanelsa, Marius Helten, Björn Martenson, Leonard Wertgen"
      },
      {
        "BildName": "2016_D_04",
        "Titel": "lissabon",
        "GestalterInnen": "Eva Gonçalves"
      },
      {
        "BildName": "2016_D_05",
        "Titel": "Architekturführer Köln",
        "GestalterInnen": "Jazek Poralla"
      },
      {
        "BildName": "2016_E_01",
        "Titel": "Der Trinker",
        "GestalterInnen": "Jakob Hinrichs"
      },
      {
        "BildName": "2016_E_02",
        "Titel": "Alice im Wunderland",
        "GestalterInnen": "Floor Rieder,"
      },
      {
        "BildName": "2016_E_03",
        "Titel": "viviane sassen",
        "GestalterInnen": "Irma Boom, Akiko Wakabayashi"
      },
      {
        "BildName": "2016_E_04",
        "Titel": "olafur eliasson",
        "GestalterInnen": "Irma Boom"
      },
      {
        "BildName": "2016_E_05",
        "Titel": "Zeitloses und Zeitbewegtes",
        "GestalterInnen": "Bernd Kuchenbeiser"
      },
      {
        "BildName": "2016_F_01",
        "Titel": "up up",
        "GestalterInnen": "Huber, Sterzinger"
      },
      {
        "BildName": "2016_F_02",
        "Titel": "Steiff",
        "GestalterInnen": "Maximilian Schachtner, Hannes Rohrer"
      },
      {
        "BildName": "2016_F_03",
        "Titel": "adibas",
        "GestalterInnen": "Katrin Jacobsen"
      },
      {
        "BildName": "2017_A_01",
        "Titel": "Im eisigen Weiß",
        "GestalterInnen": "Christine Antonot"
      },
      {
        "BildName": "2017_A_02",
        "Titel": "FOC Feuer",
        "GestalterInnen": "Sebastian Rether"
      },
      {
        "BildName": "2017_A_03",
        "Titel": "Kleine Satelliten",
        "GestalterInnen": "Sarah Käsmayr"
      },
      {
        "BildName": "2017_A_04",
        "Titel": "Oh ein Tier",
        "GestalterInnen": "Felix Bork"
      },
      {
        "BildName": "2017_A_05",
        "Titel": "dazwischen",
        "GestalterInnen": "Stefan Gunnesch"
      },
      {
        "BildName": "2017_B_01",
        "Titel": "Guten Morgen kleine Straßenbahn",
        "GestalterInnen": "Susanne Reeh, Julie Völk"
      },
      {
        "BildName": "2017_B_02",
        "Titel": "Das Prinzip Kochen",
        "GestalterInnen": "Claudia Fillmann"
      },
      {
        "BildName": "2017_B_03",
        "Titel": "Morgen mehr",
        "GestalterInnen": "Stefanie Schelleis"
      },
      {
        "BildName": "2017_B_04",
        "Titel": "glauben",
        "GestalterInnen": "Bärbel Messmann"
      },
      {
        "BildName": "2017_B_05",
        "Titel": "Der Fanatismus oder Mohammed",
        "GestalterInnen": "2xGoldstein+Fronczek"
      },
      {
        "BildName": "2017_C_01",
        "Titel": "Monsieur Vuong",
        "GestalterInnen": "Hendrik Hellige"
      },
      {
        "BildName": "2017_C_02",
        "Titel": "Wieso? Weshalb? Vegan!",
        "GestalterInnen": "Elisabeth Lenhard"
      },
      {
        "BildName": "2017_C_03",
        "Titel": "Vom Blatt zum Blättern",
        "GestalterInnen": "Franziska Morlok, Miriam Waszelewski"
      },
      {
        "BildName": "2017_C_04",
        "Titel": "Dominas",
        "GestalterInnen": "Cedric Vilim"
      },
      {
        "BildName": "2017_C_05",
        "Titel": "Out of Syria",
        "GestalterInnen": "Dona Abboud"
      },
      {
        "BildName": "2017_D_01",
        "Titel": "Theater hassen",
        "GestalterInnen": "Julia Rissler"
      },
      {
        "BildName": "2017_D_02",
        "Titel": "MACHT",
        "GestalterInnen": "Carsten Eisfeld"
      },
      {
        "BildName": "2017_D_03",
        "Titel": "4,3,2,1",
        "GestalterInnen": "Daniel Sauthoff"
      },
      {
        "BildName": "2017_D_04",
        "Titel": "Penck",
        "GestalterInnen": "SpMillot"
      },
      {
        "BildName": "2017_D_05",
        "Titel": "Der Harburger Binnenhafen",
        "GestalterInnen": "Lynn Grevenitz, Henning Tietz"
      },
      {
        "BildName": "2017_E_01",
        "Titel": "Soiree Fantastique",
        "GestalterInnen": "Pierre Pané-Farré"
      },
      {
        "BildName": "2017_E_02",
        "Titel": "REX ROXY ROYAL",
        "GestalterInnen": "Sandra Walti, Tina Schmid"
      },
      {
        "BildName": "2017_E_03",
        "Titel": "Die neue Trinkkultur",
        "GestalterInnen": "Andreas Töpfer"
      },
      {
        "BildName": "2017_E_04",
        "Titel": "Ganz weit weg",
        "GestalterInnen": "Frank Viva"
      },
      {
        "BildName": "2017_E_05",
        "Titel": "Die Nacht des Elefanten",
        "GestalterInnen": "Annabel Lammers"
      },
      {
        "BildName": "2017_F_01",
        "Titel": "anderes wissen",
        "GestalterInnen": "Stefanie Ackermann"
      },
      {
        "BildName": "2017_F_02",
        "Titel": "Spekulationen Transformationen",
        "GestalterInnen": "Nicolas Bourquin, Raphael Schoen"
      },
      {
        "BildName": "2017_F_03",
        "Titel": "bogevischs buero gewohnt",
        "GestalterInnen": "Wilhelm Koch, Gerhard Schmidt-Schönenberg, Manfred Wilhelm"
      },
      {
        "BildName": "2018_A_01",
        "Titel": "Sturmbrettchen",
        "GestalterInnen": "Tobias Jochinke"
      },
      {
        "BildName": "2018_A_02",
        "Titel": "Wohngenossenschaften in Zürich",
        "GestalterInnen": "Antje Kolm"
      },
      {
        "BildName": "2018_A_03",
        "Titel": "Manifestos and Digital Culture",
        "GestalterInnen": "Sarah Käsmayr, Cássia Vila"
      },
      {
        "BildName": "2018_A_04",
        "Titel": "Wer bist denn du?",
        "GestalterInnen": "Manu Ancutici"
      },
      {
        "BildName": "2018_A_05",
        "Titel": "Nähe",
        "GestalterInnen": "Cornelia Helm"
      },
      {
        "BildName": "2018_B_01",
        "Titel": "Durch Manhattan",
        "GestalterInnen": "Stefanie Schelleis"
      },
      {
        "BildName": "2018_B_02",
        "Titel": "Song book",
        "GestalterInnen": "Philipp Keel, Kobi Benezri"
      },
      {
        "BildName": "2018_B_03",
        "Titel": "Ametrican readers at home",
        "GestalterInnen": "Ludovic Balland"
      },
      {
        "BildName": "2018_B_04",
        "Titel": "food revolution 5.0",
        "GestalterInnen": "Daniela Haufe, Detlef Fiedler"
      },
      {
        "BildName": "2018_B_05",
        "Titel": "The Sheep and the Goats",
        "GestalterInnen": "Maximiliane Hüls"
      },
      {
        "BildName": "2018_C_01",
        "Titel": "Nichtsein",
        "GestalterInnen": "Katharina Schwarz"
      },
      {
        "BildName": "2018_C_02",
        "Titel": "Fluss",
        "GestalterInnen": "Dorothee Waldenmaier"
      },
      {
        "BildName": "2018_C_03",
        "Titel": "V+J! Vivat Jesus",
        "GestalterInnen": "Johannes Bissinger"
      },
      {
        "BildName": "2018_C_04",
        "Titel": "Handbook of Tyranny",
        "GestalterInnen": "Theo Deutinger, Esther Butterworth, Lars Müller"
      },
      {
        "BildName": "2018_C_05",
        "Titel": "ICH SO DU SO",
        "GestalterInnen": "von Zubinski"
      },
      {
        "BildName": "2018_D_01",
        "Titel": "Schwimmt Brot in Milch?",
        "GestalterInnen": "Katrin Stangl"
      },
      {
        "BildName": "2018_D_02",
        "Titel": "Die Welt der Berge",
        "GestalterInnen": "Dieter Braun"
      },
      {
        "BildName": "2018_D_03",
        "Titel": "Trecker kommt mit",
        "GestalterInnen": "Halina Kirschner"
      },
      {
        "BildName": "2018_D_04",
        "Titel": "So geht Katze!",
        "GestalterInnen": "Anzinger und Rasp Kommunikation GmbH"
      },
      {
        "BildName": "2018_D_05",
        "Titel": "Atlas of Palestinian Communities in Israel",
        "GestalterInnen": "Luca Eusebio"
      },
      {
        "BildName": "2018_E_01",
        "Titel": "Weit.",
        "GestalterInnen": "Julian Henschel"
      },
      {
        "BildName": "2018_E_02",
        "Titel": "Kent Klich Gaza Works",
        "GestalterInnen": "BankerWessel"
      },
      {
        "BildName": "2018_E_03",
        "Titel": "Die Grüne Stadtküche",
        "GestalterInnen": "Leonore Höfer"
      },
      {
        "BildName": "2018_E_04",
        "Titel": "Auftritt Appenzell",
        "GestalterInnen": "Valeria Bonin, Diego Bontognali, Mirko Leuenberger"
      },
      {
        "BildName": "2018_E_05",
        "Titel": "Man möchte machmal wimmern wie Kinder",
        "GestalterInnen": "Dorothea Roll"
      },
      {
        "BildName": "2018_F_01",
        "Titel": "Pilze",
        "GestalterInnen": "ergo kommunikation"
      },
      {
        "BildName": "2018_F_02",
        "Titel": "Nächte",
        "GestalterInnen": "Isabel Bach, Patrick Bittner, Daniel Hahn"
      },
      {
        "BildName": "2018_F_03",
        "Titel": "Schwarz und Weiss",
        "GestalterInnen": "Corinna Gathmann"
      },
      {
        "BildName": "2019_A_01",
        "Titel": "Schnee über Venedig",
        "GestalterInnen": "Fabian Bremer, Pascal Storz"
      },
      {
        "BildName": "2019_A_02",
        "Titel": "Aus den Quellen",
        "GestalterInnen": "Bernd Kuchenbeiser"
      },
      {
        "BildName": "2019_A_03",
        "Titel": "Enghelab Street",
        "GestalterInnen": "Fabian Bremer, Pascal Storz"
      },
      {
        "BildName": "2019_A_04",
        "Titel": "ARNO RINK",
        "GestalterInnen": "Anouk Rehorek, Christian Schlager, Elsa Bachmeyer, Sebastian Kubik"
      },
      {
        "BildName": "2019_A_05",
        "Titel": "Moravia Manifesto",
        "GestalterInnen": "Ondine Pannet, Lisa Petersen, Lisa Pflästerer, David Voss"
      },
      {
        "BildName": "2019_B_01",
        "Titel": "OH, EINE PFLANZE!",
        "GestalterInnen": "Felix Bork"
      },
      {
        "BildName": "2019_B_02",
        "Titel": "Domizile auf Zeit",
        "GestalterInnen": "Valeria Bonin, Diego Bontognali, Wara Ugarte, Deborah Meier"
      },
      {
        "BildName": "2019_B_03",
        "Titel": "Das ist das Bauhaus!",
        "GestalterInnen": "Ondine Pannet, Lisa Petersen, David Voss"
      },
      {
        "BildName": "2019_B_04",
        "Titel": "Hans Christian Andersen",
        "GestalterInnen": "Florian Pfeffer, René Schmitt"
      },
      {
        "BildName": "2019_B_05",
        "Titel": "Über Versöhnung",
        "GestalterInnen": "Dora Garcia, Katharina Tauer, Anna-Sophie Springer"
      },
      {
        "BildName": "2019_C_01",
        "Titel": "Der Habicht",
        "GestalterInnen": "Pauline Altmann"
      },
      {
        "BildName": "2019_C_02",
        "Titel": "Questions? Looking for answers in the middle of somewhere",
        "GestalterInnen": "Simon Knebl, Béla Meiers, Friederike Spielmannleitner"
      },
      {
        "BildName": "2019_C_03",
        "Titel": "Lebendige Skulpturen",
        "GestalterInnen": "Stephanie Ising, Tom Ising"
      },
      {
        "BildName": "2019_C_04",
        "Titel": "PIXELZOO",
        "GestalterInnen": "Stefanie Stroh"
      },
      {
        "BildName": "2019_C_05",
        "Titel": "Begel, der Egel",
        "GestalterInnen": "Nele Brönner"
      },
      {
        "BildName": "2019_D_01",
        "Titel": "Die Reise zum Mittelpunkt des Waldes",
        "GestalterInnen": "Rán Flygenring, Carolin Rauen"
      },
      {
        "BildName": "2019_D_02",
        "Titel": "Tugenden für das 21. Jahrhundert",
        "GestalterInnen": "Hermann Hülsenberg, Niklas Sagebiel, Maria Maierhofer"
      },
      {
        "BildName": "2019_D_03",
        "Titel": "Die Lokomotive und der Prellbock",
        "GestalterInnen": "Julian Litschko"
      },
      {
        "BildName": "2019_D_04",
        "Titel": "POE Unheimliche Geschichten",
        "GestalterInnen": "Kat Menschik, Hanne Mandik"
      },
      {
        "BildName": "2019_D_05",
        "Titel": "\bMINDSTATE MALIBU",
        "GestalterInnen": "Timo Reger"
      },
      {
        "BildName": "2019_E_01",
        "Titel": "Labics - Structures",
        "GestalterInnen": "Samuel Bänziger, Rosario Florio, Larissa Kasper"
      },
      {
        "BildName": "2019_E_02",
        "Titel": "Für alle Lieben in der Welt",
        "GestalterInnen": "Philippe Millot, SpMillo"
      },
      {
        "BildName": "2019_E_03",
        "Titel": "Im Zweifel für den Zweifel",
        "GestalterInnen": "Tobias Dahl, Patrick Martin"
      },
      {
        "BildName": "2019_E_04",
        "Titel": "RAF",
        "GestalterInnen": "Felix Holler, Jaroslaw Kubiak, Daniel Wittner"
      },
      {
        "BildName": "2019_E_05",
        "Titel": "Weltall Erde Mensch #23",
        "GestalterInnen": "Tobias Klett, Lea Kolling"
      },
      {
        "BildName": "2019_F_01",
        "Titel": "Atlas of the Copenhagens",
        "GestalterInnen": "Joost Grootens, Dimitri Jeannottat"
      },
      {
        "BildName": "2019_F_02",
        "Titel": "Verzeichnis einiger Verluste",
        "GestalterInnen": "Judith Schalansky"
      },
      {
        "BildName": "2019_F_03",
        "Titel": "Schattenfroh",
        "GestalterInnen": "Anja Johannsen"
      },
      {
        "BildName": "2020_A_01",
        "Titel": "Bleiweiß",
        "GestalterInnen": "Andreas Töpfer, Athena Farrokhzad"
      },
      {
        "BildName": "2020_A_02",
        "Titel": "Jeder Tag ist Ida-Tag",
        "GestalterInnen": "Antje Damm, Max Bartholl"
      },
      {
        "BildName": "2020_A_03",
        "Titel": "Wie der Wahnsinn mir die Welt erklärte",
        "GestalterInnen": "Rán Flygenring, Nina Engel"
      },
      {
        "BildName": "2020_A_04",
        "Titel": "Beethoven",
        "GestalterInnen": "Pia Christmann, Ann Richter"
      },
      {
        "BildName": "2020_A_05",
        "Titel": "Draußen gehen",
        "GestalterInnen": "Klaus Neuburg"
      },
      {
        "BildName": "2020_B_01",
        "Titel": "Die Wunderkammer der Deutschen Sprache",
        "GestalterInnen": "2xGoldstein"
      },
      {
        "BildName": "2020_B_02",
        "Titel": "Insight",
        "GestalterInnen": "Studio Amanda Haas"
      },
      {
        "BildName": "2020_B_03",
        "Titel": "pflegen helfen",
        "GestalterInnen": "Davide Durante, Helen Hauert, Barbara Stehle"
      },
      {
        "BildName": "2020_B_04",
        "Titel": "Treppauf – Treppab",
        "GestalterInnen": "Christina Schmid"
      },
      {
        "BildName": "2020_B_05",
        "Titel": "Adrian Streich Architekten",
        "GestalterInnen": "Esther Rieser"
      },
      {
        "BildName": "2020_C_01",
        "Titel": "Das Jahr 1990 freilegen",
        "GestalterInnen": "Wolfgang Schwärzler"
      },
      {
        "BildName": "2020_C_02",
        "Titel": "Architecture and Argument",
        "GestalterInnen": "Joost Grootens, Dimitri Jeannottat, Megan Adé"
      },
      {
        "BildName": "2020_C_03",
        "Titel": "Nam-Tchun Mo",
        "GestalterInnen": "Florian Lamm"
      },
      {
        "BildName": "2020_C_04",
        "Titel": "In Stalins Reich",
        "GestalterInnen": "Beat Keusch, Anna Klokow"
      },
      {
        "BildName": "2020_C_05",
        "Titel": "A.R. Penck. How it works",
        "GestalterInnen": "Haller Brun"
      },
      {
        "BildName": "2020_D_01",
        "Titel": "Baedeker's Handbuch für Schnellreisende",
        "GestalterInnen": "Tom Ising, Daniel Ober"
      },
      {
        "BildName": "2020_D_02",
        "Titel": "Ludwigsburger Schlossfestspiele 2020",
        "GestalterInnen": "Daniel Wiesmann, Robert Radziejewski, Jule Erner"
      },
      {
        "BildName": "2020_D_03",
        "Titel": "Demonstrationsräume. Künstlerische Auseinandersetzung mit Raum und Display im Albertinum",
        "GestalterInnen": "Florian Lamm, Jakob Kirch, Albrecht Gäbel, Caspar Reus"
      },
      {
        "BildName": "2020_D_04",
        "Titel": "Yellow Book",
        "GestalterInnen": "Santiago da Silva, Simon Steinberger"
      },
      {
        "BildName": "2020_D_05",
        "Titel": "Ohne Wasser geht nichts!",
        "GestalterInnen": "Mieke Scheier"
      },
      {
        "BildName": "2020_E_01",
        "Titel": "Die Pfingstrosenlaterne",
        "GestalterInnen": "Franziska Neubert"
      },
      {
        "BildName": "2020_E_02",
        "Titel": "Die Fabel von Fausto",
        "GestalterInnen": "Rory Jeffers, David Pearson"
      },
      {
        "BildName": "2020_E_03",
        "Titel": "Miroloi",
        "GestalterInnen": "Iris Kochinka, Stefanie Schelleis"
      },
      {
        "BildName": "2020_E_04",
        "Titel": "Menschheitsdämmerung",
        "GestalterInnen": "Anja Sicka"
      },
      {
        "BildName": "2020_E_05",
        "Titel": "Die wundersamen Zwölf",
        "GestalterInnen": "Moki"
      },
      {
        "BildName": "2020_F_01",
        "Titel": "OFF/ON STAGE",
        "GestalterInnen": "Zora Asse, Cristina Zickert, Rieke Bogena"
      },
      {
        "BildName": "2020_F_02",
        "Titel": "Die Bibel",
        "GestalterInnen": "Paulina Mohr"
      },
      {
        "BildName": "2020_F_03",
        "Titel": "Aphelion",
        "GestalterInnen": "Robert Steinmüller"
      },
      {
        "BildName": "2021_A_01",
        "Titel": "Exploriso: Low-tech Fine Art",
        "GestalterInnen": "Sven Tillack, Steffen Knöll"
      },
      {
        "BildName": "2021_A_02",
        "Titel": "Migrant Marseille: Architectures of Social Segregation and Urban Inclusivity",
        "GestalterInnen": "Fernanda Tellez Velasco"
      },
      {
        "BildName": "2021_A_03",
        "Titel": "Zwischen Euphrat und Tigris",
        "GestalterInnen": "Virginie Calvet, Felix Hunger"
      },
      {
        "BildName": "2021_A_04",
        "Titel": "Auf Abwegen",
        "GestalterInnen": "Atelier Nord"
      },
      {
        "BildName": "2021_A_05",
        "Titel": "Data Centers",
        "GestalterInnen": "Jonas Vögeli, Kerstin Landis, Lea Fischlin, Felix Plate"
      },
      {
        "BildName": "2021_B_01",
        "Titel": "The Handmaid's Tale",
        "GestalterInnen": "Kristina Hilse"
      },
      {
        "BildName": "2021_B_02",
        "Titel": "Umgeben von Kunst",
        "GestalterInnen": "Diego Bontognali, Valeria Bonin"
      },
      {
        "BildName": "2021_B_03",
        "Titel": "Wo kommt unser Essen her?",
        "GestalterInnen": "Julia Dürr"
      },
      {
        "BildName": "2021_B_04",
        "Titel": "Ameisig",
        "GestalterInnen": "Stefanie Schelleis"
      },
      {
        "BildName": "2021_B_05",
        "Titel": "The Cost of Living",
        "GestalterInnen": "Erik Spiekermann"
      },
      {
        "BildName": "2021_C_01",
        "Titel": "Sonnige Grüße aus Ziffernhausen",
        "GestalterInnen": "Tom Eigenhufe"
      },
      {
        "BildName": "2021_C_02",
        "Titel": "Heimkommen",
        "GestalterInnen": "Marius Schwarz"
      },
      {
        "BildName": "2021_C_03",
        "Titel": "Das Neue Alphabet",
        "GestalterInnen": "Malin Gewinner, Hannes Drißner, Markus Dreße"
      },
      {
        "BildName": "2021_C_04",
        "Titel": "Culture Switch",
        "GestalterInnen": "Alissa Verj, Suki Su"
      },
      {
        "BildName": "2021_C_05",
        "Titel": "Inagawa Cemetery Chapel and Vistor Centre designed by David Chipperfield",
        "GestalterInnen": "John Morgan, Adrien Vasquez"
      },
      {
        "BildName": "2021_D_01",
        "Titel": "Die großen Flüsse der Welt",
        "GestalterInnen": "Martin Haake"
      },
      {
        "BildName": "2021_D_02",
        "Titel": "Man kann keine Steine essen",
        "GestalterInnen": "Clara Neumann, Christina Schmid"
      },
      {
        "BildName": "2021_D_03",
        "Titel": "Welt der Renaissance",
        "GestalterInnen": "Hanne Mandik"
      },
      {
        "BildName": "2021_D_04",
        "Titel": "Gesellschaft Eine Insel",
        "GestalterInnen": "Daniel Zenker"
      },
      {
        "BildName": "2021_D_05",
        "Titel": "Kosmos Emma Kunz",
        "GestalterInnen": "Atlas Studio"
      },
      {
        "BildName": "2021_E_01",
        "Titel": "NASA Apollo 11 — Man on the Moon",
        "GestalterInnen": "Sven Tillack, Steffen Knöll"
      },
      {
        "BildName": "2021_E_02",
        "Titel": "Ich will doch immer nur kriegen was ich haben will",
        "GestalterInnen": "Timo Reger"
      },
      {
        "BildName": "2021_E_03",
        "Titel": "Avant-Garde as Method",
        "GestalterInnen": "Diego Bontognali, Valeria Bonin, Bonbon"
      },
      {
        "BildName": "2021_E_04",
        "Titel": "Überfahrt",
        "GestalterInnen": "Hannes Drißner"
      },
      {
        "BildName": "2021_E_05",
        "Titel": "Elefant auf der Brust",
        "GestalterInnen": "Lucia Zamolo"
      },
      {
        "BildName": "2021_F_01",
        "Titel": "Schlafen wie die Rüben",
        "GestalterInnen": "Tine Schulz"
      },
      {
        "BildName": "2021_F_02",
        "Titel": "Rodin / Arp",
        "GestalterInnen": "Bonbon"
      },
      {
        "BildName": "2021_F_03",
        "Titel": "Erdöl",
        "GestalterInnen": "Pauline Altmann"
      }
    
  
  
  
  ]
  
  const main = document.querySelector(".main");
  const info = document.querySelector(".info");
  const titleD = document.querySelector(".titleD");
  const loading = document.querySelector(".loading");
  const infoImg = document.querySelector(".infoImg");
  const buttonX = document.querySelector('.buttonX');
  const checkBox = document.querySelector(".checkBox");
  const checkBoxY = document.querySelector(".checkBoxY");
  const aboutClick = document.querySelector(".aboutClick");
  const about = document.querySelector(".about");
  const infobuttonX = document.querySelector('.infobuttonX');
  const contents = document.querySelector(".contents");
  // const titleD = document.createElement('div');
  // const contents = document.createElement('p');
  loading.style.display = "none";
  // info.appendChild(titleD);
  // info.appendChild(contents);
  let clicked = "right";
  const activeColor = "rgb(200,200,200)";
  const deactiveColor = "white";
  checkBoxY.style.background = activeColor;
  checkBox.style.background = deactiveColor;
  aboutClick.addEventListener("click", () => {
    about.style.display = "block";
  });
  
  infobuttonX.addEventListener("click", () => {
    about.style.display = "none";
  })
  
  window.onload = ()=> {
      // setTimeout(() => {
      //     loading.style.display = "none";
      // }, 3000);
  
      info.style.display = "none";
      json.map((nameImg, index) => {
          console.log(nameImg);
          const {BildName, Titel, GestalterInnen} = nameImg;
          const body = document.querySelector('body');
          let finalContainer = document.createElement('div'); // Vielleicht, Das Line braucht man nicht, Laster, Ich werde checken.
          let divcontainer = document.createElement('div');
          divcontainer.classList.add("divcontainer");
  
          // console.log(title);
          checkBox.addEventListener("click", () => {
            clicked = "left";
             if(clicked === "left"){
              checkBox.style.background = activeColor;
              checkBoxY.style.background = deactiveColor;
             }else{
              checkBox.style.background = deactiveColor;
             }
              divcontainer.style.display = "none";
              console.log(clicked);
            
          });
          checkBoxY.addEventListener("click", () => {
            clicked = "right";
             if(clicked === "right"){
              checkBoxY.style.background = activeColor;
              checkBox.style.background = deactiveColor;
             }else{
              checkBoxY.style.background = deactiveColor;
             }
              divcontainer.style.display = "flex";
              console.log(clicked);
            
          });
  
         
          
          
          
          let div = document.createElement('div');
          div.style.cursor = "pointer";
          div.addEventListener("mousedown", () => {
            // console.log("clicked");
            info.style.display = "flex";
            infoImg.setAttribute('src', `examples/${BildName}.jpg`);
            info.style.background = "white";
            // info.style.background = `url(examples/${BildName}.jpg)`;
            // info.style.backgroundRepeat = "no-repeat";
            // info.style.backgroundSize = "contain";
            // info.style.backgroundPosition = "center center";
            
            titleD.innerText = `Titel: ${Titel}`;
            contents.innerText = `GestalterInnen: ${GestalterInnen === undefined ? "" :GestalterInnen}`;
              // contents.innerText = content;
              // *********
              // divcontainer.style.display = "none";
              // setTimeout(() => {
              //   divcontainer.style.display = "flex";
              // },3000);
              
              
          })
          buttonX.addEventListener("mousedown", () => {
              // console.log("clicked");
              info.style.display = "none";
          })
          div.addEventListener('mouseover', () => {
            divcontainer.style.display = "none";
          })
      
            div.addEventListener('mouseout', () => {
  
              divcontainer.style.display = "flex";
            })
         
  
          let colors = document.createElement('img');
          colors.setAttribute('src', `examples/colors/${BildName}.jpg`);
          colors.classList.add("colors");
          divcontainer.appendChild(colors);
  
          let img = document.createElement('img');
          img.setAttribute('src', `examples/${BildName}.jpg`);
          img.classList.add("foto");
          // img.style.position= "relative";
          div.appendChild(img);
          div.appendChild(divcontainer);
          div.classList.add("container");
          main.appendChild(div);
          
          
          // img.addEventListener('load', function() {
          //     let vibrant = new Vibrant(img);
          //     let swatches = vibrant.swatches();
          //     // console.log(swatches);
          //     // console.log(typeof swatches);
          //     for (let swatch in swatches)
          //         if (swatches.hasOwnProperty(swatch) && swatches[swatch]){
          //             // console.log(swatch);
          //             // console.log(swatch, swatches[swatch].getHex());
          //             // console.log(swatch, swatches[swatch].population);
          //             let newdiv = document.createElement('div');
          //             newdiv.classList.add("visible");
          //             newdiv.style.background = `rgb(${swatches[swatch].getRgb()})`;
          //             // newdiv.style.background = `${swatches[swatch].getHex()}`;
          //             console.log(swatches[swatch].getRgb());
          //             // divcontainer.classList.add("test");
          //             // let count = divcontainer.getElementsByTagName('div');
          //             newdiv.style.flex = `${swatches[swatch].population === 0 ? 1 :( swatches[swatch].population)}`;
          //             // newdiv.style.flex = `${swatches[swatch].getPopulation()}`;
          //             // console.log(swatches[swatch].population);
          //             divcontainer.appendChild(newdiv);
                 
          //             if(index + 1 === 280){
  
          //               setTimeout(() => {
          //                 loading.style.display = "none";
          //               },3000);
                       
                        
          //             };
                      
                   
          //         }
          
          // });
      });
  }
  
  
  
  // const body = document.querySelector('body');
  // let finalContainer = document.createElement('div'); // Vielleicht, Das Line braucht man nicht, Laster, Ich werde checken.
  // let divcontainer = document.createElement('div');
  // divcontainer.classList.add("divcontainer");
  // let div = document.createElement('div');
  
  // let img = document.createElement('img');
  // img.setAttribute('src', 'examples/1.jpg');
  // img.classList.add("foto");
  // // img.style.position= "relative";
  // div.appendChild(img);
  // div.appendChild(divcontainer);
  // div.classList.add("container");
  // main.appendChild(div);
  
  
  // img.addEventListener('load', function() {
  //     let vibrant = new Vibrant(img);
  //     let swatches = vibrant.swatches();
  //     console.log(swatches);
  //     console.log(typeof swatches);
  //     for (let swatch in swatches)
  //         if (swatches.hasOwnProperty(swatch) && swatches[swatch]){
  //             console.log(swatch);
  //             console.log(swatch, swatches[swatch].getHex());
  //             console.log(swatch, swatches[swatch].population);
  //             let newdiv = document.createElement('div');
  //             newdiv.classList.add("visible");
  //             newdiv.style.background = `${swatches[swatch].getHex()}`;
  //             newdiv.style.flex = `${(swatches[swatch].population) * 0.01}`;
  //             divcontainer.appendChild(newdiv);
           
  //         }
  
  // });
  
  // new Vibrant(
  //     img,
  //     64, /* amount of colors in initial palette from which the swatches will be generated, defaults to 64 */
  //     5 /* quality. 0 is highest, but takes way more processing. defaults to 5. */
  // )