body{display:block;font-family:"OpenSans", sans-serif;color:#575656;letter-spacing:1px;font-size:16px;line-height:24px;width:100%;margin-left:auto;margin-right:auto;background-color:#fff;overflow-x:hidden}.button{margin-top:20px;overflow:visible;display:inline-block;width:50%;padding:10px 30px;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3);border-radius:3px;background-color:#0f2a53;color:#fff;font-size:16px;text-decoration:none;text-align:center;letter-spacing:1px;transition:all 0.3s ease}.button:hover{border-radius:6px;background-color:#797979;font-weight:bold;color:#fff;transform:scale(1.05)}.button:hover a{color:#fff;transform:scale(1.05)}.button:hover h2{font-weight:bold;color:#fff;transform:scale(1.05)}.button:hover h3{font-weight:bold;color:#fff;transform:scale(1.05)}h1{font-size:26px;text-transform:uppercase;letter-spacing:1px;font-weight:300}h2{font-size:20px;color:#0f2a53;text-transform:uppercase}h3{font-size:16px;color:#797979;text-transform:uppercase}p,a{font-size:14px;line-height:24px;text-decoration:none;color:#797979;letter-spacing:1px}.white_text{color:#fff}.block{overflow:visible;margin:0px}.mod_article.block{overflow:visible}.textfeld{max-width:1200px;margin:0 auto;padding-bottom:20px}.textfeld_zentriert{max-width:1200px;margin:0 auto;text-align:center;background-color:#fff}header{width:100vw;position:fixed;background-color:#fff;z-index:999999;border-bottom:1px solid}header .mod_navigation{overflow:visible;display:block;width:100vw;top:0;max-width:1200px;margin:0 auto;padding-top:10px;padding-bottom:10px;align-content:right;background-color:#fff}header .mod_navigation .active{display:initial}.headKontakt{padding:20px;background-color:#c6c6c6;width:100vw;top:0;position:fixed;z-index:4}.headKontaktInside{max-width:1200px;margin:0 auto;text-align:right}.headKontakt a{padding-right:20px;padding-left:10px;font-size:14px;text-decoration:none;color:#fff}.headKontaktInside .tooltip{display:inline-block;width:auto}.logoContainer{height:60px;overflow:visible;background-color:#c6c6c6}.logoContainerInside{max-width:1200px;position:relative;margin:0 auto;top:15px}.logoContainerInside .tooltip{display:inline-block;width:auto}.logoContainerInside img{width:164px;position:relative;transition:transform 0.3s ease;z-index:5}.logoContainerInside img:hover{transform:scale(1.05)}.mod_navigation ul{margin:0;padding:0;list-style-type:none}.submenu{position:relative;z-index:3}.kontakt1{position:relative;z-index:3}.mod_navigation>ul.level_1{display:flex;justify-content:flex-end;gap:10px}.mod_navigation>ul.level_1>li{box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3);overflow:visible;border-radius:3px;padding:5px;transition:all 0.5s ease}.mod_navigation>ul.level_1>li:hover{background-color:#0f2a53;transition:all 0.5s ease;color:#fff}.mod_navigation>ul.level_1>li>a{color:#0f2a53}.mod_navigation>ul.level_1>li:hover>a{color:#fff}.mod_navigation>ul.level_1>li>a,.mod_navigation>ul.level_1>li>strong{padding:30px 10px 30px;font-size:14px;text-decoration:none}.mod_navigation>ul.level_1>li>strong,.mod_navigation>ul.level_1>li>a:hover,.mod_navigation>ul.level_1>li.trail>a{color:#fff}.mod_navigation>ul.level_1 li:hover ul.level_2{display:block}.mod_navigation ul.level_2{position:absolute;display:none;margin-top:15px;text-align:left;z-index:1}.mod_navigation ul.level_2 li a,.mod_navigation ul.level_2 li strong{box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3);border-radius:3px;margin-top:2px;display:block;padding:5px 11px;background-color:#fff;font-size:14px;text-decoration:none;color:#0f2a53;font-weight:normal;transition:all 0.5s ease}.mod_navigation ul.level_2 li a:hover,.mod_navigation ul.level_2 li strong,.mod_navigation ul.level_2 li.trail>a{background-color:#0f2a53;color:#fff;transition:all 0.5s ease;border-radius:6px}.mod_navigation ul.level_2 li:hover ul.level_3{display:block}.mod_navigation ul.level_2 li{min-width:200px;position:relative}.mod_navigation ul.level_3{left:200px;top:0;position:absolute;display:none;z-index:5}a.produkte::before{content:"";display:inline-block;width:16px;height:16px;background-image:url("/files/images/icons/Produkte.svg");background-repeat:no-repeat;background-size:contain;margin-right:6px;vertical-align:middle}.mmenu-link{display:none}#mmenu:not(.mm-menu){display:none}.footer{background-color:#565656;color:#fff;padding:30px 0px 30px 0px}footer h3{color:#fff}footer p{color:#fff}footer a{color:#fff}.footerInside{max-width:1200px;margin:0 auto;display:flex;gap:20px;flex-wrap:wrap}.footerContent{flex:1 1 300px;text-align:center}.social_wrap{padding:0px 20px 0px 20px;justify-content:center;display:flex;gap:30px;flex-wrap:wrap}.social_icon{flex:1 1 30px;max-width:30px;transition:all 0.3s ease}.map_icon{flex:1 1 300px;transition:all 0.3s ease}.wlw_icon{flex:1 1 120px;max-width:150px;transition:all 0.3s ease}.footerForm{flex:3 1 300px;padding:20px;border:1px solid #fff;border-color:#fff;border-radius:3px}.mod_form.block{overflow:visible}.social_icon img{width:100%;height:auto;display:block}.wlw_icon img{width:100%;height:auto;display:block}.map_icon img{width:100%;height:auto;display:block}.textlink{transition:all 0.3s ease}.map_icon:hover{transform:scale(1.05);transition:all 0.3s ease}.social_icon:hover{transform:scale(1.05);transition:all 0.3s ease}.map_icon:hover{transform:scale(1.05);transition:all 0.3s ease}.wlw_icon:hover{transform:scale(1.05);transition:all 0.3s ease}.textlink:hover{transform:scale(1.05);transition:all 0.3s ease}#ctrl_28{margin-bottom:10px;padding:10px 30px;font-size:16px;letter-spacing:1px;color:#0f2a53;border:0px;text-decoration:none;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3);border-radius:3px;box-sizing:border-box;width:100%;background-color:#fff}#ctrl_29{margin-bottom:10px;padding:10px 30px;font-size:16px;letter-spacing:1px;color:#0f2a53;border:0px;text-decoration:none;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3);border-radius:3px;box-sizing:border-box;width:100%;background-color:#fff}#ctrl_30{margin-bottom:10px;padding:10px 30px;font-size:16px;letter-spacing:1px;color:#0f2a53;border:0px;text-decoration:none;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3);border-radius:3px;box-sizing:border-box;width:100%;background-color:#fff}#ctrl_37{margin-bottom:10px;padding:10px 30px;font-size:16px;letter-spacing:1px;color:#0f2a53;border:0px;text-decoration:none;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3);border-radius:3px;box-sizing:border-box;width:100%;background-color:#fff}#ctrl_34{margin-top:20px;overflow:visible;display:inline-block;width:100%;border:0px;padding:10px 30px;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3);border-radius:3px;background-color:#fff;color:#0f2a53;font-size:16px;text-decoration:none;text-align:center;letter-spacing:1px;transition:all 0.3s ease}#ctrl_34:hover{background-color:#0f2a53;font-weight:bold;border-radius:6px;color:#fff;transform:scale(1.05)}#ctrl_32{border:0px}.hero-wrapper{position:relative}.hero{background:linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1)), url("https://formpack.de/files/images/Banner/Arplank_Textur_hero.jpg") center / cover no-repeat;min-height:40vh;display:flex;align-items:flex-end;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3);position:relative;z-index:1}.overlay{position:absolute;left:20px;top:20px;z-index:10;width:300px;padding:0px 20px}.hero-wrapper:hover .hero{z-index:1}.hero-wrapper:hover .overlay{z-index:2}.hero h2{margin-bottom:1.5rem;color:white}.hero h3{margin-bottom:1.5rem;color:white}hr{border:none;border-top:1px solid #ccc;margin:60px 0px 80px 0px}.eco{background:linear-gradient(to right, rgba(148, 196, 99, 0.4), #94c463), url("https://formpack.de/files/images/backgrounds/rottonara-trees-4296305.jpg") center / cover no-repeat}.customers{background:linear-gradient(to right, rgba(200, 200, 200, 0.5), #c8c8c8)}.ref{background:linear-gradient(to right, rgba(28, 45, 80, 0.5), #1c2d50)}.trust{background:url("https://formpack.de/files/images/backgrounds/johan_benitez99co-business-10280179.png") center / cover no-repeat}.mat{background:linear-gradient(to right, rgba(28, 45, 80, 0.5), #1c2d50), url("https://formpack.de/files/images/backgrounds/sylvie_sheng-background-1311251.jpg") center / cover no-repeat}.faq{background:linear-gradient(to right, rgba(0, 0, 0, 0.1), #1c2d50), url("https://formpack.de/files/images/Material/Polyurethan Weichschaum/textur.png") center / cover no-repeat}.tooltip{position:relative;display:inline-block;width:100%}.tooltiptext{position:absolute;left:50%;transform:translateX(-50%);background-color:#94c463;color:#fff;padding:10px 15px;border-radius:3px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.2);text-align:center;width:250px;max-width:250px;white-space:normal;font-size:14px;opacity:0;visibility:hidden;transition:opacity 0.3s ease;z-index:999999}.tooltip:hover .tooltiptext,.tooltip:focus .tooltiptext,.tooltip:focus-visible .tooltiptext{opacity:1;visibility:visible}.tooltip:focus-visible{outline:2px solid #fff;outline-offset:2px}.tooltiptext::after{content:"";position:absolute;border-width:6px;border-style:solid}.tooltip-top{bottom:calc(100% + 10px)}.tooltip-top::after{top:100%;left:50%;transform:translateX(-50%);border-color:#94c463 transparent transparent transparent}.tooltip-bottom{top:calc(100% + 10px)}.tooltip-bottom::after{bottom:100%;left:50%;transform:translateX(-50%);border-color:transparent transparent #94c463 transparent}#ctrl_34:hover .tooltiptext{font-weight:normal}.flexbutton:hover .tooltiptext{font-weight:normal}.tooltip:hover{z-index:10001}.produktSwiper{width:100%;padding:80px 20px;height:auto;box-sizing:border-box}.produktSwiper .swiper-slide{width:300px;transition:all 0.4s ease;transform:scale(1);opacity:0.6}.produktSwiper .swiper-slide-active{transform:scale(1.05);opacity:1;z-index:2}.produktSwiper .swiper-slide-active:hover{position:relative;opacity:1;z-index:2;transform:scale(1.1) translatey(-20px)}.produktSwiper .swiper-slide img{width:100%;height:auto;display:block}.produktSwiper .swiper-slide-prev,.produktSwiper .swiper-slide-next{transform:scale(0.9);opacity:0.5}.produktSwiper .swiper-slide-prev h3,.produktSwiper .swiper-slide-next h3{opacity:0}.produktSwiper .swiper-slide-active p,.produktSwiper .swiper-slide-prev p,.produktSwiper .swiper-slide-next p{opacity:0}.produktSwiper .swiper-slide-active:hover p{opacity:1}.produktSwiper .swiper-button-next,.produktSwiper .swiper-button-prev{color:#333}.produktSwiper .swiper-button-next:after,.produktSwiper .swiper-button-prev:after{font-size:32px}.produktSwiper .swiper-slide-active .tooltiptext{zoom:0.9}.produktSwiper .swiper-slide-prev .tooltiptext,.produktSwiper .swiper-slide-next .tooltiptext{opacity:0}.card-stack{position:relative;padding:0px 20px;height:auto}.card{position:absolute;width:300px;cursor:pointer;transition:all 0.3s ease}.card:nth-child(1){left:40px;top:0px;height:auto;z-index:1;transform:rotate(35deg)}.card:nth-child(2){left:80px;top:0px;z-index:2;transform:rotate(40deg)}.card:nth-child(3){left:120px;top:0px;z-index:3;transform:rotate(45deg)}.card:nth-child(4){left:160px;top:0px;z-index:4;transform:rotate(50deg)}.card:nth-child(5){left:200px;top:0px;z-index:5;transform:rotate(55deg)}.card:nth-child(6){left:240px;top:0px;z-index:6;transform:rotate(60deg)}.card:nth-child(1):hover{left:30px;top:-10px}.card:nth-child(2):hover{left:70px;top:-10px}.card:nth-child(3):hover{left:110px;top:-10px}.card:nth-child(4):hover{left:150px;top:-10px}.card:nth-child(5):hover{left:190px;top:-10px}.card:nth-child(6):hover{left:230px;top:-10px}.card:nth-child(1).active,.card:nth-child(1).active:hover{left:40px;top:0px}.card:nth-child(2).active,.card:nth-child(2).active:hover{left:80px;top:0px}.card:nth-child(3).active,.card:nth-child(3).active:hover{left:120px;top:0px}.card:nth-child(4).active,.card:nth-child(4).active:hover{left:160px;top:0px}.card:nth-child(5).active,.card:nth-child(5).active:hover{left:200px;top:0px}.card:nth-child(6).active,.card:nth-child(6).active:hover{left:240px;top:0px}.card-content{background:white;z-index:2;border-top:1px solid rgba(255, 255, 255, 0.5);border-left:1px solid rgba(255, 255, 255, 0.8);border-right:1px solid rgba(0, 0, 0, 0.08);border-bottom:1px solid rgba(0, 0, 0, 0.08);height:200px;border-radius:20px;padding:0px;box-shadow:0 2px 5px rgba(0, 0, 0, 0.3), inset 2px 2px 0 rgba(255, 255, 255, 0.2), inset -2px -2px 0 rgba(0, 0, 0, 0.08)}.card:nth-child(1) .card-content{background:url(https://formpack.de/files/images/Material/Texturen/pe.jpg) center / cover no-repeat}.card:nth-child(2) .card-content{background:url(https://formpack.de/files/images/Material/Texturen/xlpe.jpg) center / cover no-repeat}.card:nth-child(3) .card-content{background:url(https://formpack.de/files/images/Material/Texturen/pusw.jpg) center / cover no-repeat}.card:nth-child(4) .card-content{background:url(https://formpack.de/files/images/Material/Texturen/ps.jpg) center / cover no-repeat}.card:nth-child(5) .card-content{background:url(https://formpack.de/files/images/Material/Texturen/peas.jpg) center / cover no-repeat}.card:nth-child(6) .card-content{background:url(https://formpack.de/files/images/Material/Texturen/arplank.jpg) center / cover no-repeat}.card-description{position:relative;display:none;background:#ffffffcc;padding:45px 15px 15px 15px;top:-30px;border-radius:20px;border:1px solid #ddd;opacity:0;max-height:0;overflow:hidden;z-index:1;transition:opacity 0.35s ease 0.1s, max-height 0.35s ease 0.1s}.card-description.visible{opacity:1;max-height:300px}.card.active{z-index:100;transform:rotate(0deg) translateY(-25px) scale(1.08);border-radius:20px;height:300px;padding-bottom:0px}.card .card-content{position:relative;z-index:2}.card .card-description.visible{position:relative;z-index:1}.card.active .card-content{position:relative;z-index:2;box-shadow:0 15px 40px rgba(0, 0, 0, 0.5)}.card.active .card-description.visible{position:relative;z-index:1;margin-bottom:0px;box-shadow:0 15px 40px rgba(0, 0, 0, 0.5)}.flexRahmen{max-width:1200px;margin:0 auto;display:flex;gap:40px;flex-wrap:wrap;align-items:stretch;overflow:visible}.flexRahmen img{width:100%;height:auto;display:block}.flexContent0{flex:1 1 80px;display:flex;justify-content:center;align-items:center;min-width:150px}.flexContent1{flex:1 1 250px;justify-content:center;align-items:center;min-width:250px;min-height:250px}.flexContent2{flex:2 1 250px;justify-content:center;align-items:center}.flexContent3{flex:3 1 250px;justify-content:center;align-items:center}.flexbutton{margin-top:20px;flex:1 1 100px;overflow:visible;display:inline-block;width:100%;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3);border-radius:50%;background-color:#f5f5f5;color:#0f2a53;font-size:16px;text-decoration:none;text-align:center;letter-spacing:1px;transition:all 0.3s ease;aspect-ratio:1;display:flex;flex-direction:row;justify-content:center}.flexbutton:hover{background-color:#0f2a53;font-weight:bold;color:#fff;transform:scale(1.05)}.flexbutton:hover h2{font-weight:bold;color:#fff;transform:scale(1.05)}.flexbutton:hover h3{font-weight:bold;color:#fff;transform:scale(1.05)}.mein-slider{display:flex;gap:40px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:20px 20px}.mein-slider .layout_latest,.mein-slider .layout_short{flex:1 0 300px;scroll-snap-align:center;height:450px;background:white;border-radius:3px;padding:20px;display:flex;flex-direction:column;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1)}.mein-slider .ce_text{flex-grow:1;overflow-y:auto;transition:all 0.5s ease}.layout_latest:hover{transform:translateY(-5px);transition:all 0.5s ease}.image_container img{border-radius:5px}.ce_text .block{overvlow:hidden}#news-cards{overvlow:hidden}.wie{height:100%;border-radius:50%;display:flex;flex-direction:column;justify-content:center;background:url("https://formpack.de/files/images/icons/wer_white.svg") center/contain no-repeat;transition:all 0.5s ease;overflow:hidden}.wie:hover{background:url("https://formpack.de/files/images/icons/wer_blue.svg") center/contain no-repeat;transition:all 0.5s ease}.wie:hover .tooltiptext{transform:translateX(-50%);transition:opacity 0.3s ease}.wie h3{display:none;transition:all 0.5s ease}.wie:hover h3{display:block;transition:all 0.5s ease}.rotate{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;transition:all 0.5s ease}.rotate:hover{transform:rotate(-360deg);transition:all 0.5s ease}#faqSearch{margin-bottom:20px;padding:10px 30px;font-size:16px;letter-spacing:1px;color:#0f2a53;border:0px;text-decoration:none;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3);border-radius:3px;box-sizing:border-box;width:100%;background-color:#fff}.faq-grid{column-count:3;column-gap:20px}.faq-item{background-color:#fff;border-radius:20px;padding:20px;width:calc(100% - 40px);break-inside:avoid;margin-bottom:20px;cursor:pointer}#faqResults{margin-top:20px}.faq-item{display:none}@media (max-width:1024px){.faq-grid{column-count:2}}@media (max-width:768px){.faq-grid{column-count:1}}@media (max-width:1200px){.mein-slider .layout_short{flex:0 0 300px}.logoContainer{padding-left:20px}.flexRahmen{flex-direction:row;padding:0px 20px 0px 20px;flex-wrap:wrap;align-items:stretch;gap:20px}.flexContent0,.flexContent1,.flexContent2,.flexContent3{width:100%;text-align:center}.flexContent0 img,.flexContent1 img,.flexContent2 img,.flexContent3 img{width:min(500px, 100%);height:auto;margin:0 auto;display:block}.mobilecolumn{flex-direction:column}.mobiletext{padding:0px 20px 20px 20px;text-align:center}.textfeld{padding:0px 20px 20px 20px;text-align:center}.herotext{padding:0px 20px 0px 20px}.sideimagecol{flex-direction:row}.mmenu-link img{width:40px;margin:10px 0px 20px 0px}.mmenu-link{right:13px;top:2px;position:relative;float:right;display:block;margin-right:10px;text-align:right}header .mod_navigation{display:none}header .mod_randomImage{height:69px}.headKontakt{display:none}header .mod_randomImage figure img{margin-top:20px;margin-left:20px}.footer{padding:30px 20px 30px 20px;text-align:center}}@media (max-width:768px){.produktSwiper .swiper-button-prev,.produktSwiper .swiper-button-next{display:none}h1{font-size:clamp(1.8rem, 7vw, 2.6rem);line-height:1.2}h2{font-size:1.6rem;line-height:1.2}h3{font-size:1.2rem;line-height:1.2}p,a{font-size:1rem;line-height:1.2}.wie:hover h3{display:none}.produktSwiper .swiper-slide-active{transform:scale(1)}.produktSwiper .swiper-slide img{max-width:250px;margin:0 auto}.tooltiptext{display:none}.hidemobile{display:none}.card-stack{position:relative;padding:0px 20px;height:400px}.card{width:200px}.card:nth-child(1){left:20px;top:0px}.card:nth-child(2){left:20px;top:40px}.card:nth-child(3){left:20px;top:80px}.card:nth-child(4){left:20px;top:120px}.card:nth-child(5){left:20px;top:160px}.card:nth-child(6){left:20px;top:200px}.card:nth-child(1):hover{left:20px;top:0px}.card:nth-child(2):hover{left:20px;top:40px}.card:nth-child(3):hover{left:20px;top:80px}.card:nth-child(4):hover{left:20px;top:120px}.card:nth-child(5):hover{left:20px;top:160px}.card:nth-child(6):hover{left:20px;top:200px}}.card:nth-child(1).active,.card:nth-child(1).active:hover{left:120px;top:10px}.card:nth-child(2).active,.card:nth-child(2).active:hover{left:120px;top:10px}.card:nth-child(3).active,.card:nth-child(3).active:hover{left:120px;top:10px}.card:nth-child(4).active,.card:nth-child(4).active:hover{left:120px;top:10px}.card:nth-child(5).active,.card:nth-child(5).active:hover{left:120px;top:10px}.card:nth-child(6).active,.card:nth-child(6).active:hover{left:120px;top:10px}@media (max-width:480px){.sideimagecol{flex-direction:column}}p .tooltip{width:auto}