@import "./../css/fonts.css";
@import "./../css/locomotive-scroll.min.css";
html, body {
  overflow: hidden; }
  html ::selection, body ::selection {
    color: #E1E1E1;
    background: #242424; }

body .uk-section#project-nav-container {
  display: none; }

a.group-link-trigger {
  text-decoration: unset !important; }

div#main-footer a {
  cursor: pointer !important; }

div#template-2-YmQFkf\#2 {
  margin-top: 140px; }

body #main-footer .footer-column-items {
  display: flex;
  justify-content: start;
  gap: 50px; }

body #main-footer .footer-column-items.uk-text-right {
  display: flex;
  justify-content: end;
  gap: 50px; }

body {
  background: #E1E1E1;
  overflow: hidden;
  cursor: url(/images/aberjung-dateien/cursor-default.svg), auto !important;
  /* jobs detailseite */ }
  body h5 {
    font-size: 14px;
    color: #242424;
    margin-bottom: 0; }
  body p {
    margin-top: 10px; }
  body .test-div {
    width: 100%;
    height: 650px;
    background: orange; }
  body button {
    cursor: url(/images/aberjung-dateien/cursor-hover.svg), auto !important; }
    body .uk-container.uk-container-xlarge {
      max-width: 1900px; }
  body .empty-space-el {
    margin-bottom: 200px !important; }
    body .featured-projects-grid .el-title, body .featured-projects-grid .el-content, body .featured-projects-grid .el-content p {
      font-size: 19px;
      margin: 0 !important;
      line-height: 22px;
      margin-bottom: 10px !important; }
    body .featured-projects-grid .el-meta {
      font-size: 19px;
      margin: 0 !important;
      text-transform: initial;
      color: #242424;
      margin-bottom: 10px !important;
      letter-spacing: 0; }
      body .featured-projects-grid .uk-grid > div {
        padding: 10px 40px 26px !important;
        padding-bottom: 0;
        cursor: url(/images/aberjung-dateien/cursor-hover.svg), auto !important; }
        body .featured-projects-grid .uk-grid > div:hover video, body .featured-projects-grid .uk-grid > div:hover img {
          opacity: 1; }
        body .featured-projects-grid .uk-grid > div video, body .featured-projects-grid .uk-grid > div img {
          opacity: 0;
          position: absolute;
          top: 130%;
          left: 0;
          pointer-events: none;
          z-index: 1;
          transition: opacity 0.3s ease-in-out; }
          body .featured-projects-grid .uk-grid > div video:nth-child(odd), body .featured-projects-grid .uk-grid > div img:nth-child(odd) {
            transform: rotate(10deg); }
          body .featured-projects-grid .uk-grid > div video:nth-child(even), body .featured-projects-grid .uk-grid > div img:nth-child(even) {
            transform: rotate(-10deg); }
  body .uk-navbar-dropdown {
    display: none !important; }
    body .uk-section.uk-section-default {
      background: #ffffff00; }
    body .uk-section.section-border-top {
      border-top: 1px solid #242424; }
    body .uk-section#project-nav-container {
      position: fixed;
      bottom: 0;
      z-index: 2;
      width: 100%;
      background-color: #E1E1E1;
      padding: 14px 0 !important;
      border-top: 1px solid #242424; }
      body .uk-section#project-nav-container .el-item.uk-active {
        text-decoration: underline; }
      body .uk-section#project-nav-container ul {
        width: 100%;
        margin: 0;
        flex-wrap: initial;
        justify-content: space-evenly; }
    body .uk-section.header-top {
      max-height: calc(90vh);
      overflow: hidden; }
      body .uk-section.header-top .el-item {
        width: 100%;
        max-width: unset;
        margin-top: 110px; }
        body .uk-section.header-top .el-item img {
          width: 100%;
          max-width: unset; }
    body .uk-section.gallery-items-mixed-size .uk-child-width-1-1 {
      flex-wrap: wrap; }
      body .uk-section.gallery-items-mixed-size .uk-child-width-1-1 > div .el-item {
        overflow: hidden;
        width: 100%;
        max-width: unset; }
        body .uk-section.gallery-items-mixed-size .uk-child-width-1-1 > div .el-item img {
          width: 100%;
          max-width: unset; }
        body .uk-section.gallery-items-mixed-size .uk-child-width-1-1 > div .el-item video {
          width: 100%;
          max-width: unset; }
  body .uk-section .section-bottom-title {
    position: fixed;
    right: 0;
    width: 100%;
    text-align: left;
    padding: 40px;
    font-size: 160px;
    line-height: 152px;
    display: flex;
    justify-content: flex-end;
    visibility: hidden; }
    body .uk-section .section-bottom-title.visible {
      visibility: visible; }
