*{box-sizing:border-box}body{margin:0;background:#f7f1e7;color:#432715;font-family:Georgia,serif}a{color:#80501f}.hero{position:relative;max-width:1701px;margin:auto}.hero img{width:100%;height:auto;display:block}.hotlinks{position:absolute;inset:0;pointer-events:none}.hotlinks a{position:absolute;top:0;height:11%;pointer-events:auto;display:block}.hotlinks a.active{border-bottom:4px solid #9d5d1d;background:rgba(251,198,94,.16)}.subheader{height:clamp(72px,6.45vw,110px);background-image:url(titelgrafik.png);background-position:top center;background-size:100% auto;position:relative;max-width:1701px;margin:auto}.subheader .hotlinks a{height:100%}.mobile-nav{display:none}.cards{max-width:1120px;margin:40px auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:0 24px}.card{padding:25px 30px;border:1px solid #e6d3b1;border-radius:20px;background:#fffaf0;box-shadow:0 5px 18px #4c32151a}.card h2{font-size:1.45rem;margin-top:0}.card.wide{grid-column:1/-1}.content{max-width:1020px;min-height:50vh;margin:45px auto;padding:0 28px;line-height:1.7}.content h1{color:#814816;font-size:2.2rem}.content h2{color:#814816}footer{text-align:center;background:#eadbc4;padding:24px 15px;margin-top:55px}footer a{margin:0 12px}p{line-height:1.65}@media(max-width:800px){.hotlinks{display:none}.subheader{height:70px;background-size:auto 590px;background-position:left top}.mobile-nav{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;background:#f8e9d4;padding:12px}.mobile-nav a{font-size:14px;padding:8px 9px;text-decoration:none}.mobile-nav a.active{color:#9b4f00;background:#f5d4a0;border-radius:8px}.cards{grid-template-columns:1fr;padding:0 16px}.card.wide{grid-column:auto}.content{margin:25px auto}}


/* Einheitliche, echte Textnavigation statt eingebrannter Bildbeschriftungen. */
.hotlinks a[aria-label="Startseite"],
.hotlinks a[aria-label="Unser Met"],
.hotlinks a[aria-label="Herstellung"],
.hotlinks a[aria-label="Über uns"],
.hotlinks a[aria-label="Shop"],
.hotlinks a[aria-label="Kontakt"] {
  display:flex;
  justify-content:center;
  align-items:center;
  color:#542b16;
  text-decoration:none;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(10px,1.36vw,23px);
  font-weight:400;
  white-space:nowrap;
  border-bottom:0;
}
.hotlinks a[aria-label="Startseite"]::after {content:"Startseite"}
.hotlinks a[aria-label="Unser Met"]::after {content:"Unser Met"}
.hotlinks a[aria-label="Herstellung"]::after {content:"Herstellung"}
.hotlinks a[aria-label="Über uns"]::after {content:"Über uns"}
.hotlinks a[aria-label="Shop"]::after {content:"Shop"}
.hotlinks a[aria-label="Kontakt"]::after {content:"Kontakt"}
.hotlinks a[aria-label].active {
  background:rgba(251,198,94,.16);
  border-bottom:0;
}
.hotlinks a[aria-label].active::after {
  border-bottom:3px solid #884019;
  padding-bottom:3px;
}
.hotlinks a[aria-label]:hover:not(.active) {background:rgba(251,198,94,.12)}
@media(max-width:800px) {
  .hotlinks a[aria-label] {display:none}
}