/*************************** RESPONSIVE ***************************/




@media screen and (min-width: 900px) and (max-width:1199px) {


}



/* IMAC */

@media screen and (min-width:1199px) and (max-width:1450px) {


}






/************************* Tablet Tester IMAC ***********************/
/*
@media screen and (max-width:1400px) {


}





@media screen and (max-width:1100px) {


}








/************************* Tablet ***********************/

@media screen and (min-width:480px) and (max-width:1199px) {


    /****** Project - SideBar ******/
  .side_bar{
    width: 90%;
    max-width: 100%;
  }

  .project_info_TEMP{    
    font-size: 25px;
    line-height: 40px;
  }

  .project_question_wrapper h1{
      font-size: 40px;
      line-height: 50px;
      margin-bottom: 40px;
  }

  .project_question_button {
    padding: 30px 30px;
    border-radius: 30px;
    margin-bottom: 20px;
    font-size: 20px;
  }


  /******* Erstelle Project Button *******/
  .project-button{
    font-size: 25px;
  }


  /******* Icons SOZE *******/

  .svg_marker{
    transform: scale(1.3);
  }

  .question{
    transform: scale(2);
  }

  .drag_container{
    width: 150px;
    height: 150px;
  }

  .team_question_marker{
    width: 120px;
    height: 120px;
  }



  /****** Project - As List ******/

  .map_marker.is_listMode{
    width: 90%;
    height: 450px;
    margin-bottom: 50px;
  }

  .project_title {
    width: 70%;
    font-size: 40px;
    line-height: 45px;
  }

  .project_info {
    padding-right: 50px;
    font-size: 24px;
    line-height: 35px;
    padding-bottom: 130px;
    margin-top: 0px;
  }

  .project_info p{
    margin-top: 20px;
    margin-bottom: 40px;
  }


  /****** Team - Questions ******/

  .position_question_wrapper{
    width: 80%;
  }

  .team_question_title_TEMP{
    font-size: 50px;
  }

  .team_question_info_TEMP{
    font-size: 25px;
    line-height: 40px;
  }

  .team_question_button_TEMP{
    padding: 30px 30px;
    border-radius: 30px;
    margin-bottom: 20px;
    font-size: 20px;   
  }



  /****** Small Notify Window ******/
  .small_notify_container{
    width: 70%;
    border-radius: 70px;
  }

  .small_notify_container p{
    font-size: 25px;
    line-height: 40px;
    margin-bottom: 20px;
  }

  .notify_button{
    padding: 30px 30px;
    border-radius: 30px;
    margin-bottom: 20px;
    font-size: 20px;  
  }


  /****** Small Start Window ******/
  .small_start_container{
    width: 50%;
    border-radius: 70px;
    padding: 40px;
  }

  .small_start_container p{
    font-size: 25px;
    line-height: 40px;
    margin-bottom: 20px;
  }

  .notify_button_3{
    padding: 30px 30px;
    border-radius: 30px;
    margin-bottom: 20px;
    font-size: 20px;  
  }


  /****** Big Win Screen ******/

  .notify_button_2{
    padding: 30px 30px;
    border-radius: 30px;
    margin-bottom: 20px;
    font-size: 20px;  
  }

  .notify_big_container p{
    font-size: 25px;
    line-height: 40px;
    margin-bottom: 20px;
  }





  /****** Create New Porject ******/
  /****** FORMULAR ******/


  .create_new_project_container{
    width: 93%;
  }

  .checkboy_label input{
    transform: scale(2);
  }

  .checkbox_text{
    font-size: 25px;
    line-height: 40px;
  }

  .form_container h1{
    font-size: 40px;
    line-height: 45px;
  }

  .form_container p{
    font-size: 25px;
    line-height: 40px;
  }

  .form_container .form_agb{
    font-size: 25px;
    line-height: 40px;
  }

  .form_container input[type="text"],
  .form_container textarea {
    font-size: 25px;
    line-height: 40px;
  }

  .styled_select {
    font-size: 25px;
    line-height: 40px;
  }

  .file_label{
    font-size: 25px;
    line-height: 40px;
  }

  .submit_button{
    font-size: 25px;
    line-height: 40px;  
  }






}





/************************* landscape ***********************/

