.line{
     position:absolute;
     left:0%;
     width: 100%;
     top: 12.5%;
     height:1px;
     border: 0;
 }

 .DEEN{
  position: absolute;
      left: 7.75%;
      top: 5.1%;
      width: 13.89%;
      height: 2.86%;
text-decoration: none;
 }
 .name{
     position: absolute;
     left: 43%;
     top: 5.1%;
     width: 13.89%;
     height: 2.86%;
 }

 .login{
     position: absolute;
     left: 89.22%;
     top: 5.625%;
     width: 3.06%;
     height: 2.19%;
     text-decoration: none;
     font-size: 1.77vh;
 }

 .kontakt{
     position: absolute;
    left: 21.78%;
    right: 75.68%;
    top: 94.69%;
    bottom: 3.18%;
     text-decoration: none;
     font-size: 1.77vh
 }

  .information{
      position: absolute;
     left: 50.13%;
     right: 75.68%;
     top: 94.69%;
     bottom: 3.18%;
      text-decoration: none;
      font-size: 1.77vh;
  }

 .close{
     position: absolute;
    left: 86%;
    right: 7.81%;
    top: 94.69%;
    bottom: 3.18%;
     text-decoration: none;
     text-align: right;
     font-size: 1.77vh;
 }
 
.input:focus, textarea:focus, select:focus{
        outline: none;
    }

 .password_field{
     position: absolute;
     height: 5.94%;
     width: 26.40%;
     left: 37.37%;
     top: 51.30%;
     border-radius: 0px;
     outline:none;
     background-color: var(--backgorund-dark);
     border: 1px solid var(--dark-font-dark);
     text-align: center;
     color: var(--dark-font-dark);
 }
 .block{
     position: absolute;
     outline:none;
     width: 0.3%;
     height: 9.11%;
 }

.block_one_position{
    left: 91.89%;
    top: 17.66%;
}

.block_two_position{
    left: 91.89%;
    top: 30.625%;
}

.block_three_position{
    left: 91.89%;
    top: 43.59%;
}

.block_four_position{
    left: 91.89%;
    top: 56.51%;
}

.block_five_position{
    left: 91.89%;
    top: 69.48%;
}

.block_six_position{
    left: 91.89%;
    bottom:8.43%;
}



 .s_mini_pic{
     position: absolute;
     width: auto;
     height: 18.43%;
 }

 .p_mini_pic_one{
     left: 7.68%;
     top: 50.57%;
 }
 .p_mini_pic_two{
    left: 21.78%;
    top: 50.57%;
 }
 .p_mini_pic_three{
     left: 35.9%;
     top: 50.57%;
 }
 .p_mini_pic_four{
     left: 7.68%;
     top: 73.18%;
 }
 .p_mini_pic_five{
     left: 21.78%;
     top: 73.18%;
 }
 .p_mini_pic_six{
     left: 35.9%;
     top: 73.18%;
 }



 .index_img{
     position: absolute;
     width: auto;
     height: 73.91%;
     right: 10.80%;
     top: 17.66%;
     outline: none;
 }

 .info{
 visibility:hidden;
 }

 .info_overlay{
 visibility:hidden;
 }

 .index_ueberschrift_info{
 visibility:hidden;
 }

 .mail_picture{
     position: absolute;
     left: 7.88%;
     top: 50.57%;
     width: 1.69%;
     height:2.71%;
 }
 .mail_text{
     position: absolute;
     left: 10.88%;
     top: 50.57%;
     text-decoration: none;
 }

 .instagram_picture{
     position: absolute;
     left: 7.88%;
     width: 1.69%;
     height:2.71%;
     top: 58.80%;
 }

 .instagram_text{
     position: absolute;
     left: 10.88%;
     top: 58.80%;
     text-decoration: none;
 }

