html,body{background:#0b0e11;margin:0;padding:0}html{scroll-padding-bottom:96px}*{box-sizing:border-box}body{color:#f2f4f5;font-family:var(--font-instrument-sans), system-ui, sans-serif;background:#0b0e11;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:#e9a57e;text-decoration:none}a:hover{color:#c0562a}input,button,select{font-family:inherit}input::placeholder{color:#f2f4f54d}input:focus{outline-offset:1px;outline:2px solid #c0562a}button{touch-action:manipulation}@media (max-width:820px){.builder-grid{grid-template-columns:minmax(0,1fr)!important}.builder-grid>div:first-child{position:static!important}}.legal-document{color:#f2f4f5c7;max-width:72ch;font-size:16px;line-height:1.7}.legal-document h2{color:#fff;font-family:var(--font-archivo), sans-serif;letter-spacing:-.01em;margin:0 0 12px;font-size:clamp(19px,3vw,25px);line-height:1.2}.legal-document p{margin:0 0 14px}.legal-document p:last-child{margin-bottom:0}.legal-document ul{margin:0 0 16px;padding-left:22px}.legal-document li{margin:5px 0}@keyframes stepIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.step-in{animation:.28s stepIn}.opt-card{text-align:left;cursor:pointer;color:#f2f4f5;width:100%;min-height:60px;font-family:var(--font-instrument-sans), sans-serif;background:#0b0e11;border:1px solid #ffffff21;align-items:center;gap:12px;padding:15px 16px;font-size:15px;line-height:1.35;transition:border-color .15s,background .15s;display:flex}.opt-card.active{background:#c0562a26;border-color:#c0562a}.opt-dot{background:0 0;border:1px solid #ffffff47;flex:none;width:14px;height:14px}.opt-dot.active{background:#c0562a;border-color:#c0562a}.opt-chip{cursor:pointer;color:#f2f4f5b8;min-height:46px;font-size:14px;font-family:var(--font-instrument-sans), sans-serif;background:#0b0e11;border:1px solid #ffffff21;padding:11px 15px;transition:border-color .15s,background .15s}.opt-chip.active{color:#f2f4f5;background:#c0562a26;border-color:#c0562a}.hoverable:hover{background:#d56733!important}.hoverable-outline:hover{color:#fff!important;border-color:#c0562a!important}.hero-image-band__image{object-position:center 35%}.systemplaner-hero{isolation:isolate;background:radial-gradient(at 78% 24%,#324d5847,#0000 48%),linear-gradient(135deg,#0d1216 0%,#0b0e11 64%);position:relative;overflow:hidden}.systemplaner-hero:before{z-index:0;content:"";opacity:.24;pointer-events:none;background-image:url(/images/jobs/technischer-systemplaner-zeichner-cad-konstrukteur-braunschweig/systemplaner-blueprint.svg);background-position:82%;background-repeat:no-repeat;background-size:auto 140%;position:absolute;inset:0}.systemplaner-hero__content{z-index:1;position:relative}@media (max-width:600px){.hero-image-band__image{object-position:center 50%}.systemplaner-hero:before{opacity:.17;background-position:74%;background-size:auto 120%}}.recruiting-hero__mobile-facts,.recruiting-hero__subheadline-mobile,.funnel-mobile-friction{display:none}.recruiting-hero__trust,.recruiting-hero__recruiter{display:contents}@media (max-width:767px){.recruiting-hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}.recruiting-hero{gap:8px!important}.recruiting-hero__badges{grid-template-columns:minmax(0,max-content) max-content;justify-content:start;align-items:center;gap:4px 8px!important;display:grid!important}.recruiting-hero__badge{white-space:nowrap;letter-spacing:.1em!important;padding:4px 8px!important;font-size:9.5px!important;line-height:1.15!important}.recruiting-hero__badge:nth-child(2):before{content:none}.recruiting-hero__badge:nth-child(n+3){grid-column:1/-1;color:#f2f4f5a8!important}.recruiting-hero__title{font-size:clamp(26px,7.5vw,36px)!important;line-height:.94!important}.recruiting-hero__title>span{vertical-align:.08em!important;white-space:nowrap!important;margin-left:.26em!important;font-size:.34em!important;font-weight:500!important;line-height:.95!important;display:inline!important}.recruiting-hero__subheadline{text-wrap:wrap!important;max-width:100%!important;margin-top:-3px!important;font-size:18px!important;line-height:1.15!important}.recruiting-hero__subheadline-default{display:none}.recruiting-hero__subheadline-mobile{display:inline}.job-facts{display:none!important}.recruiting-hero__friction{display:none;margin-top:-2px!important;font-size:14px!important;line-height:1.3!important}.recruiting-hero__cta{width:100%}.recruiting-hero__cta>button{width:100%;min-height:44px!important;padding:10px 18px!important;font-size:13px!important}.recruiting-hero__trust>div{flex-wrap:nowrap!important;gap:4px!important;line-height:1.1!important}.recruiting-hero__recruiter .recruiter-mini__row{gap:6px 9px!important;padding:7px 0!important}.recruiting-hero__recruiter .recruiter-mini__copy{flex-basis:140px!important}.recruiting-hero__recruiter .recruiter-mini__cta{display:none!important}.recruiting-hero__recruiter img{width:38px!important;height:38px!important}.recruiting-hero__recruiter .recruiter-mini__copy>div:first-child{font-size:12.5px!important}.recruiting-hero__recruiter .recruiter-mini__copy>div:last-child{font-size:11.5px!important}.recruiting-hero-grid>div:last-child{position:relative!important;top:auto!important}.recruiting-hero-grid>div:last-child>div>div:first-child{padding:12px 14px!important}.recruiting-hero-grid>div:last-child>div>div:nth-child(2){gap:16px!important;padding:16px 14px 18px!important}.funnel-mobile-friction{color:#f2f4f594;margin:-4px 0;font-size:12px;line-height:1.3;display:block}.recruiting-hero-grid>div:last-child .step-in>div>div:first-child{overflow-wrap:anywhere;max-width:100%;text-wrap:wrap!important}.recruiting-hero-grid>div:last-child .opt-card{min-height:54px!important;padding:12px 14px!important}.recruiting-hero-grid>div:last-child .opt-chip{min-height:42px!important;padding:9px 12px!important}}