?family=Playfair+Display:400'); @import url("https://use.typekit.net/qpp5itn.css"); * { margin: 0px; box-sizing: border-box; } .background { padding: 0px; margin-top: 10px; margin-left: -20px !important; /* symmetric JobAd */ margin-right: -10px !important; /* symmetric JobAd */ overflow: hidden; font-family: proxima-nova, serif; font-weight: 300; font-size: 16px; line-height: 22px; } .jobAd { text-align: left; width: 850px; margin-left: auto !important; margin-right: auto !important; margin-bottom: 40px; margin-top: 20px; background: #FFF; background-image: url(); background-size: 100%; background-repeat: no-repeat; background-position: center top; padding: 15px 35px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); color: #333; } .imgfooter { margin: 35px -35px -15px -35px; } .jobAd h2 { position: relative; font-family: 'Playfair Display', serif; font-weight: 400; text-align: center; font-size: 28px; line-height: 32px; color: #7f654f; margin: 30px 0px; } .jobAd h3 { font-family: 'Playfair Display', serif; font-weight: 400; line-height: 26px; font-size: 18px; color: #7f654f; margin-bottom: 0px; } .jobAd ul { list-style: none; list-style-image: url(); margin-bottom: 25px; margin-top: 0px; } .jobAd li { margin-left: -10px; text-align: left; } .jobAd li::before { color: #7f654f; /* Farbe hier einfügen */ content: "\2022"; display: inline-block; font-size: 26px; width: 1em; margin-left: -1em; position: relative; top: 1.5px; left: 0px; } .jobAd img { max-width: 100%; height: auto; margin-bottom: 15px; } .jobAd a { text-decoration: none; font-weight: bold; color: #000; } .footer a { font-weight: 300; color: #FFF; } strong { font-weight: 600; } p { margin-top: 0px; margin-bottom: 8px; text-align: justify; } .jobAd a:hover{ text-decoration: underline; } .jobAd .ImgFullWidth { margin: 0px -35px; } .Bttn_div { text-align: center; margin-top: 35px; } .Bttn_div a { background-color: #7f654f; border: 1px solid #7f654f; color: #FFF; font-family: 'Playfair Display', serif; text-transform: ; display: inline-block; font-size: 16px; line-height: 16px; padding: 10px 20px; font-weight: 400; text-align: center; text-decoration: none; -webkit-text-size-adjust:none; } .Bttn_div a:hover { background-color: #FFF; color: #7f654f; transition: 0.3s; text-decoration: none; } #imgcont { margin-top: -15px !important; margin-left: -35px !important; margin-right: -35px !important; margin-bottom: 35px; position: relative; height: 273px; overflow: hidden; } #imgcont img{ position: absolute; left: 0; margin-bottom: 0px; width: 100%; height: auto; } .imgfooter img{ margin: 0px; width: calc(100%/3); display: inline; float: left; } @keyframes imgcontFadeInOut { 0% { opacity:1; transform: scale(1.05); } 40% { opacity:1; transform: scale(1.25); } 50% { opacity:0; transform: scale(1.3); } 90% { opacity:0; transform: scale(1.0); } 100% { opacity:1; transform: scale(1.05); } } @keyframes scale { 0% { transform: scale(1.0); } 100% { transform: scale(1.05); } } @keyframes logoFadeInOut { 0% { opacity:1; } 40% { opacity:1; } 50% { opacity:0; } 90% { opacity:0; } 100% { opacity:1; } } #imgcont img:nth-of-type(1) { animation-name: imgcontFadeInOut, scale; animation-timing-function: linear; animation-iteration-count: infinite, 1; animation-duration: 24s, 2.4s; animation-delay: 12s, 9.6s; } #imgcont img:nth-of-type(2) { animation-name: imgcontFadeInOut; animation-timing-function: linear; animation-iteration-count: infinite; animation-duration: 24s; animation-delay: 0s; } .logo1 { animation-name: logoFadeInOut; animation-duration: 24s; animation-delay: -12s; animation-iteration-count: infinite; } .logo2 { animation-name: logoFadeInOut; animation-duration: 24s; animation-delay: 0s; animation-iteration-count: infinite; } .clearfix { clear: both; height: 0px; overflow: hidden; } /* 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