body.aj-home #main-loader {
  display: none !important; }
  body.aj-home .el-item.uk-inline-clip {
    overflow: visible; }
  body.aj-home .el-item img, body.aj-home .el-item video {
    box-shadow: 0 4px 20px #00000028; }
body .award-board .uk-grid > div:last-child img {
  width: 54px;
  height: 54px; }
body .logo-board .uk-grid > div img {
  width: 86px;
  height: 86px; }
body .team-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: -300px; }
  body .team-container .team-item {
    position: relative;
    max-width: 25%;
    cursor: url(/images/aberjung-dateien/cursor-hover.svg), auto !important;
    transition: all 0.6s ease-in-out; }
    body .team-container .team-item.no-hover {
      cursor: initial; }
      body .team-container .team-item.no-hover img.team-inner-image {
        box-shadow: none; }
    body .team-container .team-item img.team-inner-image {
      box-shadow: 0 4px 20px #00000028; }
    body .team-container .team-item.active {
      transform: rotate(0deg) !important; }
      body .team-container .team-item.active .team-item-image-overlay {
        opacity: 1; }
    body .team-container .team-item .team-item-image-overlay {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-color: #0000006b;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.6s ease-in-out; }
      body .team-container .team-item .team-item-image-overlay .team-item-overlay-name {
        color: white;
        font-size: 32px;
        line-height: 36px;
        position: absolute;
        width: 90%;
        box-sizing: border-box;
        padding: 20px;
        bottom: 0px; }
      body .team-container .team-item .team-item-image-overlay .team-item-overlay-content {
        color: white;
        font-size: 14px;
        line-height: 16px;
        position: absolute;
        width: 90%;
        box-sizing: border-box;
        padding: 20px;
        top: 0px;
        text-transform: uppercase; }
        body .team-container .team-item .team-item-image-overlay .team-item-overlay-content p {
          margin: 0; }
    body .team-container .team-item:nth-child(6n-5) {
      transform: rotate(-18deg); }
    body .team-container .team-item:nth-child(6n-4) {
      transform: rotate(4deg); }
    body .team-container .team-item:nth-child(6n-3) {
      transform: rotate(12deg); }
    body .team-container .team-item:nth-child(6n-2) {
      transform: rotate(-10deg); }
    body .team-container .team-item:nth-child(6n-1) {
      transform: rotate(14deg); }
    body .team-container .team-item:nth-child(6n) {
      transform: rotate(2deg); }
    body .team-container .team-item:nth-child(n + 5) {
      margin-top: 1%; }
    body .team-container .team-item:nth-child(8n) {
      margin-top: -22%; }
    body .team-container .team-item:nth-child(3n) {
      margin-top: 14%; }
    body .team-container .team-item:nth-child(8n-3) {
      margin-top: 10%; }
      body .team-container .team-item.move-top:nth-child(6n-5) {
        transform: rotate(-18deg) translate(-30%, -30%); }
      body .team-container .team-item.move-top:nth-child(6n-4) {
        transform: rotate(4deg) translate(-30%, -30%); }
      body .team-container .team-item.move-top:nth-child(6n-3) {
        transform: rotate(12deg) translate(-30%, -30%); }
      body .team-container .team-item.move-top:nth-child(6n-2) {
        transform: rotate(-10deg) translate(-30%, -30%); }
      body .team-container .team-item.move-top:nth-child(6n-1) {
        transform: rotate(14deg) translate(-30%, -30%); }
      body .team-container .team-item.move-top:nth-child(6n) {
        transform: rotate(2deg) translate(-30%, -30%); }
    body .team-container .team-item.move-bottom:nth-child(6n-5) {
      transform: rotate(-18deg) translate(30%, 30%); }
    body .team-container .team-item.move-bottom:nth-child(6n-4) {
      transform: rotate(4deg) translate(30%, 30%); }
    body .team-container .team-item.move-bottom:nth-child(6n-3) {
      transform: rotate(12deg) translate(30%, 30%); }
    body .team-container .team-item.move-bottom:nth-child(6n-2) {
      transform: rotate(-10deg) translate(30%, 30%); }
    body .team-container .team-item.move-bottom:nth-child(6n-1) {
      transform: rotate(14deg) translate(30%, 30%); }
    body .team-container .team-item.move-bottom:nth-child(6n) {
      transform: rotate(2deg) translate(30%, 30%); }
    body .team-container .team-item.in-karenz {
      opacity: 0.6; }
      body .team-container .team-item.in-karenz:hover {
        opacity: 1; }
  body .team-container.team-container-accordion {
    margin-top: 0 !important; }
body .team-accordion {
  position: relative; }
  body .team-accordion .uk-accordion-title {
    font-size: 30px !important;
    max-width: 290px; }
  body .team-accordion .el-item:not(.uk-open) > .uk-accordion-title:before {
    transform: rotate(180deg); }
  body .team-accordion .el-item > .uk-accordion-title:before, body .team-accordion .uk-open > .uk-accordion-title:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='14' viewBox='0 0 26 14' fill='none'%3E%3Cpath d='M0.5 13L13 0.5L25.5 13' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; }
    body .team-accordion .uk-accordion-content > div > .el-link {
      position: absolute;
      right: 0;
      top: 0; }
body .uk-navbar-container .uk-navbar-left {
  align-items: baseline; }
  body .uk-navbar-container .uk-navbar-left svg path {
    transition: fill 0.5s ease-in-out; }
    body .uk-navbar-container .uk-navbar-left svg.inverted path {
      fill: #242424 !important; }
body .uk-navbar-container .uk-navbar-left.inverted svg path {
  fill: #242424 !important; }
body .uk-navbar-container .uk-navbar-right {
  display: flex;
  align-items: baseline; }
  body .uk-navbar-container .uk-navbar-right .uk-navbar-item {
    order: 1;
    margin-right: 12px;
    min-height: unset; }
    body .uk-navbar-container .uk-navbar-right .uk-navbar-item.main-speaker-wrapper {
      order: 0; }
      body .uk-navbar-container .uk-navbar-right .uk-navbar-item.main-speaker-wrapper.mobile {
        top: -11px; }
      body .uk-navbar-container .uk-navbar-right .uk-navbar-item.main-speaker-wrapper .sound-speaker {
        cursor: url(/images/aberjung-dateien/cursor-hover.svg), auto !important; }
    body .uk-navbar-container .uk-navbar-right .uk-navbar-item .mod-languages ul li {
      margin-right: 0; }
      body .uk-navbar-container .uk-navbar-right .uk-navbar-item .mod-languages ul li a {
        text-transform: capitalize; }
        body .uk-navbar-container .uk-navbar-right .uk-navbar-item .mod-languages ul li:last-child span {
          display: none !important; }
      body .uk-navbar-container .uk-navbar-right .uk-navbar-item .mod-languages ul li.lang-active a {
        text-decoration: underline; }
  body .uk-navbar-container .uk-navbar-right .uk-navbar-item li {
    margin-bottom: 8px; }
    body .uk-navbar-container .uk-navbar-right .uk-navbar-item li a, body .uk-navbar-container .uk-navbar-right .uk-navbar-item li span {
      display: initial !important;
      font-size: 16px;
      position: relative;
      transition: color 0.5s ease-in-out;
      color: #E1E1E1; }
      body .uk-navbar-container .uk-navbar-right .uk-navbar-item li a:hover::before, body .uk-navbar-container .uk-navbar-right .uk-navbar-item li span:hover::before {
        opacity: 1; }
  body .uk-navbar-container .uk-navbar-right .uk-navbar-nav {
    max-width: 100px;
    display: flex;
    flex-direction: column;
    gap: initial;
    line-height: 18px; }
    body .uk-navbar-container .uk-navbar-right .uk-navbar-nav:first-child {
      order: 3; }
    body .uk-navbar-container .uk-navbar-right .uk-navbar-nav:last-child {
      order: 2; }
    body .uk-navbar-container .uk-navbar-right .uk-navbar-nav li {
      margin-bottom: 8px; }
      body .uk-navbar-container .uk-navbar-right .uk-navbar-nav li.uk-active a {
        text-decoration: underline; }
      body .uk-navbar-container .uk-navbar-right .uk-navbar-nav li a {
        display: initial !important;
        font-size: 16px;
        position: relative;
        transition: color 0.5s ease-in-out; }
        body .uk-navbar-container .uk-navbar-right .uk-navbar-nav li a::before {
          content: "";
          position: absolute;
          width: 8px;
          height: 8px;
          background: #E1E1E1;
          left: -15px;
          top: 3px;
          opacity: 0;
          transition: opacity 0.1s ease-in-out; }
          body .uk-navbar-container .uk-navbar-right .uk-navbar-nav li a:hover::before {
            opacity: 1; }
  body .uk-navbar-container .uk-navbar-right.inverted .uk-navbar-nav li a {
    color: #242424; }
    body .uk-navbar-container .uk-navbar-right.inverted .uk-navbar-nav li a::before {
      background: #242424; }
body .uk-navbar-container .uk-navbar-right.inverted .uk-navbar-item li a, body .uk-navbar-container .uk-navbar-right.inverted .uk-navbar-item li span {
  color: #242424; }
body .uk-navbar-container .uk-navbar-right.inverted svg.custom-mobile-opener path {
  stroke: #242424; }
  body .uk-navbar-container .uk-navbar-right.inverted svg.custom-mobile-opener path.dots {
    fill: #242424; }
body button[data-ebox] {
  font-size: 30px;
  line-height: 1;
  background: none;
  border: none;
  padding: 0;
  color: #242424;
  font-family: "Brown";
  text-decoration: none;
  position: relative;
  cursor: url(/images/aberjung-dateien/cursor-hover.svg), auto !important; }
  body button[data-ebox]:hover img, body button[data-ebox]:hover video {
    opacity: 1; }
body button[data-ebox]:nth-child(odd) img, body button[data-ebox]:nth-child(odd) video {
  transform: rotate(10deg); }
body button[data-ebox]:nth-child(even) img, body button[data-ebox]:nth-child(even) video {
  transform: rotate(-10deg); }
body button[data-ebox] img, body button[data-ebox] video {
  position: absolute;
  opacity: 0;
  margin-top: 20%;
  z-index: 1;
  transition: opacity 0.3s ease-in-out;
  width: 400px;
  max-width: 400px;
  left: 0;
  box-shadow: 0 4px 20px #00000028; }
  body button[data-ebox]:nth-child(4n + 1)::after {
    background-image: url(/images/aberjung-dateien/hover-line-1-small.svg); }
body button[data-ebox]:nth-child(4n + 2)::after {
  background-image: url(/images/aberjung-dateien/hover-line-2-small.svg); }
body button[data-ebox]:nth-child(4n + 3)::after {
  background-image: url(/images/aberjung-dateien/hover-line-3-small.svg); }
body button[data-ebox]:nth-child(4n + 4)::after {
  background-image: url(/images/aberjung-dateien/hover-line-4-small.svg); }
body button[data-ebox]::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 40px;
  background-size: 100% 12px;
  top: 75%;
  background-repeat: no-repeat; }
body .cf-response {
  background-color: #00000000 !important;
  color: #242424 !important;
  line-height: 22px; }
body .cf-btn {
  margin: 0;
  overflow: visible;
  font: inherit;
  color: inherit;
  text-transform: none;
  -webkit-appearance: none;
  border-radius: 0;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 20px !important;
  vertical-align: middle;
  font-size: 11px !important;
  line-height: 38px;
  text-align: center;
  text-decoration: none;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color, background-position, background-size, border-color, box-shadow;
  font-family: Brown;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
  background-origin: border-box;
  background-color: #e1e1e1;
  color: #242424;
  border: 1px solid #242424;
  margin-bottom: 12px;
  margin-top: 10px;
  opacity: 1 !important; }
  body .cf-btn:hover {
    background-color: #242424 !important;
    color: #E1E1E1 !important;
    border-color: #242424 !important;
    border: 1px solid #242424 !important; }
body .eb-custom.custom-link-hover-box {
  pointer-events: none; }
  body .eb-custom.custom-link-hover-box .eb-dialog {
    position: absolute;
    overflow: hidden; }
    body .eb-custom.custom-link-hover-box .eb-dialog .eb-container {
      transform: rotate(15deg); }
  body .eb-custom.custom-link-hover-box .eb-close {
    display: none; }
body .eb-custom[data-id="1"] button.eb-close {
  right: 12px;
  top: 12px; }
body span.dot {
  width: 18px;
  height: 18px;
  background: #242424;
  display: inline-flex;
  margin-left: 10px;
  border-radius: 100%;
  transform: translateX(70px); }
  body span.dot.fixed {
    transform: translateX(0px); }
body .text-hidden {
  opacity: 0; }
  body .img-full img {
    width: 100%; }
body .video-full.top video {
  margin-top: 120px; }
body a {
  cursor: url(/images/aberjung-dateien/cursor-hover.svg), auto !important; }
  body a.aj-group {
    pointer-events: none;
    top: 10px;
    position: relative;
    transition: all 0.6s ease-out;
    transform: translateX(-40px);
    opacity: 0;
    left: 180px;
    position: absolute; }
    body a.aj-group.aj-group-visible {
      opacity: 1;
      transform: translateX(0);
      pointer-events: all; }
      body a.aj-group.aj-group-visible:nth-child(3) {
        transform: translateX(200px); }
      body a.aj-group.aj-group-visible:nth-child(4) {
        transform: translateX(380px); }
body .aj-kontakt-grid-container.loaded .uk-grid.tm-grid-expand > div {
  transition: transform 1.2s ease-in-out; }
  body .aj-kontakt-grid-container.loaded .uk-grid.tm-grid-expand > div:first-child {
    transform: rotate(-10deg) translateX(0); }
  body .aj-kontakt-grid-container.loaded .uk-grid.tm-grid-expand > div:last-child {
    transform: rotate(4deg) translateX(0); }
body .aj-kontakt-grid-container .uk-grid.tm-grid-expand > div:first-child {
  transform: rotate(5deg) translateX(2%);
  z-index: 1; }
body .aj-kontakt-grid-container .uk-grid.tm-grid-expand > div:last-child {
  transform: rotate(-3deg) translateX(-2%); }
body .aj-kontakt-grid-container .aj-kontakt-grid-item {
  box-shadow: 0px 0px 33px #2424246e;
  max-height: 450px;
  overflow: hidden; }
  body .aj-kontakt-grid-container .aj-kontakt-grid-item .uk-grid > div {
    width: 60%; }
    body .aj-kontakt-grid-container .aj-kontakt-grid-item .uk-grid > div.uk-first-column {
      width: 40%;
      padding: 18px 24px;
      box-sizing: border-box; }
body #main-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #E1E1E1;
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none; }
  body #main-loader .loader-inner-animation img {
    width: 210px; }
  body #main-loader .loader-inner-texts {
    text-align: center;
    font-size: 18px;
    margin-top: 40px; }
    body #main-loader .loader-inner-texts .loader-text-item {
      position: absolute;
      width: 100%;
      text-align: center;
      left: 0;
      opacity: 0;
      transition: opacity 0.4s ease-in-out; }
      body #main-loader .loader-inner-texts .loader-text-item.visible {
        opacity: 1; }
body .jobs-grid picture {
  position: absolute;
  opacity: 0; }
  body .jobs-grid .uk-grid > div {
    border: 1px solid #242424;
    min-height: 540px;
    box-sizing: border-box;
    margin-left: -1px;
    padding: 0;
    position: relative;
    z-index: 1;
    margin-top: -1px;
    transition: all 0.31s ease-in-out; }
    body .jobs-grid .uk-grid > div .el-item {
      background: #E1E1E1;
      z-index: 1;
      transform-origin: left bottom;
      transition: all 0.3s ease-in-out; }
      body .jobs-grid .uk-grid > div .el-item:hover {
        background-color: #242424 !important;
        color: #e1e1e1 !important; }
        body .jobs-grid .uk-grid > div .el-item:hover div, body .jobs-grid .uk-grid > div .el-item:hover h3, body .jobs-grid .uk-grid > div .el-item:hover p {
          color: #e1e1e1; }
      body .jobs-grid .uk-grid > div .el-item .el-link {
        display: none !important;
        position: relative;
        left: 24px;
        margin-top: 20px; }
      body .jobs-grid .uk-grid > div .el-item picture > .el-image {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        /* 
            transform: translate(-80px, -80px);
            */
        transition: all 0.3s ease-in-out;
        opacity: 0; }
        body .jobs-grid .uk-grid > div .el-item:hover picture > .el-image {
          transform: translate(-80px, -80px); }
    body .jobs-grid .uk-grid > div .el-meta {
      position: absolute;
      top: 20px;
      margin-top: 0 !important;
      font-size: 14px;
      color: #242424;
      transition: color 0.3s ease-in-out;
      padding: 0 20px; }
    body .jobs-grid .uk-grid > div h3 {
      margin-top: 54px !important;
      font-size: 54px;
      line-height: 56px;
      transition: color 0.3s ease-in-out;
      padding: 0 20px;
      hyphens: auto;
      -webkit-hyphens: auto; }
    body .jobs-grid .uk-grid > div .el-content {
      position: absolute;
      margin-top: 0 !important;
      bottom: 20px;
      color: #242424;
      font-size: 14px;
      line-height: 18px;
      transition: color 0.3s ease-in-out;
      padding: 0 20px;
      max-width: 600px; }
    body .jobs-grid .uk-grid > div .grid-item-bg {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      /*transform-origin: -100% 90%;*/
      transition: all 0.31s ease-in-out; }
    body .jobs-grid .uk-grid > div:hover {
      transform: translate(0px, 30px) rotateZ(3deg); }
      body .jobs-grid .uk-grid > div:hover .grid-item-bg {
        transform: translate(-100px, -110px) rotateZ(-13deg); }
body .jobs-headline-section {
  padding-top: 220px;
  padding-bottom: 0px; }
body .jobs-headline-element {
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */ }
  body .jobs-headline-element .jobs-headline-main {
    position: relative;
    cursor: url("/images/aberjung-dateien/cursor-hover.svg"), auto !important; }
    body .jobs-headline-element .jobs-headline-main .jobs-headline-title {
      font-size: 256px;
      color: #242424;
      line-height: 1.08;
      text-align: center;
      margin-bottom: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      body .jobs-headline-element .jobs-headline-main .jobs-headline-title .jobs-headline-1, body .jobs-headline-element .jobs-headline-main .jobs-headline-title .jobs-headline-2 {
        width: max-content;
        position: relative; }
        body .jobs-headline-element .jobs-headline-main .jobs-headline-title:hover .hover-bg {
          /*transform: scaleX(0);*/ }
    body .jobs-headline-element .jobs-headline-main.show-underline .hover-bg {
      transform: scaleX(0) !important; }
    body .jobs-headline-element .jobs-headline-main .hover-bg {
      background: #E1E1E1;
      width: 100%;
      height: 100%;
      position: absolute;
      transform: scaleX(1);
      transition: transform 0.57s ease-in-out;
      transform-origin: right; }
    body .jobs-headline-element .jobs-headline-main .underline-1, body .jobs-headline-element .jobs-headline-main .underline-2 {
      position: absolute;
      bottom: 0px;
      width: calc(100% + 26px);
      left: -13px;
      display: flex;
      z-index: -1; }
      body .jobs-headline-element .jobs-headline-main .underline-1 > svg, body .jobs-headline-element .jobs-headline-main .underline-2 > svg {
        width: 100%; }
    body .jobs-headline-element .jobs-headline-main .underline-2 {
      bottom: -15px; }
    body .jobs-headline-element .jobs-headline-main .jobs-headline-square {
      width: 82px;
      height: 82px;
      position: absolute;
      right: -25px;
      top: 4px;
      display: flex;
      justify-content: center;
      align-items: center; }
      body .jobs-headline-element .jobs-headline-main .jobs-headline-square:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        background: #242424;
        transform: rotate(45deg);
        animation: rotate-square 5.4s infinite; }
      body .jobs-headline-element .jobs-headline-main .jobs-headline-square .jobs-headline-square-btn {
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        color: #E1E1E1;
        z-index: 1; }
  body .jobs-headline-element .jobs-headline-gallery {
    pointer-events: none;
    transition: 0.22s;
    opacity: 1; }
    body .jobs-headline-element .jobs-headline-gallery.hide-gallery {
      opacity: 0 !important; }
    body .jobs-headline-element .jobs-headline-gallery .jobs-headline-img-bg {
      position: absolute;
      width: 276px;
      height: 338px; }
      body .jobs-headline-element .jobs-headline-gallery .jobs-headline-img-bg.jobs-headline-img-1 {
        top: 0;
        left: 70px;
        transform: rotate(14.786deg); }
      body .jobs-headline-element .jobs-headline-gallery .jobs-headline-img-bg.jobs-headline-img-2 {
        bottom: 0;
        left: 28%;
        transform: rotate(1.483deg); }
      body .jobs-headline-element .jobs-headline-gallery .jobs-headline-img-bg.jobs-headline-img-3 {
        bottom: -70px;
        right: 180px;
        transform: rotate(-15deg); }
      body .jobs-headline-element .jobs-headline-gallery .jobs-headline-img-bg > img, body .jobs-headline-element .jobs-headline-gallery .jobs-headline-img-bg > video {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  body .jobs-headline-element .jobs-headline-subtitle {
    padding-top: 10px;
    font-size: 38px;
    text-align: center; }
body .jobs-detail-content .jobs-detail-text-row {
  max-width: 1040px; }
body .jobs-detail-grid .jobs-detail-grid-row .jobs-detail-grid-item {
  display: flex; }
  body .jobs-detail-grid .jobs-detail-grid-row .jobs-detail-grid-item .jobs-detail-grid-title {
    max-width: 210px;
    min-width: 210px;
    width: 100%; }
  body .jobs-detail-grid .jobs-detail-grid-row .jobs-detail-grid-item .jobs-detail-grid-text {
    font-size: 22px;
    max-width: 520px;
    padding-left: 44px; }
    body .jobs-detail-grid .jobs-detail-grid-row .jobs-detail-grid-item .jobs-detail-grid-text p {
      margin-top: 0; }
  body .jobs-detail-grid .jobs-detail-grid-row .jobs-detail-grid-item:nth-child(even) {
    justify-content: end; }
body .hidden-heading-section {
  pointer-events: none !important;
  opacity: 0 !important;
  z-index: -1 !important;
  position: absolute !important;
  left: -9999px !important;
  visibility: hidden !important; }
  body .eb-content h3 {
    font-size: 38px;
    line-height: 42px; }
body .convertforms {
  background: #E1E1E1;
  font-family: "Brown"; }
  body .convertforms .popup-checkbox {
    border-bottom: unset !important;
    margin-top: 6px;
    padding-left: 12px; }
    body .convertforms .popup-checkbox .cf-checkbox-group {
      position: relative; }
    body .convertforms .popup-checkbox input {
      width: 18px;
      height: 18px;
      margin-right: 6px !important;
      border-radius: unset !important; }
      body .convertforms .popup-checkbox input + label::before, body .convertforms .popup-checkbox input:checked + label::before {
        content: "";
        display: block;
        position: absolute;
        text-align: center;
        height: 18px;
        width: 18px;
        left: 0px;
        top: 1px;
        background-color: #E1E1E1;
        font-family: "Montserrat";
        border-radius: 0px;
        border: 1px solid #242424; }
      body .convertforms .popup-checkbox input:checked + label::after {
        content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="242424" viewBox="0 0 24 24"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>');
        display: block;
        position: absolute;
        left: 4px;
        top: 2px; }
    body .convertforms .popup-checkbox a {
      text-decoration: underline; }
  body .convertforms .cf-form-wrap {
    padding: 0;
    margin-top: 20px; }
  body .convertforms .cf-control-group {
    display: flex;
    align-items: flex-end;
    border-bottom: 1px solid #242424;
    padding-bottom: 2px; }
    body .convertforms .cf-control-group:last-child {
      border-bottom: 0;
      margin-top: 8px; }
    body .convertforms .cf-control-group .cf-control-label {
      width: 20%; }
      body .convertforms .cf-control-group .cf-control-label .cf-label {
        margin-bottom: 0; }
        body .convertforms .cf-control-group .cf-control-label .cf-label .cf-required-label {
          display: none; }
    body .convertforms .cf-control-group .cf-control-input {
      width: 80%; }
      body .convertforms .cf-control-group .cf-control-input .cf-input {
        background: #ffffff00;
        border: none;
        padding-bottom: 3px;
        color: #242424; }
    body .convertforms .cf-control-group.submit-button .cf-control-input {
      width: 100%;
      text-align: right; }
body .custom-interaction-element {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
  body .custom-interaction-element#home-bottom-scroll {
    position: absolute;
    bottom: 4vh; }
  body .custom-interaction-element#to-top-scroll {
    position: absolute !important;
    bottom: 4vh;
    left: 0; }
  body .custom-interaction-element.float {
    position: absolute !important;
    bottom: 4vh;
    left: 0; }
    body .custom-interaction-element.dark .interaction-element-inner-box .element-inner-rect {
      border: 1px solid #242424;
      background: #e1e1e1; }
    body .custom-interaction-element.dark .interaction-element-inner-box .interaction-element-inner {
      color: #242424; }
      body .custom-interaction-element.dark .interaction-element-inner-box:hover .element-inner-rect {
        background-color: #242424; }
      body .custom-interaction-element.dark .interaction-element-inner-box:hover .interaction-element-inner {
        color: #E1E1E1; }
  body .custom-interaction-element .interaction-element-inner-box {
    font-size: 14px;
    line-height: 20px;
    padding: 20px 24px;
    box-sizing: border-box;
    cursor: url(/images/aberjung-dateien/cursor-hover.svg), auto !important;
    animation: interaction-up 4s infinite;
    width: 96px;
    height: 96px;
    display: flex;
    justify-content: center;
    align-items: center; }
    body .custom-interaction-element .interaction-element-inner-box .element-inner-rect {
      position: absolute;
      width: 100%;
      height: 100%;
      border: 1px solid #E1E1E1;
      top: 0;
      left: 0;
      animation: interaction-rotate 4s infinite;
      transition: background-color 0.5s ease-in-out; }
    body .custom-interaction-element .interaction-element-inner-box .interaction-element-inner {
      color: #E1E1E1;
      transition: color 0.5s ease-in-out;
      position: relative;
      text-align: center; }
    body .custom-interaction-element .interaction-element-inner-box#home-bottom-scroll {
      bottom: -10vh; }
    body .custom-interaction-element .interaction-element-inner-box:hover {
      animation-play-state: paused; }
      body .custom-interaction-element .interaction-element-inner-box:hover .element-inner-rect {
        animation-play-state: paused;
        background-color: #E1E1E1; }
      body .custom-interaction-element .interaction-element-inner-box:hover .interaction-element-inner {
        color: #242424; }
body .title-hidden {
  opacity: 0; }
body .custom-eyecatcher-element {
  cursor: url(/images/aberjung-dateien/cursor-hover.svg), auto !important; }
  body .custom-eyecatcher-element#custom-eyecatcher-jobs {
    margin-top: 0 !important; }
  body .custom-eyecatcher-element#custom-eyecatcher-about {
    margin-top: -300px !important; }
  body .custom-eyecatcher-element#custom-eyecatcher-projects {
    margin-top: 0 !important; }
  body .custom-eyecatcher-element .eyecatcher-element-inner-box {
    position: relative; }
    body .custom-eyecatcher-element .eyecatcher-element-inner a {
      text-decoration: none; }
      body .custom-eyecatcher-element .eyecatcher-element-inner .marker-wrapper.single.marker-1:before {
        opacity: 1;
        background-image: url(/images/aberjung-dateien/marker-1.svg); }
    body .custom-eyecatcher-element .eyecatcher-element-inner .marker-wrapper.single.marker-2:before {
      opacity: 1;
      background-image: url(/images/aberjung-dateien/marker-2.svg); }
  body .custom-eyecatcher-element .eyecatcher-element-inner .marker-wrapper.single-detail.marker-1:before {
    opacity: 1;
    background-image: url(/images/aberjung-dateien/marker-arrow-1.svg); }
body .custom-eyecatcher-element .eyecatcher-element-inner .marker-wrapper.single-detail.marker-2:before {
  opacity: 1;
  background-image: url(/images/aberjung-dateien/marker-arrow-2.svg); }
body .custom-eyecatcher-element .marker-wrapper {
  position: relative;
  display: inline-block; }
  body .custom-eyecatcher-element .marker-wrapper.single:before {
    position: absolute;
    content: "";
    left: -20%;
    top: -20%;
    width: 142%;
    height: 142%;
    background-size: contain;
    background-repeat: no-repeat;
    overflow: visible;
    opacity: 0; }
body .custom-eyecatcher-element .marker-wrapper.single-detail:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  overflow: visible;
  opacity: 0; }
body .custom-eyecatcher-element a.data-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2; }
body .custom-eyecatcher-element .element-inner-items {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }
  body .custom-eyecatcher-element .element-inner-items .element-inner-item {
    position: absolute;
    transition: transform 0.4s ease-in-out; }
    body .custom-eyecatcher-element .element-inner-items .element-inner-item.triangle {
      left: -8%;
      top: 9%; }
    body .custom-eyecatcher-element .element-inner-items .element-inner-item.ellipse {
      left: 26%;
      bottom: -16%; }
    body .custom-eyecatcher-element .element-inner-items .element-inner-item.rect {
      right: -2%;
      top: 32%; }
  body .custom-eyecatcher-element .element-inner-items.collapsed .element-inner-item.ellipse {
    transform: scale(0.8) translateX(8rem); }
  body .custom-eyecatcher-element .element-inner-items.collapsed .element-inner-item.triangle {
    transform: scale(0.8) translate(48rem, 626px); }
  body .custom-eyecatcher-element .element-inner-items.collapsed .element-inner-item.rect {
    transform: scale(0.8) translate(-37rem, 480px); }
body .custom-eyecatcher-element .eyecatcher-element-inner {
  font-size: 256px;
  color: #242424;
  line-height: 1.08;
  text-align: center;
  margin-bottom: 0; }
body .tm-header, body .tm-header-mobile {
  position: fixed;
  z-index: 10;
  width: 100%; }
  body .tm-header .uk-navbar-container, body .tm-header-mobile .uk-navbar-container {
    background: transparent;
    width: 100%;
    padding: 50px 25px 0;
    box-sizing: border-box; }
body .custom-spacer {
  height: 70vh; }
  body .custom-spacer.small {
    height: 30vh; }
  body .custom-spacer.xsmall {
    height: 15vh; }
  body .custom-spacer.fixed {
    height: 400px; }
body .is-portrait-format:not(:first-child):nth-child(even) .el-item {
  margin-left: 50% !important; }
body .is-portrait-format:not(:first-child) .el-item {
  margin-top: -24% !important;
  margin-left: -50% !important; }
body .tm-header-mobile a svg:not(.custom-mobile-opener) path {
  fill: #E1E1E1 !important; }
body .text-top-project-detail p {
  margin-bottom: 0; }
body #main-footer {
  border-top: 1px solid #242424;
  z-index: 3;
  background: #E1E1E1;
  position: relative;
  padding-top: 14px;
  padding-bottom: 14px; }
  body #main-footer .footer-column-items li {
    margin-right: 50px; }
    body #main-footer .footer-column-items li:last-child {
      margin-right: 0; }
    body #main-footer .footer-column-items li p {
      margin-top: 0; }
body .uk-transition-fade {
  background: #0000009c;
  width: 100%;
  height: 100%;
  display: flex; }
  body .category-blog:not(.image-blog-detail) .uk-transition-fade .el-link {
    display: none; }
body #agency-life .overscroll-gallery .uk-first-column:nth-child(2) {
  margin-top: -38vh; }
body #agency-life .overscroll-gallery .uk-first-column:nth-child(3) {
  margin-top: -46vh; }
body #agency-life .overscroll-gallery .uk-first-column:nth-child(4) {
  margin-top: -18vh; }
body #agency-life .overscroll-gallery .uk-first-column:nth-child(5) {
  margin-top: -16vh; }
body #agency-life .overscroll-gallery .uk-first-column:nth-child(odd) {
  margin-left: -10%; }
body #agency-life .overscroll-gallery .uk-first-column:nth-child(even) {
  margin-left: 10%; }
