#berufecheck{padding:0 .75rem}@media (min-width: 1280px){#berufecheck{max-width:71.375rem;margin:0 auto}}@media (min-width: 1664px){#berufecheck{max-width:83rem}}#berufecheck *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.berufecheck-container{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:8 4 4}.berufecheck-container h3{font-size:1.125rem;font-weight:700;line-height:130%}@media (min-width: 480px){.berufecheck-container h3{font-size:1.5rem}}@media (min-width: 768px){.berufecheck-container h3{font-size:2rem}}@media (min-width: 1280px){.berufecheck-container h3{font-size:2.5rem}}@media (min-width: 1664px){.berufecheck-container h3{font-size:3rem}}.berufecheck-container{display:flex;padding:1rem;flex-direction:column;align-items:flex-start;gap:1.5rem;background:linear-gradient(0deg,#0000004d,#0000004d),linear-gradient(196deg,#00b1ed,#2e2551 42.19%,#2e2551 61.98%,#ff0048);background-blend-mode:normal,normal;color:#f9f9f9;transition:all .3s ease-in-out}@media (min-width: 480px){.berufecheck-container{padding:2rem}}@media (min-width: 1664px){.berufecheck-container{padding:2.5rem}}.progress{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.progress-left{color:#b9becb;font-family:Clan;font-size:.75rem;font-style:normal;font-weight:450;line-height:165%}@media (min-width: 1664px){.progress-left{font-size:1.125rem;font-weight:400}}.progress-right{color:#b9becb;text-align:right;font-family:Clan;font-size:.75rem;font-style:normal;text-transform:uppercase;font-weight:700;line-height:165%}@media (min-width: 1664px){.progress-right{font-size:1.125rem}}.progress-bar-container{align-self:stretch}.progress-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.125rem}.progress-text{color:#b9becb;font-family:Clan;font-size:.75rem;font-weight:450;line-height:165%}@media (min-width: 1664px){.progress-text{font-size:1.125rem;font-weight:400}}.progress-title{color:#b9becb;text-align:right;font-family:Clan;font-size:.75rem;text-transform:uppercase;font-weight:700;line-height:165%}@media (min-width: 1664px){.progress-title{font-size:1.125rem}}.progress-bar-wrapper{position:relative;width:100%}.progress-bar-track{width:100%;height:.375rem;background-color:#0006;overflow:hidden;position:relative}@media (min-width: 768px){.progress-bar-track{height:.5rem}}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#ff0048,#a82576,#00b1ed);transition:width .4s ease}.progress-dots{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0;pointer-events:none}.progress-dot{width:.1875rem;height:.1875rem;border-radius:50%;background-color:#f9f9f966}@media (min-width: 768px){.progress-dot{width:.25rem;height:.25rem}}.landing-page{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem}@media (min-width: 480px){.landing-page{flex-direction:row;align-items:center;gap:2rem}}.landing-visual{flex:1}.landing-visual img{max-width:100%;height:auto}@media (min-width: 480px) and (max-width: 767.98px){.landing-visual img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;aspect-ratio:1}}.landing-text{display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:.5rem}@media (min-width: 1280px){.landing-text{gap:.75rem}}.landing-text p{font-size:.96875rem;line-height:150%}@media (min-width: 480px){.landing-text p{font-size:1rem}}@media (min-width: 768px){.landing-text p{font-size:1.125rem}}@media (min-width: 1280px){.landing-text p{font-size:1.3125rem}}.navigation{display:flex;justify-content:space-between;align-items:center;align-self:stretch;opacity:1;transition:opacity .3s ease-in-out}.navigation button:only-child{align-self:flex-end;margin-left:auto}.navigation.hidden{opacity:0}.navigation.visible{opacity:1}.button.button-text{border:none;background:none;font-size:1rem;font-weight:400;text-decoration:underline;color:#f9f9f9;padding:0}.app-content .button.button-text{color:#161922}.button{display:flex;align-items:center;gap:.5rem;align-self:stretch;line-height:120%;border:0;color:#fff}.button.button-cta{font-size:.875rem;font-weight:5 0;padding:1rem;background:linear-gradient(0deg,#333a5126,#333a5126),linear-gradient(266deg,#00b1ed -.02%,#a82576 49.46%,#ff0048 99.98%)}@media (min-width: 480px){.button.button-cta{font-size:1rem}}@media (min-width: 1280px){.button.button-cta{font-size:1.25rem;padding:1rem 1.25rem}}.button.button-cta svg{width:.75rem;height:.75rem}@media (min-width: 1280px){.button.button-cta svg{width:1rem;height:1rem}}.button.button-cta.disabled{background:linear-gradient(0deg,#333a5199,#333a5199),#333a51}.button.button-cta.disabled span,.button.button-cta.disabled svg{opacity:.4}.button.button-back{font-size:.875rem;font-weight:700;padding:.75rem;background:linear-gradient(225deg,#00b1ed40,#00b1ed00 40%,#ff004800 60%,#ff00484d)}@media (min-width: 768px){.button.button-back{font-size:1rem}}@media (min-width: 1280px){.button.button-back{font-size:1.125rem;padding:1.0625rem 1rem}}.button.button-back svg{width:.75rem;height:.75rem}@media (min-width: 1280px){.button.button-back svg{width:1rem;height:1rem}}.app-content{width:100%;opacity:1;transition:opacity .3s ease-in-out}.app-content.hidden{opacity:0}.app-content.visible{opacity:1}.step-subtitle{font-size:.875rem;font-weight:400;line-height:165%}@media (min-width: 768px){.step-subtitle{font-size:1rem}}@media (min-width: 1280px){.step-subtitle{font-size:1.125rem}}.options-list{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;align-self:stretch}@media (min-width: 480px){.options-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}}@media (min-width: 768px){.options-list{gap:1.25 rem;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.options-list{gap:1.5 rem}}.options-list.step1,.options-list.step2{grid-template-columns:repeat(2,minmax(0,1fr))}.option-item{width:100%;height:100%;border:.25rem solid #fff}.option-item input{position:fixed;opacity:0;pointer-events:none}.option-item:hover{box-shadow:0 0 16px #ff5ffa;cursor:pointer}.option-item.selected{box-shadow:0 0 16px #ff5ffa;border-style:solid;border-width:.25rem;-o-border-image:linear-gradient(46deg,#FF0048 -6.38%,#A82576 45.22%,#00B1ED 95.75%);border-image:linear-gradient(46deg,#ff0048 -6.38%,#a82576 45.22%,#00b1ed 95.75%);border-image-slice:1}.option-item.selected .option-select{border:none;opacity:1;background:linear-gradient(180deg,#00b1ed,#a82576 48.96%,#ff0048)}.option-item.not{opacity:.6}.option-image-wrapper{height:7.5rem;width:100%;position:relative}@media (min-width: 480px){.option-image-wrapper{height:10rem}}@media (min-width: 768px){.option-image-wrapper{height:13.75rem}}@media (min-width: 1280px){.option-image-wrapper{height:17.5rem}}@media (min-width: 1664px){.option-image-wrapper{height:20rem}}.option-image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.option-copyright{position:absolute;bottom:0;right:0;background:#00000040;font-size:.75rem;padding:.15rem .35rem}.option-content{display:flex;padding:.5rem .75rem .5rem .5rem;align-items:center;gap:.375rem;align-self:stretch;background:#fff;color:#161922}@media (min-width: 768px){.option-content{padding:.75rem 1rem .75rem .75rem;gap:.625rem}}.step3 .option-content,.step4 .option-content,.step5 .option-content{height:100%}.option-select{display:flex;width:.25rem;align-items:center;align-self:stretch;border:1.3px solid #161922;opacity:.15}.option-emoji{transform:scale(1.85);display:flex;justify-content:center;padding:0 .375rem}.option-text{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem}.option-text .option-label{font-size:.875rem;font-style:normal;font-weight:700;line-height:140%}@media (min-width: 768px){.option-text .option-label{font-size:1rem}}@media (min-width: 1280px){.option-text .option-label{font-size:1.125rem}}.option-text .option-description{color:#73798d;font-size:.75rem;font-style:normal;font-weight:450;line-height:150%}@media (min-width: 1280px){.option-text .option-description{font-size:.8125 rem}}.careers-list{display:grid;gap:1.25rem}@media (min-width: 768px){.careers-list{grid-template-columns:repeat(2,1fr);gap:1.5 rem}}@media (min-width: 1280px){.careers-list{grid-template-columns:repeat(3,1fr);gap:2rem}}.career-card{display:grid;grid-template-rows:auto auto 1fr;padding:1rem;gap:.75rem;background:#f9f9f9;color:#161922}@media (min-width: 1280px){.career-card{gap:1rem}}.career-card h3{font-size:1.125rem;font-weight:700;line-height:130%}@media (min-width: 480px){.career-card h3{font-size:1.25rem}}@media (min-width: 1280px){.career-card h3{font-size:1.5rem}}.career-card p.career-description{font-size:.875rem;margin-bottom:0}@media (min-width: 1280px){.career-card p.career-description{font-size:1rem}}.career-card .button-cta{width:100%;justify-content:space-between}.career-card-bottom{width:100%;align-self:end}.career-rank{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;align-self:stretch;font-size:.875rem;line-height:165%;margin-bottom:1rem}.career-rank div.first{padding:.25rem .5rem;background:linear-gradient(255deg,#c4ac6d,#ffdeaf,#c4ac6d)}.career-rank div.second{padding:.25rem .5rem;background:linear-gradient(255deg,#a1a1ad,#f0f1ff,#a1a1ad)}.career-rank div.third{padding:.25rem .5rem;background:linear-gradient(255deg,#d9684cde,#ffbd9a,#d9684c)}.career-matches{display:flex;padding:.5rem;flex-direction:column;align-items:flex-start;gap:.25rem;align-self:stretch;border:1.5px solid #161922;margin:0 0 1.5rem}.career-matches h5{font-size:.875rem;font-weight:700;line-height:165%}@media (min-width: 1280px){.career-matches h5{font-size:1rem}}.career-matches ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.career-matches li{display:flex;align-items:flex-start;gap:.375rem;align-self:stretch;font-size:.875rem;font-weight:400;line-height:130%}@media (min-width: 1280px){.career-matches li{font-size:1rem}}.career-matches li .career-matches__icon{display:flex;width:1.25rem;height:1.25rem;flex-direction:column;justify-content:center;align-items:center;border:1.5px solid #161922}@media (min-width: 1280px){.career-matches li .career-matches__icon{width:1.5rem;height:1.5rem}}.touchtable,.touchtable .berufecheck-container{min-height:100vh}.touchtable .landing-visual{width:100%}.touchtable .landing-visual img{height:185px;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.touchtable .navigation{gap:1rem;margin-top:auto}.touchtable .navigation .button{width:100%;justify-content:center}.touchtable .options-list{display:grid;grid-template-columns:repeat(2,1fr)}.touchtable .option-item{background:#fff}.touchtable .option-emoji{display:none}.touchtable .step-subtitle{margin-bottom:1rem}.touchtable .career-matches{margin:0}.touchtable .careers-list{margin-top:1rem}.touchtable .career-card{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto)}.touchtable .career-card h3{grid-column:span 2}.touchtable .career-card .career-card-top,.touchtable .career-card .career-card-bottom{grid-row-start:2}.touchtable .career-card-qr-code{grid-column:span 2;display:flex;padding:.5rem;align-items:center;gap:.75rem;align-self:stretch;background:linear-gradient(225deg,#00b1ed40,#00b1ed00 40%,#ff004800 60%,#ff00484d);font-size:1rem;font-style:normal;font-weight:700;line-height:150%}@font-face{font-family:Clan;src:url(/assets/Clan-hNbwQnlA.woff2) format("woff2"),url(/assets/Clan-CRtiEiWw.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Clan;src:url(/assets/Clan-Bold-iH404j8W.woff2) format("woff2"),url(/assets/Clan-Bold-CsxrG5q-.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Tomorrow;src:url(/assets/Tomorrow-ExtraBold-RYDs55-J.woff2) format("woff2"),url(/assets/Tomorrow-ExtraBold-CPKTphl_.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Clan,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-reduced-motion: no-preference){::view-transition-group(*){animation-duration:.4s;animation-timing-function:cubic-bezier(.4,0,.2,1)}}@media (prefers-reduced-motion: reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}