/* ============================================================================
   Responsive Styles: 1024px–1566px (Landscape)
   Datum: 2025-10-13
   Hinweis:
   - Struktur & Kommentare wie bei der Basis-CSS-Datei.
   - Offensichtliche Tippfehler-Selektoren belassen (mit TODO gekennzeichnet),
     um bestehendes Verhalten nicht zu verändern.
   ============================================================================ */

@media screen and (min-width: 1024px) and (max-width: 1750px) and (orientation: landscape) {
  /* ========================================================================
     1) Header/Titel & Kleinteile
     ======================================================================== */
  h1 span { display: block; }

  .privacyButton { left: 20px; }

  /* ========================================================================
     2) Wrapper/Layout & Tabs
     ======================================================================== */
  .skin-blue .content-wrapper { margin-left: 10px; }

 /* .skin-blue .content-wrapper .content .tab-content {
    margin: 0 0 0 20px;
    padding: 0;
    height: calc(100% - 25px);
  }*/

  .content-wrapper .content .tab-content .tab-pane { height: calc(100% - 10px); }

  /* TODO: Verdächtiger Selektor ".main-.skin-blue" – vermutlich ".skin-blue" gemeint */
 /* .main-.skin-blue .main-sidebar { margin-top: 100px; } */

  .skin-blue .sidebar-menu > li.treeview > a { padding: 7px 15px; }
  .skin-blue .sidebar a { padding: 5px 15px; }

  /* TODO: Verdächtiger Selektor ".tab-.skin-blue" – vermutlich ".skin-blue" */
  .tab-.skin-blue .content-wrapper .content .tab-content .tab-pane.dash.active { height: calc(100% - 30px); }

  .nav.nav-tabs { width: 100%; }

  .content-wrapper .content .tab-content .tab-pane .container-fluid .tabbable .nav-tabs li { width: 19%; }

  .content-wrapper .content .tab-content .container-fluid { height: 100%; }

  /* ========================================================================
     3) Projektübersicht / DMS-6
     ======================================================================== */
  .dms_6_sub { display: block; overflow: auto; height: calc(100% - 160px); }

  .dms_6_text {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
  }

  .dms_6_container { height: 100%; margin-left: 0; }

  .info_text_home { flex: 0 1 33%; margin: 0 30px 0 0; }

  .info_container { display: flex; margin: 0 0 0 20px; }

  .class_einleitung { width: 100%; margin: 0 30px; flex: 1 0 33%; }

  .studieplan_manu_home { flex: 1 0 66%; }

  .publikation_download_box_home { margin: 20px; }

  .dms_6_text p { flex: 1; padding: 0 10px; }

  .dms_6_logo { margin: auto 0 40px auto; width: 50%; }

  .einleitung_2 { margin: 20px 20px 0 30px; height: auto; }

  /* ========================================================================
     4) Ziele der Studie
     ======================================================================== */
  .info_text { display: flex; flex-direction: column; margin: 0 0 20px 0; }
  .info_text p { margin-bottom: 20px; flex: 1; }

  .info_text > div {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin: 5px 0;
    border-color: #e0e0e061; /* halbtransparentes Grau */
  }
  .info_text > div > div { flex: 1; }

  .ziel_container { display: block; overflow: auto; margin-left: 30px; margin-right: 20px; width: calc(100% - 100px); height: calc(100% - 85px);}

  #infografik_ziele { margin: auto 100px 20px 100px; }
  #infografik_ziele img { margin: 0; }

  #querschnitt { flex: 0 18%; }
  #trend { flex: 0 18%; }
  #laengsschnitt { flex: 0 18%; }

  /* ========================================================================
     5) Studienplan
     ======================================================================== */
  .studienplan_main { margin: 0; }

  .studienplan_box1 { display: block; overflow: auto; height: calc(100% - 90px); }

  .studienplan_subcontainer { display: flex; margin-left: 0; }

  .studienplan_text { display: flex; margin: 0 0 0 30px; }
  .studienplan_text p { flex: 1 0 31%; margin: 10px 20px 0 0; }
  .studienplan_text .infografik { display: block; height: 100%; margin-bottom: 30px; }

  .studienplan_download_box_weitere { margin: 0 5px; height: calc(100% - 10px); }
  .studienplan_download_box_weitere a { height: max-content; }

  .studieplan_manu_2 { width: 100%; margin: 0; }

  .home_download_box .btn { margin: 5px 0; }

  /* ========================================================================
     6) Leitung
     ======================================================================== */
  .leitung_box1 { height: calc(100% - 60px); overflow: auto; }

  #shiny-tab-projektleitung,
  #shiny-tab-home { height: 100%; }

  .leitung { justify-content: center; }

  /* ========================================================================
     7) Wissenschaftliche Expertise
     ======================================================================== */
  .name-label { display: none; }

  .expertenkreis_container { display: block; overflow: auto; height: calc(100% - 90px); }

  .expertenkreis_text { margin: 0 0 25px 0; display: flex; width: 100%; }

  .expertenkreis_spalte { width: 50%; }
  /* doppelt vorhanden im Original – hier einmalig belassen */

  .expertenkreis_forschungsbereich { height: unset; }

  /* ========================================================================
     8) Tabellen-Layout
     ======================================================================== */
  .content-wrapper .content .tab-content .container-fluid .row.table .col-sm-10 { width: calc(67% - 20px); }
  .content-wrapper .content .tab-content .container-fluid .row.table .col-sm-2 { width: 33%; }


  [aria-labelledby="proth_table_ycol-label"]  .btn {
height: 55px;
}

[aria-labelledby="mih_table_ycol-label"]  .btn {
height: 55px;
}

[aria-labelledby="ero_table_ycol-label"]  .btn {
height: 55px;
}

[aria-labelledby="karies_table_ycol-label"]  .btn {
height: 55px;
}

[aria-labelledby="paro_table_ycol-label"]  .btn {
height: 55px;
}

[aria-labelledby="mund_table_ycol-label"]  .btn {
height: 55px;
}
  /* ========================================================================
     9) Plot-Bereich
     ======================================================================== */
 
   .vertikal{
      display: none;
   }

  .content-wrapper .content .tab-content .container-fluid .row.plot .col-sm-2 .well { overflow: auto; }

  .plot_stat { margin: 0 0 10px 0; }

  .plot_info { display: block; }
  .plot_erweitert { margin: 10px 0 0 0; }

  .plot_info button { margin: 5px 0; }
  .plot_info :nth-child(2) {margin-left: 0px; align-items: center; display: flex;}
  .continuous_stat {
    border: 1px solid #cbced2;
    padding: 5px;
    /* Kanten konsolidiert (statt 4x top/right/bottom/left) */
  }
  #karies_table_ycol .btn-group-container-sw,
  #paro_table_ycol .btn-group-container-sw,
  #mih_table_ycol .btn-group-container-sw,
  #ero_table_ycol .btn-group-container-sw,
  #proth_table_ycol .btn-group-container-sw,
  #mund_table_ycol .btn-group-container-sw{
   display: flex;
   flex-direction: column;
  }