body .overscroll-gallery.category-blog:not(.image-blog-detail) .uk-child-width-1-1 > div .el-item {
  max-width: 90%;
  margin-left: 0; }
  body .overscroll-gallery.category-blog:not(.image-blog-detail) .uk-child-width-1-1 > div:nth-child(odd) .el-item {
    transform: rotate(-4deg); }
body .overscroll-gallery.category-blog:not(.image-blog-detail) .uk-child-width-1-1 > div:nth-child(even) .el-item {
  transform: rotate(4deg) translateY(10%); }
body .overscroll-gallery.category-blog:not(.image-blog-detail) .uk-grid > div .el-item {
  box-shadow: 0 4px 20px #00000028; }
body .overscroll-gallery.category-blog:not(.image-blog-detail) .uk-grid > div:nth-child(2n) {
  margin-top: 2%; }
body .overscroll-gallery.category-blog:not(.image-blog-detail) .uk-grid > div:nth-child(3n) {
  margin-left: 20%;
  margin-top: -3%; }
body .overscroll-gallery.image-blog-detail .uk-first-column {
  margin-bottom: 0; }
  body .overscroll-gallery.image-blog-detail .uk-first-column .el-item img, body .overscroll-gallery.image-blog-detail .uk-first-column .el-item video {
    max-height: 80vh;
    width: auto; }
body .overscroll-gallery .uk-first-column {
  margin-bottom: 10vh; }
  body .overscroll-gallery .uk-first-column .el-item {
    max-width: 980px;
    width: 70%; }
    body .overscroll-gallery .uk-first-column .el-item img, body .overscroll-gallery .uk-first-column .el-item video {
      box-shadow: 0 4px 20px #00000028; }
  body .overscroll-gallery .uk-first-column:nth-child(odd) .el-item {
    transform: rotate(12deg);
    margin-left: -30%; }
body .overscroll-gallery .uk-first-column:nth-child(even) .el-item {
  transform: rotate(-12deg);
  margin-left: 30%; }
body .overscroll-gallery .el-item .uk-position-bottom-center {
  bottom: 0;
  width: 100%;
  position: relative !important;
  margin-top: 8px; }
  body .overscroll-gallery .el-item .uk-position-bottom-center .uk-panel {
    display: flex;
    padding: 0px 2px; }
    body .overscroll-gallery .el-item .uk-position-bottom-center .uk-panel .el-title {
      font-size: 22px;
      width: 50%;
      color: #242424;
      text-align: left;
      letter-spacing: 0; }
    body .overscroll-gallery .el-item .uk-position-bottom-center .uk-panel .el-meta {
      font-size: 22px;
      width: 50%;
      color: #242424;
      text-align: right;
      text-transform: initial;
      letter-spacing: 0; }
    body .overscroll-gallery .el-item .uk-position-bottom-center .uk-panel .el-link {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      opacity: 0; }
body .overscroll-gallery .el-meta {
  margin-top: 0 !important; }
body #tm-dialog-mobile.light .uk-offcanvas-bar {
  background: #E1E1E1; }
  body #tm-dialog-mobile.light .uk-offcanvas-bar .mobile-menu-logo-container svg path {
    fill: #242424; }
body #tm-dialog-mobile.light .uk-offcanvas-bar ul li span {
  color: #242424; }
  body #tm-dialog-mobile.light .uk-offcanvas-bar ul li.lang-active a {
    text-decoration: underline; }
body #tm-dialog-mobile.light .uk-offcanvas-bar ul li a {
  color: #242424; }
  body #tm-dialog-mobile.light .uk-offcanvas-bar ul li a::before {
    background: #242424; }
body #tm-dialog-mobile.light .uk-offcanvas-bar svg.custom-close-icon path {
  stroke: #242424; }
body #tm-dialog-mobile .uk-offcanvas-bar {
  max-width: unset;
  width: 100%; }
  body #tm-dialog-mobile .uk-offcanvas-bar .custom-close {
    position: absolute;
    right: 5%;
    top: 3%;
    cursor: url(/images/aberjung-dateien/cursor-hover.svg), auto !important; }
    body #tm-dialog-mobile .uk-offcanvas-bar .custom-close svg:not(.custom-close-icon) {
      display: none; }
  body #tm-dialog-mobile .uk-offcanvas-bar .mobile-menu-logo-container {
    display: flex;
    flex-direction: column;
    top: 1%;
    position: relative;
    left: 1%; }
    body #tm-dialog-mobile .uk-offcanvas-bar .mobile-menu-logo-container a {
      width: 128px;
      color: #E1E1E1; }
      body #tm-dialog-mobile .uk-offcanvas-bar .mobile-menu-logo-container a.main-mobile-logo {
        margin-bottom: 20px; }
      body #tm-dialog-mobile .uk-offcanvas-bar .mobile-menu-logo-container a:hover {
        color: #E1E1E1; }
      body #tm-dialog-mobile .uk-offcanvas-bar .mobile-menu-logo-container a.main-mobile-group-logo {
        margin: 18px 0;
        opacity: 0;
        transform: translateY(-20px);
        transition: all 0.6s ease-in-out; }
        body #tm-dialog-mobile .uk-offcanvas-bar .mobile-menu-logo-container a.main-mobile-group-logo.visible {
          transform: translateY(0);
          opacity: 1; }
  body #tm-dialog-mobile .uk-offcanvas-bar .uk-margin-auto-bottom {
    margin-bottom: 0; }
    body #tm-dialog-mobile .uk-offcanvas-bar .uk-margin-auto-bottom .uk-grid {
      height: 100%; }
      body #tm-dialog-mobile .uk-offcanvas-bar .uk-margin-auto-bottom .uk-grid #module-menu-dialog-mobile {
        position: absolute;
        right: 6%;
        bottom: 3%; }
        body #tm-dialog-mobile .uk-offcanvas-bar .uk-margin-auto-bottom .uk-grid #module-menu-dialog-mobile .mod-languages ul {
          display: flex; }
          body #tm-dialog-mobile .uk-offcanvas-bar .uk-margin-auto-bottom .uk-grid #module-menu-dialog-mobile .mod-languages ul li {
            display: flex; }
            body #tm-dialog-mobile .uk-offcanvas-bar .uk-margin-auto-bottom .uk-grid #module-menu-dialog-mobile .mod-languages ul li:first-child span {
              margin: 0px 2px 0 6px;
              position: relative;
              top: 9px;
              font-size: 20px; }
          body #tm-dialog-mobile .uk-offcanvas-bar .uk-margin-auto-bottom .uk-grid #module-menu-dialog-mobile .mod-languages ul li:last-child span {
            display: none; }
          body #tm-dialog-mobile .uk-offcanvas-bar .uk-margin-auto-bottom .uk-grid #module-menu-dialog-mobile .mod-languages ul li a {
            text-transform: capitalize; }
            body #tm-dialog-mobile .uk-offcanvas-bar .uk-margin-auto-bottom .uk-grid #module-menu-dialog-mobile .mod-languages ul li a::before {
              display: none !important; }
  body #tm-dialog-mobile .uk-offcanvas-bar ul li.uk-active a::before {
    opacity: 1; }
  body #tm-dialog-mobile .uk-offcanvas-bar ul li a {
    color: #E1E1E1;
    text-decoration: none;
    font-size: 20px;
    padding-top: 8px;
    position: relative; }
    body #tm-dialog-mobile .uk-offcanvas-bar ul li a:before {
      content: "";
      position: absolute;
      width: 8px;
      height: 8px;
      background: #E1E1E1;
      left: -15px;
      top: 19px;
      opacity: 0;
      transition: opacity 0.1s ease-in-out; }
      body #tm-dialog-mobile .uk-offcanvas-bar ul li a:hover::before {
        opacity: 1; }
