@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&display=swap');

:root{
  --bg1:#2e1f47; --bg2:#0b1c3c; --text:#f7f3ec; --gold:#d9b65c;
  --box: rgba(217,182,92,0.1); --box-border: rgba(217,182,92,0.3);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; font-family:'Cinzel',serif; color:var(--text);
  background: radial-gradient(circle at 50% 20%, var(--bg1), var(--bg2));
}

/* Layout */
.wrapper{min-height:100vh; display:flex; flex-direction:column}
main{width:100%; max-width:1100px; margin:0 auto; padding:24px; flex:1}

/* Header / Nav */
header{
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 24px; backdrop-filter: blur(4px);
}
.brand{font-size:1.4rem; color:var(--gold); text-decoration:none}
nav a{
  color:var(--text); text-decoration:none; margin-left:16px; padding:8px 10px; border-radius:10px;
}
nav a.active, nav a:hover{background:var(--box); border:1px solid var(--box-border)}

/* Hero / Boxen */
.hero{ text-align:center; padding:48px 16px }
h1{font-size:2.4rem; margin:0 0 .5rem; color:var(--gold)}
p.lead{font-size:1.2rem; margin-top:0}
.box{
  display:inline-block; font-size:1.1rem; letter-spacing:1px;
  background:var(--box); padding:14px 20px; border:1px solid var(--box-border);
  border-radius:12px; box-shadow:0 0 20px var(--box-border);
}

/* Tabellen / Karte */
.section{margin:32px 0}
h2{color:var(--gold); margin:0 0 12px}
.menu-group{margin:22px 0}
.menu-item{display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px dashed var(--box-border)}
.menu-item span.price{color:var(--gold)}

/* Formulare */
form{max-width:680px; margin:0 auto}
label{display:block; margin:14px 0 6px}
input, select, textarea{
  width:100%; padding:12px; border-radius:10px; border:1px solid var(--box-border);
  background:rgba(0,0,0,0.15); color:var(--text); font-family:inherit
}
button{
  margin-top:16px; padding:12px 18px; border-radius:12px; border:1px solid var(--box-border);
  background:var(--box); color:var(--text); font-weight:700; cursor:pointer
}
button:hover{filter:brightness(1.05)}

/* Links */
a{color:var(--gold)}
footer{padding:24px; text-align:center; opacity:.9}
.social a{display:inline-block; margin:0 8px}