Life in Plastic - It's Fantastic Deine Karriere mit Form und Innovation. Faire Bezahlung Deine harte Arbeit wird belohnt. Mit einer leistungsgerechten Bezahlung sowie mehreren Prämien pro Jahr schaffen wir finanzielle Sicherheit für Dich. Familiäre Atmosphäre Wir nehmen uns Zeit die Zeit, um Dich kennenzulernen. Bei uns bist Du keine Nummer, sondern ein geschätztes Mitglied unserer großen Plastic Familie. Bei Sorgen oder Nöten, sind wir stets für Dich da. Weiterentwicklung Wir glauben daran, dass in Dir ungenutzte Potenziale schlummern. Mit gezielten Trainings und individuellen Möglichkeiten unterstützen wir Dich, Deine Fähigkeiten voll auszuschöpfen. Außergewöhnliche Teamevents Unsere Firmenevents sind etwas Besonderes. Beim Pflanzen von Bäumen legen wir die Grundlage für eine starke Teambindung und der gemeinsame Besuch auf dem Weihnachtsmarkt stärkt die Zusammengehörigkeit. Seit 65 Jahren... begleiten wir unsere Mitarbeiter auf ihrem beruflichen Weg und bilden gemeinsam eine starke Familie. Unser Erfolg ist eine Kombination aus dem wertvollen Wissen der alten Generation sowie dem frischen Wind der jüngeren Familienmitglieder. Aber wir wissen, dass eine Familie nur als Team stark ist und deshalb suchen wir Dich als Herzstück unseres Unternehmens! Du bist bei uns mehr als nur eine Arbeitskraft. Du wirst Teil unserer eng verbundenen Familie. Bist Du bereit, gemeinsam mit uns neue Wege zu gehen und das Erbe unserer Familiengeschichte fortzusetzen? Werde ein Teil von Wilhelm Plastic und gestalte aktiv unsere Zukunft mit. Wir freuen uns darauf, Dich in unserer Familie willkommen zu heißen! .cs-button-solid { font-size: 1rem; /* 46px - 56px */ line-height: clamp(2.875em, 5.5vw, 3em); text-decoration: none; font-weight: 600; text-align: center; margin: 0; color: #922b85!important; min-width: 9.375rem; padding: 0rem 2.5rem; background-color: #fff!important; display: inline-block; position: relative; z-index: 1; /* prevents padding from adding to the width */ box-sizing: border-box; font-family: Verdana; font-weight: 500; border: 1px; border-color: #922b85!important; text-transform: uppercase; border-style: solid; border-width: 1px; border-radius: 0!important; } .cs-button-solid:before { content: ''; position: absolute; height: 100%; width: 0%; background: #922b85!important; opacity: 1; top: 0; left: 0; z-index: -1; transition: width .3s; border-radius: 0!important; } .cs-button-solid:hover:before { width: 100%; } .cs-button-solid:hover { color: #fff!important; } WIR SUCHEN DICH: 65 Jahre Tradition, ein starkes Team, eine Familie – Jetzt fehlst nur noch du bei Wilhelm Plastic. Werde das entscheidende Element unserer Zukunft! Bewirb dich hier: bewerbung@wilhelm-plastic.de /*- - -> <- Hero -> <- - -*/ /* Mobile - 360px */ @media only screen and (min-width: 0rem) { :root { /* remove this whole :root and put in your global css file that's shared on all pages, then just remove this section from all other Stitches you add later, only need this once in your global stylesheet */ -primary: #922b85; -secondary: #FECC00; -headerColor: #1f1a17; -bodyTextColor: #1f1a17; -bodyTextColorWhite: #FFFFFF; /* 13px - 16px */ -topperFontSize: clamp(0.8125rem, 1.6vw, 1rem); /* 31px - 49px */ -headerFontSize: clamp(1.9375rem, 3.9vw, 2.8215rem); -bodyFontSize: 1rem; /* 60px - 100px top and bottom */ -sectionPadding: clamp(3.75rem, 7.82vw, 6.25rem) 1rem; } body { overflow-x: hidden; font-family: Verdana; } #hero-1061 { /* remove the font family so the Stitch inherits the fonts from your global stylesheet */ position: relative; z-index: 10; clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%); width: 100%; height: 70vh; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; } #hero-1061 .cs-background { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: -2; } #hero-1061 .cs-background:before { /* Overlay */ content: ''; width: 150%; height: 100%; background: #fff; opacity: 0; position: absolute; display: block; top: -75%; left: -15%; z-index: 1; transform: rotate(-3deg); /* prevents the cursor from interacting with it */ pointer-events: none; } #hero-1061 .cs-background img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; /* makes the top of the image start at the top of the parent */ object-position: top; } #hero-1061 .cs-container { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: clamp(6.25rem, 9vw, 7.5rem); align-self: flex-start; background-color: #922b85cc; } #hero-1061 .cs-content { /* set text align to left if content needs to be left aligned */ text-align: left; width: 100%; display: flex; flex-direction: row; /* centers content horizontally, set to flex-start to left align */ align-items: flex-end; justify-content: flex-end; padding: 1rem; } #hero-1061 .cs-title { /* 39px - 61px */ font-size: clamp(2rem, 6.4vw, 2.5rem); font-weight: 500; line-height: 1.2em; text-align: inherit; margin: 0 auto 1rem 0; color: #fff; position: relative; max-width: 40rem; align-self: flex-end; padding: 1rem; } #hero-1061 .cs-title-s { /* 39px - 61px */ font-size: clamp(1.5rem, 6.4vw, 2rem); font-weight: 500; line-height: 1.2em; text-align: inherit; margin: 0 auto 1rem 0; color: #fff; position: relative; max-width: 40rem; align-self: flex-end; } @media only screen and (min-width: 48rem) { #hero-1061 .cs-container { width: 50%; } } /* Large Desktop Parallax Effect - 100px */ @media only screen and (min-width: 100rem) { #hero-1061 .cs-background { background: url("https://www.recruiting.heinkollegen.de/wp/titelbild.jpg"); background-size: cover; background-position: center top; background-repeat: no-repeat; /* creates the parallax effect */ background-attachment: fixed; } #hero-1061 .cs-background img { display: none; } } } /*- - -> <- Services -> <- - -*/ /* Mobile - 360px */ @media only screen and (min-width: 0rem) { #services-1188 { /* remove the font family so the Stitch inherits the fonts from your global stylesheet */ padding: var(-sectionPadding); } #services-1188 .cs-container { max-width: 80rem; width: 100%; margin: auto; display: flex; flex-direction: column; align-items: center; /* 48px - 64px */ gap: clamp(3rem, 6vw, 4rem); } #services-1188 .cs-content { width: 100%; display: flex; flex-direction: column; /* centers content horizontally, set to flex-start to left align */ align-items: center; /* set text align to left if content needs to be left aligned */ text-align: center; } #services-1188 .cs-card-group { /* changes to 1280px at desktop */ max-width: 56.25rem; width: 100%; margin: 0; padding: 0; display: grid; justify-content: center; gap: 1rem; } #services-1188 .cs-item { list-style: none; max-width: 23rem; width: 100%; margin: 0; box-sizing: border-box; padding: 1rem; display: flex; flex-direction: column; align-items: center; text-align: left; gap: 1.5rem; } #services-1188 .cs-picture { width: 5rem; height: 5rem; box-sizing: border-box; /* prevents border from affecting height and width */ display: flex; justify-content: center; align-items: center; position: relative; /* prevents flexbox from squishing it */ flex: none; } #services-1188 .imgtext { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; gap: 1rem } #services-1188 .cs-icon { width: auto; height: 100%; display: block; } #services-1188 .cs-h3 { font-size: 1.25rem; line-height: 1.5em; margin: 0; color: var(-headerColor); text-align: start; border-bottom: 2px solid var(-primary); width: 100%; display:flex; align-items: flex-start; align-self: flex-end; font-weight: 600; } #services-1188 .cs-item-text { /* 14px - 16px */ font-size: clamp(0.875rem, 1.5vw, 1rem); line-height: 1.5em; margin: 0; color: var(-bodyTextColor); text-align: start; } } /* Tablet - 768px */ @media only screen and (min-width: 48rem) { #services-1188 .cs-card-group { grid-template-columns: repeat(2, 1fr); gap: 1.25rem; } #services-1188 .cs-item { margin: 0; } } /* Large Desktop - 1300px */ @media only screen and (min-width: 81.25rem) { #services-1188 .cs-card-group { max-width: 80rem; } #services-1188 .cs-item { max-width: none; padding: 2rem 1.5rem; } } /*- - -> <- Side By Side -> <- - -*/ /* Mobile - 360px */ @media only screen and (min-width: 0rem) { #RPsbs-248, #RPsbsr-248 { /* remove the font family so the Stitch inherits the fonts from your global stylesheet */ padding: 0 1em; position: relative; z-index: 1; } #RPsbs-248 .cs-container, #RPsbsr-248 .cs-container { width: 100%; /* changes to 1280px on tablet */ max-width: 34.375rem; padding: var(-sectionPadding); padding-left: 0; padding-right: 0; margin: auto; display: flex; flex-direction: column; align-items: center; /* 48px - 108px */ gap: clamp(3rem, 8vw, 6.75rem); position: relative; } #RPsbs-248 .cs-content, #RPsbsr-248 .cs-content { /* set text align to left if content needs to be left aligned */ text-align: left; width: 100%; /* changes at tablet */ max-width: 27.125rem; display: flex; flex-direction: column; /* centers content horizontally, set to flex-start to left align */ align-items: flex-start; } #RPsbs-248 .cs-content-r { padding: 2rem; box-sizing: border-box; max-width: 100%; background-color: #922b85cc; color: white; position: relative; } #RPsbs-248 .cs-text-r { color: white; line-height: 1.5; font-weight: 400; } #RPsbs-248 .cs-topper { font-size: 1.2rem; font-weight: 400; } #RPsbs-248 .cs-content-r:before { content: ''; width: 100%; height: 100%; background: #ffffff00; opacity: 1; position: absolute; display: block; top: 2.5%; left: 2.5%; z-index: -1; border: solid 2px var(-primary) } #RPsbs-248 .cs-title, #RPsbsr-248 .cs-title { font-size: var(-headerFontSize); font-weight: 400; line-height: 1.2em; text-align: inherit; max-width: 40rem; margin: 0 0 1rem 0; color: var(-primary); position: relative; } #RPsbs-248 .cs-text, #RPsbsr-248 .cs-text { font-size: var(-bodyFontSize); line-height: 1.5em; text-align: inherit; width: 100%; max-width: 40rem; margin: 0; color: var(-bodyTextColor); } #RPsbs-248 .cs-title, #RPsbsr-248 .cs-title { /* Override. cs-topper cs-title and first cs-text should be removed and put into your global css sheet so it can control every instance of them on your site and is consistent. This selector is a section specific override that stays inside this stitch */ max-width: 20ch; } #RPsbs-248 .cs-text, #RPsbsr-248 .cs-text { /* Override. cs-topper cs-title and first cs-text should be removed and put into your global css sheet so it can control every instance of them on your site and is consistent. This selector is a section specific override that stays inside this stitch */ margin-bottom: 1rem; opacity: .8; } #RPsbs-248 .cs-text:last-of-type, #RPsbsr-248 .cs-text:last-of-type { margin-bottom: 2rem; } #RPsbs-248 .cs-button-solid, #RPsbsr-248 .cs-button-solid { font-size: 1rem; /* 46px - 56px */ line-height: clamp(2.875rem, 5.5vw, 3.5rem); text-decoration: none; font-weight: 700; text-align: center; margin: 0; color: #fff; min-width: 9.375rem; padding: 0 1.5rem; background-color: var(-primary); border-radius: 0.25rem; display: inline-block; position: relative; z-index: 1; /* prevents padding from adding to the width */ box-sizing: border-box; } #RPsbs-248 .cs-button-solid:before, #RPsbsr-248 .cs-button-solid:before { content: ''; position: absolute; height: 100%; width: 0%; background: #000; opacity: 1; top: 0; left: 0; z-index: -1; border-radius: 0.25rem; transition: width .3s; } #RPsbs-248 .cs-button-solid:hover:before, #RPsbsr-248 .cs-button-solid:hover:before { width: 100%; } #RPsbs-248 .cs-picture, #RPsbsr-248 .cs-picture { width: 100%; max-width: 27.125rem; margin: 0; border: 1px solid #F1F1F4; position: relative; display: block; /* width divided by height */ aspect-ratio: 1; /* prevents border from adding to height and width */ box-sizing: border-box; } #RPsbs-248 .cs-picture img, #RPsbsr-248 .cs-picture img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; } } /* Tablet - 768px */ @media only screen and (min-width: 48rem) { #RPsbs-248 .cs-container, #RPsbsr-248 .cs-container { max-width: 80rem; flex-direction: row; justify-content: center; align-items: center; } #RPsbs-248 .cs-lines, #RPsbsr-248 .cs-lines { height: 100%; width: 35%; display: block; position: absolute; left: 50%; transform: translateX(-50%); z-index: -1; } #RPsbs-248 .cs-lines:before, #RPsbsr-248 .cs-lines:before { /* Right Line */ content: ''; width: 1px; height: 100%; background: -moz-linear-gradient(top, rgba(250, 251, 252, 0.5) 0%, rgba(250, 251, 252, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(250, 251, 252, 0.5) 0%, rgba(250, 251, 252, 0) 100%); /* Chrome10-25,Safari5.1-6 */ opacity: 1; position: absolute; display: block; top: 0; left: 0; /* flips vertically */ transform: scaleY(-1); } #RPsbs-248 .cs-lines:after, #RPsbsr-248 .cs-lines:after { /* Right Line */ content: ''; width: 1px; height: 100%; background: -moz-linear-gradient(top, rgba(250, 251, 252, 0.5) 0%, rgba(250, 251, 252, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(250, 251, 252, 0.5) 0%, rgba(250, 251, 252, 0) 100%); /* Chrome10-25,Safari5.1-6 */ opacity: 1; position: absolute; display: block; top: 0; right: 0; /* flips vertically */ transform: scaleY(-1); } #RPsbs-248 .cs-picture, #RPsbsr-248 .cs-picture { /* 344px - 434px */ width: clamp(21.5rem, 37.5vw, 27.125rem); flex: none; } #RPsbs-248 .cs-content, #RPsbsr-248 .cs-content { max-width: 33.875rem; margin: 0; width: 45%; } #RPsbs-248 .cs-content-r { padding: 4rem; box-sizing: border-box; max-width: 50%; background-color: #922b85cc; color: white; position: relative; } #RPsbs-248 .cs-text-r { color: white; line-height: 1.5; font-weight: 400; } #RPsbs-248 .cs-topper { font-size: 1.2rem; font-weight: 400; } #RPsbs-248 .cs-content-r:before { content: ''; width: 100%; height: 100%; background: #ffffff00; opacity: 1; position: absolute; display: block; top: 2.5%; left: 2.5%; z-index: -1; border: solid 2px var(-primary) } } /*- - -> <- Side By Side -> <- - -*/ /* Mobile - 360px */ @media only screen and (min-width: 0rem) { #sbs{ /* remove the font family so the Stitch inherits the fonts from your global stylesheet */ padding: 0 1em; position: relative; z-index: 1; background-color: #dfdfdf30; } #sbs .cs-container, #RPsbsr-248 .cs-container { width: 100%; /* changes to 1280px on tablet */ max-width: 34.375rem; padding: var(-sectionPadding); padding-left: 0; padding-right: 0; margin: auto; display: flex; flex-direction: column; align-items: center; /* 48px - 108px */ gap: clamp(1rem, 8vw, 6.75rem); position: relative; } #sbs .cs-content, #RPsbsr-248 .cs-content { /* set text align to left if content needs to be left aligned */ text-align: left; width: 100%; /* changes at tablet */ max-width: 27.125rem; display: flex; flex-direction: column; /* centers content horizontally, set to flex-start to left align */ align-items: flex-start; } #sbs .cs-content-r { padding: 0; box-sizing: border-box; max-width: 100%; background-color: #922b85cc; color: white; position: relative; } #sbs .cs-text-r { color: white; line-height: 1.5; font-weight: 400; } #sbs .cs-topper { font-size: 1.2rem; font-weight: 400; } #sbs .cs-content-r:before { content: ''; width: 100%; height: 100%; background: #ffffff00; opacity: 1; position: absolute; display: block; top: 2.5%; left: 2.5%; z-index: -1; border: solid 2px var(-primary) } #sbs .cs-title, #RPsbsr-248 .cs-title { font-size: var(-headerFontSize); font-weight: 400; line-height: 1.2em; text-align: inherit; max-width: 40rem; margin: 0 0 1rem 0; color: var(-primary); position: relative; text-transform: uppercase; } #sbs .cs-text, #RPsbsr-248 .cs-text { font-size: var(-bodyFontSize); line-height: 1.5em; text-align: inherit; width: 100%; max-width: 40rem; margin: 0; color: var(-bodyTextColor); } #sbs .cs-title, #RPsbsr-248 .cs-title { /* Override. cs-topper cs-title and first cs-text should be removed and put into your global css sheet so it can control every instance of them on your site and is consistent. This selector is a section specific override that stays inside this stitch */ max-width: 20ch; } #sbs .cs-text, #RPsbsr-248 .cs-text { /* Override. cs-topper cs-title and first cs-text should be removed and put into your global css sheet so it can control every instance of them on your site and is consistent. This selector is a section specific override that stays inside this stitch */ margin-bottom: 1rem; opacity: .8; } #sbs .cs-text:last-of-type, #RPsbsr-248 .cs-text:last-of-type { margin-bottom: 2rem; } #sbs .cs-button-solid, #RPsbsr-248 .cs-button-solid { font-size: 1rem; /* 46px - 56px */ line-height: clamp(2.875rem, 5.5vw, 3.5rem); text-decoration: none; font-weight: 700; text-align: center; margin: 0; color: #fff; min-width: 9.375rem; padding: 0 1.5rem; background-color: var(-primary); border-radius: 0.25rem; display: inline-block; position: relative; z-index: 1; /* prevents padding from adding to the width */ box-sizing: border-box; } #sbs .cs-button-solid:before, #RPsbsr-248 .cs-button-solid:before { content: ''; position: absolute; height: 100%; width: 0%; background: #000; opacity: 1; top: 0; left: 0; z-index: -1; border-radius: 0.25rem; transition: width .3s; } #sbs .cs-button-solid:hover:before, #RPsbsr-248 .cs-button-solid:hover:before { width: 100%; } #sbs .cs-picture, #RPsbsr-248 .cs-picture { width: 100%; max-width: 27.125rem; margin: 0; border: 1px solid #F1F1F4; position: relative; display: block; /* width divided by height */ aspect-ratio: 1; /* prevents border from adding to height and width */ box-sizing: border-box; } #sbs .cs-picture img, #RPsbsr-248 .cs-picture img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; } } /* Tablet - 768px */ @media only screen and (min-width: 48rem) { #sbs .cs-container, #RPsbsr-248 .cs-container { max-width: 80rem; flex-direction: row-reverse; justify-content: center; align-items: center; } #sbs .cs-lines, #RPsbsr-248 .cs-lines { height: 100%; width: 35%; display: block; position: absolute; left: 50%; transform: translateX(-50%); z-index: -1; } #sbs .cs-lines:before, #RPsbsr-248 .cs-lines:before { /* Right Line */ content: ''; width: 1px; height: 100%; background: -moz-linear-gradient(top, rgba(250, 251, 252, 0.5) 0%, rgba(250, 251, 252, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(250, 251, 252, 0.5) 0%, rgba(250, 251, 252, 0) 100%); /* Chrome10-25,Safari5.1-6 */ opacity: 1; position: absolute; display: block; top: 0; left: 0; /* flips vertically */ transform: scaleY(-1); } #sbs .cs-lines:after, #RPsbsr-248 .cs-lines:after { /* Right Line */ content: ''; width: 1px; height: 100%; background: -moz-linear-gradient(top, rgba(250, 251, 252, 0.5) 0%, rgba(250, 251, 252, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(250, 251, 252, 0.5) 0%, rgba(250, 251, 252, 0) 100%); /* Chrome10-25,Safari5.1-6 */ opacity: 1; position: absolute; display: block; top: 0; right: 0; /* flips vertically */ transform: scaleY(-1); } #sbs .cs-picture, #sbs .cs-picture { /* 344px - 434px */ width: clamp(21.5rem, 37.5vw, 27.125rem); flex: none; } #sbs .cs-content, #sbs .cs-content { max-width: 33.875rem; margin: 0; width: 50%; } #sbs .cs-content-r { box-sizing: border-box; max-width: 50%; background-color: #922b85cc; color: white; position: relative; padding: 0; } #sbs .cs-text-r { color: white; line-height: 1.5; font-weight: 400; } #sbs .cs-topper { font-size: 1.2rem; font-weight: 400; } #sbs .cs-content-r:before { content: ''; width: 100%; height: 100%; background: #ffffff00; opacity: 1; position: absolute; display: block; top: 2.5%; left: -2.5%; z-index: -1; border: solid 2px var(-primary) } } #sbs .imgsbs{ width: 100%; height: auto; }