/**
* MEDIA QUERIES
*
* Formatierung der Inhalte für weitere Ausgabegeräte
*
* @copyright       Copyright 20012-2013, .hausformat
* @link            http://www.hausformat.com
*/

/* reset fallback für moderne Browser (YAML Einstellung) */
@media screen and ( min-width: 0 ) {
  .ym-wrapper {
    min-width: 0;
  }
}


/* Tablet screen size */
@media screen and ( max-width: 1024px )  {

  .ym-wrapper {
    max-width: 960px;
    width: auto;
  }

  /* Änderung in prozentuale Breite */
  .ym-col1 {  }

  .ym-col3 {  }

  /* Anpassung Home template */
  .hometemplate .ym-col3 {  }

  .hometemplate .ym-col1 {  }

  /* grösserer Abstand und grössere Schrift für topnav und metanav (touch) */
  #topnav,
  #metanav {  }

  #topnav ul li:before,
  #metanav ul li:before {  }

  #agencies a {
    right: 2px;
  }

}


/* Problems in Mainnav */
@media screen and ( max-width: 940px )  {
  #mainnav.ym-hlist > ul > li > a > span {
    display: none;
  }
  #mainnav.ym-hlist > ul > li > a {
    height: 50px;
  }
  #mainnav.ym-hlist > ul > li {
    height: 67px;
  }
}

