@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Crimson+Pro:ital,wght@0,300;0,400;1,300;1,400&display=swap";:root{--bg: #09060,2;--bg: #090602;--surface: #140d05;--card: #1e1409;--border: #3a2210;--border-hover: #6a4220;--gold: #c8933a;--gold-bright: #e8b348;--gold-dim: #7a5820;--gold-glow: rgba(200, 147, 58, .25);--text: #f0e4cc;--muted: #9a8060;--dim: #6a5040;--font-heading: "Cinzel", Georgia, serif;--font-body: "Crimson Pro", "Georgia", serif;--max-w: 1100px;--nav-h: 4.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:1.125rem;font-weight:300;line-height:1.75;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:600;line-height:1.2;letter-spacing:.05em;color:var(--text)}h1{font-size:clamp(2.5rem,8vw,5.5rem);font-weight:700}h2{font-size:clamp(1.75rem,4vw,2.75rem)}h3{font-size:clamp(1.2rem,2.5vw,1.6rem)}p{margin-block:.75rem}em{font-style:italic;color:var(--gold)}.container{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:clamp(1.25rem,5vw,3rem)}.section-padded{padding-block:clamp(4rem,10vw,7rem)}.site-header{position:fixed;top:0;inset-inline:0;height:var(--nav-h);background:#090602e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:100;display:flex;align-items:center}.nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:clamp(1.25rem,5vw,3rem)}.nav-logo{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;letter-spacing:.1em;color:var(--gold);display:flex;align-items:center;gap:.5rem;transition:color .2s}.nav-logo:hover{color:var(--gold-bright)}.nav-logo .rune{font-size:1.5rem;opacity:.8}.nav-links{display:flex;list-style:none;gap:2.5rem}.nav-links a{font-family:var(--font-heading);font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);transition:color .2s}.nav-links a:hover{color:var(--gold)}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:.25rem;color:var(--text)}.hero{min-height:100svh;display:grid;place-items:center;position:relative;overflow:hidden;padding-top:var(--nav-h);background:radial-gradient(ellipse 80% 60% at 50% -10%,#2d1c08 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 10% 90%,#1a1008 0%,transparent 60%),var(--bg);text-align:center}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20% 30%,rgba(200,147,58,.08) 0%,transparent 100%),radial-gradient(1px 1px at 80% 70%,rgba(200,147,58,.06) 0%,transparent 100%);pointer-events:none}.hero-content{position:relative;max-width:800px;padding-inline:2rem}.hero-rune{font-size:clamp(3rem,8vw,5rem);color:var(--gold-dim);line-height:1;margin-bottom:.5rem;animation:glow-pulse 4s ease-in-out infinite}@keyframes glow-pulse{0%,to{text-shadow:0 0 20px rgba(200,147,58,.2)}50%{text-shadow:0 0 40px rgba(200,147,58,.5),0 0 80px rgba(200,147,58,.15)}}.hero h1{color:var(--gold);margin-bottom:1rem;text-shadow:0 0 60px rgba(200,147,58,.2)}.hero-tagline{font-family:var(--font-heading);font-size:clamp(.9rem,2.5vw,1.1rem);letter-spacing:.25em;text-transform:uppercase;color:var(--muted);margin-block:0 2rem}.hero-sub{font-size:clamp(1rem,2vw,1.2rem);font-style:italic;color:var(--muted);max-width:560px;margin-inline:auto;margin-bottom:2.5rem}.hero-scroll{position:absolute;bottom:2rem;left:50%;translate:-50% 0;color:var(--dim);font-size:1.4rem;animation:float 2.5s ease-in-out infinite}@keyframes float{0%,to{translate:-50% 0}50%{translate:-50% -8px}}.btn-primary{display:inline-block;border:1px solid var(--gold);color:var(--gold);padding:.875rem 2.5rem;font-family:var(--font-heading);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:background .25s,box-shadow .25s,color .25s}.btn-primary:hover{background:var(--gold);color:var(--bg);box-shadow:0 0 30px var(--gold-glow),0 0 60px #c8933a1a}.btn-secondary{display:inline-block;border:1px solid var(--border-hover);color:var(--muted);padding:.75rem 2rem;font-family:var(--font-heading);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;transition:border-color .25s,color .25s}.btn-secondary:hover{border-color:var(--gold);color:var(--gold)}.rune-divider{text-align:center;color:var(--gold-dim);letter-spacing:.6em;font-size:.85rem;margin-block:1rem 3.5rem;opacity:.7}.rune-divider:before{content:"⟡  ᚠ  ᚢ  ᚦ  ᚨ  ᚱ  ᚲ  ᚷ  ᚹ  ⟡"}.story{background:var(--surface)}.story-grid{display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:center}.story-text h2{margin-bottom:1.25rem}.rune-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;opacity:.35}.rune-grid span{font-size:1.75rem;color:var(--gold);text-align:center;cursor:default;transition:opacity .2s}.rune-grid span:hover{opacity:1}.section-header{text-align:center;margin-bottom:3rem}.section-header p{color:var(--muted);font-style:italic;font-size:1.15rem;margin-top:.5rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.card{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);padding:1.75rem;transition:border-color .3s,transform .3s;overflow:hidden}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--card-color, var(--gold)) 0%,transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.card:hover{border-color:var(--border-hover);transform:translateY(-4px)}.card:hover:after{opacity:.04}.card-header{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.card-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor}.card-typ{font-family:var(--font-heading);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--dim)}.card-name{font-size:1.5rem;color:var(--gold);margin-bottom:.75rem}.card-desc{color:var(--muted);font-size:1rem;font-style:italic;flex:1;margin-block:0 1.25rem}.card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:1rem;margin-top:auto}.card-alkohol{font-family:var(--font-heading);font-size:.75rem;letter-spacing:.1em;color:var(--dim)}.card-preis{font-family:var(--font-heading);font-size:.8rem;color:var(--gold)}.centered-cta{text-align:center;margin-top:1rem}.kontakt{background:var(--surface);text-align:center}.kontakt-inner{max-width:600px}.kontakt-inner h2{margin-bottom:1rem}.kontakt-inner p{color:var(--muted);font-style:italic;margin-bottom:2rem}.sorte-hero{padding-top:calc(var(--nav-h) + 4rem);padding-bottom:4rem;text-align:center;position:relative}.sorte-hero-bg{position:absolute;inset:0;opacity:.08;pointer-events:none}.sorte-type-badge{font-family:var(--font-heading);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem}.sorte-name{margin-bottom:.5rem}.sorte-alkohol{font-family:var(--font-heading);font-size:.85rem;letter-spacing:.1em;color:var(--dim)}.sorte-body{max-width:760px;margin-inline:auto;padding-inline:clamp(1.25rem,5vw,3rem);padding-block:4rem}.sorte-prose{font-size:1.125rem}.sorte-prose p{margin-block:1rem;color:var(--text)}.tags-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:2rem}.tag{background:var(--card);border:1px solid var(--border);padding:.35rem .85rem;font-family:var(--font-heading);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-block:2rem;border-top:1px solid var(--border);padding-top:2rem}.detail-block label{display:block;font-family:var(--font-heading);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-bottom:.35rem}.detail-block p{color:var(--muted);font-size:1rem;font-style:italic;margin:0}.sorte-hinweise{display:flex;gap:.75rem;align-items:flex-start;background:var(--card);border:1px solid var(--border);border-left:3px solid var(--gold-dim);padding:1rem 1.25rem;margin-top:2rem}.hinweise-icon{color:var(--gold-dim);font-size:1rem;flex-shrink:0;margin-top:.1rem}.sorte-hinweise p{color:var(--dim);font-size:.875rem;line-height:1.6;font-style:normal;margin:0}.sorte-back{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);margin-bottom:3rem;transition:color .2s}.sorte-back:hover{color:var(--gold)}.site-footer{border-top:1px solid var(--border);padding-block:3rem 2rem;text-align:center}.footer-runes{font-size:1.1rem;letter-spacing:.4em;color:var(--gold-dim);opacity:.5;margin-bottom:1rem}.site-footer p{color:var(--dim);font-size:.875rem;margin-block:.25rem}.sorten-gruppe{margin-bottom:4rem}.gruppe-titel{font-size:clamp(1rem,2.5vw,1.3rem);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:2rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.legal-page{padding-top:calc(var(--nav-h) + 3rem);padding-bottom:5rem}.legal-page .container{max-width:760px}.legal-back{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);margin-bottom:2.5rem;transition:color .2s}.legal-back:hover{color:var(--gold)}.legal-page h1{font-size:clamp(1.75rem,4vw,2.5rem);color:var(--gold);margin-bottom:.5rem}.legal-page .legal-subtitle{font-style:italic;color:var(--muted);margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.legal-prose h2{font-size:1.1rem;color:var(--text);margin-top:2.5rem;margin-bottom:.75rem;padding-bottom:.4rem;border-bottom:1px solid var(--border)}.legal-prose h3{font-size:1rem;color:var(--muted);font-family:var(--font-heading);margin-top:1.5rem;margin-bottom:.5rem;letter-spacing:.05em}.legal-prose p{color:var(--muted);font-size:1rem;line-height:1.8;margin-block:.6rem}.legal-prose ul{color:var(--muted);font-size:1rem;line-height:1.8;padding-left:1.5rem;margin-block:.5rem}.legal-prose a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.legal-prose .placeholder{background:var(--card);border:1px dashed var(--border-hover);color:var(--gold-dim);padding:.1em .4em;font-style:italic;font-size:.9em}.legal-footer-links{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}.legal-footer-links a{font-family:var(--font-heading);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);transition:color .2s}.legal-footer-links a:hover{color:var(--gold)}@media(max-width:768px){.story-grid{grid-template-columns:1fr}.rune-grid{display:none}.detail-grid{grid-template-columns:1fr}.nav-links{display:none;flex-direction:column;gap:0}.nav-links.open{display:flex;position:fixed;top:var(--nav-h);inset-inline:0;background:#090602f7;padding:1.5rem 2rem;border-bottom:1px solid var(--border)}.nav-links.open li a{display:block;padding-block:.75rem;font-size:1rem;letter-spacing:.1em}.nav-toggle{display:block}}
