feat: Sponsor Franken Brunnen anzeigen

Author: LeonardNolting

html/call-to-action.html

@@ -17,8 +17,9 @@ <h3>Unter&shy;stützung</h3>
 		<p>Unser Schul&shy;partner, die <a href="https://www.martin-bauer.com/">Martin Bauer AG Vesten&shy;bergs&shy;greuth</a>,
 			unter&shy;stützt uns mit 1 Cent pro ge&shy;fahrenem
 			Kilo&shy;meter bis zu einer Gesamt&shy;summe von 500€. Auch die <a href="https://www.sparkasse.de/">Stadt-
-				und Kreisspar&shy;kasse Erlangen Höchstadt Herzogen&shy;aurach</a> fördert unser Projekt mit
-			demselben Betrag. Es geht also schon um mindestens 1000€! Ein toller An&shy;sporn für uns! Vielen Dank!</p>
+				und Kreisspar&shy;kasse Erlangen Höchstadt Herzogen&shy;aurach</a> und <a
+				href="https://www.frankenbrunnen.de/">Franken Brunnen</a> fördern unser Projekt mit
+			jeweils demselben Betrag. Es geht also schon um mindestens 1500€! Ein toller An&shy;sporn für uns! Vielen Dank!</p>
 		<p>Aber auch <b>Klein&shy;sponsoren</b> (Oma, Opa, Eltern, Paten) sind gefragt! Unter&shy;stützen Sie einzelne Teil&shy;nehmerInnen
 			mit einem indi&shy;viduel&shy;len Betrag. Jeder Kilo&shy;meter zählt, jeder Cent ist wert&shy;voll!</p>
 		<p>Zusätzlich sponsern <a href="https://www.fahrrad-dresel.de">Fahrrad Dresel</a> und <a
@@ -39,6 +40,10 @@ <h3>Unter&shy;stützung</h3>
 			   href="https://www.adidas.de/"><img data-src="img/Sponsoren/Adidas.webp"
 												  alt=""
 												  class="lazyload" /></a>
+			<a class="logo frankenbrunnen"
+			   href="https://www.frankenbrunnen.de/"><img data-src="img/Sponsoren/Franken%20Brunnen.jpg"
+														   alt=""
+														   class="lazyload" /></a>
 		</div>
 	</section>
 	<section id="call-andere-projekte">

img/Sponsoren/Franken Brunnen.jpg

@@ -38,11 +38,18 @@
 		.logos
 			//display: grid
 			//grid-template-areas: "martinbauer martinbauer martinbauer" "sparkasse sparkasse sparkasse"
-			display: inline-flex
-			flex-direction: row
-			flex-wrap: wrap
-			justify-content: space-evenly
+
+			//display: inline-flex
+			//flex-direction: row
+			//flex-wrap: wrap
+			//justify-content: space-evenly
+			//align-items: center
+
+			display: grid
+			grid-template-areas: "martinbauer sparkasse frankenbrunnen" "dresel adidas frankenbrunnen"
 			align-items: center
+			justify-content: start
+
 			margin-top: 1rem
 			gap: 1rem
 			.logo
@@ -54,15 +61,23 @@
 				//width: 20rem
 				//max-width: 100%
 
-				flex-basis: 40%
-				flex-grow: 1
-				flex-wrap: wrap
-				max-width: 20rem
+				//flex-basis: 40%
+				//flex-grow: 1
+				//flex-wrap: wrap
+				//max-width: 20rem
+
+				//display: flex
+				//align-items: center
+				//justify-content: center
+
+				max-width: 15rem
+
 				img, svg
 					max-width: 100%
 					object-fit: contain
 				&.sparkasse
 					//grid-area: sparkasse
+					grid-area: sparkasse
 					img
 						aspect-ratio: 3757/1183
 				//&.frankenbrunnen
@@ -71,14 +86,24 @@
 				//		aspect-ratio: 283/283
 				&.martinbauer
 					//grid-area: martinbauer
+					grid-area: martinbauer
 					//margin-left: 1rem
 					img
 						aspect-ratio: 6174/1402
-				&.dresel img
-					aspect-ratio: 1214/320
-				&.adidas img
-					aspect-ratio: 1200/843
-					width: 50%
+				&.dresel
+					grid-area: dresel
+					img
+						aspect-ratio: 1214/320
+				&.adidas
+					grid-area: adidas
+					img
+						aspect-ratio: 1200/843
+					//width: 50%
+				&.frankenbrunnen
+					grid-area: frankenbrunnen
+					img
+						aspect-ratio: 1771/2125
+					//width: 50%
 		&:not(:nth-child(2))
 			z-index: 1
 			//color: #ccc
@@ -118,10 +143,6 @@
 	section + section
 		border-left: var(--border)
 
-	a.logo
-		display: flex
-		justify-content: center
-
 @media (max-width: 1000px)
 	#call-to-action
 		flex-direction: column