/*Responsive*/
@media only screen and (max-width : 320px){
	footer > div#praxis-container,
	footer > div#address-container,
	footer > div#phone-container,
	footer > div#mail-container{
	    width: 100% !important;
	    margin-bottom: 15px;
	}
	#tel-container{
		font-size: 20px !important;
	}
	#sidebar-navigation #tel-container{
		background-image: none !important;
	}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 480px) {
/* Styles */
	#tel-container{
		font-size: 25px;
	    padding-left: 65px;
	    position: static;
	    width: auto;
	    height: 55px;
	    text-align: center;
	    margin-top: 20px;
	    margin-bottom: 30px;
	    display: block;
	}
	#sidebar-navigation #tel-container{
	    background: #a29995 url("../img/icon_phone.png") left center no-repeat;
	}
	#menu-close-button{
	    display: inline-block;
	}
	#menu-three-lines{
    	display: block;
	}
	#navigation{
		display: none;
	}
	#navigation.show{
    	display: block !important;
	}
	#navigation ul{
		margin-right: 0;
	}
	#navigation ul li{
		width: 100%;
	}
	#navigation ul li a,
	#navigation ul li a:focus{
		display: block;
		text-align: center;
		padding: 0;
	}
	#navigation ul li a:hover,
	#navigation ul li.selected a{
		border-top: none;
		background-color: #efefef;
	}
	#search input[type="text"]{
		background-position: center right;
	}
	#sidebar-navigation{
		margin-top: 20px;
	}
	#sidebar-navigation ul{
	    margin: 0;
	}
	#opening-time-container{
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px solid #E5E5E5;
	}
	#content-container{
		margin-top: 0;
	}
	#content{
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid #E5E5E5;
	}
	#content > div{
		margin-right: 0;
	}
	.barriere {
		position:static;	
	}
	footer > div#praxis-container,
	footer > div#address-container,
	footer > div#phone-container,
	footer > div#mail-container{
	    width: 50%;
	    margin-bottom: 15px;
	}
	
	#teaser-container .introtext {
		position:static;
		right:none;
		bottom:none;
		width:100%;
		margin:0;
		padding:0;
	}
}


@media only screen and (min-width : 480px) and (max-width : 768px) {
	#menu-close-button{
	    display: inline-block;
	}
	#menu-three-lines{
    	display: block;
	}
	#tel-container{
		font-size: 25px;
	    padding-left: 65px;
	    position: static;
	    width: auto;
	    height: 55px;
	    text-align: center;
	    margin-top: 20px;
	    margin-bottom: 30px;
	    display: block;
	}
	#sidebar-navigation #tel-container{
	    background: #a29995 url("../img/icon_phone.png") left center no-repeat !important;
	}
	#navigation{
		display: none;
	}
	#navigation.show{
    	display: block !important;
	}
	#navigation ul{
		margin-right: 0;
	}
	#navigation ul li{
		width: 100%;
	}
	#navigation ul li a,
	#navigation ul li a:focus{
		display: block;
		text-align: center;
		padding: 0;
	}
	#navigation ul li a:hover,
	#navigation ul li.selected a{
		border-top: none;
		background-color: #efefef;
	}
	#search input[type="text"]{
		background-position: center right;
	}
	#sidebar-navigation{
		margin-top: 20px;
	}
	#sidebar-navigation ul{
	    margin: 0;
	}
	#opening-time-container{
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px solid #E5E5E5;
	}
	#opening-time-container p{
		float: left;
		width: 33.333%;
	}
	#content-container{
		margin-top: 0;
	}
	#content{
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid #E5E5E5;
	}
	#content > div{
		margin-right: 0;
	}
	footer > div#praxis-container,
	footer > div#address-container,
	footer > div#phone-container,
	footer > div#mail-container{
	    width: 50% !important;
	    margin-bottom: 15px;
	}
	/*Crossbrowser*/
	img.logo-image { border: none\9; }
	#search-container{
		width: 100%\9 !important;
	}
	#content{
		width: 100%\9 !important;
	}
	#sidebar-navigation{
		width: 100%\9 !important;
	}
	#left-sidebar-container{
		width: 100%\9 !important;
	}
	#navigation{
		width: 100%\9 !important;
		height: 100%\9 !important;
	}
	
	#teaser-container .introtext {
		width:94%;
	}
	#teaser-container .introtext p {
		padding:0 0 8px 0;
	}
	#teaser-container .introtext h1 {
		font-size:13px;
	}
	
	#content h1{
		padding-right: 0;
	}

/* iPads (portrait and landscape) ----------- */
@media only screen and  (max-width : 980px) {
/* Styles */
	#tel-container{
	    background-image: none;
	    padding-left: 0;
	    text-align: center; 
	}
}


/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
/* Styles */
}

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

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-pixel-ratio : 1.5), only screen and (min-pixel-ratio : 1.5) {
/* Styles */
}