/* Version 3.1 · ruhige Oberflächen, getrennte Aufgaben, gut lesbare Formulare. */
:root{--design310-round:22px;--design310-edge:color-mix(in srgb,var(--line) 80%,transparent);--design310-soft:color-mix(in srgb,var(--primary) 4%,var(--card))}
.design310{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.012em}
.design310 .container{max-width:1320px;padding-top:36px}
.design310 .sidebar{background:linear-gradient(165deg,var(--sidebar),color-mix(in srgb,var(--sidebar) 94%,#305a8a));box-shadow:none;border-right:1px solid #ffffff0c;padding:27px 15px 19px}
.design310 .side-brand{padding:0 9px 24px;gap:12px;line-height:1.35}
.design310 .side-brand small{font-size:10px;letter-spacing:.015em;opacity:.75;margin-top:5px}
.design310 .side-logo{border-radius:15px;box-shadow:none}
.design310 .workspace-switch{margin:0 3px 22px;padding:4px;background:#ffffff0b;border:1px solid #ffffff12}
.design310 .workspace-switch button{font-size:12px;line-height:1.4;padding:9px 6px}
.design310 .workspace-switch .selected{background:#244b80;color:#fff;box-shadow:0 2px 4px #00000015}
.design310 .side-nav{display:block;padding:0 0 24px}
.nav310-group{padding:0 0 17px;margin:0 0 5px}
.nav310-heading{margin:0;padding:3px 12px 9px;font-size:10px;line-height:1.5;color:#a8bbd7;font-weight:650;letter-spacing:.075em;text-transform:uppercase}
.nav310-items{display:grid;gap:4px}
.design310 .side-link{font-size:12px;line-height:1.45;font-weight:550;padding:11px 13px;border-radius:10px;min-height:41px;color:#d8e4f6;letter-spacing:0;transition:background .16s ease,color .16s ease}
.design310 .side-link:hover{background:#ffffff0d;color:#fff;transform:none}
.design310 .side-link.active{background:#214777;color:#fff;box-shadow:inset 3px 0 0 #80b6ff}
.nav310-disclosure>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:7px 12px 11px;user-select:none}
.nav310-disclosure>summary::-webkit-details-marker{display:none}
.nav310-disclosure>summary:after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);margin-left:auto;flex-shrink:0}
.nav310-disclosure[open]>summary:after{transform:rotate(45deg)}
.nav310-disclosure:has(.active)>summary{color:#dceaff}
.design310 .side-bottom{padding:16px 0 0;border-top:1px solid #ffffff12;gap:4px}
.design310 .side-bottom .side-link{font-size:11px;min-height:39px}
.design310 .side-logout281{color:#dce8f6}
.design310 .side-link:focus-visible,.nav310-heading:focus-visible,.design310 .workspace-switch button:focus-visible{outline:2px solid #9bc5ff;outline-offset:3px}
.skip310{position:fixed;left:16px;top:10px;z-index:1000;transform:translateY(-200%);background:var(--card);color:var(--text);border:2px solid var(--primary);border-radius:9px;padding:12px 18px;text-decoration:none;font-size:14px;font-weight:700}
.skip310:focus{transform:none}
.design310 .page-head h1,.design310 .ac-top h1{font-weight:730;letter-spacing:-.035em;line-height:1.2}
.design310 .page-head .muted,.design310 .ac-top .muted{line-height:1.7;max-width:720px}
.design310 .btn{border-radius:11px;font-weight:650;letter-spacing:-.008em;min-height:42px;line-height:1.4;box-shadow:none}
.design310 .btn.secondary{background:var(--card);border-color:var(--design310-edge)}
.design310 .btn.secondary:hover{background:var(--design310-soft);border-color:var(--primary)}
.design310 button:disabled{cursor:not-allowed}
.design310 :is(.btn,input,textarea,select,summary):focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 60%,transparent);outline-offset:3px}
.design310 .panel,.design310 .card,.design310 .hub-card{box-shadow:0 5px 20px #132e5404;border-color:var(--design310-edge)}
.design310 .hub-card{border-radius:var(--design310-round);gap:11px;padding:27px}
.design310 .hub-card b{font-size:19px;letter-spacing:-.02em}
.design310 .hub-card span{font-size:13px;line-height:1.7;max-width:440px}
.design310 .hub-card small{font-size:11px;line-height:1.5;padding-top:12px}
.academy310-page{max-width:1160px}
.academy310-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 31px;padding:6px;border:1px solid var(--design310-edge);background:var(--card);border-radius:15px;width:fit-content;max-width:100%}
.academy310-tab{font:inherit;font-weight:650;font-size:13px;border:0;border-radius:10px;min-height:42px;padding:11px 23px;background:transparent;color:var(--muted);cursor:pointer;line-height:1.5;transition:background .16s ease}
.academy310-tab:hover{background:var(--design310-soft);color:var(--text)}
.academy310-tab[aria-current="page"]{background:var(--chip);color:var(--primary)}
.academy310-tab:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
.academy310-page .ac-top{align-items:flex-start;margin:0 0 29px;gap:25px}
.academy310-page .ac-top h1{font-size:clamp(27px,3vw,37px);margin:13px 0 12px;overflow-wrap:anywhere}
.academy310-page .ac-top .badge{font-size:10px;letter-spacing:.065em;text-transform:uppercase;border:0;padding:0;background:none;color:var(--primary);border-radius:0;line-height:1.6;font-weight:700}
.academy310-page .ac-top p{font-size:14px;margin:0}
.academy310-page .ac-top>.actions{padding-top:9px;flex-shrink:0}
.academy310-page .ac-top>.actions>.btn{font-size:11px;min-height:36px;padding:8px 12px}
.academy310-page .ac-hero{border-radius:24px;background:linear-gradient(120deg,#193555,#254a70);padding:32px 36px;box-shadow:none;gap:30px}
.academy310-page .ac-hero h2{font-size:clamp(25px,2.5vw,33px);line-height:1.22;letter-spacing:-.03em;max-width:570px;margin:11px 0 15px}
.academy310-page .ac-hero p{font-size:13px;line-height:1.7;margin-bottom:0;max-width:580px}
.academy310-page .ac-eyebrow{color:#c2dcee;font-size:10px;letter-spacing:.065em}
.academy310-page .ac-hero-stat{flex-basis:140px;padding-left:30px}
.academy310-page .ac-hero-stat b{font-size:52px;letter-spacing:-.05em}
.academy310-page .ac-hero-stat span{font-size:11px;line-height:1.5;max-width:105px}
.academy310-organization{border:1px solid var(--design310-edge);background:var(--card);border-radius:24px;padding:28px;margin:27px 0}
.academy310-organization .ac-section-head{margin:0 0 23px;align-items:flex-start;gap:20px}
.academy310-organization .ac-section-head h2{font-size:21px;letter-spacing:-.025em;margin:0 0 7px;overflow-wrap:anywhere}
.academy310-organization .ac-section-head small{font-size:11px;line-height:1.6;color:var(--muted)}
.academy310-organization .ac-section-head>.actions{justify-content:flex-end;max-width:65%;gap:7px}
.academy310-organization .ac-section-head .btn{font-size:11px;min-height:35px;padding:8px 11px}
.academy310-organization .ac-course{background:var(--design310-soft);border-radius:17px;min-height:205px;padding:22px;gap:14px;box-shadow:none}
.academy310-organization .ac-course:hover{transform:none;border-color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--card))}
.academy310-organization .ac-course h3{font-size:19px;letter-spacing:-.02em;line-height:1.35}
.academy310-organization .ac-course .badge{align-self:flex-start;font-size:10px;background:var(--card);border:1px solid var(--line)}
.academy310-organization .ac-course p{font-size:12px;line-height:1.65}
.academy310-organization .ac-course b{font-size:11px;color:var(--primary)}
.academy310-page .ac-toolbar{gap:9px;margin:23px 0}
.academy310-page .ac-toolbar .btn{font-size:12px;padding:10px 14px}
.academy310-page .panel{border-radius:21px;padding:29px;margin-bottom:23px}
.academy310-page .ac-course-head{background:var(--design310-soft)}
.academy310-page .ac-course-head h2{font-size:20px;line-height:1.5;margin:13px 0 20px}
.academy310-page .ac-course-head .muted{font-size:12px;line-height:1.6;margin-top:15px}
.academy310-page .ac-module{margin:0;gap:20px;padding:25px}
.academy310-page .ac-step{border-radius:13px;width:39px;height:39px;flex-basis:39px;font-size:14px;font-weight:700}
.academy310-page .ac-module h3{font-size:21px;letter-spacing:-.02em;line-height:1.4;margin:13px 0 16px}
.academy310-page .ac-module .badge{font-size:10px;font-weight:600}
.academy310-page .ac-module .btn{font-size:12px;min-height:38px}
.academy310-page .ac-form{gap:25px}
.academy310-page .ac-field{font-size:12px;line-height:1.6;gap:9px;font-weight:650}
.academy310-page .ac-field input,.academy310-page .ac-field select,.academy310-page .ac-field textarea{font-size:14px;border-radius:10px;padding:12px 14px;min-height:46px;border-color:var(--line);line-height:1.55;transition:border-color .16s ease}
.academy310-page .ac-field textarea{min-height:105px}
.academy310-page input[type="file"]{padding:10px;background:var(--design310-soft);border-style:dashed;cursor:pointer;font-size:12px}
.academy310-page input[type="file"]::file-selector-button{font:inherit;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:7px 10px;margin-right:12px;cursor:pointer}
.academy310-page .ac-check{font-size:13px;line-height:1.65;font-weight:500}
.academy310-page .ac-form>small,.academy310-page .ac-form>.muted{font-size:12px;line-height:1.7;margin:0}
.academy310-page .ac-notice{font-size:13px;line-height:1.75;background:var(--design310-soft);border-radius:14px;padding:17px 20px}
.academy310-page .ac-error{background:color-mix(in srgb,var(--bad) 6%,var(--card));color:var(--bad);border-color:color-mix(in srgb,var(--bad) 30%,var(--line))}
.academy310-page .ac-table{font-size:13px;line-height:1.55}
.academy310-page .ac-table-wrap h2{font-size:20px;margin-top:0;line-height:1.4}
.academy310-page .ac-table th{font-size:10px;letter-spacing:.035em;padding-top:14px;padding-bottom:14px;background:var(--design310-soft)}
.academy310-page .ac-table th:first-child,.academy310-page .ac-table td:first-child{padding-left:12px}
.academy310-page .ac-table td{padding-top:18px;padding-bottom:18px}
.academy310-page .ac-table tbody tr:last-child td{border-bottom:0}
.academy310-page .ac-table .btn{min-height:35px;font-size:11px}
.academy310-page .ac-org-logo{margin-bottom:14px}
.design310 .cr-picker,.design310 .cr-global-picker{border:1px solid var(--design310-edge);border-radius:16px;padding:23px;background:var(--design310-soft)}
.design310 .cr-picker h2,.design310 .cr-global-picker h2{font-size:20px;line-height:1.4;margin:0 0 9px}
.design310 .cr-user-results{display:grid;gap:8px;max-height:340px;overflow:auto;margin-top:15px;overscroll-behavior:contain}
.design310 .cr-user-row{font:inherit;font-size:13px;line-height:1.5;text-align:left;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--text);cursor:pointer}
.design310 .cr-user-row:hover{border-color:var(--primary);background:var(--chip)}
.design310 .cr-user-row small{font-size:11px;color:var(--muted)}
.design310 .cr-user-row[aria-selected="true"],.design310 .cr-user-row[aria-pressed="true"]{border-color:var(--primary);background:var(--chip)}
.design310 .cr-trash-list{display:grid;gap:16px}
.design310 .cr-trash-list .panel{margin:0}
.academy310-page .en-section{margin:32px 0}
.academy310-page .en-section>h2,.academy310-page .en-section .ac-section-head h2{font-size:21px;line-height:1.4;letter-spacing:-.025em}
.academy310-page .en-section .ac-section-head{margin-bottom:19px;align-items:center}
.academy310-page .en-stack>.panel{margin:0}
.academy310-page .en-intro{background:var(--design310-soft)}
.academy310-page .en-intro h2{font-size:24px;letter-spacing:-.025em;line-height:1.3}
.academy310-page .en-intro p{font-size:13px;line-height:1.75;color:var(--muted)}
.academy310-page .en-intro ol{color:var(--primary);font-size:12px;gap:13px 20px;min-width:145px}
.academy310-page .en-steps{gap:9px;margin-bottom:25px}
.academy310-page .en-steps button{font-size:12px;line-height:1.6;background:var(--card);border-color:var(--line);color:var(--muted);border-radius:12px}
.academy310-page .en-steps button span{background:var(--design310-soft);color:var(--muted);font-size:11px}
.academy310-page .en-steps button.is-current{color:var(--primary);border-color:var(--primary);background:var(--chip)}
.academy310-page .en-steps button.is-current span{background:var(--primary);color:var(--card)}
.academy310-page .en-count{background:var(--chip);color:var(--primary);font-size:12px;line-height:1.5}
.academy310-page .en-upload-control{background:var(--design310-soft);border-color:var(--line);color:var(--primary);padding:22px;font-size:13px}
.academy310-page .en-upload-control:focus-within{border-color:var(--primary)}
.academy310-page .en-consent{background:var(--design310-soft);font-size:13px;line-height:1.75}
.academy310-page .en-reference-links a{color:var(--primary);font-size:12px;line-height:1.65}
.academy310-page .en-group summary{font-size:16px;line-height:1.5;letter-spacing:-.01em}
.academy310-page .en-group summary:focus-visible,.academy310-page .en-summary-group summary:focus-visible{outline-offset:5px}
.academy310-page .en-group input:disabled,.academy310-page .en-group textarea:disabled,.academy310-page .en-group select:disabled{background:var(--design310-soft);color:var(--text)}
.academy310-page .en-fields>.muted{font-size:12px;line-height:1.7;margin:0 0 20px}
.academy310-page .en-summary-group{border-color:var(--line)}
.academy310-page .en-summary-group summary{font-size:14px;line-height:1.6}
.academy310-page .en-summary dt{font-size:11px}
.academy310-page .en-summary dd{font-size:13px;line-height:1.65}
.academy310-page .en-form-actions{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}
.academy310-page .en-document-grid>.panel{margin-bottom:0}
.academy310-page .en-document{gap:12px}
.academy310-page .en-document h2{font-size:20px;line-height:1.4;margin:0}
.academy310-page .en-document .muted{font-size:12px;line-height:1.7}
.academy310-page .en-document>.btn{font-size:12px;margin-top:auto}
.academy310-page .en-file-list li,.academy310-page .en-reviewers,.academy310-page .en-reviewer{border-color:var(--line)}
.academy310-page .en-file-list b{font-size:13px;line-height:1.6}
.academy310-page .en-file-list small{font-size:11px;line-height:1.5}
.academy310-page .en-app-card h3{font-size:20px;line-height:1.4}
.academy310-page .en-app-card p{font-size:12px;line-height:1.7}
.academy310-page .en-app-card>.btn{font-size:12px;flex-shrink:0}
.academy310-page .en-status{font-size:10px;line-height:1.5;padding:5px 10px}
.academy310-page .en-downloads h2,.academy310-page .en-upload h2,.academy310-page .en-summary>h2,.academy310-page .en-review h2{font-size:21px;line-height:1.4;letter-spacing:-.025em}
.academy310-page .en-upload>p,.academy310-page .en-downloads>p,.academy310-page .en-summary>p{font-size:13px;line-height:1.75}
.design310 .footer281{margin-top:38px;padding-top:22px;border-top:1px solid var(--line);font-size:10px;line-height:1.7}
.design310 .mobile-menu .nav310-heading{color:var(--muted)}
.design310 .mobile-menu .side-link{color:var(--text)}
.design310 .mobile-menu .side-link:hover{background:var(--design310-soft);color:var(--text)}
.design310 .mobile-menu .side-link.active{color:var(--primary);background:var(--chip);box-shadow:inset 3px 0 0 var(--primary)}
[data-theme="dark"] .academy310-organization .ac-course .badge{background:var(--chip)}
[data-theme="dark"] .academy310-page .ac-table th{background:color-mix(in srgb,var(--card) 90%,#8aa7d0)}
@media(min-width:881px){.design310 .sidebar{width:254px}.design310 .main-column{margin-left:254px}.design310.focus28 .main-column{margin-left:0}}
@media(min-width:881px) and (max-width:1100px){.design310 .sidebar{width:228px;padding-left:12px;padding-right:12px}.design310 .main-column{margin-left:228px}.design310 .container{padding-right:24px;padding-left:24px}.nav310-heading{font-size:9px}.design310 .side-link{font-size:11px}.academy310-organization{padding:23px}.academy310-organization .ac-section-head{flex-direction:column}.academy310-organization .ac-section-head>.actions{max-width:100%;justify-content:flex-start}}
@media(max-width:880px){.design310 .container{padding-top:23px}.design310 .mobilebar{background:var(--card);backdrop-filter:none;min-height:66px;box-shadow:0 3px 15px #122e4c04}.design310 .mobile-menu:not([hidden]){border-radius:18px;padding:20px;top:73px;max-height:calc(100dvh - 95px);overscroll-behavior:contain}.design310 .mobile-menu .side-link{font-size:14px;min-height:44px}.design310 .mobile-menu .nav310-heading{font-size:11px}.design310 .nav310-disclosure>summary{min-height:38px}.design310 .mobile-menu .nav310-group{border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:18px}.design310 .mobile-menu>.actions{gap:8px}.academy310-tabs{margin-bottom:25px}.academy310-organization .ac-section-head>.actions{max-width:100%;justify-content:flex-start}.academy310-page .ac-top h1{font-size:30px}.academy310-page .ac-top>.actions{padding-top:0}}
@media(max-width:700px){.academy310-organization .ac-section-head{flex-direction:column}.academy310-page .ac-hero{padding:27px;gap:20px}.academy310-page .ac-top{gap:17px}.academy310-page .ac-top>.actions{align-self:flex-start}.academy310-page .ac-hero-stat{display:none}.academy310-page .ac-form{gap:21px}.academy310-page .ac-field input,.academy310-page .ac-field select,.academy310-page .ac-field textarea{font-size:16px}.academy310-page .ac-table td{white-space:normal;min-width:100px}.academy310-page .panel{padding:23px}.academy310-organization{padding:22px;margin:23px 0;border-radius:20px}.academy310-page .ac-grid{gap:13px}.academy310-page .ac-module{padding:22px;gap:13px}}
@media(max-width:480px){.academy310-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:3px;padding:4px;border-radius:13px}.academy310-tab{font-size:12px;padding:10px 7px;min-height:43px}.academy310-page .ac-top h1{font-size:27px}.academy310-page .ac-top p{font-size:13px}.academy310-page .ac-hero{padding:25px 23px;border-radius:20px}.academy310-page .ac-hero h2{font-size:27px}.academy310-page .panel{padding:21px 18px;border-radius:18px}.academy310-organization{padding:21px 17px}.academy310-page .ac-section-head h2{font-size:20px}.academy310-organization .ac-course{padding:21px;min-height:195px}.academy310-page .ac-module h3{font-size:19px}.academy310-page .ac-step{width:30px;height:30px;flex-basis:30px;border-radius:10px;font-size:12px}.academy310-page .ac-module>.ac-module-content>.actions:last-child{gap:8px}.academy310-page .ac-module .btn{padding:9px 11px}.academy310-page .ac-notice{padding:16px 17px}.design310 .hub-card{padding:23px}.design310 .footer281{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.design310 *,.design310 *:before,.design310 *:after{transition:none!important;scroll-behavior:auto!important;animation:none!important}}
@media print{.skip310,.academy310-tabs,.design310 .mobile-menu{display:none!important}.design310 .container{padding:0;max-width:none}.academy310-organization{break-inside:avoid;box-shadow:none;border-color:#ddd}.design310 .panel,.design310 .card{box-shadow:none}.academy310-page .ac-top h1{color:#111}.academy310-page .ac-hero{background:white;color:#111;border:1px solid #ddd}.academy310-page .ac-hero p,.academy310-page .ac-eyebrow{color:#333}}