/** Responsive */

/*** responsive menu */
#toggle {
	width:30px;
	height:25px;
	float:right;
	margin:0;
	margin-top: 10px;
	overflow:hidden;
	cursor: pointer;
	display:none;
}


  /* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {

#news_block { width: 450px; 
  position: relative;
  float: right;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 20px 30px;
}

}

/** tablet */
@media screen and (max-width:1500px)
{

#content.wrap.whome {
  width: 800px;
    max-width:100% !important;

}
    #content img{
        max-width:100%;
        height:auto;
    }
}


/** tablet */
@media screen and (max-width:1100px)
{

  #news_block { width: auto; 
    position: relative;
    float: none;
    border-radius: 10px;
    padding: 10px 20px;
  }

   #wrap, .wrap, #home {
		width: auto; 
		padding: 0px 10px;
		clear: both;
	}



    #menu ul.show{
        display: block;
    }
	#menu li {
	    float: none;
		padding: 5px;
	}
	#menu li a { margin: 4px; padding-right: 5px; }
	
	#menu ul.visible {
		display: block;
	}


	#toggle {
		display: block;
		margin-top: 10px;
        top:80px !important;
        right:0px !important;
	}


    #toggle.connected{
        right:0px !important;
        top:100px !important;
    }

    #toggle.altToggle{
        top:15px !important;
    }


    #toggle.altToggle.connected{
        right:-5.5em !important;
        top:-.6em !important;
    }

	.headline_col { float: none; margin-bottom: 15px; }

	 #col_assort {
      width: auto;
    }
    #col_news, #col_atout {
      width: auto;
      margin-right: 0;
    }
    #headline_cols { padding: 20px; }
	
}

@media screen and (max-width: 650px) {
    #toggle.altToggle{
        top:0px !important;
    }
}

/** iphone 2 -> 4 portrait and landscape */ 
@media screen and (max-width: 580px )
 { 

  #head_search {
    top: 125px !important;
    background: #FFF;
}

	#wrap, .wrap {
		width: auto; 
		padding: 20px 10px;
		clear: both;
	}
	#content {
		clear: both;
	}
	#header { height: auto; }


	.bottom_logo {
        width: auto;
        text-align: center;
        float: none;
    }

    #col_assort {
      width: auto;
    }
    #col_news, #col_atouts {
      width: auto;
      margin-right: 0;
    }

    #bottom { height: auto; }
    .bottom_logo { 
     padding: 10px; }



     #home {
    height: auto;
  position: relative;
  font-size: 1.2em;
}
#home h1 { color: #fff; font-size: 1.6em; line-height: 1em; text-align: center }







}

@media screen and (max-width:1100px) {
    #logo a img { max-width:100%;}
    #menu {
        left:0px;
        top:0px;
        bottom:0px;
    }
    #content  h1 {
        margin-right:0px;
        text-align:left;
    }
    #menu ul { right:0px; text-align:center !important;}
    #menu ul li {line-height:normal !important; padding:0px !important;}
    #menu ul li  ul{ visibility: visible; opacity:1; position:relative; margin-top:0px; top:0px; }
    #menu ul li ul li a {
        padding:0px;
        margin:0px;
    }
}