/* ---------------------------------------------------------------------------------------

   modified eCommerce Shopsoftware
   http://www.modified-shop.org
   Copyright (c) 2009 - 2016 [www.modified-shop.org]
   ---------------------------------------------------------------------------------------
   Released under the GNU General Public License

--------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1160px)  { #responsive_marker { border-top:10px solid brown; position:fixed; bottom:0px; height:1px;background:transparent; width:100%;z-index:99999;}}
@media only screen and (max-width: 1060px)  { #responsive_marker { border-top:10px solid fuchsia; position:fixed; bottom:0px; height:1px;background:transparent; width:100%;z-index:99999;}}
@media only screen and (max-width: 985px)   { #responsive_marker { border-top:10px solid red; position:fixed; bottom:0px; height:1px;background:transparent; width:100%;z-index:99999;}}
@media only screen and (max-width: 920px)   { #responsive_marker { border-top:10px solid pink; position:fixed; bottom:0px; height:1px;background:transparent; width:100%;z-index:99999;}}
@media only screen and (max-width: 850px)   { #responsive_marker { border-top:10px solid cyan; position:fixed; bottom:0px; height:1px;background:transparent; width:100%;z-index:99999;}}
@media only screen and (max-width: 759px)   { #responsive_marker { border-top:10px solid blue; position:fixed; bottom:0px; height:1px;background:transparent; width:100%;z-index:99999;}}
@media only screen and (max-width: 690px)   { #responsive_marker { border-top:10px solid lime; position:fixed; bottom:0px; height:1px;background:transparent; width:100%;z-index:99999;}}
@media only screen and (max-width: 600px)   { #responsive_marker { border-top:10px solid green; position:fixed; bottom:0px; height:1px;background:transparent; width:100%;z-index:99999;}}
@media only screen and (max-width: 500px)   { #responsive_marker { border-top:10px solid orange; position:fixed; bottom:0px; height:1px;background:transparent; width:100%;z-index:99999;}}
@media only screen and (max-width: 400px)   { #responsive_marker { border-top:10px solid olive; position:fixed; bottom:0px; height:1px;background:transparent; width:100%;z-index:99999;}}
@media only screen and (max-width: 360px)   { #responsive_marker { border-top:10px solid olive; position:fixed; bottom:0px; height:1px;background:transparent; width:100%;z-index:99999;}}



@media only screen and (max-width: 1160px) {



}

@media only screen and (max-width: 1060px) {


}

@media only screen and (max-width: 985px) {
  .layout_header { padding: 20px 10px; }
  .layout_content { padding: 30px 10px; }
  .topbar { right: 0px; }
  .layout_col_2 { float:left; width:100%; }
  .layout_col_5 { float:left; width:50%; position:relative;}
  .layout_col_3 { float:right; width:50%; position:relative;}


}


@media only screen and (max-width: 920px) {
  .content_col_1 { float:left; width:50%; }
  .content_col_2 { float:left; width:50%; }
  .content_col_3 { float:left; width:100%; }

}


@media only screen and (max-width: 850px) {
  .layout_col_1 { display:none; }
  .layout_col_4 { width: 100%; padding: 0px 30px; border-left: 0px solid #ddd; }

  .topbar { position: relative; top: -14px; right: -10px; display: block; }
  ul.topbar_list { display: inline-block; float: right; }
  .logo { float: none;width: 100%;max-width:100%;text-align: center;}
  .logo img {width: 100%;height: auto;max-width: 400px;}

}


@media only screen and (max-width: 759px) {
  .image_200 { width: 40%; max-width: 200px;}
  .passport_image { width: 30%; }
  .download_image { width: 30%; }

}


@media only screen and (max-width: 690px) {


}


@media screen and (max-width: 600px) {
  .galerie_item { width: 140px; height: 140px;}
  .layout_col_5 { float:left; width:100%; position:relative;}
  .layout_col_3 { float:right; width:100%; position:relative;}
  .content_col_1 { float:left; width:100%; }
  .content_col_2 { float:left; width:100%; }
  .content_col_3 { float:left; width:100%; }


}


@media screen and (max-width: 500px) {



}


@media screen and (max-width: 460px) {




}


@media screen and (max-width: 360px) {
  ul.topbar_list li a { padding: 5px 5px; }
  .topbar { right: -5px; }

}