.swiper1 {
    transition: transform 0.5s ease-in;
}
header {
  padding-top: 49.8vw;
  background-image: none;
}

/*
.nav-links-build li {
    opacity: 1;
}
 */
 .no-webp #letsbuild_area {
    background-image: url(BG/bg-2_build.png);
 }
 .webp #letsbuild_area {
  background-image: url(BG/bg-2_build.webp);
}


 #letsbuild_area {
    font-family: "Helvetica";
    background-repeat: no-repeat;
    background-size: 100% 100% ;
    background-position: center center;
    width: 100%;
    position: absolute;
    top: 49vw;
    height: 64vw;
    display: flex;
    font-size: 1vw;
    font-weight: 500;
}
#form_general {
  width: 37%;
  margin-left: 7%;
  padding-top: 4vw;
  position: absolute;
  top: 3vw;
}
#form_general h1 {
  font-weight: bold;
  font-size: 1vw;
  margin-top: 1vw;
  margin-bottom: 0.2vw;
}
/* Form*/
/* #form_container1, #form_container2 {
  font-family: "Iowan Old Style";
  font-size: 1.2vw;
  font-stretch: ultra-expanded;
}
 */
input[type="text"], textarea, input[type="email"] {
  background-color : #db9b3a; 
  background: transparent;
  font-family: Helvetica, sans-serif;
}
.form_line1, .form_line2, .form_line1a {
  width: 100%;
  position: relative;
  height: 2.5vw;
  overflow: hidden;
}
.form_line1 input, .form_line2 input, .form_line1a input {
  width: 100%;
  height: 100%;
  color: rgb(0, 0, 0);
  border: 0px;
  border-radius: 0.6vw;
  outline: none;
  font-size: 1.4vw;
  text-indent: 0.2vw;
}

.form_line1 label, .form_line2 label, .form_line1a label {
  position: absolute;
  bottom: 0px;
  left: 0%;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border: 1px dashed black;
  border-radius: 0.6vw;
  line-height: 20px;
}
.form_line1 label::after,
.form_line1a label::after,
.form_line2 label::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0.4vw;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid rgb(0, 6, 10);
  transform: translateX(-100%);
  transition: transform 0.6s ease;
}
/* .content-name {
  position: absolute;
  bottom: 5px;
  left: 0px;
  transition: all 0.3s ease;
}
.form_line1 input:focus + .label-name .content-name, 
.form_line1 input:valid + .label-name .content-name{
  transform: translateY(-150%);
  font-size: 25px;
  color: rgb(228, 236, 235);
}
*/
.form_line1 input:focus + .label-name::after, 
.form_line1 input:valid + .label-name::after {
  transform: translateX(0%);
}
.form_line1a input:focus + .label-name::after {
  transform: translateX(0%);
}
/* .form_line2 input:focus + .label-name .content-name, 
.form_line2 input:valid + .label-name .content-name{
  transform: translateY(-150%);
  font-size: 18px;
  color: rgb(29, 48, 45);
}
*/
.form_line2 input:focus + .label-name::after, 
.form_line2 input:valid + .label-name::after {
  transform: translateX(0%);
}
/* .form_collaborate1 {
  width: 30%;
  position: fixed;
  left: 90%;
  top: 14%;
  opacity: 0;
  transition: all 0.3s ease;
}
.form_collaborate2 {
  width: 30%;
  position: fixed;
  left: 90%;
  top: 50%;
  opacity: 0;
  transition: all 0.3s ease;
}
*/
.build_menu_close {
  position: fixed;
  left: 15%;
  top: 15%;
  z-index: 400;
}
.build_menu_close img {
  width: 60%;
}
input:-internal-autofill-selected {
  background-color: blue !important;
}
#click_area {
    margin: 2vw 0 1vw 0;
    border: 1px dashed black;
    border-radius: 0.6vw;
  
}
input[type=checkbox] + label {
    display: block;
    cursor: url('img/ktc_cursor.png'), pointer;
    margin: 0.1vw 0 0.1vw 0.4vw;
    height: 1.8vw;
}
  
