Roboto:100,300,400,500,700,900,|&display=swap'); * { margin: 0px; box-sizing: border-box; } .background .jobAd p:last-child { margin-bottom: 0px; } .background .jobAd ul:last-child { margin-bottom: 0px; } .jobAd { position: relative; text-align: left; width: 850px; margin: 35px auto; padding: 35px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.4; color: #006482; } .jobAd>.fullWidth { margin-left: -35px; margin-right: -35px; } .jobAd>.stickTop { margin-top: -35px; } .jobAd>.stickBottom { margin-bottom: -35px; } .background { width: 100%; padding: 0px; margin: 0px auto; overflow: hidden; background-repeat: no-repeat; } .background>.fullWidth { margin-left: -0px; margin-right: -0px; } .background>.stickTop { margin-top: -0px; } .background>.stickBottom { margin-bottom: -0px; } .jobAd p { margin-bottom: 16px; } .jobAd h2 { font-weight: 700; font-size: 35px; line-height: 1.2; text-align: center; text-transform: uppercase; color: #006482; margin: 30px 0px; position: relative; } .jobAd h3 { font-weight: 700; font-size: 20px; line-height: 1.2; text-align: left; text-transform: none; color: #006482; margin: 15px 0px; position: relative; } .jobAd h4 { font-weight: 400; font-size: 17px; line-height: 1.2; text-align: left; text-transform: none; color: #006482; margin: 30px 0px 0px 0px; position: relative; font-style: normal; } .jobAd h5 { font-weight: 500; font-size: 20px; line-height: 1.1; text-align: center; text-transform: none; color: #006482; margin: -10px 0px 30px 0px; position: relative; font-style: normal; } .jobAd hr { border: none; border-top: 1px solid; border-top-color: #000; margin: 35px 0px; } .jobAd ul { list-style: none; list-style-image: url(); margin-bottom: 25px; padding-left: 15px; } .jobAd li { text-align: left; position: relative; } .jobAd li::before { color: #006482; content: "-"; font-weight: 700; width: 1em; position: absolute; top: 0px; left: -15px; } .jobAd a { text-decoration: none; font-weight: 500; color: #006482; transition: 300ms; cursor: pointer; } .jobAd a:hover { color: #000; text-decoration: underline; } .img_1 { max-width: 100%; } .tbl_4 { display: block; padding: 30px; } .tbl_4>.fullWidth { margin-left: -30px; margin-right: -30px; } .tbl_4>.stickTop { margin-top: -30px; } .tbl_4>.stickBottom { margin-bottom: -30px; } .tbl_left_4, .tbl_right_4 { min-height: 20px; background: none; flex-wrap: wrap; flex-direction: column; } .tbl_right_4>.fullWidth { margin-left: -; margin-right: -; } .tbl_right_4>.stickTop { margin-top: -; } .tbl_right_4>.stickBottom { margin-bottom: -; } .div_12 { min-height: 20px; background: #f7f7f6; } .div_12>.fullWidth { margin-left: -; margin-right: -; } .div_12>.stickTop { margin-top: -; } .div_12>.stickBottom { margin-bottom: -; } /* 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; margin: 0 auto; box-shadow: none; } .jobAd .img_1 { width: 40%; } .jobAd .textSection { position: relative; text-shadow: none; color: #333; background: #FFED00; transform: none; left: 0px; top: 0px; padding: 35px; } } /* MOBILE */ @media (min-width: 576px) and (max-width: 799px) { .jobAd { max-width: 510px; margin: 0 auto; box-shadow: none; } .jobAd h2 { font-size: 2em; } .jobAd .img_1 { width: 40%; } .jobAd .textSection { position: relative; text-shadow: none; color: #333; background: #FFED00; transform: none; left: 0px; top: 0px; padding: 35px; } } /*MOBILE KLEIN */ @media (max-width: 576px) { .jobAd { width: 100%; margin: 0 auto; box-shadow: none; } .jobAd h2 { font-size: 2em; } .jobAd .img_1 { width: 60%; } .jobAd .textSection { position: relative; text-shadow: none; color: #333; background: #FFED00; transform: none; left: 0px; top: 0px; padding: 35px; } }
Stellenanzeige schalten
Richtig bewerben
Brutto Netto Rechner
Arbeitgeber finden