/* COLORS */
/* FONTS */
/* >= 768px */
@media screen and (min-width: 768px) {
  #node-unternehmen #intro {
    padding-top: 100px;
  }
  #node-unternehmen #intro .introwrapper .button {
    width: auto;
    display: inline-block;
  }
  #node-unternehmen #cafe .cafe .h1 {
    padding-right: 50px;
  }
  #node-unternehmen #cafe .cafe .images {
    width: 400px;
    height: 400px;
    padding-bottom: 0;
  }
  #node-unternehmen #bewerben .bewerben .button {
    width: auto;
  }
}
/* >= 1024 */
@media screen and (min-width: 1023px) {
  #main.promotion #intro .section {
    min-height: calc(100vh - 16.8vw - 44px);
  }
  #node-unternehmen #intro {
    padding-top: 9.6vw;
  }
  #node-unternehmen #intro .section {
    min-height: calc(100vh - 16.8vw);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #node-unternehmen #intro .introwrapper {
    display: grid;
    grid-template-columns: 2fr 1fr;
    column-gap: 4.8vw;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "titel icon" "text icon" "void void";
  }
  #node-unternehmen #intro .introwrapper .icon {
    grid-area: icon;
    height: auto;
    width: auto;
    padding: 0 20px;
    padding-top: 50px;
    padding: 0vw 2.95vw 4.8vw 1.95vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0;
  }
  #node-unternehmen #intro .introwrapper .icon .lottie {
    height: auto;
    width: auto;
  }
  #node-unternehmen #intro .introwrapper .h1 {
    grid-area: titel;
    margin-bottom: 4.8vw;
  }
  #node-unternehmen #intro .introwrapper .text {
    grid-area: text;
    margin-bottom: 4.8vw;
  }
  #node-unternehmen #intro .introwrapper .button-wrapper {
    grid-area: button;
    margin-bottom: 4.8vw;
  }
  #node-unternehmen #intro .introwrapper .button {
    width: auto;
    display: inline-block;
  }
  #node-unternehmen #intro .video::before {
    height: 7.2vw;
  }
  #node-unternehmen #intro .video .video-wrapper {
    border-radius: 1.04vw;
  }
  #node-unternehmen #vorteile {
    border-bottom-left-radius: 1.56vw;
    border-bottom-right-radius: 1.56vw;
  }
  #node-unternehmen #vorteile h2.h4 {
    padding-right: 30%;
  }
  #node-unternehmen #vorteile .text {
    padding-right: 30%;
    margin-bottom: 9.6vw;
  }
  #node-unternehmen #vorteile .vorteile {
    display: inline-flex;
    flex-direction: row;
    gap: 0.975vw;
    margin-top: 4.8vw;
  }
  #node-unternehmen #vorteile .vorteile .vorteil {
    padding: 1.95vw;
    gap: 1.95vw;
    border-radius: 0.625vw;
  }
  #node-unternehmen #vorteile .vorteile .vorteil .icon {
    height: 3.9vw;
    width: 3.9vw;
  }
  #node-unternehmen #vorteile .vorteile .vorteil .titel {
    white-space: nowrap;
  }
  #node-unternehmen #cafe {
    border-bottom-left-radius: 1.56vw;
    border-bottom-right-radius: 1.56vw;
  }
  #node-unternehmen #cafe .cafe .h1 {
    padding-right: 8.33vw;
  }
  #node-unternehmen #cafe .cafe .images {
    height: 31.25vw;
    width: 31.25vw;
  }
  #node-unternehmen #cafe .cafe .images .image-wrapper {
    border-radius: 0.625vw;
  }
  #node-unternehmen #bewerben {
    border-bottom-left-radius: 1.56vw;
    border-bottom-right-radius: 1.56vw;
    display: flex;
  }
  #node-unternehmen #bewerben .section {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #node-unternehmen #bewerben .bewerben {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 50px;
    column-gap: 4.8vw;
    grid-template-rows: auto 1fr;
    grid-template-areas: "titel text" "titel text";
  }
  #node-unternehmen #bewerben .bewerben .h1 {
    grid-area: titel;
    margin-bottom: 0;
  }
  #node-unternehmen #bewerben .bewerben .text-wrapper {
    grid-area: text;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #node-unternehmen #kontakt {
    border-bottom-left-radius: 1.56vw;
    border-bottom-right-radius: 1.56vw;
  }
}
/* >= 1248 */