📱 Update map resonsive and map api

pages/Kontakt.js

@@ -19,11 +19,14 @@ export default function Home() {
 				<div className={styles.columnChild}>
 					<h2>Kontaktformular folgt...</h2>
 				</div>
-				<div className={styles.columnChild} style={{ justifyContent: "space-between" }}>
+				<div
+					className={styles.columnChild + " " + styles.infoContainer}
+					style={{ justifyContent: "space-between" }}
+				>
 					<div className={styles.contactInfo}>
 						<h3>AGS IT Solutions</h3>
 						<p>
-							<a href="https://maps.google.com/maps/dir//Ginsterweg+5+26605+Aurich/@53.4767968,7.5178283,14z/data=!4m5!4m4!1m0!1m2!1m1!1s0x47b642ec8d0a7b57:0xf3e20420a5c203a1">
+							<a href="https://maps.google.com/maps?ll=53.476797,7.517828&z=16&t=m&hl=de-DE&gl=US&mapclient=embed&cid=12121880540562836308">
 								Ginsterweg 5, 26605 Aurich
 							</a>
 						</p>
@@ -40,12 +43,10 @@ export default function Home() {
 								title="Google Maps"
 								width="100%"
 								height="100%"
-								id="gmap_canvas"
-								src="https://maps.google.com/maps?q=Ginsterweg%205,%2026605%20Aurich&t=&z=14&ie=UTF8&iwloc=&output=embed"
-								frameBorder={0}
-								scrolling="no"
-								marginHeight={0}
-								marginWidth={0}
+								loading="lazy"
+								allowFullScreen
+								style={{ border: "none" }}
+								src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJRZO72VVDtkcRVMv3jSCSOag&key=AIzaSyAmGPvuzpg0nC-oBlAf3-3uJED1lLihDz4"
 							></iframe>
 						</div>
 					</div>