Product Manager Snacking

/
* ---
- Banner ---
- */ .p-view-jobdetailsbanner .p-panel.p-bg-grey40 { background-position: center; background-size: cover; height: 60vw; position: relative; text-shadow: 0px 0px 12px black; } .p-view-jobdetailsbanner .p-panel.p-p-v-xl { height: 90vw; padding: 0 important; } .p-view-jobdetailsbanner .p-panel > div { max-width: 1100px; margin: 0 auto; height: 100%; } .p-gridlayout.center-device-none.start-device-sm.gutter-vertical-xs-device-none { height: 100%; padding: 2rem 0; } .p-viewSL-jobdetailsbannercontent { position: absolute; bottom: 0; } .p-viewSL-jobdetailsbannercontent .p-gridlayout.middle-device-none.gutter-horizontal-sm-device-none .p-gridcol.col-12-device-none.col-auto-device-sm:nth-of-type(2), .p-viewSL-jobdetailsbannercontent .p-gridlayout.middle-device-none.gutter-horizontal-sm-device-none .p-gridcol.col-12-device-none.col-auto-device-sm:nth-of-type(3) { display: none; } .p-view-jobdetailsbanner .p-panel.p-p-v-xl > div:first-of-type { display: flex; align-items: flex-end; } .p-gridlayout.center-device-none.start-device-sm.gutter-vertical-xs-device-none { height: unset; padding: 0; } .p-gridlayout.center-device-none.start-device-sm.gutter-vertical-xs-device-none > div:last-of-type { display: none; } .p-view-jobdetailsbanner .p-panel.p-p-v-xl > div:first-of-type > div:first-of-type { transform: scale(0.9); padding-bottom: 0.2rem; } .p-view-jobdetailsbanner .p-panel.p-p-v-xl > div:first-of-type > div:first-of-type > .p-gridcol.col-12-device-none:last-of-type { display: none; } .p-gridlayout.middle-device-none.gutter-horizontal-sm-device-none > div:first-of-type { padding-left: 0; } .p-view-jobdetailsbanner .p-gridlayout.middle-device-none.gutter-horizontal-sm-device-none > div:first-of-type { padding-left: 0; } /
* ---
- Layout ---
- */ .p-view-jobdetailsad { display: flex; flex-direction: column; } .p-view-jobdetailsad .p-panel.p-p-v-xl { order: 1; padding-bottom: 2rem important; padding-top: 1rem important; } .p-view-jobdetailsad .p-panel.p-p-b-xl { order: 2; } /
* ---
- Button Styles ---
- */ .basic.primary, .basic.primary:focus, .basic.primary:active { outline: none; transition: all 0.3s ease-in-out; } .basic.primary:hover, .basic.primary:focus { outline: none; transform: scale(1.05); } .p-scroll-button.p-bg-grey60.p-br-5x { display: none; } .p-t-primary50 { } .p-panel.p-p-t-lg.p-p-b-xl { padding: 0 important; margin: 1.429rem 0 important; } .p-icon.p-icon-right-cursor { margin-right: 0.7rem; } #shareButtonDropdownAd, [data-tag="applyNowBtn"] { height: 3rem; font-size: 1.2rem; } /
* ---
- Job Headings ---
- */ .p-sectionheader.p-f-sz-4x.p-t-light { font-weight: bold; } .p-f-sz-4x { font-size: 2.5rem; } .p-f-sz-xl { font-size: 1.2rem; } .p-p-b-xl { padding-bottom: 0rem important; } /
* ---
- Style Resets ---
- */ .p-gridlayout.gutter-horizontal-md-device-none > [class*="p-gridcol"] { padding-left: 0; } .p-gridlayout.gutter-horizontal-md-device-none { margin-left: 0; } .p-gridlayout.gutter-vertical-sm-device-none { margin-bottom: 0; } .p-gridlayout.gutter-horizontal-md-device-none { margin-left: 0; } .p-gridlayout.gutter-vertical-sm-device-none { margin-bottom: 0; } /
* ---
- Stellenanzeige ---
- */ .p-content-wrapper { max-width: 1100px; } .p-gridlayout.gutter-horizontal-md-device-none.gutter-vertical-sm-device-none .p-gridcol.col-12-device-none { max-width: 1100px; margin: 0 auto; } .p-bg-grey80 { } .p-panel.p-p-b-md, .p-panel.p-p-b-sm { padding: 0 important; } .p-panel.p-p-t-xs { padding: 0 important; } .stellenanzeige { width: 100%; height: 100%; display: flex; flex-direction: column; } .desc { width: 100%; line-height: 1.5rem; } .desc p, .desc h5 { font-size: 1rem; padding: 0 important; } .desc h3, .stellenanzeige h2, .desc [style*="center"] { text-align: left important; text-transform: uppercase; font-weight: 600; font-size: 1.4rem; padding: 0 important; margin-top: 2rem; margin-bottom: 1rem; } .desc ul { padding: 0 important; padding-left: 1.2rem important; } .desc li ul { margin-top: 1rem; } .desc li { margin-bottom: 0.6rem; line-height: 1.5rem; } .desc > p:last-of-type { text-align: left; font-weight: 600; margin-top: 3rem; } .icons { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 important; list-style: none; margin-bottom: 2rem; } .icons li { width: 100%; margin-bottom: 2rem; font-size: 1rem; text-align: left; font-weight: 500; display: flex; padding-right: 10px; align-items: center; } .icons i { display: block; height: 54px; width: 54px; background-size: contain important; margin-right: 20px; } .icons p { width: calc(100%
- 80px); padd