mport url(https://www.prima.bz/fileadmin/font/freightbig-pro.css); @import url('/gfonts/44c52be504e95bfd7770d1094eba6ebf_2.css?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap'); * { margin: 0px; box-sizing: border-box; } .background .jobAd p:last-child { margin-bottom: 0px; } .background .jobAd ul:last-child { margin-bottom: 0px; } .background { width: 100%; padding: 0px; margin: 0px auto; overflow: hidden; } .jobAd { box-sizing: border-box; text-align: center; position: relative; width: 850px; margin: 35px auto; padding: 45px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); color: #000; font-weight: 400; font-size: 14px; line-height: 1.3; font-family: 'Plus Jakarta Sans', sans-serif; } .jobAd>.fullWidth { margin-left: -45px; margin-right: -45px; } .jobAd>.stickTop { margin-top: -45px; } .jobAd>.stickBottom { margin-bottom: -45px; } .background>.fullWidth { margin-left: -0px; margin-right: -0px; } .background>.stickTop { margin-top: -0px; } .background>.stickBottom { margin-bottom: -0px; } .header { height: 530px; background: url(https://www.suedtirolerjobs.it/uploads/media/suedtirolerjobs.it/openings/0004/60/a854ca7e6b45d641821b699b8105550589f68888.jpg) no-repeat; background-size: 100%; background-position: center; margin-bottom: 100px; display: flex; align-content: center; align-items: center; justify-content: center; } .circle { border-radius: 50%; margin: 0 auto 0px; background-color: black; height: 165px; width: 165px; text-align: center; display: flex; align-content: center; justify-content: center; align-items: center; } .middle {margin-bottom: 0px;} h2 { font-weight: 700; text-align: center; font-size: 42px; line-height: 1.2; color: #000; margin: -30px 0px 60px 0px; text-transform: uppercase; font-family: 'Freightbig Pro', sans-serif; } h3 { position: relative; margin: 0px auto 0px; padding: 0; font-weight: 700; font-size: 30px; text-transform: uppercase; text-align: center; margin-top: 40px; margin-bottom: 60px; font-family: 'Plus Jakarta Sans', sans-serif; } .jobAd h3::after, .jobAd h5::after { content: ""; width: 75px; height: 4px; background-color: #000; position: absolute; bottom: -25px; left: 50%; right: auto; transform: translateX(-50%); } .jobAd h4 { font-size: 14px; font-weight: 400; margin-bottom: 10px; margin-top: 0px; line-height: 1.4; text-align: left; font-family: 'Plus Jakarta Sans', sans-serif; } .jobAd h5 { position: relative; margin: 0px auto 0px; padding: 0; font-weight: 700; font-size: 20px; text-transform: uppercase; text-align: center; margin-top: 30px; margin-bottom: 60px; font-family: 'Plus Jakarta Sans', sans-serif; } ul { list-style: none; list-style-image: url(); margin-bottom: 25px; padding-left: 20px; } li { text-align: left; position: relative; } .jobAd li::before { color: #000; content: "•"; font-weight: 300; width: 1em; position: absolute; top: 0px; left: -20px; } li + li { margin-top: 6px; } img { max-width: 100%; height: auto; } hr { width: 45px; margin: 20px auto 40px; border: 0; height: 5px; background-color: black; } #footer { margin-top: 35px; text-align: center; } /* LAPTOP */ @media (min-width: 992px) and (max-width: 1309px) { .jobAd { max-width: 800px; } } /* TABLET */ @media (min-width: 800px) and (max-width: 991px) { .jobAd { max-width: 600px; } .jobAd h2 { margin-top: -15%; } .jobAd .mehrspaltig { grid-template-columns: 1fr; } .header { height: 370px; } } /* MOBILE */ @media (min-width: 576px) and (max-width: 799px) { .jobAd { max-width: 510px; } .jobAd h2 { margin-top: -15%; } ul { padding: 0 0 0 35px; } .jobAd .mehrspaltig { grid-template-columns: 1fr; } .header { height: 340px; } } /*MOBILE KLEIN */ @media (max-width: 576px) { .jobAd { width: 100%; } .jobAd h2 { font-size: 2em; margin-top: 30px; } ul { padding: 0 0 0 35px; } .jobAd .mehrspaltig { grid-template-columns: 1fr; } .header { margin-top: 0; margin-bottom: 0px; height: 250px; } } /**/
Stellenanzeige schalten
Richtig bewerben
Brutto Netto Rechner
Arbeitgeber finden
