d_.css?family=Playfair+Display:400'); @import url("https://use.typekit.net/qpp5itn.css"); .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; border-bottom: 15px solid #7f654f; } .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 h4 { font-family: 'Playfair Display', serif; font-weight: 400; line-height: 26px; text-align: center; font-size: 18px; color: #7f654f; margin-bottom: 40px; } .jobAd h3 { font-family: 'Playfair Display', serif; font-weight: 400; line-height: 26px; text-align: left; 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% { transform: scale(1.05); } 100% { transform: scale(1.3); } } @keyframes logoFadeInOut { 0% { opacity:0; } 100% { opacity:1; } } #imgcont img:nth-of-type(1) { animation-name: imgcontFadeInOut; animation-timing-function: linear; animation-iteration-count: 1; animation-duration: 24s; animation-delay: 0s; animation-fill-mode: forwards; } .logo1 { animation-name: logoFadeInOut; animation-duration: 5s; animation-delay: 0; animation-iteration-count: 1; animation-fill-mode: forwards; } .clearfix { clear: both; height: 0px; overflow: hidden; }
ly=Poppins:400,500,600,700&display=swap'); @import url('/gfonts/72cbd646708918019b6e9d8e3a60d627_.css?family=Cinzel:400,700&display=swap'); .background { padding: 0px; margin-top: 10px; margin-left: -20px !important; /* symmetric JobAd */ margin-right: -10px !important; /* symmetric JobAd */ overflow: hidden; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 15px; line-height: 1.55; } .jobAd { box-sizing: border-box; text-align: center; width: 850px; margin-left: auto !important; margin-right: auto !important; padding: 35px 35px 35px 35px; /*box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.5);*/ color: #6d6e71; background-color: #f6e4e3; } .header { margin: 30px auto 0px; text-align: center; width: 580px; } .logo { margin-bottom: 35px; } h2 { font-family: 'Cinzel', sans-serif; font-weight: 400; text-align: center; text-transform: uppercase; font-size: 36px; line-height: 1.1; color: #d98c90; margin: 50px 0px; } h4 { color: #78cccd; font-weight: 700; font-size: 20px; padding: 0; text-align: center; margin-top: -40px; margin-bottom: 50px; } h3 { text-align: left; margin: 0; padding: 0; font-weight: 500; color: #3399cc; } ul { list-style: disc; list-style-image: url(); margin-bottom: 25px; margin-top: 5px; } li { text-align: left; } .logo{ width:100%; height: auto; max-width: 100%; } .img_2 { width: 100%; /* Ensures the image takes up 100% of its container's width */ height: auto; /* Maintains the aspect ratio of the image */ max-width: 100%; /* Prevents the image from exceeding its original size */ display: block; /* Removes any small space below the image by treating it as a block element */ margin: 0 auto; /* Centers the image within its container */ } img { max-width: 100%; height: auto; } a { text-decoration: none; font-weight: 700; color: #78cccd; } a:hover {text-decoration: underline;} hr { margin: 35px 0; border: 0; height: 1px; background-color: black; } #footer { margin-top: 35px; text-align: center; } .Bttn_div { text-align: center; padding-top: 0px; } .Bttn_div a { font-family: 'Poppins', sans-serif; background-color: #d98c90; color: #fff; border: 1px solid #d98c90; display: inline-block; font-size: 16px; line-height: 1; font-weight: 400; text-align: center; text-decoration: none; -webkit-text-size-adjust:none; padding: 12px 16px 10px; margin: 20px 20px 0px 20px; } .Bttn_div a:hover { background-color: #fff; color: #d98c90; border: 1px solid #d98c90; transition-duration: 0.7s } /* 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; } .logo{ width:90%; margin:auto; margin-bottom: 35px; height: auto; } .header { width: 68%; } } /* 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; } .logo{ width:80%; margin:auto; margin-bottom: 35px; height: auto; } .header { width: 68%; } } /*MOBILE KLEIN */ @media (max-width: 576px) { .jobAd { width: 100%; box-shadow: none; margin: 0px auto; } .jobAd h2 { font-size: 2em; } .logo{ width:70%; margin-left: 25px; margin-bottom: 35px; height: auto; } .header { width: 68%; } .jobAd .mehrspaltig { grid-template-columns: 1fr; } }
Stellenanzeige schalten
Richtig bewerben
Brutto Netto Rechner
Arbeitgeber finden