@media screen and (min-width: 768px) and (max-width: 1199px) and (orientation: landscape) {

  .container{
    height: 83%;
  }
  .bottom_container{
    height: 12%;
  }
  .container_nav{
    height: 9%;
    padding: 0px;
  }

  .nav_wrapper{
    width: auto;
    padding: 5px;
    padding-right: 10px;
  }


  /**** HEalthbar ****/

  .healthbar{
    width: 180px;
    height: 20px;
  }

  .healthbar_container img{
    height: 50px;
  }


  /***** Small Points get Flag *****/

  .healthbar_getpoints_container{
    font-size: 15px;
    top: 100px;
  }




  /******* Icons SOZE *******/

  .svg_marker{
    transform: scale(1.3);
  }

  .question{
    transform: scale(2);
  }

  .drag_container{
    width: 150px;
    height: 150px;
  }

  .team_question_marker{
    width: 120px;
    height: 120px;
  }



  /****** Project - As List ******/

  .map_marker.is_listMode{
    width: 80%;
    height: 220px;
    margin-bottom: 50px;
  }

  .map_marker.is_listMode.list_open {
    height: 500px;
  }

  .project_title {
    width: 70%;
    font-size: 25px;
    line-height: 30px;
  }

  .project_info {
    padding-right: 20px;
    font-size: 17px;
    line-height: 24px;
    padding-bottom: 130px;
    margin-top: 0px;
  }

  .project_info p{
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .germany_mapState img{
    width: 40px;
  }



  /****** Project - SideBar ******/

  .side_bar{
    width: 60%;
    max-width: 100%;
  }

  .side_bar_inside{
    padding: 50px;
    padding-right: 10%;
  }

  .project_title_TEMP h1{
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 35px;
  }

  .project_info_TEMP{    
    font-size: 18px;
    line-height: 28px;
  }

  .project_question_wrapper h1{
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 35px;
  }
  .project_question_button {
    padding: 20px 20px;
    border-radius: 20px;
    margin-bottom: 10px;
    font-size: 15px;
  }
  /******* Erstelle Project Button *******/
  .project-button{
    font-size: 15px;
  }



  /****** Team - Questions ******/

  .position_question_wrapper{
    width: 50%;
  }

  .team_question_title_TEMP{
    font-size: 32px;
  }

  .team_question_info_TEMP{
    font-size: 18px;
    line-height: 28px;
  }

  .team_question_button_TEMP{
    padding: 20px 20px;
    border-radius: 20px;
    margin-bottom: 10px;
    font-size: 15px; 
  }




  /****** Small Notify Window ******/
  .small_notify_container{
    width: 50%;
    border-radius: 50px;
  }

  .small_notify_container p{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
  }

  .notify_button{
    padding: 20px 20px;
    border-radius: 20px;
    margin-bottom: 10px;
    font-size: 15px; 
  }


  /****** Small Start Window ******/
  .small_start_container{
    width: 50%;
    border-radius: 50px;
    padding: 40px;
  }

  .small_start_container p{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
  }

  .notify_button_3{
    padding: 20px 20px;
    border-radius: 20px;
    margin-bottom: 10px;
    font-size: 15px; 
  }


  /****** Big Win Screen ******/

  .notify_button_2{
    padding: 20px 20px;
    border-radius: 20px;
    margin-bottom: 10px;
    font-size: 15px; 
  }

  .notify_big_container p{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
  }



  /****** Create New Porject ******/
  /****** FORMULAR ******/


  .create_new_project_container{
    width: 93%;
  }

  .checkboy_label input{
    transform: scale(2);
  }

  .checkbox_text{
    font-size: 20px;
    line-height: 30px;
  }

  .form_container h1{
    font-size: 32px;
    line-height: 40px;
  }

  .form_container p{
    font-size: 20px;
    line-height: 30px;
  }

  .form_container .form_agb{
    font-size: 20px;
    line-height: 30px;
  }

  .form_container input[type="text"],
  .form_container textarea {
    font-size: 20px;
    line-height: 30px;
  }

  .styled_select {
    font-size: 20px;
    line-height: 30px;
  }

  .file_label{
    font-size: 20px;
    line-height: 30px;
  }

  .submit_button{
    font-size: 20px;
    line-height: 30px;
  }



}







@media screen and (min-width:480px) and (max-width:799px) {
  


}




/************************* iPhone ***********************/



/* iPhone styles */
@media only screen and (max-device-width: 480px) {

  .container{
    width: 100%;
  }

  /****** Nav Leiste ******/
  .container_nav{
    height: 9%;
    padding: 5px;
  }

  .nav_wrapper{
    width: 15%;
  }

  .naklim_logo{
    width: 350px;
  }


  /**** HEalthbar ****/

  .healthbar_container{
    margin: 20px;
  }

  .healthbar{
    width: 350px;
    height: 50px;
  }

  .healthbar_container img{
    height: 80px;
  }


  /***** Small Points get Flag *****/

  .healthbar_getpoints_container{
    font-size: 30px;
    top: 150px;
  }


  /****** Project - As List ******/

  .map_marker.is_listMode{
    width: 90%;
    height: 600px;
    margin-bottom: 100px;
  }

  .projcet_container_right{
    padding: 40px;
  }

  .project_title {
    width: 70%;
    font-size: 55px;
    line-height: 65px;
  }


  .project_info {
    padding-right: 0px;
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 200px;
    margin-top: 0px;
  }

  .project_info p{
    margin-top: 20px;
    margin-bottom: 50px;
  }




  /****** Project - SideBar ******/

  .side_bar{
    width: 90%;
    max-width: 100%;
  }

  .side_bar_inside{
    padding: 80px;
    padding-right: 10%;
  }

  .project_title_TEMP h1{
    font-size: 65px;
    line-height: 75px;
    margin-bottom: 50px;
  }

  .project_info_TEMP{    
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
  }

  .project_image_TEMP img{
    margin-bottom: 60px;
  }

  .project_info_TEMP .wp-block-image{
      margin-top: 50px;
      margin-bottom: 50px;
  }

  .project_question_wrapper h1{
      font-size: 65px;
      line-height: 75px;
      margin-bottom: 40px;
  }
  .project_question_button {
    padding: 30px 30px;
    border-radius: 30px;
    margin-bottom: 20px;
    font-size: 40px;
  }
  /******* Erstelle Project Button *******/
  .project-button{
    font-size: 35px;
    padding: 19px 55px;
  }


  /****** Team - Questions ******/

  .position_question_wrapper{
    width: 70%;
    padding: 30px;
  }

  .team_question_title_TEMP{
    font-size: 65px;
    margin-bottom: 50px;
  }

  .team_question_info_TEMP{
    font-size: 50px;
    line-height: 65px;
    margin-bottom: 50px;
  }

  .team_question_button_TEMP{
    padding: 30px 30px;
    border-radius: 30px;
    margin-bottom: 20px;
    font-size: 40px; 
  }


  /****** Small Notify Window ******/
  .small_notify_container{
    width: 70%;
    border-radius: 70px;
  }

  .small_notify_container p{
    font-size: 50px;
    line-height: 65px;
    margin-bottom: 50px;
  }

  .notify_button{
    padding: 30px 30px;
    border-radius: 30px;
    margin-bottom: 20px;
    font-size: 40px; 
  }


  /****** Small Start Window ******/
  .small_start_container{
    width: 60%;
    border-radius: 70px;

  }

  .small_start_container p{
    font-size: 50px;
    line-height: 65px;
    margin-bottom: 50px;
  }

  .notify_button_3{
    padding: 30px 30px;
    border-radius: 30px;
    margin-bottom: 20px;
    font-size: 40px; 
  }



  /****** Big Win Screen ******/

  .notify_button_2{
    padding: 30px 30px;
    border-radius: 30px;
    margin-bottom: 20px;
    font-size: 40px; 
  }

  .notify_big_container p{
    font-size: 50px;
    line-height: 65px;
    margin-bottom: 50px;
    padding: 20px;
  }



  /****** FORMULAR ******/


  .create_new_project_container{
    width: 93%;
  }

  .checkboy_label input{
    transform: scale(3);
  }

  .checkbox_text{
    font-size: 40px;
    line-height: 50px;
  }

  .form_container h1{
    font-size: 65px;
    line-height: 75px;
    margin-bottom: 40px;
  }

  .form_container p{
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 50px;
    padding: 20px;
  }

  .form_container .form_agb{
    font-size: 40px;
    line-height: 50px;
  }

  .form_container input[type="text"],
  .form_container textarea {
    font-size: 40px;
    line-height: 50px;
  }

  .styled_select {
    font-size: 40px;
    line-height: 50px;
  }

  .file_label{
    font-size: 40px;
    line-height: 50px;
    margin-right: 25px;   
  }

  .submit_button{
    font-size: 40px;
    line-height: 50px;    
  }



}