:root {
    /* Colors: */
    --unnamed-color-ffffff: #ffffff;
  
    /* Font/text values */
    --unnamed-font-family-barlow: Barlow;
    --unnamed-font-style-normal: normal;
    --unnamed-font-weight-normal: normal;
    --unnamed-font-size-15: 15px;
    --unnamed-character-spacing-0: 0px;
    --unnamed-line-spacing-20: 20px;
  }
  
  /* Character Styles */
  .unnamed-character-style-1 {
    font-family: var(--unnamed-font-family-barlow);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-15);
    line-height: var(--unnamed-line-spacing-20);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
  }
  
  html{
    height: 100%;
    /* max-width: 1560px; */
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* position: sticky; */
  }
  
  .fight{
    position: absolute;
    right: 300px;
  }
  
  /* .fight_btn{
    background-color: #FFE300;
    position: relative;
    left: -200px;
    top: -80px;
  } */
  
  .logo{
    z-index: 44;
    position: relative;
    top: 0;
    left: 0;
    width: 130px;
    height: 100px;
    background-image: url('./src/ArtisanAgent_Logo_final2.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  
    /* bottom: -45px; */
  }
  
  body{
    /* touch-action: manipulation; */
    /* height: 100%; */
    position: relative;
    min-height: 100%;
     /* min-width: 1281px; */
    max-width: 1399.98px;
    /* max-width: 10px; */
    width: 100%;
    /* max-width: 1281px; */
    /* min-height: 100vh; */
    text-align: center;
    display: flex;
    /* justify-content: center; */
    align-items: center;
  
    flex-direction: column;
    /* min-height: 100vh; */
    margin: 0;
    margin-top: auto;
    bottom: 0;
  }
  
  * {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
  }
  
  .nav-custom {
    background-color: #d9d8d8;
  }
  
  
  .carousel{
    /* height: 50%; */
    height: 100vh;
    max-height: 100vh;
    
    width: 100%;
    margin-bottom: 24%;
    margin-top: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  
  /* .container{
    margin-top: 25%;
    text-align: center;
    width: 50%;
    height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    background-position: center;
    background-size: contain;
  } */
  
  .container-fluid {
    /* Layout Properties */
    /* max-width: 1399.98px; */
  
    top: 0px;
    left: 0px;
    position: relative;
    /* left: 5%;
    right: 25%; */
    /* min-width: 1281px; */
    width: 100%;
    /* min-width: 100%; */
  
    /* height: 1878px; */
    height: 200vh;
    /* height: 100%; */
  
    /* UI Properties */
  
    background: #d9d8d8 0% 0% no-repeat padding-box;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  
  header {
    top: 0;
    z-index: 3;
    gap: 6em;
    position: absolute;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    /* max-width: 100%; */
    height: 95px;
    background-color: #d9d8d8;
  }
  
  .navv{
    /* position: absolute; */
  }
  
  .photo {
    /* Layout Properties */
    position: absolute;
    top: 0;
    /* top: 27px;
    height: 93px; */
    left: 166px;
    width: 91px;
    height: 100px;
  
    /* UI Properties */
  
    opacity: 1;
    /* background-color: red; */
    background-image: url("./ArtisanAgent_Logo_final2.png");
    background-position: center;
    background-size: contain;
  }
  
  a:link,
  a:visited {
    text-decoration: none;
    color: #000000;
  }
  
  .lang-sec{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5em;
  
  }
  
  .navbar ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-left: 240px;
    /* top: 0; */
    /* margin-right: 8px; */
    /* position: fixed; */
  }
  
  .navbar {
    /* Layout Properties */
    /* position: absolute; */
    /* top: 42px; */
    /* left: 831px; */
    /* width: 460px; */
    /* height: 24px; */
  
    /* UI Properties */
    display: flex;
    /* left: 2%; */
    /* gap: 3em; */
    /* justify-content: space-around; */
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 70px;
    flex-direction: row;
    letter-spacing: var(--unnamed-character-spacing-0);
    /* text-align: left; */
    letter-spacing: 0px;
    opacity: 1;
    font-family: var(--unnamed-font-family-barlow);
    font-size: 20px;
    list-style-type: none;
    text-decoration: none;
  }
  
  
  /* navbar ul connector */
  /* .navbar-nav{
    
  } */
  
  .navbar_element_1 {
    /* Layout Properties */
    /* position: absolute; */
    /* top: 0px;
    left: 0px;
    width: 78px;
    height: 24px; */
  
    /* UI Properties */
  
    font: var(--unnamed-font-style-normal) normal 600 20px/24px
      var(--unnamed-font-family-barlow);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal 600 20px/24px Barlow;
    letter-spacing: 0px;
    color: #000000;
    text-decoration: underline 3px solid #f3db00;
  }
  .navbar_element_2 {
    /* Layout Properties */
    /* position: absolute;
    top: 0px;
    left: 110px;
    width: 215px;
    height: 24px; */
  
    /* UI Properties */
  
    font: var(--unnamed-font-style-normal) normal
      var(--unnamed-font-weight-normal) 20px/24px
      var(--unnamed-font-family-barlow);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal normal 20px/24px Barlow;
    letter-spacing: 0px;
    color: #090909;
  }
  
  .navbar_element_3 {
    /* Layout Properties */
    /* position: absolute;
    top: 0px;
    left: 240px;
    width: 215px;
    height: 24px; */
  
    /* UI Properties */
  
    font: var(--unnamed-font-style-normal) normal
      var(--unnamed-font-weight-normal) 20px/24px
      var(--unnamed-font-family-barlow);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal normal 20px/24px Barlow;
    letter-spacing: 0px;
    color: #090909;
  }
  
  .navbar_element_4 {
    /* Layout Properties */
    /* position: absolute;
    top: 0px;
    left: 360px;
    width: 24px;
    height: 24px; */
  
    /* UI Properties */
  
    font: var(--unnamed-font-style-normal) normal 600 20px/24px
      var(--unnamed-font-family-barlow);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal 600 20px/24px Barlow;
    letter-spacing: 0px;
    color: #f3db00;
  }
  
  .navbar_element_5 {
    /* position: absolute;
    top: 0px;
    left: 390px;
    width: 24px;
    height: 24px; */
  
    font: var(--unnamed-font-style-normal) normal 600 20px/24px
      var(--unnamed-font-family-barlow);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal 600 20px/24px Barlow;
    letter-spacing: 0px;
    color: #f3db00;
  }
  
  .navbar_element_6 {
    /* position: absolute;
    top: 0px;
    left: 425px;
    width: 24px;
    height: 24px; */
  
    font: var(--unnamed-font-style-normal) normal 600 20px/24px
      var(--unnamed-font-family-barlow);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal 600 20px/24px Barlow;
    letter-spacing: 0px;
    color: #f3db00;
  }
  
  .heading_1 {
    /* Layout Properties */
    position: absolute;
    top: 163px;
    left: 142px;
    width: 435px;
    height: 196px;
  
    /* UI Properties */
  
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
  }
  
  .nav-item:hover{
    background-color: #eff871;
  }
  
  .text_heading_1 {
    /* Layout Properties */
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 235px;
    width: 459px;
    height: 102px;
  
    /* UI Properties */
  
    font: var(--unnamed-font-style-normal) normal 800 85px/80px
      var(--unnamed-font-family-barlow);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal 800 85px/80px Barlow;
    letter-spacing: 0px;
    color: #000000;
  }
  
  .background_image {
    /* Layout Properties */
    position: absolute;
    top: 119px;
    right: 0px;
    width: 948px;
    height: 497px;
  
    /* UI Properties */
  
    background: transparent url("./Headerbild_weboptimiert.jpg") 0% 0% no-repeat
      padding-box;
    background-position: center;
    background-size: cover;
    border-radius: 50px 0 0 50px;
    opacity: 1;
    border: 1px solid black;
  }
  
  .heading_2 {
    /* Layout Properties */
    position: absolute;
    top: 364px;
    left: 375px;
    width: 419px;
    height: 72px;
  
    /* UI Properties */
  
    font: var(--unnamed-font-style-normal) normal 600 18px/14px
      var(--unnamed-font-family-barlow);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal 600 18px/14px Barlow;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    line-height: 25px;
  }
  
  .phone-position {
    cursor: pointer;
    position: absolute;
    right: 15px;
    bottom: 12px;
    /* bottom: 100px; */
  }
  
  .yellow_s {
    cursor: pointer;
    position: absolute;
    right: 50px;
    bottom: 100px;
    width: 100px;
    height: 100px;
    opacity: 0.7;
    background-color: #f3db00;
    border-radius: 500px 400px 300px 300px;
    z-index: 2;
  }
  
  .yellow_s:hover {
    transform: rotate(-360deg);
    transition: transform 500ms ease-in-out;
  }
  
  .yellow_symbol {
    /* Layout Properties */
    position: absolute;
    top: 436px;
    left: 76px;
    width: 410px;
    height: 408px;
  
    /* UI Properties */
  
    opacity: 0.7;
    /* background-color: #f3db00; */
    background-color: #F7FF00;
    border-radius: 500px 400px 300px 300px;
    z-index: 1;
    /* backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px); */
  }
  
  .content {
    /* z-index: 2; */
    /* Layout Properties */
    position: absolute;
    top: 544px;
    left: 250px;
    /* left: 132px; */
  
    width: 1016px;
    height: 1147px;
    /* height: auto; */
  
    /* UI Properties */
  
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #ffffff 5% 0% no-repeat padding-box;
    box-shadow: -5px -4px 12px #00000045;
    border-radius: 50px;
    opacity: 1;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    /* backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px); */
  }
  
  .content_header {
    /* Layout Properties */
    position: absolute;
    top: 576px;
    left: 285px;
    width: 912px;
    height: 218px;
  
    /* UI Properties */
  
    text-align: left;
    letter-spacing: NaNpx;
    color: #000000;
    opacity: 1;
  }
  
  .content_header_text_1 {
    /* Layout Properties */
    position: absolute;
    top: 0px;
    left: 0px;
    width: 220px;
    height: 36px;
  
    /* UI Properties */
  
    font: var(--unnamed-font-style-normal) normal bold 30px/25px
      var(--unnamed-font-family-barlow);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal bold 30px/25px Barlow;
    letter-spacing: 0px;
    color: #000000;
  }
  
  .content_header_text_2 {
    /* Layout Properties */
    position: absolute;
    top: 57px;
    left: 0px;
    width: 550px;
    height: 28px;
  
    /* UI Properties */
  
    font: var(--unnamed-font-style-normal) normal 600 23px/25px
      var(--unnamed-font-family-barlow);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal 600 23px/25px Barlow;
    letter-spacing: 0px;
    color: #000000;
  }
  
  .content_header_text_3 {
    /* Layout Properties */
    position: absolute;
    top: 110px;
    left: 0px;
    width: 890px;
    height: 24px;
  
    /* UI Properties */
  
    font: var(--unnamed-font-style-normal) normal
      var(--unnamed-font-weight-normal) 20px/25px
      var(--unnamed-font-family-barlow);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal normal 20px/25px Barlow;
    letter-spacing: 0px;
    color: #000000;
  }
  
  .content_header_2 {
    /* Layout Properties */
    position: absolute;
    top: 846px;
    left: 285px;
    width: 912px;
    height: 94px;
  
    /* UI Properties */
  
    text-align: left;
    letter-spacing: NaNpx;
    color: #000000;
    opacity: 1;
  }
  
  .content_header_2_text_1 {
    /* Layout Properties */
    position: absolute;
    top: 0px;
    left: 0px;
    width: 178px;
    height: 36px;
  
    /* UI Properties */
  
    font: var(--unnamed-font-style-normal) normal bold 30px/25px
      var(--unnamed-font-family-barlow);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal bold 30px/25px Barlow;
    letter-spacing: 0px;
    color: #000000;
  }
  
  .content_header_2_text_2 {
    /* Layout Properties */
    position: absolute;
    top: 57px;
    left: 0px;
    width: 867px;
    height: 28px;
  
    /* UI Properties */
  
    font: var(--unnamed-font-style-normal) normal 600 23px/25px
      var(--unnamed-font-family-barlow);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal 600 23px/25px Barlow;
    letter-spacing: 0px;
    color: #000000;
    display: flex;
    justify-content: space-between;
  }
  
  .image_left {
    /* Layout Properties */
    position: absolute;
    top: 988px;
    left: 293px;
    width: 428px;
    height: 251px;
  
    /* UI Properties */
  
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: url("./Arbeitnehmer_weboptimiert.jpg") 0% 0% no-repeat padding-box;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
    opacity: 0.7;
    background-color: red;
  }
  
  .image_right {
    /* Layout Properties */
    position: absolute;
    top: 987px;
    left: 797px;
    width: 428px;
    height: 249px;
  
    /* UI Properties */
  
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: url("./Arbeitgeber_weboptimiert.jpg") 0% 0% no-repeat padding-box;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
    opacity: 0.7;
    background-color: red;
  }
  
  .background_left {
    /* Layout Properties */
    position: absolute;
    top: 1128px;
    left: 293px;
    width: 429px;
    height: 476px;
  
    /* UI Properties */
  
    background: #fefefe 0% 0% no-repeat padding-box;
    border-radius: 20px;
    opacity: 0.7;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    background: linear-gradient(#ffffff 85%, #eff871);
  }
  
  .background_right {
    /* Layout Properties */
    position: absolute;
    top: 1128px;
    left: 797px;
    width: 429px;
    height: 476px;
  
    /* UI Properties */
  
    background: #fefefe 0% 0% no-repeat padding-box;
    border-radius: 20px;
    opacity: 0.7;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    background: linear-gradient(#ffffff 85%, #eff871);
  }
  
  .content_textbox_left {
    /* Layout Properties */
    position: absolute;
    top: 1153px;
    left: 332px;
    width: 351px;
    height: 359px;
  
    /* UI Properties */
  
    text-align: left;
    letter-spacing: NaNpx;
    color: #000000;
    opacity: 1;
  }
  
  .content_textbox_left_text_1 {
    /* Layout Properties */
    position: absolute;
    top: 0px;
    left: 0px;
    width: 213px;
    height: 36px;
  
    /* UI Properties */
  
    font: var(--unnamed-font-style-normal) normal bold 30px/25px
      var(--unnamed-font-family-barlow);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal bold 30px/25px Barlow;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
  }
  .content_textbox_left_text_2 {
    /* Layout Properties */
    position: absolute;
    top: 60px;
    left: 0px;
    width: 341px;
    height: 24px;
  
    /* UI Properties */
  
    font: var(--unnamed-font-style-normal) normal
      var(--unnamed-font-weight-normal) 20px/25px
      var(--unnamed-font-family-barlow);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal normal 20px/25px Barlow;
    letter-spacing: 0px;
    color: #000000;
  }
  
  .content_textbox_right {
    /* Layout Properties */
    position: absolute;
    top: 1153px;
    left: 837px;
    width: 351px;
    height: 359px;
  
    /* UI Properties */
  
    text-align: left;
    letter-spacing: NaNpx;
    color: #000000;
    opacity: 1;
  }
  
  .content_textbox_right_text_1 {
    /* Layout Properties */
    position: absolute;
    top: 0px;
    left: 0px;
    width: 213px;
    height: 36px;
  
    /* UI Properties */
  
    font: var(--unnamed-font-style-normal) normal bold 30px/25px
      var(--unnamed-font-family-barlow);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal bold 30px/25px Barlow;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
  }
  .content_textbox_right_text_2 {
    /* Layout Properties */
    position: absolute;
    top: 60px;
    left: 0px;
    width: 341px;
    height: 24px;
  
    /* UI Properties */
  
    font: var(--unnamed-font-style-normal) normal
      var(--unnamed-font-weight-normal) 20px/25px
      var(--unnamed-font-family-barlow);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal normal 20px/25px Barlow;
    letter-spacing: 0px;
    color: #000000;
  }
  
  .button_job {
    /* z-index: 44; */
    position: absolute;
    top: 1567px;
    /* top: 500px; */
    width: 194px;
    height: 37px;
    /* right: -260px; */
    /* bottom: 250px; */
    right: 280px;
    font-family: "Barlow" sans-serif;
    font-weight: 600;
    /* UI properties */
  
    /* font: var(--unnamed-font-style-normal) normal 600 20px/80px
      var(--unnamed-font-family-barlow);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: center;
    font: normal normal 600 20px/80px Barlow;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1; */
  }
  
  .button_find_job {
    /* Layout Properties */
    position: absolute;
    top: 1567px;
    left: 401px;
    width: 194px;
    height: 37px;
    font-family: "Barlow" sans-serif;
    font-weight: 600;
    /* UI Properties */
  
    /* font: var(--unnamed-font-style-normal) normal 600 20px/80px
      var(--unnamed-font-family-barlow);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: center;
    font: normal normal 600 20px/80px Barlow;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1; */
  }
  
  .footer {
    margin-top: auto;
    height: 80px;
    width: 100%;
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: #f3db00;
    align-items: center;
    padding: 50px 141px;
    font: var(--unnamed-font-style-normal) normal
      var(--unnamed-font-weight-normal) 20px/25px
      var(--unnamed-font-family-barlow);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal normal 20px/25px Barlow;
    color: #000000;
  }
  
  .footer > div > ul > li > a {
    font: var(--unnamed-font-style-normal) normal
      var(--unnamed-font-weight-normal) 20px/25px
      var(--unnamed-font-family-barlow);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal normal 20px/25px Barlow;
    color: #000000;
    text-decoration: none;
  }
  
  .footer > div > ul {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 10px;
  }
  
  .foot_width{
    width: 50%;
  }
  
  .foot_width .navbar{
    width: 100%;
    margin: 8px;
  }