7_2.css?family=Open+Sans:wght@400;700;800&display=swap'); * { margin: 0px; box-sizing: border-box; } .background { padding: 0px; margin-top: 10px; margin-left: auto; margin-right: auto; overflow: hidden; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.5; color: #000; } .jobAd { text-align: left; width: 780px; margin-left: auto !important; margin-right: auto !important; margin-bottom: 40px; margin-top: 20px; padding: 15px 35px; 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); } .jobAd h2 { color: #000; font-weight: 800; text-align: left; font-size: 32px; line-height: 1.2; margin: 30px 0px; } .jobAd h3 { font-size: 17.3px; font-weight: 700; margin-bottom: 10px; text-transform: uppercase; color: #0058ab; margin-top: 25px; } .jobAd p { margin: 0px; margin-bottom: 16px; } .jobAd strong { font-weight: 700; } .jobAd ul { list-style: none; list-style-image: url(); margin-bottom: 10px; 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: #2980b9; } .jobAd a:hover { text-decoration: underline; } .jobAd .ImgFullWidth { margin: -15px -35px 30px -35px; } .line { background-color: #DFDFDF; color: #DFDFDF; border: #DFDFDF; height: 1px; margin-bottom: 30px; margin-top: 30px; } .grid { display: -ms-grid; -ms-grid-columns: 30px 10px 1fr; -ms-grid-rows: auto 10px auto 10px auto; display: grid; grid-template-columns: 30px 10px 1fr; grid-template-rows: auto 10px auto 10px auto; font-size: 16px; justify-items: left; } .griditem { display: flex; flex-direction: column; align-items: left; } .grid div:nth-of-type(1) { -ms-grid-column: 1; -ms-grid-row: 1; grid-column-start: 1; grid-row-start: 1; } .grid div:nth-of-type(2) { -ms-grid-column: 3; -ms-grid-row: 1; grid-column-start: 3; grid-row-start: 1; } .grid div:nth-of-type(3) { -ms-grid-column: 1; -ms-grid-row: 3; grid-column-start: 1; grid-row-start: 3; } .grid div:nth-of-type(4) { -ms-grid-column: 3; -ms-grid-row: 3; grid-column-start: 3; grid-row-start: 3; } .grid div:nth-of-type(5) { -ms-grid-column: 1; -ms-grid-row: 5; grid-column-start: 1; grid-row-start: 5; } .grid div:nth-of-type(6) { -ms-grid-column: 3; -ms-grid-row: 5; grid-column-start: 3; grid-row-start: 5; } .Bttn_div { text-align: left; padding-top: 22px; margin-bottom: 20px; } .Bttn_div a { background-color: #000; border: 1px solid #000; color: #ffffff; padding: 10px 30px; border-radius: 20px; font-size: 16px; font-weight: 700; line-height: 1; text-align: center; text-decoration: none; display: inline-block; transition: 0.3s; display: none; } .Bttn_div a:hover { background-color: #000; color: #fff; border: 1px solid #000; text-decoration: none; } /* 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; box-shadow: none; margin: 0px auto; } .jobAd .mehrspaltig { grid-template-columns: 1fr; } } /* 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 .mehrspaltig { grid-template-columns: 1fr; } } /*MOBILE KLEIN */ @media (max-width: 576px) { .jobAd { width: 100%; box-shadow: none; margin: 0px auto; } .jobAd h2 { font-size: 1.8em; } .jobAd .mehrspaltig { grid-template-columns: 1fr; } }
Stellenanzeige schalten
Richtig bewerben
Brutto Netto Rechner
Arbeitgeber finden
