:root{
  --bg:#efe7de;        /* heller, cremiger Hintergrund */
  --paper:#f9f7f4;
  --ink:#2b2b2b;
  --accent:#a78b6b;    /* sandiges Braun */
  --accent-light:#ccbba5;
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{
  font-family:"Inter",sans-serif;
  background:var(--bg);
  color:var(--ink);
  scroll-behavior:smooth;
  line-height:1.6;
}
h1,h2{
  font-family:"Playfair Display",serif;
  margin-bottom:.4em;
  color:var(--ink);
}
section{
  padding:60px 20px;
  max-width:800px;
  margin:0 auto;
  text-align:center;
}
header{
  position:sticky;
  top:0;
  background:rgba(239,231,222,.95);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--accent-light);
  z-index:20;
}
nav{
  display:flex;
  justify-content:center;
  gap:1.2rem;
  padding:12px 0;
}
nav a{
  text-decoration:none;
  color:var(--ink);
  font-weight:600;
  border-bottom:2px solid transparent;
  padding-bottom:2px;
}
nav a:hover{border-color:var(--accent)}
.hero{padding-top:80px}
.hero p:last-of-type { 
  margin-bottom: 28px;
}
.video{margin:20px 0;color:#555;font-style:italic}
.btn{
  display:inline-block;
  background:var(--accent);
  color:#fff;
  padding:.8rem 1.2rem;
  margin:.3rem;
  border-radius:30px;
  text-decoration:none;
  font-weight:600;
  border:1px solid var(--accent);
  transition:background .2s;
}
.btn:hover{background:var(--accent-light)}
.buttons{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.5rem;
  margin-top:12px;
}
table{
  width:100%;
  border-collapse:collapse;
  margin-top:20px;
  background:var(--paper);
  border-radius:10px;
  overflow:hidden;
}
th,td{
  border:1px solid var(--accent-light);
  padding:10px;
}
th{
  background:var(--accent);
  color:#fff;
  font-weight:600;
}
.info{margin-top:12px}
.green{color:green;font-weight:600}
footer{
  text-align:center;
  padding:30px 0;
  color:#555;
  font-size:.9rem;
}
@media (max-width:700px){
  nav{flex-wrap:wrap;font-size:.95rem}
  .btn{padding:.7rem 1rem}
}
p { margin-bottom: 1em; }