:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5}a{color:#000;text-decoration:none}a:hover{color:#535bf2}body,#root{margin:0;display:flex;place-items:center;min-width:100vw;min-height:100vh;overflow:hidden;font-family:ABBvoice,sans-serif;max-height:100vh;max-width:100vw}#root{display:grid;grid-template-columns:100%;grid-template-rows:10% auto}button{color:#fff;border-radius:8px;border:1px solid transparent;padding:.6em .5vw;font-size:1em;font-weight:500;font-family:inherit;background-color:red;cursor:pointer;transition:border-color .25s}button:hover{border-color:red}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media(max-width:900px){html{overflow-y:auto;height:auto;min-height:100dvh}body,#root{overflow-y:auto;overflow-x:hidden;max-height:none;min-height:100dvh;-webkit-overflow-scrolling:touch}#root{place-items:initial;grid-template-rows:auto 1fr}}@media(max-height:645px){html{overflow-y:auto;height:auto;min-height:100dvh}body,#root{overflow-y:auto;overflow-x:hidden;max-height:none;min-height:100dvh;-webkit-overflow-scrolling:touch}#root{place-items:initial;grid-template-rows:auto 1fr}}h1,h2,h3{margin:0}input[type=radio]{accent-color:red;height:3vh;width:3vh;margin-right:6px;vertical-align:middle}@font-face{font-family:ABBvoice;src:url(../fonts/ABBvoice_Rg.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:ABBvoiceDisplay;src:url(../fonts/ABBvoiceDisplay_A_SBd.ttf) format("truetype");font-weight:400;font-style:normal}.navbar{display:flex;justify-content:center;align-content:center;flex-wrap:wrap}.navbar p{display:flex;align-content:center;flex-wrap:wrap;margin:1vw;height:2vw;align-self:center;color:red;font-size:x-large;font-weight:bolder}#nav-list{justify-content:center;display:flex;list-style-type:none;box-shadow:0 0 40px #0000001a;border-radius:30px;padding:0;margin:2vw 0}#nav-list li{height:5.5vh;margin:0 2vw;align-content:center}#nav-list a{display:flex;align-items:center;height:100%;padding:0 1.5vw;border-radius:30px}h1{margin-left:4vw;font-size:5vh}a.active{background-color:red;color:#fff;border-radius:30px}main{height:100%;width:100%;grid-column:1;display:grid;grid-template-columns:100%;grid-template-rows:12% 90%;font-family:ABBvoice,sans-serif}form{height:100%;width:100%;grid-row:2;display:grid;grid-template-rows:100%;grid-template-columns:55% 45%;font-size:clamp(1.1rem,1.4vw,1.25rem);padding-bottom:20vh}.left{justify-content:center;grid-column:1;grid-row:1}.right{grid-row:1;grid-column:2;min-width:100%;min-height:100%}.input{display:flex;align-items:center;margin:2vw 2vw 3.5vw 4vw}.input2{display:block;margin:2vw 2vw 3.5vw 4vw}.input2 label{margin-top:2vw}.weiter{position:fixed;bottom:6vh;right:6vw;width:10.5vw;height:3.3vw;z-index:50}.back-button{position:fixed;bottom:6vh;left:6vw;width:10.5vw;height:3.3vw;z-index:50}#footer{position:fixed;bottom:0;left:0;width:100vw;height:15vh;background-color:#fff;border-top:2px solid black}header{display:flex;justify-content:space-between;grid-row:1;grid-column:1 / span 2;min-width:100%;max-width:100%;height:100%;border-bottom:2px solid black}.header-left{display:flex;align-items:center;gap:1vw;padding-left:1vw}.export-buttons-header{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.export-buttons-header button{padding:.45rem .75rem;height:auto}input{padding:.5rem .8rem;border:1px solid #bbb;border-radius:6px;font-size:1rem;transition:border .2s}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}h1:before{content:"";display:block;width:3vw;height:.7vh;margin-bottom:4px;margin-top:8px;background-color:#ff000f}.overlay-blur{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:60}.info-overlay{height:auto;width:auto;background-color:#fff;position:absolute;z-index:100;top:14vw;justify-self:center;box-shadow:0 0 40px #0000001a;border-radius:10px;border:2px solid black}.info-content{margin:3vw}.overlay-content{margin:5%;height:90%}.logo{height:100%;width:auto}#logo{width:auto;height:100%}.info{height:100%;aspect-ratio:1 / 1;display:flex;align-content:center;justify-content:center;flex-wrap:wrap;margin-right:2vw}#info{height:60%;width:auto}.close{position:absolute;top:1.5vw;right:1.5vw;background-color:#fff;color:#000;box-shadow:0 0 40px #0000001a;border-radius:10px;border:1px solid black;height:3vh;width:3vh}#module-search-input,#cable-search-input{width:550px;left:100px;position:absolute;align-content:center}#module-search,#cable-search{align-items:end}h3{transform:translateY(5px)}.input-clear-button{border:none;background:transparent;cursor:pointer;padding:0;color:#000;position:absolute;left:655px;width:2vw;height:2vw;align-self:center;align-content:center}.input-clear-button p{transform:translateY(-4%);align-content:center}p{margin:0}.spinner-overlay{position:fixed;inset:0;background:#00000059;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.spinner{width:3.4vw;height:3.4vw;border:4px solid #fff;border-top-color:red;border-radius:50%;animation:spin .9s linear infinite}.spinner-text{margin-top:.8vw;color:#fff;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;top:7.5vw;left:50%;transform:translate(-50%);padding:10px 16px;border-radius:8px;box-shadow:0 6px 20px #00000026;color:#fff;z-index:1100;font-weight:600;font-size:2vw}.toast-success{background:#1a7f37}#cable-dropdown,#module-dropdown{position:absolute;left:105px;width:583px;top:100%;background:#fff;border:1px solid #ccc;border-radius:0 0 8px 8px;z-index:10;list-style:none;margin:0;padding:0;max-height:11vw;overflow-y:auto}#welcome{height:100%;grid-row:1 / span 2;flex-wrap:wrap;align-content:center;background:#fff url(../ABB-background.png) no-repeat center / cover;aspect-ratio:16 / 9;width:100%}#welcome-text{justify-self:center;align-self:center;margin-top:2.3vw;color:#fff;font-size:6vw}#welcome-button{margin-top:20px;justify-self:center}#welcome-button button{background-color:#fff;color:#000;width:10.5vw;height:3.5vw}button{color:#fff;border-radius:8px;border:1px solid transparent;padding:0;font-size:1em;font-weight:500;font-family:inherit;background-color:red;cursor:pointer;transition:border-color .25s}.right{grid-column:2;min-width:100%;min-height:100%}.instructions{margin-left:1.5vw;min-width:100%;min-height:100%;margin-bottom:2vw;transform:translateY(-10%)}#instructions{margin-right:3vw;margin-bottom:2vw}ol li{margin-bottom:1.5vw;margin-right:3vw}ol{padding-left:20px}@media screen and (max-width:1400px){#cable-dropdown,#module-dropdown{width:483px}#module-search-input,#cable-search-input{width:450px}.input-clear-button{left:560px}}@media screen and (max-width:1300px){ol li{margin-bottom:.5vw;margin-right:3vw}}@media screen and (max-width:1200px){#cable-dropdown,#module-dropdown{width:383px}#module-search-input,#cable-search-input{width:350px}.weiter,.back-button,#welcome-button button{width:130px;height:40px}.input-clear-button{left:460px}}@media screen and (max-width:1000px){#cable-dropdown,#module-dropdown{width:333px}#module-search-input,#cable-search-input{width:300px}.input-clear-button{left:415px}ol li{margin-bottom:0vw;margin-right:3vw}}@media screen and (max-width:900px){.instructions{transform:translateY(0);margin-top:1.5vw;font-size:clamp(1.1rem,1.4vw,1.25rem)}main{grid-template-rows:auto 1fr;min-height:100dvh;overflow:visible;height:auto}header{height:auto}form{height:auto;width:100%;grid-row:2;display:grid;grid-template-columns:1fr;grid-template-rows:auto;font-size:clamp(1rem,2.8vw,1.125rem);padding-bottom:max(20vh,56px + env(safe-area-inset-bottom,0px))}#cable-dropdown,#module-dropdown{min-height:100px}.input-clear-button{left:515px}.left,.right{grid-column:1;min-height:auto}.left{grid-row:1}.right{grid-row:2}.instructions{min-height:auto}#cable-dropdown,#module-dropdown{width:433px}#module-search-input,#cable-search-input{width:400px}}@media screen and (max-width:750px){.logo{display:none}.navbar{margin-left:3vw}.input-clear-button{transform:translateY(-20%)}#nav-list li{height:7vw}}@media screen and (max-width:900px)and (min-width:751px){header{height:auto;padding-block:8px;align-items:center}#nav-list li{height:7vw}#logo{height:12vw}}@media screen and (max-width:600px){#cable-dropdown,#module-dropdown{width:283px}#module-search-input,#cable-search-input{width:250px}.input-clear-button{left:370px;transform:translateY(-40%)}}@media screen and (max-width:500px){.info{display:none}}@media screen and (max-width:430px){#module-search-input,#cable-search-input{width:200px}#cable-dropdown,#module-dropdown{width:233px}.input-clear-button{left:325px;transform:translateY(-70%)}}@media screen and (max-height:645px){header{height:auto;padding-block:6px;align-items:center}#nav-list a{height:auto;padding:0 10px}#info{height:10vw}#nav-list li{height:6vw}#logo{height:10vw}}@media screen and (max-width:1070px)and (min-width:800px){.instructions{font-size:clamp(1rem,1.4vw,1.25rem)}}