




/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
  p,ul,li,div,a,
  #col-pos-2 p,
  #col-pos-2 ul,
  #col-pos-2 li,
  #col-pos-2 div,
  #col-pos-2 a,
  #footer a
  {
    font-size: 14px;
    line-height: 22px;
  }
  ul.menu a,
  ul.menu a:link,
  ul.menu a:visited
  {
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  padding: 0 15px;
  }

}


/* Medium devices (tablets, less than 992px) */
/*
@media (max-width: 991.98px) {}
*/

@media (max-width: 980px) {
/*
  #headerImage {
    background-size: 50% 100% ! important;
  }
*/
  #slogan {
    width: 45%;
    padding-left: 30px;
  }
  #navigation ul.menu {
    background: #efefef;
    width: 100%;
    height: 100%;
    padding: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
  }
  #navigation ul li {
    margin-left: 0;
    padding-left: 0;
    display: block;
    position: relative;
    float: none;
    width: 100%;
  }
  ul.menu a.nav-lev1, ul.menu a:link.nav-lev1, ul.menu a:visited.nav-lev1 {
    border: 0px solid #fff;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
  }
  #navigation a.act, #navigation a:link.act, #navigation a:visited.act, #navigation a.act {
    color: #575757;
    background: #dedede;
  }
  
  ul.menu a, ul.menu a:link, ul.menu a:visited {
    background: #efefef;
  }
  #navigation ul li.leftBG, 
  #navigation ul li.rightBG {
    display: none;
  }
 .page-width, .page-width2
  {
    width: 100%;
  }
  #col-pos-0, #col-pos-0.colsPos0-wider,
  #col-pos-2
  {
    width: 100%;
    float: none;
    padding: 0px;
  }
  #page-container {
    padding: 20px;
  } 

  #footer {
    position: relative;
  }
}


@media (max-width: 575.98px) {
  .cookieAlertCnt {
    padding: 40px 35px 20px 20px;
  }

  #headerImage {
    background-size: cover ! important;
  }
  #slogan {
    position: absolute;
    float: none;
    width: 100%;
    padding-left: 20px;
    bottom: 10px;
    text-shadow: 0px 0px 4px rgba(150, 150, 150, 1);
  }
  h2.flashslogan {
    margin: 0;
  }
  #footer {
    position: relative;
  }
  ul.navi-unten {
    clear: both;
    margin-top: 15px;
  }
  #poweredby,
  ul.navi-unten,
  ul.navi-unten li {
    float: none;
  }
  .top-n-pipe {display: none;}
}



/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {  }