body #home-top > .uk-width-1-1 {
  opacity: 0;
  transform: translateY(40px);
  transition: all 1s ease-in-out; }
  body #home-top > .uk-width-1-1.visible {
    transform: translateY(0);
    opacity: 1; }
body #home-top .uk-container {
  padding: 0; }
  body #home-top .uk-width-1-1 .tm-grid-expand {
    margin-left: 0 !important; }
  body #home-top .uk-width-1-1 .uk-first-column {
    display: flex;
    padding-left: 0; }
    body #home-top .uk-width-1-1 .uk-first-column #home-top-slogan-title {
      width: 40%;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 1; }

@keyframes rotate-square {
  0% {
    transform: rotate(45deg); }
  50% {
    transform: rotate(135deg); }
  100% {
    transform: rotate(45deg); } }
@keyframes interaction-up {
  0% {
    transform: translateY(0px); }
  50% {
    transform: translateY(-20px); }
  100% {
    transform: translateY(0px); } }
@keyframes interaction-rotate {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(-45deg); }
  100% {
    transform: rotate(0deg); } }
@keyframes move {
  0% {
    transform: translate3d(0px, 0px, 0px);
    animation-timing-function: ease-in; }
  30% {
    transform: translate3d(10px, 10px, 0px);
    animation-timing-function: ease-out; }
  60% {
    transform: translate3d(-10px, 20px, 0px);
    animation-timing-function: ease-out; }
  100% {
    transform: translate3d(0px, 0px, 0px); } }
