:root{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#173c5d;background:#4c90cd;font-size:16px}
*{box-sizing:border-box}body{margin:0;min-width:300px}.wrap{width:min(900px,calc(100% - 32px));margin-inline:auto}
a{color:#165d92;text-underline-offset:3px}.mast{background:#fff;border-bottom:1px solid #e4eef5}.mast-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:72px;flex-wrap:wrap;padding:16px 0}.mast a{font-weight:700}.mast strong{font-size:.88rem;color:#2d729e}
main{padding:34px 0 65px}.panel{background:#fff;border-radius:15px;padding:26px;margin-bottom:22px;box-shadow:0 7px 23px #0f396018;min-width:0}.login-panel{max-width:540px;margin:36px auto}h1{font-size:clamp(1.6rem,4vw,2.2rem);margin:5px 0 12px;letter-spacing:-.025em}h2{font-size:1.3rem;margin:6px 0 14px}p{line-height:1.56}.eyebrow{color:#5285a7;font-size:.74rem;letter-spacing:.12em;font-weight:800;margin:0}.quiet{color:#527086;font-size:.9rem}.footer{text-align:center;color:#f9fcff;padding:0 0 35px;font-size:.82rem}.footer a{color:#fff}.page-top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}.page-top p{margin:5px 0}
label{display:block;margin-top:17px;font-size:.88rem;font-weight:700}input{display:block;border:1px solid #adc4d5;background:#fff;color:#173c5d;border-radius:9px;margin-top:7px;width:100%;font:inherit;padding:12px;min-height:44px;min-width:0}input:focus,button:focus-visible,a:focus-visible{outline:3px solid #efc85e;outline-offset:2px}button,.button{display:inline-block;background:#247da9;border:0;color:#fff;border-radius:9px;padding:12px 17px;min-height:44px;text-decoration:none;font:inherit;font-size:.92rem;font-weight:800;cursor:pointer;margin-top:15px;text-align:center}button:hover,.button:hover{filter:brightness(.96)}button.secondary,.button.secondary{background:#e7f0f7;color:#16496c}button.danger{background:#fce9eb;color:#9b2934}.subnav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:23px;font-size:.9rem;font-weight:650}.message{padding:12px 15px;border-radius:8px;line-height:1.5}.message.error{background:#fff0f0;color:#8e2833}.message.success{background:#e3f4e9;color:#175c39}
.statistics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.statistics>div{background:#fff;padding:18px;border-radius:12px;min-width:0}.statistics strong{display:block;font-size:2rem;color:#1e6f9b}.statistics span{color:#56718a;font-size:.83rem}.userrow{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e3eef4;padding:15px 0}.userrow strong{display:block;overflow-wrap:anywhere}.userrow small{display:block;color:#648097;line-height:1.7;overflow-wrap:anywhere}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.actions form{margin:0}.actions button{margin:0;white-space:nowrap}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.videos{display:grid;gap:9px}.video-row{display:flex;align-items:center;gap:13px;border:1px solid #e3edf3;border-radius:12px;padding:13px 15px;text-decoration:none;color:#184265;min-width:0}.video-row:hover,.video-row.active{background:#eaf4fb}.video-row>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.video-row strong,.video-row small{display:block}.video-row small{color:#5c7b91;margin-top:5px}.play-mark{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;background:#daeaf4;border-radius:10px}.video{position:relative;width:100%;aspect-ratio:16/9;background:#132f48;border-radius:10px;overflow:hidden}.video iframe{width:100%;height:100%;border:0;display:block}
@media(max-width:650px){.panel{padding:20px}.mast-inner{align-items:flex-start}.statistics{grid-template-columns:1fr 1fr}.userrow{flex-direction:column;align-items:stretch}.actions{width:100%}.actions button{min-width:100px}}
@media(max-width:390px){.statistics{grid-template-columns:1fr}.page-top .button{width:100%}}

/* Separate Rollenvergabe nur fuer den Hauptadministrator */
.role-form{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border:1px solid #d9e8f2;padding:8px 10px;border-radius:9px;background:#f7fbfe}
.role-form .role-option{display:flex;align-items:center;gap:8px;font-size:.88rem;white-space:nowrap;margin:0;cursor:pointer}
.role-form input[type="checkbox"]{width:20px;min-width:20px;height:20px;min-height:20px;margin:0;accent-color:#2b7eae}
.role-form button{margin:0}
.admin-label{font-size:.8rem;color:#1b5e80;background:#d9f0fc;border-radius:8px;padding:7px 10px;font-weight:800}

/* Bearbeitbare Benachrichtigungen und formatierte Registrierungsbestaetigung */
.message-editor{width:100%;min-height:120px;resize:vertical;border:1px solid #adc4d5;border-radius:9px;background:#fff;color:#173c5d;font:inherit;line-height:1.5;padding:12px;margin-top:7px}
.message-editor:focus{outline:3px solid #efc85e;outline-offset:2px}
.message-template{border-top:1px solid #dce9f2;padding-top:18px;margin-top:18px}
.message-template h3{margin:0 0 9px;color:#204e70}
.message-template label{margin-top:12px}
.registration-confirmation{white-space:normal;line-height:1.6}
.template-variables{background:#eaf4fb;border-radius:10px;padding:14px 17px;font-size:.92rem;line-height:1.6;overflow-wrap:anywhere}

/* Geistlichenbereich: Kopfbereich der Hauptseite, mobil responsiv. */
html,body{min-height:100%;}
body{background:#4C90CD;color:#173c5d;}
.mast{background:#fff;}
.mast-inner{min-height:88px;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;}
.mast-slogan{display:block;flex:1 1 auto;min-width:0;color:#4C90CD;font-size:clamp(1.05rem,2.7vw,1.55rem);font-weight:800;line-height:1.2;white-space:pre-line;text-decoration:none;letter-spacing:-.02em;overflow-wrap:break-word;}
.mast-logo-link{display:block;flex:0 0 auto;line-height:0;}
.mast-logo{display:block;width:auto;height:64px;max-width:min(34vw,200px);object-fit:contain;}
.members-back{padding:20px 0 0;}
.members-back a{color:#fff;font-size:.9rem;font-weight:700;text-decoration:none;}
.members-back a:hover{text-decoration:underline;}
@media(max-width:600px){
  .mast-inner{gap:10px;min-height:76px;padding:12px 0;}
  .mast-slogan{font-size:clamp(.91rem,3.75vw,1.12rem);line-height:1.18;}
  .mast-logo{height:47px;max-width:34vw;}
  .members-back{padding-top:14px;}
  .login-panel{margin:18px auto;}
}

/* Endgueltige Kontoloeschung: bewusst hervorgehobener Gefahrenbereich. */
.button.danger{background:#fce9eb;color:#9b2934}
.button.danger:hover,button.danger:hover{background:#f8d8dc}
.delete-choice{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px}
.delete-choice form{margin:0}
.delete-choice button,.delete-choice .button{margin-top:0}
@media(max-width:480px){.delete-choice{align-items:stretch;flex-direction:column}.delete-choice button,.delete-choice .button{width:100%}}

/* Erweiterte Hauptadministrator-Rollenverwaltung */
.role-form .role-select-label{display:flex;flex-direction:column;gap:4px;margin:0;font-size:.85rem;white-space:nowrap}
.role-form select{border:1px solid #adc4d5;border-radius:8px;background:#fff;color:#173c5d;padding:9px 10px;min-height:42px;font:inherit;min-width:160px}
.role-form select:focus-visible{outline:3px solid #efc85e;outline-offset:2px}
.main-admin-label{color:#563f10;background:#fff0bd}