/* 3.5.1 · Ruhige Typografie, klare Ebenen, konsistente Arbeitsflächen. */
:root {
  --bg:#f6f6f3; --card:#fff; --text:#25353f; --muted:#65727b;
  --line:#e0e5e5; --shadow:none; --primary:#2b607b; --primary2:#234f66;
  --chip:#eaf2f6; --ok:#287456; --bad:#ac4038; --warn:#896321;
}
html,body {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.55;}
button,input,select,textarea {font:inherit;}
button,a,input,select,textarea { -webkit-tap-highlight-color:transparent; }
button {touch-action:manipulation;}
::selection {background:#cfe3ec;color:#183b4c;}
.app-layout.studio351 {
  --u340-bg:var(--bg);--u340-paper:var(--card);--u340-ink:var(--text);--u340-muted:var(--muted);--u340-line:var(--line);--u340-blue:var(--primary);
  --a320-ink:var(--text);--a320-muted:var(--muted);--a320-line:var(--line);--a320-paper:var(--card);--a320-soft:color-mix(in srgb,var(--primary) 5%,var(--card));
  --surface:var(--card);--border:var(--line);--soft:var(--bg);--s351-sidebar:242px;
  font-family:inherit;letter-spacing:0;background:var(--bg);font-size:15px;color:var(--text);
}
.studio351 :is(h1,h2,h3,h4) {color:var(--text);font-family:inherit;letter-spacing:-.025em;line-height:1.3;text-wrap:pretty;}
.studio351 h1 {font-size:32px;font-weight:650;}
.studio351 h2 {font-size:21px;font-weight:650;}
.studio351 h3 {font-size:17px;font-weight:650;}
.studio351 p {line-height:1.65;}
.studio351 :is(button,a,input,textarea,select,summary):focus-visible {outline:3px solid color-mix(in srgb,var(--primary) 75%,#fff);outline-offset:3px;}
.studio351 :is(button,a) {transition:background-color .15s,border-color .15s,color .15s;}
.studio351 .sidebar {
  width:var(--s351-sidebar);padding:28px 16px 16px;background:var(--card);color:var(--text);
  border-right:1px solid var(--line);box-shadow:none;gap:0;
}
.studio351 .side-brand {padding:0 8px 29px;gap:11px;color:var(--text);font-size:15px;line-height:1.35;letter-spacing:-.02em;font-weight:700;flex-wrap:nowrap;align-items:center;}
.studio351 .side-brand>span:last-child {min-width:0;}
.studio351 .side-brand small {font-size:10px;color:var(--muted);opacity:1;font-weight:400;letter-spacing:.015em;margin-top:5px;}
.studio351 .side-logo {width:39px;height:43px;flex-basis:39px;border-radius:9px;background:var(--accent-action,var(--primary));font-size:17px;box-shadow:none;color:#fff;letter-spacing:-.055em;}
.studio351 .side-brand .company-logo {max-width:74px;max-height:46px;padding:0;border-radius:0;}
.studio351 .side-nav {display:block;padding:0 0 22px;margin:0;}
.studio351 .ui340-primary {display:grid;gap:4px;}
.studio351 .side-link {display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:11px 13px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:13px;line-height:1.4;letter-spacing:0;font-weight:500;box-shadow:none;text-align:left;}
.studio351 .side-link:hover {background:var(--bg);color:var(--text);transform:none;box-shadow:none;}
.studio351 .side-link.active,.studio351 .side-link[aria-current="page"] {background:var(--chip);color:var(--primary);box-shadow:none;font-weight:650;}
.studio351 .ui340-primary .side-link.active {box-shadow:inset 2px 0 var(--primary);}
.s351-icon {flex:0 0 auto;vertical-align:middle;}
.studio351 .side-link .s351-icon {width:18px;height:18px;}
.studio351 .ui340-subnav {margin-top:24px;border-top:1px solid var(--line);padding-top:17px;}
.studio351 .ui340-navgroup {border:0;margin:0 0 7px;padding:0;}
.studio351 .ui340-navgroup summary {font-size:11px;letter-spacing:.01em;font-weight:600;padding:10px 12px;color:var(--muted);}
.studio351 .ui340-navgroup[open] summary {color:var(--text);}
.studio351 .ui340-navgroup .side-link {font-size:12px;min-height:38px;padding:8px 12px 8px 18px;border-radius:5px;line-height:1.5;}
.studio351 .side-bottom {border-top:1px solid var(--line);padding-top:12px;gap:1px;margin-top:auto;}
.studio351 .side-bottom .side-link {font-size:12px;min-height:39px;color:var(--muted);}
.studio351 .side-bottom .side-link:hover {color:var(--text);}
.studio351 .side-logout281 {background:transparent;border:0;}
.studio351 .main-column {margin-left:var(--s351-sidebar);min-width:0;}
.studio351 .container {max-width:1280px;width:100%;padding:30px 48px 34px;margin:auto;}
.studio351 .s351-topline {display:flex;justify-content:space-between;align-items:flex-start;gap:12px 22px;margin-bottom:30px;flex-wrap:wrap;}
.studio351 .ui340-breadcrumb {display:flex;align-items:center;min-height:28px;margin:0;padding:0;font-size:11px;color:var(--muted);gap:7px;line-height:1.5;flex-wrap:wrap;min-width:0;}
.studio351 .ui340-breadcrumb button {font:inherit;padding:3px 0;border:0;background:transparent;color:var(--muted);}
.studio351 .ui340-breadcrumb button:hover {color:var(--primary);text-decoration:underline;text-underline-offset:3px;}
.studio351 .ui340-breadcrumb [aria-current] {color:var(--text);}
.studio351 .sync28-bar {margin:0;min-height:25px;pointer-events:none;}
.studio351 .sync28-bar button {pointer-events:auto;}
.studio351 .sync28-status {font-size:10px;}
.studio351 :is(.page-head,.ac-top) {gap:20px;margin:0 0 28px;align-items:flex-start;}
.studio351 :is(.page-head,.ac-top) h1 {font-size:32px;font-weight:650;letter-spacing:-.035em;margin:0 0 8px;line-height:1.23;}
.studio351 :is(.page-head,.ac-top) .muted {font-size:14px;max-width:720px;line-height:1.6;}
.studio351 .s351-section-label {display:none;}
.studio351 .page-head>.btn {font-size:12px;}
.studio351 .section-title {margin:30px 0 14px;align-items:center;}
.studio351 .section-title h2 {font-size:19px;}
.studio351 :is(.panel,.card) {background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:none;padding:24px;}
.studio351 :is(.panel,.card) h2:first-child {margin-top:0;}
.studio351 :is(.panel,.card) p:last-child {margin-bottom:0;}
.studio351 .ac-page>.panel+.panel {margin-top:20px;}
.studio351 :is(.badge,.status,.role-badge,.owner-protected) {border-radius:4px;padding:4px 7px;font-size:11px;line-height:1.45;font-weight:550;letter-spacing:0;}
.studio351 .badge {background:var(--chip);color:var(--primary);}
.studio351 :is(.btn,.iconbtn) {min-height:42px;border-radius:6px;box-shadow:none;font-size:13px;font-weight:600;line-height:1.45;padding:10px 15px;letter-spacing:0;}
.studio351 .btn:not(.secondary):not(.danger) {background:var(--accent-action,var(--primary));color:#fff;border:1px solid transparent;}
.studio351 .btn.secondary,.studio351 .iconbtn {background:var(--card);border:1px solid var(--line);color:var(--text);}
.studio351 :is(.btn,.iconbtn):hover:not(:disabled) {box-shadow:none;transform:none;filter:none;border-color:var(--primary);}
.studio351 .btn:not(.secondary):not(.danger):hover:not(:disabled) {background:color-mix(in srgb,var(--accent-action,var(--primary)) 88%,#000);}
.studio351 .btn.secondary:hover:not(:disabled),.studio351 .iconbtn:hover {background:var(--bg);}
.studio351 .btn.danger {color:var(--bad);background:color-mix(in srgb,var(--bad) 6%,var(--card));border:1px solid color-mix(in srgb,var(--bad) 25%,var(--line));}
.studio351 .btn.compact {min-height:34px;padding:7px 10px;font-size:11px;}
.studio351 .btn:disabled {opacity:.5;}
.studio351 .actions {gap:9px;align-items:center;}
.studio351 .progress {height:5px;border-radius:3px;background:var(--line);}
.studio351 progress {accent-color:var(--primary);border:0;border-radius:3px;overflow:hidden;}
.studio351 progress::-webkit-progress-bar {background:var(--line);}
.studio351 progress::-webkit-progress-value {background:var(--primary);border-radius:3px;}
.studio351 .footer-note {display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding:18px 0 0;margin-top:42px;font-size:10px;text-align:left;}
.studio351 .footer-note a,.studio351 .footer-note button {font-size:10px;}

/* Ein klarer Einstieg, gefolgt von Listen mit den tatsächlich vorhandenen Inhalten. */
.studio351 .s351-start-row {display:grid;grid-template-columns:minmax(0,1.85fr) minmax(240px,1fr);gap:26px;margin-bottom:32px;}
.studio351 .s351-next {display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;margin:0;padding:30px;border:1px solid color-mix(in srgb,var(--primary) 17%,var(--line))!important;background:color-mix(in srgb,var(--primary) 5%,var(--card));border-radius:10px;min-height:226px;}
.studio351 .s351-next>div {max-width:none;}
.studio351 .s351-next .badge {padding:0;background:transparent;font-weight:600;letter-spacing:.025em;font-size:11px;}
.studio351 .s351-next h2 {font-size:28px;line-height:1.25;margin:13px 0 9px;max-width:620px;font-weight:650;}
.studio351 .s351-next p {color:var(--muted);font-size:14px;margin:0 0 23px;}
.studio351 .s351-next>.btn {margin-top:auto;}
.studio351 .s351-quick {padding:12px 0 0;}
.studio351 .s351-quick h2 {font-size:13px;font-weight:600;color:var(--muted);margin:0 0 10px;}
.studio351 .s351-quick>button {display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:12px 0;background:transparent;color:var(--text);border:0;border-bottom:1px solid var(--line);font-size:13px;font-weight:550;text-align:left;cursor:pointer;}
.studio351 .s351-quick>button:hover {color:var(--primary);}
.studio351 .s351-quick>button .s351-icon {color:var(--muted);width:18px;}
.studio351 .s351-quick>button .s351-icon:last-child {margin-left:auto;width:15px;}
.studio351 .s351-dashboard {grid-template-columns:minmax(0,1.85fr) minmax(240px,1fr);gap:26px;}
.studio351 .s351-dashboard>.panel {padding:0;border:0;background:transparent;border-radius:0;}
.studio351 .s351-dashboard>.panel:first-child {grid-row:span 2;}
.studio351 .s351-dashboard>.panel>h2 {font-size:18px;padding-bottom:14px;margin:0;border-bottom:1px solid var(--line);}
.studio351 .s351-dashboard>.panel>p {font-size:13px;color:var(--muted);}
.studio351 .s351-dashboard .ac320-mini {padding:18px 0;}
.studio351 .s351-dashboard .ac320-mini h3 {font-size:16px;}
.studio351 .s351-dashboard .ac320-mini p {font-size:12px;color:var(--muted);margin:5px 0 11px;}
.studio351 .s351-dashboard .ac320-mini .btn {font-size:11px;min-height:34px;padding:7px 11px;}
.studio351 .ui340-learning {gap:18px;margin-bottom:24px;}
.studio351 .ui340-feature {padding:25px;min-height:220px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;cursor:pointer;}
.studio351 .ui340-feature:hover {background:var(--card);border-color:var(--primary);transform:none;box-shadow:none;}
.studio351 .ui340-feature h2 {font-size:23px;margin:16px 0 4px;}
.studio351 .ui340-feature p {font-size:13px;margin:0 0 25px;color:var(--muted);}
.studio351 .ui340-feature>b {display:flex;align-items:center;gap:18px;width:100%;border-top:1px solid var(--line);padding-top:14px;margin-top:auto;color:var(--primary);font-size:12px;font-weight:600;}
.studio351 .ui340-feature>b .s351-icon {margin-left:auto;width:17px;}
.studio351 .s351-feature-icon {display:grid;place-items:center;width:36px;height:36px;color:var(--primary);background:var(--chip);border-radius:7px;}
.studio351 .hub-grid {gap:14px;}
.studio351 .hub-card {position:relative;min-height:140px;padding:21px 46px 21px 21px;gap:8px;}
.studio351 .hub-card b {font-size:16px;font-weight:650;}
.studio351 .hub-card span:not(.s351-card-arrow) {font-size:12px;line-height:1.65;}
.studio351 .hub-card>small {font-size:11px;padding-top:9px;}
.studio351 .hub-card:hover {transform:none;box-shadow:none;}
.studio351 .s351-card-arrow {position:absolute;right:18px;top:23px;color:var(--primary);}
.studio351 .s351-card-arrow .s351-icon {width:17px;}
.studio351 .s351-management {display:block;}
.studio351 .s351-manage-group {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0 0 28px;}
.studio351 .s351-manage-group>h2 {grid-column:1/-1;font-size:12px;color:var(--muted);letter-spacing:.02em;margin:0;padding:0 0 9px;font-weight:600;}
.studio351 .s351-manage-group>.hub-card {border:0;border-top:1px solid var(--line);border-radius:0;min-height:108px;background:transparent;padding:17px 38px 17px 0;}
.studio351 .s351-manage-group>.hub-card:hover {background:color-mix(in srgb,var(--card) 70%,transparent);}
.studio351 .s351-manage-group>.hub-card>small {display:none;}
.studio351 .s351-manage-group>.hub-card>.s351-card-arrow {right:8px;top:22px;}

/* Freies Training und Katalog: gleiche Typografie und keine schwebenden Karten. */
.studio351 .home28-heading {margin-bottom:26px;}
.studio351 .home28-heading h1 {font-size:32px;margin:0 0 8px;}
.studio351 .home28-eyebrow {font-size:11px;letter-spacing:.02em;text-transform:none;font-weight:550;}
.studio351 .home28-hero {gap:20px;}
.studio351 .home28-next {min-height:260px;padding:28px 30px;border-radius:10px;box-shadow:none;background:color-mix(in srgb,var(--primary) 5%,var(--card));border:1px solid var(--line);}
.studio351 .home28-next:before {display:none;}
.studio351 .home28-next h2 {font-size:29px;line-height:1.25;margin:16px 0 14px;}
.studio351 .home28-next>p {font-size:14px;}
.studio351 .home28-next .actions {padding-top:20px;}
.studio351 .home28-next .actions>.btn {min-height:43px;padding:10px 16px;}
.studio351 .home28-plan {padding:24px;border-radius:10px;}
.studio351 .home28-plan-icon {border-radius:6px;width:30px;height:30px;font-size:19px;}
.studio351 .home28-metrics {border:0;border-block:1px solid var(--line);background:transparent;border-radius:0;padding:20px 0;margin:24px 0 30px;}
.studio351 .home28-metrics>div {padding:0 24px;}
.studio351 .home28-metrics>div:first-child {padding-left:0;}
.studio351 .home28-metrics b {font-size:27px;line-height:1.3;font-weight:650;}
.studio351 .home28-metrics b small {font-size:14px;}
.studio351 .home28-metrics>div>span {font-size:11px;font-weight:500;}
.studio351 .home28-bands {gap:14px;}
.studio351 .home28-band {padding:20px;border-radius:9px;gap:13px;}
.studio351 .home28-band:hover,.studio351 .dashboard28-row:hover {box-shadow:none;}
.studio351 .home28-band-label {background:none;border:0;padding:0;font-size:10px;letter-spacing:.04em;font-weight:500;}
.studio351 .home28-band>b {font-size:17px;font-weight:650;}
.studio351 .home28-practice>button {border-radius:8px;padding:18px 16px;}
.studio351 .home28-exam {background:var(--card);border:1px solid var(--line);border-radius:10px;padding:24px;}
.studio351 .home28-exam h2 {font-size:24px;}
.studio351 :is(.learning-band-list,.dashboard28-list) {gap:0;border:1px solid var(--line);border-radius:10px;background:var(--card);overflow:hidden;}
.studio351 :is(.learning-band-row,.dashboard28-row) {border:0;border-bottom:1px solid var(--line);border-radius:0;padding:21px 24px;box-shadow:none;background:transparent;}
.studio351 :is(.learning-band-row,.dashboard28-row):last-child {border-bottom:0;}
.studio351 :is(.learning-band-row,.dashboard28-row):hover {transform:none;background:var(--bg);box-shadow:none;}
.studio351 .learning-band-number {font-size:11px;letter-spacing:.04em;font-weight:550;}
.studio351 .learning-band-details b {font-size:17px;font-weight:600;}
.studio351 .learning-band-percent {font-size:18px;}
.studio351 .dashboard28-history>div:not(.panel) {border-radius:8px;padding:18px 20px;}
.studio351 .qwrap,.studio351 .learn28 {max-width:920px;}
.studio351 .qcard,.studio351 .learn28 .qcard {padding:30px 32px;border-radius:10px;}
.studio351 .qcard h2,.studio351 .learn28 .qcard h2 {font-size:27px;line-height:1.4;letter-spacing:-.025em;font-weight:650;}
.studio351 .question-heading {margin-bottom:18px;}
.studio351 .question-heading h3 {font-size:12px;font-weight:550;}
.studio351 .question-progress {height:4px;margin-bottom:22px;}
.studio351 .answer-hint {font-size:13px;margin-bottom:23px;}
.studio351 .option,.studio351 .learn28 .option {min-height:68px;border:1px solid var(--line);border-radius:7px;box-shadow:none;padding:13px 15px;gap:14px;}
.studio351 .option:hover {transform:none;}
.studio351 .option.selected {background:var(--chip);border-color:var(--primary);}
.studio351 .option.correct {border-color:var(--ok);background:color-mix(in srgb,var(--ok) 7%,var(--card));}
.studio351 .option.wrong {border-color:var(--bad);background:color-mix(in srgb,var(--bad) 6%,var(--card));}
.studio351 .letter,.studio351 .learn28 .option .letter {width:33px;height:33px;flex-basis:33px;font-size:14px;font-weight:650;border-radius:5px;background:var(--bg);}
.studio351 .option-copy,.studio351 .learn28 .option-copy {font-size:15px;line-height:1.6;}
.studio351 .option.selected .letter {background:var(--primary);color:#fff;}
.studio351 .option.correct .letter {background:var(--ok);color:#fff;}
.studio351 .option.wrong .letter {background:var(--bad);color:#fff;}
.studio351 .feedback {border-radius:7px;padding:18px;font-size:14px;}
.studio351 .learn28-actions {border-radius:8px;padding:13px 16px calc(13px + env(safe-area-inset-bottom));box-shadow:0 -3px 12px #25353f05;}
.studio351 .learn28-actions .btn {min-height:43px;font-size:13px;}
.studio351 .learn28-tools {margin-top:20px;padding-top:18px;}
.studio351 .question-report-link {font-size:12px;}
.studio351 .palette {padding:14px;}
.studio351 .pal {border-radius:5px;font-size:12px;min-height:32px;}
.studio351 .timer {font-size:18px;font-weight:600;}

/* Formulare, Unterlagen, Betreuung und Rechte. */
.studio351 :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea) {
  border:1px solid #cdd5d7;border-radius:6px;background:var(--card);color:var(--text);min-height:43px;padding:10px 12px;line-height:1.4;max-width:100%;box-shadow:none;
}
.studio351 textarea {font:inherit;resize:vertical;}
.studio351 input::placeholder,.studio351 textarea::placeholder {color:#7c888e;opacity:1;}
.studio351 :is(input,select,textarea):focus {border-color:var(--primary);}
.studio351 :is(input[type=checkbox],input[type=radio]) {width:18px;height:18px;min-height:18px;accent-color:var(--accent-action,var(--primary));flex-shrink:0;}
.studio351 input[type=file] {width:100%;border:1px dashed var(--line);border-radius:7px;padding:13px;font-size:12px;background:var(--bg);}
.studio351 input::file-selector-button {font:inherit;padding:8px 11px;border:1px solid var(--line);border-radius:5px;background:var(--card);color:var(--text);margin-right:12px;cursor:pointer;}
.studio351 :is(.ac-field,.company-form label,.modal-card label) {font-size:13px;font-weight:550;line-height:1.5;gap:7px;}
.studio351 :is(.ac-form-grid,.company-grid,.form-grid) {gap:20px;}
.studio351 .ac-form label {min-width:0;}
.studio351 .ac-form label:has(input[required]),.studio351 .ac-form label:has(select[required]) {font-weight:600;}
.studio351 :is(.toolbar,.doc340-toolbar) {gap:12px;align-items:flex-end;margin-bottom:20px;}
.studio351 .toolbar :is(select,input) {font-size:13px;}
.studio351 .question-admin-item {padding:20px 22px;}
.studio351 .question-admin-item h3 {font-size:17px;margin:14px 0 10px;}
.studio351 .question-admin-head .actions {gap:7px;}
.studio351 .admin-summary,.studio351 .stats {gap:0;border-block:1px solid var(--line);border-radius:0;background:transparent;margin:0 0 24px;}
.studio351 .admin-summary>.panel,.studio351 .stat {border:0;border-right:1px solid var(--line);border-radius:0;padding:20px 24px;background:transparent;}
.studio351 .admin-summary>.panel:first-child,.studio351 .stat:first-child {padding-left:0;}
.studio351 .admin-summary>.panel:last-child,.studio351 .stat:last-child {border-right:0;}
.studio351 .admin-table-wrap {border-radius:8px;}
.studio351 .admin-table th {text-transform:none;font-weight:600;letter-spacing:0;padding:14px;font-size:12px;background:var(--bg);}
.studio351 .admin-table td {padding:16px 14px;font-size:13px;}
.studio351 .admin-table tr:hover td {background:color-mix(in srgb,var(--primary) 2%,var(--card));}
.studio351 .admin-table td small {font-size:11px;}
.studio351 .ac320-tabs,.studio351 .question-tabs {gap:4px;border-bottom:1px solid var(--line);margin:0 0 26px;padding-bottom:0;}
.studio351 .ac320-tabs button,.studio351 .question-tabs .btn {border:0;border-bottom:2px solid transparent;border-radius:0;padding:12px 14px;background:transparent;color:var(--muted);box-shadow:none;font-size:13px;}
.studio351 .ac320-tabs button[aria-current],.studio351 .question-tabs .btn:not(.secondary) {background:transparent;border-bottom-color:var(--primary);color:var(--primary);}
.studio351 .en320-sections {gap:0;border-bottom:1px solid var(--line);padding-bottom:6px;}
.studio351 .en-intro {background:var(--card);}
.studio351 .en-intro ol {color:var(--primary);font-size:13px;font-weight:550;}
.studio351 .en-steps {gap:0;border-bottom:1px solid var(--line);margin-bottom:24px;}
.studio351 .en-steps button {background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;padding:13px 12px;font-size:12px;font-weight:550;color:var(--muted);}
.studio351 .en-steps button span {background:var(--bg);color:var(--muted);width:24px;height:24px;font-size:11px;}
.studio351 .en-steps .is-current {border-bottom-color:var(--primary);background:transparent;color:var(--primary);}
.studio351 .en-steps .is-current span {background:var(--primary);color:var(--card);}
.studio351 .en-status,.studio351 .en-count {border-radius:4px;font-size:11px;font-weight:550;}
.studio351 .en-consent {background:var(--bg);border-radius:7px;font-size:13px;}
.studio351 .en-upload-control {border:1px dashed var(--line);background:var(--bg);color:var(--text);border-radius:7px;padding:21px;font-size:13px;}
.studio351 .en-group summary {font-size:16px;font-weight:600;}
.studio351 .en320-sections button {font-size:12px;border-radius:5px;}
.studio351 .en320-sections button[aria-current] {color:var(--primary);background:var(--chip);border-color:transparent;}
.studio351 .en-form-actions {border-radius:7px;background:var(--card);box-shadow:0 -4px 15px #25353f05;}
.studio351 .en320-consents label {font-size:13px;font-weight:400;}
.studio351 #en-sign320 {border-radius:6px;border-color:var(--muted);}
.studio351 .ac-section-head {align-items:center;gap:18px;}
.studio351 .ac-section-head h2 {margin:0 0 5px;}
.studio351 .ac320-next:not(.s351-next) {border:1px solid var(--line)!important;background:var(--card);border-radius:10px;}
.studio351 .ac320-road-dot {background:var(--chip);color:var(--primary);width:30px;height:30px;font-size:13px;}
.studio351 .ac320-road-done .ac320-road-dot {background:color-mix(in srgb,var(--ok) 12%,var(--card));color:var(--ok);}
.studio351 .ac320-road-locked .ac320-road-dot {background:var(--bg);color:var(--muted);}
.studio351 .band330-flow {background:var(--card);border:1px solid var(--line);gap:24px;padding:20px 24px;}
.studio351 .band330-flow>div>span {background:var(--chip);color:var(--primary);font-size:12px;width:28px;height:28px;}
.studio351 .band330-flow>div>b {font-size:12px;font-weight:600;}
.studio351 .band330-flow small {font-size:10px;}
.studio351 .band330-course {border-radius:6px;min-height:76px;padding:16px 18px;border:1px solid var(--line);}
.studio351 .band330-course:hover {transform:none;background:var(--bg);border-color:var(--primary);}
.studio351 .band330-person-head h3 {margin:10px 0 4px;}
.studio351 .band330-bands label,.studio351 .band330-all {border-radius:6px;padding:12px;}
.studio351 .band330-person-head p {font-size:12px;margin:0;}
.studio351 .path350-intro,.studio351 .path350-entry {border:1px solid var(--line);background:var(--card);border-radius:10px;margin:0 0 24px;}
.studio351 .path350-intro {background:color-mix(in srgb,var(--primary) 4%,var(--card));}
.studio351 .path350-entry h2 {font-size:22px;margin:10px 0 8px;}
.studio351 .path350-entry>p {color:var(--muted);font-size:13px;}
.studio351 .path350-list {gap:12px;}
.studio351 .path350-stage {padding:22px 24px;}
.studio351 .path350-stage h2 {font-size:20px;margin:12px 0 5px;}
.studio351 .path350-stage p {font-size:13px;}
.studio351 .path350-locked {background:var(--bg);opacity:1;}
.studio351 .path350-locked :is(h2,p) {color:var(--muted);}
.studio351 .path350-locked .badge {background:var(--line);color:var(--muted);}
.studio351 .path350-person-progress {background:var(--chip);border-radius:6px;font-size:13px;}
.studio351 .path350-question {border-radius:10px;padding:30px;}
.studio351 .path350-question h2 {font-size:25px;line-height:1.4;}
.studio351 .path350-option {border-radius:7px;font-size:15px;gap:13px;padding:16px;}
.studio351 .path350-option:has(input:checked) {background:var(--chip);border-color:var(--primary);}
.studio351 .path350-option:focus-within {outline:2px solid var(--primary);outline-offset:3px;}
.studio351 .doc340-list {border-radius:8px;box-shadow:none;}
.studio351 .doc340-row {padding:21px 24px;gap:18px;}
.studio351 .doc340-filetype {border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--primary);font-size:10px;width:39px;height:46px;}
.studio351 .doc340-detail h2 {font-size:16px;line-height:1.4;}
.studio351 .doc340-detail p,.studio351 .doc340-meta {font-size:11px;}
.studio351 .doc340-actions .btn {min-height:36px;font-size:11px;padding:8px 11px;}
.studio351 .doc340-menu {background:var(--card);border-color:var(--line);border-radius:7px;box-shadow:0 8px 24px #20374318;}
.studio351 .doc340-menu button {font-size:12px;}
.studio351 .empty,.studio351 .ac-notice {font-size:13px;line-height:1.7;}

/* Dialoge liegen außerhalb des Seitenrahmens und folgen derselben Darstellung. */
.modal-backdrop {background:rgba(23,40,50,.42);backdrop-filter:blur(2px);}
.modal-card {border:1px solid var(--line);border-radius:11px;box-shadow:0 18px 60px #14283520;padding:26px;color:var(--text);font-family:inherit;}
.modal-head h2 {font-size:23px;letter-spacing:-.025em;font-weight:650;}
.modal-card :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {border-radius:6px;border:1px solid #cdd5d7;font-size:14px;}
.modal-card :is(.btn,.iconbtn) {border-radius:6px;font-size:13px;box-shadow:none;}
.modal-card .badge {border-radius:4px;font-size:11px;font-weight:550;}
.modal-card :is(.answer-editor,.permission-row) {border-radius:7px;background:var(--bg);}
.modal-card :is(.answer-editor,.permission-row) label {font-size:13px;}
.s351-auth {background:var(--bg);}
.s351-auth .auth-card {color:var(--text);background:var(--card);border-radius:12px;border:1px solid var(--line);box-shadow:0 8px 40px #26394408;padding:34px;}
.s351-auth .auth-card h1 {font-size:29px;font-weight:650;letter-spacing:-.03em;}
.s351-auth .auth-card .side-logo {border-radius:8px;box-shadow:none;background:var(--accent-action,var(--primary));}
.s351-auth .auth-card :is(input,.btn) {border-radius:6px;font-size:14px;}
.s351-auth .auth-access-note {font-size:12px;line-height:1.65;}
.s351-auth .auth-message {background:var(--chip);color:var(--primary);border-radius:6px;}

/* Dunkle Darstellung und Firmenfarbe bleiben nutzbar. */
[data-theme="dark"] {--bg:#172127;--card:#1d2a31;--text:#e5ecef;--muted:#a3b3bc;--line:#36464e;--shadow:none;--ok:#91cbb0;--bad:#edaba3;--warn:#e1c184;}
[data-theme="dark"] .studio351 {--u340-bg:var(--bg);--u340-paper:var(--card);--u340-ink:var(--text);--u340-muted:var(--muted);--u340-line:var(--line);--a320-ink:var(--text);--a320-muted:var(--muted);--a320-line:var(--line);--a320-paper:var(--card);--a320-soft:#26373f;}
[data-theme="dark"] .studio351 :is(input:not([type=checkbox]):not([type=radio]),select,textarea),[data-theme="dark"] .modal-card :is(input,select,textarea) {border-color:var(--line);background:var(--card);color:var(--text);}
[data-theme="dark"] .studio351 .en-form-actions {background:var(--card);}
[data-theme="dark"] .studio351 .ac320-tabs button[aria-current] {background:transparent;color:var(--primary);}
[data-theme="dark"] .studio351 .en320-sections button[aria-current] {background:var(--chip);color:var(--primary);}
[data-theme="dark"] .studio351 .band330-flow {background:var(--card);color:var(--text);}
[data-theme="dark"] .studio351 .option.correct .letter {color:#153327;}
[data-theme="dark"] .studio351 .option.wrong .letter {color:#3d1f1b;}

@media(min-width:881px) {
  .studio351.focus28>.sidebar {display:none;}
  .studio351.focus28>.main-column {margin-left:0;}
  .studio351.focus28 .container {max-width:1100px;padding-top:28px;}
}
@media(max-width:1200px) {
  .app-layout.studio351 {--s351-sidebar:224px;}
  .studio351 .container {padding:28px 30px 34px;}
  .studio351 .s351-start-row,.studio351 .s351-dashboard {gap:22px;grid-template-columns:minmax(0,1.55fr) minmax(220px,1fr);}
  .studio351 .s351-next {padding:26px;}
  .studio351 .s351-next h2 {font-size:25px;}
}
@media(max-width:880px) {
  .studio351 .sidebar {display:none;}
  .studio351 .main-column {margin-left:0;}
  .studio351 .container {padding:24px 25px 28px;}
  .studio351 .mobilebar {padding:11px 20px;background:var(--card);backdrop-filter:none;border-bottom:1px solid var(--line);}
  .studio351 .mobile-brand {font-size:13px;color:var(--text);}
  .studio351 .mobile-brand .side-logo {width:33px;height:36px;flex-basis:33px;font-size:15px;border-radius:7px;}
  .studio351 .mobile-brand small {font-size:9px;}
  .studio351 .mobilebar .iconbtn {min-width:40px;min-height:40px;padding:8px;}
  .studio351 .mobile-menu:not([hidden]) {top:70px;left:12px;right:12px;max-height:calc(100dvh - 90px);border-radius:9px;box-shadow:0 12px 32px #1e354b20;}
  .studio351 .mobile-menu .side-link {font-size:14px;min-height:46px;}
  .studio351 .mobile-menu .side-link.active {color:var(--primary);background:var(--chip);}
  .studio351 .s351-topline {margin-bottom:23px;}
  .studio351 .sync28-bar {margin:0;justify-content:flex-start;}
  .studio351 .sync28-status,.studio351 .sync28-detail {text-align:left;justify-content:flex-start;}
}
@media(max-width:650px) {
  .studio351 .container {padding:22px 17px 24px;}
  .studio351 :is(.page-head,.ac-top) {gap:14px;margin-bottom:23px;}
  .studio351 :is(.page-head,.ac-top) h1,.studio351 .home28-heading h1 {font-size:27px;}
  .studio351 :is(.page-head,.ac-top) .muted {font-size:13px;}
  .studio351 :is(.panel,.card) {padding:20px;border-radius:8px;}
  .studio351 .s351-start-row,.studio351 .s351-dashboard {grid-template-columns:1fr;gap:24px;}
  .studio351 .s351-dashboard>.panel:first-child {grid-row:auto;}
  .studio351 .s351-dashboard>.panel {padding:0;}
  .studio351 .s351-next {padding:25px;min-height:230px;display:flex;}
  .studio351 .s351-next h2 {font-size:27px;}
  .studio351 .s351-next>.btn {width:auto;}
  .studio351 .s351-quick {padding:0;}
  .studio351 .s351-quick>button {min-height:49px;}
  .studio351 .s351-manage-group {grid-template-columns:1fr;gap:0;margin-bottom:25px;}
  .studio351 .s351-manage-group>.hub-card {min-height:100px;}
  .studio351 .ui340-learning,.studio351 .ui340-secondary-grid {grid-template-columns:1fr;}
  .studio351 .ui340-feature {min-height:195px;padding:22px;}
  .studio351 .ui340-feature h2 {font-size:22px;}
  .studio351 .hub-card {padding:20px 46px 20px 20px;min-height:120px;}
  .studio351 .home28-next {padding:25px;min-height:265px;}
  .studio351 .home28-next h2 {font-size:29px;}
  .studio351 .home28-plan {padding:20px;}
  .studio351 .home28-metrics>div {padding:0 12px;}
  .studio351 .home28-metrics b {font-size:23px;}
  .studio351 .home28-metrics p {font-size:10px;}
  .studio351 .home28-metrics b small {font-size:12px;}
  .studio351 .learning-band-row {grid-template-columns:60px minmax(0,1fr);gap:10px 14px;padding:20px 17px;}
  .studio351 .learning-band-details b {font-size:16px;}
  .studio351 .learning-band-percent {font-size:15px;}
  .studio351 .dashboard28-row {padding:20px 17px;}
  .studio351 .qcard,.studio351 .learn28 .qcard {padding:23px 18px;}
  .studio351 .qcard h2,.studio351 .learn28 .qcard h2 {font-size:23px;}
  .studio351 .option,.studio351 .learn28 .option {padding:12px 11px;gap:11px;}
  .studio351 .option-copy,.studio351 .learn28 .option-copy {font-size:14px;}
  .studio351 .letter,.studio351 .learn28 .option .letter {width:29px;height:29px;flex-basis:29px;font-size:13px;}
  .studio351 .learn28-actions {padding:12px;}
  .studio351 .learn28-actions .btn {font-size:12px;min-height:45px;}
  .studio351 .path350-question {padding:22px 18px;}
  .studio351 .path350-question h2 {font-size:22px;}
  .studio351 .path350-option {font-size:14px;padding:14px 12px;}
  .studio351 .path350-stage {padding:21px;}
  .studio351 .path350-stage h2 {font-size:19px;}
  .studio351 .band330-flow {gap:16px;}
  .studio351 .doc340-row {padding:19px 17px;gap:13px;}
  .studio351 .doc340-detail h2 {font-size:15px;}
  .studio351 .doc340-actions {width:100%;flex-wrap:wrap;}
  .studio351 .doc340-actions .btn {min-height:40px;}
  .studio351 :is(.admin-summary,.stats) {gap:0;}
  .studio351 .admin-summary>.panel,.studio351 .stat {padding:15px 12px;}
  .studio351 :is(.ac-form-grid,.company-grid,.form-grid) {gap:16px;}
  .studio351 :is(input:not([type=checkbox]):not([type=radio]),select,textarea),.modal-card :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {font-size:16px;}
  .studio351 .en-form-actions {bottom:5px;}
  .studio351 .ac320-tabs {flex-wrap:nowrap;overflow:auto;}
  .studio351 .ac320-tabs button {white-space:nowrap;font-size:12px;padding:11px 10px;}
  .studio351 .footer-note {font-size:10px;line-height:1.6;margin-top:30px;gap:10px;}
  .modal-card {padding:22px 18px;}
}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto;} .studio351 * {transition:none!important;animation:none!important;}}
@media print {.studio351 .sidebar,.studio351 .mobilebar,.studio351 .ui340-breadcrumb,.studio351 .sync28-bar,.studio351 .s351-quick {display:none!important;}.studio351 .main-column {margin-left:0;}.studio351 .container {padding:0;max-width:none;}.studio351 {background:#fff;color:#111;}}