﻿/*========== Region @media ==================*/

@media only screen and (min-width: 200px) and (max-width: 544px) 
{
  /* iPhone 6 vertical */
  /* smartphones, iPhone, portrait 480x320 phones */
  div.article table.network td 
  {
    font-size: small;
  }
  .partner li:first-child 
  {
    padding: 20px 15px;
  }
  .footerlast p 
  {
    text-align: center;
  }
  #top header#header 
  {
    top: 13px;
  }
  nav li a, nav li a:active, nav li a:visited 
  {
    padding: 2px;
  }
  .headertext {
    display: none;
  }
  #top header#header 
  {
    height: 247px;
    overflow: hidden;
  }
  nav ul, #language ul, #languagefooter ul {
    float: none;
  }
  #language {
    width: 100%;
    float: none;
  }
  #language ul {
    text-align: center;
  }
  aside 
  {
    float: none;
    padding: 20px;
    width: 90%;
  }
  #container.center {
    margin: 0;
    box-shadow: none;
  }
  .left 
  {
    float: none;
  }
  section article {
    width: 100%;
  }
  #specialcontent, .special-segment, .special-segment:last-child 
  {
    padding: 0;
  }
  .special-segment 
  {
    margin: 1px;
  }
  nav li, .footerlast li 
  {
    margin: 0;
    width: 100%;
    display: block;
  }
  nav a 
  {
    font-size: 1.2em;
    position: relative;
  }
  nav a:before 
  {
    content: "»";
    padding: 4px;
  }
  .mini 
  {
    display: block;
   /* 20% space rechts fuer .menubutton: */
    width: 80%;
  }
  .menubutton 
  {
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 400;
  }
  footer.footer 
  {
    padding: 0;
  }
  .footer-segment, .footer-segment:last-child 
  {
    display: block;
    vertical-align: top;
    width: 100%;
    padding: 20px;
  }
  .special-segment, .special-segment:last-child 
  {
    display: block;
    vertical-align: top;
    width: 100%;
    padding: 20px;
  }
  .breadcrumb 
  {
    display: none;
  }
  .footermenu 
  {
    border-top: 1px solid grey;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;
    width: 100%;
  }
  #languagefooter ul 
  {
    display: block;
    text-align: center;
    width: 100%;
  }
  footer h3 
  {
    color: #ffffff;
    font-size: 1.1em;
  }
  .footerlast 
  {
    border-bottom: none;
  }
  aside ~ article 
  {
    width: 100%;
  }
  .AWBCode, .AWBNumber, .form-style input[type="submit"] 
  {
    margin-bottom: 6px;
  }
  /* Dmmitry */
  aside
  {
    width: 100%;   
  }
  .submenu ul
  {
    padding-left: 0px;
  }
  div.labelaside
  {
    padding-left: 40px;
  }
  .footer-segment, .footer-segment:last-child
  {
    padding: 20px 110px;
  }
}

