@media screen and (min-width: 768px) and (max-width: 1366px) and (orientation: portrait) {
  /* CSS-Regeln für iPads im Querformat */


h1 span {
  display: block;
}

  .skin-blue .content-wrapper {
    margin-left: 10px;
  }

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


  /*** Sidebar ***/
  .main-.skin-blue .main-sidebar{
  margin-top: 100px;
  }

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

  .skin-blue .sidebar a {
    padding: 5px 15px 5px 15px;  
  }

  .tab-.skin-blue .content-wrapper .content .tab-content .tab-pane.dash.active{
    height: calc(100% - 60px);
  }

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

  .content-wrapper .content .tab-content .tab-pane .container-fluid .tabbable .nav-tabs li{
    width: 18%;
    height: 67px;
  }

  .content-wrapper .content .tab-content .tab-pane .container-fluid .tabbable .nav-tabs li a{
    height: 100%;
  }
  .content-wrapper .content .tab-content .container-fluid{
    height: 100%
  }
  /*** Projektübersicht ***/

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

.dms_6_text {
  display: flex;
  justify-content: space-between; 
  align-items: flex-start; 
  flex-direction: column;
  margin-right: 30px; 
}
.dms_6_container{
  height: 100%;
  margin-left: 0px;
}

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

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

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

.studieplan_manu_home{
  flex: 1 0 66%;
}

.publikation_download_box_home{
  margin: 20px 20px 20px 20px;
}

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

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

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


/* Ziele der Studie*/

.info_text {
  display: flex;
  flex-direction: column; 
  margin: 0px 0px 20px 0px;
}

.info_text p {
  margin-bottom: 20px;  
}

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

.info_text > div > div {
  flex: 1;  
}

.info_text p {
  flex: 1;
}

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

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

#infografik_ziele img{
  margin: 0px 0px 0px 0px;
}

#querschnitt{
  flex: 0 18% ;
}

#trend{
  flex: 0 18%;
}

#laengsschnitt{
  flex: 0 18%;
}

/*** Studienplan ***/

.studienplan_main{
  margin: 0px 0px 0px 0px;
}

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

.studienplan_subcontainer {
  display: block;
  margin-left: 0px;
}

.studienplan_text{
  display: flex;
  flex-direction: column;
  margin: 0px 0px 0px 0px;
}

.studienplan_text p{
  flex: 1 0 31%;
  margin: 10px 20px 0px 0px;
}


.studienplan_text .infografik{
  display: block;
  height: 100%;
  margin: 50px 0px 50px 0px;
} 

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

.studienplan_download_box_weitere a{
  height: max-content ;
}

.studieplan_manu_2 {
  margin: 0px 0px 0px 0px;
}


.home_download_box{
  margin-right: 10px;
}
.home_download_box .btn{
  margin: 5px 0px 5px 0px;
}

/*** Leitung ***/

.leitung_box1{
  height: calc(100% - 60px);
  overflow:auto;
}

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

.leitung{
  margin-right: 0px;
  justify-content: center;
}
/*** Wissenschaftliche Expertise ***/
.name-label{
  display: none;
}
.expertenkreis_container{
display: block;
overflow: auto;
margin-left: 0px;
}
 
.expertenkreis_text{
  margin: 0px 0px 25px 0px; 
  display: flex;
  width: 100%;
}

.expertenkreis_spalte{
    width: 50%;
  }

.expertenkreis_spalte{
    width: 50%;
  }

.expertenkreis_forschungsbereich{
  height: unset;
}
/***Plot ***/

  .vertikal{
      display: block;
   }

   .content-wrapper .content .tab-content .container-fluid .row.plot{
    display: none;
   }

   .content-wrapper .content .tab-content .container-fluid .row.table{
    display: none;
   }
/*** 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 .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% - 10px);
}

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

/*** Datenschutz ***/

.col-sm-5{
  width: 100%;
}

.col-sm-7{
  width: 100%;
  overflow: unset;
}


/*** Publikation ***/


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

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

.form-group{
  margin: 20px 0px 0px 0px;
}

/*** Dashboard ***/
.tab-pane.dash{
  height: calc(100% - 80px);
}

.tab-pane.dash .row{
  overflow: auto;
}

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

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


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


.publication{
  flex-direction: row;
}

.publication_download_box{
  margin: 0px 25px 10px 25px;
}

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

.abstract{
  overflow: unset;
}

.zitierung_text{
  height:160px;
}


/*** Kontakt  ***/

.fluid_kontakt {
  grid-template-columns: unset;
  overflow: auto;
  height: calc(100% - 10px);
}

.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;
}

/*** Impressum ***/

.impressum_container{
  height: 92vh;
}

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

}