.packaging{margin:80px 0}.packaging__head{color:#4a4b4f;text-align:center;text-transform:uppercase}.packaging__body{max-width:1344px;margin:0 auto}.packaging__list{width:100%;list-style-type:none;counter-reset:counter;padding-left:0;margin:0}.packaging__bottom{padding-left:0;display:flex;align-items:center;justify-content:center;max-width:-moz-fit-content;max-width:-webkit-fit-content;max-width:fit-content;margin:0 auto}.packaging-item{position:relative;line-height:1.3;color:#4a4b4f;counter-increment:counter;margin:0;padding:30px 0 30px 80px}.packaging-item__decor-line{display:none}.packaging-item:before{content:counter(counter) ".";position:absolute;top:20px;display:flex;align-items:center;justify-content:center;background-position:center;background-size:contain;background-repeat:no-repeat;color:#4a4b4f;font-size:20px;font-weight:900;line-height:1.3;text-align:center;text-transform:uppercase;width:75px;aspect-ratio:.75}.packaging-item *{margin:0}.packaging-item__title{font-weight:900;text-transform:uppercase;margin:0 0 .7em}.packaging-item__text{font-weight:300;margin-bottom:1.3043478261em}.packaging-item__result{padding-left:20px;position:relative}.packaging-item__result b{color:#e56f49}.packaging-item__result:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;border-radius:7px;background-color:#e56f49}.packaging-item:before{left:0;background-position:center}.packaging-item:nth-child(even):after{position:absolute;width:100vw;top:0;height:100%;left:50%;translate:-50% 0;content:"";background-color:#e9e9e9;z-index:-1}.packaging-item:nth-child(3n+1):before{background-image:url(//www.gruber-folien.de/wp-content/themes/gruber/blocks/steps-section/../../images/cup-1.webp)}.packaging-item:nth-child(3n+2):before{background-image:url(//www.gruber-folien.de/wp-content/themes/gruber/blocks/steps-section/../../images/cup-2.webp)}.packaging-item:nth-child(3n+3):before{background-image:url(//www.gruber-folien.de/wp-content/themes/gruber/blocks/steps-section/../../images/cup-3.webp)}.packaging-item:first-child{padding-top:0}.packaging-item:first-child:before{top:0}.packaging-item:last-child .packaging-item__decor-line{display:none}@media(min-width:768px){.packaging{margin:128px 0}.packaging-item:nth-child(odd):before{background-position:-5px center;left:30px}.packaging-item:first-child:before{top:60px}.packaging-item:nth-child(3n+2):before{top:80px;right:30px;left:unset}.packaging-item__decor-line{display:block;position:absolute;bottom:0;left:50%;translate:-50% 0;width:calc(100% - 180px);pointer-events:none;border-bottom:1px dashed rgba(213,214,223,.5);border-width:1px;border-style:dashed;border-color:rgba(213,214,223,.5);-o-border-image:repeating-linear-gradient(90deg,rgba(213,214,223,.5) 0,rgba(213,214,223,.5) 21px,transparent 21px,transparent 42px) 1;border-image:repeating-linear-gradient(90deg,rgba(213,214,223,.5) 0,rgba(213,214,223,.5) 21px,transparent 21px,transparent 42px) 1}.packaging-item__decor-line:after,.packaging-item__decor-line:before{position:absolute;border:1px dashed rgba(213,214,223,.5);content:"";overflow:hidden;border-width:1px;border-color:rgba(213,214,223,.5);border-style:dashed;-o-border-image:repeating-linear-gradient(0deg,rgba(213,214,223,.5) 0,rgba(213,214,223,.5) 21px,transparent 21px,transparent 42px) 1;border-image:repeating-linear-gradient(0deg,rgba(213,214,223,.5) 0,rgba(213,214,223,.5) 21px,transparent 21px,transparent 42px) 1}.packaging-item:nth-child(odd) .packaging-item__decor-line:before{left:0;height:98px;bottom:0}.packaging-item:nth-child(odd) .packaging-item__decor-line:after{right:0;height:108px;top:0}.packaging-item:nth-child(even) .packaging-item__decor-line:before{left:0;height:71px;top:0}.packaging-item:nth-child(even) .packaging-item__decor-line:after{right:0;height:137px;bottom:0}.packaging__bottom{padding-left:160px;display:block;align-items:initial;justify-content:initial;max-width:none;margin:initial}.packaging-item{padding:60px 180px}.packaging-item:before{width:120px;top:120px}.packaging-item__result{padding-left:30px}.packaging-item__result:before{width:4px}.packaging-item:nth-child(odd),.packaging-item:nth-child(even){padding:40px 160px}}@media(min-width:1024px){.packaging__title{margin:0}.packaging-item{padding:90px 200px;max-width:38rem}.packaging-item:before{width:150px;font-size:30px;top:100px}.packaging-item:first-child:before{top:75px}.packaging-item:nth-child(3n+2):before{right:25px;top:100px}.packaging__bottom{padding-left:0;max-width:38rem;margin:auto}.packaging-item:nth-child(odd),.packaging-item:nth-child(even){padding:90px 200px;max-width:38rem;margin:auto}}@media(min-width:1200px){.packaging-item__decor-line{width:calc(100% - 228px)}}