@media (max-width: 1400px){

  div:has(#header_suche){
    width:     100%;
    max-width: 100%;
  }

  #header_suche_text:focus {
    max-width: 250px;
  }

  #body-content-und-footer {
      display: block!important;
  }

  #body-content {
    width: auto;
  }

  #body-ohne-header {
    flex-direction: column;
  }

  #sidebar{
    width: 100%!important;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: nowrap;
    max-height: 500px;
    transition: all .2s ease, overflow 1s ease-out, max-height 1s ease-out;
    overflow: auto;
    padding: 0;
    margin: 15px 0 20px 0;
    transform:none!important;
    border-bottom: 1px solid var(--light-grey);
    min-width:550px;
    overflow: auto;
    padding-bottom: 12px;
  }

  #home-titel {
    margin-top: 0px;
  }

  #home-kreise{
    display: none;
  }

  .sidebar-titel {
    margin-top: 0;
  }

  #header-left-title{
    display: none;
  }

  header.sticky{
    position: relative;
    border: none;
    margin: 15px 0 0 0;
  }

  body:has(#button-toggle-sidebar.minimiert) #sidebar {
    max-height: 0px;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }

  .sidebar_group {
    padding: 0 20px;
    margin-bottom: 10px;
  }

  .sidebar_title {
    margin-top: 0px!important;
  }

  #sidebar-handlungsfeld-filter-panel {
    max-width: 0;
  }

/*LÖSCHEN
  .sidebar_group div:has(#sb_team) {
    display: flex;
    flex-direction: column;
  }
  */
/*LÖSCHEN
  #sidebar_dynamic_explorer .sidebar_dynamic{
    display: flex;
    flex-direction: column;
  }
*/

  .router .container-fluid {
    padding: 0 14px;
    margin:  0;
  }

}

@media (max-width: 1000px) {

  h1,   h2,  h3,  h4,  h5,  h6,  h7,
  .h1, .h2, .h3, .h4, .h5, .h6, .h7,
  .subpage-title-small-headline {
    font-size: 20px;
  }

  .h1, .h2, .h3,
   h1,  h2,  h3 {
    margin-top: 12px;
    margin-bottom: 6px;
  }

  p, .p, input, .input, body, .body, .control-label {
    font-size: 15px;
  }

  input.form-control,
  .suche-tabelle-beschr, .suche-tabelle-typ,
  .rt-page-info, .rt-pagination-nav button{
    font-size: 15px!important;
  }

  a.treffer-link-mobil i,
  a.treffer-link i {
    font-size: 18px;
  }

  a.breadcrumb_link {
    font-size: 12px;
  }

  form-group, .form-group {
    margin-bottom: 6px;
  }

  .deco_triangle {
    min-width:  100px;
    min-height: 150px;
    width:      100px;
    height:     150px;
  }

  .hilfe svg {
    width:  50%;
    height: 50%;
  }

  #suche_auswahl-auswahl_rahmen {
    flex-direction: column;
  }

  #suche_auswahl-hilfe {
    display: none;
  }

  #suche_auswahl-auswahl {
    margin-top: 20px;
  }

  .menu_box {
    flex-direction: column;
  }

  .grosse_deco,
  .subpage-title-small-clipgraph {
    display: none;
  }

}

@media (max-width: 900px){

  #datensatz-hilfe {
    display: none;
  }

  #datensatz-menu_box {
    margin-top: 10px;
  }

  #datensatz-ueberschrift {
    margin: 10px auto;
    padding: 0;
	}

	.book {
	  font-size: 16px;
	}

  #datensatz-menu .library {
    padding: 4px;
  }

  #datensatz-menu {
    flex-direction: column;
  }

  #datensatz-auswahl_box {
    margin: 12px 4px 0px 4px;
  }
}

@media (max-width: 800px){

  .width-100-lower-800 {
    width: 100%!important;
  }

  .header-suche-panel, .header-right {
    display: none!important;
  }

  .link_button {
    font-size: 16px;
    padding: 15px 10px;
    width: 250px !important;
    min-width: 250px;
  }

  #daten-auswahl {
    max-width: 100%;
    width: 100%;
  }

  .header-logo{
    display: none!important;
  }

    .header-panel {
    display: flex;
  }

}


@media (max-width: 600px) {

  h1,   h2,  h3,  h4,  h5,  h6,  h7,
  .h1, .h2, .h3, .h4, .h5, .h6, .h7,
  .subpage-title-small-headline {
    font-size: 18px;
  }

  p, .p, input, .input, body, .body, .control-label {
    font-size: 14px;
  }

  input.form-control,
  .suche-tabelle-beschr, .suche-tabelle-typ,
  .rt-page-info, .rt-pagination-nav button {
    font-size: 14px!important;
  }

  .suche-tabelle-range {
    font-size: 18px!important;
  }

  .rt-td-inner, .rt-th-inner {
    padding: 0;
  }

  .suche-tabelle-treffer-container i {
    font-size: 18px;
  }

  .panel-content, panel-content {
    padding: 12px 6px;
  }

  .deco_triangle,
  .header-middle,
  .header-right {
    display: none!important;
  }

  .responsive-div {
    flex:   1 1 100% !important;
    margin: 10px 0px !important;
  }

  footer, .footer {
    flex-wrap: wrap;
    padding: 12px;
  }

  .footer-link,
  button.footer-link {
    margin: 12px 28px;
    font-size: 16px;
  }

  footer a.footer-link:has(img){
    display: none;
  }

}

@media (max-height: 850px) {
  #sidebar {
    position: relative;
    top: 0;
  }
}