@keyframes marker-blink {
  from {
    background-image: url(/images/aberjung-dateien/marker-1.svg); }
  to {
    background-image: url(/images/aberjung-dateien/marker-2.svg); } }
/* Media Queries */
@media screen and (max-height: 799px) {
  body .uk-section .section-bottom-title {
    padding: 22px 30px;
    font-size: 86px;
    line-height: 86px; } }

@media screen and (max-width: 1599px) {
  body .custom-eyecatcher-element .eyecatcher-element-inner.project_detail {
    font-size: 196px; } }

@media screen and (max-width: 1499px) {
  body .jobs-headline-element .jobs-headline-main .jobs-headline-gallery .jobs-headline-img-bg {
    width: 216px;
    height: 248px; }
    body .jobs-headline-element .jobs-headline-main .jobs-headline-gallery .jobs-headline-img-bg.jobs-headline-img-1 {
      top: 0;
      left: 70px; }
    body .jobs-headline-element .jobs-headline-main .jobs-headline-gallery .jobs-headline-img-bg.jobs-headline-img-2 {
      bottom: -110px;
      left: 21%; }
    body .jobs-headline-element .jobs-headline-main .jobs-headline-gallery .jobs-headline-img-bg.jobs-headline-img-3 {
      bottom: -70px;
      right: 180px; }
  body .jobs-headline-element .jobs-headline-main .jobs-headline-square {
    right: -25px;
    top: -34px; }
  body .jobs-headline-element .jobs-headline-main .jobs-headline-title {
    font-size: 156px;
    line-height: 1; }
  body .custom-eyecatcher-element .eyecatcher-element-inner {
    font-size: 156px;
    line-height: 1; }
  body .custom-eyecatcher-element .element-inner-items {
    width: 800px;
    left: 16%; }
    body .custom-eyecatcher-element .element-inner-items .element-inner-item.ellipse {
      width: 60px;
      bottom: -22%; }
    body .custom-eyecatcher-element .element-inner-items .element-inner-item.triangle {
      width: 70px;
      left: 2%;
      top: 4%; }
    body .custom-eyecatcher-element .element-inner-items .element-inner-item.rect {
      width: 56px;
      right: 2%;
      top: 29%; }
  body .custom-eyecatcher-element .element-inner-items.collapsed .element-inner-item.ellipse {
    transform: scale(0.8) translateX(70px); }
  body .custom-eyecatcher-element .element-inner-items.collapsed .element-inner-item.triangle {
    transform: scale(0.8) translate(400px, 392px);
    width: 70px; }
  body .custom-eyecatcher-element .element-inner-items.collapsed .element-inner-item.rect {
    transform: scale(0.8) translate(-386px, 292px);
    width: 56px; } }

