42fa03d73335a_2.css?family=Open+Sans:wght@300;400;700&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: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.4; color: #333; } .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: 30px; line-height: 1.2; text-align: left; text-transform: none; position: relative; } .jobAd h3 { font-weight: 700; font-size: 20px; line-height: 1.2; text-align: left; text-transform: none; margin: 35px 0px 15px -35px; position: relative; color: #fff; padding: 5px 0px; } .jobAd h3 span { padding: 5px 15px; padding-left: 35px; background: #058fc9; } .jobAd h4 { font-weight: 300; font-size: 16px; line-height: 1.2; text-align: left; text-transform: none; position: relative; } .jobAd h5 { font-weight: 700; font-size: 16px; line-height: 1.2; text-align: left; text-transform: none; margin: 15px -35px; position: relative; background-color: #d9f1fb; padding: 15px 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: #162e65; content: "•"; font-weight: 700; width: 1em; position: absolute; top: 0px; left: -15px; } .jobAd a { text-decoration: none; color: inherit; text-decoration: underline; } .jobAd a:hover { text-decoration: underline; } .jobAd img { max-width: 100%; } .jobAd .img_1 { position: absolute; right: 55px; top: -30px; width: 42%; } .jobAd .img_2 { width: 40%; padding-top: 20%; padding-bottom: 35px; } .jobAd .img_3 { margin-bottom: -7px; } .jobAd .iconWrapper { display: flex; flex-wrap: wrap; gap: 15px; align-items: flex-end; margin-top: 10px; } .jobAd .iconWrapper .icon { margin-bottom: -5px; } .jobAd .headerSection { position: relative; margin: -35px; margin-bottom: 35px; text-align: center; } .jobAd .textSection { margin: 35px; background: #058fc9; color: #fff; padding: 35px; position: relative; overflow: hidden; text-align: left; } .jobAd .zweispaltig { display: grid; grid-template-columns: 2fr 1fr; gap: 35px; } .jobAd .zweispaltig div { align-self: flex-end; } .jobAd .footerSection { margin: -35px; margin-top: 35px; text-align: left; background: #058fc9; color: #fff; padding: 35px; } .jobAd .footerEnd { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .footerEnd p { padding-top: 25px; } .jobAd .dreispaltig { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 25px; } .ss_wrapper_1 { position: relative; padding-bottom: 66.58823529411765%; overflow: hidden; z-index: 0; margin-bottom: -180px; } .ss_wrapper_1 img { position: absolute; left: 0; margin-bottom: 0px; width: 100%; } @keyframes FadeInOut1 { 0% { opacity: 1; } 13.333333333333334% { opacity: 1; } 16.666666666666664% { opacity: 0; } 96.66666666666667% { opacity: 0; } 100% { opacity: 1; } } .ss_wrapper_1 img:nth-of-type(6) { animation-name: FadeInOut1; animation-timing-function: linear; animation-iteration-count: infinite; animation-duration: 30s; animation-delay: 0s; } .ss_wrapper_1 img:nth-of-type(5) { animation-name: FadeInOut1; animation-timing-function: linear; animation-iteration-count: infinite, 1; animation-duration: 30s, 1s; animation-delay: 5s, 4s; } .ss_wrapper_1 img:nth-of-type(4) { animation-name: FadeInOut1; animation-timing-function: linear; animation-iteration-count: infinite, 1; animation-duration: 30s, 1s; animation-delay: 10s, 9s; } .ss_wrapper_1 img:nth-of-type(3) { animation-name: FadeInOut1; animation-timing-function: linear; animation-iteration-count: infinite, 1; animation-duration: 30s, 1s; animation-delay: 15s, 14s; } .ss_wrapper_1 img:nth-of-type(2) { animation-name: FadeInOut1; animation-timing-function: linear; animation-iteration-count: infinite, 1; animation-duration: 30s, 1s; animation-delay: 20s, 19s; } .ss_wrapper_1 img:nth-of-type(1) { animation-name: FadeInOut1; animation-timing-function: linear; animation-iteration-count: infinite, 1; animation-duration: 30s, 1s; animation-delay: 25s, 24s; } /* 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.5em; } .jobAd .zweispaltig { grid-template-columns: 1fr; } .jobAd .dreispaltig { display: grid; grid-template-columns: 1fr; } }
Stellenanzeige schalten
Richtig bewerben
Brutto Netto Rechner
Arbeitgeber finden