:root{color-scheme:dark;--gold:#ffd700;--cyan:#00ffff;--text:#eee;--muted:#b5c3c3;--border:#286a6c}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--text);line-height:1.6;background:#000;background-image:linear-gradient(rgba(0,0,0,.60),rgba(0,0,0,.60)),url('aennekens-welt-bg.jpg');background-position:center;background-size:cover;background-attachment:fixed}a{color:var(--cyan);text-underline-offset:.2em}a:hover{color:white}button,input,select{font:inherit}button,.button{display:inline-block;min-height:44px;padding:.65rem 1rem;border:1px solid var(--cyan);border-radius:8px;background:#063d43;color:#fff;cursor:pointer;text-decoration:none}button:hover,.button:hover{background:#07585e}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.site-header{text-align:center;background:rgba(0,0,0,.86);padding:1.3rem 1rem;border-bottom:1px solid #265e61}.brand{display:block;font-size:clamp(2rem,5vw,4rem);font-weight:bold;color:var(--gold);text-shadow:0 0 10px #ad9200,0 0 22px #7f007f;text-decoration:none;line-height:1.2}.preview{display:inline-block;color:var(--muted);font-size:.85rem;margin:.5rem}nav{display:flex;align-items:center;justify-content:center;gap:.5rem 1.25rem;flex-wrap:wrap}nav a,nav button{min-height:44px;display:inline-flex;align-items:center}.inline{display:inline}.link-button{border:0;background:transparent;color:var(--cyan);padding:0}.link-button:hover{background:transparent}
.panel{width:min(1100px,calc(100% - 2rem));margin:2rem auto;padding:clamp(1rem,3vw,2.4rem);border:2px solid var(--cyan);border-radius:15px;box-shadow:0 0 18px #00ffff35;background:rgba(0,0,0,.9)}h1,h2{line-height:1.25}h1{color:var(--gold);font-size:clamp(1.6rem,3vw,2.2rem);margin-top:.4rem}h2{font-size:1.3rem}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.8rem;color:var(--cyan)}.muted{color:var(--muted);font-size:.95rem}.notice{padding:1rem;background:#18383a;border-left:5px solid var(--gold);border-radius:7px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem;margin:1.5rem 0}.card{padding:1.2rem;background:#121619;border:1px solid var(--border);border-left:5px solid var(--cyan);border-radius:12px;min-width:0;overflow-wrap:anywhere}.card h2{margin-top:0}.badge{display:inline-block;background:#25363a;color:#d9ecec;border-radius:99px;padding:.2rem .65rem;font-size:.85rem}.form{display:grid;gap:1rem;margin:1.2rem 0}.narrow{max-width:530px}.form label{display:grid;gap:.3rem;font-weight:600}.form input,.form select{width:100%;min-width:0;min-height:46px;background:#0a0f12;border:1px solid #629399;color:white;border-radius:6px;padding:.65rem}.form .check{display:flex;align-items:flex-start;gap:.7rem;font-weight:normal}.form .check input{width:22px;min-height:22px;flex-shrink:0}.form .muted{margin:0}.form button{justify-self:start}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,195px),1fr));gap:1rem}.metric{display:flex;flex-direction:column;background:#111b20;border:1px solid var(--border);border-radius:9px;padding:1rem}.metric span{color:var(--muted);font-size:.9rem}.metric strong{color:var(--gold);font-size:2rem}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;margin:1.3rem 0}caption{text-align:left;font-weight:bold}th,td{padding:.7rem;text-align:left;border-bottom:1px solid var(--border)}.member-list{list-style:none;padding:0}.member-list li{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.8rem;padding:1rem 0;border-bottom:1px solid var(--border)}dl{display:grid;grid-template-columns:85px 1fr;gap:.3rem .6rem;font-size:.95rem}dt{color:var(--muted)}dd{margin:0}summary{cursor:pointer;color:var(--cyan);padding:.7rem 0;min-height:44px}footer{text-align:center;padding:0 1rem 2rem;color:var(--muted);font-size:.9rem}footer a{display:inline-block;margin:.4rem .75rem}.skip{position:absolute;left:1rem;top:-100px;background:black;padding:.5rem;z-index:10}.skip:focus{top:1rem}
@media(max-width:600px){.panel{margin:1rem auto;width:calc(100% - 1rem)}nav{gap:.15rem .9rem}.site-header{padding:1rem .5rem}.user-cards{grid-template-columns:1fr}dl{grid-template-columns:1fr}dd{margin-bottom:.4rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}


/* Originale öffentliche Gestaltung, gemeinsame interne Navigation. */
.site-header{position:sticky;top:0;z-index:20;padding:15px 0 0;background:transparent;border:0}
.brand{font-size:clamp(2.3rem,5vw,65px);font-weight:400;line-height:1.15;text-shadow:0 0 20px #ffd700,0 0 40px #ff00ff}
.main-navigation{margin-top:10px;padding:15px;background:rgba(0,0,0,.70);gap:0 40px;line-height:18px}
.main-navigation a{min-height:18px;font-weight:bold;text-decoration:none}
.main-navigation a:hover,.main-navigation a[aria-current=page]{text-decoration:underline}
.public-panel{width:min(984px,calc(100% - 2rem));max-width:984px;margin:92px auto 80px;padding:40px;background:rgba(0,0,0,.45);box-shadow:0 0 30px #00ffff;font-size:20px;line-height:1.7}
.public-panel h1{color:var(--cyan);font-size:1.5em;line-height:inherit;margin:.83em 0}
.public-panel h2{color:var(--cyan);font-size:1.5em;line-height:inherit}
.public-panel p{margin:1em 0}.application-page .panel{background:rgba(0,0,0,.88)}
.account-menu{position:absolute;right:20px;top:20px;text-align:left;font-size:14px}
.account-menu summary{border:1px solid #398789;border-radius:7px;padding:8px 12px;background:rgba(0,0,0,.8);min-height:40px}
.account-links{position:absolute;right:0;width:220px;display:grid;gap:6px;padding:12px 16px;background:#080e12;border:1px solid var(--cyan);border-radius:8px;box-shadow:0 8px 20px #000;overflow-wrap:anywhere}
.account-menu:not([open]) .account-links{display:none}
.account-links a,.account-links button{display:block;width:100%;text-align:left;min-height:44px;padding:8px 0;text-decoration:none}
.account-links form{margin:0}.account-links a:hover{text-decoration:underline}
.livesets-page{background-image:linear-gradient(rgba(0,0,0,.60),rgba(0,0,0,.60)),url('livesets-bg.jpg')}
.livesets-page .public-panel{line-height:1.6}
.drive-button{display:block;width:100%;padding:22px 25px;margin:25px 0 10px;background:rgba(0,0,0,.65);border:2px solid var(--cyan);border-radius:12px;color:var(--cyan);text-decoration:none;font-size:22px;font-weight:bold;text-align:center;box-shadow:0 0 20px #00ffff99;overflow-wrap:anywhere}
.drive-button:hover,.project-link:hover{background:#00ffff26;color:white}
.sub-link{display:block;margin:8px 0 30px;text-align:center;color:var(--gold);text-decoration:none;font-size:16px}.sub-link:hover{text-decoration:underline}
.donation-box{margin-top:80px;padding:40px;border:2px solid var(--cyan);border-radius:15px;text-align:center;background:#0009;animation:donation-pulse 3s infinite}
.donation-button{display:inline-block;padding:15px 35px;background:var(--cyan);color:#000;font-weight:bold;font-size:18px;border-radius:10px;text-decoration:none;box-shadow:0 0 20px #00ffff80}
.donation-note{font-size:14px;color:#aaa}.donation-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(440px,calc(100% - 32px));background:#000e;border:2px solid var(--cyan);border-radius:15px;padding:30px;text-align:center;color:var(--cyan);box-shadow:0 0 40px var(--cyan);z-index:9999}
.donation-effect{position:fixed;top:calc(50% - 10px);left:calc(50% - 10px);width:20px;height:20px;border-radius:50%;background:var(--cyan);pointer-events:none;animation:donation-explode .6s forwards;z-index:9998}
@keyframes donation-pulse{0%,100%{box-shadow:0 0 10px #00ffff40}50%{box-shadow:0 0 25px #00ffffaa}}
@keyframes donation-explode{0%{transform:scale(1);opacity:1}100%{transform:scale(15);opacity:0}}
.project-card{margin-top:35px;padding:28px;background:#0006;border:1px solid #00ffffbf;border-radius:14px;box-shadow:0 0 18px #00ffff40}.project-card h3{color:var(--gold);margin-top:0;line-height:1.4}.project-card.future{margin-top:28px;opacity:.78}.project-question{font-weight:bold}
.project-link{display:inline-block;margin-top:12px;padding:15px 25px;border:2px solid var(--cyan);border-radius:10px;color:var(--cyan);text-decoration:none;font-weight:bold;box-shadow:0 0 20px #00ffff99}.coming-soon{color:var(--cyan);font-weight:bold}.note{font-size:16px;opacity:.85}
.kontakt-page{background-image:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65)),url('kontakt-bg.png')}
.kontakt-page .public-panel{max-width:740px;background:#0009;padding:45px;font-size:16px}.kontakt-page h1{text-align:center;margin-top:0}
.contact-form textarea{font:inherit;resize:vertical;width:100%;min-height:130px;padding:14px;border:1px solid var(--cyan);border-radius:8px;background:#000b;color:#fff}
.contact-form input{border-color:var(--cyan);background:#000b}.contact-form button{width:100%;background:var(--gold);color:#000;font-weight:bold;border:0}
.contact-signature{text-align:center;margin-top:30px;font-size:14px;opacity:.85}.contact-signature hr{margin:30px 0;opacity:.3}.contact-honeypot{display:none}
@media(max-width:1000px){.account-menu{position:relative;right:auto;top:auto;width:max-content;margin:8px auto 0}.account-links{right:50%;transform:translateX(50%)}}
@media(max-width:700px){.site-header{position:relative;padding-top:20px}.brand{font-size:42px}.main-navigation{padding:8px 4px;gap:0 14px}.main-navigation a{font-size:13px;min-height:44px}.public-panel{margin:35px auto 40px;width:calc(100% - 32px);padding:25px 20px;font-size:18px}.public-panel h1{font-size:1.4em}.project-card{padding:20px}.drive-button{padding:18px 14px;font-size:20px}.donation-box{padding:24px 16px}.donation-button{padding:15px 20px}.kontakt-page .public-panel{padding:25px 20px}body{background-attachment:scroll}}
@media(prefers-reduced-motion:reduce){.donation-box,.donation-effect{animation:none}}

/* Nur Anwendung/Admin: keine transparente Kopfzeile über gescrollten Inhalten. */
.application-page .site-header{position:relative;background:rgba(0,0,0,.90)}
.application-page .account-menu{z-index:30}
.application-page .user-cards dl{grid-template-columns:110px minmax(0,1fr)}
.application-page .user-cards dt{overflow-wrap:normal;word-break:normal}
.application-page .user-cards dd{min-width:0;overflow-wrap:anywhere}
.application-page .user-filters{grid-template-columns:2fr 1fr 1fr;align-items:end}
.application-page .form textarea{font:inherit;resize:vertical;min-width:0;width:100%;background:#0a0f12;border:1px solid #629399;color:white;border-radius:6px;padding:.65rem}
.application-page .profile-image{width:160px;height:160px;object-fit:contain;border:1px solid var(--cyan);border-radius:10px;background:#0a0f12}
.application-page .member-avatar{width:48px;height:48px;object-fit:cover;border-radius:50%}
.application-page .member-identity{display:flex;gap:1rem;align-items:center;min-width:0;overflow-wrap:anywhere}
.application-page .profile-bio{white-space:pre-wrap;overflow-wrap:anywhere}
.application-page .pagination{justify-content:space-between;margin:1.5rem 0}
@media(max-width:700px){.application-page .user-filters{grid-template-columns:1fr}.application-page .user-cards dl{grid-template-columns:1fr}}

/* Community-Dashboard V1: ausschließlich geschützte Community-/Kontoansichten. */
.community-page .panel{border-color:#23767a;box-shadow:0 0 18px #00ffff18}
.community-welcome{display:flex;align-items:center;gap:1.4rem;padding:.4rem 0 1.8rem;border-bottom:1px solid var(--border);flex-wrap:wrap}
.community-personal-copy{flex:1;min-width:min(100%,240px);overflow-wrap:anywhere}
.community-personal-copy h1{margin:.3rem 0 .6rem;font-size:clamp(1.7rem,3vw,2.3rem)}
.community-personal-copy .eyebrow{margin:0;font-size:.75rem}.personal-status{margin:.6rem 0;max-width:65ch}.session-activity{margin:.5rem 0 0}.personal-edit{flex-shrink:0}
.avatar-frame{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;flex:0 0 64px;border:1px solid #34878a;border-radius:50%;background:#10272b;overflow:hidden}
.avatar-frame img{width:100%;height:100%;object-fit:cover;display:block}.avatar-fallback{font-size:2rem;font-weight:bold;color:var(--cyan);line-height:1}
.community-personal-avatar .avatar-frame{width:96px;height:96px;flex-basis:96px;border-color:var(--cyan)}.community-personal-avatar .avatar-fallback{font-size:3rem}
.community-section-heading{margin:1.8rem 0 1.2rem}.community-section-heading h2{color:var(--gold);margin:0 0 .4rem}.community-section-heading p{margin:0}
.community-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.community-module{display:flex;flex-direction:column;padding:1.25rem;min-width:0;overflow-wrap:anywhere;border:1px solid #28636a;border-radius:12px;background:linear-gradient(145deg,#12252be8,#10171be8)}
.module-heading{display:flex;align-items:center;gap:.7rem}.module-heading h3{font-size:1.2rem;line-height:1.3;margin:0}.module-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:9px;background:#09393d;color:var(--cyan);font-weight:bold;border:1px solid #2b777c}
.community-module p{color:#d5e1e1;margin:1rem 0;line-height:1.55}.module-action{margin-top:auto;padding-top:.6rem}.module-action .button{width:100%;text-align:center}.unavailable-badge{background:#283239;color:#d9e1e4}
.forum-category-preview{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem;padding:0;margin:.1rem 0 .6rem}.forum-category-preview li{border:1px solid #3b6065;border-radius:6px;padding:.15rem .45rem;font-size:.78rem;color:#d6eeee;background:#111f26}.forum-category-preview .category-confession{border-color:#8963a4;color:#dcc0f4}
.community-admin-entry{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.5rem;padding:1rem 0 0;border-top:1px solid var(--border)}.community-admin-entry p{margin:0}
.secondary-button{background:#122329}.section-back{margin-top:0}.section-back a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.member-search{grid-template-columns:minmax(0,1fr) auto;align-items:end;max-width:600px}.member-search button{min-height:46px}
.community-member-grid{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:0;margin:1.2rem 0}
.community-member-card{min-width:0;border:1px solid #28636a;border-radius:12px;background:#102027e8;padding:1.15rem;overflow-wrap:anywhere}.member-card-identity{display:flex;align-items:center;gap:1rem}.member-card-identity>div{min-width:0}.member-card-identity h2{margin:0;font-size:1.15rem}.member-forumname{font-size:.85rem;color:var(--muted);margin:.3rem 0 0}.activity-recent{color:#b9f2df;background:#163c37}
.member-card-actions{display:flex;align-items:flex-start;gap:.6rem;flex-direction:column}.future-message{font-size:.8rem}
.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.account-section{padding:1.25rem;border:1px solid var(--border);border-radius:10px;background:#102027e8;min-width:0}.account-section h2{margin-top:0}.account-signout,.avatar-template-preparation{margin-top:1.8rem;padding-top:1rem;border-top:1px solid var(--border)}.future-features{list-style:none;padding:0}.future-features li{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:.6rem 0}
.community-page .main-navigation a,.members-page .main-navigation a,.account-page .main-navigation a{min-height:44px}.community-page .account-menu summary,.members-page .account-menu summary,.account-page .account-menu summary{min-height:44px}
@media(max-width:1000px){.community-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-welcome{gap:1rem}.personal-edit{margin-left:calc(96px + 1rem)}}
@media(max-width:600px){.community-module-grid,.community-member-grid,.account-grid{grid-template-columns:1fr}.community-welcome{align-items:flex-start}.community-personal-avatar .avatar-frame{width:72px;height:72px;flex-basis:72px}.community-personal-avatar .avatar-fallback{font-size:2.4rem}.community-personal-copy{min-width:0;flex-basis:calc(100% - 88px)}.personal-edit{margin-left:0;width:100%;text-align:center}.community-module{padding:1.1rem}.member-search{grid-template-columns:1fr}.member-search button{width:100%}.member-card-actions .button{width:100%;text-align:center}.community-admin-entry .button{width:100%;text-align:center}}