@media only screen and (max-width: 1350px) {
  body .jobs-detail-grid .jobs-detail-grid-row .jobs-detail-grid-item:nth-child(even) {
    padding-left: 40px; }
  body .jobs-detail-grid .jobs-detail-grid-row .jobs-detail-grid-item .jobs-detail-grid-text {
    font-size: 22px;
    max-width: 520px;
    padding-left: 22px; } }

@media screen and (max-width: 1249px) {
  body .custom-eyecatcher-element .eyecatcher-element-inner.project_detail {
    font-size: 136px; }
  .custom-spacer-contact {
    display: block !important; }
  .aj-kontakt-grid-container.loaded .uk-grid.tm-grid-expand > div {
    transform: rotate(0deg) !important; }
    .aj-kontakt-grid-container.loaded .uk-grid.tm-grid-expand > div:last-child {
      top: 120px;
      position: relative; }
  .aj-kontakt-grid-container .uk-container > .uk-grid {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20%; }
  .aj-kontakt-grid-container .aj-kontakt-grid-item {
    max-height: unset !important; }
    .aj-kontakt-grid-container .aj-kontakt-grid-item .uk-grid {
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .aj-kontakt-grid-container .aj-kontakt-grid-item .uk-grid .el-content p {
        font-size: 15px;
        text-transform: uppercase; }
      .aj-kontakt-grid-container .aj-kontakt-grid-item .uk-grid > div:first-child {
        order: 2;
        width: 100% !important; }
      .aj-kontakt-grid-container .aj-kontakt-grid-item .uk-grid > div:last-child {
        order: 1;
        width: 100% !important;
        max-height: 440px;
        overflow: hidden;
        padding: 0 !important; }
        .aj-kontakt-grid-container .aj-kontakt-grid-item .uk-grid > div:last-child img {
          max-width: unset;
          width: 100%; } }

@media screen and (max-width: 1199px) {
  body .jobs-headline-element .jobs-headline-main .jobs-headline-gallery .jobs-headline-img-bg {
    width: 188px;
    height: 218px; }
    body .jobs-headline-element .jobs-headline-main .jobs-headline-gallery .jobs-headline-img-bg.jobs-headline-img-1 {
      top: -20px;
      left: 50px; }
    body .jobs-headline-element .jobs-headline-main .jobs-headline-gallery .jobs-headline-img-bg.jobs-headline-img-2 {
      bottom: -115px;
      left: 16%; }
    body .jobs-headline-element .jobs-headline-main .jobs-headline-gallery .jobs-headline-img-bg.jobs-headline-img-3 {
      bottom: -60px;
      right: 80px; }
  body .jobs-detail-grid .jobs-detail-grid-row .jobs-detail-grid-item {
    flex-direction: column;
    justify-content: start; }
    body .jobs-detail-grid .jobs-detail-grid-row .jobs-detail-grid-item .jobs-detail-grid-title {
      max-width: 100%;
      width: 100%; }
    body .jobs-detail-grid .jobs-detail-grid-row .jobs-detail-grid-item .jobs-detail-grid-text {
      max-width: 100%;
      padding-left: 0; }
  body #agency-life .overscroll-gallery .uk-first-column {
    margin-top: 0 !important; }
    body .is-portrait-format.uk-flex .el-item {
      margin-top: 0 !important; }
  body .team-container .team-item.no-hover {
    /*order: -1;*/ }
  body .overscroll-gallery .uk-first-column:nth-child(odd) .el-item {
    margin-left: 0% !important; }
  body .overscroll-gallery .uk-first-column:nth-child(even) .el-item {
    margin-left: 0% !important; }
    body .uk-section .section-bottom-title {
      padding: 0px 30px 60px;
      font-size: 86px;
      line-height: 86px; }
      body .uk-section.gallery-items-mixed-size .uk-child-width-1-1 > div:nth-child(4n-1), body .uk-section.gallery-items-mixed-size .uk-child-width-1-1 > div:nth-child(4n) {
        width: 100%; }
        body .uk-section.gallery-items-mixed-size .uk-child-width-1-1 > div:nth-child(4n-1) .el-item, body .uk-section.gallery-items-mixed-size .uk-child-width-1-1 > div:nth-child(4n) .el-item {
          width: initial;
          height: auto;
          max-width: 100%; }
          body .uk-section.gallery-items-mixed-size .uk-child-width-1-1 > div:nth-child(4n-1) .el-item img, body .uk-section.gallery-items-mixed-size .uk-child-width-1-1 > div:nth-child(4n) .el-item img {
            width: initial;
            max-width: 100%; }
  body .team-container .team-item {
    max-width: 30%; }
  body a.aj-group {
    left: 0;
    top: 90px; }
    body a.aj-group.aj-group-visible {
      opacity: 1;
      transform: translateX(0);
      pointer-events: all; }
      body a.aj-group.aj-group-visible:nth-child(3) {
        transform: translateY(92px); }
      body a.aj-group.aj-group-visible:nth-child(4) {
        transform: translateY(184px); }
  body .uk-navbar-container .uk-navbar-left {
    width: 30%; }
  body #main-footer .footer-column-items li {
    margin-right: 30px;
    margin-bottom: 10px; }
  body .custom-eyecatcher-element .element-inner-items {
    left: 10%; } }

