#textbausteine_sidebar_content > div {
    color: white !important;
  }
  
  #textbausteine_sidebar_content {
    display: flex;
    flex-direction: column;
    background-color: inherit;
    color: white !important;
  }



  .button_top_right {
    background-color: inherit;
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
  
  
  }



  .offcanvas_custom2 {
    position: fixed;
    top: 0;
  
    right: calc(-1.7*var(--sidebar-width)); /* Initially hidden off the right side of the viewport */
    width: 400px;
    height: 100%;
    background-color: inherit;
    transition: right 0.3s;
    
  
    overflow-y: auto;
    z-index: 1000; /* Ensure it appears above other content */
    background-color: #282828;
    color: white !important;
    margin: 0rem !important;
    padding: 0rem !important;

    width: calc(1.7*var(--sidebar-width)) !important;
    padding: 1rem !important;
  
    
  }
  .offcanvas_custom2 > div {
    color: white;
  }
  
  .offcanvas_custom2.open {
    right:0;
  }


  #textbausteine_sidebar {
    z-index: 0 !important;
  }
  


  #container_view_textbausteine {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-right: 0vw;
    padding: 0vw 3px; 


  }

  #assign_view_button_textbausteine {
    min-width: var(--button-height) !important;
  }



  .hidden_button, .hidden_button > *, .wrapper_hidden_button * {
    display: none;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    height: auto !important;
    width: auto !important;
    overflow: hidden !important;
  }
  
  .hidden_button, .hidden_button > * {
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    display: none !important;
  }

  #filter_textbaustein {
    margin-left: 0vw !important;
  }


  #add_textbaustein_template {
    margin-right: 0vw !important;
  }


.custom_textbausteine {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
}

#unsaved_warning_textbausteine {
  margin-left: 0.5vw !important;
}

.container_right_align_textbausteine {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
}


#textbausteine_view_button, #template_view_button {
    width: 8vw !important;
    z-index: 1000;
    background-color: var(--purple-light);
}




#page_content_modify_textbausteine, #textbaustein_elements {
    display: flex;
    flex-direction: row;
    background-color: inherit;
    width: 100% !important;
    height: calc(var(--page-content-height) - var(--page-header-buttons) - 2* var(--scrollbar-width)) !important;
    align-items: flex-start;
    justify-content: center;
    margin-top: 0vh;
    background-color: inherit;
    padding:0rem;
    padding-top: 0vh;

 
  
  
  
  }
  #textbaustein_elements > div {
    height: calc(var(--page-content-height) - var(--page-header-buttons) - 2 * var(--scrollbar-width)) !important;
  }



  #drag_container {
    width: 100%;
  
    display: flex;
    flex-direction: column;
  
    background-color: inherit;
    margin-bottom: 0vh;
    padding-left: 0vw !important;
    padding-right: 0vw !important;
    justify-content: flex-start;
    align-items: center;
    min-height: calc(var(--page-content-height) - var(--page-header-buttons) - 2 * var(--scrollbar-width)) !important;
    max-height: calc(var(--page-content-height) - var(--page-header-buttons) - 2 * var(--scrollbar-width)) !important;
    overflow-x: hidden !important;
    height: 100% !important;
      
    min-width: 87.9vw!important;
    max-width: 87.9vw !important;

  
  }
  

  #modalbody_open_textbaustein {
    padding: 0px !important;
  }

  #modalbody_save_all_textbaustein {

    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }




  #note_textbaustein {
    background-color: white;
    border-radius: var(--border-radius);
    min-height: 10vh;
    height: 10vh;
    max-height: 15vh;
    padding: 1vw !important;
    width: 100%;
    overflow: scroll;
    resize: none !important;
  }


  #textfield_textbaustein_details_content.ql-editor.ql-toolbar.ql-snow {
    border:none !important;
    overflow: scroll;
    background-color: red;
  }

  #textfield_textbaustein_details, #quill_template {
    background-color: white;
    color: black;
    border-radius: var(--border-radius);
    line-height: 1.8;
    /* font-family: 'Avenir Next LT Pro', sans-serif;
    font-family: 'Satoshi-Regular', sans-serif;
   */
  }

  #note_textbaustein.textbaustein_button_text_content, #long_description_extraktionen.extraktionen_button_text_content {
    margin-bottom: 0rem;
    padding-bottom: 0rem;
  }







.textbaustein_show_assign {
  min-height: 100% !important;
  height: 100%;
  max-height: 30vh !important;
  height: 30vh !important;

  max-width: 100%;
}
#leftarrow_assigned_path {
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

