.hero-img{display:block;position:static;width:30em;margin-bottom:24px;padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px}@media (max-width:767px){.hero-img{padding-right:40px;padding-left:40px}}.hero-section{width:auto;height:100vh;overflow:hidden;background-image:url(https://deine-fahrschule-hungen.de/wp-content/uploads/2025/04/hero-bg.jpg);background-size:cover;background-position:0 0;background-repeat:repeat;background-attachment:fixed}.hero-header{display:block;align-self:center;color:#FBFBFB;font-family:"Open Sans",sans-serif;font-weight:700;font-size:5em;text-align:center;text-transform:uppercase;padding-top:16px;padding-right:16px;padding-bottom:0px;padding-left:16px}@media (max-width:1119px){.hero-header{text-align:center;padding-right:40px;padding-left:40px}}@media (max-width:1023px){.hero-header{font-size:54px}}@media (max-width:767px){.hero-header{font-size:4em}}@media (max-width:479px){.hero-header{font-size:40px}}.hero-wrapper{display:flex;flex-flow:column;justify-content:center;align-items:center;width:100%;height:100%}.hero-symbol{color:#FFF;font-size:8em;padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px}<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 1872 850" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(1,0,0,1,-302.437,-1327.6)"><g transform="matrix(4.16667,0,0,4.16667,0,0)"><g transform="matrix(0.24,0,0,0.24,0,0)"><path d="M445.679,2010.54C445.679,2102.6 520.427,2177.35 612.495,2177.35C704.564,2177.35 779.312,2102.6 779.312,2010.54C779.312,1918.47 704.564,1843.72 612.495,1843.72C520.427,1843.72 445.679,1918.47 445.679,2010.54ZM1655.7,2010.54C1655.7,2102.6 1730.45,2177.35 1822.52,2177.35C1914.59,2177.35 1989.34,2102.6 1989.34,2010.54C1989.34,1918.47 1914.59,1843.72 1822.52,1843.72C1730.45,1843.72 1655.7,1918.47 1655.7,2010.54ZM487.345,2010.54C487.345,1941.46 543.423,1885.38 612.495,1885.38C681.568,1885.38 737.645,1941.46 737.645,2010.54C737.645,2079.61 681.568,2135.68 612.495,2135.68C543.423,2135.68 487.345,2079.61 487.345,2010.54ZM1697.37,2010.54C1697.37,1941.46 1753.45,1885.38 1822.52,1885.38C1891.59,1885.38 1947.67,1941.46 1947.67,2010.54C1947.67,2079.61 1891.59,2135.68 1822.52,2135.68C1753.45,2135.68 1697.37,2079.61 1697.37,2010.54ZM394.633,2025.63C379.356,2025.63 366.211,2022.2 357.105,2013.97C348.407,2006.11 344.104,1994.05 344.104,1978.34C344.104,1936.77 363.502,1798.34 366.269,1778.8C384.157,1732.54 419.786,1686.92 497.877,1663.78C585.468,1637.83 738.451,1592.39 738.451,1592.39C738.515,1592.38 738.578,1592.36 738.642,1592.34C782.802,1578.76 813.396,1557.27 844.074,1538.23C844.074,1538.23 844.074,1538.23 844.074,1538.23C1028.57,1423.71 1132.82,1366.03 1407.03,1369.41C1665.33,1372.62 1878.56,1436.92 2064,1560.56C2064,1560.56 2064,1560.57 2064,1560.57C2098.14,1583.33 2132.58,1622.99 2132.58,1682.74C2132.58,1682.74 2132.58,1916.7 2132.58,1916.7C2132.58,1948.84 2117.19,1975.98 2097.33,1992.53C2085.38,2002.48 2071.89,2008.74 2059.32,2008.74C2059.32,2008.74 2040.26,2008.74 2040.26,2008.74C2028.76,2008.74 2019.42,2018.07 2019.42,2029.57C2019.42,2041.07 2028.76,2050.41 2040.26,2050.41L2059.32,2050.41C2080.5,2050.41 2103.86,2041.32 2124,2024.54C2152.26,2000.99 2174.25,1962.43 2174.25,1916.7L2174.25,1682.74C2174.25,1606.22 2130.83,1555.04 2087.11,1525.9C1895.26,1397.98 1674.78,1331.07 1407.54,1327.75C1407.54,1327.75 1407.54,1327.75 1407.54,1327.75C1122.45,1324.23 1013.92,1383.76 822.1,1502.83C794.211,1520.14 766.628,1540.12 726.503,1552.48C722.073,1553.79 572.326,1598.26 486.04,1623.83C486.04,1623.83 486.039,1623.83 486.039,1623.83C390.127,1652.25 347.786,1709.41 326.464,1766.25C325.934,1767.66 325.558,1769.13 325.345,1770.63C325.345,1770.63 302.437,1932.28 302.437,1978.34C302.437,2008.04 312.727,2030.03 329.171,2044.89C345.205,2059.38 367.735,2067.3 394.633,2067.3C406.131,2067.3 415.466,2057.97 415.466,2046.47C415.466,2034.97 406.131,2025.63 394.633,2025.63ZM829.142,2054.33L1609.7,2054.33C1621.2,2054.33 1630.53,2044.99 1630.53,2033.5C1630.53,2022 1621.2,2012.66 1609.7,2012.66L829.142,2012.66C817.644,2012.66 808.309,2022 808.309,2033.5C808.309,2044.99 817.644,2054.33 829.142,2054.33ZM1411.63,1417.9C1412.54,1412.06 1410.93,1406.11 1407.2,1401.53C1403.47,1396.95 1397.97,1394.16 1392.06,1393.88C1255.96,1387.24 1097.23,1400.57 838.257,1579.85C830.664,1585.11 827.438,1594.74 830.33,1603.51C833.221,1612.28 841.541,1618.1 850.771,1617.8L1365.77,1601.58C1375.78,1601.26 1384.15,1593.87 1385.69,1583.97L1411.63,1417.9ZM1467.39,1397.46C1461.7,1396.99 1456.06,1398.88 1451.8,1402.68C1447.54,1406.49 1445.03,1411.88 1444.85,1417.59L1439.98,1576.88C1439.81,1582.5 1441.92,1587.95 1445.83,1592C1449.74,1596.04 1455.11,1598.33 1460.73,1598.35C1460.73,1598.35 1691.64,1599.15 1782.71,1595.9C1833.01,1594.11 1856.44,1571.34 1860.97,1548.09C1863.92,1532.92 1859.62,1515.24 1846.14,1498.32C1830.72,1478.98 1802.08,1459.61 1760.85,1447.98C1760.85,1447.98 1760.85,1447.98 1760.85,1447.98C1664.68,1420.86 1570.96,1406.02 1467.39,1397.46ZM1366.85,1434.61L1347.19,1560.48C1347.19,1560.48 922.897,1573.84 922.897,1573.84C1120.97,1449.39 1253.29,1431.63 1366.85,1434.61L1366.85,1434.61ZM1485.82,1440.9C1578.04,1449.47 1662.77,1463.61 1749.54,1488.08C1775.51,1495.4 1795.25,1506.11 1807.79,1518.04C1815.89,1525.76 1821.45,1533.06 1820.07,1540.12C1819.48,1543.15 1816.87,1545.3 1813.38,1547.28C1805.93,1551.49 1795.2,1553.77 1781.22,1554.26C1781.22,1554.26 1781.22,1554.26 1781.22,1554.26C1707.44,1556.9 1541.41,1556.85 1482.29,1556.74C1482.29,1556.74 1485.82,1440.9 1485.82,1440.9L1485.82,1440.9Z" style="fill:white;"/></g></g></g></svg>Verstanden! Hier ist der angepasste CSS-Code,um das Auto auf eine Breite von 250px zu skalieren und es langsamer fahren zu lassen. Da wir die Breite des Autos drastisch reduzieren,müssen wir auch die left- und translateX-Werte in der Animation anpassen,damit es korrekt von links nach rechts fährt. CSS .hero-symbol{width:250px;height:auto;overflow:hidden;position:relative}.hero-symbol{position:relative;left:-100%;top:0;width:100%;height:auto;animation:drive 30s linear infinite;overflow:hidden}@keyframes drive{0%{transform:translateX(0%)}100%{transform:translateX(300%)}}.loading-bar{display:block}.loading-container{display:block}.hero-text{display:block;flex-grow:-2;align-self:center;color:#FFF;text-align:center}.hero-link{align-self:center;color:#EA5B0C;font-weight:700;text-align:center;text-decoration:none}.hero-subheader{align-self:center;color:#FFF;font-size:54px;text-align:center;text-decoration:none;font-style:normal;text-transform:none;margin-bottom:48px}@media (max-width:1023px){.hero-subheader{font-size:42px}}@media (max-width:479px){.hero-subheader{font-size:32px}}