@media only screen and (min-width:545px) and (max-width: 767px) 
{
   /* iPhone 6 horizontal */
   /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
   /* body {
   border-top: 10px solid white;
   }
   */
  #languagefooter  ul 
  {
    display: block;
    text-align: center;
    width: 100%;
  }
  #top header#header 
  {
    height: 100px;
  }
  .footerlast 
  {
    border-bottom: none;
  }
  nav li a, nav li a:active, nav li a:visited 
  {
    padding: 5px;
  }
  aside 
  {
    float: none;
    padding: 20px;
    width: 90%;
  }
  footer h3 
  {
    color: #ffffff;
    font-size: 1.1em;
  }
  .footer-segment 
  {
    width: 32%;
  }
  aside ~ article 
  {
    width: 100%;
  }
  .AWBCode, .AWBNumber, .form-style input[type="submit"] 
  {
    margin-bottom: 6px;
  }
  /* Dmmitry */
  .plane
  {
    width:40%;
  }
  .world
  {
    width:26%;
  }
  .sitemap
  {
    width:30%;
  }
  aside
  {
    width: 100%;   
  }
  .submenu ul
  {
    padding-left: 0px;
  }
  div.labelaside
  {
    padding-left: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) 
{
   /* tablet, landscape iPad, lo-res laptops ands desktops */ 
   /* body {
   border-top: 10px solid yellow;
   } */
  .footer-segment 
  {
    width: 31%;
  }
  #top header#header 
  {
    height: 80px;
    width: 95%;
  }
  #languagefooter  ul 
  {
    display: block;
    text-align: center;
    width: 100%;
  }
  .footerlast 
  {
    border-bottom: none;
  }
  nav li a, nav li a:active, nav li a:visited 
  {
    padding: 5px;
  }
  footer h3 
  {
    color: #ffffff;
    font-size: 1.1em;
  }
  .AWBCode, .AWBNumber, .form-style input[type="submit"] 
  {
    margin-bottom: 6px;
  }
  /* Dmmitry */
  .plane
  {
    width:40%;
  }
  .world
  {
    width:26%;
  }
  .sitemap
  {
    width:30%;
  }
  aside
  {
    width: 30%;
    padding-left: 0;
  } 
  .submenu ul
  {
    padding-left: 0px;
  }
  div.labelaside
  {
    padding-left: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) 
{
   /* big landscape tablets, laptops, and desktops, Tabletquerformat (*/
   /* body {
   border-top:10px solid black;
   }
   */
  nav li a, nav li a:active, nav li a:visited 
  {
    padding: 32px 25px 31px;
  }
  #top header#header 
  {
    height: 79px;
  }
  .AWBCode, .AWBNumber, .form-style input[type="submit"] 
  {
    margin-bottom: 6px;
  }
  /* Dmmitry */
  .plane
  {
    width:40%;
  }
  .world
  {
    width:26%;
  }
  .sitemap
  {
    width:33%;
  }
  aside
  {
    width: 30%;
    padding-left: 10px;
  } 
  .submenu ul
  {
    padding-left: 15px;
  }
  div.labelaside
  {
    padding-left: 15px;
  } 
}

@media only screen and (min-width: 1201px) and (max-width: 1500px) 
{
   /* big landscape tablets, laptops, and desktops, Tabletquerformat (*/
   /* body {
   border-top:10px solid green;
   } */
  nav li a, nav li a:active, nav li a:visited 
  {
    padding: 26px 23px 32.5px;
  }
  #top header#header 
  {
    height: 74px;
    padding: 21px;
  }
  .AWBCode, .AWBNumber, .form-style input[type="submit"] 
  {
    margin-bottom: 6px;
  }
  /* Dmmitry */
  .plane
  {
    width:40%;
  }
  .world
  {
    width:26%;
  }
  .sitemap
  {
    width:33%;
  }
}

@media only screen and (min-width: 1501px) 
{
  nav li a, nav li a:active, nav li a:visited 
  {
    padding: 26px 23px 32.5px;
  }
  #top header#header 
  {
    height: 74px;
    padding: 21px;
  }
  .AWBCode, .AWBNumber, .form-style input[type="submit"] 
  {
    margin-bottom: 6px;
  }
  /* Dmmitry */
  .plane
  {
    width:40%;
  }
  .world
  {
    width:26%;
  }
  .sitemap
  {
    width:33%;
  }
}


@media screen and (min-width: 1086px) and (max-width: 1100px) (-webkit-min-device-pixel-ratio:0) 
{
/* Chrome  */
  nav li a, nav li a:active, nav li a:visited 
  {
    padding: 32px 25px 31.5px;
  }
}

@media screen and (min-width: 1101px) and (max-width: 1198px) (-webkit-min-device-pixel-ratio:0) 
{
/* Chrome  */
  nav li a, nav li a:active, nav li a:visited 
  {
    padding: 32px 23px 26.5px;
  }
}

@media screen and (min-width: 1199px) (-webkit-min-device-pixel-ratio:0) 
{
/* Chrome  */
  nav li a, nav li a:active, nav li a:visited 
  {
    padding: 26px 23px 32.5px;
  }
}

@media only screen and (min-width: 975px) and (max-width: 1084px)and (-webkit-min-device-pixel-ratio:0) 
{
/* Chrome  */
  nav li a, nav li a:active, nav li a:visited 
  {
    padding: 32px 25px 31.5px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) 
{
   /* rules only apply in saf3+, chrome1+ */
  .breadcrumb a:before, .breadcrumb a:after 
  {
    height: 28px;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1101px) 
{
   /* IE10 */
  nav li a, nav li a:active, nav li a:visited 
  {
    padding: 27px 23px 32.5px;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1100px)  and (min-width: 992px) 
{
   /* IE10 */
  nav li a, nav li a:active, nav li a:visited 
  {
    padding: 33.5px 25px 31px;
  }
}

/* Microsoft Edge Browser 12+ (All) - @supports method */

@supports (-ms-accelerator:true)  
{ 
   @media screen and (max-width:1184px) and (min-width:975px) 
   { 
     nav li a, nav li a:active, nav li a:visited 
     {
       padding: 33px 25px 32.5px !important;
     }

      #top header#header 
      {
       height: 80px;
       padding: 21px;
      }
   }
}
 
@supports (-ms-accelerator:true)  
{ 
@media screen and (max-width:2500px) and (min-width:1199px) 
{ 
  nav li a, nav li a:active, nav li a:visited 
  {
    padding: 27px 25px 38.5px !important;
  }
   #top header#header 
   {
    height: 80px;
    padding: 21px;
   }
 }
} 
