button {
  padding: 5px 40px;
  border-radius: 4px;
  text-align: center;
  border: 0; }

/* @RETRUN JUST CALCULATED VALUES! */
h1,
h2 {
  font-size: 30px;
  font-weight: 600;
  font-style: italic;
  line-height: 1em;
  margin: 0 0 10px 0;
  text-transform: uppercase !important; }
  @media (min-width: 768px) {
    h1,
    h2 {
      font-size: 50px; } }
  h1.uppercase,
  h2.uppercase {
    text-transform: uppercase !important; }

h3 {
  font-size: 24px;
  margin: 0 0 10px 0;
  font-style: italic;
  font-weight: bold;
  text-transform: uppercase !important; }

header {
  background-color: #007ec5; }
  header .navigation {
    background: transparent;
    max-width: 1200px;
    display: flex;
    position: relative; }
    header .navigation:before {
      background-color: #007ec5;
      position: absolute;
      left: 0;
      width: 100vw;
      content: '';
      height: 100%;
      margin-left: calc(50% - 50vw); }
    @media (min-width: 1100px) {
      header .navigation {
        margin-top: 0 !important; } }
    header .navigation .logo {
      padding-bottom: 0;
      z-index: 4000;
      position: relative;
      float: none;
      transition: all 0.2s ease-in-out;
      margin: 40px 20px 30px 0;
      width: 200px; }
      @media (min-width: 768px) {
        header .navigation .logo {
          width: 350px; } }
      @media (min-width: 1100px) {
        header .navigation .logo {
          padding-top: 0;
          width: 50%;
          position: relative;
          top: 0; } }
      header .navigation .logo .ce-row {
        overflow: visible; }
      header .navigation .logo img {
        height: auto;
        width: 100%;
        transition: all 0.2s ease-in-out; }
        @media (min-width: 1100px) {
          header .navigation .logo img {
            height: auto;
            width: 100%; } }
    header .navigation nav {
      margin: 0;
      padding: 0; }
      header .navigation nav ul {
        padding-bottom: 2px; }
        @media (min-width: 1100px) {
          header .navigation nav ul li.current a,
          header .navigation nav ul li:hover a,
          header .navigation nav ul li.active a,
          header .navigation nav ul li a {
            color: #fff !important; } }
        header .navigation nav ul li.current ul li a,
        header .navigation nav ul li:hover ul li a,
        header .navigation nav ul li.active ul li a,
        header .navigation nav ul li ul li a {
          color: #007ec5 !important; }
        header .navigation nav ul li.current ul li:hover a,
        header .navigation nav ul li.current ul li.current a,
        header .navigation nav ul li:hover ul li:hover a,
        header .navigation nav ul li:hover ul li.current a,
        header .navigation nav ul li.active ul li:hover a,
        header .navigation nav ul li.active ul li.current a,
        header .navigation nav ul li ul li:hover a,
        header .navigation nav ul li ul li.current a {
          color: #007ec5 !important; }
        header .navigation nav ul li.current.haschild > a:before,
        header .navigation nav ul li:hover.haschild > a:before,
        header .navigation nav ul li.active.haschild > a:before,
        header .navigation nav ul li.haschild > a:before {
          background-image: url(../Images/down.svg); }
        header .navigation nav ul ul {
          padding-bottom: 10px;
          margin: 0 0 2px 0 !important; }
  @media (min-width: 1100px) {
    header.sticky .navigation {
      margin-top: 0 !important; } }
  header.sticky .navigation nav {
    padding: 0; }
    @media (min-width: 1100px) {
      header.sticky .navigation nav {
        width: 100% !important;
        margin-left: 0 !important; } }
    header.sticky .navigation nav ul li a {
      padding-bottom: 0; }
  header.sticky .navigation .logo {
    transition: all 0.2s ease-in-out; }
    header.sticky .navigation .logo img,
    header.sticky .navigation .logo picture {
      max-height: 80px;
      transition: all 0.2s ease-in-out; }

header .navigation nav.hiddenVP1.open {
  margin-top: 90px !important; }

.nostage .maincontent {
  margin-top: 99px; }

#c912 .button-primary {
  background: red !important; }

#c876 .button-primary {
  font-size: 22px; }
  #c876 .button-primary p {
    text-align: center !important; }
#c876 .col50.last img {
  max-width: 350px;
  border-radius: 40px; }

/* KONTAKTFORMULAR */
#pid52 .maincontent, #pid311 .maincontent {
  margin-top: 0; }
  #pid52 .maincontent .w100, #pid311 .maincontent .w100 {
    padding: 20px !important; }

/* FP */
.sec544.hasBG .sectionBG {
  background-position: right 80px center; }
  @media (min-width: 768px) {
    .sec544.hasBG .sectionBG {
      background-position: right center; } }

/* MP */
.sec362 {
  background-position: right -100px center !important; }
  @media (min-width: 1100px) {
    .sec362 {
      background-position: right center !important; } }

