rt url('/gfonts/12f227090de0acaa5e0bd83f3f8656af_2.css?family=Inter:wght@200;300;400;500;600&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: 'Inter', sans-serif; font-weight: 200; font-size: 16px; line-height: 1.4; color: #000; } .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: 200; font-size: 35px; line-height: 1.2; text-align: left; text-transform: none; position: relative; } .jobAd h3 { font-weight: 300; font-size: 25px; line-height: 1.2; text-align: left; text-transform: none; margin: 15px 0px 5px 0px; position: relative; color: #4a224f; } .jobAd h4 { font-weight: 400; font-size: 16px; line-height: 1.2; text-align: left; text-transform: none; margin-top: 15px; position: relative; } .jobAd h5 { font-weight: 400; font-size: 16px; line-height: 1.2; text-align: center; text-transform: none; margin-bottom: 15px; position: relative; } .jobAd hr { border: none; border-top: 1px solid; border-top-color: #cfe1d0; margin: 35px -35px; } .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: #4a224f; content: "•"; font-weight: 700; width: 1em; position: absolute; top: 0px; left: -15px; } .jobAd a { text-decoration: underline transparent; font-weight: 300; color: inherit; transition: 300ms; cursor: pointer; } .jobAd a:hover { text-decoration: underline #4a224f; } .jobAd img { max-width: 100%; } .jobAd .img_1 { position: absolute; right: 35px; top: 35px; width: 20%; z-index: 2; } .jobAd .img_2 { position: relative; z-index: 0; filter: brightness(0.8); } .jobAd .headerSection { position: relative; margin: -35px; margin-bottom: 35px; background: #4a224f; color: #fff; } .jobAd .headerWrapper { position: relative; } .jobAd .textSection { position: absolute; left: 0px; bottom: 0px; color: #fff; padding: 35px; width: 50%; font-size: 15px; } .jobAd .zweispaltig { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; } .jobAd .footerSection { margin: -35px; margin-top: 35px; padding: 35px; text-align: center; background: #f6f2ed; } /* LAPTOP */ @media (min-width: 992px) and (max-width: 1309px) { .jobAd { max-width: 800px; } .jobAd .textSection { font-size: 14px; } } /* TABLET */ @media (min-width: 800px) and (max-width: 991px) { .jobAd { max-width: 600px; box-shadow: none; margin: 0px auto; } .jobAd .mehrspaltig { grid-template-columns: 1fr; } .jobAd .zweispaltig { display: grid; grid-template-columns: 1fr; } .jobAd .textSection { position: relative; width: 100%; font-size: 14px; } } /* MOBILE */ @media (min-width: 576px) and (max-width: 799px) { .jobAd { max-width: 510px; box-shadow: none; margin: 0px auto; } .jobAd h2 { font-size: 2em; } .jobAd .zweispaltig { display: grid; grid-template-columns: 1fr; } .jobAd .textSection { position: relative; width: 100%; font-size: 14px; } } /*MOBILE KLEIN */ @media (max-width: 576px) { .jobAd { width: 100%; box-shadow: none; margin: 0px auto; } .jobAd h2 { font-size: 2em; } .jobAd .zweispaltig { display: grid; grid-template-columns: 1fr; } .jobAd .textSection { position: relative; width: 100%; font-size: 14px; } }
Stellenanzeige schalten
Richtig bewerben
Brutto Netto Rechner
Arbeitgeber finden
