*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#070b16;color:#f5f7ff;min-height:100vh;background-image:radial-gradient(circle at 15% 10%,rgba(0,238,255,.13),transparent 30%),radial-gradient(circle at 85% 20%,rgba(118,74,255,.16),transparent 28%)}a{color:inherit;text-decoration:none}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(7,11,22,.78);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.logo{font-size:1.25rem;font-weight:900;letter-spacing:1px}.logo span{color:#00eaff}.topbar nav{display:flex;align-items:center;gap:24px}.topbar nav a{color:#c8d1e6}.topbar nav a:hover{color:#fff}.nav-button,.button,button,.small-button{background:linear-gradient(135deg,#00eaff,#6e4cff);color:#05101b!important;border:0;border-radius:12px;padding:12px 18px;font-weight:800;cursor:pointer}.small-button{display:inline-block;padding:8px 11px;font-size:.84rem}.hero{max-width:1200px;margin:0 auto;padding:92px 28px 70px;display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center}.hero h1{font-size:clamp(3rem,7vw,6rem);line-height:.98;margin:20px 0}.hero h1 strong{color:#00eaff;text-shadow:0 0 25px rgba(0,234,255,.5)}.hero p{color:#aeb9d2;font-size:1.15rem;line-height:1.7;max-width:680px}.badge{display:inline-block;padding:8px 12px;border:1px solid rgba(0,234,255,.35);border-radius:999px;color:#00eaff;font-size:.78rem;font-weight:800;letter-spacing:1.5px;background:rgba(0,234,255,.06)}.hero-actions{display:flex;gap:14px;margin-top:30px}.button{display:inline-block;padding:15px 21px}.button.secondary{background:transparent;color:#eaf1ff!important;border:1px solid rgba(255,255,255,.18)}.hero-card,.card{background:linear-gradient(145deg,rgba(20,30,57,.88),rgba(9,15,31,.9));border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.pulse{width:14px;height:14px;background:#41ff9a;border-radius:50%;box-shadow:0 0 20px #41ff9a;margin-bottom:20px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.stat-grid div{background:rgba(255,255,255,.04);padding:18px;border-radius:14px}.stat-grid strong,.stat-grid span{display:block}.stat-grid strong{font-size:1.6rem;color:#00eaff}.stat-grid span{color:#8f9bb5;font-size:.85rem;margin-top:4px}.features,.news-grid{max-width:1200px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.features .card{transition:.2s}.features .card:hover{transform:translateY(-5px);border-color:rgba(0,234,255,.35)}.icon{font-size:2rem}.card h3{font-size:1.28rem}.card p,.muted{color:#9da9c3;line-height:1.65}.section{padding:90px 0}.section-title{max-width:1200px;margin:0 auto 28px;padding:0 28px}.section-title span{color:#00eaff;font-size:.78rem;font-weight:800;letter-spacing:2px}.section-title h2{font-size:2.5rem;margin:8px 0}.news-card small{color:#6f7f9e}.page{min-height:100vh;padding:30px}.center-page{display:flex;align-items:center;justify-content:center}.auth-card{width:min(480px,100%)}.auth-card h1{font-size:2.2rem;margin-bottom:4px}form{display:grid;gap:10px;margin-top:22px}label{font-size:.9rem;color:#c9d3e8;font-weight:700;margin-top:6px}input,textarea{width:100%;background:#0b1326;border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:11px;padding:13px 14px;outline:none;font:inherit}input:focus,textarea:focus{border-color:#00eaff;box-shadow:0 0 0 3px rgba(0,234,255,.08)}button{margin-top:10px;font-size:1rem}.auth-link{text-align:center;color:#8f9bb5}.auth-link a{color:#00eaff}.alert{padding:13px 15px;border-radius:11px;margin:16px 0}.alert.success{background:rgba(65,255,154,.1);border:1px solid rgba(65,255,154,.35);color:#7effb4}.alert.error{background:rgba(255,87,120,.1);border:1px solid rgba(255,87,120,.35);color:#ff8ca4}hr{border:0;border-top:1px solid rgba(255,255,255,.09);margin:15px 0}.dashboard{max-width:1200px;margin:0 auto;padding:55px 28px}.welcome{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.welcome h1{font-size:3rem;margin:13px 0 5px}.welcome p{color:#9da9c3}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.profile-row{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.07)}.profile-row span{color:#8f9bb5}.quick-links{display:grid;gap:12px}.quick-links a{padding:15px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}.quick-links a:hover{border-color:#00eaff}.wide-card{grid-column:1/-1}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid rgba(255,255,255,.07)}th{color:#00eaff}.status{padding:5px 9px;border-radius:999px;font-size:.8rem}.status.active{background:rgba(65,255,154,.12);color:#66ffa8}.status.blocked{background:rgba(255,87,120,.12);color:#ff839c}footer{border-top:1px solid rgba(255,255,255,.08);padding:35px 6%;display:flex;align-items:center;justify-content:space-between;color:#8390aa}footer a{color:#aeb9d2}@media(max-width:850px){.topbar{height:auto;padding:18px 22px;align-items:flex-start}.topbar nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}.hero{grid-template-columns:1fr;padding-top:60px}.features,.news-grid,.dashboard-grid{grid-template-columns:1fr}.hero h1{font-size:3.5rem}.wide-card{grid-column:auto}footer{flex-direction:column;gap:12px;text-align:center}}@media(max-width:540px){.topbar{display:block}.topbar nav{margin-top:15px;justify-content:flex-start}.hero-actions{flex-direction:column}.hero h1{font-size:2.8rem}.welcome h1{font-size:2.2rem}.features,.news-grid,.dashboard,.hero{padding-left:18px;padding-right:18px}}