/* PP */
.sec473 {
  background-position: right -100px center !important; }
  @media (min-width: 1100px) {
    .sec473 {
      background-position: right center !important; } }

/* FP */
.sec544 {
  background-position: right -60px center !important; }
  @media (min-width: 1100px) {
    .sec544 {
      background-position: right center !important; } }

.sec437 .sectionBG {
  background-image: url(/fileadmin/user_upload/supermarktwerbung/bg-cashposter-vp1.jpg) !important; }
  @media (min-width: 768px) {
    .sec437 .sectionBG {
      background-image: url(/fileadmin/user_upload/supermarktwerbung/bg-cashposter.jpg) !important; } }

#c314 {
  text-align: center !important; }
  @media (min-width: 1100px) {
    #c314 {
      text-align: left !important; } }
  #c314 p {
    text-align: center !important; }
    @media (min-width: 1100px) {
      #c314 p {
        text-align: left !important; } }

@media (min-width: 768px) {
  .sec362 {
    background-position: right -150px center !important; } }
@media (min-width: 1100px) {
  .sec362 {
    background-position: right -180px center !important; } }

@media (min-width: 768px) {
  .sec473 {
    background-position: right -100px center !important; } }
@media (min-width: 1100px) {
  .sec473 {
    background-position: right -150px center !important; } }

#pid68 .maincontent {
  margin-top: 0 !important; }

#pid67 .featherlight-content {
  height: 85% !important;
  max-height: unset !important; }

@media (min-width: 768px) {
  #pid67 section.w100.regular {
    padding: 60px; } }

