:root{color-scheme:light;--wine:#410012;--wine2:#2a000d;--pink:#ffdce3;--line:rgb(255 220 226/25%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100dvh;color:#fff;font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;background:#210811 url("/assets/background.webp") center bottom/cover fixed no-repeat}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.loading,.error-page{min-height:100vh;display:grid;place-items:center}.site-header{background:linear-gradient(120deg,rgb(74 4 23/88%),rgb(174 83 10/72%),rgb(62 2 24/88%));border-bottom:1px solid var(--line);box-shadow:0 12px 34px rgb(21 0 8/25%)}.socials{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:8px 4% 0}.socials a{padding:6px 12px;border:1px solid rgb(255 255 255/28%);border-radius:999px;background:rgb(255 255 255/12%);font-size:13px}.brand{position:relative;display:flex;justify-content:center;align-items:center;padding:10px}.brand img{display:block;max-width:min(32vw,434px);max-height:135px;border-radius:16px;box-shadow:0 14px 35px rgb(37 0 12/30%)}.welcome{position:absolute;left:max(2%,calc(50% - 580px));display:grid;place-items:center;width:125px;aspect-ratio:1;padding:15px;border:2px solid var(--outline);border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff8,var(--background) 45%,#a54a0b);color:var(--text);font:900 var(--font-size)/1.08 "Comic Sans MS",cursive;text-align:center;white-space:pre-line;text-shadow:0 2px 4px #0008;transform:translate(var(--x),var(--y)) scale(var(--size));animation:float 3.2s ease-in-out infinite}@keyframes float{50%{translate:0 -8px;rotate:2deg}}.desktop-nav{position:fixed;z-index:4;top:185px;left:18px;width:258px;padding:12px;border:1px solid rgb(192 221 255/25%);border-radius:20px;background:linear-gradient(150deg,rgb(14 24 42/88%),rgb(52 25 72/78%));backdrop-filter:blur(22px)}.desktop-nav:before{content:"Navigation";display:block;padding:4px 10px 10px;color:#dae8ffb8;font-size:10px;letter-spacing:.2em;text-transform:uppercase}.desktop-nav ul{margin:0;padding:0;list-style:none}.desktop-nav li+li{border-top:1px solid rgb(190 218 255/8%)}.desktop-nav a{display:flex;padding:10px 12px;border-radius:10px;color:#e6efffc7;font-size:13px}.desktop-nav a:hover,.desktop-nav a.active{background:linear-gradient(100deg,rgb(88 135 220/25%),rgb(182 103 225/18%));box-shadow:inset 3px 0 #7dd9ff;color:#fff;translate:5px}.mobile-menu-button,.mobile-drawer{display:none}.page{min-height:calc(100vh - 190px);margin-left:294px;padding:18px 24px 70px}.content{max-width:1080px;min-height:120px;padding:clamp(28px,5vw,60px);border:1px solid rgb(192 221 255/24%);border-radius:24px;background:linear-gradient(145deg,rgb(14 24 42/88%),rgb(52 25 72/76%));box-shadow:0 24px 70px rgb(11 8 31/35%);backdrop-filter:blur(20px)}.content h1{margin-top:0;color:#9ee8ff;font-size:clamp(32px,5vw,48px)}.content a{color:#a9eaff}.content img{max-width:100%;height:auto}.footer{padding:8px 18px;text-align:right;font-size:10px}.maintenance{min-height:100vh;display:grid;place-items:center;padding:25px}.maintenance .content{max-width:650px;text-align:center}.admin-shell{min-height:100vh;background:linear-gradient(155deg,#68132c,#1b0009)}.admin-header{padding:18px 4%;border-bottom:1px solid var(--line);background:rgb(55 5 22/50%)}.admin-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none}.admin-tab{position:relative;padding-bottom:22px}.tab-link,.tab-action{display:flex;align-items:center;justify-content:center;width:168px;min-height:52px;padding:10px 16px;border:1px solid rgb(255 213 216/26%);border-radius:999px;background:linear-gradient(145deg,rgb(65 0 18/88%),rgb(42 0 13/76%));color:#fff;font-weight:700;text-align:center}.drag{position:absolute;bottom:0;left:50%;translate:-50%;display:grid;place-items:center;width:44px;height:23px;border:1px solid var(--line);border-radius:8px;background:#2a000d;color:#efc7d0;touch-action:none}.drag svg,.eye svg{width:18px;height:18px}.admin-tab.dragging{opacity:.55}.admin-tab.target{outline:2px solid #ffc4ce;border-radius:14px}.admin-main{max-width:1120px;margin:auto;padding:42px 24px 80px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.heading h1{margin:0;font-size:34px}.eyebrow{margin:0;color:#ffc4ce;font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.card{margin-bottom:22px;padding:28px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,var(--wine),var(--wine2));box-shadow:inset 0 1px #fff1,0 18px 48px #23000e55}.card h2{margin:4px 0 18px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form{display:grid;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;max-width:100%;gap:20px}.form label{display:grid;gap:7px;font-weight:650}.form input,.form textarea,.form select{width:100%;padding:11px 13px;border:1px solid rgb(255 255 255/24%);border-radius:7px;background:linear-gradient(145deg,#12070b,#070204);color:#f5eef1}.form textarea{min-height:160px;resize:vertical}.form input:focus,.form textarea:focus{outline:0;border-color:#ff9baa;box-shadow:0 0 0 3px rgb(255 120 142/16%)}.button{display:inline-flex;justify-content:center;align-items:center;padding:11px 20px;border:1px solid #963c30;border-radius:7px;background:#963c30;color:#fff;font-weight:650}.button:hover{background:#762a22}.button.secondary,.logout{border-color:var(--line);background:linear-gradient(145deg,var(--wine),var(--wine2))}.password-wrap{position:relative}.password-wrap input{padding-right:50px}.eye{position:absolute;inset:1px 1px 1px auto;width:44px;border:0;border-radius:0 6px 6px 0;background:transparent;color:#ffdce3}.message{padding:10px 13px;border-radius:8px;background:#174d27;color:#eaffee}.message.error{background:#721c2c;color:#fff}.page-row,.member-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid #fff2}.page-row:last-child,.member-row:last-child{border:0}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.stat strong{font-size:48px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #fff2;text-align:left;white-space:nowrap}.auth{max-width:500px;margin:30px auto}.muted{color:#efcfd6;font-size:13px}.editor{min-height:280px;background:#fff!important;color:#292727!important}.photo-preview{display:flex;justify-content:center;padding:20px;background:linear-gradient(90deg,#600000,#eeee00,#600000);border-radius:10px}.photo-preview img{max-width:100%;max-height:260px;object-fit:cover}.hidden{display:none!important}@media(max-width:800px){.brand{justify-content:space-between}.brand img{max-width:178px}.welcome,.desktop-nav{display:none}.mobile-menu-button{display:grid;place-items:center;width:46px;height:46px;border:1px solid #fff5;border-radius:12px;background:#fff2;color:#fff}.mobile-menu-button svg{width:24px;height:24px}.mobile-drawer{position:fixed;z-index:20;inset:0 15% 0 0;padding:24px;border:0;background:#2a000df5;color:#fff}.mobile-drawer.open{display:block}.mobile-drawer ul{padding:0;list-style:none}.mobile-drawer a{display:block;padding:13px;border-bottom:1px solid #fff2}.page{margin:0;padding:24px 14px 60px}.content{padding:26px 20px}.admin-main{padding:28px 16px 55px}.heading{align-items:flex-start;flex-direction:column}.grid,.stats{grid-template-columns:1fr}.admin-tabs{gap:8px}.tab-link,.tab-action{width:145px;font-size:12px}.card{padding:22px 18px}}

/* Admin-Kopf im gleichen Aufbau wie der lokale Next.js-Adminbereich. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.admin-header{padding:22px 5%;background:rgb(55 5 22/28%);backdrop-filter:blur(18px)}
.admin-tabs{display:block;width:100%;min-width:0;margin:0;padding:0}
.admin-tab-list{display:flex;flex-wrap:wrap;align-items:flex-start;gap:18px;margin:0;padding:0;list-style:none}
.admin-tab{position:relative;display:flex;align-items:flex-start;max-width:100%;padding-bottom:24px;border-radius:16px}
.admin-tab-grip{position:absolute;bottom:0;left:50%;translate:0;transform:translateX(-50%);display:grid;place-items:center;width:44px;height:24px;border:1px solid rgb(255 220 226/25%);border-radius:8px;background:#2a000d;color:#efc7d0;cursor:grab}
.admin-tab.dragging{opacity:.65}.admin-tab.target{box-shadow:0 0 0 2px #ffc4ce;outline:0}
.admin-update-button,.admin-view-button,.admin-members-button,.admin-role-settings-button,.admin-pages-button,.admin-profile-button,.admin-statistics-button{display:inline-flex;align-items:center;justify-content:center;width:168px;max-width:100%;min-height:52px;height:52px;padding:10px 16px;border:1px solid rgb(255 213 216/26%);border-radius:999px;background:linear-gradient(145deg,rgb(65 0 18/88%),rgb(42 0 13/76%));color:#fff;font-size:14px;font-weight:700;line-height:1.2;text-align:center;box-shadow:inset 0 1px #ffffff24,0 8px 24px #19000838;backdrop-filter:blur(12px)}
.admin-update-button:hover,.admin-view-button:hover,.admin-members-button:hover,.admin-pages-button:hover,.admin-profile-button:hover,.admin-statistics-button:hover{background:linear-gradient(145deg,rgb(86 3 27/94%),rgb(54 0 17/84%));color:#fff;transform:translateY(-1px)}
.maintenance-control{display:grid;gap:7px}.maintenance-toggle{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:0;padding:8px 9px 8px 17px;border:1px solid rgb(255 213 216/26%);border-radius:999px;background:linear-gradient(145deg,rgb(65 0 18/88%),rgb(42 0 13/76%));box-shadow:inset 0 1px #ffffff24,0 8px 24px #19000838}
.maintenance-toggle-label{font-size:15px;font-weight:700;white-space:nowrap}.maintenance-options{display:grid;grid-template-columns:repeat(2,minmax(54px,1fr));gap:3px;padding:3px;border:1px solid #ffffff24;border-radius:999px;background:#0f000559}
.maintenance-option{min-width:54px;padding:8px 13px;border:0;border-radius:999px;background:transparent;color:#ffffffad;font-size:13px;font-weight:700}.maintenance-option[data-active="true"]{background:#fff;color:#5e0a20;box-shadow:0 3px 10px #0a000447}.maintenance-option-yes[data-active="true"]{background:linear-gradient(135deg,#f04d59,#bd1e36);color:#fff}
.maintenance-settings-button{align-self:stretch;padding:8px 13px;border:1px solid #ffffff2e;border-radius:999px;background:#ffffff17;color:#fff;font-size:12px;font-weight:700}.maintenance-settings-button:hover,.maintenance-settings-button[aria-expanded="true"]{background:#ffffff30}
.maintenance-control[aria-busy="true"]{opacity:.65;pointer-events:none}.maintenance-message-form{display:grid;grid-template-columns:minmax(360px,1fr) auto;align-items:stretch;width:min(560px,calc(100vw - 32px));gap:8px;margin:0;padding:8px;border:1px solid rgb(255 213 216/24%);border-radius:14px;background:#1900086b;box-shadow:0 14px 34px #18000838}
.maintenance-message-form textarea{min-width:0;width:100%;min-height:82px;padding:11px 12px;border:1px solid rgb(255 213 216/26%);border-radius:9px;outline:0;background:linear-gradient(145deg,rgb(65 0 18/94%),rgb(42 0 13/88%));color:#fff;font:inherit;font-size:13px;resize:vertical}.maintenance-message-save{padding:7px 10px;border:1px solid #ffffff33;border-radius:7px;background:#ffffff24;color:#fff;font-size:11px;font-weight:700}.maintenance-error{max-width:310px;color:#fff;font-size:12px}
.update-dialog{width:min(920px,calc(100% - 32px));max-width:none;padding:0;border:0;border-radius:24px;background:transparent;color:#fff;box-shadow:0 35px 100px #0f000699}.update-dialog::backdrop{background:#140008b3;backdrop-filter:blur(8px)}.update-dialog-panel{padding:clamp(22px,4vw,38px);border:1px solid rgb(255 220 226/28%);border-radius:24px;background:radial-gradient(ellipse at 10% 0%,rgb(255 98 91/22%),transparent 44%),linear-gradient(145deg,rgb(112 8 36/98%),rgb(38 3 20/99%))}.update-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:26px}.update-dialog-header span,.update-card-label{color:#ffc4ce;font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.update-dialog-header h2{margin:4px 0 0;font-size:clamp(25px,4vw,34px)}.update-dialog-close{display:grid;width:42px;height:42px;padding:0;place-items:center;border:1px solid #ffffff3d;border-radius:50%;background:#ffffff1a;color:#fff;font-size:27px}.update-status-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.update-status-card{padding:24px;border:1px solid rgb(255 220 226/22%);border-radius:16px;background:linear-gradient(135deg,#ffffff21,#ffffff0f)}.update-status-card h3{margin:8px 0 12px}.update-status-card strong{display:block;overflow-wrap:anywhere;color:#fff1f3}.update-status-card p{color:#f4d9df;font-size:13px}.update-status-card a{display:inline-flex;margin-top:17px;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px){.admin-tab-list{gap:8px}.maintenance-toggle{align-items:stretch}.maintenance-settings-button{flex:1 1 100%}.maintenance-message-form,.update-status-columns{grid-template-columns:1fr}}

/* Admin-Inhalte im gleichen Kartenaufbau wie die lokale Anwendung. */
.admin-main{max-width:1120px;margin:auto;padding:54px 24px 80px}
.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.admin-heading h1{margin:0 0 12px;color:#fff;font-size:34px}.admin-heading p{margin:12px 0;color:#ffe2e5}.admin-eyebrow{margin:0!important;color:#ffd5d8!important;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.6px;overflow-wrap:anywhere}
.admin-card{margin-bottom:22px;padding:32px;border:1px solid rgb(255 220 226/25%);border-radius:16px;background:linear-gradient(135deg,rgb(221 69 90/24%),rgb(110 14 44/40%));box-shadow:inset 0 1px #ffffff1a,0 16px 45px #23000e29;backdrop-filter:blur(18px)}
.dashboard-collapse{overflow:hidden;padding:0;background:linear-gradient(145deg,#410012,#2a000d);box-shadow:inset 0 1px #ffffff1a,0 18px 48px #23000e3d}.dashboard-collapse-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:24px;margin:0;padding:25px 30px;border:0;background:transparent;color:inherit;text-align:left}.dashboard-collapse-toggle:hover{background:#ffffff0f}.dashboard-collapse-heading{display:grid;min-width:0;gap:4px}.dashboard-collapse-title{overflow-wrap:anywhere;color:#fff;font-size:23px;line-height:1.35}.dashboard-collapse-description{color:#efc7d0;font-size:13px;line-height:1.5}.dashboard-collapse-affordance{display:flex;flex:0 0 auto;align-items:center;gap:10px;color:#ffdce3;font-size:12px;font-weight:700}.dashboard-collapse-content{padding:26px 30px 30px;border-top:1px solid rgb(255 220 226/18%)}.member-toggle-chevron{display:grid;width:34px;height:34px;place-items:center;border:1px solid #ffffff38;border-radius:50%;background:#ffffff17;color:#fff;font-size:22px;line-height:1;transition:transform .2s}.dashboard-collapse.is-expanded .member-toggle-chevron{transform:rotate(180deg)}
.admin-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 20px;border:1px solid #963c30;border-radius:6px;background:#963c30;color:#fff;font-size:14px;font-weight:600;text-align:center}.admin-button:hover{background:#762a22;color:#fff}.admin-button.secondary{border-color:rgb(255 220 226/35%);background:rgb(255 190 205/12%);color:#fff}.admin-button.secondary:hover{background:rgb(255 190 205/24%)}.admin-button.logout-button{border-color:rgb(255 220 226/25%);border-radius:16px;background:linear-gradient(145deg,#410012,#2a000d);box-shadow:inset 0 1px #ffffff1a,0 18px 48px #23000e3d}
.admin-page-list{display:grid;gap:12px}.admin-page-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 26px;border:1px solid rgb(255 220 226/25%);border-radius:16px;background:linear-gradient(145deg,#410012,#2a000d);box-shadow:inset 0 1px #ffffff1a,0 10px 28px #23000e33;backdrop-filter:blur(18px)}.admin-page-row h2{margin:0;color:#fff;font-size:18px;font-weight:600;line-height:1.4}.admin-page-row p{margin:5px 0 0;color:#f6dce2;font-size:13px}.page-number{color:#f6c6d1;font-size:14px;font-variant-numeric:tabular-nums}.pages-dashboard{margin-top:0}.photo-settings-card{display:flex;align-items:center;justify-content:space-between;gap:24px}.photo-settings-card h2{margin:0 0 6px}.photo-settings-card p{margin:0;color:#efcfd6}.admin-back{display:inline-block;margin-bottom:22px;color:#ffe2e5}.admin-back:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}.admin-form{display:grid;gap:24px;margin-top:0}
@media(max-width:800px){.admin-main{padding:28px 16px 55px}.admin-heading{align-items:flex-start;flex-direction:column}.dashboard-collapse-toggle{align-items:flex-start;padding:22px 18px}.dashboard-collapse-affordance>span:first-child{display:none}.dashboard-collapse-content{padding:22px 18px}.admin-page-row{grid-template-columns:minmax(0,1fr) auto;padding:18px 14px;gap:12px}.page-number{display:none}.admin-page-row h2{font-size:16px}.admin-page-row .admin-button{padding:9px 12px}.photo-settings-card{align-items:flex-start;flex-direction:column}}
.auth-card{max-width:500px;margin:20px auto;background:linear-gradient(145deg,#410012,#2a000d);box-shadow:inset 0 1px #ffffff1a,0 18px 48px #23000e3d}.auth-card h1{margin:0 0 12px;font-size:34px}.auth-card p{color:#ffe2e5}.admin-form label{display:grid;gap:8px;font-weight:600}.admin-form small{display:block;margin-top:7px;color:#f6dce2;font-size:13px;font-weight:400}.auth-card input:not([type="hidden"]){width:100%;min-width:0;padding:11px 13px;border:1px solid rgb(255 255 255/24%);border-radius:6px;background:linear-gradient(145deg,#12070b,#070204);color:#f5eef1;caret-color:#fff}.auth-password-field{position:relative;display:grid;margin-top:8px}.admin-form .auth-password-field input{padding-right:52px}.auth-password-toggle{position:absolute;inset:1px 1px 1px auto;display:grid;place-items:center;width:44px;padding:0;border:0;border-radius:0 5px 5px 0;background:transparent;color:#ffdce3}.auth-password-toggle:hover{color:#fff;background:#ffffff17}.auth-password-toggle svg{width:20px;height:20px}

/* Öffentliche Website im gleichen Aufbau wie die lokale Next.js-Version. */
body{display:flex;flex-direction:column;position:relative;isolation:isolate;overflow-x:hidden;background:#fff;color:#000;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;line-height:1.68}body::before{content:"";position:fixed;z-index:-2;inset:0;background:linear-gradient(to bottom,#a84605,#f4a31d 55%,#1a0904 100%);pointer-events:none}#app{display:flex;flex:1;min-height:100dvh;flex-direction:column}.site-header{background:linear-gradient(to right,#600000,#eeee00,#600000);border:0;box-shadow:none}.social-buttons{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:14px 40px 0}.social-buttons a,.social-buttons button{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:8px 13px;border:1px solid #ffffff59;border-radius:8px;background:#410012cc;color:#fff;font-size:13px;font-weight:600;box-shadow:0 3px 12px #0000001a}.social-buttons a:hover{background:#a51c35;border-color:#fff;color:#fff}.social-buttons button:disabled{background:#4100128c;color:#ecd5da;cursor:default}.social-buttons span{opacity:.75}.desktop-brand{position:relative;margin:0 40px;padding:15px 0 16px;text-align:center}.desktop-brand>.header-photo-link{display:block;width:calc(100% / 3 - 20px);margin:auto}.site-logo{display:block;max-width:100%;height:auto}.welcome-cartoon{position:absolute;z-index:1;left:max(0px,calc(50% - 610px));top:50%;width:auto;height:calc(100% - 22px);max-height:132px;aspect-ratio:1;transform:translate(var(--welcome-x,0),calc(-50% + var(--welcome-y,0))) scale(var(--welcome-scale,1))}.welcome-cartoon-card{position:relative;display:grid;place-items:center;aspect-ratio:1;padding:16px;border:2px solid var(--welcome-outline,#e88a0c);border-radius:50%;background:radial-gradient(circle at 31% 25%,#fff8,var(--welcome-background,#ffd53a) 42%,#c96c08 100%);box-shadow:inset 13px 14px 24px #ffffff59,inset -24px -26px 34px #8435004d,0 14px 18px #42031647}.welcome-cartoon p{width:100%;margin:0;white-space:pre-line;color:var(--welcome-text,#fff);font-family:"Comic Sans MS","Trebuchet MS",cursive;font-size:var(--welcome-font-size,10px);font-weight:900;line-height:1.08;letter-spacing:-.45px;text-align:center;-webkit-text-stroke:1.15px var(--welcome-outline,#090909);paint-order:stroke fill;text-shadow:0 2px 4px #0000008c}.desktop-navigation{position:sticky;top:0;z-index:10;padding:15px 40px;background:#d68b00}.desktop-navigation ul{display:flex;flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none}.desktop-navigation li{padding:0 14px;font-size:14px;font-weight:500}.desktop-navigation a{display:block;color:#fff}.desktop-navigation a:hover{color:#d65050}.mobile-brand{display:none}.container{width:1170px;padding:0 15px;margin:0 auto}.page-wrap{flex:1;padding:83px 0 100px}.content-panel{margin-right:30px;padding:60px;background:#ffffffe6;box-shadow:0 0 15px #0000000d}.entry-header{margin-bottom:30px}.content-panel h1{margin:0;color:#d33;font-size:48px;font-weight:600;line-height:1.2}.entry-content{color:#000}.entry-content p{margin:1em 0 1.5em}.entry-content a{color:#d65050}.public-content{min-height:320px}.empty-public-page{flex:1}.site-footer{margin-top:auto;padding:0 0 8px;background:transparent;color:#fff;text-shadow:0 1px 4px #000c}.footer-inner{display:flex;width:100%;max-width:none;padding:0 18px;align-items:center;justify-content:flex-end;gap:20px}.mobile-menu{position:fixed;inset:0 auto 0 0;width:400px;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:30px;border:0;background:#fff;color:#233452;overflow-y:auto}.mobile-menu::backdrop{background:#0008}.menu-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}.menu-heading .site-logo{max-height:100px;width:auto}.menu-heading button{border:0;background:transparent;font-size:32px}.mobile-menu ul{margin:0;padding:0;list-style:none}.mobile-menu nav a{display:block;padding:10px 0;color:#233452;font-size:18px;font-weight:500}.maintenance-page{display:grid;flex:1;place-items:start center;min-height:100dvh;padding:24px;color:#fff}.maintenance-card{width:min(760px,100%);padding:clamp(38px,7vw,72px);border:1px solid #ffffff40;border-radius:28px;background:linear-gradient(145deg,#410012e6,#2c000dc7);box-shadow:0 30px 80px #1f00098c,inset 0 1px #fff3;text-align:center}.maintenance-card h1{color:#fff;font-size:clamp(34px,7vw,62px)}.maintenance-card p{max-width:620px;margin:22px auto 0;font-size:clamp(17px,2.6vw,23px);line-height:1.55}
@media(max-width:1199px){.container{width:970px}}@media(max-width:1024px){.desktop-brand,.desktop-navigation{display:none}.mobile-brand{display:flex;align-items:center;justify-content:space-between;padding:15px}.mobile-brand .site-logo{height:100px;width:auto}.mobile-brand .header-photo-link{max-width:65%}.mobile-actions{display:flex;align-items:center;margin-left:auto}.mobile-actions button{padding:0;border:0;background:transparent;color:#fff}.mobile-actions svg{width:20px;height:20px}}@media(max-width:991px){.container{width:750px}.content-panel{margin-right:0}.content-panel h1{font-size:42px}}@media(max-width:767px){.container{width:100%}.content-panel{padding:20px}}@media(max-width:575px){.content-panel h1{font-size:32px}}

.admin-shell{color:#fff}.maintenance-toggle-label{color:#fff}

/* Desktop navigation matches the current localhost layout. */
@media(min-width:1025px){
	#app:has(.desktop-navigation){display:grid;height:100dvh;min-height:100dvh;overflow:hidden;grid-template-columns:276px minmax(0,1080px) minmax(20px,1fr);grid-template-rows:auto minmax(0,1fr) auto;align-items:stretch;column-gap:18px}
	#app:has(.desktop-navigation)>.site-header{grid-column:1/-1;grid-row:1}
	#app:has(.desktop-navigation)>.desktop-navigation{grid-column:1;grid-row:2;align-self:start;display:flex;flex-direction:column;top:18px;width:auto;height:min(491px,calc(100% - 42px));margin:18px 0 24px 18px;padding:10px 10px 10px 12px;overflow:hidden;border:1px solid rgb(192 221 255/25%);border-radius:20px;background:linear-gradient(150deg,rgb(14 24 42/76%),rgb(52 25 72/58%));box-shadow:inset 0 1px rgb(255 255 255/20%),inset 0 -1px rgb(129 172 255/10%),0 20px 52px rgb(11 8 31/28%);backdrop-filter:blur(26px) saturate(155%)}
	#app:has(.desktop-navigation)>.desktop-navigation:before{content:"Navigation";display:block;padding:8px 12px 12px;color:rgb(218 232 255/72%);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
	#app:has(.desktop-navigation)>.desktop-navigation ul{display:grid;flex:1;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(9,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none}
	#app:has(.desktop-navigation)>.desktop-navigation li{min-height:0;padding:0}
	#app:has(.desktop-navigation)>.desktop-navigation li+li{border-top:1px solid rgb(190 218 255/8%)}
	#app:has(.desktop-navigation)>.desktop-navigation a{isolation:isolate;position:relative;display:flex;height:100%;min-height:0;align-items:center;gap:9px;padding:clamp(7px,1.15vh,11px) 13px;border:1px solid transparent;border-radius:11px;background:transparent;box-shadow:none;color:rgb(230 239 255/78%);font-size:13px;line-height:1.25;text-align:left;transition:color .22s ease,background .22s ease,transform .22s ease,border-color .22s ease,box-shadow .22s ease}
	#app:has(.desktop-navigation)>.desktop-navigation a:before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:rgb(176 203 255/48%);box-shadow:0 0 0 4px rgb(132 175 255/7%);transition:background .25s ease,box-shadow .25s ease,transform .25s ease}
	#app:has(.desktop-navigation)>.desktop-navigation a:after{content:"";z-index:-1;position:absolute;left:-35%;top:0;bottom:0;width:35%;border-radius:inherit;background:linear-gradient(90deg,transparent,rgb(159 220 255/22%),transparent);opacity:0;transform:skewX(-18deg);transition:left .45s ease,opacity .25s ease}
	#app:has(.desktop-navigation)>.desktop-navigation a:hover,#app:has(.desktop-navigation)>.desktop-navigation a.active{border-color:rgb(160 211 255/23%);background:linear-gradient(100deg,rgb(88 135 220/18%),rgb(182 103 225/13%));color:#fff;box-shadow:inset 3px 0 #7dd9ff,inset 0 1px rgb(255 255 255/9%),0 8px 22px rgb(4 7 27/18%);transform:translateX(2px);text-decoration:none}
	#app:has(.desktop-navigation)>.desktop-navigation a:hover:before,#app:has(.desktop-navigation)>.desktop-navigation a.active:before{background:#8be5ff;box-shadow:0 0 0 4px rgb(110 218 255/13%),0 0 14px #6edcff;transform:scale(1.12)}
	#app:has(.desktop-navigation)>.desktop-navigation a:hover:after{left:105%;opacity:1}
	#app:has(.desktop-navigation)>.page-wrap{grid-column:2;grid-row:2;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 0 80px}
	#app:has(.desktop-navigation)>.page-wrap .container{width:100%;max-width:1080px;padding-inline:0}
	#app:has(.desktop-navigation)>.site-footer{grid-column:1/-1;grid-row:3}
}

/* Einheitlich große, sortierbare Tabs im Admin-Kopf. */
.admin-tabs{--admin-tab-width:160px;--admin-tab-height:70px}.admin-tab-list{gap:12px}
.admin-tab{flex:0 0 var(--admin-tab-width);width:var(--admin-tab-width);max-width:100%;align-items:flex-start;padding-bottom:0;border-radius:14px}.admin-tab:not([data-tab="profile"]):not([data-tab="maintenance"]){cursor:grab;touch-action:pan-y;user-select:none}.admin-tab[data-tab="maintenance"]{margin-left:auto}.admin-tab.dragging{cursor:grabbing}
.maintenance-control{position:relative;display:grid;width:100%;height:var(--admin-tab-height);gap:0}
.maintenance-toggle{position:relative;display:grid;width:100%;height:100%;grid-template-areas:"label label" "options settings";grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;margin:0;padding:6px;border-radius:14px}
.maintenance-toggle-label{grid-area:label;font-size:12px;line-height:1.1;text-align:center}.maintenance-options{min-width:0;grid-area:options;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:2px}.maintenance-option{min-width:0;padding:5px 6px;font-size:10px;line-height:1.1}.maintenance-settings-button{grid-area:settings;align-self:stretch;padding:5px 6px;font-size:9px}
.maintenance-message-form{position:absolute;z-index:30;top:calc(100% + 8px);left:0;margin:0;background:#320314f5;box-shadow:0 14px 34px #18000861}
.admin-update-button,.admin-view-button,.admin-members-button,.admin-role-settings-button,.admin-pages-button,.admin-profile-button,.admin-statistics-button{width:100%;max-width:100%;min-height:var(--admin-tab-height);height:var(--admin-tab-height);padding:10px 12px;border-radius:14px;font-size:13px;line-height:1.15}.admin-profile-button,.admin-profile-button:hover,.admin-profile-button:active{border-color:#ffffffe0;background:#fff;color:#b3213b;box-shadow:0 8px 24px #1900082e}
@media(max-width:600px){.admin-tabs{--admin-tab-width:min(160px,calc(50vw - 24px))}.admin-tab-list{gap:8px}.maintenance-message-form{position:fixed;top:140px;right:16px;left:16px;width:auto;grid-template-columns:1fr}}

/* Sicherer ZIP-Upload und Installation im Update-Dialog. */
.update-install-card{margin-top:18px;padding:24px;border:1px solid #c3f4cc59;border-radius:16px;background:linear-gradient(135deg,#37894c3d,#ffffff12)}.update-install-card h3{margin:8px 0 6px;color:#fff;font-size:18px}.update-install-card>p{margin:0 0 20px;color:#f4d9df;font-size:13px}.update-install-card code{padding:2px 5px;border-radius:5px;background:#13000866;color:#fff}.update-upload-form{display:grid;gap:8px}.update-upload-form label{color:#fff;font-size:13px;font-weight:700}.update-upload-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.update-upload-row input{min-width:0;padding:9px;border:1px solid #ffffff33;border-radius:9px;background:#19000880;color:#fff}.update-upload-row input::file-selector-button{margin-right:10px;padding:8px 10px;border:0;border-radius:6px;background:#ffffff24;color:#fff;cursor:pointer}.update-upload-row button,.update-install-button{padding:10px 16px;border:1px solid #b9efc4;border-radius:9px;background:#b9efc4;color:#174d27;font-weight:750}.update-upload-row button:hover,.update-install-button:hover:not(:disabled){background:#a4e5b1}.update-upload-row button:disabled,.update-install-button:disabled{cursor:not-allowed;opacity:.48}.update-upload-message:empty{display:none}.update-upload-message .message{margin:12px 0 0}.update-ready{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 16px;margin-top:18px;padding-top:18px;border-top:1px solid #ffffff24}.update-ready>span{color:#ffc4ce;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.update-ready-file{grid-column:1;color:#fff;overflow-wrap:anywhere}.update-install-button{grid-column:2;grid-row:1/3}
@media(max-width:600px){.update-upload-row,.update-ready{grid-template-columns:1fr}.update-upload-row button,.update-install-button{width:100%}.update-install-button{grid-column:1;grid-row:auto}}
.update-detected-install{display:flex;width:100%;margin-top:17px}
.admin-tab.is-right-anchor{margin-left:auto}.member-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.member-rank-badge{display:inline-flex;width:fit-content;padding:4px 9px;border:1px solid #ffcdd647;border-radius:999px;background:#ffffff17;color:#ffdce3;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.member-access-settings{display:grid;gap:16px;margin:18px 0;padding:20px;border:1px solid #ffdce22e;border-radius:14px;background:#12020847}.member-access-settings legend{padding:0 8px;color:#fff;font-weight:750}.member-access-settings>p{margin:0;color:#efcfd6;font-size:12px}.member-role-field{max-width:320px}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.permission-option{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px!important;min-height:54px;padding:10px 12px;border:1px solid #ffffff21;border-radius:10px;background:#ffffff0d;cursor:pointer}.permission-option:has(input:checked){border-color:#b9efc461;background:#3d874e2e}.permission-option input{width:18px!important;height:18px;margin:0;accent-color:#b9efc4}.permission-option span{display:grid;gap:2px;color:#f7e9ed;font-size:12px;line-height:1.3}.permission-option small{color:#efcfd6}.permission-option:has(input:checked) small{color:#b9efc4}@media(max-width:600px){.permission-grid{grid-template-columns:1fr}.member-title-row{align-items:flex-start;flex-direction:column}}

.rank-settings-form{display:grid;gap:20px}.rank-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.rank-settings-card{display:grid;gap:20px;margin:0;padding:24px}.rank-settings-card header h2{margin:4px 0 8px;color:#fff;font-size:23px}.rank-settings-card header p{margin:0;color:#efcfd6;font-size:13px;line-height:1.55}.rank-settings-card .permission-grid{grid-template-columns:1fr}.rank-settings-save{position:sticky;z-index:5;bottom:18px;padding:14px 16px;border:1px solid #ffdce233;border-radius:14px;background:#2a000deb;box-shadow:0 12px 34px #1400085c;backdrop-filter:blur(14px);text-align:right}@media(max-width:900px){.rank-settings-grid{grid-template-columns:1fr}}

/* Seiteneditor und live bearbeitbares oberes Foto. */
.button.save-success,.admin-button.save-success{border-color:#b9efc4;background:#b9efc4;color:#174d27;box-shadow:0 7px 20px #257e3c3d}.button.save-success:hover,.admin-button.save-success:hover{background:#a4e5b1;color:#123e20}
.title-editor-fields{display:grid;grid-template-columns:minmax(0,1fr) repeat(2,minmax(170px,200px));align-items:end;gap:18px}.editor-field-label{margin:0 0 -12px;font-weight:650}.web-rich-editor{min-width:0;max-width:100%;overflow:hidden;border:1px solid #d8d1c9;border-radius:10px;background:#fff;color:#292727}.format-toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;padding:12px;border-bottom:1px solid #d8d1c9;background:#f6f5f3}.format-toolbar label{display:grid;gap:4px;color:#493d33;font-size:11px;font-weight:700}.format-toolbar select{width:auto;min-width:112px;padding:7px 9px;border:1px solid #cfc8c1;border-radius:6px;background:#fff;color:#292727}.format-toolbar input[type="color"]{width:46px;height:38px;padding:3px;border:1px solid #cfc8c1;border-radius:6px;background:#fff}.format-button-group{display:flex;gap:5px}.format-button-group button{display:grid;min-width:38px;height:38px;padding:6px 9px;place-items:center;border:1px solid #cfc8c1;border-radius:6px;background:#fff;color:#493d33}.format-button-group button:hover{background:#eee6de}.rich-text-input{min-width:0;max-width:100%;min-height:340px;padding:20px;overflow-x:auto;outline:0;overflow-wrap:anywhere}.rich-text-input:focus{box-shadow:inset 0 0 0 2px #963c30}
.photo-preview{overflow:hidden;min-height:200px}.photo-live-frame{overflow:hidden;border:2px solid;border-radius:10px;box-shadow:0 12px 30px #23000e3d;transition:width .18s,transform .18s}.photo-live-frame img{display:block;width:100%;max-height:none}.header-photo-link{overflow:hidden;border:2px solid;border-radius:10px}.header-photo-caption,.photo-live-frame span{display:block;padding:6px 10px;color:inherit;font-size:inherit;font-weight:700;line-height:1.3;text-align:center}.photo-controls,.photo-color-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.photo-color-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-color-controls input[type="color"]{height:48px;padding:4px}
@media(max-width:800px){.title-editor-fields,.photo-controls,.photo-color-controls{grid-template-columns:1fr}.format-toolbar{align-items:stretch}.format-toolbar label{flex:1 1 130px}.format-toolbar select{width:100%}}

/* Vollständiger Gleichstand mit der modernen Localhost-Oberfläche. */
body::after{content:"";position:fixed;z-index:-1;inset:0;background:url("/assets/background.webp") center bottom/cover no-repeat;transform-origin:center bottom;animation:background-people-motion 24s ease-in-out infinite alternate;pointer-events:none}
html::after{content:"";position:fixed;z-index:50;inset:0;opacity:0;background:radial-gradient(140px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgb(255 231 117/6%),transparent 68%);pointer-events:none;transition:opacity .25s ease}html[data-pointer="active"]::after{opacity:1}
@keyframes background-people-motion{0%{filter:brightness(.96) saturate(1.02)}50%{filter:brightness(1.035) saturate(1.08)}100%{filter:brightness(.98) saturate(1.04)}}
.site-header{position:relative;overflow:hidden;border-bottom:1px solid rgb(255 255 255/18%);background:linear-gradient(120deg,rgb(74 4 23/82%),rgb(174 83 10/58%) 48%,rgb(62 2 24/84%));box-shadow:0 12px 34px rgb(21 0 8/18%);backdrop-filter:blur(18px) saturate(125%)}
.site-header::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 18%,rgb(255 255 255/13%) 43%,transparent 67%);transform:translateX(-110%);animation:glass-shimmer 12s ease-in-out infinite;pointer-events:none}
.desktop-brand{padding-top:10px;padding-bottom:10px}.desktop-brand>.header-photo-link{position:relative;overflow:hidden;border:0;border-radius:20px;outline:1px solid rgb(255 255 255/30%);background:rgb(255 255 255/12%);box-shadow:inset 0 1px rgb(255 255 255/28%),0 14px 35px rgb(37 0 12/25%);backdrop-filter:blur(16px);transition:transform .35s ease,box-shadow .35s ease,background .35s ease}.desktop-brand>.header-photo-link:hover{transform:translateY(-4px) scale(1.015);background:rgb(255 255 255/18%);box-shadow:inset 0 1px rgb(255 255 255/38%),0 20px 44px rgb(37 0 12/32%)}.desktop-brand .site-logo{width:auto!important;max-height:135px;margin:auto}.site-logo{border-radius:13px}
.welcome-cartoon::before{content:"";position:absolute;z-index:-1;inset:-9%;border-radius:50%;background:repeating-conic-gradient(from 4deg,color-mix(in srgb,var(--welcome-outline,#e88a0c) 55%,transparent) 0deg 5deg,transparent 5deg 30deg);-webkit-mask:radial-gradient(circle,transparent 0 57%,#000 60% 76%,transparent 80%);mask:radial-gradient(circle,transparent 0 57%,#000 60% 76%,transparent 80%);filter:blur(.5px);pointer-events:none}
.welcome-cartoon-card{position:relative;isolation:isolate;background:radial-gradient(circle at 31% 25%,color-mix(in srgb,var(--welcome-background,#ffd53a) 18%,white) 0 5%,color-mix(in srgb,var(--welcome-background,#ffd53a) 55%,white) 14%,var(--welcome-background,#ffd53a) 42%,color-mix(in srgb,var(--welcome-background,#ffd53a) 78%,#c96c08) 72%,color-mix(in srgb,var(--welcome-background,#ffd53a) 52%,#6e2400) 100%);box-shadow:inset 13px 14px 24px rgb(255 255 255/35%),inset -24px -26px 34px rgb(132 53 0/30%),0 14px 18px rgb(66 3 22/28%),0 0 34px 9px color-mix(in srgb,var(--welcome-outline,#e88a0c) 32%,transparent);animation:cartoon-float 3.2s ease-in-out infinite}
.welcome-cartoon-card::before{content:"";position:absolute;z-index:0;inset:3%;border-radius:50%;background:radial-gradient(ellipse at 66% 68%,rgb(170 72 0/13%) 0 5%,transparent 7%),radial-gradient(ellipse at 30% 62%,rgb(255 250 147/28%) 0 7%,transparent 10%),radial-gradient(ellipse at 72% 34%,rgb(255 245 119/22%) 0 4%,transparent 7%);opacity:.75;pointer-events:none}.welcome-cartoon-card::after{content:"";position:absolute;z-index:0;inset:7%;border-radius:50%;background:radial-gradient(ellipse at 29% 20%,rgb(255 255 255/68%) 0 3%,rgb(255 255 255/18%) 13%,transparent 27%);pointer-events:none}.welcome-cartoon p{position:relative;z-index:1;text-wrap:balance}.welcome-cartoon-preview{position:relative;inset:auto;width:min(245px,75vw);height:auto;max-height:none;transform:none}.welcome-cartoon-preview .welcome-cartoon-card{padding:30px}
@keyframes cartoon-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}
.social-buttons{position:relative;z-index:2;padding-top:6px}.social-buttons a,.social-buttons button{min-height:31px;padding-block:5px;border-color:rgb(255 255 255/28%);border-radius:999px;background:linear-gradient(135deg,rgb(255 255 255/18%),rgb(86 4 29/35%));box-shadow:inset 0 1px rgb(255 255 255/24%),0 8px 22px rgb(34 0 12/18%);backdrop-filter:blur(14px) saturate(140%);transition:transform .22s ease,background .22s ease,box-shadow .22s ease}.social-buttons a:hover{transform:translateY(-3px) scale(1.04);background:rgb(255 255 255/25%);box-shadow:inset 0 1px rgb(255 255 255/35%),0 12px 28px rgb(34 0 12/28%);color:#fff}.social-buttons .social-logo-button{width:32px;height:32px;padding:0;justify-content:center}.social-buttons .social-logo-button svg{width:21px;height:21px;fill:currentColor}
.desktop-navigation{top:10px;margin:10px 28px 0;padding:12px;border:1px solid rgb(255 255 255/27%);border-radius:20px;background:linear-gradient(135deg,rgb(83 12 34/76%),rgb(180 78 14/66%));box-shadow:inset 0 1px rgb(255 255 255/24%),0 12px 34px rgb(34 0 11/22%);backdrop-filter:blur(18px) saturate(145%)}.desktop-navigation ul{display:grid;grid-template-columns:1fr;justify-content:stretch;gap:9px}.desktop-navigation li{min-width:0;padding:0}.desktop-navigation a{position:relative;display:flex;min-height:58px;align-items:center;gap:9px;padding:10px 11px;overflow:hidden;border:1px solid rgb(255 255 255/14%);border-radius:13px;background:linear-gradient(145deg,rgb(255 255 255/12%),rgb(255 255 255/5%));color:rgb(255 255 255/90%);font-size:12px;line-height:1.25;text-align:left;box-shadow:inset 0 1px rgb(255 255 255/14%);transition:color .22s ease,background .22s ease,transform .22s ease,border-color .22s ease,box-shadow .22s ease}.desktop-navigation a::after{content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;border-radius:0 4px 4px 0;background:#ffe36d;opacity:0;transform:scaleY(.35);transition:opacity .22s ease,transform .22s ease}.desktop-navigation a:hover,.desktop-navigation a.active,.desktop-navigation a[aria-current="page"]{border-color:rgb(255 240 171/38%);background:linear-gradient(145deg,rgb(255 255 255/23%),rgb(255 213 88/10%));color:#fff;transform:translateY(-3px);box-shadow:inset 0 1px rgb(255 255 255/24%),0 9px 20px rgb(43 0 13/20%);text-decoration:none}.desktop-navigation a:hover::after,.desktop-navigation a.active::after,.desktop-navigation a[aria-current="page"]::after{opacity:1;transform:scaleY(1)}
.content-panel{border:1px solid rgb(192 221 255/24%);border-radius:24px;background:linear-gradient(145deg,rgb(14 24 42/82%),rgb(52 25 72/65%));color:#e8f1ff;opacity:1;box-shadow:inset 0 1px rgb(255 255 255/19%),inset 0 -1px rgb(129 172 255/8%),0 24px 70px rgb(11 8 31/30%);backdrop-filter:blur(26px) saturate(150%);transition:transform .35s ease,box-shadow .35s ease}.content-panel:hover{transform:translateY(-3px);box-shadow:inset 0 1px rgb(255 255 255/24%),0 30px 78px rgb(11 8 31/36%)}.content-panel h1{color:#9ee8ff;text-shadow:0 0 22px rgb(85 203 255/18%)}.content-panel .entry-content{color:#fff}.content-panel a{color:#a9eaff}.content-panel a:hover{color:#e4bfff}
.markdown-content{overflow-wrap:anywhere}.markdown-content h2{margin:28px 0 14px;font-size:30px;font-weight:600}.markdown-content h3{margin:24px 0 12px;font-size:24px;font-weight:600}.markdown-content h4,.markdown-content h5,.markdown-content h6{font-size:20px;font-weight:600}.markdown-content ul,.markdown-content ol{margin:16px 0;padding-left:26px}.markdown-content ul{list-style:disc}.markdown-content ol{list-style:decimal}.markdown-content img{max-width:100%;height:auto}.rich-text-content img{display:inline-block;max-width:100%;height:auto;vertical-align:top}.markdown-content blockquote{padding-left:20px;border-left:3px solid #79dcff}.markdown-content pre{overflow-x:auto;padding:16px;background:rgb(3 8 24/45%)}.markdown-content p{white-space:pre-wrap}
.content-card,.content-box,.content-accordion{margin:20px 0;border-radius:16px}.content-panel .content-card{padding:22px;border:1px solid rgb(158 218 255/20%);background:linear-gradient(135deg,rgb(87 143 221/16%),rgb(164 96 214/12%));box-shadow:inset 0 1px rgb(255 255 255/11%),0 14px 35px rgb(4 7 27/18%)}.content-panel .content-box{padding:20px 22px;border:1px solid rgb(125 226 255/25%);border-left:4px solid #79dcff;background:rgb(45 105 151/15%)}.content-accordion{overflow:hidden;border:1px solid rgb(167 211 255/22%);background:rgb(11 24 45/32%)}.content-accordion-summary{position:relative;padding:17px 50px 17px 20px;color:#dff7ff;font-weight:700;cursor:pointer;list-style:none}.content-accordion-summary::-webkit-details-marker{display:none}.content-accordion-summary::after{content:"+";position:absolute;right:18px;top:50%;translate:0 -50%;width:25px;height:25px;border-radius:50%;background:rgb(126 218 255/14%);color:#8ee5ff;font-size:20px;line-height:23px;text-align:center;transition:rotate .25s ease,background .25s ease}.content-accordion[open] .content-accordion-summary::after{rotate:45deg;background:rgb(186 126 236/20%)}.content-accordion-body{padding:2px 20px 18px;border-top:1px solid rgb(176 211 255/10%);color:#d5e3f6}
.site-footer span{padding:4px 9px;border:1px solid rgb(255 255 255/22%);border-radius:999px;background:rgb(41 4 16/27%);box-shadow:inset 0 1px rgb(255 255 255/15%);font-size:10px;line-height:1.2;backdrop-filter:blur(12px)}.back-to-top{position:fixed;z-index:20;right:20px;bottom:46px;padding:15px;border:1px solid rgb(255 255 255/30%);border-radius:50%;background:rgb(121 17 44/72%);box-shadow:0 10px 28px rgb(31 0 10/25%);backdrop-filter:blur(12px);transition:transform .22s ease,background .22s ease}.back-to-top svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:3}.back-to-top:hover{transform:translateY(-3px);background:rgb(255 255 255/78%)}.back-to-top:hover svg{stroke:#d65050}
.page-transition{display:flex;flex:1;flex-direction:column;transform-origin:center top;animation:page-glass-enter .58s cubic-bezier(.22,.8,.25,1) both}.mobile-brand,.mobile-menu{backdrop-filter:blur(20px) saturate(130%)}
@keyframes glass-shimmer{0%,68%,100%{transform:translateX(-110%)}82%{transform:translateX(110%)}}@keyframes page-glass-enter{from{opacity:0;transform:translateY(18px) scale(.992);filter:blur(7px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@media(min-width:1025px){#app:has(.desktop-navigation){display:grid;height:100dvh;min-height:100dvh;overflow:hidden;grid-template-columns:276px minmax(0,1080px) minmax(20px,1fr);grid-template-rows:auto minmax(0,1fr) auto;align-items:stretch;column-gap:18px}#app:has(.desktop-navigation)>.site-header{grid-column:1/-1;grid-row:1}#app:has(.desktop-navigation)>.desktop-navigation{grid-column:1;grid-row:2;align-self:start;display:flex;flex-direction:column;top:18px;width:auto;height:min(491px,calc(100% - 42px));margin:18px 0 24px 18px;padding:10px 10px 10px 12px;overflow:hidden;border-color:rgb(192 221 255/25%);border-radius:20px;background:linear-gradient(150deg,rgb(14 24 42/76%),rgb(52 25 72/58%));box-shadow:inset 0 1px rgb(255 255 255/20%),inset 0 -1px rgb(129 172 255/10%),0 20px 52px rgb(11 8 31/28%);backdrop-filter:blur(26px) saturate(155%)}#app:has(.desktop-navigation)>.desktop-navigation::before{content:"Navigation";display:block;padding:8px 12px 12px;color:rgb(218 232 255/72%);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}#app:has(.desktop-navigation)>.desktop-navigation ul{display:grid;flex:1;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(9,minmax(0,1fr));gap:0}#app:has(.desktop-navigation)>.desktop-navigation li{min-height:0}#app:has(.desktop-navigation)>.desktop-navigation li+li{border-top:1px solid rgb(190 218 255/8%)}#app:has(.desktop-navigation)>.desktop-navigation a{isolation:isolate;height:100%;min-height:0;padding:clamp(7px,1.15vh,11px) 13px;border:1px solid transparent;border-radius:11px;background:transparent;box-shadow:none;color:rgb(230 239 255/78%);font-size:13px}#app:has(.desktop-navigation)>.desktop-navigation a::before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:rgb(176 203 255/48%);box-shadow:0 0 0 4px rgb(132 175 255/7%);transition:background .25s ease,box-shadow .25s ease,transform .25s ease}#app:has(.desktop-navigation)>.desktop-navigation a::after{z-index:-1;left:-35%;top:0;bottom:0;width:35%;border-radius:inherit;background:linear-gradient(90deg,transparent,rgb(159 220 255/22%),transparent);opacity:0;transform:skewX(-18deg);transition:left .45s ease,opacity .25s ease}#app:has(.desktop-navigation)>.desktop-navigation a:hover,#app:has(.desktop-navigation)>.desktop-navigation a.active,#app:has(.desktop-navigation)>.desktop-navigation a[aria-current="page"]{border-color:rgb(160 211 255/23%);background:linear-gradient(100deg,rgb(88 135 220/18%),rgb(182 103 225/13%));color:#fff;box-shadow:inset 3px 0 #7dd9ff,inset 0 1px rgb(255 255 255/9%),0 8px 22px rgb(4 7 27/18%);transform:translateX(6px)}#app:has(.desktop-navigation)>.desktop-navigation a:hover::before,#app:has(.desktop-navigation)>.desktop-navigation a.active::before,#app:has(.desktop-navigation)>.desktop-navigation a[aria-current="page"]::before{background:#8be5ff;box-shadow:0 0 0 4px rgb(110 218 255/13%),0 0 14px #6edcff;transform:scale(1.12)}#app:has(.desktop-navigation)>.desktop-navigation a:hover::after{left:105%;opacity:1}#app:has(.desktop-navigation)>.page-transition{grid-column:2;grid-row:2;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgb(139 204 255/45%) transparent}#app:has(.desktop-navigation)>.page-transition .container{width:100%;max-width:1080px;padding-inline:0}#app:has(.desktop-navigation)>.page-transition .page-wrap{padding:18px 0 80px}#app:has(.desktop-navigation)>.page-transition .content-panel{margin-right:0}#app:has(.desktop-navigation)>.site-footer{grid-column:1/-1;grid-row:3}}
@media(max-width:1024px){.site-header{border-radius:0 0 18px 18px}.mobile-brand .header-photo-link{max-width:min(var(--photo-mobile-width,178px),65%)!important;padding:5px;border:1px solid rgb(255 255 255/24%);border-radius:13px;background:rgb(255 255 255/12%)}.mobile-brand{padding-block:10px}.mobile-brand .site-logo{width:auto!important;height:auto;max-height:76px}.menu-heading .header-photo-link{max-width:var(--photo-mobile-width,178px)!important}.mobile-menu{background:rgb(255 250 245/92%);box-shadow:18px 0 55px rgb(28 0 9/24%)}}@media(max-width:767px){.page-wrap{padding:48px 14px 72px}.content-panel{border-radius:18px}.site-footer .footer-inner{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.site-header::before,.page-transition,.welcome-cartoon-card,body::after{animation:none}.desktop-brand>.header-photo-link,.social-buttons a,.desktop-navigation a,.content-panel,.back-to-top{transition:none}}

/* Moderner Admin-, Login- und Statistikstand. */
.admin-shell h2{font-weight:600;line-height:1.4}.admin-shell p{margin:12px 0}.admin-shell strong{font-weight:600}
.admin-shell{min-height:100dvh;background-color:transparent;background-image:radial-gradient(ellipse at 8% 0%,rgb(255 98 91/25%),transparent 48%),radial-gradient(ellipse at 95% 35%,rgb(231 35 66/22%),transparent 50%),linear-gradient(145deg,rgb(145 15 42/84%) 0%,rgb(100 9 35/88%) 45%,rgb(43 5 23/92%) 100%);background-attachment:fixed;backdrop-filter:blur(10px);color:#fff}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.form-error{padding:10px 13px;border-radius:8px;background:#721c2c;color:#fff}.editor-save{display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-form fieldset{display:grid;gap:24px;min-width:0;margin:0;padding:0;border:0}
.statistics-heading{align-items:flex-end}.statistics-live{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgb(185 239 196/34%);border-radius:999px;background:rgb(39 111 56/20%);color:#dff7e4;font-size:12px;font-weight:700;white-space:nowrap}.statistics-live>span{width:9px;height:9px;border-radius:50%;background:#86e59b;box-shadow:0 0 0 5px rgb(134 229 155/12%);animation:statistics-pulse 1.8s ease-in-out infinite}@keyframes statistics-pulse{50%{box-shadow:0 0 0 8px rgb(134 229 155/3%);opacity:.72}}.statistics-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px}.statistics-counter-card{position:relative;overflow:hidden;display:grid;gap:6px;min-height:178px;padding:28px 30px;border:1px solid rgb(255 220 226/25%);border-radius:18px;background:linear-gradient(145deg,#410012,#2a000d);box-shadow:inset 0 1px rgb(255 255 255/10%),0 18px 48px rgb(35 0 14/24%)}.statistics-counter-card::after{content:"";position:absolute;right:-34px;bottom:-54px;width:150px;height:150px;border-radius:50%;background:rgb(255 91 112/12%);filter:blur(2px)}.statistics-counter-card>span{color:#ffc4ce;font-size:12px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.statistics-counter-card strong{position:relative;z-index:1;color:#fff;font-size:clamp(46px,7vw,68px);font-variant-numeric:tabular-nums;line-height:1}.statistics-counter-card small{position:relative;z-index:1;color:#efc7d0;font-size:13px}.statistics-panel{overflow:hidden;border:1px solid rgb(255 220 226/25%);border-radius:18px;background:linear-gradient(145deg,#410012,#2a000d);box-shadow:inset 0 1px rgb(255 255 255/10%),0 18px 48px rgb(35 0 14/24%)}.statistics-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;border-bottom:1px solid rgb(255 220 226/18%)}.statistics-panel-heading p{margin:0 0 5px}.statistics-panel-heading h2{margin:0;color:#fff;font-size:22px}.statistics-panel-heading>span{flex:0 0 auto;padding:7px 11px;border-radius:999px;background:rgb(255 255 255/9%);color:#f8dbe1;font-size:12px;font-weight:700}.statistics-table-wrap{overflow-x:auto}.statistics-table{width:100%;border-collapse:collapse;text-align:left}.statistics-table th,.statistics-table td{padding:18px 24px;border-bottom:1px solid rgb(255 220 226/12%);white-space:nowrap}.statistics-table th{color:#efbfc9;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.statistics-table td{color:#f7e7ea;font-size:13px}.statistics-table tbody tr:last-child td{border-bottom:0}.statistics-table tbody tr:hover{background:rgb(255 255 255/5%)}.statistics-table code{padding:6px 9px;border:1px solid rgb(255 255 255/13%);border-radius:7px;background:rgb(5 0 2/35%);color:#fff;font-size:13px}.statistics-table td:last-child strong{display:inline-grid;min-width:34px;height:34px;padding:0 9px;place-items:center;border-radius:999px;background:rgb(255 255 255/11%);color:#fff}.statistics-empty{padding:52px 28px;text-align:center}.statistics-empty strong{color:#fff;font-size:18px}.statistics-empty p{color:#efc7d0}
.social-editor-list{display:grid;gap:18px}.social-editor-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:14px;align-items:start;padding-bottom:18px;border-bottom:1px solid rgb(255 255 255/18%)}.social-editor-row select{width:100%;min-width:0;padding:11px 13px;border:1px solid #cfc8c1;border-radius:6px;background:#fff;color:#292727;font:inherit}.social-editor-row>button{margin-top:35px}.add-social-button{justify-self:start}.welcome-style-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.welcome-color-control{display:flex;align-items:center;gap:10px}.admin-form .welcome-color-control input[type="color"]{flex:0 0 48px;width:48px;height:42px;padding:3px;border-color:rgb(255 255 255/32%);border-radius:8px;background:rgb(255 255 255/12%);cursor:pointer}.welcome-color-control output{color:#f6dce2;font-family:ui-monospace,monospace;font-size:12px;font-weight:500}.welcome-style-controls input[type="range"],.welcome-position-controls input[type="range"]{padding:0;accent-color:#ffbd2e}.admin-form .welcome-enabled{display:flex;align-items:center;gap:10px}.admin-form .welcome-enabled input{width:18px;height:18px;accent-color:#963c30}.welcome-position-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:20px}.welcome-admin-preview{position:relative;display:grid;place-items:center;min-height:500px;padding:50px;overflow:hidden;border:1px solid rgb(255 255 255/22%);border-radius:10px;background:linear-gradient(to right,#600000,#eeee00,#600000)}.preview-direction{position:absolute;z-index:3;top:12px;left:50%;translate:-50% 0;width:max-content;max-width:calc(100% - 24px);padding:5px 10px;border-radius:999px;background:rgb(57 3 22/70%);color:#fff;font-size:12px;text-align:center}
@media(max-width:800px){.statistics-overview{grid-template-columns:1fr}.statistics-heading{align-items:flex-start}.statistics-live{white-space:normal}.social-editor-row,.welcome-style-controls,.welcome-position-controls{grid-template-columns:1fr}.social-editor-row>button{margin-top:0;justify-self:start}.welcome-admin-preview{min-height:370px;padding:45px 20px 20px}.welcome-cartoon-preview{width:min(190px,55vw)}.editor-save{align-items:stretch;flex-direction:column}}

/* Letzte Paritätsregeln für Localhost, Webspace und den erweiterten Seiteneditor. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[contenteditable="true"]:focus-visible{outline:2px solid #d65050;outline-offset:4px}
.admin-header a:focus-visible,.admin-back:focus-visible,.social-buttons a:focus-visible{outline-color:#fff}.admin-back{transition:color .2s}
.admin-update-button,.admin-view-button,.admin-members-button,.admin-pages-button,.admin-profile-button,.admin-statistics-button{transition:transform .2s,background .2s,box-shadow .2s}.admin-update-button:hover,.admin-view-button:hover,.admin-members-button:hover,.admin-pages-button:hover,.admin-profile-button:hover,.admin-statistics-button:hover{box-shadow:inset 0 1px rgb(255 255 255/20%),0 10px 28px rgb(25 0 8/32%)}.admin-update-button:active,.admin-view-button:active,.admin-members-button:active,.admin-pages-button:active,.admin-profile-button:active,.admin-statistics-button:active{transform:translateY(0) scale(.98)}
.skip-link{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link:focus{position:fixed;z-index:1000;top:10px;left:10px;width:auto;height:auto;padding:12px 20px;clip-path:none;border-radius:8px;background:#fff;color:#4b071a;box-shadow:0 10px 30px rgb(0 0 0/25%)}
body:has(.mobile-menu[open]){overflow:hidden}
.desktop-navigation a[aria-current="page"]{color:#fff8d9}
@media(min-width:1025px){#app:has(.desktop-navigation)>.desktop-navigation a[aria-current="page"]{background:linear-gradient(100deg,rgb(74 150 220/24%),rgb(170 96 216/16%))}}
.not-found-page .content-panel{min-height:260px}.not-found-page p{color:#d5e3f6}
.rich-text-content img{display:inline-block;max-width:99%;height:auto;margin:.5%;vertical-align:middle;border-radius:12px;box-shadow:0 10px 28px rgb(4 7 27/24%)}

.web-rich-editor{position:relative}.web-rich-editor input.sr-only{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%)}
.format-toolbar button[aria-pressed="true"]{border-color:#963c30;background:#963c30;color:#fff}.format-toolbar button:disabled{cursor:default;opacity:.45}.format-toolbar .image-upload-plus{width:38px;border-radius:50%;background:#963c30;color:#fff;font-size:24px;font-weight:400;line-height:1}.content-block-buttons{padding-left:10px;border-left:1px solid #d8d1c9}.format-toolbar .content-block-buttons button{border-color:#c5d8ef;background:#edf4ff;color:#263f64}.format-toolbar .content-block-buttons button:hover{background:#dcecff}
.image-upload-message{margin:0;padding:9px 14px;border-bottom:1px solid #d8d1c9;font-size:13px}.image-upload-success{background:#edf8ef;color:#246734}.image-upload-error{background:#fff0ee;color:#97291f}
.rich-text-input:empty::before{content:attr(data-placeholder);color:#8b8279;pointer-events:none}.rich-text-input img{cursor:grab;transition:opacity .2s ease,transform .2s ease}.rich-text-input img:hover{transform:scale(1.01)}.rich-text-input img.is-selected-image{outline:3px solid #d65050;outline-offset:3px;opacity:.9}.rich-text-input img.dragging-image{cursor:grabbing;opacity:.48}
.rich-text-input .content-card,.rich-text-input .content-box,.rich-text-input .content-accordion{padding:16px;border:2px dashed #b9a79a;border-radius:12px;background:#f8f4ef;color:#292727}.rich-text-input .content-accordion-summary{color:#493d33}.rich-text-input .content-accordion-body{color:#493d33}
.image-selection-overlay{position:fixed;z-index:1000;pointer-events:none;outline:2px solid rgb(214 80 80/75%);outline-offset:2px}.image-selection-overlay[hidden]{display:none}.image-selection-overlay .image-resize-handle{position:absolute;z-index:2;display:block;width:16px;min-width:16px;height:16px;padding:0;border:2px solid #fff;border-radius:50%;background:#d65050;box-shadow:0 2px 7px rgb(0 0 0/30%);pointer-events:auto;touch-action:none}.image-selection-overlay .top-left{top:-8px;left:-8px;cursor:nwse-resize}.image-selection-overlay .top-right{top:-8px;right:-8px;cursor:nesw-resize}.image-selection-overlay .bottom-left{bottom:-8px;left:-8px;cursor:nesw-resize}.image-selection-overlay .bottom-right{right:-8px;bottom:-8px;cursor:nwse-resize}.image-selection-overlay .image-size-label{position:absolute;right:7px;bottom:7px;display:block;padding:6px 7px;border-radius:5px;background:rgb(45 3 18/82%);color:#fff;font-size:11px;line-height:1}

@media(max-width:600px){.social-buttons{gap:6px;padding:12px 15px 0}.social-buttons a,.social-buttons button{padding:7px 10px;font-size:12px}.site-footer .footer-inner{flex-wrap:wrap;justify-content:flex-end}.format-toolbar{gap:8px}.format-button-group{flex-wrap:wrap}.content-block-buttons{padding-left:0;border-left:0}.rich-text-input{min-height:300px;padding:16px}}

/* Seiteneditor im dunklen Glass-Design der öffentlichen Inhaltskarten. */
.web-rich-editor{border-color:rgb(158 218 255/24%);border-radius:16px;background:linear-gradient(145deg,rgb(7 15 29/94%),rgb(28 13 39/92%));color:#fff;box-shadow:inset 0 1px rgb(255 255 255/12%),0 18px 44px rgb(5 7 24/24%)}
.web-rich-editor .format-toolbar{border-bottom-color:rgb(176 211 255/16%);background:linear-gradient(135deg,rgb(25 39 61/94%),rgb(47 22 58/92%))}.web-rich-editor .format-toolbar label{color:#dbe9fa}.web-rich-editor .format-toolbar select,.web-rich-editor .format-toolbar button,.web-rich-editor .format-toolbar input[type="color"]{border-color:rgb(180 216 255/24%);background:rgb(3 9 19/72%);color:#fff;box-shadow:inset 0 1px rgb(255 255 255/7%)}.web-rich-editor .format-toolbar button:hover{border-color:rgb(134 222 255/48%);background:rgb(92 142 211/24%)}.web-rich-editor .format-toolbar button[aria-pressed="true"],.web-rich-editor .format-toolbar .image-upload-plus{border-color:#79dcff;background:linear-gradient(135deg,#397ea8,#764d9c);color:#fff}.web-rich-editor .content-block-buttons{border-left-color:rgb(176 211 255/18%)}.web-rich-editor .format-toolbar .content-block-buttons button{border-color:rgb(158 218 255/28%);background:rgb(75 123 187/18%);color:#e5f6ff}
.web-rich-editor .rich-text-input{min-width:0;max-width:100%;min-height:340px;background:linear-gradient(145deg,rgb(8 17 32/96%),rgb(26 14 39/94%));color:#fff;caret-color:#fff}.web-rich-editor .rich-text-input:focus{box-shadow:inset 0 0 0 2px #79dcff}.web-rich-editor .rich-text-input:empty::before{color:rgb(219 233 250/58%)}.web-rich-editor .rich-text-input .content-card,.web-rich-editor .rich-text-input .content-box,.web-rich-editor .rich-text-input .content-accordion{border:1px dashed rgb(158 218 255/38%);background:linear-gradient(135deg,rgb(87 143 221/16%),rgb(164 96 214/12%));color:#fff}.web-rich-editor .rich-text-input .content-box{border-left:4px solid #79dcff}.web-rich-editor .rich-text-input .content-accordion-summary,.web-rich-editor .rich-text-input .content-accordion-body{color:#e8f1ff}

/* Nur der Seiteninhalt scrollt; Header und Navigation bleiben sichtbar. */
@media(min-width:1025px){html:has(#app>.desktop-navigation),body:has(#app>.desktop-navigation){height:100%;overflow:hidden}#app:has(>.desktop-navigation){height:100dvh;min-height:0;overflow:hidden}#app:has(>.desktop-navigation)>.page-transition{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}}
@media(max-width:1024px){body:not(:has(.admin-shell)) .site-header{position:sticky;z-index:30;top:0}}

@media(max-width:600px){.admin-main{width:100vw;max-width:100vw;overflow-x:hidden}.admin-main .card{width:100%;min-width:0;max-width:100%;overflow-x:hidden}}

.form .title-color-input{width:100%;height:46px;min-height:46px;padding:4px;border-color:rgb(180 216 255/24%);background:rgb(3 9 19/82%);cursor:pointer}

.title-editor-fields select{height:46px;text-align:center;text-align-last:center}

/* Tiefer Glass-Effekt fuer den gesamten Adminbereich. */
.admin-shell{position:relative;isolation:isolate;background-color:rgb(43 5 23/44%);background-image:radial-gradient(ellipse at 8% 0%,rgb(255 137 112/34%),transparent 46%),radial-gradient(ellipse at 94% 32%,rgb(227 65 115/30%),transparent 48%),linear-gradient(145deg,rgb(125 14 43/62%),rgb(86 8 35/68%) 46%,rgb(34 4 20/76%));background-attachment:fixed;backdrop-filter:blur(16px) saturate(135%)}
.admin-shell::before{content:"";position:fixed;z-index:-1;inset:0;background:radial-gradient(circle at 18% 24%,rgb(255 255 255/12%),transparent 24%),radial-gradient(circle at 82% 72%,rgb(255 177 93/12%),transparent 28%),linear-gradient(115deg,transparent 15%,rgb(255 255 255/5%) 44%,transparent 68%);pointer-events:none}
.admin-header{border-bottom-color:rgb(255 255 255/20%);background:linear-gradient(135deg,rgb(66 7 27/54%),rgb(35 3 18/42%));box-shadow:inset 0 1px rgb(255 255 255/12%),0 12px 34px rgb(22 0 9/18%);backdrop-filter:blur(26px) saturate(145%)}
.admin-shell .admin-card,.admin-shell .card{border-color:rgb(255 231 235/28%);background:linear-gradient(135deg,rgb(112 18 47/52%),rgb(39 5 24/58%));box-shadow:inset 0 1px rgb(255 255 255/14%),0 18px 50px rgb(26 0 11/22%);backdrop-filter:blur(26px) saturate(145%)}
.admin-shell .dashboard-collapse,.admin-shell .new-member-card,.admin-shell .profile-card,.admin-shell .auth-card{background:linear-gradient(145deg,rgb(76 7 30/62%),rgb(29 3 18/66%))}
.contact-form{display:grid;gap:18px;max-width:760px;margin-top:26px}.contact-form label{display:grid;gap:7px;font-weight:650}.contact-form input,.contact-form textarea{width:100%;padding:12px 14px;border:1px solid rgb(192 221 255/35%);border-radius:10px;background:rgb(7 14 32/55%);color:#fff}.contact-form textarea{min-height:220px;resize:vertical}.contact-form-hint{margin:-8px 0 0;color:#d7e6f5;font-size:.92rem}.contact-submit{justify-self:start;padding:11px 20px;border:1px solid rgb(192 221 255/38%);border-radius:999px;background:linear-gradient(135deg,#315c9c,#7448a4);color:#fff;font-weight:700}.contact-submit:hover{filter:brightness(1.12)}
.contact-name-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.contact-form input[type=checkbox]{width:18px;height:18px;margin:2px 0 0;accent-color:#79dcff}.contact-topics{display:grid;gap:10px;margin:0;padding:14px 16px;border:1px solid rgb(192 221 255/25%);border-radius:12px}.contact-topics legend{padding:0 6px;font-weight:700}.contact-topics label,.contact-form .contact-privacy{display:flex;align-items:flex-start;gap:10px;font-weight:500}.contact-form .contact-privacy{margin:2px 0}.contact-form .contact-privacy a{text-decoration:underline;text-underline-offset:3px}.contact-option-editor{display:grid;gap:12px;margin-bottom:14px}.contact-option-row{display:flex;align-items:end;gap:14px}.contact-option-row label{flex:1}.contact-settings .admin-form{display:grid;gap:14px}@media(max-width:600px){.contact-name-fields{grid-template-columns:1fr}.contact-option-row{align-items:stretch;flex-direction:column}}

.contact-email-error{margin:-12px 0 0;color:#ff6b75;font-weight:650}.contact-success{color:#82e6a7;font-weight:650}.contact-honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)}.privacy-content{white-space:pre-wrap;overflow-wrap:anywhere}.contact-submit:disabled{opacity:.65;cursor:wait}

.desktop-navigation li:has(> a[href="/datenschutzerklaerung"]),.mobile-menu li:has(> a[href="/datenschutzerklaerung"]){display:none!important}

.games-promo{position:relative;z-index:3;isolation:isolate;display:flex;align-items:center;gap:15px;width:min(440px,calc(100% - 80px));min-height:98px;margin:12px 40px 8px auto;padding:17px 21px;overflow:hidden;border:1px solid rgb(255 255 255/52%);border-radius:20px;background:radial-gradient(ellipse at 92% 8%,rgb(255 221 94/30%),transparent 40%),linear-gradient(120deg,rgb(52 16 95/72%),rgb(118 48 155/68%) 45%,rgb(194 71 104/70%));-webkit-backdrop-filter:blur(16px) saturate(145%);backdrop-filter:blur(16px) saturate(145%);box-shadow:inset 0 1px rgb(255 255 255/38%),0 12px 28px rgb(29 0 38/30%);color:#fff;cursor:pointer;animation:games-promo-glass-glow 7s ease-in-out infinite;transition:transform .22s ease,background .22s ease,backdrop-filter .22s ease,box-shadow .22s ease,filter .22s ease}@keyframes games-promo-glass-glow{0%,68%,100%{border-color:rgb(255 255 255/48%);box-shadow:inset 0 1px rgb(255 255 255/35%),0 12px 28px rgb(29 0 38/30%)}78%{border-color:rgb(255 247 205/82%);box-shadow:inset 0 1px rgb(255 255 255/52%),0 0 18px 2px rgb(255 220 150/24%),0 12px 28px rgb(29 0 38/30%)}}.games-promo:before,.games-promo:after{position:absolute;z-index:-1;content:"";border-radius:50%;pointer-events:none}.games-promo:before{width:150px;height:150px;right:-29px;top:-79px;border:1px solid rgb(255 255 255/24%);box-shadow:0 0 0 15px rgb(255 255 255/5%),0 0 0 31px rgb(255 255 255/4%)}.games-promo:after{width:5px;height:5px;right:77px;top:20px;background:#fff7bd;box-shadow:19px 17px 0 1px rgb(255 255 255/70%),42px -2px 0 rgb(255 255 255/60%)}.games-promo:hover{transform:none;filter:none;border-color:rgb(255 255 255/92%);background:linear-gradient(135deg,rgb(255 255 255/30%),rgb(184 216 255/22%) 45%,rgb(255 255 255/24%)),radial-gradient(ellipse at 92% 8%,rgb(255 221 94/34%),transparent 40%),linear-gradient(120deg,rgb(52 16 95/78%),rgb(118 48 155/74%) 45%,rgb(194 71 104/76%));-webkit-backdrop-filter:blur(30px) saturate(190%);backdrop-filter:blur(30px) saturate(190%);color:#fff;text-shadow:0 1px 4px rgb(30 8 57/75%);box-shadow:inset 0 1px rgb(255 255 255/72%),inset 0 0 24px rgb(255 255 255/19%),0 0 30px rgb(190 220 255/42%),0 12px 28px rgb(29 0 38/34%)}@media(prefers-reduced-motion:reduce){.games-promo{animation:none}}.games-promo:focus-visible{outline:3px solid #fff4a8;outline-offset:3px}.games-promo-icon{display:grid;flex:0 0 56px;width:56px;height:56px;place-items:center;border:1px solid rgb(255 255 255/42%);border-radius:17px;background:rgb(255 255 255/16%);box-shadow:inset 0 1px rgb(255 255 255/24%)}.games-promo-icon svg{width:31px;height:31px}.games-promo-copy{display:grid;gap:2px;min-width:0}.games-promo-copy strong{font-size:19px;line-height:1.25}.games-promo-copy>span{color:rgb(255 255 255/84%);font-size:13px}.games-promo-arrow{display:grid;flex:0 0 32px;width:32px;height:32px;margin-left:auto;place-items:center;border-radius:50%;background:rgb(255 255 255/17%);font-size:20px}@media(max-width:1024px){.games-promo{width:calc(100% - 30px);max-width:520px;min-height:82px;margin:8px 15px 12px auto;padding:13px 16px}.games-promo-icon{flex-basis:48px;width:48px;height:48px}.games-promo-copy strong{font-size:17px}}@media(max-width:420px){.games-promo-copy>span{font-size:12px}.games-promo{gap:11px}}

@media(min-width:1200px){.site-header:has(.desktop-brand) .games-promo{position:absolute;right:40px;bottom:18px;width:min(440px,calc(50vw - 290px));margin:0}}


.page-order-help{margin:0 0 14px;color:#f6dce2;font-size:13px}.page-order-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.page-order-move{min-width:40px;padding-inline:10px;font-size:18px}.page-order-move:disabled{opacity:.45;cursor:not-allowed}.page-order-message{min-height:1.4em;margin:12px 0 0;color:#b8f0c4;font-size:13px}.page-order-message.is-error{color:#ffb6c1}@media(max-width:800px){.admin-page-row{grid-template-columns:minmax(0,1fr)}.page-order-actions{justify-content:flex-start;flex-wrap:wrap}}

.admin-tab{height:var(--admin-tab-height)}.admin-tab>a,.admin-tab>button,.admin-tab>.maintenance-control{width:100%;height:var(--admin-tab-height);min-width:0;min-height:var(--admin-tab-height);box-sizing:border-box}
.social-editor-row>label>input,.social-editor-row>label>select{box-sizing:border-box;height:46px;min-height:46px}
.statistics-expand-wrap{display:flex;justify-content:center;padding:18px 24px 22px;border-top:1px solid rgb(255 220 226/12%)}.statistics-expand-button{padding:10px 18px;border:1px solid rgb(255 220 226/35%);border-radius:999px;background:rgb(255 255 255/9%);color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.statistics-expand-button:hover{background:rgb(255 255 255/16%)}