.news-card{padding:0;overflow:hidden}.news-body{padding:25px}.news-image{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;background:#0b1326}.upload-note{margin:0;color:#8290aa;font-size:.84rem}.admin-news-list{display:grid;gap:18px;max-height:720px;overflow:auto;padding-right:4px}.admin-news-item{border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.025)}.admin-news-item img{width:100%;height:auto;max-height:420px;display:block;object-fit:contain;background:#0b1326}.admin-news-content{padding:18px}.admin-news-content h3{margin:7px 0}.admin-news-content small{color:#71809e}.admin-news-content form{margin:13px 0 0}.danger-button{background:rgba(255,87,120,.13);border:1px solid rgba(255,87,120,.4);color:#ff91a6!important;padding:10px 13px}.danger-button:hover{background:rgba(255,87,120,.22)}input[type=file]{padding:10px}input[type=file]::file-selector-button{background:#172340;color:#fff;border:0;border-radius:8px;padding:9px 12px;margin-right:12px;cursor:pointer}

/* Sichtbarer Basisschutz gegen einfaches Kopieren */

.social-icons{display:flex;align-items:center;gap:9px;margin-left:auto;margin-right:18px}.social-icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);transition:transform .2s,border-color .2s,box-shadow .2s}.social-icon svg{width:20px;height:20px;fill:#fff}.social-icon:hover{transform:translateY(-2px);border-color:#00eaff;box-shadow:0 0 18px rgba(0,234,255,.25)}.social-tiktok:hover svg{fill:#00f2ea}.social-instagram:hover svg{fill:#ff6aa2}.social-facebook:hover svg{fill:#4c8dff}@media(max-width:850px){.topbar{flex-wrap:wrap}.social-icons{margin-left:0;margin-right:0;margin-top:14px;order:3;width:100%}}@media(max-width:540px){.social-icons{margin-top:12px}}

.social-admin-row{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08)}.social-admin-title{display:flex;align-items:center;gap:10px;margin-bottom:10px}.social-mini-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.social-mini-icon svg{width:19px;height:19px;fill:#fff}.switch-row{display:flex;align-items:center;gap:10px;margin-top:10px;cursor:pointer}.switch-row input{width:18px;height:18px;margin:0}

input[type=range]{padding:0;background:transparent}

.settings-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.logo-preview{display:flex;align-items:center;justify-content:center;min-height:130px;margin:12px 0 18px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.03)}.logo-preview img{max-width:240px;max-height:110px;object-fit:contain}.site-logo-wrap{display:flex;align-items:center;gap:10px}.site-logo-image{width:auto;height:auto;max-width:150px;max-height:54px;object-fit:contain;border-radius:9px}.site-logo-name{font-weight:800}.maintenance-switch{padding:15px;border-radius:13px;background:rgba(255,184,0,.08);border:1px solid rgba(255,184,0,.22)}.maintenance-card{text-align:center}.maintenance-symbol{font-size:4rem;margin-bottom:10px}.legal-page{max-width:1000px;margin:0 auto;padding-top:120px}.legal-content{line-height:1.75;white-space:normal}.wide-card{grid-column:1/-1}@media(max-width:900px){.settings-columns{grid-template-columns:1fr}.site-logo-name{display:none}}

