body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
:root{--dark1: #fff;--light1: #333;--green1: #CC171A;--green2: #CC171A;--blue1: #f7f5f5;--dark2: #f7f5f5;--button-text-color: #333;--font-size: .9rem;--border-radius: 0;--notice-max-width: 500px;--notice-right: inherit;--notice-left: 20px}div.klaro .context-notice{background:#fff}div.klaro .context-notice .cm-btn{color:#fff}div.klaro .context-notice p{color:#000}#footer-kontakt a{cursor:pointer}#klaro{line-height:1.5}#klaro h1{letter-spacing:0px;color:#CC171A}#klaro .klaro .cookie-modal-notice{max-width:600px;padding:30px 40px 40px;box-sizing:border-box}@media (max-width:650px){#klaro .klaro .cookie-modal-notice{max-width:95%;position:relative;margin:0 auto;height:auto;width:auto;padding:10px 20px 20px}}#klaro .klaro .cookie-modal{z-index:10000}#klaro .klaro .cookie-modal .cm-modal.cm-klaro{max-width:800px;padding:30px 40px 40px;box-sizing:border-box}@media (max-width:850px){#klaro .klaro .cookie-modal .cm-modal.cm-klaro{max-width:95%;position:relative;margin:0 auto;height:auto;width:auto;padding:10px 20px 20px}}#klaro .cookie-notice:not(.cookie-modal-notice){z-index:9999999999}#klaro .klaro .cookie-notice .cm-btn.cm-btn-success,#klaro .klaro .cookie-modal .cm-btn.cm-btn-success.cm-btn-accept-all{color:#fff}#klaro .klaro .cookie-modal .cm-btn{padding:15px}#klaro .klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a{color:#3c82a0}@media (max-width:525px){#klaro .klaro .cookie-modal-notice .cn-ok,#klaro .klaro .cookie-modal .cm-modal .cm-footer-buttons{flex-wrap:wrap}#klaro .klaro .cookie-modal .cm-btn{width:100%;margin-bottom:10px;margin-right:0}#klaro .cn-buttons,#klaro #klaro .klaro .cookie-modal .cm-btn{width:100%}}
/* fonts.css */
@font-face{font-family: 'Helvetica Neue LT Pro';    src: url('../../files/fonts/HelveticaNeueLTPro-Bd.eot');    src: url('../../files/fonts/HelveticaNeueLTPro-Bd.eot?#iefix') format('embedded-opentype'),        url('../../files/fonts/HelveticaNeueLTPro-Bd.woff2') format('woff2'),        url('../../files/fonts/HelveticaNeueLTPro-Bd.woff') format('woff'),        url('../../files/fonts/HelveticaNeueLTPro-Bd.ttf') format('truetype'),        url('../../files/fonts/HelveticaNeueLTPro-Bd.svg#HelveticaNeueLTPro-Bd') format('svg');    font-weight: bold;    font-style: normal;    font-display: swap}@font-face{font-family: 'Helvetica Neue LT Pro';    src: url('../../files/fonts/HelveticaNeueLTPro-Lt.eot');    src: url('../../files/fonts/HelveticaNeueLTPro-Lt.eot?#iefix') format('embedded-opentype'),        url('../../files/fonts/HelveticaNeueLTPro-Lt.woff2') format('woff2'),        url('../../files/fonts/HelveticaNeueLTPro-Lt.woff') format('woff'),        url('../../files/fonts/HelveticaNeueLTPro-Lt.ttf') format('truetype'),        url('../../files/fonts/HelveticaNeueLTPro-Lt.svg#HelveticaNeueLTPro-Lt') format('svg');    font-weight: 300;    font-style: normal;    font-display: swap}
/* style.css */
*{margin:0;padding:0}html,body{font:18px/28px Helvetica Neue LT Pro;font-weight:normal;color:#fff;font-weight:300}#header{width:100%;left:0;top:0;position:fixed;display:block;z-index:1000;background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%)}#header .inside{padding:30px 45px 60px}#navi{width:100%;height:100vh;bottom:0;left:0;right:0;top:-100vh;position:fixed;display:block;background-color:#111;display:flex;flex-direction:row;justify-content: space-around;align-items: center;transition:0.75s}.show #navi{top:0}#navi .navi-main li{margin-top:30px;margin-bottom:30px;font:45px/50px Helvetica Neue LT Pro;font-weight:bold;letter-spacing:-1px}#navi .navi-main li,#navi .navi-sub li{cursor:pointer;transition:0.3s}#navi .navi-main li:hover,#navi .navi-sub li:hover{color:#CC171A}body.entwicklung #navi .navi-main li:nth-of-type(1) a,body.werkzeugbau #navi .navi-main li:nth-of-type(2) a,body.strangpressen #navi .navi-main li:nth-of-type(3) a,body.oberflaechenveredelung #navi .navi-main li:nth-of-type(4) a,body.mechanische-bearbeitung #navi .navi-main li:nth-of-type(5) a,body.werkstoffe #navi .navi-main li:nth-of-type(6) a,body.unternehmen #navi .navi-sub li:nth-of-type(1) a,body.kontakt #navi .navi-sub li:nth-of-type(2) a{color:#CC171A}#navi .navi-sub li{margin-top:15px;margin-bottom:15px;font-size:20px;line-height:25px}#navi .navi-main li a{text-decoration:none;color:#fff;transition:0.6s}#navi .navi-main li a:hover{color:#CC171A}#navi .navi-sub li a{text-decoration:none;color:#fff;transition:0.3s}#navi .navi-sub li a:hover{color:#CC171A}#header .burger{width:40px;height:20px;right:75px;top:35px;position:absolute;display:block;background-image:url("../../files/images/burger.svg");background-position:center center;background-repeat:no-repeat;background-size:contain;cursor:pointer}#header .claim{right:150px;top:38px;position:absolute;display:block;font:16px Helvetica Neue LT Pro;font-weight:bold;color:#fff}#navi .close{width:30px;height:30px;right:-40px;top:30px;position:fixed;display:block;background-image:url("../../files/images/close.svg");background-position:center center;background-repeat:no-repeat;background-size:contain;cursor:pointer;transition:0.6s}.show #navi .close{right:80px}.video-bg{width:100vw;height:100vh;bottom:0;left:0;right:0;top:0;position:fixed;display:block}.video-bg .video_container video,.video-bg .image_container img{width:100%;height:100%;min-width:100%;min-height:100%;max-width:none;object-fit:cover}.video-bg .ce_player,.video-bg .video_container,.video-bg .ce_image,.video-bg .image_container{height:100%}.hero-text,.move-right .ce_text,.bild-rechts .ce_text{min-height:100vh;position:relative;margin-right:55%;margin-left:12.5%;display:flex;align-content:center;flex-direction: column;justify-content: center;z-index:200}body.unternehmen .hero-text{margin-right:62.5%}.rot{color:#CC171A}p,#main ul{margin-bottom:18px}h1{margin-bottom:45px;font:75px/80px Helvetica Neue LT Pro;font-weight:bold;letter-spacing:-3px}h2{margin-bottom:30px;font:45px/50px Helvetica Neue LT Pro;font-weight:bold;color:#434342;letter-spacing:-1px}::selection{background-color:#CC171A;color:#fff}@keyframes scroller{from { transform: translateY(0px); }to { transform: translateY(-15px); }}#main .inside::after{width:30px;height:58px;left:50%;top:0;position:absolute;display:block;margin-top:-120px;margin-left:-15px;background-image:url("../../files/images/mouse.png");background-position:center center;background-repeat:no-repeat;content:'';background-size:contain;top:100vh;animation: scroller 1s infinite alternate}.bild-breit{position:relative}.bild-breit.gruppen,.bild-breit.skala{padding-right:12.5%;padding-left:12.5%;text-align:center;background-color:#222;padding-top:120px;padding-bottom:120px;grid-template-columns: repeat(8, 1fr);display: grid}.bild-breit.skala{grid-template-columns: repeat(7, 1fr)}.gruppen .gruppe,.skala .skala{height:100%;position:relative;flex: 0 0 14.2857%}.gruppen .gruppe::after,.skala .skala::after{width:100%;height:100%;left:0;top:0;position:absolute;overflow:hidden;display:block;text-align:center;background:-moz-linear-gradient(,#e6e6e6,#999,#e6e6e6);background:-webkit-linear-gradient(,#e6e6e6,#999,#e6e6e6);background:-o-linear-gradient(,#e6e6e6,#999,#e6e6e6);background:-ms-linear-gradient(,#e6e6e6,#999,#e6e6e6);background:linear-gradient(to right bottom,#e6e6e6,#999,#e6e6e6);-pie-background:linear-gradient(,#e6e6e6,#999,#e6e6e6);font-size:95px;line-height:200px;font-weight:bold;text-indent:-6.25%;letter-spacing:-3px;content:'1000';color: rgba(255,255,255,0.3);cursor:pointer;transition:0.6s}.vorbehandlung{max-height:0;transition:0.6s;padding-top:0 !important;padding-bottom:0 !important;padding-left:6.25%!important;padding-right:6.25%!important;opacity:0}.vorbehandlung.show{max-height:50%;padding-top:120px !important;padding-bottom:120px !important;opacity:1}.vorbehandlung .ce_text{max-height:0;margin-right:6.25%;margin-left:6.25%;font-size:16px;line-height:24px;transition:0.6s}.vorbehandlung.show .ce_text{max-height:600px}.vorbehandlung .ce_text strong{font-size:32px;line-height:36px}a.vbh{font-weight:bold;text-decoration:underline;cursor:pointer}.skala .skala::after{background:-moz-linear-gradient(,#877865,#edd2b2,#baa58c,#544b3f);background:-webkit-linear-gradient(,#877865,#edd2b2,#baa58c,#544b3f);background:-o-linear-gradient(,#877865,#edd2b2,#baa58c,#544b3f);background:-ms-linear-gradient(,#877865,#edd2b2,#baa58c,#544b3f);background:linear-gradient(to right bottom,#877865,#edd2b2,#baa58c,#544b3f);-pie-background:linear-gradient(,#877865,#edd2b2,#baa58c,#544b3f);font-size:100px;line-height:210px;font-weight:bold;text-indent:-5%;letter-spacing:-3px;content:'EV3';color: rgba(255,255,255,0.3)}.skala.c35::after{background:-moz-linear-gradient(,#3f3e42,#58565c,#272629,#000);background:-webkit-linear-gradient(,#3f3e42,#58565c,#272629,#000);background:-o-linear-gradient(,#3f3e42,#58565c,#272629,#000);background:-ms-linear-gradient(,#3f3e42,#58565c,#272629,#000);background:linear-gradient(to right bottom,#3f3e42,#58565c,#272629,#000);-pie-background:linear-gradient(,#3f3e42,#58565c,#272629,#000);content:'C35'}.skala.c34::after{background:-moz-linear-gradient(,#3d3935,#57514b,#24211f,#000);background:-webkit-linear-gradient(,#3d3935,#57514b,#24211f,#000);background:-o-linear-gradient(,#3d3935,#57514b,#24211f,#000);background:-ms-linear-gradient(,#3d3935,#57514b,#24211f,#000);background:linear-gradient(to right bottom,#3d3935,#57514b,#24211f,#000);-pie-background:linear-gradient(,#3d3935,#57514b,#24211f,#000);content:'C34'}.skala.c33::after{background:-moz-linear-gradient(,#4f403d,#695551,#362b29,#1c1716);background:-webkit-linear-gradient(,#4f403d,#695551,#362b29,#1c1716);background:-o-linear-gradient(,#4f403d,#695551,#362b29,#1c1716);background:-ms-linear-gradient(,#4f403d,#695551,#362b29,#1c1716);background:linear-gradient(to right bottom,#4f403d,#695551,#362b29,#1c1716);-pie-background:linear-gradient(,#4f403d,#695551,#362b29,#1c1716);content:'C33'}.skala.c32::after{background:-moz-linear-gradient(,#6b5c55,#857269,#524640,#2b2522);background:-webkit-linear-gradient(,#6b5c55,#857269,#524640,#2b2522);background:-o-linear-gradient(,#6b5c55,#857269,#524640,#2b2522);background:-ms-linear-gradient(,#6b5c55,#857269,#524640,#2b2522);background:linear-gradient(to right bottom,#6b5c55,#857269,#524640,#2b2522);-pie-background:linear-gradient(,#6b5c55,#857269,#524640,#2b2522);content:'C32'}.skala.c31::after{background:-moz-linear-gradient(,#8c837e,#bfb3ac,#595350,#262422);background:-webkit-linear-gradient(,#8c837e,#bfb3ac,#595350,#262422);background:-o-linear-gradient(,#8c837e,#bfb3ac,#595350,#262422);background:-ms-linear-gradient(,#8c837e,#bfb3ac,#595350,#262422);background:linear-gradient(to right bottom,#8c837e,#bfb3ac,#595350,#262422);-pie-background:linear-gradient(,#8c837e,#bfb3ac,#595350,#262422);content:'C31'}.skala.c0::after{background:-moz-linear-gradient(,#d0d0d9,#f5f5ff,#ababb3,#6e6e73);background:-webkit-linear-gradient(,#d0d0d9,#f5f5ff,#ababb3,#6e6e73);background:-o-linear-gradient(,#d0d0d9,#f5f5ff,#ababb3,#6e6e73);background:-ms-linear-gradient(,#d0d0d9,#f5f5ff,#ababb3,#6e6e73);background:linear-gradient(to right bottom,#d0d0d9,#f5f5ff,#ababb3,#6e6e73);-pie-background:linear-gradient(,#d0d0d9,#f5f5ff,#ababb3,#6e6e73);content:'C0'}.gruppen .gruppe:hover::after{transform:translateY(100%)}.skala .skala:hover::after{transform:translateY(60%)}.gruppen .gruppe.g2000::after{background:-moz-linear-gradient(,#cb764c,#78462e,#cb764c);background:-webkit-linear-gradient(,#cb764c,#78462e,#cb764c);background:-o-linear-gradient(,#cb764c,#78462e,#cb764c);background:-ms-linear-gradient(,#cb764c,#78462e,#cb764c);background:linear-gradient(to right bottom,#cb764c,#78462e,#cb764c);-pie-background:linear-gradient(,#cb764c,#78462e,#cb764c);content:'2000'}.gruppen .gruppe.g3000::after{background:-moz-linear-gradient(,#dcdcdc,#7b7b7b,#dcdcdc);background:-webkit-linear-gradient(,#dcdcdc,#7b7b7b,#dcdcdc);background:-o-linear-gradient(,#dcdcdc,#7b7b7b,#dcdcdc);background:-ms-linear-gradient(,#dcdcdc,#7b7b7b,#dcdcdc);background:linear-gradient(to right bottom,#dcdcdc,#7b7b7b,#dcdcdc);-pie-background:linear-gradient(,#dcdcdc,#7b7b7b,#dcdcdc);content:'3000'}.gruppen .gruppe.g4000::after{background:-moz-linear-gradient(,#c3d9e6,#829099,#c3d9e6);background:-webkit-linear-gradient(,#c3d9e6,#829099,#c3d9e6);background:-o-linear-gradient(,#c3d9e6,#829099,#c3d9e6);background:-ms-linear-gradient(,#c3d9e6,#829099,#c3d9e6);background:linear-gradient(to right bottom,#c3d9e6,#829099,#c3d9e6);-pie-background:linear-gradient(,#c3d9e6,#829099,#c3d9e6);content:'4000'}.gruppen .gruppe.g5000::after{background:-moz-linear-gradient(,#f5f5f5,#aaaaaa,#f5f5f5);background:-webkit-linear-gradient(,#f5f5f5,#aaaaaa,#f5f5f5);background:-o-linear-gradient(,#f5f5f5,#aaaaaa,#f5f5f5);background:-ms-linear-gradient(,#f5f5f5,#aaaaaa,#f5f5f5);background:linear-gradient(to right bottom,#f5f5f5,#aaaaaa,#f5f5f5);-pie-background:linear-gradient(,#f5f5f5,#aaaaaa,#f5f5f5);content:'5000'}.gruppen .gruppe.g6000::after{background:-moz-linear-gradient(,#d3e9f5,#92a0aa,#d3e9f5);background:-webkit-linear-gradient(,#d3e9f5,#92a0aa,#d3e9f5);background:-o-linear-gradient(,#d3e9f5,#92a0aa,#d3e9f5);background:-ms-linear-gradient(,#d3e9f5,#92a0aa,#d3e9f5);background:linear-gradient(to right bottom,#d3e9f5,#92a0aa,#d3e9f5);-pie-background:linear-gradient(,#d3e9f5,#92a0aa,#d3e9f5);content:'6000';color:rgba(0,0,0,0.3)}.gruppen .gruppe.g7000::after{background:-moz-linear-gradient(,#e5d6c4,#998e82,#e5d6c4);background:-webkit-linear-gradient(,#e5d6c4,#998e82,#e5d6c4);background:-o-linear-gradient(,#e5d6c4,#998e82,#e5d6c4);background:-ms-linear-gradient(,#e5d6c4,#998e82,#e5d6c4);background:linear-gradient(to right bottom,#e5d6c4,#998e82,#e5d6c4);-pie-background:linear-gradient(,#e5d6c4,#998e82,#e5d6c4);content:'7000'}.gruppen .gruppe.g8000::after{background:-moz-linear-gradient(,#a1a1a1,#6b6b6b,#a1a1a1);background:-webkit-linear-gradient(,#a1a1a1,#6b6b6b,#a1a1a1);background:-o-linear-gradient(,#a1a1a1,#6b6b6b,#a1a1a1);background:-ms-linear-gradient(,#a1a1a1,#6b6b6b,#a1a1a1);background:linear-gradient(to right bottom,#a1a1a1,#6b6b6b,#a1a1a1);-pie-background:linear-gradient(,#a1a1a1,#6b6b6b,#a1a1a1);content:'8000'}#main ul li{margin-left:15px;padding-top:5px;padding-bottom:5px;padding-left:60px;background-image:url("../../files/images/li-neu.svg");background-position:left top;background-repeat:no-repeat;font:24px/36px Helvetica Neue LT Pro;font-weight:bold;list-style-type:none;background-size:24px 24px;background-position:0px 7px}#main ul li span.klein{display:inline-block;font-size:18px;line-height:28px;font-weight:normal}.text-rechts{min-height:100vh;position:relative;background-color:#111;display:flex;align-items: center;flex-direction: row}.text-rechts .ce_text{width:60%;margin-right:12.5%;margin-left:12.5%}#interaktiv.text-rechts .ce_text{width:25%}#interaktiv .popup h2{margin-top:-45px;color:#fff}.ce_image .image_container img{display:block}.text-rechts .ce_image{margin-left:12.5%}#endless-scroll{width:100%;position:relative;text-align:center;background-color:#fff;color:#434342}body.kontakt #endless-scroll,body.karriere #endless-scroll,body.impressum #endless-scroll{display:none}#endless-scroll .inside{padding:90px 0}#endless-scroll .ce_text:not(.scroll-circle){width:30%;display:none;margin-top:60px;margin-right:auto;margin-left:auto}.scroll-circle{width:180px;height:180px;margin-right:auto;margin-left:auto;background-image:url("../../files/images/scroll-circle.svg");background-position:center center;background-repeat:no-repeat;border-radius:120px;background-size:contain;display: flex;align-items: center;justify-content: center;animation: puls 2s ease-out infinite;filter:saturate(0)}.scroll-circle p{margin-top:6px;margin-bottom:0;font-size:15px;line-height:20px}#endless-scroll svg{position:absolute;margin-top:-180px;margin-left:-90px}#endless-scroll svg circle{transform: rotate(-90deg);transform-origin: 50% 50%}#footer-kontakt{width:100%;position:relative;background-color:#333;z-index:9999 !important}#footer-kontakt .inside{margin-right:12.5%;margin-left:12.5%;padding-top:45px;padding-bottom:45px;font-size:15px;display: flex;justify-content: space-between}#footer-kontakt a{font-weight:bold;text-decoration:none;color:#fff;transition:0.3s}#footer-kontakt a:hover,body.entwicklung #footer-kontakt .ce_text:nth-of-type(3) li:nth-of-type(1) a,body.werkzeugbau #footer-kontakt .ce_text:nth-of-type(3) li:nth-of-type(2) a,body.strangpressen #footer-kontakt .ce_text:nth-of-type(3) li:nth-of-type(3) a,body.oberflaechenveredelung #footer-kontakt .ce_text:nth-of-type(3) li:nth-of-type(4) a,body.mechanische-bearbeitung #footer-kontakt .ce_text:nth-of-type(3) li:nth-of-type(5) a,body.werkstoffe #footer-kontakt .ce_text:nth-of-type(3) li:nth-of-type(6) a,body.unternehmen #footer-kontakt .ce_text:nth-of-type(4) li:nth-of-type(1) a,body.kontakt #footer-kontakt .ce_text:nth-of-type(4) li:nth-of-type(2) a{color:#CC171A}.ce_text p video{width:100%}body.werkstoffe .move-right::before{width:100%;height:100%;position:absolute;display:block;content:'';background: linear-gradient(90deg, rgba(0,0,0,1) 25%, rgba(0,0,0,0) 75%);z-index:100}body.werkzeugbau .video-bg .ce_player::before{width:100%;height:100%;position:absolute;display:block;content:'';background: linear-gradient(90deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 67%);z-index:100}.move-right .ce_image,.bild-rechts .ce_image{width:110vw;height:100vh;left:-10vw;position:absolute;overflow:visible}body.werkstoffe .move-right .ce_image{left:-20vw}.move-right .ce_image .image_container,.bild-rechts .ce_image .image_container{height:100%}.move-right .ce_image .image_container img,.bild-rechts .ce_image .image_container img{height:100%;object-fit: cover}#loader{width:100vw;height:100vh;bottom:0;left:0;right:0;top:0;position:fixed;background-color:rgba(0,0,0,.85);z-index:1000000;display:flex;align-items:center;justify-content:center;transition:0.6s}.mod_article.schatten{-webkit-box-shadow:0 0 150px 0 rgba(0,0,0,1);box-shadow:0 0 150px 0 rgba(0,0,0,1)}.ce_text.thumbnail img{width:75%}.ce_text.link a{font-weight:bold;text-decoration:none;color:#CC171A;transition:0.3s}.ce_text.link a:hover{text-decoration:underline;color:#fff}body.entwicklung,body.werkstoffe,body.unternehmen,body.kontakt,body.oberflaechenveredelung{background-color:#000}body.oberflaechenveredelung .standard{background-image:url("../../files/images/221227_SK_exalpro-oberfla%CC%88chenveredelung_V5.jpg");background-position:right center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}body.oberflaechenveredelung .eloxal{background-image:url("../../files/images/230102_SK_exalpro-oberfla%CC%88chenveredelung_V6.jpg");background-position:right center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}body.oberflaechenveredelung .pulver{background-image:url("../../files/images/220906_SK_exalpro-oberfla%CC%88chenveredelung_V4c.jpg");background-position:right center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}body.oberflaechenveredelung .mechanisch{background-image:url("../../files/images/220906_SK_exalpro-oberfla%CC%88chenveredelung_V4d.jpg");background-position:right center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}body.unternehmen .video-bg,body.kontakt .video-bg{height:auto;bottom:auto}#kontakt{bottom:60px;right:60px;position:fixed;display:block;border-radius:60px;cursor:pointer;transition:0.6s;filter: saturate(0);z-index:100;animation: puls 2s ease-out infinite}#kontakt:hover{filter: saturate(1)}body.kontakt #kontakt{display:none}body.werkstoffe table{width:133%}body.werkstoffe #main .ce_text{overflow:visible}#interaktiv .ce_image.interaktiv{width:37.5%;position:absolute;display:inline-block;text-align:center;display:flex;justify-content:center;z-index:1000}#interaktiv .ce_image.interaktiv .image_container{cursor:pointer;transition:0.5s;opacity:0.15}#interaktiv .ce_image.interaktiv .image_container:hover{opacity:1 !important;animation-play-state: paused !important;transition:0.6s !important}#interaktiv .popup{width:25%;right:6.25%;position:absolute;overflow:visible;display:block;margin-right:0;margin-left:0;padding:3.125% 6.25%;text-align:center;background:-moz-linear-gradient(top left,#555,#222);background:-webkit-linear-gradient(top left,#555,#222);background:-o-linear-gradient(top left,#555,#222);background:-ms-linear-gradient(top left,#555,#222);background:linear-gradient(to bottom right,#555,#222);-pie-background:linear-gradient(top left,#555,#222);-webkit-box-shadow:0 0 150px 50px rgba(0,0,0,1);box-shadow:0 0 150px 50px rgba(0,0,0,1);opacity:0;transition:0.9s;transform:translateX(12.5%)}#interaktiv .popup.show{opacity:1;transform:translateX(0)}#interaktiv .popup::before{width:25%;height:100%;bottom:0;left:0;top:0;position:absolute;display:block;margin-left:-25%;background-image:url("../../files/images/verlauf.png");background-position:center center;background-repeat:no-repeat;content:'';background-size: 100% 100%}@keyframes hoch{0% { opacity:0.15 }20% { opacity:0.6 }40% { opacity:0.15 }60% { opacity:0.15 }80% { opacity:0.15 }100% { opacity:0.15 }}@keyframes fuellend{0% { opacity:0.15 }20% { opacity:0.15 }40% { opacity:0.6 }60% { opacity:0.15 }80% { opacity:0.15 }100% { opacity:0.15 }}@keyframes massiv{0% { opacity:0.15 }20% { opacity:0.15 }40% { opacity:0.15 }60% { opacity:0.6 }80% { opacity:0.15 }100% { opacity:0.15 }}@keyframes breit{0% { opacity:0.15 }20% { opacity:0.15 }40% { opacity:0.15 }60% { opacity:0.15 }80% { opacity:0.6 }100% { opacity:0.15 }}@keyframes klein{0% { opacity:0.6 }20% { opacity:0.15 }40% { opacity:0.15 }60% { opacity:0.15 }80% { opacity:0.15 }100% { opacity:0.6 }}#interaktiv .ce_image.interaktiv.hoch .image_container{animation: hoch 5s infinite}#interaktiv .ce_image.interaktiv.fuellend .image_container{animation: fuellend 5s infinite}#interaktiv .ce_image.interaktiv.massiv .image_container{animation: massiv 5s infinite}#interaktiv .ce_image.interaktiv.breit .image_container{animation: breit 5s infinite}#interaktiv .ce_image.interaktiv.klein .image_container{animation: klein 5s infinite}body.kontakt #main .ce_text p a,body.impressum #main .ce_text p a{font-weight:bold;text-decoration:none;color:#CC171A;transition:0.3s}body.kontakt #main .ce_text p a:hover,body.impressum #main .ce_text p a:hover{text-decoration:underline;color:#fff}body.impressum .hero-text{margin-right:12.5%}body.impressum .hero-text .ce_text{padding-top:180px;padding-bottom:180px}body.kontakt #main .inside::after,body.impressum #main .inside::after{display:none}cms-accept-tags{background:rgba(0,0,0,0.75) !important}cms-accept-tags > cms-container{box-shadow: 0px 0px 150px rgba(0,0,0,0.85) !important}cms-cookie-bar > cms-container,cms-accept-tags > cms-container{color:#000}cms-cookie-bar > cms-container,cms-accept-tags > cms-container h2{color:#CC171A}cms-cookie-bar > cms-container,cms-accept-tags > cms-container{font-family:"Helvetica Neue" !important}cms-cookie-bar,cms-accept-tags{--btn-accept-bg-color: #CC171A !important}cms-cookie-bar > cms-container,cms-accept-tags > cms-container{padding:45px !important}cms-cookie-bar > cms-container form cms-buttons cms-button,cms-accept-tags > cms-container form cms-buttons cms-button{font-size:18px;font-weight:bold}#header .ce_image img{display:inline-block}.overlay{display:block;width:100vw !important;height:100vh !important;z-index:500}@keyframes puls{0% { box-shadow: 0 0 0 0px rgba(204,23,26,1); }100% { box-shadow: 0 0 0 30px rgba(204,23,26,0); }}.ce_image.mk,.ce_image.kk{width:56px;height:56px;left:39%;top:60%;position:absolute;display:block;border-radius:56px;cursor:pointer;animation: puls 2s ease-out infinite;z-index:1000}.ce_image.kk{left:90%;top:50%}.mkrause,.kkrause{width:100vw;height:100vh;bottom:0;left:100vw;right:0;top:0;position:fixed;z-index:750;transition:1.2s}.mkrause.show,.kkrause.show{left:0}.mkrause .close,.kkrause .close{width:32px;height:32px;display:inline-block;margin-bottom:120px;cursor:pointer;width:32px !important}
@media (max-width: 1680px){
/* desktop-large.css */
html,body{font-size:16px;line-height:24px}h1{font-size:60px;line-height:65px;letter-spacing:-2px}h2{font-size:40px;line-height:45px}#endless-scroll .ce_text:not(.scroll-circle){margin-top:45px}#endless-scroll .inside{padding-top:75px;padding-bottom:75px}#footer-kontakt .inside{padding-bottom:30px}#header .ce_image img{transform:scale(0.85)}#kontakt{width:105px;height:105px}
}
@media (max-width: 1440px){
/* desktop-medium.css */
h1{font-size:50px;line-height:55px}h2{font-size:30px;line-height:35px}#endless-scroll .inside{padding-top:60px;padding-bottom:60px}#header .ce_image img{transform:scale(0.7)}#header .inside{padding-right:0;padding-left:15px}#kontakt{width:90px;height:90px;bottom:45px;right:45px}
}
@media (max-width: 1280px){
/* desktop-small.css */
html,body{font-size:14px;line-height:20px}h1{font-size:45px;line-height:50px}#endless-scroll .inside{padding-top:45px;padding-bottom:45px}#footer-kontakt .inside{margin-right:6.25%;margin-left:6.25%}
}
@media (max-width: 1024px){
/* ipad-quer.css */

}
@media (max-width: 1024px) and (orientation: portrait){
/* ipad-hoch.css */
html,body{font-size:13px;line-height:18px}h1{font-size:35px;line-height:40px;letter-spacing:-1px}.hero-text,.move-right .ce_text,.bild-rechts .ce_text{margin-right:50%}#header .burger,.show #navi .close{right:45px}#header .claim{right:120px}.hero-text,.move-right .ce_text,.bild-rechts .ce_text,.video-bg{height:60vh;min-height:60vh}#navi{padding:12.5%;flex-direction: column;align-items: normal;height:calc(100vh - 15%)}#main{background-color:#111}.text-rechts#interaktiv{flex-direction: column}.text-rechts#interaktiv .ce_image{margin-left:0}.text-rechts#interaktiv .ce_image:first-child{width:60%;margin-top:12.5%;margin-bottom:12.5%}#interaktiv .ce_image.interaktiv{margin-top:20%}#main .inside::after{top:60vh;display:none}.bild-breit .ce_image{width:150%;margin-left:-25%}#footer-kontakt .inside{font-size:11px}#main ul li{font-size:16px;line-height:24px}#navi .navi-main li{font-size:30px;line-height:30px;letter-spacing:-0.5px}#interaktiv.text-rechts .ce_text{width:60%}body.oberflaechenveredelung .bild-breit,body.werkstoffe .bild-breit{width:100%;margin-left:0;background-size: 150%;background-position: center 10%}.gruppen .gruppe::after,.skala .skala::after{font-size:70px;line-height:170px}.bild-breit.skala,.bild-breit.gruppen{padding:0}body.oberflaechenveredelung .hero-text,body.oberflaechenveredelung .move-right .ce_text,body.oberflaechenveredelung .bild-rechts .ce_text{margin-right:50%}#main ul li span.klein{font-size:13px;line-height:18px}.bild-breit.bild-rechts{width:100%;margin-left:0}.bild-breit.bild-rechts .ce_text{margin-right:30%}.gruppen .gruppe::after{font-size:55px;line-height:150px}body.werkstoffe table{width:200%}body.unternehmen .video-bg,body.kontakt .video-bg{width:150%;margin-left:-25%}.move-right .ce_image,.bild-rechts .ce_image{height:60vh}#endless-scroll .ce_text:not(.scroll-circle){width:45%}body.unternehmen .hero-text{margin-right:50%}
}
@media (max-width: 512px) and (orientation: portrait){
/* iphone-hoch.css */
html,body{font-size:14px;line-height:21px}.hero-text,.move-right .ce_text,.bild-rechts .ce_text{margin-right:9%;margin-left:9%}.video-bg{position:relative;display:block}.video-bg .video_container{margin-left:-100%}.video-bg .image_container{margin-left:-30%}#header .claim{display:none}#navi .navi-main li{margin-top:20px;margin-bottom:20px;font-size:25px;line-height:25px}#footer-kontakt .inside{padding-top:20px;font-size:13px;flex-direction: column;align-items:center}#footer-kontakt .inside .ce_text{margin-top:15px}#endless-scroll .ce_text:not(.scroll-circle){width:80%}.hero-text,.move-right .ce_text,.bild-rechts .ce_text{height:auto;min-height:0;padding-bottom:12.5%}#navi .navi-sub li{margin-top:10px;margin-bottom:10px;font-size:15px;line-height:20px}.video-bg .ce_player::before,.video-bg .ce_image::before{background: linear-gradient(to top, #111 0%, rgba(0,0,0,0) 33%) !important;width: 100%;height: 100%;position: absolute;display: block;content: '';z-index:100}#header .ce_image img{display:inline-block}#interaktiv.text-rechts .ce_text{width:75%}body.oberflaechenveredelung .hero-text,body.oberflaechenveredelung .move-right .ce_text,body.oberflaechenveredelung .bild-rechts .ce_text{margin-right:12.5%}body.oberflaechenveredelung .bild-rechts{height:auto;min-height:100vh;display:flex;background-attachment:scroll !important}body.oberflaechenveredelung .bild-rechts .ce_text{margin-top:100%}body.oberflaechenveredelung .bild-breit,body.werkstoffe .bild-breit{background-size: 225%;background-position: 95% -5%}.bild-breit.skala,.bild-breit.gruppen{padding-top:120px;padding-bottom:120px;grid-template-columns: repeat(1, 1fr)}.bild-breit.gruppen{margin-bottom:60px}.gruppen .gruppe,.skala .skala{width:45vw;height:45vw;margin-right:auto;margin-left:auto}.bild-breit.bild-rechts .ce_text,body.unternehmen .hero-text,body.kontakt .hero-text{margin-right:12.5%}#kontakt{display:none}h1{margin-bottom:30px}.gruppen .gruppe::after,.skala .skala::after{font-size:90px;line-height:200px}.skala .skala:active::after{transform: translateY(60%)}body.mechanische-bearbeitung .bild-breit{margin-bottom:60px}body.werkstoffe table{width:175%}body.unternehmen .video-bg,body.kontakt .video-bg{width:100%;margin-left:0}.overlay{position:absolute}.ce_image.mk,.ce_image.kk{left:5%;top:45%;margin-left:0 !important}.ce_image.kk{left:75%;top:35%}.ce_image.mk .image_container,.ce_image.kk .image_container{margin-left:0 !important}.ce_image.mk::before,.ce_image.kk::before{display:none}body.unternehmen .video-bg .ce_image,body.kontakt .video-bg .ce_image{width:150%;margin-left:-25%}.ce_image.mk,.ce_image.kk{width:56px !important}#endless-scroll svg circle{transition:0.3s}#footer .ce_text:nth-child(2),#footer .ce_text:nth-child(3),#footer .ce_text:nth-child(4),#footer .ce_text:nth-child(5){display:none}
}