:root{--bg-1:#e9ecf1;--bg-2:#dfe3ea;--text:#1A1A1A;--muted:#666c77;--glass-bg:rgba(0,0,0,0.04);--glass-bg-strong:rgba(0,0,0,0.06);--glass-border:rgba(16,24,40,0.12);--glass-shadow:0 10px 30px rgba(15,23,42,0.15),inset 0 1px 0 rgba(255,255,255,.4);--accent:#2563eb;--ok:#16a34a;--down:#dc2626;--bg-layer:radial-gradient(1200px 600px at 0% -10%,rgba(37,99,235,.12),transparent 55%),radial-gradient(900px 500px at 110% 10%,rgba(255,70,70,.10),transparent 50%),linear-gradient(180deg,var(--bg-1),var(--bg-2))}html.dark body{color-scheme:dark}html.dark{--bg-1:#06070a;--bg-2:#0b0d13;--text:#eef2ff;--muted:#c7c9d1;--glass-bg:rgba(255,255,255,0.06);--glass-bg-strong:rgba(255,255,255,0.08);--glass-border:rgba(255,255,255,0.18);--glass-shadow:0 10px 30px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,.06);--accent:#ff4646;--ok:#20d27d;--down:#ff5757;--bg-layer:radial-gradient(1200px 600px at 10% -10%,rgba(255,70,70,.12),transparent 55%),radial-gradient(900px 500px at 110% 10%,rgba(0,200,255,.14),transparent 50%),linear-gradient(180deg,var(--bg-1),var(--bg-2))}*{box-sizing:border-box}body,html{min-height:100%}html{background:var(--bg-layer) fixed;background-color:var(--bg-2)}body{margin:0;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}html:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");z-index:0}.container{max-width:1100px;margin:0 auto;padding:0 14px}.muted{color:var(--muted)}.main{flex:1 0 auto;padding-bottom:60px;position:relative;z-index:1}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);box-shadow:var(--glass-shadow)}.nav{position:sticky;z-index:50;border-bottom:1px solid transparent;padding:6px 0}.nav-inner{height:60px;display:flex;align-items:center;gap:10px}.nav>.container{border-radius:14px}.nav .container{background:var(--glass-bg-strong);border:1px solid var(--glass-border);backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%);box-shadow:var(--glass-shadow)}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text);font-weight:700;letter-spacing:.2px}.brand-logo{width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,#ff5a5a,#b21818);box-shadow:0 6px 18px rgba(255,70,70,.35),inset 0 1px 0 rgba(255,255,255,.2)}.nav-links{display:none;gap:6px;margin-left:6px}@media (min-width:640px){.nav-links{display:flex}}.nav-link{padding:9px 13px;border-radius:10px;color:#e5e7eb;text-decoration:none;background:transparent;transition:all .15s ease;border:1px solid transparent}.nav-link:hover{background:rgba(255,255,255,.06);border-color:var(--glass-border)}.nav-link.active{background:rgba(255,255,255,.1);border-color:var(--glass-border);color:#fff}html:not(.dark) .nav-link{color:#1f2937}html:not(.dark) .nav-link:hover{background:rgba(0,0,0,.04);border-color:var(--glass-border)}html:not(.dark) .nav-link.active{background:rgba(0,0,0,.06);color:#0f172a}.nav-actions{margin-left:auto;display:flex;gap:8px}.icon-btn{border:1px solid var(--glass-border);background:rgba(255,255,255,.06);padding:8px;border-radius:10px;cursor:pointer;color:var(--text);text-decoration:none;backdrop-filter:blur(10px);transition:transform .12s ease,background .15s ease}.icon-btn:hover{background:rgba(255,255,255,.1);transform:translateY(-1px)}html:not(.dark) .icon-btn{background:rgba(0,0,0,.05)}html:not(.dark) .icon-btn:hover{background:rgba(0,0,0,.08)}.icon{display:inline-block;width:18px;height:18px;background:linear-gradient(180deg,#cbd5e1,#94a3b8);mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}.icon.user{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M20 21a8 8 0 1 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E")}.icon.sun{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2m0 16v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2m16 0h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41'/%3E%3C/svg%3E")}.icon.moon{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79Z'/%3E%3C/svg%3E")}.hero{text-align:center;padding:64px 0 30px}.hero.small{padding:72px 0}.hero h1{font-size:30px;margin:0 0 10px;text-shadow:0 1px 0 rgba(255,255,255,.05)}.hero p{margin:4px 0}html:not(.dark) .hero h1{text-shadow:0 1px 0 rgba(0,0,0,.05)}.grid-2{display:grid;grid-template-columns:1fr;gap:24px;margin-top:10px}@media (min-width:980px){.grid-2{grid-template-columns:1fr 1fr}}.card{border-radius:16px;padding:16px;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%);box-shadow:var(--glass-shadow)}.card h2{margin:0 0 12px;font-size:18px}.table-wrap{overflow:auto;border-radius:12px}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;background:rgba(255,255,255,.03);border:1px solid var(--glass-border);backdrop-filter:blur(10px);border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.table thead th{position:sticky;top:0;background:rgba(255,255,255,.06);backdrop-filter:blur(6px);color:var(--muted)}.table td,.table th{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:rgba(255,255,255,.05)}html:not(.dark) .table{background:rgba(0,0,0,.03);box-shadow:inset 0 1px 0 rgba(16,24,40,.05)}html:not(.dark) .table thead th{background:rgba(0,0,0,.05);color:var(--muted)}html:not(.dark) .table td,html:not(.dark) .table th{border-bottom:1px solid rgba(16,24,40,.08)}html:not(.dark) .table tbody tr:hover{background:rgba(0,0,0,.05)}.status-dot{width:14px;height:14px;border-radius:999px;display:inline-block;box-shadow:0 0 14px currentColor}.status-dot.ok{background:var(--ok);color:var(--ok)}.status-dot.down{background:var(--down)}.footer{padding:14px 0 18px;margin-top:auto}.footer-inner{display:grid;gap:16px;grid-template-columns:1fr;align-items:center;padding:16px 14px;border-radius:14px;background:var(--glass-bg-strong);border:1px solid var(--glass-border);backdrop-filter:blur(12px) saturate(130%);-webkit-backdrop-filter:blur(12px) saturate(130%);box-shadow:var(--glass-shadow)}@media (min-width:900px){.footer-inner{grid-template-columns:1fr auto 1fr}}.footer-left{display:flex;align-items:center;gap:8px}.footer-links{display:flex;justify-content:center;gap:24px}.footer-link{color:var(--text);text-decoration:none;font-size:14px;padding:6px 10px;border-radius:10px;border:1px solid transparent;background:transparent}.footer-link:hover{background:rgba(255,255,255,.07);border-color:var(--glass-border)}.icon{background:linear-gradient(180deg,#dbeafe,#94a3b8)}html:not(.dark) .icon{background:linear-gradient(180deg,#a7b4c8,#7f8ea5)}.icon.ig{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Crect x='2' y='2' width='20' height='20' rx='5' ry='5'/%3E%3Cpath d='M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37Z'/%3E%3Cline x1='17.5' y1='6.5' x2='17.51' y2='6.5'/%3E%3C/svg%3E")}.icon.yt{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 12a29 29 0 0 0 .46 5.58 2.78 2.78 0 0 0 1.94 2C5.12 20 12 20 12 20s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2A29 29 0 0 0 23 12a29 29 0 0 0-.46-5.58Z'/%3E%3Cpath d='m9.75 15 5.5-3-5.5-3v6Z'/%3E%3C/svg%3E")}.brand-logo{position:relative;overflow:hidden}.brand-logo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0) 55%);border-radius:inherit;pointer-events:none}:focus-visible{outline:2px solid color-mix(in oklab,var(--accent) 70%,transparent);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.footer-socials{display:flex;justify-content:end;gap:8px}.footer-socials a{width:36px;height:36px;padding:0;border-radius:10px;display:grid;place-items:center;line-height:0;border:1px solid var(--glass-border);background:rgba(255,255,255,.06);text-decoration:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .12s ease,background .15s ease,border-color .15s ease}.footer-socials a:hover{background:rgba(255,255,255,.1);transform:translateY(-1px)}html:not(.dark) .footer-socials a{background:rgba(0,0,0,.05)}html:not(.dark) .footer-socials a:hover{background:rgba(0,0,0,.08)}.footer-socials .icon{width:18px;height:18px;display:block}.nav-opaque .container{background:color-mix(in oklab,var(--bg-2) 24%,var(--glass-bg-strong));backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);border-color:color-mix(in oklab,var(--glass-border) 80%,transparent);box-shadow:0 12px 28px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.08)}html:not(.dark) .nav-opaque .container{background:color-mix(in oklab,var(--bg-2) 30%,var(--glass-bg-strong));box-shadow:0 10px 24px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.35)}.account-popover{position:relative;max-width:92vw;background:color-mix(in oklab,var(--bg-2) 40%,var(--glass-bg-strong));backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);border:1px solid color-mix(in oklab,var(--glass-border) 92%,transparent);box-shadow:0 18px 50px rgba(0,0,0,.38),0 2px 12px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.09)}.account-popover:before{content:"";position:absolute;inset:0;border-radius:inherit;background:color-mix(in oklab,var(--bg-2) 24%,transparent);pointer-events:none;z-index:-1}.account-popover-arrow{position:absolute;top:-8px;right:18px;width:14px;height:14px;transform:rotate(45deg);background:color-mix(in oklab,var(--bg-2) 40%,var(--glass-bg-strong));border-left:1px solid color-mix(in oklab,var(--glass-border) 92%,transparent);border-top:1px solid color-mix(in oklab,var(--glass-border) 92%,transparent);backdrop-filter:inherit;-webkit-backdrop-filter:inherit}.account-popover--dense{background:color-mix(in oklab,var(--bg-2) 46%,var(--glass-bg-strong))}.account-popover--dense:before{background:color-mix(in oklab,var(--bg-2) 28%,transparent)}.account-popover-title{text-shadow:0 1px 0 rgba(0,0,0,.28)}html:not(.dark) .account-popover-title{text-shadow:0 1px 0 rgba(255,255,255,.35)}.account-popover-form{display:grid;gap:12px}.ap-label{color:color-mix(in oklab,var(--muted) 95%,transparent);margin:2px}.ap-input{box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.ap-input::placeholder{color:color-mix(in oklab,var(--muted) 78%,transparent)}.ap-input:focus{outline:none;border-color:color-mix(in oklab,var(--accent) 62%,transparent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 22%,transparent),inset 0 1px 0 rgba(255,255,255,.12)}.ap-row{display:flex;justify-content:space-between;gap:10px;margin-top:2px}.ap-check,.ap-row{align-items:center}.ap-check{display:inline-flex;gap:8px;color:color-mix(in oklab,var(--muted) 95%,transparent)}.ap-check input{accent-color:var(--accent)}.ap-link{color:color-mix(in oklab,var(--text) 76%,transparent);text-decoration:none;font-size:12px}.ap-link:hover{text-decoration:underline}.ap-btn{height:42px;border-radius:10px;border:1px solid color-mix(in oklab,var(--accent) 62%,transparent);background:color-mix(in oklab,var(--accent) 34%,transparent);color:#fff;letter-spacing:.2px;cursor:pointer;transition:transform .12s ease,background .15s ease,border-color .15s ease}.ap-btn:hover{transform:translateY(-1px);background:color-mix(in oklab,var(--accent) 42%,transparent)}.ap-register{color:color-mix(in oklab,var(--muted) 95%,transparent)}.ap-register a{text-decoration:none}.ap-register a:hover{text-decoration:underline}.account-popover-title{margin:0 2px 12px;font-size:16px;font-weight:700;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.55)}.ap-label{display:grid;gap:6px;font-size:12px;color:color-mix(in oklab,var(--text) 85%,var(--muted));text-shadow:0 1px 1px rgba(0,0,0,.6)}.ap-input{height:42px;border-radius:10px;padding:0 12px;color:var(--text);caret-color:var(--text);background:color-mix(in oklab,var(--bg-2) 26%,var(--glass-bg));border:1px solid color-mix(in oklab,var(--glass-border) 96%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);font-weight:500}.ap-input::placeholder{color:color-mix(in oklab,var(--muted) 90%,transparent);font-weight:400}.ap-check{color:color-mix(in oklab,var(--text) 80%,var(--muted));font-size:12px;text-shadow:0 1px 1px rgba(0,0,0,.5)}.ap-link{color:var(--accent);font-weight:500}.ap-link,.ap-register{text-shadow:0 1px 1px rgba(0,0,0,.6)}.ap-register{margin-top:6px;font-size:13px;text-align:center;color:var(--text)}.ap-register a{color:var(--accent);font-weight:600}:root{--space:clamp(10px,2vw,16px);--font-base:clamp(14px,1.6vw,16px);--font-h1:clamp(24px,4vw,30px);--font-h2:clamp(18px,2.6vw,22px);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--nav-h:60px}body{font-size:var(--font-base)}.hero h1{font-size:var(--font-h1)}.card h2{font-size:var(--font-h2)}.container{padding-left:var(--space);padding-right:var(--space)}.only-mobile{display:inline-flex}@media (min-width:640px){.only-mobile{display:none}}.only-desktop{display:none}@media (min-width:640px){.only-desktop{display:initial}}.nav{top:0;padding-top:calc(6px + var(--safe-top));z-index:1000}.nav-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.38);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:999;display:none}.nav-backdrop.open{display:block}.nav-drawer{position:fixed;left:0;right:0;top:calc(var(--nav-h) + 6px + var(--safe-top));background:var(--glass-bg-strong);border-top:1px solid var(--glass-border);border-bottom-left-radius:14px;border-bottom-right-radius:14px;backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%);box-shadow:var(--glass-shadow);padding:10px var(--space) calc(10px + var(--safe-bottom));display:none;z-index:1000}.nav-drawer.open{display:block}.nav-drawer a{display:block;padding:12px 10px;border-radius:10px;text-decoration:none;color:var(--text);border:1px solid transparent}.nav-drawer a:hover{background:rgba(255,255,255,.07);border-color:var(--glass-border)}html:not(.dark) .nav-drawer a:hover{background:rgba(0,0,0,.06)}.icon.burger{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'   viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3Cline x1='3' y1='18' x2='21' y2='18'/%3E%3C/svg%3E")}@media (max-width:480px){.main{padding-top:2px}}@media (max-width:600px){.table thead{display:none}.table,.table tbody,.table td,.table tr{display:block;width:100%}.table tr{margin:8px 0;background:rgba(255,255,255,.04);border-radius:12px;border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}html:not(.dark) .table tr{background:rgba(0,0,0,.03);box-shadow:inset 0 1px 0 rgba(16,24,40,.05)}.table td{border-bottom:0!important;padding:10px 12px}.table td+.table td{border-top:1px solid rgba(255,255,255,.08)}html:not(.dark) .table td+.table td{border-top:1px solid rgba(16,24,40,.08)}.table td:before{content:attr(data-label);display:block;opacity:.75;font-size:12px;margin-bottom:3px}}@media (max-width:480px){.account-popover{left:50%!important;transform:translateX(-50%);width:calc(100vw - 2*var(--space))!important;right:auto!important;z-index:1100}.account-popover-arrow{display:none}}.icon-btn{min-width:40px;min-height:40px}.footer{padding-bottom:calc(18px + var(--safe-bottom))}@media (max-width:760px){.table--responsive thead{display:none}.table--responsive,.table--responsive tbody,.table--responsive td,.table--responsive tr{display:block;width:100%}.table--responsive tr{margin:12px 0;border:1px solid var(--glass-border);border-radius:14px;background:color-mix(in oklab,var(--bg-2) 18%,var(--glass-bg));box-shadow:var(--glass-shadow);overflow:hidden}html:not(.dark) .table--responsive tr{background:color-mix(in oklab,var(--bg-2) 26%,var(--glass-bg))}.table--responsive td{border:0!important;padding:12px 14px}.table--responsive td+td{border-top:1px solid color-mix(in oklab,var(--glass-border) 85%,transparent)}.table--responsive td:before{display:block;font-size:12px;letter-spacing:.2px;color:color-mix(in oklab,var(--muted) 95%,transparent);margin-bottom:4px;content:""}.table--news td:first-child:before{content:"#"}.table--news td:nth-child(2):before{content:"Titel"}.table--news td:nth-child(3):before{content:"Datum"}.table--news td:nth-child(2){display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;line-clamp:2}.table--servers td:first-child:before{content:"#"}.table--servers td:nth-child(2):before{content:"Servername"}.table--servers td:nth-child(3):before{content:"Domain"}.table--servers td:nth-child(4):before{content:"Status"}.table--servers td:nth-child(4){display:flex;align-items:center;gap:10px}.table--responsive td .muted{opacity:.8}}