.partner-page{max-width:1200px;margin:0 auto;padding-top:120px}.partner-card{min-height:420px}.partner-html img{max-width:100%;height:auto;border-radius:14px}.partner-html iframe{max-width:100%;border:0;border-radius:14px}.partner-html table{width:100%;border-collapse:collapse}.partner-html th,.partner-html td{padding:12px;border:1px solid rgba(255,255,255,.12)}.partner-html a{color:#00eaff}.code-textarea{font-family:Consolas,Monaco,monospace;min-height:320px;white-space:pre}

.background-controls select{width:100%}.background-controls output{font-weight:700;color:#00eaff}.background-controls input[type=range]{width:100%;height:30px;cursor:pointer}@media(max-width:700px){}

select{width:100%;background:#0b1326;border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:11px;padding:13px 14px;outline:none;font:inherit}
select:focus{border-color:#00eaff;box-shadow:0 0 0 3px rgba(0,234,255,.08)}
option{background:#0b1326;color:#fff}
.inline-form{display:inline;margin:0}
.inline-form button{margin:0}
.card form+form{margin-top:12px}
.admin-diagnostics{display:grid;gap:8px;margin:14px 0;padding:14px;border-radius:12px;background:rgba(255,255,255,.035)}
.admin-diagnostics span{color:#9da9c3}
.admin-diagnostics strong.ok{color:#66ffa8}
.admin-diagnostics strong.bad{color:#ff839c}

@media(max-width:850px){.social-icons{order:0;width:auto;margin:0 0 0 auto}.topbar nav{width:100%;margin-top:12px}}

html{scroll-behavior:smooth}.admin-quick-links{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.admin-quick-links a{min-height:58px}.dashboard-grid section[id]{scroll-margin-top:110px}.button.secondary{display:inline-flex;margin-left:10px}.card textarea{resize:vertical}.card label{display:block;margin-top:14px;margin-bottom:7px;font-weight:700}

.image-upload-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-top:14px}
.image-upload-heading label{margin-top:0}
.format-badge{display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:8px 10px;border-radius:10px;background:rgba(0,234,255,.1);border:1px solid rgba(0,234,255,.28);color:#67f4ff;font-weight:800}
.size-recommendation{margin:4px 0;color:#eef8ff}
.image-size-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.image-size-guide>div{display:flex;flex-direction:column;gap:4px;padding:15px;border-radius:14px;background:rgba(0,234,255,.055);border:1px solid rgba(0,234,255,.18)}
.image-size-guide span{font-size:1.25rem;font-weight:900;color:#67f4ff}
.image-size-guide small{color:#9da9c3;line-height:1.45}
.current-image-info,.selected-image-info,.empty-image-note{margin:10px 0 16px;padding:11px 13px;border-radius:11px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);color:#dce7f8}
.selected-image-info.size-ok{border-color:rgba(102,255,168,.35);background:rgba(102,255,168,.08);color:#8bffc0}
.selected-image-info.size-warning{border-color:rgba(255,184,0,.35);background:rgba(255,184,0,.08);color:#ffd66f}
.empty-image-note{color:#9da9c3;font-style:italic}
.background-preview img{width:100%;height:auto;max-height:420px;object-fit:contain;background:#070b16}
@media(max-width:700px){.image-size-guide{grid-template-columns:1fr}.image-upload-heading{flex-direction:column}.format-badge{align-self:flex-start}}

/* Bilddarstellung ohne Abschneiden */
.protected-image img{max-width:100%;height:auto;object-fit:contain}
.partner-html img{display:block;max-width:100%;width:auto;height:auto;margin:12px auto;object-fit:contain}
.logo-preview img{width:auto;height:auto;max-width:100%;max-height:180px;object-fit:contain}
.footer .site-logo-image{max-width:180px;max-height:70px}
@media(max-width:700px){.site-logo-image{max-width:100px;max-height:44px}.news-image{max-height:360px}}

/* Kopierschutz entfernt: Texte und Bilder sind normal auswählbar und bedienbar. */
body{-webkit-user-select:auto;user-select:auto}
input,textarea,select,button,a{-webkit-user-select:auto;user-select:auto}
img{-webkit-user-drag:auto;user-drag:auto;pointer-events:auto}

/* Bearbeitbarer Community-Status */
.community-status-card{position:relative}
.community-status-card.status-green .pulse{background:#39ff88;box-shadow:0 0 0 0 rgba(57,255,136,.6)}
.community-status-card.status-yellow .pulse{background:#ffd447;box-shadow:0 0 0 0 rgba(255,212,71,.6)}
.community-status-card.status-red .pulse{background:#ff4d6d;box-shadow:0 0 0 0 rgba(255,77,109,.6)}
.community-status-card.status-blue .pulse{background:#47b7ff;box-shadow:0 0 0 0 rgba(71,183,255,.6)}
.community-status-card.status-green p b{color:#66ffa8}
.community-status-card.status-yellow p b{color:#ffe278}
.community-status-card.status-red p b{color:#ff839c}
.community-status-card.status-blue p b{color:#78caff}


/* Getrennte Admin-Seiten */
.admin-module-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.035)}
.admin-module-nav a{display:inline-flex;align-items:center;padding:10px 13px;border-radius:10px;background:rgba(0,234,255,.07);border:1px solid rgba(0,234,255,.16);color:#eafcff;text-decoration:none;font-weight:700}
.admin-module-nav a:hover{background:rgba(0,234,255,.14);border-color:rgba(0,234,255,.34)}
.admin-module-page .dashboard-grid>section{display:none}
.admin-module-overview .dashboard-grid>.module-overview{display:block}
.admin-module-allgemein .dashboard-grid>.module-allgemein{display:block}
.admin-module-maintenance .dashboard-grid>.module-maintenance{display:block}
.admin-module-community .dashboard-grid>.module-community{display:block}
.admin-module-rechtliches .dashboard-grid>.module-rechtliches{display:block}
.admin-module-partner .dashboard-grid>.module-partner{display:block}
.admin-module-social .dashboard-grid>.module-social{display:block}
.admin-module-news .dashboard-grid>.module-news{display:block}
.admin-module-users .dashboard-grid>.module-users{display:block}
.admin-module-system .dashboard-grid>.module-system{display:block}
.admin-module-page .dashboard-grid>.card{grid-column:1/-1}
@media(max-width:700px){.admin-module-nav{display:grid;grid-template-columns:1fr 1fr}.admin-module-nav a{justify-content:center;text-align:center}}
@media(max-width:460px){.admin-module-nav{grid-template-columns:1fr}}

.maintenance-admin-status{display:flex;flex-direction:column;gap:4px;margin:0 0 16px;padding:16px;border-radius:14px}
.maintenance-admin-status.is-on{background:rgba(255,184,0,.1);border:1px solid rgba(255,184,0,.35)}
.maintenance-admin-status.is-off{background:rgba(102,255,168,.08);border:1px solid rgba(102,255,168,.28)}
.large-switch{font-size:1.05rem;margin-bottom:18px}
.maintenance-logo-preview,.maintenance-page-logo{display:flex;align-items:center;justify-content:center;margin:16px 0;padding:18px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09)}
.maintenance-logo-preview img{display:block;width:auto;height:auto;max-width:100%;max-height:500px;object-fit:contain}
.maintenance-page-logo img{display:block;width:auto;height:auto;max-width:100%;max-height:45vh;object-fit:contain}
.admin-action-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px}
.admin-action-row .button{margin:0}

/* Feste Verwaltungsnavigation */
.admin-module-page .topbar{position:sticky;top:0;z-index:1000}
.admin-module-nav{position:sticky;top:82px;z-index:900;backdrop-filter:blur(16px);box-shadow:0 10px 28px rgba(0,0,0,.24)}
.admin-module-nav a.active{background:rgba(0,234,255,.22);border-color:rgba(0,234,255,.7);color:#fff;box-shadow:0 0 0 2px rgba(0,234,255,.08) inset}
@media(max-width:850px){.admin-module-nav{position:relative;top:auto}}
