/* VisaNerd J-1 Check im Stil der Library-Kästen (wie „At a glance“), 09.10.2026. Alles unter .vnc */
.vnc{--ink:#16182b;--navy:#060c54;--grey:#5b6075;--line:#dfe2ea;--soft:#f4f6fb;--sky:#cfe8ff;--skylight:#eaf5ff;--blue:#0a6fc2;
  font-family:Inter,Int,system-ui,-apple-system,sans-serif;color:var(--ink);font-size:16px;line-height:1.45;margin:28px 0;clear:both;max-width:600px;text-transform:none;letter-spacing:normal;container-type:inline-size}
.vnc *,.vnc *::before,.vnc *::after{box-sizing:border-box}
.vnc button,.vnc input,.vnc textarea{font-family:inherit;text-transform:none;letter-spacing:normal;margin:0}
/* Kasten wie „At a glance“ */
.vnc-w,.vnc-res{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.vnc-head{padding:12px 18px;border-bottom:1px solid var(--line);font-family:'Plus Jakarta Sans',Jak,Inter,sans-serif;font-weight:700;color:var(--navy);font-size:18px}
.vnc-bar{height:3px;background:var(--soft)}
.vnc-bar i{display:block;height:100%;background:var(--blue);transition:width .25s}
.vnc-body{padding:16px 18px 18px}
.vnc .vnc-h{font-family:'Plus Jakarta Sans',Jak,Inter,sans-serif;font-weight:700;color:var(--navy);font-size:20px;line-height:1.25;letter-spacing:-.01em;margin:2px 0 14px;padding:0;outline:none}
.vnc .vnc-sub{margin:-6px 0 14px;color:var(--grey);font-size:15px}
.vnc .vnc-lab{margin:16px 0 8px;font-size:14px;font-weight:600;color:var(--ink)}
.vnc .vnc-lab:first-child{margin-top:0}
.vnc .vnc-msg{margin:8px 0 0;font-size:14px;color:#b42318;min-height:1px}
.vnc .vnc-bk{display:inline-block;margin-top:14px;padding:0;border:0;background:none;font-size:14px;color:var(--grey);cursor:pointer;box-shadow:none}
.vnc .vnc-bk:hover{color:var(--navy);text-decoration:underline;background:none}
/* Antworten: helle Felder wie das Inhaltsverzeichnis, gewählt im Library-Hellblau */
.vnc-tiles{display:grid;gap:8px}
.vnc-c2{grid-template-columns:1fr 1fr}.vnc-c3{grid-template-columns:repeat(3,1fr)}.vnc-c4{grid-template-columns:repeat(4,1fr)}.vnc-c6{grid-template-columns:repeat(6,1fr)}
.vnc .vnc-t{display:block;width:100%;background:var(--soft);border:1px solid transparent;border-radius:10px;padding:13px 15px;font-size:15.5px;font-weight:500;line-height:1.3;color:var(--ink);text-align:left;cursor:pointer;box-shadow:none;transition:background .12s,border-color .12s}
.vnc-c2 .vnc-t{padding:12px 12px;font-size:14.5px}
.vnc-c3 .vnc-t,.vnc-c4 .vnc-t,.vnc-c6 .vnc-t{text-align:center;padding:12px 0;font-size:15px}
.vnc .vnc-t:hover{background:var(--skylight);border-color:#b9dcff;color:var(--ink)}
.vnc .vnc-t.on,.vnc .vnc-t.on:hover{background:var(--sky);border-color:var(--blue);color:var(--navy)}
.vnc .vnc-t small{display:block;margin-top:2px;font-size:13px;font-weight:400;color:var(--grey)}
.vnc .vnc-wide{grid-column:1/-1}
.vnc-file{position:relative}
.vnc-file input{position:absolute;opacity:0;width:1px;height:1px}
/* Felder */
.vnc .vnc-in{display:block;width:100%;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 13px;margin-top:8px;font-size:16px;color:var(--ink);box-shadow:none;min-height:46px}
.vnc textarea.vnc-in{resize:vertical;min-height:84px}
.vnc .vnc-in:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,111,194,.12)}
.vnc-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.vnc-row .vnc-in{margin-top:0}
.vnc-form>.vnc-row{margin-top:8px}
.vnc .vnc-cb{display:flex;gap:10px;align-items:flex-start;margin-top:12px;font-size:13.5px;line-height:1.45;color:var(--grey);cursor:pointer}
.vnc-cb input{flex:none;width:17px;height:17px;margin-top:1px;accent-color:var(--blue)}
.vnc-cb a{color:var(--blue)}
.vnc-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.vnc-ts{margin-top:10px}
.vnc .vnc-btn{display:block;width:100%;margin-top:14px;background:var(--navy);color:#fff;border:0;border-radius:10px;padding:14px;font-size:15.5px;font-weight:600;text-align:center;cursor:pointer;text-decoration:none;box-shadow:none}
.vnc .vnc-btn:hover{background:#0b1a8a;color:#fff}
.vnc .vnc-btn:disabled{background:#cfd4e0;cursor:not-allowed}
/* Ergebnis im selben Kasten */
.vnc-res{padding:18px}
.vnc-ok{display:flex;gap:14px;align-items:center}
.vnc-ok img{flex:none;width:60px;height:60px;border-radius:12px;background:var(--sky)}
.vnc-res .vnc-h{margin:0;font-size:20px}
.vnc-go{font-size:14px;font-weight:700;color:#1f7a55}
.vnc-rev{font-size:14px;font-weight:700;color:#9a5b00}
.vnc-res>.vnc-rev+.vnc-h{margin-bottom:6px}
.vnc-res>.vnc-sub{margin:0 0 12px}
.vnc-meta{font-size:14px;color:var(--grey);margin-top:2px}
.vnc-price{display:flex;justify-content:space-between;align-items:baseline;margin-top:16px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.vnc-price span{font-size:14px;color:var(--grey)}
.vnc-price b{font-family:'Plus Jakarta Sans',Jak,Inter,sans-serif;font-weight:700;font-size:28px;color:var(--navy);line-height:1}
.vnc-lines{padding:8px 0 0}
.vnc-lines div{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;color:var(--grey);padding:2px 0}
.vnc-lines b{font-weight:600;color:var(--ink);white-space:nowrap}
.vnc .vnc-inc{margin:10px 0 12px;font-size:13.5px;color:var(--grey)}
.vnc .vnc-fine{margin:12px 0 0;font-size:12px;line-height:1.45;color:#8a90a6}
.vnc .vnc-done{margin:14px 0 0;padding:12px 14px;border-radius:10px;background:var(--skylight);color:var(--navy);font-size:15px}
.vnc .vnc-wait{margin:8px 0 4px;color:var(--grey)}
/* Einstieg (falls kompakt genutzt) */
.vnc-teaser{padding:18px}
.vnc-tpics{display:flex;gap:8px;margin-bottom:12px}
.vnc-tpics img{width:40px;height:40px;border-radius:10px;background:var(--sky)}
.vnc-teaser .vnc-h{margin:0 0 4px}
/* Schmale Spalte */
@container (max-width:380px){
  .vnc-body{padding:14px 14px 16px}
  .vnc .vnc-h{font-size:18px}
  .vnc .vnc-t{padding:12px;font-size:14.5px}
  .vnc-c6{grid-template-columns:repeat(4,1fr)}
  .vnc-c3 .vnc-t,.vnc-c4 .vnc-t,.vnc-c6 .vnc-t{padding:11px 0;font-size:14px}
  .vnc-c2 .vnc-t{padding:11px;font-size:13.5px}
  .vnc-res{padding:16px 14px}
  .vnc-price b{font-size:25px}
  .vnc-row{grid-template-columns:1fr}
}
/* Rechte Spalte: läuft beim Scrollen mit, das Faktenkästchen scrollt normal weg */
.vnc.vnc-side{position:sticky;top:96px;margin:20px 0 0}
.col2:has(.vnc-side) .facts{position:static}
@media (max-width:600px){
  .vnc{margin:22px 0}
  .vnc-c6{grid-template-columns:repeat(4,1fr)}
}
/* Handy: Check als Fenster von unten (gleich gebaut wie das Library-Fenster), startet unter der Kopfzeile */
.vnc-sheetwrap{position:fixed;left:0;right:0;bottom:0;top:54px;z-index:99994;display:none;font-family:Inter,Int,system-ui,sans-serif}
.vnc-sheetwrap.open{display:block}
.vnc-sheetbg{position:absolute;inset:0;background:rgba(6,12,84,.35)}
.vnc-sheetbox{position:absolute;left:0;right:0;bottom:0;max-height:calc(100% - 12px);display:flex;flex-direction:column;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -10px 40px rgba(6,12,84,.2);overflow:hidden}
.vnc-sheettop{display:flex;justify-content:space-between;align-items:center;padding:10px 12px 10px 18px;border-bottom:1px solid #dfe2ea;font-family:'Plus Jakarta Sans',Jak,Inter,sans-serif;font-weight:700;font-size:16px;color:#060c54}
.vnc-sheetx{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:#f4f6fb;color:#16182b;cursor:pointer;padding:0}
.vnc-sheetx:hover{background:#e3e8f1}
.vnc-sheetbody{overflow:auto;-webkit-overflow-scrolling:touch;padding:12px 14px calc(18px + env(safe-area-inset-bottom))}
.vnc.vnc-insheet{margin:0;max-width:none}
.vnc.vnc-insheet .vnc-w{border:0;border-radius:0}
.vnc.vnc-insheet .vnc-head{display:none}
.vnc.vnc-insheet .vnc-res{border:0;padding:6px 4px}
html.vnc-lock{overflow:hidden}
/* Buttons im Text, nur auf dem Handy (am Computer steht der Check in der rechten Spalte) */
.ck-cta{display:block;margin:22px 0}
.ck-cta button{display:block;width:100%;background:#060c54;color:#fff;border:0;border-radius:10px;padding:15px 16px;font-family:Inter,Int,system-ui,sans-serif;font-size:16px;font-weight:600;line-height:1.3;text-align:center;text-transform:none;letter-spacing:normal;cursor:pointer;box-shadow:none}
.ck-cta button:hover,.ck-cta button:focus{background:#0b1a8a;color:#fff}
.vnc-sheetwrap .vnc-sheetx,.vnc-sheetwrap .vnc-sheetx:focus,.vnc-sheetwrap .vnc-sheetx:active{background:#f4f6fb;color:#16182b;box-shadow:none;outline:none}
.vnc-sheetwrap .vnc-sheetx:hover{background:#e3e8f1;color:#16182b}
.vnc-sheetwrap .vnc-sheetx:focus-visible{outline:2px solid #0a6fc2;outline-offset:2px}
/* Fenster bleibt beim Durchklicken gleich hoch (springt nicht), Scrollen läuft nicht in die Seite durch */
.vnc-sheetbox{min-height:min(620px,calc(100% - 12px))}
.vnc-sheetbody{flex:1;overscroll-behavior:contain}
.vnc-lines .vnc-later{margin-top:4px;padding-top:6px;border-top:1px dashed var(--line)}
/* Ergebniskopf als Band (10.10.2026): Haken bzw. Info-Zeichen, Überschrift, eine Zeile Programm · Dauer · Start; kein „Go“-Etikett */
.vnc-banner{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:12px;margin:0 0 2px}
.vnc-banner-ok{background:#eefaf3;border:1px solid #cdebdc}
.vnc-banner-rev{background:#fff7eb;border:1px solid #f3dcb8;margin-bottom:14px}
.vnc-tick{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;margin-top:1px;color:#fff}
.vnc-banner-ok .vnc-tick{background:#1f7a55}
.vnc-banner-rev .vnc-tick{background:#b26a00}
.vnc-res .vnc-banner .vnc-h{font-size:19px;line-height:1.25;margin:0}
.vnc-banner .vnc-meta{margin-top:4px;font-size:14px;line-height:1.45;color:#4a5568}

/* Persönliche Prüfung: grün, Info-Knopf, drei Gründe; Navigation unter dem Formular (10.10.2026) */
.vnc .vnc-why{display:inline-flex;align-items:center;gap:8px;margin:14px 0 0;padding:0;border:0;background:none;box-shadow:none;cursor:pointer;font-size:14px;font-weight:600;color:#1f7a55;text-align:left}
.vnc .vnc-why:hover{background:none;text-decoration:underline}
.vnc-why-i{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid #1f7a55;display:grid;place-items:center;font:700 14px/1 Georgia,serif;font-style:italic;color:#1f7a55}
.vnc .vnc-why[aria-expanded="true"] .vnc-why-i{background:#1f7a55;color:#fff}
.vnc-whyx{margin:0;padding-top:10px;font-size:14px;line-height:1.55;color:#2c3e35}
.vnc-revl{list-style:none;margin:12px 0 14px;padding:0;display:grid;gap:7px}
.vnc-revl li{display:flex;gap:9px;align-items:flex-start;font-size:14.5px;line-height:1.45;color:var(--ink)}
.vnc-ltick{flex:none;width:20px;height:20px;border-radius:50%;background:#dff3e8;color:#1f7a55;display:grid;place-items:center;margin-top:1px}
.vnc-resnav{display:flex;justify-content:space-between;gap:12px;margin-top:6px}
.vnc .vnc-resnav .vnc-bk{margin-top:8px}
.vnc .vnc-restart{display:inline-block;margin-top:8px;padding:0;border:0;background:none;box-shadow:none;font-size:14px;color:var(--grey);cursor:pointer}
.vnc .vnc-restart:hover{color:var(--navy);text-decoration:underline;background:none}

/* Check als Fenster auch am Computer, sanft geöffnet; rechts ein Kasten mit Button (10.10.2026 abends) */
.vnc-sheetwrap.open .vnc-sheetbg{animation:vncFade .28s ease}
.vnc-sheetwrap.open .vnc-sheetbox{animation:vncUp .38s cubic-bezier(.22,1,.36,1)}
@keyframes vncFade{from{opacity:0}}
@keyframes vncUp{from{opacity:.3;transform:translateY(60px)}}
@media (min-width:901px){
 .ck-cta button{width:auto;display:inline-block;padding:14px 26px;border-radius:999px}
 .vnc-sheetwrap.vnc-modal{top:0;z-index:100001}
 .vnc-modal .vnc-sheetbox{left:50%;right:auto;top:50%;bottom:auto;width:min(580px,calc(100vw - 48px));max-height:min(88vh,860px);min-height:0;transform:translate(-50%,-50%);border-radius:20px;box-shadow:0 30px 90px rgba(6,12,84,.3)}
 .vnc-sheetwrap.vnc-modal.open .vnc-sheetbox{animation:vncPop .38s cubic-bezier(.22,1,.36,1)}
 .vnc-modal .vnc-sheetbody{padding:16px 20px 22px}
}
@keyframes vncPop{from{opacity:0;transform:translate(-50%,-46%) scale(.96)}}
.vnc-sidecta{display:none}
@media (min-width:901px){
 aside.col2:has(.vnc-sidecta){position:sticky;top:96px;align-self:start}
 aside.col2:has(.vnc-sidecta) .facts{position:static}
 .vnc-sidecta{display:block;margin-top:16px;border:1px solid #cfe3f7;border-radius:14px;background:linear-gradient(160deg,#eaf5ff 0%,#fff 70%);padding:16px 18px 18px;font-family:Inter,Int,system-ui,sans-serif}
 .vnc-sidecta p{margin:0}
 .vnc-sidecta-h{font-size:13px;font-weight:600;color:#0a6fc2}
 .vnc-sidecta-q{margin-top:4px!important;font-family:'Plus Jakarta Sans',Jak,Inter,sans-serif;font-weight:700;font-size:19px;line-height:1.3;color:#060c54}
 .vnc-sidecta-p{margin-top:6px!important;font-size:14.5px;line-height:1.5;color:#3d4258}
 .vnc-sidecta-b{display:block;width:100%;margin-top:14px;background:#060c54;color:#fff;border:0;border-radius:12px;padding:13px 14px;font:600 15.5px/1.2 Inter,Int,system-ui,sans-serif;cursor:pointer}
 .vnc-sidecta-b:hover{background:#0b1a8a}
}
@media (prefers-reduced-motion:reduce){.vnc-sheetwrap.open .vnc-sheetbg,.vnc-sheetwrap.open .vnc-sheetbox{animation:none!important}}

/* Stellen-Modus (11.10.2026) */
.vnc-role{margin:0;padding:8px 16px;font-size:13px;line-height:1.4;color:#3d4258;background:#f4f8fd;border-bottom:1px solid var(--line)}
.vnc-role b{color:#060c54}
.vnc-role-p{margin:12px 0 4px}
.vnc-role-done{display:grid;gap:10px;margin-top:14px}
.vnc .vnc-role-done .vnc-apply{display:block;text-align:center;text-decoration:none;background:#0a7a4a}
.vnc .vnc-role-done .vnc-apply:hover{background:#086a40}
.vnc-letter{display:block;text-align:center;padding:12px;border:1.5px solid #060c54;border-radius:10px;color:#060c54;font-weight:600;text-decoration:none}
.vnc-letter:hover{background:#f4f6fb}
.vnc-role-done p{margin:4px 0 0;font-size:14px;line-height:1.5;color:#3d4258}

/* 21.10.2026: keine Ligaturen, sonst fehlt bei „fi“ der i-Punkt (Marcellus) */
html{font-variant-ligatures:none}

/* Handy: Prüfung bildschirmfüllend, die Seite dahinter steht still (21.10.2026) */
@media(max-width:900px){.vnc-sheetwrap{top:0;z-index:100001}.vnc-sheetbox{top:0;max-height:none;height:100%;min-height:0;border-radius:0}}