@import url('https://use.typekit.net/npd0fdm.css'); * { margin: 0px; box-sizing: border-box; } .background .jobAd p:last-child { margin-bottom: 0px; } .background .jobAd ul:last-child { margin-bottom: 0px; } .background { padding: 0px; margin-top: 10px; margin-left: auto; margin-right: auto; overflow: hidden; font-family: 'plantin', sans-serif; font-weight: 400; font-size: 15px; line-height: 1.5; color: #000; } .jobAd { text-align: left; width: 700px; margin-left: auto !important; margin-right: auto !important; margin-bottom: 40px; margin-top: 20px; padding: 20px 40px; background: #FFF; background-image: url(); background-size: 100%; background-repeat: no-repeat; background-position: center top; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); background-color: rgb(240,232,196); } .jobAd .headline { text-align: center; } .jobAd h2 { color: #000; font-weight: 600; text-align: center; font-size: 34px; line-height: 1.4; margin: 0px 0px; display:inline-block; } .jobAd h3 { color: #000; font-size: 20px; font-weight: 400; margin-bottom: 30px; margin-top: -20px; text-align: center; } .jobAd p { margin-top: 10px; margin-bottom: 10px; text-align: justify; } .jobAd strong { font-weight: 700; } .jobAd hr { border: none; border-top: 5px solid; border-top-color: #000; margin: 0px 0px 30px 0px; } .jobAd ul { list-style: none; list-style-image: url(); margin-bottom: 25px; margin-top: 0px; } .jobAd li { margin-left: -1.5em; text-align: left; position: relative; } .jobAd li::before { color: #000; /* Farbe hier einfÞgen */ content: "\2022"; font-weight: 700; width: 1em; position: absolute; top: 0px; left: -15px; } .jobAd img { max-width: 100%; height: auto; margin-bottom: 0px; } .jobAd a { text-decoration: none; font-weight: normal; color: #000; } .jobAd a:hover{ text-decoration: underline; } .container { display: flex; margin-top: 30px; } .item1 { padding-right: 20px; width: 20%; } .item2 { width: 80%; border-top: 5px solid #000; margin-top: 20px; } /* 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 .mehrspaltig { grid-template-columns: 1fr; } } /* MOBILE */ @media (min-width: 576px) and (max-width: 799px) { .jobAd { max-width: 510px; } .jobAd h2 { font-size: 2em; } .jobAd .mehrspaltig { grid-template-columns: 1fr; } } /*MOBILE KLEIN */ @media (max-width: 576px) { .jobAd { width: 100%; } .jobAd h2 { font-size: 1.333em; } .jobAd .mehrspaltig { grid-template-columns: 1fr; } }
Stellenanzeige schalten
Richtig bewerben
Brutto Netto Rechner
Arbeitgeber finden