/* In between (col3 weg, nav angepasst 50%) */
@media screen and ( max-width: 768px )  {

  /* linearization für die Spalten */
  .linearize-level-1,
  .linearize-level-1 > [class*="ym-col"] {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: 100% !important;
  }

  /* entfernt unnötige Abstände */
  .linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
    overflow: hidden; /* optional for containing floats */
    padding: 0;
    margin: 0;
  }

  .linearize-level-1 > [class*="ym-g"] {
    display: block;
    width: 100%;
  }


  #main .ym-col3,
  .hometemplate #main .ym-col1 {
    margin-top: 60px;
  }


  /* header begin */

  #siteheader{
    margin: 0;
    height: 54px;
  }
  #siteheader #logo {
    padding-top: 14px;
  }
  #mainheader {
    background-position: 0 -40px;
    position: relative;
  }

  #logo img {
    padding: 0 10px;
  }
  #breadcrumb {
    display: none;
  }
  .leveltitle{
    display: none;
  }
  #main{
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
  }
  #main .csc-textpic-imagewrap {
    float: none;
    margin: 0;
  }
  #main .csc-textpic-text {
    margin: 0;
  }
  .tx-macinasearchbox-pi1{
    display: none;
  }

  /* header end */


  /* navigation begin */

  #mainnav {
    position: absolute;
    top:0px;
    right: 0;
  }

  .mainnav-items{
    display: none;
  }

  #topnav {
    /*top: 52px;*/
    left: 0;
    position: relative;
    width: 100%;
    /*height: 40px;*/
  }
  #topnav ul{
    width: 100%;
    /*height: 44px;*/
    background-color: #F1F1F1;
    border-bottom: 4px solid #dddddd;
  }
  #topnav ul li {
    color: #6D6D6D;
    /*background-color: #F1F1F1;*/
    border-right: 1px solid #DDDDDD;
    padding: 10px 18px 10px 18px;
    width: auto;
    margin-left: auto;
  }
  #topnav ul li.icon-rss{
    display: none;
  }
  #topnav ul li:last-child{
    border-right: none;
  }
  #topnav ul li a{
    color: #6D6D6D;
    margin: 0;
  }
  #topnav ul li.active a,
  #topnav ul li a.active {
    color: #6D6D6D;
    zoom: 1;
    filter: alpha(opacity=85);
    opacity: 0.85;
  }

  #topnav .mobile-only ul li a:hover,
  #topnav .mobile-only ul li:hover a {
    color: #333;
  }

  #topnav .mobile-only li.langnav-container  {
    padding: 0;
    width: auto;
    height: auto;
    margin-left: 0;

    /*right: 18px;*/
    /*top: 34px;*/
  }

  #topnav .mobile-only .langnav-container ul {
    padding: 0;
    width: auto;
    height: auto;
    /*height: auto;*/
    border: none;
    /*padding: 5px 0;*/
  }

  #topnav .mobile-only .langnav-container ul li {

    border-right: 1px solid #DDDDDD;
    margin-left: 0;
    /*padding: 5px 5px;*/
    /*border: none;*/
  }

  .icon-email:before { content: url(../../../gui/icon-email-dark.png); }
  .icon-login:before { content: url(../../../gui/icon-login-dark.png); }
  .icon-lang:after { content: url(../../../gui/icon-lang-arrow-dark.png); }



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

  #mainnav-menu-button {
    display: block;
    /*margin-top:60px;*/
  }

  #mainnav.ym-hlist ul li {
    width: 100%;
    float: none;
    height: auto;
  }

  #mainnav.ym-hlist > ul > li:focus,
  #mainnav.ym-hlist > ul > li:hover,
  #mainnav.ym-hlist > ul > li:active,
  #mainnav.ym-hlist > ul > li.active {
    background-color: #dddddd;
  }

  #mainnav.ym-hlist > ul > li:focus > a,
  #mainnav.ym-hlist > ul > li:hover > a,
  #mainnav.ym-hlist > ul > li:active > a,
  #mainnav.ym-hlist > ul > li.active > a {
    background-color: #dddddd;
  }

  #mainnav.ym-hlist ul li a {
    border: none;
    padding: 5px 8px;
    display: inline-block;
  }
  #subnav.ym-vlist ul.subnav-level1 li a{
    display: inline-block;
  }

  #mainnav.ym-hlist ul li a span{
    display: none;
  }

  #subnav.ym-vlist ul li {
    margin: 5px 5px 0 0;
    /*padding-right: 5px;*/
    font-size: 12px;
  }

  #subnav {
    display: none;
  }


  #mobile-nav {
    display: block;
  }

  /* navigation end*/


  .fce-serviceMenu header h1,
  .fce-serviceMenu header h2,
  .fce-serviceMenu header h3,
  .fce-serviceMenu header h4,
  .fce-serviceMenu header h5,
  .fce-serviceMenu header h6,
  .fce-roundBoxIcon header.roundBox h1,
  .fce-roundBoxIcon header.roundBox h2,
  .fce-roundBoxIcon header.roundBox h3,
  .fce-roundBoxIcon header.roundBox h4,
  .fce-roundBoxIcon header.roundBox h5,
  .fce-roundBoxIcon header.roundBox h6 {
    font-size: 18px;
    line-height: 26px;
  }

  #sitefooter #legals {
    padding: 10px;
  }

  #sitefooter-content h1,
  #sitefooter-content h2,
  #sitefooter-content h3,
  #sitefooter-content h4,
  #sitefooter-content h5,
  #sitefooter-content h6 {
    font-size: 13px;
    /*font-weight: bold;*//*replaced with font-family*/
    font-weight: normal;
    font-family: 'Gill Sans W01 Bold';
  }

  #sitefooter-content .ym-gl {
    margin-bottom: 20px;
  }

  /* entfernt das hausformat Icon unten rechts */
  #agencies,
  #hausformat {
    display: none;
  }

  .desktop-only {
    display: none;
  }

  .mobile-only {
    display: block;
  }

  .csc-default,
  .csc-frame {
    margin-bottom: 30px;
  }

  .csc-default.fce-ds-5 {
    margin-bottom: 0;
  }

  .csc-space-before-30 {
    margin-top: 0 !important;
  }

}

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

  dt,
  dd,
  label,
  input[type="text"],
  input[type="password"],
  input[type="search"],
  input[type="password"],
  input[type="tel"],
  input[type="url"],
  input[type="email"] {
      float: none;
      margin-left: 0 !important;
      width: 100% !important;
  }

  input[type="submit"] {
      margin-left: 0 !important;
  }

  dt.empty {
    display: none;
  }

}

/* Smartphone screen size (Grid Elemente untereinander ) */
@media screen and ( max-width: 480px )  {

  /* Schriftgrösse für mobile fixieren */
  html {
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
  }

  .linearize-level-2 > [class*="ym-g"] {
    display: block;
    width: 100%;
  }

  /* FCE Abstände */
  .linearize-level-2 > .ym-gbox {
    margin-bottom: 10px;
  }

  .linearize-level-2  .ym-gbox  .csc-frame {
    margin-bottom: 20px;
  }
  .linearize-level-2 .ym-gbox .csc-frame-greybox {
    margin-bottom: 10px;
  }

  #sitefooter #legals #copyright,
  #sitefooter #legals #metanav {
    float: none;
  }

}

/* vertical iPhone */

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

  /* desktop & mobile Klassen */
  .desktop-only,
  .csc-layout-2 {
    display: none;
  }

  .mobile-only,
  .csc-layout-1 {
    display: block;
  }

  #topnav ul li a{  }
}