/* Soll wenn eine Liste mit einem Hinzufuegen Button existiert im Mobile Modus in einer Reihe zu der Ueberschrift stehen */
@media(max-width: 991px) and (min-width: 400px) {
  .add2list_button {
    position: relative;
    top: -35px !important;
  }
}

@media(max-width: 399px) {
  .add2list_button {
    text-align: left !important;
    position: relative;
  }
}

/* Search ------------------------------------------- */
#search_button {
  position: absolute;
  background: transparent !important;
  border: none;
  width: 35px;
  height: 35px;
}

#close_search_button {
  position: absolute;
  right: 0.5px;
  width: 35px;
  height: 35px;
}

#search_field {
  padding: 6px 35px !important;
}

#search_label {
  width: 70% !important;
}

@media(max-width: 1120px) and (min-width: 992px) {
  #search_field {
    width: auto !important;
  }
}

@media(max-width: 991px) {
  #search_label,
  #search_field {
    width: 100% !important;
  }

  .remove_search_btn,
  .search_button {
    align: right !important;
  }
}

.search_button {
  height: 34px !important;
  width: 75px !important;
}

.remove_search_button {
  height: 34px !important;
  min-width: 34px !important;
  width: 28px !important;
}

.remove_search_btn {
  position: relative;
  top: -4px !important;
  color: white;
  font-size: 32px !important;
  margin-left: -3px;
}

/* Allgemein */
.btn {
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  padding: 6px 12px;
  font-size: 15px;
  line-height: 1.42857;
  user-select: none;
}

button.btn {
  align-items: center;
  display: flex !important;
  gap: 8px;
}

/* Page Buttons */
.btn-primary {
  border-radius: 4px;
  display: inline-block;
  flex-direction: row;
  color: white;
}

.btn-primary-round {
  border-radius: 20px !important;
  display: inline-block;
  flex-direction: row;
  color: white;
}

.btn-default {
  background: white;
  border-radius: 4px;
  display: inline-block;
  flex-direction: row;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
  background: white !important;
  border-radius: 4px;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover {
  border-radius: 4px;
  color: white;
}

.btn-primary-round:focus,
.btn-primary-round:active,
.btn-primary-round:hover {
  border-radius: 20px;
  color: white;
}

.btn-newsletter {
  border-radius: 4px;
  color: white !important;
  display: inline-block;
  flex-direction: row;
  font-size: 14px !important;
}

.btn-newsletter:hover,
.btn-newsletter:focus,
.btn-newsletter:active {
  background: white !important;
  border-radius: 4px;
}

.btn-regional,
.submit-btn {
  color: white !important;
  border-radius: 4px;
}

.btn-regional:hover,
.btn-regional:focus,
.btn-regional:active {
  background: white !important;
  border: 1px solid white !important;
}

.btn-default2 {
  border-radius: 4px;
  color: white !important;
  display: inline-block;
  flex-direction: row;
}

.submit-btn:hover,
.submit-btn:focus,
.submit-btn:active,
.btn-default2:hover,
.btn-default2:focus,
.btn-default2:active {
  color: white !important;
}

/* Back Button z.B. Maßnahmen, Index-Seiten, etc*/
@media(min-width:1400px){
  .backBtn{
    position: relative;
    width: 142px !important;
  }
}

@media(max-width:1399px) and (min-width: 768px) {
  .backBtn{
    position: relative;
    width: 142px !important;
  }
}

@media(max-width:767px){
  .backBtn{
    position: relative;
  }
}

.backBtn > a,
.backBtn > a:active,
.backBtn > a:focus,
.backBtn > a:hover {
  text-decoration: none;
}

#create_btn > .icon_close_circle_svg {
  fill: white;
  transform: rotate(44deg);
}



/*#--------------------------------------------------------*/
@media(min-width: 992px) {
  #button_upload_right {
    position: absolute;
    right: 0.5px
  }
}

@media(max-width: 991px){
  #button_upload_right {
    position: relative;
    right: 0;
  }
}

#button_upload_right > .icon_upload_svg {
  fill: white;
}

/*#--------------------------------------------------------*/
/*show modal for images */
#modal_show_image {
  top: 20% !important;
  left: 25%;
}

#modal_show_image > .modal-dialog,
#modal_show_image > .modal-dialog > .modal-content {
  height: 70% !important;
  width: 50%;
}

#modal_show_image > .modal-dialog {
  width: 75% !important;
}

#modal_show_image.in > .modal-dialog > .modal-content > .modal-body {
  height: 100% !important;
  position: relative;
  margin: 1% 23%;
}