@media screen and (max-width: 1023px) {
  html {
    overflow: initial; }
    html body {
      overflow: initial;
      overflow-x: hidden !important; }
    html body {
      overflow: initial; }
      html body .custom-interaction-element.float {
        bottom: 15vh; }
      html body .project-header-img {
        margin-top: 110px !important; }
    html .aj-home #home-top {
      position: relative; }
    html .aj-home #curated-work #curated-work-text, html .aj-home #agency-life #agency-life-work-text {
      top: unset !important; }
    html .aj-home .uk-section .section-bottom-title {
      margin-top: -8px; }
    html .aj-home .custom-spacer {
      height: 20vh !important; }
  html .aj-jobs .custom-spacer.xsmall {
    height: 0 !important; }
  html .aj-project-list .text-top-project-detail {
    top: 0 !important;
    margin-top: 10px !important;
    margin-bottom: 80px !important; } }

@media screen and (max-width: 999px) {
  body .custom-eyecatcher-element .element-inner-items {
    left: 4%; }
  body .jobs-grid .uk-grid > div h3 {
    font-size: 40px;
    line-height: 44px; } }

@media screen and (max-width: 959px) {
  body .jobs-headline-element .jobs-headline-main .jobs-headline-gallery {
    display: none !important; }
  body .jobs-headline-element .jobs-headline-main .jobs-headline-square {
    display: none !important;
    width: 76px;
    height: 76px;
    right: -25px;
    top: -55px; }
  body .jobs-headline-element .jobs-headline-main .jobs-headline-title {
    font-size: 86px;
    line-height: 1; }
  body .overscroll-gallery .uk-first-column {
    margin-bottom: 6vh; }
    body .overscroll-gallery .uk-first-column .el-item {
      width: 92%;
      margin-left: 0 !important; }
      body .overscroll-gallery .uk-first-column .el-item .uk-position-bottom-center .uk-panel {
        display: none; }
  body .jobs-grid .uk-grid > div .el-item .el-link {
    position: relative;
    top: 20px;
    left: 22px; }
    body #main-footer .footer-column-items {
      text-align: center !important; }
  body .tm-header .uk-navbar-container, body .tm-header-mobile .uk-navbar-container {
    padding: 10px 10px 0; }
  body #curated-work-text, body #agency-life-work-text {
    top: 10vh !important; } }