.linkedin_picture{
    position: absolute;
    left: 7.88%;
    width: 1.69%;
    height:2.71%;
    top: 66.79%;
}
.linkedin_text{
    position: absolute;
    left: 10.88%;
    top: 66.79%;
    text-decoration: none;
}
.kontakt_zitat{
    position: absolute;
    left: 7.75%;
    right: 56.32%;
    top: 18.75%;
    bottom: 72.29%;
}
 .kontakt_img{
     position: absolute;
     width: auto;
     height: 73.90%;
     right: 7.81%;
     top: 17.66%;
 }
 .kontakt_text{
     position: absolute;
     left: 7.98%;
     right: 52.38%;
     top: 31.51%;
     bottom: 34.84%;
 }

.index_ueberschrift{
    position: absolute;
    height:3.44%;
    left: 7.71%;
    top: 17.03%;
}
.index_vorstellung{
    position: absolute;
    left: 7.75%;
    right: 52.6%;
    top: 28.54%;
    bottom: 53.91%;
}

.index_zitat{
position: absolute;
    width: 30%;
    height: 3.854%;
    left: 7.775%;
    top: 22.55%;
}




.impressum{
    position: absolute;
    left: 7.75%;
    right: 86.07%;
    top: 94.69%;
    bottom: 3.18%;
    text-decoration: none;
    font-size: 1.77vh
}
.impressum_verantwortlicher{
    position: absolute;
    width: 40%;
    height: 1.9%;
    left: 5%;
    top: 20%;
    font-size: 1.77vh
}


.impressum_mail{
    position: absolute;
    width: 40%;
    height: 1.9%;
    left: 55%;
    top: 20%;
    font-size: 1.77vh
}
.impressum_eins{
    position: absolute;
    width: 40%;
    height: 1.9%;
    left: 5%;
    top: 30%;
    font-size: 1.56vh
}
 .info_overlay_desktop{
  position: absolute;
right: 5%;
top: 10%;
 }
.impressum_zwei{
    position: absolute;
    width: 40%;
    height: 1.9%;
    left: 55%;
    top: 30%;
    font-size: 1.56vh
}

#info{
    color:c_636363;
}

#overlay1 {
  position: fixed;
  border:1px solid #636363; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  left: 37.27%;
  right: 36.33%;
  top: 83.85%;
  bottom: -2%;

  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}
.information_mobile{
     visibility:hidden;
  }
  .hinweis_mobile{
   position: absolute;
      width: 80%;
      left: 5%;
      top: 20%;
  }
  .hinweistext_mobile{
   position: absolute;
      width: 90%;
      height: 1.9%;
      left: 5%;
      top: 40%;
      font-size: 1.56vh
  }

#wrapper .text {
position:absolute;
visibility:hidden;
}

#wrapper:hover .text {
visibility:visible;
}

.zwanzig_zwanzig{
left: 94.99%;
right: 1.95%;
top: 19.7%;
bottom: 76.72%;
}
.zwanzig_zwanzig_one{
left: 94.99%;
right: 1.95%;
top: 32.67%;
bottom: 63.75%;
}
.zwanzig_neunzehn{
left: 94.99%;
right: 1.95%;
top: 45.64%;
bottom: 50.78%;
}
.zwanzig_achtzehn{
left: 94.99%;
right: 1.95%;
top: 58.55%;
bottom: 37.86%;
}
.zwanzig_achtzehn_one{
left: 94.99%;
right: 1.95%;
top: 71.52%;
bottom: 24.9%;
}
.zwanzig_sechszehn{
left: 94.99%;
right: 1.95%;
top: 84.40%;
bottom: 11.93%;
}


button.close1{position:absolute;top:13.3%;left:87.7%;cursor:pointer;background:0;border:0;}

 .modal{}

 .modal-content{position: absolute;left: 37.27%;width: 26.4%;top: 83.85%;height:16.15%;border:1px solid #636363;backgorund:rgba(51,51,51,1)}

 .modal-header{padding:3%;}
ow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0