/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {


}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	header .headlogo img{
	    top:-5px;
	}

	.img_3{
		display:none;
	}

}

/* Small Devices, Tablets */
/*@media only screen and (max-width : 768px) */


@media only screen and (max-width : 768px) {
	header .headlogo img{
		width:70vw;
		top:0px;
		left:20px;

	}

	.navbar-collapse{
	    margin-top:25px;
	    background-color: #b5e1db;
	}
	.footer {
	    background-size: 200% 100%;
	}
	.vorabinfos{
		margin-top:-100px;
	}

}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

	header .headlogo img{
	    width:75vw;
		top:10px;
	    right:initial;
	    left:10px;
	}
	nav{
    	height: 60px;
    	background-color:#fff;
	}

	.image1{
 		background-position:-20px 30px;
	    background-attachment: initial;
	    background-size: 180%;
	    padding-bottom: 30px;
	}
	.vorabinfos{
		margin-top:-50px;
	}
	.vorabinfos ul li{
	    line-height: 1.8em;
	    letter-spacing: 0.02em;
	    font-size: 1.3em;
	}
	.titel h4{

	    font-size: 2.0em;
	}
	.titel p {
	    font-size: 1.2em;
	    line-height: 1.5em;
	}
	.praxisimages img{
		margin:auto;
	    margin-top: 10px;
	    height: 200px;

	}
	.praxisimages p {
	    font-size: 1.2em;
	}

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	
}