@media screen and (max-width: 867px) and (max-height: 699px) {
  .section-bottom-title {
    top: unset !important; } }

@media screen and (max-width: 867px) {
  body .custom-interaction-element#home-bottom-scroll {
    bottom: 20vh; }
  body .custom-eyecatcher-element .element-inner-items {
    left: 0;
    width: 100%; }
    body .custom-eyecatcher-element .element-inner-items .element-inner-item {
      width: 40px !important; }
      body .custom-eyecatcher-element .element-inner-items.collapsed .element-inner-item {
        transform: none !important; }
  body .custom-eyecatcher-element .eyecatcher-element-inner-box .eyecatcher-element-inner {
    font-size: 86px;
    padding-bottom: 20px; }
  body .custom-eyecatcher-element .eyecatcher-element-inner.project_detail {
    font-size: 86px; } }

@media screen and (max-width: 767px) {
  body .jobs-detail-grid .jobs-detail-grid-row .jobs-detail-grid-item {
    width: 100%; }
  body .uk-section .section-bottom-title {
    font-size: 46px;
    line-height: 1.5; }
    body .uk-section .section-bottom-title p {
      width: 100%;
      margin-bottom: 0; }
      body .uk-section .section-bottom-title p br {
        display: none; }
  body h2.el-title, body h3.el-title {
    font-size: 22px; }
  body #project-nav-container {
    transform: translateY(88%);
    transition: transform 0.6s ease-in-out; }
    body #project-nav-container.visible {
      transform: translateY(0); }
      body #project-nav-container #project-nav-list ul {
        flex-direction: column; }
        body #project-nav-container #project-nav-list ul li {
          padding: 8px 0; }
          body #project-nav-container #project-nav-list ul li a {
            font-size: 18px; }
        body #project-nav-container #project-nav-list ul::before {
          content: "FILTER";
          margin-bottom: 40px;
          font-size: 14px; }
  body button[data-ebox] img, body button[data-ebox] video {
    left: 0 !important;
    right: 0 !important;
    position: fixed !important;
    max-width: 320px !important; } }

@media screen and (max-width: 699px) {
  body .jobs-detail-grid-text {
    font-size: 20px !important;
    line-height: 1.5 !important; }
  body .uk-text-large {
    font-size: 20px; }
    body .custom-eyecatcher-element .element-inner-items .element-inner-item.triangle {
      top: -32%; }
  body .eb-dialog {
    width: 96%; }
  body button[data-ebox] {
    font-size: 20px; }
    body .team-container .team-item {
      max-width: 46% !important; }
      body .team-container .team-item .team-item-image-overlay .team-item-overlay-content {
        hyphens: auto;
        -webkit-hyphens: auto;
        width: 100%;
        font-size: 12px; }
      body .team-container .team-item .team-item-image-overlay .team-item-overlay-name {
        font-size: 20px;
        line-height: 1.2; }
  body .aj-kontakt-grid-container .uk-grid.tm-grid-expand > div {
    width: 86%; } }

@media screen and (max-width: 639px) {
  body .jobs-grid .uk-grid > div {
    margin-left: 0; }
  body #main-footer .footer-column-items {
    display: flex;
    justify-content: center;
    gap: 10px; }
  body #main-footer .footer-column-items.uk-text-right {
    display: flex;
    justify-content: center;
    gap: 10px; } }

@media screen and (max-width: 599px) {
  body .jobs-headline-element .jobs-headline-main .jobs-headline-square {
    width: 66px;
    height: 66px;
    right: -35px;
    top: -52px; }
    body .jobs-headline-element .jobs-headline-main .jobs-headline-square .jobs-headline-square-btn {
      font-size: 15px;
      line-height: 18px; }
  body .jobs-headline-element .jobs-headline-main .jobs-headline-title {
    font-size: 66px; }
  body .custom-eyecatcher-element .marker-wrapper.single-detail::before {
    background-size: cover; } }

@media only screen and (max-width: 525px) {
  body .team-accordion .uk-accordion-title {
    font-size: 23px !important;
    max-width: 230px; } }

@media screen and (max-width: 499px) {
  body .jobs-headline-element .jobs-headline-main .jobs-headline-title {
    font-size: 59px; }
  body .custom-eyecatcher-element .element-inner-items {
    left: 0;
    width: 100%;
    top: 6%; } }

@media screen and (max-width: 420px) {
  body .team-accordion .uk-accordion-content {
    padding-top: 20px;
    padding-bottom: 65px; }
    body .team-accordion .uk-accordion-content > div > .el-link {
      margin-top: 24px;
      position: relative; }
  body .jobs-headline-element .jobs-headline-main .jobs-headline-title {
    font-size: 48px; } }