input[type=checkbox] {
  display: none;
}
  
input[type=checkbox] + label:before {
  content: "\2718";
  background-image: url(img/checkbox.png);
  background-repeat: no-repeat;
  background-size: 1.4vw;
  background-position: 40% center;
  /* border: 0.1em dashed #000; */
  /* border-radius: 0.8em; */
  display: inline-block;
  /* width: 1em;
  height: 1em; */
  padding-bottom: 0em;
  margin-right: 0.2em;
  vertical-align: middle;
  color: transparent;
  transition: .2s;
  font-size: 2vw;
  width: 1.7vw;
}
  
input[type=checkbox] + label:active:before {
  transform: scale(0);
}

input[type=checkbox]:checked + label:before {
  background-color: transparent;
  color: rgb(133, 6, 6);
}

input[type=checkbox]:disabled + label:before {
  transform: scale(1);
  border-color: #aaa;
}

input[type=checkbox]:checked:disabled + label:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}
#click_add_text {
  margin: 0.6vw 0 0.4vw 6vw;
  font-size: 0.8vw;
  font-weight: 500;
}
textarea {
  border: 1px dashed black;
  border-radius: 0.6vw;
  width: 100%;
  height: 13vw;
  font-size: 1.4vw;
  outline: none;
  padding: 0.4vw;
}
form .submit {
  width: 20%;
  margin-left: 78%;
  margin-top: 0;
  background: transparent;
  transition: 0.1s all;
  border: 0px;
  border-radius: 50%;
  -webkit-filter: sepia(0%);
	filter: sepia(0%);
  transform: scale(1);
	-webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
form .submit:hover {
	-webkit-filter: sepia(100%);
  filter: sepia(100%);
	opacity: 1;
  transform: scale(1.02);
	-webkit-animation: flash 1s;
	animation: flash 1s;
}
#contact_area {
  position: absolute;
  right: 9%;
  top: 7.6vw;
  width: 44%;
  height: 48vw;
  border-top: 0.1vw solid black;
  padding-top: 1vw;
  line-height: 1.8vw;
}
#contact_area a {
  text-decoration: none;
  color: black;
}
#main_headl_contact {
  width: 44%;
  position: absolute;
  right: 9%;
  top: 2vh;
}
@media screen and (min-width: 568px){
  #contact_area {
  -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
  overflow-y: scroll;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  }
  #contact_area::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}
}

#lb_intern_nav {
  display: flex;
  flex-direction: row;
  padding: 0;
  justify-content: space-between;
}
.nav_links_lb_intern {
  list-style: none;
  margin: 0 3%;
}
#contact_area h1 {
  text-align: center;
  margin: 2% auto;
}
#contact_area h1 img{
  height: 1.5vw;
  width: auto;
}

#ph_lb {
  display: block;
  width: 5%;
  margin: 2% auto 0% 0;
}
footer {
  position: relative;
  top: 63vw;
  width: 100%;
  bottom: 0;
}
#can_society_dt {
  width: 4.5vw;
  position: absolute;
  right: 7vw;
  bottom: 1vw;
}
/*Scrool Position Formular*/
#contact_jumper_mob {
  position: absolute;
  top: 0vw;
  margin: 0;
}


/*Hover Menu*/
#build_meeting img, .collaborate img, .catalogue img{
  transition: filter .3s ease-in-out;
  transform: scale(1);
  position: relative;
  padding: 1vw;
}
#build_meeting img:hover, .collaborate img:hover, .catalogue img:hover, .social_med:hover {
  filter: drop-shadow(0.5vh 0.4vh 0.6vh black);
  transform: scale(1.005);
}
.social_med:hover {
  filter: drop-shadow(0.5vh 0.4vh 0.6vh black);
  transform: scale(1.1);
}


