/* CSS Document */
.infobox {
    background-color: var(--colorBlauUniBackground);
    padding: 0.625em 0.25em 0.625em 0.625em;
    margin-bottom: var(--widthAbstand);
   
}
.infobox_clear_element_image {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;  /* nowrap HP 24.10.23. pageid=5 partnerinstit brechen nicht */
    justify-content: space-around;
    align-items: flex-start;
}

@media only screen and (min-width: 1280px) {
.infobox_clear_element_image {
     flex-direction: column;
 }    
}
.infobox_clear_element_image img{
    width: 100%;
}
.infobox_clear_element_image a{
  padding: 0 30px 10px 0px !important;
}

@media only screen and (min-width: 1320px) {

.infobox_clear_element_image a{
    padding: 0 20px 20px 0;
}
}

@media only screen and (min-width: 1280px) {
.infobox {
    background: #d5e3f3;
    color: #4a4a4a;
    font-size: var(--styleFontSizeInfoBoxRem);
    font-size: var(--styleFontSizeInfoBoxPX);
    line-height: var(--styleLineHightInfoBoxPX);
}
.infobox p, .infobox_clear_element p{
    font-size: var(--styleFontSizeInfoBoxRem);
    font-size: var(--styleFontSizeInfoBoxPX);
    line-height: var(--styleLineHightInfoBoxPX);
}
.infobox_clear_element_image img{
    width: 100%;
    padding-bottom:20px;
}

}

.infobox_clear {
    font-size: 0.9em;
    display: flex;
    justify-content: space-around;
 }

@media only screen and (min-width: 1280px) {
 .infobox_clear {
    font-size: 0.9em;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
 }
}

/* Links nebeneinander z.B. Partnerinstitutionen */
.infobox a, .infobox_clear a {
}
.infobox_list{
   list-style-position: inside;
  
}

.infobox_clear_element{
/*  width: 100%;*/
}  

/*@media only screen and (min-width: 600px) {
.infobox_clear_element{
    width: auto;
    padding-right: 0px;
}
}*/

.infobox_clear_element{
      padding-right: 0px;
      width: 100%;  /* HP 18.07.23 wg Studium-> qualitätsmanagement */
}

.infobox_clear_element a{
     width: 100%;
}
.infobox_clear_element img,
infobox_clear_element_image img{
     width: 100%;
}

@media only screen and (min-width: 600px) 
{
  .infobox_clear_element{
    /* float: left;*/
      padding-right: 20px;
  }
  .infobox_clear_element img,
  .infobox_clear_element_image img{
     width: auto;
  }

}




/* kleinere Displays - kein Underline */
.infobox_subHeader h5 {
    background-image: none;
    background-position: bottom;
    font-size: 1.15em;
    clear: both;
    text-align: left;
}

 /*.infobox_subHeader h5 {
    background-image: url(/geo/layout/backgrounds/dotted-bg-x-blue.png);
    background-repeat: repeat-x;
 }    */

@media only screen and (min-width: 1280px) {
 .infobox a, .infobox_clear a{
    color: #046cbe;
    padding: 0;
  }
 
  .infobox_clear{
  /*  flex-direction: column;*/
  }  
 
  .infobox_clear_element{
    /* float: left;*/
    width: 100%;  /* HP 18.07.23 */
    flex-direction: column;
    padding-right: 20px;
    font-size: var(--styleFontSizeInfoBoxRem);
    font-size: var(--styleFontSizeInfoBoxPX);
    line-height: var(--styleLineHightInfoBoxPX);
  } 

   .infobox_clear .infobox_clear_element img
   {
        object-fit: cover;
        width: calc(var(--widthMainRasterRechts2von2) - 40px);
        padding: 10px 10px 20px 10px;
   }
   

  .infobox .infobox_clear_element img
  {
        object-fit: cover;
        width:  220px; /* 240px - 20px (var(--widthMainRasterRechts2von2) - 20px); */
   }

  /* GRÖSSERE DISPLAYS: underline */
 .infobox_subHeader h5 {
  
 }
}
/******************* KONTAKTPERSON ***************/
.stat_kontakt_infobox_bild, .stat_kontakt_infobox_bild img{
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
    justify-content: center;
    width: 100px !important;
}
.stat_kontakt_infobox_bild{
    margin-bottom: var(--widthAbstand);
}
.kontaktperson {
  background: #d5e3f3; 
  padding: 1em 0.7em 0.7em;
}

.kontaktperson a {
    background: #d5e3f3;
      background: #d5e3f3; 
    color: #046cbe;
}
@media only screen and (min-width: 1024px) {
.kontaktperson {
  
}
.kontaktperson a {
  
}

.infobox h3,
.kontaktperson h3,
.infobox_clear h3
 {
 /*  color: white;*/
}              

.infoboxLinkText{
    color:  #046cbe;
    font-size: 1.1em;
    text-decoration: none;
    border-bottom: 1px dotted #046cbe;
    line-height: 2em;

}


select.ComboTxt150 {
    width: 200px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    background-color: #FFFFFF;
    color: #000000;
    text-decoration: none;
    font-size: 0.9em;
}    

}