#karies_table_ycol .btn-group-container-sw div,
#paro_table_ycol .btn-group-container-sw div,
  #mih_table_ycol .btn-group-container-sw div,
  #ero_table_ycol .btn-group-container-sw div,
  #proth_table_ycol .btn-group-container-sw div,
  #mund_table_ycol .btn-group-container-sw div{
   width: 100%;

}
   [aria-labelledby="plot_radio_altersgruppen_paro-label"]  .btn ,
   [aria-labelledby="plot_radio_altersgruppen_karies-label"]  .btn,
   [aria-labelledby="plot_radio_altersgruppen_proth-label"]  .btn{
      height: 60px;
   }

  /* ========================================================================
     10) Presse
     ======================================================================== */
  .presse_mitteilung_link { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; justify-items: end; margin-left: 15px; }
  .presse_mitteilung_link .btn_sdt { width: 13vw; }
.content-wrapper{min-height: auto !important;}
  .content-wrapper .content .tab-content .container-fluid .row.presse .col-sm-2 { width: 30%; }
  .content-wrapper .content .tab-content .container-fluid .row.presse .col-sm-10 { width: calc(70% - 20px); }

  .plot_presse { width: calc(100% - 10px); }

  .content-wrapper .content .tab-content .container-fluid .row.presse { height: calc(100% - 40px); }

  #image-container_experte { margin: 0 100px; width: calc(100% - 200px); }

  /* ========================================================================
     11) Datenschutz
     ======================================================================== */
  .col-sm-5 { width: 100%; }
  .col-sm-7 { width: 100%; overflow: unset; }

  /* ========================================================================
     12) Publikation
     ======================================================================== */
  .content-wrapper .content .tab-content .container-fluid .row.publi .col-sm-2 {
    width: 100%;
    height: max-content;
    flex-direction: column-reverse;
    margin: 10px 0;
  }

  .flex_richtung { display: flex; flex-direction: column-reverse; }

  .form-group { margin: 0; }

  .content-wrapper .content .tab-content .container-fluid .row.publi { height: calc(100% - 15px); overflow: auto; display: block; }

  .content-wrapper .content .tab-content .container-fluid .row.publi .col-sm-10 {
    margin-left: 0;
    padding-bottom: 15px;
    padding-top: 15px;
    height: unset;
    width: 100%;
  }

  .publication { flex-direction: row; }
  .publication_download_box { margin: 0 25px 10px 25px; }

  .select_div { margin: 10px 0; }
  .abstract { overflow: unset; }
  .zitierung_text { height: 160px; }

  /* ========================================================================
     13) Dashboard
     ======================================================================== */
  .tab-pane.dash { height: calc(100% - 80px); }
  .tab-pane.dash .row { overflow: auto; height: calc(100% - 15px); }

  .tab-pane.dash .row .col-sm-2 { height: unset; width: 100%; }
  .tab-pane.dash .row .col-sm-8 { height: unset; width: 100%; margin: 10px 0 0 0; padding: 10px; }

  /* ========================================================================
     14) Kontakt
     ======================================================================== */
  .fluid_kontakt { grid-template-columns: unset; overflow: auto; height: calc(100% - 40px); }

  .fluid_kontakt .col-sm-8 { display: grid; gap: 10px; height: 100%; width: 100%; }

  .fluid_kontakt .col-sm-4 { margin-top: 140px; width: 100%; height: 100%; display: none; }

  .kontakt_box { margin-right: auto; margin-left: auto; }


  .shiny-image-output img{
   margin-left: auto;
   margin-right: auto;
   max-width: 80%;
   max-height: 80%;
  }
  /* ========================================================================
     15) Impressum & Modals
     ======================================================================== */
  .impressum_container { height: 92vh; }

  .dms_6_text { /* überschreibt frühere Richtung in diesem Breakpoint */
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
  }

  .modal-dialog { width: fit-content; }
}