/* ------------------------------------------------------------- */
/* RESPONSIVE (responsive.less)                          */
/* ------------------------------------------------------------- */

//  --------------------------------------
//  Medienabfragen und Beruecksichtigungen Plattformen
//  --------------------------------------
//  Handheld Hochformat width: 320px
@media screen and (max-device-width: 479px) {

}



//  Handheld Querformat width: 480px
@media screen and (min-device-width: 480px) and (max-device-width: 767px) {

  body #content .tbl-horizontal th {

    .colgroup col { width: @tcol-wi-lightwide ; }

    width: @tcol-wi-normal ;
    background-color: #D6EEBF;

    //  --------------
    //  Width of Columns (Dimensions)
    //
    &.wi-smallest    { width:  @tcol-wi-normal        ; }
    &.wi-verysmall   { width:  @tcol-wi-normal        ; }
    &.wi-small       { width:  @tcol-wi-normal        ; }
    &.wi-mediumsmall { width:  @tcol-wi-normal        ; }
    &.wi-normal      { width:  @tcol-wi-normal        ; }
    &.wi-lightwide   { width:  @tcol-wi-normal        ; }
    &.wi-wide        { width:  @tcol-wi-normal        ; }
    &.wi-wider       { width:  @tcol-wi-normal        ; }
    &.wi-verywide    { width:  @tcol-wi-normal        ; }
  }
}



//  < Tablet Querformat
@media screen and (max-device-width: 1024px) {
  body #content .tbl-horizontal th{

    width: @tcol-wi-lightwide ;
    //background-color: #EEBBB7 !important; // TEST

    //  --------------
    //  Width of Columns (Dimensions)
    //
    &.wi-smallest    { width:  @tcol-wi-normal        ; }
    &.wi-verysmall   { width:  @tcol-wi-normal        ; }
    &.wi-small       { width:  @tcol-wi-normal        ; }
    &.wi-mediumsmall { width:  @tcol-wi-normal        ; }
    &.wi-normal      { width:  @tcol-wi-normal        ; }
    &.wi-lightwide   { width:  @tcol-wi-normal        ; }
    &.wi-wide        { width:  @tcol-wi-normal        ; }
    &.wi-wider       { width:  @tcol-wi-normal        ; }
    &.wi-verywide    { width:  @tcol-wi-normal        ; }
  }
}


//  Tablet Hochformat
@media screen and (min-device-width: 768px) and (max-device-width: 1023px) {

  #content h1{
    // background-color: red ; // TEST
  }

  //colgroup col:first-child,
  .tbl-horizontal th{

    width: @tcol-wi-normal ;


    //  --------------
    //  Width of Columns (Dimensions)
    //
    &.wi-smallest    { width:  @tcol-wi-normal        ; }
    &.wi-verysmall   { width:  @tcol-wi-normal        ; }
    &.wi-small       { width:  @tcol-wi-normal        ; }
    &.wi-mediumsmall { width:  @tcol-wi-normal        ; }
    &.wi-normal      { width:  @tcol-wi-normal        ; }
    &.wi-lightwide   { width:  @tcol-wi-normal        ; }
    &.wi-wide        { width:  @tcol-wi-normal        ; }
    &.wi-wider       { width:  @tcol-wi-normal        ; }
    &.wi-verywide    { width:  @tcol-wi-normal        ; }
  }
}

//  < Tablet Querformat
@media screen and (max-device-width: 1024px) {
  .tbl-horizontal th{

    width: @tcol-wi-normal ;

    //  --------------
    //  Width of Columns (Dimensions)
    //
    &.wi-smallest    { width:  @tcol-wi-normal        ; }
    &.wi-verysmall   { width:  @tcol-wi-normal        ; }
    &.wi-small       { width:  @tcol-wi-normal        ; }
    &.wi-mediumsmall { width:  @tcol-wi-normal        ; }
    &.wi-normal      { width:  @tcol-wi-normal        ; }
    &.wi-lightwide   { width:  @tcol-wi-normal        ; }
    &.wi-wide        { width:  @tcol-wi-normal        ; }
    &.wi-wider       { width:  @tcol-wi-normal        ; }
    &.wi-verywide    { width:  @tcol-wi-normal        ; }
  }
}


//  Normale Bildschirme
//@media screen and (min-device-width: 1260px)  {
@media screen and (min-device-width: 1110px)  {

}