:root{color-scheme:light;--paper:#f5f3eb;--surface:#fbfaf4;--ink:#22251f;--muted:#65695f;--line:#d7d9ca;--lime:#dcef86;--lavender:#ddd9ec;--blue:#2b43b3;--green:#334f3c;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}a{color:inherit;text-underline-offset:4px}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}[hidden]{display:none!important}.shell{max-width:1440px;margin:auto;padding:0 clamp(20px,4vw,64px)}header{height:108px;display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line)}.brand{font-size:40px;font-weight:800;letter-spacing:-3px;text-decoration:none;line-height:1}.brand span{color:var(--blue)}.edition{font:10px/1.6 ui-monospace,monospace;letter-spacing:1px;color:var(--muted)}.maplink{margin-left:auto;text-decoration:none;font-size:13px;padding:12px 0}.maplink span{margin-left:10px}.nav{display:flex;gap:clamp(20px,3.5vw,44px);border-bottom:1px solid var(--line);overflow-x:auto}.nav a{padding:21px 0 17px;white-space:nowrap;text-decoration:none;border-bottom:3px solid transparent;font-size:14px;color:var(--muted)}.nav a[aria-current=page]{color:var(--ink);border-color:var(--ink)}main{min-height:60vh;outline:none}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5.9vw,85px);font-weight:650;line-height:1.02;letter-spacing:-.065em;margin:20px 0 24px}h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-.07em;color:var(--blue)}h2{font-size:clamp(28px,3.8vw,48px);line-height:1.12;letter-spacing:-.045em}h3{font-size:21px;line-height:1.25;letter-spacing:-.025em}.eyebrow{font:11px/1.5 ui-monospace,monospace;letter-spacing:1.1px;text-transform:uppercase;color:var(--muted)}.muted{color:var(--muted)}.intro{font-size:17px;color:var(--muted);max-width:48ch}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:transparent;border:1px solid var(--line);padding:13px 20px;min-height:48px;text-decoration:none;border-radius:3px;font-size:14px;line-height:1.4}.btn:hover:not(:disabled){border-color:var(--ink)}.btn.dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn.lime{background:var(--lime);border-color:var(--lime)}.btn:disabled{opacity:.45}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.textbutton{background:none;border:0;text-decoration:underline;text-underline-offset:4px;padding:12px 0;font-size:13px;min-height:44px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px);align-items:center;padding:56px 0 58px}.hero .intro{max-width:35ch}.hero-actions{display:grid;gap:10px;max-width:350px;margin:28px 0 14px}.hero-actions .btn{justify-content:space-between;font-size:16px}.smallnote{font-size:12px;color:var(--muted);max-width:46ch}.exhibition{position:relative;padding:15px 0 18px}.exhibition::before{content:'';position:absolute;inset:8px -9px 18px 10px;background:var(--lavender);transform:rotate(3deg);z-index:-1}.flipcard{display:block;width:100%;padding:0;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-align:left;overflow:hidden;border-radius:4px}.flipcard .image{height:auto;aspect-ratio:4/3}.image{position:relative;background:#e6e6dc;overflow:hidden;display:grid;place-items:center;isolation:isolate}.image img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.image:hover img{transform:scale(1.025)}.image .pending{font:12px ui-monospace,monospace;text-align:center;padding:25px;color:var(--muted);position:relative}.image .pending b{display:block;font:italic 56px var(--serif);color:#b1b5a5;margin-bottom:14px}.cardinfo{padding:22px 25px}.cardmeta{display:flex;justify-content:space-between;gap:15px;font:10px ui-monospace,monospace;letter-spacing:1px;color:var(--muted);text-transform:uppercase}.cardtitle{display:block;font:normal clamp(25px,3vw,39px)/1.08 var(--serif);letter-spacing:-.035em;margin:15px 0 10px;overflow-wrap:anywhere}.cardfoot{display:flex;gap:14px;justify-content:space-between;font-size:12px;color:var(--muted)}.flipcard.turning{animation:turn .43s ease}.flipcard .reveal{font-size:14px;margin:0}.flipcard[aria-pressed=true]{background:#eef0e4}.hero-caption{display:flex;justify-content:space-between;margin:17px 5px 0;font-size:11px;color:var(--muted)}.process{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process article{padding:28px 30px 28px 0}.process article+article{border-left:1px solid var(--line);padding-left:30px}.process p{font-size:14px;color:var(--muted);margin-bottom:0}.process .step{font:italic 28px var(--serif);color:var(--blue)}.process h3{margin:12px 0 10px}.heading{padding:42px 0 15px}.heading h1{font-size:clamp(40px,5vw,66px)}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:15px 0 25px}.toolbar input{min-width:180px;flex:1}.toolbar input,.toolbar select{background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:12px 14px;min-height:48px}.toolbar button[aria-pressed=true]{background:var(--lime);border-color:var(--lime)}.catalogue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}.mini-card{min-width:0}.mini-card .cardinfo{padding:17px 19px}.mini-card .cardtitle{font-size:27px;min-height:58px}.mini-card .cardfoot{font-size:11px}.cardlinks{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 0 20px}.cardlinks a{font-size:12px}.save{padding:8px 10px;border:0;background:transparent;font-size:13px;min-height:44px}.save[aria-pressed=true]{color:var(--blue)}.count{font:11px ui-monospace,monospace;color:var(--muted);margin:0 0 20px}.empty{padding:60px 0;text-align:center;border:1px solid var(--line)}.session-start{display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:start;padding:50px 0}.session-start h1{font-size:clamp(44px,6vw,80px)}.session-options{background:var(--surface);border:1px solid var(--line);padding:30px}.session-options label{display:block;font-size:12px;margin:20px 0 8px}.session-options select{width:100%;padding:12px;border:1px solid var(--line);background:var(--paper);margin-bottom:12px}.session-options .btn{width:100%;margin:10px 0}.roundhead{display:flex;justify-content:space-between;align-items:center;padding:28px 0 16px;gap:15px}.progressbar{height:3px;background:var(--line);margin-bottom:30px}.progressbar span{display:block;height:100%;background:var(--blue);transition:width .3s}.play-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(28px,5vw,70px);align-items:center;max-width:1100px;margin:0 auto}.play-layout .cardtitle{font-size:36px}.play-copy h2{font-size:38px}.rating{display:grid;gap:10px;margin-top:25px}.rating .btn{justify-content:space-between}.choice{display:block;width:100%;padding:16px;margin-bottom:10px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:3px;min-height:60px}.choice:hover:not(:disabled){border-color:var(--ink)}.choice.correct{background:#dce8cb;border-color:#637b4b;opacity:1}.choice.wrong{background:#f0ded5;border-color:#b97d64;opacity:1}.choice:disabled{cursor:default}.feedback{border-left:3px solid var(--blue);padding:3px 0 3px 18px;margin:20px 0}.feedback h3{margin-bottom:8px}.feedback p{margin-bottom:0;font-size:14px}.summary{padding:60px 0;max-width:800px}.big-number{font:italic clamp(85px,15vw,160px)/1 var(--serif);color:var(--blue);margin:15px 0 25px}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:25px 0}.stat{padding:24px;border:1px solid var(--line);background:var(--surface)}.stat b{display:block;font:48px var(--serif);color:var(--blue)}.stat span{font-size:13px}.detailhead{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;padding:35px 0 45px;align-items:start}.detailhead h1{font-size:clamp(36px,4.3vw,62px)}.detailhead .image{aspect-ratio:4/3;margin:15px 0}.detailhead .image+small{display:block;color:var(--muted)}.badges{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.badge{font:11px ui-monospace,monospace;border:1px solid var(--line);border-radius:20px;padding:7px 11px}.infocols{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);gap:35px;padding:32px 0}.infocols p{font-size:14px}.profile-note{padding:25px;background:var(--lavender);font-size:14px;line-height:1.6}.longtitle{font-size:12px;color:var(--muted)}.education{padding:40px 0}.education h1{max-width:900px}.education-hero{display:flex;align-items:end;justify-content:space-between;gap:40px}.education-hero p{max-width:360px}.path-start{text-align:center;padding:22px;border:1px solid var(--line);margin:25px auto 0;max-width:480px;background:var(--surface)}.path-fork{text-align:center;font-size:27px;color:var(--muted)}.pathways{display:grid;grid-template-columns:1fr 1fr;gap:25px}.pathway{padding:clamp(22px,3vw,40px);background:var(--lime);border:1px solid #ccd5a8}.pathway.efz{background:var(--lavender);border-color:#ccc5de}.pathway .degree{font:italic clamp(65px,8vw,105px)/1 var(--serif);letter-spacing:-5px;display:block}.pathway h2{font-size:23px;margin:17px 0 12px}.pathway p{max-width:48ch;font-size:15px}.pathway .duration{font:11px ui-monospace,monospace;letter-spacing:1px;display:block;margin:15px 0}.pathway ul{padding-left:19px;font-size:14px}.bridge{border:1px solid var(--line);text-align:center;padding:18px;margin:25px 0;font-size:14px}.nextpaths{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.nextpath{background:var(--surface);border:1px solid var(--line);padding:24px}.nextpath h3{font-size:22px}.nextpath p{font-size:14px}.places{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:30px 0;border-top:1px solid var(--line);margin-top:45px}.places strong{display:block;margin-bottom:10px}.places p{font-size:14px;color:var(--muted)}details{border-top:1px solid var(--line);padding:19px 0}summary{cursor:pointer;font-weight:600;min-height:32px}details p{font-size:14px;max-width:80ch;margin-top:15px}.source-list{font-size:12px;color:var(--muted);display:grid;gap:8px;margin-top:25px}.sources{font-size:12px;color:var(--muted);margin:25px 0}.warning{border-left:3px solid #ab662a;padding:12px 18px;background:#f3eadb;font-size:13px}.back{display:inline-block;font-size:13px;margin-top:25px}.session-controls{display:flex;justify-content:space-between;gap:15px;margin:28px 0}.quiz-tabs{display:flex;gap:8px;margin:20px 0}.quiz-tabs .btn[aria-pressed=true]{background:var(--lime)}footer{margin-top:70px;padding:25px 0 35px;border-top:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;color:var(--muted);font:10px/1.5 ui-monospace,monospace;letter-spacing:.5px}.skip{position:fixed;top:-60px;left:20px;background:var(--lime);padding:12px;z-index:100}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:12px 22px;box-shadow:0 5px 30px #0002;border-radius:4px;z-index:30;font-size:14px;max-width:90vw}button:active{transform:translateY(1px)}@keyframes turn{0%{transform:perspective(1000px) rotateY(-9deg);opacity:.65}100%{transform:perspective(1000px) rotateY(0);opacity:1}}@media(max-width:900px){.hero{gap:35px}.hero h1{font-size:62px}.catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}.play-layout{gap:30px}.education-hero{display:block}.session-start{gap:35px}.detailhead{gap:30px}}@media(max-width:620px){header{height:85px;gap:16px}.brand{font-size:34px}.edition{font-size:8px}.maplink{font-size:11px}.nav{gap:23px}.nav a{font-size:12px;padding:18px 0 14px}.hero{grid-template-columns:1fr;gap:20px;padding:32px 0}.hero h1{font-size:58px;max-width:8ch}.hero-actions{max-width:none;grid-template-columns:1fr 1fr}.hero .intro{max-width:34ch}.hero-actions .btn{font-size:14px;padding:13px}.exhibition{margin:0 4px}.process{grid-template-columns:1fr}.process article,.process article+article{border-left:0;border-top:1px solid var(--line);padding:22px 0}.process article:first-child{border-top:0}.process article .step{float:left;margin-right:18px}.process h3{margin:3px 0 7px}.process p{margin-left:45px}.catalogue{gap:18px 13px}.mini-card .cardinfo{padding:12px}.mini-card .cardtitle{font-size:21px;min-height:52px}.mini-card .cardmeta{font-size:8px}.mini-card .cardfoot{font-size:10px}.toolbar{gap:9px}.toolbar input{flex-basis:100%;width:100%}.toolbar select,.toolbar button{font-size:13px}.toolbar select{flex:1}.cardlinks{align-items:start}.cardlinks a{font-size:11px}.save{padding:8px 2px;font-size:12px}.session-start,.play-layout,.detailhead{grid-template-columns:1fr;gap:25px}.session-start{padding-top:30px}.session-options{padding:24px}.play-layout .cardtitle{font-size:29px}.play-copy h2{font-size:30px}.roundhead{padding-top:22px}.progressbar{margin-bottom:22px}.rating{grid-template-columns:1fr;gap:8px}.play-copy .muted{font-size:14px}.statgrid{gap:8px}.stat{padding:15px 10px}.stat b{font-size:36px}.stat span{font-size:11px}.infocols{grid-template-columns:1fr;gap:10px}.detailhead h1{margin-top:12px}.pathways{grid-template-columns:1fr;gap:18px}.nextpaths,.places{grid-template-columns:1fr;gap:14px}.places{padding:25px 0}.places p{margin-bottom:0}.education{padding-top:25px}.education h1{font-size:48px}.pathway{padding:25px}.pathway .degree{font-size:80px}.heading{padding-top:26px}.quiz-tabs{flex-wrap:wrap}footer{margin-top:42px}.education-hero p{max-width:none}}@media(max-width:360px){.edition{display:none}.catalogue{grid-template-columns:1fr}.hero h1{font-size:52px}.nav{gap:18px}.statgrid{grid-template-columns:1fr}.hero-actions{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{header,.nav,footer,.actions,.back{display:none}.shell{padding:0}.education{padding:0}.education h1{font-size:38px}.pathways{grid-template-columns:1fr 1fr}.pathway,.nextpath{break-inside:avoid}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.education details{display:none}}

/* Berufswahl: Quellen, Vergleich und eigene Fragen */
.official-block{padding:28px;background:var(--lavender);margin:24px 0 40px;border:1px solid var(--line)}.official-block h2{font-size:34px;margin-top:14px}.official-block .smallnote{margin:18px 0 0}.cardlinks{flex-wrap:wrap}.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.comparison-card{min-width:0;background:var(--surface);border:1px solid var(--line)}.comparison-copy{padding:22px}.comparison-copy h2{font-size:30px;overflow-wrap:anywhere;margin-top:12px}.comparison-copy .textbutton{display:block;margin:20px 0}.note-label{display:block;font-size:14px;font-weight:600;margin:20px 0 8px}textarea{font:inherit;width:100%;resize:vertical;border:1px solid #999e8f;background:var(--surface);color:var(--ink);padding:14px;line-height:1.5;border-radius:3px}textarea:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.compare-button[aria-pressed=true]{color:var(--blue)}.toolbar select{max-width:100%}.comparison-card .image{aspect-ratio:1;overflow:hidden}.comparison-card .image img{width:100%;height:100%;object-fit:cover}@media(max-width:850px){.comparison-grid{grid-template-columns:1fr}.comparison-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(max-width:520px){.comparison-card{display:block}.official-block{padding:20px}.toolbar select{width:100%;flex-basis:100%}.comparison-copy h2{font-size:28px}}

@media(max-width:620px){.nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px;overflow:visible}.nav a{padding:12px 0 9px;white-space:normal;text-align:center}.toolbar{min-width:0}}

.guest-status{margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap}.guest-status+.maplink{margin-left:0}@media(max-width:520px){.guest-status{font-size:10px}.guest-status+.maplink{margin-left:0}}