#rightarrow_assigned_path {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

/* #tree_container_textbausteine, #tree_textbausteine_assign, #tree_textbausteine_assign > div, #tree_textbausteine_assign > div > canvas {
  height: 30vh !important;
  overflow: hidden;
  width: 30vh !important;
} */
/* #modalcontent_textbausteine_assign {
  background-color: inherit;
  margin-left: 0vw !important;
  width: 100% !important;

}

#modalcontent_textbausteine_assign > div {
  margin-left: 0vw !important;
  margin: 0rem;
  padding: 0rem;
}

#modalcontent_textbausteine, #modalcontent_textbausteine_assign {
  margin: 0rem !important;
  padding: 0vw 1vw 1vw 1vw !important;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;

  
} */

/* QUILL */
/*–––––––––––––––––––––––––––––––––––––––––––––––––– */

.ql-container.ql-snow {
  border-radius: var(--border-radius) !important;
  padding-top: 2rem;
  margin-top: 0rem;

  padding-left: 0rem;
  padding-right: 0rem;
  border-radius: 0px;
  border-radius: 0px !important;
  font-size: 0.9vw;
}


/* #textfield_textbaustein_details > div > div > .ql-editor {
  margin-left: -3vw !important;
} */


.ql-container.ql-snow {
  border-radius: 0.7vw !important;
  padding-top: 0rem;
  margin-top: 0rem;
  
  
}


.ql-container.ql-snow {
  width: 100%;
  border-right: none;
  background-color: white;
  border: 0vw solid black;


}
.ql-editor {

  background-color: inherit;
  width: 100% !important;
  padding: 1rem;
  margin:0rem;
  border-bottom: none;
  overflow: scroll;
  border-bottom-left-radius: 0.7vw !important;
  border-bottom-right-radius: 0.7vw !important;
  line-height: 1.8 !important;
  font-family: 'Manrope-Regular', sans-serif !important;
  border-top: var(--border-width) solid var(--grey-background) !important;
  
}





/* 
#quill_urteil > .ql-toolbar.ql-snow {
  display: inline-block;
  flex-direction: row;
  border-right: none;
  border-bottom: none;
  width: 100%;
  background-color: inherit;
  border: none;
  position: fixed;
  z-index: 100;
  margin: 0vh 0rem 0rem 0rem !important;
  background-color: inherit !important;
  border-top-right-radius: var(--border-radius);
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: 0vw;
  border-bottom-right-radius: 0vw;
  width: 50vw !important;
  border: 0vw solid black;
  background-color: white !important;
  border-bottom: 0.1vw solid var(--grey-background);
  
  
} */

/* #quill_template > .ql-toolbar.ql-snow {
  display: inline-block;
  flex-direction: row;
  border-right: none;
  border-bottom: none;
  width: 48vw;
  background-color: inherit;
  border: none;
  position: fixed;
  z-index: 100;
  margin: 0rem 0rem 0rem 0rem !important;
  background-color: white !important;
  border-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: 0vw;
  border-bottom-right-radius: 0vw;
  border-bottom: 0.1vw solid var(--grey-background);

} */





#template_content {

  /* max-height: 80vh !important; */


  overflow: hidden;
  display: flex;
  width: 91.44vw !important;
  display: flex;
  flex-direction: row;
  flex-direction: column;
  background-color: inherit;
  margin-top: 0rem;

  margin: 0rem !important;
  padding: 0rem !important;
  background-color: transparent;
  height: 80vh !important;
  min-height: calc(var(--page-content-height) - var(--page-header-buttons)) !important;
  justify-content: flex-start !important; 
  align-items: center !important;
  
}




.long_warning_field {
  border-radius: var(--border-radius);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0vw 0vw 0vw 0vw;
  background-color: rgba(187,187,192,255);
  color: black;
  border: none;

}

.long_warning_field_text {
  padding: 0vw;
  padding: 0vw 1vw 1vw 1vw;
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
  align-items: flex-start;
  text-align: left;
}


#quill_simulate_textbaustein_conditions_assign > .ql-editor {
  pointer-events: none !important;

}








.ql-toolbar.ql-snow {
  display: inline-block;
  flex-direction: row;
  border-right: none;
  border-bottom: none;
  width: 100%;
  background-color: transparent;
  border: 0px solid black !important;
  border-radius: var(--border-radius);
  padding: 8px !important;
  margin: 0rem !important;
  
  
}

.wide_button {
  width: 70vw !important;
  background-color: transparent;
}
.centered_row_streched {
  width: 100%;
  background-color: inherit;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  

}

