.custom-num{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center}.custom-num input[type=number]::-webkit-inner-spin-button,.custom-num input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;padding:0;background-color:rgba(255,255,255,0.02)}.custom-num input[type=number]{-moz-appearance:textfield;width:66px;text-align:center;background-color:rgba(255,255,255,1);height:30px;border-radius:0;padding:0;margin-right:1px;margin-left:1px}#wk ul ul:nth-child(2n) .custom-num input[type=number]{background-color:var(--cg_20)}#wk ul ul:nth-child(2n) .custom-num input[type=number].notransition,.custom-num input[type=number].notransition{background-color:var(--c1_50)}#wk ul ul:nth-child(2n) .custom-num input[type=number]:focus,.custom-num input:focus{background-color:var(--c1_50);outline:0}.custom-num .quantity-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;cursor:pointer;text-align:center;width:28px;height:30px;line-height:28px;background-color:#fff;font-size:22px;transition:all 0.2s ease-out;padding-left:1px}.custom-num .quantity-button.quantity-down{border-top-left-radius:7px;border-bottom-left-radius:7px}.custom-num .quantity-button.quantity-up{border-top-right-radius:7px;border-bottom-right-radius:7px}#wk ul ul:nth-child(2n) .custom-num .quantity-button{background-color:var(--cg_20)}#wk ul ul:nth-child(2n) .custom-num .quantity-button:hover,.custom-num .quantity-button:hover{background-color:var(--cg_60)}@media only screen and (max-width:695px){.custom-num .quantity-button{width:44px;height:44px;line-height:44px}.custom-num input[type=number]{height:44px}} 
/*	!!! CONTAINER SPR-CONTENT
/*-------------------------------------*/div#spr-content{overflow:hidden;z-index:2600;background-color:rgba(24,31,36,1);width:100%;height:0;visibility:hidden;opacity:0;transition:visibility 0s linear 300ms,opacity 200ms}div#spr-content.m-fadeOut{}div#spr-content.m-fadeIn{position:fixed;top:0;left:0;right:0;height:100%;visibility:visible;opacity:1;transition:visibility 0s linear 0s,opacity 200ms} 
/*	!!! IFRAME
/*----------------------------*/div#spr-content iframe#frameSPR{border:0;width:100%;height:100%;height:0}div#spr-content.m-fadeIn iframe#frameSPR{height:100%}#atn p{color:rgb(131,162,179);margin:0 0 18px;padding:0;font-size:17px;line-height:1.2}#atn p.placeholder{color:rgba(103,128,143,0.4);font-size:12px;text-align:center;padding-top:7px;display:none}#atn p.fehlermeldung{color:#f91111;padding:14px 20px;border-radius:50px;margin-top:45px;display:inline-block;visibility:hidden;opacity:0;border:1px solid #f91111;background-color:rgba(249,16,16,0.21)}#atn #copypaste{margin-bottom:35px}#atn #copypaste input[type=text]{transition:none;background-color:rgba(45,69,44,0);color:rgba(144,211,5,0.7);font-size:20px;max-width:350px;padding-left:15px;padding-right:15px;height:78px;background-color:rgb(45,69,44)}#atn #copypaste input[type=text]::placeholder{color:rgba(144,211,5,0.5);font-size:18px}#atn #copypaste input[type=text]:focus,#atn #copypaste input[type=text]:hover{background-color:rgba(144,211,5,0.13);background-color:rgba(69,104,38,1)}#atn ul{display:flex;flex-wrap:wrap;margin:0;padding:0;gap:7px}#atn ul li#li_typ{width:85px}#atn ul li#li_durchmesser{width:185px}#atn ul li#li_material{width:120px}#atn ul li#li_biegewinkel{width:100px}#atn ul li#li_hakenlaenge{width:100px}#atn ul li#li_gewinde{width:75px}#atn ul li#li_laenge{width:100px}#atn input[type=text]{border:none;background-color:rgb(45,69,44);color:rgba(144,211,5,1);font-size:30px;width:100%;padding-left:14px;padding-right:14px;height:78px;font-family:'Ubuntu',sans-serif;text-align:center;text-transform:uppercase}#atn input[type=text]:focus{background-color:rgba(69,104,38,1)}#atn input[type=text]::selection{background-color:rgba(191,222,106,0.31)}#atn input[type=text]::placeholder{color:rgba(144,211,5,0.6);font-size:12px;text-transform:none}#atn input[type=text]:focus::placeholder{color:transparent!important}#atn button[type=submit]{height:78px;width:230px;border:none;background-color:rgba(45,69,44,0.4);color:rgba(144,211,5,1);border-radius:4px;position:relative;line-height:78px;margin-top:20px}#atn button[type=submit]:after{font:normal normal 45px/78px 'iconmoon_jan';content:"\e960"}#atn button[type=submit]:hover{background-color:rgba(69,104,38,1)}@media only screen and (max-width:540px){#atn p{margin:0 0 13px;font-size:14px;line-height:1}#atn #copypaste{margin-bottom:18px}#atn #copypaste input[type=text]{font-size:17px;max-width:310px;padding-left:15px;padding-right:15px;height:60px}#atn #copypaste input[type=text]::placeholder{font-size:15px}#atn ul{gap:4px}#atn ul li#li_typ{width:63px}#atn ul li#li_durchmesser{width:140px}#atn ul li#li_material{width:93px}#atn ul li#li_biegewinkel{width:80px}#atn ul li#li_hakenlaenge{width:80px}#atn ul li#li_gewinde{width:52px}#atn ul li#li_laenge{width:80px}#atn input[type=text]{font-size:22px;padding-left:10px;padding-right:10px;height:60px}#atn button[type=submit]{height:66px;width:100%;line-height:66px}#atn button[type=submit]:after{font:normal normal 40px/66px 'iconmoon_jan';content:"\e960"}#atn p.fehlermeldung{margin-top:25px}}#spkBackground{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2205;width:100%;height:100%;opacity:0;display:none;background-color:rgba(22,28,36,1)}#spkBackground svg{position:absolute;right:5%;bottom:0;background-color:rgba(213,129,197,0);fill:#fff;fill-opacity:0.1;stroke:#ad480f;stroke-width:3;stroke-opacity:0.2;width:20%;min-width:200px;height:100%}#spkClose{transition:all 0.2s ease-out;position:fixed;top:20px;right:20px;text-align:center;z-index:2207;cursor:pointer;background:linear-gradient(to bottom,#354859 0%,#1b2f42 100%) #344657;background:linear-gradient(to bottom,#3f4e5b 1.2%,#273039 100%);color:#87a2b8;border-right:1px solid #041627;border-left:0px solid #041627;border-bottom:1px solid #041627;border-radius:20px;height:40px;width:70px;opacity:0;display:none}#spkClose:hover{border-bottom:1px solid #1c3346;border-right:1px solid #1c3346;background:linear-gradient(to bottom,#4f6779 0%,#385166 100%);color:#dae5e2}#spkClose:before{transition:all 0.2s ease-out;font:normal normal 15px/40px 'iconmoon_jan'!important;content:"\e91c"}#spkClose:hover:before{color:#dae5e2}@media only screen and (max-width:540px){#spkClose{top:0;right:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;height:45px;width:60px}}#spkContainer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2206;overflow-x:hidden;overflow-y:hidden;opacity:0;display:none;background-color:rgba(246,186,186,0)}#spkBox{z-index:1;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;right:0;width:500px;min-height:20px;opacity:0;display:none;background-color:rgba(152,9,158,0)}#spkContent{background-color:rgba(239,243,123,0)}#atn_nippel p{color:rgba(107,119,142,1);font-size:15px;line-height:1;background-color:rgba(239,32,32,0)}#atn_nippel .pretext_hinweis{color:rgba(144,211,5,1);background-color:#1f2c28;padding:15px;border-radius:5px;font-size:18px}#atn_nippel .pretext_hinweis.sub{font-size:14px;margin-top:3px;color:rgba(144,211,5,0.8)}#atn_nippel .bluespokes label{display:block;font-size:17px;margin-bottom:10px;padding-bottom:0;color:rgb(107,119,142);background-color:rgba(194,174,58,0)}#atn_nippel ul#sel{display:grid;grid-column-gap:12px;grid-row-gap:12px;grid-template-columns:1fr 1fr;background-color:rgba(85,211,159,0);margin-top:40px;padding:0}#atn_nippel ul#sel.v2{grid-template-columns:270px}#atn_nippel .bluespokes select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;font-size:13px;text-indent:0.01px;text-overflow:''}#atn_nippel .bluespokes select{width:100%;border-radius:4px;background-color:rgb(193,200,205);height:48px;padding-left:13px;padding-right:40px;color:var(--cg_180)}#atn_nippel .bluespokes .selectwrapper{position:relative;height:48px}#atn_nippel .bluespokes .selectwrapper:before{font:normal normal 14px/1 'iconmoon_jan'!important;content:"\e917";color:rgba(107,119,142,0.78);position:absolute;z-index:100;top:50%;right:4px;transform:translate(-0%,-50%);pointer-events:none;width:20px;text-align:center}#atn_nippel .bluespokes .selectwrapper:hover:before{color:rgb(40,48,55)}#atn_nippel .bluespokes select:hover{background-color:rgb(211,216,219)}.bluespokes select::-ms-expand{display:none}.bluespokes select:focus{outline:0}.bluespokes input[type=text]:focus{outline:0}#atn_nippel .beschichtung{margin-top:35px}#atn_nippel .beschichtung ul{padding:0}#atn_nippel .beschichtung ul li{position:relative;padding-bottom:4px}#atn_nippel .beschichtung ul li input[type=radio]{position:absolute;visibility:hidden}#atn_nippel .beschichtung ul li label{display:block;cursor:pointer;transition:all 0.2s linear;color:rgba(107,119,142,1);position:relative;font-size:17px;font-weight:400}#atn_nippel .beschichtung ul li label:before{content:'';transition:all 0.2s linear;display:inline-block;border-radius:100%;border:none;height:21px;width:21px;background-color:#c1c8cd;margin-right:11px;position:relative;top:5px}#atn_nippel .beschichtung input[type=radio]:checked~label{color:rgb(172,180,196)}#atn_nippel .beschichtung input[type=radio]:checked~label:before{}#atn_nippel .beschichtung input[type=radio]:checked~label:after{content:'';transition:all 0.2s linear;display:inline-block;border-radius:100%;border:none;height:7px;width:7px;background-color:#161c24;position:absolute;top:12px;left:7px}#atn_nippel .beschichtung ul li:hover label{color:rgb(172,180,196)}#atn_nippel button[type=submit]{height:78px;padding:0;width:178px;border:none;background-color:rgba(45,69,44,0.4);color:rgba(144,211,5,1);margin-top:30px}#atn_nippel button[type=submit]:before{font:normal normal 45px/78px 'iconmoon_jan';content:"\e960"}#atn_nippel button[type=submit].arrow_right:before{font:normal normal 45px/78px 'iconmoon_jan';content:"\e909"}#atn_nippel button[type=submit]:hover{background-color:rgba(69,104,38,1)}@media only screen and (max-width:540px){#spkBox{width:310px}#atn_nippel .pretext_hinweis{padding:8px;font-size:16px}#atn_nippel .pretext_hinweis.sub{display:none}#atn_nippel .bluespokes label{font-size:15px;margin-bottom:8px}#atn_nippel ul#sel{grid-column-gap:10px;margin-top:15px}#atn_nippel .beschichtung{margin-top:20px}#atn_nippel .beschichtung ul li label{font-size:15px;font-weight:400}#atn_nippel button[type=submit]{height:60px;width:150px;margin-top:20px}#atn_nippel button[type=submit]:before{font:normal normal 45px/60px 'iconmoon_jan';content:"\e960"}#atn_nippel button[type=submit].arrow_right:before{font:normal normal 45px/60px 'iconmoon_jan';content:"\e909"}}.headbox{display:grid;grid-template-columns:1fr 140px;margin-bottom:clamp(1.5rem,5vw,4rem)}.headbox h1{margin-bottom:0}.headbox a{display:block;background-color:var(--c1_60);border-radius:25px;padding:5px 15px;transition:all 200ms ease-out;height:38px;line-height:1.65}.headbox a:hover{background-color:var(--cg_60)}.headbox a:before{font:normal normal 22px/0 'iconmoon_jan'!important;content:"\e929";position:relative;top:4px;padding-right:10px}@media only screen and (max-width:680px){.headbox{grid-template-columns:1fr 120px}.headbox a{font-size:0.9rem;height:35px;line-height:1.6}.headbox a:before{font:normal normal 19px/0 'iconmoon_jan'!important;content:"\e929";position:relative;top:3px;padding-right:7px}}@media only screen and (max-width:450px){.headbox{grid-template-columns:1fr}.headbox a{order:-1;margin-bottom:clamp(1rem,5vw,4rem);width:120px;display:inline}}#wkBefore{display:flex;flex-wrap:wrap;margin-bottom:clamp(1.5rem,3vw,2rem);gap:8px}#wkBefore button{font-size:20px}@media only screen and (max-width:680px){#wkBefore{gap:4px}#wkBefore button{line-height:50px;height:60px;font-size:1rem;padding:0 18px}}@media only screen and (max-width:510px){#wkBefore{row-gap:6px;column-gap:0px;justify-content:space-between}#wkBefore button:first-of-type{width:100%}#wkBefore button:nth-child(2){border-top-right-radius:0;border-bottom-right-radius:0}#wkBefore button:nth-child(3){border-top-left-radius:0;border-bottom-left-radius:0}#wkBefore button:nth-child(2),#wkBefore button:nth-child(3){width:49.4%}}@media only screen and (max-width:380px){#wkBefore button{font-size:0.9rem;line-height:50px;height:53px}}#wk-hilfe{margin-top:28px;overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none}#wk-hilfe p.nippel{color:var(--cg_140);font-size:12px;margin:0;padding:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}#wk-hilfe p.nippel:before{font:normal normal 17px/1 'iconmoon_jan';content:"\e95d";margin:0;position:relative;padding-right:1px;top:2px}#wk{padding:28px;background-color:#fff;border-radius:18px;margin-bottom:clamp(1.5rem,3vw,2rem)}#wk ul{margin:0;padding:0}#wk ul.body{}#wk #head_hinweis{}#wk span{font-weight:500}#wk #head_hinweis:before{font:normal normal 55px/40px 'iconmoon_jan';content:"\e960";color:var(--c1_90);float:left;margin-bottom:20px;margin-right:22px;margin-top:1px}#wk.erfolgsmeldung p:before{font:normal normal 47px/1 'iconmoon_jan';content:"\e949";color:var(--c1_90);float:left;margin-bottom:10px;margin-right:20px}#wk ul ul{background-color:var(--cg_20);padding:14px}#wk ul ul:first-of-type{}#wk ul ul:nth-child(2n){background-color:#fff}#wk ul li{display:grid;grid-template-columns:auto 75px 155px 24px 30px;grid-column-gap:7px;grid-row-gap:6px;align-items:center;margin:0;padding:0;height:34px}#wk .wk-artnum{font-size:18px}#wk .wk-artnum span{font-size:14px;padding-left:10px;color:#62b305}#wk .wk-artnum span.error,#wk .wk-artnum span.notice{color:#f06841}#wk .wk-list-spoke .wk-artnum{font-weight:500}#wk .wk-list-nippel .wk-artnum:before{font:normal normal 18px/0 'iconmoon_jan';content:"\e95e";margin:0;padding:0 6px 0 0}#wk ul.spoke-ul-nippel li.wk-list-nippel .wk-artnum:before{display:none}#wk ul#head{margin-bottom:10px;padding-right:14px;padding-left:14px}#wk ul#head li{font-size:12px;padding-bottom:5px}#wk ul li .wk-arttyp{font-size:12px;text-transform:uppercase;font-weight:400;-webkit-user-select:none;-ms-user-select:none;user-select:none}#wk ul li div.nippel{width:20px;height:31px;margin:0;padding:0;position:relative;background-color:rgba(38,117,208,0);cursor:pointer}#wk ul li div.nippel:before{font:normal normal 20px/28px 'iconmoon_jan';content:"\e95d";position:absolute;top:1px;right:0;z-index:100;transition:all 0.2s ease-out}#wk ul li div.nippel:after{font:normal normal 20px/28px 'iconmoon_jan';content:"\e95f";position:absolute;top:1px;right:0;z-index:99;color:rgba(255,255,255,0);transition:all 0.2s ease-out}#wk ul li div.nippel:hover:after{color:rgba(255,255,255,1)}#wk ul li div.nippel:hover:before{}#wk ul li .wk-platzhalter{width:30px;height:31px;margin:0;padding:0}#wk ul li .wk-platzhalter button.nippel{}#wk ul li div.delete{height:23px;border-radius:30px;text-align:center;transition:all 0.2s ease-out;position:relative;cursor:pointer;margin-bottom:2px;line-height:1.1;background-color:var(--cg_40)}#wk ul li div.delete:before{font:normal normal 9px/0 'iconmoon_jan';content:"\e91c";background-color:rgba(221,109,226,0)}#wk ul li div.delete:hover{background-color:var(--c1_90)}@media only screen and (max-width:930px){#wk ul li{grid-template-columns:auto 58px 133px 24px 30px;grid-column-gap:4px}}@media only screen and (max-width:695px){#wk{padding:20px}#wk ul#head{display:none}#wk ul li{grid-template-columns:auto 28px 32px;height:auto;padding-bottom:10px;padding-top:10px}#wk ul li .wk-artnum{grid-row:1;line-height:1}#wk ul li.wk-list-nippel .wk-artnum:before{display:none}#wk ul li .wk-arttyp{grid-row:2}#wk ul li .custom-num{grid-row:3}#wk ul li .wk-nippel,#wk ul li .wk-platzhalter{grid-row:3}#wk ul li .wk-del{grid-row:3}}