/* Peiffer Academy: Homepage-Farben, lokal gespeicherte Schrift, eigenständige Module. */
@font-face{font-family:"Open Sans";font-style:normal;font-weight:300 800;font-display:swap;src:url("fonts/open-sans.ttf") format("truetype")}
:root{--brand-navy:#1a3260;--brand-accent:#4590b8;--brand-surface:#e2e5ed;--navy:var(--brand-navy);--blue:var(--brand-navy);--blue-hover:#284777;--blue2:#edf5fa;--blue-light:#edf5fa;--accent:var(--brand-accent);--accent-ink:var(--brand-navy);--ink:#1a3260;--muted:#5a687e;--line:#d9dfea;--paper:#f4f6fa;--mint:#edf5fa}
body{font-family:"Open Sans",Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);font-weight:400}
button,input,textarea,select{font-family:inherit}
h1,h2,h3,h4{color:var(--brand-navy);letter-spacing:-.015em}
a{color:var(--brand-navy)}
button,.button{border-radius:6px}
.primary{background:var(--brand-navy);border-color:var(--brand-navy);color:#fff;box-shadow:none}
.primary:hover{background:#284777;border-color:#284777}
.secondary{border-color:#c7d4e2;color:var(--brand-navy);border-radius:6px}
.secondary:hover{background:#edf5fa;border-color:var(--brand-accent)}
.card{border-radius:12px;border-color:var(--line);box-shadow:0 2px 6px #1a326005}
input,textarea,select{border-radius:6px;border-color:#c7d1df}
input:focus,textarea:focus,select:focus{border-color:var(--brand-accent);box-shadow:0 0 0 3px #4590b822}
input[type=checkbox],input[type=radio]{accent-color:var(--brand-navy)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--brand-accent)}
.eyebrow{color:var(--brand-navy);font-weight:700;letter-spacing:.08em}
.hint,.success-banner.neutral{background:#edf5fa;border-color:#ccdfeb;color:var(--brand-navy)}
.badge,.avatar,.session-icon,.lesson-number{background:#edf5fa;color:var(--brand-navy)}
.sidebar,.academy-sidebar{background:var(--brand-navy);color:#e2e5ed}
.brand,.academy-sidebar-brand{border-radius:8px}
.academy-sidebar-brand,.sidebar .brand{padding:12px}
.nav-item,.academy-nav-item{color:#e2e5ed;border-radius:6px}
.nav-item.active,.academy-nav-item.is-current{background:#2b4a76;border-left:3px solid var(--brand-accent);color:#fff;box-shadow:none}
.nav-item.active:hover,.academy-nav-item.is-current:hover{background:#345684}
.academy-sidebar-close{background:var(--brand-navy)}
.product,.academy-sidebar-product,.nav-label,.academy-nav-group{color:#c2d7e7}
.topbar{background:#fff;border-color:var(--line)}
.topbar>.brand .brand-logo{width:132px;max-height:70px}
.public-brand img{width:132px;max-height:70px}
.academy-session-dot,.live-dot{background:var(--brand-accent)}
.role-guest .welcome{border-radius:12px;box-shadow:0 8px 24px #1a326008}
.role-guest .intro{background:var(--brand-navy)}
.role-guest .intro h1{color:#fff}
.role-guest .intro h1 span{color:#b9dfef}
.role-guest .intro .eyebrow,.role-guest .steps b{color:#b9dfef}
.role-guest .intro p{color:#e2e5ed}
.academy-stat,.session-with-actions,.question-preview,.question-editor-preview,.slide-editor-dialog,dialog{border-radius:12px}
.lesson-item.is-active,.answer:has(input:checked){background:#edf5fa;border-color:var(--brand-accent)}
.lesson-start,.question-scoring-card{background:#edf5fa}
.person-result:hover,.person-result.selected{background:#edf5fa}
.empty-symbol{background:#edf5fa;color:var(--brand-navy)}
#notice{background:var(--brand-navy)}
.academy-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:20px 32px;background:#fff;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.academy-footer nav{display:flex;flex-wrap:wrap;gap:18px}
.academy-footer a{color:var(--brand-navy);text-decoration:none}
.academy-footer a:hover{text-decoration:underline;text-underline-offset:3px}
.records-sidebar-heading{display:block}
.records-menu-toggle{display:none}
.records-navigation{display:flex;flex-direction:column}
.records-navigation[hidden]{display:none!important}
.records-navigation .nav-item span:first-child{margin-left:0}
.records-navigation .nav-item .nav-arrow{margin-left:auto}
@media(max-width:900px){
 .sidebar{display:block;padding:12px 20px}
 .records-sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
 .records-sidebar-heading .brand{width:110px;padding:6px}
 .records-menu-toggle{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#fff;border:1px solid #ffffff66;min-height:44px;padding:9px 13px}
 .records-navigation .nav-label{display:block;margin:16px 12px 7px}
 .sidebar .records-navigation .nav-item{display:flex;margin:3px 0;font-size:13px;min-height:44px}
 .records-navigation{padding-top:8px}
 .academy-footer{padding:18px 22px}
}
@media(min-width:901px){.records-menu-toggle{display:none!important}}
@media(max-width:650px){
 .academy-footer{padding:18px 16px;font-size:12px;align-items:flex-start}
 .academy-footer nav{gap:12px 16px}
 .public-brand img{width:110px;max-height:60px}
 .records-sidebar-heading .brand{width:105px}
}