.category_tag {
  margin-right: 0.3vw;
}


#quill_template_assign > .ql-editor::-webkit-scrollbar {
  width: var(--scrollbar-width) !important;  /* For vertical scrollbars */
  height: var(--scrollbar-width) !important; /* For horizontal scrollbars */
}

#quill_template_assign, #quill_template_assign > .ql-editor, #quill_template_assign > .ql-container.ql-snow {
  height: calc(var(--page-content-height) - 220px) !important;
  width: calc(var(--page-content-width)*0.8) !important;
  background-color: transparent !important;

}

#textfield_textbaustein_details_assign, #textfield_textbaustein_details_assign > .ql-editor, #textfield_textbaustein_details_assign > .ql-container.ql-snow {
  height: 40vh !important;
  width: 100% !important;
  background-color: transparent !important;

}

#quill_template > .ql-toolbar.ql-snow {
  width: calc(var(--page-content-width)*0.8) !important;
  background-color: transparent !important;
}


/* .ql-toolbar.ql-snow {
  margin: 0px !important;
} */

#modal_open_textbaustein {
  overflow: hidden;


}

#modalcontent_textbausteine {
  overflow: scroll;
  box-shadow: none !important;
  padding: min(2vw, 30px) !important;

max-height: 80vh !important;


  border-bottom-left-radius: var(--modal-radius) !important;
  border-bottom-right-radius: var(--modal-radius) !important;
}


#textbaustein_show_assign {
  display: flex;
  flex-direction: row;
  border:none;
  width: 100% !important;
  padding: 1rem;
  border-radius: var(--border-radius);
  background-color: white;
  margin-top: 0.5vh;
  margin-bottom: 0.5vh;
  overflow: none;

  overflow-x: scroll;
  height: 100%;
  min-height: 35vh !important;
  /* margin: 5px !important; */
  width: 100% !important;
  /* width: calc(100% - 10px) !important; */
}
/* 
#modalcontent_textbausteine_edit {
  
} */
#filter_textbaustein {
  display: none !important;
}


/* , #tree_textbausteine_assign > div > canvas , #tree_textbausteine_assign > div { */

#tree_container_textbausteine, #tree_textbausteine_assign, #tree_textbausteine_assign > div {
  
  width: 100% !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  max-width: 30vw;
  align-items: center;
  margin-left: 0vw !important;
  margin: 0rem !important;
  margin: 0rem !important;
  height: 60vh !important;
  width: clamp(200px, 40vw, 500px) !important;
  background-color: var(--grey-background) !important;
  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.6), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.6), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       box-shadow:0 1px 4px rgba(0, 0, 0, .6), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

#tree_textbausteine_assign, #tree_textbausteine_assign > div {
  box-shadow: none !important;
}

/* #tree_textbausteine_assign > div > canvas {
  background-color: transparent !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
} */


#button_sidebar_left_cyto_textbausteine {
  display: flex;
  flex-direction: column;
  width: 100% !important;
  height: 50vh !important;
  background-color: inherit;
  background-color: inherit;
  padding: 0vw 1vw 0vw 0vw;
}


#button_and_cyto_container_textbausteine {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100% !important;
  justify-content: space-between;
  /* height: 80vh !important; */

}



#delete_assigned_path,#delete_all_assigned_paths {
  width: 50% !important;
}

#content_textbausteine_kondition {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  background-color: var(--purple-light);
  padding: 1vw;
  border-radius: var(--border-radius);
}

.border_bottom_kondition {
  padding: 0.5vw !important;
  margin-right: 0.5vw !important;
  /* border-bottom: 0.1vw solid var(--grey-background); */
  padding-bottom: 1.5vw !important; 
}

.first_row_kondition {
  margin-top: 0vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  background-color: inherit;

  padding: 0.5vw 0.5vw 0vw 0.5vw;
  border-radius: var(--border-radius);
}

.border_top_extra_row {
  /* border-top: 0.1vw solid var(--grey-background); */
  width: 100% !important;
  /* margin-top: 0.5vw; */
  padding-top: 0.5vw;
}
/* 
.extra_row_kondition {
  margin-top: 0vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100% !important;
  background-color: inherit;

  padding: 0vw 0.5vw;
  border-radius: var(--border-radius);
}

#extra_row_kondition {
  margin-top: 1vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100% !important;
  background-color: blue;
  

} */

.extra_row_kondition {
  padding: 1vw 0.5vw 0.5vw 0vw;
}
/* 
.extra_row_kondition {
  /* border-bottom: var(--border-width) solid var(--grey-background); */


