@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Serif:ital,opsz,wght@1,8..144,400;1,8..144,500&display=swap");
@font-face {
  font-family: 'fontello';
  src: url("../font/fontello.eot?66937989");
  src: url("../font/fontello.eot?66937989#iefix") format("embedded-opentype"), url("../font/fontello.woff2?66937989") format("woff2"), url("../font/fontello.woff?66937989") format("woff"), url("../font/fontello.ttf?66937989") format("truetype"), url("../font/fontello.svg?66937989#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "EurocineWideBold";
  src: url("../webFonts/EurocineWideBold/font.woff2") format("woff2"), url("../webFonts/EurocineWideBold/font.woff") format("woff"); }

.site-branding, main, .meta-footer-wrapper {
  max-width: 1200px;
  margin: 0 auto; }

.header-wrapper-green {
  width: 100%;
  background-color: #006770;
  overflow: hidden; }
  .header-wrapper-green .site-branding {
    height: 63px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 20px; }
    @media (max-width: 576px) {
      .header-wrapper-green .site-branding {
        height: 50px; } }
    .header-wrapper-green .site-branding img {
      height: 100%; }

.header-wrapper-transp {
  background-color: rgba(255, 255, 255, 0.7); }
  .header-wrapper-transp h1 {
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    padding: 10px;
    font-size: 28px;
    font-family: "EurocineWideBold";
    color: #006770; }
    @media (max-width: 992px) {
      .header-wrapper-transp h1 {
        font-size: 22px; } }
    @media (max-width: 576px) {
      .header-wrapper-transp h1 {
        font-size: 18px; } }

html, body, .body-container {
  height: 100%; }

.body-container {
  background-image: url(../pic/women-pink.jpg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position-x: 65%;
  background-position-y: 80px;
  position: relative; }

.we-connect-you {
  background-image: url(../pic/we-connect-you.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100% auto;
  right: 10%;
  top: 50%;
  height: 360px;
  width: 360px;
  opacity: 0.5; }
  @media (max-width: 992px) {
    .we-connect-you {
      width: 240px;
      height: 240px; } }
  @media (max-width: 576px) {
    .we-connect-you {
      right: 5%;
      width: 220px;
      height: 220px; } }

.weitere-infos {
  background-image: url(../pic/background-yellow.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100% auto;
  left: 25%;
  top: 60%;
  height: 100px;
  width: 170px;
  cursor: pointer; }
  @media (max-width: 768px) {
    .weitere-infos {
      left: 15%; } }
  @media (max-width: 576px) {
    .weitere-infos {
      left: 3%;
      top: 66%; } }
  .weitere-infos h2 {
    margin: 0;
    padding: 6px 10px;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Roboto Serif', serif;
    color: #006770; }

.jetzt-anmelden {
  background-image: url(../pic/background-yellow.png);
  position: relative;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 60px;
  width: 170px;
  cursor: pointer;
  text-decoration: none;
  margin: 0 auto;
  margin-top: 30px; }
  .jetzt-anmelden h2 {
    margin: 0;
    padding: 6px 10px;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto Serif', serif;
    color: #006770; }

.center {
  text-align: center; }

.newsletter {
  width: 385px;
  overflow: hidden;
  position: absolute;
  bottom: 80px;
  left: 50%;
  margin-left: -191px; }
  @media (max-width: 576px) {
    .newsletter {
      width: 340px;
      margin-left: -170px; } }
  .newsletter h2, .newsletter h3 {
    margin: 0;
    padding: 6px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Roboto Serif', serif; }
  .newsletter h2 {
    background-color: rgba(255, 255, 255, 0.8);
    color: #006770; }
  .newsletter h3 {
    background-image: url(../pic/background-green.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    color: #ffffff;
    height: 45px; }

body {
  background-color: #34A2C5;
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif; }

footer {
  background-color: #000607;
  position: absolute;
  bottom: 0;
  width: 100%; }
  footer h4 {
    padding-left: 20px;
    padding-right: 20px;
    color: #ffffff;
    margin: 0;
    font-weight: 400;
    text-align: center;
    margin-bottom: 10px; }
  footer span.hrtoday {
    background-image: url(../pic/hr-today.png);
    background-repeat: no-repeat;
    background-size: 150px auto;
    background-position: left bottom;
    width: 160px;
    height: 36px;
    display: inline-block;
    margin-bottom: -6px; }
  footer span.italic {
    font-style: italic; }
  footer span.bold {
    font-weight: 600;
    margin-left: 10px; }
  @media (max-width: 768px) {
    footer span.breakp {
      display: block; } }

/* Overlay */
#overlay-content {
  display: none; }

#overlay-background {
  display: table;
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 40; }

#overlay-content-display {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

#overlay-inner-bg {
  max-width: 800px;
  background-color: #ffffff;
  padding: 40px 30px;
  margin: 0 auto;
  text-align: left;
  position: relative; }

#overlay-title h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: "EurocineWideBold";
  font-size: 32px; }

#close-button {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0px;
  top: 0px;
  font-family: "fontello";
  font-size: 22px;
  font-weight: normal;
  text-align: center;
  opacity: 0.5; }
  #close-button:hover {
    opacity: 1.0;
    cursor: pointer; }

#overlay-inhalt {
  font-style: italic; }
  #overlay-inhalt h4 {
    color: #006770;
    margin: 0;
    padding-top: 10px; }
  #overlay-inhalt h3 {
    font-size: 22px;
    padding: 10px 0;
    margin: 0; }
  #overlay-inhalt a {
    text-decoration: none; }
  #overlay-inhalt p {
    margin-top: 0;
    margin-bottom: 10px; }

li:before {
  font-family: "fontello";
  position: absolute;
  height: 100%;
  width: 30px;
  content: '\e800';
  left: -22px;
  font-size: 14px;
  color: #006770; }

li {
  position: relative;
  padding-bottom: 4px; }

ul {
  list-style-type: none;
  margin: 0;
  padding-bottom: 20px;
  padding-top: 4px;
  padding-left: 22px; }

/*# sourceMappingURL=styles.map */