.background-primary {
  background-color: #007ec5; }

body[data-pageid="supermarktwerbung karriere"] {
  color: #515151; }
  @media (min-width: 1100px) {
    body[data-pageid="supermarktwerbung karriere"] #c3026 .col2313.last,
    body[data-pageid="supermarktwerbung karriere"] #c3200 .col2313.last {
      padding-left: 0 !important; } }
  body[data-pageid="supermarktwerbung karriere"] #c3022 figure {
    max-width: 300px; }
    @media (min-width: 1100px) {
      body[data-pageid="supermarktwerbung karriere"] #c3022 figure {
        max-width: unset; } }
  body[data-pageid="supermarktwerbung karriere"] #c3203 figure {
    max-width: 200px; }
  @media (min-width: 1100px) {
    body[data-pageid="supermarktwerbung karriere"] #c3203 .ce-center .ce-inner {
      right: -80%; } }
  body[data-pageid="supermarktwerbung karriere"] #c3103 .vid video {
    max-width: 350px; }
  @media (min-width: 768px) {
    body[data-pageid="supermarktwerbung karriere"] #c3100 .fontXL {
      font-size: 3.5rem !important; } }
  @media (min-width: 1100px) {
    body[data-pageid="supermarktwerbung karriere"] #c3100 .fontXL {
      font-size: 4rem !important; } }
  body[data-pageid="supermarktwerbung karriere"] .navigation nav ul li a {
    color: #007ec5 !important; }
  body[data-pageid="supermarktwerbung karriere"]#pid204 #c3026.roundtopwhite,
  body[data-pageid="supermarktwerbung karriere"]#pid204 #c3200.roundtopwhite {
    background-image: none !important; }
  body[data-pageid="supermarktwerbung karriere"] .uid3201 .row {
    align-items: end !important; }
  body[data-pageid="supermarktwerbung karriere"] .col100.uid3148 {
    max-width: 100% !important; }
  body[data-pageid="supermarktwerbung karriere"] header {
    background-color: #fff; }
    body[data-pageid="supermarktwerbung karriere"] header .navigation:before {
      background-color: #fff; }
    body[data-pageid="supermarktwerbung karriere"] header .navigation .logo img {
      max-width: 380px; }
  body[data-pageid="supermarktwerbung karriere"] a.button {
    font-style: normal;
    border-radius: 40px; }
    body[data-pageid="supermarktwerbung karriere"] a.button.button-primary {
      background: #f1080c; }
      body[data-pageid="supermarktwerbung karriere"] a.button.button-primary:hover {
        background: #f1080c !important; }
    body[data-pageid="supermarktwerbung karriere"] a.button.button-secondary {
      background-color: #0a4474;
      color: #fff !important; }
      body[data-pageid="supermarktwerbung karriere"] a.button.button-secondary:hover {
        background-color: #0a4474 !important; }
  body[data-pageid="supermarktwerbung karriere"] h1,
  body[data-pageid="supermarktwerbung karriere"] h2 {
    font-style: normal; }
  body[data-pageid="supermarktwerbung karriere"] .joboffersshortwrapper {
    width: 100%;
    text-align: center;
    display: none; }
    body[data-pageid="supermarktwerbung karriere"] .joboffersshortwrapper .joboffersshort {
      background-color: #fff;
      display: inline-block;
      border-radius: 20px;
      overflow: hidden;
      text-align: left;
      background-color: #fff;
      box-shadow: 0px 3px 10px 4px rgba(0, 0, 0, 0.33); }
      body[data-pageid="supermarktwerbung karriere"] .joboffersshortwrapper .joboffersshort .joboffersshortheader {
        background-color: #007ec5;
        color: #fff;
        padding: 10px 20px; }
      body[data-pageid="supermarktwerbung karriere"] .joboffersshortwrapper .joboffersshort .joboffersshortcontent {
        padding: 10px 20px; }
      body[data-pageid="supermarktwerbung karriere"] .joboffersshortwrapper .joboffersshort .joboffersshortlisting a {
        display: block;
        color: #535a60;
        font-size: .9em;
        padding: 10px 0;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 250px;
        white-space: nowrap; }
        body[data-pageid="supermarktwerbung karriere"] .joboffersshortwrapper .joboffersshort .joboffersshortlisting a:hover {
          text-decoration: none; }
        body[data-pageid="supermarktwerbung karriere"] .joboffersshortwrapper .joboffersshort .joboffersshortlisting a:not(:last-child) {
          border-bottom: 1px solid gray; }
  body[data-pageid="supermarktwerbung karriere"] .paddingapplycard > .row {
    padding: 20px 20px 20px 60px; }
    @media (min-width: 768px) {
      body[data-pageid="supermarktwerbung karriere"] .paddingapplycard > .row {
        padding: 40px 20px 20px 80px; } }
    @media (min-width: 1100px) {
      body[data-pageid="supermarktwerbung karriere"] .paddingapplycard > .row {
        padding: 40px 40px 40px 200px; } }
    body[data-pageid="supermarktwerbung karriere"] .paddingapplycard > .row > :nth-child(2) {
      padding: 0 !important; }
  @media (min-width: 768px) {
    body[data-pageid="supermarktwerbung karriere"] .paddingapplycard .first {
      width: 80%; } }
  body[data-pageid="supermarktwerbung karriere"] .paddingapplycard .col1323 {
    width: 20% !important;
    padding: 0 !important; }
    body[data-pageid="supermarktwerbung karriere"] .paddingapplycard .col1323.last {
      padding: 0 !important; }
  body[data-pageid="supermarktwerbung karriere"] .first.verticalbottom {
    position: relative;
    z-index: 20; }
  body[data-pageid="supermarktwerbung karriere"] .verticalbottom .card {
    display: block !important;
    width: 100%;
    margin-left: 0; }
    @media (min-width: 768px) {
      body[data-pageid="supermarktwerbung karriere"] .verticalbottom .card {
        margin-left: -140px; } }
    @media (min-width: 1100px) {
      body[data-pageid="supermarktwerbung karriere"] .verticalbottom .card {
        margin-left: -170px; } }
  body[data-pageid="supermarktwerbung karriere"] .verticalbottom .card_item {
    /*
    position: absolute;
    bottom: 0;
    width: 70%;
    right: 10%;
    */
    padding: 0 0 20px 0 !important; }
    @media (min-width: 768px) {
      body[data-pageid="supermarktwerbung karriere"] .verticalbottom .card_item {
        /* width: 130%; */ } }
    @media (min-width: 1100px) {
      body[data-pageid="supermarktwerbung karriere"] .verticalbottom .card_item {
        width: auto;
        min-width: 680px; } }
  body[data-pageid="supermarktwerbung karriere"] .uid3024 > .row {
    align-items: end; }

@media (min-width: 768px) {
  .stage {
    margin-top: 110px; } }
.stage .row .col50.last a,
.stage .row .col50.last a:visited {
  color: #fff !important; }
.stage a.button:hover {
  background-color: #007ec5 !important; }

#pid31 .stage .row .col50.last {
  background-color: #fff; }

button {
  background-color: #007ec5; }
  button:first-letter {
    text-transform: uppercase; }

@media (min-width: 1100px) {
  section.h100 {
    min-height: calc(100vh - 90px); } }
section#c743 {
  background: url("/fileadmin/user_upload/supermarktwerbung/contactform-bg.jpg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 210px 163px; }

.powermail_form input[type="submit"] {
  background-color: #007ec5; }

.powermail_form.powermail_form_1 label[for="powermail_field_firstname"],
.powermail_form.powermail_form_1 label[for="powermail_field_company"],
.powermail_form.powermail_form_1 label[for="powermail_field_lastname"],
.powermail_form.powermail_form_1 label[for="powermail_field_email"],
.powermail_form.powermail_form_1 label[for="powermail_field_phone"],
.powermail_form.powermail_form_1 label[for="powermail_field_website"],
.powermail_form.powermail_form_1 .powermail_fieldwrap_hubspot_owner_id {
  display: none; }

.usercentrics-button #opt-in_screens #button #background use {
  fill: #007ec5; }
.usercentrics-button #opt-in_screens #button #fingerprint {
  fill: #007ec5; }

#uc-btn-close-main-corner-modal g use {
  fill: #007ec5; }

/*# sourceMappingURL=supermarktwerbung.css.map */