.extra_row_kondition, .last_row_kondition {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.row_stretched_left2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  background-color: inherit;
  padding:0.5vw;
} 
.stretched {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  
}
.stretched_custom {
  width: 100%;
  padding-left: 0.5vw;
  padding-bottom: 1vw;
  /* display: flex;
  flex-direction: column;
  align-items: center;
  align-items: flex-start; */
}
.zero_five_height_placeholder {
  height: 0.5vw !important;
}
.last_row_kondition {
  /* border-top: 0.1vw solid var(--grey-background); */
  padding: 0vw 0.5vw 0.5vw 0.5vw;
}
/* /*  */
/* .last_row_kondition {
  margin-top: 0.5vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  background-color: var(--purple-light);

  padding: 0.5vw 0.5vw 0.5vw 0.5vw;
  border-radius: 0vw;
  border-top: 0.1vw solid var(--grey-background);
  box-shadow: none !important;

}  */


/* 
.custom_multiple_dropdown > div {
  height: 2vw !important;
  padding: 0rem !important;
} */
/* 
.input_field_medium {
  width: 50% !important;
  border:none;
  padding-left:0.5rem;
  max-height: 10vw !important;
}
 */

.input_field_textarea_draggable_medium {
  width: 100%;
  min-height: var(--input-field-height);
  height: 5vh;
  padding-left: 0.5rem;
  border: none !important;
  margin-left:0.5vw;
  width: 100%;
}


.input_field_textarea_draggable_medium2 {
  width: 100%;
  min-height: var(--input-field-height);
  height: 5vh;
  padding-left: 0rem;
  border: none !important;
  margin-left:0vw;
  width: 100%;
}

.condition_num_textbausteine  {
  padding-left: 0.5vw;
  height: 5vh !important;
  min-height: 3vh !important;
  border: none !important;
  margin-left:0.5vw;
  width: 50% !important;
  margin-right:0.5vw !important;

}
.condition_num_textbausteine > div {
  height: 3vh !important;
}
.dropdown_container_long2 {
  background-color: inherit;
  width: 100%;

  margin-bottom: 0vh;
  padding-left: 0.5vw;
}

.dropdown_container_long3 {
  background-color: inherit;
  width: 100%;

  margin-bottom: 0vh;
  padding-left: 0vw;

}
.dropdown_questions_kondition {
  padding-left: 0vw !important;
}
.dropdown_options_kondition_dropdown {
  height: 100% !important;
  margin:0px !important;
  padding:0px !important
}

.left_row_sidebar_textbausteine {
  background-color: inherit;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.left_row_sidebar_textbausteine_bottom {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  align-items: flex-start;
}




.button_row_below_cyto {
  display: flex !important;
  flex-direction: row;
  width: 100%;
  justify-content: flex-start;
  margin: 0rem !important;
  padding: 0rem !important;
}

.button_row_below_cyto > div {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}


#button_row_delete {
  margin-top: 1vh;
  display: flex;
  width: 100%;
  flex-direction: row;
  height: 2vw !important;
}



.roles_dropdown {
  margin-top: 2vh !important;
  margin-bottom: 8vh !important;
}


.roles_dropdown > .Select--multi {
  width: 100% !important;

}

.roles_dropdown > .Select--multi > .Select-control {
  height: var(--input-field-height-multi) !important;
}
.roles_dropdown > .Select--multi > .Select-control >.Select-multi-value-wrapper {
  height: var(--input-field-height-multi) !important;
}

.roles_dropdown > .Select--multi > .Select-control >.Select-multi-value-wrapper > .Select-value {
  width: 95% !important;
  margin-right: 20px !important;
}


.fixed_width_textbausteine {
  width: 3vw !important;
}

.fixed_width_textbausteine_num {
  width: 3vw !important;
}
/* 
.dropdown_pad_left_textbausteine {
  margin-left: 0.5vw;
  margin-right:5vw !important;
  width: 100% !important;
}


.dropdown_pad_left_textbausteine > .Select-control > .Select-multi-value-wrapper > .Select-placeholder {
  margin:0px !important;
  background-color: red !important;
  padding: 0px !important;
} */
/*
.dropdown_pad_left_textbausteine > .Select-control > .Select-multi-value-wrapper {
  margin-left:0vw !important;
  margin:0rem !important;
  background-color: red !important;
  padding-left: 0vw !important;
  padding:0px !important;
}

.dropdown_pad_left_textbausteine > .Select-control {
  margin:0px !important
} */


