@import "https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&family=Cinzel:wght@600;700;800&family=Source+Sans+3:wght@400;600;700&display=swap";@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}:root{--bg:#0b0806;--bg-tief:#060403;--bg-panel:#17110c;--bg-panel-hell:#221910;--rand:#4e3a20;--rand-hell:#7a5a2c;--gold:#f6b93b;--gold-hell:#ffdf8a;--gold-dunkel:#a8781e;--glut:#ff7a1a;--blut:#b3261e;--text:#ece0c4;--text-gedaempft:#a99a7b;--pergament-text:#2b1d0e;--allianz:#4a8ee8;--horde:#e0493e;--radius:10px;--breite:1160px;--schatten:0 10px 30px #000c, 0 2px 6px #0009;--gold-verlauf:linear-gradient(180deg, #fff1c1 0%, #f6c453 38%, #c98a1b 70%, #f0b23a 100%)}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}@media (width>=701px){html{zoom:.9}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{color:var(--text);background:radial-gradient(1200px 600px at 10% -10%, #5a120d55, transparent 60%), radial-gradient(900px 500px at 90% -5%, #6b4a1355, transparent 60%), radial-gradient(ellipse at bottom, #1a0f08, transparent 70%), linear-gradient(#0b0806d9, #0b0806e6), url(https://wow.zamimg.com/images/wow/classic/maps/dede/original/-1.jpg) center / cover no-repeat, var(--bg);background-attachment:fixed;flex-direction:column;min-height:100vh;margin:0;font-family:"Source Sans 3",system-ui,sans-serif;font-size:1.05rem;line-height:1.65;display:flex}body:before{content:"";pointer-events:none;z-index:0;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}body>*{z-index:1;position:relative}::selection{color:#fff;background:#f6b93b55}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-tief)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--gold-dunkel), #5a3d12);border:2px solid var(--bg-tief);border-radius:6px}h1,h2,h3,h4{letter-spacing:.01em;overflow-wrap:break-word;hyphens:auto;font-family:Cinzel,Georgia,serif;line-height:1.2}h1{background:var(--gold-verlauf);color:#0000;filter:drop-shadow(0 2px #3a2208)drop-shadow(0 6px 18px #000);-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:clamp(1.7rem,6.5vw,3.1rem);font-weight:800}h2{color:var(--gold);text-shadow:0 2px #2a1806,0 0 18px #f6b93b33;margin:2.25rem 0 .9rem;font-size:clamp(1.35rem,3vw,1.7rem)}h2:after{content:"";background:linear-gradient(90deg, var(--gold), transparent);width:min(140px,40%);height:2px;margin-top:.45rem;display:block}h3{color:var(--gold-hell);text-shadow:0 1px 2px #000;margin:1.5rem 0 .5rem;font-size:1.15rem}h4{color:var(--gold-hell)}a{color:var(--gold-hell);text-underline-offset:3px;text-decoration-thickness:1px;transition:color .15s}a:hover{color:#fff}.container{width:100%;max-width:var(--breite);margin:0 auto;padding:0 16px}main{flex:1;padding:2.25rem 0 4.5rem}.kopf{z-index:20;-webkit-backdrop-filter:blur(10px);background:linear-gradient(#120c08f2,#0b0806e6);transition:transform .35s cubic-bezier(.2,.8,.2,1);position:sticky;top:0;box-shadow:0 8px 24px #000b}.kopf.weg{transform:translateY(calc(-100% - 4px))}.kopf-inner,.logo-wappen,.logo-name,.reiter a,.ton-knopf{transition:padding .3s,width .3s,height .3s,font-size .3s,transform .3s}.kopf.schmal .kopf-inner{padding-top:.25rem;padding-bottom:.25rem}.kopf.schmal .logo-wappen{width:30px;height:30px}.kopf.schmal .logo-name{font-size:1.05rem}.kopf.schmal .logo-zusatz{display:none}.kopf.schmal .reiter a{padding:.32rem .8rem;font-size:.85rem}.kopf.schmal .ton-knopf{width:30px;height:30px;font-size:.9rem}.kopf:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-dunkel) 15%, var(--gold) 50%, var(--gold-dunkel) 85%, transparent);height:2px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 12px #f6b93b88}.kopf-inner{flex-wrap:nowrap;align-items:center;gap:1.25rem;padding-top:.55rem;padding-bottom:.55rem;display:flex}.logo{white-space:nowrap;align-items:center;gap:.65rem;text-decoration:none;display:flex}.logo-wappen{object-fit:contain;filter:drop-shadow(0 0 8px #f6b93b55);flex:none;width:46px;height:46px;transition:transform .3s}.logo:hover .logo-wappen{transform:rotate(-8deg)scale(1.06)}.logo-text{flex-direction:column;line-height:1.05;display:flex}.logo-name{background:var(--gold-verlauf);color:#0000;filter:drop-shadow(0 1px #3a2208);-webkit-background-clip:text;background-clip:text;font-family:Cinzel Decorative,Cinzel,serif;font-size:1.3rem;font-weight:900}.logo-zusatz{letter-spacing:.28em;text-transform:uppercase;color:#c8483c;font-size:.68rem;font-weight:700}.reiter{scrollbar-width:none;align-items:center;gap:.2rem;margin-left:auto;display:flex;overflow-x:auto}.reiter::-webkit-scrollbar{display:none}.reiter a{white-space:nowrap;letter-spacing:.04em;color:var(--text-gedaempft);border-radius:8px;padding:.5rem .95rem;font-family:Cinzel,serif;font-size:.92rem;font-weight:700;text-decoration:none;transition:color .2s,background .2s,box-shadow .2s;display:block;position:relative}.reiter a:after{content:"";background:var(--gold);border-radius:2px;height:2px;transition:transform .25s;position:absolute;bottom:.25rem;left:22%;right:22%;transform:scaleX(0)}.reiter a:hover{color:var(--gold-hell);background:#ffffff0a}.reiter a:hover:after{transform:scaleX(1)}.reiter a[aria-current=page]{color:#1d1006;background:var(--gold-verlauf);text-shadow:0 1px #ffe9b066;box-shadow:inset 0 0 0 1px #ffe6a8,0 0 18px #f6b93b66,0 4px 10px #000a}.reiter a[aria-current=page]:after{display:none}.reiter a.inaktiv{opacity:.5}.reiter .trenner{background:linear-gradient(transparent, var(--rand-hell), transparent);align-self:stretch;width:1px;margin:.3rem .35rem}.ton-knopf{cursor:pointer;width:38px;height:38px;color:var(--gold-hell);border:1px solid var(--rand-hell);background:radial-gradient(circle at 35% 30%,#3a2a16,#120c08);border-radius:50%;flex:none;place-items:center;font-size:1.05rem;transition:transform .15s,box-shadow .2s;display:grid;box-shadow:inset 0 0 0 1px #000,0 2px 8px #000a}.ton-knopf:hover{transform:scale(1.07);box-shadow:0 0 14px #f6b93b66}@media (width<=700px){.logo-zusatz,.kopf.schmal .logo{display:none}.kopf.schmal .reiter{flex:1;order:0;width:auto}.ruf{top:16px}.kopf-inner{flex-wrap:wrap;gap:.4rem}.reiter{order:3;width:100%;margin-left:0}.reiter a{padding:.45rem .7rem;font-size:.82rem}.ton-knopf{margin-left:auto}}.konto{color:var(--text-gedaempft);align-items:center;gap:.75rem;font-size:.85rem;display:flex}.konto span{color:var(--gold-hell);font-weight:700}.konto a{color:var(--text-gedaempft)}.ruf{z-index:50;pointer-events:none;opacity:0;white-space:nowrap;color:#ffe2a8;text-shadow:0 2px #000,0 0 14px #ff7a1a;background:radial-gradient(#6b1510ee,#2a0907ee);border:1px solid #e0493e;border-radius:999px;padding:.5rem 1.6rem;font-family:Cinzel Decorative,Cinzel,serif;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:900;position:fixed;top:92px;left:50%;transform:translate(-50%,-10px)scale(.92);box-shadow:0 0 30px #e0493e88,0 10px 30px #000c}.ruf.zeigen{animation:1.9s ease-out forwards ruf}@keyframes ruf{0%{opacity:0;transform:translate(-50%,-14px)scale(.85)}12%{opacity:1;transform:translate(-50%)scale(1.06)}22%{transform:translate(-50%)scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-8px)scale(.98)}}.funken{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.funken i{opacity:0;background:#ffb547;border-radius:50%;width:3px;height:3px;animation:linear infinite funke;position:absolute;bottom:-10px;box-shadow:0 0 6px #ff7a1a,0 0 12px #ff7a1a88}@keyframes funke{0%{opacity:0;transform:translate(0)}10%{opacity:.9}to{transform:translate(var(--drift,40px), -105vh);opacity:0}}@media (prefers-reduced-motion:reduce){.funken,.ruf.zeigen{animation:none;display:none}}.panel{border:1px solid var(--rand);border-radius:var(--radius);box-shadow:inset 0 1px 0 #ffffff0d, inset 0 0 0 1px #000, var(--schatten);background:linear-gradient(#1c150e,#120d09);padding:1.25rem 1.5rem}.raster{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:1.1rem;display:grid}.karte{color:var(--text);border:1px solid var(--rand);border-radius:var(--radius);background:linear-gradient(165deg,#211810,#120d09 70%);padding:1rem 1.2rem;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.3,1.2),border-color .2s,box-shadow .25s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 6px 18px #0009}a.karte:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(115deg,#0000 35%,#ffe7a822 48%,#0000 60%);transition:transform .7s;position:absolute;inset:0;transform:translate(-120%)}a.karte:hover{border-color:var(--gold);color:var(--text);transform:translateY(-5px);box-shadow:inset 0 1px #ffffff14,0 0 0 1px #f6b93b55,0 0 26px #f6b93b33,0 14px 30px #000c}a.karte:hover:before{transform:translate(120%)}.karte h3{margin:0 0 .3rem}.karte p{color:var(--text-gedaempft);margin:0;font-size:.95rem}.abzeichen{letter-spacing:.04em;text-shadow:none;color:var(--text-gedaempft);vertical-align:middle;background:#0007;border:1px solid;border-radius:99px;padding:.12rem .55rem;font-family:"Source Sans 3",sans-serif;font-size:.74rem;font-weight:700;display:inline-block}.abzeichen.gold{color:var(--gold);box-shadow:0 0 10px #f6b93b22}.abzeichen.entwurf{color:#ff9f43}.gedaempft{color:var(--text-gedaempft)}.brotkrumen{color:var(--text-gedaempft);letter-spacing:.02em;margin-bottom:1.1rem;font-size:.88rem}.brotkrumen a{color:var(--text-gedaempft)}.brotkrumen a:hover{color:var(--gold-hell)}code{border:1px solid var(--rand);background:#000a;border-radius:4px;padding:.05rem .35rem;font-size:.88em}.pergament{color:var(--pergament-text);border-radius:var(--radius);box-shadow:0 0 0 4px #2a1b0c, 0 0 0 5px #8a6a35, var(--schatten), inset 0 0 60px #9a6e3166;background:radial-gradient(at 20% 0,#fff7dc88,#0000 60%),radial-gradient(at 100% 100%,#b8904f55,#0000 60%),linear-gradient(#f2e3bd,#e3cd98);border:1px solid #8a6a35;padding:clamp(1.25rem,4vw,2.5rem);position:relative;overflow-x:auto}.pergament h2,.pergament h3{color:#6b3a08;text-shadow:none}.pergament h2:after{background:linear-gradient(90deg,#8a5a1a,#0000)}.pergament h2:first-child{margin-top:0}.pergament a{color:#7a3d00}.pergament code{background:#fff6;border-color:#b89a60}.pergament table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.95rem}.pergament th,.pergament td{text-align:left;border:1px solid #b89a60;padding:.45rem .65rem}.pergament th{background:#d6bc82;font-family:Cinzel,serif;font-size:.85rem}.pergament tr:nth-child(2n) td{background:#00000008}.einblenden{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(14px)}.einblenden.sichtbar{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.einblenden{opacity:1;transform:none}}::view-transition-old(root){animation:.22s ease-in both raus}::view-transition-new(root){animation:.32s ease-out both rein}@keyframes raus{to{opacity:0;transform:translateY(-6px)}}@keyframes rein{0%{opacity:0;transform:translateY(8px)}}.fuss{color:var(--text-gedaempft);background:linear-gradient(#0000,#000a);padding:2rem 0 1.5rem;font-size:.85rem;position:relative}.fuss:before{content:"";background:linear-gradient(90deg, transparent, var(--rand-hell), transparent);height:1px;position:absolute;top:0;left:0;right:0}.fuss-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;display:flex}.fuss-marke{color:var(--gold);align-items:center;gap:.6rem;font-family:Cinzel,serif;font-weight:700;display:flex}.fuss-marke svg{width:28px;height:28px}.fuss-links{flex-wrap:wrap;gap:1rem;display:flex}.fuss-links a{color:var(--text-gedaempft);text-decoration:none}.fuss-links a:hover{color:var(--gold-hell)}.fuss-hinweis{opacity:.75;width:100%;font-size:.78rem}@media (width<=420px){.logo-wappen{width:34px;height:34px}.logo-name{white-space:normal;font-size:1.02rem}.logo{white-space:normal}.ruf{white-space:normal;text-align:center;max-width:92vw}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}