/* Milchmädl — bespoke Design (self-contained, gescoped unter .mm) */ /* WOFF2 zuerst, TTF nur als Rückfall für sehr alte Browser: die beiden TTF wogen zusammen 421 kB und waren nach dem Bild-Umbau der größte Brocken der Seite (gemessen 24.09.: 236 kB Schriften je Seitenaufruf). Als WOFF2 sind es 145 kB. ⚠️ Wirkt erst mit dem nächsten Engine-Deploy — anders als Vorlagen und Inhalte liegt diese Datei nicht in der Datenbank. */ @font-face{font-family:"MMDosis";src:url("/milchmaedl/fonts/dosis.woff2") format("woff2"),url("/milchmaedl/fonts/Dosis.ttf") format("truetype");font-weight:200 800;font-display:swap;} @font-face{font-family:"MMDosisErsatz";src:local("Arial"),local("Helvetica Neue"),local("Helvetica"),local("Liberation Sans"),local("Roboto");size-adjust:79%;ascent-override:129.9%;descent-override:30%;line-gap-override:0%;} @font-face{font-family:"MMScript";src:url("/milchmaedl/fonts/pacifico.woff2") format("woff2"),url("/milchmaedl/fonts/Pacifico.ttf") format("truetype");font-weight:400;font-display:swap;} .mm{--milk:#FBF9F3;--milk2:#F4EFE3;--ink:#1D1D1B;--ink70:#4a4944;--ink50:#6f6d66;--rot:#ED6B62;--gruen:#908F47; --gelb:#F7A70A;--blau:#7998B0;--braun:#B06835;--grau:#DADADA;--line:#E8E1D0;--maxw:1180px;--navbg:#fff;--edge:34px; --navEdge:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201920%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2C0%20L1920%2C0%20L1920%2C32.5%20L1919.0%2C32.5%20L1912.0%2C32.5%20L1904.0%2C31.5%20L1896.0%2C31.5%20L1888.0%2C31.5%20L1880.0%2C31.5%20L1872.0%2C31.5%20L1864.0%2C31.5%20L1856.0%2C30.5%20L1848.0%2C30.5%20L1840.0%2C30.5%20L1832.0%2C30.5%20L1824.0%2C30.5%20L1816.0%2C30.5%20L1808.0%2C30.5%20L1800.0%2C30.5%20L1792.0%2C29.5%20L1784.0%2C29.5%20L1776.0%2C29.5%20L1768.0%2C29.5%20L1760.0%2C29.5%20L1752.0%2C29.5%20L1744.0%2C29.5%20L1736.0%2C29.5%20L1728.0%2C29.5%20L1720.0%2C29.5%20L1712.0%2C28.5%20L1704.0%2C28.5%20L1696.0%2C28.5%20L1688.0%2C28.5%20L1680.0%2C28.5%20L1672.0%2C28.5%20L1664.0%2C28.5%20L1656.0%2C28.5%20L1648.0%2C28.5%20L1640.0%2C28.5%20L1632.0%2C28.5%20L1624.0%2C28.5%20L1616.0%2C28.5%20L1608.0%2C28.5%20L1600.0%2C28.5%20L1592.0%2C28.5%20L1584.0%2C28.5%20L1576.0%2C28.5%20L1568.0%2C28.5%20L1560.0%2C28.5%20L1552.0%2C28.5%20L1544.0%2C28.5%20L1536.0%2C28.5%20L1528.0%2C29.5%20L1520.0%2C29.5%20L1512.0%2C29.5%20L1504.0%2C29.5%20L1496.0%2C29.5%20L1488.0%2C29.5%20L1480.0%2C30.5%20L1472.0%2C30.5%20L1464.0%2C30.5%20L1456.0%2C31.5%20L1448.0%2C31.5%20L1440.0%2C31.5%20L1432.0%2C32.5%20L1424.0%2C32.5%20L1416.0%2C32.5%20L1408.0%2C33.5%20L1400.0%2C33.5%20L1392.0%2C33.5%20L1384.0%2C33.5%20L1376.0%2C34.5%20L1368.0%2C34.5%20L1360.0%2C34.5%20L1352.0%2C34.5%20L1344.0%2C34.5%20L1336.0%2C35.5%20L1328.0%2C35.5%20L1320.0%2C35.5%20L1312.0%2C35.5%20L1304.0%2C35.5%20L1296.0%2C36.5%20L1288.0%2C36.5%20L1280.0%2C36.5%20L1272.0%2C36.5%20L1264.0%2C36.5%20L1256.0%2C37.5%20L1248.0%2C37.5%20L1240.0%2C37.5%20L1232.0%2C37.5%20L1224.0%2C37.5%20L1216.0%2C37.5%20L1208.0%2C37.5%20L1200.0%2C38.5%20L1192.0%2C38.5%20L1184.0%2C38.5%20L1176.0%2C38.5%20L1168.0%2C38.5%20L1160.0%2C38.5%20L1152.0%2C38.5%20L1144.0%2C39.5%20L1136.0%2C39.5%20L1128.0%2C39.5%20L1120.0%2C39.5%20L1112.0%2C39.5%20L1104.0%2C39.5%20L1096.0%2C39.5%20L1088.0%2C39.5%20L1080.0%2C39.5%20L1072.0%2C39.5%20L1064.0%2C39.5%20L1056.0%2C39.5%20L1048.0%2C39.5%20L1040.0%2C39.5%20L1032.0%2C39.5%20L1024.0%2C39.5%20L1016.0%2C39.5%20L1008.0%2C39.5%20L1000.0%2C39.5%20L992.0%2C39.5%20L984.0%2C39.5%20L976.0%2C38.5%20L968.0%2C38.5%20L960.0%2C34.5%20L952.0%2C36.5%20L944.0%2C38.5%20L936.0%2C38.5%20L928.0%2C38.5%20L920.0%2C37.5%20L912.0%2C37.5%20L904.0%2C36.5%20L896.0%2C35.5%20L888.0%2C35.5%20L880.0%2C34.5%20L872.0%2C34.5%20L864.0%2C33.5%20L856.0%2C32.5%20L848.0%2C32.5%20L840.0%2C31.5%20L832.0%2C31.5%20L824.0%2C30.5%20L816.0%2C30.5%20L808.0%2C30.5%20L800.0%2C29.5%20L792.0%2C29.5%20L784.0%2C29.5%20L776.0%2C29.5%20L768.0%2C29.5%20L760.0%2C28.5%20L752.0%2C28.5%20L744.0%2C28.5%20L736.0%2C28.5%20L728.0%2C28.5%20L720.0%2C28.5%20L712.0%2C28.5%20L704.0%2C28.5%20L696.0%2C28.5%20L688.0%2C28.5%20L680.0%2C28.5%20L672.0%2C28.5%20L664.0%2C28.5%20L656.0%2C28.5%20L648.0%2C28.5%20L640.0%2C28.5%20L632.0%2C28.5%20L624.0%2C28.5%20L616.0%2C28.5%20L608.0%2C28.5%20L600.0%2C28.5%20L592.0%2C28.5%20L584.0%2C28.5%20L576.0%2C28.5%20L568.0%2C28.5%20L560.0%2C28.5%20L552.0%2C28.5%20L544.0%2C28.5%20L536.0%2C28.5%20L528.0%2C28.5%20L520.0%2C28.5%20L512.0%2C28.5%20L504.0%2C29.5%20L496.0%2C29.5%20L488.0%2C29.5%20L480.0%2C29.5%20L472.0%2C29.5%20L464.0%2C29.5%20L456.0%2C29.5%20L448.0%2C29.5%20L440.0%2C29.5%20L432.0%2C29.5%20L424.0%2C30.5%20L416.0%2C30.5%20L408.0%2C30.5%20L400.0%2C30.5%20L392.0%2C30.5%20L384.0%2C30.5%20L376.0%2C30.5%20L368.0%2C30.5%20L360.0%2C30.5%20L352.0%2C30.5%20L344.0%2C31.5%20L336.0%2C31.5%20L328.0%2C31.5%20L320.0%2C31.5%20L312.0%2C31.5%20L304.0%2C31.5%20L296.0%2C31.5%20L288.0%2C31.5%20L280.0%2C32.5%20L272.0%2C32.5%20L264.0%2C32.5%20L256.0%2C32.5%20L248.0%2C32.5%20L240.0%2C32.5%20L232.0%2C32.5%20L224.0%2C33.5%20L216.0%2C33.5%20L208.0%2C33.5%20L200.0%2C33.5%20L192.0%2C33.5%20L184.0%2C33.5%20L176.0%2C34.5%20L168.0%2C34.5%20L160.0%2C34.5%20L152.0%2C34.5%20L144.0%2C34.5%20L136.0%2C34.5%20L128.0%2C34.5%20L120.0%2C35.5%20L112.0%2C35.5%20L104.0%2C35.5%20L96.0%2C35.5%20L88.0%2C35.5%20L80.0%2C36.5%20L72.0%2C36.5%20L64.0%2C36.5%20L56.0%2C36.5%20L48.0%2C36.5%20L40.0%2C36.5%20L32.0%2C37.5%20L24.0%2C37.5%20L16.0%2C37.5%20L8.0%2C37.5%20L0.0%2C37.5%20L0%2C0%20Z%22%20fill%3D%22%23FFFFFF%22/%3E%3Cpath%20d%3D%22M1034%2C40c-38.1%2C0-63.5-0.5-66.8-1.8c-2.2-0.9-4.3-2.2-6.2-3.8c-9.4%2C3.7-20.7%2C5-29.4%2C4.3c-16.7-1.3-102.4-7.7-124-8.4%0A%09C597.6%2C23.3%2C6%2C38%2C0%2C38.1l0-1.6c6-0.1%2C597.6-14.8%2C807.7-7.8c21.6%2C0.7%2C107.3%2C7.1%2C124%2C8.4c8.3%2C0.7%2C19-0.5%2C28-3.8%0A%09c-9.1-8.9-14-24.9-13-30.9c0.3-1.6%2C1.1-2.1%2C1.7-2.3c3.7-1%2C12.4%2C9.7%2C15.2%2C13.3c3.9-4.9%2C10.3-11.8%2C14.1-10c2.5%2C1.2%2C2.9%2C5.7%2C1.3%2C13.3%0A%09c-1.7%2C7.9-8.2%2C13.4-16.5%2C17c1.6%2C1.3%2C3.3%2C2.3%2C5.1%2C3c12.9%2C5%2C404.7-2.4%2C493-7c129.2-6.7%2C456%2C1.3%2C459.3%2C1.4l0%2C1.6%0A%09c-3.3-0.1-330-8-459.2-1.4C1389.3%2C35.1%2C1151.6%2C40%2C1034%2C40z%20M949.1%2C1.6c-0.1%2C0-0.2%2C0-0.3%2C0c-0.3%2C0.1-0.5%2C0.4-0.6%2C1%0A%09c-0.9%2C5.6%2C4.1%2C21.7%2C13.1%2C30c8.1-3.4%2C14.6-8.7%2C16.2-16.2c2-9.2%2C0.3-11.1-0.5-11.5c-1.7-0.8-5.9%2C1.5-12.8%2C10.3l-0.6%2C0.8l-0.6-0.8%0A%09C958.7%2C9.4%2C951.6%2C1.6%2C949.1%2C1.6z%22%20fill%3D%22%231D1D1B%22/%3E%3C/svg%3E");--footEdge:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201920%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2C40%20L1920%2C40%20L1920%2C32.5%20L1919.0%2C32.5%20L1912.0%2C32.5%20L1904.0%2C31.5%20L1896.0%2C31.5%20L1888.0%2C31.5%20L1880.0%2C31.5%20L1872.0%2C31.5%20L1864.0%2C31.5%20L1856.0%2C30.5%20L1848.0%2C30.5%20L1840.0%2C30.5%20L1832.0%2C30.5%20L1824.0%2C30.5%20L1816.0%2C30.5%20L1808.0%2C30.5%20L1800.0%2C30.5%20L1792.0%2C29.5%20L1784.0%2C29.5%20L1776.0%2C29.5%20L1768.0%2C29.5%20L1760.0%2C29.5%20L1752.0%2C29.5%20L1744.0%2C29.5%20L1736.0%2C29.5%20L1728.0%2C29.5%20L1720.0%2C29.5%20L1712.0%2C28.5%20L1704.0%2C28.5%20L1696.0%2C28.5%20L1688.0%2C28.5%20L1680.0%2C28.5%20L1672.0%2C28.5%20L1664.0%2C28.5%20L1656.0%2C28.5%20L1648.0%2C28.5%20L1640.0%2C28.5%20L1632.0%2C28.5%20L1624.0%2C28.5%20L1616.0%2C28.5%20L1608.0%2C28.5%20L1600.0%2C28.5%20L1592.0%2C28.5%20L1584.0%2C28.5%20L1576.0%2C28.5%20L1568.0%2C28.5%20L1560.0%2C28.5%20L1552.0%2C28.5%20L1544.0%2C28.5%20L1536.0%2C28.5%20L1528.0%2C29.5%20L1520.0%2C29.5%20L1512.0%2C29.5%20L1504.0%2C29.5%20L1496.0%2C29.5%20L1488.0%2C29.5%20L1480.0%2C30.5%20L1472.0%2C30.5%20L1464.0%2C30.5%20L1456.0%2C31.5%20L1448.0%2C31.5%20L1440.0%2C31.5%20L1432.0%2C32.5%20L1424.0%2C32.5%20L1416.0%2C32.5%20L1408.0%2C33.5%20L1400.0%2C33.5%20L1392.0%2C33.5%20L1384.0%2C33.5%20L1376.0%2C34.5%20L1368.0%2C34.5%20L1360.0%2C34.5%20L1352.0%2C34.5%20L1344.0%2C34.5%20L1336.0%2C35.5%20L1328.0%2C35.5%20L1320.0%2C35.5%20L1312.0%2C35.5%20L1304.0%2C35.5%20L1296.0%2C36.5%20L1288.0%2C36.5%20L1280.0%2C36.5%20L1272.0%2C36.5%20L1264.0%2C36.5%20L1256.0%2C37.5%20L1248.0%2C37.5%20L1240.0%2C37.5%20L1232.0%2C37.5%20L1224.0%2C37.5%20L1216.0%2C37.5%20L1208.0%2C37.5%20L1200.0%2C38.5%20L1192.0%2C38.5%20L1184.0%2C38.5%20L1176.0%2C38.5%20L1168.0%2C38.5%20L1160.0%2C38.5%20L1152.0%2C38.5%20L1144.0%2C39.5%20L1136.0%2C39.5%20L1128.0%2C39.5%20L1120.0%2C39.5%20L1112.0%2C39.5%20L1104.0%2C39.5%20L1096.0%2C39.5%20L1088.0%2C39.5%20L1080.0%2C39.5%20L1072.0%2C39.5%20L1064.0%2C39.5%20L1056.0%2C39.5%20L1048.0%2C39.5%20L1040.0%2C39.5%20L1032.0%2C39.5%20L1024.0%2C39.5%20L1016.0%2C39.5%20L1008.0%2C39.5%20L1000.0%2C39.5%20L992.0%2C39.5%20L984.0%2C39.5%20L976.0%2C38.5%20L968.0%2C38.5%20L960.0%2C34.5%20L952.0%2C36.5%20L944.0%2C38.5%20L936.0%2C38.5%20L928.0%2C38.5%20L920.0%2C37.5%20L912.0%2C37.5%20L904.0%2C36.5%20L896.0%2C35.5%20L888.0%2C35.5%20L880.0%2C34.5%20L872.0%2C34.5%20L864.0%2C33.5%20L856.0%2C32.5%20L848.0%2C32.5%20L840.0%2C31.5%20L832.0%2C31.5%20L824.0%2C30.5%20L816.0%2C30.5%20L808.0%2C30.5%20L800.0%2C29.5%20L792.0%2C29.5%20L784.0%2C29.5%20L776.0%2C29.5%20L768.0%2C29.5%20L760.0%2C28.5%20L752.0%2C28.5%20L744.0%2C28.5%20L736.0%2C28.5%20L728.0%2C28.5%20L720.0%2C28.5%20L712.0%2C28.5%20L704.0%2C28.5%20L696.0%2C28.5%20L688.0%2C28.5%20L680.0%2C28.5%20L672.0%2C28.5%20L664.0%2C28.5%20L656.0%2C28.5%20L648.0%2C28.5%20L640.0%2C28.5%20L632.0%2C28.5%20L624.0%2C28.5%20L616.0%2C28.5%20L608.0%2C28.5%20L600.0%2C28.5%20L592.0%2C28.5%20L584.0%2C28.5%20L576.0%2C28.5%20L568.0%2C28.5%20L560.0%2C28.5%20L552.0%2C28.5%20L544.0%2C28.5%20L536.0%2C28.5%20L528.0%2C28.5%20L520.0%2C28.5%20L512.0%2C28.5%20L504.0%2C29.5%20L496.0%2C29.5%20L488.0%2C29.5%20L480.0%2C29.5%20L472.0%2C29.5%20L464.0%2C29.5%20L456.0%2C29.5%20L448.0%2C29.5%20L440.0%2C29.5%20L432.0%2C29.5%20L424.0%2C30.5%20L416.0%2C30.5%20L408.0%2C30.5%20L400.0%2C30.5%20L392.0%2C30.5%20L384.0%2C30.5%20L376.0%2C30.5%20L368.0%2C30.5%20L360.0%2C30.5%20L352.0%2C30.5%20L344.0%2C31.5%20L336.0%2C31.5%20L328.0%2C31.5%20L320.0%2C31.5%20L312.0%2C31.5%20L304.0%2C31.5%20L296.0%2C31.5%20L288.0%2C31.5%20L280.0%2C32.5%20L272.0%2C32.5%20L264.0%2C32.5%20L256.0%2C32.5%20L248.0%2C32.5%20L240.0%2C32.5%20L232.0%2C32.5%20L224.0%2C33.5%20L216.0%2C33.5%20L208.0%2C33.5%20L200.0%2C33.5%20L192.0%2C33.5%20L184.0%2C33.5%20L176.0%2C34.5%20L168.0%2C34.5%20L160.0%2C34.5%20L152.0%2C34.5%20L144.0%2C34.5%20L136.0%2C34.5%20L128.0%2C34.5%20L120.0%2C35.5%20L112.0%2C35.5%20L104.0%2C35.5%20L96.0%2C35.5%20L88.0%2C35.5%20L80.0%2C36.5%20L72.0%2C36.5%20L64.0%2C36.5%20L56.0%2C36.5%20L48.0%2C36.5%20L40.0%2C36.5%20L32.0%2C37.5%20L24.0%2C37.5%20L16.0%2C37.5%20L8.0%2C37.5%20L0.0%2C37.5%20L0%2C40%20Z%22%20fill%3D%22%231D1D1B%22/%3E%3Cpath%20d%3D%22M1034%2C40c-38.1%2C0-63.5-0.5-66.8-1.8c-2.2-0.9-4.3-2.2-6.2-3.8c-9.4%2C3.7-20.7%2C5-29.4%2C4.3c-16.7-1.3-102.4-7.7-124-8.4%0A%09C597.6%2C23.3%2C6%2C38%2C0%2C38.1l0-1.6c6-0.1%2C597.6-14.8%2C807.7-7.8c21.6%2C0.7%2C107.3%2C7.1%2C124%2C8.4c8.3%2C0.7%2C19-0.5%2C28-3.8%0A%09c-9.1-8.9-14-24.9-13-30.9c0.3-1.6%2C1.1-2.1%2C1.7-2.3c3.7-1%2C12.4%2C9.7%2C15.2%2C13.3c3.9-4.9%2C10.3-11.8%2C14.1-10c2.5%2C1.2%2C2.9%2C5.7%2C1.3%2C13.3%0A%09c-1.7%2C7.9-8.2%2C13.4-16.5%2C17c1.6%2C1.3%2C3.3%2C2.3%2C5.1%2C3c12.9%2C5%2C404.7-2.4%2C493-7c129.2-6.7%2C456%2C1.3%2C459.3%2C1.4l0%2C1.6%0A%09c-3.3-0.1-330-8-459.2-1.4C1389.3%2C35.1%2C1151.6%2C40%2C1034%2C40z%20M949.1%2C1.6c-0.1%2C0-0.2%2C0-0.3%2C0c-0.3%2C0.1-0.5%2C0.4-0.6%2C1%0A%09c-0.9%2C5.6%2C4.1%2C21.7%2C13.1%2C30c8.1-3.4%2C14.6-8.7%2C16.2-16.2c2-9.2%2C0.3-11.1-0.5-11.5c-1.7-0.8-5.9%2C1.5-12.8%2C10.3l-0.6%2C0.8l-0.6-0.8%0A%09C958.7%2C9.4%2C951.6%2C1.6%2C949.1%2C1.6z%22%20fill%3D%22%231D1D1B%22/%3E%3C/svg%3E");--heartMask:url("data:image/png;base64,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"); background:var(--milk);color:var(--ink);font-family:"MMDosis","MMDosisErsatz",system-ui,sans-serif;font-weight:400;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;} .mm *{box-sizing:border-box;} .mm img{max-width:100%;display:block;} .mm a{color:inherit;text-decoration:none;} .mm h1,.mm h2,.mm h3{margin:0;font-weight:700;line-height:1.05;letter-spacing:-.01em;text-wrap:balance;} .mm p{margin:0;} .mm .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;} .mm .script{font-family:"MMScript",cursive;} .mm::after{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.06;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");} .mm .eyebrow{display:inline-block;font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:999px;padding:.34em 1.05em;box-shadow:3px 3px 0 rgba(29,29,27,.12);} .mm .btn{display:inline-flex;align-items:center;gap:.5em;font-weight:700;font-size:1rem;padding:.82em 1.5em;border-radius:11px;border:2px solid var(--ink);background:var(--ink);color:var(--milk);cursor:pointer;transition:transform .18s ease;} .mm .btn:hover{transform:translateY(-3px);} .mm .btn--ghost{background:transparent;color:var(--ink);} .mm .btn svg{width:1.05em;height:1.05em;} .mm .heart{display:inline-block;aspect-ratio:.964;background:currentColor;-webkit-mask:var(--heartMask) center/contain no-repeat;mask:var(--heartMask) center/contain no-repeat;} .mm .blob{display:inline-block;} .mm .blob svg{width:100%;height:auto;display:block;fill:currentColor;} /* nav */ .mm .nav{position:sticky;top:0;z-index:60;filter:drop-shadow(0 5px 12px rgba(29,29,27,.06));} .mm .nav::before{content:"";position:absolute;left:0;right:0;top:0;bottom:calc(var(--edge) - 1px);background:var(--navbg);z-index:0;} .mm .nav__in{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;height:88px;max-width:var(--maxw);margin:0 auto;padding:0 24px;} .mm .nav__edge{position:relative;z-index:0;--hzl-h:var(--edge);} .mm .edge-svg{display:block;width:100%;height:100%;} .mm .edge-line{fill:var(--ink);} .mm .edge-fill--nav{fill:var(--navbg);} .mm .edge-fill--foot{fill:var(--ink);} /* Sektionswechsel hell <-> beige: die Flaeche folgt der Handzeichnung, damit neben der schwingenden Linie keine gerade Kante steht. */ .mm .edge-fill--beige{fill:var(--milk2);} .mm .wave--beige{background:var(--milk2);} /* Uebergang beige -> hell: der Fuellpfad deckt nur das Linienband ab (14/40 der Hoehe, unten). Der Streifen darueber gehoert noch zur beigen Sektion und wird hier gefuellt — sonst endet die Flaeche wieder mit einer geraden Kante an der Bandoberkante. */ .mm .wave--oben-beige{background:linear-gradient(var(--milk2) 0, var(--milk2) calc(100% - var(--hzl-h) * 14 / 40), transparent calc(100% - var(--hzl-h) * 14 / 40));} .mm .nav__logo img{height:63px;width:auto;} .mm .nav__links{display:flex;gap:22px;font-weight:600;font-size:.98rem;align-items:center;} .mm .nav__links a{position:relative;padding:4px 0;color:var(--ink70);} .mm .nav__links a:hover{color:var(--ink);} .mm .nav__mh{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-weight:700;} .mm .nav__mh img{width:38px;height:38px;object-fit:contain;} /* Mobil-Menü */ .mm .nav__burger{display:none;flex-direction:column;justify-content:center;gap:5px;flex:0 0 auto;width:46px;height:46px;padding:0 11px;border:2px solid var(--ink);border-radius:11px;background:#fff;cursor:pointer;box-shadow:2px 2px 0 rgba(29,29,27,.1);} .mm .nav__burger span{display:block;width:100%;height:2.5px;background:var(--ink);border-radius:2px;transition:transform .22s ease,opacity .18s ease;} .mm .nav__burger.is-open span:nth-child(1){transform:translateY(7.5px) rotate(45deg);} .mm .nav__burger.is-open span:nth-child(2){opacity:0;} .mm .nav__burger.is-open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);} .mm .nav__backdrop{display:none;position:fixed;inset:0;z-index:0;border:0;padding:0;background:transparent;cursor:default;} .mm .nav__mobile{display:none;position:absolute;top:calc(88px - 4px);left:12px;right:12px;z-index:5;background:var(--navbg);border:2px solid var(--ink);border-radius:16px;box-shadow:0 26px 44px -22px rgba(29,29,27,.45);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;} .mm .nav__mobile.is-open{opacity:1;transform:none;pointer-events:auto;} .mm .nav__mobile-in{display:flex;flex-direction:column;padding:10px;} .mm .nav__mobile-in a{padding:13px 14px;font-weight:700;font-size:1.05rem;border-radius:10px;color:var(--ink);} .mm .nav__mobile-in a:active,.mm .nav__mobile-in a:hover{background:var(--milk2);} .mm .nav__mobile-mh{display:flex;align-items:center;gap:10px;margin-top:6px;border-top:1px solid var(--line);padding-top:16px !important;} .mm .nav__mobile-mh img{width:32px;height:32px;object-fit:contain;} .mm .nav__mobile-in a.nav__mobile-cta{justify-content:center;margin-top:12px;background:var(--ink);color:var(--milk);} .mm .nav__mobile-in a.nav__mobile-cta:hover{background:var(--ink);} @media(max-width:1040px){ .mm .nav__links{display:none;} .mm .nav__burger{display:flex;} .mm .nav__mobile{display:block;} .mm .nav__backdrop{display:block;} .mm .nav__cta{margin-left:auto;} } @media(max-width:680px){.mm .nav__cta{display:none;}} /* hero */ .mm .hero{position:relative;overflow:hidden;min-height:clamp(540px,84vh,780px);display:flex;align-items:center;background:#eae7df;margin-top:calc(-1 * var(--edge) - 1px);padding-top:var(--edge);} .mm .hero__photo{position:absolute;inset:-60px 0;z-index:0;background-position:center right;background-size:cover;background-repeat:no-repeat;} .mm .hero--vintage .hero__photo{filter:grayscale(1) contrast(1.02);} .mm .hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:130px;z-index:2;pointer-events:none;background:linear-gradient(rgba(251,249,243,0),var(--milk));} .mm .hero__scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(100deg,var(--milk) 0%,var(--milk) 46%,rgba(251,249,243,.78) 58%,rgba(251,249,243,.4) 68%,rgba(251,249,243,.14) 78%,rgba(251,249,243,0) 90%);} .mm .hero__blob{position:absolute;z-index:2;color:#D8D1C2;opacity:.14;width:min(42vw,520px);left:-8%;bottom:-16%;transform:rotate(-9deg);pointer-events:none;} .mm .hero__inner{position:relative;z-index:3;width:100%;} .mm .hero__copy{max-width:600px;} .mm .hero h1{font-size:clamp(2.7rem,6.4vw,5rem);} .mm .hero h1 .l1{display:block;font-family:"MMScript",cursive;color:var(--rot);font-size:1.18em;line-height:.95;} .mm .hero h1 .l2{display:block;font-weight:300;color:var(--ink);margin-top:.08em;font-size:.58em;letter-spacing:-.02em;} .mm .hero__lead{margin:22px 0 30px;max-width:44ch;font-size:1.12rem;color:var(--ink70);} .mm .hero__cta{display:flex;gap:14px;flex-wrap:wrap;} .mm .hero__tag{position:absolute;z-index:3;bottom:22px;left:clamp(16px,4vw,40px);background:var(--milk);border:2px solid var(--ink);border-radius:10px;padding:9px 15px;font-weight:700;font-size:.94rem;display:flex;align-items:center;gap:9px;box-shadow:0 12px 24px -14px rgba(0,0,0,.4);} .mm .hero__tag .heart{width:20px;color:var(--rot);} .mm .hero__seal{position:absolute;z-index:4;top:clamp(64px,10vh,104px);right:clamp(300px,33vw,560px);filter:drop-shadow(3px 5px 0 rgba(29,29,27,.18));} @media(max-width:1080px){.mm .hero__seal{display:none;}} /* ===== Mobil: Hero gestapelt (Bild oben, Text darunter links) ===== */ @media(max-width:760px){ .mm .hero{display:block;min-height:0;margin-top:0;padding-top:0;overflow:visible;background:transparent;} .mm .hero__photo{position:relative;inset:auto;width:100%;height:clamp(230px,58vw,320px);background-position:center 32%;border-radius:0 0 20px 20px;box-shadow:0 20px 34px -24px rgba(29,29,27,.5);} .mm .hero__scrim,.mm .hero__blob,.mm .hero::after{display:none;} .mm .hero__inner{padding-top:26px;padding-bottom:8px;} .mm .hero__copy{max-width:none;} .mm .hero h1{font-size:clamp(2.4rem,10vw,3.4rem);} .mm .hero__lead{font-size:1.05rem;margin:16px 0 24px;} .mm .hero__cta{width:100%;} .mm .hero__cta .btn{flex:1 1 auto;justify-content:center;} .mm .hero__tag{display:none;} } /* starburst */ .mm .starburst{position:relative;width:132px;height:132px;display:grid;place-items:center;text-align:center;color:var(--ink);transform:rotate(-9deg);} .mm .starburst svg{position:absolute;inset:0;width:100%;height:100%;} .mm .starburst svg path{fill:#F4EFE3;stroke:var(--ink);stroke-width:3;stroke-linejoin:round;} .mm .starburst__txt{position:relative;z-index:1;font-family:"MMScript",cursive;line-height:.92;} .mm .starburst__big{display:block;font-size:1.9rem;} .mm .starburst__small{display:block;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;} /* wave + ticker */ /* Struktur der Herzlinie siehe Block "Band und Herz getrennt" am Dateiende. Die frühere Regel setzte hier height:auto auf EIN svg — mit drei Teilen (Band links / Herz / Band rechts) würde sie die Höhen überschreiben. */ .mm .wave{color:var(--ink);} /* Mobil: Herzlinie-Trenner mit konstanter Herzgröße (slice statt uniform-mini) */ /* Mobil-Höhe des Trenners steuert --hzl-h (siehe Block am Dateiende). */ .mm .ticker{background:var(--ink);color:var(--milk);overflow:hidden;padding:13px 0;} .mm .ticker__track{display:flex;width:max-content;animation:mmtick var(--lauf-s,210s) linear infinite;} .mm .ticker__track span{font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:1rem;white-space:nowrap;} .mm .ticker__track .sep{color:var(--rot);margin:0 20px;} @keyframes mmtick{to{transform:translateX(-50%);}} @media(prefers-reduced-motion:reduce){.mm .ticker__track{animation:none;}} /* ===== Home-Sektionen ===== */ .mm .sec{padding:clamp(46px,6vw,84px) 0;position:relative;} .mm .sechead{text-align:center;max-width:640px;margin:0 auto 40px;} .mm .sechead h2{font-size:clamp(1.9rem,4vw,2.9rem);margin-top:10px;} .mm .sechead h2 em{font-family:"MMScript",cursive;font-style:normal;color:var(--rot);} .mm .sechead p{color:var(--ink70);margin-top:12px;} /* character parade */ .mm .marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);padding:6px 0;} .mm .marquee+.marquee{margin-top:6px;} .mm .marquee__track{display:flex;gap:8px;width:max-content;animation:mmscroll var(--lauf-s,240s) linear infinite;} .mm .marquee--rev .marquee__track{animation-direction:reverse;} @keyframes mmscroll{to{transform:translateX(-50%);}} .mm .char{width:172px;flex:0 0 auto;} .mm .char__label{position:relative;width:172px;height:150px;} .mm .char__label .blob{position:absolute;inset:0;} .mm .char__inner{position:absolute;inset:20% 15% 17% 15%;background:var(--milk);border-radius:46% 54% 50% 50%/54% 50% 50% 46%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6px 8px;} .mm .char__type{font-size:.52rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:var(--ink70);line-height:1.15;} .mm .char__nm{font-family:"MMScript",cursive;font-size:1.02rem;color:var(--ink);line-height:1.02;margin-top:2px;} .mm .char__heart{position:absolute;top:9%;left:50%;transform:translateX(-50%);width:15px;color:#fff;z-index:2;} /* pillars */ .mm .pillar{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center;padding:clamp(30px,4.5vw,60px) 0;} .mm .pillar:nth-child(even) .pillar__media{order:2;} .mm .pillar__media{position:relative;} .mm .pillar__media .frame{border-radius:12px;overflow:hidden;aspect-ratio:5/4;box-shadow:0 26px 50px -30px rgba(29,29,27,.45);} .mm .pillar__media .frame img{width:100%;height:100%;object-fit:cover;} .mm .pillar__blob{position:absolute;width:46%;z-index:-1;} .mm .pillar:nth-child(1) .pillar__blob{color:#DCD5C6;top:-8%;left:-9%;transform:rotate(-10deg);} .mm .pillar:nth-child(2) .pillar__blob{color:#D3CEC2;bottom:-9%;right:-9%;transform:rotate(12deg);} .mm .pillar:nth-child(3) .pillar__blob{color:#DCD5C6;top:-8%;right:-9%;transform:rotate(9deg);} .mm .pillar:nth-child(4) .pillar__blob{color:#D3CEC2;bottom:-9%;left:-9%;transform:rotate(-8deg);} .mm .pillar h2{font-size:clamp(2rem,4vw,3rem);} .mm .pillar h2 .script{display:block;color:var(--rot);font-family:"MMScript",cursive;font-size:1.3em;line-height:.9;margin-bottom:.04em;} .mm .pillar:nth-child(2) h2 .script{color:var(--blau);} .mm .pillar:nth-child(3) h2 .script{color:var(--braun);} .mm .pillar:nth-child(4) h2 .script{color:var(--gruen);} .mm .pillar h2 .sub{display:block;font-weight:300;font-size:.6em;color:var(--ink);letter-spacing:-.02em;} .mm .pillar p{margin:18px 0 24px;color:var(--ink70);max-width:44ch;} .mm .pillar__link{font-weight:700;display:inline-flex;align-items:center;gap:.5em;border-bottom:2px solid var(--rot);padding-bottom:3px;transition:gap .18s;} .mm .pillar__link:hover{gap:.9em;} .mm .pillar__link svg{width:1em;height:1em;} @media(max-width:780px){.mm .pillar{grid-template-columns:1fr;}.mm .pillar:nth-child(even) .pillar__media{order:0;}.mm .pillar__media{max-width:460px;}} /* generic two-col (catering/about/cta) */ .mm .twocol{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center;} .mm .twocol--media-right .twocol__media{order:2;} .mm .twocol__media .frame{border-radius:12px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 26px 50px -30px rgba(29,29,27,.45);} .mm .twocol__media .frame img{width:100%;height:100%;object-fit:cover;} .mm .twocol h2{font-size:clamp(2rem,4vw,3rem);} .mm .twocol h2 .script{display:block;color:var(--rot);font-family:"MMScript",cursive;font-size:1.3em;line-height:.9;} .mm .twocol h2 .sub{display:block;font-weight:300;font-size:.6em;letter-spacing:-.02em;} .mm .twocol p{margin:16px 0 22px;color:var(--ink70);max-width:46ch;} .mm .chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px;} .mm .chip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:.4em .95em;font-weight:700;font-size:.85rem;box-shadow:2px 2px 0 rgba(29,29,27,.1);} .mm .chip .heart{width:13px;color:var(--rot);} @media(max-width:820px){.mm .twocol{grid-template-columns:1fr;}.mm .twocol--media-right .twocol__media{order:0;}.mm .twocol__media{max-width:460px;}} /* testimonials */ .mm .testis{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;} .mm .tcard{background:#fff;border:2px solid var(--ink);border-radius:18px;padding:24px;box-shadow:5px 5px 0 rgba(29,29,27,.08);} .mm .tcard .heart{width:20px;color:var(--rot);margin-bottom:8px;} .mm .tcard p{color:var(--ink70);font-style:italic;} .mm .tcard b{display:block;margin-top:12px;font-style:normal;} /* cta band */ .mm .cta{text-align:center;} .mm .cta h2{font-size:clamp(2rem,4vw,3rem);} .mm .cta h2 em{font-family:"MMScript",cursive;font-style:normal;color:var(--rot);} .mm .cta p{max-width:52ch;margin:14px auto 26px;color:var(--ink70);} /* footer */ .mm .footer{color:#cfcbc0;position:relative;} .mm .footer__edge{--hzl-h:var(--edge);} .mm .footer__body{background:var(--ink);padding:clamp(30px,4vw,54px) 0 40px;margin-top:-1px;} .mm .foot__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px;} .mm .foot__grid img{height:52px;width:auto;margin-bottom:14px;} .mm .footer h4{color:var(--milk);font-size:.82rem;text-transform:uppercase;letter-spacing:.14em;margin:0 0 14px;} .mm .footer ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;} .mm .footer a:hover{color:var(--milk);} .mm .foot__bar{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;gap:16px;font-size:.85rem;flex-wrap:wrap;} @media(max-width:780px){.mm .foot__grid{grid-template-columns:1fr;}} /* ===== Kategorie-Farb-Hero ===== */ .mm .hero--color .hero__photo{filter:none;} .mm .hero--color .hero__scrim{background:linear-gradient(100deg,var(--milk) 0%,var(--milk) 38%,rgba(251,249,243,.72) 52%,rgba(251,249,243,.32) 64%,rgba(251,249,243,.08) 77%,rgba(251,249,243,0) 89%);} @media(max-width:760px){.mm .hero--color .hero__scrim{background:linear-gradient(180deg,rgba(251,249,243,.92),rgba(251,249,243,.45));}} /* ===== Eis-Seite ===== */ /* Handwerk / „Was steckt drin" */ .mm .procshots{display:grid;grid-template-columns:1fr 1fr;gap:14px;} .mm .procshots .frame{border-radius:12px;overflow:hidden;box-shadow:0 22px 44px -28px rgba(29,29,27,.5);aspect-ratio:1/1;} .mm .procshots .frame:first-child{grid-column:1/3;aspect-ratio:16/9;} .mm .procshots .frame img{width:100%;height:100%;object-fit:cover;} .mm .facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-top:26px;} .mm .fact{background:#fff;border:2px solid var(--ink);border-radius:16px;padding:15px 18px;box-shadow:4px 4px 0 rgba(29,29,27,.08);} .mm .fact b{display:block;font-family:"MMScript",cursive;font-size:1.7rem;color:var(--rot);line-height:1;} .mm .fact span{display:block;font-size:.82rem;color:var(--ink70);margin-top:7px;font-weight:600;line-height:1.3;} /* Sorten-Galerie */ .mm .gridhead{text-align:center;margin:44px auto 8px;max-width:640px;} .mm .gridhead .script{display:block;font-family:"MMScript",cursive;color:var(--rot);font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1;} .mm .gridhead--blau .script{color:var(--blau);} .mm .gridhead p{color:var(--ink70);margin-top:8px;font-weight:600;} .mm .chargrid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 4px;margin-top:6px;} .mm .chargrid .char{transition:transform .18s ease;} .mm .chargrid .char:hover{transform:translateY(-5px) rotate(-2deg);} .mm .note{display:flex;gap:13px;align-items:center;background:#fff;border:2px dashed var(--ink);border-radius:16px;padding:16px 22px;max-width:660px;margin:30px auto 0;font-weight:600;color:var(--ink70);} .mm .note .heart{width:22px;color:var(--gelb);flex:0 0 auto;} .mm .note b{color:var(--ink);} /* Nostalgie-Poem */ .mm .nost{position:relative;overflow:hidden;background:var(--milk2);text-align:center;} .mm .nost .wrap{position:relative;z-index:2;} .mm .nost .eyebrow{margin-bottom:16px;} .mm .nost h2{font-family:"MMScript",cursive;color:var(--rot);font-size:clamp(2rem,4.6vw,3.3rem);line-height:1.02;} .mm .nost__lines{margin:30px auto 0;max-width:600px;display:grid;gap:15px;} .mm .nost__line{font-size:clamp(1.15rem,2.4vw,1.5rem);font-weight:600;color:var(--ink);line-height:1.25;} .mm .nost__line em{font-family:"MMScript",cursive;font-style:normal;color:var(--blau);font-size:1.12em;} .mm .doodle{position:absolute;z-index:1;color:var(--ink);opacity:.12;pointer-events:none;} .mm .doodle svg{width:100%;height:auto;display:block;} .mm .doodle--1{width:120px;top:8%;left:4%;transform:rotate(-14deg);} .mm .doodle--2{width:96px;top:14%;right:6%;transform:rotate(12deg);} .mm .doodle--3{width:80px;bottom:10%;left:9%;transform:rotate(9deg);} .mm .doodle--4{width:110px;bottom:8%;right:5%;transform:rotate(-8deg);} @media(max-width:760px){.mm .doodle--2,.mm .doodle--3{display:none;}} /* Eisdiele-Teaser (nutzt .twocol) */ .mm .teaser{background:var(--milk2);} /* Torten-CTA-Band */ .mm .ctaband{text-align:center;} .mm .ctaband h2{font-size:clamp(2rem,4vw,3rem);} .mm .ctaband h2 .script{display:block;color:var(--rot);font-family:"MMScript",cursive;font-size:1.3em;line-height:.9;} .mm .ctaband h2 .sub{display:block;font-weight:300;font-size:.6em;letter-spacing:-.02em;} .mm .ctaband p{max-width:52ch;margin:16px auto 26px;color:var(--ink70);} @media(max-width:820px){.mm .procshots .frame:first-child{aspect-ratio:2/1;}} /* ===== Torten-Seite ===== */ /* Erinnerungs-Galerie (endloser Drift) */ .mm .leine{overflow:hidden;padding:14px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);} .mm .leine__track{display:flex;gap:30px;width:max-content;padding:8px 0;animation:mmDrift 70s linear infinite;} @keyframes mmDrift{to{transform:translateX(-50%);}} @media(prefers-reduced-motion:reduce){.mm .leine__track{animation:none;}} .mm .print{flex:0 0 auto;width:236px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:13px 13px 0;box-shadow:0 20px 36px -24px rgba(29,29,27,.55);cursor:pointer;transition:transform .22s ease,box-shadow .22s ease;} .mm .print:nth-child(3n){transform:rotate(-2.2deg);} .mm .print:nth-child(3n+1){transform:rotate(1.8deg);} .mm .print:nth-child(3n+2){transform:rotate(-.8deg);} .mm .print:hover{transform:rotate(0) translateY(-7px) scale(1.03);box-shadow:0 30px 50px -24px rgba(29,29,27,.6);} .mm .print__img{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:4px;background:var(--milk2);} .mm .print__img img{width:100%;height:100%;object-fit:cover;} .mm .print__date{position:absolute;bottom:7px;right:9px;font-family:ui-monospace,monospace;font-size:.82rem;font-weight:700;color:#F0A233;text-shadow:0 0 3px rgba(0,0,0,.35);letter-spacing:.02em;} .mm .print__cap{font-family:"MMScript",cursive;text-align:center;font-size:1.12rem;color:var(--ink);padding:11px 4px 13px;line-height:1.05;} @media(max-width:520px){.mm .print{width:196px;}.mm .leine__track{gap:20px;}} /* Foto-Betrachter (heller Enlarge, kein Dark-Overlay) */ .mm .viewer{position:fixed;inset:0;z-index:200;display:none;place-items:center;padding:5vw;background:rgba(251,249,243,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);} .mm .viewer.open{display:grid;animation:mmFade .22s ease;} @keyframes mmFade{from{opacity:0;}to{opacity:1;}} .mm .viewer__frame{position:relative;background:#fff;padding:18px 18px 0;border-radius:10px;box-shadow:0 50px 90px -34px rgba(29,29,27,.6);transform:rotate(-2deg);max-width:min(90vw,540px);} .mm .viewer__frame img{width:100%;border-radius:5px;display:block;max-height:72vh;object-fit:cover;} .mm .viewer__cap{font-family:"MMScript",cursive;text-align:center;font-size:1.5rem;padding:16px 8px;color:var(--ink);} .mm .viewer__close{position:fixed;top:clamp(14px,3vw,30px);right:clamp(14px,3vw,30px);width:52px;height:52px;border-radius:999px;border:2px solid var(--ink);background:#fff;color:var(--ink);font-size:1.5rem;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:3px 3px 0 rgba(29,29,27,.12);} .mm .viewer__nav{position:fixed;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:999px;border:2px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer;display:grid;place-items:center;box-shadow:3px 3px 0 rgba(29,29,27,.12);} .mm .viewer__nav svg{width:24px;height:24px;} .mm .viewer__nav--prev{left:clamp(10px,3vw,34px);} .mm .viewer__nav--next{right:clamp(10px,3vw,34px);} /* Eistorten-Baukasten (Steps) */ .mm .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));gap:20px;margin-top:36px;} .mm .step{position:relative;background:#fff;border:2px solid var(--ink);border-radius:18px;padding:30px 24px 24px;box-shadow:5px 5px 0 rgba(29,29,27,.08);} .mm .step__n{position:absolute;top:-18px;left:24px;width:44px;height:44px;border-radius:999px;background:var(--rot);color:#fff;display:grid;place-items:center;font-family:"MMScript",cursive;font-size:1.5rem;border:2px solid var(--ink);} .mm .step h3{font-size:1.15rem;margin:6px 0 8px;} .mm .step p{color:var(--ink70);font-size:.96rem;} .mm .price{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;margin-top:34px;} .mm .price__card{background:var(--milk2);border:2px solid var(--ink);border-radius:18px;padding:22px 30px;text-align:center;min-width:190px;} .mm .price__card b{display:block;font-family:"MMScript",cursive;color:var(--rot);font-size:2.1rem;line-height:1;} .mm .price__card span{display:block;margin-top:6px;font-weight:600;color:var(--ink70);} .mm .price__note{text-align:center;color:var(--ink50);font-size:.9rem;margin-top:16px;} /* ===== Milchprodukte-Seite ===== */ .mm .prodgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:22px;} .mm .prodcard{display:flex;flex-direction:column;background:#fff;border:2px solid var(--ink);border-radius:20px;overflow:hidden;box-shadow:6px 6px 0 rgba(29,29,27,.08);transition:transform .18s ease;} .mm .prodcard:hover{transform:translateY(-5px);} .mm .prodcard__img{aspect-ratio:4/3;overflow:hidden;background:var(--milk2);} .mm .prodcard__img img{width:100%;height:100%;object-fit:cover;} .mm .prodcard__body{padding:20px 22px 24px;} .mm .prodcard__type{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--ink70);} .mm .prodcard__nm{font-family:"MMScript",cursive;font-size:1.7rem;line-height:1;margin:3px 0 10px;color:var(--rot);} .mm .prodcard:nth-child(2) .prodcard__nm{color:var(--blau);} .mm .prodcard:nth-child(3) .prodcard__nm{color:var(--braun);} .mm .prodcard:nth-child(4) .prodcard__nm{color:var(--gruen);} .mm .prodcard p{color:var(--ink70);font-size:.95rem;margin-bottom:14px;} .mm .prodcard .chips{margin-bottom:0;} .mm .prodcard .chip{font-size:.74rem;padding:.32em .8em;} /* ===== Über-uns-Seite ===== */ .mm .team{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:26px;} .mm .tm{text-align:center;} .mm .tm__ava{position:relative;width:150px;height:132px;margin:0 auto 14px;} .mm .tm__ava .blob{position:absolute;inset:0;} .mm .tm__ini{position:absolute;inset:0;display:grid;place-items:center;font-family:"MMScript",cursive;font-size:2.6rem;color:#fff;text-shadow:0 2px 5px rgba(29,29,27,.2);} .mm .tm__nm{font-family:"MMScript",cursive;font-size:1.6rem;color:var(--ink);line-height:1;} .mm .tm__role{color:var(--ink);font-weight:700;font-size:.86rem;margin-top:6px;} .mm .tm__desc{color:var(--ink70);font-size:.92rem;margin-top:8px;max-width:26ch;margin-left:auto;margin-right:auto;} /* Hofkatze-Gag */ .mm .katze .twocol{align-items:center;} .mm .katze__print{background:#fff;padding:16px 16px 0;border-radius:8px;box-shadow:0 26px 50px -28px rgba(29,29,27,.5);transform:rotate(-3deg);max-width:360px;margin:0 auto;} .mm .katze__print img{width:100%;border-radius:4px;aspect-ratio:3/4;object-fit:cover;} .mm .katze__print figcaption{font-family:"MMScript",cursive;text-align:center;font-size:1.5rem;padding:12px 4px 14px;color:var(--ink);} .mm .katze h2 .script{color:var(--gruen);} /* ===== Standorte-Seite ===== */ .mm .hofladen{background:var(--ink);color:var(--milk);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr;} .mm .hofladen__body{padding:clamp(28px,4vw,46px);} .mm .hofladen__body .eyebrow{background:var(--milk);} .mm .hofladen h2{font-size:clamp(1.9rem,4vw,2.8rem);margin:14px 0 8px;} .mm .hofladen h2 .script{color:var(--rot);font-family:"MMScript",cursive;} .mm .hofladen p{color:#cfcbc0;margin-bottom:20px;max-width:42ch;} .mm .hofladen__meta{display:grid;gap:12px;margin-bottom:24px;} .mm .hofladen__meta div{display:flex;align-items:center;gap:11px;font-weight:600;} .mm .hofladen__meta .heart{width:17px;color:var(--rot);flex:0 0 auto;} .mm .hofladen__meta a{color:var(--milk);} .mm .hofladen__img{position:relative;min-height:280px;} .mm .hofladen__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;} @media(max-width:820px){.mm .hofladen{grid-template-columns:1fr;}.mm .hofladen__img{min-height:220px;order:-1;}} .mm .stores{display:grid;grid-template-columns:1fr 1fr;gap:0 44px;margin-top:8px;} .mm .store{display:flex;align-items:flex-start;gap:11px;padding:14px 2px;border-bottom:1px solid var(--line);} .mm .store .heart{width:15px;color:var(--rot);flex:0 0 auto;margin-top:4px;} .mm .store b{font-weight:700;color:var(--ink);display:block;line-height:1.2;} .mm .store span{color:var(--ink70);font-size:.9rem;} @media(max-width:680px){.mm .stores{grid-template-columns:1fr;}} /* ===== Kontakt-Seite ===== */ .mm .kontakt__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,56px);align-items:start;} @media(max-width:860px){.mm .kontakt__grid{grid-template-columns:1fr;}} .mm .form{display:grid;gap:15px;background:#fff;border:2px solid var(--ink);border-radius:20px;padding:clamp(22px,3vw,34px);box-shadow:6px 6px 0 rgba(29,29,27,.08);} .mm .form__row{display:grid;grid-template-columns:1fr 1fr;gap:15px;} @media(max-width:520px){.mm .form__row{grid-template-columns:1fr;}} .mm .field{display:grid;gap:6px;} .mm .field label{font-weight:700;font-size:.86rem;} .mm .field input,.mm .field textarea{font:inherit;font-size:1rem;border:2px solid var(--ink);border-radius:11px;padding:.66em .85em;background:var(--milk);color:var(--ink);width:100%;} .mm .field input:focus,.mm .field textarea:focus{outline:none;border-color:var(--rot);box-shadow:0 0 0 3px rgba(237,107,98,.18);} .mm .field textarea{min-height:130px;resize:vertical;} .mm .form__note{font-size:.82rem;color:var(--ink50);} .mm .form__ok{text-align:center;padding:20px 10px;} .mm .form__ok .heart{width:42px;color:var(--rot);margin:0 auto 12px;} .mm .form__ok h3{font-family:"MMScript",cursive;color:var(--rot);font-size:2rem;margin-bottom:8px;} .mm .form__ok p{color:var(--ink70);} /* Kontaktinfo */ .mm .kinfo{display:grid;gap:22px;} .mm .kinfo__card{background:var(--milk2);border:2px solid var(--ink);border-radius:18px;padding:22px 24px;} .mm .kinfo__card h3{font-family:"MMScript",cursive;color:var(--rot);font-size:1.6rem;margin-bottom:12px;} .mm .kinfo__row{display:flex;align-items:flex-start;gap:11px;padding:7px 0;font-weight:600;} .mm .kinfo__row .heart{width:16px;color:var(--rot);flex:0 0 auto;margin-top:4px;} .mm .kinfo__row a{color:var(--ink);} .mm .kinfo__row span span{display:block;font-weight:400;color:var(--ink70);font-size:.9rem;} /* ===== Milchhof-Irrgang-Seite ===== */ .mm .mhband{background:var(--gruen);color:#fff;border-radius:24px;text-align:center;padding:clamp(38px,6vw,66px) 24px;} .mm .mhband__badge{width:132px;height:132px;border-radius:999px;background:#fff;display:grid;place-items:center;margin:0 auto 22px;box-shadow:0 18px 34px -18px rgba(29,29,27,.4);} .mm .mhband__badge img{width:88px;height:auto;} .mm .mhband h2{color:#fff;font-size:clamp(1.8rem,4vw,2.6rem);} .mm .mhband h2 .script{display:block;font-family:"MMScript",cursive;font-size:1.3em;line-height:.9;color:#fff;} .mm .mhband h2 .sub{display:block;font-weight:300;font-size:.6em;letter-spacing:-.02em;color:rgba(255,255,255,.92);} .mm .mhband p{color:rgba(255,255,255,.92);max-width:54ch;margin:16px auto 0;} /* ——— Marker-Track: Absatz-Rolle für textblock-Container ——————————————— Im Alt-Track waren die Fließtexte

und wurden von den Tag-Selektoren `.sechead p` / `.twocol p` erfasst. Im Payload-Track trägt ein

den Marker (ein richText-Feld setzt sein eigenes

hinein — ein

im

bricht im Browser auf und leert den Container). Diese Regeln geben dem Container die Rolle des früheren Absatzes und neutralisieren das innere

, damit Abstände und Zeilenlänge exakt bleiben. NICHT die Originalregeln ändern — sonst driftet das Design gegen den Alt-Track. */ .mm .sechead > [data-sw-primitive="textblock"]{color:var(--ink70);margin-top:12px;} .mm .twocol [data-sw-primitive="textblock"]{margin:16px 0 22px;color:var(--ink70);max-width:46ch;} .mm [data-sw-primitive="textblock"] > p{margin:0;max-width:none;color:inherit;} /* ——— Herzlinie: Band und Herz getrennt ———————————————————————————— Die Zeichnung ist 1920×40, aber die LINIE lebt nur in y 26,8…39,6 — allein das HERZ (x 940…980) nutzt die volle Höhe. Ein einzelnes SVG musste deshalb immer etwas abschneiden. Jetzt streckt sich das Band frei über die Breite, während das Herz seitenverhältnistreu bleibt und nach oben herausragt. Beide teilen dieselbe vertikale Skala (1 viewBox-Einheit = --hzl-h / 40), damit die Linie an den Nahtstellen stufenlos durchläuft. */ .mm .hzl{--hzl-h:34px;position:relative;display:flex;align-items:flex-end; height:var(--hzl-h);line-height:0;color:var(--ink);} .mm .hzl__band{flex:1 1 auto;min-width:0;height:calc(var(--hzl-h) * 14 / 40);display:block;} .mm .hzl__herz{flex:0 0 auto;height:var(--hzl-h);width:var(--hzl-h);display:block;} .mm .hzl .edge-line{fill:var(--ink);} /* Sektions-Trenner: etwas zierlicher als die Kanten an Kopf und Fuß. */ .mm .wave{--hzl-h:30px;margin:0;} @media(max-width:760px){.mm .wave{--hzl-h:26px;}} /* ——— Schreibschrift braucht Auslauf ———————————————————————————————— Pacifico (MMScript) ist eine Schreibschrift: der Schwung des letzten Buchstabens ragt über die Glyphenbreite hinaus. Ohne Zugabe stößt er ins Folgewort — „Eis-Charaktere kennen" las sich wie ein Wort. Gilt überall, wo eine Script-Auszeichnung MITTEN im Text steht. */ .mm h2 em, .mm h2 .script{padding-right:.12em;} /* ——— Dekor darf die Seite nicht breiter machen ———————————————————— Die Kuhflecken-Blobs liegen bewusst versetzt hinter den Bildern und ragen darüber hinaus. Auf schmalen Viewports schob der Blob der Pillar-Medien die Seite um 19 px über den Rand — unsichtbar, weil body overflow-x:clip trägt, aber der Inhalt stand schief. Jede Sektion beschneidet ihren eigenen Dekor-Überstand; der Effekt bleibt, der Seitenüberlauf verschwindet. */ .mm .sec, .mm .hero{overflow-x:clip;} /* ——— Laufreihen laufen aus, statt abgeschnitten zu werden —————————— Ticker und Charakter-Parade sind Endlosbänder — an den Rändern brachen sie hart ab (halbe Buchstaben, halbe Becher). Ein weicher Auslauf macht sichtbar, dass das Band weiterläuft, statt dass es beschädigt aussieht. */ .mm .marquee{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);} .mm .ticker{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);} /* Die Band-SVGs zeigen einen Ausschnitt eines 1920 breiten Pfades — ohne explizites overflow:hidden zählt der überstehende Pfad zur Seitenbreite (19 px Überlauf, von body{overflow-x:clip} unsichtbar gemacht). */ .mm .hzl svg{overflow:hidden;} /* ——— Navi-Fläche bis an die Herzlinie ———————————————————————————— Die Kante ist so hoch wie das Herz (--hzl-h), die Bänder füllen aber nur den Linienbereich unten (14 von 40 Einheiten). Darüber blieb ein transparenter Streifen, durch den der Hero durchschien — links unauffällig (heller Grund), rechts über dem dunklen Foto deutlich sichtbar. Der Streifen bekommt die Navi-Fläche; im Herzfenster bringt das Herz-SVG seine Füllung selbst mit, sodass die weiße Fläche sauber in die Herzausbuchtung übergeht. */ .mm .nav__edge::before{content:"";position:absolute;left:0;right:0;top:0; height:calc(100% - (var(--hzl-h) * 14 / 40));background:var(--navbg);} /* Der Füllstreifen ist absolut positioniert und würde die statischen SVGs überdecken (das Herz verlor seine Rundungen). position:relative hebt Band und Herz wieder darüber. */ .mm .hzl__band, .mm .hzl__herz{position:relative;} /* ——— Kontakt-Knopf in der Kopfzeile ———————————————————————————————— Der Standard-Knopf ist eine schwarze Vollfläche — neben der zarten Herzlinie und den hellen Aufkleber-Pillen wirkte er wie ein Fremdkörper. Er bekommt jetzt dieselbe Handschrift wie Eyebrow und Chip (heller Grund, dunkle Kontur, runde Pillenform, versetzter Schatten) und trägt das rote Herz als Signal — auffällig durch die Marke statt durch Masse. Der Knopf im Mobil-Menü bleibt kräftig: dort ist er die Hauptaktion. */ .mm .nav__cta{background:#fff;color:var(--ink);border-radius:999px; padding:.5em 1.1em;font-size:.94rem;box-shadow:3px 3px 0 rgba(29,29,27,.12);} .mm .nav__cta .heart{width:15px;color:var(--rot);} .mm .nav__cta:hover{transform:translateY(-2px);} /* ——— Herzlinie baut sich beim Scrollen aus dem Herz heraus auf ———————— Das Herz steht von Anfang an; die beiden Linienbänder WACHSEN aus ihm nach links und rechts. Der Fortschritt (`--sw-draw`, 0…1) kommt direkt aus der Scrollposition (draw-on-scroll.tsx) — die Linie baut sich also mit dem Scrollen auf und beim Zurückscrollen wieder ab, statt an einem Punkt umzuspringen. ⛔ KEINE transition hier: Der Wert ändert sich bei jedem Scroll-Schritt; ein Übergang würde hinterherlaufen und ruckeln. Die Position IST die Animation. Die Linie ist eine gefüllte Form (keine Strichlinie), deshalb clip-path. Der Start-Zustand hängt an `[data-sw-draw-ready]`, das erst der Baustein beim Laden setzt: ohne JavaScript steht die Linie ganz normal da. */ [data-sw-draw-ready] .mm [data-sw-draw] .hzl__band--l{ clip-path:inset(0 0 0 calc((1 - var(--sw-draw,1)) * 100%));} [data-sw-draw-ready] .mm [data-sw-draw] .hzl__band--r{ clip-path:inset(0 calc((1 - var(--sw-draw,1)) * 100%) 0 0);} @media(prefers-reduced-motion:reduce){ [data-sw-draw-ready] .mm [data-sw-draw] .hzl__band--l, [data-sw-draw-ready] .mm [data-sw-draw] .hzl__band--r{clip-path:none;}} /* ——— Torten-Galerie: echte Sofortbilder —————————————————————————————— Die Vorlage rahmte die Fotos ringsum gleich breit — dadurch schwamm ein hochformatiges Bild im Rahmen und der Sofortbild-Eindruck ging verloren. Ein Polaroid hat sein Bildfeld OBEN (fast quadratisch, randlos gefüllt) und den breiten Rand NUR UNTEN, wo die Beschriftung steht. Der Bildbetrachter kommt von der Engine (`data-sw-lightbox` am Container) — Großansicht, Blättern, Tastatur und Wischen inklusive. */ .mm .leine{--lauf-s:170s;overflow:hidden;padding:22px 0; -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent); mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);} .mm .leine__track{display:flex;gap:26px;width:max-content;padding:10px 0; animation:mmDrift var(--lauf-s) linear infinite;} .mm .sofortbild{flex:0 0 auto;width:228px;margin:0;background:#fff;border-radius:3px; padding:13px 13px 0;box-shadow:0 18px 34px -20px rgba(29,29,27,.5), 0 1px 0 rgba(29,29,27,.1); transform:rotate(var(--kipp,0deg));transition:transform .22s ease, box-shadow .22s ease;} .mm .sofortbild:hover{transform:rotate(0) translateY(-7px) scale(1.03); box-shadow:0 30px 50px -22px rgba(29,29,27,.58);} /* Bildfeld: fast quadratisch wie beim echten Sofortbild, randlos gefüllt. */ .mm .sofortbild__bild{position:relative;aspect-ratio:1/1.06;overflow:hidden; background:var(--milk2);border-radius:1px;} .mm .sofortbild__bild img{width:100%;height:100%;object-fit:cover;display:block;} .mm .sofortbild__datum{position:absolute;bottom:7px;right:9px;font-family:ui-monospace,monospace; font-size:.8rem;font-weight:700;color:#F0A233;text-shadow:0 0 3px rgba(0,0,0,.35);letter-spacing:.02em;} /* Breiter Rand unten — die Beschriftungszone des Sofortbilds. */ .mm .sofortbild__notiz{font-family:"MMScript",cursive;text-align:center;font-size:1.1rem; color:var(--ink);padding:13px 6px 20px;line-height:1.08;} @media(max-width:520px){.mm .sofortbild{width:190px;}.mm .leine__track{gap:18px;}} /* ——— Grossansicht ebenfalls als Sofortbild ———————————————————————————— Die Engine-Lightbox rendert am , also AUSSERHALB von `.mm` — deshalb hier ohne `.mm`-Präfix und mit ausgeschriebenen Farbwerten statt `var(--ink)` (die Design-Variablen leben nur im `.mm`-Zweig). Unbedenklich: diese Datei wird ausschliesslich auf Milchmädl-Seiten geladen. ⛔ Die Regeln brauchen `.sw-lb` davor: die Lightbox spritzt ihre eigenen Styles beim Öffnen als