*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Georgia,'Times New Roman',serif;color:#2b2622;background:#fbf7f1;line-height:1.65}
a{color:#a0522d}
header{background:#2f4a3a;color:#fbf7f1;padding:18px 0}
.wrap{max-width:1040px;margin:0 auto;padding:0 24px}
header .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.logo{font-size:1.6rem;letter-spacing:.02em}.logo span{color:#e9b872}
nav a{color:#fbf7f1;text-decoration:none;margin-left:22px;font-family:Helvetica,Arial,sans-serif;font-size:.95rem}
nav a.aktiv{border-bottom:2px solid #e9b872}
.hero{background:linear-gradient(rgba(30,45,36,.55),rgba(30,45,36,.55)),url('bilder/laden.jpg') center/cover;color:#fff;padding:120px 0 110px;text-align:center}
.hero h1{font-size:3rem;font-weight:normal;margin-bottom:12px}.hero p{font-size:1.2rem;max-width:620px;margin:0 auto 28px}
.btn{display:inline-block;background:#e9b872;color:#2b2622;padding:13px 28px;border-radius:30px;text-decoration:none;font-family:Helvetica,Arial,sans-serif;font-weight:bold}
section{padding:70px 0}h2{font-size:2rem;font-weight:normal;margin-bottom:18px;color:#2f4a3a}
.drei{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:30px}
.karte{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.07)}
.karte img{width:100%;height:180px;object-fit:cover;display:block}.karte div{padding:20px}.karte h3{margin-bottom:6px;color:#a0522d}
.zitat{background:#efe6d8;text-align:center;font-size:1.35rem;font-style:italic}
.zeiten{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
table{width:100%;border-collapse:collapse}td{padding:8px 0;border-bottom:1px solid #e3d8c6}td:last-child{text-align:right}
form{display:grid;gap:12px}input,textarea{font:inherit;padding:12px;border:1px solid #d6c8b2;border-radius:8px;background:#fff}
footer{background:#2b2622;color:#cfc4b4;padding:34px 0;font-family:Helvetica,Arial,sans-serif;font-size:.9rem}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}footer a{color:#e9b872}
@media(max-width:760px){.drei,.zeiten{grid-template-columns:1fr}.hero h1{font-size:2.2rem}nav a{margin:0 16px 0 0}}