:root{
  --blue:#0b3b9e;
  --blue-dark:#082b72;
  --blue-soft:#eaf1ff;
  --green:#20B26B;
  --green-dark:#15945B;
  --green-soft:#EAF8F1;
  --text:#0c2f72;
  --body:#17243d;
  --muted:#67748a;
  --line:#dce4f0;
  --bg:#f7f9fc;
  --card:#ffffff;
  --disabled:#f1f3f6;
  --disabledText:#9aa4b4;
  --warning:#e88426;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--body)}
a{text-decoration:none;color:inherit}
button,input,select{font:inherit}
body{min-height:100vh}
.topbar{
  min-height:70px;background:linear-gradient(90deg,var(--blue-dark),var(--blue) 65%,var(--blue-dark));
  color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 34px;
}
.brandline{display:flex;align-items:baseline;gap:18px}
.brandline .brand{font-weight:700;font-size:29px;letter-spacing:.2px}
.brandline .descriptor{font-size:15px;font-weight:500}
.userarea{display:flex;align-items:center;gap:14px;font-size:13px}
.usercircle{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--blue);font-weight:700}
.logout{border:1px solid rgba(255,255,255,.75);border-radius:7px;padding:9px 14px}
.nav{
  height:58px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 34px;
}
.nav a{padding:12px 18px;border-radius:7px;color:var(--blue);font-size:14px;font-weight:700}
.nav a.active{background:var(--blue);color:#fff}
.container{max-width:1470px;margin:0 auto;padding:26px 30px 44px}
h1{font-size:31px;color:var(--text);margin:0 0 8px}
h2{font-size:21px;color:var(--text);margin:0 0 12px}
h3{font-size:16px;color:var(--text);margin:0 0 8px}
p{line-height:1.45}
.subtitle{color:#596982;margin-bottom:20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 3px 12px rgba(31,60,110,.05)}
.section-gap{height:18px}
.grid{display:grid;gap:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:7px;border:1px solid var(--blue);background:#fff;color:var(--blue);font-weight:700;cursor:pointer}
.btn.primary{background:linear-gradient(180deg,#0e51dc,#0a3cae);color:#fff}
.btn.green{background:var(--green);border-color:var(--green);color:#fff}
.btn.disabled{background:var(--disabled);border-color:var(--disabled);color:var(--disabledText);cursor:not-allowed}
.badge{display:inline-block;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;background:#eef1f4;color:#798597}
.badge.green{background:var(--green-soft);color:var(--green-dark)}
.badge.orange{background:#fff0df;color:#c46a17}
.quick{grid-template-columns:repeat(4,1fr)}
.quick-card{border:1px solid var(--line);border-radius:10px;padding:18px;background:#fff}
.quick-icon{font-size:30px;color:var(--green);margin-bottom:6px}
.kpis{grid-template-columns:repeat(5,1fr)}
.kpi{border:1px solid var(--line);border-radius:10px;padding:17px;background:#fff}
.kpi .value{display:block;font-size:28px;font-weight:700;color:var(--blue);margin-top:5px}
.pool-main{display:grid;grid-template-columns:350px 1fr;gap:24px}
.pool-summary{border-right:1px solid var(--line);padding-right:24px}
.pool-summary .count{margin:13px 0;color:#46546b}
.chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.chapter{border:1px solid var(--line);border-radius:9px;padding:15px;background:#fff}
.chapter b{display:block;color:var(--blue);margin-bottom:4px}
.scroller{display:flex;gap:12px;overflow-x:auto;padding:8px 2px 14px;scrollbar-color:#b7c2d2 transparent}
.scroll-card{min-width:245px;border:1px solid var(--line);border-radius:10px;padding:15px;background:#fff}
.muted{opacity:.63}
.library-list{max-height:245px;overflow-y:auto;border-top:1px solid var(--line);margin-top:12px}
.lib-row{display:grid;grid-template-columns:1fr 205px 220px 34px;gap:12px;align-items:center;padding:10px 8px;border-bottom:1px solid #edf1f6}
.notice{margin-top:14px;padding:11px 14px;border:1px solid #cfdef8;border-radius:8px;background:#f2f7ff;color:#244a84}
.form-row{display:grid;grid-template-columns:1.4fr .65fr 1.55fr;gap:18px;align-items:end}
.field label{display:block;color:#0d347c;font-weight:700;margin-bottom:8px}
.field input,.field select{width:100%;height:48px;border:1px solid #b7c6db;border-radius:8px;padding:0 14px;background:#fff;color:#17376f}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{padding:13px 12px;border-bottom:1px solid #e6ebf2;text-align:left;vertical-align:middle}
th{background:#f5f7fb;color:#163b82}
.good{color:#17824a;font-weight:700}
.bad{color:#c43b2c;font-weight:700}
.small{font-size:12px;color:#6d7b92}
.admin-top{
  min-height:70px;background:linear-gradient(90deg,var(--blue-dark),var(--blue) 65%,var(--blue-dark));
  color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 34px;
}
.admin-top .title{font-size:28px;font-weight:700}
.admin-tabs{background:#fff;border-bottom:1px solid var(--line);padding:12px 24px;display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.admin-tabs a{background:var(--green);color:#fff;padding:11px 15px;border-radius:7px;font-size:15px;font-weight:700}
.admin-tabs a.active{background:var(--green-dark)}
.admin-kpis{grid-template-columns:repeat(5,1fr)}
.admin-two{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}
.footer{max-width:1470px;margin:0 auto;padding:10px 30px 28px;color:#6a7890;font-size:13px;display:flex;justify-content:space-between}
.login-stage{min-height:100vh;background:#0b3b9e;display:flex;align-items:center;justify-content:center}
.login-reference{position:relative;width:min(100vw,1536px);aspect-ratio:3/2;background:#0b3b9e;overflow:hidden}
.login-reference img{width:100%;height:100%;display:block;object-fit:contain}
.login-hotspot{
  position:absolute;left:30.4%;top:75.1%;width:39.3%;height:7.8%;
  border-radius:8px;cursor:pointer;background:rgba(255,255,255,0);border:0
}
.login-hotspot:hover{outline:3px solid rgba(255,255,255,.55)}
@media(max-width:900px){
  .topbar,.admin-top{padding:12px 18px;align-items:flex-start;gap:10px}
  .brandline{flex-direction:column;gap:3px;align-items:flex-start}
  .brandline .brand{font-size:24px}.brandline .descriptor{font-size:12px}
  .nav{overflow-x:auto;padding:0 12px}.container{padding:18px 14px 30px}
  .quick,.kpis,.admin-kpis{grid-template-columns:1fr 1fr}
  .pool-main,.form-row,.admin-two{grid-template-columns:1fr}
  .pool-summary{border-right:0;border-bottom:1px solid var(--line);padding:0 0 16px}
  .chapters{grid-template-columns:1fr 1fr}.lib-row{grid-template-columns:1fr}
}

/* V5 corrections */
.quick{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  align-items:stretch !important;
}
.quick-card{
  display:flex !important;
  flex-direction:column !important;
  min-height:245px !important;
}
.quick-card p{flex:1}
.quick-card .btn{align-self:flex-start}
.chapter{min-height:78px;display:flex;flex-direction:column;justify-content:center}
.userarea .account-email{color:#d9e4ff}
button.btn{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
@media(max-width:900px){
  .quick{grid-template-columns:1fr 1fr !important}
}

/* V8 checked corrections */
.quick{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important}
.quick-card{display:flex!important;flex-direction:column!important;min-height:230px!important}
.quick-card p{flex:1}
.question-card{border:1px solid var(--line);border-radius:10px;padding:18px;background:#fff;margin:16px 0}
.answer{display:block;width:100%;text-align:left;margin:8px 0;padding:13px 15px;border:1px solid #cbd7e8;border-radius:8px;background:#fff;color:#17376f;cursor:pointer}
.answer:hover{border-color:var(--blue);background:#f7faff}.answer.selected{border-color:var(--blue);background:#eaf1ff}
.progress{height:8px;background:#edf1f6;border-radius:999px;overflow:hidden;margin-top:10px}.progress>div{height:100%;background:var(--blue)}
.question-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
@media(max-width:900px){.quick{grid-template-columns:1fr!important}}

/* V9 – Fragenkatalog-Basislayout wie aktuelle Online-Version */
.catalog-shell{max-width:980px;margin:0 auto}
.catalog-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 3px 12px rgba(31,60,110,.05)}
.catalog-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.mode-label{font-size:11px;background:#f1f4f8;border-radius:999px;padding:4px 8px;color:#67748a}
.catalog-progress-row{display:flex;justify-content:space-between;font-size:12px;color:#66758b;margin:4px 0 8px}
.catalog-progress{height:7px;background:#edf1f6;border-radius:999px;overflow:hidden}
.catalog-progress > div{height:100%;background:var(--blue);width:0}
.question-picker{margin-top:14px;border:1px solid var(--line);border-radius:10px;padding:12px;background:#fbfcfe}
.picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.picker-title{font-size:13px;font-weight:700;color:#1a2f5a}
.jump-wrap{display:flex;gap:8px;align-items:center}
.jump-wrap input{width:80px;height:36px;border:1px solid #b9c6d8;border-radius:7px;padding:0 8px}
.num-strip{display:flex;gap:7px;overflow-x:auto;padding-bottom:6px}
.num-btn{min-width:38px;height:38px;border:0;border-radius:7px;background:#1f66de;color:#fff;font-weight:700;cursor:pointer}
.num-btn.active{background:#0a3cae;outline:2px solid #9dbbf8}
.question-block{padding:18px 0 6px}
.question-title{font-size:17px;font-weight:700;line-height:1.45;margin-bottom:14px;color:#111d35}
.catalog-answer{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;margin:9px 0;padding:12px 14px;border:1px solid #ccd7e5;border-radius:9px;background:#fff;cursor:pointer;color:#223552}
.catalog-answer:hover{border-color:#1f66de;background:#f8fbff}
.catalog-answer.selected{border-color:#1f66de;background:#edf4ff}
.answer-letter{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#eef2f7;color:#5c6b80;font-weight:700;flex:0 0 auto}
.catalog-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}
.catalog-actions .btn{padding:10px 14px}
.note-row{margin-top:10px}
.catalog-footer-note{font-size:11px;color:#7a8799;margin-top:10px}
@media(max-width:900px){
  .catalog-shell{max-width:100%}
  .catalog-card{padding:12px}
  .question-title{font-size:16px}
}

.chapter-open{margin-top:10px;padding:6px 10px;font-size:12px;align-self:flex-start}

#questionSelection .badge{display:inline-block}.pool-summary .count{margin:14px 0}.chapter-open{margin-top:8px}

.admin-tabs a.admin-user-tab{margin-left:auto}.admin-tabs a.admin-update-tab{font-weight:800;padding-left:18px;padding-right:18px}

/* V53: die drei rechten Admin-Reiter blau */
.admin-tabs a.admin-user-tab,
.admin-tabs a.admin-update-tab,
.admin-tabs a.admin-logout-tab{
  background:var(--blue) !important;
  color:#fff !important;
}
.admin-tabs a.admin-user-tab:hover,
.admin-tabs a.admin-update-tab:hover,
.admin-tabs a.admin-logout-tab:hover{
  background:var(--blue-dark) !important;
}
.admin-tabs a.admin-user-tab.active,
.admin-tabs a.admin-update-tab.active,
.admin-tabs a.admin-logout-tab.active{
  background:var(--blue-dark) !important;
}


/* V105 – kompakte Fragenpool-/Kapitelstruktur */
.learn-tree-card{padding:10px 18px;overflow-x:auto}.learn-tree-row{display:grid;grid-template-columns:minmax(235px,1.35fr) minmax(260px,1.55fr) 110px minmax(175px,.9fr);gap:14px;align-items:center;min-height:50px;border-bottom:1px solid #e5ebf4}.learn-tree-row:last-child{border-bottom:0}.learn-tree-root{background:#f5f9ff;margin:0 -8px;padding:0 8px;border-radius:8px}.learn-tree-child .learn-tree-pool{padding-left:26px;color:#28486f}.learn-tree-count{white-space:nowrap;color:#445b78}.learn-tree-action{text-align:right}.learn-tree-action .btn{white-space:nowrap}.learn-tree-divider{height:14px;border-bottom:2px solid #d5e0ef;margin-bottom:4px}.learn-tree-empty .learn-tree-pool{color:#748399;font-style:italic}@media(max-width:900px){.learn-tree-row{grid-template-columns:200px 220px 95px 155px;gap:10px;font-size:14px}.learn-tree-action .btn{padding:9px 10px;font-size:13px}}@media(max-width:720px){.learn-tree-card{padding:8px}.learn-tree-row{min-width:710px}.learn-tree-child .learn-tree-pool{padding-left:18px}}