@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/source-sans-pro-400.woff2') format('woff2')}
@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/source-sans-pro-600.woff2') format('woff2')}
@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/source-sans-pro-700.woff2') format('woff2')}
/* Purple #7A3C85 from the supplied website source; HNVG typography. */
:root{--ink:#7a3c85;--muted:#705e74;--pink:#7a3c85;--paper:#fff}
body{font-family:'Source Sans Pro',Arial,sans-serif;background:#fff;color:#7a3c85}
header{max-width:none;border-bottom:1px solid #eae2ec;height:105px;padding:0 max(32px,calc((100vw - 1180px)/2));gap:24px;background:#fff}
.brand{display:flex;align-items:center;gap:23px;font-family:'Source Sans Pro',Arial,sans-serif;font-size:21px;letter-spacing:0;font-weight:600}
.hnvg-logo{width:148px;height:auto;display:block}.brand-title{border-left:1px solid #e3d7e6;padding-left:23px}.brand-title small{display:block;color:#78637d;font-size:11px;font-weight:400;letter-spacing:1.3px;text-transform:uppercase;margin-top:3px}
.topnote{color:#7a3c85;letter-spacing:.03em;font-size:13px}.pill{color:#7a3c85;background:#f6f0f7;border:0;border-radius:0;padding:10px 15px}
.layout{max-width:1180px;grid-template-columns:minmax(0,1fr) 420px;gap:72px;margin-top:46px;margin-bottom:52px}
.eyebrow{color:#7a3c85;font-size:12px;letter-spacing:1.5px}.eyebrow:before{background:#b78abf;border-radius:0;width:5px;height:17px}
h1{font-family:'Karma',Georgia,serif;font-weight:400;font-size:58px;line-height:1.13;letter-spacing:-1.7px;margin:23px 0;color:#7a3c85}h1 em{color:#7a3c85}h1 em:after{display:none}
.intro{color:#7a3c85;font-size:18px;line-height:1.6;max-width:420px}.steps{color:#7a3c85;font-size:14px;gap:17px}.steps b{border-radius:0;background:#f4eaf6;color:#7a3c85;width:27px;height:27px}
.little{background:#f6f0f7;color:#7a3c85;border-left:4px solid #7a3c85;border-radius:0;font-size:15px;max-width:390px;margin-top:34px}
.progressline{font-size:14px}.progress i{background:#e7dce9;border-radius:0}.progress i.done{background:#7a3c85}.progress i.current{background:#7a3c85}
.deck:before{border-radius:7px;background:#ecdfef;transform:rotate(2deg)}.card{border-radius:6px;box-shadow:0 9px 28px #7a3c851a;border:1px solid #e7dce9}.photo{background:#eadced}.tag{border-radius:0;color:#7a3c85;top:18px;left:18px;font-size:11px}.number{font-family:'Source Sans Pro',Arial,sans-serif;letter-spacing:1.7px}.caption h2{font-family:'Karma',Georgia,serif;font-weight:400;font-size:27px;letter-spacing:-.4px;color:#7a3c85}.caption p{color:#705e74;font-size:15px;line-height:1.4}.stamp{color:#7a3c85}.stamp.no{color:#e3000f}
.action{color:#e3000f;border:1px solid #e6dbe9;box-shadow:0 5px 15px #7a3c850e}.action.yes{background:#7a3c85;color:#fff;border-color:#7a3c85}.action.yes:hover{background:#62306b;border-color:#62306b}.undo{background:#f5edf7;color:#7a3c85;border:0}.actionwrap small{color:#705e74;font-size:12px}.hint{color:#75647a;font-size:12px}.actions{gap:30px}
.result{border-radius:6px;border-color:#e6dbe9;box-shadow:0 10px 35px #7a3c8510}.result h2{font-family:'Karma',Georgia,serif;font-weight:400;letter-spacing:-.5px;color:#7a3c85}.result p{color:#705e74;font-size:15px}.reason{background:#f5edf7;border-radius:0;border-left:3px solid #7a3c85}.alternatives{border-color:#e6dbe9}.alt{font-size:16px}.alt small{color:#705e74;font-size:13px}.restart{background:#7a3c85;border-radius:0;font-weight:600;font-size:15px}.restart:hover{background:#62306b}.matchlabel{color:#7a3c85}.disclaimer{font-size:12px!important}
footer{max-width:none;padding:25px max(32px,calc((100vw - 1092px)/2));margin-top:0;background:#7a3c85;color:#fff;font-size:12px;line-height:1.6;gap:24px}button:focus-visible,a:focus-visible{outline:3px solid #7a3c85}
@media(max-width:1000px){header{padding:0 28px}.topnote{display:none}.layout{gap:40px;padding:0 32px}h1{font-size:49px}}
@media(max-width:850px){header{height:88px;padding:0 22px;gap:12px}.hnvg-logo{width:103px}.brand{gap:14px;font-size:18px}.brand-title{padding-left:14px}.brand-title small{font-size:9px}.pill{font-size:10px;padding:7px 9px}.layout{grid-template-columns:1fr;gap:27px;margin:28px auto 35px;padding:0 24px;max-width:490px}.copy h1{font-size:41px;line-height:1.15;letter-spacing:-1px}.intro{font-size:16px}.eyebrow{font-size:10px}.caption h2{font-size:26px}.caption p{font-size:14px}footer{padding:22px 24px;flex-direction:column;gap:6px;font-size:11px}.deck{height:460px}}
@media(max-width:380px){.pill{display:none}.copy h1{font-size:36px}.caption{padding:17px 20px}.caption h2{font-size:24px}}

/* Variable caption height keeps the longer HNVG cards readable on narrow screens. */
.deck{height:auto;min-height:0}.card{position:relative;inset:auto}.caption{min-height:200px}.tag{max-width:calc(100% - 36px);line-height:1.35}.result h2{overflow-wrap:anywhere}
@media(max-width:850px){.deck{height:auto}.photo{height:270px}.caption{min-height:210px}}

.job-photo{display:block;width:100%;height:220px;object-fit:cover;border-radius:4px;margin-bottom:20px}.alt{display:flex;align-items:flex-start;gap:12px;text-align:left}.job-thumb{width:90px;height:76px;flex-shrink:0;object-fit:cover;border-radius:4px}.job-symbol{font-size:28px}.alt>div{min-width:0}.alt small{margin-left:0}.early-result{padding:12px;background:#f5edf7;border-left:3px solid #7a3c85;text-align:left;line-height:1.5}
@media(max-width:380px){.job-thumb{width:66px;height:66px}}

.copy h1,.copy .intro,.copy .little{white-space:pre-line;overflow-wrap:break-word}.steps{flex-wrap:wrap}.steps .step-text{display:inline}.little[hidden]{display:none}

.pill a{color:inherit}.pill a:hover{color:#62306b}

/* Campaign styling based on wir-sorgen-fuer-morgen.de. */
:root{--orange:#ea5b0c;--ink:#7a3c85;--muted:#655d67}
header{background:#7a3c85;color:#fff;border:0;min-height:108px;height:auto;padding-top:18px;padding-bottom:18px;gap:24px}
.brand{gap:24px}.campaign-logo{width:220px;height:60px;object-fit:contain;display:block;flex-shrink:0}.brand-title{border-left:1px solid #ffffff55;padding-left:24px;font-size:22px}.brand-title small{color:#fff;opacity:.85;letter-spacing:1px}.topnote{color:#fff}.pill{background:transparent;border:1px solid #ffffff80;color:#fff}.pill a{text-decoration:none;color:#fff}.pill a:hover{color:#fff;text-decoration:underline}
.layout{max-width:1260px;grid-template-columns:minmax(0,1fr) 480px;margin-top:48px;margin-bottom:64px;gap:64px;align-items:start}.copy{padding-top:22px}
h1,.copy h1{font-family:'Source Sans Pro',Arial,sans-serif;font-weight:700;font-size:60px;line-height:1.05;letter-spacing:-1.5px;text-transform:uppercase;margin:20px 0 26px}h1 em{color:#ea5b0c}
.eyebrow{font-weight:700;letter-spacing:1.8px}.eyebrow:before{background:#ea5b0c;width:6px;height:22px}
.intro{color:#333;font-size:19px;line-height:1.6}.steps{color:#4b434d}.steps b{background:#7a3c85;color:white;font-weight:700}.little{background:#f6f0f7;border-left-color:#ea5b0c;color:#524557}
.deck:before{transform:none;inset:6px -5px -6px 5px;border-radius:26px;background:#f4eef5;border:1px solid #7a3c850b}.card{border-radius:24px;border:1px solid #7a3c851a;box-shadow:0 8px 24px #49224f0b}.photo{height:330px}.caption{min-height:185px;padding:26px}.caption h2{font-family:'Source Sans Pro',Arial,sans-serif;font-weight:700;font-size:28px;line-height:1.12;letter-spacing:-.4px}.caption p{color:#514b54;font-size:16px}.tag{background:#7a3c85;color:white;font-weight:700;letter-spacing:1px}
.progress i.current{background:#ea5b0c}.action{color:#7a3c85;border-color:#d7c4dc;box-shadow:none}.action.yes{background:#7a3c85}.action.yes:hover{background:#62306b;border-color:#62306b}.stamp.no{color:#7a3c85}.undo{color:#7a3c85;background:#f3ebf5}.hint,.actionwrap small{color:#655d67}
.result{border-radius:24px;border:1px solid #7a3c851a;box-shadow:0 8px 24px #49224f0b}.result h2{font-family:'Source Sans Pro',Arial,sans-serif;font-weight:700;font-size:34px;line-height:1.1}.result p{color:#514b54}.job-photo{border-radius:16px}.job-thumb{border-radius:10px}.reason,.early-result{border-left-color:#ea5b0c}.restart{font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:16px}.matchlabel{letter-spacing:1.6px;font-size:12px}
footer{background:#7a3c85;padding-top:28px;padding-bottom:28px;font-size:13px}button:focus-visible,a:focus-visible{outline-color:#ea5b0c}
@media(max-width:1100px){.topnote{display:none}.layout{gap:36px;grid-template-columns:minmax(0,1fr) minmax(380px,44%)}.campaign-logo{width:190px}}
@media(max-width:850px){header{padding:18px 22px;gap:16px;flex-wrap:wrap}.brand{gap:18px}.campaign-logo{width:170px;height:48px}.brand-title{font-size:18px;padding-left:18px}.brand-title small{font-size:9px}.pill{font-size:12px}.layout{grid-template-columns:1fr;max-width:540px;padding:0 20px;margin:30px auto 44px;gap:28px}.copy{padding-top:0}.copy h1{font-size:43px;line-height:1.05;letter-spacing:-1px}.intro{font-size:17px}.photo{height:290px}.caption{min-height:190px}.caption h2{font-size:27px}footer{font-size:12px}}
@media(max-width:400px){.brand{gap:12px}.campaign-logo{width:138px;height:42px}.brand-title{padding-left:12px;font-size:17px}.brand-title small{letter-spacing:.4px}.copy h1{font-size:38px}.caption{padding:20px}.caption h2{font-size:25px}}