@media screen and (max-width: 567px){
  header {
    padding-top: 0;
    background-image: none;
    height: 175vw;
  }
  .dot1, .dot2, .dot3, #hide_contact_mobile {
    display: none;
  }
  .dot1m, .dot2m, .dot3m {
    display: block;
  }
  .nav-links-build {
    position: relative;
  }
  #nav-links-burger-dt {
    top: 0;
    height: 170vw;
  }
  .collaborate {
    top: 47vw;
  }
  .dot1m {
    top: 47.5vw;
    width: 90%;
  }
  .catalogue {
    top: 52vw;
    width: 75%;
  }
  .dot2m {
    top: 53vw;
    width: 90%;
  }
  .meeting {
    top: 59.6vw;
    width: 50%;
  }
  .dot3m {
    top: 62vw;
    width: 90%;
  }
  .build_text {
    width: 80%;
    top: 70vw;
  }
  .build_cansoc {
    display: none;
  }

  #nav-links-burger-dt .social_med_list {
    position: absolute;
    top: 145vw;
    margin-right: 0;
    width: 55%;
  }
  #social_med {
    width: 15%;
  }
  #social_news {
    width: 25%;
  }
  .nav-links-build li {
    position: relative;
    margin: 0 auto;
  }
  #contact_jumper_mob {
    position: absolute;
    top: -30vw;
    margin: 0;
  }
  #letsbuild_area {
    position: relative;
    display: block;
    background-image: none;
    top: auto;
    height: auto;
  }
  .webp #letsbuild_area {
    background-image: none;
  }
  .no-webp #letsbuild_area {
    background-image: none;
  }
  #form_general {
    background-color: rgb(248, 245, 224);
    background-size: 100% 100%;
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 3.5vw;
    top: 0;
    padding-top: 2vw;
  }
  #form_general h1 {
    font-size: 3.5vw;
    width: 80%;
    text-align: center;
  }
  .form_line1, .form_line2, .form_line1a {
    height: 25px;
    width: 80%;
  }
  .form_line1 input, .form_line2 input, .form_line1a input {
    font-size: 16px;
    text-indent: 1vw;
  }

  #click_area {
    width: 80%;
    margin: 6vw auto 4vw auto;
  }
  input[type=checkbox] + label {
    margin: 1vw 0 1vw 1.8vw;
    height: 5vw;
}
  input[type=checkbox] + label:before {
    background-size: 3.6vw;
    font-size: 5vw;
    width: 4vw;
  }
  #click_add_text {
    margin-left: 20vw;
    font-size: 2vw;
  }
  #message_zone {
    width: 80%;
    height: 30vw;
    text-align: center;
  }
  textarea {
    height: 30vw;
    font-size: 16px;
  }
  form .submit {
    margin: 2% 40%;
  }
  #after_form {
    display: inline;
  }
  #after_form img {
    display: inline;
    width: 100%;
  }

  #contact_area {
    background-image: none;
    background-color: rgb(248, 245, 224);
    background-size: 100% 100%;
    position: relative;
    display: block;
    width: 100%;
    right: 0;
    top: 0;
    font-size: 3vw;
    line-height: 5vw;
    height: auto;
    padding-top: 2vw;
  }
  .imprint_desktop {
    display: none;
  }

  #contact_area h1 img{
    height: 4vw;
  }
  #lb_intern_nav {
    display: none;
  }
  #contact_info {padding-top: 23vw;
    width: 90%;
  }
  #imprint {
    width: 90%;
  }
  #privacy_policy {
    width: 90%;
  }
  #terms_cond {
    width: 90%;
  }

  footer {
    position: relative;
    top: -2vw;
    bottom: unset;
  }
  

}

@media (hover:none) {
  body {
    min-height: 100vh;
    bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
    -webkit-transition-delay: 9999s;
}

.imprint_header {
  height: 0;
}
#imprint_header {
  max-width: 567px;
  margin: 0 auto;

}

input {
  font: 400 18px Arial;
}


#thank-you-message {
  position: absolute;
  top: 58vw;
  left: 10vw;
  display: none;
}

#thank-you-message.show {
  display: block;
}
@media screen and (max-width: 567px) {
  .no-webp header {
      background-image: none;
  }
  .webp header {
      background-image: none;
  }
}

@supports selector(:-moz-is-html) { footer { margin-top: -2vw;; } }