*{box-sizing:border-box}
html{background:#fbf7ec}
body{margin:0;color:#33302a;font:17px/1.7 "Trebuchet MS","Lucida Grande",Verdana,sans-serif}
a{color:#9a6a00}
.layout{display:grid;grid-template-columns:15rem 1fr;min-height:100vh}
aside{background:#3f4a2c;color:#f1ead2;padding:2rem 1.4rem}
aside .name{display:block;font-size:1.25rem;line-height:1.3;color:#ffd760;text-decoration:none;font-weight:bold;margin-bottom:2rem}
aside ul{list-style:none;padding:0;margin:0}
aside li{margin:.2rem 0}
aside li a{display:block;color:#e8e1c4;text-decoration:none;padding:.35rem .6rem;border-radius:6px}
aside li a:hover,aside li a.akt{background:#56623d;color:#fff}
aside .hours{margin-top:2.5rem;font-size:.85rem;color:#c9c2a5;border-top:1px solid #56623d;padding-top:1rem}
main{padding:2.5rem 3rem;max-width:52rem}
h1{font-size:2rem;color:#3f4a2c;margin-top:0}
h2{color:#3f4a2c;font-size:1.3rem;margin-top:2rem}
.banner{border-radius:14px;overflow:hidden;margin:0 0 2rem}
.banner svg{display:block;width:100%;height:auto}
.box{background:#fff;border:1px solid #eadfbf;border-radius:12px;padding:1.2rem 1.4rem;margin:1.2rem 0}
.prod{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1rem}
.prod .box{margin:0}
.prod h3{margin:.2rem 0;color:#7a5200}
.preis{font-weight:bold;font-size:1.1rem}
.datum{color:#8a8470;font-size:.9rem}
.eintrag{border-bottom:1px dashed #d9cfae;padding:1rem 0}
footer{padding:2rem 3rem;color:#8a8470;font-size:.85rem}
@media (max-width:760px){.layout{grid-template-columns:1fr}main{padding:1.5rem}footer{padding:1.5rem}}