#quill_simulate_textbaustein_conditions  > .ql-toolbar.ql-snow {
  display: none;
}

/* #quill_simulate_textbaustein_conditions_assign > .ql-editor {
  border-top-right-radius: 0.7vw !important;
} */

#quill_simulate_textbaustein_conditions_assign > .ql-editor {
  pointer-events: none !important;
  border-top: none !important;
  overflow: hidden;

}

#quill_simulate_textbaustein_conditions_assign {
  width: 100% !important;
  max-height: 80vh;
  min-height: 4vh !important;
  padding-bottom: 1vw;
  overflow: scroll;
  font-family: 'Manrope-Regular', sans-serif !important;
}


.centered_row {
  background-color: inherit;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center;
  align-items: center;
  width: 100%;
}


.simulate_col {
  display: flex;
  flex-direction: column;
  border-radius: var(--border-radius);
  background-color: var(--purple-light);
}
.simulate_row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 100%;
  padding: 1vh 1vw;
  width: 100%;
}


.var_slider_container {
  background-color: inherit;
  min-width: 30%;
  max-width: 30%;
}
.pad_left_simulate {
  margin-left: 1vw;
}




.custom_dropdown_simulate {
  background-color: white;

  height: var(--input-field-height) !important;

}
.custom_dropdown_simulate_container > .dash-dropdown {
  height: var(--input-field-height) !important;
}



.simulate_field {
  background-color: white;
  height: var(--input-field-height) !important;
  width: 100%;
  border:none !important;
  padding-left: 0.5vw;
}

.header_var_simulate {
  margin-bottom: 0vh;
  overflow: hidden;
  white-space: nowrap !important;
  color: var(--purple-dark);
  height: 3vh !important;

}

.custom_dropdown_simulate_container {
  height: var(--input-field-height) !important;


  background-color: white;
  padding-top: 0vh !important;
}




#tree_selected_textbausteine, #catalogue_selected_textbausteine {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 15vw !important;
  overflow: hidden;
  margin-right: 0.5vw !important;

}

#catalogue_selected_textbausteine {
  margin-right: 0vw !important;
}

#modalbody_load_textbausteine {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: flex-start;
  border-radius: 0px !important;
  max-height: 70vh !important;
  overflow: scroll;
}


#notice_load_textbausteine_tree, #notice_load_textbausteine_catalogue, #warning_load_textbausteine_catalogue, #warning_load_textbausteine_tree {
  margin-top: 0px !important;
  width: 100% !important;
  height: 100% !important;
}

#notice_load_textbausteine_tree, #notice_load_textbausteine_catalogue, #warning_load_textbausteine_catalogue, #warning_load_textbausteine_tree {
  display: flex !important;
  flex-direction: row !important;
  width: 100%;
  justify-content: flex-start !important;
  align-items: center !important;
  background-color: red !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100% !important;
  padding: 1vh 0.5vw !important;
  background-color: rgb(211, 221, 255) !important;
  width: 100% !important;
  margin-top: 0vh !important;
  border-radius: var(--border-radius);

}
#warning_load_textbausteine_catalogue, #warning_load_textbausteine_tree {
  background-color: #fff3cd !important;
  margin-top: 0vh !important;
}



#feedback_select_path_textbausteine {
  margin-top:1vh;
}
/* #notice_load_textbausteine_catalogue {
  padding: 1vh !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  height: 5vh !important;
} */

#notice_template {
  margin-top:0vh !important;
}



.disabled-overlay {
  display: none
}


#filename_selected_urteil > div {
  padding: 0px !important;
}

#filename_selected_urteil {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

#filename_selected_urteil Img {
  
  height: var(--tab-img) !important;
  width: var(--tab-img) !important;

}

/* #tree_selected_baum Img {
  height: var(--tab-img) !important;
  width: var(--tab-img) !important;
} */

#filename_selected_urteil {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 15vw !important;
  overflow: hidden;

}
#drag_container_empty_textbausteine {
  width: 100%;

  height: 100%;
  min-height: calc(var(--page-content-height) - var(--page-header-buttons) - 2 * var(--scrollbar-width)) !important;
  max-height: calc(var(--page-content-height) - var(--page-header-buttons) - 2 * var(--scrollbar-width)) !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

#drag_container_empty_textbausteine.hidden_div {
  max-height: 0vh !important;
  min-height: 0vh !important;
}

#warning_save_textbausteine {
  margin-top: 0vh !important;
}


#feedback_load_textbausteine {
  padding-top: 15px;
}